@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

package/dist/Accordion/AccordionItem.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,8 +15,8 @@ var _styles = require("./styles");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["id", "onSelect", "isActive", "title", "icon", "disabled", "isLast", "padding", "children", "className", "size"];
-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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AccordionItem = function AccordionItem(props) {
   var id = props.id,
     onSelect = props.onSelect,
@@ -30,7 +30,7 @@ var AccordionItem = function AccordionItem(props) {
     className = props.className,
     _props$size = props.size,
     size = _props$size === void 0 ? _.Size.Medium : _props$size,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var cls = (isActive ? 'active' : '') + (disabled ? ' disabled' : '') + (className ? " ".concat(className) : '');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.AccordionItemContainer, {
     id: id,
@@ -66,11 +66,11 @@ var AccordionItem = function AccordionItem(props) {
   });
 };
 AccordionItem.propTypes = {
-  onSelect: _propTypes["default"].func.isRequired,
-  isActive: _propTypes["default"].bool.isRequired,
-  isLast: _propTypes["default"].bool.isRequired,
-  padding: _propTypes["default"].string
+  onSelect: _propTypes.default.func.isRequired,
+  isActive: _propTypes.default.bool.isRequired,
+  isLast: _propTypes.default.bool.isRequired,
+  padding: _propTypes.default.string
 };
 var _default = AccordionItem;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=AccordionItem.cjs.map

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","getOwnPropertyDescriptors","defineProperties","defineProperty","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","_props$size","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":["AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Size","Medium","rest","cls","undefined","e","key","defaultOnMouseDownHandler"],"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;AACA;AACA;AAEA;AACA;AAAoD;AAAA;AAAA;AAAA;AAUpD,IAAMA,aAA+D,GAAG,SAAlEA,aAA+D,CAAIC,KAA8B,EAAK;EAC1G,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,QAAQ,GAWNF,KAAK,CAXPE,QAAQ;IACRC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,IAAI,GAQFL,KAAK,CARPK,IAAI;IACJC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,OAAO,GAKLR,KAAK,CALPQ,OAAO;IACPC,QAAQ,GAINT,KAAK,CAJPS,QAAQ;IACRC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IAAA,cAGPV,KAAK,CAFPW,IAAI;IAAJA,IAAI,4BAAGC,MAAI,CAACC,MAAM;IACfC,IAAI,0CACLd,KAAK;EAET,IAAMe,GAAG,GAAG,CAACZ,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,cAAOA,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACE,sBAAC,8BAAsB;IAAC,EAAE,EAAET,EAAG;IAAC,SAAS,EAAEU,IAAK;IAAA,wBAC9C,sBAAC,oCAA4B;MAC3B,IAAI,EAAC,QAAQ;MACb,iBAAeR,QAAS;MACxB,EAAE,0BAAmBF,EAAE,CAAG;MAC1B,0CAAiCA,EAAE,CAAG;MACtC,QAAQ,EAAE,CAACK,QAAQ,GAAG,CAAC,GAAGU,SAAU;MACpC,OAAO,EAAE,mBAAM;QACb,IAAI,CAACV,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACF,SAAS,EAAE,mBAACgB,CAAM,EAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEhB,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACF,WAAW,EAAEkB,iCAA0B;MACvC,SAAS,EAAEJ;IAAI,GACXD,IAAI;MAAA,WACPT,IAAI,eACL;QAAA,UAAOD;MAAK,EAAQ,eACpB;QAAK,eAAY,MAAM;QAAA,WAEnBD,QAAQ,iBAAI,qBAAC,kBAAW,CAAC,SAAS,KAAE,EAGpC,CAACA,QAAQ,iBAAI,qBAAC,kBAAW,CAAC,WAAW,KAAE;MAAA,EAErC;IAAA,GACuB,EAC9BA,QAAQ,iBACP,qBAAC,kCAA0B;MAAC,EAAE,2BAAoBF,EAAE,CAAG;MAAC,QAAQ,EAAEO,OAAQ;MAAA,UACvEC;IAAQ,EAEZ;EAAA,EAEsB;AAE7B,CAAC;AAAC;EA/DAP,QAAQ;EACRC,QAAQ;EACRI,MAAM;EACNC,OAAO;AAAA;AAAA,eA8DMT,aAAa;AAAA"}

package/dist/Accordion/AccordionItem.js

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _pt from "prop-types";
 var _excluded = ["id", "onSelect", "isActive", "title", "icon", "disabled", "isLast", "padding", "children", "className", "size"];
-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) { _defineProperty(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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import { Size } from '..';
 import { SystemIcons } from '../icons';

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","_props$size","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":"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","ignoreList":[]}
+{"version":3,"file":"AccordionItem.js","names":["React","Size","SystemIcons","AccordionItemContainer","AccordionItemBodyContainer","AccordionItemHeaderContainer","defaultOnMouseDownHandler","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","padding","children","className","size","Medium","rest","cls","undefined","e","key"],"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;AAAA;AAUpD,IAAMC,aAA+D,GAAG,SAAlEA,aAA+D,CAAIC,KAA8B,EAAK;EAC1G,IACEC,EAAE,GAYAD,KAAK,CAZPC,EAAE;IACFC,QAAQ,GAWNF,KAAK,CAXPE,QAAQ;IACRC,QAAQ,GAUNH,KAAK,CAVPG,QAAQ;IACRC,KAAK,GASHJ,KAAK,CATPI,KAAK;IACLC,IAAI,GAQFL,KAAK,CARPK,IAAI;IACJC,QAAQ,GAONN,KAAK,CAPPM,QAAQ;IACRC,MAAM,GAMJP,KAAK,CANPO,MAAM;IACNC,OAAO,GAKLR,KAAK,CALPQ,OAAO;IACPC,QAAQ,GAINT,KAAK,CAJPS,QAAQ;IACRC,SAAS,GAGPV,KAAK,CAHPU,SAAS;IAAA,cAGPV,KAAK,CAFPW,IAAI;IAAJA,IAAI,4BAAGlB,IAAI,CAACmB,MAAM;IACfC,IAAI,4BACLb,KAAK;EAET,IAAMc,GAAG,GAAG,CAACX,QAAQ,GAAG,QAAQ,GAAG,EAAE,KAAKG,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAC,IAAII,SAAS,cAAOA,SAAS,IAAK,EAAE,CAAC;EAE3G,oBACE,MAAC,sBAAsB;IAAC,EAAE,EAAET,EAAG;IAAC,SAAS,EAAEU,IAAK;IAAA,wBAC9C,MAAC,4BAA4B;MAC3B,IAAI,EAAC,QAAQ;MACb,iBAAeR,QAAS;MACxB,EAAE,0BAAmBF,EAAE,CAAG;MAC1B,0CAAiCA,EAAE,CAAG;MACtC,QAAQ,EAAE,CAACK,QAAQ,GAAG,CAAC,GAAGS,SAAU;MACpC,OAAO,EAAE,mBAAM;QACb,IAAI,CAACT,QAAQ,EAAE;UACbJ,QAAQ,CAACD,EAAE,CAAC;QACd;MACF,CAAE;MACF,SAAS,EAAE,mBAACe,CAAM,EAAK;QACrB,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAEf,QAAQ,CAACD,EAAE,CAAC;MACrC,CAAE;MACF,WAAW,EAAEH,yBAA0B;MACvC,SAAS,EAAEgB;IAAI,GACXD,IAAI;MAAA,WACPR,IAAI,eACL;QAAA,UAAOD;MAAK,EAAQ,eACpB;QAAK,eAAY,MAAM;QAAA,WAEnBD,QAAQ,iBAAI,KAAC,WAAW,CAAC,SAAS,KAAE,EAGpC,CAACA,QAAQ,iBAAI,KAAC,WAAW,CAAC,WAAW,KAAE;MAAA,EAErC;IAAA,GACuB,EAC9BA,QAAQ,iBACP,KAAC,0BAA0B;MAAC,EAAE,2BAAoBF,EAAE,CAAG;MAAC,QAAQ,EAAEO,OAAQ;MAAA,UACvEC;IAAQ,EAEZ;EAAA,EAEsB;AAE7B,CAAC;AAAC;EA/DAP,QAAQ;EACRC,QAAQ;EACRI,MAAM;EACNC,OAAO;AAAA;AA8DT,eAAeT,aAAa"}

package/dist/Accordion/AccordionMenu.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -17,10 +17,10 @@ var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["items", "selectedItems", "setSelectedItems", "onSelect", "multipleActive", "padding", "size"],
   _excluded2 = ["id", "disabled", "title", "icon", "children"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
  * AccordionMenu component that is capable of displaying multiple collapsable sections.
  */
@@ -32,9 +32,9 @@ var AccordionMenu = function AccordionMenu(props) {
     multipleActive = props.multipleActive,
     padding = props.padding,
     size = props.size,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _React$useState = React.useState([]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     builtinSelectedItems = _React$useState2[0],
     builtinSetSelectedItems = _React$useState2[1];
   var getCollection = function getCollection() {
@@ -52,7 +52,7 @@ var AccordionMenu = function AccordionMenu(props) {
     if (multipleActive) {
       if (isActive) updateFunc(collection.filter(function (x) {
         return x != id;
-      }));else updateFunc([].concat((0, _toConsumableArray2["default"])(collection), [id]));
+      }));else updateFunc([].concat((0, _toConsumableArray2.default)(collection), [id]));
     } else updateFunc(isActive ? [] : [id]);
     onSelect && onSelect(id);
   };
@@ -63,8 +63,8 @@ var AccordionMenu = function AccordionMenu(props) {
         title = _ref.title,
         icon = _ref.icon,
         children = _ref.children,
-        rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded2);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionItem["default"], _objectSpread(_objectSpread({
+        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionItem.default, _objectSpread(_objectSpread({
         id: id,
         disabled: disabled,
         title: title,
@@ -86,19 +86,19 @@ var AccordionMenu = function AccordionMenu(props) {
   }));
 };
 AccordionMenu.propTypes = {
-  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string.isRequired,
-    disabled: _propTypes["default"].bool,
-    title: _propTypes["default"].string.isRequired,
-    icon: _propTypes["default"].node,
-    children: _propTypes["default"].node.isRequired
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    disabled: _propTypes.default.bool,
+    title: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.node,
+    children: _propTypes.default.node.isRequired
   })).isRequired,
-  selectedItems: _propTypes["default"].arrayOf(_propTypes["default"].string),
-  setSelectedItems: _propTypes["default"].func,
-  onSelect: _propTypes["default"].func,
-  multipleActive: _propTypes["default"].bool,
-  padding: _propTypes["default"].string
+  selectedItems: _propTypes.default.arrayOf(_propTypes.default.string),
+  setSelectedItems: _propTypes.default.func,
+  onSelect: _propTypes.default.func,
+  multipleActive: _propTypes.default.bool,
+  padding: _propTypes.default.string
 };
 var _default = AccordionMenu;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=AccordionMenu.cjs.map

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","_typeof","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","_React$useState","useState","_React$useState2","_slicedToArray2","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","concat","_toConsumableArray2","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":["AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","rest","React","useState","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","index","disabled","title","icon","children","length"],"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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"}

package/dist/Accordion/AccordionMenu.js

@@ -5,8 +5,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _pt from "prop-types";
 var _excluded = ["items", "selectedItems", "setSelectedItems", "onSelect", "multipleActive", "padding", "size"],
   _excluded2 = ["id", "disabled", "title", "icon", "children"];
-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) { _defineProperty(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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import AccordionItem from './AccordionItem';
 import { AccordionMenuWrapper } from './styles';

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","_React$useState","useState","_React$useState2","_slicedToArray","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","concat","_toConsumableArray","_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","AccordionMenu","props","items","selectedItems","setSelectedItems","onSelect","multipleActive","padding","size","rest","useState","builtinSelectedItems","builtinSetSelectedItems","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","index","disabled","title","icon","children","length"],"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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"}

package/dist/Accordion/ContentAccordion.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.ContentAccordionWrapper = exports.ContentAccordionItemHeaderText = exports.ContentAccordionItemHeaderIcon = exports.ContentAccordionItemHeader = exports.ContentAccordionItemContentHeader = exports.ContentAccordionItemContentFooter = exports.ContentAccordionItemContentBody = exports.ContentAccordionItemContent = exports.ContentAccordionItem = exports.ContentAccordion = void 0;
+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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -21,9 +21,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _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; }
-var 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"])), function (props) {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var 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"])), function (props) {
   return _styles.COLORS.getColor('neutral_600', props.theme);
 }, function (props) {
   return _styles.COLORS.getColor('primary_700', props.theme);
@@ -35,25 +35,25 @@ var ContentAccordionItemHeader = _styledComponents["default"].div(_templateObjec
   return _styles.COLORS.getColor('primary_100', props.theme);
 }, _styles.Z_INDEXES.active);
 exports.ContentAccordionItemHeader = ContentAccordionItemHeader;
-var 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"])));
+var 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"])));
 exports.ContentAccordionItemHeaderIcon = ContentAccordionItemHeaderIcon;
-var ContentAccordionItemHeaderText = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])([""])));
+var ContentAccordionItemHeaderText = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)([""])));
 exports.ContentAccordionItemHeaderText = ContentAccordionItemHeaderText;
-var ContentAccordionItemContent = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: none;\n  flex-direction: column;\n"])));
+var ContentAccordionItemContent = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  display: none;\n  flex-direction: column;\n"])));
 exports.ContentAccordionItemContent = ContentAccordionItemContent;
-var ContentAccordionItemContentHeader = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])([""])));
+var ContentAccordionItemContentHeader = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)([""])));
 exports.ContentAccordionItemContentHeader = ContentAccordionItemContentHeader;
-var ContentAccordionItemContentBody = _styledComponents["default"].p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])([""])));
+var ContentAccordionItemContentBody = _styledComponents.default.p(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([""])));
 exports.ContentAccordionItemContentBody = ContentAccordionItemContentBody;
-var ContentAccordionItemContentFooter = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])([""])));
+var ContentAccordionItemContentFooter = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)([""])));
 exports.ContentAccordionItemContentFooter = ContentAccordionItemContentFooter;
-var 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"])), function (props) {
+var 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"])), function (props) {
   return _styles.COLORS.getColor('neutral_100', props.theme);
 }, ContentAccordionItemContent, ContentAccordionItemHeader, function (props) {
   return _styles.COLORS.getColor('neutral_300', props.theme);
 });
 exports.ContentAccordionItem = ContentAccordionItem;
-var 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, function (props) {
+var 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, function (props) {
   return _styles.COLORS.getColor('neutral_100', props.theme);
 }, ContentAccordionItemHeader, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), ContentAccordionItemContent, ContentAccordionItemContentHeader, function (props) {
   return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('black', props.theme));
@@ -74,12 +74,12 @@ var ContentAccordion = function ContentAccordion(_ref) {
     size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
     className = _ref.className,
     onItemStateChanged = _ref.onItemStateChanged,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _React$useState = _react["default"].useState([]),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _React$useState = _react.default.useState([]),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     opened = _React$useState2[0],
     setOpened = _React$useState2[1];
-  _react["default"].useEffect(function () {
+  _react.default.useEffect(function () {
     if (multi) {
       setOpened(items.filter(function (item) {
         return item.active;
@@ -106,7 +106,7 @@ var ContentAccordion = function ContentAccordion(_ref) {
       onItemStateChanged && onItemStateChanged(newOpened);
     } else {
       if (multi) {
-        var _newOpened = [].concat((0, _toConsumableArray2["default"])(opened), [item.id]);
+        var _newOpened = [].concat((0, _toConsumableArray2.default)(opened), [item.id]);
         setOpened(_newOpened);
         onItemStateChanged && onItemStateChanged(_newOpened);
       } else {
@@ -124,7 +124,7 @@ var ContentAccordion = function ContentAccordion(_ref) {
       footer = item.footer,
       disabled = item.disabled,
       active = item.active,
-      rest = (0, _objectWithoutProperties2["default"])(item, _excluded2);
+      rest = (0, _objectWithoutProperties2.default)(item, _excluded2);
     var isActive = opened.includes(id);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ContentAccordionItem, {
       id: "item_".concat(id),
@@ -178,18 +178,18 @@ var ContentAccordion = function ContentAccordion(_ref) {
 };
 exports.ContentAccordion = ContentAccordion;
 ContentAccordion.propTypes = {
-  items: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    id: _propTypes["default"].string.isRequired,
-    title: _propTypes["default"].string.isRequired,
-    header: _propTypes["default"].string,
-    body: _propTypes["default"].any.isRequired,
-    footer: _propTypes["default"].any,
-    disabled: _propTypes["default"].bool,
-    active: _propTypes["default"].bool
+  items: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    title: _propTypes.default.string.isRequired,
+    header: _propTypes.default.string,
+    body: _propTypes.default.any.isRequired,
+    footer: _propTypes.default.any,
+    disabled: _propTypes.default.bool,
+    active: _propTypes.default.bool
   })).isRequired,
-  multi: _propTypes["default"].bool,
-  onItemStateChanged: _propTypes["default"].func
+  multi: _propTypes.default.bool,
+  onItemStateChanged: _propTypes.default.func
 };
 var _default = ContentAccordion;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=ContentAccordion.cjs.map

package/dist/Accordion/ContentAccordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAccordion.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_types","_icons","_styles","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","ContentAccordionItemHeader","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","Z_INDEXES","hover","focusStyles","active","exports","ContentAccordionItemHeaderIcon","ContentAccordionItemHeaderText","ContentAccordionItemContent","ContentAccordionItemContentHeader","ContentAccordionItemContentBody","p","ContentAccordionItemContentFooter","ContentAccordionItem","ContentAccordionWrapper","ComponentSStyling","ComponentTextStyle","Regular","Bold","ComponentMStyling","ComponentLStyling","ContentAccordion","_ref","items","_ref$multi","multi","_ref$size","size","Size","Medium","className","onItemStateChanged","rest","_objectWithoutProperties2","_React$useState","React","useState","_React$useState2","_slicedToArray2","opened","setOpened","useEffect","item","map","id","_items$find","find","onItemClick","disabled","includes","newOpened","key","concat","_toConsumableArray2","renderItem","title","header","body","footer","isActive","jsxs","children","role","tabIndex","undefined","onMouseDown","defaultOnMouseDownHandler","onClick","onKeyDown","event","jsx","SystemIcons","Minus","Plus","ChevronDown","ChevronRight","cls","trim","propTypes","_propTypes","arrayOf","shape","string","isRequired","any","bool","func","_default"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Size} from '../types';\r\nimport {SystemIcons} from '../icons';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  Z_INDEXES,\r\n} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const ContentAccordionItemHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderText = styled.div``;\r\n\r\nexport const ContentAccordionItemContent = styled.div`\r\n  display: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const ContentAccordionItemContentHeader = styled.div``;\r\n\r\nexport const ContentAccordionItemContentBody = styled.p``;\r\n\r\nexport const ContentAccordionItemContentFooter = styled.div``;\r\n\r\nexport const ContentAccordionItem = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    ${ContentAccordionItemContent} {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    ${ContentAccordionItemHeader} {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionWrapper = styled.div`\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  ${ContentAccordionItem}:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n    max-width: 528px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 8px;\r\n      padding: 0 8px;\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 0 8px 16px 40px;\r\n      gap: 8px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 344px;\r\n    max-width: 584px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 12px;\r\n      padding: 0 12px;\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 8px 12px 24px 48px;\r\n      gap: 12px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-width: 384px;\r\n    max-width: 656px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 16px;\r\n      padding: 0 16px;\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 16px 16px 32px 56px;\r\n      gap: 16px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\r\n  /** Id of the section. Should be unique. */\r\n  id: string;\r\n  /** Title of the section. */\r\n  title: string;\r\n  /** Header that will be shown in the content area of the item.  */\r\n  header?: string;\r\n  /** Body that will be shown in the content area of the item */\r\n  body: any;\r\n  /** Footer that will be shown in the content area of the item */\r\n  footer?: any;\r\n  /** User can not expand the section if it is disabled */\r\n  disabled?: boolean;\r\n  /** Initial state of the item (expanded/collapsed) */\r\n  active?: boolean;\r\n}\r\n\r\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** List of the content items */\r\n  items: ContentAccordionItem[];\r\n  /** Allow keeping multiple content sections open */\r\n  multi?: boolean;\r\n  /** Size of the whole component */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Callback that is called when section is collapsed/expanded. */\r\n  onItemStateChanged?: (opened: string[]) => void; \r\n}\r\n\r\n/**\r\n * ContentAccordion component that is capable of displaying multiple collapsable sections with content.\r\n */\r\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\r\n                                                                                   items,\r\n                                                                                   multi = false,\r\n                                                                                   size = Size.Medium,\r\n                                                                                   className,\r\n                                                                                   onItemStateChanged,\r\n                                                                                   ...rest\r\n                                                                                 }) => {\r\n  const [opened, setOpened] = React.useState<string[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    if (multi) {\r\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\r\n    } else {\r\n      let active = items.find((item) => !!item.active)?.id;\r\n      if (active) {\r\n        setOpened([active]);\r\n      }\r\n    }\r\n  }, [items, multi]);\r\n\r\n  const onItemClick = (item: ContentAccordionItem) => {\r\n    if (item.disabled) return;\r\n    if (opened.includes(item.id)) {\r\n      const newOpened = opened.filter((key) => key !== item.id);\r\n      setOpened(newOpened);\r\n      onItemStateChanged && onItemStateChanged(newOpened);\r\n    } else {\r\n      if (multi) {\r\n        const newOpened = [...opened, item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      } else {\r\n        const newOpened = [item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      }\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: ContentAccordionItem) => {\r\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\r\n    const isActive = opened.includes(id);\r\n\r\n    return (\r\n      <ContentAccordionItem key={id} id={`item_${id}`}\r\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\r\n        <ContentAccordionItemHeader\r\n          role=\"button\"\r\n          id={`headerFor_${id}`}\r\n          aria-expanded={isActive}\r\n          aria-controls={`itemContentFor_${id}`}\r\n          tabIndex={!disabled ? 0 : undefined}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={() => !disabled && onItemClick(item)}\r\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\r\n          {...rest}>\r\n          <ContentAccordionItemHeaderIcon>\r\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\r\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\r\n          </ContentAccordionItemHeaderIcon>\r\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\r\n        </ContentAccordionItemHeader>\r\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\r\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\r\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\r\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\r\n        </ContentAccordionItemContent>\r\n      </ContentAccordionItem>\r\n    );\r\n  };\r\n\r\n  const cls = `${size} ${className ?? ''}`.trim();\r\n\r\n  return <ContentAccordionWrapper className={cls}>\r\n    {items.map((item) => renderItem(item))}\r\n  </ContentAccordionWrapper>;\r\n};\r\n\r\nexport default ContentAccordion;\r\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA,IAAAK,OAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAAA,IAAAO,SAAA;EAAAC,UAAA;AAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE7C,IAAMoB,0BAA0B,GAAGC,4BAAM,CAACC,GAAG,CAAAhC,eAAA,KAAAA,eAAA,OAAAiC,uBAAA,kWAKzC,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIlD,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzC,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC5DC,iBAAS,CAACC,KAAK,EAIxBC,mBAAW,EAIJ,UAAAN,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzC,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC7DC,iBAAS,CAACG,MAAM,CAE9B;AAACC,OAAA,CAAAZ,0BAAA,GAAAA,0BAAA;AAEK,IAAMa,8BAA8B,GAAGZ,4BAAM,CAACC,GAAG,CAAA/B,gBAAA,KAAAA,gBAAA,OAAAgC,uBAAA,4GAQvD;AAACS,OAAA,CAAAC,8BAAA,GAAAA,8BAAA;AAEK,IAAMC,8BAA8B,GAAGb,4BAAM,CAACC,GAAG,CAAA9B,gBAAA,KAAAA,gBAAA,OAAA+B,uBAAA,oBAAE;AAACS,OAAA,CAAAE,8BAAA,GAAAA,8BAAA;AAEpD,IAAMC,2BAA2B,GAAGd,4BAAM,CAACC,GAAG,CAAA7B,gBAAA,KAAAA,gBAAA,OAAA8B,uBAAA,mEAGpD;AAACS,OAAA,CAAAG,2BAAA,GAAAA,2BAAA;AAEK,IAAMC,iCAAiC,GAAGf,4BAAM,CAACC,GAAG,CAAA5B,gBAAA,KAAAA,gBAAA,OAAA6B,uBAAA,oBAAE;AAACS,OAAA,CAAAI,iCAAA,GAAAA,iCAAA;AAEvD,IAAMC,+BAA+B,GAAGhB,4BAAM,CAACiB,CAAC,CAAA3C,gBAAA,KAAAA,gBAAA,OAAA4B,uBAAA,oBAAE;AAACS,OAAA,CAAAK,+BAAA,GAAAA,+BAAA;AAEnD,IAAME,iCAAiC,GAAGlB,4BAAM,CAACC,GAAG,CAAA1B,gBAAA,KAAAA,gBAAA,OAAA2B,uBAAA,oBAAE;AAACS,OAAA,CAAAO,iCAAA,GAAAA,iCAAA;AAEvD,IAAMC,oBAAoB,GAAGnB,4BAAM,CAACC,GAAG,CAAAzB,gBAAA,KAAAA,gBAAA,OAAA0B,uBAAA,wRAGpB,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAGxEQ,2BAA2B,EAM3Bf,0BAA0B,EACjB,UAAAI,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAKlE;AAACK,OAAA,CAAAQ,oBAAA,GAAAA,oBAAA;AAEK,IAAMC,uBAAuB,GAAGpB,4BAAM,CAACC,GAAG,CAAAxB,gBAAA,KAAAA,gBAAA,OAAAyB,uBAAA,k/BAI7CiB,oBAAoB,EACO,UAAAhB,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAO7EP,0BAA0B,EAGxB,IAAAsB,yBAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGrDT,2BAA2B,EAIzBC,iCAAiC,EAC/B,UAAAZ,KAAK;EAAA,OAAI,IAAAkB,yBAAiB,EAACC,0BAAkB,CAACE,IAAI,EAAEpB,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAG5FU,+BAA+B,EAUjCjB,0BAA0B,EAGxB,IAAA0B,yBAAiB,EAACH,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGrDT,2BAA2B,EAIzBC,iCAAiC,EAC/B,UAAAZ,KAAK;EAAA,OAAI,IAAAsB,yBAAiB,EAACH,0BAAkB,CAACE,IAAI,EAAEpB,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAG5FU,+BAA+B,EAUjCjB,0BAA0B,EAGxB,IAAA2B,yBAAiB,EAACJ,0BAAkB,CAACC,OAAO,EAAE,IAAI,CAAC,EAGrDT,2BAA2B,EAIzBC,iCAAiC,EAC/B,UAAAZ,KAAK;EAAA,OAAI,IAAAuB,yBAAiB,EAACJ,0BAAkB,CAACE,IAAI,EAAEpB,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAG5FU,+BAA+B,CAKtC;AAACL,OAAA,CAAAS,uBAAA,GAAAA,uBAAA;AA8BF;AACA;AACA;AACO,IAAMO,gBAAgE,GAAG,SAAnEA,gBAAgEA,CAAAC,IAAA,EAOU;EAAA,IANJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,UAAA,GAAAF,IAAA,CACLG,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,KAAK,GAAAA,UAAA;IAAAE,SAAA,GAAAJ,IAAA,CACbK,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,MAAM,GAAAH,SAAA;IAClBI,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACTC,kBAAkB,GAAAT,IAAA,CAAlBS,kBAAkB;IACfC,IAAI,OAAAC,yBAAA,aAAAX,IAAA,EAAA7D,SAAA;EAExF,IAAAyE,eAAA,GAA4BC,iBAAK,CAACC,QAAQ,CAAW,EAAE,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAJ,eAAA;IAAjDK,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EAExBF,iBAAK,CAACM,SAAS,CAAC,YAAM;IACpB,IAAIhB,KAAK,EAAE;MACTe,SAAS,CAACjB,KAAK,CAAC3C,MAAM,CAAC,UAAC8D,IAAI;QAAA,OAAKA,IAAI,CAACtC,MAAM;MAAA,EAAC,CAACuC,GAAG,CAAC,UAACD,IAAI;QAAA,OAAKA,IAAI,CAACE,EAAE;MAAA,EAAC,CAAC;IACvE,CAAC,MAAM;MAAA,IAAAC,WAAA;MACL,IAAIzC,MAAM,IAAAyC,WAAA,GAAGtB,KAAK,CAACuB,IAAI,CAAC,UAACJ,IAAI;QAAA,OAAK,CAAC,CAACA,IAAI,CAACtC,MAAM;MAAA,EAAC,cAAAyC,WAAA,uBAAnCA,WAAA,CAAqCD,EAAE;MACpD,IAAIxC,MAAM,EAAE;QACVoC,SAAS,CAAC,CAACpC,MAAM,CAAC,CAAC;MACrB;IACF;EACF,CAAC,EAAE,CAACmB,KAAK,EAAEE,KAAK,CAAC,CAAC;EAElB,IAAMsB,WAAW,GAAG,SAAdA,WAAWA,CAAIL,IAA0B,EAAK;IAClD,IAAIA,IAAI,CAACM,QAAQ,EAAE;IACnB,IAAIT,MAAM,CAACU,QAAQ,CAACP,IAAI,CAACE,EAAE,CAAC,EAAE;MAC5B,IAAMM,SAAS,GAAGX,MAAM,CAAC3D,MAAM,CAAC,UAACuE,GAAG;QAAA,OAAKA,GAAG,KAAKT,IAAI,CAACE,EAAE;MAAA,EAAC;MACzDJ,SAAS,CAACU,SAAS,CAAC;MACpBnB,kBAAkB,IAAIA,kBAAkB,CAACmB,SAAS,CAAC;IACrD,CAAC,MAAM;MACL,IAAIzB,KAAK,EAAE;QACT,IAAMyB,UAAS,MAAAE,MAAA,KAAAC,mBAAA,aAAOd,MAAM,IAAEG,IAAI,CAACE,EAAE,EAAC;QACtCJ,SAAS,CAACU,UAAS,CAAC;QACpBnB,kBAAkB,IAAIA,kBAAkB,CAACmB,UAAS,CAAC;MACrD,CAAC,MAAM;QACL,IAAMA,WAAS,GAAG,CAACR,IAAI,CAACE,EAAE,CAAC;QAC3BJ,SAAS,CAACU,WAAS,CAAC;QACpBnB,kBAAkB,IAAIA,kBAAkB,CAACmB,WAAS,CAAC;MACrD;IACF;EACF,CAAC;EAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAIZ,IAA0B,EAAK;IACjD,IAAOE,EAAE,GAA4DF,IAAI,CAAlEE,EAAE;MAAEW,KAAK,GAAqDb,IAAI,CAA9Da,KAAK;MAAEC,MAAM,GAA6Cd,IAAI,CAAvDc,MAAM;MAAEC,IAAI,GAAuCf,IAAI,CAA/Ce,IAAI;MAAEC,MAAM,GAA+BhB,IAAI,CAAzCgB,MAAM;MAAEV,QAAQ,GAAqBN,IAAI,CAAjCM,QAAQ;MAAE5C,MAAM,GAAasC,IAAI,CAAvBtC,MAAM;MAAK4B,IAAI,OAAAC,yBAAA,aAAIS,IAAI,EAAAhF,UAAA;IACzE,IAAMiG,QAAQ,GAAGpB,MAAM,CAACU,QAAQ,CAACL,EAAE,CAAC;IAEpC,oBACE,IAAApF,WAAA,CAAAoG,IAAA,EAAC/C,oBAAoB;MAAU+B,EAAE,UAAAQ,MAAA,CAAUR,EAAE,CAAG;MAC1Bd,SAAS,EAAE,EAAE,CAACsB,MAAM,CAACO,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAACP,MAAM,CAACV,IAAI,CAACM,QAAQ,GAAG,WAAW,GAAG,EAAE,CAAE;MAAAa,QAAA,gBAC7G,IAAArG,WAAA,CAAAoG,IAAA,EAACnE,0BAA0B,EAAAR,aAAA,CAAAA,aAAA;QACzB6E,IAAI,EAAC,QAAQ;QACblB,EAAE,eAAAQ,MAAA,CAAeR,EAAE,CAAG;QACtB,iBAAee,QAAS;QACxB,mCAAAP,MAAA,CAAiCR,EAAE,CAAG;QACtCmB,QAAQ,EAAE,CAACf,QAAQ,GAAG,CAAC,GAAGgB,SAAU;QACpCC,WAAW,EAAEC,iCAA0B;QACvCC,OAAO,EAAE,SAAAA,QAAA;UAAA,OAAM,CAACnB,QAAQ,IAAID,WAAW,CAACL,IAAI,CAAC;QAAA,CAAC;QAC9C0B,SAAS,EAAE,SAAAA,UAACC,KAAK;UAAA,OAAKA,KAAK,CAAClB,GAAG,KAAK,OAAO,IAAIJ,WAAW,CAACL,IAAI,CAAC;QAAA;MAAC,GAC7DV,IAAI;QAAA6B,QAAA,gBACR,IAAArG,WAAA,CAAA8G,GAAA,EAAChE,8BAA8B;UAAAuD,QAAA,EAC5BpC,KAAK,GAAGkC,QAAQ,gBAAG,IAAAnG,WAAA,CAAA8G,GAAA,EAACjH,MAAA,CAAAkH,WAAW,CAACC,KAAK;YAAC,eAAY;UAAM,CAAE,CAAC,gBAAG,IAAAhH,WAAA,CAAA8G,GAAA,EAACjH,MAAA,CAAAkH,WAAW,CAACE,IAAI;YAAC,eAAY;UAAM,CAAE,CAAC,GAAGd,QAAQ,gBAC/G,IAAAnG,WAAA,CAAA8G,GAAA,EAACjH,MAAA,CAAAkH,WAAW,CAACG,WAAW;YAAC,eAAY;UAAM,CAAE,CAAC,gBAAG,IAAAlH,WAAA,CAAA8G,GAAA,EAACjH,MAAA,CAAAkH,WAAW,CAACI,YAAY;YAAC,eAAY;UAAM,CAAE;QAAC,CACpE,CAAC,eACjC,IAAAnH,WAAA,CAAA8G,GAAA,EAAC/D,8BAA8B;UAAAsD,QAAA,EAAEN;QAAK,CAAiC,CAAC;MAAA,EAC9C,CAAC,eAC7B,IAAA/F,WAAA,CAAAoG,IAAA,EAACpD,2BAA2B;QAACoC,EAAE,oBAAAQ,MAAA,CAAoBR,EAAE,CAAG;QAAAiB,QAAA,GACrDL,MAAM,iBAAI,IAAAhG,WAAA,CAAA8G,GAAA,EAAC7D,iCAAiC;UAAAoD,QAAA,EAAEL;QAAM,CAAoC,CAAC,eAC1F,IAAAhG,WAAA,CAAA8G,GAAA,EAAC5D,+BAA+B;UAAAmD,QAAA,EAAEJ;QAAI,CAAkC,CAAC,EACxEC,MAAM,iBAAI,IAAAlG,WAAA,CAAA8G,GAAA,EAAC1D,iCAAiC;UAAAiD,QAAA,EAAEH;QAAM,CAAoC,CAAC;MAAA,CAC/D,CAAC;IAAA,GAtBLd,EAuBL,CAAC;EAE3B,CAAC;EAED,IAAMgC,GAAG,GAAG,GAAAxB,MAAA,CAAGzB,IAAI,OAAAyB,MAAA,CAAItB,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,EAAE,EAAG+C,IAAI,CAAC,CAAC;EAE/C,oBAAO,IAAArH,WAAA,CAAA8G,GAAA,EAACxD,uBAAuB;IAACgB,SAAS,EAAE8C,GAAI;IAAAf,QAAA,EAC5CtC,KAAK,CAACoB,GAAG,CAAC,UAACD,IAAI;MAAA,OAAKY,UAAU,CAACZ,IAAI,CAAC;IAAA;EAAC,CACf,CAAC;AAC5B,CAAC;AAACrC,OAAA,CAAAgB,gBAAA,GAAAA,gBAAA;AAAAA,gBAAA,CAAAyD,SAAA;EAzFAvD,KAAK,EAAAwD,UAAA,YAAAC,OAAA,CAAAD,UAAA,YAAAE,KAAA;IAjBLrC,EAAE,EAAAmC,UAAA,YAAAG,MAAA,CAAAC,UAAA;IAEF5B,KAAK,EAAAwB,UAAA,YAAAG,MAAA,CAAAC,UAAA;IAEL3B,MAAM,EAAAuB,UAAA,YAAAG,MAAA;IAENzB,IAAI,EAAAsB,UAAA,YAAAK,GAAA,CAAAD,UAAA;IAEJzB,MAAM,EAAAqB,UAAA,YAAAK,GAAA;IAENpC,QAAQ,EAAA+B,UAAA,YAAAM,IAAA;IAERjF,MAAM,EAAA2E,UAAA,YAAAM;EAAA,IAAAF,UAAA;EAON1D,KAAK,EAAAsD,UAAA,YAAAM,IAAA;EAILtD,kBAAkB,EAAAgD,UAAA,YAAAO;AAAA;AAAA,IAAAC,QAAA,GAqFLlE,gBAAgB;AAAAhB,OAAA,cAAAkF,QAAA","ignoreList":[]}
+{"version":3,"file":"ContentAccordion.cjs","names":["ContentAccordionItemHeader","styled","div","props","COLORS","getColor","theme","Z_INDEXES","hover","focusStyles","active","ContentAccordionItemHeaderIcon","ContentAccordionItemHeaderText","ContentAccordionItemContent","ContentAccordionItemContentHeader","ContentAccordionItemContentBody","p","ContentAccordionItemContentFooter","ContentAccordionItem","ContentAccordionWrapper","ComponentSStyling","ComponentTextStyle","Regular","Bold","ComponentMStyling","ComponentLStyling","ContentAccordion","items","multi","size","Size","Medium","className","onItemStateChanged","rest","React","useState","opened","setOpened","useEffect","filter","item","map","id","find","onItemClick","disabled","includes","newOpened","key","renderItem","title","header","body","footer","isActive","concat","undefined","defaultOnMouseDownHandler","event","cls","trim"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Size} from '../types';\r\nimport {SystemIcons} from '../icons';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  Z_INDEXES,\r\n} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const ContentAccordionItemHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderText = styled.div``;\r\n\r\nexport const ContentAccordionItemContent = styled.div`\r\n  display: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const ContentAccordionItemContentHeader = styled.div``;\r\n\r\nexport const ContentAccordionItemContentBody = styled.p``;\r\n\r\nexport const ContentAccordionItemContentFooter = styled.div``;\r\n\r\nexport const ContentAccordionItem = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    ${ContentAccordionItemContent} {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    ${ContentAccordionItemHeader} {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionWrapper = styled.div`\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  ${ContentAccordionItem}:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n    max-width: 528px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 8px;\r\n      padding: 0 8px;\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 0 8px 16px 40px;\r\n      gap: 8px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 344px;\r\n    max-width: 584px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 12px;\r\n      padding: 0 12px;\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 8px 12px 24px 48px;\r\n      gap: 12px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-width: 384px;\r\n    max-width: 656px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 16px;\r\n      padding: 0 16px;\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 16px 16px 32px 56px;\r\n      gap: 16px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\r\n  /** Id of the section. Should be unique. */\r\n  id: string;\r\n  /** Title of the section. */\r\n  title: string;\r\n  /** Header that will be shown in the content area of the item.  */\r\n  header?: string;\r\n  /** Body that will be shown in the content area of the item */\r\n  body: any;\r\n  /** Footer that will be shown in the content area of the item */\r\n  footer?: any;\r\n  /** User can not expand the section if it is disabled */\r\n  disabled?: boolean;\r\n  /** Initial state of the item (expanded/collapsed) */\r\n  active?: boolean;\r\n}\r\n\r\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** List of the content items */\r\n  items: ContentAccordionItem[];\r\n  /** Allow keeping multiple content sections open */\r\n  multi?: boolean;\r\n  /** Size of the whole component */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Callback that is called when section is collapsed/expanded. */\r\n  onItemStateChanged?: (opened: string[]) => void; \r\n}\r\n\r\n/**\r\n * ContentAccordion component that is capable of displaying multiple collapsable sections with content.\r\n */\r\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\r\n                                                                                   items,\r\n                                                                                   multi = false,\r\n                                                                                   size = Size.Medium,\r\n                                                                                   className,\r\n                                                                                   onItemStateChanged,\r\n                                                                                   ...rest\r\n                                                                                 }) => {\r\n  const [opened, setOpened] = React.useState<string[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    if (multi) {\r\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\r\n    } else {\r\n      let active = items.find((item) => !!item.active)?.id;\r\n      if (active) {\r\n        setOpened([active]);\r\n      }\r\n    }\r\n  }, [items, multi]);\r\n\r\n  const onItemClick = (item: ContentAccordionItem) => {\r\n    if (item.disabled) return;\r\n    if (opened.includes(item.id)) {\r\n      const newOpened = opened.filter((key) => key !== item.id);\r\n      setOpened(newOpened);\r\n      onItemStateChanged && onItemStateChanged(newOpened);\r\n    } else {\r\n      if (multi) {\r\n        const newOpened = [...opened, item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      } else {\r\n        const newOpened = [item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      }\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: ContentAccordionItem) => {\r\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\r\n    const isActive = opened.includes(id);\r\n\r\n    return (\r\n      <ContentAccordionItem key={id} id={`item_${id}`}\r\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\r\n        <ContentAccordionItemHeader\r\n          role=\"button\"\r\n          id={`headerFor_${id}`}\r\n          aria-expanded={isActive}\r\n          aria-controls={`itemContentFor_${id}`}\r\n          tabIndex={!disabled ? 0 : undefined}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={() => !disabled && onItemClick(item)}\r\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\r\n          {...rest}>\r\n          <ContentAccordionItemHeaderIcon>\r\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\r\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\r\n          </ContentAccordionItemHeaderIcon>\r\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\r\n        </ContentAccordionItemHeader>\r\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\r\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\r\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\r\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\r\n        </ContentAccordionItemContent>\r\n      </ContentAccordionItem>\r\n    );\r\n  };\r\n\r\n  const cls = `${size} ${className ?? ''}`.trim();\r\n\r\n  return <ContentAccordionWrapper className={cls}>\r\n    {items.map((item) => renderItem(item))}\r\n  </ContentAccordionWrapper>;\r\n};\r\n\r\nexport default ContentAccordion;\r\n"],"mappings":"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"}