@activecollab/components 2.0.0 → 2.0.2

package/dist/cjs/components/Nav/Item/index.js.map

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

package/dist/cjs/components/Nav/Nav.js

@@ -13,30 +13,65 @@ var _Styles = require("./Styles");
 var _Styles2 = require("./Item/Styles");
 var _ExpandSingle = require("../Expanders/ExpandSingle");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-const Nav = _ref => {
-  let {
-    children,
-    alignment = "left",
-    onSelect,
-    onMoreOptionSelect,
-    className,
-    role = "bold",
-    moreLabel,
-    type = "inline"
-  } = _ref;
-  const [active, setActive] = (0, _react.useState)(0);
-  const [visibleTabIndexes, setVisibleTabIndexes] = (0, _react.useState)([]);
-  const [measuringRender, setMeasuringRender] = (0, _react.useState)(false);
-  const [moreVisible, setMoreVisible] = (0, _react.useState)(false);
-  const [renderNavAsSelect, setRenderNavAsSelect] = (0, _react.useState)(false);
-  const [options, setOptions] = (0, _react.useState)([]);
-  const [moreOpened, setMoreOpened] = (0, _react.useState)(false);
-  const [isMounted, setIsMounted] = (0, _react.useState)(false);
-  const navItemNames = (0, _react.useMemo)(() => children.map(item => item.props.name), [children]);
-  const allOptions = (0, _react.useMemo)(() => {
-    return navItemNames.map((name, index) => {
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var Nav = exports.Nav = function Nav(_ref) {
+  var children = _ref.children,
+    _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? "left" : _ref$alignment,
+    onSelect = _ref.onSelect,
+    onMoreOptionSelect = _ref.onMoreOptionSelect,
+    className = _ref.className,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? "bold" : _ref$role,
+    moreLabel = _ref.moreLabel,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "inline" : _ref$type;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visibleTabIndexes = _useState4[0],
+    setVisibleTabIndexes = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    measuringRender = _useState6[0],
+    setMeasuringRender = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    moreVisible = _useState8[0],
+    setMoreVisible = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    renderNavAsSelect = _useState10[0],
+    setRenderNavAsSelect = _useState10[1];
+  var _useState11 = (0, _react.useState)([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    options = _useState12[0],
+    setOptions = _useState12[1];
+  var _useState13 = (0, _react.useState)(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    moreOpened = _useState14[0],
+    setMoreOpened = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    isMounted = _useState16[0],
+    setIsMounted = _useState16[1];
+  var navItemNames = (0, _react.useMemo)(function () {
+    return children.map(function (item) {
+      return item.props.name;
+    });
+  }, [children]);
+  var allOptions = (0, _react.useMemo)(function () {
+    return navItemNames.map(function (name, index) {
       return {
         id: index,
         name: name
@@ -45,31 +80,32 @@ const Nav = _ref => {
   }, [navItemNames]);
 
   // REFS
-  const navRef = (0, _react.useRef)(null);
-  const navItemsRefs = (0, _react.useRef)({});
-  const moreItemRef = (0, _react.useRef)(null);
-  const onClick = (0, _react.useCallback)(e => {
+  var navRef = (0, _react.useRef)(null);
+  var navItemsRefs = (0, _react.useRef)({});
+  var moreItemRef = (0, _react.useRef)(null);
+  var onClick = (0, _react.useCallback)(function (e) {
     if (e.target && e.currentTarget.dataset.index && !e.currentTarget.dataset.disabled) {
-      const index = Number(e.currentTarget.dataset.index);
-      setActive(index);
+      var _index = Number(e.currentTarget.dataset.index);
+      setActive(_index);
       if (onSelect) {
-        onSelect(index);
+        onSelect(_index);
       }
       setMeasuringRender(true);
     }
   }, [onSelect]);
-  (0, _react.useMemo)(() => {
-    _react.Children.forEach(children, (child, index) => {
+  (0, _react.useMemo)(function () {
+    _react.Children.forEach(children, function (child, index) {
       if (child && child.props.active) {
         setActive(index);
       }
     });
   }, [children]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     if (type === "inline" && measuringRender && isMounted) {
-      const containerWidth = navRef.current?.offsetWidth || 0;
-      const itemsWidth = Object.values(navItemsRefs.current).reduce((acc, item) => {
-        const itemEl = item;
+      var _navRef$current;
+      var containerWidth = ((_navRef$current = navRef.current) === null || _navRef$current === void 0 ? void 0 : _navRef$current.offsetWidth) || 0;
+      var itemsWidth = Object.values(navItemsRefs.current).reduce(function (acc, item) {
+        var itemEl = item;
         return acc + (itemEl ? itemEl.offsetWidth : 0);
       }, 0);
 
@@ -82,127 +118,131 @@ const Nav = _ref => {
       }
       setMoreVisible(true);
       if (moreVisible) {
-        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;
-        const firstItemWidth = navItemsRefs.current[0].offsetWidth;
+        var _moreItemRef$current;
+        var moreItemWidth = ((_moreItemRef$current = moreItemRef.current) === null || _moreItemRef$current === void 0 ? void 0 : _moreItemRef$current.offsetWidth) || 0;
+        var firstItemWidth = navItemsRefs.current[0].offsetWidth;
 
         // collapse Nav to Select, there is no enough room
         if (containerWidth < moreItemWidth + firstItemWidth) {
           setVisibleTabIndexes([]);
-          const options = navItemNames.map((name, index) => {
+          var _options = navItemNames.map(function (name, index) {
             return {
               id: index,
               name: name
             };
           });
-          setOptions(options);
+          setOptions(_options);
           setRenderNavAsSelect(true);
           setMoreVisible(false);
           return setMeasuringRender(false);
         }
 
         // item(s) + More...
-        const visible = [];
-        let allWidth = 0;
-        Object.values(navItemsRefs.current).forEach((item, index) => {
-          const liItem = item;
+        var visible = [];
+        var allWidth = 0;
+        Object.values(navItemsRefs.current).forEach(function (item, index) {
+          var liItem = item;
           allWidth += liItem.offsetWidth;
           if (moreItemWidth + allWidth <= containerWidth) {
             visible.push(index);
           }
         });
         setVisibleTabIndexes(visible);
-        const options = navItemNames.map((name, index) => {
+        var _options2 = navItemNames.map(function (name, index) {
           return {
             id: index,
             name: name
           };
-        }).filter(item => !visible.includes(item.id));
-        setOptions(options);
+        }).filter(function (item) {
+          return !visible.includes(item.id);
+        });
+        setOptions(_options2);
         setRenderNavAsSelect(false);
         setMeasuringRender(false);
       }
     }
   }, [children, isMounted, measuringRender, moreVisible, navItemNames, type, visibleTabIndexes]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (type === "inline") {
-      const handleResize = (0, _lodash.default)(() => {
+      var handleResize = (0, _lodash.default)(function () {
         setMeasuringRender(true);
       }, 300);
       window.addEventListener("resize", handleResize);
-      return () => {
+      return function () {
         window.removeEventListener("resize", handleResize);
       };
     }
   }, [type]);
 
   // we are using observer to solve the problem of the initial rendering
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (type === "inline" && navRef.current) {
-      const resizeObserver = new _resizeObserverPolyfill.default(entries => {
-        for (const entry of entries) {
-          const {
-            contentRect
-          } = entry;
-          const {
-            width = 0
-          } = contentRect;
+      var resizeObserver = new _resizeObserverPolyfill.default(function (entries) {
+        for (var entry of entries) {
+          var contentRect = entry.contentRect;
+          var _contentRect$width = contentRect.width,
+            width = _contentRect$width === void 0 ? 0 : _contentRect$width;
           if (width > 0) {
             setMeasuringRender(true);
           }
         }
       });
       resizeObserver.observe(navRef.current);
-      setTimeout(() => {
+      setTimeout(function () {
         if (navRef.current) {
           resizeObserver.unobserve(navRef.current);
         }
       }, 2000);
-      return () => {
+      return function () {
         resizeObserver.disconnect();
       };
     }
   }, [type]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setMeasuringRender(true);
     setIsMounted(true);
   }, []);
-  const visibleTabs = (0, _react.useMemo)(() => {
-    const tabs = _react.Children.toArray(children);
+  var visibleTabs = (0, _react.useMemo)(function () {
+    var tabs = _react.Children.toArray(children);
     if (measuringRender || !isMounted) {
       return tabs;
     } else {
-      return tabs.filter((child, index) => {
+      return tabs.filter(function (child, index) {
         return visibleTabIndexes.includes(index);
       });
     }
   }, [children, isMounted, measuringRender, visibleTabIndexes]);
-  const onMoreOptionClick = (0, _react.useCallback)(id => {
+  var onMoreOptionClick = (0, _react.useCallback)(function (id) {
     setActive(id);
     if (onMoreOptionSelect) {
       onMoreOptionSelect(id);
     }
     setMeasuringRender(true);
   }, [onMoreOptionSelect]);
-  const navAsSelect = (0, _react.useMemo)(() => {
+  var navAsSelect = (0, _react.useMemo)(function () {
     return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavAsSelect, null, /*#__PURE__*/_react.default.createElement("span", null, navItemNames[active]), /*#__PURE__*/_react.default.createElement(_ExpandSingle.ExpandSingle, {
       expanded: moreOpened,
       fill: "currentColor"
     }));
   }, [active, moreOpened, navItemNames]);
-  const setMoreOpen = (0, _react.useCallback)(() => setMoreOpened(true), []);
-  const setMoreClose = (0, _react.useCallback)(() => setMoreOpened(false), []);
+  var setMoreOpen = (0, _react.useCallback)(function () {
+    return setMoreOpened(true);
+  }, []);
+  var setMoreClose = (0, _react.useCallback)(function () {
+    return setMoreOpened(false);
+  }, []);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledNav, {
     className: (0, _classnames.default)("c-nav", className),
     $align: alignment,
     $role: role
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledNavList, {
     ref: navRef
-  }, type === "inline" && visibleTabs.map((child, index) => {
-    const element = child;
+  }, type === "inline" && visibleTabs.map(function (child, index) {
+    var element = child;
     return /*#__PURE__*/(0, _react.cloneElement)(element, {
       active: index === active,
       role,
-      ref: el => {
+      ref: function ref(el) {
         navItemsRefs.current[index] = el;
       },
       onClick,
@@ -248,6 +288,5 @@ const Nav = _ref => {
     onSelectClose: setMoreClose
   })) : null));
 };
-exports.Nav = Nav;
 Nav.displayName = "Nav";
 //# sourceMappingURL=Nav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_resizeObserverPolyfill","_lodash","_Select","_Styles","_Styles2","_ExpandSingle","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Nav","_ref","children","alignment","onSelect","onMoreOptionSelect","className","role","moreLabel","type","active","setActive","useState","visibleTabIndexes","setVisibleTabIndexes","measuringRender","setMeasuringRender","moreVisible","setMoreVisible","renderNavAsSelect","setRenderNavAsSelect","options","setOptions","moreOpened","setMoreOpened","isMounted","setIsMounted","navItemNames","useMemo","map","item","props","name","allOptions","index","id","navRef","useRef","navItemsRefs","moreItemRef","onClick","useCallback","target","currentTarget","dataset","disabled","Number","Children","forEach","child","useLayoutEffect","containerWidth","current","offsetWidth","itemsWidth","values","reduce","acc","itemEl","Array","from","keys","moreItemWidth","firstItemWidth","visible","allWidth","liItem","push","filter","includes","useEffect","handleResize","debounce","window","addEventListener","removeEventListener","resizeObserver","ResizeObserver","entries","entry","contentRect","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","createElement","StyledNavAsSelect","ExpandSingle","expanded","fill","setMoreOpen","setMoreClose","StyledNav","classNames","$align","$role","StyledNavList","ref","element","cloneElement","el","StyledNavListItemMore","indexOf","Select","selected","StyledNavAsMoreTarget","disabledInternalSort","onChange","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onSelectOpen","onSelectClose","exports","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  Children,\n  cloneElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport debounce from \"lodash.debounce\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { ItemProps } from \"./Item/Item\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Function triggered when option in More... is selected */\n  onMoreOptionSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Label for More... item */\n  moreLabel?: string;\n  /** Nav type */\n  type?: NavType;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  onMoreOptionSelect,\n  className,\n  role = \"bold\",\n  moreLabel,\n  type = \"inline\",\n}) => {\n  const [active, setActive] = useState(0);\n  const [visibleTabIndexes, setVisibleTabIndexes] = useState<number[]>([]);\n  const [measuringRender, setMeasuringRender] = useState(false);\n  const [moreVisible, setMoreVisible] = useState(false);\n  const [renderNavAsSelect, setRenderNavAsSelect] = useState(false);\n  const [options, setOptions] = useState<IOptionItemProps[]>([]);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [isMounted, setIsMounted] = useState(false);\n\n  const navItemNames = useMemo(\n    () => children.map((item) => item.props.name),\n    [children]\n  );\n\n  const allOptions = useMemo(() => {\n    return navItemNames.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  // REFS\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const navItemsRefs = useRef<\n    { index: number; element: HTMLLIElement } | Record<string, unknown>\n  >({});\n  const moreItemRef = useRef<HTMLLIElement | null>(null);\n\n  const onClick = useCallback(\n    (e: ISyntheticEvent) => {\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n        setMeasuringRender(true);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\" && measuringRender && isMounted) {\n      const containerWidth = navRef.current?.offsetWidth || 0;\n      const itemsWidth = Object.values(navItemsRefs.current).reduce(\n        (acc: number, item) => {\n          const itemEl = item as HTMLLIElement;\n          return acc + (itemEl ? itemEl.offsetWidth : 0);\n        },\n        0\n      );\n\n      // all tabs are visible\n      if (containerWidth >= itemsWidth) {\n        setVisibleTabIndexes(Array.from(navItemNames.keys()));\n        setMoreVisible(false);\n        setRenderNavAsSelect(false);\n        return setMeasuringRender(false);\n      }\n\n      setMoreVisible(true);\n\n      if (moreVisible) {\n        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;\n        const firstItemWidth = navItemsRefs.current[0].offsetWidth;\n\n        // collapse Nav to Select, there is no enough room\n        if (containerWidth < moreItemWidth + firstItemWidth) {\n          setVisibleTabIndexes([]);\n          const options = navItemNames.map((name, index) => {\n            return { id: index, name: name };\n          });\n          setOptions(options);\n          setRenderNavAsSelect(true);\n          setMoreVisible(false);\n          return setMeasuringRender(false);\n        }\n\n        // item(s) + More...\n        const visible: number[] = [];\n        let allWidth = 0;\n        Object.values(navItemsRefs.current).forEach((item, index) => {\n          const liItem = item as HTMLLIElement;\n          allWidth += liItem.offsetWidth;\n          if (moreItemWidth + allWidth <= containerWidth) {\n            visible.push(index);\n          }\n        });\n        setVisibleTabIndexes(visible);\n        const options = navItemNames\n          .map((name, index) => {\n            return { id: index, name: name };\n          })\n          .filter((item) => !visible.includes(item.id));\n        setOptions(options);\n        setRenderNavAsSelect(false);\n        setMeasuringRender(false);\n      }\n    }\n  }, [\n    children,\n    isMounted,\n    measuringRender,\n    moreVisible,\n    navItemNames,\n    type,\n    visibleTabIndexes,\n  ]);\n\n  useEffect(() => {\n    if (type === \"inline\") {\n      const handleResize = debounce((): void => {\n        setMeasuringRender(true);\n      }, 300);\n      window.addEventListener(\"resize\", handleResize);\n      return (): void => {\n        window.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [type]);\n\n  // we are using observer to solve the problem of the initial rendering\n  useEffect(() => {\n    if (type === \"inline\" && navRef.current) {\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { contentRect } = entry;\n          const { width = 0 } = contentRect;\n          if (width > 0) {\n            setMeasuringRender(true);\n          }\n        }\n      });\n\n      resizeObserver.observe(navRef.current);\n\n      setTimeout(() => {\n        if (navRef.current) {\n          resizeObserver.unobserve(navRef.current);\n        }\n      }, 2000);\n\n      return (): void => {\n        resizeObserver.disconnect();\n      };\n    }\n  }, [type]);\n\n  useEffect(() => {\n    setMeasuringRender(true);\n    setIsMounted(true);\n  }, []);\n\n  const visibleTabs = useMemo(() => {\n    const tabs = Children.toArray(children);\n    if (measuringRender || !isMounted) {\n      return tabs;\n    } else {\n      return tabs.filter((child, index) => {\n        return visibleTabIndexes.includes(index);\n      });\n    }\n  }, [children, isMounted, measuringRender, visibleTabIndexes]);\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onMoreOptionSelect) {\n        onMoreOptionSelect(id);\n      }\n      setMeasuringRender(true);\n    },\n    [onMoreOptionSelect]\n  );\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames]);\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          visibleTabs.map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              ref: (el) => {\n                navItemsRefs.current[index] = el;\n              },\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"inline\" && moreVisible ? (\n          <StyledNavListItemMore\n            ref={moreItemRef}\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={\n                <StyledNavAsMoreTarget $role={role}>\n                  {moreLabel}\n                </StyledNavAsMoreTarget>\n              }\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={options}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n        {type === \"dropdown\" || renderNavAsSelect ? (\n          <StyledNavListItemMore\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}
+{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_resizeObserverPolyfill","_lodash","_Select","_Styles","_Styles2","_ExpandSingle","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","Nav","exports","_ref","children","_ref$alignment","alignment","onSelect","onMoreOptionSelect","className","_ref$role","role","moreLabel","_ref$type","type","_useState","useState","_useState2","active","setActive","_useState3","_useState4","visibleTabIndexes","setVisibleTabIndexes","_useState5","_useState6","measuringRender","setMeasuringRender","_useState7","_useState8","moreVisible","setMoreVisible","_useState9","_useState10","renderNavAsSelect","setRenderNavAsSelect","_useState11","_useState12","options","setOptions","_useState13","_useState14","moreOpened","setMoreOpened","_useState15","_useState16","isMounted","setIsMounted","navItemNames","useMemo","map","item","props","allOptions","index","id","navRef","useRef","navItemsRefs","moreItemRef","onClick","useCallback","target","currentTarget","dataset","disabled","Number","Children","forEach","child","useLayoutEffect","_navRef$current","containerWidth","current","offsetWidth","itemsWidth","values","reduce","acc","itemEl","keys","_moreItemRef$current","moreItemWidth","firstItemWidth","visible","allWidth","liItem","filter","includes","useEffect","handleResize","debounce","window","addEventListener","removeEventListener","resizeObserver","ResizeObserver","entries","entry","contentRect","_contentRect$width","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","createElement","StyledNavAsSelect","ExpandSingle","expanded","fill","setMoreOpen","setMoreClose","StyledNav","classNames","$align","$role","StyledNavList","ref","element","cloneElement","el","StyledNavListItemMore","indexOf","Select","selected","StyledNavAsMoreTarget","disabledInternalSort","onChange","mode","forceCloseMenu","disableSearch","keepSameOptionsOrder","onSelectOpen","onSelectClose","displayName"],"sources":["../../../../src/components/Nav/Nav.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  FC,\n  ReactNode,\n  useState,\n  useRef,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  Children,\n  cloneElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport debounce from \"lodash.debounce\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport { ItemProps } from \"./Item/Item\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\n\ntype NavType = \"inline\" | \"dropdown\";\nexport type NavAlignType = \"left\" | \"center\" | \"right\";\nexport type NavRoleType = \"bold\" | \"light\";\n\nexport interface INavProps {\n  children: ReactElement<ItemProps>[];\n  /** Function for changing active navs. */\n  onSelect?: (index: number) => void;\n  /** Function triggered when option in More... is selected */\n  onMoreOptionSelect?: (index: number) => void;\n  /** Aligment of nav component. */\n  alignment?: NavAlignType;\n  /** CSS classes. */\n  className?: string;\n  /** Role of nav component. */\n  role?: NavRoleType;\n  /** Label for More... item */\n  moreLabel?: string;\n  /** Nav type */\n  type?: NavType;\n}\n\nexport const Nav: FC<INavProps> = ({\n  children,\n  alignment = \"left\",\n  onSelect,\n  onMoreOptionSelect,\n  className,\n  role = \"bold\",\n  moreLabel,\n  type = \"inline\",\n}) => {\n  const [active, setActive] = useState(0);\n  const [visibleTabIndexes, setVisibleTabIndexes] = useState<number[]>([]);\n  const [measuringRender, setMeasuringRender] = useState(false);\n  const [moreVisible, setMoreVisible] = useState(false);\n  const [renderNavAsSelect, setRenderNavAsSelect] = useState(false);\n  const [options, setOptions] = useState<IOptionItemProps[]>([]);\n  const [moreOpened, setMoreOpened] = useState(false);\n  const [isMounted, setIsMounted] = useState(false);\n\n  const navItemNames = useMemo(\n    () => children.map((item) => item.props.name),\n    [children]\n  );\n\n  const allOptions = useMemo(() => {\n    return navItemNames.map((name, index) => {\n      return { id: index, name: name };\n    });\n  }, [navItemNames]);\n\n  // REFS\n  const navRef = useRef<HTMLUListElement | null>(null);\n  const navItemsRefs = useRef<\n    { index: number; element: HTMLLIElement } | Record<string, unknown>\n  >({});\n  const moreItemRef = useRef<HTMLLIElement | null>(null);\n\n  const onClick = useCallback(\n    (e: ISyntheticEvent) => {\n      if (\n        e.target &&\n        e.currentTarget.dataset.index &&\n        !e.currentTarget.dataset.disabled\n      ) {\n        const index = Number(e.currentTarget.dataset.index);\n        setActive(index);\n        if (onSelect) {\n          onSelect(index);\n        }\n        setMeasuringRender(true);\n      }\n    },\n    [onSelect]\n  );\n\n  useMemo(() => {\n    Children.forEach(\n      children as ReactElement[],\n      (child: ReactElement, index) => {\n        if (child && child.props.active) {\n          setActive(index);\n        }\n      }\n    );\n  }, [children]);\n\n  useLayoutEffect(() => {\n    if (type === \"inline\" && measuringRender && isMounted) {\n      const containerWidth = navRef.current?.offsetWidth || 0;\n      const itemsWidth = Object.values(navItemsRefs.current).reduce(\n        (acc: number, item) => {\n          const itemEl = item as HTMLLIElement;\n          return acc + (itemEl ? itemEl.offsetWidth : 0);\n        },\n        0\n      );\n\n      // all tabs are visible\n      if (containerWidth >= itemsWidth) {\n        setVisibleTabIndexes(Array.from(navItemNames.keys()));\n        setMoreVisible(false);\n        setRenderNavAsSelect(false);\n        return setMeasuringRender(false);\n      }\n\n      setMoreVisible(true);\n\n      if (moreVisible) {\n        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;\n        const firstItemWidth = navItemsRefs.current[0].offsetWidth;\n\n        // collapse Nav to Select, there is no enough room\n        if (containerWidth < moreItemWidth + firstItemWidth) {\n          setVisibleTabIndexes([]);\n          const options = navItemNames.map((name, index) => {\n            return { id: index, name: name };\n          });\n          setOptions(options);\n          setRenderNavAsSelect(true);\n          setMoreVisible(false);\n          return setMeasuringRender(false);\n        }\n\n        // item(s) + More...\n        const visible: number[] = [];\n        let allWidth = 0;\n        Object.values(navItemsRefs.current).forEach((item, index) => {\n          const liItem = item as HTMLLIElement;\n          allWidth += liItem.offsetWidth;\n          if (moreItemWidth + allWidth <= containerWidth) {\n            visible.push(index);\n          }\n        });\n        setVisibleTabIndexes(visible);\n        const options = navItemNames\n          .map((name, index) => {\n            return { id: index, name: name };\n          })\n          .filter((item) => !visible.includes(item.id));\n        setOptions(options);\n        setRenderNavAsSelect(false);\n        setMeasuringRender(false);\n      }\n    }\n  }, [\n    children,\n    isMounted,\n    measuringRender,\n    moreVisible,\n    navItemNames,\n    type,\n    visibleTabIndexes,\n  ]);\n\n  useEffect(() => {\n    if (type === \"inline\") {\n      const handleResize = debounce((): void => {\n        setMeasuringRender(true);\n      }, 300);\n      window.addEventListener(\"resize\", handleResize);\n      return (): void => {\n        window.removeEventListener(\"resize\", handleResize);\n      };\n    }\n  }, [type]);\n\n  // we are using observer to solve the problem of the initial rendering\n  useEffect(() => {\n    if (type === \"inline\" && navRef.current) {\n      const resizeObserver = new ResizeObserver((entries) => {\n        for (const entry of entries) {\n          const { contentRect } = entry;\n          const { width = 0 } = contentRect;\n          if (width > 0) {\n            setMeasuringRender(true);\n          }\n        }\n      });\n\n      resizeObserver.observe(navRef.current);\n\n      setTimeout(() => {\n        if (navRef.current) {\n          resizeObserver.unobserve(navRef.current);\n        }\n      }, 2000);\n\n      return (): void => {\n        resizeObserver.disconnect();\n      };\n    }\n  }, [type]);\n\n  useEffect(() => {\n    setMeasuringRender(true);\n    setIsMounted(true);\n  }, []);\n\n  const visibleTabs = useMemo(() => {\n    const tabs = Children.toArray(children);\n    if (measuringRender || !isMounted) {\n      return tabs;\n    } else {\n      return tabs.filter((child, index) => {\n        return visibleTabIndexes.includes(index);\n      });\n    }\n  }, [children, isMounted, measuringRender, visibleTabIndexes]);\n\n  const onMoreOptionClick = useCallback(\n    (id) => {\n      setActive(id);\n      if (onMoreOptionSelect) {\n        onMoreOptionSelect(id);\n      }\n      setMeasuringRender(true);\n    },\n    [onMoreOptionSelect]\n  );\n\n  const navAsSelect = useMemo(() => {\n    return (\n      <StyledNavAsSelect>\n        <span>{navItemNames[active]}</span>\n        <ExpandSingle expanded={moreOpened} fill=\"currentColor\" />\n      </StyledNavAsSelect>\n    );\n  }, [active, moreOpened, navItemNames]);\n\n  const setMoreOpen = useCallback(() => setMoreOpened(true), []);\n  const setMoreClose = useCallback(() => setMoreOpened(false), []);\n\n  return (\n    <StyledNav\n      className={classNames(\"c-nav\", className)}\n      $align={alignment}\n      $role={role}\n    >\n      <StyledNavList ref={navRef}>\n        {type === \"inline\" &&\n          visibleTabs.map((child: ReactNode, index: number) => {\n            const element = child as ReactElement;\n            return cloneElement(element, {\n              active: index === active,\n              role,\n              ref: (el) => {\n                navItemsRefs.current[index] = el;\n              },\n              onClick,\n              \"data-index\": index,\n              \"data-disabled\": element.props.disabled,\n            });\n          })}\n        {type === \"inline\" && moreVisible ? (\n          <StyledNavListItemMore\n            ref={moreItemRef}\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={\n                <StyledNavAsMoreTarget $role={role}>\n                  {moreLabel}\n                </StyledNavAsMoreTarget>\n              }\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={options}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n        {type === \"dropdown\" || renderNavAsSelect ? (\n          <StyledNavListItemMore\n            name=\"More\"\n            active={visibleTabIndexes.indexOf(active) === -1}\n            role={role}\n          >\n            <Select\n              selected={active}\n              target={navAsSelect}\n              disabledInternalSort\n              onChange={onMoreOptionClick}\n              options={allOptions}\n              type=\"single\"\n              mode=\"normal\"\n              forceCloseMenu\n              disableSearch\n              keepSameOptionsOrder\n              onSelectOpen={setMoreOpen}\n              onSelectClose={setMoreClose}\n            />\n          </StyledNavListItemMore>\n        ) : null}\n      </StyledNavList>\n    </StyledNav>\n  );\n};\n\nNav.displayName = \"Nav\";\n"],"mappings":"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"}

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

@@ -5,22 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledNavListItem = exports.StyledNavList = exports.StyledNavAsSelect = exports.StyledNavAsMoreTarget = exports.StyledNav = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-const StyledNav = exports.StyledNav = _styledComponents.default.nav.withConfig({
+var StyledNav = exports.StyledNav = _styledComponents.default.nav.withConfig({
   displayName: "Styles__StyledNav",
   componentId: "sc-1khiypw-0"
 })(["", " height:100%;overflow:clip visible;", " ", " ", " ", ""], {
   "display": "flex"
-}, props => props.$align === "left" && (0, _styledComponents.css)(["", ""], {
-  "justifyContent": "flex-start"
-}), props => props.$align === "center" && (0, _styledComponents.css)(["", ""], {
-  "justifyContent": "center"
-}), props => props.$align === "right" && (0, _styledComponents.css)(["", ""], {
-  "justifyContent": "flex-end"
-}), props => props.$role === "light" && (0, _styledComponents.css)(["height:auto;"]));
+}, function (props) {
+  return props.$align === "left" && (0, _styledComponents.css)(["", ""], {
+    "justifyContent": "flex-start"
+  });
+}, function (props) {
+  return props.$align === "center" && (0, _styledComponents.css)(["", ""], {
+    "justifyContent": "center"
+  });
+}, function (props) {
+  return props.$align === "right" && (0, _styledComponents.css)(["", ""], {
+    "justifyContent": "flex-end"
+  });
+}, function (props) {
+  return props.$role === "light" && (0, _styledComponents.css)(["height:auto;"]);
+});
 StyledNav.displayName = "StyledNav";
-const StyledNavList = exports.StyledNavList = _styledComponents.default.ul.withConfig({
+var StyledNavList = exports.StyledNavList = _styledComponents.default.ul.withConfig({
   displayName: "Styles__StyledNavList",
   componentId: "sc-1khiypw-1"
 })(["", " overflow:clip visible;"], {
@@ -30,7 +38,7 @@ const StyledNavList = exports.StyledNavList = _styledComponents.default.ul.withC
   "padding": "0px"
 });
 StyledNavList.displayName = "StyledNavList";
-const StyledNavListItem = exports.StyledNavListItem = _styledComponents.default.li.withConfig({
+var StyledNavListItem = exports.StyledNavListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledNavListItem",
   componentId: "sc-1khiypw-2"
 })(["", " color:var(--color-theme-700);font-size:15px;display:flex;align-items:center;font-weight:500;padding:0 10px;flex-shrink:0;&:hover,&:hover *{", "}", " &::after{content:\"\";", " bottom:0;left:50%;transform:translateX(-50%);height:3px;transition:width 0.3s ease,background-color 0.3s ease;}", " ", " ", " ", ""], {
@@ -39,42 +47,56 @@ const StyledNavListItem = exports.StyledNavListItem = _styledComponents.default.
   "userSelect": "none",
   "fontSize": "0.875rem",
   "lineHeight": "1.25rem"
-}, props => !props.$disabled && (0, _styledComponents.css)(["", ""], {
-  "color": "var(--color-primary)"
-}), props => !props.$active && !props.$disabled && (0, _styledComponents.css)(["", ""], {
-  "cursor": "pointer"
-}), {
+}, function (props) {
+  return !props.$disabled && (0, _styledComponents.css)(["", ""], {
+    "color": "var(--color-primary)"
+  });
+}, function (props) {
+  return !props.$active && !props.$disabled && (0, _styledComponents.css)(["", ""], {
+    "cursor": "pointer"
+  });
+}, {
   "position": "absolute",
   "margin": "auto",
   "display": "block",
   "width": "0px",
   "backgroundColor": "transparent"
-}, props => props.$active && (0, _styledComponents.css)(["", " &::after{", "}"], {
-  "pointerEvents": "none"
-}, {
-  "width": "100%",
-  "backgroundColor": "var(--color-primary)"
-}), props => props.$disabled && (0, _styledComponents.css)(["", ""], {
-  "cursor": "not-allowed",
-  "userSelect": "none",
-  "opacity": "0.5"
-}), props => props.$role === "light" && (0, _styledComponents.css)(["", " color:var(--color-theme-800);font-weight:400;padding:0 8px;&::after{bottom:-4px;height:2px;}"], {
-  "fontSize": "0.875rem",
-  "lineHeight": "1.25rem"
-}), props => props.$active && (0, _styledComponents.css)(["", " & *{", "}"], {
-  "color": "var(--color-primary)"
-}, {
-  "color": "var(--color-primary)"
-}));
+}, function (props) {
+  return props.$active && (0, _styledComponents.css)(["", " &::after{", "}"], {
+    "pointerEvents": "none"
+  }, {
+    "width": "100%",
+    "backgroundColor": "var(--color-primary)"
+  });
+}, function (props) {
+  return props.$disabled && (0, _styledComponents.css)(["", ""], {
+    "cursor": "not-allowed",
+    "userSelect": "none",
+    "opacity": "0.5"
+  });
+}, function (props) {
+  return props.$role === "light" && (0, _styledComponents.css)(["", " color:var(--color-theme-800);font-weight:400;padding:0 8px;&::after{bottom:-4px;height:2px;}"], {
+    "fontSize": "0.875rem",
+    "lineHeight": "1.25rem"
+  });
+}, function (props) {
+  return props.$active && (0, _styledComponents.css)(["", " & *{", "}"], {
+    "color": "var(--color-primary)"
+  }, {
+    "color": "var(--color-primary)"
+  });
+});
 StyledNavListItem.displayName = "StyledNavListItem";
-const StyledNavAsSelect = exports.StyledNavAsSelect = _styledComponents.default.div.withConfig({
+var StyledNavAsSelect = exports.StyledNavAsSelect = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledNavAsSelect",
   componentId: "sc-1khiypw-3"
 })(["padding:0 10px;height:100%;display:flex;align-items:center;svg{color:var(--color-primary);}"]);
 StyledNavAsSelect.displayName = "StyledNavAsSelect";
-const StyledNavAsMoreTarget = exports.StyledNavAsMoreTarget = _styledComponents.default.div.withConfig({
+var StyledNavAsMoreTarget = exports.StyledNavAsMoreTarget = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledNavAsMoreTarget",
   componentId: "sc-1khiypw-4"
-})(["padding:0 10px;height:100%;display:flex;align-items:center;", ""], props => props.$role === "light" && (0, _styledComponents.css)(["padding:0;"]));
+})(["padding:0 10px;height:100%;display:flex;align-items:center;", ""], function (props) {
+  return props.$role === "light" && (0, _styledComponents.css)(["padding:0;"]);
+});
 StyledNavAsMoreTarget.displayName = "StyledNavAsMoreTarget";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNav","exports","styled","nav","withConfig","displayName","componentId","props","$align","css","$role","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNav","exports","styled","nav","withConfig","displayName","componentId","props","$align","css","$role","StyledNavList","ul","StyledNavListItem","li","$disabled","$active","StyledNavAsSelect","div","StyledNavAsMoreTarget"],"sources":["../../../../src/components/Nav/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { NavAlignType, NavRoleType } from \"./Nav\";\n\ninterface StyledNavProps {\n  $align?: NavAlignType;\n  $role?: NavRoleType;\n}\n\nexport const StyledNav = styled.nav<StyledNavProps>`\n  ${tw`tw-flex`}\n  height: 100%;\n  overflow: clip visible;\n\n  ${(props) =>\n    props.$align === \"left\" &&\n    css`\n      ${tw`tw-justify-start`}\n    `}\n\n  ${(props) =>\n    props.$align === \"center\" &&\n    css`\n      ${tw`tw-justify-center`}\n    `}\n\n  ${(props) =>\n    props.$align === \"right\" &&\n    css`\n      ${tw`tw-justify-end`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      height: auto;\n    `}\n`;\n\nStyledNav.displayName = \"StyledNav\";\n\nexport const StyledNavList = styled.ul`\n  ${tw`tw-flex tw-list-none tw-m-0 tw-p-0`}\n  overflow: clip visible;\n`;\n\nStyledNavList.displayName = \"StyledNavList\";\n\ninterface StyledNavListItemProps {\n  $active?: boolean;\n  $disabled?: boolean;\n  $role?: NavRoleType;\n  $asMore?: boolean;\n}\n\nexport const StyledNavListItem = styled.li<StyledNavListItemProps>`\n  ${tw`tw-text-sm tw-cursor-default tw-relative tw-select-none`}\n  color: var(--color-theme-700);\n  font-size: 15px;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  padding: 0 10px;\n  flex-shrink: 0;\n\n  &:hover,\n  &:hover * {\n    ${(props) =>\n      !props.$disabled &&\n      css`\n        ${tw`tw-text-primary`}\n      `}\n  }\n\n  ${(props) =>\n    !props.$active &&\n    !props.$disabled &&\n    css`\n      ${tw`tw-cursor-pointer`}\n    `}\n\n  &::after {\n    content: \"\";\n    ${tw`tw-absolute tw-block tw-m-auto tw-w-0 tw-bg-transparent`}\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    height: 3px;\n    transition: width 0.3s ease, background-color 0.3s ease;\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-pointer-events-none`}\n      &::after {\n        ${tw`tw-w-full tw-bg-primary`}\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-select-none tw-cursor-not-allowed tw-opacity-50`}\n    `}\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      ${tw`tw-text-sm`}\n      color: var(--color-theme-800);\n      font-weight: 400;\n      padding: 0 8px;\n\n      &::after {\n        bottom: -4px;\n        height: 2px;\n      }\n    `}\n\n  ${(props) =>\n    props.$active &&\n    css`\n      ${tw`tw-text-primary`}\n      & * {\n        ${tw`tw-text-primary`}\n      }\n    `}\n`;\n\nStyledNavListItem.displayName = \"StyledNavListItem\";\n\nexport const StyledNavAsSelect = styled.div`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  svg {\n    color: var(--color-primary);\n  }\n`;\n\nStyledNavAsSelect.displayName = \"StyledNavAsSelect\";\n\nexport const StyledNavAsMoreTarget = styled.div<{\n  $role?: NavRoleType;\n}>`\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n\n  ${(props) =>\n    props.$role === \"light\" &&\n    css`\n      padding: 0;\n    `}\n`;\n\nStyledNavAsMoreTarget.displayName = \"StyledNavAsMoreTarget\";\n"],"mappings":"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"}