@activecollab/components 1.0.414 → 2.0.0

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -12,69 +11,49 @@ var _List = require("../List");
 var _IconButton = require("../IconButton");
 var _Icons = require("../Icons");
 var _Styles = require("./Styles");
-var _excluded = ["children", "className", "separator"];
-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 _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; }
+const _excluded = ["children", "className", "separator"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _dimensions$width, _childDimensions$widt;
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$separator = _ref.separator,
-    separator = _ref$separator === void 0 ? "/" : _ref$separator,
+const Breadcrumbs = exports.Breadcrumbs = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+  let {
+      children,
+      className,
+      separator = "/"
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var internalRef = (0, _react.useRef)(null);
-  var listWrapperRef = (0, _react.useRef)(null);
-  var olRef = (0, _react.useRef)(null);
-  var widthCollectionRef = (0, _react.useRef)([]);
-  var handleRef = (0, _utils.useForkRef)(ref, internalRef);
-  var _useState = (0, _react.useState)(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    menuBreadcrumbs = _useState2[0],
-    setMenuBreadcrumbs = _useState2[1];
-  var dimensions = (0, _utils.useResizeObserver)(internalRef);
-  var childDimensions = (0, _utils.useResizeObserver)(listWrapperRef);
-  var parentWidth = (_dimensions$width = dimensions === null || dimensions === void 0 ? void 0 : dimensions.width) !== null && _dimensions$width !== void 0 ? _dimensions$width : 0;
-  var childWidth = (_childDimensions$widt = childDimensions === null || childDimensions === void 0 ? void 0 : childDimensions.width) !== null && _childDimensions$widt !== void 0 ? _childDimensions$widt : 0;
-  var childrenCollection = (0, _react.useMemo)(function () {
-    return _react.default.Children.toArray(children);
-  }, [children]);
-  var _useMemo = (0, _react.useMemo)(function () {
-      return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
-    }, [childrenCollection, menuBreadcrumbs]),
-    _useMemo2 = _slicedToArray(_useMemo, 2),
-    menuCollection = _useMemo2[0],
-    listCollection = _useMemo2[1];
-  (0, _react.useEffect)(function () {
+  const internalRef = (0, _react.useRef)(null);
+  const listWrapperRef = (0, _react.useRef)(null);
+  const olRef = (0, _react.useRef)(null);
+  const widthCollectionRef = (0, _react.useRef)([]);
+  const handleRef = (0, _utils.useForkRef)(ref, internalRef);
+  const [menuBreadcrumbs, setMenuBreadcrumbs] = (0, _react.useState)(0);
+  const dimensions = (0, _utils.useResizeObserver)(internalRef);
+  const childDimensions = (0, _utils.useResizeObserver)(listWrapperRef);
+  const parentWidth = dimensions?.width ?? 0;
+  const childWidth = childDimensions?.width ?? 0;
+  const childrenCollection = (0, _react.useMemo)(() => _react.default.Children.toArray(children), [children]);
+  const [menuCollection, listCollection] = (0, _react.useMemo)(() => {
+    return [childrenCollection.slice(0, menuBreadcrumbs), childrenCollection.slice(menuBreadcrumbs, childrenCollection.length)];
+  }, [childrenCollection, menuBreadcrumbs]);
+  (0, _react.useEffect)(() => {
     widthCollectionRef.current = [];
     setMenuBreadcrumbs(0);
   }, [childrenCollection.length]);
-  (0, _react.useEffect)(function () {
-    var diffWidth = childWidth - parentWidth;
+  (0, _react.useEffect)(() => {
+    const diffWidth = childWidth - parentWidth;
     if (diffWidth > 0) {
-      var _offsetWidth, _olRef$current, _olRef$current$queryS, _olRef$current$queryS2, _olRef$current2, _breadcrumbItems$leng;
-      var separatorWidth = (_offsetWidth = (_olRef$current = olRef.current) === null || _olRef$current === void 0 ? void 0 : (_olRef$current$queryS = _olRef$current.querySelectorAll("[data-role=\"separator\"]")[0]) === null || _olRef$current$queryS === void 0 ? void 0 : _olRef$current$queryS.offsetWidth) !== null && _offsetWidth !== void 0 ? _offsetWidth : 0;
-      var breadcrumbItems = (_olRef$current$queryS2 = (_olRef$current2 = olRef.current) === null || _olRef$current2 === void 0 ? void 0 : _olRef$current2.querySelectorAll("[data-role=\"item\"]")) !== null && _olRef$current$queryS2 !== void 0 ? _olRef$current$queryS2 : [];
-      var childWidthCollection = [];
-      var maxIndex = ((_breadcrumbItems$leng = breadcrumbItems === null || breadcrumbItems === void 0 ? void 0 : breadcrumbItems.length) !== null && _breadcrumbItems$leng !== void 0 ? _breadcrumbItems$leng : 1) - 1;
-      var currentIndex = 0;
-      var childSumWidth = 0;
+      const separatorWidth = olRef.current?.querySelectorAll(`[data-role="separator"]`)[0]?.offsetWidth ?? 0;
+      const breadcrumbItems = olRef.current?.querySelectorAll(`[data-role="item"]`) ?? [];
+      const childWidthCollection = [];
+      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;
+      let currentIndex = 0;
+      let childSumWidth = 0;
       while (diffWidth > childSumWidth && maxIndex >= currentIndex) {
-        var _offsetWidth2, _breadcrumbItems$curr;
-        var _childWidth = (_offsetWidth2 = (_breadcrumbItems$curr = breadcrumbItems[currentIndex]) === null || _breadcrumbItems$curr === void 0 ? void 0 : _breadcrumbItems$curr.offsetWidth) !== null && _offsetWidth2 !== void 0 ? _offsetWidth2 : 0;
-        var result = separatorWidth + _childWidth;
+        const childWidth = breadcrumbItems[currentIndex]?.offsetWidth ?? 0;
+        const result = separatorWidth + childWidth;
         childWidthCollection.push(result);
         childSumWidth += result;
         currentIndex += 1;
@@ -82,34 +61,30 @@ var Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       if (childWidthCollection.length === listCollection.length) {
         childWidthCollection.pop();
       }
-      widthCollectionRef.current = [].concat(_toConsumableArray(widthCollectionRef.current), childWidthCollection);
-      setMenuBreadcrumbs(function (oldVal) {
-        return oldVal + childWidthCollection.length;
-      });
+      widthCollectionRef.current = [...widthCollectionRef.current, ...childWidthCollection];
+      setMenuBreadcrumbs(oldVal => oldVal + childWidthCollection.length);
     }
   }, [listCollection.length, parentWidth, childWidth]);
-  (0, _react.useEffect)(function () {
-    var diffWidth = parentWidth - childWidth;
+  (0, _react.useEffect)(() => {
+    const diffWidth = parentWidth - childWidth;
     if (diffWidth > 0 && widthCollectionRef.current.length > 0) {
-      var total = widthCollectionRef.current.length;
-      var collection = _toConsumableArray(widthCollectionRef.current);
-      var sumWidth = 0;
+      const total = widthCollectionRef.current.length;
+      const collection = [...widthCollectionRef.current];
+      let sumWidth = 0;
       while (diffWidth > sumWidth && collection.length > 0) {
-        var _collection;
-        var lastWidth = (_collection = collection[collection.length - 1]) !== null && _collection !== void 0 ? _collection : 0;
+        const lastWidth = collection[collection.length - 1] ?? 0;
         if (diffWidth < lastWidth + sumWidth) {
           sumWidth = diffWidth;
         } else {
-          var _collection$pop;
-          sumWidth += (_collection$pop = collection.pop()) !== null && _collection$pop !== void 0 ? _collection$pop : 0;
+          sumWidth += collection.pop() ?? 0;
         }
       }
-      var totalToDecrease = total - collection.length;
-      setMenuBreadcrumbs(function (oldVal) {
-        var newValue = oldVal - totalToDecrease;
+      const totalToDecrease = total - collection.length;
+      setMenuBreadcrumbs(oldVal => {
+        const newValue = oldVal - totalToDecrease;
         return newValue > 0 ? newValue : 0;
       });
-      var end = total - totalToDecrease;
+      const end = total - totalToDecrease;
       widthCollectionRef.current = end > 0 ? widthCollectionRef.current.slice(0, end) : [];
     }
   }, [parentWidth, childWidth]);
@@ -126,11 +101,9 @@ var Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     target: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
       variant: "text gray"
     }, /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null))
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuList, null, menuCollection.map(function (child, index) {
-    return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-      key: index
-    }, child);
-  })))) : null, listCollection.map(function (child, index) {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuList, null, menuCollection.map((child, index) => /*#__PURE__*/_react.default.createElement(_List.ListItem, {
+    key: index
+  }, child))))) : null, listCollection.map((child, index) => {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: index
     }, index > 0 || menuCollection.length > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledBreadcrumbListItem, {
@@ -140,6 +113,5 @@ var Breadcrumbs = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     }, child));
   }))));
 });
-exports.Breadcrumbs = Breadcrumbs;
 Breadcrumbs.displayName = "Breadcrumbs";
 //# sourceMappingURL=Breadcrumbs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","names":["Breadcrumbs","React","forwardRef","ref","children","className","separator","rest","internalRef","useRef","listWrapperRef","olRef","widthCollectionRef","handleRef","useForkRef","useState","menuBreadcrumbs","setMenuBreadcrumbs","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","childrenCollection","useMemo","Children","toArray","slice","length","menuCollection","listCollection","useEffect","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","map","child","index","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumbs.js","names":["_react","_interopRequireWildcard","require","_utils","_Menu","_List","_IconButton","_Icons","_Styles","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Breadcrumbs","exports","React","forwardRef","_ref","ref","children","className","separator","rest","internalRef","useRef","listWrapperRef","olRef","widthCollectionRef","handleRef","useForkRef","menuBreadcrumbs","setMenuBreadcrumbs","useState","dimensions","useResizeObserver","childDimensions","parentWidth","width","childWidth","childrenCollection","useMemo","Children","toArray","menuCollection","listCollection","slice","useEffect","current","diffWidth","separatorWidth","querySelectorAll","offsetWidth","breadcrumbItems","childWidthCollection","maxIndex","currentIndex","childSumWidth","result","push","pop","oldVal","total","collection","sumWidth","lastWidth","totalToDecrease","newValue","end","createElement","StyledNavElement","StyledListWrapper","StyledOList","StyledBreadcrumbListItem","Menu","IconButton","variant","TreeDotsIcon","StyledMenuList","map","child","index","ListItem","Fragment","displayName"],"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useRef,\n  useMemo,\n  useEffect,\n  useState,\n} from \"react\";\nimport { useForkRef, useResizeObserver } from \"../../utils\";\nimport { Menu } from \"../Menu\";\nimport { ListItem } from \"../List\";\nimport { IconButton } from \"../IconButton\";\nimport { TreeDotsIcon } from \"../Icons\";\nimport {\n  StyledNavElement,\n  StyledOList,\n  StyledMenuList,\n  StyledListWrapper,\n  StyledBreadcrumbListItem,\n} from \"./Styles\";\n\nexport interface BreadcrumbsProps {\n  /** Separator element */\n  separator?: ReactElement | string;\n}\n\nexport const Breadcrumbs = React.forwardRef<\n  HTMLElement,\n  BreadcrumbsProps &\n    Omit<React.ComponentPropsWithoutRef<\"nav\">, keyof BreadcrumbsProps>\n>(({ children, className, separator = \"/\", ...rest }, ref) => {\n  const internalRef = useRef<HTMLElement | null>(null);\n  const listWrapperRef = useRef<HTMLDivElement | null>(null);\n  const olRef = useRef<HTMLOListElement | null>(null);\n  const widthCollectionRef = useRef<number[]>([]);\n  const handleRef = useForkRef(ref, internalRef);\n  const [menuBreadcrumbs, setMenuBreadcrumbs] = useState(0);\n  const dimensions = useResizeObserver(internalRef);\n  const childDimensions = useResizeObserver(listWrapperRef);\n\n  const parentWidth = dimensions?.width ?? 0;\n  const childWidth = childDimensions?.width ?? 0;\n\n  const childrenCollection = useMemo(\n    () => React.Children.toArray(children),\n    [children]\n  );\n\n  const [menuCollection, listCollection] = useMemo(() => {\n    return [\n      childrenCollection.slice(0, menuBreadcrumbs),\n      childrenCollection.slice(menuBreadcrumbs, childrenCollection.length),\n    ];\n  }, [childrenCollection, menuBreadcrumbs]);\n\n  useEffect(() => {\n    widthCollectionRef.current = [];\n    setMenuBreadcrumbs(0);\n  }, [childrenCollection.length]);\n\n  useEffect(() => {\n    const diffWidth = childWidth - parentWidth;\n\n    if (diffWidth > 0) {\n      const separatorWidth =\n        (\n          olRef.current?.querySelectorAll(\n            `[data-role=\"separator\"]`\n          )[0] as HTMLLIElement\n        )?.offsetWidth ?? 0;\n      const breadcrumbItems =\n        olRef.current?.querySelectorAll(`[data-role=\"item\"]`) ?? [];\n      const childWidthCollection: number[] = [];\n\n      const maxIndex = (breadcrumbItems?.length ?? 1) - 1;\n      let currentIndex = 0;\n      let childSumWidth = 0;\n\n      while (diffWidth > childSumWidth && maxIndex >= currentIndex) {\n        const childWidth =\n          (breadcrumbItems[currentIndex] as HTMLLIElement)?.offsetWidth ?? 0;\n        const result = separatorWidth + childWidth;\n        childWidthCollection.push(result);\n        childSumWidth += result;\n        currentIndex += 1;\n      }\n\n      if (childWidthCollection.length === listCollection.length) {\n        childWidthCollection.pop();\n      }\n\n      widthCollectionRef.current = [\n        ...widthCollectionRef.current,\n        ...childWidthCollection,\n      ];\n\n      setMenuBreadcrumbs((oldVal) => oldVal + childWidthCollection.length);\n    }\n  }, [listCollection.length, parentWidth, childWidth]);\n\n  useEffect(() => {\n    const diffWidth = parentWidth - childWidth;\n\n    if (diffWidth > 0 && widthCollectionRef.current.length > 0) {\n      const total = widthCollectionRef.current.length;\n      const collection = [...widthCollectionRef.current];\n\n      let sumWidth = 0;\n\n      while (diffWidth > sumWidth && collection.length > 0) {\n        const lastWidth = collection[collection.length - 1] ?? 0;\n        if (diffWidth < lastWidth + sumWidth) {\n          sumWidth = diffWidth;\n        } else {\n          sumWidth += collection.pop() ?? 0;\n        }\n      }\n\n      const totalToDecrease = total - collection.length;\n\n      setMenuBreadcrumbs((oldVal) => {\n        const newValue = oldVal - totalToDecrease;\n        return newValue > 0 ? newValue : 0;\n      });\n\n      const end = total - totalToDecrease;\n\n      widthCollectionRef.current =\n        end > 0 ? widthCollectionRef.current.slice(0, end) : [];\n    }\n  }, [parentWidth, childWidth]);\n\n  return (\n    <StyledNavElement className={className} ref={handleRef} {...rest}>\n      <StyledListWrapper ref={listWrapperRef}>\n        <StyledOList ref={olRef}>\n          {menuCollection.length > 0 ? (\n            <StyledBreadcrumbListItem data-role=\"menu\">\n              <Menu\n                target={\n                  <IconButton variant=\"text gray\">\n                    <TreeDotsIcon />\n                  </IconButton>\n                }\n              >\n                <StyledMenuList>\n                  {menuCollection.map((child, index) => (\n                    <ListItem key={index}>{child}</ListItem>\n                  ))}\n                </StyledMenuList>\n              </Menu>\n            </StyledBreadcrumbListItem>\n          ) : null}\n          {listCollection.map((child, index) => {\n            return (\n              <React.Fragment key={index}>\n                {index > 0 || menuCollection.length > 0 ? (\n                  <StyledBreadcrumbListItem data-role=\"separator\">\n                    {separator}\n                  </StyledBreadcrumbListItem>\n                ) : null}\n                <StyledBreadcrumbListItem data-role=\"item\">\n                  {child}\n                </StyledBreadcrumbListItem>\n              </React.Fragment>\n            );\n          })}\n        </StyledOList>\n      </StyledListWrapper>\n    </StyledNavElement>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":"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"}

package/dist/cjs/components/Breadcrumbs/Styles.js

@@ -9,7 +9,7 @@ var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 var _List = require("../List");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledNavElement = _styledComponents.default.nav.withConfig({
+const StyledNavElement = exports.StyledNavElement = _styledComponents.default.nav.withConfig({
   displayName: "Styles__StyledNavElement",
   componentId: "sc-rxaesd-0"
 })(["", " ", " ", " ", ""], {
@@ -17,17 +17,15 @@ var StyledNavElement = _styledComponents.default.nav.withConfig({
 }, {
   "overflow": "hidden"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-exports.StyledNavElement = StyledNavElement;
 StyledNavElement.displayName = "StyledNavElement";
-var StyledListWrapper = _styledComponents.default.div.withConfig({
+const StyledListWrapper = exports.StyledListWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledListWrapper",
   componentId: "sc-rxaesd-1"
 })(["", ""], {
   "display": "inline-block"
 });
-exports.StyledListWrapper = StyledListWrapper;
 StyledListWrapper.displayName = "StyledListWrapper";
-var StyledOList = _styledComponents.default.ol.withConfig({
+const StyledOList = exports.StyledOList = _styledComponents.default.ol.withConfig({
   displayName: "Styles__StyledOList",
   componentId: "sc-rxaesd-2"
 })(["", " ", " ", " ", " ", " ", ""], {
@@ -43,18 +41,16 @@ var StyledOList = _styledComponents.default.ol.withConfig({
 }, {
   "margin": "0px"
 });
-exports.StyledOList = StyledOList;
 StyledOList.displayName = "StyledOList";
-var StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
+const StyledMenuList = exports.StyledMenuList = (0, _styledComponents.default)(_List.List).withConfig({
   displayName: "Styles__StyledMenuList",
   componentId: "sc-rxaesd-3"
 })(["", ""], {
   "paddingTop": "0.5rem",
   "paddingBottom": "0.5rem"
 });
-exports.StyledMenuList = StyledMenuList;
 StyledMenuList.displayName = "StyledMenuList";
-var StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
+const StyledBreadcrumbListItem = exports.StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledBreadcrumbListItem",
   componentId: "sc-rxaesd-4"
 })(["", " ", ""], {
@@ -62,6 +58,5 @@ var StyledBreadcrumbListItem = _styledComponents.default.li.withConfig({
 }, {
   "flexShrink": "0"
 });
-exports.StyledBreadcrumbListItem = StyledBreadcrumbListItem;
 StyledBreadcrumbListItem.displayName = "StyledBreadcrumbListItem";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledNavElement","styled","nav","FontStyle","BoxSizingStyle","displayName","StyledListWrapper","div","StyledOList","ol","StyledMenuList","List","StyledBreadcrumbListItem","li"],"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { List } from \"../List\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-hidden`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledListWrapper = styled.div`\n  ${tw`tw-inline-block`}\n`;\n\nStyledListWrapper.displayName = \"StyledListWrapper\";\n\nexport const StyledOList = styled.ol`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-items-center`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledMenuList = styled(List)`\n  ${tw`tw-py-2`}\n`;\n\nStyledMenuList.displayName = \"StyledMenuList\";\n\nexport const StyledBreadcrumbListItem = styled.li`\n  ${tw`tw-flex`}\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledBreadcrumbListItem.displayName = \"StyledBreadcrumbListItem\";\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AAA+B;AAExB,IAAMA,gBAAgB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBC,oBAAS,EACTC,8BAAc,CACjB;AAAC;AAEFJ,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAE1C,IAAMC,iBAAiB,GAAGL,yBAAM,CAACM,GAAG;EAAA;EAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAAC;AAEFD,iBAAiB,CAACD,WAAW,GAAG,mBAAmB;AAE5C,IAAMG,WAAW,GAAGP,yBAAM,CAACQ,EAAE;EAAA;EAAA;AAAA,sCAC9B;EAAA;AAAQ,CAAC,EACT;EAAA;AAAe,CAAC,EAChB;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAa,CAAC,EACd;EAAA;AAAO,CAAC,EACR;EAAA;AAAO,CAAC,CACb;AAAC;AAEFD,WAAW,CAACH,WAAW,GAAG,aAAa;AAEhC,IAAMK,cAAc,GAAG,IAAAT,yBAAM,EAACU,UAAI,CAAC;EAAA;EAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAAC;AAEFD,cAAc,CAACL,WAAW,GAAG,gBAAgB;AAEtC,IAAMO,wBAAwB,GAAGX,yBAAM,CAACY,EAAE;EAAA;EAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAAC;AAEFD,wBAAwB,CAACP,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","_List","obj","__esModule","default","StyledNavElement","exports","styled","nav","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledListWrapper","div","StyledOList","ol","StyledMenuList","List","StyledBreadcrumbListItem","li"],"sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { List } from \"../List\";\n\nexport const StyledNavElement = styled.nav`\n  ${tw`tw-w-full`}\n  ${tw`tw-overflow-hidden`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledNavElement.displayName = \"StyledNavElement\";\n\nexport const StyledListWrapper = styled.div`\n  ${tw`tw-inline-block`}\n`;\n\nStyledListWrapper.displayName = \"StyledListWrapper\";\n\nexport const StyledOList = styled.ol`\n  ${tw`tw-flex`}\n  ${tw`tw-items-start`}\n  ${tw`tw-items-center`}\n  ${tw`tw-list-none`}\n  ${tw`tw-p-0`}\n  ${tw`tw-m-0`}\n`;\n\nStyledOList.displayName = \"StyledOList\";\n\nexport const StyledMenuList = styled(List)`\n  ${tw`tw-py-2`}\n`;\n\nStyledMenuList.displayName = \"StyledMenuList\";\n\nexport const StyledBreadcrumbListItem = styled.li`\n  ${tw`tw-flex`}\n  ${tw`tw-flex-shrink-0`}\n`;\n\nStyledBreadcrumbListItem.displayName = \"StyledBreadcrumbListItem\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA+B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAExB,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BACpC;EAAA;AAAU,CAAC,EACX;EAAA;AAAmB,CAAC,EACtBC,oBAAS,EACTC,8BAAc,CACjB;AAEDR,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAE1C,MAAMI,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrC;EAAA;AAAgB,CAAC,CACtB;AAEDG,iBAAiB,CAACJ,WAAW,GAAG,mBAAmB;AAE5C,MAAMM,WAAW,GAAAV,OAAA,CAAAU,WAAA,GAAGT,yBAAM,CAACU,EAAE,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAC9B;EAAA;AAAQ,CAAC,EACT;EAAA;AAAe,CAAC,EAChB;EAAA;AAAgB,CAAC,EACjB;EAAA;AAAa,CAAC,EACd;EAAA;AAAO,CAAC,EACR;EAAA;AAAO,CAAC,CACb;AAEDK,WAAW,CAACN,WAAW,GAAG,aAAa;AAEhC,MAAMQ,cAAc,GAAAZ,OAAA,CAAAY,cAAA,GAAG,IAAAX,yBAAM,EAACY,UAAI,CAAC,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEDO,cAAc,CAACR,WAAW,GAAG,gBAAgB;AAEtC,MAAMU,wBAAwB,GAAAd,OAAA,CAAAc,wBAAA,GAAGb,yBAAM,CAACc,EAAE,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC3C;EAAA;AAAQ,CAAC,EACT;EAAA;AAAiB,CAAC,CACvB;AAEDS,wBAAwB,CAACV,WAAW,GAAG,0BAA0B"}

package/dist/cjs/components/Breadcrumbs/index.js

@@ -9,7 +9,7 @@ Object.keys(_Breadcrumbs).forEach(function (key) {
   if (key in exports && exports[key] === _Breadcrumbs[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Breadcrumbs[key];
     }
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export * from \"./Breadcrumbs\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Breadcrumbs","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export * from \"./Breadcrumbs\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/BreakPoints.js

@@ -4,19 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.screen = void 0;
-var size = {
+const size = {
   sm: "640px",
   md: "768px",
   lg: "1024px",
   xl: "1280px",
   xxl: "1536px"
 };
-var screen = {
-  sm: "@media (min-width: ".concat(size.sm, ")"),
-  md: "@media (min-width: ".concat(size.md, ")"),
-  lg: "@media (min-width: ".concat(size.lg, ")"),
-  xl: "@media (min-width: ".concat(size.xl, ")"),
-  xxl: "@media (min-width: ".concat(size.xxl, ")")
+const screen = exports.screen = {
+  sm: `@media (min-width: ${size.sm})`,
+  md: `@media (min-width: ${size.md})`,
+  lg: `@media (min-width: ${size.lg})`,
+  xl: `@media (min-width: ${size.xl})`,
+  xxl: `@media (min-width: ${size.xxl})`
 };
-exports.screen = screen;
 //# sourceMappingURL=BreakPoints.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BreakPoints.js","names":["size","sm","md","lg","xl","xxl","screen"],"sources":["../../../src/components/BreakPoints.ts"],"sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"mappings":";;;;;;AAEA,IAAMA,IAAI,GAAG;EACXC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,GAAG,EAAE;AACP,CAAC;AAEM,IAAMC,MAAM,GAAG;EACpBL,EAAE,+BAAwBD,IAAI,CAACC,EAAE,MAAG;EACpCC,EAAE,+BAAwBF,IAAI,CAACE,EAAE,MAAG;EACpCC,EAAE,+BAAwBH,IAAI,CAACG,EAAE,MAAG;EACpCC,EAAE,+BAAwBJ,IAAI,CAACI,EAAE,MAAG;EACpCC,GAAG,+BAAwBL,IAAI,CAACK,GAAG;AACrC,CAAC;AAAC"}
+{"version":3,"file":"BreakPoints.js","names":["size","sm","md","lg","xl","xxl","screen","exports"],"sources":["../../../src/components/BreakPoints.ts"],"sourcesContent":["import { theme } from \"twin.macro\";\n\nconst size = {\n  sm: theme(\"screens.sm\"),\n  md: theme(\"screens.md\"),\n  lg: theme(\"screens.lg\"),\n  xl: theme(\"screens.xl\"),\n  xxl: theme(\"screens.2xl\"),\n};\n\nexport const screen = {\n  sm: `@media (min-width: ${size.sm})`,\n  md: `@media (min-width: ${size.md})`,\n  lg: `@media (min-width: ${size.lg})`,\n  xl: `@media (min-width: ${size.xl})`,\n  xxl: `@media (min-width: ${size.xxl})`,\n};\n"],"mappings":";;;;;;AAEA,MAAMA,IAAI,GAAG;EACXC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,OAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,EAAE,EAAE,QAAmB;EACvBC,GAAG,EAAE;AACP,CAAC;AAEM,MAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACpBL,EAAE,EAAG,sBAAqBD,IAAI,CAACC,EAAG,GAAE;EACpCC,EAAE,EAAG,sBAAqBF,IAAI,CAACE,EAAG,GAAE;EACpCC,EAAE,EAAG,sBAAqBH,IAAI,CAACG,EAAG,GAAE;EACpCC,EAAE,EAAG,sBAAqBJ,IAAI,CAACI,EAAG,GAAE;EACpCC,GAAG,EAAG,sBAAqBL,IAAI,CAACK,GAAI;AACtC,CAAC"}

package/dist/cjs/components/Bubble/Bubble.js

@@ -7,18 +7,18 @@ exports.Bubble = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["children", "className", "innerRef", "style"];
+const _excluded = ["children", "className", "innerRef", "style"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 Bubble = function Bubble(_ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$innerRef = _ref.innerRef,
-    innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style,
+const Bubble = _ref => {
+  let {
+      children,
+      className,
+      innerRef = null,
+      style = {}
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledBubble, _extends({}, rest, {
     ref: innerRef,

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

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["Bubble","children","className","innerRef","style","rest","classnames","displayName"],"sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"mappings":";;;;;;AAAA;AAOA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAiBjC,IAAMA,MAAoD,GAAG,SAAvDA,MAAoD,OAM3D;EAAA,IALJC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IAAA,kBACfC,KAAK;IAALA,KAAK,2BAAG,CAAC,CAAC;IACPC,IAAI;EAEP,oBACE,6BAAC,oBAAY,eACPA,IAAI;IACR,GAAG,EAAEF,QAAS;IACd,SAAS,EAAE,IAAAG,mBAAU,EAAC,UAAU,EAAEJ,SAAS,CAAE;IAC7C,KAAK,EAAEE;EAAM,IAEZH,QAAQ,CACI;AAEnB,CAAC;AAAC;AAEFD,MAAM,CAACO,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Bubble.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Bubble","_ref","children","className","innerRef","style","rest","createElement","StyledBubble","ref","classnames","exports","displayName"],"sources":["../../../../src/components/Bubble/Bubble.tsx"],"sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAwC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAiBjC,MAAMmB,MAAoD,GAAGC,IAAA,IAM9D;EAAA,IAN+D;MACnEC,QAAQ;MACRC,SAAS;MACTC,QAAQ,GAAG,IAAI;MACfC,KAAK,GAAG,CAAC;IAEX,CAAC,GAAAJ,IAAA;IADIK,IAAI,GAAAf,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,oBACEL,MAAA,CAAAQ,OAAA,CAAA+B,aAAA,CAACnC,OAAA,CAAAoC,YAAY,EAAA/B,QAAA,KACP6B,IAAI;IACRG,GAAG,EAAEL,QAAS;IACdD,SAAS,EAAE,IAAAO,mBAAU,EAAC,UAAU,EAAEP,SAAS,CAAE;IAC7CE,KAAK,EAAEA;EAAM,IAEZH,QACW,CAAC;AAEnB,CAAC;AAACS,OAAA,CAAAX,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACY,WAAW,GAAG,QAAQ"}

package/dist/cjs/components/Bubble/Styles.js

@@ -8,7 +8,7 @@ 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 StyledBubble = _styledComponents.default.div.withConfig({
+const StyledBubble = exports.StyledBubble = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledBubble",
   componentId: "sc-tloccl-0"
 })(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
@@ -26,6 +26,5 @@ var StyledBubble = _styledComponents.default.div.withConfig({
   "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
   "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-exports.StyledBubble = StyledBubble;
 StyledBubble.displayName = "StyledBubble";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledBubble","styled","div","FontStyle","BoxSizingStyle","displayName"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAyC;AAElC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IC,oBAAS,EACTC,8BAAc,CAEjB;AAAC;AAEFJ,YAAY,CAACK,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","obj","__esModule","default","StyledBubble","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElC,MAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IC,oBAAS,EACTC,8BAAc,CAEjB;AAEDR,YAAY,CAACK,WAAW,GAAG,cAAc"}

package/dist/cjs/components/Bubble/index.js

@@ -9,7 +9,7 @@ Object.keys(_Bubble).forEach(function (key) {
   if (key in exports && exports[key] === _Bubble[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Bubble[key];
     }
   });

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Bubble/index.ts"],"sourcesContent":["export * from \"./Bubble\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Bubble","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Bubble/index.ts"],"sourcesContent":["export * from \"./Bubble\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/Button/AddToListButton/AddToListButton.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -8,16 +7,18 @@ exports.AddToListButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["text", "className"];
+const _excluded = ["text", "className"];
 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 AddToListButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var text = _ref.text,
-    className = _ref.className,
+const AddToListButton = exports.AddToListButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+      text,
+      className
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledAddToListButton, _extends({
     ref: ref,
@@ -26,6 +27,5 @@ var AddToListButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     weight: "medium"
   }, text));
 });
-exports.AddToListButton = AddToListButton;
 AddToListButton.displayName = "AddToListButton";
 //# sourceMappingURL=AddToListButton.js.map

package/dist/cjs/components/Button/AddToListButton/AddToListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToListButton.js","names":["AddToListButton","forwardRef","ref","text","className","rest","classnames","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAIkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUX,IAAMA,eAAe,gBAAG,IAAAC,iBAAU,EACvC,gBAA+BC,GAAG,EAAK;EAAA,IAApCC,IAAI,QAAJA,IAAI;IAAEC,SAAS,QAATA,SAAS;IAAKC,IAAI;EACzB,oBACE,6BAAC,6BAAqB;IACpB,GAAG,EAAEH,GAAI;IACT,SAAS,EAAE,IAAAI,mBAAU,EAAC,oBAAoB,EAAEF,SAAS;EAAE,GACnDC,IAAI,gBAER,6BAAC,0BAAkB,OAAG,eACtB,6BAAC,kBAAU;IAAC,MAAM,EAAC;EAAQ,GAAEF,IAAI,CAAc,CACzB;AAE5B,CAAC,CACF;AAAC;AAEFH,eAAe,CAACO,WAAW,GAAG,iBAAiB"}
+{"version":3,"file":"AddToListButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","AddToListButton","exports","forwardRef","_ref","ref","text","className","rest","createElement","StyledAddToListButton","classnames","StyledAddCrossIcon","StyledText","weight","displayName"],"sources":["../../../../../src/components/Button/AddToListButton/AddToListButton.tsx"],"sourcesContent":["import React, { forwardRef, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledAddCrossIcon,\n  StyledAddToListButton,\n  StyledText,\n} from \"./Styles\";\n\nexport interface IAddToListButton\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Text to display */\n  text: string;\n  /** CSS classes */\n  className?: string;\n}\n\nexport const AddToListButton = forwardRef<HTMLButtonElement, IAddToListButton>(\n  ({ text, className, ...rest }, ref) => {\n    return (\n      <StyledAddToListButton\n        ref={ref}\n        className={classnames(\"c--add-to-list-btn\", className)}\n        {...rest}\n      >\n        <StyledAddCrossIcon />\n        <StyledText weight=\"medium\">{text}</StyledText>\n      </StyledAddToListButton>\n    );\n  }\n);\n\nAddToListButton.displayName = \"AddToListButton\";\n"],"mappings":"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"}

package/dist/cjs/components/Button/AddToListButton/Styles.js

@@ -8,22 +8,19 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Typography = require("../../Typography");
 var _collection = require("../../Icons/collection");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+const StyledText = exports.StyledText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
   displayName: "Styles__StyledText",
   componentId: "sc-1fx7urq-0"
 })(["transition:ease 0.3s all;color:var(--color-primary);position:relative;"]);
-exports.StyledText = StyledText;
 StyledText.displayName = "StyledText";
-var StyledAddCrossIcon = (0, _styledComponents.default)(_collection.AddCrossIcon).withConfig({
+const StyledAddCrossIcon = exports.StyledAddCrossIcon = (0, _styledComponents.default)(_collection.AddCrossIcon).withConfig({
   displayName: "Styles__StyledAddCrossIcon",
   componentId: "sc-1fx7urq-1"
 })(["fill:var(--page-paper-main);background:var(--color-primary);border-radius:30px;padding:7px;box-sizing:content-box;"]);
-exports.StyledAddCrossIcon = StyledAddCrossIcon;
 StyledAddCrossIcon.displayName = "StyledAddCrossIcon";
-var StyledAddToListButton = (0, _styledComponents.default)("button").withConfig({
+const StyledAddToListButton = exports.StyledAddToListButton = (0, _styledComponents.default)("button").withConfig({
   displayName: "Styles__StyledAddToListButton",
   componentId: "sc-1fx7urq-2"
 })(["display:flex;justify-content:center;gap:12px;align-items:center;height:32px;padding:4px 16px 4px 4px;position:relative;background:none;border:none;cursor:pointer;&:before{content:\"\";display:block;height:2px;width:0%;position:absolute;left:16px;background:var(--color-primary);transition:ease 0.3s all;border-radius:30px;opacity:0;}&:hover{", "{color:var(--page-paper-main);}&:before{height:32px;width:100%;left:0;opacity:1;}", "{fill:var(--page-paper-main);transform:rotate(90deg);transition:ease 0.3s;}}"], StyledText, StyledAddCrossIcon);
-exports.StyledAddToListButton = StyledAddToListButton;
 StyledAddToListButton.displayName = "StyledAddToListButton";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Button/AddToListButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledText","styled","Body2","displayName","StyledAddCrossIcon","AddCrossIcon","StyledAddToListButton"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Body2 } from \"../../Typography\";\nimport { AddCrossIcon } from \"../../Icons/collection\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAsD;AAE/C,IAAMA,UAAU,GAAG,IAAAC,yBAAM,EAACC,iBAAK,CAAC;EAAA;EAAA;AAAA,8EAItC;AAAC;AAEFF,UAAU,CAACG,WAAW,GAAG,YAAY;AAE9B,IAAMC,kBAAkB,GAAG,IAAAH,yBAAM,EAACI,wBAAY,CAAC;EAAA;EAAA;AAAA,0HAMrD;AAAC;AACFD,kBAAkB,CAACD,WAAW,GAAG,oBAAoB;AAE9C,IAAMG,qBAAqB,GAAG,IAAAL,yBAAM,EAAC,QAAQ,CAAC;EAAA;EAAA;AAAA,mgBA0B/CD,UAAU,EAWVI,kBAAkB,CAMvB;AAAC;AAEFE,qBAAqB,CAACH,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_Typography","_collection","obj","__esModule","default","StyledText","exports","styled","Body2","withConfig","displayName","componentId","StyledAddCrossIcon","AddCrossIcon","StyledAddToListButton"],"sources":["../../../../../src/components/Button/AddToListButton/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Body2 } from \"../../Typography\";\nimport { AddCrossIcon } from \"../../Icons/collection\";\n\nexport const StyledText = styled(Body2)`\n  transition: ease 0.3s all;\n  color: var(--color-primary);\n  position: relative;\n`;\n\nStyledText.displayName = \"StyledText\";\n\nexport const StyledAddCrossIcon = styled(AddCrossIcon)`\n  fill: var(--page-paper-main);\n  background: var(--color-primary);\n  border-radius: 30px;\n  padding: 7px;\n  box-sizing: content-box;\n`;\nStyledAddCrossIcon.displayName = \"StyledAddCrossIcon\";\n\nexport const StyledAddToListButton = styled(\"button\")`\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  align-items: center;\n  height: 32px;\n  padding: 4px 16px 4px 4px;\n  position: relative;\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &:before {\n    content: \"\";\n    display: block;\n    height: 2px;\n    width: 0%;\n    position: absolute;\n    left: 16px;\n    background: var(--color-primary);\n    transition: ease 0.3s all;\n    border-radius: 30px;\n    opacity: 0;\n  }\n\n  &:hover {\n    ${StyledText} {\n      color: var(--page-paper-main);\n    }\n\n    &:before {\n      height: 32px;\n      width: 100%;\n      left: 0;\n      opacity: 1;\n    }\n\n    ${StyledAddCrossIcon} {\n      fill: var(--page-paper-main);\n      transform: rotate(90deg);\n      transition: ease 0.3s;\n    }\n  }\n`;\n\nStyledAddToListButton.displayName = \"StyledAddToListButton\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE/C,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,iBAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8EAItC;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,MAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,yBAAM,EAACM,wBAAY,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAMrD;AACDC,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAE9C,MAAMI,qBAAqB,GAAAR,OAAA,CAAAQ,qBAAA,GAAG,IAAAP,yBAAM,EAAC,QAAQ,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mgBA0B/CN,UAAU,EAWVO,kBAAkB,CAMvB;AAEDE,qBAAqB,CAACJ,WAAW,GAAG,uBAAuB"}