UNPKG

design-react-kit

Version:

Componenti React per Bootstrap 5

1 lines 3.06 kB
{"version":3,"sources":["../../src/LinkList/LinkList.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nexport interface LinkListProps extends HTMLAttributes<HTMLUListElement> {\n /** Da utilizzare in caso di titolo principale della lista. Passare una componente React da mostrare come titolo */\n header?: ReactNode;\n /** Classi aggiuntive da usare per il componente lista del LinkList */\n className?: string;\n /** Classi aggiuntive da usare per il componente wrapper del LinkList */\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 abilitato gestisce una lista in cui ciascun elemento è composto da più componenti/elementi. */\n multiline?: boolean;\n /** Da utilizzare per una lista annidata */\n sublist?: boolean;\n /** Da utilizzare per una lista di avatar */\n avatar?: boolean;\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 LinkList: FC<LinkListProps> = ({\n className,\n wrapperClassName,\n tag = 'div',\n multiline,\n header,\n sublist,\n avatar,\n noWrapper,\n testId,\n ...attributes\n}) => {\n const Tag = tag;\n const wrapperClasses = classNames('link-list-wrapper', wrapperClassName, {\n multiline: multiline\n });\n const classes = classNames(className, {\n 'link-list': !sublist,\n 'link-sublist': sublist,\n 'avatar-group': avatar\n });\n\n if (noWrapper) {\n return <ul {...attributes} className={classes} data-testid={testId} />;\n }\n\n if (sublist) {\n return (\n <>\n {header}\n <ul {...attributes} className={classes} />\n </>\n );\n }\n return (\n <Tag className={wrapperClasses} data-testid={testId}>\n {header}\n <ul {...attributes} className={classes} />\n </Tag>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkE,sBAClEC,EAAuB,2BAyBVH,EAA8B,CAAC,CAC1C,UAAAI,EACA,iBAAAC,EACA,IAAAC,EAAM,MACN,UAAAC,EACA,OAAAC,EACA,QAAAC,EACA,OAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAMR,EACNS,KAAiB,EAAAC,SAAW,oBAAqBX,EAAkB,CACvE,UAAWE,CACb,CAAC,EACKU,KAAU,EAAAD,SAAWZ,EAAW,CACpC,YAAa,CAACK,EACd,eAAgBA,EAChB,eAAgBC,CAClB,CAAC,EAED,OAAIC,EACK,EAAAO,QAAA,cAAC,MAAI,GAAGL,EAAY,UAAWI,EAAS,cAAaL,EAAQ,EAGlEH,EAEA,EAAAS,QAAA,gBAAAA,QAAA,cACGV,EACD,EAAAU,QAAA,cAAC,MAAI,GAAGL,EAAY,UAAWI,EAAS,CAC1C,EAIF,EAAAC,QAAA,cAACJ,EAAA,CAAI,UAAWC,EAAgB,cAAaH,GAC1CJ,EACD,EAAAU,QAAA,cAAC,MAAI,GAAGL,EAAY,UAAWI,EAAS,CAC1C,CAEJ","names":["LinkList_exports","__export","LinkList","__toCommonJS","import_react","import_classnames","className","wrapperClassName","tag","multiline","header","sublist","avatar","noWrapper","testId","attributes","Tag","wrapperClasses","classNames","classes","React"]}