@activecollab/components 1.0.264 → 1.0.265

package/dist/cjs/components/CommandPallete/CommandPallete.js

@@ -6,29 +6,141 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.CommandPallete = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactChildrenUtilities = require("react-children-utilities");
 var _Dialog = require("../Dialog");
 var _CommandPallete = require("./CommandPallete.styles");
 var _CommandPalleteHeader = require("./CommandPalleteHeader");
 var _CommandPalleteItem = require("./CommandPalleteItem");
 var _CommandPalleteList = require("./CommandPalleteList");
-var _ModeContext = require("./context/ModeContext");
-var _excluded = ["children", "onChangeSearch", "search", "commands", "mode", "setMode"];
+var _context = require("./context");
+var _excluded = ["children", "onChangeSearch", "search", "mode", "setMode"];
 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 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; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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; }
 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 CommandPallete = function CommandPallete(_ref) {
   var children = _ref.children,
     onChangeSearch = _ref.onChangeSearch,
     search = _ref.search,
-    commands = _ref.commands,
     mode = _ref.mode,
     setMode = _ref.setMode,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  var listWrapperRef = (0, _react.useRef)(null);
   var handleChange = function handleChange(e) {
     onChangeSearch(e.target.value);
   };
-  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, rest, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPallete, null, /*#__PURE__*/_react.default.createElement(_ModeContext.ModeContextProvider, {
+  var scrollToTop = function scrollToTop() {
+    var _listWrapperRef$curre;
+    (_listWrapperRef$curre = listWrapperRef.current) === null || _listWrapperRef$curre === void 0 ? void 0 : _listWrapperRef$curre.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  };
+  var scrollToBottom = function scrollToBottom() {
+    var _listWrapperRef$curre2;
+    (_listWrapperRef$curre2 = listWrapperRef.current) === null || _listWrapperRef$curre2 === void 0 ? void 0 : _listWrapperRef$curre2.scrollTo({
+      top: listWrapperRef.current.scrollHeight,
+      behavior: "smooth"
+    });
+  };
+  var filterChildren = (0, _react.useMemo)(function () {
+    var index = 0;
+    var items = (0, _reactChildrenUtilities.deepMap)(children, function (child) {
+      var item = child;
+      var clonedElement;
+      if (item && item.type === _CommandPalleteList.CommandPalleteList) {
+        clonedElement = /*#__PURE__*/(0, _react.cloneElement)(item, _objectSpread({}, item.props));
+      }
+      if (item && item.type === _CommandPalleteItem.CommandPalleteItem) {
+        clonedElement = /*#__PURE__*/(0, _react.cloneElement)(item, _objectSpread(_objectSpread({}, item.props), {}, {
+          index: index,
+          selected: selected
+        }));
+        index++;
+      }
+      return clonedElement;
+    });
+    return {
+      items: items,
+      index: index
+    };
+  }, [children, selected]);
+  (0, _react.useEffect)(function () {
+    if (search.length === 0) {
+      setSelected(0);
+    }
+  }, [search, selected]);
+  var handleChangeSelected = function handleChangeSelected(direction) {
+    var items = document.querySelectorAll(".cp-item");
+    var index = 0;
+    var newIndex = 0;
+    var newItem = null;
+    if (direction === "down") {
+      items.forEach(function (_, i) {
+        if (i === selected) {
+          index = i;
+        }
+      });
+      newIndex = index === items.length - 1 ? 0 : index + 1;
+    } else if (direction === "up") {
+      items.forEach(function (_, i) {
+        if (i === selected) {
+          index = i;
+        }
+      });
+      newIndex = !index ? items.length - 1 : index - 1;
+    } else {
+      setSelected(0);
+    }
+    newItem = items[newIndex];
+    if (newItem && typeof newIndex === "number") {
+      setSelected(newIndex);
+      newItem.scrollIntoView({
+        behavior: "smooth",
+        block: newIndex ? "center" : "end"
+      });
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, rest, /*#__PURE__*/_react.default.createElement(_context.SelectedContextProvider, {
+    value: {
+      selected: selected,
+      setSelected: setSelected
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPallete, {
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        handleChangeSelected("down");
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        handleChangeSelected("up");
+      }
+      if (e.key === "End") {
+        e.preventDefault();
+        scrollToBottom();
+        setSelected(filterChildren.index - 1);
+      }
+      if (e.key === "Home") {
+        e.preventDefault();
+        scrollToTop();
+        setSelected(0);
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement(_context.ModeContextProvider, {
     value: {
       mode: mode,
       setMode: setMode
@@ -37,22 +149,9 @@ var CommandPallete = function CommandPallete(_ref) {
     search: search,
     handleChange: handleChange,
     onChangeSearch: onChangeSearch
-  })), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteWrapper, null, search.length > 0 ? /*#__PURE__*/_react.default.createElement(_CommandPalleteList.CommandPalleteList, {
-    visible: true
-  }, commands.map(function (command) {
-    if (command.visible) {
-      return /*#__PURE__*/_react.default.createElement(_CommandPalleteItem.CommandPalleteItem, {
-        className: "cp-item cp-command",
-        title: command.title,
-        key: command.title,
-        renderIcon: command.renderIcon
-      });
-    }
-    return null;
-  })) : null, _react.Children.toArray(children).map(function (child) {
-    var item = child;
-    return /*#__PURE__*/_react.default.cloneElement(item, {});
-  }))));
+  })), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteWrapper, {
+    ref: listWrapperRef
+  }, filterChildren.items))));
 };
 exports.CommandPallete = CommandPallete;
 CommandPallete.displayName = "CommandPallete";

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPallete.js","names":["CommandPallete","children","onChangeSearch","search","commands","mode","setMode","rest","handleChange","e","target","value","length","map","command","visible","title","renderIcon","Children","toArray","child","item","React","cloneElement","displayName","List","CommandPalleteList","Item","CommandPalleteItem"],"sources":["../../../../src/components/CommandPallete/CommandPallete.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  Children,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n} from \"react\";\nimport { Dialog, DialogProps } from \"../Dialog\";\n\nimport {\n  StyledCommandPallete,\n  StyledCommandPalleteWrapper,\n} from \"./CommandPallete.styles\";\nimport { CommandPalleteHeader } from \"./CommandPalleteHeader\";\nimport { CommandPalleteItem } from \"./CommandPalleteItem\";\nimport {\n  CommandPalleteList,\n  CommandPalleteListProps,\n} from \"./CommandPalleteList\";\nimport { ModeContextProvider } from \"./context/ModeContext\";\n\nexport interface CommandPalleteProps extends DialogProps {\n  onChangeSearch: (search: string) => void;\n  search: string;\n  commands: { visible: boolean; title: string; renderIcon: () => ReactNode }[];\n  mode: string;\n  setMode: (value: string) => void;\n  loading?: boolean;\n}\n\nexport const CommandPallete = ({\n  children,\n  onChangeSearch,\n  search,\n  commands,\n  mode,\n  setMode,\n  ...rest\n}: PropsWithChildren<CommandPalleteProps>) => {\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    onChangeSearch(e.target.value);\n  };\n\n  return (\n    <Dialog {...rest}>\n      <StyledCommandPallete>\n        <ModeContextProvider value={{ mode, setMode }}>\n          <CommandPalleteHeader\n            search={search}\n            handleChange={handleChange}\n            onChangeSearch={onChangeSearch}\n          />\n        </ModeContextProvider>\n        <StyledCommandPalleteWrapper>\n          {/* COMMANDS */}\n          {search.length > 0 ? (\n            <CommandPalleteList visible={true}>\n              {commands.map((command) => {\n                if (command.visible) {\n                  return (\n                    <CommandPalleteItem\n                      className=\"cp-item cp-command\"\n                      title={command.title}\n                      key={command.title}\n                      renderIcon={command.renderIcon}\n                    />\n                  );\n                }\n                return null;\n              })}\n            </CommandPalleteList>\n          ) : null}\n          {/* COMMANDS */}\n\n          {/* LISTS AND ITEMS */}\n          {Children.toArray(children).map((child) => {\n            const item = child as ReactElement<CommandPalleteListProps>;\n            return React.cloneElement(item, {});\n          })}\n          {/* LISTS AND ITEMS */}\n        </StyledCommandPalleteWrapper>\n      </StyledCommandPallete>\n    </Dialog>\n  );\n};\n\nCommandPallete.displayName = \"CommandPallete\";\n\nCommandPallete.List = CommandPalleteList;\nCommandPallete.Item = CommandPalleteItem;\n"],"mappings":";;;;;;;AAAA;AAOA;AAEA;AAIA;AACA;AACA;AAIA;AAA4D;AAAA;AAAA;AAAA;AAAA;AAWrD,IAAMA,cAAc,GAAG,SAAjBA,cAAc,OAQmB;EAAA,IAP5CC,QAAQ,QAARA,QAAQ;IACRC,cAAc,QAAdA,cAAc;IACdC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,OAAO,QAAPA,OAAO;IACJC,IAAI;EAEP,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,CAAgC,EAAK;IACzDP,cAAc,CAACO,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;EAChC,CAAC;EAED,oBACE,6BAAC,cAAM,EAAKJ,IAAI,eACd,6BAAC,oCAAoB,qBACnB,6BAAC,gCAAmB;IAAC,KAAK,EAAE;MAAEF,IAAI,EAAJA,IAAI;MAAEC,OAAO,EAAPA;IAAQ;EAAE,gBAC5C,6BAAC,0CAAoB;IACnB,MAAM,EAAEH,MAAO;IACf,YAAY,EAAEK,YAAa;IAC3B,cAAc,EAAEN;EAAe,EAC/B,CACkB,eACtB,6BAAC,2CAA2B,QAEzBC,MAAM,CAACS,MAAM,GAAG,CAAC,gBAChB,6BAAC,sCAAkB;IAAC,OAAO,EAAE;EAAK,GAC/BR,QAAQ,CAACS,GAAG,CAAC,UAACC,OAAO,EAAK;IACzB,IAAIA,OAAO,CAACC,OAAO,EAAE;MACnB,oBACE,6BAAC,sCAAkB;QACjB,SAAS,EAAC,oBAAoB;QAC9B,KAAK,EAAED,OAAO,CAACE,KAAM;QACrB,GAAG,EAAEF,OAAO,CAACE,KAAM;QACnB,UAAU,EAAEF,OAAO,CAACG;MAAW,EAC/B;IAEN;IACA,OAAO,IAAI;EACb,CAAC,CAAC,CACiB,GACnB,IAAI,EAIPC,eAAQ,CAACC,OAAO,CAAClB,QAAQ,CAAC,CAACY,GAAG,CAAC,UAACO,KAAK,EAAK;IACzC,IAAMC,IAAI,GAAGD,KAA8C;IAC3D,oBAAOE,cAAK,CAACC,YAAY,CAACF,IAAI,EAAE,CAAC,CAAC,CAAC;EACrC,CAAC,CAAC,CAE0B,CACT,CAChB;AAEb,CAAC;AAAC;AAEFrB,cAAc,CAACwB,WAAW,GAAG,gBAAgB;AAE7CxB,cAAc,CAACyB,IAAI,GAAGC,sCAAkB;AACxC1B,cAAc,CAAC2B,IAAI,GAAGC,sCAAkB"}
+{"version":3,"file":"CommandPallete.js","names":["CommandPallete","children","onChangeSearch","search","mode","setMode","rest","useState","selected","setSelected","listWrapperRef","useRef","handleChange","e","target","value","scrollToTop","current","scrollTo","top","behavior","scrollToBottom","scrollHeight","filterChildren","useMemo","index","items","deepMap","child","item","clonedElement","type","CommandPalleteList","cloneElement","props","CommandPalleteItem","useEffect","length","handleChangeSelected","direction","document","querySelectorAll","newIndex","newItem","forEach","_","i","scrollIntoView","block","key","preventDefault","displayName","List","Item"],"sources":["../../../../src/components/CommandPallete/CommandPallete.tsx"],"sourcesContent":["import React, {\n  ChangeEvent,\n  cloneElement,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { deepMap } from \"react-children-utilities\";\nimport { Dialog, DialogProps } from \"../Dialog\";\nimport {\n  StyledCommandPallete,\n  StyledCommandPalleteWrapper,\n} from \"./CommandPallete.styles\";\nimport { CommandPalleteHeader } from \"./CommandPalleteHeader\";\nimport {\n  CommandPalleteItem,\n  CommandPalleteItemProps,\n} from \"./CommandPalleteItem\";\nimport { CommandPalleteList } from \"./CommandPalleteList\";\n\nimport { ModeContextProvider, SelectedContextProvider } from \"./context\";\n\nexport interface CommandPalleteProps extends DialogProps {\n  onChangeSearch: (search: string) => void;\n  search: string;\n  commands: { visible: boolean; title: string; renderIcon: () => ReactNode }[];\n  mode: string;\n  setMode: (value: string) => void;\n  loading?: boolean;\n}\n\nexport const CommandPallete = ({\n  children,\n  onChangeSearch,\n  search,\n  mode,\n  setMode,\n  ...rest\n}: PropsWithChildren<CommandPalleteProps>) => {\n  const [selected, setSelected] = useState<number>(0);\n  const listWrapperRef = useRef<HTMLDivElement>(null);\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    onChangeSearch(e.target.value);\n  };\n\n  const scrollToTop = () => {\n    listWrapperRef.current?.scrollTo({ top: 0, behavior: \"smooth\" });\n  };\n\n  const scrollToBottom = () => {\n    listWrapperRef.current?.scrollTo({\n      top: listWrapperRef.current.scrollHeight,\n      behavior: \"smooth\",\n    });\n  };\n\n  const filterChildren = useMemo(() => {\n    let index = 0;\n\n    const items = deepMap(children, (child) => {\n      const item = child as ReactElement<CommandPalleteItemProps>;\n      let clonedElement;\n\n      if (item && item.type === CommandPalleteList) {\n        clonedElement = cloneElement(item, {\n          ...item.props,\n        });\n      }\n\n      if (item && item.type === CommandPalleteItem) {\n        clonedElement = cloneElement(item, {\n          ...item.props,\n          index,\n          selected,\n        });\n\n        index++;\n      }\n\n      return clonedElement;\n    });\n\n    return { items, index };\n  }, [children, selected]);\n\n  useEffect(() => {\n    if (search.length === 0) {\n      setSelected(0);\n    }\n  }, [search, selected]);\n\n  const handleChangeSelected = (direction?: \"up\" | \"down\") => {\n    const items = document.querySelectorAll(\".cp-item\");\n\n    let index = 0;\n    let newIndex = 0;\n    let newItem: Element | null = null;\n\n    if (direction === \"down\") {\n      items.forEach((_, i) => {\n        if (i === selected) {\n          index = i;\n        }\n      });\n\n      newIndex = index === items.length - 1 ? 0 : index + 1;\n    } else if (direction === \"up\") {\n      items.forEach((_, i) => {\n        if (i === selected) {\n          index = i;\n        }\n      });\n\n      newIndex = !index ? items.length - 1 : index - 1;\n    } else {\n      setSelected(0);\n    }\n\n    newItem = items[newIndex];\n\n    if (newItem && typeof newIndex === \"number\") {\n      setSelected(newIndex);\n\n      newItem.scrollIntoView({\n        behavior: \"smooth\",\n        block: newIndex ? \"center\" : \"end\",\n      });\n    }\n  };\n\n  return (\n    <Dialog {...rest}>\n      <SelectedContextProvider value={{ selected: selected, setSelected }}>\n        <StyledCommandPallete\n          onKeyDown={(e) => {\n            if (e.key === \"ArrowDown\") {\n              e.preventDefault();\n              handleChangeSelected(\"down\");\n            }\n\n            if (e.key === \"ArrowUp\") {\n              e.preventDefault();\n              handleChangeSelected(\"up\");\n            }\n\n            if (e.key === \"End\") {\n              e.preventDefault();\n              scrollToBottom();\n              setSelected(filterChildren.index - 1);\n            }\n\n            if (e.key === \"Home\") {\n              e.preventDefault();\n              scrollToTop();\n              setSelected(0);\n            }\n          }}\n        >\n          <ModeContextProvider value={{ mode, setMode }}>\n            <CommandPalleteHeader\n              search={search}\n              handleChange={handleChange}\n              onChangeSearch={onChangeSearch}\n            />\n          </ModeContextProvider>\n\n          <StyledCommandPalleteWrapper ref={listWrapperRef}>\n            {filterChildren.items}\n          </StyledCommandPalleteWrapper>\n        </StyledCommandPallete>\n      </SelectedContextProvider>\n    </Dialog>\n  );\n};\n\nCommandPallete.displayName = \"CommandPallete\";\n\nCommandPallete.List = CommandPalleteList;\nCommandPallete.Item = CommandPalleteItem;\n"],"mappings":"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"}

package/dist/cjs/components/CommandPallete/CommandPallete.styles.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSearchIcon = exports.StyledParameter = exports.StyledInput = exports.StyledIcon = exports.StyledHeading = exports.StyledCommandPalleteWrapper = exports.StyledCommandPalleteList = exports.StyledCommandPalleteItem = exports.StyledCommandPalleteHeader = exports.StyledCommandPallete = exports.StyledActionWrapper = void 0;
+exports.StyledSpinnerLoader = exports.StyledSearchIcon = exports.StyledParameter = exports.StyledInput = exports.StyledIcon = exports.StyledHeading = exports.StyledCommandPalleteWrapper = exports.StyledCommandPalleteList = exports.StyledCommandPalleteItem = exports.StyledCommandPalleteHeader = exports.StyledCommandPallete = exports.StyledActionWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _FontStyle = require("../FontStyle");
 var _BreakPoints = require("../BreakPoints");
+var _Loaders = require("../Loaders");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var StyledCommandPallete = _styledComponents.default.div.withConfig({
   displayName: "CommandPalletestyles__StyledCommandPallete",
@@ -16,7 +17,7 @@ exports.StyledCommandPallete = StyledCommandPallete;
 var StyledCommandPalleteWrapper = _styledComponents.default.div.withConfig({
   displayName: "CommandPalletestyles__StyledCommandPalleteWrapper",
   componentId: "sc-16m145d-1"
-})(["overflow-x:hidden;overflow-y:auto;max-height:450px;"]);
+})(["overflow-x:hidden;overflow-y:auto;max-height:450px;&:not(:empty){padding-bottom:8px;padding-top:8px;}"]);
 exports.StyledCommandPalleteWrapper = StyledCommandPalleteWrapper;
 var StyledCommandPalleteHeader = _styledComponents.default.div.withConfig({
   displayName: "CommandPalletestyles__StyledCommandPalleteHeader",
@@ -63,6 +64,17 @@ exports.StyledHeading = StyledHeading;
 var StyledCommandPalleteItem = _styledComponents.default.li.withConfig({
   displayName: "CommandPalletestyles__StyledCommandPalleteItem",
   componentId: "sc-16m145d-10"
-})(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;&:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;}&:hover{background-color:var(--color-theme-200);&::before{background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}}"]);
+})(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;background-color:", ";&:focus{background-color:var(--color-theme-200);}&::before{display:", ";background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}&:focus{outline:none;}"], function (_ref) {
+  var $selected = _ref.$selected;
+  return $selected ? "var(--color-theme-200)" : "transparent";
+}, function (_ref2) {
+  var $selected = _ref2.$selected;
+  return $selected ? "block" : "none";
+});
 exports.StyledCommandPalleteItem = StyledCommandPalleteItem;
+var StyledSpinnerLoader = (0, _styledComponents.default)(_Loaders.SpinnerLoader).withConfig({
+  displayName: "CommandPalletestyles__StyledSpinnerLoader",
+  componentId: "sc-16m145d-11"
+})(["margin-right:4px;"]);
+exports.StyledSpinnerLoader = StyledSpinnerLoader;
 //# sourceMappingURL=CommandPallete.styles.js.map

package/dist/cjs/components/CommandPallete/CommandPallete.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPallete.styles.js","names":["StyledCommandPallete","styled","div","FontStyle","StyledCommandPalleteWrapper","StyledCommandPalleteHeader","StyledSearchIcon","StyledInput","input","screen","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPalleteList","ul","StyledHeading","p","StyledCommandPalleteItem","li"],"sources":["../../../../src/components/CommandPallete/CommandPallete.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\n\nexport const StyledCommandPallete = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n`;\n\nexport const StyledCommandPalleteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n`;\n\nexport const StyledCommandPalleteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n  border-bottom: 1px solid var(--color-theme-400);\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    display: none;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPalleteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPalleteItem = styled.li`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n\n  &:last-child {\n    border-bottom-left-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n\n    &::before {\n      background-color: var(--color-primary);\n      content: \"\";\n      height: 100%;\n      left: 0;\n      position: absolute;\n      width: 2px;\n    }\n  }\n`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwC;AAEjC,IAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,+GAC1CC,oBAAS,CAKZ;AAAC;AAEK,IAAMC,2BAA2B,GAAGH,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,2DAIpD;AAAC;AAEK,IAAMG,0BAA0B,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,iKAQnD;AAAC;AAEK,IAAMI,gBAAgB,GAAGL,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMzC;AAAC;AAEK,IAAMK,WAAW,GAAGN,yBAAM,CAACO,KAAK;EAAA;EAAA;AAAA,qSAMnCC,mBAAM,CAACC,EAAE,CAeZ;AAAC;AAEK,IAAMC,eAAe,GAAGV,yBAAM,CAACW,IAAI;EAAA;EAAA;AAAA,8IAItCH,mBAAM,CAACC,EAAE,CAMZ;AAAC;AAEK,IAAMG,mBAAmB,GAAGZ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gDAI5C;AAAC;AAEK,IAAMY,UAAU,GAAGb,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMnC;AAAC;AAEK,IAAMa,wBAAwB,GAAGd,yBAAM,CAACe,EAAE;EAAA;EAAA;AAAA,iIAShD;AAAC;AAEK,IAAMC,aAAa,GAAGhB,yBAAM,CAACiB,CAAC;EAAA;EAAA;AAAA,8IAQpC;;AAED;AAAA;AACO,IAAMC,wBAAwB,GAAGlB,yBAAM,CAACmB,EAAE;EAAA;EAAA;AAAA,8XA2BhD;AAAC"}
+{"version":3,"file":"CommandPallete.styles.js","names":["StyledCommandPallete","styled","div","FontStyle","StyledCommandPalleteWrapper","StyledCommandPalleteHeader","StyledSearchIcon","StyledInput","input","screen","sm","StyledParameter","span","StyledActionWrapper","StyledIcon","StyledCommandPalleteList","ul","StyledHeading","p","StyledCommandPalleteItem","li","$selected","StyledSpinnerLoader","SpinnerLoader"],"sources":["../../../../src/components/CommandPallete/CommandPallete.styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { SpinnerLoader } from \"../Loaders\";\n\nexport const StyledCommandPallete = styled.div`\n  ${FontStyle}\n  background-color: var(--page-paper-main);\n  border-radius: 10px;\n  box-sizing: border-box;\n  max-width: 600px;\n`;\n\nexport const StyledCommandPalleteWrapper = styled.div`\n  overflow-x: hidden;\n  overflow-y: auto;\n  max-height: 450px;\n\n  &:not(:empty) {\n    padding-bottom: 8px;\n    padding-top: 8px;\n  }\n`;\n\nexport const StyledCommandPalleteHeader = styled.div`\n  align-items: center;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n  border-bottom: 1px solid var(--color-theme-400);\n`;\n\nexport const StyledSearchIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledInput = styled.input`\n  all: unset;\n  caret-color: var(--color-primary);\n  color: var(--color-theme-900);\n  width: 100%;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    display: none;\n  }\n\n  ::placeholder {\n    color: var(--color-theme-transparent-500);\n  }\n`;\n\nexport const StyledParameter = styled.span`\n  color: var(--color-theme-transparent-500);\n  margin-right: 8px;\n\n  ${screen.sm} {\n    font-size: 32px;\n    font-weight: 300;\n    letter-spacing: 0.5px;\n    line-height: 44px;\n  }\n`;\n\nexport const StyledActionWrapper = styled.div`\n  align-items: center;\n  display: flex;\n  gap: 8px;\n`;\n\nexport const StyledIcon = styled.div`\n  margin-right: 8px;\n\n  svg {\n    vertical-align: middle;\n  }\n`;\n\nexport const StyledCommandPalleteList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    border-top: 1px solid var(--color-theme-400);\n  }\n`;\n\nexport const StyledHeading = styled.p`\n  font-size: 12px;\n  margin-top: 12px;\n  margin-bottom: 4px;\n  font-weight: bold;\n  padding-left: 18px;\n  letter-spacing: 0.5px;\n  color: var(--color-theme-600);\n`;\n\n// prettier-ignore\nexport const StyledCommandPalleteItem = styled.li<{$selected: boolean}>`\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  padding-bottom: 12px;\n  padding-left: 18px;\n  padding-right: 18px;\n  padding-top: 12px;\n  position: relative;\n  background-color: ${({$selected}) => $selected ? \"var(--color-theme-200)\" : \"transparent\"};\n\n  &:focus {\n    background-color: var(--color-theme-200);\n  }\n\n  &::before {\n    display: ${({$selected}) => $selected ? \"block\" : \"none\"};\n    background-color: var(--color-primary);\n    content: \"\";\n    height: 100%;\n    left: 0;\n    position: absolute;\n    width: 2px;\n    }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledSpinnerLoader = styled(SpinnerLoader)`\n  margin-right: 4px;\n`;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA2C;AAEpC,IAAMA,oBAAoB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,+GAC1CC,oBAAS,CAKZ;AAAC;AAEK,IAAMC,2BAA2B,GAAGH,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,6GASpD;AAAC;AAEK,IAAMG,0BAA0B,GAAGJ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,iKAQnD;AAAC;AAEK,IAAMI,gBAAgB,GAAGL,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMzC;AAAC;AAEK,IAAMK,WAAW,GAAGN,yBAAM,CAACO,KAAK;EAAA;EAAA;AAAA,qSAMnCC,mBAAM,CAACC,EAAE,CAeZ;AAAC;AAEK,IAAMC,eAAe,GAAGV,yBAAM,CAACW,IAAI;EAAA;EAAA;AAAA,8IAItCH,mBAAM,CAACC,EAAE,CAMZ;AAAC;AAEK,IAAMG,mBAAmB,GAAGZ,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,gDAI5C;AAAC;AAEK,IAAMY,UAAU,GAAGb,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oDAMnC;AAAC;AAEK,IAAMa,wBAAwB,GAAGd,yBAAM,CAACe,EAAE;EAAA;EAAA;AAAA,iIAShD;AAAC;AAEK,IAAMC,aAAa,GAAGhB,yBAAM,CAACiB,CAAC;EAAA;EAAA;AAAA,8IAQpC;;AAED;AAAA;AACO,IAAMC,wBAAwB,GAAGlB,yBAAM,CAACmB,EAAE;EAAA;EAAA;AAAA,2WAS3B;EAAA,IAAEC,SAAS,QAATA,SAAS;EAAA,OAAMA,SAAS,GAAG,wBAAwB,GAAG,aAAa;AAAA,GAO5E;EAAA,IAAEA,SAAS,SAATA,SAAS;EAAA,OAAMA,SAAS,GAAG,OAAO,GAAG,MAAM;AAAA,EAY3D;AAAC;AAEK,IAAMC,mBAAmB,GAAG,IAAArB,yBAAM,EAACsB,sBAAa,CAAC;EAAA;EAAA;AAAA,yBAEvD;AAAC"}

package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js

@@ -8,9 +8,9 @@ exports.CommandPalleteHeader = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _IconButton = require("../IconButton");
 var _Icons = require("../Icons");
-var _Loaders = require("../Loaders");
 var _Tooltip = require("../Tooltip");
 var _CommandPallete = require("./CommandPallete.styles");
+var _context = require("./context");
 var _ModeContext = require("./context/ModeContext");
 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; }
@@ -24,6 +24,8 @@ var CommandPalleteHeader = function CommandPalleteHeader(_ref) {
   var _useModeContext = (0, _ModeContext.useModeContext)(),
     mode = _useModeContext.mode,
     setMode = _useModeContext.setMode;
+  var _useSelectedContext = (0, _context.useSelectedContext)(),
+    setSelected = _useSelectedContext.setSelected;
   var focusInput = function focusInput() {
     if (inputRef && inputRef.current) {
       inputRef.current.focus();
@@ -40,10 +42,20 @@ var CommandPalleteHeader = function CommandPalleteHeader(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledSearchIcon, null, /*#__PURE__*/_react.default.createElement(_Icons.SearchLargeIcon, null)), mode === "id" ? /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledParameter, null, "ID#:") : null, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledInput, {
     ref: inputRef,
     autoFocus: true,
+    placeholder: mode === "id" ? "22" : "Search or jump to",
     type: mode === "id" ? "number" : "text",
+    "aria-autocomplete": "list",
     autoCapitalize: "none",
-    autoComplete: "none",
+    autoComplete: "off",
+    autoCorrect: "off",
+    role: "combobox",
+    spellCheck: false,
     value: search,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === "Backspace" && mode === "id" && search.length === 0) {
+        setMode("default");
+      }
+    },
     onChange: function onChange(e) {
       var inputText = e.target.value;
       if (inputText.startsWith("#")) {
@@ -51,18 +63,20 @@ var CommandPalleteHeader = function CommandPalleteHeader(_ref) {
         clearInput();
       }
       handleChange(e);
+      setSelected(0);
     },
     onPaste: function onPaste(e) {
       var pastedText = e.clipboardData.getData("text");
       if (pastedText.startsWith("#")) {
         setMode("id");
       }
-    },
-    placeholder: mode === "id" ? "22" : "Search or jump to"
-  }), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledActionWrapper, null, loading ? /*#__PURE__*/_react.default.createElement(_Loaders.SpinnerLoader, {
-    style: {
-      marginRight: "4px"
     }
+  }), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledActionWrapper, null, loading ? /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledSpinnerLoader, {
+    "aria-busy": true,
+    "aria-label": "Loading...",
+    "aria-valuemax": 100,
+    "aria-valuemin": 0,
+    role: "progressbar"
   }) : null, mode !== "id" && search.length === 0 ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
     title: "Search by ID",
     placement: "top"

package/dist/cjs/components/CommandPallete/CommandPalleteHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalleteHeader.js","names":["CommandPalleteHeader","search","handleChange","loading","onChangeSearch","inputRef","useRef","useModeContext","mode","setMode","focusInput","current","focus","clearInput","value","e","inputText","target","startsWith","pastedText","clipboardData","getData","marginRight","length","key","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteHeader.tsx"],"sourcesContent":["import React, { ChangeEvent, useRef } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { SpinnerLoader } from \"../Loaders\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n  StyledActionWrapper,\n  StyledCommandPalleteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n} from \"./CommandPallete.styles\";\nimport { useModeContext } from \"./context/ModeContext\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteHeaderProps {\n  search: string;\n  handleChange: (e: ChangeEvent<HTMLInputElement>) => void;\n  loading?: boolean;\n  onChangeSearch: (value: string) => void;\n}\n\nexport const CommandPalleteHeader = ({\n  search,\n  handleChange,\n  loading = false,\n  onChangeSearch,\n}: CommandPalleteHeaderProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { mode, setMode } = useModeContext();\n\n  const focusInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const clearInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.value = \"\";\n      onChangeSearch(\"\");\n    }\n  };\n\n  return (\n    <StyledCommandPalleteHeader className=\"cp-header\">\n      <StyledSearchIcon>\n        <SearchLargeIcon />\n      </StyledSearchIcon>\n\n      {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n\n      <StyledInput\n        ref={inputRef}\n        autoFocus\n        type={mode === \"id\" ? \"number\" : \"text\"}\n        autoCapitalize=\"none\"\n        autoComplete=\"none\"\n        value={search}\n        onChange={(e) => {\n          const inputText = e.target.value;\n\n          if (inputText.startsWith(\"#\")) {\n            setMode(\"id\");\n            clearInput();\n          }\n          handleChange(e);\n        }}\n        onPaste={(e) => {\n          const pastedText = e.clipboardData.getData(\"text\");\n\n          if (pastedText.startsWith(\"#\")) {\n            setMode(\"id\");\n          }\n        }}\n        placeholder={mode === \"id\" ? \"22\" : \"Search or jump to\"}\n      />\n\n      <StyledActionWrapper>\n        {loading ? <SpinnerLoader style={{ marginRight: \"4px\" }} /> : null}\n\n        {mode !== \"id\" && search.length === 0 ? (\n          <Tooltip title=\"Search by ID\" placement=\"top\">\n            <IconButton\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"id\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"id\");\n                clearInput();\n                focusInput();\n              }}\n              variant=\"text gray\"\n            >\n              <HashtagIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n\n        {search.length > 0 || mode === \"id\" ? (\n          <Tooltip\n            title={mode === \"id\" ? \"Close ID mode\" : \"Clear\"}\n            placement=\"top\"\n          >\n            <IconButton\n              variant=\"text gray\"\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"default\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"default\");\n                clearInput();\n                focusInput();\n              }}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n      </StyledActionWrapper>\n    </StyledCommandPalleteHeader>\n  );\n};\n\nCommandPalleteHeader.displayName = \"CommandPalleteItem\";\n"],"mappings":"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"}
+{"version":3,"file":"CommandPalleteHeader.js","names":["CommandPalleteHeader","search","handleChange","loading","onChangeSearch","inputRef","useRef","useModeContext","mode","setMode","useSelectedContext","setSelected","focusInput","current","focus","clearInput","value","e","key","length","inputText","target","startsWith","pastedText","clipboardData","getData","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteHeader.tsx"],"sourcesContent":["import React, { ChangeEvent, useRef } from \"react\";\nimport { IconButton } from \"../IconButton\";\nimport { CloseIcon, HashtagIcon, SearchLargeIcon } from \"../Icons\";\nimport { Tooltip } from \"../Tooltip\";\nimport {\n  StyledActionWrapper,\n  StyledCommandPalleteHeader,\n  StyledInput,\n  StyledParameter,\n  StyledSearchIcon,\n  StyledSpinnerLoader,\n} from \"./CommandPallete.styles\";\nimport { useSelectedContext } from \"./context\";\n\nimport { useModeContext } from \"./context/ModeContext\";\n\nexport interface CommandPalleteHeaderProps {\n  search: string;\n  handleChange: (e: ChangeEvent<HTMLInputElement>) => void;\n  loading?: boolean;\n  onChangeSearch: (value: string) => void;\n}\n\nexport const CommandPalleteHeader = ({\n  search,\n  handleChange,\n  loading = false,\n  onChangeSearch,\n}: CommandPalleteHeaderProps) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { mode, setMode } = useModeContext();\n  const { setSelected } = useSelectedContext();\n\n  const focusInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.focus();\n    }\n  };\n\n  const clearInput = () => {\n    if (inputRef && inputRef.current) {\n      inputRef.current.value = \"\";\n      onChangeSearch(\"\");\n    }\n  };\n\n  return (\n    <StyledCommandPalleteHeader className=\"cp-header\">\n      <StyledSearchIcon>\n        <SearchLargeIcon />\n      </StyledSearchIcon>\n\n      {mode === \"id\" ? <StyledParameter>ID#:</StyledParameter> : null}\n\n      <StyledInput\n        ref={inputRef}\n        autoFocus\n        placeholder={mode === \"id\" ? \"22\" : \"Search or jump to\"}\n        type={mode === \"id\" ? \"number\" : \"text\"}\n        aria-autocomplete=\"list\"\n        autoCapitalize=\"none\"\n        autoComplete=\"off\"\n        autoCorrect=\"off\"\n        role=\"combobox\"\n        spellCheck={false}\n        value={search}\n        onKeyDown={(e) => {\n          if (e.key === \"Backspace\" && mode === \"id\" && search.length === 0) {\n            setMode(\"default\");\n          }\n        }}\n        onChange={(e) => {\n          const inputText = e.target.value;\n\n          if (inputText.startsWith(\"#\")) {\n            setMode(\"id\");\n            clearInput();\n          }\n\n          handleChange(e);\n          setSelected(0);\n        }}\n        onPaste={(e) => {\n          const pastedText = e.clipboardData.getData(\"text\");\n\n          if (pastedText.startsWith(\"#\")) {\n            setMode(\"id\");\n          }\n        }}\n      />\n\n      <StyledActionWrapper>\n        {loading ? (\n          <StyledSpinnerLoader\n            aria-busy={true}\n            aria-label=\"Loading...\"\n            aria-valuemax={100}\n            aria-valuemin={0}\n            role=\"progressbar\"\n          />\n        ) : null}\n\n        {mode !== \"id\" && search.length === 0 ? (\n          <Tooltip title=\"Search by ID\" placement=\"top\">\n            <IconButton\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"id\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"id\");\n                clearInput();\n                focusInput();\n              }}\n              variant=\"text gray\"\n            >\n              <HashtagIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n\n        {search.length > 0 || mode === \"id\" ? (\n          <Tooltip\n            title={mode === \"id\" ? \"Close ID mode\" : \"Clear\"}\n            placement=\"top\"\n          >\n            <IconButton\n              variant=\"text gray\"\n              onKeyPress={(e) => {\n                if (e.key === \"Enter\") {\n                  setMode(\"default\");\n                  clearInput();\n                  focusInput();\n                }\n              }}\n              onClick={() => {\n                setMode(\"default\");\n                clearInput();\n                focusInput();\n              }}\n            >\n              <CloseIcon />\n            </IconButton>\n          </Tooltip>\n        ) : null}\n      </StyledActionWrapper>\n    </StyledCommandPalleteHeader>\n  );\n};\n\nCommandPalleteHeader.displayName = \"CommandPalleteItem\";\n"],"mappings":"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"}

package/dist/cjs/components/CommandPallete/CommandPalleteItem.js

@@ -1,29 +1,49 @@
 "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.CommandPalleteItem = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Typography = require("../Typography/Typography");
 var _CommandPallete = require("./CommandPallete.styles");
+var _context = require("./context");
+var _excluded = ["title", "renderIcon", "className", "index"];
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CommandPalleteItem = function CommandPalleteItem(_ref) {
+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 CommandPalleteItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var title = _ref.title,
     renderIcon = _ref.renderIcon,
-    className = _ref.className;
+    className = _ref.className,
+    index = _ref.index,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var icon = renderIcon();
-  return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteItem, {
+  var _useSelectedContext = (0, _context.useSelectedContext)(),
+    selected = _useSelectedContext.selected,
+    setSelected = _useSelectedContext.setSelected;
+  var onMouseOver = function onMouseOver() {
+    setSelected(index);
+  };
+  return /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteItem, _extends({}, rest, {
+    ref: ref,
     className: (0, _classnames.default)("cp-item", className),
-    tabIndex: 1
-  }, /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledIcon, null, icon), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    tabIndex: 1,
+    "aria-selected": selected === index,
+    onMouseOver: onMouseOver,
+    $selected: index === selected
+  }), /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledIcon, null, icon), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     overflow: "truncate",
     whitespace: "no-wrap",
     variant: "Body 1",
     color: "primary"
   }, title));
-};
+});
 exports.CommandPalleteItem = CommandPalleteItem;
 CommandPalleteItem.displayName = "CommandPalleteItem";
 //# sourceMappingURL=CommandPalleteItem.js.map

package/dist/cjs/components/CommandPallete/CommandPalleteItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalleteItem.js","names":["CommandPalleteItem","title","renderIcon","className","icon","classNames","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { ReactNode } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCommandPalleteItem, StyledIcon } from \"./CommandPallete.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteItemProps {\n  title: string;\n  renderIcon: () => ReactNode;\n  className?: string;\n}\n\nexport const CommandPalleteItem = ({\n  title,\n  renderIcon,\n  className,\n}: CommandPalleteItemProps) => {\n  const icon = renderIcon();\n\n  return (\n    <StyledCommandPalleteItem\n      className={classNames(\"cp-item\", className)}\n      tabIndex={1}\n    >\n      <StyledIcon>{icon}</StyledIcon>\n      <Typography\n        overflow=\"truncate\"\n        whitespace=\"no-wrap\"\n        variant=\"Body 1\"\n        color=\"primary\"\n      >\n        {title}\n      </Typography>\n    </StyledCommandPalleteItem>\n  );\n};\n\nCommandPalleteItem.displayName = \"CommandPalleteItem\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAA+E;AASxE,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAIA;EAAA,IAH7BC,KAAK,QAALA,KAAK;IACLC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;EAET,IAAMC,IAAI,GAAGF,UAAU,EAAE;EAEzB,oBACE,6BAAC,wCAAwB;IACvB,SAAS,EAAE,IAAAG,mBAAU,EAAC,SAAS,EAAEF,SAAS,CAAE;IAC5C,QAAQ,EAAE;EAAE,gBAEZ,6BAAC,0BAAU,QAAEC,IAAI,CAAc,eAC/B,6BAAC,sBAAU;IACT,QAAQ,EAAC,UAAU;IACnB,UAAU,EAAC,SAAS;IACpB,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAC;EAAS,GAEdH,KAAK,CACK,CACY;AAE/B,CAAC;AAAC;AAEFD,kBAAkB,CAACM,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"CommandPalleteItem.js","names":["CommandPalleteItem","forwardRef","ref","title","renderIcon","className","index","rest","icon","useSelectedContext","selected","setSelected","onMouseOver","classNames","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteItem.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { Typography } from \"../Typography/Typography\";\nimport { StyledCommandPalleteItem, StyledIcon } from \"./CommandPallete.styles\";\nimport { useSelectedContext } from \"./context\";\n\nexport interface CommandPalleteItemProps extends HTMLAttributes<HTMLLIElement> {\n  title: string;\n  renderIcon: () => ReactNode;\n  className?: string;\n  index?: number;\n  selected?: number;\n}\n\nexport const CommandPalleteItem = forwardRef(\n  (\n    { title, renderIcon, className, index, ...rest }: CommandPalleteItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const icon = renderIcon();\n    const { selected, setSelected } = useSelectedContext();\n\n    const onMouseOver = () => {\n      setSelected(index as number);\n    };\n\n    return (\n      <StyledCommandPalleteItem\n        {...rest}\n        ref={ref}\n        className={classNames(\"cp-item\", className)}\n        tabIndex={1}\n        aria-selected={selected === index}\n        onMouseOver={onMouseOver}\n        $selected={index === selected}\n      >\n        <StyledIcon>{icon}</StyledIcon>\n        <Typography\n          overflow=\"truncate\"\n          whitespace=\"no-wrap\"\n          variant=\"Body 1\"\n          color=\"primary\"\n        >\n          {title}\n        </Typography>\n      </StyledCommandPalleteItem>\n    );\n  }\n);\n\nCommandPalleteItem.displayName = \"CommandPalleteItem\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUxC,IAAMA,kBAAkB,gBAAG,IAAAC,iBAAU,EAC1C,gBAEEC,GAAuB,EACpB;EAAA,IAFDC,KAAK,QAALA,KAAK;IAAEC,UAAU,QAAVA,UAAU;IAAEC,SAAS,QAATA,SAAS;IAAEC,KAAK,QAALA,KAAK;IAAKC,IAAI;EAG9C,IAAMC,IAAI,GAAGJ,UAAU,EAAE;EACzB,0BAAkC,IAAAK,2BAAkB,GAAE;IAA9CC,QAAQ,uBAARA,QAAQ;IAAEC,WAAW,uBAAXA,WAAW;EAE7B,IAAMC,WAAW,GAAG,SAAdA,WAAW,GAAS;IACxBD,WAAW,CAACL,KAAK,CAAW;EAC9B,CAAC;EAED,oBACE,6BAAC,wCAAwB,eACnBC,IAAI;IACR,GAAG,EAAEL,GAAI;IACT,SAAS,EAAE,IAAAW,mBAAU,EAAC,SAAS,EAAER,SAAS,CAAE;IAC5C,QAAQ,EAAE,CAAE;IACZ,iBAAeK,QAAQ,KAAKJ,KAAM;IAClC,WAAW,EAAEM,WAAY;IACzB,SAAS,EAAEN,KAAK,KAAKI;EAAS,iBAE9B,6BAAC,0BAAU,QAAEF,IAAI,CAAc,eAC/B,6BAAC,sBAAU;IACT,QAAQ,EAAC,UAAU;IACnB,UAAU,EAAC,SAAS;IACpB,OAAO,EAAC,QAAQ;IAChB,KAAK,EAAC;EAAS,GAEdL,KAAK,CACK,CACY;AAE/B,CAAC,CACF;AAAC;AAEFH,kBAAkB,CAACc,WAAW,GAAG,oBAAoB"}

package/dist/cjs/components/CommandPallete/CommandPalleteList.js

@@ -14,7 +14,8 @@ var CommandPalleteList = function CommandPalleteList(_ref) {
     visible = _ref$visible === void 0 ? false : _ref$visible;
   return visible ? /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledCommandPalleteList, {
     className: "cp-list",
-    tabIndex: -1
+    tabIndex: -1,
+    role: "listbox"
   }, heading ? /*#__PURE__*/_react.default.createElement(_CommandPallete.StyledHeading, {
     tabIndex: -1
   }, heading) : null, children) : null;

package/dist/cjs/components/CommandPallete/CommandPalleteList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPalleteList.js","names":["CommandPalleteList","children","heading","visible","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport {\n  StyledCommandPalleteList,\n  StyledHeading,\n} from \"./CommandPallete.styles\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface CommandPalleteListProps {\n  heading?: string;\n  visible?: boolean;\n}\n\nexport const CommandPalleteList = ({\n  children,\n  heading,\n  visible = false,\n}: PropsWithChildren<CommandPalleteListProps>) => {\n  return visible ? (\n    <StyledCommandPalleteList className=\"cp-list\" tabIndex={-1}>\n      {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n      {children}\n    </StyledCommandPalleteList>\n  ) : null;\n};\n\nCommandPalleteList.displayName = \"CommandPalleteList\";\n"],"mappings":";;;;;;AAAA;AACA;AAGiC;AAQ1B,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAImB;EAAA,IAHhDC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,KAAK;EAEf,OAAOA,OAAO,gBACZ,6BAAC,wCAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE,CAAC;EAAE,GACxDD,OAAO,gBAAG,6BAAC,6BAAa;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAEA,OAAO,CAAiB,GAAG,IAAI,EACvED,QAAQ,CACgB,GACzB,IAAI;AACV,CAAC;AAAC;AAEFD,kBAAkB,CAACI,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"CommandPalleteList.js","names":["CommandPalleteList","children","heading","visible","displayName"],"sources":["../../../../src/components/CommandPallete/CommandPalleteList.tsx"],"sourcesContent":["import React, { PropsWithChildren } from \"react\";\nimport {\n  StyledCommandPalleteList,\n  StyledHeading,\n} from \"./CommandPallete.styles\";\n\nexport interface CommandPalleteListProps {\n  heading?: string;\n  visible?: boolean;\n}\n\nexport const CommandPalleteList = ({\n  children,\n  heading,\n  visible = false,\n}: PropsWithChildren<CommandPalleteListProps>) => {\n  return visible ? (\n    <StyledCommandPalleteList className=\"cp-list\" tabIndex={-1} role=\"listbox\">\n      {heading ? <StyledHeading tabIndex={-1}>{heading}</StyledHeading> : null}\n\n      {children}\n    </StyledCommandPalleteList>\n  ) : null;\n};\n\nCommandPalleteList.displayName = \"CommandPalleteList\";\n"],"mappings":";;;;;;AAAA;AACA;AAGiC;AAO1B,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,OAImB;EAAA,IAHhDC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IAAA,oBACPC,OAAO;IAAPA,OAAO,6BAAG,KAAK;EAEf,OAAOA,OAAO,gBACZ,6BAAC,wCAAwB;IAAC,SAAS,EAAC,SAAS;IAAC,QAAQ,EAAE,CAAC,CAAE;IAAC,IAAI,EAAC;EAAS,GACvED,OAAO,gBAAG,6BAAC,6BAAa;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAEA,OAAO,CAAiB,GAAG,IAAI,EAEvED,QAAQ,CACgB,GACzB,IAAI;AACV,CAAC;AAAC;AAEFD,kBAAkB,CAACI,WAAW,GAAG,oBAAoB"}

package/dist/cjs/components/CommandPallete/context/ModeContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useModeContext = exports.default = exports.ModeContextProvider = void 0;
+exports.useModeContext = exports.ModeContextProvider = exports.ModeContext = void 0;
 var _react = require("react");
 var ModeContext = /*#__PURE__*/(0, _react.createContext)({
   mode: "default",
@@ -11,12 +11,11 @@ var ModeContext = /*#__PURE__*/(0, _react.createContext)({
     return null;
   }
 });
+exports.ModeContext = ModeContext;
 var ModeContextProvider = ModeContext.Provider;
 exports.ModeContextProvider = ModeContextProvider;
 var useModeContext = function useModeContext() {
   return (0, _react.useContext)(ModeContext);
 };
 exports.useModeContext = useModeContext;
-var _default = ModeContext;
-exports.default = _default;
 //# sourceMappingURL=ModeContext.js.map

package/dist/cjs/components/CommandPallete/context/ModeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModeContext.js","names":["ModeContext","createContext","mode","setMode","ModeContextProvider","Provider","useModeContext","useContext"],"sources":["../../../../../src/components/CommandPallete/context/ModeContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ModeContextProps {\n  mode: string;\n  setMode: (value: string) => void;\n}\n\nconst ModeContext = createContext<ModeContextProps>({\n  mode: \"default\",\n  setMode: () => null,\n});\n\nexport const ModeContextProvider = ModeContext.Provider;\n\nexport const useModeContext = (): ModeContextProps => useContext(ModeContext);\n\nexport default ModeContext;\n"],"mappings":";;;;;;AAAA;AAOA,IAAMA,WAAW,gBAAG,IAAAC,oBAAa,EAAmB;EAClDC,IAAI,EAAE,SAAS;EACfC,OAAO,EAAE;IAAA,OAAM,IAAI;EAAA;AACrB,CAAC,CAAC;AAEK,IAAMC,mBAAmB,GAAGJ,WAAW,CAACK,QAAQ;AAAC;AAEjD,IAAMC,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAA2B,IAAAC,iBAAU,EAACP,WAAW,CAAC;AAAA;AAAC;AAAA,eAE/DA,WAAW;AAAA"}
+{"version":3,"file":"ModeContext.js","names":["ModeContext","createContext","mode","setMode","ModeContextProvider","Provider","useModeContext","useContext"],"sources":["../../../../../src/components/CommandPallete/context/ModeContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface ModeContextProps {\n  mode: string;\n  setMode: (value: string) => void;\n}\n\nexport const ModeContext = createContext<ModeContextProps>({\n  mode: \"default\",\n  setMode: () => null,\n});\n\nexport const ModeContextProvider = ModeContext.Provider;\n\nexport const useModeContext = (): ModeContextProps => useContext(ModeContext);\n"],"mappings":";;;;;;AAAA;AAOO,IAAMA,WAAW,gBAAG,IAAAC,oBAAa,EAAmB;EACzDC,IAAI,EAAE,SAAS;EACfC,OAAO,EAAE;IAAA,OAAM,IAAI;EAAA;AACrB,CAAC,CAAC;AAAC;AAEI,IAAMC,mBAAmB,GAAGJ,WAAW,CAACK,QAAQ;AAAC;AAEjD,IAAMC,cAAc,GAAG,SAAjBA,cAAc;EAAA,OAA2B,IAAAC,iBAAU,EAACP,WAAW,CAAC;AAAA;AAAC"}

package/dist/cjs/components/CommandPallete/context/SelectedContext.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSelectedContext = exports.SelectedContextProvider = exports.SelectedContext = void 0;
+var _react = require("react");
+var SelectedContext = /*#__PURE__*/(0, _react.createContext)({
+  selected: 0,
+  setSelected: function setSelected() {
+    return null;
+  }
+});
+exports.SelectedContext = SelectedContext;
+var SelectedContextProvider = SelectedContext.Provider;
+exports.SelectedContextProvider = SelectedContextProvider;
+var useSelectedContext = function useSelectedContext() {
+  return (0, _react.useContext)(SelectedContext);
+};
+exports.useSelectedContext = useSelectedContext;
+//# sourceMappingURL=SelectedContext.js.map

package/dist/cjs/components/CommandPallete/context/SelectedContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedContext.js","names":["SelectedContext","createContext","selected","setSelected","SelectedContextProvider","Provider","useSelectedContext","useContext"],"sources":["../../../../../src/components/CommandPallete/context/SelectedContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\ninterface SelectedContextProps {\n  selected: number;\n  setSelected: (value: number) => void;\n}\n\nexport const SelectedContext = createContext<SelectedContextProps>({\n  selected: 0,\n  setSelected: () => null,\n});\n\nexport const SelectedContextProvider = SelectedContext.Provider;\n\nexport const useSelectedContext = (): SelectedContextProps =>\n  useContext(SelectedContext);\n"],"mappings":";;;;;;AAAA;AAOO,IAAMA,eAAe,gBAAG,IAAAC,oBAAa,EAAuB;EACjEC,QAAQ,EAAE,CAAC;EACXC,WAAW,EAAE;IAAA,OAAM,IAAI;EAAA;AACzB,CAAC,CAAC;AAAC;AAEI,IAAMC,uBAAuB,GAAGJ,eAAe,CAACK,QAAQ;AAAC;AAEzD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB;EAAA,OAC7B,IAAAC,iBAAU,EAACP,eAAe,CAAC;AAAA;AAAC"}

package/dist/cjs/components/CommandPallete/context/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ModeContext = require("./ModeContext");
+Object.keys(_ModeContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ModeContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModeContext[key];
+    }
+  });
+});
+var _SelectedContext = require("./SelectedContext");
+Object.keys(_SelectedContext).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectedContext[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectedContext[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/CommandPallete/context/index.ts"],"sourcesContent":["export * from \"./ModeContext\";\nexport * from \"./SelectedContext\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}