@activecollab/components 1.0.300 → 1.0.301

package/dist/index.js

@@ -16180,7 +16180,7 @@
   })(["font-size:12px;margin-top:12px;margin-bottom:4px;font-weight:bold;padding-left:18px;letter-spacing:0.5px;color:var(--color-theme-600);"]);
 
   // prettier-ignore
-  var StyledCommandPaletteItem = styled__default["default"].li.withConfig({
+  var StyledCommandPaletteItem = styled__default["default"].a.withConfig({
     displayName: "CommandPalettestyles__StyledCommandPaletteItem",
     componentId: "sc-na3mad-10"
   })(["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) {
@@ -16251,7 +16251,7 @@
     var onMouseEnter = function onMouseEnter() {
       setSelected(index);
     };
-    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteCommandItem, _extends({}, rest, {
+    return /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteCommandItem, _extends({}, rest, {
       ref: ref,
       className: classNames__default["default"]("cp-item cp-command", className),
       tabIndex: 1,
@@ -16263,7 +16263,7 @@
       whitespace: "no-wrap",
       variant: "Body 1",
       color: "primary"
-    }, title), /*#__PURE__*/React__default["default"].createElement(ArrowRightIcon$1, null));
+    }, title), /*#__PURE__*/React__default["default"].createElement(ArrowRightIcon$1, null)));
   });
   CommandPaletteCommandItem.displayName = "CommandPaletteCommandItem";
   var _StyledTypography = styled__default["default"](Typography).withConfig({
@@ -16330,19 +16330,6 @@
           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"
@@ -16350,7 +16337,7 @@
       ref: inputRef,
       autoFocus: true,
       placeholder: handleInputPlaceholder,
-      type: mode === "id" ? "number" : "text",
+      type: "text",
       "aria-autocomplete": "list",
       autoCapitalize: "none",
       autoComplete: "off",
@@ -16361,21 +16348,12 @@
       onKeyDown: handleKeyDown,
       onChange: function onChange(e) {
         var inputText = e.target.value;
-        if (inputText.startsWith("#") && idModeEnabled) {
+        if (inputText.startsWith("#") && idModeEnabled && search.length === 0) {
           setMode("id");
-          clearInput();
+          onChangeSearch(inputText.slice(1));
           return;
         }
         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, {
       "aria-busy": true,
@@ -16462,7 +16440,7 @@
         $_css: generateRandomWidth()
       }));
     }
-    return /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteItem, _extends({}, rest, {
+    return /*#__PURE__*/React__default["default"].createElement("li", null, /*#__PURE__*/React__default["default"].createElement(StyledCommandPaletteItem, _extends({}, rest, {
       ref: ref,
       className: classNames__default["default"]("cp-item", className),
       tabIndex: 1,
@@ -16477,7 +16455,7 @@
       dangerouslySetInnerHTML: {
         __html: findHighlightedSearch(search, title)
       }
-    }) : null);
+    }) : null));
   });
   CommandPaletteItem.displayName = "CommandPaletteItem";
   var _StyledLinearLoader = styled__default["default"](LinearLoader).withConfig({