@activecollab/components 1.0.7 → 1.0.8

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

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

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

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

package/dist/cjs/components/Menu/Menu.js

@@ -0,0 +1,135 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Popper = require("../Popper");
+
+var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
+
+var _Overlay = require("../Overlay");
+
+var _Window = require("../Window");
+
+var _context = require("./context");
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var Menu = function Menu(_ref) {
+  var children = _ref.children,
+      _ref$disableFocusLock = _ref.disableFocusLock,
+      disableFocusLock = _ref$disableFocusLock === void 0 ? false : _ref$disableFocusLock,
+      onMenuClick = _ref.onMenuClick,
+      _ref$handleScroll = _ref.handleScroll,
+      handleScroll = _ref$handleScroll === void 0 ? true : _ref$handleScroll,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "normal" : _ref$mode,
+      _ref$open = _ref.open,
+      defaultOpen = _ref$open === void 0 ? false : _ref$open,
+      onOpen = _ref.onOpen,
+      onClose = _ref.onClose,
+      onBeforeClose = _ref.onBeforeClose,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? "bottom-start" : _ref$position,
+      target = _ref.target,
+      menuClassName = _ref.menuClassName,
+      popperClassName = _ref.popperClassName,
+      backgroundElementClass = _ref.backgroundElementClass,
+      _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
+      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
+
+  var _useState = (0, _react.useState)(defaultOpen),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = _slicedToArray(_useState3, 2),
+      childNode = _useState4[0],
+      setChildNode = _useState4[1];
+
+  var elementRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    setOpen(defaultOpen);
+  }, [defaultOpen]);
+  var handleRefRef = (0, _useForkRef.default)(target ? target.ref : undefined, setChildNode);
+  var handleRef = (0, _useForkRef.default)(handleRefRef, elementRef);
+  var handleOpen = (0, _react.useCallback)(function (event) {
+    event && event.preventDefault();
+    setOpen(true);
+    typeof onOpen === "function" && onOpen();
+  }, [onOpen]);
+  var handleClose = (0, _react.useCallback)(function () {
+    if (typeof onBeforeClose === "function" && !onBeforeClose()) {
+      return;
+    }
+
+    setOpen(false);
+    typeof onClose === "function" && onClose();
+  }, [onClose, onBeforeClose]);
+  var childProps = {
+    forceClose: handleClose
+  };
+  var targetProps = {
+    open: open,
+    ref: handleRef,
+    onClick: handleOpen
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, target && /*#__PURE__*/_react.default.cloneElement(target, targetProps), open ? /*#__PURE__*/_react.default.createElement(_Window.Window, {
+    onClose: handleClose,
+    disableScrollLock: !handleScroll,
+    disableFocusLock: disableFocusLock,
+    style: {
+      position: windowAbsolutelyPositioned ? "absolute" : "fixed"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
+    className: backgroundElementClass,
+    onClick: handleClose,
+    tabIndex: -1
+  }), /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
+    anchorEl: childNode,
+    open: childNode ? open : false,
+    placement: position,
+    className: popperClassName,
+    tabIndex: -1
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
+    className: (0, _classnames.default)("c-simple-menu__paper", "c-simple-menu__".concat(mode), menuClassName),
+    $mode: mode,
+    onMouseDown: onMenuClick
+  }, /*#__PURE__*/_react.default.createElement(_context.MenuContextProvider, {
+    value: {
+      open: open,
+      setOpen: setOpen
+    }
+  }, typeof children === "function" ? children(childProps) : children)))) : null);
+};
+
+exports.Menu = Menu;
+Menu.displayName = "Menu";
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["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","React","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/cjs/components/Menu/MenuFooter.js

@@ -0,0 +1,42 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuFooter = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["children", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var MenuFooter = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuFooter, _extends({}, props, {
+    className: (0, _classnames.default)("c-menu-footer", className),
+    ref: ref
+  }), children);
+});
+exports.MenuFooter = MenuFooter;
+MenuFooter.displayName = "MenuFooter";
+//# sourceMappingURL=MenuFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["MenuFooter","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,UAAU,gBAAG,uBACxB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BD,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBuB,CAAnB;;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/cjs/components/Menu/MenuHeader.js

@@ -0,0 +1,60 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuHeader = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Typography = require("../Typography/Typography");
+
+var _Styles = require("./Styles");
+
+var _excluded = ["title", "className", "leftElement", "rightElement"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var MenuHeader = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var title = _ref.title,
+      className = _ref.className,
+      leftElement = _ref.leftElement,
+      rightElement = _ref.rightElement,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuHeader, _extends({}, props, {
+    className: (0, _classnames.default)("c-menu-header", className),
+    ref: ref
+  }), leftElement || /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      minWidth: "24px"
+    }
+  }, "\xA0"), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    variant: "Body 2",
+    color: "secondary",
+    weight: "bold",
+    overflow: "truncate",
+    className: "tw-mx-1"
+  }, title), rightElement || /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      minWidth: "24px"
+    }
+  }, "\xA0"));
+});
+exports.MenuHeader = MenuHeader;
+MenuHeader.displayName = "MenuHeader";
+//# sourceMappingURL=MenuHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Menu/MenuHeader.tsx"],"names":["MenuHeader","ref","title","className","leftElement","rightElement","props","minWidth","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AASO,IAAMA,UAAU,gBAAG,uBACxB,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,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BH,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGG,WAAW,iBAAI;AAAK,IAAA,KAAK,EAAE;AAAEG,MAAAA,QAAQ,EAAE;AAAZ;AAAZ,YALlB,eAME,6BAAC,sBAAD;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,CA9BuB,CAAnB;;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/cjs/components/Menu/Styles.js

@@ -0,0 +1,70 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMenuHeader = exports.StyledMenuFooter = exports.StyledMenu = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _Bubble = require("../Bubble");
+
+var _FontStyle = require("../FontStyle");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var StyledMenu = (0, _styledComponents.default)(_Bubble.Bubble).withConfig({
+  displayName: "Styles__StyledMenu",
+  componentId: "sc-8fhkp-0"
+})(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
+  "backgroundColor": "var(--page-paper-main)",
+  "borderColor": "var(--border-primary)",
+  "marginTop": "0.25rem",
+  "marginBottom": "0.25rem",
+  "overflow": "auto"
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.$mode === "normal" && (0, _styledComponents.css)(["width:260px;"]);
+}, function (props) {
+  return props.$mode === "wider" && (0, _styledComponents.css)(["width:350px;"]);
+}, function (props) {
+  return props.$mode === "tiny" && (0, _styledComponents.css)(["width:180px;"]);
+});
+exports.StyledMenu = StyledMenu;
+StyledMenu.displayName = "StyledMenu";
+
+var StyledMenuFooter = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledMenuFooter",
+  componentId: "sc-8fhkp-1"
+})(["", " display:flex;border-top:1px solid var(--border-primary);height:32px;align-items:center;"], {
+  "display": "flex",
+  "paddingLeft": "0.5rem",
+  "paddingRight": "0.5rem",
+  "paddingTop": "0.25rem",
+  "paddingBottom": "0.25rem"
+});
+
+exports.StyledMenuFooter = StyledMenuFooter;
+StyledMenuFooter.displayName = "StyledMenuFooter";
+
+var StyledMenuHeader = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledMenuHeader",
+  componentId: "sc-8fhkp-2"
+})(["", " border-bottom:1px solid var(--border-primary);height:32px;"], {
+  "display": "flex",
+  "alignItems": "center",
+  "justifyContent": "space-between",
+  "paddingLeft": "0.5rem",
+  "paddingRight": "0.5rem",
+  "paddingTop": "0.25rem",
+  "paddingBottom": "0.25rem"
+});
+
+exports.StyledMenuHeader = StyledMenuHeader;
+StyledMenuHeader.displayName = "StyledMenuHeader";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Menu/Styles.ts"],"names":["StyledMenu","Bubble","FontStyle","BoxSizingStyle","props","$mode","css","displayName","StyledMenuFooter","styled","div","StyledMenuHeader"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;AAEO,IAAMA,UAAU,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kGACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADiB,EAGnBC,oBAHmB,EAInBC,8BAJmB,EAYnB,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,QAAhB,QACAC,qBADA,mBADA;AAAA,CAZmB,EAkBnB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,OAAhB,QACAC,qBADA,mBADA;AAAA,CAlBmB,EAwBnB,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,KAAgB,MAAhB,QACAC,qBADA,mBADA;AAAA,CAxBmB,CAAhB;;AA8BPN,UAAU,CAACO,WAAX,GAAyB,YAAzB;;AAEO,IAAMC,gBAAgB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,qGACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB,CAAtB;;;AAQPF,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMI,gBAAgB,GAAGF,0BAAOC,GAAV;AAAA;AAAA;AAAA,wEACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADuB,CAAtB;;;AAMPC,gBAAgB,CAACJ,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/cjs/components/Menu/context/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Menu/context/index.ts"],"names":["MenuContext","MenuContextProvider","Provider","MenuContextConsumer","Consumer","useMenuContext"],"mappings":";;;;;;;AAAA;;AAOA,IAAMA,WAAW,gBAAG,0BAA4B,EAA5B,CAApB;AAEO,IAAMC,mBAAmB,GAAGD,WAAW,CAACE,QAAxC;;AACA,IAAMC,mBAAmB,GAAGH,WAAW,CAACI,QAAxC;;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,SAAoB,uBAAWL,WAAX,CAApB;AAAA,CAAvB;;;eAEQA,W","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/cjs/components/Menu/index.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useMenuContext: true
+};
+Object.defineProperty(exports, "useMenuContext", {
+  enumerable: true,
+  get: function get() {
+    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 get() {
+      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 get() {
+      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 get() {
+      return _MenuFooter[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/MenuSelector/MenuSelector.js

@@ -0,0 +1,64 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuSelector = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Input = require("../Input");
+
+var _Styles = require("./Styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var MenuSelector = function MenuSelector(_ref) {
+  var defaultValue = _ref.defaultValue,
+      children = _ref.children,
+      placeholder = _ref.placeholder,
+      onChange = _ref.onChange,
+      onBack = _ref.onBack,
+      onEdit = _ref.onEdit,
+      _ref$autoFocus = _ref.autoFocus,
+      autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+      className = _ref.className,
+      onFocus = _ref.onFocus,
+      onBlur = _ref.onBlur,
+      _ref$autoComplete = _ref.autoComplete,
+      autoComplete = _ref$autoComplete === void 0 ? false : _ref$autoComplete;
+  var handleChange = (0, _react.useCallback)(function (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, {
+    onClick: onBack,
+    width: "16px",
+    height: "16px"
+  }) : null, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    onChange: handleChange,
+    placeholder: placeholder,
+    autoFocus: autoFocus,
+    defaultValue: defaultValue,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    autoComplete: autoComplete ? "on" : "off"
+  }), typeof onEdit === "function" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuSelectorDots, {
+    onClick: onEdit
+  }) : null), children);
+};
+
+exports.MenuSelector = MenuSelector;
+MenuSelector.displayName = "MenuSelector";
+//# sourceMappingURL=MenuSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/MenuSelector/MenuSelector.tsx"],"names":["MenuSelector","defaultValue","children","placeholder","onChange","onBack","onEdit","autoFocus","className","onFocus","onBlur","autoComplete","handleChange","e","target","value","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AA8BO,IAAMA,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,GAAG,wBACnB,UAACC,CAAD,EAAsC;AACpC,QAAI,OAAOT,QAAP,KAAoB,UAAxB,EAAoC;AAClCA,MAAAA,QAAQ,CAACS,CAAC,CAACC,MAAF,CAASC,KAAV,CAAR;AACD;AACF,GALkB,EAMnB,CAACX,QAAD,CANmB,CAArB;AASA,sBACE,6BAAC,0BAAD;AAAoB,IAAA,SAAS,EAAE,yBAAW,iBAAX,EAA8BI,SAA9B;AAA/B,kBACE,6BAAC,+BAAD,QACG,OAAOH,MAAP,KAAkB,UAAlB,gBACC,6BAAC,8BAAD;AAAwB,IAAA,OAAO,EAAEA,MAAjC;AAAyC,IAAA,KAAK,EAAC,MAA/C;AAAsD,IAAA,MAAM,EAAC;AAA7D,IADD,GAEG,IAHN,eAIE,6BAAC,YAAD;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,6BAAC,8BAAD;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"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMenuSelectorInner = exports.StyledMenuSelectorDots = exports.StyledMenuSelectorBack = exports.StyledMenuSelector = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _FontStyle = require("../FontStyle");
+
+var _BoxSizingStyle = require("../BoxSizingStyle");
+
+var _ArrowBack = _interopRequireDefault(require("../Icons/collection/ArrowBack"));
+
+var _TreeDots = _interopRequireDefault(require("../Icons/collection/TreeDots"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledMenuSelectorDots = (0, _styledComponents.default)(_TreeDots.default).withConfig({
+  displayName: "Styles__StyledMenuSelectorDots",
+  componentId: "sc-1x7qbnu-0"
+})(["", ""], {
+  "cursor": "pointer",
+  "flexShrink": "0",
+  "marginLeft": "0.5rem"
+});
+exports.StyledMenuSelectorDots = StyledMenuSelectorDots;
+StyledMenuSelectorDots.displayName = "StyledMenuSelectorDots";
+var StyledMenuSelectorBack = (0, _styledComponents.default)(_ArrowBack.default).withConfig({
+  displayName: "Styles__StyledMenuSelectorBack",
+  componentId: "sc-1x7qbnu-1"
+})(["", ""], {
+  "cursor": "pointer",
+  "stroke": "currentColor",
+  "flexShrink": "0",
+  "marginRight": "0.5rem"
+});
+exports.StyledMenuSelectorBack = StyledMenuSelectorBack;
+StyledMenuSelectorBack.displayName = "StyledMenuSelectorBack";
+
+var StyledMenuSelector = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledMenuSelector",
+  componentId: "sc-1x7qbnu-2"
+})(["", " ", " color:var(--color-theme-700);"], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
+
+exports.StyledMenuSelector = StyledMenuSelector;
+StyledMenuSelector.displayName = "StyledMenuSelector";
+
+var StyledMenuSelectorInner = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledMenuSelectorInner",
+  componentId: "sc-1x7qbnu-3"
+})(["", ""], {
+  "display": "flex",
+  "alignItems": "center",
+  "margin": "1rem"
+});
+
+exports.StyledMenuSelectorInner = StyledMenuSelectorInner;
+StyledMenuSelectorInner.displayName = "StyledMenuSelectorInner";
+//# sourceMappingURL=Styles.js.map