@activecollab/components 1.0.142 → 1.0.145

package/dist/index.js

@@ -3880,10 +3880,8 @@
   var StyledTooltip = styled__default["default"].div.withConfig({
     displayName: "Styles__StyledTooltip",
     componentId: "sc-rur9b5-0"
-  })(["", " ", " border-radius:8px;padding:4px 10px;text-align:center;background-color:rgba(0,0,0,0.9);font-size:12px;font-weight:500;line-height:normal;color:#fff;margin:4px;", " ", ""], BoxSizingStyle, FontStyle, function (props) {
+  })(["", " ", " max-width:200px;border-radius:8px;padding:4px 10px;text-align:center;background-color:rgba(0,0,0,0.9);font-size:12px;font-weight:500;line-height:normal;color:#fff;margin:4px;", ""], BoxSizingStyle, FontStyle, function (props) {
     return props.$isLight && styled.css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-secondary);color:var(--color-theme-700);"]);
-  }, function (props) {
-    return props.$width && styled.css(["width:", "px;"], props.$width);
   });
 
   var _excluded$S = ["children"];
@@ -3910,9 +3908,7 @@
         TransitionComponent = _ref2$TransitionCompo === void 0 ? TooltipAnimation : _ref2$TransitionCompo,
         popperTooltipStyle = _ref2.popperTooltipStyle,
         popperTooltipClassName = _ref2.popperTooltipClassName,
-        disable = _ref2.disable,
-        _ref2$width = _ref2.width,
-        width = _ref2$width === void 0 ? 200 : _ref2$width;
+        disable = _ref2.disable;
 
     var _useLayerContext = useLayerContext(),
         _useLayerContext$zInd = _useLayerContext.zIndex,
@@ -3973,8 +3969,7 @@
         style: style
       }), /*#__PURE__*/React__default["default"].createElement(StyledTooltip, {
         className: classnames__default["default"]("c-tooltip-ds", className),
-        $isLight: isLight,
-        $width: width
+        $isLight: isLight
       }, title));
     })));
   });
@@ -7459,7 +7454,7 @@
   };
   OptionContent.displayName = "OptionContent";
 
-  var _excluded$t = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption"];
+  var _excluded$t = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose", "renderOption", "handleDefaultOptionChange", "preselectDefaultValue"];
   var Select = function Select(_ref) {
     var _ref$type = _ref.type,
         type = _ref$type === void 0 ? "single" : _ref$type,
@@ -7490,6 +7485,9 @@
         onSelectOpen = _ref.onSelectOpen,
         onSelectClose = _ref.onSelectClose,
         renderOption = _ref.renderOption,
+        handleDefaultOptionChange = _ref.handleDefaultOptionChange,
+        _ref$preselectDefault = _ref.preselectDefaultValue,
+        preselectDefaultValue = _ref$preselectDefault === void 0 ? type === "single" : _ref$preselectDefault,
         prop = _objectWithoutProperties(_ref, _excluded$t);
 
     var _useState = React.useState(),
@@ -7590,21 +7588,33 @@
 
       (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.reset();
     }, [emptyAction, forceCloseMenu]);
-    var handleDefaultOptionChange = React.useCallback(function () {
+    var handleDefaultOptionChangeCallback = React.useCallback(function () {
       if (type === "multiple") {
         if (selectedOptions.length === allOptionValues.length) {
-          onChange([]);
+          if (typeof handleDefaultOptionChange === "function") {
+            handleDefaultOptionChange();
+          } else {
+            onChange([]);
+          }
         } else {
-          onChange(allOptionValues);
+          if (typeof handleDefaultOptionChange === "function") {
+            handleDefaultOptionChange();
+          } else {
+            onChange(allOptionValues);
+          }
         }
       } else {
-        onChange("");
-
-        if (forceCloseMenu) {
-          setOpen(false);
+        if (typeof handleDefaultOptionChange === "function") {
+          handleDefaultOptionChange();
+        } else {
+          onChange("");
         }
       }
-    }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);
+
+      if (forceCloseMenu) {
+        setOpen(false);
+      }
+    }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues, handleDefaultOptionChange]);
     var handleRenderOption = React.useCallback(function (option, props) {
       if (typeof renderOption === "function") {
         return renderOption(option, props);
@@ -7640,9 +7650,9 @@
       handleChange: handleChange,
       renderOption: handleRenderOption,
       options: options,
-      handleDefaultOptionChange: handleDefaultOptionChange,
+      handleDefaultOptionChange: handleDefaultOptionChangeCallback,
       type: type,
-      preselectDefaultValue: type === "single",
+      preselectDefaultValue: preselectDefaultValue,
       keepSameOptionsOrder: keepSameOptionsOrder
     }))));
   };