@activecollab/components 2.0.304 → 2.0.307

package/dist/esm/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,MAAMC,QAAQ,gBAAGH,UAAU,CAChC,CAAAI,IAAA,EAMEC,GAA0C,KACvC;EAAA,IANH;MACEC,QAAQ;MACRC;IAEgE,CAAC,GAAAH,IAAA;IAD9DI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,cAAc,EAAAU,QAAA;IACbL,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDF,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAE;EAAE,GACRL,KAAK,GAERF,QACa,CAAC;AAErB,CACF,CAAC;AAEDH,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","tabIndex","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,MAAMC,QAAQ,gBAAGH,UAAU,CAChC,CAAAI,IAAA,EAMEC,GAA0C,KACvC;EAAA,IALDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,cAAc,EAAAU,QAAA;IACbL,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEM,SAAS,CAAE;IAChDF,GAAG,EAAEA,GAAI;IACTQ,QAAQ,EAAE;EAAE,GACRL,KAAK,GAERF,QACa,CAAC;AAErB,CACF,CAAC;AAEDH,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/esm/components/List/ListSeparator.js

@@ -5,9 +5,7 @@ import React from "react";
 import classnames from "classnames";
 import { StyledListSeparator } from "./Styles";
 export const ListSeparator = _ref => {
-  let {
-      className
-    } = _ref,
+  let className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledListSeparator, _extends({
     className: classnames("c-list-separator", className)

package/dist/esm/components/List/ListSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","_ref","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAGS;EAAA,IAHR;MAC5BC;IAE8B,CAAC,GAAAD,IAAA;IAD5BE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,oBACER,KAAA,CAAAS,aAAA,CAACP,mBAAmB,EAAAQ,QAAA;IAClBL,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEI,SAAS;EAAE,GACjDC,KAAK,CACV,CAAC;AAEN,CAAC;AAEDH,aAAa,CAACQ,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","_ref","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAGS;EAAA,IAFpCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,oBACER,KAAA,CAAAS,aAAA,CAACP,mBAAmB,EAAAQ,QAAA;IAClBL,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEI,SAAS;EAAE,GACjDC,KAAK,CACV,CAAC;AAEN,CAAC;AAEDH,aAAa,CAACQ,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/Loaders/Dots/DotsLoader.js

@@ -5,9 +5,7 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledDotsLoader } from "./Styles";
 export const DotsLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className
-    } = _ref,
+  let className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledDotsLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Dots/DotsLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"DotsLoader.js","names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAGlC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,gBAAgB,EAAAS,QAAA;IACfN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,yBAAyB,EAAEK,SAAS;EAAE,GACxDC,IAAI,gBAERR,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFP,UAAU,CAACS,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"DotsLoader.js","names":["React","forwardRef","classNames","StyledDotsLoader","DotsLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Dots/DotsLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledDotsLoader } from \"./Styles\";\n\nexport const DotsLoader = forwardRef<\n  HTMLSpanElement,\n  React.ComponentPropsWithoutRef<\"span\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledDotsLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--dots\", className)}\n      {...rest}\n    >\n      <span />\n      <span />\n      <span />\n    </StyledDotsLoader>\n  );\n});\n\nDotsLoader.displayName = \"DotsLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAE3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAGlC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAA9BC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,gBAAgB,EAAAS,QAAA;IACfN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,yBAAyB,EAAEK,SAAS;EAAE,GACxDC,IAAI,gBAERR,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CAAC,eACRX,KAAA,CAAAW,aAAA,aAAO,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFP,UAAU,CAACS,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/Loaders/Linear/LinearLoader.js

@@ -4,13 +4,16 @@ const _excluded = ["height", "activeStrokeColor", "inactiveStrokeColor", "active
 import React, { forwardRef } from "react";
 import { StyledLinearLoader } from "./Styles";
 export const LinearLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      height = 4,
-      activeStrokeColor = "var(--color-secondary)",
-      inactiveStrokeColor = "var(--color-theme-transparent-300)",
-      activeColorPercentage = "25%",
-      animationDuration = 0.75
-    } = _ref,
+  let _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 4 : _ref$height,
+    _ref$activeStrokeColo = _ref.activeStrokeColor,
+    activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-secondary)" : _ref$activeStrokeColo,
+    _ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
+    inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-transparent-300)" : _ref$inactiveStrokeCo,
+    _ref$activeColorPerce = _ref.activeColorPercentage,
+    activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
+    _ref$animationDuratio = _ref.animationDuration,
+    animationDuration = _ref$animationDuratio === void 0 ? 0.75 : _ref$animationDuratio,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledLinearLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Linear/LinearLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearLoader.js","names":["React","forwardRef","StyledLinearLoader","LinearLoader","_ref","ref","height","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","animationDuration","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$height","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$animationDuration","displayName"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport interface LinearLoaderProps {\n  height?: number;\n  activeStrokeColor?: string;\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  inactiveStrokeColor?: string;\n  animationDuration?: number;\n}\n\nexport const LinearLoader = forwardRef<HTMLDivElement, LinearLoaderProps>(\n  (\n    {\n      height = 4,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      animationDuration = 0.75,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledLinearLoader\n        ref={ref}\n        $height={height}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $animationDuration={animationDuration}\n        {...rest}\n      />\n    );\n  }\n);\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,UAAU;AAU7C,OAAO,MAAMC,YAAY,gBAAGF,UAAU,CACpC,CAAAG,IAAA,EASEC,GAAG,KACA;EAAA,IATH;MACEC,MAAM,GAAG,CAAC;MACVC,iBAAiB,GAAG,wBAAwB;MAC5CC,mBAAmB,GAAG,oCAAoC;MAC1DC,qBAAqB,GAAG,KAAK;MAC7BC,iBAAiB,GAAG;IAEtB,CAAC,GAAAN,IAAA;IADIO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EAIT,oBACEb,KAAA,CAAAc,aAAA,CAACZ,kBAAkB,EAAAa,QAAA;IACjBV,GAAG,EAAEA,GAAI;IACTW,OAAO,EAAEV,MAAO;IAChBW,kBAAkB,EAAEV,iBAAkB;IACtCW,oBAAoB,EAAEV,mBAAoB;IAC1CW,sBAAsB,EAAEV,qBAAsB;IAC9CW,kBAAkB,EAAEV;EAAkB,GAClCC,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDR,YAAY,CAACkB,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"LinearLoader.js","names":["React","forwardRef","StyledLinearLoader","LinearLoader","_ref","ref","_ref$height","height","_ref$activeStrokeColo","activeStrokeColor","_ref$inactiveStrokeCo","inactiveStrokeColor","_ref$activeColorPerce","activeColorPercentage","_ref$animationDuratio","animationDuration","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$height","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$animationDuration","displayName"],"sources":["../../../../../src/components/Loaders/Linear/LinearLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledLinearLoader } from \"./Styles\";\n\nexport interface LinearLoaderProps {\n  height?: number;\n  activeStrokeColor?: string;\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  inactiveStrokeColor?: string;\n  animationDuration?: number;\n}\n\nexport const LinearLoader = forwardRef<HTMLDivElement, LinearLoaderProps>(\n  (\n    {\n      height = 4,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      animationDuration = 0.75,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledLinearLoader\n        ref={ref}\n        $height={height}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $animationDuration={animationDuration}\n        {...rest}\n      />\n    );\n  }\n);\n\nLinearLoader.displayName = \"LinearLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,kBAAkB,QAAQ,UAAU;AAU7C,OAAO,MAAMC,YAAY,gBAAGF,UAAU,CACpC,CAAAG,IAAA,EASEC,GAAG,KACA;EAAA,IAAAC,WAAA,GAAAF,IAAA,CARDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IAAAE,qBAAA,GAAAJ,IAAA,CACVK,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,wBAAwB,GAAAA,qBAAA;IAAAE,qBAAA,GAAAN,IAAA,CAC5CO,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,oCAAoC,GAAAA,qBAAA;IAAAE,qBAAA,GAAAR,IAAA,CAC1DS,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAV,IAAA,CAC7BW,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IACrBE,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;EAIT,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,kBAAkB,EAAAkB,QAAA;IACjBf,GAAG,EAAEA,GAAI;IACTgB,OAAO,EAAEd,MAAO;IAChBe,kBAAkB,EAAEb,iBAAkB;IACtCc,oBAAoB,EAAEZ,mBAAoB;IAC1Ca,sBAAsB,EAAEX,qBAAsB;IAC9CY,kBAAkB,EAAEV;EAAkB,GAClCC,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDb,YAAY,CAACuB,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js

@@ -5,9 +5,7 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledSkeletonLoader } from "./Styles";
 export const SkeletonLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className
-    } = _ref,
+  let className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledSkeletonLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonLoader.js","names":["React","forwardRef","classNames","StyledSkeletonLoader","SkeletonLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport const SkeletonLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSkeletonLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoB,QAAQ,UAAU;AAE/C,OAAO,MAAMC,cAAc,gBAAGH,UAAU,CAGtC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAAhC;MAAEC;IAAmB,CAAC,GAAAF,IAAA;IAANG,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,oBAAoB,EAAAS,QAAA;IACnBN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS;EAAE,GAC1DC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFJ,cAAc,CAACS,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"file":"SkeletonLoader.js","names":["React","forwardRef","classNames","StyledSkeletonLoader","SkeletonLoader","_ref","ref","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../../src/components/Loaders/Skeleton/SkeletonLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledSkeletonLoader } from \"./Styles\";\n\nexport const SkeletonLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSkeletonLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--linear\", className)}\n      {...rest}\n    />\n  );\n});\n\nSkeletonLoader.displayName = \"SkeletonLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,oBAAoB,QAAQ,UAAU;AAE/C,OAAO,MAAMC,cAAc,gBAAGH,UAAU,CAGtC,CAAAI,IAAA,EAAyBC,GAAG,KAAK;EAAA,IAA9BC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAKC,IAAI,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EACrB,oBACEV,KAAA,CAAAW,aAAA,CAACR,oBAAoB,EAAAS,QAAA;IACnBN,GAAG,EAAEA,GAAI;IACTC,SAAS,EAAEL,UAAU,CAAC,2BAA2B,EAAEK,SAAS;EAAE,GAC1DC,IAAI,CACT,CAAC;AAEN,CAAC,CAAC;AAEFJ,cAAc,CAACS,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js

@@ -4,15 +4,19 @@ const _excluded = ["radius", "stroke", "activeStrokeColor", "inactiveStrokeColor
 import React, { forwardRef } from "react";
 import { StyledSpinnerLoader } from "./Styles";
 export const SpinnerLoader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      radius = 10,
-      stroke = 2,
-      activeStrokeColor = "var(--color-secondary)",
-      inactiveStrokeColor = "var(--color-theme-transparent-300)",
-      activeColorPercentage = "25%",
-      rotateDurationInSeconds = 0.75,
-      className
-    } = _ref,
+  let _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? 10 : _ref$radius,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? 2 : _ref$stroke,
+    _ref$activeStrokeColo = _ref.activeStrokeColor,
+    activeStrokeColor = _ref$activeStrokeColo === void 0 ? "var(--color-secondary)" : _ref$activeStrokeColo,
+    _ref$inactiveStrokeCo = _ref.inactiveStrokeColor,
+    inactiveStrokeColor = _ref$inactiveStrokeCo === void 0 ? "var(--color-theme-transparent-300)" : _ref$inactiveStrokeCo,
+    _ref$activeColorPerce = _ref.activeColorPercentage,
+    activeColorPercentage = _ref$activeColorPerce === void 0 ? "25%" : _ref$activeColorPerce,
+    _ref$rotateDurationIn = _ref.rotateDurationInSeconds,
+    rotateDurationInSeconds = _ref$rotateDurationIn === void 0 ? 0.75 : _ref$rotateDurationIn,
+    className = _ref.className,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
     ref: ref,

package/dist/esm/components/Loaders/Spinner/SpinnerLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerLoader.js","names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","_ref","ref","radius","stroke","activeStrokeColor","inactiveStrokeColor","activeColorPercentage","rotateDurationInSeconds","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$diameter","$stroke","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$rotateDurationInSeconds","displayName"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,mBAAmB,QAAQ,UAAU;AAiB9C,OAAO,MAAMC,aAAa,gBAAGF,UAAU,CAIrC,CAAAG,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;MACEC,MAAM,GAAG,EAAE;MACXC,MAAM,GAAG,CAAC;MACVC,iBAAiB,GAAG,wBAAwB;MAC5CC,mBAAmB,GAAG,oCAAoC;MAC1DC,qBAAqB,GAAG,KAAK;MAC7BC,uBAAuB,GAAG,IAAI;MAC9BC;IAEF,CAAC,GAAAR,IAAA;IADIS,IAAI,GAAAC,6BAAA,CAAAV,IAAA,EAAAW,SAAA;EAIT,oBACEf,KAAA,CAAAgB,aAAA,CAACd,mBAAmB,EAAAe,QAAA;IAClBZ,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAEA,SAAU;IACrBM,SAAS,EAAEZ,MAAM,GAAG,CAAE;IACtBa,OAAO,EAAEZ,MAAO;IAChBa,kBAAkB,EAAEZ,iBAAkB;IACtCa,oBAAoB,EAAEZ,mBAAoB;IAC1Ca,sBAAsB,EAAEZ,qBAAsB;IAC9Ca,wBAAwB,EAAEZ;EAAwB,GAC9CE,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDV,aAAa,CAACqB,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"SpinnerLoader.js","names":["React","forwardRef","StyledSpinnerLoader","SpinnerLoader","_ref","ref","_ref$radius","radius","_ref$stroke","stroke","_ref$activeStrokeColo","activeStrokeColor","_ref$inactiveStrokeCo","inactiveStrokeColor","_ref$activeColorPerce","activeColorPercentage","_ref$rotateDurationIn","rotateDurationInSeconds","className","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","$diameter","$stroke","$activeStrokeColor","$inactiveStrokeColor","$activeColorPercentage","$rotateDurationInSeconds","displayName"],"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport interface SpinnerLoaderProps {\n  /** Loader circumference size */\n  radius?: number;\n  /** Stroke width of the loader */\n  stroke?: number;\n  /** Active color of spinning loader */\n  activeStrokeColor?: string;\n  /** Percentage of the circle which the active color takes */\n  activeColorPercentage?: \"25%\" | \"50%\" | \"75%\";\n  /** Inactive color of spinning loader */\n  inactiveStrokeColor?: string;\n  /** Rotate speed of animation in seconds */\n  rotateDurationInSeconds?: number;\n}\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\"> & SpinnerLoaderProps\n>(\n  (\n    {\n      radius = 10,\n      stroke = 2,\n      activeStrokeColor = \"var(--color-secondary)\",\n      inactiveStrokeColor = \"var(--color-theme-transparent-300)\",\n      activeColorPercentage = \"25%\",\n      rotateDurationInSeconds = 0.75,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    return (\n      <StyledSpinnerLoader\n        ref={ref}\n        className={className}\n        $diameter={radius * 2}\n        $stroke={stroke}\n        $activeStrokeColor={activeStrokeColor}\n        $inactiveStrokeColor={inactiveStrokeColor}\n        $activeColorPercentage={activeColorPercentage}\n        $rotateDurationInSeconds={rotateDurationInSeconds}\n        {...rest}\n      />\n    );\n  }\n);\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAASC,mBAAmB,QAAQ,UAAU;AAiB9C,OAAO,MAAMC,aAAa,gBAAGF,UAAU,CAIrC,CAAAG,IAAA,EAWEC,GAAG,KACA;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAVDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IAAAE,WAAA,GAAAJ,IAAA,CACXK,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,CAAC,GAAAA,WAAA;IAAAE,qBAAA,GAAAN,IAAA,CACVO,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,wBAAwB,GAAAA,qBAAA;IAAAE,qBAAA,GAAAR,IAAA,CAC5CS,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,oCAAoC,GAAAA,qBAAA;IAAAE,qBAAA,GAAAV,IAAA,CAC1DW,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAZ,IAAA,CAC7Ba,uBAAuB;IAAvBA,uBAAuB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAC9BE,SAAS,GAAAd,IAAA,CAATc,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAhB,IAAA,EAAAiB,SAAA;EAIT,oBACErB,KAAA,CAAAsB,aAAA,CAACpB,mBAAmB,EAAAqB,QAAA;IAClBlB,GAAG,EAAEA,GAAI;IACTa,SAAS,EAAEA,SAAU;IACrBM,SAAS,EAAEjB,MAAM,GAAG,CAAE;IACtBkB,OAAO,EAAEhB,MAAO;IAChBiB,kBAAkB,EAAEf,iBAAkB;IACtCgB,oBAAoB,EAAEd,mBAAoB;IAC1Ce,sBAAsB,EAAEb,qBAAsB;IAC9Cc,wBAAwB,EAAEZ;EAAwB,GAC9CE,IAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDhB,aAAa,CAAC2B,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/esm/components/Localization/LocalizationProvider.js

@@ -13,10 +13,8 @@ const defaultParams = {
 };
 export const LocalizationContext = /*#__PURE__*/React.createContext(defaultParams);
 export const LocalizationProvider = _ref => {
-  let {
-    children,
-    params
-  } = _ref;
+  let children = _ref.children,
+    params = _ref.params;
   const value = useMemo(() => {
     return _extends({}, defaultParams, params);
   }, [params]);

package/dist/esm/components/Localization/LocalizationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","names":["React","useMemo","defaultParams","locale","dateFormat","timeFormat","decimalSeparator","thousandSeparator","decimalRounding","decimalSpaces","currencyCode","t","value","LocalizationContext","createContext","LocalizationProvider","_ref","children","params","_extends","createElement","Provider","useLocalization","useContext"],"sources":["../../../../src/components/Localization/LocalizationProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\nexport interface ILocalizationContext {\n  locale: string;\n  dateFormat: string;\n  timeFormat: string;\n  decimalSeparator: string;\n  thousandSeparator: string;\n  decimalRounding: number;\n  decimalSpaces: number;\n  currencyCode: string;\n  t: (...args) => string;\n}\n\nconst defaultParams = {\n  locale: \"en-US\",\n  dateFormat: \"MMM D. YYYY\",\n  timeFormat: \"HH:mm a\",\n  decimalSeparator: \".\",\n  thousandSeparator: \",\",\n  decimalRounding: 0,\n  decimalSpaces: 2,\n  currencyCode: \"USD\",\n  t: (value: string) => value,\n};\nexport const LocalizationContext =\n  React.createContext<ILocalizationContext>(defaultParams);\n\ninterface Props {\n  params: Partial<ILocalizationContext>;\n  translator?: (string, props: Record<string, string | number>) => string;\n}\nexport const LocalizationProvider: React.FC<PropsWithChildren<Props>> = ({\n  children,\n  params,\n}) => {\n  const value = useMemo(() => {\n    return {\n      ...defaultParams,\n      ...params,\n    };\n  }, [params]);\n  return (\n    <LocalizationContext.Provider value={value}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AAazD,MAAMC,aAAa,GAAG;EACpBC,MAAM,EAAE,OAAO;EACfC,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,SAAS;EACrBC,gBAAgB,EAAE,GAAG;EACrBC,iBAAiB,EAAE,GAAG;EACtBC,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE,KAAK;EACnBC,CAAC,EAAGC,KAAa,IAAKA;AACxB,CAAC;AACD,OAAO,MAAMC,mBAAmB,gBAC9Bb,KAAK,CAACc,aAAa,CAAuBZ,aAAa,CAAC;AAM1D,OAAO,MAAMa,oBAAwD,GAAGC,IAAA,IAGlE;EAAA,IAHmE;IACvEC,QAAQ;IACRC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMJ,KAAK,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAAkB,QAAA,KACKjB,aAAa,EACbgB,MAAM;EAEb,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,oBACElB,KAAA,CAAAoB,aAAA,CAACP,mBAAmB,CAACQ,QAAQ;IAACT,KAAK,EAAEA;EAAM,GACxCK,QAC2B,CAAC;AAEnC,CAAC;AAED,OAAO,MAAMK,eAAe,GAAGA,CAAA,KAAMtB,KAAK,CAACuB,UAAU,CAACV,mBAAmB,CAAC","ignoreList":[]}
+{"version":3,"file":"LocalizationProvider.js","names":["React","useMemo","defaultParams","locale","dateFormat","timeFormat","decimalSeparator","thousandSeparator","decimalRounding","decimalSpaces","currencyCode","t","value","LocalizationContext","createContext","LocalizationProvider","_ref","children","params","_extends","createElement","Provider","useLocalization","useContext"],"sources":["../../../../src/components/Localization/LocalizationProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, useMemo } from \"react\";\nexport interface ILocalizationContext {\n  locale: string;\n  dateFormat: string;\n  timeFormat: string;\n  decimalSeparator: string;\n  thousandSeparator: string;\n  decimalRounding: number;\n  decimalSpaces: number;\n  currencyCode: string;\n  t: (...args) => string;\n}\n\nconst defaultParams = {\n  locale: \"en-US\",\n  dateFormat: \"MMM D. YYYY\",\n  timeFormat: \"HH:mm a\",\n  decimalSeparator: \".\",\n  thousandSeparator: \",\",\n  decimalRounding: 0,\n  decimalSpaces: 2,\n  currencyCode: \"USD\",\n  t: (value: string) => value,\n};\nexport const LocalizationContext =\n  React.createContext<ILocalizationContext>(defaultParams);\n\ninterface Props {\n  params: Partial<ILocalizationContext>;\n  translator?: (string, props: Record<string, string | number>) => string;\n}\nexport const LocalizationProvider: React.FC<PropsWithChildren<Props>> = ({\n  children,\n  params,\n}) => {\n  const value = useMemo(() => {\n    return {\n      ...defaultParams,\n      ...params,\n    };\n  }, [params]);\n  return (\n    <LocalizationContext.Provider value={value}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport const useLocalization = () => React.useContext(LocalizationContext);\n"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AAazD,MAAMC,aAAa,GAAG;EACpBC,MAAM,EAAE,OAAO;EACfC,UAAU,EAAE,aAAa;EACzBC,UAAU,EAAE,SAAS;EACrBC,gBAAgB,EAAE,GAAG;EACrBC,iBAAiB,EAAE,GAAG;EACtBC,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE,CAAC;EAChBC,YAAY,EAAE,KAAK;EACnBC,CAAC,EAAGC,KAAa,IAAKA;AACxB,CAAC;AACD,OAAO,MAAMC,mBAAmB,gBAC9Bb,KAAK,CAACc,aAAa,CAAuBZ,aAAa,CAAC;AAM1D,OAAO,MAAMa,oBAAwD,GAAGC,IAAA,IAGlE;EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,MAAM,GAAAF,IAAA,CAANE,MAAM;EAEN,MAAMN,KAAK,GAAGX,OAAO,CAAC,MAAM;IAC1B,OAAAkB,QAAA,KACKjB,aAAa,EACbgB,MAAM;EAEb,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,oBACElB,KAAA,CAAAoB,aAAA,CAACP,mBAAmB,CAACQ,QAAQ;IAACT,KAAK,EAAEA;EAAM,GACxCK,QAC2B,CAAC;AAEnC,CAAC;AAED,OAAO,MAAMK,eAAe,GAAGA,CAAA,KAAMtB,KAAK,CAACuB,UAAU,CAACV,mBAAmB,CAAC","ignoreList":[]}

package/dist/esm/components/Menu/Menu.js

@@ -11,27 +11,35 @@ import { Window } from "../Window";
 // eslint-disable-next-line @typescript-eslint/ban-types
 
 export const Menu = _ref => {
-  let {
-    children,
-    disableFocusLock = false,
-    onMenuClick,
-    handleScroll = true,
-    mode = "normal",
-    open: defaultOpen = false,
-    onOpen,
-    onClose,
-    onBeforeClose,
-    position = "bottom-start",
-    target,
-    className,
-    menuClassName,
-    popperClassName,
-    backgroundElementClass,
-    windowAbsolutelyPositioned = false,
-    onPopperOpen
-  } = _ref;
-  const [open, setOpen] = useState(defaultOpen);
-  const [childNode, setChildNode] = useState();
+  let children = _ref.children,
+    _ref$disableFocusLock = _ref.disableFocusLock,
+    disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+    onMenuClick = _ref.onMenuClick,
+    _ref$handleScroll = _ref.handleScroll,
+    handleScroll = _ref$handleScroll === void 0 ? true : _ref$handleScroll,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "normal" : _ref$mode,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    onOpen = _ref.onOpen,
+    onClose = _ref.onClose,
+    onBeforeClose = _ref.onBeforeClose,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? "bottom-start" : _ref$position,
+    target = _ref.target,
+    className = _ref.className,
+    menuClassName = _ref.menuClassName,
+    popperClassName = _ref.popperClassName,
+    backgroundElementClass = _ref.backgroundElementClass,
+    _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
+    windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely,
+    onPopperOpen = _ref.onPopperOpen;
+  const _useState = useState(defaultOpen),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const _useState2 = useState(),
+    childNode = _useState2[0],
+    setChildNode = _useState2[1];
   const elementRef = useRef(null);
   const isOpenAtLeastOnce = useRef(false);
   useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["React","useRef","useState","useCallback","useEffect","classnames","MenuContextProvider","StyledMenu","useForkRef","Overlay","Popper","Window","Menu","_ref","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","onPopperOpen","setOpen","childNode","setChildNode","elementRef","isOpenAtLeastOnce","handleRefRef","ref","undefined","handleRef","handleOpen","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","current","_elementRef$current","focus","createElement","Fragment","cloneElement","disableScrollLock","style","tabIndex","disableBackgroundColor","anchorEl","placement","afterWrite","$mode","onMouseDown","value","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\" | \"widest\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      elementRef.current?.focus();\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Menu.js","names":["React","useRef","useState","useCallback","useEffect","classnames","MenuContextProvider","StyledMenu","useForkRef","Overlay","Popper","Window","Menu","_ref","children","_ref$disableFocusLock","disableFocusLock","onMenuClick","_ref$handleScroll","handleScroll","_ref$mode","mode","_ref$open","open","defaultOpen","onOpen","onClose","onBeforeClose","_ref$position","position","target","className","menuClassName","popperClassName","backgroundElementClass","_ref$windowAbsolutely","windowAbsolutelyPositioned","onPopperOpen","_useState","setOpen","_useState2","childNode","setChildNode","elementRef","isOpenAtLeastOnce","handleRefRef","ref","undefined","handleRef","handleOpen","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","current","_elementRef$current","focus","createElement","Fragment","cloneElement","disableScrollLock","style","tabIndex","disableBackgroundColor","anchorEl","placement","afterWrite","$mode","onMouseDown","value","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\" | \"widest\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      elementRef.current?.focus();\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Menu/MenuFooter.js

@@ -5,10 +5,8 @@ import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledMenuFooter } from "./Styles";
 export const MenuFooter = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledMenuFooter, _extends({}, props, {
     className: classnames("c-menu-footer", className),

package/dist/esm/components/Menu/MenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuFooter.js","names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAO3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAClC,CAAAI,IAAA,EAMEC,GAAwB,KACrB;EAAA,IANH;MACEC,QAAQ;MACRC;IAE4C,CAAC,GAAAH,IAAA;IAD1CI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,gBAAgB,EAAAU,QAAA,KACXJ,KAAK;IACTD,SAAS,EAAEN,UAAU,CAAC,eAAe,EAAEM,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEDH,UAAU,CAACU,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"MenuFooter.js","names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","_ref","ref","children","className","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAKL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAO3C,OAAO,MAAMC,UAAU,gBAAGH,UAAU,CAClC,CAAAI,IAAA,EAMEC,GAAwB,KACrB;EAAA,IALDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACNC,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAIV,oBACEX,KAAA,CAAAY,aAAA,CAACT,gBAAgB,EAAAU,QAAA,KACXJ,KAAK;IACTD,SAAS,EAAEN,UAAU,CAAC,eAAe,EAAEM,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEDH,UAAU,CAACU,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/Menu/MenuHeader.js

@@ -6,12 +6,10 @@ import classnames from "classnames";
 import { StyledMenuHeader } from "./Styles";
 import { Typography } from "../Typography/Typography";
 export const MenuHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      title,
-      className,
-      leftElement,
-      rightElement
-    } = _ref,
+  let title = _ref.title,
+    className = _ref.className,
+    leftElement = _ref.leftElement,
+    rightElement = _ref.rightElement,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledMenuHeader, _extends({}, props, {
     className: classnames("c-menu-header", className),

package/dist/esm/components/Menu/MenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuHeader.js","names":["React","forwardRef","classnames","StyledMenuHeader","Typography","MenuHeader","_ref","ref","title","className","leftElement","rightElement","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","style","minWidth","variant","color","weight","overflow","marginLeft","marginRight","displayName"],"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuHeader } from \"./Styles\";\nimport { Typography } from \"../Typography/Typography\";\n\ninterface IMenuHeader {\n  className?: string;\n  title?: string;\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n  (\n    {\n      title,\n      className,\n      leftElement,\n      rightElement,\n      ...props\n    }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuHeader\n        {...props}\n        className={classnames(\"c-menu-header\", className)}\n        ref={ref}\n      >\n        {leftElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n        <Typography\n          variant=\"Body 2\"\n          color=\"secondary\"\n          weight=\"bold\"\n          overflow=\"truncate\"\n          style={{ marginLeft: \"4px\", marginRight: \"4px \" }}\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AASrD,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAQEC,GAAwB,KACrB;EAAA,IARH;MACEC,KAAK;MACLC,SAAS;MACTC,WAAW;MACXC;IAE4C,CAAC,GAAAL,IAAA;IAD1CM,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAIV,oBACEd,KAAA,CAAAe,aAAA,CAACZ,gBAAgB,EAAAa,QAAA,KACXJ,KAAK;IACTH,SAAS,EAAEP,UAAU,CAAC,eAAe,EAAEO,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERG,WAAW,iBAAIV,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAAC,eAC9DlB,KAAA,CAAAe,aAAA,CAACX,UAAU;IACTe,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,UAAU;IACnBL,KAAK,EAAE;MAAEM,UAAU,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAO;EAAE,GAEjDhB,KACS,CAAC,EACZG,YAAY,iBAAIX,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAC9C,CAAC;AAEvB,CACF,CAAC;AAEDb,UAAU,CAACoB,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"MenuHeader.js","names":["React","forwardRef","classnames","StyledMenuHeader","Typography","MenuHeader","_ref","ref","title","className","leftElement","rightElement","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","style","minWidth","variant","color","weight","overflow","marginLeft","marginRight","displayName"],"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledMenuHeader } from \"./Styles\";\nimport { Typography } from \"../Typography/Typography\";\n\ninterface IMenuHeader {\n  className?: string;\n  title?: string;\n  leftElement?: ReactNode;\n  rightElement?: ReactNode;\n}\n\nexport const MenuHeader = forwardRef(\n  (\n    {\n      title,\n      className,\n      leftElement,\n      rightElement,\n      ...props\n    }: IMenuHeader & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuHeader\n        {...props}\n        className={classnames(\"c-menu-header\", className)}\n        ref={ref}\n      >\n        {leftElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n        <Typography\n          variant=\"Body 2\"\n          color=\"secondary\"\n          weight=\"bold\"\n          overflow=\"truncate\"\n          style={{ marginLeft: \"4px\", marginRight: \"4px \" }}\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AASrD,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAQEC,GAAwB,KACrB;EAAA,IAPDC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACTC,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAIV,oBACEd,KAAA,CAAAe,aAAA,CAACZ,gBAAgB,EAAAa,QAAA,KACXJ,KAAK;IACTH,SAAS,EAAEP,UAAU,CAAC,eAAe,EAAEO,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERG,WAAW,iBAAIV,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAAC,eAC9DlB,KAAA,CAAAe,aAAA,CAACX,UAAU;IACTe,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,UAAU;IACnBL,KAAK,EAAE;MAAEM,UAAU,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAO;EAAE,GAEjDhB,KACS,CAAC,EACZG,YAAY,iBAAIX,KAAA,CAAAe,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAC9C,CAAC;AAEvB,CACF,CAAC;AAEDb,UAAU,CAACoB,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/MenuSelector/MenuSelector.js

@@ -3,19 +3,19 @@ import classNames from "classnames";
 import { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner } from "./Styles";
 import { Input } from "../Input";
 export const MenuSelector = _ref => {
-  let {
-    defaultValue,
-    children,
-    placeholder,
-    onChange,
-    onBack,
-    onEdit,
-    autoFocus = false,
-    className,
-    onFocus,
-    onBlur,
-    autoComplete = false
-  } = _ref;
+  let defaultValue = _ref.defaultValue,
+    children = _ref.children,
+    placeholder = _ref.placeholder,
+    onChange = _ref.onChange,
+    onBack = _ref.onBack,
+    onEdit = _ref.onEdit,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+    className = _ref.className,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    _ref$autoComplete = _ref.autoComplete,
+    autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
   const handleChange = useCallback(e => {
     if (typeof onChange === "function") {
       onChange(e.target.value);

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSelector.js","names":["React","useCallback","classNames","StyledMenuSelector","StyledMenuSelectorBack","StyledMenuSelectorDots","StyledMenuSelectorInner","Input","MenuSelector","_ref","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","e","target","value","createElement","onClick","width","height","displayName"],"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, {\n  FC,\n  FocusEvent,\n  useCallback,\n  ChangeEvent,\n  PropsWithChildren,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\nimport { Input } from \"../Input\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<PropsWithChildren<IMenuSelector>> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,WAAW,QAGN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,EACtBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,KAAK,QAAQ,UAAU;AAyBhC,OAAO,MAAMC,YAAkD,GAAGC,IAAA,IAY5D;EAAA,IAZ6D;IACjEC,YAAY;IACZC,QAAQ;IACRC,WAAW;IACXC,QAAQ;IACRC,MAAM;IACNC,MAAM;IACNC,SAAS,GAAG,KAAK;IACjBC,SAAS;IACTC,OAAO;IACPC,MAAM;IACNC,YAAY,GAAG;EACjB,CAAC,GAAAX,IAAA;EACC,MAAMY,YAAY,GAAGpB,WAAW,CAC7BqB,CAAgC,IAAK;IACpC,IAAI,OAAOT,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACS,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAC1B;EACF,CAAC,EACD,CAACX,QAAQ,CACX,CAAC;EAED,oBACEb,KAAA,CAAAyB,aAAA,CAACtB,kBAAkB;IAACc,SAAS,EAAEf,UAAU,CAAC,iBAAiB,EAAEe,SAAS;EAAE,gBACtEjB,KAAA,CAAAyB,aAAA,CAACnB,uBAAuB,QACrB,OAAOQ,MAAM,KAAK,UAAU,gBAC3Bd,KAAA,CAAAyB,aAAA,CAACrB,sBAAsB;IAACsB,OAAO,EAAEZ,MAAO;IAACa,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAAC,GACpE,IAAI,eACR5B,KAAA,CAAAyB,aAAA,CAAClB,KAAK;IACJM,QAAQ,EAAEQ,YAAa;IACvBT,WAAW,EAAEA,WAAY;IACzBI,SAAS,EAAEA,SAAU;IACrBN,YAAY,EAAEA,YAAa;IAC3BQ,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfC,YAAY,EAAEA,YAAY,GAAG,IAAI,GAAG;EAAM,CAC3C,CAAC,EACD,OAAOL,MAAM,KAAK,UAAU,gBAC3Bf,KAAA,CAAAyB,aAAA,CAACpB,sBAAsB;IAACqB,OAAO,EAAEX;EAAO,CAAE,CAAC,GACzC,IACmB,CAAC,EACzBJ,QACiB,CAAC;AAEzB,CAAC;AAEDH,YAAY,CAACqB,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"MenuSelector.js","names":["React","useCallback","classNames","StyledMenuSelector","StyledMenuSelectorBack","StyledMenuSelectorDots","StyledMenuSelectorInner","Input","MenuSelector","_ref","defaultValue","children","placeholder","onChange","onBack","onEdit","_ref$autoFocus","autoFocus","className","onFocus","onBlur","_ref$autoComplete","autoComplete","handleChange","e","target","value","createElement","onClick","width","height","displayName"],"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, {\n  FC,\n  FocusEvent,\n  useCallback,\n  ChangeEvent,\n  PropsWithChildren,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\nimport { Input } from \"../Input\";\n\ninterface IMenuSelector {\n  /** Initial value on mount */\n  defaultValue?: string;\n  /** Input placeholder */\n  placeholder?: string;\n  /** Execute callback when input has been changed */\n  onChange?: (value: string) => void;\n  /** Execute callback when click on back button */\n  onBack?: () => void;\n  /** Execute callback when click on edit button */\n  onEdit?: () => void;\n  /** Auto focus on mount */\n  autoFocus?: boolean;\n  /** Applies passed classes */\n  className?: string;\n  /** Input focus event callback */\n  onFocus?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Input focus event callback */\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void;\n  /** Set auto complete option on/off */\n  autoComplete?: boolean;\n}\n\nexport const MenuSelector: FC<PropsWithChildren<IMenuSelector>> = ({\n  defaultValue,\n  children,\n  placeholder,\n  onChange,\n  onBack,\n  onEdit,\n  autoFocus = false,\n  className,\n  onFocus,\n  onBlur,\n  autoComplete = false,\n}) => {\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      if (typeof onChange === \"function\") {\n        onChange(e.target.value);\n      }\n    },\n    [onChange]\n  );\n\n  return (\n    <StyledMenuSelector className={classNames(\"c-menu-selector\", className)}>\n      <StyledMenuSelectorInner>\n        {typeof onBack === \"function\" ? (\n          <StyledMenuSelectorBack onClick={onBack} width=\"16px\" height=\"16px\" />\n        ) : null}\n        <Input\n          onChange={handleChange}\n          placeholder={placeholder}\n          autoFocus={autoFocus}\n          defaultValue={defaultValue}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          autoComplete={autoComplete ? \"on\" : \"off\"}\n        />\n        {typeof onEdit === \"function\" ? (\n          <StyledMenuSelectorDots onClick={onEdit} />\n        ) : null}\n      </StyledMenuSelectorInner>\n      {children}\n    </StyledMenuSelector>\n  );\n};\n\nMenuSelector.displayName = \"MenuSelector\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,WAAW,QAGN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,sBAAsB,EACtBC,uBAAuB,QAClB,UAAU;AACjB,SAASC,KAAK,QAAQ,UAAU;AAyBhC,OAAO,MAAMC,YAAkD,GAAGC,IAAA,IAY5D;EAAA,IAXJC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IACZC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,MAAM,GAAAL,IAAA,CAANK,MAAM;IACNC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAAC,cAAA,GAAAP,IAAA,CACNQ,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACjBE,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,OAAO,GAAAV,IAAA,CAAPU,OAAO;IACPC,MAAM,GAAAX,IAAA,CAANW,MAAM;IAAAC,iBAAA,GAAAZ,IAAA,CACNa,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,KAAK,GAAAA,iBAAA;EAEpB,MAAME,YAAY,GAAGtB,WAAW,CAC7BuB,CAAgC,IAAK;IACpC,IAAI,OAAOX,QAAQ,KAAK,UAAU,EAAE;MAClCA,QAAQ,CAACW,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;IAC1B;EACF,CAAC,EACD,CAACb,QAAQ,CACX,CAAC;EAED,oBACEb,KAAA,CAAA2B,aAAA,CAACxB,kBAAkB;IAACe,SAAS,EAAEhB,UAAU,CAAC,iBAAiB,EAAEgB,SAAS;EAAE,gBACtElB,KAAA,CAAA2B,aAAA,CAACrB,uBAAuB,QACrB,OAAOQ,MAAM,KAAK,UAAU,gBAC3Bd,KAAA,CAAA2B,aAAA,CAACvB,sBAAsB;IAACwB,OAAO,EAAEd,MAAO;IAACe,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAAC,GACpE,IAAI,eACR9B,KAAA,CAAA2B,aAAA,CAACpB,KAAK;IACJM,QAAQ,EAAEU,YAAa;IACvBX,WAAW,EAAEA,WAAY;IACzBK,SAAS,EAAEA,SAAU;IACrBP,YAAY,EAAEA,YAAa;IAC3BS,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfE,YAAY,EAAEA,YAAY,GAAG,IAAI,GAAG;EAAM,CAC3C,CAAC,EACD,OAAOP,MAAM,KAAK,UAAU,gBAC3Bf,KAAA,CAAA2B,aAAA,CAACtB,sBAAsB;IAACuB,OAAO,EAAEb;EAAO,CAAE,CAAC,GACzC,IACmB,CAAC,EACzBJ,QACiB,CAAC;AAEzB,CAAC;AAEDH,YAAY,CAACuB,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/components/Modal/Modal.js

@@ -10,20 +10,28 @@ const getHasTransition = children => {
   return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
 };
 export const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      disableFocusLock = false,
-      disableScrollLock = false,
-      disableBackgroundClick = false,
-      disableBackgroundColor = false,
-      disableCloseOnEsc = false,
-      open: defaultOpen = false,
-      onClose,
-      onClickOutside
-    } = _ref,
+  let children = _ref.children,
+    _ref$disableFocusLock = _ref.disableFocusLock,
+    disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+    _ref$disableScrollLoc = _ref.disableScrollLock,
+    disableScrollLock = _ref$disableScrollLoc === void 0 ? false : _ref$disableScrollLoc,
+    _ref$disableBackgroun = _ref.disableBackgroundClick,
+    disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
+    _ref$disableBackgroun2 = _ref.disableBackgroundColor,
+    disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
+    _ref$disableCloseOnEs = _ref.disableCloseOnEsc,
+    disableCloseOnEsc = _ref$disableCloseOnEs === void 0 ? false : _ref$disableCloseOnEs,
+    _ref$open = _ref.open,
+    defaultOpen = _ref$open === void 0 ? false : _ref$open,
+    onClose = _ref.onClose,
+    onClickOutside = _ref.onClickOutside,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const [open, setOpen] = useState(defaultOpen);
-  const [exited, setExited] = useState(true);
+  const _useState = useState(defaultOpen),
+    open = _useState[0],
+    setOpen = _useState[1];
+  const _useState2 = useState(true),
+    exited = _useState2[0],
+    setExited = _useState2[1];
   const innerRef = useRef(null);
   const handleRef = useForkRef(innerRef, ref);
   const hasTransition = useMemo(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["React","forwardRef","useRef","cloneElement","useMemo","useCallback","useState","useEffect","createChainedFunction","useForkRef","Overlay","Window","getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","_ref","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","disableCloseOnEsc","open","defaultOpen","onClose","onClickOutside","rest","_objectWithoutPropertiesLoose","_excluded","setOpen","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","createElement","_extends","onClick","displayName"],"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\n\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n  onClickOutside?: (event) => void;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      disableCloseOnEsc = false,\n      open: defaultOpen = false,\n      onClose,\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          return handleClose();\n        }\n\n        if (onClickOutside) {\n          onClickOutside(event);\n        }\n      },\n      [disableBackgroundClick, onClickOutside, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Modal.js","names":["React","forwardRef","useRef","cloneElement","useMemo","useCallback","useState","useEffect","createChainedFunction","useForkRef","Overlay","Window","getHasTransition","children","props","Object","prototype","hasOwnProperty","call","Modal","_ref","ref","_ref$disableFocusLock","disableFocusLock","_ref$disableScrollLoc","disableScrollLock","_ref$disableBackgroun","disableBackgroundClick","_ref$disableBackgroun2","disableBackgroundColor","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$open","open","defaultOpen","onClose","onClickOutside","rest","_objectWithoutPropertiesLoose","_excluded","_useState","setOpen","_useState2","exited","setExited","innerRef","handleRef","hasTransition","handleClose","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","onExited","in","createElement","_extends","onClick","displayName"],"sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  useRef,\n  cloneElement,\n  useMemo,\n  useCallback,\n  ReactElement,\n  useState,\n  useEffect,\n  MouseEvent,\n} from \"react\";\n\nimport createChainedFunction from \"../../utils/createChainedFunction\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\n\nexport interface IModal {\n  disableFocusLock?: boolean;\n  disableScrollLock?: boolean;\n  open?: boolean;\n  disableBackgroundClick?: boolean;\n  disableCloseOnEsc?: boolean;\n  disableBackgroundColor?: boolean;\n  onClose?: () => void;\n  children: ReactElement;\n  onClickOutside?: (event) => void;\n}\n\nconst getHasTransition = (children): boolean => {\n  return children.props\n    ? Object.prototype.hasOwnProperty.call(children.props, \"in\")\n    : false;\n};\n\nexport const Modal = forwardRef<\n  HTMLDivElement,\n  IModal & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      disableFocusLock = false,\n      disableScrollLock = false,\n      disableBackgroundClick = false,\n      disableBackgroundColor = false,\n      disableCloseOnEsc = false,\n      open: defaultOpen = false,\n      onClose,\n      onClickOutside,\n      ...rest\n    },\n    ref\n  ) => {\n    const [open, setOpen] = useState(defaultOpen);\n    const [exited, setExited] = useState(true);\n    const innerRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(innerRef, ref);\n\n    const hasTransition = useMemo(() => {\n      return getHasTransition(children);\n    }, [children]);\n\n    useEffect(() => {\n      setOpen(defaultOpen);\n    }, [defaultOpen]);\n\n    const handleClose = useCallback(() => {\n      setOpen(false);\n      if (!hasTransition) {\n        typeof onClose === \"function\" && onClose();\n      }\n    }, [hasTransition, onClose]);\n\n    const handleBackgroundClick = useCallback(\n      (event: MouseEvent<HTMLDivElement>) => {\n        if (!disableBackgroundClick) {\n          event.preventDefault();\n          return handleClose();\n        }\n\n        if (onClickOutside) {\n          onClickOutside(event);\n        }\n      },\n      [disableBackgroundClick, onClickOutside, handleClose]\n    );\n\n    const handleEnter = useCallback(() => {\n      setExited(false);\n    }, []);\n\n    const handleExited = useCallback(() => {\n      setExited(true);\n      typeof onClose === \"function\" && onClose();\n    }, [onClose]);\n\n    const childProps = useMemo(() => {\n      let props = {};\n\n      // It's a Transition like component\n      if (hasTransition && children) {\n        props = {\n          onEnter: createChainedFunction(handleEnter, children.props.onEnter),\n          onExited: createChainedFunction(\n            handleExited,\n            children.props.onExited\n          ),\n          in: open,\n        };\n      }\n\n      return props;\n    }, [children, handleEnter, handleExited, hasTransition, open]);\n\n    if (!open && (!hasTransition || exited)) {\n      return null;\n    }\n\n    return (\n      <Window\n        {...rest}\n        ref={handleRef}\n        onClose={handleClose}\n        disableFocusLock={disableFocusLock}\n        disableScrollLock={disableScrollLock}\n        disableCloseOnEsc={disableCloseOnEsc}\n      >\n        {open ? (\n          <Overlay\n            onClick={handleBackgroundClick}\n            disableBackgroundColor={disableBackgroundColor}\n          />\n        ) : null}\n        {cloneElement(children, childProps)}\n      </Window>\n    );\n  }\n);\n\nModal.displayName = \"Modal\";\n"],"mappings":"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","ignoreList":[]}

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

@@ -28,13 +28,12 @@ import { StyledMultiAvatar, StyledMultiAvatarInner } from "./Styles";
  * https://design.activecollab.com/docs/components/avatar
  */
 export const MultiAvatar = _ref => {
-  let {
-    url,
-    alt,
-    size = 24,
-    className,
-    children
-  } = _ref;
+  let url = _ref.url,
+    alt = _ref.alt,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 24 : _ref$size,
+    className = _ref.className,
+    children = _ref.children;
   const setSize = useCallback(i => {
     switch (url.length) {
       case 1:

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

@@ -1 +1 @@
-{"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","ignoreList":[]}
+{"version":3,"file":"MultiAvatar.js","names":["React","useCallback","useMemo","StyledMultiAvatar","StyledMultiAvatarInner","MultiAvatar","_ref","url","alt","_ref$size","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":"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","ignoreList":[]}