@activecollab/components 1.0.6 → 1.0.10

package/dist/cjs/utils/createChainedFunction.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createChainedFunction;
+
+function createChainedFunction() {
+  for (var _len = arguments.length, functions = new Array(_len), _key = 0; _key < _len; _key++) {
+    functions[_key] = arguments[_key];
+  }
+
+  return functions.reduce(function (acc, func) {
+    if (func === null) {
+      return acc;
+    }
+
+    return function chainedFunction() {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+
+      acc && acc.apply(this, args);
+      func && func.apply(this, args);
+    };
+  }, // eslint-disable-next-line @typescript-eslint/no-empty-function
+  function () {});
+}
+//# sourceMappingURL=createChainedFunction.js.map

package/dist/cjs/utils/createChainedFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createChainedFunction.ts"],"names":["createChainedFunction","functions","reduce","acc","func","chainedFunction","args","apply"],"mappings":";;;;;;;AAEe,SAASA,qBAAT,GAEI;AAAA,oCADdC,SACc;AADdA,IAAAA,SACc;AAAA;;AACjB,SAAOA,SAAS,CAACC,MAAV,CACL,UAACC,GAAD,EAAMC,IAAN,EAAe;AACb,QAAIA,IAAI,KAAK,IAAb,EAAmB;AACjB,aAAOD,GAAP;AACD;;AAED,WAAO,SAASE,eAAT,GAAoD;AAAA,yCAAZC,IAAY;AAAZA,QAAAA,IAAY;AAAA;;AACzDH,MAAAA,GAAG,IAAIA,GAAG,CAACI,KAAJ,CAAU,IAAV,EAAgBD,IAAhB,CAAP;AACAF,MAAAA,IAAI,IAAIA,IAAI,CAACG,KAAL,CAAW,IAAX,EAAiBD,IAAjB,CAAR;AACD,KAHD;AAID,GAVI,EAWL;AACA,cAAM,CAAE,CAZH,CAAP;AAcD","sourcesContent":["export type ChainedFunction = ((...args: unknown[]) => void) | undefined | null;\n\nexport default function createChainedFunction(\n  ...functions: ChainedFunction[]\n): ChainedFunction {\n  return functions.reduce(\n    (acc, func) => {\n      if (func === null) {\n        return acc;\n      }\n\n      return function chainedFunction(this: void, ...args): void {\n        acc && acc.apply(this, args);\n        func && func.apply(this, args);\n      };\n    },\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    () => {}\n  );\n}\n"],"file":"createChainedFunction.js"}

package/dist/cjs/utils/createChainedFunction.test.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _createChainedFunction = _interopRequireDefault(require("./createChainedFunction"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe("createChainedFunction", function () {
+  it("should handle createChainedFunction", function () {
+    var one = function one() {
+      return "one";
+    };
+
+    var two = function two() {
+      return "two";
+    };
+
+    var test = (0, _createChainedFunction.default)(one, two);
+    var test2 = (0, _createChainedFunction.default)(null);
+
+    if (test) {
+      expect(test()).toEqual(undefined);
+    }
+
+    if (test2) {
+      expect(test2()).toEqual(undefined);
+    }
+  });
+});
+//# sourceMappingURL=createChainedFunction.test.js.map

package/dist/cjs/utils/createChainedFunction.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createChainedFunction.test.ts"],"names":["describe","it","one","two","test","test2","expect","toEqual","undefined"],"mappings":";;AAAA;;;;AAEAA,QAAQ,CAAC,uBAAD,EAA0B,YAAM;AACtCC,EAAAA,EAAE,CAAC,qCAAD,EAAwC,YAAM;AAC9C,QAAMC,GAAG,GAAG,SAANA,GAAM,GAAc;AACxB,aAAO,KAAP;AACD,KAFD;;AAIA,QAAMC,GAAG,GAAG,SAANA,GAAM,GAAc;AACxB,aAAO,KAAP;AACD,KAFD;;AAIA,QAAMC,IAAI,GAAG,oCAAsBF,GAAtB,EAA2BC,GAA3B,CAAb;AACA,QAAME,KAAK,GAAG,oCAAsB,IAAtB,CAAd;;AACA,QAAID,IAAJ,EAAU;AACRE,MAAAA,MAAM,CAACF,IAAI,EAAL,CAAN,CAAeG,OAAf,CAAuBC,SAAvB;AACD;;AACD,QAAIH,KAAJ,EAAW;AACTC,MAAAA,MAAM,CAACD,KAAK,EAAN,CAAN,CAAgBE,OAAhB,CAAwBC,SAAxB;AACD;AACF,GAjBC,CAAF;AAkBD,CAnBO,CAAR","sourcesContent":["import createChainedFunction from \"./createChainedFunction\";\n\ndescribe(\"createChainedFunction\", () => {\n  it(\"should handle createChainedFunction\", () => {\n    const one = (): string => {\n      return \"one\";\n    };\n\n    const two = (): string => {\n      return \"two\";\n    };\n\n    const test = createChainedFunction(one, two);\n    const test2 = createChainedFunction(null);\n    if (test) {\n      expect(test()).toEqual(undefined);\n    }\n    if (test2) {\n      expect(test2()).toEqual(undefined);\n    }\n  });\n});\n"],"file":"createChainedFunction.test.js"}

package/dist/cjs/utils/setRef.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = setRef;
+
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+}
+//# sourceMappingURL=setRef.js.map

package/dist/cjs/utils/setRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/setRef.ts"],"names":["setRef","ref","value","current"],"mappings":";;;;;;;AAEe,SAASA,MAAT,CACbC,GADa,EAMbC,KANa,EAOP;AACN,MAAI,OAAOD,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,IAAAA,GAAG,CAACC,KAAD,CAAH;AACD,GAFD,MAEO,IAAID,GAAJ,EAAS;AACdA,IAAAA,GAAG,CAACE,OAAJ,GAAcD,KAAd;AACD;AACF","sourcesContent":["import { MutableRefObject } from \"react\";\n\nexport default function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"file":"setRef.js"}

package/dist/cjs/utils/setRef.test.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _setRef = _interopRequireDefault(require("./setRef"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe("setRef", function () {
+  it("should handle ref as mutable object", function () {
+    var ref = {
+      current: null
+    };
+    (0, _setRef.default)(ref, "blah");
+    expect(ref.current).toBe("blah");
+  });
+});
+//# sourceMappingURL=setRef.test.js.map

package/dist/cjs/utils/setRef.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/setRef.test.ts"],"names":["describe","it","ref","current","expect","toBe"],"mappings":";;AAAA;;;;AAEAA,QAAQ,CAAC,QAAD,EAAW,YAAM;AACvBC,EAAAA,EAAE,CAAC,qCAAD,EAAwC,YAAM;AAC9C,QAAMC,GAAG,GAAG;AAAEC,MAAAA,OAAO,EAAE;AAAX,KAAZ;AACA,yBAAOD,GAAP,EAAY,MAAZ;AACAE,IAAAA,MAAM,CAACF,GAAG,CAACC,OAAL,CAAN,CAAoBE,IAApB,CAAyB,MAAzB;AACD,GAJC,CAAF;AAKD,CANO,CAAR","sourcesContent":["import setRef from \"./setRef\";\n\ndescribe(\"setRef\", () => {\n  it(\"should handle ref as mutable object\", () => {\n    const ref = { current: null };\n    setRef(ref, \"blah\");\n    expect(ref.current).toBe(\"blah\");\n  });\n});\n"],"file":"setRef.test.js"}

package/dist/cjs/utils/useForkRef.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useForkRef;
+
+var _react = require("react");
+
+var _setRef = _interopRequireDefault(require("./setRef"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useForkRef(refA, refB) {
+  return (0, _react.useMemo)(function () {
+    return function (refValue) {
+      (0, _setRef.default)(refA, refValue);
+      (0, _setRef.default)(refB, refValue);
+    };
+  }, [refA, refB]);
+}
+//# sourceMappingURL=useForkRef.js.map

package/dist/cjs/utils/useForkRef.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/useForkRef.ts"],"names":["useForkRef","refA","refB","refValue"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,UAAT,CACbC,IADa,EAMbC,IANa,EAWiB;AAC9B,SAAO,oBAAQ,YAAM;AACnB,WAAO,UAACC,QAAD,EAAoB;AACzB,2BAAOF,IAAP,EAAaE,QAAb;AACA,2BAAOD,IAAP,EAAaC,QAAb;AACD,KAHD;AAID,GALM,EAKJ,CAACF,IAAD,EAAOC,IAAP,CALI,CAAP;AAMD","sourcesContent":["import { useMemo, MutableRefObject } from \"react\";\nimport setRef from \"./setRef\";\n\nexport default function useForkRef<T>(\n  refA:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  refB:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined\n): (instance: T | null) => void {\n  return useMemo(() => {\n    return (refValue): void => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"file":"useForkRef.js"}

package/dist/esm/components/Accordion/Accordion.js

@@ -0,0 +1,58 @@
+import React, { useState, useCallback } from "react";
+import classnames from "classnames";
+import { StyledAccordion } from "./Styles";
+export var AccordionContext = /*#__PURE__*/React.createContext(null);
+export var Accordion = function Accordion(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$allowMultipleExp = _ref.allowMultipleExpanded,
+      allowMultipleExpanded = _ref$allowMultipleExp === void 0 ? false : _ref$allowMultipleExp,
+      _ref$allowZeroExpande = _ref.allowZeroExpanded,
+      allowZeroExpanded = _ref$allowZeroExpande === void 0 ? false : _ref$allowZeroExpande,
+      onChange = _ref.onChange,
+      _ref$preExpanded = _ref.preExpanded,
+      preExpanded = _ref$preExpanded === void 0 ? [] : _ref$preExpanded,
+      _ref$disableToggleIco = _ref.disableToggleIcon,
+      disableToggleIcon = _ref$disableToggleIco === void 0 ? false : _ref$disableToggleIco,
+      customToggleIcon = _ref.customToggleIcon;
+
+  var _useState = useState(preExpanded),
+      expandedItems = _useState[0],
+      setExpandedItems = _useState[1];
+
+  var toggleExpandedCallback = useCallback(function (id) {
+    setExpandedItems(function (prevExpanded) {
+      if (prevExpanded.indexOf(id) > -1) {
+        if (!allowZeroExpanded && prevExpanded.length === 1) {
+          return prevExpanded;
+        }
+
+        return prevExpanded.filter(function (item) {
+          return item !== id;
+        });
+      } else {
+        if (!allowMultipleExpanded) {
+          return [id];
+        }
+
+        return [].concat(prevExpanded, [id]);
+      }
+    });
+
+    if (onChange) {
+      onChange(id);
+    }
+  }, [allowMultipleExpanded, allowZeroExpanded, onChange]);
+  return /*#__PURE__*/React.createElement(AccordionContext.Provider, {
+    value: {
+      expandedItems: expandedItems,
+      toggleExpanded: toggleExpandedCallback,
+      disableToggleIcon: disableToggleIcon,
+      customToggleIcon: customToggleIcon
+    }
+  }, /*#__PURE__*/React.createElement(StyledAccordion, {
+    className: classnames("accordion", className)
+  }, children));
+};
+Accordion.displayName = "Accordion";
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":["React","useState","useCallback","classnames","StyledAccordion","AccordionContext","createContext","Accordion","children","className","allowMultipleExpanded","allowZeroExpanded","onChange","preExpanded","disableToggleIcon","customToggleIcon","expandedItems","setExpandedItems","toggleExpandedCallback","id","prevExpanded","indexOf","length","filter","item","toggleExpanded","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAGEC,QAHF,EAIEC,WAJF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,eAAT,QAAgC,UAAhC;AA4BA,OAAO,IAAMC,gBAAgB,gBAC3BL,KAAK,CAACM,aAAN,CAAkD,IAAlD,CADK;AAGP,OAAO,IAAMC,SAAyB,GAAG,SAA5BA,SAA4B,OASnC;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,SAOI,QAPJA,SAOI;AAAA,mCANJC,qBAMI;AAAA,MANJA,qBAMI,sCANoB,KAMpB;AAAA,mCALJC,iBAKI;AAAA,MALJA,iBAKI,sCALgB,KAKhB;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,8BAHJC,WAGI;AAAA,MAHJA,WAGI,iCAHU,EAGV;AAAA,mCAFJC,iBAEI;AAAA,MAFJA,iBAEI,sCAFgB,KAEhB;AAAA,MADJC,gBACI,QADJA,gBACI;;AACJ,kBAA0Cd,QAAQ,CAAWY,WAAX,CAAlD;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,sBAAsB,GAAGhB,WAAW,CACxC,UAACiB,EAAD,EAAgB;AACdF,IAAAA,gBAAgB,CAAC,UAACG,YAAD,EAA4B;AAC3C,UAAIA,YAAY,CAACC,OAAb,CAAqBF,EAArB,IAA2B,CAAC,CAAhC,EAAmC;AACjC,YAAI,CAACR,iBAAD,IAAsBS,YAAY,CAACE,MAAb,KAAwB,CAAlD,EAAqD;AACnD,iBAAOF,YAAP;AACD;;AACD,eAAOA,YAAY,CAACG,MAAb,CAAoB,UAACC,IAAD,EAAkB;AAC3C,iBAAOA,IAAI,KAAKL,EAAhB;AACD,SAFM,CAAP;AAGD,OAPD,MAOO;AACL,YAAI,CAACT,qBAAL,EAA4B;AAC1B,iBAAO,CAACS,EAAD,CAAP;AACD;;AACD,yBAAWC,YAAX,GAAyBD,EAAzB;AACD;AACF,KAde,CAAhB;;AAeA,QAAIP,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACO,EAAD,CAAR;AACD;AACF,GApBuC,EAqBxC,CAACT,qBAAD,EAAwBC,iBAAxB,EAA2CC,QAA3C,CArBwC,CAA1C;AAwBA,sBACE,oBAAC,gBAAD,CAAkB,QAAlB;AACE,IAAA,KAAK,EAAE;AACLI,MAAAA,aAAa,EAAbA,aADK;AAELS,MAAAA,cAAc,EAAEP,sBAFX;AAGLJ,MAAAA,iBAAiB,EAAjBA,iBAHK;AAILC,MAAAA,gBAAgB,EAAhBA;AAJK;AADT,kBAQE,oBAAC,eAAD;AAAiB,IAAA,SAAS,EAAEZ,UAAU,CAAC,WAAD,EAAcM,SAAd;AAAtC,KACGD,QADH,CARF,CADF;AAcD,CAlDM;AAoDPD,SAAS,CAACmB,WAAV,GAAwB,WAAxB","sourcesContent":["import React, {\n  FC,\n  ReactNodeArray,\n  useState,\n  useCallback,\n  ReactNode,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledAccordion } from \"./Styles\";\n\ninterface IAccordion {\n  /** Children type of node or string */\n  children: ReactNodeArray;\n  /** ClassName */\n  className?: string;\n  /** Could all items be collapsed */\n  allowZeroExpanded?: boolean;\n  /** Could more than one item be expanded */\n  allowMultipleExpanded?: boolean;\n  /** Callback function that will be called with id of the accordion item that was clicked */\n  onChange?: (itemId: string) => void;\n  /** List of item id's that are expanded on initial render */\n  preExpanded?: string[];\n  /** Do not show the toggle icon in the AccordionItemHead component */\n  disableToggleIcon?: boolean;\n  /** Custom toggle icon to replace the default one */\n  customToggleIcon?: ReactNode;\n}\n\nexport interface IAccordionContextType {\n  expandedItems: string[];\n  toggleExpanded: (itemId: string) => void;\n  disableToggleIcon: boolean;\n  customToggleIcon: ReactNode;\n}\n\nexport const AccordionContext =\n  React.createContext<IAccordionContextType | null>(null);\n\nexport const Accordion: FC<IAccordion> = ({\n  children,\n  className,\n  allowMultipleExpanded = false,\n  allowZeroExpanded = false,\n  onChange,\n  preExpanded = [],\n  disableToggleIcon = false,\n  customToggleIcon,\n}) => {\n  const [expandedItems, setExpandedItems] = useState<string[]>(preExpanded);\n\n  const toggleExpandedCallback = useCallback(\n    (id: string) => {\n      setExpandedItems((prevExpanded: string[]) => {\n        if (prevExpanded.indexOf(id) > -1) {\n          if (!allowZeroExpanded && prevExpanded.length === 1) {\n            return prevExpanded;\n          }\n          return prevExpanded.filter((item: string) => {\n            return item !== id;\n          });\n        } else {\n          if (!allowMultipleExpanded) {\n            return [id];\n          }\n          return [...prevExpanded, id];\n        }\n      });\n      if (onChange) {\n        onChange(id);\n      }\n    },\n    [allowMultipleExpanded, allowZeroExpanded, onChange]\n  );\n\n  return (\n    <AccordionContext.Provider\n      value={{\n        expandedItems,\n        toggleExpanded: toggleExpandedCallback,\n        disableToggleIcon,\n        customToggleIcon,\n      }}\n    >\n      <StyledAccordion className={classnames(\"accordion\", className)}>\n        {children}\n      </StyledAccordion>\n    </AccordionContext.Provider>\n  );\n};\n\nAccordion.displayName = \"Accordion\";\n"],"file":"Accordion.js"}

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

@@ -0,0 +1,29 @@
+import React, { useContext, useMemo } from "react";
+import classnames from "classnames";
+import { AccordionContext } from "./Accordion";
+import { StyledAccordionItem } from "./Styles";
+export var ItemContext = /*#__PURE__*/React.createContext(null);
+export var AccordionItem = function AccordionItem(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      id = _ref.id;
+  var accordionContext = useContext(AccordionContext);
+  var itemId = useMemo(function () {
+    if (!id) {
+      var randomString = Math.random().toString(36).slice(2);
+      return "accordion-item-" + randomString;
+    }
+
+    return id;
+  }, [id]);
+  return /*#__PURE__*/React.createElement(ItemContext.Provider, {
+    value: {
+      isItemExpanded: accordionContext ? accordionContext.expandedItems.indexOf(itemId) > -1 : false,
+      id: itemId
+    }
+  }, /*#__PURE__*/React.createElement(StyledAccordionItem, {
+    className: classnames("accordionItem", className)
+  }, children));
+};
+AccordionItem.displayName = "AccordionItem";
+//# sourceMappingURL=AccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":["React","useContext","useMemo","classnames","AccordionContext","StyledAccordionItem","ItemContext","createContext","AccordionItem","children","className","id","accordionContext","itemId","randomString","Math","random","toString","slice","isItemExpanded","expandedItems","indexOf","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,OAA3C,QAA0D,OAA1D;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,aAAjC;AACA,SAASC,mBAAT,QAAoC,UAApC;AAgBA,OAAO,IAAMC,WAAW,gBAAGN,KAAK,CAACO,aAAN,CAAoB,IAApB,CAApB;AAEP,OAAO,IAAMC,aAAiC,GAAG,SAApCA,aAAoC,OAI3C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,EACI,QADJA,EACI;AACJ,MAAMC,gBAAgB,GAAGX,UAAU,CAACG,gBAAD,CAAnC;AAEA,MAAMS,MAAM,GAAGX,OAAO,CAAC,YAAM;AAC3B,QAAI,CAACS,EAAL,EAAS;AACP,UAAMG,YAAY,GAAGC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAArB;AACA,iCAAyBJ,YAAzB;AACD;;AACD,WAAOH,EAAP;AACD,GANqB,EAMnB,CAACA,EAAD,CANmB,CAAtB;AAQA,sBACE,oBAAC,WAAD,CAAa,QAAb;AACE,IAAA,KAAK,EAAE;AACLQ,MAAAA,cAAc,EAAEP,gBAAgB,GAC5BA,gBAAgB,CAACQ,aAAjB,CAA+BC,OAA/B,CAAuCR,MAAvC,IAAiD,CAAC,CADtB,GAE5B,KAHC;AAILF,MAAAA,EAAE,EAAEE;AAJC;AADT,kBAQE,oBAAC,mBAAD;AAAqB,IAAA,SAAS,EAAEV,UAAU,CAAC,eAAD,EAAkBO,SAAlB;AAA1C,KACGD,QADH,CARF,CADF;AAcD,CA7BM;AA+BPD,aAAa,CAACc,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC, ReactNode, useContext, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { AccordionContext } from \"./Accordion\";\nimport { StyledAccordionItem } from \"./Styles\";\n\ninterface IAccordionItem {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** ClassName */\n  className?: string;\n  /** Id of the accordion item */\n  id?: string;\n}\n\nexport interface IItemContext {\n  isItemExpanded: boolean;\n  id: string;\n}\n\nexport const ItemContext = React.createContext(null as IItemContext | null);\n\nexport const AccordionItem: FC<IAccordionItem> = ({\n  children,\n  className,\n  id,\n}) => {\n  const accordionContext = useContext(AccordionContext);\n\n  const itemId = useMemo(() => {\n    if (!id) {\n      const randomString = Math.random().toString(36).slice(2);\n      return `accordion-item-${randomString}`;\n    }\n    return id;\n  }, [id]);\n\n  return (\n    <ItemContext.Provider\n      value={{\n        isItemExpanded: accordionContext\n          ? accordionContext.expandedItems.indexOf(itemId) > -1\n          : false,\n        id: itemId,\n      }}\n    >\n      <StyledAccordionItem className={classnames(\"accordionItem\", className)}>\n        {children}\n      </StyledAccordionItem>\n    </ItemContext.Provider>\n  );\n};\n\nAccordionItem.displayName = \"AccordionItem\";\n"],"file":"AccordionItem.js"}

package/dist/esm/components/Accordion/AccordionItemBody.js

@@ -0,0 +1,45 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext, useRef } from "react";
+import classnames from "classnames";
+import { Transition } from "react-transition-group";
+import { ItemContext } from "./AccordionItem";
+import useHeight from "../../hooks/useHeight";
+import { StyledAccordionItemBody } from "./Styles";
+export var AccordionItemBody = function AccordionItemBody(_ref) {
+  var children = _ref.children,
+      className = _ref.className;
+  var itemContext = useContext(ItemContext);
+  var divRef = useRef(null);
+  var duration = 200;
+  var height = useHeight(divRef);
+  var defaultStyle = {
+    transition: "max-height " + duration + "ms linear",
+    maxHeight: 0
+  };
+  var transitionStyles = {
+    entering: {
+      maxHeight: height
+    },
+    entered: {
+      maxHeight: height
+    },
+    exiting: {
+      maxHeight: 0
+    },
+    exited: {
+      maxHeight: 0
+    }
+  };
+  return /*#__PURE__*/React.createElement(Transition, {
+    timeout: 200,
+    in: itemContext == null ? void 0 : itemContext.isItemExpanded
+  }, function (state) {
+    return /*#__PURE__*/React.createElement(StyledAccordionItemBody, {
+      ref: divRef,
+      className: classnames("accordionItemBody", className),
+      style: _extends({}, defaultStyle, transitionStyles[state])
+    }, children);
+  });
+};
+AccordionItemBody.displayName = "AccordionItemBody";
+//# sourceMappingURL=AccordionItemBody.js.map

package/dist/esm/components/Accordion/AccordionItemBody.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"names":["React","useContext","useRef","classnames","Transition","ItemContext","useHeight","StyledAccordionItemBody","AccordionItemBody","children","className","itemContext","divRef","duration","height","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","isItemExpanded","state","displayName"],"mappings":";AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,MAA3C,QAAuE,OAAvE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,wBAA3B;AACA,SAASC,WAAT,QAA0C,iBAA1C;AACA,OAAOC,SAAP,MAAsB,uBAAtB;AACA,SAASC,uBAAT,QAAwC,UAAxC;AASA,OAAO,IAAMC,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,WAAW,GAAGV,UAAU,CAAsBI,WAAtB,CAA9B;AACA,MAAMO,MAAM,GAAGV,MAAM,CAAC,IAAD,CAArB;AACA,MAAMW,QAAQ,GAAG,GAAjB;AACA,MAAMC,MAAM,GAAGR,SAAS,CAACM,MAAD,CAAxB;AAEA,MAAMG,YAAY,GAAG;AACnBC,IAAAA,UAAU,kBAAgBH,QAAhB,cADS;AAEnBI,IAAAA,SAAS,EAAE;AAFQ,GAArB;AAKA,MAAMC,gBAAgB,GAAG;AACvBC,IAAAA,QAAQ,EAAE;AAAEF,MAAAA,SAAS,EAAEH;AAAb,KADa;AAEvBM,IAAAA,OAAO,EAAE;AAAEH,MAAAA,SAAS,EAAEH;AAAb,KAFc;AAGvBO,IAAAA,OAAO,EAAE;AAAEJ,MAAAA,SAAS,EAAE;AAAb,KAHc;AAIvBK,IAAAA,MAAM,EAAE;AAAEL,MAAAA,SAAS,EAAE;AAAb;AAJe,GAAzB;AAOA,sBACE,oBAAC,UAAD;AAAY,IAAA,OAAO,EAAE,GAArB;AAA0B,IAAA,EAAE,EAAEN,WAAF,oBAAEA,WAAW,CAAEY;AAA3C,KACG,UAACC,KAAD;AAAA,wBACC,oBAAC,uBAAD;AACE,MAAA,GAAG,EAAEZ,MADP;AAEE,MAAA,SAAS,EAAET,UAAU,CAAC,mBAAD,EAAsBO,SAAtB,CAFvB;AAGE,MAAA,KAAK,eACAK,YADA,EAEAG,gBAAgB,CAACM,KAAD,CAFhB;AAHP,OAQGf,QARH,CADD;AAAA,GADH,CADF;AAgBD,CArCM;AAuCPD,iBAAiB,CAACiB,WAAlB,GAAgC,mBAAhC","sourcesContent":["import React, { ReactNode, FC, useContext, useRef, ReactElement } from \"react\";\nimport classnames from \"classnames\";\nimport { Transition } from \"react-transition-group\";\nimport { ItemContext, IItemContext } from \"./AccordionItem\";\nimport useHeight from \"../../hooks/useHeight\";\nimport { StyledAccordionItemBody } from \"./Styles\";\n\ninterface IAccordionItemBody {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** ClassName */\n  className?: string;\n}\n\nexport const AccordionItemBody: FC<IAccordionItemBody> = ({\n  children,\n  className,\n}) => {\n  const itemContext = useContext<IItemContext | null>(ItemContext);\n  const divRef = useRef(null);\n  const duration = 200;\n  const height = useHeight(divRef);\n\n  const defaultStyle = {\n    transition: `max-height ${duration}ms linear`,\n    maxHeight: 0,\n  };\n\n  const transitionStyles = {\n    entering: { maxHeight: height },\n    entered: { maxHeight: height },\n    exiting: { maxHeight: 0 },\n    exited: { maxHeight: 0 },\n  };\n\n  return (\n    <Transition timeout={200} in={itemContext?.isItemExpanded}>\n      {(state): ReactElement => (\n        <StyledAccordionItemBody\n          ref={divRef}\n          className={classnames(\"accordionItemBody\", className)}\n          style={{\n            ...defaultStyle,\n            ...transitionStyles[state],\n          }}\n        >\n          {children}\n        </StyledAccordionItemBody>\n      )}\n    </Transition>\n  );\n};\n\nAccordionItemBody.displayName = \"AccordionItemBody\";\n"],"file":"AccordionItemBody.js"}

package/dist/esm/components/Accordion/AccordionItemHead.js

@@ -0,0 +1,49 @@
+import React, { useContext, useCallback, useMemo } from "react";
+import classnames from "classnames";
+import { ItemContext } from "./AccordionItem";
+import { AccordionContext } from "./Accordion";
+import CollapseExpandSingleIcon from "../Icons/collection/CollapseExpandSingle";
+import { StyledAccordionItemHead, StyledAccordionItemHeadText, StyledAccordionItemHeadIcon } from "./Styles";
+export var AccordionItemHead = function AccordionItemHead(_ref) {
+  var children = _ref.children,
+      className = _ref.className;
+  var accordionContext = useContext(AccordionContext);
+  var itemContext = useContext(ItemContext);
+
+  var _useMemo = useMemo(function () {
+    return {
+      toggleExpanded: accordionContext ? accordionContext.toggleExpanded : null,
+      disableToggleIcon: accordionContext ? accordionContext.disableToggleIcon : false,
+      customToggleIcon: accordionContext ? accordionContext.customToggleIcon : null
+    };
+  }, [accordionContext]),
+      toggleExpanded = _useMemo.toggleExpanded,
+      disableToggleIcon = _useMemo.disableToggleIcon,
+      customToggleIcon = _useMemo.customToggleIcon;
+
+  var id = useMemo(function () {
+    return itemContext ? itemContext.id : "";
+  }, [itemContext]);
+  var onClickCallback = useCallback(function () {
+    if (toggleExpanded) {
+      toggleExpanded(id);
+    }
+  }, [id, toggleExpanded]);
+  var toggleIcon = useMemo(function () {
+    return customToggleIcon ? customToggleIcon : /*#__PURE__*/React.createElement(CollapseExpandSingleIcon, {
+      style: {
+        transform: "rotate(180deg)"
+      }
+    });
+  }, [customToggleIcon]);
+  return /*#__PURE__*/React.createElement(StyledAccordionItemHead, {
+    onClick: onClickCallback,
+    className: classnames("accordionItemHead", className)
+  }, /*#__PURE__*/React.createElement(StyledAccordionItemHeadText, {
+    className: "accordionItemHead__text"
+  }, children), /*#__PURE__*/React.createElement(StyledAccordionItemHeadIcon, {
+    className: "accordionItemHead__icon"
+  }, !disableToggleIcon ? toggleIcon : null));
+};
+AccordionItemHead.displayName = "AccordionItemHead";
+//# sourceMappingURL=AccordionItemHead.js.map

package/dist/esm/components/Accordion/AccordionItemHead.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemHead.tsx"],"names":["React","useContext","useCallback","useMemo","classnames","ItemContext","AccordionContext","CollapseExpandSingleIcon","StyledAccordionItemHead","StyledAccordionItemHeadText","StyledAccordionItemHeadIcon","AccordionItemHead","children","className","accordionContext","itemContext","toggleExpanded","disableToggleIcon","customToggleIcon","id","onClickCallback","toggleIcon","transform","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAA+BC,UAA/B,EAA2CC,WAA3C,EAAwDC,OAAxD,QAAuE,OAAvE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,gBAAT,QAAiC,aAAjC;AACA,OAAOC,wBAAP,MAAqC,0CAArC;AACA,SACEC,uBADF,EAEEC,2BAFF,EAGEC,2BAHF,QAIO,UAJP;AAaA,OAAO,IAAMC,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,gBAAgB,GAAGb,UAAU,CAACK,gBAAD,CAAnC;AACA,MAAMS,WAAW,GAAGd,UAAU,CAACI,WAAD,CAA9B;;AAEA,iBACEF,OAAO,CAAC,YAAM;AACZ,WAAO;AACLa,MAAAA,cAAc,EAAEF,gBAAgB,GAC5BA,gBAAgB,CAACE,cADW,GAE5B,IAHC;AAILC,MAAAA,iBAAiB,EAAEH,gBAAgB,GAC/BA,gBAAgB,CAACG,iBADc,GAE/B,KANC;AAOLC,MAAAA,gBAAgB,EAAEJ,gBAAgB,GAC9BA,gBAAgB,CAACI,gBADa,GAE9B;AATC,KAAP;AAWD,GAZM,EAYJ,CAACJ,gBAAD,CAZI,CADT;AAAA,MAAQE,cAAR,YAAQA,cAAR;AAAA,MAAwBC,iBAAxB,YAAwBA,iBAAxB;AAAA,MAA2CC,gBAA3C,YAA2CA,gBAA3C;;AAeA,MAAMC,EAAE,GAAGhB,OAAO,CAAC;AAAA,WAAOY,WAAW,GAAGA,WAAW,CAACI,EAAf,GAAoB,EAAtC;AAAA,GAAD,EAA4C,CAACJ,WAAD,CAA5C,CAAlB;AAEA,MAAMK,eAAe,GAAGlB,WAAW,CAAC,YAAM;AACxC,QAAIc,cAAJ,EAAoB;AAClBA,MAAAA,cAAc,CAACG,EAAD,CAAd;AACD;AACF,GAJkC,EAIhC,CAACA,EAAD,EAAKH,cAAL,CAJgC,CAAnC;AAMA,MAAMK,UAAU,GAAGlB,OAAO,CACxB;AAAA,WACEe,gBAAgB,GACdA,gBADc,gBAGd,oBAAC,wBAAD;AAA0B,MAAA,KAAK,EAAE;AAAEI,QAAAA,SAAS,EAAE;AAAb;AAAjC,MAJJ;AAAA,GADwB,EAOxB,CAACJ,gBAAD,CAPwB,CAA1B;AAUA,sBACE,oBAAC,uBAAD;AACE,IAAA,OAAO,EAAEE,eADX;AAEE,IAAA,SAAS,EAAEhB,UAAU,CAAC,mBAAD,EAAsBS,SAAtB;AAFvB,kBAIE,oBAAC,2BAAD;AAA6B,IAAA,SAAS,EAAC;AAAvC,KACGD,QADH,CAJF,eAOE,oBAAC,2BAAD;AAA6B,IAAA,SAAS,EAAC;AAAvC,KACG,CAACK,iBAAD,GAAqBI,UAArB,GAAkC,IADrC,CAPF,CADF;AAaD,CArDM;AAuDPV,iBAAiB,CAACY,WAAlB,GAAgC,mBAAhC","sourcesContent":["import React, { ReactNode, FC, useContext, useCallback, useMemo } from \"react\";\nimport classnames from \"classnames\";\nimport { ItemContext } from \"./AccordionItem\";\nimport { AccordionContext } from \"./Accordion\";\nimport CollapseExpandSingleIcon from \"../Icons/collection/CollapseExpandSingle\";\nimport {\n  StyledAccordionItemHead,\n  StyledAccordionItemHeadText,\n  StyledAccordionItemHeadIcon,\n} from \"./Styles\";\n\ninterface IAccordionItemHead {\n  /** Children type of node or string */\n  children: ReactNode | string;\n  /** ClassName */\n  className?: string;\n}\n\nexport const AccordionItemHead: FC<IAccordionItemHead> = ({\n  children,\n  className,\n}) => {\n  const accordionContext = useContext(AccordionContext);\n  const itemContext = useContext(ItemContext);\n\n  const { toggleExpanded, disableToggleIcon, customToggleIcon } =\n    useMemo(() => {\n      return {\n        toggleExpanded: accordionContext\n          ? accordionContext.toggleExpanded\n          : null,\n        disableToggleIcon: accordionContext\n          ? accordionContext.disableToggleIcon\n          : false,\n        customToggleIcon: accordionContext\n          ? accordionContext.customToggleIcon\n          : null,\n      };\n    }, [accordionContext]);\n\n  const id = useMemo(() => (itemContext ? itemContext.id : \"\"), [itemContext]);\n\n  const onClickCallback = useCallback(() => {\n    if (toggleExpanded) {\n      toggleExpanded(id);\n    }\n  }, [id, toggleExpanded]);\n\n  const toggleIcon = useMemo(\n    () =>\n      customToggleIcon ? (\n        customToggleIcon\n      ) : (\n        <CollapseExpandSingleIcon style={{ transform: \"rotate(180deg)\" }} />\n      ),\n    [customToggleIcon]\n  );\n\n  return (\n    <StyledAccordionItemHead\n      onClick={onClickCallback}\n      className={classnames(\"accordionItemHead\", className)}\n    >\n      <StyledAccordionItemHeadText className=\"accordionItemHead__text\">\n        {children}\n      </StyledAccordionItemHeadText>\n      <StyledAccordionItemHeadIcon className=\"accordionItemHead__icon\">\n        {!disableToggleIcon ? toggleIcon : null}\n      </StyledAccordionItemHeadIcon>\n    </StyledAccordionItemHead>\n  );\n};\n\nAccordionItemHead.displayName = \"AccordionItemHead\";\n"],"file":"AccordionItemHead.js"}

package/dist/esm/components/Accordion/Styles.js

@@ -0,0 +1,41 @@
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledAccordion = styled.div.withConfig({
+  displayName: "Styles__StyledAccordion",
+  componentId: "sc-h8w6zs-0"
+})(["", " ", " ", ""], {
+  "borderRadius": "0.5rem",
+  "overflow": "hidden",
+  "borderStyle": "solid",
+  "borderWidth": "1px",
+  "borderColor": "var(--border-primary)",
+  "borderBottomWidth": "0px"
+}, FontStyle, BoxSizingStyle);
+StyledAccordion.displayName = "StyledAccordion";
+export var StyledAccordionItem = styled.div.withConfig({
+  displayName: "Styles__StyledAccordionItem",
+  componentId: "sc-h8w6zs-1"
+})(["display:flex;flex-direction:column;background-color:var(--page-paper-main);border:1px solid transparent;border-bottom:1px solid var(--border-primary);overflow:hidden;", " ", ""], FontStyle, BoxSizingStyle);
+StyledAccordionItem.displayName = "StyledAccordionItem";
+export var StyledAccordionItemBody = styled.div.withConfig({
+  displayName: "Styles__StyledAccordionItemBody",
+  componentId: "sc-h8w6zs-2"
+})(["margin:0 16px;", " ", ""], FontStyle, BoxSizingStyle);
+StyledAccordionItemBody.displayName = "StyledAccordionItemHead";
+export var StyledAccordionItemHead = styled.div.withConfig({
+  displayName: "Styles__StyledAccordionItemHead",
+  componentId: "sc-h8w6zs-3"
+})(["user-select:none;padding:8px 16px;display:flex;flex-direction:row;justify-content:space-between;color:var(--color-theme-900);cursor:pointer;", " ", " .text{font-weight:bold;font-size:13px;}.icon{width:16px;height:16px;fill:currentColor;transform:translateY(-4px);}"], FontStyle, BoxSizingStyle);
+StyledAccordionItemHead.displayName = "StyledAccordionItemHead";
+export var StyledAccordionItemHeadText = styled.div.withConfig({
+  displayName: "Styles__StyledAccordionItemHeadText",
+  componentId: "sc-h8w6zs-4"
+})(["font-weight:bold;font-size:13px;"]);
+StyledAccordionItemHeadText.displayName = "StyledAccordionItemHeadText";
+export var StyledAccordionItemHeadIcon = styled.div.withConfig({
+  displayName: "Styles__StyledAccordionItemHeadIcon",
+  componentId: "sc-h8w6zs-5"
+})(["width:16px;height:16px;fill:currentColor;transform:translateY(-4px);"]);
+StyledAccordionItemHeadIcon.displayName = "StyledAccordionItemHeadIcon";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Accordion/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledAccordion","div","displayName","StyledAccordionItem","StyledAccordionItemBody","StyledAccordionItemHead","StyledAccordionItemHeadText","StyledAccordionItemHeadIcon"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,eAAe,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,uBACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADsB,EAExBF,SAFwB,EAGxBD,cAHwB,CAArB;AAMPE,eAAe,CAACE,WAAhB,GAA8B,iBAA9B;AAEA,OAAO,IAAMC,mBAAmB,GAAGN,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,wLAO5BF,SAP4B,EAQ5BD,cAR4B,CAAzB;AAWPK,mBAAmB,CAACD,WAApB,GAAkC,qBAAlC;AAEA,OAAO,IAAME,uBAAuB,GAAGP,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,gCAEhCF,SAFgC,EAGhCD,cAHgC,CAA7B;AAMPM,uBAAuB,CAACF,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMG,uBAAuB,GAAGR,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,iRAQhCF,SARgC,EAShCD,cATgC,CAA7B;AAsBPO,uBAAuB,CAACH,WAAxB,GAAsC,yBAAtC;AAEA,OAAO,IAAMI,2BAA2B,GAAGT,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,wCAAjC;AAKPK,2BAA2B,CAACJ,WAA5B,GAA0C,6BAA1C;AAEA,OAAO,IAAMK,2BAA2B,GAAGV,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,4EAAjC;AAOPM,2BAA2B,CAACL,WAA5B,GAA0C,6BAA1C","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledAccordion = styled.div`\n  ${tw`tw-rounded-lg tw-overflow-hidden tw-border-solid tw-border tw-border-border-primary tw-border-b-0`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordion.displayName = \"StyledAccordion\";\n\nexport const StyledAccordionItem = styled.div`\n  display: flex;\n  flex-direction: column;\n  background-color: var(--page-paper-main);\n  border: 1px solid transparent;\n  border-bottom: 1px solid var(--border-primary);\n  overflow: hidden;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordionItem.displayName = \"StyledAccordionItem\";\n\nexport const StyledAccordionItemBody = styled.div`\n  margin: 0 16px;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledAccordionItemBody.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHead = styled.div`\n  user-select: none;\n  padding: 8px 16px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  color: var(--color-theme-900);\n  cursor: pointer;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  .text {\n    font-weight: bold;\n    font-size: 13px;\n  }\n  .icon {\n    width: 16px;\n    height: 16px;\n    fill: currentColor;\n    transform: translateY(-4px);\n  }\n`;\n\nStyledAccordionItemHead.displayName = \"StyledAccordionItemHead\";\n\nexport const StyledAccordionItemHeadText = styled.div`\n  font-weight: bold;\n  font-size: 13px;\n`;\n\nStyledAccordionItemHeadText.displayName = \"StyledAccordionItemHeadText\";\n\nexport const StyledAccordionItemHeadIcon = styled.div`\n  width: 16px;\n  height: 16px;\n  fill: currentColor;\n  transform: translateY(-4px);\n`;\n\nStyledAccordionItemHeadIcon.displayName = \"StyledAccordionItemHeadIcon\";\n"],"file":"Styles.js"}

package/dist/esm/components/Accordion/index.js

@@ -0,0 +1,5 @@
+export * from "./Accordion";
+export * from "./AccordionItem";
+export * from "./AccordionItemHead";
+export * from "./AccordionItemBody";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd;AACA,cAAc,iBAAd;AACA,cAAc,qBAAd;AACA,cAAc,qBAAd","sourcesContent":["export * from \"./Accordion\";\nexport * from \"./AccordionItem\";\nexport * from \"./AccordionItemHead\";\nexport * from \"./AccordionItemBody\";\n"],"file":"index.js"}

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js

@@ -0,0 +1,84 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
+import React, { useState, useCallback, forwardRef, useRef, useEffect } from "react";
+import classnames from "classnames";
+import useForkRef from "../../utils/useForkRef";
+import { StyledAutoResizeTextarea } from "./Styles";
+export var AutoResizeTextarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$minRows = _ref.minRows,
+      minRows = _ref$minRows === void 0 ? 1 : _ref$minRows,
+      _ref$maxRows = _ref.maxRows,
+      maxRows = _ref$maxRows === void 0 ? 6 : _ref$maxRows,
+      _ref$lineHeight = _ref.lineHeight,
+      lineHeight = _ref$lineHeight === void 0 ? 18 : _ref$lineHeight,
+      onChange = _ref.onChange,
+      className = _ref.className,
+      _ref$preventNewRowOnE = _ref.preventNewRowOnEnter,
+      preventNewRowOnEnter = _ref$preventNewRowOnE === void 0 ? false : _ref$preventNewRowOnE,
+      _ref$cursorAtTextEnd = _ref.cursorAtTextEnd,
+      cursorAtTextEnd = _ref$cursorAtTextEnd === void 0 ? false : _ref$cursorAtTextEnd,
+      onKeyDown = _ref.onKeyDown,
+      value = _ref.value,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var innerRef = useRef(null);
+
+  var _useState = useState(minRows),
+      rows = _useState[0],
+      setRows = _useState[1];
+
+  var handleRef = useForkRef(ref, innerRef);
+  var calcRows = useCallback(function (elem) {
+    if (elem) {
+      var previousRows = elem.rows || minRows;
+      elem.rows = minRows;
+      var currentRows = Math.floor(elem.scrollHeight / lineHeight);
+
+      if (currentRows === previousRows) {
+        elem.rows = currentRows;
+      }
+
+      if (currentRows >= maxRows) {
+        elem.rows = maxRows;
+        elem.scrollTop = elem.scrollHeight;
+      }
+
+      setRows(currentRows < maxRows ? currentRows : maxRows);
+    }
+  }, [lineHeight, maxRows, minRows]);
+  useEffect(function () {
+    calcRows(innerRef.current);
+  }, [value, calcRows]);
+  var handleOnChange = useCallback(function (e) {
+    calcRows(e.target);
+    typeof onChange === "function" && onChange(e);
+  }, [onChange, calcRows]);
+  var handleFocus = useCallback(function (e) {
+    if (cursorAtTextEnd) {
+      e.target.setSelectionRange(e.target.value.length, e.target.value.length);
+    }
+  }, [cursorAtTextEnd]);
+  var handleTextAreaKeyDown = useCallback(function (e) {
+    if (preventNewRowOnEnter && e.key === "Enter") {
+      e.preventDefault();
+    }
+
+    typeof onKeyDown === "function" && onKeyDown(e);
+  }, [preventNewRowOnEnter, onKeyDown]);
+  return /*#__PURE__*/React.createElement(StyledAutoResizeTextarea, _extends({}, rest, {
+    value: value,
+    ref: handleRef,
+    onChange: handleOnChange,
+    onKeyDown: handleTextAreaKeyDown,
+    onFocus: handleFocus,
+    rows: rows,
+    className: classnames("c-autoresizetextarea", className),
+    style: {
+      minHeight: lineHeight + "px",
+      lineHeight: lineHeight + "px"
+    }
+  }));
+});
+AutoResizeTextarea.displayName = "AutoResizeTextarea";
+//# sourceMappingURL=AutoResizeTextarea.js.map

package/dist/esm/components/AutoResizeTextarea/AutoResizeTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"names":["React","useState","useCallback","forwardRef","useRef","useEffect","classnames","useForkRef","StyledAutoResizeTextarea","AutoResizeTextarea","ref","minRows","maxRows","lineHeight","onChange","className","preventNewRowOnEnter","cursorAtTextEnd","onKeyDown","value","rest","innerRef","rows","setRows","handleRef","calcRows","elem","previousRows","currentRows","Math","floor","scrollHeight","scrollTop","current","handleOnChange","e","target","handleFocus","setSelectionRange","length","handleTextAreaKeyDown","key","preventDefault","minHeight","displayName"],"mappings":"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","sourcesContent":["import React, {\n  TextareaHTMLAttributes,\n  useState,\n  useCallback,\n  ChangeEvent,\n  KeyboardEvent,\n  FocusEvent,\n  Ref,\n  forwardRef,\n  useRef,\n  useEffect,\n} from \"react\";\nimport classnames from \"classnames\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledAutoResizeTextarea } from \"./Styles\";\n\ninterface IAutoResizeTextarea {\n  minRows?: number;\n  maxRows?: number;\n  lineHeight?: number;\n  preventNewRowOnEnter?: boolean;\n  cursorAtTextEnd?: boolean;\n  value?: string;\n}\n\nexport const AutoResizeTextarea = forwardRef(\n  (\n    {\n      minRows = 1,\n      maxRows = 6,\n      lineHeight = 18,\n      onChange,\n      className,\n      preventNewRowOnEnter = false,\n      cursorAtTextEnd = false,\n      onKeyDown,\n      value,\n      ...rest\n    }: IAutoResizeTextarea & TextareaHTMLAttributes<HTMLTextAreaElement>,\n    ref: Ref<HTMLTextAreaElement> | null | undefined\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    const [rows, setRows] = useState(minRows);\n\n    const handleRef = useForkRef(ref, innerRef);\n\n    const calcRows = useCallback(\n      (elem: HTMLTextAreaElement | null) => {\n        if (elem) {\n          const previousRows = elem.rows || minRows;\n\n          elem.rows = minRows;\n          const currentRows = Math.floor(elem.scrollHeight / lineHeight);\n\n          if (currentRows === previousRows) {\n            elem.rows = currentRows;\n          }\n\n          if (currentRows >= maxRows) {\n            elem.rows = maxRows;\n            elem.scrollTop = elem.scrollHeight;\n          }\n\n          setRows(currentRows < maxRows ? currentRows : maxRows);\n        }\n      },\n      [lineHeight, maxRows, minRows]\n    );\n\n    useEffect(() => {\n      calcRows(innerRef.current);\n    }, [value, calcRows]);\n\n    const handleOnChange = useCallback(\n      (e: ChangeEvent<HTMLTextAreaElement>) => {\n        calcRows(e.target);\n        typeof onChange === \"function\" && onChange(e);\n      },\n      [onChange, calcRows]\n    );\n\n    const handleFocus = useCallback(\n      (e: FocusEvent<HTMLTextAreaElement>) => {\n        if (cursorAtTextEnd) {\n          e.target.setSelectionRange(\n            e.target.value.length,\n            e.target.value.length\n          );\n        }\n      },\n      [cursorAtTextEnd]\n    );\n\n    const handleTextAreaKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLTextAreaElement>) => {\n        if (preventNewRowOnEnter && e.key === \"Enter\") {\n          e.preventDefault();\n        }\n        typeof onKeyDown === \"function\" && onKeyDown(e);\n      },\n      [preventNewRowOnEnter, onKeyDown]\n    );\n\n    return (\n      <StyledAutoResizeTextarea\n        {...rest}\n        value={value}\n        ref={handleRef}\n        onChange={handleOnChange}\n        onKeyDown={handleTextAreaKeyDown}\n        onFocus={handleFocus}\n        rows={rows}\n        className={classnames(\"c-autoresizetextarea\", className)}\n        style={{\n          minHeight: `${lineHeight}px`,\n          lineHeight: `${lineHeight}px`,\n        }}\n      />\n    );\n  }\n);\n\nAutoResizeTextarea.displayName = \"AutoResizeTextarea\";\n"],"file":"AutoResizeTextarea.js"}

package/dist/esm/components/AutoResizeTextarea/Styles.js

@@ -0,0 +1,8 @@
+import styled from "styled-components";
+import { Textarea } from "../Textarea";
+export var StyledAutoResizeTextarea = styled(Textarea).withConfig({
+  displayName: "Styles__StyledAutoResizeTextarea",
+  componentId: "sc-jg98vj-0"
+})(["white-space:pre-wrap;overflow-wrap:break-word;resize:none;"]);
+StyledAutoResizeTextarea.displayName = "StyledAutoResizeTextarea";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/AutoResizeTextarea/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AutoResizeTextarea/Styles.ts"],"names":["styled","Textarea","StyledAutoResizeTextarea","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,QAAT,QAAyB,aAAzB;AAEA,OAAO,IAAMC,wBAAwB,GAAGF,MAAM,CAACC,QAAD,CAAT;AAAA;AAAA;AAAA,kEAA9B;AAMPC,wBAAwB,CAACC,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled from \"styled-components\";\nimport { Textarea } from \"../Textarea\";\n\nexport const StyledAutoResizeTextarea = styled(Textarea)`\n  white-space: pre-wrap;\n  overflow-wrap: break-word;\n  resize: none;\n`;\n\nStyledAutoResizeTextarea.displayName = \"StyledAutoResizeTextarea\";\n"],"file":"Styles.js"}

package/dist/esm/components/AutoResizeTextarea/index.js

@@ -0,0 +1,2 @@
+export * from "./AutoResizeTextarea";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/AutoResizeTextarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AutoResizeTextarea/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAd","sourcesContent":["export * from \"./AutoResizeTextarea\";\n"],"file":"index.js"}