koval-ui/dist/src/lib/DataTable/dialogs/TextField.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"TextField.cjs","sources":["../../../../../src/lib/DataTable/dialogs/TextField.tsx"],"sourcesContent":["import type {FC, ChangeEvent, InputHTMLAttributes} from 'react';\nimport {useCallback} from 'react';\nimport classNames from 'classnames';\n\nimport {FormField} from '@/lib/FormField';\nimport {InputText} from '@/lib/InputText';\n\nimport classes from './Dialog.module.css';\nimport type {FilterValue} from './../types.ts';\n\nexport type Props = {\n    value: FilterValue;\n    onChange: (value: FilterValue) => void;\n};\n\nexport const TextField: FC<Props> = ({value, onChange}) => {\n    const handleFilterChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            onChange(event.target.value);\n        },\n        [onChange]\n    );\n    return (\n        <FormField className={classNames(classes.field, classes.valueField)} label=\"Filter value:\">\n            <InputText\n                value={value as InputHTMLAttributes<HTMLInputElement>['value']}\n                onChange={handleFilterChange}\n            />\n        </FormField>\n    );\n};\n"],"names":["TextField","value","onChange","handleFilterChange","useCallback","event","jsx","FormField","classNames","classes","InputText"],"mappings":"wSAeaA,EAAuB,CAAC,CAAC,MAAAC,EAAO,SAAAC,KAAc,CACvD,MAAMC,EAAqBC,EAAA,YACtBC,GAAyC,CAC7BH,EAAAG,EAAM,OAAO,KAAK,CAC/B,EACA,CAACH,CAAQ,CACb,EAEI,OAAAI,EAAA,IAACC,EAAU,UAAA,CAAA,UAAWC,EAAWC,EAAA,QAAQ,MAAOA,EAAAA,QAAQ,UAAU,EAAG,MAAM,gBACvE,SAAAH,EAAA,IAACI,EAAA,UAAA,CACG,MAAAT,EACA,SAAUE,CAAA,CAAA,EAElB,CAER"}