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

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

{"version":3,"file":"PercentageInput.cjs","sources":["../../../../../src/lib/DataTable/dialogs/PercentageInput.tsx"],"sourcesContent":["import type {FC, ComponentProps, ChangeEvent} from 'react';\nimport {useCallback} from 'react';\n\nimport {InputNumber} from '@/lib';\n\nexport type Props = Omit<ComponentProps<typeof InputNumber>, 'onChange'> & {\n    onChange: (value: string) => void;\n};\n\nexport const PercentageInput: FC<Props> = ({onChange = () => {}, value, ...restProps}) => {\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            onChange(String(Number(event.target.value) / 100));\n        },\n        [onChange]\n    );\n    return (\n        <InputNumber\n            {...restProps}\n            onChange={handleChange}\n            value={Number(value) * 100}\n            step={0.01}\n        />\n    );\n};\n"],"names":["PercentageInput","onChange","value","restProps","handleChange","useCallback","event","jsx","InputNumber"],"mappings":"8OASaA,EAA6B,CAAC,CAAC,SAAAC,EAAW,IAAM,CAAC,EAAG,MAAAC,EAAO,GAAGC,KAAe,CACtF,MAAMC,EAAeC,EAAA,YAChBC,GAAyC,CACtCL,EAAS,OAAO,OAAOK,EAAM,OAAO,KAAK,EAAI,GAAG,CAAC,CACrD,EACA,CAACL,CAAQ,CACb,EAEI,OAAAM,EAAA,IAACC,EAAA,YAAA,CACI,GAAGL,EACJ,SAAUC,EACV,MAAO,OAAOF,CAAK,EAAI,IACvB,KAAM,GAAA,CACV,CAER"}