@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/common/FocusVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","ref","elementRef","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\n\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\n  const elementRef = ref ?? React.useRef<any>(null);\n  const suppress = React.useRef<boolean>(false);\n  const [visible, setVisible] = React.useState(false);\n\n  const addFocusVisibleClasses = () => {\n    elementRef.current?.classList.add('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.add('focus-visible-within');\n    });\n  }\n\n  const removeFocusVisibleClasses = () => {\n    elementRef.current?.classList.remove('focus-visible');\n    focusWithinList?.forEach((focusWithinListItem) => {\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\n    });\n  }\n\n  const handleMouseDown = () => {\n    if (!elementRef.current?.classList.contains('focus-visible')) {\n      suppress.current = true;\n    }\n  };\n\n  const handleFocus = () => {\n    if (!suppress.current) {\n      setVisible(true);\n      addFocusVisibleClasses();\n    } else {\n      suppress.current = false;\n    }\n  };\n\n  const handleBlur = () => {\n    setVisible(false);\n    removeFocusVisibleClasses();\n  };\n\n\n  React.useLayoutEffect(() => {\n    if (visible) {\n      addFocusVisibleClasses()\n    } else {\n      removeFocusVisibleClasses();\n    }\n  }, [visible, elementRef, focusWithinList]);\n\n  React.useEffect(() => {\n    if (!elementRef.current) return;\n\n    const instance = elementRef.current;\n    const focusFn = elementRef.current.focus;\n    elementRef.current.focus = (e: any) => {\n      suppress.current = !e?.focusVisible;\n      focusFn.call(instance, e);\n    };\n\n    instance.addEventListener('mousedown', handleMouseDown);\n    instance.addEventListener('focus', handleFocus);\n    instance.addEventListener('blur', handleBlur);\n\n    return () => {\n      instance.removeEventListener('mousedown', handleMouseDown);\n      instance.removeEventListener('focus', handleFocus);\n      instance.removeEventListener('blur', handleBlur);\n      instance.classList.remove('focus-visible');\n      for (let el of focusWithinList) {\n        el.current?.classList.remove('focus-visible-within');\n      }\n    };\n  }, [elementRef]);\n\n  return elementRef;\n};\n"],"mappings":"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"}
+{"version":3,"file":"FocusVisible.js","names":["React","useFocusVisibleRef","focusWithinList","ref","elementRef","useRef","suppress","useState","visible","setVisible","addFocusVisibleClasses","current","classList","add","forEach","focusWithinListItem","removeFocusVisibleClasses","remove","handleMouseDown","contains","handleFocus","handleBlur","useLayoutEffect","useEffect","instance","focusFn","focus","e","focusVisible","call","addEventListener","removeEventListener","el"],"sources":["../../src/common/FocusVisible.ts"],"sourcesContent":["import React from 'react';\r\n\r\nexport const useFocusVisibleRef = (focusWithinList: React.MutableRefObject<any>[] = [], ref?: React.MutableRefObject<any> | null) => {\r\n  const elementRef = ref ?? React.useRef<any>(null);\r\n  const suppress = React.useRef<boolean>(false);\r\n  const [visible, setVisible] = React.useState(false);\r\n\r\n  const addFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.add('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.add('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const removeFocusVisibleClasses = () => {\r\n    elementRef.current?.classList.remove('focus-visible');\r\n    focusWithinList?.forEach((focusWithinListItem) => {\r\n      focusWithinListItem.current?.classList.remove('focus-visible-within');\r\n    });\r\n  }\r\n\r\n  const handleMouseDown = () => {\r\n    if (!elementRef.current?.classList.contains('focus-visible')) {\r\n      suppress.current = true;\r\n    }\r\n  };\r\n\r\n  const handleFocus = () => {\r\n    if (!suppress.current) {\r\n      setVisible(true);\r\n      addFocusVisibleClasses();\r\n    } else {\r\n      suppress.current = false;\r\n    }\r\n  };\r\n\r\n  const handleBlur = () => {\r\n    setVisible(false);\r\n    removeFocusVisibleClasses();\r\n  };\r\n\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (visible) {\r\n      addFocusVisibleClasses()\r\n    } else {\r\n      removeFocusVisibleClasses();\r\n    }\r\n  }, [visible, elementRef, focusWithinList]);\r\n\r\n  React.useEffect(() => {\r\n    if (!elementRef.current) return;\r\n\r\n    const instance = elementRef.current;\r\n    const focusFn = elementRef.current.focus;\r\n    elementRef.current.focus = (e: any) => {\r\n      suppress.current = !e?.focusVisible;\r\n      focusFn.call(instance, e);\r\n    };\r\n\r\n    instance.addEventListener('mousedown', handleMouseDown);\r\n    instance.addEventListener('focus', handleFocus);\r\n    instance.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      instance.removeEventListener('mousedown', handleMouseDown);\r\n      instance.removeEventListener('focus', handleFocus);\r\n      instance.removeEventListener('blur', handleBlur);\r\n      instance.classList.remove('focus-visible');\r\n      for (let el of focusWithinList) {\r\n        el.current?.classList.remove('focus-visible-within');\r\n      }\r\n    };\r\n  }, [elementRef]);\r\n\r\n  return elementRef;\r\n};\r\n"],"mappings":"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"}

package/dist/common/HoverWithin.cjs

@@ -0,0 +1,63 @@
+"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

@@ -0,0 +1 @@
+{"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

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

package/dist/common/HoverWithin.js

@@ -0,0 +1,51 @@
+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

@@ -0,0 +1 @@
+{"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/common/InputStyling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputStyling.cjs","names":["CommonInteractionStyling","css","focusStyles","COLORS","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {COLORS, focusStyles} from '../styles';\n\nexport const CommonInteractionStyling = css`\n  &:focus, &.focus-state, &.focus-visible {\n    ${focusStyles}\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n  &:disabled, &.disabled-state {\n    background-color: ${COLORS.white};\n    span {\n      color: ${COLORS.neutral_300};\n    }\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n`;\n"],"mappings":";;;;;;;;AAAA;AACA;AAA8C;AAEvC,IAAMA,wBAAwB,OAAGC,qBAAG,ggBAErCC,mBAAW,EAIOC,cAAM,CAACC,UAAU,EAC5BD,cAAM,CAACE,WAAW,EAGPF,cAAM,CAACG,WAAW,EAC7BH,cAAM,CAACI,WAAW,EAGPJ,cAAM,CAACK,KAAK,EAErBL,cAAM,CAACM,WAAW,EAGPN,cAAM,CAACK,KAAK,CAGrC;AAAC"}
+{"version":3,"file":"InputStyling.cjs","names":["CommonInteractionStyling","css","focusStyles","COLORS","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n  &:focus, &.focus-state, &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.action-within), &.hover-state {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_600};\r\n  }\r\n  &:active:not(.action-within), &.active-state {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n  &:disabled, &.disabled-state {\r\n    background-color: ${COLORS.white};\r\n    span {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n    &::after {\r\n      background-color: ${COLORS.white};\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AAA8C;AAEvC,IAAMA,wBAAwB,OAAGC,qBAAG,ggBAErCC,mBAAW,EAIOC,cAAM,CAACC,UAAU,EAC5BD,cAAM,CAACE,WAAW,EAGPF,cAAM,CAACG,WAAW,EAC7BH,cAAM,CAACI,WAAW,EAGPJ,cAAM,CAACK,KAAK,EAErBL,cAAM,CAACM,WAAW,EAGPN,cAAM,CAACK,KAAK,CAGrC;AAAC"}

package/dist/common/InputStyling.d.ts

@@ -1 +1 @@
-export declare const CommonInteractionStyling: import("styled-components").FlattenSimpleInterpolation;
+export declare const CommonInteractionStyling: import("styled-components").FlattenSimpleInterpolation;

package/dist/common/InputStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputStyling.js","names":["css","COLORS","focusStyles","CommonInteractionStyling","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {COLORS, focusStyles} from '../styles';\n\nexport const CommonInteractionStyling = css`\n  &:focus, &.focus-state, &.focus-visible {\n    ${focusStyles}\n  }\n\n  &:hover:not(.action-within), &.hover-state {\n    background-color: ${COLORS.primary_20};\n    color: ${COLORS.primary_600};\n  }\n  &:active:not(.action-within), &.active-state {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n  &:disabled, &.disabled-state {\n    background-color: ${COLORS.white};\n    span {\n      color: ${COLORS.neutral_300};\n    }\n    &::after {\n      background-color: ${COLORS.white};\n    }\n  }\n`;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAAQC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAE7C,OAAO,IAAMC,wBAAwB,GAAGH,GAAG,ifAErCE,WAAW,EAIOD,MAAM,CAACG,UAAU,EAC5BH,MAAM,CAACI,WAAW,EAGPJ,MAAM,CAACK,WAAW,EAC7BL,MAAM,CAACM,WAAW,EAGPN,MAAM,CAACO,KAAK,EAErBP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACO,KAAK,CAGrC"}
+{"version":3,"file":"InputStyling.js","names":["css","COLORS","focusStyles","CommonInteractionStyling","primary_20","primary_600","primary_100","primary_800","white","neutral_300"],"sources":["../../src/common/InputStyling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport {COLORS, focusStyles} from '../styles';\r\n\r\nexport const CommonInteractionStyling = css`\r\n  &:focus, &.focus-state, &.focus-visible {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover:not(.action-within), &.hover-state {\r\n    background-color: ${COLORS.primary_20};\r\n    color: ${COLORS.primary_600};\r\n  }\r\n  &:active:not(.action-within), &.active-state {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n  &:disabled, &.disabled-state {\r\n    background-color: ${COLORS.white};\r\n    span {\r\n      color: ${COLORS.neutral_300};\r\n    }\r\n    &::after {\r\n      background-color: ${COLORS.white};\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAAQC,MAAM,EAAEC,WAAW,QAAO,WAAW;AAE7C,OAAO,IAAMC,wBAAwB,GAAGH,GAAG,ifAErCE,WAAW,EAIOD,MAAM,CAACG,UAAU,EAC5BH,MAAM,CAACI,WAAW,EAGPJ,MAAM,CAACK,WAAW,EAC7BL,MAAM,CAACM,WAAW,EAGPN,MAAM,CAACO,KAAK,EAErBP,MAAM,CAACQ,WAAW,EAGPR,MAAM,CAACO,KAAK,CAGrC"}

package/dist/common/NavigationHelper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHelper.cjs","names":["useNavigationHelper","navigateHook","useNavigate","location","useLocation","navigate","url","isExternal","window","href","isActiveRoute","exact","matchPath","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\n\nexport const useNavigationHelper = () => {\n  const navigateHook = useNavigate();\n  const location = useLocation();\n\n  const navigate = (url: string, isExternal: boolean) => {\n    if (isExternal) {\n      window.location.href = url;\n    } else {\n      navigateHook(url);\n    }\n  };\n\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\n  };\n\n  return { navigate, isActiveRoute };\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;EACvC,IAAMC,YAAY,GAAG,IAAAC,wBAAW,GAAE;EAClC,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAW,EAAEC,UAAmB,EAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACL,QAAQ,CAACM,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLL,YAAY,CAACK,GAAG,CAAC;IACnB;EACF,CAAC;EAED,IAAMI,aAAa,GAAG,SAAhBA,aAAa,CAAIJ,GAAW,EAAEK,KAAc,EAAc;IAAA;IAC9D,OAAO,CAAC,CAAC,IAAAC,sBAAS,EAAC;MAAEC,IAAI,EAAEP,GAAG;MAAEQ,GAAG,EAAEH;IAAM,CAAC,wBAAER,QAAQ,CAACY,QAAQ,mEAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAEV,QAAQ,EAARA,QAAQ;IAAEK,aAAa,EAAbA;EAAc,CAAC;AACpC,CAAC;AAAC"}
+{"version":3,"file":"NavigationHelper.cjs","names":["useNavigationHelper","navigateHook","useNavigate","location","useLocation","navigate","url","isExternal","window","href","isActiveRoute","exact","matchPath","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\r\n\r\nexport const useNavigationHelper = () => {\r\n  const navigateHook = useNavigate();\r\n  const location = useLocation();\r\n\r\n  const navigate = (url: string, isExternal: boolean) => {\r\n    if (isExternal) {\r\n      window.location.href = url;\r\n    } else {\r\n      navigateHook(url);\r\n    }\r\n  };\r\n\r\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\r\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\r\n  };\r\n\r\n  return { navigate, isActiveRoute };\r\n};\r\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;EACvC,IAAMC,YAAY,GAAG,IAAAC,wBAAW,GAAE;EAClC,IAAMC,QAAQ,GAAG,IAAAC,wBAAW,GAAE;EAE9B,IAAMC,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAW,EAAEC,UAAmB,EAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACL,QAAQ,CAACM,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLL,YAAY,CAACK,GAAG,CAAC;IACnB;EACF,CAAC;EAED,IAAMI,aAAa,GAAG,SAAhBA,aAAa,CAAIJ,GAAW,EAAEK,KAAc,EAAc;IAAA;IAC9D,OAAO,CAAC,CAAC,IAAAC,sBAAS,EAAC;MAAEC,IAAI,EAAEP,GAAG;MAAEQ,GAAG,EAAEH;IAAM,CAAC,wBAAER,QAAQ,CAACY,QAAQ,mEAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAEV,QAAQ,EAARA,QAAQ;IAAEK,aAAa,EAAbA;EAAc,CAAC;AACpC,CAAC;AAAC"}

package/dist/common/NavigationHelper.d.ts

@@ -1,4 +1,4 @@
-export declare const useNavigationHelper: () => {
-    navigate: (url: string, isExternal: boolean) => void;
-    isActiveRoute: (url: string, exact: boolean) => boolean;
-};
+export declare const useNavigationHelper: () => {
+    navigate: (url: string, isExternal: boolean) => void;
+    isActiveRoute: (url: string, exact: boolean) => boolean;
+};

package/dist/common/NavigationHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationHelper.js","names":["useNavigate","matchPath","useLocation","useNavigationHelper","navigateHook","location","navigate","url","isExternal","window","href","isActiveRoute","exact","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\n\nexport const useNavigationHelper = () => {\n  const navigateHook = useNavigate();\n  const location = useLocation();\n\n  const navigate = (url: string, isExternal: boolean) => {\n    if (isExternal) {\n      window.location.href = url;\n    } else {\n      navigateHook(url);\n    }\n  };\n\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\n  };\n\n  return { navigate, isActiveRoute };\n};\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,cAAc;AAElE,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;EACvC,IAAMC,YAAY,GAAGJ,WAAW,EAAE;EAClC,IAAMK,QAAQ,GAAGH,WAAW,EAAE;EAE9B,IAAMI,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAW,EAAEC,UAAmB,EAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACJ,QAAQ,CAACK,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLH,YAAY,CAACG,GAAG,CAAC;IACnB;EACF,CAAC;EAED,IAAMI,aAAa,GAAG,SAAhBA,aAAa,CAAIJ,GAAW,EAAEK,KAAc,EAAc;IAAA;IAC9D,OAAO,CAAC,CAACX,SAAS,CAAC;MAAEY,IAAI,EAAEN,GAAG;MAAEO,GAAG,EAAEF;IAAM,CAAC,wBAAEP,QAAQ,CAACU,QAAQ,mEAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAET,QAAQ,EAARA,QAAQ;IAAEK,aAAa,EAAbA;EAAc,CAAC;AACpC,CAAC"}
+{"version":3,"file":"NavigationHelper.js","names":["useNavigate","matchPath","useLocation","useNavigationHelper","navigateHook","location","navigate","url","isExternal","window","href","isActiveRoute","exact","path","end","pathname"],"sources":["../../src/common/NavigationHelper.ts"],"sourcesContent":["import { useNavigate, matchPath, useLocation } from 'react-router';\r\n\r\nexport const useNavigationHelper = () => {\r\n  const navigateHook = useNavigate();\r\n  const location = useLocation();\r\n\r\n  const navigate = (url: string, isExternal: boolean) => {\r\n    if (isExternal) {\r\n      window.location.href = url;\r\n    } else {\r\n      navigateHook(url);\r\n    }\r\n  };\r\n\r\n  const isActiveRoute = (url: string, exact: boolean): boolean => {\r\n    return !!matchPath({ path: url, end: exact }, location.pathname ?? '');\r\n  };\r\n\r\n  return { navigate, isActiveRoute };\r\n};\r\n"],"mappings":"AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,WAAW,QAAQ,cAAc;AAElE,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAS;EACvC,IAAMC,YAAY,GAAGJ,WAAW,EAAE;EAClC,IAAMK,QAAQ,GAAGH,WAAW,EAAE;EAE9B,IAAMI,QAAQ,GAAG,SAAXA,QAAQ,CAAIC,GAAW,EAAEC,UAAmB,EAAK;IACrD,IAAIA,UAAU,EAAE;MACdC,MAAM,CAACJ,QAAQ,CAACK,IAAI,GAAGH,GAAG;IAC5B,CAAC,MAAM;MACLH,YAAY,CAACG,GAAG,CAAC;IACnB;EACF,CAAC;EAED,IAAMI,aAAa,GAAG,SAAhBA,aAAa,CAAIJ,GAAW,EAAEK,KAAc,EAAc;IAAA;IAC9D,OAAO,CAAC,CAACX,SAAS,CAAC;MAAEY,IAAI,EAAEN,GAAG;MAAEO,GAAG,EAAEF;IAAM,CAAC,wBAAEP,QAAQ,CAACU,QAAQ,mEAAI,EAAE,CAAC;EACxE,CAAC;EAED,OAAO;IAAET,QAAQ,EAARA,QAAQ;IAAEK,aAAa,EAAbA;EAAc,CAAC;AACpC,CAAC"}

package/dist/common/ScrollableContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContainer.cjs","names":["useScrollableContainer","recalculateScrollDeps","React","useState","scrollable","setScrollable","useDimensionsRef","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"sources":["../../src/common/ScrollableContainer.ts"],"sourcesContent":["import React from 'react';\nimport { useDimensionsRef } from 'rooks';\n\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, ...recalculateScrollDeps]);\n\n  return [scrollContainerRef, scrollable];\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,qBAA4B,EAAK;EACtE,sBAAoCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAChC,wBAA+C,IAAAC,uBAAgB,EAAC;MAAEC,cAAc,EAAE;IAAK,CAAC,CAAC;IAAA;IAAlFC,kBAAkB;IAAEC,UAAU;IAAEC,IAAI;EAE3CR,cAAK,CAACS,SAAS,CAAC,YAAM;IAAA;IACpB,IAAMC,YAAY,yBAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,YAAY,mEAAI,CAAC;IAC5C,IAAMC,YAAY,yBAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,mEAAI,CAAC;IAC5CR,aAAa,CAACQ,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,GAAGH,UAAU,EAAEC,IAAI,0CAAKT,qBAAqB,GAAE;EAEhD,OAAO,CAACO,kBAAkB,EAAEJ,UAAU,CAAC;AACzC,CAAC;AAAC"}
+{"version":3,"file":"ScrollableContainer.cjs","names":["useScrollableContainer","recalculateScrollDeps","React","useState","scrollable","setScrollable","useDimensionsRef","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"sources":["../../src/common/ScrollableContainer.ts"],"sourcesContent":["import React from 'react';\r\nimport { useDimensionsRef } from 'rooks';\r\n\r\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\r\n\r\n  React.useEffect(() => {\r\n    const clientHeight = node?.clientHeight ?? 0;\r\n    const scrollHeight = node?.scrollHeight ?? 0;\r\n    setScrollable(scrollHeight > clientHeight);\r\n  }, [dimensions, node, ...recalculateScrollDeps]);\r\n\r\n  return [scrollContainerRef, scrollable];\r\n};\r\n"],"mappings":";;;;;;;;;AAAA;AACA;AAEO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,qBAA4B,EAAK;EACtE,sBAAoCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAChC,wBAA+C,IAAAC,uBAAgB,EAAC;MAAEC,cAAc,EAAE;IAAK,CAAC,CAAC;IAAA;IAAlFC,kBAAkB;IAAEC,UAAU;IAAEC,IAAI;EAE3CR,cAAK,CAACS,SAAS,CAAC,YAAM;IAAA;IACpB,IAAMC,YAAY,yBAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,YAAY,mEAAI,CAAC;IAC5C,IAAMC,YAAY,yBAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,mEAAI,CAAC;IAC5CR,aAAa,CAACQ,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,GAAGH,UAAU,EAAEC,IAAI,0CAAKT,qBAAqB,GAAE;EAEhD,OAAO,CAACO,kBAAkB,EAAEJ,UAAU,CAAC;AACzC,CAAC;AAAC"}

package/dist/common/ScrollableContainer.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const useScrollableContainer: (recalculateScrollDeps: any[]) => (boolean | React.LegacyRef<HTMLDivElement> | undefined)[];
+import React from 'react';
+export declare const useScrollableContainer: (recalculateScrollDeps: any[]) => (boolean | React.LegacyRef<HTMLDivElement> | undefined)[];

package/dist/common/ScrollableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContainer.js","names":["React","useDimensionsRef","useScrollableContainer","recalculateScrollDeps","useState","scrollable","setScrollable","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"sources":["../../src/common/ScrollableContainer.ts"],"sourcesContent":["import React from 'react';\nimport { useDimensionsRef } from 'rooks';\n\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\n  const [scrollable, setScrollable] = React.useState(false);\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\n\n  React.useEffect(() => {\n    const clientHeight = node?.clientHeight ?? 0;\n    const scrollHeight = node?.scrollHeight ?? 0;\n    setScrollable(scrollHeight > clientHeight);\n  }, [dimensions, node, ...recalculateScrollDeps]);\n\n  return [scrollContainerRef, scrollable];\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,OAAO;AAExC,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,qBAA4B,EAAK;EACtE,sBAAoCH,KAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAChC,wBAA+CL,gBAAgB,CAAC;MAAEM,cAAc,EAAE;IAAK,CAAC,CAAC;IAAA;IAAlFC,kBAAkB;IAAEC,UAAU;IAAEC,IAAI;EAE3CV,KAAK,CAACW,SAAS,CAAC,YAAM;IAAA;IACpB,IAAMC,YAAY,yBAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,YAAY,mEAAI,CAAC;IAC5C,IAAMC,YAAY,yBAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,mEAAI,CAAC;IAC5CP,aAAa,CAACO,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,GAAGH,UAAU,EAAEC,IAAI,4BAAKP,qBAAqB,GAAE;EAEhD,OAAO,CAACK,kBAAkB,EAAEH,UAAU,CAAC;AACzC,CAAC"}
+{"version":3,"file":"ScrollableContainer.js","names":["React","useDimensionsRef","useScrollableContainer","recalculateScrollDeps","useState","scrollable","setScrollable","updateOnResize","scrollContainerRef","dimensions","node","useEffect","clientHeight","scrollHeight"],"sources":["../../src/common/ScrollableContainer.ts"],"sourcesContent":["import React from 'react';\r\nimport { useDimensionsRef } from 'rooks';\r\n\r\nexport const useScrollableContainer = (recalculateScrollDeps: any[]) => {\r\n  const [scrollable, setScrollable] = React.useState(false);\r\n  const [scrollContainerRef, dimensions, node] = useDimensionsRef({ updateOnResize: true });\r\n\r\n  React.useEffect(() => {\r\n    const clientHeight = node?.clientHeight ?? 0;\r\n    const scrollHeight = node?.scrollHeight ?? 0;\r\n    setScrollable(scrollHeight > clientHeight);\r\n  }, [dimensions, node, ...recalculateScrollDeps]);\r\n\r\n  return [scrollContainerRef, scrollable];\r\n};\r\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,OAAO;AAExC,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAIC,qBAA4B,EAAK;EACtE,sBAAoCH,KAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;IAAA;IAAlDC,UAAU;IAAEC,aAAa;EAChC,wBAA+CL,gBAAgB,CAAC;MAAEM,cAAc,EAAE;IAAK,CAAC,CAAC;IAAA;IAAlFC,kBAAkB;IAAEC,UAAU;IAAEC,IAAI;EAE3CV,KAAK,CAACW,SAAS,CAAC,YAAM;IAAA;IACpB,IAAMC,YAAY,yBAAGF,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,YAAY,mEAAI,CAAC;IAC5C,IAAMC,YAAY,yBAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,mEAAI,CAAC;IAC5CP,aAAa,CAACO,YAAY,GAAGD,YAAY,CAAC;EAC5C,CAAC,GAAGH,UAAU,EAAEC,IAAI,4BAAKP,qBAAqB,GAAE;EAEhD,OAAO,CAACK,kBAAkB,EAAEH,UAAU,CAAC;AACzC,CAAC"}

package/dist/common/StackState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StackState.cjs","names":["useStackState","initial","React","useState","state","setState","reset","useCallback","value","peek","length","undefined","push","concat","pop","slice"],"sources":["../../src/common/StackState.ts"],"sourcesContent":["import React from 'react';\n\n\nexport const useStackState = <T>(initial?: T) => {\n  const [state, setState] = React.useState<(T | undefined)[]>(initial ? [initial] : []);\n\n  const reset = React.useCallback((value?: T) => setState(!!value || !!initial ? [value ?? initial] : []), [initial]);\n  const peek = React.useCallback(() => !!state.length ? state[state.length - 1] : undefined, [state]);\n  const push = React.useCallback((value: T) => setState(state.concat(value)), [state]);\n  const pop = React.useCallback(() => setState(state.slice(0, -1)), [state]);\n  const length = state.length;\n\n  return {peek, push, pop, reset, length};\n};\n"],"mappings":";;;;;;;;AAAA;AAGO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAOC,OAAW,EAAK;EAC/C,sBAA0BC,cAAK,CAACC,QAAQ,CAAoBF,OAAO,GAAG,CAACA,OAAO,CAAC,GAAG,EAAE,CAAC;IAAA;IAA9EG,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,KAAK,GAAGJ,cAAK,CAACK,WAAW,CAAC,UAACC,KAAS;IAAA,OAAKH,QAAQ,CAAC,CAAC,CAACG,KAAK,IAAI,CAAC,CAACP,OAAO,GAAG,CAACO,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIP,OAAO,CAAC,GAAG,EAAE,CAAC;EAAA,GAAE,CAACA,OAAO,CAAC,CAAC;EACnH,IAAMQ,IAAI,GAAGP,cAAK,CAACK,WAAW,CAAC;IAAA,OAAM,CAAC,CAACH,KAAK,CAACM,MAAM,GAAGN,KAAK,CAACA,KAAK,CAACM,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;EAAA,GAAE,CAACP,KAAK,CAAC,CAAC;EACnG,IAAMQ,IAAI,GAAGV,cAAK,CAACK,WAAW,CAAC,UAACC,KAAQ;IAAA,OAAKH,QAAQ,CAACD,KAAK,CAACS,MAAM,CAACL,KAAK,CAAC,CAAC;EAAA,GAAE,CAACJ,KAAK,CAAC,CAAC;EACpF,IAAMU,GAAG,GAAGZ,cAAK,CAACK,WAAW,CAAC;IAAA,OAAMF,QAAQ,CAACD,KAAK,CAACW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;EAAA,GAAE,CAACX,KAAK,CAAC,CAAC;EAC1E,IAAMM,MAAM,GAAGN,KAAK,CAACM,MAAM;EAE3B,OAAO;IAACD,IAAI,EAAJA,IAAI;IAAEG,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA,GAAG;IAAER,KAAK,EAALA,KAAK;IAAEI,MAAM,EAANA;EAAM,CAAC;AACzC,CAAC;AAAC"}
+{"version":3,"file":"StackState.cjs","names":["useStackState","initial","React","useState","state","setState","reset","useCallback","value","peek","length","undefined","push","concat","pop","slice"],"sources":["../../src/common/StackState.ts"],"sourcesContent":["import React from 'react';\r\n\r\n\r\nexport const useStackState = <T>(initial?: T) => {\r\n  const [state, setState] = React.useState<(T | undefined)[]>(initial ? [initial] : []);\r\n\r\n  const reset = React.useCallback((value?: T) => setState(!!value || !!initial ? [value ?? initial] : []), [initial]);\r\n  const peek = React.useCallback(() => !!state.length ? state[state.length - 1] : undefined, [state]);\r\n  const push = React.useCallback((value: T) => setState(state.concat(value)), [state]);\r\n  const pop = React.useCallback(() => setState(state.slice(0, -1)), [state]);\r\n  const length = state.length;\r\n\r\n  return {peek, push, pop, reset, length};\r\n};\r\n"],"mappings":";;;;;;;;AAAA;AAGO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAOC,OAAW,EAAK;EAC/C,sBAA0BC,cAAK,CAACC,QAAQ,CAAoBF,OAAO,GAAG,CAACA,OAAO,CAAC,GAAG,EAAE,CAAC;IAAA;IAA9EG,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,KAAK,GAAGJ,cAAK,CAACK,WAAW,CAAC,UAACC,KAAS;IAAA,OAAKH,QAAQ,CAAC,CAAC,CAACG,KAAK,IAAI,CAAC,CAACP,OAAO,GAAG,CAACO,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIP,OAAO,CAAC,GAAG,EAAE,CAAC;EAAA,GAAE,CAACA,OAAO,CAAC,CAAC;EACnH,IAAMQ,IAAI,GAAGP,cAAK,CAACK,WAAW,CAAC;IAAA,OAAM,CAAC,CAACH,KAAK,CAACM,MAAM,GAAGN,KAAK,CAACA,KAAK,CAACM,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;EAAA,GAAE,CAACP,KAAK,CAAC,CAAC;EACnG,IAAMQ,IAAI,GAAGV,cAAK,CAACK,WAAW,CAAC,UAACC,KAAQ;IAAA,OAAKH,QAAQ,CAACD,KAAK,CAACS,MAAM,CAACL,KAAK,CAAC,CAAC;EAAA,GAAE,CAACJ,KAAK,CAAC,CAAC;EACpF,IAAMU,GAAG,GAAGZ,cAAK,CAACK,WAAW,CAAC;IAAA,OAAMF,QAAQ,CAACD,KAAK,CAACW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;EAAA,GAAE,CAACX,KAAK,CAAC,CAAC;EAC1E,IAAMM,MAAM,GAAGN,KAAK,CAACM,MAAM;EAE3B,OAAO;IAACD,IAAI,EAAJA,IAAI;IAAEG,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA,GAAG;IAAER,KAAK,EAALA,KAAK;IAAEI,MAAM,EAANA;EAAM,CAAC;AACzC,CAAC;AAAC"}

package/dist/common/StackState.d.ts

@@ -1,7 +1,7 @@
-export declare const useStackState: <T>(initial?: T | undefined) => {
-    peek: () => T | undefined;
-    push: (value: T) => void;
-    pop: () => void;
-    reset: (value?: T | undefined) => void;
-    length: number;
-};
+export declare const useStackState: <T>(initial?: T | undefined) => {
+    peek: () => T | undefined;
+    push: (value: T) => void;
+    pop: () => void;
+    reset: (value?: T | undefined) => void;
+    length: number;
+};

package/dist/common/StackState.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackState.js","names":["React","useStackState","initial","useState","state","setState","reset","useCallback","value","peek","length","undefined","push","concat","pop","slice"],"sources":["../../src/common/StackState.ts"],"sourcesContent":["import React from 'react';\n\n\nexport const useStackState = <T>(initial?: T) => {\n  const [state, setState] = React.useState<(T | undefined)[]>(initial ? [initial] : []);\n\n  const reset = React.useCallback((value?: T) => setState(!!value || !!initial ? [value ?? initial] : []), [initial]);\n  const peek = React.useCallback(() => !!state.length ? state[state.length - 1] : undefined, [state]);\n  const push = React.useCallback((value: T) => setState(state.concat(value)), [state]);\n  const pop = React.useCallback(() => setState(state.slice(0, -1)), [state]);\n  const length = state.length;\n\n  return {peek, push, pop, reset, length};\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAOC,OAAW,EAAK;EAC/C,sBAA0BF,KAAK,CAACG,QAAQ,CAAoBD,OAAO,GAAG,CAACA,OAAO,CAAC,GAAG,EAAE,CAAC;IAAA;IAA9EE,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,KAAK,GAAGN,KAAK,CAACO,WAAW,CAAC,UAACC,KAAS;IAAA,OAAKH,QAAQ,CAAC,CAAC,CAACG,KAAK,IAAI,CAAC,CAACN,OAAO,GAAG,CAACM,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIN,OAAO,CAAC,GAAG,EAAE,CAAC;EAAA,GAAE,CAACA,OAAO,CAAC,CAAC;EACnH,IAAMO,IAAI,GAAGT,KAAK,CAACO,WAAW,CAAC;IAAA,OAAM,CAAC,CAACH,KAAK,CAACM,MAAM,GAAGN,KAAK,CAACA,KAAK,CAACM,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;EAAA,GAAE,CAACP,KAAK,CAAC,CAAC;EACnG,IAAMQ,IAAI,GAAGZ,KAAK,CAACO,WAAW,CAAC,UAACC,KAAQ;IAAA,OAAKH,QAAQ,CAACD,KAAK,CAACS,MAAM,CAACL,KAAK,CAAC,CAAC;EAAA,GAAE,CAACJ,KAAK,CAAC,CAAC;EACpF,IAAMU,GAAG,GAAGd,KAAK,CAACO,WAAW,CAAC;IAAA,OAAMF,QAAQ,CAACD,KAAK,CAACW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;EAAA,GAAE,CAACX,KAAK,CAAC,CAAC;EAC1E,IAAMM,MAAM,GAAGN,KAAK,CAACM,MAAM;EAE3B,OAAO;IAACD,IAAI,EAAJA,IAAI;IAAEG,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA,GAAG;IAAER,KAAK,EAALA,KAAK;IAAEI,MAAM,EAANA;EAAM,CAAC;AACzC,CAAC"}
+{"version":3,"file":"StackState.js","names":["React","useStackState","initial","useState","state","setState","reset","useCallback","value","peek","length","undefined","push","concat","pop","slice"],"sources":["../../src/common/StackState.ts"],"sourcesContent":["import React from 'react';\r\n\r\n\r\nexport const useStackState = <T>(initial?: T) => {\r\n  const [state, setState] = React.useState<(T | undefined)[]>(initial ? [initial] : []);\r\n\r\n  const reset = React.useCallback((value?: T) => setState(!!value || !!initial ? [value ?? initial] : []), [initial]);\r\n  const peek = React.useCallback(() => !!state.length ? state[state.length - 1] : undefined, [state]);\r\n  const push = React.useCallback((value: T) => setState(state.concat(value)), [state]);\r\n  const pop = React.useCallback(() => setState(state.slice(0, -1)), [state]);\r\n  const length = state.length;\r\n\r\n  return {peek, push, pop, reset, length};\r\n};\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAOC,OAAW,EAAK;EAC/C,sBAA0BF,KAAK,CAACG,QAAQ,CAAoBD,OAAO,GAAG,CAACA,OAAO,CAAC,GAAG,EAAE,CAAC;IAAA;IAA9EE,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,KAAK,GAAGN,KAAK,CAACO,WAAW,CAAC,UAACC,KAAS;IAAA,OAAKH,QAAQ,CAAC,CAAC,CAACG,KAAK,IAAI,CAAC,CAACN,OAAO,GAAG,CAACM,KAAK,aAALA,KAAK,cAALA,KAAK,GAAIN,OAAO,CAAC,GAAG,EAAE,CAAC;EAAA,GAAE,CAACA,OAAO,CAAC,CAAC;EACnH,IAAMO,IAAI,GAAGT,KAAK,CAACO,WAAW,CAAC;IAAA,OAAM,CAAC,CAACH,KAAK,CAACM,MAAM,GAAGN,KAAK,CAACA,KAAK,CAACM,MAAM,GAAG,CAAC,CAAC,GAAGC,SAAS;EAAA,GAAE,CAACP,KAAK,CAAC,CAAC;EACnG,IAAMQ,IAAI,GAAGZ,KAAK,CAACO,WAAW,CAAC,UAACC,KAAQ;IAAA,OAAKH,QAAQ,CAACD,KAAK,CAACS,MAAM,CAACL,KAAK,CAAC,CAAC;EAAA,GAAE,CAACJ,KAAK,CAAC,CAAC;EACpF,IAAMU,GAAG,GAAGd,KAAK,CAACO,WAAW,CAAC;IAAA,OAAMF,QAAQ,CAACD,KAAK,CAACW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;EAAA,GAAE,CAACX,KAAK,CAAC,CAAC;EAC1E,IAAMM,MAAM,GAAGN,KAAK,CAACM,MAAM;EAE3B,OAAO;IAACD,IAAI,EAAJA,IAAI;IAAEG,IAAI,EAAJA,IAAI;IAAEE,GAAG,EAAHA,GAAG;IAAER,KAAK,EAALA,KAAK;IAAEI,MAAM,EAANA;EAAM,CAAC;AACzC,CAAC"}

package/dist/common/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/common/index.ts"],"sourcesContent":["export {CommonInteractionStyling} from './InputStyling';\nexport {defaultOnMouseDownHandler} from './EventHandlers'\nexport {useFocusVisibleRef} from './FocusVisible';\nexport {useActionWithin} from './ActionWithin';\nexport {useFocusOutsideRef} from './FocusOutside'\nexport {useClickOutsideRef} from './ClickOutside'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/common/index.ts"],"sourcesContent":["export {CommonInteractionStyling} from './InputStyling';\r\nexport {defaultOnMouseDownHandler} from './EventHandlers'\r\nexport {useFocusVisibleRef} from './FocusVisible';\r\nexport {useActionWithin} from './ActionWithin';\r\nexport {useFocusOutsideRef} from './FocusOutside'\r\nexport {useClickOutsideRef} from './ClickOutside'\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA"}

package/dist/common/index.d.ts

@@ -1,6 +1,6 @@
-export { CommonInteractionStyling } from './InputStyling';
-export { defaultOnMouseDownHandler } from './EventHandlers';
-export { useFocusVisibleRef } from './FocusVisible';
-export { useActionWithin } from './ActionWithin';
-export { useFocusOutsideRef } from './FocusOutside';
-export { useClickOutsideRef } from './ClickOutside';
+export { CommonInteractionStyling } from './InputStyling';
+export { defaultOnMouseDownHandler } from './EventHandlers';
+export { useFocusVisibleRef } from './FocusVisible';
+export { useActionWithin } from './ActionWithin';
+export { useFocusOutsideRef } from './FocusOutside';
+export { useClickOutsideRef } from './ClickOutside';

package/dist/common/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["CommonInteractionStyling","defaultOnMouseDownHandler","useFocusVisibleRef","useActionWithin","useFocusOutsideRef","useClickOutsideRef"],"sources":["../../src/common/index.ts"],"sourcesContent":["export {CommonInteractionStyling} from './InputStyling';\nexport {defaultOnMouseDownHandler} from './EventHandlers'\nexport {useFocusVisibleRef} from './FocusVisible';\nexport {useActionWithin} from './ActionWithin';\nexport {useFocusOutsideRef} from './FocusOutside'\nexport {useClickOutsideRef} from './ClickOutside'\n"],"mappings":"AAAA,SAAQA,wBAAwB,QAAO,gBAAgB;AACvD,SAAQC,yBAAyB,QAAO,iBAAiB;AACzD,SAAQC,kBAAkB,QAAO,gBAAgB;AACjD,SAAQC,eAAe,QAAO,gBAAgB;AAC9C,SAAQC,kBAAkB,QAAO,gBAAgB;AACjD,SAAQC,kBAAkB,QAAO,gBAAgB"}
+{"version":3,"file":"index.js","names":["CommonInteractionStyling","defaultOnMouseDownHandler","useFocusVisibleRef","useActionWithin","useFocusOutsideRef","useClickOutsideRef"],"sources":["../../src/common/index.ts"],"sourcesContent":["export {CommonInteractionStyling} from './InputStyling';\r\nexport {defaultOnMouseDownHandler} from './EventHandlers'\r\nexport {useFocusVisibleRef} from './FocusVisible';\r\nexport {useActionWithin} from './ActionWithin';\r\nexport {useFocusOutsideRef} from './FocusOutside'\r\nexport {useClickOutsideRef} from './ClickOutside'\r\n"],"mappings":"AAAA,SAAQA,wBAAwB,QAAO,gBAAgB;AACvD,SAAQC,yBAAyB,QAAO,iBAAiB;AACzD,SAAQC,kBAAkB,QAAO,gBAAgB;AACjD,SAAQC,eAAe,QAAO,gBAAgB;AAC9C,SAAQC,kBAAkB,QAAO,gBAAgB;AACjD,SAAQC,kBAAkB,QAAO,gBAAgB"}

package/dist/custom.d.ts

@@ -1,4 +1,4 @@
-declare module '*.svg' {
-  const content: string;
-  export default content;
-}
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}

package/dist/declarations.d.ts

@@ -1 +1 @@
-declare module '*.svg';
+declare module '*.svg';

package/dist/esm/Accordion/AccordionBase.js

@@ -0,0 +1,61 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,70 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,61 @@
+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

@@ -0,0 +1 @@
+{"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"}