@itcase/ui 1.0.75 → 1.0.77

package/dist/components/Menu.js

@@ -55,11 +55,15 @@ function Menu(props) {
     prefix: 'menu_columns_',
     propsKey: 'columns'
   });
+  const flexGrowClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'flex-grow_',
+    propsKey: 'flexGrow'
+  });
   const {
     styles: menuStyles
   } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`)
+    className: clsx__default.default(className, 'menu', directionClass, columnsClass, type && `menu_type_${type}`, flexGrowClass)
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "menu__wrapper",
     style: menuStyles

package/dist/components/Select.js

@@ -8186,6 +8186,8 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     value,
     onChange
   } = props;
+  const defaultRef = React.useRef(null);
+  const selectRef = ref || defaultRef;
   const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
@@ -8290,6 +8292,23 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     propsKey: 'headingTextColor'
   });
   const SelectComponent = React.useMemo(() => isCreatable ? CreatableSelect$1 : Select__default.default, [isCreatable]);
+  React.useEffect(() => {
+    const onClickOutside = event => {
+      const isTargetSelectContainer = event.target.hasClass && event.target.hasClass('select_state_hide-value-container');
+      const isTargetInsideController = selectRef.current.controlRef.contains(event.target);
+      if (!isTargetSelectContainer && !isTargetInsideController) {
+        selectRef.current?.onInputBlur();
+      }
+    };
+    if (hideValueContainer) {
+      document.addEventListener('click', onClickOutside);
+    }
+    return () => {
+      if (hideValueContainer) {
+        document.removeEventListener('click', onClickOutside);
+      }
+    };
+  }, []);
   return /*#__PURE__*/React__namespace.default.createElement(SelectComponent, {
     className: clsx__default.default(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass, hideValueContainer && 'select_state_hide-value-container', set && `select_set_${set}`),
     classNamePrefix: "select",
@@ -8352,7 +8371,7 @@ const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(functio
     multipleItemIcon: multipleItemIcon,
     multipleItemIconFill: multipleItemIconFill,
     options: options,
-    ref: ref,
+    ref: selectRef,
     components: {
       Control: SelectControl,
       ClearIndicator: SelectClearIndicator,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.0.75",
+  "version": "1.0.77",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",