@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1.full

package/dist/Accordion/AccordionItem.cjs

@@ -32,15 +32,15 @@ const AccordionItem = props => {
       size = _.Size.Medium
     } = props,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? " ".concat(className) : '');
+  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.AccordionItemContainer, {
     id: id,
     className: size,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.AccordionItemHeaderContainer, _objectSpread(_objectSpread({
       role: "button",
       "aria-expanded": isActive,
-      id: "itemHeaderFor_".concat(id),
-      "aria-controls": "itemContentFor_".concat(id),
+      id: `itemHeaderFor_${id}`,
+      "aria-controls": `itemContentFor_${id}`,
       tabIndex: !disabled ? 0 : undefined,
       onClick: () => {
         if (!disabled) {
@@ -53,14 +53,14 @@ const AccordionItem = props => {
       onMouseDown: _common.defaultOnMouseDownHandler,
       className: cls
     }, rest), {}, {
-      children: [icon, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [icon, typeof title === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }) : title, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         "aria-hidden": "true",
         children: [isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronUp, {}), !isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ChevronDown, {})]
       })]
     })), isActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AccordionItemBodyContainer, {
-      id: "itemContentFor_".concat(id),
+      id: `itemContentFor_${id}`,
       $padding: padding,
       children: children
     })]

package/dist/Accordion/AccordionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.cjs","names":["_react","_interopRequireDefault","require","_","_icons","_styles","_common","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Size","Medium","rest","_objectWithoutProperties2","cls","concat","jsxs","AccordionItemContainer","AccordionItemHeaderContainer","role","tabIndex","undefined","onClick","onKeyDown","key","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","ChevronUp","ChevronDown","AccordionItemBodyContainer","$padding","propTypes","_propTypes","func","isRequired","bool","string","_default","exports"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} $padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AccordionItem.cjs","names":["_react","_interopRequireDefault","require","_","_icons","_styles","_common","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Size","Medium","rest","_objectWithoutProperties2","cls","jsxs","AccordionItemContainer","AccordionItemHeaderContainer","role","tabIndex","undefined","onClick","onKeyDown","key","onMouseDown","defaultOnMouseDownHandler","jsx","SystemIcons","ChevronUp","ChevronDown","AccordionItemBodyContainer","$padding","propTypes","_propTypes","func","isRequired","bool","string","_default","exports"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        {typeof(title) === \"string\" ? <span>{title}</span> : title}\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} $padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/AccordionItem.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { Size } from '..';
-import { AccordionItemProps } from './AccordionMenu';
-interface AccordionItemPropsInner extends AccordionItemProps {
-    onSelect: (id: string) => void;
-    isActive: boolean;
-    isLast: boolean;
-    padding?: string;
-    size?: Size.Small | Size.Medium | Size.Large;
-}
-declare const AccordionItem: React.FunctionComponent<AccordionItemPropsInner>;
-export default AccordionItem;
+import React from 'react';
+import { Size } from '..';
+import { AccordionItemProps } from './AccordionMenu';
+interface AccordionItemPropsInner extends AccordionItemProps {
+    onSelect: (id: string) => void;
+    isActive: boolean;
+    isLast: boolean;
+    padding?: string;
+    size?: Size.Small | Size.Medium | Size.Large;
+}
+declare const AccordionItem: React.FunctionComponent<AccordionItemPropsInner>;
+export default AccordionItem;

package/dist/Accordion/AccordionItem.js

@@ -25,15 +25,15 @@ const AccordionItem = props => {
       size = Size.Medium
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? " ".concat(className) : '');
+  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');
   return /*#__PURE__*/_jsxs(AccordionItemContainer, {
     id: id,
     className: size,
     children: [/*#__PURE__*/_jsxs(AccordionItemHeaderContainer, _objectSpread(_objectSpread({
       role: "button",
       "aria-expanded": isActive,
-      id: "itemHeaderFor_".concat(id),
-      "aria-controls": "itemContentFor_".concat(id),
+      id: `itemHeaderFor_${id}`,
+      "aria-controls": `itemContentFor_${id}`,
       tabIndex: !disabled ? 0 : undefined,
       onClick: () => {
         if (!disabled) {
@@ -46,14 +46,14 @@ const AccordionItem = props => {
       onMouseDown: defaultOnMouseDownHandler,
       className: cls
     }, rest), {}, {
-      children: [icon, /*#__PURE__*/_jsx("span", {
+      children: [icon, typeof title === "string" ? /*#__PURE__*/_jsx("span", {
         children: title
-      }), /*#__PURE__*/_jsxs("div", {
+      }) : title, /*#__PURE__*/_jsxs("div", {
         "aria-hidden": "true",
         children: [isActive && /*#__PURE__*/_jsx(SystemIcons.ChevronUp, {}), !isActive && /*#__PURE__*/_jsx(SystemIcons.ChevronDown, {})]
       })]
     })), isActive && /*#__PURE__*/_jsx(AccordionItemBodyContainer, {
-      id: "itemContentFor_".concat(id),
+      id: `itemContentFor_${id}`,
       $padding: padding,
       children: children
     })]

package/dist/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":["React","Size","SystemIcons","AccordionItemContainer","AccordionItemBodyContainer","AccordionItemHeaderContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Medium","rest","_objectWithoutProperties","_excluded","cls","concat","_objectSpread","role","tabIndex","undefined","onClick","onKeyDown","e","key","onMouseDown","ChevronUp","ChevronDown","$padding","propTypes","_pt","func","isRequired","bool","string"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        <span>{title}</span>\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} $padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,QAAO,IAAI;AAC3C,SAAQC,WAAW,QAAO,UAAU;AAEpC,SAAQC,sBAAsB,EAAEC,0BAA0B,EAAEC,4BAA4B,QAAO,UAAU;AACzG,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpD,MAAMC,aAA+D,GAAIC,KAA8B,IAAK;EAC1G,MAAM;MACJC,EAAE;MACFC,QAAQ;MACRC,QAAQ;MACRC,KAAK;MACLC,IAAI;MACJC,QAAQ;MACRC,MAAM;MACNC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC,IAAI,GAAGtB,IAAI,CAACuB;IAEd,CAAC,GAAGZ,KAAK;IADJa,IAAI,GAAAC,wBAAA,CACLd,KAAK,EAAAe,SAAA;EAET,MAAMC,GAAG,GAAG,CAACb,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,OAAAO,MAAA,CAAOP,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACEZ,KAAA,CAACP,sBAAsB;IAACU,EAAE,EAAEA,EAAG;IAACS,SAAS,EAAEC,IAAK;IAAAF,QAAA,gBAC9CX,KAAA,CAACL,4BAA4B,EAAAyB,aAAA,CAAAA,aAAA;MAC3BC,IAAI,EAAC,QAAQ;MACb,iBAAehB,QAAS;MACxBF,EAAE,mBAAAgB,MAAA,CAAmBhB,EAAE,CAAG;MAC1B,mCAAAgB,MAAA,CAAiChB,EAAE,CAAG;MACtCmB,QAAQ,EAAE,CAACd,QAAQ,GAAG,CAAC,GAAGe,SAAU;MACpCC,OAAO,EAAEA,CAAA,KAAM;QACb,IAAI,CAAChB,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACFsB,SAAS,EAAGC,CAAM,IAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEvB,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACFyB,WAAW,EAAEhC,yBAA0B;MACvCgB,SAAS,EAAEM;IAAI,GACXH,IAAI;MAAAJ,QAAA,GACPJ,IAAI,eACLT,IAAA;QAAAa,QAAA,EAAOL;MAAK,CAAO,CAAC,eACpBN,KAAA;QAAK,eAAY,MAAM;QAAAW,QAAA,GAEnBN,QAAQ,iBAAIP,IAAA,CAACN,WAAW,CAACqC,SAAS,IAAC,CAAC,EAGpC,CAACxB,QAAQ,iBAAIP,IAAA,CAACN,WAAW,CAACsC,WAAW,IAAC,CAAC;MAAA,CAEtC,CAAC;IAAA,EACsB,CAAC,EAC9BzB,QAAQ,iBACPP,IAAA,CAACJ,0BAA0B;MAACS,EAAE,oBAAAgB,MAAA,CAAoBhB,EAAE,CAAG;MAAC4B,QAAQ,EAAErB,OAAQ;MAAAC,QAAA,EACvEA;IAAQ,CACiB,CAC7B;EAAA,CAEqB,CAAC;AAE7B,CAAC;AAACV,aAAA,CAAA+B,SAAA;EA/DA5B,QAAQ,EAAA6B,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACR9B,QAAQ,EAAA4B,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACR1B,MAAM,EAAAwB,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACNzB,OAAO,EAAAuB,GAAA,CAAAI;AAAA;AA8DT,eAAepC,aAAa","ignoreList":[]}
+{"version":3,"file":"AccordionItem.js","names":["React","Size","SystemIcons","AccordionItemContainer","AccordionItemBodyContainer","AccordionItemHeaderContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Medium","rest","_objectWithoutProperties","_excluded","cls","_objectSpread","role","tabIndex","undefined","onClick","onKeyDown","e","key","onMouseDown","ChevronUp","ChevronDown","$padding","propTypes","_pt","func","isRequired","bool","string"],"sources":["../../src/Accordion/AccordionItem.tsx"],"sourcesContent":["import React from 'react';\r\nimport {COLORS, ComponentS, Size} from '..';\r\nimport {SystemIcons} from '../icons';\r\nimport {AccordionItemProps} from './AccordionMenu';\r\nimport {AccordionItemContainer, AccordionItemBodyContainer, AccordionItemHeaderContainer} from './styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const {\r\n    id,\r\n    onSelect,\r\n    isActive,\r\n    title,\r\n    icon,\r\n    disabled,\r\n    isLast,\r\n    padding,\r\n    children,\r\n    className,\r\n    size = Size.Medium,\r\n    ...rest\r\n  } = props;\r\n\r\n  const cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? ` ${className}` : '');\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} className={size}>\r\n      <AccordionItemHeaderContainer\r\n        role=\"button\"\r\n        aria-expanded={isActive}\r\n        id={`itemHeaderFor_${id}`}\r\n        aria-controls={`itemContentFor_${id}`}\r\n        tabIndex={!disabled ? 0 : undefined}\r\n        onClick={() => {\r\n          if (!disabled) {\r\n            onSelect(id);\r\n          }\r\n        }}\r\n        onKeyDown={(e: any) => {\r\n          if (e.key === 'Enter') onSelect(id);\r\n        }}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        className={cls}\r\n        {...rest}>\r\n        {icon}\r\n        {typeof(title) === \"string\" ? <span>{title}</span> : title}\r\n        <div aria-hidden=\"true\">\r\n          {\r\n            isActive && <SystemIcons.ChevronUp/>\r\n          }\r\n          {\r\n            !isActive && <SystemIcons.ChevronDown/>\r\n          }\r\n        </div>\r\n      </AccordionItemHeaderContainer>\r\n      {isActive && (\r\n        <AccordionItemBodyContainer id={`itemContentFor_${id}`} $padding={padding}>\r\n          {children}\r\n        </AccordionItemBodyContainer>\r\n      )\r\n      }\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA4BC,IAAI,QAAO,IAAI;AAC3C,SAAQC,WAAW,QAAO,UAAU;AAEpC,SAAQC,sBAAsB,EAAEC,0BAA0B,EAAEC,4BAA4B,QAAO,UAAU;AACzG,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpD,MAAMC,aAA+D,GAAIC,KAA8B,IAAK;EAC1G,MAAM;MACJC,EAAE;MACFC,QAAQ;MACRC,QAAQ;MACRC,KAAK;MACLC,IAAI;MACJC,QAAQ;MACRC,MAAM;MACNC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC,IAAI,GAAGtB,IAAI,CAACuB;IAEd,CAAC,GAAGZ,KAAK;IADJa,IAAI,GAAAC,wBAAA,CACLd,KAAK,EAAAe,SAAA;EAET,MAAMC,GAAG,GAAG,CAACb,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,GAAG,IAAIA,SAAS,EAAE,GAAG,EAAE,CAAC;EAE3G,oBACEZ,KAAA,CAACP,sBAAsB;IAACU,EAAE,EAAEA,EAAG;IAACS,SAAS,EAAEC,IAAK;IAAAF,QAAA,gBAC9CX,KAAA,CAACL,4BAA4B,EAAAwB,aAAA,CAAAA,aAAA;MAC3BC,IAAI,EAAC,QAAQ;MACb,iBAAef,QAAS;MACxBF,EAAE,EAAE,iBAAiBA,EAAE,EAAG;MAC1B,iBAAe,kBAAkBA,EAAE,EAAG;MACtCkB,QAAQ,EAAE,CAACb,QAAQ,GAAG,CAAC,GAAGc,SAAU;MACpCC,OAAO,EAAEA,CAAA,KAAM;QACb,IAAI,CAACf,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACFqB,SAAS,EAAGC,CAAM,IAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEtB,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACFwB,WAAW,EAAE/B,yBAA0B;MACvCgB,SAAS,EAAEM;IAAI,GACXH,IAAI;MAAAJ,QAAA,GACPJ,IAAI,EACJ,OAAOD,KAAM,KAAK,QAAQ,gBAAGR,IAAA;QAAAa,QAAA,EAAOL;MAAK,CAAO,CAAC,GAAGA,KAAK,eAC1DN,KAAA;QAAK,eAAY,MAAM;QAAAW,QAAA,GAEnBN,QAAQ,iBAAIP,IAAA,CAACN,WAAW,CAACoC,SAAS,IAAC,CAAC,EAGpC,CAACvB,QAAQ,iBAAIP,IAAA,CAACN,WAAW,CAACqC,WAAW,IAAC,CAAC;MAAA,CAEtC,CAAC;IAAA,EACsB,CAAC,EAC9BxB,QAAQ,iBACPP,IAAA,CAACJ,0BAA0B;MAACS,EAAE,EAAE,kBAAkBA,EAAE,EAAG;MAAC2B,QAAQ,EAAEpB,OAAQ;MAAAC,QAAA,EACvEA;IAAQ,CACiB,CAC7B;EAAA,CAEqB,CAAC;AAE7B,CAAC;AAACV,aAAA,CAAA8B,SAAA;EA/DA3B,QAAQ,EAAA4B,GAAA,CAAAC,IAAA,CAAAC,UAAA;EACR7B,QAAQ,EAAA2B,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACRzB,MAAM,EAAAuB,GAAA,CAAAG,IAAA,CAAAD,UAAA;EACNxB,OAAO,EAAAsB,GAAA,CAAAI;AAAA;AA8DT,eAAenC,aAAa","ignoreList":[]}

package/dist/Accordion/AccordionMenu.cjs

@@ -79,7 +79,7 @@ AccordionMenu.propTypes = {
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     id: _propTypes.default.string.isRequired,
     disabled: _propTypes.default.bool,
-    title: _propTypes.default.string.isRequired,
+    title: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
     icon: _propTypes.default.node,
     children: _propTypes.default.node.isRequired
   })).isRequired,

package/dist/Accordion/AccordionMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionMenu.cjs","names":["React","_interopRequireWildcard","require","_AccordionItem","_interopRequireDefault","_styles","_jsxRuntime","_excluded","_excluded2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","rest","_objectWithoutProperties2","builtinSelectedItems","builtinSetSelectedItems","useState","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","jsx","AccordionMenuWrapper","children","map","_ref","index","disabled","title","icon","isLast","propTypes","_propTypes","arrayOf","shape","string","isRequired","bool","node","func","_default","exports"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport AccordionItem from './AccordionItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\nimport {Size} from \"../types\";\r\n\r\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\r\n  /** List of items that will be rendered */\r\n  items: AccordionItemProps[];\r\n  /** List of items that are currently expanded */\r\n  selectedItems?: string[];\r\n  /** Callback used to set/save list of expanded items */\r\n  setSelectedItems?: (a: string[]) => void;\r\n  /** Callback triggered when user clicks/selects one of the sections */\r\n  onSelect?: (id: string) => void;\r\n  /** Flag that allows keeping more than one item expanded */\r\n  multipleActive?: boolean;\r\n  /** Property that allows setting custom padding for items body container. */\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\r\n  /** Id of the item */\r\n  id: string;\r\n  /** User will not be able to expand the item if it is disabled. */\r\n  disabled?: boolean;\r\n  /** Title of the item that will be shown in the item header. */\r\n  title: string;\r\n  /** Icon that will be shown on the left of the title */\r\n  icon?: React.ReactNode;\r\n\r\n  /** Size of the item. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Actual content of the item. */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * AccordionMenu component that is capable of displaying multiple collapsable sections.\r\n */\r\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\r\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size, ...rest } = props;\r\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\r\n\r\n  const getCollection = () => {\r\n    return selectedItems ? selectedItems : builtinSelectedItems;\r\n  };\r\n\r\n  const getUpdateFunction = () => {\r\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\r\n  };\r\n\r\n  const onSelected = (id: string) => {\r\n    const collection = getCollection();\r\n    const updateFunc = getUpdateFunction();\r\n\r\n    const isActive = !!collection.find((x) => x == id);\r\n    if (multipleActive) {\r\n      if (isActive) updateFunc(collection.filter((x) => x != id));\r\n      else updateFunc([...collection, id]);\r\n    } else updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <AccordionMenuWrapper {...rest}>\r\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\r\n        <AccordionItem\r\n          key={id}\r\n          id={id}\r\n          disabled={disabled}\r\n          title={title}\r\n          aria-expanded={!!getCollection().find((x) => x == id)}\r\n          icon={icon}\r\n          isActive={!!getCollection().find((x) => x == id)}\r\n          isLast={index === items.length - 1}\r\n          onSelect={onSelected}\r\n          padding={padding}\r\n          size={size}\r\n          {...rest}>\r\n          {children}\r\n        </AccordionItem>\r\n      ))}\r\n    </AccordionMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AccordionMenu.cjs","names":["React","_interopRequireWildcard","require","_AccordionItem","_interopRequireDefault","_styles","_jsxRuntime","_excluded","_excluded2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","rest","_objectWithoutProperties2","builtinSelectedItems","builtinSetSelectedItems","useState","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","jsx","AccordionMenuWrapper","children","map","_ref","index","disabled","title","icon","isLast","propTypes","_propTypes","arrayOf","shape","string","isRequired","bool","oneOfType","node","func","_default","exports"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport AccordionItem from './AccordionItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\nimport {Size} from \"../types\";\r\n\r\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\r\n  /** List of items that will be rendered */\r\n  items: AccordionItemProps[];\r\n  /** List of items that are currently expanded */\r\n  selectedItems?: string[];\r\n  /** Callback used to set/save list of expanded items */\r\n  setSelectedItems?: (a: string[]) => void;\r\n  /** Callback triggered when user clicks/selects one of the sections */\r\n  onSelect?: (id: string) => void;\r\n  /** Flag that allows keeping more than one item expanded */\r\n  multipleActive?: boolean;\r\n  /** Property that allows setting custom padding for items body container. */\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'title' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\r\n  /** Id of the item */\r\n  id: string;\r\n  /** User will not be able to expand the item if it is disabled. */\r\n  disabled?: boolean;\r\n  /** Title of the item that will be shown in the item header. */\r\n  title: string | React.ReactNode;\r\n  /** Icon that will be shown on the left of the title */\r\n  icon?: React.ReactNode;\r\n\r\n  /** Size of the item. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Actual content of the item. */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * AccordionMenu component that is capable of displaying multiple collapsable sections.\r\n */\r\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\r\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size, ...rest } = props;\r\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\r\n\r\n  const getCollection = () => {\r\n    return selectedItems ? selectedItems : builtinSelectedItems;\r\n  };\r\n\r\n  const getUpdateFunction = () => {\r\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\r\n  };\r\n\r\n  const onSelected = (id: string) => {\r\n    const collection = getCollection();\r\n    const updateFunc = getUpdateFunction();\r\n\r\n    const isActive = !!collection.find((x) => x == id);\r\n    if (multipleActive) {\r\n      if (isActive) updateFunc(collection.filter((x) => x != id));\r\n      else updateFunc([...collection, id]);\r\n    } else updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <AccordionMenuWrapper {...rest}>\r\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\r\n        <AccordionItem\r\n          key={id}\r\n          id={id}\r\n          disabled={disabled}\r\n          title={title}\r\n          aria-expanded={!!getCollection().find((x) => x == id)}\r\n          icon={icon}\r\n          isActive={!!getCollection().find((x) => x == id)}\r\n          isLast={index === items.length - 1}\r\n          onSelect={onSelected}\r\n          padding={padding}\r\n          size={size}\r\n          {...rest}>\r\n          {children}\r\n        </AccordionItem>\r\n      ))}\r\n    </AccordionMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/AccordionMenu.d.ts

@@ -1,36 +1,36 @@
-import * as React from 'react';
-import { Size } from "../types";
-export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
-    /** List of items that will be rendered */
-    items: AccordionItemProps[];
-    /** List of items that are currently expanded */
-    selectedItems?: string[];
-    /** Callback used to set/save list of expanded items */
-    setSelectedItems?: (a: string[]) => void;
-    /** Callback triggered when user clicks/selects one of the sections */
-    onSelect?: (id: string) => void;
-    /** Flag that allows keeping more than one item expanded */
-    multipleActive?: boolean;
-    /** Property that allows setting custom padding for items body container. */
-    padding?: string;
-    size?: Size.Small | Size.Medium | Size.Large;
-}
-export interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {
-    /** Id of the item */
-    id: string;
-    /** User will not be able to expand the item if it is disabled. */
-    disabled?: boolean;
-    /** Title of the item that will be shown in the item header. */
-    title: string;
-    /** Icon that will be shown on the left of the title */
-    icon?: React.ReactNode;
-    /** Size of the item. */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Actual content of the item. */
-    children: React.ReactNode;
-}
-/**
- * AccordionMenu component that is capable of displaying multiple collapsable sections.
- */
-declare const AccordionMenu: React.FunctionComponent<AccordionProps>;
-export default AccordionMenu;
+import * as React from 'react';
+import { Size } from "../types";
+export interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** List of items that will be rendered */
+    items: AccordionItemProps[];
+    /** List of items that are currently expanded */
+    selectedItems?: string[];
+    /** Callback used to set/save list of expanded items */
+    setSelectedItems?: (a: string[]) => void;
+    /** Callback triggered when user clicks/selects one of the sections */
+    onSelect?: (id: string) => void;
+    /** Flag that allows keeping more than one item expanded */
+    multipleActive?: boolean;
+    /** Property that allows setting custom padding for items body container. */
+    padding?: string;
+    size?: Size.Small | Size.Medium | Size.Large;
+}
+export interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'title' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {
+    /** Id of the item */
+    id: string;
+    /** User will not be able to expand the item if it is disabled. */
+    disabled?: boolean;
+    /** Title of the item that will be shown in the item header. */
+    title: string | React.ReactNode;
+    /** Icon that will be shown on the left of the title */
+    icon?: React.ReactNode;
+    /** Size of the item. */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /** Actual content of the item. */
+    children: React.ReactNode;
+}
+/**
+ * AccordionMenu component that is capable of displaying multiple collapsable sections.
+ */
+declare const AccordionMenu: React.FunctionComponent<AccordionProps>;
+export default AccordionMenu;

package/dist/Accordion/AccordionMenu.js

@@ -70,7 +70,7 @@ AccordionMenu.propTypes = {
   items: _pt.arrayOf(_pt.shape({
     id: _pt.string.isRequired,
     disabled: _pt.bool,
-    title: _pt.string.isRequired,
+    title: _pt.oneOfType([_pt.string, _pt.node]).isRequired,
     icon: _pt.node,
     children: _pt.node.isRequired
   })).isRequired,

package/dist/Accordion/AccordionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionMenu.js","names":["React","AccordionItem","AccordionMenuWrapper","jsx","_jsx","AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","rest","_objectWithoutProperties","_excluded","builtinSelectedItems","builtinSetSelectedItems","useState","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","_objectSpread","children","map","_ref","index","disabled","title","icon","_excluded2","isLast","length","propTypes","_pt","arrayOf","shape","string","isRequired","bool","node","func"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport AccordionItem from './AccordionItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\nimport {Size} from \"../types\";\r\n\r\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\r\n  /** List of items that will be rendered */\r\n  items: AccordionItemProps[];\r\n  /** List of items that are currently expanded */\r\n  selectedItems?: string[];\r\n  /** Callback used to set/save list of expanded items */\r\n  setSelectedItems?: (a: string[]) => void;\r\n  /** Callback triggered when user clicks/selects one of the sections */\r\n  onSelect?: (id: string) => void;\r\n  /** Flag that allows keeping more than one item expanded */\r\n  multipleActive?: boolean;\r\n  /** Property that allows setting custom padding for items body container. */\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\r\n  /** Id of the item */\r\n  id: string;\r\n  /** User will not be able to expand the item if it is disabled. */\r\n  disabled?: boolean;\r\n  /** Title of the item that will be shown in the item header. */\r\n  title: string;\r\n  /** Icon that will be shown on the left of the title */\r\n  icon?: React.ReactNode;\r\n\r\n  /** Size of the item. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Actual content of the item. */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * AccordionMenu component that is capable of displaying multiple collapsable sections.\r\n */\r\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\r\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size, ...rest } = props;\r\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\r\n\r\n  const getCollection = () => {\r\n    return selectedItems ? selectedItems : builtinSelectedItems;\r\n  };\r\n\r\n  const getUpdateFunction = () => {\r\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\r\n  };\r\n\r\n  const onSelected = (id: string) => {\r\n    const collection = getCollection();\r\n    const updateFunc = getUpdateFunction();\r\n\r\n    const isActive = !!collection.find((x) => x == id);\r\n    if (multipleActive) {\r\n      if (isActive) updateFunc(collection.filter((x) => x != id));\r\n      else updateFunc([...collection, id]);\r\n    } else updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <AccordionMenuWrapper {...rest}>\r\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\r\n        <AccordionItem\r\n          key={id}\r\n          id={id}\r\n          disabled={disabled}\r\n          title={title}\r\n          aria-expanded={!!getCollection().find((x) => x == id)}\r\n          icon={icon}\r\n          isActive={!!getCollection().find((x) => x == id)}\r\n          isLast={index === items.length - 1}\r\n          onSelect={onSelected}\r\n          padding={padding}\r\n          size={size}\r\n          {...rest}>\r\n          {children}\r\n        </AccordionItem>\r\n      ))}\r\n    </AccordionMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AccordionMenu.js","names":["React","AccordionItem","AccordionMenuWrapper","jsx","_jsx","AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","rest","_objectWithoutProperties","_excluded","builtinSelectedItems","builtinSetSelectedItems","useState","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","_objectSpread","children","map","_ref","index","disabled","title","icon","_excluded2","isLast","length","propTypes","_pt","arrayOf","shape","string","isRequired","bool","oneOfType","node","func"],"sources":["../../src/Accordion/AccordionMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport AccordionItem from './AccordionItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\nimport {Size} from \"../types\";\r\n\r\nexport interface AccordionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>{\r\n  /** List of items that will be rendered */\r\n  items: AccordionItemProps[];\r\n  /** List of items that are currently expanded */\r\n  selectedItems?: string[];\r\n  /** Callback used to set/save list of expanded items */\r\n  setSelectedItems?: (a: string[]) => void;\r\n  /** Callback triggered when user clicks/selects one of the sections */\r\n  onSelect?: (id: string) => void;\r\n  /** Flag that allows keeping more than one item expanded */\r\n  multipleActive?: boolean;\r\n  /** Property that allows setting custom padding for items body container. */\r\n  padding?: string;\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n}\r\n\r\nexport interface AccordionItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'title' | 'aria-expanded' | 'onSelect' | 'tabIndex' | 'onKeyDown' | 'onClick' | 'onMouseDown'> {\r\n  /** Id of the item */\r\n  id: string;\r\n  /** User will not be able to expand the item if it is disabled. */\r\n  disabled?: boolean;\r\n  /** Title of the item that will be shown in the item header. */\r\n  title: string | React.ReactNode;\r\n  /** Icon that will be shown on the left of the title */\r\n  icon?: React.ReactNode;\r\n\r\n  /** Size of the item. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Actual content of the item. */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * AccordionMenu component that is capable of displaying multiple collapsable sections.\r\n */\r\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = (props: AccordionProps) => {\r\n  const { items, selectedItems, setSelectedItems, onSelect, multipleActive, padding, size, ...rest } = props;\r\n  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState<string[]>([]);\r\n\r\n  const getCollection = () => {\r\n    return selectedItems ? selectedItems : builtinSelectedItems;\r\n  };\r\n\r\n  const getUpdateFunction = () => {\r\n    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;\r\n  };\r\n\r\n  const onSelected = (id: string) => {\r\n    const collection = getCollection();\r\n    const updateFunc = getUpdateFunction();\r\n\r\n    const isActive = !!collection.find((x) => x == id);\r\n    if (multipleActive) {\r\n      if (isActive) updateFunc(collection.filter((x) => x != id));\r\n      else updateFunc([...collection, id]);\r\n    } else updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <AccordionMenuWrapper {...rest}>\r\n      {items.map(({id, disabled, title, icon, children, ...rest}, index) => (\r\n        <AccordionItem\r\n          key={id}\r\n          id={id}\r\n          disabled={disabled}\r\n          title={title}\r\n          aria-expanded={!!getCollection().find((x) => x == id)}\r\n          icon={icon}\r\n          isActive={!!getCollection().find((x) => x == id)}\r\n          isLast={index === items.length - 1}\r\n          onSelect={onSelected}\r\n          padding={padding}\r\n          size={size}\r\n          {...rest}>\r\n          {children}\r\n        </AccordionItem>\r\n      ))}\r\n    </AccordionMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/ContentAccordion.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.ContentAccordionWrapper = exports.ContentAccordionItemHeaderText = exports.ContentAccordionItemHeaderIcon = exports.ContentAccordionItemHeader = exports.ContentAccordionItemContentHeader = exports.ContentAccordionItemContentFooter = exports.ContentAccordionItemContentBody = exports.ContentAccordionItemContent = exports.ContentAccordionItem = exports.ContentAccordion = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
@@ -18,18 +17,148 @@ var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["items", "multi", "size", "className", "onItemStateChanged"],
   _excluded2 = ["id", "title", "header", "body", "footer", "disabled", "active"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const ContentAccordionItemHeader = exports.ContentAccordionItemHeader = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  min-height: 48px;\n  color: ", ";\n  cursor: pointer;\n\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n    z-index: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  &:active {\n    color: ", ";\n    background-color: ", ";\n    z-index: ", ";\n  }\n"])), props => _styles.COLORS.getColor('neutral_600', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), props => _styles.COLORS.getColor('primary_20', props.theme), _styles.Z_INDEXES.hover, _styles.focusStyles, props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), _styles.Z_INDEXES.active);
-const ContentAccordionItemHeaderIcon = exports.ContentAccordionItemHeaderIcon = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 24px;\n  height: 24px;\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n"])));
-const ContentAccordionItemHeaderText = exports.ContentAccordionItemHeaderText = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([""])));
-const ContentAccordionItemContent = exports.ContentAccordionItemContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  flex-direction: column;\n"])));
-const ContentAccordionItemContentHeader = exports.ContentAccordionItemContentHeader = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)([""])));
-const ContentAccordionItemContentBody = exports.ContentAccordionItemContentBody = _styledComponents.default.p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([""])));
-const ContentAccordionItemContentFooter = exports.ContentAccordionItemContentFooter = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)([""])));
-const ContentAccordionItem = exports.ContentAccordionItem = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid ", ";\n\n  &.active {\n    ", " {\n      display: flex;\n    }\n  }\n\n  &.disabled {\n    ", " {\n      color: ", ";\n      cursor: not-allowed;\n      pointer-events: none;\n    }\n  }\n"])), props => _styles.COLORS.getColor('neutral_100', props.theme), ContentAccordionItemContent, ContentAccordionItemHeader, props => _styles.COLORS.getColor('neutral_300', props.theme));
-const ContentAccordionWrapper = exports.ContentAccordionWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  position: relative;\n\n  ", ":last-child {\n    border-bottom: 1px solid ", ";\n  }\n\n  &.small {\n    min-width: 320px;\n    max-width: 528px;\n\n    ", " {\n      gap: 8px;\n      padding: 0 8px;\n      ", "\n    }\n\n    ", " {\n      padding: 0 8px 16px 40px;\n      gap: 8px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n\n  &.medium {\n    min-width: 344px;\n    max-width: 584px;\n\n    ", " {\n      gap: 12px;\n      padding: 0 12px;\n      ", "\n    }\n\n    ", " {\n      padding: 8px 12px 24px 48px;\n      gap: 12px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n\n  &.large {\n    min-width: 384px;\n    max-width: 656px;\n\n    ", " {\n      gap: 16px;\n      padding: 0 16px;\n      ", "\n    }\n\n    ", " {\n      padding: 16px 16px 32px 56px;\n      gap: 16px;\n\n      ", " {\n        ", "\n      }\n\n      ", " {\n        //TODO\n      }\n    }\n  }\n"])), ContentAccordionItem, props => _styles.COLORS.getColor('neutral_100', props.theme), ContentAccordionItemHeader, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), ContentAccordionItemContent, ContentAccordionItemContentHeader, props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme)), ContentAccordionItemContentBody, ContentAccordionItemHeader, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), ContentAccordionItemContent, ContentAccordionItemContentHeader, props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme)), ContentAccordionItemContentBody, ContentAccordionItemHeader, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null), ContentAccordionItemContent, ContentAccordionItemContentHeader, props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme)), ContentAccordionItemContentBody);
+const ContentAccordionItemHeader = exports.ContentAccordionItemHeader = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  min-height: 48px;
+  color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+  cursor: pointer;
+
+  &:hover {
+    color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
+    z-index: ${_styles.Z_INDEXES.hover};
+  }
+
+  &:focus {
+    ${_styles.focusStyles}
+  }
+
+  &:active {
+    color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    background-color: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    z-index: ${_styles.Z_INDEXES.active};
+  }
+`;
+const ContentAccordionItemHeaderIcon = exports.ContentAccordionItemHeaderIcon = _styledComponents.default.div`
+  width: 24px;
+  height: 24px;
+
+  svg {
+    width: 24px;
+    height: 24px;
+  }
+`;
+const ContentAccordionItemHeaderText = exports.ContentAccordionItemHeaderText = _styledComponents.default.div``;
+const ContentAccordionItemContent = exports.ContentAccordionItemContent = _styledComponents.default.div`
+  display: none;
+  flex-direction: column;
+`;
+const ContentAccordionItemContentHeader = exports.ContentAccordionItemContentHeader = _styledComponents.default.div``;
+const ContentAccordionItemContentBody = exports.ContentAccordionItemContentBody = _styledComponents.default.p``;
+const ContentAccordionItemContentFooter = exports.ContentAccordionItemContentFooter = _styledComponents.default.div``;
+const ContentAccordionItem = exports.ContentAccordionItem = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  border-top: 1px solid ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+
+  &.active {
+    ${ContentAccordionItemContent} {
+      display: flex;
+    }
+  }
+
+  &.disabled {
+    ${ContentAccordionItemHeader} {
+      color: ${props => _styles.COLORS.getColor('neutral_300', props.theme)};
+      cursor: not-allowed;
+      pointer-events: none;
+    }
+  }
+`;
+const ContentAccordionWrapper = exports.ContentAccordionWrapper = _styledComponents.default.div`
+  width: 100%;
+  position: relative;
+
+  ${ContentAccordionItem}:last-child {
+    border-bottom: 1px solid ${props => _styles.COLORS.getColor('neutral_100', props.theme)};
+  }
+
+  &.small {
+    min-width: 320px;
+    max-width: 528px;
+
+    ${ContentAccordionItemHeader} {
+      gap: 8px;
+      padding: 0 8px;
+      ${(0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+
+    ${ContentAccordionItemContent} {
+      padding: 0 8px 16px 40px;
+      gap: 8px;
+
+      ${ContentAccordionItemContentHeader} {
+        ${props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme))}
+      }
+
+      ${ContentAccordionItemContentBody} {
+        //TODO
+      }
+    }
+  }
+
+  &.medium {
+    min-width: 344px;
+    max-width: 584px;
+
+    ${ContentAccordionItemHeader} {
+      gap: 12px;
+      padding: 0 12px;
+      ${(0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+
+    ${ContentAccordionItemContent} {
+      padding: 8px 12px 24px 48px;
+      gap: 12px;
+
+      ${ContentAccordionItemContentHeader} {
+        ${props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme))}
+      }
+
+      ${ContentAccordionItemContentBody} {
+        //TODO
+      }
+    }
+  }
+
+  &.large {
+    min-width: 384px;
+    max-width: 656px;
+
+    ${ContentAccordionItemHeader} {
+      gap: 16px;
+      padding: 0 16px;
+      ${(0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null)}
+    }
+
+    ${ContentAccordionItemContent} {
+      padding: 16px 16px 32px 56px;
+      gap: 16px;
+
+      ${ContentAccordionItemContentHeader} {
+        ${props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme))}
+      }
+
+      ${ContentAccordionItemContentBody} {
+        //TODO
+      }
+    }
+  }
+`;
 /**
  * ContentAccordion component that is capable of displaying multiple collapsable sections with content.
  */
@@ -47,8 +176,7 @@ const ContentAccordion = _ref => {
     if (multi) {
       setOpened(items.filter(item => item.active).map(item => item.id));
     } else {
-      var _items$find;
-      let active = (_items$find = items.find(item => !!item.active)) === null || _items$find === void 0 ? void 0 : _items$find.id;
+      let active = items.find(item => !!item.active)?.id;
       if (active) {
         setOpened([active]);
       }
@@ -85,13 +213,13 @@ const ContentAccordion = _ref => {
       rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
     const isActive = opened.includes(id);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentAccordionItem, {
-      id: "item_".concat(id),
+      id: `item_${id}`,
       className: ''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : ''),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentAccordionItemHeader, _objectSpread(_objectSpread({
         role: "button",
-        id: "headerFor_".concat(id),
+        id: `headerFor_${id}`,
         "aria-expanded": isActive,
-        "aria-controls": "itemContentFor_".concat(id),
+        "aria-controls": `itemContentFor_${id}`,
         tabIndex: !disabled ? 0 : undefined,
         onMouseDown: _common.defaultOnMouseDownHandler,
         onClick: () => !disabled && onItemClick(item),
@@ -111,7 +239,7 @@ const ContentAccordion = _ref => {
           children: title
         })]
       })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentAccordionItemContent, {
-        id: "itemContentFor_".concat(id),
+        id: `itemContentFor_${id}`,
         children: [header && /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentAccordionItemContentHeader, {
           children: header
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentAccordionItemContentBody, {
@@ -122,7 +250,7 @@ const ContentAccordion = _ref => {
       })]
     }, id);
   };
-  const cls = "".concat(size, " ").concat(className !== null && className !== void 0 ? className : '').trim();
+  const cls = `${size} ${className ?? ''}`.trim();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ContentAccordionWrapper, {
     className: cls,
     children: items.map(item => renderItem(item))