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,EAAK,KAAA,CAAC,CAAC,SAAAC,EAAU,YAAAC,EAAc,OAAS,CACpE,KAAA,CAAC,UAAAC,CAAS,EAAIC,gBAAc,EAC5BC,EAAQC,UAAQ,KAAO,CAAC,eAAgBJ,IAAe,CAACA,CAAW,CAAC,EAC1E,aACKC,EAAU,CAAA,UAAWI,EAAQ,QAAA,YAAa,MAAAF,EACtC,SAAAJ,EACL,CAER,CAAC,EAEDF,EAAY,YAAc"}