@activecollab/components 2.0.90 → 2.0.92

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

@@ -1 +1 @@
-{"version":3,"file":"MultiAvatar.js","names":["_react","_interopRequireWildcard","require","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MultiAvatar","_ref","url","alt","size","className","children","setSize","useCallback","length","width","height","slicedUrl","useMemo","slice","createElement","StyledMultiAvatar","style","$urlCount","map","v","StyledMultiAvatarInner","key","src","exports","displayName"],"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, useMemo } from \"react\";\n\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\nexport interface MultiAvatarProps {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\n/**\n * @component MultiAvatar\n * @description\n * The MultiAvatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @prop {url} - The image urls of the MultiAvatar.\n * @prop {size} - controls the size of an MultiAvatar (width and height) in pixels.\n * @prop {alt} - alt attributes of the imgs.\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]} />\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]}\n * >\n *  <Badge />\n * </MultiAvatar>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const MultiAvatar = ({\n  url,\n  alt,\n  size = 24,\n  className,\n  children,\n}: PropsWithChildren<MultiAvatarProps>) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <span className=\"tw-relative tw-inline-flex\">\n      <StyledMultiAvatar\n        style={{ width: `${size}px`, height: `${size}px` }}\n        className={className}\n        $urlCount={url.length}\n      >\n        {slicedUrl.map((v, i) => (\n          <StyledMultiAvatarInner\n            style={setSize(i)}\n            className=\"c-multi-avatar__wrapper\"\n            key={`avatar_${i}`}\n          >\n            <img\n              src={v}\n              alt={alt && alt[i] ? alt[i] : `avatar_${i}`}\n              width={size}\n              height={size}\n            />\n          </StyledMultiAvatarInner>\n        ))}\n      </StyledMultiAvatar>\n      {children}\n    </span>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAqE,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAarE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMY,WAAW,GAAGC,IAAA,IAMgB;EAAA,IANf;IAC1BC,GAAG;IACHC,GAAG;IACHC,IAAI,GAAG,EAAE;IACTC,SAAS;IACTC;EACmC,CAAC,GAAAL,IAAA;EACpC,MAAMM,OAAO,GAAG,IAAAC,kBAAW,EACxBV,CAAS,IAAa;IACrB,QAAQI,GAAG,CAACO,MAAM;MAChB,KAAK,CAAC;QACJ,OAAO;UAAEC,KAAK,EAAG,GAAEN,IAAK,IAAG;UAAEO,MAAM,EAAG,GAAEP,IAAK;QAAI,CAAC;MACpD,KAAK,CAAC;QACJ,OAAO;UAAEM,KAAK,EAAG,GAAEN,IAAI,GAAG,CAAE,IAAG;UAAEO,MAAM,EAAG,GAAEP,IAAK;QAAI,CAAC;MACxD,KAAK,CAAC;QACJ,IAAIN,CAAC,KAAK,CAAC,EAAE;UACX,OAAO;YAAEY,KAAK,EAAG,GAAEN,IAAI,GAAG,CAAE,IAAG;YAAEO,MAAM,EAAG,GAAEP,IAAK;UAAI,CAAC;QACxD,CAAC,MAAM;UACL,OAAO;YAAEM,KAAK,EAAG,GAAEN,IAAI,GAAG,CAAE,IAAG;YAAEO,MAAM,EAAG,GAAEP,IAAI,GAAG,CAAE;UAAI,CAAC;QAC5D;MACF;QACE,OAAO;UAAEM,KAAK,EAAG,GAAEN,IAAI,GAAG,CAAE,IAAG;UAAEO,MAAM,EAAG,GAAEP,IAAI,GAAG,CAAE;QAAI,CAAC;IAC9D;EACF,CAAC,EACD,CAACA,IAAI,EAAEF,GAAG,CAACO,MAAM,CACnB,CAAC;EAED,MAAMG,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,IAAIX,GAAG,EAAEO,MAAM,GAAG,CAAC,EAAE;MACnB,OAAOP,GAAG,CAACY,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB;IAEA,OAAOZ,GAAG;EACZ,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAET,oBACE3B,MAAA,CAAAU,OAAA,CAAA8B,aAAA;IAAMV,SAAS,EAAC;EAA4B,gBAC1C9B,MAAA,CAAAU,OAAA,CAAA8B,aAAA,CAACrC,OAAA,CAAAsC,iBAAiB;IAChBC,KAAK,EAAE;MAAEP,KAAK,EAAG,GAAEN,IAAK,IAAG;MAAEO,MAAM,EAAG,GAAEP,IAAK;IAAI,CAAE;IACnDC,SAAS,EAAEA,SAAU;IACrBa,SAAS,EAAEhB,GAAG,CAACO;EAAO,GAErBG,SAAS,CAACO,GAAG,CAAC,CAACC,CAAC,EAAEtB,CAAC,kBAClBvB,MAAA,CAAAU,OAAA,CAAA8B,aAAA,CAACrC,OAAA,CAAA2C,sBAAsB;IACrBJ,KAAK,EAAEV,OAAO,CAACT,CAAC,CAAE;IAClBO,SAAS,EAAC,yBAAyB;IACnCiB,GAAG,EAAG,UAASxB,CAAE;EAAE,gBAEnBvB,MAAA,CAAAU,OAAA,CAAA8B,aAAA;IACEQ,GAAG,EAAEH,CAAE;IACPjB,GAAG,EAAEA,GAAG,IAAIA,GAAG,CAACL,CAAC,CAAC,GAAGK,GAAG,CAACL,CAAC,CAAC,GAAI,UAASA,CAAE,EAAE;IAC5CY,KAAK,EAAEN,IAAK;IACZO,MAAM,EAAEP;EAAK,CACd,CACqB,CACzB,CACgB,CAAC,EACnBE,QACG,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAAxB,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACyB,WAAW,GAAG,aAAa"}
+{"version":3,"file":"MultiAvatar.js","names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","_ref","url","alt","size","className","children","setSize","i","length","width","height","slicedUrl","slice","createElement","style","$urlCount","map","v","key","src","displayName"],"sources":["../../../../src/components/MultiAvatar/MultiAvatar.tsx"],"sourcesContent":["import React, { PropsWithChildren, useCallback, useMemo } from \"react\";\n\nimport { StyledMultiAvatar, StyledMultiAvatarInner } from \"./Styles\";\n\nexport interface MultiAvatarProps {\n  /** Path url. */\n  url: string[];\n  /** Alt text. */\n  alt?: string[];\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\n/**\n * @component MultiAvatar\n * @description\n * The MultiAvatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @prop {url} - The image urls of the MultiAvatar.\n * @prop {size} - controls the size of an MultiAvatar (width and height) in pixels.\n * @prop {alt} - alt attributes of the imgs.\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]} />\n *\n * @example\n * <MultiAvatar\n *  url={[\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\", \"https://faces-img.xcdn.link/image-lorem-face-953.jpg\"]}\n *  alt={[\"Profile picture of John\", \"Profile picture of Sarah\"]}\n * >\n *  <Badge />\n * </MultiAvatar>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const MultiAvatar = ({\n  url,\n  alt,\n  size = 24,\n  className,\n  children,\n}: PropsWithChildren<MultiAvatarProps>) => {\n  const setSize = useCallback(\n    (i: number): object => {\n      switch (url.length) {\n        case 1:\n          return { width: `${size}px`, height: `${size}px` };\n        case 2:\n          return { width: `${size / 2}px`, height: `${size}px` };\n        case 3:\n          if (i === 0) {\n            return { width: `${size / 2}px`, height: `${size}px` };\n          } else {\n            return { width: `${size / 2}px`, height: `${size / 2}px` };\n          }\n        default:\n          return { width: `${size / 2}px`, height: `${size / 2}px` };\n      }\n    },\n    [size, url.length]\n  );\n\n  const slicedUrl = useMemo(() => {\n    if (url?.length > 4) {\n      return url.slice(0, 4);\n    }\n\n    return url;\n  }, [url]);\n\n  return (\n    <span className=\"tw-relative tw-inline-flex\">\n      <StyledMultiAvatar\n        style={{ width: `${size}px`, height: `${size}px` }}\n        className={className}\n        $urlCount={url.length}\n      >\n        {slicedUrl.map((v, i) => (\n          <StyledMultiAvatarInner\n            style={setSize(i)}\n            className=\"c-multi-avatar__wrapper\"\n            key={`avatar_${i}`}\n          >\n            <img\n              src={v}\n              alt={alt && alt[i] ? alt[i] : `avatar_${i}`}\n              width={size}\n              height={size}\n            />\n          </StyledMultiAvatarInner>\n        ))}\n      </StyledMultiAvatar>\n      {children}\n    </span>\n  );\n};\n\nMultiAvatar.displayName = \"MultiAvatar\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAuBC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEtE,SAASC,iBAAiB,EAAEC,sBAAsB,QAAQ,UAAU;AAapE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAMgB;EAAA,IANf;IAC1BC,GAAG;IACHC,GAAG;IACHC,IAAI,GAAG,EAAE;IACTC,SAAS;IACTC;EACmC,CAAC,GAAAL,IAAA;EACpC,MAAMM,OAAO,GAAGX,WAAW,CACxBY,CAAS,IAAa;IACrB,QAAQN,GAAG,CAACO,MAAM;MAChB,KAAK,CAAC;QACJ,OAAO;UAAEC,KAAK,EAAKN,IAAI,OAAI;UAAEO,MAAM,EAAKP,IAAI;QAAK,CAAC;MACpD,KAAK,CAAC;QACJ,OAAO;UAAEM,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;UAAEO,MAAM,EAAKP,IAAI;QAAK,CAAC;MACxD,KAAK,CAAC;QACJ,IAAII,CAAC,KAAK,CAAC,EAAE;UACX,OAAO;YAAEE,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;YAAEO,MAAM,EAAKP,IAAI;UAAK,CAAC;QACxD,CAAC,MAAM;UACL,OAAO;YAAEM,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;YAAEO,MAAM,EAAKP,IAAI,GAAG,CAAC;UAAK,CAAC;QAC5D;MACF;QACE,OAAO;UAAEM,KAAK,EAAKN,IAAI,GAAG,CAAC,OAAI;UAAEO,MAAM,EAAKP,IAAI,GAAG,CAAC;QAAK,CAAC;IAC9D;EACF,CAAC,EACD,CAACA,IAAI,EAAEF,GAAG,CAACO,MAAM,CACnB,CAAC;EAED,MAAMG,SAAS,GAAGf,OAAO,CAAC,MAAM;IAC9B,IAAI,CAAAK,GAAG,oBAAHA,GAAG,CAAEO,MAAM,IAAG,CAAC,EAAE;MACnB,OAAOP,GAAG,CAACW,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACxB;IAEA,OAAOX,GAAG;EACZ,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAET,oBACEP,KAAA,CAAAmB,aAAA;IAAMT,SAAS,EAAC;EAA4B,gBAC1CV,KAAA,CAAAmB,aAAA,CAAChB,iBAAiB;IAChBiB,KAAK,EAAE;MAAEL,KAAK,EAAKN,IAAI,OAAI;MAAEO,MAAM,EAAKP,IAAI;IAAK,CAAE;IACnDC,SAAS,EAAEA,SAAU;IACrBW,SAAS,EAAEd,GAAG,CAACO;EAAO,GAErBG,SAAS,CAACK,GAAG,CAAC,CAACC,CAAC,EAAEV,CAAC,kBAClBb,KAAA,CAAAmB,aAAA,CAACf,sBAAsB;IACrBgB,KAAK,EAAER,OAAO,CAACC,CAAC,CAAE;IAClBH,SAAS,EAAC,yBAAyB;IACnCc,GAAG,cAAYX;EAAI,gBAEnBb,KAAA,CAAAmB,aAAA;IACEM,GAAG,EAAEF,CAAE;IACPf,GAAG,EAAEA,GAAG,IAAIA,GAAG,CAACK,CAAC,CAAC,GAAGL,GAAG,CAACK,CAAC,CAAC,eAAaA,CAAI;IAC5CE,KAAK,EAAEN,IAAK;IACZO,MAAM,EAAEP;EAAK,CACd,CACqB,CACzB,CACgB,CAAC,EACnBE,QACG,CAAC;AAEX,CAAC;AAEDN,WAAW,CAACqB,WAAW,GAAG,aAAa"}

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

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMultiAvatarInner = exports.StyledMultiAvatar = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-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; }
-const StyledMultiAvatarImg = (0, _styledComponents.css)(["width:inherit;height:inherit;"]);
-const StyledMultiAvatarInner = exports.StyledMultiAvatarInner = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+const StyledMultiAvatarImg = css(["width:inherit;height:inherit;"]);
+export const StyledMultiAvatarInner = styled.div.withConfig({
   displayName: "Styles__StyledMultiAvatarInner",
   componentId: "sc-k6nldn-0"
 })(["overflow:hidden;position:absolute;display:inline-flex;"]);
-const StyledMultiAvatar = exports.StyledMultiAvatar = _styledComponents.default.div.withConfig({
+export const StyledMultiAvatar = styled.div.withConfig({
   displayName: "Styles__StyledMultiAvatar",
   componentId: "sc-k6nldn-1"
-})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, props => props.$urlCount === 2 && (0, _styledComponents.css)(["", ":first-child{left:0;img{transform:translateX(-20%);}}", ":last-child{right:0;img{transform:translateX(-20%);}}"], StyledMultiAvatarInner, StyledMultiAvatarInner), props => props.$urlCount === 3 && (0, _styledComponents.css)(["", ":nth-child(1){left:0;img{transform:translateX(-20%);}}", ":nth-child(2){right:0;top:0;img{", "}}", ":nth-child(3){right:0;bottom:0;img{", "}}"], StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarImg), props => props.$urlCount > 3 && (0, _styledComponents.css)(["img{", "}", ":nth-child(1){left:0;}", ":nth-child(2){left:0;bottom:0;}", ":nth-child(3){right:0;top:0;}", ":nth-child(4){right:0;bottom:0;}"], StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner));
+})(["", " border-radius:100%;position:relative;overflow:hidden;", " ", " ", ""], BoxSizingStyle, props => props.$urlCount === 2 && css(["", ":first-child{left:0;img{transform:translateX(-20%);}}", ":last-child{right:0;img{transform:translateX(-20%);}}"], StyledMultiAvatarInner, StyledMultiAvatarInner), props => props.$urlCount === 3 && css(["", ":nth-child(1){left:0;img{transform:translateX(-20%);}}", ":nth-child(2){right:0;top:0;img{", "}}", ":nth-child(3){right:0;bottom:0;img{", "}}"], StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarImg), props => props.$urlCount > 3 && css(["img{", "}", ":nth-child(1){left:0;}", ":nth-child(2){left:0;bottom:0;}", ":nth-child(3){right:0;top:0;}", ":nth-child(4){right:0;bottom:0;}"], StyledMultiAvatarImg, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner, StyledMultiAvatarInner));
 StyledMultiAvatar.displayName = "StyledMultiAvatar";
 StyledMultiAvatarInner.displayName = "StyledMultiAvatarInner";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledMultiAvatarImg","css","StyledMultiAvatarInner","exports","styled","div","withConfig","displayName","componentId","StyledMultiAvatar","BoxSizingStyle","props","$urlCount"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n  display: inline-flex;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnD,MAAMY,oBAAoB,OAAGC,qBAAG,oCAG/B;AAEM,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAI/C;AAEM,MAAMC,iBAAiB,GAAAN,OAAA,CAAAM,iBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iFACvCE,8BAAc,EAMbC,KAAK,IACNA,KAAK,CAACC,SAAS,KAAK,CAAC,QACrBX,qBAAG,0HACCC,sBAAsB,EAMtBA,sBAAsB,CAMzB,EAEAS,KAAK,IACNA,KAAK,CAACC,SAAS,KAAK,CAAC,QACrBX,qBAAG,yJACCC,sBAAsB,EAMtBA,sBAAsB,EAKlBF,oBAAoB,EAGxBE,sBAAsB,EAKlBF,oBAAoB,CAG3B,EAEAW,KAAK,IACNA,KAAK,CAACC,SAAS,GAAG,CAAC,QACnBX,qBAAG,mJAEGD,oBAAoB,EAEtBE,sBAAsB,EAGtBA,sBAAsB,EAItBA,sBAAsB,EAItBA,sBAAsB,CAIzB,CACJ;AAEDO,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AACnDL,sBAAsB,CAACK,WAAW,GAAG,wBAAwB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledMultiAvatarImg","StyledMultiAvatarInner","div","withConfig","displayName","componentId","StyledMultiAvatar","props","$urlCount"],"sources":["../../../../src/components/MultiAvatar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nconst StyledMultiAvatarImg = css`\n  width: inherit;\n  height: inherit;\n`;\n\nexport const StyledMultiAvatarInner = styled.div`\n  overflow: hidden;\n  position: absolute;\n  display: inline-flex;\n`;\n\nexport const StyledMultiAvatar = styled.div<{ $urlCount: number }>`\n  ${BoxSizingStyle}\n\n  border-radius: 100%;\n  position: relative;\n  overflow: hidden;\n\n  ${(props) =>\n    props.$urlCount === 2 &&\n    css`\n      ${StyledMultiAvatarInner}:first-child {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:last-child {\n        right: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount === 3 &&\n    css`\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n        img {\n          transform: translateX(-20%);\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        right: 0;\n        top: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        bottom: 0;\n\n        img {\n          ${StyledMultiAvatarImg}\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$urlCount > 3 &&\n    css`\n      img {\n        ${StyledMultiAvatarImg}\n      }\n      ${StyledMultiAvatarInner}:nth-child(1) {\n        left: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(2) {\n        left: 0;\n        bottom: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(3) {\n        right: 0;\n        top: 0;\n      }\n      ${StyledMultiAvatarInner}:nth-child(4) {\n        right: 0;\n        bottom: 0;\n      }\n    `}\n`;\n\nStyledMultiAvatar.displayName = \"StyledMultiAvatar\";\nStyledMultiAvatarInner.displayName = \"StyledMultiAvatarInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,MAAMC,oBAAoB,GAAGF,GAAG,mCAG/B;AAED,OAAO,MAAMG,sBAAsB,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAI/C;AAED,OAAO,MAAMC,iBAAiB,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iFACvCN,cAAc,EAMbQ,KAAK,IACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBV,GAAG,yHACCG,sBAAsB,EAMtBA,sBAAsB,CAMzB,EAEAM,KAAK,IACNA,KAAK,CAACC,SAAS,KAAK,CAAC,IACrBV,GAAG,wJACCG,sBAAsB,EAMtBA,sBAAsB,EAKlBD,oBAAoB,EAGxBC,sBAAsB,EAKlBD,oBAAoB,CAG3B,EAEAO,KAAK,IACNA,KAAK,CAACC,SAAS,GAAG,CAAC,IACnBV,GAAG,kJAEGE,oBAAoB,EAEtBC,sBAAsB,EAGtBA,sBAAsB,EAItBA,sBAAsB,EAItBA,sBAAsB,CAIzB,CACJ;AAEDK,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AACnDH,sBAAsB,CAACG,WAAW,GAAG,wBAAwB"}

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

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _MultiAvatar = require("./MultiAvatar");
-Object.keys(_MultiAvatar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MultiAvatar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _MultiAvatar[key];
-    }
-  });
-});
+export * from "./MultiAvatar";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_MultiAvatar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/MultiAvatar/index.ts"],"sourcesContent":["export * from \"./MultiAvatar\";\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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/MultiAvatar/index.ts"],"sourcesContent":["export * from \"./MultiAvatar\";\n"],"mappings":"AAAA,cAAc,eAAe"}

package/dist/esm/components/Nav/Item/Item.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Item = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("../Styles");
-const Item = exports.Item = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import classNames from "classnames";
+import { StyledNavListItem } from "../Styles";
+export const Item = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     children,
     active = false,
@@ -18,8 +11,8 @@ const Item = exports.Item = /*#__PURE__*/_react.default.forwardRef((_ref, ref) =
     role,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItem, (0, _extends2.default)({
-    className: (0, _classnames.default)(`c-nav__item`, {
+  return /*#__PURE__*/React.createElement(StyledNavListItem, _extends({
+    className: classNames("c-nav__item", {
       "c-nav__item--active": active
     }, className),
     ref: ref

package/dist/esm/components/Nav/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","Item","exports","React","forwardRef","_ref","ref","children","active","disabled","className","role","rest","default","createElement","StyledNavListItem","_extends2","classNames","$active","$disabled","$role","displayName"],"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import React, { ReactChild } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAcO,MAAMG,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAGE,cAAK,CAACC,UAAU,CAIlC,CAAAC,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,QAAQ;IAAEC,MAAM,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAAP,IAAA;EAGxE,oBACET,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,OAAA,CAAAe,iBAAiB,MAAAC,SAAA,CAAAH,OAAA;IAChBH,SAAS,EAAE,IAAAO,mBAAU,EAClB,aAAY,EACb;MACE,qBAAqB,EAAET;IACzB,CAAC,EACDE,SACF,CAAE;IACFJ,GAAG,EAAEA;EAAI,GACLM,IAAI;IACRM,OAAO,EAAEV,MAAO;IAChBW,SAAS,EAAEV,QAAS;IACpBW,KAAK,EAAET;EAAK,IAEXJ,QACgB,CAAC;AAExB,CACF,CAAC;AAEDN,IAAI,CAACoB,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Item.js","names":["React","classNames","StyledNavListItem","Item","forwardRef","_ref","ref","children","active","disabled","className","role","rest","createElement","_extends","$active","$disabled","$role","displayName"],"sources":["../../../../../src/components/Nav/Item/Item.tsx"],"sourcesContent":["import React, { ReactChild } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { NavRoleType } from \"../Nav\";\nimport { StyledNavListItem } from \"../Styles\";\n\nexport interface ItemProps {\n  /** Classname prop for custom styling. */\n  children: ReactChild | string;\n  /** Active state(underline). */\n  active?: boolean;\n  /** Disabled state. */\n  disabled?: boolean;\n  className?: string;\n  name: string;\n  role?: NavRoleType;\n}\n\nexport const Item = React.forwardRef<\n  HTMLLIElement,\n  ItemProps & React.ComponentPropsWithoutRef<\"li\">\n>(\n  (\n    { children, active = false, disabled = false, className, role, ...rest },\n    ref\n  ) => {\n    return (\n      <StyledNavListItem\n        className={classNames(\n          `c-nav__item`,\n          {\n            \"c-nav__item--active\": active,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n        $active={active}\n        $disabled={disabled}\n        $role={role}\n      >\n        {children}\n      </StyledNavListItem>\n    );\n  }\n);\n\nItem.displayName = \"Item\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAAsB,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAGnC,SAASC,iBAAiB,QAAQ,WAAW;AAc7C,OAAO,MAAMC,IAAI,gBAAGH,KAAK,CAACI,UAAU,CAIlC,CAAAC,IAAA,EAEEC,GAAG,KACA;EAAA,IAFH;IAAEC,QAAQ;IAAEC,MAAM,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC,SAAS;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAAP,IAAA;EAGxE,oBACEL,KAAA,CAAAa,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBJ,SAAS,EAAET,UAAU,gBAEnB;MACE,qBAAqB,EAAEO;IACzB,CAAC,EACDE,SACF,CAAE;IACFJ,GAAG,EAAEA;EAAI,GACLM,IAAI;IACRG,OAAO,EAAEP,MAAO;IAChBQ,SAAS,EAAEP,QAAS;IACpBQ,KAAK,EAAEN;EAAK,IAEXJ,QACgB,CAAC;AAExB,CACF,CAAC;AAEDJ,IAAI,CAACe,WAAW,GAAG,MAAM"}

package/dist/esm/components/Nav/Item/Styles.js

@@ -1,17 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledNavListItemMore = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Item = require("./Item");
-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; }
-const StyledNavListItemMore = exports.StyledNavListItemMore = (0, _styledComponents.default)(_Item.Item).withConfig({
+import styled, { css } from "styled-components";
+import { Item } from "./Item";
+export const StyledNavListItemMore = styled(Item).withConfig({
   displayName: "Styles__StyledNavListItemMore",
   componentId: "sc-m6npdq-0"
-})(["", " cursor:pointer;", ""], props => props.role !== "light" && (0, _styledComponents.css)(["padding:0;"]), {
+})(["", " cursor:pointer;", ""], props => props.role !== "light" && css(["padding:0;"]), {
   "pointerEvents": "auto"
 });
 StyledNavListItemMore.displayName = "StyledNavListItemMore";

package/dist/esm/components/Nav/Item/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Item","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNavListItemMore","exports","styled","Item","withConfig","displayName","componentId","props","role","css"],"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AAA8B,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEvB,MAAMY,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAC5CC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,QACtBC,qBAAG,iBAEF,EAEC;EAAA;AAAuB,CAAC,CAC7B;AAEDT,qBAAqB,CAACK,WAAW,GAAG,uBAAuB"}
+{"version":3,"file":"Styles.js","names":["styled","css","Item","StyledNavListItemMore","withConfig","displayName","componentId","props","role"],"sources":["../../../../../src/components/Nav/Item/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Item } from \"./Item\";\n\nexport const StyledNavListItemMore = styled(Item)`\n  ${(props) =>\n    props.role !== \"light\" &&\n    css`\n      padding: 0;\n    `}\n  cursor: pointer;\n  ${tw`tw-pointer-events-auto`}\n`;\n\nStyledNavListItemMore.displayName = \"StyledNavListItemMore\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,IAAI,QAAQ,QAAQ;AAE7B,OAAO,MAAMC,qBAAqB,GAAGH,MAAM,CAACE,IAAI,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iCAC5CC,KAAK,IACNA,KAAK,CAACC,IAAI,KAAK,OAAO,IACtBP,GAAG,gBAEF,EAEC;EAAA;AAAuB,CAAC,CAC7B;AAEDE,qBAAqB,CAACE,WAAW,GAAG,uBAAuB"}

package/dist/esm/components/Nav/Item/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Item = require("./Item");
-Object.keys(_Item).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Item[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Item[key];
-    }
-  });
-});
+export * from "./Item";
 //# sourceMappingURL=index.js.map

package/dist/esm/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":[],"sources":["../../../../../src/components/Nav/Item/index.ts"],"sourcesContent":["export * from \"./Item\";\n"],"mappings":"AAAA,cAAc,QAAQ"}

package/dist/esm/components/Nav/Nav.js

@@ -1,21 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Nav = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _lodash = _interopRequireDefault(require("lodash.debounce"));
-var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
-var _Styles = require("./Item/Styles");
-var _Styles2 = require("./Styles");
-var _ExpandSingle = require("../Expanders/ExpandSingle");
-var _Select = require("../Select/Select");
-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; }
-const Nav = _ref => {
+import React, { useState, useRef, useCallback, useEffect, useLayoutEffect, useMemo, Children, cloneElement } from "react";
+import classNames from "classnames";
+import debounce from "lodash.debounce";
+import ResizeObserver from "resize-observer-polyfill";
+import { StyledNavListItemMore } from "./Item/Styles";
+import { StyledNav, StyledNavAsMoreTarget, StyledNavAsSelect, StyledNavList } from "./Styles";
+import { ExpandSingle } from "../Expanders/ExpandSingle";
+import { Select } from "../Select/Select";
+export const Nav = _ref => {
   let {
     children,
     alignment = "left",
@@ -26,16 +17,16 @@ const Nav = _ref => {
     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)(() => {
+  const [active, setActive] = useState(0);
+  const [visibleTabIndexes, setVisibleTabIndexes] = useState([]);
+  const [measuringRender, setMeasuringRender] = useState(false);
+  const [moreVisible, setMoreVisible] = useState(false);
+  const [renderNavAsSelect, setRenderNavAsSelect] = useState(false);
+  const [options, setOptions] = useState([]);
+  const [moreOpened, setMoreOpened] = useState(false);
+  const [isMounted, setIsMounted] = useState(false);
+  const navItemNames = useMemo(() => children.map(item => item.props.name), [children]);
+  const allOptions = useMemo(() => {
     return navItemNames.map((name, index) => {
       return {
         id: index,
@@ -45,10 +36,10 @@ 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 => {
+  const navRef = useRef(null);
+  const navItemsRefs = useRef({});
+  const moreItemRef = useRef(null);
+  const onClick = useCallback(e => {
     if (e.target && e.currentTarget.dataset.index && !e.currentTarget.dataset.disabled) {
       const index = Number(e.currentTarget.dataset.index);
       setActive(index);
@@ -58,16 +49,17 @@ const Nav = _ref => {
       setMeasuringRender(true);
     }
   }, [onSelect]);
-  (0, _react.useMemo)(() => {
-    _react.Children.forEach(children, (child, index) => {
+  useMemo(() => {
+    Children.forEach(children, (child, index) => {
       if (child && child.props.active) {
         setActive(index);
       }
     });
   }, [children]);
-  (0, _react.useLayoutEffect)(() => {
+  useLayoutEffect(() => {
     if (type === "inline" && measuringRender && isMounted) {
-      const containerWidth = navRef.current?.offsetWidth || 0;
+      var _navRef$current;
+      const containerWidth = ((_navRef$current = navRef.current) == null ? void 0 : _navRef$current.offsetWidth) || 0;
       const itemsWidth = Object.values(navItemsRefs.current).reduce((acc, item) => {
         const itemEl = item;
         return acc + (itemEl ? itemEl.offsetWidth : 0);
@@ -82,7 +74,8 @@ const Nav = _ref => {
       }
       setMoreVisible(true);
       if (moreVisible) {
-        const moreItemWidth = moreItemRef.current?.offsetWidth || 0;
+        var _moreItemRef$current;
+        const moreItemWidth = ((_moreItemRef$current = moreItemRef.current) == null ? void 0 : _moreItemRef$current.offsetWidth) || 0;
         const firstItemWidth = navItemsRefs.current[0].offsetWidth;
 
         // collapse Nav to Select, there is no enough room
@@ -123,9 +116,9 @@ const Nav = _ref => {
       }
     }
   }, [children, isMounted, measuringRender, moreVisible, navItemNames, type, visibleTabIndexes]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (type === "inline") {
-      const handleResize = (0, _lodash.default)(() => {
+      const handleResize = debounce(() => {
         setMeasuringRender(true);
       }, 300);
       window.addEventListener("resize", handleResize);
@@ -136,9 +129,9 @@ const Nav = _ref => {
   }, [type]);
 
   // we are using observer to solve the problem of the initial rendering
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (type === "inline" && navRef.current) {
-      const resizeObserver = new _resizeObserverPolyfill.default(entries => {
+      const resizeObserver = new ResizeObserver(entries => {
         for (const entry of entries) {
           const {
             contentRect
@@ -162,12 +155,12 @@ const Nav = _ref => {
       };
     }
   }, [type]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     setMeasuringRender(true);
     setIsMounted(true);
   }, []);
-  const visibleTabs = (0, _react.useMemo)(() => {
-    const tabs = _react.Children.toArray(children);
+  const visibleTabs = useMemo(() => {
+    const tabs = Children.toArray(children);
     if (measuringRender || !isMounted) {
       return tabs;
     } else {
@@ -176,30 +169,30 @@ const Nav = _ref => {
       });
     }
   }, [children, isMounted, measuringRender, visibleTabIndexes]);
-  const onMoreOptionClick = (0, _react.useCallback)(id => {
+  const onMoreOptionClick = useCallback(id => {
     setActive(id);
     if (onMoreOptionSelect) {
       onMoreOptionSelect(id);
     }
     setMeasuringRender(true);
   }, [onMoreOptionSelect]);
-  const navAsSelect = (0, _react.useMemo)(() => {
-    return /*#__PURE__*/_react.default.createElement(_Styles2.StyledNavAsSelect, null, /*#__PURE__*/_react.default.createElement("span", null, navItemNames[active]), /*#__PURE__*/_react.default.createElement(_ExpandSingle.ExpandSingle, {
+  const navAsSelect = useMemo(() => {
+    return /*#__PURE__*/React.createElement(StyledNavAsSelect, null, /*#__PURE__*/React.createElement("span", null, navItemNames[active]), /*#__PURE__*/React.createElement(ExpandSingle, {
       expanded: moreOpened,
       fill: "currentColor"
     }));
   }, [active, moreOpened, navItemNames]);
-  const setMoreOpen = (0, _react.useCallback)(() => setMoreOpened(true), []);
-  const setMoreClose = (0, _react.useCallback)(() => setMoreOpened(false), []);
-  return /*#__PURE__*/_react.default.createElement(_Styles2.StyledNav, {
-    className: (0, _classnames.default)("c-nav", className),
+  const setMoreOpen = useCallback(() => setMoreOpened(true), []);
+  const setMoreClose = useCallback(() => setMoreOpened(false), []);
+  return /*#__PURE__*/React.createElement(StyledNav, {
+    className: classNames("c-nav", className),
     $align: alignment,
     $role: role
-  }, /*#__PURE__*/_react.default.createElement(_Styles2.StyledNavList, {
+  }, /*#__PURE__*/React.createElement(StyledNavList, {
     ref: navRef
   }, type === "inline" && visibleTabs.map((child, index) => {
     const element = child;
-    return /*#__PURE__*/(0, _react.cloneElement)(element, {
+    return /*#__PURE__*/cloneElement(element, {
       active: index === active,
       role,
       ref: el => {
@@ -209,14 +202,14 @@ const Nav = _ref => {
       "data-index": index,
       "data-disabled": element.props.disabled
     });
-  }), type === "inline" && moreVisible ? /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItemMore, {
+  }), type === "inline" && moreVisible ? /*#__PURE__*/React.createElement(StyledNavListItemMore, {
     ref: moreItemRef,
     name: "More",
     active: visibleTabIndexes.indexOf(active) === -1,
     role: role
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     selected: active,
-    target: /*#__PURE__*/_react.default.createElement(_Styles2.StyledNavAsMoreTarget, {
+    target: /*#__PURE__*/React.createElement(StyledNavAsMoreTarget, {
       $role: role
     }, moreLabel),
     disabledInternalSort: true,
@@ -229,11 +222,11 @@ const Nav = _ref => {
     keepSameOptionsOrder: true,
     onSelectOpen: setMoreOpen,
     onSelectClose: setMoreClose
-  })) : null, type === "dropdown" || renderNavAsSelect ? /*#__PURE__*/_react.default.createElement(_Styles.StyledNavListItemMore, {
+  })) : null, type === "dropdown" || renderNavAsSelect ? /*#__PURE__*/React.createElement(StyledNavListItemMore, {
     name: "More",
     active: visibleTabIndexes.indexOf(active) === -1,
     role: role
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     selected: active,
     target: navAsSelect,
     disabledInternalSort: true,
@@ -248,6 +241,5 @@ const Nav = _ref => {
     onSelectClose: setMoreClose
   })) : null));
 };
-exports.Nav = Nav;
 Nav.displayName = "Nav";
 //# sourceMappingURL=Nav.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Nav.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_lodash","_resizeObserverPolyfill","_Styles","_Styles2","_ExpandSingle","_Select","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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\";\n\nimport classNames from \"classnames\";\nimport debounce from \"lodash.debounce\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\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","useState","useRef","useCallback","useEffect","useLayoutEffect","useMemo","Children","cloneElement","classNames","debounce","ResizeObserver","StyledNavListItemMore","StyledNav","StyledNavAsMoreTarget","StyledNavAsSelect","StyledNavList","ExpandSingle","Select","Nav","_ref","children","alignment","onSelect","onMoreOptionSelect","className","role","moreLabel","type","active","setActive","visibleTabIndexes","setVisibleTabIndexes","measuringRender","setMeasuringRender","moreVisible","setMoreVisible","renderNavAsSelect","setRenderNavAsSelect","options","setOptions","moreOpened","setMoreOpened","isMounted","setIsMounted","navItemNames","map","item","props","name","allOptions","index","id","navRef","navItemsRefs","moreItemRef","onClick","e","target","currentTarget","dataset","disabled","Number","forEach","child","_navRef$current","containerWidth","current","offsetWidth","itemsWidth","Object","values","reduce","acc","itemEl","Array","from","keys","_moreItemRef$current","moreItemWidth","firstItemWidth","visible","allWidth","liItem","push","filter","includes","handleResize","window","addEventListener","removeEventListener","resizeObserver","entries","entry","contentRect","width","observe","setTimeout","unobserve","disconnect","visibleTabs","tabs","toArray","onMoreOptionClick","navAsSelect","createElement","expanded","fill","setMoreOpen","setMoreClose","$align","$role","ref","element","el","indexOf","selected","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\";\n\nimport classNames from \"classnames\";\nimport debounce from \"lodash.debounce\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\nimport { ItemProps } from \"./Item/Item\";\nimport { StyledNavListItemMore } from \"./Item/Styles\";\nimport {\n  StyledNav,\n  StyledNavAsMoreTarget,\n  StyledNavAsSelect,\n  StyledNavList,\n} from \"./Styles\";\nimport { ISyntheticEvent } from \"../../types\";\nimport { ExpandSingle } from \"../Expanders/ExpandSingle\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { Select } from \"../Select/Select\";\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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"}