@activecollab/components 1.0.5 → 1.0.9

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

@@ -1,37 +1,26 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { StyledSpinnerLoader } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var SpinnerLoader = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import { StyledSpinnerLoader } from "./Styles";
+export var SpinnerLoader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledSpinnerLoader, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(StyledSpinnerLoader, _extends({
     ref: ref,
-    className: classnames("c-loader c-loader--spinner", className)
-  }, rest), {}, {
-    children: /*#__PURE__*/jsx("svg", {
-      viewBox: "25 25 50 50",
-      children: /*#__PURE__*/jsx("circle", {
-        cx: "50",
-        cy: "50",
-        r: "20",
-        fill: "none",
-        strokeWidth: "4",
-        strokeMiterlimit: "10"
-      })
-    })
-  }));
+    className: classNames("c-loader c-loader--spinner", className)
+  }, rest), /*#__PURE__*/React.createElement("svg", {
+    viewBox: "25 25 50 50"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "50",
+    cy: "50",
+    r: "20",
+    fill: "none",
+    strokeWidth: "4",
+    strokeMiterlimit: "10"
+  })));
 });
 SpinnerLoader.displayName = "SpinnerLoader";
-
-export { SpinnerLoader };
-//# sourceMappingURL=SpinnerLoader.js.map
+//# sourceMappingURL=SpinnerLoader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SpinnerLoader.js","sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSpinnerLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--spinner\", className)}\n      {...rest}\n    >\n      <svg viewBox=\"25 25 50 50\">\n        <circle\n          cx=\"50\"\n          cy=\"50\"\n          r=\"20\"\n          fill=\"none\"\n          strokeWidth=\"4\"\n          strokeMiterlimit=\"10\"\n        />\n      </svg>\n    </StyledSpinnerLoader>\n  );\n});\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"names":["SpinnerLoader","forwardRef","ref","className","rest","_jsx","classNames","displayName"],"mappings":";;;;;;;;;;;;IAIaA,aAAa,gBAAGC,UAAU,CAGrC,gBAAyBC,GAAzB,EAAiC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACjC,sBACEC,IAAC,mBAAD;AACE,IAAA,GAAG,EAAEH,GADP;AAEE,IAAA,SAAS,EAAEI,UAAU,CAAC,4BAAD,EAA+BH,SAA/B;AAFvB,KAGMC,IAHN;AAAA,2BAKEC;AAAK,MAAA,OAAO,EAAC,aAAb;AAAA,6BACEA;AACE,QAAA,EAAE,EAAC,IADL;AAEE,QAAA,EAAE,EAAC,IAFL;AAGE,QAAA,CAAC,EAAC,IAHJ;AAIE,QAAA,IAAI,EAAC,MAJP;AAKE,QAAA,WAAW,EAAC,GALd;AAME,QAAA,gBAAgB,EAAC;AANnB;AADF;AALF,KADF;AAkBD,CAtBsC;AAwBvCL,aAAa,CAACO,WAAd,GAA4B,eAA5B;;;;"}
+{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/SpinnerLoader.tsx"],"names":["React","forwardRef","classNames","StyledSpinnerLoader","SpinnerLoader","ref","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,mBAAT,QAAoC,UAApC;AAEA,OAAO,IAAMC,aAAa,gBAAGH,UAAU,CAGrC,gBAAyBI,GAAzB,EAAiC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACjC,sBACE,oBAAC,mBAAD;AACE,IAAA,GAAG,EAAEF,GADP;AAEE,IAAA,SAAS,EAAEH,UAAU,CAAC,4BAAD,EAA+BI,SAA/B;AAFvB,KAGMC,IAHN,gBAKE;AAAK,IAAA,OAAO,EAAC;AAAb,kBACE;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,CAAC,EAAC,IAHJ;AAIE,IAAA,IAAI,EAAC,MAJP;AAKE,IAAA,WAAW,EAAC,GALd;AAME,IAAA,gBAAgB,EAAC;AANnB,IADF,CALF,CADF;AAkBD,CAtBsC,CAAhC;AAwBPH,aAAa,CAACI,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledSpinnerLoader } from \"./Styles\";\n\nexport const SpinnerLoader = forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...rest }, ref) => {\n  return (\n    <StyledSpinnerLoader\n      ref={ref}\n      className={classNames(\"c-loader c-loader--spinner\", className)}\n      {...rest}\n    >\n      <svg viewBox=\"25 25 50 50\">\n        <circle\n          cx=\"50\"\n          cy=\"50\"\n          r=\"20\"\n          fill=\"none\"\n          strokeWidth=\"4\"\n          strokeMiterlimit=\"10\"\n        />\n      </svg>\n    </StyledSpinnerLoader>\n  );\n});\n\nSpinnerLoader.displayName = \"SpinnerLoader\";\n"],"file":"SpinnerLoader.js"}

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

@@ -1,11 +1,8 @@
-import styled, { keyframes } from 'styled-components';
-
+import styled, { keyframes } from "styled-components";
 var rotateAnimation = keyframes(["100%{transform:rotate(360deg);}"]);
 var dashAnimation = keyframes(["0%{stroke-dasharray:1,200;stroke-dashoffset:0;}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px;}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px;}"]);
-var StyledSpinnerLoader = styled.div.withConfig({
+export var StyledSpinnerLoader = styled.div.withConfig({
   displayName: "Styles__StyledSpinnerLoader",
   componentId: "sc-1ht53g9-0"
 })(["position:relative;width:20px;&:before{content:\"\";display:block;padding-top:100%;}svg{animation:", " 2s linear infinite;height:100%;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;circle{stroke-dasharray:1,200;stroke-dashoffset:0;stroke:var(--color-theme-600);animation:", " 1.5s ease-in-out infinite;stroke-linecap:round;}}"], rotateAnimation, dashAnimation);
-
-export { StyledSpinnerLoader };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst rotateAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst dashAnimation = keyframes`\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n`;\n\nexport const StyledSpinnerLoader = styled.div`\n  position: relative;\n  width: 20px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    padding-top: 100%;\n  }\n\n  svg {\n    animation: ${rotateAnimation} 2s linear infinite;\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n\n    circle {\n      stroke-dasharray: 1, 200;\n      stroke-dashoffset: 0;\n      stroke: var(--color-theme-600);\n      animation: ${dashAnimation} 1.5s ease-in-out infinite;\n      stroke-linecap: round;\n    }\n  }\n`;\n"],"names":["rotateAnimation","keyframes","dashAnimation","StyledSpinnerLoader","styled","div"],"mappings":";;AAEA,IAAMA,eAAe,GAAGC,SAAH,qCAArB;AAMA,IAAMC,aAAa,GAAGD,SAAH,iKAAnB;IAeaE,mBAAmB,GAAGC,MAAM,CAACC,GAAV;AAAA;AAAA;AAAA,oYAWfL,eAXe,EA0BbE,aA1Ba;;;;"}
+{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/Styles.ts"],"names":["styled","keyframes","rotateAnimation","dashAnimation","StyledSpinnerLoader","div"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,SAAjB,QAAkC,mBAAlC;AAEA,IAAMC,eAAe,GAAGD,SAAH,qCAArB;AAMA,IAAME,aAAa,GAAGF,SAAH,iKAAnB;AAeA,OAAO,IAAMG,mBAAmB,GAAGJ,MAAM,CAACK,GAAV;AAAA;AAAA;AAAA,oYAWfH,eAXe,EA0BbC,aA1Ba,CAAzB","sourcesContent":["import styled, { keyframes } from \"styled-components\";\n\nconst rotateAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nconst dashAnimation = keyframes`\n  0% {\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -35px;\n  }\n  100% {\n    stroke-dasharray: 89, 200;\n    stroke-dashoffset: -124px;\n  }\n`;\n\nexport const StyledSpinnerLoader = styled.div`\n  position: relative;\n  width: 20px;\n\n  &:before {\n    content: \"\";\n    display: block;\n    padding-top: 100%;\n  }\n\n  svg {\n    animation: ${rotateAnimation} 2s linear infinite;\n    height: 100%;\n    transform-origin: center center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n\n    circle {\n      stroke-dasharray: 1, 200;\n      stroke-dashoffset: 0;\n      stroke: var(--color-theme-600);\n      animation: ${dashAnimation} 1.5s ease-in-out infinite;\n      stroke-linecap: round;\n    }\n  }\n`;\n"],"file":"Styles.js"}

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

@@ -0,0 +1,2 @@
+export * from "./SpinnerLoader";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Loaders/Spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAd","sourcesContent":["export * from \"./SpinnerLoader\";\n"],"file":"index.js"}

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

@@ -0,0 +1,4 @@
+export * from "./Linear";
+export * from "./Dots";
+export * from "./Spinner";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Loaders/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd;AACA,cAAc,QAAd;AACA,cAAc,WAAd","sourcesContent":["export * from \"./Linear\";\nexport * from \"./Dots\";\nexport * from \"./Spinner\";\n"],"file":"index.js"}

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

@@ -1,15 +1,13 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import classnames from 'classnames';
-import useForkRef from '../../utils/useForkRef.js';
-import { MenuContextProvider } from './context/index.js';
-import { StyledMenu } from './Styles.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { Window } from '../Window/Window.js';
-import { Overlay } from '../Overlay/Overlay.js';
-import { Popper } from '../Popper/Popper.js';
+import React, { useRef, useState, useCallback, useEffect } from "react";
+import classnames from "classnames";
+import { Popper } from "../Popper"; // import { Tooltip } from "../Tooltip";
 
-var Menu = function Menu(_ref) {
+import useForkRef from "../../utils/useForkRef";
+import { Overlay } from "../Overlay";
+import { Window } from "../Window";
+import { MenuContextProvider } from "./context";
+import { StyledMenu } from "./Styles";
+export var Menu = function Menu(_ref) {
   var children = _ref.children,
       _ref$disableFocusLock = _ref.disableFocusLock,
       disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
@@ -33,14 +31,12 @@ var Menu = function Menu(_ref) {
       windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
 
   var _useState = useState(defaultOpen),
-      _useState2 = _slicedToArray(_useState, 2),
-      open = _useState2[0],
-      setOpen = _useState2[1];
+      open = _useState[0],
+      setOpen = _useState[1];
 
-  var _useState3 = useState(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      childNode = _useState4[0],
-      setChildNode = _useState4[1];
+  var _useState2 = useState(),
+      childNode = _useState2[0],
+      setChildNode = _useState2[1];
 
   var elementRef = useRef(null);
   useEffect(function () {
@@ -69,41 +65,33 @@ var Menu = function Menu(_ref) {
     ref: handleRef,
     onClick: handleOpen
   };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [target && /*#__PURE__*/React.cloneElement(target, targetProps), open ? /*#__PURE__*/jsxs(Window, {
-      onClose: handleClose,
-      disableScrollLock: !handleScroll,
-      disableFocusLock: disableFocusLock,
-      style: {
-        position: windowAbsolutelyPositioned ? "absolute" : "fixed"
-      },
-      children: [/*#__PURE__*/jsx(Overlay, {
-        className: backgroundElementClass,
-        onClick: handleClose,
-        tabIndex: -1
-      }), /*#__PURE__*/jsx(Popper, {
-        anchorEl: childNode,
-        open: childNode ? open : false,
-        placement: position,
-        className: popperClassName,
-        tabIndex: -1,
-        children: /*#__PURE__*/jsx(StyledMenu, {
-          className: classnames("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName),
-          $mode: mode,
-          onMouseDown: onMenuClick,
-          children: /*#__PURE__*/jsx(MenuContextProvider, {
-            value: {
-              open: open,
-              setOpen: setOpen
-            },
-            children: typeof children === "function" ? children(childProps) : children
-          })
-        })
-      })]
-    }) : null]
-  });
+  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.createElement(Overlay, {
+    className: backgroundElementClass,
+    onClick: handleClose,
+    tabIndex: -1
+  }), /*#__PURE__*/React.createElement(Popper, {
+    anchorEl: childNode,
+    open: childNode ? open : false,
+    placement: position,
+    className: popperClassName,
+    tabIndex: -1
+  }, /*#__PURE__*/React.createElement(StyledMenu, {
+    className: classnames("c-simple-menu__paper", "c-simple-menu__" + mode, menuClassName),
+    $mode: mode,
+    onMouseDown: onMenuClick
+  }, /*#__PURE__*/React.createElement(MenuContextProvider, {
+    value: {
+      open: open,
+      setOpen: setOpen
+    }
+  }, typeof children === "function" ? children(childProps) : children)))) : null);
 };
 Menu.displayName = "Menu";
-
-export { Menu };
-//# sourceMappingURL=Menu.js.map
+//# sourceMappingURL=Menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","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\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\n// import { Tooltip } from \"../Tooltip\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\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  /** 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}\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  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\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    (event: Pick<MouseEvent<Element>, \"preventDefault\">) => {\n      event && event.preventDefault();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n    },\n    [onOpen]\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  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          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName\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"],"names":["Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","useState","setOpen","childNode","setChildNode","elementRef","useRef","useEffect","handleRefRef","useForkRef","ref","undefined","handleRef","handleOpen","useCallback","event","preventDefault","handleClose","childProps","forceClose","targetProps","onClick","_jsxs","React","cloneElement","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;IA4DaA,IAAe,GAAG,SAAlBA,IAAkB,OAgBzB;AAAA,MAfJC,QAeI,QAfJA,QAeI;AAAA,mCAdJC,gBAcI;AAAA,MAdJA,gBAcI,sCAde,KAcf;AAAA,MAbJC,WAaI,QAbJA,WAaI;AAAA,+BAZJC,YAYI;AAAA,MAZJA,YAYI,kCAZW,IAYX;AAAA,uBAXJC,IAWI;AAAA,MAXJA,IAWI,0BAXG,QAWH;AAAA,uBAVJC,IAUI;AAAA,MAVEC,WAUF,0BAVgB,KAUhB;AAAA,MATJC,MASI,QATJA,MASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,aAOI,QAPJA,aAOI;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,cAMP;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,aAII,QAJJA,aAII;AAAA,MAHJC,eAGI,QAHJA,eAGI;AAAA,MAFJC,sBAEI,QAFJA,sBAEI;AAAA,mCADJC,0BACI;AAAA,MADJA,0BACI,sCADyB,KACzB;;AACJ,kBAAwBC,QAAQ,CAACV,WAAD,CAAhC;AAAA;AAAA,MAAOD,IAAP;AAAA,MAAaY,OAAb;;AACA,mBAAkCD,QAAQ,EAA1C;AAAA;AAAA,MAAOE,SAAP;AAAA,MAAkBC,YAAlB;;AACA,MAAMC,UAAU,GAAGC,MAAM,CAAiB,IAAjB,CAAzB;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACdL,IAAAA,OAAO,CAACX,WAAD,CAAP;AACD,GAFQ,EAEN,CAACA,WAAD,CAFM,CAAT;AAIA,MAAMiB,YAAY,GAAGC,UAAU,CAC7Bb,MAAM,GAAGA,MAAM,CAACc,GAAV,GAAgBC,SADO,EAE7BP,YAF6B,CAA/B;AAIA,MAAMQ,SAAS,GAAGH,UAAU,CAACD,YAAD,EAAeH,UAAf,CAA5B;AAEA,MAAMQ,UAAU,GAAGC,WAAW,CAC5B,UAACC,KAAD,EAAwD;AACtDA,IAAAA,KAAK,IAAIA,KAAK,CAACC,cAAN,EAAT;AACAd,IAAAA,OAAO,CAAC,IAAD,CAAP;AACA,WAAOV,MAAP,KAAkB,UAAlB,IAAgCA,MAAM,EAAtC;AACD,GAL2B,EAM5B,CAACA,MAAD,CAN4B,CAA9B;AASA,MAAMyB,WAAW,GAAGH,WAAW,CAAC,YAAM;AACpC,QAAI,OAAOpB,aAAP,KAAyB,UAAzB,IAAuC,CAACA,aAAa,EAAzD,EAA6D;AAC3D;AACD;;AACDQ,IAAAA,OAAO,CAAC,KAAD,CAAP;AACA,WAAOT,OAAP,KAAmB,UAAnB,IAAiCA,OAAO,EAAxC;AACD,GAN8B,EAM5B,CAACA,OAAD,EAAUC,aAAV,CAN4B,CAA/B;AAQA,MAAMwB,UAAU,GAAG;AACjBC,IAAAA,UAAU,EAAEF;AADK,GAAnB;AAIA,MAAMG,WAAW,GAAG;AAClB9B,IAAAA,IAAI,EAAJA,IADkB;AAElBoB,IAAAA,GAAG,EAAEE,SAFa;AAGlBS,IAAAA,OAAO,EAAER;AAHS,GAApB;AAMA,sBACES;AAAA,eACG1B,MAAM,iBAAI2B,KAAK,CAACC,YAAN,CAAmB5B,MAAnB,EAA2BwB,WAA3B,CADb,EAEG9B,IAAI,gBACHgC,KAAC,MAAD;AACE,MAAA,OAAO,EAAEL,WADX;AAEE,MAAA,iBAAiB,EAAE,CAAC7B,YAFtB;AAGE,MAAA,gBAAgB,EAAEF,gBAHpB;AAIE,MAAA,KAAK,EAAE;AACLS,QAAAA,QAAQ,EAAEK,0BAA0B,GAAG,UAAH,GAAgB;AAD/C,OAJT;AAAA,8BAQEyB,IAAC,OAAD;AACE,QAAA,SAAS,EAAE1B,sBADb;AAEE,QAAA,OAAO,EAAEkB,WAFX;AAGE,QAAA,QAAQ,EAAE,CAAC;AAHb,QARF,eAaEQ,IAAC,MAAD;AACE,QAAA,QAAQ,EAAEtB,SADZ;AAEE,QAAA,IAAI,EAAEA,SAAS,GAAGb,IAAH,GAAU,KAF3B;AAGE,QAAA,SAAS,EAAEK,QAHb;AAIE,QAAA,SAAS,EAAEG,eAJb;AAKE,QAAA,QAAQ,EAAE,CAAC,CALb;AAAA,+BAOE2B,IAAC,UAAD;AACE,UAAA,SAAS,EAAEC,UAAU,CACnB,sBADmB,2BAEDrC,IAFC,GAGnBQ,aAHmB,CADvB;AAME,UAAA,KAAK,EAAER,IANT;AAOE,UAAA,WAAW,EAAEF,WAPf;AAAA,iCASEsC,IAAC,mBAAD;AAAqB,YAAA,KAAK,EAAE;AAAEnC,cAAAA,IAAI,EAAJA,IAAF;AAAQY,cAAAA,OAAO,EAAPA;AAAR,aAA5B;AAAA,sBACG,OAAOjB,QAAP,KAAoB,UAApB,GACGA,QAAQ,CAACiC,UAAD,CADX,GAEGjC;AAHN;AATF;AAPF,QAbF;AAAA,MADG,GAsCD,IAxCN;AAAA,IADF;AA4CD;AAEDD,IAAI,CAAC2C,WAAL,GAAmB,MAAnB;;;;"}
+{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["React","useRef","useState","useCallback","useEffect","classnames","Popper","useForkRef","Overlay","Window","MenuContextProvider","StyledMenu","Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","handleClose","childProps","forceClose","targetProps","onClick","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\n// import { Tooltip } from \"../Tooltip\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\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  /** 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}\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  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\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    (event: Pick<MouseEvent<Element>, \"preventDefault\">) => {\n      event && event.preventDefault();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n    },\n    [onOpen]\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  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          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName\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"],"file":"Menu.js"}

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

@@ -1,27 +1,18 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { StyledMenuFooter } from './Styles.js';
-import { jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var MenuFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { StyledMenuFooter } from "./Styles";
+export var MenuFooter = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsx(StyledMenuFooter, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/React.createElement(StyledMenuFooter, _extends({}, props, {
     className: classnames("c-menu-footer", className),
-    ref: ref,
-    children: children
-  }));
+    ref: ref
+  }), children);
 });
 MenuFooter.displayName = "MenuFooter";
-
-export { MenuFooter };
-//# sourceMappingURL=MenuFooter.js.map
+//# sourceMappingURL=MenuFooter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuFooter.js","sources":["../../../../src/components/Menu/MenuFooter.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\ninterface 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"],"names":["MenuFooter","forwardRef","ref","children","className","props","_jsx","classnames","displayName"],"mappings":";;;;;;;;;;;;IAeaA,UAAU,gBAAGC,UAAU,CAClC,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACEC,IAAC,gBAAD,kCACMD,KADN;AAEE,IAAA,SAAS,EAAEE,UAAU,CAAC,eAAD,EAAkBH,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF,GAHP;AAAA,cAKGC;AALH,KADF;AASD,CAlBiC;AAqBpCH,UAAU,CAACQ,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["React","forwardRef","classnames","StyledMenuFooter","MenuFooter","ref","children","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IACEC,UADF,QAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,UAAjC;AAOA,OAAO,IAAMC,UAAU,gBAAGH,UAAU,CAClC,gBAMEI,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,gBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAAC,eAAD,EAAkBK,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBiC,CAA7B;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\ninterface 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"],"file":"MenuFooter.js"}

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

@@ -1,47 +1,35 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { Typography } from '../Typography/Typography.js';
-import { StyledMenuHeader } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["title", "className", "leftElement", "rightElement"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var MenuHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
+import React, { forwardRef } from "react";
+import classnames from "classnames";
+import { Typography } from "../Typography/Typography";
+import { StyledMenuHeader } from "./Styles";
+export var MenuHeader = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var title = _ref.title,
       className = _ref.className,
       leftElement = _ref.leftElement,
       rightElement = _ref.rightElement,
-      props = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/jsxs(StyledMenuHeader, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/React.createElement(StyledMenuHeader, _extends({}, props, {
     className: classnames("c-menu-header", className),
-    ref: ref,
-    children: [leftElement || /*#__PURE__*/jsx("div", {
-      style: {
-        minWidth: "24px"
-      },
-      children: "\xA0"
-    }), /*#__PURE__*/jsx(Typography, {
-      variant: "Body 2",
-      color: "secondary",
-      weight: "bold",
-      overflow: "truncate",
-      className: "tw-mx-1",
-      children: title
-    }), rightElement || /*#__PURE__*/jsx("div", {
-      style: {
-        minWidth: "24px"
-      },
-      children: "\xA0"
-    })]
-  }));
+    ref: ref
+  }), leftElement || /*#__PURE__*/React.createElement("div", {
+    style: {
+      minWidth: "24px"
+    }
+  }, "\xA0"), /*#__PURE__*/React.createElement(Typography, {
+    variant: "Body 2",
+    color: "secondary",
+    weight: "bold",
+    overflow: "truncate",
+    className: "tw-mx-1"
+  }, title), rightElement || /*#__PURE__*/React.createElement("div", {
+    style: {
+      minWidth: "24px"
+    }
+  }, "\xA0"));
 });
 MenuHeader.displayName = "MenuHeader";
-
-export { MenuHeader };
-//# sourceMappingURL=MenuHeader.js.map
+//# sourceMappingURL=MenuHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuHeader.js","sources":["../../../../src/components/Menu/MenuHeader.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\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          className=\"tw-mx-1\"\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"names":["MenuHeader","forwardRef","ref","title","className","leftElement","rightElement","props","_jsxs","classnames","_jsx","minWidth","displayName"],"mappings":";;;;;;;;;;;;;IAYaA,UAAU,gBAAGC,UAAU,CAClC,gBAQEC,GARF,EASK;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,WAKC,QALDA,WAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,KAGF;;AACH,sBACEC,KAAC,gBAAD,kCACMD,KADN;AAEE,IAAA,SAAS,EAAEE,UAAU,CAAC,eAAD,EAAkBL,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF,GAHP;AAAA,eAKGG,WAAW,iBAAIK;AAAK,MAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAZ;AAAA;AAAA,MALlB,eAMED,IAAC,UAAD;AACE,MAAA,OAAO,EAAC,QADV;AAEE,MAAA,KAAK,EAAC,WAFR;AAGE,MAAA,MAAM,EAAC,MAHT;AAIE,MAAA,QAAQ,EAAC,UAJX;AAKE,MAAA,SAAS,EAAC,SALZ;AAAA,gBAOGP;AAPH,MANF,EAeGG,YAAY,iBAAII;AAAK,MAAA,KAAK,EAAE;AAAEC,QAAAA,QAAQ,EAAE;AAAZ,OAAZ;AAAA;AAAA,MAfnB;AAAA,KADF;AAmBD,CA9BiC;AAiCpCX,UAAU,CAACY,WAAX,GAAyB,YAAzB;;;;"}
+{"version":3,"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"names":["React","forwardRef","classnames","Typography","StyledMenuHeader","MenuHeader","ref","title","className","leftElement","rightElement","props","minWidth","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkE,OAAlE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,gBAAT,QAAiC,UAAjC;AASA,OAAO,IAAMC,UAAU,gBAAGJ,UAAU,CAClC,gBAQEK,GARF,EASK;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,WAKC,QALDA,WAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,oBAAC,gBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAET,UAAU,CAAC,eAAD,EAAkBM,SAAlB,CAFvB;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGG,WAAW,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEG,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YALlB,eAME,oBAAC,UAAD;AACE,IAAA,OAAO,EAAC,QADV;AAEE,IAAA,KAAK,EAAC,WAFR;AAGE,IAAA,MAAM,EAAC,MAHT;AAIE,IAAA,QAAQ,EAAC,UAJX;AAKE,IAAA,SAAS,EAAC;AALZ,KAOGL,KAPH,CANF,EAeGG,YAAY,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEE,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YAfnB,CADF;AAmBD,CA9BiC,CAA7B;AAiCPP,UAAU,CAACQ,WAAX,GAAyB,YAAzB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledMenuHeader } from \"./Styles\";\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          className=\"tw-mx-1\"\n        >\n          {title}\n        </Typography>\n        {rightElement || <div style={{ minWidth: \"24px\" }}>&nbsp;</div>}\n      </StyledMenuHeader>\n    );\n  }\n);\n\nMenuHeader.displayName = \"MenuHeader\";\n"],"file":"MenuHeader.js"}

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

@@ -1,9 +1,8 @@
-import styled, { css } from 'styled-components';
-import { BoxSizingStyle } from '../BoxSizingStyle.js';
-import { FontStyle } from '../FontStyle.js';
-import { Bubble } from '../Bubble/Bubble.js';
-
-var StyledMenu = styled(Bubble).withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { Bubble } from "../Bubble";
+import { FontStyle } from "../FontStyle";
+export var StyledMenu = styled(Bubble).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-8fhkp-0"
 })(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
@@ -20,7 +19,7 @@ var StyledMenu = styled(Bubble).withConfig({
   return props.$mode === "tiny" && css(["width:180px;"]);
 });
 StyledMenu.displayName = "StyledMenu";
-var StyledMenuFooter = styled.div.withConfig({
+export var 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;"], {
@@ -31,7 +30,7 @@ var StyledMenuFooter = styled.div.withConfig({
   "paddingBottom": "0.25rem"
 });
 StyledMenuFooter.displayName = "StyledMenuFooter";
-var StyledMenuHeader = styled.div.withConfig({
+export var StyledMenuHeader = styled.div.withConfig({
   displayName: "Styles__StyledMenuHeader",
   componentId: "sc-8fhkp-2"
 })(["", " border-bottom:1px solid var(--border-primary);height:32px;"], {
@@ -44,6 +43,4 @@ var StyledMenuHeader = styled.div.withConfig({
   "paddingBottom": "0.25rem"
 });
 StyledMenuHeader.displayName = "StyledMenuHeader";
-
-export { StyledMenu, StyledMenuFooter, StyledMenuHeader };
-//# sourceMappingURL=Styles.js.map
+//# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\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  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"],"names":["StyledMenu","styled","Bubble","FontStyle","BoxSizingStyle","props","$mode","css","displayName","StyledMenuFooter","div","StyledMenuHeader"],"mappings":";;;;;IAMaA,UAAU,GAAGC,MAAM,CAACC,MAAD,CAAT;AAAA;AAAA;AAAA,kGACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,EAGnBC,SAHmB,EAInBC,cAJmB,EAYnB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,QAAhB,IACAC,GADA,kBADA;AAAA,CAZmB,EAkBnB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAC,GADA,kBADA;AAAA,CAlBmB,EAwBnB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,MAAhB,IACAC,GADA,kBADA;AAAA,CAxBmB;AA8BvBP,UAAU,CAACQ,WAAX,GAAyB,YAAzB;IAEaC,gBAAgB,GAAGR,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,qGACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB;AAQ7BD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;IAEaG,gBAAgB,GAAGV,MAAM,CAACS,GAAV;AAAA;AAAA;AAAA,wEACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB;AAM7BC,gBAAgB,CAACH,WAAjB,GAA+B,kBAA/B;;;;"}
+{"version":3,"sources":["../../../../src/components/Menu/Styles.ts"],"names":["styled","css","BoxSizingStyle","Bubble","FontStyle","StyledMenu","props","$mode","displayName","StyledMenuFooter","div","StyledMenuHeader"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,MAAT,QAAuB,WAAvB;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACG,MAAD,CAAT;AAAA;AAAA;AAAA,kGACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,EAGnBC,SAHmB,EAInBF,cAJmB,EAYnB,UAACI,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,QAAhB,IACAN,GADA,kBADA;AAAA,CAZmB,EAkBnB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,IACAN,GADA,kBADA;AAAA,CAlBmB,EAwBnB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,MAAhB,IACAN,GADA,kBADA;AAAA,CAxBmB,CAAhB;AA8BPI,UAAU,CAACG,WAAX,GAAyB,YAAzB;AAEA,OAAO,IAAMC,gBAAgB,GAAGT,MAAM,CAACU,GAAV;AAAA;AAAA;AAAA,qGACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB,CAAtB;AAQPD,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMG,gBAAgB,GAAGX,MAAM,CAACU,GAAV;AAAA;AAAA;AAAA,wEACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB,CAAtB;AAMPC,gBAAgB,CAACH,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\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  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"],"file":"Styles.js"}

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

@@ -1,11 +1,9 @@
-import { useContext, createContext } from 'react';
-
+import { createContext, useContext } from "react";
 var MenuContext = /*#__PURE__*/createContext({});
-var MenuContextProvider = MenuContext.Provider;
-MenuContext.Consumer;
-var useMenuContext = function useMenuContext() {
+export var MenuContextProvider = MenuContext.Provider;
+export var MenuContextConsumer = MenuContext.Consumer;
+export var useMenuContext = function useMenuContext() {
   return useContext(MenuContext);
 };
-
-export { MenuContextProvider, MenuContext as default, useMenuContext };
-//# sourceMappingURL=index.js.map
+export default MenuContext;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","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"],"names":["MenuContext","createContext","MenuContextProvider","Provider","Consumer","useMenuContext","useContext"],"mappings":";;IAOMA,WAAW,gBAAGC,aAAa,CAAe,EAAf;IAEpBC,mBAAmB,GAAGF,WAAW,CAACG;AACZH,WAAW,CAACI;IAElCC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAoBC,UAAU,CAACN,WAAD,CAA9B;AAAA;;;;"}
+{"version":3,"sources":["../../../../../src/components/Menu/context/index.ts"],"names":["createContext","useContext","MenuContext","MenuContextProvider","Provider","MenuContextConsumer","Consumer","useMenuContext"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAOA,IAAMC,WAAW,gBAAGF,aAAa,CAAe,EAAf,CAAjC;AAEA,OAAO,IAAMG,mBAAmB,GAAGD,WAAW,CAACE,QAAxC;AACP,OAAO,IAAMC,mBAAmB,GAAGH,WAAW,CAACI,QAAxC;AAEP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAoBN,UAAU,CAACC,WAAD,CAA9B;AAAA,CAAvB;AAEP,eAAeA,WAAf","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"],"file":"index.js"}

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Menu/index.ts"],"names":["useMenuContext"],"mappings":"AAAA,SAASA,cAAT,QAA+B,WAA/B;AAEA,cAAc,QAAd;AACA,cAAc,cAAd;AACA,cAAc,cAAd;AAEA,SAASA,cAAT","sourcesContent":["import { useMenuContext } from \"./context\";\n\nexport * from \"./Menu\";\nexport * from \"./MenuHeader\";\nexport * from \"./MenuFooter\";\n\nexport { useMenuContext };\n"],"file":"index.js"}

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

@@ -1,10 +1,8 @@
-import { useCallback } from 'react';
-import classnames from 'classnames';
-import { StyledMenuSelector, StyledMenuSelectorInner, StyledMenuSelectorBack, StyledMenuSelectorDots } from './Styles.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Input } from '../Input/Input.js';
-
-var MenuSelector = function MenuSelector(_ref) {
+import React, { useCallback } from "react";
+import classNames from "classnames";
+import { Input } from "../Input";
+import { StyledMenuSelector, StyledMenuSelectorBack, StyledMenuSelectorDots, StyledMenuSelectorInner } from "./Styles";
+export var MenuSelector = function MenuSelector(_ref) {
   var defaultValue = _ref.defaultValue,
       children = _ref.children,
       placeholder = _ref.placeholder,
@@ -23,28 +21,23 @@ var MenuSelector = function MenuSelector(_ref) {
       onChange(e.target.value);
     }
   }, [onChange]);
-  return /*#__PURE__*/jsxs(StyledMenuSelector, {
-    className: classnames("c-menu-selector", className),
-    children: [/*#__PURE__*/jsxs(StyledMenuSelectorInner, {
-      children: [typeof onBack === "function" ? /*#__PURE__*/jsx(StyledMenuSelectorBack, {
-        onClick: onBack,
-        width: "16px",
-        height: "16px"
-      }) : null, /*#__PURE__*/jsx(Input, {
-        onChange: handleChange,
-        placeholder: placeholder,
-        autoFocus: autoFocus,
-        defaultValue: defaultValue,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        autoComplete: autoComplete ? "on" : "off"
-      }), typeof onEdit === "function" ? /*#__PURE__*/jsx(StyledMenuSelectorDots, {
-        onClick: onEdit
-      }) : null]
-    }), children]
-  });
+  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.createElement(Input, {
+    onChange: handleChange,
+    placeholder: placeholder,
+    autoFocus: autoFocus,
+    defaultValue: defaultValue,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    autoComplete: autoComplete ? "on" : "off"
+  }), typeof onEdit === "function" ? /*#__PURE__*/React.createElement(StyledMenuSelectorDots, {
+    onClick: onEdit
+  }) : null), children);
 };
 MenuSelector.displayName = "MenuSelector";
-
-export { MenuSelector };
-//# sourceMappingURL=MenuSelector.js.map
+//# sourceMappingURL=MenuSelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuSelector.js","sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"sourcesContent":["import React, { FC, FocusEvent, useCallback, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { Input } from \"../Input\";\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\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<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"],"names":["MenuSelector","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","useCallback","e","target","value","_jsxs","classNames","_jsx","displayName"],"mappings":";;;;;;IAiCaA,YAA+B,GAAG,SAAlCA,YAAkC,OAYzC;AAAA,MAXJC,YAWI,QAXJA,YAWI;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,WASI,QATJA,WASI;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,KAKR;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,KACX;AACJ,MAAMC,YAAY,GAAGC,WAAW,CAC9B,UAACC,CAAD,EAAsC;AACpC,QAAI,OAAOV,QAAP,KAAoB,UAAxB,EAAoC;AAClCA,MAAAA,QAAQ,CAACU,CAAC,CAACC,MAAF,CAASC,KAAV,CAAR;AACD;AACF,GAL6B,EAM9B,CAACZ,QAAD,CAN8B,CAAhC;AASA,sBACEa,KAAC,kBAAD;AAAoB,IAAA,SAAS,EAAEC,UAAU,CAAC,iBAAD,EAAoBV,SAApB,CAAzC;AAAA,4BACES,KAAC,uBAAD;AAAA,iBACG,OAAOZ,MAAP,KAAkB,UAAlB,gBACCc,IAAC,sBAAD;AAAwB,QAAA,OAAO,EAAEd,MAAjC;AAAyC,QAAA,KAAK,EAAC,MAA/C;AAAsD,QAAA,MAAM,EAAC;AAA7D,QADD,GAEG,IAHN,eAIEc,IAAC,KAAD;AACE,QAAA,QAAQ,EAAEP,YADZ;AAEE,QAAA,WAAW,EAAET,WAFf;AAGE,QAAA,SAAS,EAAEI,SAHb;AAIE,QAAA,YAAY,EAAEN,YAJhB;AAKE,QAAA,OAAO,EAAEQ,OALX;AAME,QAAA,MAAM,EAAEC,MANV;AAOE,QAAA,YAAY,EAAEC,YAAY,GAAG,IAAH,GAAU;AAPtC,QAJF,EAaG,OAAOL,MAAP,KAAkB,UAAlB,gBACCa,IAAC,sBAAD;AAAwB,QAAA,OAAO,EAAEb;AAAjC,QADD,GAEG,IAfN;AAAA,MADF,EAkBGJ,QAlBH;AAAA,IADF;AAsBD;AAEDF,YAAY,CAACoB,WAAb,GAA2B,cAA3B;;;;"}
+{"version":3,"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"names":["React","useCallback","classNames","Input","StyledMenuSelector","StyledMenuSelectorBack","StyledMenuSelectorDots","StyledMenuSelectorInner","MenuSelector","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","e","target","value","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgCC,WAAhC,QAAgE,OAAhE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SACEC,kBADF,EAEEC,sBAFF,EAGEC,sBAHF,EAIEC,uBAJF,QAKO,UALP;AA8BA,OAAO,IAAMC,YAA+B,GAAG,SAAlCA,YAAkC,OAYzC;AAAA,MAXJC,YAWI,QAXJA,YAWI;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,WASI,QATJA,WASI;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,MAMI,QANJA,MAMI;AAAA,4BALJC,SAKI;AAAA,MALJA,SAKI,+BALQ,KAKR;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,MAEI,QAFJA,MAEI;AAAA,+BADJC,YACI;AAAA,MADJA,YACI,kCADW,KACX;AACJ,MAAMC,YAAY,GAAGnB,WAAW,CAC9B,UAACoB,CAAD,EAAsC;AACpC,QAAI,OAAOT,QAAP,KAAoB,UAAxB,EAAoC;AAClCA,MAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASC,KAAV,CAAR;AACD;AACF,GAL6B,EAM9B,CAACX,QAAD,CAN8B,CAAhC;AASA,sBACE,oBAAC,kBAAD;AAAoB,IAAA,SAAS,EAAEV,UAAU,CAAC,iBAAD,EAAoBc,SAApB;AAAzC,kBACE,oBAAC,uBAAD,QACG,OAAOH,MAAP,KAAkB,UAAlB,gBACC,oBAAC,sBAAD;AAAwB,IAAA,OAAO,EAAEA,MAAjC;AAAyC,IAAA,KAAK,EAAC,MAA/C;AAAsD,IAAA,MAAM,EAAC;AAA7D,IADD,GAEG,IAHN,eAIE,oBAAC,KAAD;AACE,IAAA,QAAQ,EAAEO,YADZ;AAEE,IAAA,WAAW,EAAET,WAFf;AAGE,IAAA,SAAS,EAAEI,SAHb;AAIE,IAAA,YAAY,EAAEN,YAJhB;AAKE,IAAA,OAAO,EAAEQ,OALX;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,YAAY,EAAEC,YAAY,GAAG,IAAH,GAAU;AAPtC,IAJF,EAaG,OAAOL,MAAP,KAAkB,UAAlB,gBACC,oBAAC,sBAAD;AAAwB,IAAA,OAAO,EAAEA;AAAjC,IADD,GAEG,IAfN,CADF,EAkBGJ,QAlBH,CADF;AAsBD,CA5CM;AA8CPF,YAAY,CAACgB,WAAb,GAA2B,cAA3B","sourcesContent":["import React, { FC, FocusEvent, useCallback, ChangeEvent } from \"react\";\nimport classNames from \"classnames\";\nimport { Input } from \"../Input\";\nimport {\n  StyledMenuSelector,\n  StyledMenuSelectorBack,\n  StyledMenuSelectorDots,\n  StyledMenuSelectorInner,\n} from \"./Styles\";\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<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"],"file":"MenuSelector.js"}