@activecollab/components 2.0.243 → 2.0.245

package/dist/index.js

@@ -19243,7 +19243,7 @@
   });
   Chip.displayName = "Chip";
 
-  var _excluded$C = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization", "hideClearButton", "errorMessage"];
+  var _excluded$C = ["options", "selected", "loading", "loadingText", "onChange", "onInputChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect", "defaultValue", "open", "onOpen", "triggerMode", "noResultText", "emptyValue", "disableVirtualization", "hideClearButton", "errorMessage", "onCancel"];
   var sizeMap = {
     small: 18,
     regular: 24,
@@ -19295,6 +19295,7 @@
       _ref$hideClearButton = _ref.hideClearButton,
       hideClearButton = _ref$hideClearButton === void 0 ? false : _ref$hideClearButton,
       errorMessage = _ref.errorMessage,
+      onCancel = _ref.onCancel,
       prop = _objectWithoutProperties(_ref, _excluded$C);
     var selectedName = React.useMemo(function () {
       var value = "";
@@ -19346,12 +19347,14 @@
       if (e.target && (_comboBoxRef$current = comboBoxRef.current) !== null && _comboBoxRef$current !== void 0 && _comboBoxRef$current.contains(e.target)) {
         return;
       }
+      onCancel === null || onCancel === void 0 || onCancel(selectedName);
       setOpen(false);
     });
     var handleOnKeyDown = React.useCallback(function (e) {
       if (e.key === "Escape" && open) {
         setOpen(false);
         setValue(selectedName);
+        onCancel === null || onCancel === void 0 || onCancel(selectedName);
         e.stopPropagation();
       }
       if (e.key === "Enter" && type === "multiple") {
@@ -19361,7 +19364,7 @@
         setOpen(true);
         onOpen === null || onOpen === void 0 || onOpen();
       }
-    }, [focused, onOpen, open, selectedName, type]);
+    }, [focused, onCancel, onOpen, open, selectedName, type]);
     React.useEffect(function () {
       var _childNode$current, _childNode$current2;
       open && (childNode === null || childNode === void 0 || (_childNode$current = childNode.current) === null || _childNode$current === void 0 ? void 0 : _childNode$current.focus());
@@ -19560,13 +19563,13 @@
     var showMenu = React.useMemo(function () {
       var hasOptions = (options === null || options === void 0 ? void 0 : options.length) > 0;
       var valueExists = function valueExists(option) {
-        return option.id.toString().includes(value) || option.name.includes(value);
+        return (option.id.toString().includes(value) || option.name.includes(value)) && !(option !== null && option !== void 0 && option.hidden);
       };
       var isValueInOptions = options === null || options === void 0 ? void 0 : options.some(function (option) {
         return isOptionGroup(option) ? option.options.some(valueExists) : valueExists(option);
       });
-      return hasOptions && (!!defaultValue || !value) || value && (isValueInOptions || emptyValue || noResultText);
-    }, [defaultValue, emptyValue, noResultText, options, value]);
+      return hasOptions && (!!defaultValue || !value) || value && (isValueInOptions || emptyValue && !!handleEmptyAction || noResultText);
+    }, [defaultValue, emptyValue, handleEmptyAction, noResultText, options, value]);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "c-combo-box"
     }, type === "multiple" ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(_StyledStyledInputWrapper, {