@activecollab/components 2.0.90 → 2.0.92

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Bubble","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledMenu","exports","styled","Bubble","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","StyledMenuFooter","div","StyledMenuHeader"],"sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n  \n  width: ${(props) => props.$mode};\n\n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,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;AAElC,MAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6GAClC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwE,CAAC,EAE3EC,oBAAS,EACTC,8BAAc,EAENC,KAAK,IAAKA,KAAK,CAACC,KAAK,EAQ5BD,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,mBAEF,EAEAF,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,MAAM,QACtBC,qBAAG,mBAEF,CACJ;AACDX,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,MAAMO,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAGV,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,CAM9B;AACDM,gBAAgB,CAACP,WAAW,GAAG,kBAAkB;AAE1C,MAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAGZ,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACpC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2D,CAAC,CAIjE;AACDQ,gBAAgB,CAACT,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","Bubble","FontStyle","StyledMenu","withConfig","displayName","componentId","props","$mode","StyledMenuFooter","div","StyledMenuHeader"],"sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n  \n  width: ${(props) => props.$mode};\n\n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,UAAU,GAAGL,MAAM,CAACG,MAAM,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6GAClC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwE,CAAC,EAE3EJ,SAAS,EACTF,cAAc,EAENO,KAAK,IAAKA,KAAK,CAACC,KAAK,EAQ5BD,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,IACxBT,GAAG,kBAEF,EAEAQ,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,OAAO,IACvBT,GAAG,kBAEF,EAEAQ,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,MAAM,IACtBT,GAAG,kBAEF,CACJ;AACDI,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMI,gBAAgB,GAAGX,MAAM,CAACY,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,CAM9B;AACDG,gBAAgB,CAACJ,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMM,gBAAgB,GAAGb,MAAM,CAACY,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACpC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2D,CAAC,CAIjE;AACDK,gBAAgB,CAACN,WAAW,GAAG,kBAAkB"}

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

@@ -1,14 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useMenuContext = exports.default = exports.MenuContextProvider = exports.MenuContextConsumer = void 0;
-var _react = require("react");
-const MenuContext = /*#__PURE__*/(0, _react.createContext)({});
-const MenuContextProvider = exports.MenuContextProvider = MenuContext.Provider;
-const MenuContextConsumer = exports.MenuContextConsumer = MenuContext.Consumer;
-const useMenuContext = () => (0, _react.useContext)(MenuContext);
-exports.useMenuContext = useMenuContext;
-var _default = exports.default = MenuContext;
+import { createContext, useContext } from "react";
+const MenuContext = /*#__PURE__*/createContext({});
+export const MenuContextProvider = MenuContext.Provider;
+export const MenuContextConsumer = MenuContext.Consumer;
+export const useMenuContext = () => useContext(MenuContext);
+export default MenuContext;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","require","MenuContext","createContext","MenuContextProvider","exports","Provider","MenuContextConsumer","Consumer","useMenuContext","useContext","_default","default"],"sources":["../../../../../src/components/Menu/context/index.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IMenuContext {\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n}\n\nconst MenuContext = createContext<IMenuContext>({});\n\nexport const MenuContextProvider = MenuContext.Provider;\nexport const MenuContextConsumer = MenuContext.Consumer;\n\nexport const useMenuContext = (): IMenuContext => useContext(MenuContext);\n\nexport default MenuContext;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAOA,MAAMC,WAAW,gBAAG,IAAAC,oBAAa,EAAe,CAAC,CAAC,CAAC;AAE5C,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGF,WAAW,CAACI,QAAQ;AAChD,MAAMC,mBAAmB,GAAAF,OAAA,CAAAE,mBAAA,GAAGL,WAAW,CAACM,QAAQ;AAEhD,MAAMC,cAAc,GAAGA,CAAA,KAAoB,IAAAC,iBAAU,EAACR,WAAW,CAAC;AAACG,OAAA,CAAAI,cAAA,GAAAA,cAAA;AAAA,IAAAE,QAAA,GAAAN,OAAA,CAAAO,OAAA,GAE3DV,WAAW"}
+{"version":3,"file":"index.js","names":["createContext","useContext","MenuContext","MenuContextProvider","Provider","MenuContextConsumer","Consumer","useMenuContext"],"sources":["../../../../../src/components/Menu/context/index.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface IMenuContext {\n  open?: boolean;\n  setOpen?: (open: boolean) => void;\n}\n\nconst MenuContext = createContext<IMenuContext>({});\n\nexport const MenuContextProvider = MenuContext.Provider;\nexport const MenuContextConsumer = MenuContext.Consumer;\n\nexport const useMenuContext = (): IMenuContext => useContext(MenuContext);\n\nexport default MenuContext;\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAOjD,MAAMC,WAAW,gBAAGF,aAAa,CAAe,CAAC,CAAC,CAAC;AAEnD,OAAO,MAAMG,mBAAmB,GAAGD,WAAW,CAACE,QAAQ;AACvD,OAAO,MAAMC,mBAAmB,GAAGH,WAAW,CAACI,QAAQ;AAEvD,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAoBN,UAAU,CAACC,WAAW,CAAC;AAEzE,eAAeA,WAAW"}

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

@@ -1,52 +1,6 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  useMenuContext: true
-};
-Object.defineProperty(exports, "useMenuContext", {
-  enumerable: true,
-  get: function () {
-    return _context.useMenuContext;
-  }
-});
-var _context = require("./context");
-var _Menu = require("./Menu");
-Object.keys(_Menu).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Menu[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Menu[key];
-    }
-  });
-});
-var _MenuHeader = require("./MenuHeader");
-Object.keys(_MenuHeader).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MenuHeader[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _MenuHeader[key];
-    }
-  });
-});
-var _MenuFooter = require("./MenuFooter");
-Object.keys(_MenuFooter).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MenuFooter[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _MenuFooter[key];
-    }
-  });
-});
+import { useMenuContext } from "./context";
+export * from "./Menu";
+export * from "./MenuHeader";
+export * from "./MenuFooter";
+export { useMenuContext };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_context","require","_Menu","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_MenuHeader","_MenuFooter"],"sources":["../../../../src/components/Menu/index.ts"],"sourcesContent":["import { useMenuContext } from \"./context\";\n\nexport * from \"./Menu\";\nexport * from \"./MenuHeader\";\nexport * from \"./MenuFooter\";\n\nexport { useMenuContext };\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,KAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,KAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,KAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,WAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,WAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,WAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,WAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,WAAA,GAAAf,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAY,WAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,WAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,WAAA,CAAAV,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["useMenuContext"],"sources":["../../../../src/components/Menu/index.ts"],"sourcesContent":["import { useMenuContext } from \"./context\";\n\nexport * from \"./Menu\";\nexport * from \"./MenuHeader\";\nexport * from \"./MenuFooter\";\n\nexport { useMenuContext };\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,WAAW;AAE1C,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,cAAc;AAE5B,SAASA,cAAc"}

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

@@ -1,17 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MenuSelector = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-var _Input = require("../Input");
-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 MenuSelector = _ref => {
+import React, { useCallback } from "react";
+import classNames from "classnames";
+import { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner } from "./Styles";
+import { Input } from "../Input";
+export const MenuSelector = _ref => {
   let {
     defaultValue,
     children,
@@ -25,18 +16,18 @@ const MenuSelector = _ref => {
     onBlur,
     autoComplete = false
   } = _ref;
-  const handleChange = (0, _react.useCallback)(e => {
+  const handleChange = useCallback(e => {
     if (typeof onChange === "function") {
       onChange(e.target.value);
     }
   }, [onChange]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuSelector, {
-    className: (0, _classnames.default)("c-menu-selector", className)
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuSelectorInner, null, typeof onBack === "function" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuSelectorBack, {
+  return /*#__PURE__*/React.createElement(StyledMenuSelector, {
+    className: classNames("c-menu-selector", className)
+  }, /*#__PURE__*/React.createElement(StyledMenuSelectorInner, null, typeof onBack === "function" ? /*#__PURE__*/React.createElement(StyledMenuSelectorBack, {
     onClick: onBack,
     width: "16px",
     height: "16px"
-  }) : null, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+  }) : null, /*#__PURE__*/React.createElement(Input, {
     onChange: handleChange,
     placeholder: placeholder,
     autoFocus: autoFocus,
@@ -44,10 +35,9 @@ const MenuSelector = _ref => {
     onFocus: onFocus,
     onBlur: onBlur,
     autoComplete: autoComplete ? "on" : "off"
-  }), typeof onEdit === "function" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuSelectorDots, {
+  }), typeof onEdit === "function" ? /*#__PURE__*/React.createElement(StyledMenuSelectorDots, {
     onClick: onEdit
   }) : null), children);
 };
-exports.MenuSelector = MenuSelector;
 MenuSelector.displayName = "MenuSelector";
 //# sourceMappingURL=MenuSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSelector.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Input","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","MenuSelector","_ref","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","useCallback","target","value","createElement","StyledMenuSelector","classNames","StyledMenuSelectorInner","StyledMenuSelectorBack","onClick","width","height","Input","StyledMenuSelectorDots","exports","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":"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"}
+{"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"}

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

@@ -1,16 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMenuSelectorInner = exports.StyledMenuSelectorDots = exports.StyledMenuSelectorBack = exports.StyledMenuSelector = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _FontStyle = require("../FontStyle");
-var _ArrowLeft = _interopRequireDefault(require("../Icons/collection/ArrowLeft"));
-var _TreeDots = _interopRequireDefault(require("../Icons/collection/TreeDots"));
-const StyledMenuSelectorDots = exports.StyledMenuSelectorDots = (0, _styledComponents.default)(_TreeDots.default).withConfig({
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+import ArrowLeftIcon from "../Icons/collection/ArrowLeft";
+import TreeDotsIcon from "../Icons/collection/TreeDots";
+export const StyledMenuSelectorDots = styled(TreeDotsIcon).withConfig({
   displayName: "Styles__StyledMenuSelectorDots",
   componentId: "sc-1x7qbnu-0"
 })(["", ""], {
@@ -19,7 +12,7 @@ const StyledMenuSelectorDots = exports.StyledMenuSelectorDots = (0, _styledCompo
   "cursor": "pointer"
 });
 StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
-const StyledMenuSelectorBack = exports.StyledMenuSelectorBack = (0, _styledComponents.default)(_ArrowLeft.default).withConfig({
+export const StyledMenuSelectorBack = styled(ArrowLeftIcon).withConfig({
   displayName: "Styles__StyledMenuSelectorBack",
   componentId: "sc-1x7qbnu-1"
 })(["", ""], {
@@ -29,12 +22,12 @@ const StyledMenuSelectorBack = exports.StyledMenuSelectorBack = (0, _styledCompo
   "stroke": "currentColor"
 });
 StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
-const StyledMenuSelector = exports.StyledMenuSelector = _styledComponents.default.div.withConfig({
+export const StyledMenuSelector = styled.div.withConfig({
   displayName: "Styles__StyledMenuSelector",
   componentId: "sc-1x7qbnu-2"
-})(["", " ", " color:var(--color-theme-700);"], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
+})(["", " ", " color:var(--color-theme-700);"], BoxSizingStyle, FontStyle);
 StyledMenuSelector.displayName = "StyledMenuSelector";
-const StyledMenuSelectorInner = exports.StyledMenuSelectorInner = _styledComponents.default.div.withConfig({
+export const StyledMenuSelectorInner = styled.div.withConfig({
   displayName: "Styles__StyledMenuSelectorInner",
   componentId: "sc-1x7qbnu-3"
 })(["", ""], {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_BoxSizingStyle","_FontStyle","_ArrowLeft","_TreeDots","StyledMenuSelectorDots","exports","styled","TreeDotsIcon","withConfig","displayName","componentId","StyledMenuSelectorBack","ArrowLeftIcon","StyledMenuSelector","div","BoxSizingStyle","FontStyle","StyledMenuSelectorInner"],"sources":["../../../../src/components/MenuSelector/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowLeftIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEO,MAAMK,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,yBAAM,EAACC,iBAAY,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpD;EAAA;EAAA;EAAA;AAA2C,CAAC,CACjD;AAEDN,sBAAsB,CAACK,WAAW,GAAG,wBAAwB;AAEtD,MAAME,sBAAsB,GAAAN,OAAA,CAAAM,sBAAA,GAAG,IAAAL,yBAAM,EAACM,kBAAa,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrD;EAAA;EAAA;EAAA;EAAA;AAA6D,CAAC,CACnE;AAEDC,sBAAsB,CAACF,WAAW,GAAG,wBAAwB;AAEtD,MAAMI,kBAAkB,GAAAR,OAAA,CAAAQ,kBAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDACxCK,8BAAc,EACdC,oBAAS,CAGZ;AAEDH,kBAAkB,CAACJ,WAAW,GAAG,oBAAoB;AAE9C,MAAMQ,uBAAuB,GAAAZ,OAAA,CAAAY,uBAAA,GAAGX,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAA+B,CAAC,CACrC;AAEDO,uBAAuB,CAACR,WAAW,GAAG,yBAAyB"}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","ArrowLeftIcon","TreeDotsIcon","StyledMenuSelectorDots","withConfig","displayName","componentId","StyledMenuSelectorBack","StyledMenuSelector","div","StyledMenuSelectorInner"],"sources":["../../../../src/components/MenuSelector/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport TreeDotsIcon from \"../Icons/collection/TreeDots\";\n\nexport const StyledMenuSelectorDots = styled(TreeDotsIcon)`\n  ${tw`tw-cursor-pointer tw-flex-shrink-0 tw-ml-2`}\n`;\n\nStyledMenuSelectorDots.displayName = \"StyledMenuSelectorDots\";\n\nexport const StyledMenuSelectorBack = styled(ArrowLeftIcon)`\n  ${tw`tw-cursor-pointer tw-stroke-current tw-flex-shrink-0 tw-mr-2`}\n`;\n\nStyledMenuSelectorBack.displayName = \"StyledMenuSelectorBack\";\n\nexport const StyledMenuSelector = styled.div`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-700);\n`;\n\nStyledMenuSelector.displayName = \"StyledMenuSelector\";\n\nexport const StyledMenuSelectorInner = styled.div`\n  ${tw`tw-flex tw-items-center tw-m-4`}\n`;\n\nStyledMenuSelectorInner.displayName = \"StyledMenuSelectorInner\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,aAAa,MAAM,+BAA+B;AACzD,OAAOC,YAAY,MAAM,8BAA8B;AAEvD,OAAO,MAAMC,sBAAsB,GAAGL,MAAM,CAACI,YAAY,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpD;EAAA;EAAA;EAAA;AAA2C,CAAC,CACjD;AAEDH,sBAAsB,CAACE,WAAW,GAAG,wBAAwB;AAE7D,OAAO,MAAME,sBAAsB,GAAGT,MAAM,CAACG,aAAa,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACrD;EAAA;EAAA;EAAA;EAAA;AAA6D,CAAC,CACnE;AAEDC,sBAAsB,CAACF,WAAW,GAAG,wBAAwB;AAE7D,OAAO,MAAMG,kBAAkB,GAAGV,MAAM,CAACW,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDACxCP,cAAc,EACdC,SAAS,CAGZ;AAEDQ,kBAAkB,CAACH,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMK,uBAAuB,GAAGZ,MAAM,CAACW,GAAG,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC3C;EAAA;EAAA;EAAA;AAA+B,CAAC,CACrC;AAEDI,uBAAuB,CAACL,WAAW,GAAG,yBAAyB"}

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

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

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

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

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

@@ -1,22 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Modal = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _createChainedFunction = _interopRequireDefault(require("../../utils/createChainedFunction"));
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _Overlay = require("../Overlay");
-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; }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useRef, cloneElement, useMemo, useCallback, useState, useEffect } from "react";
+import createChainedFunction from "../../utils/createChainedFunction";
+import useForkRef from "../../utils/useForkRef";
+import { Overlay } from "../Overlay";
+import { Window } from "../Window";
 const getHasTransition = children => {
   return children.props ? Object.prototype.hasOwnProperty.call(children.props, "in") : false;
 };
-const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+export const Modal = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     disableFocusLock = false,
@@ -29,23 +20,23 @@ const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
     onClickOutside,
     ...rest
   } = _ref;
-  const [open, setOpen] = (0, _react.useState)(defaultOpen);
-  const [exited, setExited] = (0, _react.useState)(true);
-  const innerRef = (0, _react.useRef)(null);
-  const handleRef = (0, _useForkRef.default)(innerRef, ref);
-  const hasTransition = (0, _react.useMemo)(() => {
+  const [open, setOpen] = useState(defaultOpen);
+  const [exited, setExited] = useState(true);
+  const innerRef = useRef(null);
+  const handleRef = useForkRef(innerRef, ref);
+  const hasTransition = useMemo(() => {
     return getHasTransition(children);
   }, [children]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     setOpen(defaultOpen);
   }, [defaultOpen]);
-  const handleClose = (0, _react.useCallback)(() => {
+  const handleClose = useCallback(() => {
     setOpen(false);
     if (!hasTransition) {
       typeof onClose === "function" && onClose();
     }
   }, [hasTransition, onClose]);
-  const handleBackgroundClick = (0, _react.useCallback)(event => {
+  const handleBackgroundClick = useCallback(event => {
     if (!disableBackgroundClick) {
       event.preventDefault();
       return handleClose();
@@ -54,21 +45,21 @@ const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
       onClickOutside(event);
     }
   }, [disableBackgroundClick, onClickOutside, handleClose]);
-  const handleEnter = (0, _react.useCallback)(() => {
+  const handleEnter = useCallback(() => {
     setExited(false);
   }, []);
-  const handleExited = (0, _react.useCallback)(() => {
+  const handleExited = useCallback(() => {
     setExited(true);
     typeof onClose === "function" && onClose();
   }, [onClose]);
-  const childProps = (0, _react.useMemo)(() => {
+  const childProps = useMemo(() => {
     let props = {};
 
     // It's a Transition like component
     if (hasTransition && children) {
       props = {
-        onEnter: (0, _createChainedFunction.default)(handleEnter, children.props.onEnter),
-        onExited: (0, _createChainedFunction.default)(handleExited, children.props.onExited),
+        onEnter: createChainedFunction(handleEnter, children.props.onEnter),
+        onExited: createChainedFunction(handleExited, children.props.onExited),
         in: open
       };
     }
@@ -77,16 +68,16 @@ const Modal = exports.Modal = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) =>
   if (!open && (!hasTransition || exited)) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_Window.Window, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/React.createElement(Window, _extends({}, rest, {
     ref: handleRef,
     onClose: handleClose,
     disableFocusLock: disableFocusLock,
     disableScrollLock: disableScrollLock,
     disableCloseOnEsc: disableCloseOnEsc
-  }), open ? /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
+  }), open ? /*#__PURE__*/React.createElement(Overlay, {
     onClick: handleBackgroundClick,
     disableBackgroundColor: disableBackgroundColor
-  }) : null, /*#__PURE__*/(0, _react.cloneElement)(children, childProps));
+  }) : null, /*#__PURE__*/cloneElement(children, childProps));
 });
 Modal.displayName = "Modal";
 //# sourceMappingURL=Modal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["_react","_interopRequireWildcard","require","_createChainedFunction","_interopRequireDefault","_useForkRef","_Overlay","_Window","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","getHasTransition","children","props","Modal","exports","forwardRef","_ref","ref","disableFocusLock","disableScrollLock","disableBackgroundClick","disableBackgroundColor","disableCloseOnEsc","open","defaultOpen","onClose","onClickOutside","rest","setOpen","useState","exited","setExited","innerRef","useRef","handleRef","useForkRef","hasTransition","useMemo","useEffect","handleClose","useCallback","handleBackgroundClick","event","preventDefault","handleEnter","handleExited","childProps","onEnter","createChainedFunction","onExited","in","createElement","Window","_extends2","Overlay","onClick","cloneElement","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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"}
+{"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","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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"}

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

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

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

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

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

@@ -1,13 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MultiAvatar = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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; }
+import React, { useCallback, useMemo } from "react";
+import { StyledMultiAvatar, StyledMultiAvatarInner } from "./Styles";
 /**
  * @component MultiAvatar
  * @description
@@ -35,7 +27,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see
  * https://design.activecollab.com/docs/components/avatar
  */
-const MultiAvatar = _ref => {
+export const MultiAvatar = _ref => {
   let {
     url,
     alt,
@@ -43,63 +35,62 @@ const MultiAvatar = _ref => {
     className,
     children
   } = _ref;
-  const setSize = (0, _react.useCallback)(i => {
+  const setSize = useCallback(i => {
     switch (url.length) {
       case 1:
         return {
-          width: `${size}px`,
-          height: `${size}px`
+          width: size + "px",
+          height: size + "px"
         };
       case 2:
         return {
-          width: `${size / 2}px`,
-          height: `${size}px`
+          width: size / 2 + "px",
+          height: size + "px"
         };
       case 3:
         if (i === 0) {
           return {
-            width: `${size / 2}px`,
-            height: `${size}px`
+            width: size / 2 + "px",
+            height: size + "px"
           };
         } else {
           return {
-            width: `${size / 2}px`,
-            height: `${size / 2}px`
+            width: size / 2 + "px",
+            height: size / 2 + "px"
           };
         }
       default:
         return {
-          width: `${size / 2}px`,
-          height: `${size / 2}px`
+          width: size / 2 + "px",
+          height: size / 2 + "px"
         };
     }
   }, [size, url.length]);
-  const slicedUrl = (0, _react.useMemo)(() => {
-    if (url?.length > 4) {
+  const slicedUrl = useMemo(() => {
+    if ((url == null ? void 0 : url.length) > 4) {
       return url.slice(0, 4);
     }
     return url;
   }, [url]);
-  return /*#__PURE__*/_react.default.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", {
     className: "tw-relative tw-inline-flex"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMultiAvatar, {
+  }, /*#__PURE__*/React.createElement(StyledMultiAvatar, {
     style: {
-      width: `${size}px`,
-      height: `${size}px`
+      width: size + "px",
+      height: size + "px"
     },
     className: className,
     $urlCount: url.length
-  }, slicedUrl.map((v, i) => /*#__PURE__*/_react.default.createElement(_Styles.StyledMultiAvatarInner, {
+  }, slicedUrl.map((v, i) => /*#__PURE__*/React.createElement(StyledMultiAvatarInner, {
     style: setSize(i),
     className: "c-multi-avatar__wrapper",
-    key: `avatar_${i}`
-  }, /*#__PURE__*/_react.default.createElement("img", {
+    key: "avatar_" + i
+  }, /*#__PURE__*/React.createElement("img", {
     src: v,
-    alt: alt && alt[i] ? alt[i] : `avatar_${i}`,
+    alt: alt && alt[i] ? alt[i] : "avatar_" + i,
     width: size,
     height: size
   })))), children);
 };
-exports.MultiAvatar = MultiAvatar;
 MultiAvatar.displayName = "MultiAvatar";
 //# sourceMappingURL=MultiAvatar.js.map