@activecollab/components 1.0.4 → 1.0.8

package/dist/cjs/components/Accordion/Accordion.js

@@ -0,0 +1,102 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionContext = exports.Accordion = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var AccordionContext = /*#__PURE__*/_react.default.createContext(null);
+
+exports.AccordionContext = AccordionContext;
+
+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 = (0, _react.useState)(preExpanded),
+      _useState2 = _slicedToArray(_useState, 2),
+      expandedItems = _useState2[0],
+      setExpandedItems = _useState2[1];
+
+  var toggleExpandedCallback = (0, _react.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(_toConsumableArray(prevExpanded), [id]);
+      }
+    });
+
+    if (onChange) {
+      onChange(id);
+    }
+  }, [allowMultipleExpanded, allowZeroExpanded, onChange]);
+  return /*#__PURE__*/_react.default.createElement(AccordionContext.Provider, {
+    value: {
+      expandedItems: expandedItems,
+      toggleExpanded: toggleExpandedCallback,
+      disableToggleIcon: disableToggleIcon,
+      customToggleIcon: customToggleIcon
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledAccordion, {
+    className: (0, _classnames.default)("accordion", className)
+  }, children));
+};
+
+exports.Accordion = Accordion;
+Accordion.displayName = "Accordion";
+//# sourceMappingURL=Accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":["AccordionContext","React","createContext","Accordion","children","className","allowMultipleExpanded","allowZeroExpanded","onChange","preExpanded","disableToggleIcon","customToggleIcon","expandedItems","setExpandedItems","toggleExpandedCallback","id","prevExpanded","indexOf","length","filter","item","toggleExpanded","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,IAAMA,gBAAgB,gBAC3BC,eAAMC,aAAN,CAAkD,IAAlD,CADK;;;;AAGA,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,kBAA0C,qBAAmBF,WAAnB,CAA1C;AAAA;AAAA,MAAOG,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,sBAAsB,GAAG,wBAC7B,UAACC,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,4CAAWC,YAAX,IAAyBD,EAAzB;AACD;AACF,KAde,CAAhB;;AAeA,QAAIP,QAAJ,EAAc;AACZA,MAAAA,QAAQ,CAACO,EAAD,CAAR;AACD;AACF,GApB4B,EAqB7B,CAACT,qBAAD,EAAwBC,iBAAxB,EAA2CC,QAA3C,CArB6B,CAA/B;AAwBA,sBACE,6BAAC,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,6BAAC,uBAAD;AAAiB,IAAA,SAAS,EAAE,yBAAW,WAAX,EAAwBN,SAAxB;AAA5B,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/cjs/components/Accordion/AccordionItem.js

@@ -0,0 +1,53 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ItemContext = exports.AccordionItem = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Accordion = require("./Accordion");
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ItemContext = /*#__PURE__*/_react.default.createContext(null);
+
+exports.ItemContext = ItemContext;
+
+var AccordionItem = function AccordionItem(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      id = _ref.id;
+  var accordionContext = (0, _react.useContext)(_Accordion.AccordionContext);
+  var itemId = (0, _react.useMemo)(function () {
+    if (!id) {
+      var randomString = Math.random().toString(36).slice(2);
+      return "accordion-item-".concat(randomString);
+    }
+
+    return id;
+  }, [id]);
+  return /*#__PURE__*/_react.default.createElement(ItemContext.Provider, {
+    value: {
+      isItemExpanded: accordionContext ? accordionContext.expandedItems.indexOf(itemId) > -1 : false,
+      id: itemId
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledAccordionItem, {
+    className: (0, _classnames.default)("accordionItem", className)
+  }, children));
+};
+
+exports.AccordionItem = AccordionItem;
+AccordionItem.displayName = "AccordionItem";
+//# sourceMappingURL=AccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":["ItemContext","React","createContext","AccordionItem","children","className","id","accordionContext","AccordionContext","itemId","randomString","Math","random","toString","slice","isItemExpanded","expandedItems","indexOf","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAgBO,IAAMA,WAAW,gBAAGC,eAAMC,aAAN,CAAoB,IAApB,CAApB;;;;AAEA,IAAMC,aAAiC,GAAG,SAApCA,aAAoC,OAI3C;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,EACI,QADJA,EACI;AACJ,MAAMC,gBAAgB,GAAG,uBAAWC,2BAAX,CAAzB;AAEA,MAAMC,MAAM,GAAG,oBAAQ,YAAM;AAC3B,QAAI,CAACH,EAAL,EAAS;AACP,UAAMI,YAAY,GAAGC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,KAA3B,CAAiC,CAAjC,CAArB;AACA,sCAAyBJ,YAAzB;AACD;;AACD,WAAOJ,EAAP;AACD,GANc,EAMZ,CAACA,EAAD,CANY,CAAf;AAQA,sBACE,6BAAC,WAAD,CAAa,QAAb;AACE,IAAA,KAAK,EAAE;AACLS,MAAAA,cAAc,EAAER,gBAAgB,GAC5BA,gBAAgB,CAACS,aAAjB,CAA+BC,OAA/B,CAAuCR,MAAvC,IAAiD,CAAC,CADtB,GAE5B,KAHC;AAILH,MAAAA,EAAE,EAAEG;AAJC;AADT,kBAQE,6BAAC,2BAAD;AAAqB,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BJ,SAA5B;AAAhC,KACGD,QADH,CARF,CADF;AAcD,CA7BM;;;AA+BPD,aAAa,CAACe,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/cjs/components/Accordion/AccordionItemBody.js

@@ -0,0 +1,73 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItemBody = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _AccordionItem = require("./AccordionItem");
+
+var _useHeight = _interopRequireDefault(require("../../hooks/useHeight"));
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var AccordionItemBody = function AccordionItemBody(_ref) {
+  var children = _ref.children,
+      className = _ref.className;
+  var itemContext = (0, _react.useContext)(_AccordionItem.ItemContext);
+  var divRef = (0, _react.useRef)(null);
+  var duration = 200;
+  var height = (0, _useHeight.default)(divRef);
+  var defaultStyle = {
+    transition: "max-height ".concat(duration, "ms linear"),
+    maxHeight: 0
+  };
+  var transitionStyles = {
+    entering: {
+      maxHeight: height
+    },
+    entered: {
+      maxHeight: height
+    },
+    exiting: {
+      maxHeight: 0
+    },
+    exited: {
+      maxHeight: 0
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+    timeout: 200,
+    in: itemContext === null || itemContext === void 0 ? void 0 : itemContext.isItemExpanded
+  }, function (state) {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledAccordionItemBody, {
+      ref: divRef,
+      className: (0, _classnames.default)("accordionItemBody", className),
+      style: _objectSpread(_objectSpread({}, defaultStyle), transitionStyles[state])
+    }, children);
+  });
+};
+
+exports.AccordionItemBody = AccordionItemBody;
+AccordionItemBody.displayName = "AccordionItemBody";
+//# sourceMappingURL=AccordionItemBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemBody.tsx"],"names":["AccordionItemBody","children","className","itemContext","ItemContext","divRef","duration","height","defaultStyle","transition","maxHeight","transitionStyles","entering","entered","exiting","exited","isItemExpanded","state","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AASO,IAAMA,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,WAAW,GAAG,uBAAgCC,0BAAhC,CAApB;AACA,MAAMC,MAAM,GAAG,mBAAO,IAAP,CAAf;AACA,MAAMC,QAAQ,GAAG,GAAjB;AACA,MAAMC,MAAM,GAAG,wBAAUF,MAAV,CAAf;AAEA,MAAMG,YAAY,GAAG;AACnBC,IAAAA,UAAU,uBAAgBH,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,6BAAC,gCAAD;AAAY,IAAA,OAAO,EAAE,GAArB;AAA0B,IAAA,EAAE,EAAEP,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAEa;AAA3C,KACG,UAACC,KAAD;AAAA,wBACC,6BAAC,+BAAD;AACE,MAAA,GAAG,EAAEZ,MADP;AAEE,MAAA,SAAS,EAAE,yBAAW,mBAAX,EAAgCH,SAAhC,CAFb;AAGE,MAAA,KAAK,kCACAM,YADA,GAEAG,gBAAgB,CAACM,KAAD,CAFhB;AAHP,OAQGhB,QARH,CADD;AAAA,GADH,CADF;AAgBD,CArCM;;;AAuCPD,iBAAiB,CAACkB,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/cjs/components/Accordion/AccordionItemHead.js

@@ -0,0 +1,72 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItemHead = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _AccordionItem = require("./AccordionItem");
+
+var _Accordion = require("./Accordion");
+
+var _CollapseExpandSingle = _interopRequireDefault(require("../Icons/collection/CollapseExpandSingle"));
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var AccordionItemHead = function AccordionItemHead(_ref) {
+  var children = _ref.children,
+      className = _ref.className;
+  var accordionContext = (0, _react.useContext)(_Accordion.AccordionContext);
+  var itemContext = (0, _react.useContext)(_AccordionItem.ItemContext);
+
+  var _useMemo = (0, _react.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 = (0, _react.useMemo)(function () {
+    return itemContext ? itemContext.id : "";
+  }, [itemContext]);
+  var onClickCallback = (0, _react.useCallback)(function () {
+    if (toggleExpanded) {
+      toggleExpanded(id);
+    }
+  }, [id, toggleExpanded]);
+  var toggleIcon = (0, _react.useMemo)(function () {
+    return customToggleIcon ? customToggleIcon : /*#__PURE__*/_react.default.createElement(_CollapseExpandSingle.default, {
+      style: {
+        transform: "rotate(180deg)"
+      }
+    });
+  }, [customToggleIcon]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledAccordionItemHead, {
+    onClick: onClickCallback,
+    className: (0, _classnames.default)("accordionItemHead", className)
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledAccordionItemHeadText, {
+    className: "accordionItemHead__text"
+  }, children), /*#__PURE__*/_react.default.createElement(_Styles.StyledAccordionItemHeadIcon, {
+    className: "accordionItemHead__icon"
+  }, !disableToggleIcon ? toggleIcon : null));
+};
+
+exports.AccordionItemHead = AccordionItemHead;
+AccordionItemHead.displayName = "AccordionItemHead";
+//# sourceMappingURL=AccordionItemHead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/AccordionItemHead.tsx"],"names":["AccordionItemHead","children","className","accordionContext","AccordionContext","itemContext","ItemContext","toggleExpanded","disableToggleIcon","customToggleIcon","id","onClickCallback","toggleIcon","transform","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAaO,IAAMA,iBAAyC,GAAG,SAA5CA,iBAA4C,OAGnD;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,SACI,QADJA,SACI;AACJ,MAAMC,gBAAgB,GAAG,uBAAWC,2BAAX,CAAzB;AACA,MAAMC,WAAW,GAAG,uBAAWC,0BAAX,CAApB;;AAEA,iBACE,oBAAQ,YAAM;AACZ,WAAO;AACLC,MAAAA,cAAc,EAAEJ,gBAAgB,GAC5BA,gBAAgB,CAACI,cADW,GAE5B,IAHC;AAILC,MAAAA,iBAAiB,EAAEL,gBAAgB,GAC/BA,gBAAgB,CAACK,iBADc,GAE/B,KANC;AAOLC,MAAAA,gBAAgB,EAAEN,gBAAgB,GAC9BA,gBAAgB,CAACM,gBADa,GAE9B;AATC,KAAP;AAWD,GAZD,EAYG,CAACN,gBAAD,CAZH,CADF;AAAA,MAAQI,cAAR,YAAQA,cAAR;AAAA,MAAwBC,iBAAxB,YAAwBA,iBAAxB;AAAA,MAA2CC,gBAA3C,YAA2CA,gBAA3C;;AAeA,MAAMC,EAAE,GAAG,oBAAQ;AAAA,WAAOL,WAAW,GAAGA,WAAW,CAACK,EAAf,GAAoB,EAAtC;AAAA,GAAR,EAAmD,CAACL,WAAD,CAAnD,CAAX;AAEA,MAAMM,eAAe,GAAG,wBAAY,YAAM;AACxC,QAAIJ,cAAJ,EAAoB;AAClBA,MAAAA,cAAc,CAACG,EAAD,CAAd;AACD;AACF,GAJuB,EAIrB,CAACA,EAAD,EAAKH,cAAL,CAJqB,CAAxB;AAMA,MAAMK,UAAU,GAAG,oBACjB;AAAA,WACEH,gBAAgB,GACdA,gBADc,gBAGd,6BAAC,6BAAD;AAA0B,MAAA,KAAK,EAAE;AAAEI,QAAAA,SAAS,EAAE;AAAb;AAAjC,MAJJ;AAAA,GADiB,EAOjB,CAACJ,gBAAD,CAPiB,CAAnB;AAUA,sBACE,6BAAC,+BAAD;AACE,IAAA,OAAO,EAAEE,eADX;AAEE,IAAA,SAAS,EAAE,yBAAW,mBAAX,EAAgCT,SAAhC;AAFb,kBAIE,6BAAC,mCAAD;AAA6B,IAAA,SAAS,EAAC;AAAvC,KACGD,QADH,CAJF,eAOE,6BAAC,mCAAD;AAA6B,IAAA,SAAS,EAAC;AAAvC,KACG,CAACO,iBAAD,GAAqBI,UAArB,GAAkC,IADrC,CAPF,CADF;AAaD,CArDM;;;AAuDPZ,iBAAiB,CAACc,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/cjs/components/Accordion/Styles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledAccordionItemHeadText = exports.StyledAccordionItemHeadIcon = exports.StyledAccordionItemHead = exports.StyledAccordionItemBody = exports.StyledAccordionItem = exports.StyledAccordion = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _FontStyle = require("../FontStyle");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledAccordion = _styledComponents.default.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.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+
+exports.StyledAccordion = StyledAccordion;
+StyledAccordion.displayName = "StyledAccordion";
+
+var StyledAccordionItem = _styledComponents.default.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.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+
+exports.StyledAccordionItem = StyledAccordionItem;
+StyledAccordionItem.displayName = "StyledAccordionItem";
+
+var StyledAccordionItemBody = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledAccordionItemBody",
+  componentId: "sc-h8w6zs-2"
+})(["margin:0 16px;", " ", ""], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+
+exports.StyledAccordionItemBody = StyledAccordionItemBody;
+StyledAccordionItemBody.displayName = "StyledAccordionItemHead";
+
+var StyledAccordionItemHead = _styledComponents.default.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.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+
+exports.StyledAccordionItemHead = StyledAccordionItemHead;
+StyledAccordionItemHead.displayName = "StyledAccordionItemHead";
+
+var StyledAccordionItemHeadText = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledAccordionItemHeadText",
+  componentId: "sc-h8w6zs-4"
+})(["font-weight:bold;font-size:13px;"]);
+
+exports.StyledAccordionItemHeadText = StyledAccordionItemHeadText;
+StyledAccordionItemHeadText.displayName = "StyledAccordionItemHeadText";
+
+var StyledAccordionItemHeadIcon = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledAccordionItemHeadIcon",
+  componentId: "sc-h8w6zs-5"
+})(["width:16px;height:16px;fill:currentColor;transform:translateY(-4px);"]);
+
+exports.StyledAccordionItemHeadIcon = StyledAccordionItemHeadIcon;
+StyledAccordionItemHeadIcon.displayName = "StyledAccordionItemHeadIcon";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Accordion/Styles.ts"],"names":["StyledAccordion","styled","div","FontStyle","BoxSizingStyle","displayName","StyledAccordionItem","StyledAccordionItemBody","StyledAccordionItemHead","StyledAccordionItemHeadText","StyledAccordionItemHeadIcon"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;AAEO,IAAMA,eAAe,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,uBACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADsB,EAExBC,oBAFwB,EAGxBC,8BAHwB,CAArB;;;AAMPJ,eAAe,CAACK,WAAhB,GAA8B,iBAA9B;;AAEO,IAAMC,mBAAmB,GAAGL,0BAAOC,GAAV;AAAA;AAAA;AAAA,wLAO5BC,oBAP4B,EAQ5BC,8BAR4B,CAAzB;;;AAWPE,mBAAmB,CAACD,WAApB,GAAkC,qBAAlC;;AAEO,IAAME,uBAAuB,GAAGN,0BAAOC,GAAV;AAAA;AAAA;AAAA,gCAEhCC,oBAFgC,EAGhCC,8BAHgC,CAA7B;;;AAMPG,uBAAuB,CAACF,WAAxB,GAAsC,yBAAtC;;AAEO,IAAMG,uBAAuB,GAAGP,0BAAOC,GAAV;AAAA;AAAA;AAAA,iRAQhCC,oBARgC,EAShCC,8BATgC,CAA7B;;;AAsBPI,uBAAuB,CAACH,WAAxB,GAAsC,yBAAtC;;AAEO,IAAMI,2BAA2B,GAAGR,0BAAOC,GAAV;AAAA;AAAA;AAAA,wCAAjC;;;AAKPO,2BAA2B,CAACJ,WAA5B,GAA0C,6BAA1C;;AAEO,IAAMK,2BAA2B,GAAGT,0BAAOC,GAAV;AAAA;AAAA;AAAA,4EAAjC;;;AAOPQ,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/cjs/components/Accordion/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Accordion = require("./Accordion");
+
+Object.keys(_Accordion).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Accordion[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Accordion[key];
+    }
+  });
+});
+
+var _AccordionItem = require("./AccordionItem");
+
+Object.keys(_AccordionItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AccordionItem[key];
+    }
+  });
+});
+
+var _AccordionItemHead = require("./AccordionItemHead");
+
+Object.keys(_AccordionItemHead).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionItemHead[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AccordionItemHead[key];
+    }
+  });
+});
+
+var _AccordionItemBody = require("./AccordionItemBody");
+
+Object.keys(_AccordionItemBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AccordionItemBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AccordionItemBody[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/AutoResizeTextarea/AutoResizeTextarea.js

@@ -0,0 +1,122 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AutoResizeTextarea = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["minRows", "maxRows", "lineHeight", "onChange", "className", "preventNewRowOnEnter", "cursorAtTextEnd", "onKeyDown", "value"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+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; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var AutoResizeTextarea = /*#__PURE__*/(0, _react.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 = _objectWithoutProperties(_ref, _excluded);
+
+  var innerRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(minRows),
+      _useState2 = _slicedToArray(_useState, 2),
+      rows = _useState2[0],
+      setRows = _useState2[1];
+
+  var handleRef = (0, _useForkRef.default)(ref, innerRef);
+  var calcRows = (0, _react.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]);
+  (0, _react.useEffect)(function () {
+    calcRows(innerRef.current);
+  }, [value, calcRows]);
+  var handleOnChange = (0, _react.useCallback)(function (e) {
+    calcRows(e.target);
+    typeof onChange === "function" && onChange(e);
+  }, [onChange, calcRows]);
+  var handleFocus = (0, _react.useCallback)(function (e) {
+    if (cursorAtTextEnd) {
+      e.target.setSelectionRange(e.target.value.length, e.target.value.length);
+    }
+  }, [cursorAtTextEnd]);
+  var handleTextAreaKeyDown = (0, _react.useCallback)(function (e) {
+    if (preventNewRowOnEnter && e.key === "Enter") {
+      e.preventDefault();
+    }
+
+    typeof onKeyDown === "function" && onKeyDown(e);
+  }, [preventNewRowOnEnter, onKeyDown]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledAutoResizeTextarea, _extends({}, rest, {
+    value: value,
+    ref: handleRef,
+    onChange: handleOnChange,
+    onKeyDown: handleTextAreaKeyDown,
+    onFocus: handleFocus,
+    rows: rows,
+    className: (0, _classnames.default)("c-autoresizetextarea", className),
+    style: {
+      minHeight: "".concat(lineHeight, "px"),
+      lineHeight: "".concat(lineHeight, "px")
+    }
+  }));
+});
+exports.AutoResizeTextarea = AutoResizeTextarea;
+AutoResizeTextarea.displayName = "AutoResizeTextarea";
+//# sourceMappingURL=AutoResizeTextarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/AutoResizeTextarea/AutoResizeTextarea.tsx"],"names":["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"}