design-react-kit
Version:
Componenti React per Bootstrap 5
1 lines • 2.44 kB
Source Map (JSON)
{"version":3,"sources":["../../src/Sidebar/Sidebar.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes, ElementType } from 'react';\nimport classNames from 'classnames';\n\nexport interface SidebarProps extends HTMLAttributes<HTMLElement> {\n /** Utilizzarlo in caso di utilizzo di componenti personalizzati */\n tag?: ElementType;\n /** Classi aggiuntive da usare per il componente Sidebar */\n className?: string;\n /** Indica se il componente Sideebar corrente è di tipo annidato o no */\n secondary?: boolean;\n /** Quando attivo aggiunge una linea separatrice a sinistra */\n left?: boolean;\n /** Quando attivo aggiunge una linea separatrice a destra */\n right?: boolean;\n /** Quando attivo cambia il tema del componente Sidebar rendendola scura */\n dark?: boolean;\n testId?: string;\n}\n\nexport const Sidebar: FC<SidebarProps> = ({\n className,\n testId,\n tag = 'div',\n secondary = false,\n left = false,\n right = false,\n dark = false,\n ...attributes\n}) => {\n const Tag = tag;\n const wrapperClasses = classNames('sidebar-wrapper', className, {\n 'it-line-left-side': left,\n 'it-line-right-side': right,\n 'theme-dark': dark\n });\n\n const wrapperClassesLinkList = classNames('sidebar-linklist-wrapper', {\n 'linklist-secondary': secondary\n });\n if (secondary) {\n return <Tag {...attributes} className={wrapperClassesLinkList} data-testid={testId} />;\n }\n return (\n <Tag className={wrapperClasses} data-testid={testId}>\n <Tag {...attributes} className={wrapperClassesLinkList} />\n </Tag>\n );\n};\n"],"mappings":"0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuD,sBACvDC,EAAuB,2BAkBVH,EAA4B,CAAC,CACxC,UAAAI,EACA,OAAAC,EACA,IAAAC,EAAM,MACN,UAAAC,EAAY,GACZ,KAAAC,EAAO,GACP,MAAAC,EAAQ,GACR,KAAAC,EAAO,GACP,GAAGC,CACL,IAAM,CACJ,IAAMC,EAAMN,EACNO,KAAiB,EAAAC,SAAW,kBAAmBV,EAAW,CAC9D,oBAAqBI,EACrB,qBAAsBC,EACtB,aAAcC,CAChB,CAAC,EAEKK,KAAyB,EAAAD,SAAW,2BAA4B,CACpE,qBAAsBP,CACxB,CAAC,EACD,OAAIA,EACK,EAAAS,QAAA,cAACJ,EAAA,CAAK,GAAGD,EAAY,UAAWI,EAAwB,cAAaV,EAAQ,EAGpF,EAAAW,QAAA,cAACJ,EAAA,CAAI,UAAWC,EAAgB,cAAaR,GAC3C,EAAAW,QAAA,cAACJ,EAAA,CAAK,GAAGD,EAAY,UAAWI,EAAwB,CAC1D,CAEJ","names":["Sidebar_exports","__export","Sidebar","__toCommonJS","import_react","import_classnames","className","testId","tag","secondary","left","right","dark","attributes","Tag","wrapperClasses","classNames","wrapperClassesLinkList","React"]}