@activecollab/components 1.0.288 → 1.0.290

package/dist/index.js

@@ -16045,11 +16045,11 @@
   var StyledCommandPaletteWrapper = styled__default["default"].div.withConfig({
     displayName: "CommandPalettestyles__StyledCommandPaletteWrapper",
     componentId: "sc-na3mad-1"
-  })(["overflow-x:hidden;overflow-y:auto;max-height:450px;&:not(:empty){padding-bottom:8px;padding-top:8px;}"]);
+  })(["overflow-x:hidden;overflow-y:auto;max-height:450px;&:not(:empty){border-top:1px solid var(--color-theme-400);padding-bottom:8px;padding-top:8px;}"]);
   var StyledCommandPaletteHeader = styled__default["default"].div.withConfig({
     displayName: "CommandPalettestyles__StyledCommandPaletteHeader",
     componentId: "sc-na3mad-2"
-  })(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;border-bottom:1px solid var(--color-theme-400);"]);
+  })(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;"]);
   var StyledSearchIcon = styled__default["default"].div.withConfig({
     displayName: "CommandPalettestyles__StyledSearchIcon",
     componentId: "sc-na3mad-3"
@@ -16172,8 +16172,7 @@
   })(["flex:1;"]);
 
   var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
-    var handleChange = _ref.handleChange,
-      _ref$loading = _ref.loading,
+    var _ref$loading = _ref.loading,
       loading = _ref$loading === void 0 ? false : _ref$loading,
       commandsLength = _ref.commandsLength,
       itemsLength = _ref.itemsLength;
@@ -16195,6 +16194,7 @@
     };
     var clearInput = function clearInput() {
       if (inputRef && inputRef.current) {
+        inputRef.current.value = "";
         onChangeSearch("");
       }
     };
@@ -16219,6 +16219,31 @@
       }
       return "Search or jump to";
     }, [mode]);
+    var handleKeyDown = function handleKeyDown(e) {
+      if (e.key === "Backspace" && mode !== "default" && e.target.value === "") {
+        setMode("default");
+        clearInput();
+      }
+      if (e.key === "Enter") {
+        var selectedItem = document.querySelectorAll(".cp-item")[selected];
+        if (itemsLength > 0) {
+          selectedItem.click();
+        }
+      }
+
+      // mode === 'id' TYPE NUMBER PREVENTING KEYS
+
+      if (mode === "id") {
+        // enableNumbers && key combos
+        var isNumber = isFinite(e.key);
+        var enabledKeyCombos = e.metaKey && "a" || e.metaKey && "c" || e.metaKey && "v" || e.metaKey && "x" || e.key === "Backspace" || e.key === "Tab";
+
+        // check conditions and remove keys
+        if (!enabledKeyCombos && !isNumber) {
+          e.preventDefault();
+        }
+      }
+    };
     return /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteHeader, {
       className: "cp-header"
     }, /*#__PURE__*/React__default["default"].createElement(StyledSearchIcon, null, /*#__PURE__*/React__default["default"].createElement(SearchLargeIcon$1, null)), mode === "id" ? /*#__PURE__*/React__default["default"].createElement(StyledParameter, null, "ID#:") : null, _typeof(mode) === "object" ? /*#__PURE__*/React__default["default"].createElement(StyledParameter, null, mode.name.length > 10 ? mode.name.slice(0, 10) + "..." : mode.name, "/") : null, /*#__PURE__*/React__default["default"].createElement(StyledInput, {
@@ -16233,31 +16258,23 @@
       role: "combobox",
       spellCheck: false,
       value: search,
-      onKeyDown: function onKeyDown(e) {
-        if (e.key === "Backspace" && mode !== "default" && e.target.value === "") {
-          setMode("default");
-          clearInput();
-        }
-        if (e.key === "Enter") {
-          var selectedItem = document.querySelectorAll(".cp-item")[selected];
-          if (itemsLength > 0) {
-            selectedItem.click();
-          }
-        }
-      },
+      onKeyDown: handleKeyDown,
       onChange: function onChange(e) {
         var inputText = e.target.value;
         if (inputText.startsWith("#") && idModeEnabled) {
           setMode("id");
           clearInput();
-          return false;
+          return;
         }
-        handleChange(e);
+        onChangeSearch(inputText);
       },
       onPaste: function onPaste(e) {
+        e.preventDefault();
         var pastedText = e.clipboardData.getData("text");
         if (pastedText.startsWith("#") && idModeEnabled) {
+          pastedText = pastedText.split("#")[1];
           setMode("id");
+          onChangeSearch(pastedText);
         }
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledActionWrapper, null, loading ? /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader, {
@@ -16431,9 +16448,6 @@
       selected = _useState2[0],
       setSelected = _useState2[1];
     var listWrapperRef = React.useRef(null);
-    var handleChange = function handleChange(e) {
-      onChangeSearch(e.target.value);
-    };
     var scrollToTop = function scrollToTop() {
       var _listWrapperRef$curre;
       (_listWrapperRef$curre = listWrapperRef.current) === null || _listWrapperRef$curre === void 0 ? void 0 : _listWrapperRef$curre.scrollTo({
@@ -16551,7 +16565,6 @@
         idModeEnabled: idModeEnabled
       }
     }, /*#__PURE__*/React__default["default"].createElement(CommandPaletteHeader, {
-      handleChange: handleChange,
       commandsLength: filterChildren.commandsLength,
       itemsLength: filterChildren.itemsLength,
       loading: loading