@laerdal/life-react-components 3.5.1-uss.hackathon → 4.0.0

package/dist/Scrollbar/Scrollbar.js

@@ -1,19 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject;
-
-import React from 'react';
-import styled from 'styled-components';
-import { COLORS } from '../styles';
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var SegmentControlItemContent = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  border-radius: 8px;\n  padding: 0 16px;\n\n  background-color: transparent;\n  color: ", ";\n"])), COLORS.neutral_600);
-
-var Scrollbar = function Scrollbar(_ref) {
-  var size = _ref.size;
-  return /*#__PURE__*/_jsx(_Fragment, {});
-};
-
-export default Scrollbar;
-//# sourceMappingURL=Scrollbar.js.map

package/dist/Scrollbar/Scrollbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/Scrollbar/Scrollbar.tsx"],"names":["React","styled","COLORS","SegmentControlItemContent","div","neutral_600","Scrollbar","size"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAAQC,MAAR,QAAqB,WAArB;;;AAIA,OAAO,IAAMC,yBAAyB,GAAGF,MAAM,CAACG,GAAV,6PAS3BF,MAAM,CAACG,WAToB,CAA/B;;AAiBP,IAAMC,SAAkD,GAAG,SAArDA,SAAqD,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;AACrE,sBAAO,mBAAP;AACH,CAFD;;AAIA,eAAeD,SAAf","sourcesContent":["import React from 'react';\r\nimport {Size} from '../types';\r\nimport styled from 'styled-components';\r\nimport {COLORS} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\n\r\nexport const SegmentControlItemContent = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  padding: 0 16px;\r\n\r\n  background-color: transparent;\r\n  color: ${COLORS.neutral_600};\r\n`;\r\n\r\n\r\nexport interface ScrollbarProps {\r\n  size?: Size.Small | Size.Medium;\r\n}\r\n\r\nconst Scrollbar: React.FunctionComponent<ScrollbarProps> = ({ size }) => {\r\n    return <></>;\r\n};\r\n\r\nexport default Scrollbar;\r\n"],"file":"Scrollbar.js"}

package/dist/common/HoverWithin.cjs

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useActionWithin = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-var useActionWithin = function useActionWithin(ref, children) {
-  var handleMouseEnter = function handleMouseEnter(e) {
-    ref.current.classList.add('action-within');
-  };
-
-  var handleMouseLeave = function handleMouseLeave(e) {
-    ref.current.classList.remove('action-within');
-  };
-
-  _react.default.useEffect(function () {
-    var _iterator = _createForOfIteratorHelper(children),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        child.current.addEventListener('mouseenter', handleMouseEnter);
-        child.current.addEventListener('mouseleave', handleMouseLeave);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return function () {
-      var _iterator2 = _createForOfIteratorHelper(children),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var child = _step2.value;
-          child.current.removeEventListener('mouseenter', handleMouseEnter);
-          child.current.removeEventListener('mouseleave', handleMouseLeave);
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    };
-  }, [children]);
-};
-
-exports.useActionWithin = useActionWithin;
-//# sourceMappingURL=HoverWithin.cjs.map

package/dist/common/HoverWithin.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/HoverWithin.ts"],"names":["useActionWithin","ref","children","handleMouseEnter","e","current","classList","add","handleMouseLeave","remove","React","useEffect","child","addEventListener","removeEventListener"],"mappings":";;;;;;;;;AAAA;;;;;;;;AAEO,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD,EAAWC,QAAX,EAAuD;AAEpF,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CH,IAAAA,GAAG,CAACI,OAAJ,CAAYC,SAAZ,CAAsBC,GAAtB,CAA0B,eAA1B;AACD,GAFD;;AAIA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,CAAD,EAAmB;AAC1CH,IAAAA,GAAG,CAACI,OAAJ,CAAYC,SAAZ,CAAsBG,MAAtB,CAA6B,eAA7B;AACD,GAFD;;AAKAC,iBAAMC,SAAN,CAAgB,YAAM;AAAA,+CACFT,QADE;AAAA;;AAAA;AACpB,0DAA4B;AAAA,YAAnBU,KAAmB;AAC1BA,QAAAA,KAAK,CAACP,OAAN,CAAcQ,gBAAd,CAA+B,YAA/B,EAA6CV,gBAA7C;AACAS,QAAAA,KAAK,CAACP,OAAN,CAAcQ,gBAAd,CAA+B,YAA/B,EAA6CL,gBAA7C;AACD;AAJmB;AAAA;AAAA;AAAA;AAAA;;AAMpB,WAAO,YAAM;AAAA,kDACON,QADP;AAAA;;AAAA;AACX,+DAA4B;AAAA,cAAnBU,KAAmB;AAC1BA,UAAAA,KAAK,CAACP,OAAN,CAAcS,mBAAd,CAAkC,YAAlC,EAAgDX,gBAAhD;AACAS,UAAAA,KAAK,CAACP,OAAN,CAAcS,mBAAd,CAAkC,YAAlC,EAAgDN,gBAAhD;AACD;AAJU;AAAA;AAAA;AAAA;AAAA;AAKZ,KALD;AAMD,GAZD,EAYG,CAACN,QAAD,CAZH;AAaD,CAxBM","sourcesContent":["import React from 'react';\r\n\r\nexport const useActionWithin = (ref: any, children: React.MutableRefObject<any>[]) => {\r\n\r\n  const handleMouseEnter = (e: MouseEvent) => {\r\n    ref.current.classList.add('action-within');\r\n  };\r\n\r\n  const handleMouseLeave = (e: MouseEvent) => {\r\n    ref.current.classList.remove('action-within');\r\n  };\r\n\r\n\r\n  React.useEffect(() => {\r\n    for (let child of children) {\r\n      child.current.addEventListener('mouseenter', handleMouseEnter);\r\n      child.current.addEventListener('mouseleave', handleMouseLeave);\r\n    }\r\n\r\n    return () => {\r\n      for (let child of children) {\r\n        child.current.removeEventListener('mouseenter', handleMouseEnter);\r\n        child.current.removeEventListener('mouseleave', handleMouseLeave);\r\n      }\r\n    };\r\n  }, [children]);\r\n};\r\n"],"file":"HoverWithin.cjs"}

package/dist/common/HoverWithin.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const useActionWithin: (ref: any, children: React.MutableRefObject<any>[]) => void;

package/dist/common/HoverWithin.js

@@ -1,51 +0,0 @@
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-import React from 'react';
-export var useActionWithin = function useActionWithin(ref, children) {
-  var handleMouseEnter = function handleMouseEnter(e) {
-    ref.current.classList.add('action-within');
-  };
-
-  var handleMouseLeave = function handleMouseLeave(e) {
-    ref.current.classList.remove('action-within');
-  };
-
-  React.useEffect(function () {
-    var _iterator = _createForOfIteratorHelper(children),
-        _step;
-
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        child.current.addEventListener('mouseenter', handleMouseEnter);
-        child.current.addEventListener('mouseleave', handleMouseLeave);
-      }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
-    }
-
-    return function () {
-      var _iterator2 = _createForOfIteratorHelper(children),
-          _step2;
-
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var child = _step2.value;
-          child.current.removeEventListener('mouseenter', handleMouseEnter);
-          child.current.removeEventListener('mouseleave', handleMouseLeave);
-        }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-    };
-  }, [children]);
-};
-//# sourceMappingURL=HoverWithin.js.map

package/dist/common/HoverWithin.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/HoverWithin.ts"],"names":["React","useActionWithin","ref","children","handleMouseEnter","e","current","classList","add","handleMouseLeave","remove","useEffect","child","addEventListener","removeEventListener"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,GAAD,EAAWC,QAAX,EAAuD;AAEpF,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,CAAD,EAAmB;AAC1CH,IAAAA,GAAG,CAACI,OAAJ,CAAYC,SAAZ,CAAsBC,GAAtB,CAA0B,eAA1B;AACD,GAFD;;AAIA,MAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,CAAD,EAAmB;AAC1CH,IAAAA,GAAG,CAACI,OAAJ,CAAYC,SAAZ,CAAsBG,MAAtB,CAA6B,eAA7B;AACD,GAFD;;AAKAV,EAAAA,KAAK,CAACW,SAAN,CAAgB,YAAM;AAAA,+CACFR,QADE;AAAA;;AAAA;AACpB,0DAA4B;AAAA,YAAnBS,KAAmB;AAC1BA,QAAAA,KAAK,CAACN,OAAN,CAAcO,gBAAd,CAA+B,YAA/B,EAA6CT,gBAA7C;AACAQ,QAAAA,KAAK,CAACN,OAAN,CAAcO,gBAAd,CAA+B,YAA/B,EAA6CJ,gBAA7C;AACD;AAJmB;AAAA;AAAA;AAAA;AAAA;;AAMpB,WAAO,YAAM;AAAA,kDACON,QADP;AAAA;;AAAA;AACX,+DAA4B;AAAA,cAAnBS,KAAmB;AAC1BA,UAAAA,KAAK,CAACN,OAAN,CAAcQ,mBAAd,CAAkC,YAAlC,EAAgDV,gBAAhD;AACAQ,UAAAA,KAAK,CAACN,OAAN,CAAcQ,mBAAd,CAAkC,YAAlC,EAAgDL,gBAAhD;AACD;AAJU;AAAA;AAAA;AAAA;AAAA;AAKZ,KALD;AAMD,GAZD,EAYG,CAACN,QAAD,CAZH;AAaD,CAxBM","sourcesContent":["import React from 'react';\r\n\r\nexport const useActionWithin = (ref: any, children: React.MutableRefObject<any>[]) => {\r\n\r\n  const handleMouseEnter = (e: MouseEvent) => {\r\n    ref.current.classList.add('action-within');\r\n  };\r\n\r\n  const handleMouseLeave = (e: MouseEvent) => {\r\n    ref.current.classList.remove('action-within');\r\n  };\r\n\r\n\r\n  React.useEffect(() => {\r\n    for (let child of children) {\r\n      child.current.addEventListener('mouseenter', handleMouseEnter);\r\n      child.current.addEventListener('mouseleave', handleMouseLeave);\r\n    }\r\n\r\n    return () => {\r\n      for (let child of children) {\r\n        child.current.removeEventListener('mouseenter', handleMouseEnter);\r\n        child.current.removeEventListener('mouseleave', handleMouseLeave);\r\n      }\r\n    };\r\n  }, [children]);\r\n};\r\n"],"file":"HoverWithin.js"}

package/dist/esm/Accordion/AccordionBase.js

@@ -1,61 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-
-const AccordionBase = ({
-  items,
-  selectedItems,
-  setSelectedItems,
-  onSelect,
-  multipleActive,
-  Wrapper,
-  Item
-}) => {
-  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState([]);
-
-  const getCollection = () => {
-    return selectedItems ? selectedItems : builtinSelectedItems;
-  };
-
-  const getUpdateFunction = () => {
-    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;
-  };
-
-  const onSelected = id => {
-    const collection = getCollection();
-    const updateFunc = getUpdateFunction();
-    const isActive = !!collection.find(x => x == id);
-
-    if (multipleActive) {
-      if (isActive) updateFunc(collection.filter(x => x != id));else updateFunc([...collection, id]);
-    } else updateFunc(isActive ? [] : [id]);
-
-    onSelect && onSelect(id);
-  };
-
-  return /*#__PURE__*/React.createElement(Wrapper, null, items.map(item => /*#__PURE__*/React.createElement(Item, {
-    key: item.id,
-    disabled: item.disabled,
-    id: item.id,
-    title: item.title,
-    icon: item.icon,
-    isActive: !!getCollection().find(x => x == item.id),
-    isLast: items.indexOf(item) === items.length - 1,
-    onSelect: onSelected
-  }, item.children)));
-};
-
-AccordionBase.propTypes = {
-  items: _pt.arrayOf(_pt.shape({
-    id: _pt.string.isRequired,
-    disabled: _pt.bool,
-    title: _pt.string.isRequired,
-    icon: _pt.node,
-    children: _pt.node.isRequired
-  })).isRequired,
-  selectedItems: _pt.arrayOf(_pt.string),
-  setSelectedItems: _pt.func,
-  onSelect: _pt.func,
-  multipleActive: _pt.bool
-};
-export default AccordionBase;
-//# sourceMappingURL=AccordionBase.js.map

package/dist/esm/Accordion/AccordionBase.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionBase.tsx"],"names":["React","AccordionBase","items","selectedItems","setSelectedItems","onSelect","multipleActive","Wrapper","Item","builtinSelectedItems","builtinSetSelectedItems","useState","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","item","disabled","title","icon","indexOf","length","children"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAwBA,MAAMC,aAAsD,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,aAAT;AAAwBC,EAAAA,gBAAxB;AAA0CC,EAAAA,QAA1C;AAAoDC,EAAAA,cAApD;AAAoEC,EAAAA,OAApE;AAA6EC,EAAAA;AAA7E,CAAD,KAAyG;AAEtK,QAAM,CAACC,oBAAD,EAAuBC,uBAAvB,IAAkDV,KAAK,CAACW,QAAN,CAAyB,EAAzB,CAAxD;;AAEA,QAAMC,aAAa,GAAG,MAAM;AAC1B,WAAOT,aAAa,GAAGA,aAAH,GAAmBM,oBAAvC;AACD,GAFD;;AAIA,QAAMI,iBAAiB,GAAG,MAAM;AAC9B,WAAOT,gBAAgB,GAAGA,gBAAH,GAAsBM,uBAA7C;AACD,GAFD;;AAMA,QAAMI,UAAU,GAAIC,EAAD,IAAgB;AACjC,UAAMC,UAAU,GAAGJ,aAAa,EAAhC;AACA,UAAMK,UAAU,GAAGJ,iBAAiB,EAApC;AAEA,UAAMK,QAAQ,GAAG,CAAC,CAACF,UAAU,CAACG,IAAX,CAAgBC,CAAC,IAAIA,CAAC,IAAIL,EAA1B,CAAnB;;AACA,QAAGT,cAAH,EAAmB;AACjB,UAAGY,QAAH,EACED,UAAU,CAACD,UAAU,CAACK,MAAX,CAAkBD,CAAC,IAAIA,CAAC,IAAIL,EAA5B,CAAD,CAAV,CADF,KAIEE,UAAU,CAAC,CAAC,GAAGD,UAAJ,EAAgBD,EAAhB,CAAD,CAAV;AACH,KAND,MAQEE,UAAU,CAACC,QAAQ,GAAG,EAAH,GAAQ,CAACH,EAAD,CAAjB,CAAV;;AAEFV,IAAAA,QAAQ,IAAIA,QAAQ,CAACU,EAAD,CAApB;AACD,GAhBD;;AAkBA,sBACE,oBAAC,OAAD,QACGb,KAAK,CAACoB,GAAN,CAAWC,IAAD,iBACT,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACR,EADZ;AAEE,IAAA,QAAQ,EAAEQ,IAAI,CAACC,QAFjB;AAGE,IAAA,EAAE,EAAED,IAAI,CAACR,EAHX;AAIE,IAAA,KAAK,EAAEQ,IAAI,CAACE,KAJd;AAKE,IAAA,IAAI,EAAEF,IAAI,CAACG,IALb;AAME,IAAA,QAAQ,EAAE,CAAC,CAACd,aAAa,GAAGO,IAAhB,CAAqBC,CAAC,IAAIA,CAAC,IAAIG,IAAI,CAACR,EAApC,CANd;AAOE,IAAA,MAAM,EAAEb,KAAK,CAACyB,OAAN,CAAcJ,IAAd,MAAwBrB,KAAK,CAAC0B,MAAN,GAAe,CAPjD;AAQE,IAAA,QAAQ,EAAEd;AARZ,KASGS,IAAI,CAACM,QATR,CADD,CADH,CADF;AAiBD,CAjDD;;;AAlBE3B,EAAAA,K;AAWAa,IAAAA,E;AACAS,IAAAA,Q;AACAC,IAAAA,K;AACAC,IAAAA,I;AACAG,IAAAA,Q;;AAdA1B,EAAAA,a;AACAC,EAAAA,gB;AACAC,EAAAA,Q;AACAC,EAAAA,c;;AAiEF,eAAeL,aAAf","sourcesContent":["import * as React from 'react';\r\nimport { StyledComponent } from 'styled-components';\r\nimport AccordionMenuItem, { AccordionItemPropsInner } from './AccordionMenuItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\n\r\nexport interface AccordionProps {\r\n  items: AccordionItemProps[];\r\n  selectedItems?: string[];\r\n  setSelectedItems?: (a: string[]) => void;\r\n  onSelect?: (id: string) => void;\r\n  multipleActive?: boolean;\r\n\r\n  Wrapper: StyledComponent<\"div\", any, {}, never>;\r\n  Item: React.FunctionComponent<AccordionItemPropsInner>;\r\n}\r\n\r\nexport interface AccordionItemProps {\r\n  id: string;\r\n  disabled?: boolean;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst AccordionBase: React.FunctionComponent<AccordionProps> = ({ items, selectedItems, setSelectedItems, onSelect, multipleActive, Wrapper, Item }: AccordionProps) => {\r\n\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  \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)\r\n        updateFunc(collection.filter(x => x != id));\r\n      \r\n      else \r\n        updateFunc([...collection, id]);\r\n    }\r\n    else\r\n      updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <Wrapper>\r\n      {items.map((item) => (\r\n        <Item\r\n          key={item.id}\r\n          disabled={item.disabled}\r\n          id={item.id}\r\n          title={item.title}\r\n          icon={item.icon}\r\n          isActive={!!getCollection().find(x => x == item.id)}\r\n          isLast={items.indexOf(item) === items.length - 1}\r\n          onSelect={onSelected}>\r\n          {item.children}\r\n        </Item>\r\n      ))}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionBase;\r\n"],"file":"AccordionBase.js"}

package/dist/esm/Accordion/AccordionItem.js

@@ -1,70 +0,0 @@
-import _pt from "prop-types";
-import React from 'react';
-import { COLORS, ComponentM, ComponentS } from '..';
-import { SystemIcons } from '../icons';
-import { AccordionItemContainer, ItemBodyContainer, ItemHeaderContainer } from './styles';
-
-const AccordionItem = props => {
-  const {
-    id,
-    onSelect,
-    isActive,
-    title,
-    icon,
-    disabled,
-    isLast
-  } = props;
-  const supressFocusRef = React.useRef(null);
-  const [tabbedHere, setTabbedHere] = React.useState(false);
-  React.useEffect(() => {
-    !!disabled && setTabbedHere(false);
-  }, [disabled]);
-  return /*#__PURE__*/React.createElement(AccordionItemContainer, {
-    id: id,
-    displaySeparator: !isActive && !isLast
-  }, /*#__PURE__*/React.createElement(ItemHeaderContainer, {
-    tabIndex: !disabled ? 0 : -1,
-    onClick: () => {
-      if (!disabled) {
-        onSelect(id);
-      }
-    },
-    onKeyDown: e => {
-      if (e.key == 'Enter') onSelect(id);
-    },
-    onBlur: () => {
-      setTabbedHere(false);
-      supressFocusRef.current = false;
-    },
-    onFocus: () => {
-      if (!disabled) {
-        if (!supressFocusRef.current) setTabbedHere(true);else supressFocusRef.current = false;
-      }
-    },
-    onMouseDown: () => {
-      if (!disabled && !tabbedHere) supressFocusRef.current = true;
-    },
-    tabbedHere: tabbedHere,
-    isActive: isActive,
-    isDisabled: disabled ?? false
-  }, icon && /*#__PURE__*/React.cloneElement(icon, {
-    size: '24px'
-  }), /*#__PURE__*/React.createElement(ComponentM, {
-    className: "headerLabel",
-    color: isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600
-  }, title), isActive ? /*#__PURE__*/React.createElement(SystemIcons.ChevronUp, {
-    color: COLORS.neutral_800,
-    size: "20px"
-  }) : /*#__PURE__*/React.createElement(SystemIcons.ChevronDown, {
-    color: COLORS.neutral_600,
-    size: "20px"
-  })), isActive && /*#__PURE__*/React.createElement(ItemBodyContainer, null, /*#__PURE__*/React.createElement(ComponentS, null, props.children)));
-};
-
-AccordionItem.propTypes = {
-  onSelect: _pt.func.isRequired,
-  isActive: _pt.bool.isRequired,
-  isLast: _pt.bool.isRequired
-};
-export default AccordionItem;
-//# sourceMappingURL=AccordionItem.js.map

package/dist/esm/Accordion/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionItem.tsx"],"names":["React","COLORS","ComponentM","ComponentS","SystemIcons","AccordionItemContainer","ItemBodyContainer","ItemHeaderContainer","AccordionItem","props","id","onSelect","isActive","title","icon","disabled","isLast","supressFocusRef","useRef","tabbedHere","setTabbedHere","useState","useEffect","e","key","current","cloneElement","size","neutral_800","neutral_300","neutral_600","children"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { COLORS, ComponentM, ComponentS } from '..';\r\nimport { SystemIcons } from '../icons';\r\nimport { AccordionItemProps } from './AccordionMenu';\r\nimport { AccordionItemContainer, HeaderIconContainer, ItemBodyContainer, ItemHeaderContainer } from './styles';\r\n\r\ninterface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n}\r\n\r\nconst AccordionItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const { id, onSelect, isActive, title, icon, disabled, isLast } = props;\r\n\r\n  const supressFocusRef = React.useRef<any>(null);\r\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\r\n\r\n  React.useEffect(() => {\r\n    !!disabled && setTabbedHere(false);\r\n  }, [disabled]);\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} displaySeparator={!isActive && !isLast}>\r\n      <ItemHeaderContainer\r\n        tabIndex={!disabled ? 0 : -1}\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')\r\n            onSelect(id);\r\n        }}\r\n        onBlur={() => {\r\n          setTabbedHere(false);\r\n          supressFocusRef.current = false;\r\n        }}\r\n        onFocus={() => {\r\n          if(!disabled) {\r\n            if (!supressFocusRef.current) setTabbedHere(true);\r\n            else supressFocusRef.current = false;\r\n          }\r\n        }}\r\n        onMouseDown={() => {\r\n          if (!disabled && !tabbedHere) supressFocusRef.current = true;\r\n        }}\r\n        tabbedHere={tabbedHere}\r\n        isActive={isActive}\r\n        isDisabled={disabled ?? false}>\r\n        {icon && React.cloneElement(icon as React.ReactElement, { size: '24px' })}\r\n        <ComponentM className=\"headerLabel\" color={isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600}>{title}</ComponentM>\r\n        {isActive ? <SystemIcons.ChevronUp color={COLORS.neutral_800} size=\"20px\" /> : <SystemIcons.ChevronDown color={COLORS.neutral_600} size=\"20px\" />}\r\n      </ItemHeaderContainer>\r\n      {isActive && (\r\n        <ItemBodyContainer>\r\n          <ComponentS>{props.children}</ComponentS>\r\n        </ItemBodyContainer>\r\n      )}\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionItem;\r\n"],"file":"AccordionItem.js"}

package/dist/esm/Accordion/AccordionMenu.js

@@ -1,61 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import AccordionItem from './AccordionItem';
-import { AccordionMenuWrapper } from './styles';
-
-const AccordionMenu = ({
-  items,
-  selectedItems,
-  setSelectedItems,
-  onSelect,
-  multipleActive
-}) => {
-  const [builtinSelectedItems, builtinSetSelectedItems] = React.useState([]);
-
-  const getCollection = () => {
-    return selectedItems ? selectedItems : builtinSelectedItems;
-  };
-
-  const getUpdateFunction = () => {
-    return setSelectedItems ? setSelectedItems : builtinSetSelectedItems;
-  };
-
-  const onSelected = id => {
-    const collection = getCollection();
-    const updateFunc = getUpdateFunction();
-    const isActive = !!collection.find(x => x == id);
-
-    if (multipleActive) {
-      if (isActive) updateFunc(collection.filter(x => x != id));else updateFunc([...collection, id]);
-    } else updateFunc(isActive ? [] : [id]);
-
-    onSelect && onSelect(id);
-  };
-
-  return /*#__PURE__*/React.createElement(AccordionMenuWrapper, null, items.map(item => /*#__PURE__*/React.createElement(AccordionItem, {
-    key: item.id,
-    disabled: item.disabled,
-    id: item.id,
-    title: item.title,
-    icon: item.icon,
-    isActive: !!getCollection().find(x => x == item.id),
-    isLast: items.indexOf(item) === items.length - 1,
-    onSelect: onSelected
-  }, item.children)));
-};
-
-AccordionMenu.propTypes = {
-  items: _pt.arrayOf(_pt.shape({
-    id: _pt.string.isRequired,
-    disabled: _pt.bool,
-    title: _pt.string.isRequired,
-    icon: _pt.node,
-    children: _pt.node.isRequired
-  })).isRequired,
-  selectedItems: _pt.arrayOf(_pt.string),
-  setSelectedItems: _pt.func,
-  onSelect: _pt.func,
-  multipleActive: _pt.bool
-};
-export default AccordionMenu;
-//# sourceMappingURL=AccordionMenu.js.map

package/dist/esm/Accordion/AccordionMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionMenu.tsx"],"names":["React","AccordionItem","AccordionMenuWrapper","AccordionMenu","items","selectedItems","setSelectedItems","onSelect","multipleActive","builtinSelectedItems","builtinSetSelectedItems","useState","getCollection","getUpdateFunction","onSelected","id","collection","updateFunc","isActive","find","x","filter","map","item","disabled","title","icon","indexOf","length","children"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,SAASC,oBAAT,QAAqC,UAArC;;AAkBA,MAAMC,aAAsD,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,aAAT;AAAwBC,EAAAA,gBAAxB;AAA0CC,EAAAA,QAA1C;AAAoDC,EAAAA;AAApD,CAAD,KAA0F;AAEvJ,QAAM,CAACC,oBAAD,EAAuBC,uBAAvB,IAAkDV,KAAK,CAACW,QAAN,CAAyB,EAAzB,CAAxD;;AAEA,QAAMC,aAAa,GAAG,MAAM;AAC1B,WAAOP,aAAa,GAAGA,aAAH,GAAmBI,oBAAvC;AACD,GAFD;;AAIA,QAAMI,iBAAiB,GAAG,MAAM;AAC9B,WAAOP,gBAAgB,GAAGA,gBAAH,GAAsBI,uBAA7C;AACD,GAFD;;AAIA,QAAMI,UAAU,GAAIC,EAAD,IAAgB;AACjC,UAAMC,UAAU,GAAGJ,aAAa,EAAhC;AACA,UAAMK,UAAU,GAAGJ,iBAAiB,EAApC;AAEA,UAAMK,QAAQ,GAAG,CAAC,CAACF,UAAU,CAACG,IAAX,CAAgBC,CAAC,IAAIA,CAAC,IAAIL,EAA1B,CAAnB;;AACA,QAAGP,cAAH,EAAmB;AACjB,UAAGU,QAAH,EACED,UAAU,CAACD,UAAU,CAACK,MAAX,CAAkBD,CAAC,IAAIA,CAAC,IAAIL,EAA5B,CAAD,CAAV,CADF,KAIEE,UAAU,CAAC,CAAC,GAAGD,UAAJ,EAAgBD,EAAhB,CAAD,CAAV;AACH,KAND,MAQEE,UAAU,CAACC,QAAQ,GAAG,EAAH,GAAQ,CAACH,EAAD,CAAjB,CAAV;;AAEFR,IAAAA,QAAQ,IAAIA,QAAQ,CAACQ,EAAD,CAApB;AACD,GAhBD;;AAkBA,sBACE,oBAAC,oBAAD,QACGX,KAAK,CAACkB,GAAN,CAAWC,IAAD,iBACT,oBAAC,aAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACR,EADZ;AAEE,IAAA,QAAQ,EAAEQ,IAAI,CAACC,QAFjB;AAGE,IAAA,EAAE,EAAED,IAAI,CAACR,EAHX;AAIE,IAAA,KAAK,EAAEQ,IAAI,CAACE,KAJd;AAKE,IAAA,IAAI,EAAEF,IAAI,CAACG,IALb;AAME,IAAA,QAAQ,EAAE,CAAC,CAACd,aAAa,GAAGO,IAAhB,CAAqBC,CAAC,IAAIA,CAAC,IAAIG,IAAI,CAACR,EAApC,CANd;AAOE,IAAA,MAAM,EAAEX,KAAK,CAACuB,OAAN,CAAcJ,IAAd,MAAwBnB,KAAK,CAACwB,MAAN,GAAe,CAPjD;AAQE,IAAA,QAAQ,EAAEd;AARZ,KASGS,IAAI,CAACM,QATR,CADD,CADH,CADF;AAiBD,CA/CD;;;AAfEzB,EAAAA,K;AAQAW,IAAAA,E;AACAS,IAAAA,Q;AACAC,IAAAA,K;AACAC,IAAAA,I;AACAG,IAAAA,Q;;AAXAxB,EAAAA,a;AACAC,EAAAA,gB;AACAC,EAAAA,Q;AACAC,EAAAA,c;;AA4DF,eAAeL,aAAf","sourcesContent":["import * as React from 'react';\r\nimport AccordionItem from './AccordionItem';\r\nimport { AccordionMenuWrapper } from './styles';\r\n\r\nexport interface AccordionProps {\r\n  items: AccordionItemProps[];\r\n  selectedItems?: string[];\r\n  setSelectedItems?: (a: string[]) => void;\r\n  onSelect?: (id: string) => void;\r\n  multipleActive?: boolean;\r\n}\r\n\r\nexport interface AccordionItemProps {\r\n  id: string;\r\n  disabled?: boolean;\r\n  title: string;\r\n  icon?: React.ReactNode;\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst AccordionMenu: React.FunctionComponent<AccordionProps> = ({ items, selectedItems, setSelectedItems, onSelect, multipleActive }: AccordionProps) => {\r\n\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)\r\n        updateFunc(collection.filter(x => x != id));\r\n      \r\n      else \r\n        updateFunc([...collection, id]);\r\n    }\r\n    else\r\n      updateFunc(isActive ? [] : [id]);\r\n\r\n    onSelect && onSelect(id);\r\n  };\r\n\r\n  return (\r\n    <AccordionMenuWrapper>\r\n      {items.map((item) => (\r\n        <AccordionItem\r\n          key={item.id}\r\n          disabled={item.disabled}\r\n          id={item.id}\r\n          title={item.title}\r\n          icon={item.icon}\r\n          isActive={!!getCollection().find(x => x == item.id)}\r\n          isLast={items.indexOf(item) === items.length - 1}\r\n          onSelect={onSelected}>\r\n          {item.children}\r\n        </AccordionItem>\r\n      ))}\r\n    </AccordionMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default AccordionMenu;\r\n"],"file":"AccordionMenu.js"}

package/dist/esm/Accordion/AccordionMenuItem.js

@@ -1,70 +0,0 @@
-import _pt from "prop-types";
-import React from 'react';
-import { COLORS, ComponentM, ComponentS } from '..';
-import { SystemIcons } from '../icons';
-import { AccordionItemContainer, ItemBodyContainer, ItemHeaderContainer } from './styles';
-
-const AccordionMenuItem = props => {
-  const {
-    id,
-    onSelect,
-    isActive,
-    title,
-    icon,
-    disabled,
-    isLast
-  } = props;
-  const supressFocusRef = React.useRef(null);
-  const [tabbedHere, setTabbedHere] = React.useState(false);
-  React.useEffect(() => {
-    !!disabled && setTabbedHere(false);
-  }, [disabled]);
-  return /*#__PURE__*/React.createElement(AccordionItemContainer, {
-    id: id,
-    displaySeparator: !isActive && !isLast
-  }, /*#__PURE__*/React.createElement(ItemHeaderContainer, {
-    tabIndex: !disabled ? 0 : -1,
-    onClick: () => {
-      if (!disabled) {
-        onSelect(id);
-      }
-    },
-    onKeyDown: e => {
-      if (e.key == 'Enter') onSelect(id);
-    },
-    onBlur: () => {
-      setTabbedHere(false);
-      supressFocusRef.current = false;
-    },
-    onFocus: () => {
-      if (!disabled) {
-        if (!supressFocusRef.current) setTabbedHere(true);else supressFocusRef.current = false;
-      }
-    },
-    onMouseDown: () => {
-      if (!disabled && !tabbedHere) supressFocusRef.current = true;
-    },
-    tabbedHere: tabbedHere,
-    isActive: isActive,
-    isDisabled: disabled ?? false
-  }, icon && /*#__PURE__*/React.cloneElement(icon, {
-    size: '24px'
-  }), /*#__PURE__*/React.createElement(ComponentM, {
-    className: "headerLabel",
-    color: isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600
-  }, title), isActive ? /*#__PURE__*/React.createElement(SystemIcons.ChevronUp, {
-    color: COLORS.neutral_800,
-    size: "20px"
-  }) : /*#__PURE__*/React.createElement(SystemIcons.ChevronDown, {
-    color: COLORS.neutral_600,
-    size: "20px"
-  })), isActive && /*#__PURE__*/React.createElement(ItemBodyContainer, null, /*#__PURE__*/React.createElement(ComponentS, null, props.children)));
-};
-
-AccordionMenuItem.propTypes = {
-  onSelect: _pt.func.isRequired,
-  isActive: _pt.bool.isRequired,
-  isLast: _pt.bool.isRequired
-};
-export default AccordionMenuItem;
-//# sourceMappingURL=AccordionMenuItem.js.map

package/dist/esm/Accordion/AccordionMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Accordion/AccordionMenuItem.tsx"],"names":["React","COLORS","ComponentM","ComponentS","SystemIcons","AccordionItemContainer","ItemBodyContainer","ItemHeaderContainer","AccordionMenuItem","props","id","onSelect","isActive","title","icon","disabled","isLast","supressFocusRef","useRef","tabbedHere","setTabbedHere","useState","useEffect","e","key","current","cloneElement","size","neutral_800","neutral_300","neutral_600","children"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { COLORS, ComponentM, ComponentS } from '..';\r\nimport { SystemIcons } from '../icons';\r\nimport { AccordionItemProps } from './AccordionMenu';\r\nimport { AccordionItemContainer, HeaderIconContainer, ItemBodyContainer, ItemHeaderContainer } from './styles';\r\n\r\nexport interface AccordionItemPropsInner extends AccordionItemProps {\r\n  onSelect: (id: string) => void;\r\n  isActive: boolean;\r\n  isLast: boolean;\r\n}\r\n\r\nconst AccordionMenuItem: React.FunctionComponent<AccordionItemPropsInner> = (props: AccordionItemPropsInner) => {\r\n  const { id, onSelect, isActive, title, icon, disabled, isLast } = props;\r\n\r\n  const supressFocusRef = React.useRef<any>(null);\r\n  const [tabbedHere, setTabbedHere] = React.useState<boolean>(false);\r\n\r\n  React.useEffect(() => {\r\n    !!disabled && setTabbedHere(false);\r\n  }, [disabled]);\r\n\r\n  return (\r\n    <AccordionItemContainer id={id} displaySeparator={!isActive && !isLast}>\r\n      <ItemHeaderContainer\r\n        tabIndex={!disabled ? 0 : -1}\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')\r\n            onSelect(id);\r\n        }}\r\n        onBlur={() => {\r\n          setTabbedHere(false);\r\n          supressFocusRef.current = false;\r\n        }}\r\n        onFocus={() => {\r\n          if(!disabled) {\r\n            if (!supressFocusRef.current) setTabbedHere(true);\r\n            else supressFocusRef.current = false;\r\n          }\r\n        }}\r\n        onMouseDown={() => {\r\n          if (!disabled && !tabbedHere) supressFocusRef.current = true;\r\n        }}\r\n        tabbedHere={tabbedHere}\r\n        isActive={isActive}\r\n        isDisabled={disabled ?? false}>\r\n        {icon && React.cloneElement(icon as React.ReactElement, { size: '24px' })}\r\n        <ComponentM className=\"headerLabel\" color={isActive ? COLORS.neutral_800 : disabled ? COLORS.neutral_300 : COLORS.neutral_600}>{title}</ComponentM>\r\n        {isActive ? <SystemIcons.ChevronUp color={COLORS.neutral_800} size=\"20px\" /> : <SystemIcons.ChevronDown color={COLORS.neutral_600} size=\"20px\" />}\r\n      </ItemHeaderContainer>\r\n      {isActive && (\r\n        <ItemBodyContainer>\r\n          <ComponentS>{props.children}</ComponentS>\r\n        </ItemBodyContainer>\r\n      )}\r\n    </AccordionItemContainer>\r\n  );\r\n};\r\n\r\nexport default AccordionMenuItem;\r\n"],"file":"AccordionMenuItem.js"}