<commit_before>import React from 'react'
import { storiesOf } from '@storybook/react'

import ListsSidebarSearchBar, {
    ListsSidebarSearchBarProps,
} from '../../../../dashboard-refactor/lists-sidebar/components/lists-search-bar/'

import { sidebarWrapperFunc } from './lists-sidebar-group'

const stories = storiesOf('Dashboard Refactor|Lists Sidebar/Search Bar', module)

const template: ListsSidebarSearchBarProps = {
    isSearchBarFocused: false,
    hasPerfectMatch: false,
    searchQuery: '',
    onFocus: () => {},
    onSearchQueryChange: (inputString) => console.log(inputString),
    onInputClear: () => {},
    onCreateNew: (newListName) => console.log(newListName),
}

export const listsSidebarSearchBarProps: {
    default: ListsSidebarSearchBarProps
    withPerfectMatch: ListsSidebarSearchBarProps
    focused: ListsSidebarSearchBarProps
    withInputFocused: ListsSidebarSearchBarProps
    withInputUnfocused: ListsSidebarSearchBarProps
} = {
    default: template,
    focused: {
        ...template,
        isSearchBarFocused: true,
    },
    withPerfectMatch: {
        ...template,
        hasPerfectMatch: true,
        searchQuery: 'Grumpy Cats',
    },
    withInputFocused: {
        ...template,
        isSearchBarFocused: true,
        searchQuery: 'Cat',
    },
    withInputUnfocused: {
        ...template,
        isSearchBarFocused: false,
        searchQuery: 'Gifs',
    },<commit_msg>Bugfix<commit_after>import React from 'react'
import { storiesOf } from '@storybook/react'

import ListsSidebarSearchBar, {
    ListsSidebarSearchBarProps,
} from '../../../../dashboard-refactor/lists-sidebar/components/lists-search-bar/'

import { sidebarWrapperFunc } from './lists-sidebar-group'
import { SidebarLockedState } from 'src/dashboard-refactor/lists-sidebar/types'

const stories = storiesOf('Dashboard Refactor|Lists Sidebar/Search Bar', module)

const sidebarLockedState: SidebarLockedState = {
    isSidebarLocked: true,
    toggleSidebarLockedState: () => console.log('Xoxo'),
}

const template: ListsSidebarSearchBarProps = {
    isSearchBarFocused: false,
    hasPerfectMatch: false,
    searchQuery: '',
    onFocus: () => {},
    onSearchQueryChange: (inputString) => console.log(inputString),
    onInputClear: () => {},
    onCreateNew: (newListName) => console.log(newListName),
    sidebarLockedState: sidebarLockedState,
}

export const listsSidebarSearchBarProps: {
    default: ListsSidebarSearchBarProps
    withPerfectMatch: ListsSidebarSearchBarProps
    focused: ListsSidebarSearchBarProps
    withInputFocused: ListsSidebarSearchBarProps
    withInputUnfocused: ListsSidebarSearchBarProps
} = {
    default: template,
    focused: {
        ...template,
        isSearchBarFocused: true,
    },
    withPerfectMatch: {
        ...template,
        hasPerfectMatch: true,
        searchQuery: 'Grumpy Cats',
    },
    withInputFocused: {
        ...template,
        isSearchBarFocused: true,
        searchQuery: 'Cat',
    },
    withInputUnfocused: {
        ...template,
        isSearchBarFocused: false,
        searchQuery: 'Gifs',
    },
{'fraction_non_alphanumeric': 0.11400966183574879, 'fraction_numerical': 0.0, 'mean_word_length': 3.4498567335243555, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 12, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2146562', 'n_tokens_mistral': 927, 'n_tokens_neox': 917, 'n_words': 169}