koval-ui/dist/src/lib/DataTable/cells/CellWrapper.cjs.map

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

{"version":3,"file":"CellWrapper.cjs","sources":["../../../../../src/lib/DataTable/cells/CellWrapper.tsx"],"sourcesContent":["import type {FC, ReactNode} from 'react';\nimport {useMemo, memo} from 'react';\nimport {useLocalTheme} from 'css-vars-hook';\n\nimport classes from './Cells.module.css';\n\nexport type Props = {\n    children?: ReactNode;\n    columnWidth?: number;\n};\n\nexport const CellWrapper: FC<Props> = memo(({children, columnWidth = 166}) => {\n    const {LocalRoot} = useLocalTheme();\n    const theme = useMemo(() => ({'column-width': columnWidth}), [columnWidth]);\n    return (\n        <LocalRoot className={classes.cellWrapper} theme={theme}>\n            {children}\n        </LocalRoot>\n    );\n});\n\nCellWrapper.displayName = 'CellWrapper';\n"],"names":["CellWrapper","memo","children","columnWidth","LocalRoot","useLocalTheme","theme","useMemo","classes"],"mappings":"oNAWaA,EAAyBC,EAAAA,KAAK,CAAC,CAAC,SAAAC,EAAU,YAAAC,EAAc,OAAS,CAC1E,KAAM,CAAC,UAAAC,CAAA,EAAaC,gBAAA,EACdC,EAAQC,EAAAA,QAAQ,KAAO,CAAC,eAAgBJ,IAAe,CAACA,CAAW,CAAC,EAC1E,aACKC,EAAA,CAAU,UAAWI,EAAAA,QAAQ,YAAa,MAAAF,EACtC,SAAAJ,EACL,CAER,CAAC,EAEDF,EAAY,YAAc"}