@activecollab/components 2.0.89 → 2.0.91

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

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSpinnerLoader = 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 rotateAnimation = (0, _styledComponents.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(359deg);}"]);
-const StyledSpinnerLoader = exports.StyledSpinnerLoader = _styledComponents.default.div.withConfig({
+import styled, { css, keyframes } from "styled-components";
+import { BoxSizingStyle } from "../../BoxSizingStyle";
+const rotateAnimation = keyframes(["from{transform:rotate(0deg);}to{transform:rotate(359deg);}"]);
+export const StyledSpinnerLoader = styled.div.withConfig({
   displayName: "Styles__StyledSpinnerLoader",
   componentId: "sc-1ht53g9-0"
-})(["", " border-radius:100%;flex-shrink:0;", " ", " ", " ", ""], _BoxSizingStyle.BoxSizingStyle, props => (0, _styledComponents.css)(["width:", "px;height:", "px;animation:", " ", "s infinite linear;"], props.$diameter, props.$diameter, rotateAnimation, props.$rotateDurationInSeconds), props => props.$activeColorPercentage === "25%" && (0, _styledComponents.css)(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor), props => props.$activeColorPercentage === "50%" && (0, _styledComponents.css)(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor), props => props.$activeColorPercentage === "75%" && (0, _styledComponents.css)(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor));
+})(["", " border-radius:100%;flex-shrink:0;", " ", " ", " ", ""], BoxSizingStyle, props => css(["width:", "px;height:", "px;animation:", " ", "s infinite linear;"], props.$diameter, props.$diameter, rotateAnimation, props.$rotateDurationInSeconds), props => props.$activeColorPercentage === "25%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor), props => props.$activeColorPercentage === "50%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor), props => props.$activeColorPercentage === "75%" && css(["border-right:", "px solid ", ";border-bottom:", "px solid ", ";border-left:", "px solid ", ";border-top:", "px solid ", ";"], props.$stroke, props.$activeStrokeColor, props.$stroke, props.$activeStrokeColor, props.$stroke, props.$inactiveStrokeColor, props.$stroke, props.$activeStrokeColor));
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Loaders/Spinner/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","rotateAnimation","keyframes","StyledSpinnerLoader","exports","styled","div","withConfig","displayName","componentId","BoxSizingStyle","props","css","$diameter","$rotateDurationInSeconds","$activeColorPercentage","$stroke","$inactiveStrokeColor","$activeStrokeColor"],"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nconst rotateAnimation = keyframes`\n  from { transform: rotate(0deg); }\n  to { transform: rotate(359deg); }\n`;\n\nexport interface StyledSpinnerLoaderProps {\n  $diameter: number;\n  $stroke: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $rotateDurationInSeconds: number;\n}\n\nexport const StyledSpinnerLoader = styled.div<StyledSpinnerLoaderProps>`\n  ${BoxSizingStyle}\n  border-radius: 100%;\n  flex-shrink: 0;\n  ${(props) =>\n    css`\n      width: ${props.$diameter}px;\n      height: ${props.$diameter}px;\n      animation: ${rotateAnimation} ${props.$rotateDurationInSeconds}s infinite\n        linear;\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"25%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"50%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n    ${(props) =>\n    props.$activeColorPercentage === \"75%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n`;\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","keyframes","BoxSizingStyle","rotateAnimation","StyledSpinnerLoader","div","withConfig","displayName","componentId","props","$diameter","$rotateDurationInSeconds","$activeColorPercentage","$stroke","$inactiveStrokeColor","$activeStrokeColor"],"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\n\nconst rotateAnimation = keyframes`\n  from { transform: rotate(0deg); }\n  to { transform: rotate(359deg); }\n`;\n\nexport interface StyledSpinnerLoaderProps {\n  $diameter: number;\n  $stroke: number;\n  $activeStrokeColor: string;\n  $inactiveStrokeColor: string;\n  $activeColorPercentage: \"25%\" | \"50%\" | \"75%\";\n  $rotateDurationInSeconds: number;\n}\n\nexport const StyledSpinnerLoader = styled.div<StyledSpinnerLoaderProps>`\n  ${BoxSizingStyle}\n  border-radius: 100%;\n  flex-shrink: 0;\n  ${(props) =>\n    css`\n      width: ${props.$diameter}px;\n      height: ${props.$diameter}px;\n      animation: ${rotateAnimation} ${props.$rotateDurationInSeconds}s infinite\n        linear;\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"25%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n  ${(props) =>\n    props.$activeColorPercentage === \"50%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n\n    ${(props) =>\n    props.$activeColorPercentage === \"75%\" &&\n    css`\n      border-right: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-bottom: ${props.$stroke}px solid ${props.$activeStrokeColor};\n      border-left: ${props.$stroke}px solid ${props.$inactiveStrokeColor};\n      border-top: ${props.$stroke}px solid ${props.$activeStrokeColor};\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,SAASC,cAAc,QAAQ,sBAAsB;AAErD,MAAMC,eAAe,GAAGF,SAAS,gEAGhC;AAWD,OAAO,MAAMG,mBAAmB,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEACzCN,cAAc,EAGbO,KAAK,IACNT,GAAG,uEACQS,KAAK,CAACC,SAAS,EACdD,KAAK,CAACC,SAAS,EACZP,eAAe,EAAIM,KAAK,CAACE,wBAAwB,CAE/D,EAEAF,KAAK,IACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EAClDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,EAEAN,KAAK,IACNA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACrDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,EAEEN,KAAK,IACRA,KAAK,CAACG,sBAAsB,KAAK,KAAK,IACtCZ,GAAG,iIACeS,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EAChDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,EACnDN,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACK,oBAAoB,EACpDL,KAAK,CAACI,OAAO,EAAYJ,KAAK,CAACM,kBAAkB,CAChE,CACJ"}

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

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

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

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

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

@@ -1,50 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Skeleton = require("./Skeleton");
-Object.keys(_Skeleton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Skeleton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Skeleton[key];
-    }
-  });
-});
-var _Dots = require("./Dots");
-Object.keys(_Dots).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Dots[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Dots[key];
-    }
-  });
-});
-var _Spinner = require("./Spinner");
-Object.keys(_Spinner).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Spinner[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Spinner[key];
-    }
-  });
-});
-var _Linear = require("./Linear");
-Object.keys(_Linear).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Linear[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Linear[key];
-    }
-  });
-});
+export * from "./Skeleton";
+export * from "./Dots";
+export * from "./Spinner";
+export * from "./Linear";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Skeleton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Dots","_Spinner","_Linear"],"sources":["../../../../src/components/Loaders/index.ts"],"sourcesContent":["export * from \"./Skeleton\";\nexport * from \"./Dots\";\nexport * from \"./Spinner\";\nexport * from \"./Linear\";\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,SAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,QAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,QAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,QAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,QAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,OAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,OAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,OAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,OAAA,CAAAP,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Loaders/index.ts"],"sourcesContent":["export * from \"./Skeleton\";\nexport * from \"./Dots\";\nexport * from \"./Spinner\";\nexport * from \"./Linear\";\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,UAAU"}

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

@@ -1,12 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useLocalization = exports.LocalizationProvider = exports.LocalizationContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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; }
+import React, { useMemo } from "react";
 const defaultParams = {
   locale: "en-US",
   dateFormat: "MMM D. YYYY",
@@ -18,23 +10,21 @@ const defaultParams = {
   currencyCode: "USD",
   t: value => value
 };
-const LocalizationContext = exports.LocalizationContext = /*#__PURE__*/_react.default.createContext(defaultParams);
-const LocalizationProvider = _ref => {
+export const LocalizationContext = /*#__PURE__*/React.createContext(defaultParams);
+export const LocalizationProvider = _ref => {
   let {
     children,
     params
   } = _ref;
-  const value = (0, _react.useMemo)(() => {
+  const value = useMemo(() => {
     return {
       ...defaultParams,
       ...params
     };
   }, [params]);
-  return /*#__PURE__*/_react.default.createElement(LocalizationContext.Provider, {
+  return /*#__PURE__*/React.createElement(LocalizationContext.Provider, {
     value: value
   }, children);
 };
-exports.LocalizationProvider = LocalizationProvider;
-const useLocalization = () => _react.default.useContext(LocalizationContext);
-exports.useLocalization = useLocalization;
+export const useLocalization = () => React.useContext(LocalizationContext);
 //# sourceMappingURL=LocalizationProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","defaultParams","locale","dateFormat","timeFormat","decimalSeparator","thousandSeparator","decimalRounding","decimalSpaces","currencyCode","value","LocalizationContext","exports","React","createContext","LocalizationProvider","_ref","children","params","useMemo","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA0D,SAAAC,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,SAAAH,wBAAAG,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;AAa1D,MAAMY,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;EACnBzB,CAAC,EAAG0B,KAAa,IAAKA;AACxB,CAAC;AACM,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAC9BE,cAAK,CAACC,aAAa,CAAuBb,aAAa,CAAC;AAMnD,MAAMc,oBAAwD,GAAGC,IAAA,IAGlE;EAAA,IAHmE;IACvEC,QAAQ;IACRC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMN,KAAK,GAAG,IAAAS,cAAO,EAAC,MAAM;IAC1B,OAAO;MACL,GAAGlB,aAAa;MAChB,GAAGiB;IACL,CAAC;EACH,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,oBACEzC,MAAA,CAAAS,OAAA,CAAAkC,aAAA,CAACT,mBAAmB,CAACU,QAAQ;IAACX,KAAK,EAAEA;EAAM,GACxCO,QAC2B,CAAC;AAEnC,CAAC;AAACL,OAAA,CAAAG,oBAAA,GAAAA,oBAAA;AAEK,MAAMO,eAAe,GAAGA,CAAA,KAAMT,cAAK,CAACU,UAAU,CAACZ,mBAAmB,CAAC;AAACC,OAAA,CAAAU,eAAA,GAAAA,eAAA"}
+{"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","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,OAAO;MACL,GAAGC,aAAa;MAChB,GAAGgB;IACL,CAAC;EACH,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EACZ,oBACElB,KAAA,CAAAmB,aAAA,CAACN,mBAAmB,CAACO,QAAQ;IAACR,KAAK,EAAEA;EAAM,GACxCK,QAC2B,CAAC;AAEnC,CAAC;AAED,OAAO,MAAMI,eAAe,GAAGA,CAAA,KAAMrB,KAAK,CAACsB,UAAU,CAACT,mBAAmB,CAAC"}

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

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

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

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

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

@@ -1,24 +1,16 @@
-"use strict";
+import React, { useRef, useState, useCallback, useEffect } from "react";
+import classnames from "classnames";
+import { MenuContextProvider } from "./context";
+import { StyledMenu } from "./Styles";
+import useForkRef from "../../utils/useForkRef";
+import { Overlay } from "../Overlay";
+import { Popper } from "../Popper";
+import { Window } from "../Window";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Menu = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _context = require("./context");
-var _Styles = require("./Styles");
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _Overlay = require("../Overlay");
-var _Popper = require("../Popper");
-var _Window = require("../Window");
-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; }
 // source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1
 // eslint-disable-next-line @typescript-eslint/ban-types
 
-const Menu = _ref => {
+export const Menu = _ref => {
   let {
     children,
     disableFocusLock = false,
@@ -38,23 +30,24 @@ const Menu = _ref => {
     windowAbsolutelyPositioned = false,
     onPopperOpen
   } = _ref;
-  const [open, setOpen] = (0, _react.useState)(defaultOpen);
-  const [childNode, setChildNode] = (0, _react.useState)();
-  const elementRef = (0, _react.useRef)(null);
-  const isOpenAtLeastOnce = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
+  const [open, setOpen] = useState(defaultOpen);
+  const [childNode, setChildNode] = useState();
+  const elementRef = useRef(null);
+  const isOpenAtLeastOnce = useRef(false);
+  useEffect(() => {
     setOpen(defaultOpen);
   }, [defaultOpen]);
-  const handleRefRef = (0, _useForkRef.default)(target ? target.ref : undefined, setChildNode);
-  const handleRef = (0, _useForkRef.default)(handleRefRef, elementRef);
-  const handleOpen = (0, _react.useCallback)(event => {
-    event?.preventDefault();
-    event?.stopPropagation();
+  const handleRefRef = useForkRef(target ? target.ref : undefined, setChildNode);
+  const handleRef = useForkRef(handleRefRef, elementRef);
+  const handleOpen = useCallback(event => {
+    var _target$props;
+    event == null || event.preventDefault();
+    event == null || event.stopPropagation();
     setOpen(true);
     typeof onOpen === "function" && onOpen();
-    typeof target?.props?.onClick === "function" && target.props.onClick(event);
-  }, [onOpen, target?.props]);
-  const handleClose = (0, _react.useCallback)(() => {
+    typeof (target == null || (_target$props = target.props) == null ? void 0 : _target$props.onClick) === "function" && target.props.onClick(event);
+  }, [onOpen, target == null ? void 0 : target.props]);
+  const handleClose = useCallback(() => {
     if (typeof onBeforeClose === "function" && !onBeforeClose()) {
       return;
     }
@@ -69,44 +62,44 @@ const Menu = _ref => {
     ref: handleRef,
     onClick: handleOpen
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (open) {
       isOpenAtLeastOnce.current = true;
     } else if (!open && isOpenAtLeastOnce.current) {
-      elementRef.current?.focus();
+      var _elementRef$current;
+      (_elementRef$current = elementRef.current) == null || _elementRef$current.focus();
       isOpenAtLeastOnce.current = false;
     }
   }, [open]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, target && /*#__PURE__*/_react.default.cloneElement(target, targetProps), open ? /*#__PURE__*/_react.default.createElement(_Window.Window, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, target && /*#__PURE__*/React.cloneElement(target, targetProps), open ? /*#__PURE__*/React.createElement(Window, {
     onClose: handleClose,
     disableScrollLock: !handleScroll,
     disableFocusLock: disableFocusLock,
     style: {
       position: windowAbsolutelyPositioned ? "absolute" : "fixed"
     }
-  }, /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
+  }, /*#__PURE__*/React.createElement(Overlay, {
     className: backgroundElementClass,
     onClick: handleClose,
     tabIndex: -1,
     disableBackgroundColor: true
-  }), /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+  }), /*#__PURE__*/React.createElement(Popper, {
     anchorEl: childNode,
     open: childNode ? open : false,
     placement: position,
     className: popperClassName,
     tabIndex: -1,
     afterWrite: onPopperOpen
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
-    className: (0, _classnames.default)("c-simple-menu__paper", `c-simple-menu__${mode}`, menuClassName, className),
+  }, /*#__PURE__*/React.createElement(StyledMenu, {
+    className: classnames("c-simple-menu__paper", "c-simple-menu__" + mode, menuClassName, className),
     $mode: mode,
     onMouseDown: onMenuClick
-  }, /*#__PURE__*/_react.default.createElement(_context.MenuContextProvider, {
+  }, /*#__PURE__*/React.createElement(MenuContextProvider, {
     value: {
       open,
       setOpen
     }
   }, typeof children === "function" ? children(childProps) : children)))) : null);
 };
-exports.Menu = Menu;
 Menu.displayName = "Menu";
 //# sourceMappingURL=Menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_context","_Styles","_useForkRef","_Overlay","_Popper","_Window","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Menu","_ref","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","onPopperOpen","setOpen","useState","childNode","setChildNode","elementRef","useRef","isOpenAtLeastOnce","useEffect","handleRefRef","useForkRef","ref","undefined","handleRef","handleOpen","useCallback","event","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","current","focus","createElement","Fragment","React","cloneElement","Window","disableScrollLock","style","Overlay","tabIndex","disableBackgroundColor","Popper","anchorEl","placement","afterWrite","StyledMenu","classnames","$mode","onMouseDown","MenuContextProvider","value","exports","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\" | (string & {});\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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAaA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAAmC,SAAAS,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,SAAAX,wBAAAW,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;AAMnC;AACA;;AAyCO,MAAMY,IAAe,GAAGC,IAAA,IAkBzB;EAAA,IAlB0B;IAC9BC,QAAQ;IACRC,gBAAgB,GAAG,KAAK;IACxBC,WAAW;IACXC,YAAY,GAAG,IAAI;IACnBC,IAAI,GAAG,QAAQ;IACfC,IAAI,EAAEC,WAAW,GAAG,KAAK;IACzBC,MAAM;IACNC,OAAO;IACPC,aAAa;IACbC,QAAQ,GAAG,cAAc;IACzBC,MAAM;IACNC,SAAS;IACTC,aAAa;IACbC,eAAe;IACfC,sBAAsB;IACtBC,0BAA0B,GAAG,KAAK;IAClCC;EACF,CAAC,GAAAlB,IAAA;EACC,MAAM,CAACM,IAAI,EAAEa,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAACb,WAAW,CAAC;EAC7C,MAAM,CAACc,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAiB,CAAC;EAC5D,MAAMG,UAAU,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;EACnD,MAAMC,iBAAiB,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;EAEvC,IAAAE,gBAAS,EAAC,MAAM;IACdP,OAAO,CAACZ,WAAW,CAAC;EACtB,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,MAAMoB,YAAY,GAAG,IAAAC,mBAAU,EAC7BhB,MAAM,GAAGA,MAAM,CAACiB,GAAG,GAAGC,SAAS,EAC/BR,YACF,CAAC;EACD,MAAMS,SAAS,GAAG,IAAAH,mBAAU,EAACD,YAAY,EAAEJ,UAAU,CAAC;EAEtD,MAAMS,UAAU,GAAG,IAAAC,kBAAW,EAE1BC,KAAsE,IACnE;IACHA,KAAK,EAAEC,cAAc,CAAC,CAAC;IACvBD,KAAK,EAAEE,eAAe,CAAC,CAAC;IACxBjB,OAAO,CAAC,IAAI,CAAC;IACb,OAAOX,MAAM,KAAK,UAAU,IAAIA,MAAM,CAAC,CAAC;IACxC,OAAOI,MAAM,EAAEyB,KAAK,EAAEC,OAAO,KAAK,UAAU,IAC1C1B,MAAM,CAACyB,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC;EAC/B,CAAC,EACD,CAAC1B,MAAM,EAAEI,MAAM,EAAEyB,KAAK,CACxB,CAAC;EAED,MAAME,WAAW,GAAG,IAAAN,kBAAW,EAAC,MAAM;IACpC,IAAI,OAAOvB,aAAa,KAAK,UAAU,IAAI,CAACA,aAAa,CAAC,CAAC,EAAE;MAC3D;IACF;IACAS,OAAO,CAAC,KAAK,CAAC;IACd,OAAOV,OAAO,KAAK,UAAU,IAAIA,OAAO,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACA,OAAO,EAAEC,aAAa,CAAC,CAAC;EAE5B,MAAM8B,UAAU,GAAG;IACjBC,UAAU,EAAEF;EACd,CAAC;EAED,MAAMG,WAAW,GAAG;IAClBpC,IAAI;IACJuB,GAAG,EAAEE,SAAS;IACdO,OAAO,EAAEN;EACX,CAAC;EAED,IAAAN,gBAAS,EAAC,MAAM;IACd,IAAIpB,IAAI,EAAE;MACRmB,iBAAiB,CAACkB,OAAO,GAAG,IAAI;IAClC,CAAC,MAAM,IAAI,CAACrC,IAAI,IAAImB,iBAAiB,CAACkB,OAAO,EAAE;MAC7CpB,UAAU,CAACoB,OAAO,EAAEC,KAAK,CAAC,CAAC;MAC3BnB,iBAAiB,CAACkB,OAAO,GAAG,KAAK;IACnC;EACF,CAAC,EAAE,CAACrC,IAAI,CAAC,CAAC;EAEV,oBACEvC,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAAA9E,MAAA,CAAAiB,OAAA,CAAA8D,QAAA,QACGlC,MAAM,iBAAImC,cAAK,CAACC,YAAY,CAACpC,MAAM,EAAE8B,WAAW,CAAC,EACjDpC,IAAI,gBACHvC,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAACpE,OAAA,CAAAwE,MAAM;IACLxC,OAAO,EAAE8B,WAAY;IACrBW,iBAAiB,EAAE,CAAC9C,YAAa;IACjCF,gBAAgB,EAAEA,gBAAiB;IACnCiD,KAAK,EAAE;MACLxC,QAAQ,EAAEM,0BAA0B,GAAG,UAAU,GAAG;IACtD;EAAE,gBAEFlD,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAACtE,QAAA,CAAA6E,OAAO;IACNvC,SAAS,EAAEG,sBAAuB;IAClCsB,OAAO,EAAEC,WAAY;IACrBc,QAAQ,EAAE,CAAC,CAAE;IACbC,sBAAsB;EAAA,CACvB,CAAC,eACFvF,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAACrE,OAAA,CAAA+E,MAAM;IACLC,QAAQ,EAAEnC,SAAU;IACpBf,IAAI,EAAEe,SAAS,GAAGf,IAAI,GAAG,KAAM;IAC/BmD,SAAS,EAAE9C,QAAS;IACpBE,SAAS,EAAEE,eAAgB;IAC3BsC,QAAQ,EAAE,CAAC,CAAE;IACbK,UAAU,EAAExC;EAAa,gBAEzBnD,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAACxE,OAAA,CAAAsF,UAAU;IACT9C,SAAS,EAAE,IAAA+C,mBAAU,EACnB,sBAAsB,EACrB,kBAAiBvD,IAAK,EAAC,EACxBS,aAAa,EACbD,SACF,CAAE;IACFgD,KAAK,EAAExD,IAAK;IACZyD,WAAW,EAAE3D;EAAY,gBAEzBpC,MAAA,CAAAiB,OAAA,CAAA6D,aAAA,CAACzE,QAAA,CAAA2F,mBAAmB;IAACC,KAAK,EAAE;MAAE1D,IAAI;MAAEa;IAAQ;EAAE,GAC3C,OAAOlB,QAAQ,KAAK,UAAU,GAC3BA,QAAQ,CAACuC,UAAU,CAAC,GACpBvC,QACe,CACX,CACN,CACF,CAAC,GACP,IACJ,CAAC;AAEP,CAAC;AAACgE,OAAA,CAAAlE,IAAA,GAAAA,IAAA;AAEFA,IAAI,CAACmE,WAAW,GAAG,MAAM"}
+{"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\" | (string & {});\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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"}

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

@@ -1,24 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuFooter = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-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 MenuFooter = exports.MenuFooter = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { StyledMenuFooter } from "./Styles";
+export const MenuFooter = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     className,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuFooter, (0, _extends2.default)({}, props, {
-    className: (0, _classnames.default)("c-menu-footer", className),
+  return /*#__PURE__*/React.createElement(StyledMenuFooter, _extends({}, props, {
+    className: classnames("c-menu-footer", className),
     ref: ref
   }), children);
 });

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

@@ -1 +1 @@
-{"version":3,"file":"MenuFooter.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MenuFooter","exports","forwardRef","_ref","ref","children","className","props","createElement","StyledMenuFooter","_extends2","classnames","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAA4C,SAAAI,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,SAAAN,wBAAAM,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;AAOrC,MAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAClC,CAAAC,IAAA,EAMEC,GAAwB,KACrB;EAAA,IANH;IACEC,QAAQ;IACRC,SAAS;IACT,GAAGC;EACyC,CAAC,GAAAJ,IAAA;EAG/C,oBACE9B,MAAA,CAAAY,OAAA,CAAAuB,aAAA,CAAC9B,OAAA,CAAA+B,gBAAgB,MAAAC,SAAA,CAAAzB,OAAA,MACXsB,KAAK;IACTD,SAAS,EAAE,IAAAK,mBAAU,EAAC,eAAe,EAAEL,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEDL,UAAU,CAACY,WAAW,GAAG,YAAY"}
+{"version":3,"file":"MenuFooter.js","names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","_ref","ref","children","className","props","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;IACEC,QAAQ;IACRC,SAAS;IACT,GAAGC;EACyC,CAAC,GAAAJ,IAAA;EAG/C,oBACEL,KAAA,CAAAU,aAAA,CAACP,gBAAgB,EAAAQ,QAAA,KACXF,KAAK;IACTD,SAAS,EAAEN,UAAU,CAAC,eAAe,EAAEM,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEDH,UAAU,CAACQ,WAAW,GAAG,YAAY"}

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

@@ -1,18 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuHeader = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-var _Typography = require("../Typography/Typography");
-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 MenuHeader = exports.MenuHeader = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { StyledMenuHeader } from "./Styles";
+import { Typography } from "../Typography/Typography";
+export const MenuHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     title,
     className,
@@ -20,14 +11,14 @@ const MenuHeader = exports.MenuHeader = /*#__PURE__*/(0, _react.forwardRef)((_re
     rightElement,
     ...props
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuHeader, (0, _extends2.default)({}, props, {
-    className: (0, _classnames.default)("c-menu-header", className),
+  return /*#__PURE__*/React.createElement(StyledMenuHeader, _extends({}, props, {
+    className: classnames("c-menu-header", className),
     ref: ref
-  }), leftElement || /*#__PURE__*/_react.default.createElement("div", {
+  }), leftElement || /*#__PURE__*/React.createElement("div", {
     style: {
       minWidth: "24px"
     }
-  }, "\xA0"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+  }, "\xA0"), /*#__PURE__*/React.createElement(Typography, {
     variant: "Body 2",
     color: "secondary",
     weight: "bold",
@@ -36,7 +27,7 @@ const MenuHeader = exports.MenuHeader = /*#__PURE__*/(0, _react.forwardRef)((_re
       marginLeft: "4px",
       marginRight: "4px "
     }
-  }, title), rightElement || /*#__PURE__*/_react.default.createElement("div", {
+  }, title), rightElement || /*#__PURE__*/React.createElement("div", {
     style: {
       minWidth: "24px"
     }

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

@@ -1 +1 @@
-{"version":3,"file":"MenuHeader.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MenuHeader","exports","forwardRef","_ref","ref","title","className","leftElement","rightElement","props","createElement","StyledMenuHeader","_extends2","classnames","style","minWidth","Typography","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAsD,SAAAK,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,SAAAP,wBAAAO,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;AAS/C,MAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,iBAAU,EAClC,CAAAC,IAAA,EAQEC,GAAwB,KACrB;EAAA,IARH;IACEC,KAAK;IACLC,SAAS;IACTC,WAAW;IACXC,YAAY;IACZ,GAAGC;EACyC,CAAC,GAAAN,IAAA;EAG/C,oBACE/B,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAACjC,OAAA,CAAAkC,gBAAgB,MAAAC,SAAA,CAAA3B,OAAA,MACXwB,KAAK;IACTH,SAAS,EAAE,IAAAO,mBAAU,EAAC,eAAe,EAAEP,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERG,WAAW,iBAAInC,MAAA,CAAAa,OAAA,CAAAyB,aAAA;IAAKI,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAAC,eAC9D3C,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAAChC,WAAA,CAAAsC,UAAU;IACTC,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,UAAU;IACnBN,KAAK,EAAE;MAAEO,UAAU,EAAE,KAAK;MAAEC,WAAW,EAAE;IAAO;EAAE,GAEjDjB,KACS,CAAC,EACZG,YAAY,iBAAIpC,MAAA,CAAAa,OAAA,CAAAyB,aAAA;IAAKI,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAC9C,CAAC;AAEvB,CACF,CAAC;AAEDf,UAAU,CAACuB,WAAW,GAAG,YAAY"}
+{"version":3,"file":"MenuHeader.js","names":["React","forwardRef","classnames","StyledMenuHeader","Typography","MenuHeader","_ref","ref","title","className","leftElement","rightElement","props","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;IACEC,KAAK;IACLC,SAAS;IACTC,WAAW;IACXC,YAAY;IACZ,GAAGC;EACyC,CAAC,GAAAN,IAAA;EAG/C,oBACEN,KAAA,CAAAa,aAAA,CAACV,gBAAgB,EAAAW,QAAA,KACXF,KAAK;IACTH,SAAS,EAAEP,UAAU,CAAC,eAAe,EAAEO,SAAS,CAAE;IAClDF,GAAG,EAAEA;EAAI,IAERG,WAAW,iBAAIV,KAAA,CAAAa,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAAC,eAC9DhB,KAAA,CAAAa,aAAA,CAACT,UAAU;IACTa,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,GAEjDd,KACS,CAAC,EACZG,YAAY,iBAAIX,KAAA,CAAAa,aAAA;IAAKE,KAAK,EAAE;MAAEC,QAAQ,EAAE;IAAO;EAAE,GAAC,MAAW,CAC9C,CAAC;AAEvB,CACF,CAAC;AAEDX,UAAU,CAACkB,WAAW,GAAG,YAAY"}

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

@@ -1,16 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMenuHeader = exports.StyledMenuFooter = exports.StyledMenu = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _Bubble = require("../Bubble");
-var _FontStyle = require("../FontStyle");
-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 StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Bubble.Bubble).withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { Bubble } from "../Bubble";
+import { FontStyle } from "../FontStyle";
+export const StyledMenu = styled(Bubble).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-8fhkp-0"
 })(["", " ", " ", " width:", ";color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
@@ -19,9 +11,9 @@ const StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Bubble.B
   "overflow": "auto",
   "borderColor": "var(--border-primary)",
   "backgroundColor": "var(--page-paper-main)"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, props => props.$mode, props => props.$mode === "normal" && (0, _styledComponents.css)(["width:260px;"]), props => props.$mode === "wider" && (0, _styledComponents.css)(["width:350px;"]), props => props.$mode === "tiny" && (0, _styledComponents.css)(["width:180px;"]));
+}, FontStyle, BoxSizingStyle, props => props.$mode, props => props.$mode === "normal" && css(["width:260px;"]), props => props.$mode === "wider" && css(["width:350px;"]), props => props.$mode === "tiny" && css(["width:180px;"]));
 StyledMenu.displayName = "StyledMenu";
-const StyledMenuFooter = exports.StyledMenuFooter = _styledComponents.default.div.withConfig({
+export const StyledMenuFooter = styled.div.withConfig({
   displayName: "Styles__StyledMenuFooter",
   componentId: "sc-8fhkp-1"
 })(["", " display:flex;border-top:1px solid var(--border-primary);height:32px;align-items:center;"], {
@@ -32,7 +24,7 @@ const StyledMenuFooter = exports.StyledMenuFooter = _styledComponents.default.di
   "paddingBottom": "0.25rem"
 });
 StyledMenuFooter.displayName = "StyledMenuFooter";
-const StyledMenuHeader = exports.StyledMenuHeader = _styledComponents.default.div.withConfig({
+export const StyledMenuHeader = styled.div.withConfig({
   displayName: "Styles__StyledMenuHeader",
   componentId: "sc-8fhkp-2"
 })(["", " border-bottom:1px solid var(--border-primary);height:32px;"], {