@mantine/core/cjs/components/DataList/DataListItem/DataListItem.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"DataListItem.cjs","names":["factory","useProps","useDataListContext","Box","classes"],"sources":["../../../../src/components/DataList/DataListItem/DataListItem.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '../../../core';\nimport { useDataListContext } from '../DataList.context';\nimport classes from '../DataList.module.css';\n\nexport type DataListItemStylesNames = 'item';\n\nexport interface DataListItemProps\n  extends BoxProps, CompoundStylesApiProps<DataListItemFactory>, ElementProps<'div'> {\n  /** Item content */\n  children?: React.ReactNode;\n}\n\nexport type DataListItemFactory = Factory<{\n  props: DataListItemProps;\n  ref: HTMLDivElement;\n  stylesNames: DataListItemStylesNames;\n  compound: true;\n}>;\n\nexport const DataListItem = factory<DataListItemFactory>((_props) => {\n  const props = useProps('DataListItem', null, _props);\n  const { classNames, className, style, styles, vars, children, mod, ...others } = props;\n\n  const ctx = useDataListContext();\n  const stylesApiProps = { classNames, styles };\n\n  return (\n    <Box {...ctx.getStyles('item', { ...stylesApiProps, className, style })} mod={mod} {...others}>\n      {children}\n    </Box>\n  );\n});\n\nDataListItem.classes = classes;\nDataListItem.displayName = '@mantine/core/DataListItem';\n"],"mappings":";;;;;;;;AA2BA,MAAa,eAAeA,gBAAAA,SAA8B,WAAW;CAEnE,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,UAAU,KAAK,GAAG,WADxDC,kBAAAA,SAAS,gBAAgB,MAAM,MACwC;CAErF,MAAM,MAAMC,yBAAAA,mBAAmB;CAC/B,MAAM,iBAAiB;EAAE;EAAY;CAAO;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,YAAAA,KAAD;EAAK,GAAI,IAAI,UAAU,QAAQ;GAAE,GAAG;GAAgB;GAAW;EAAM,CAAC;EAAQ;EAAK,GAAI;EACpF;CACE,CAAA;AAET,CAAC;AAED,aAAa,UAAUC,wBAAAA;AACvB,aAAa,cAAc"}