ab-ui-library 1.39.4 → 1.41.0

package/components/Select/MultiSelect/MultiSelect.js

@@ -92,7 +92,7 @@ import './RadioSelectGrouped/RadioSelectGrouped.js';
 import '../../../hooks/useChangePositionsOnScroll.js';
 import '../SharedComponents/ButtonSelectWrapper/Button/Button.js';
 
-var _excluded = ["options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError", "autoApplyOnClose"];
+var _excluded = ["options", "footerButtonProps", "selectedItems", "setSelectedItems", "name", "setFieldValue", "value", "label", "placeHolder", "isRequiredField", "labelAddons", "className", "disabled", "dropdownWidth", "align", "size", "isButtonSelect", "checkboxInfo", "translations", "hasError", "autoApplyOnClose", "autoApplyOnChooseItem"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelect = function MultiSelect(props) {
@@ -128,6 +128,8 @@ var MultiSelect = function MultiSelect(props) {
     hasError = props.hasError,
     _props$autoApplyOnClo = props.autoApplyOnClose,
     autoApplyOnClose = _props$autoApplyOnClo === void 0 ? false : _props$autoApplyOnClo,
+    _props$autoApplyOnCho = props.autoApplyOnChooseItem,
+    autoApplyOnChooseItem = _props$autoApplyOnCho === void 0 ? false : _props$autoApplyOnCho,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -167,6 +169,11 @@ var MultiSelect = function MultiSelect(props) {
       return val !== current[index];
     });
   }, [initialSelected, selectedValues]);
+  useEffect(function () {
+    if (autoApplyOnChooseItem) {
+      submitSelectedValue(selectedValues, false, false);
+    }
+  }, [selectedValues, autoApplyOnChooseItem]);
   useEffect(function () {
     if (isOpen) {
       hasOpenedRef.current = true;
@@ -189,13 +196,16 @@ var MultiSelect = function MultiSelect(props) {
   };
   useOnOutsideClick(containerRef.current, autoApplyOnClose ? closeDropdown : cancelSelectedItems, isOpen, useId());
   var submitSelectedValue = function submitSelectedValue(selections, isChecked) {
+    var closeDropdownOnApply = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
     if (setSelectedItems) {
       setSelectedItems(selections, isChecked);
     }
     if (name && setFieldValue) {
       setFieldValue(name, selections);
     }
-    closeDropdown();
+    if (closeDropdownOnApply) {
+      closeDropdown();
+    }
   };
   var applySelectedItems = function applySelectedItems(isChecked) {
     submitSelectedValue(selectedValues, isChecked);

package/components/Select/types.d.ts

@@ -95,6 +95,7 @@ export interface TMultiSelectPropTypes extends IFormCompProps, TSelectBaseProps
         confirm: TButtonPropTypes;
     };
     autoApplyOnClose?: boolean;
+    autoApplyOnChooseItem?: boolean;
     labelAddons?: JSX.Element;
     className?: string;
     isButtonSelect?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ab-ui-library",
-  "version": "1.39.4",
+  "version": "1.41.0",
   "description": "UI library for AM",
   "main": "./index.js",
   "module": "./index.js",