design-react-kit
Version:
Componenti React per Bootstrap 5
1 lines • 2.01 kB
Source Map (JSON)
{"version":3,"sources":["../../src/List/List.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { ElementType, FC, HTMLAttributes } from 'react';\n\nexport interface ListProps extends HTMLAttributes<HTMLUListElement> {\n /** Classi aggiuntive da usare per il componente lista del List */\n className?: string;\n /** Classi aggiuntive da usare per il componente wrapper del List */\n wrapperClassName?: string;\n /**\n * Utilizzarlo in caso di utilizzo di componenti personalizzati per il wrapper della lista.\n * Nota: viene ignorato quando usato in lista annidate.\n * */\n tag?: ElementType;\n /** Quando attivo rimuove il componente contenitore della ListList. Utile per alcuni tipi di liste annidate. */\n noWrapper?: boolean;\n testId?: string;\n}\n\nexport const List: FC<ListProps> = ({ className, wrapperClassName, tag = 'div', noWrapper, testId, ...attributes }) => {\n const Tag = tag;\n const wrapperClasses = classNames('it-list-wrapper', wrapperClassName);\n const classes = classNames(className, 'it-list');\n\n if (noWrapper) {\n return <ul {...attributes} className={classes} data-testid={testId} />;\n }\n\n return (\n <Tag className={wrapperClasses} data-testid={testId}>\n <ul {...attributes} className={classes} />\n </Tag>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,2BACvBC,EAAuD,sBAiB1CH,EAAsB,CAAC,CAAE,UAAAI,EAAW,iBAAAC,EAAkB,IAAAC,EAAM,MAAO,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,CAAW,IAAM,CACrH,IAAMC,EAAMJ,EACNK,KAAiB,EAAAC,SAAW,kBAAmBP,CAAgB,EAC/DQ,KAAU,EAAAD,SAAWR,EAAW,SAAS,EAE/C,OAAIG,EACK,EAAAO,QAAA,cAAC,MAAI,GAAGL,EAAY,UAAWI,EAAS,cAAaL,EAAQ,EAIpE,EAAAM,QAAA,cAACJ,EAAA,CAAI,UAAWC,EAAgB,cAAaH,GAC3C,EAAAM,QAAA,cAAC,MAAI,GAAGL,EAAY,UAAWI,EAAS,CAC1C,CAEJ","names":["List_exports","__export","List","__toCommonJS","import_classnames","import_react","className","wrapperClassName","tag","noWrapper","testId","attributes","Tag","wrapperClasses","classNames","classes","React"]}