@activecollab/components 1.0.284 → 1.0.286

package/dist/index.js

@@ -16069,7 +16069,8 @@
     mode: "default",
     setMode: function setMode() {
       return null;
-    }
+    },
+    idModeEnabled: false
   });
   var ModeContextProvider = ModeContext.Provider;
   var useModeContext = function useModeContext() {
@@ -16132,7 +16133,6 @@
     componentId: "sc-1t486ve-0"
   })(["flex:1;"]);
 
-  var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
   var CommandPaletteHeader = function CommandPaletteHeader(_ref) {
     var handleChange = _ref.handleChange,
       _ref$loading = _ref.loading,
@@ -16142,7 +16142,8 @@
     var inputRef = React.useRef(null);
     var _useModeContext = useModeContext(),
       mode = _useModeContext.mode,
-      setMode = _useModeContext.setMode;
+      setMode = _useModeContext.setMode,
+      idModeEnabled = _useModeContext.idModeEnabled;
     var _useSelectedContext = useSelectedContext(),
       setSelected = _useSelectedContext.setSelected,
       selected = _useSelectedContext.selected;
@@ -16159,10 +16160,6 @@
         onChangeSearch("");
       }
     };
-    var checkIfNumber = function checkIfNumber(event) {
-      var regex = new RegExp(/(^\d*$)|(Backspace|Tab|Delete|ArrowLeft|ArrowRight)/);
-      return !event.key.match(regex) && event.preventDefault();
-    };
     React.useEffect(function () {
       if (search.length > 0) {
         if (itemsLength > commandsLength) {
@@ -16187,11 +16184,9 @@
       spellCheck: false,
       value: search,
       onKeyDown: function onKeyDown(e) {
-        if (e.key === "Backspace" && mode !== "default" && search.length === 0) {
+        if (e.key === "Backspace" && mode !== "default" && e.target.value === "") {
           setMode("default");
-        }
-        if (mode === "id" && !isChrome) {
-          checkIfNumber(e);
+          clearInput();
         }
         if (e.key === "Enter") {
           var selectedItem = document.querySelectorAll(".cp-item")[selected];
@@ -16202,17 +16197,17 @@
       },
       onChange: function onChange(e) {
         var inputText = e.target.value;
-        if (inputText.startsWith("#")) {
+        if (inputText.startsWith("#") && idModeEnabled) {
           setMode("id");
           clearInput();
+          return false;
         }
         handleChange(e);
       },
       onPaste: function onPaste(e) {
         var pastedText = e.clipboardData.getData("text");
-        if (pastedText.startsWith("#")) {
+        if (pastedText.startsWith("#") && idModeEnabled) {
           setMode("id");
-          !isChrome && onChangeSearch(pastedText.slice(1));
         }
       }
     }), /*#__PURE__*/React__default["default"].createElement(StyledActionWrapper, null, loading ? /*#__PURE__*/React__default["default"].createElement(StyledSpinnerLoader, {
@@ -16221,7 +16216,7 @@
       "aria-valuemax": 100,
       "aria-valuemin": 0,
       role: "progressbar"
-    }) : null, mode !== "id" && search.length === 0 ? /*#__PURE__*/React__default["default"].createElement(Tooltip, {
+    }) : null, mode !== "id" && idModeEnabled && search.length === 0 ? /*#__PURE__*/React__default["default"].createElement(Tooltip, {
       title: "Search by ID",
       placement: "top"
     }, /*#__PURE__*/React__default["default"].createElement(IconButton, {
@@ -16265,7 +16260,8 @@
       var parser = new DOMParser();
       var doc = parser.parseFromString(purifiedTarget, "text/html");
       var text = doc.body.textContent || "";
-      var regex = new RegExp("(".concat(searchValue, ")"), "gi");
+      var checkValidSearchChars = searchValue.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+      var regex = new RegExp("(".concat(checkValidSearchChars, ")"), "gi");
       return text.replace(regex, "<mark>$1</mark>");
     }
     return "";
@@ -16371,7 +16367,7 @@
     });
   };
 
-  var _excluded = ["children", "onChangeSearch", "search", "mode", "setMode", "loading"];
+  var _excluded = ["children", "onChangeSearch", "search", "mode", "setMode", "loading", "idModeEnabled"];
   var _CommandPalette = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var children = _ref.children,
       onChangeSearch = _ref.onChangeSearch,
@@ -16379,6 +16375,8 @@
       mode = _ref.mode,
       setMode = _ref.setMode,
       loading = _ref.loading,
+      _ref$idModeEnabled = _ref.idModeEnabled,
+      idModeEnabled = _ref$idModeEnabled === void 0 ? false : _ref$idModeEnabled,
       rest = _objectWithoutProperties(_ref, _excluded);
     var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
@@ -16501,7 +16499,8 @@
     }, /*#__PURE__*/React__default["default"].createElement(ModeContextProvider, {
       value: {
         mode: mode,
-        setMode: setMode
+        setMode: setMode,
+        idModeEnabled: idModeEnabled
       }
     }, /*#__PURE__*/React__default["default"].createElement(CommandPaletteHeader, {
       handleChange: handleChange,