ab-ui-library 1.28.1 → 1.28.2

package/components/Select/MultiSelect/MultiSelect.js

@@ -150,6 +150,11 @@ var MultiSelect = function MultiSelect(props) {
   var openDropdown = function openDropdown() {
     return setIsOpen(true);
   };
+  var toggleDropdown = function toggleDropdown() {
+    setIsOpen(function (prev) {
+      return !prev;
+    });
+  };
   var hasChange = useMemo(function () {
     var initial = (initialSelected || []).map(function (i) {
       return i.value;
@@ -202,6 +207,7 @@ var MultiSelect = function MultiSelect(props) {
     dropdownRef: dropdownRef,
     isOpen: isOpen,
     setIsOpen: setIsOpen,
+    toggleDropdown: toggleDropdown,
     containerRef: containerRef === null || containerRef === void 0 ? void 0 : containerRef.current,
     setContainerRef: containerRef,
     dropdownWidth: dropdownWidth,

package/components/Select/SharedComponents/InputSelectWrapper/InputSelectWrapper.js

@@ -63,7 +63,6 @@ var InputSelectWrapper = function InputSelectWrapper(props) {
     dropdownRef = props.dropdownRef,
     setDropdownRef = props.setDropdownRef,
     containerRef = props.containerRef,
-    setIsOpen = props.setIsOpen,
     isOpen = props.isOpen,
     selectedValues = props.selectedValues,
     setContainerRef = props.setContainerRef,
@@ -77,14 +76,13 @@ var InputSelectWrapper = function InputSelectWrapper(props) {
     return elemWidth > width - 80; // padding and width of (+number)
   }, [width]);
   var toggleDropdown = function toggleDropdown(e) {
+    var _props$toggleDropdown;
     var clickedElement = e === null || e === void 0 ? void 0 : e.target;
-    var className = clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.getAttribute('class');
-    if (e && className && (className.indexOf('icon-') !== -1 || className.indexOf('svg-icon') !== -1)) {
-      setIsOpen(!isOpen);
-      e.preventDefault();
-    } else {
-      setIsOpen(true);
+    var className = (clickedElement === null || clickedElement === void 0 ? void 0 : clickedElement.getAttribute('class')) || '';
+    if (className.includes('icon-') || className.includes('svg-icon')) {
+      e === null || e === void 0 || e.preventDefault();
     }
+    (_props$toggleDropdown = props.toggleDropdown) === null || _props$toggleDropdown === void 0 || _props$toggleDropdown.call(props);
   };
   var selectedItemsLabels = useMemo(function () {
     if (!selectedValues || !selectedValues.length) {

package/components/Select/types.d.ts

@@ -205,6 +205,7 @@ export type TSelectWrapperProps = {
         left?: number;
         right?: number;
     };
+    toggleDropdown?: () => void;
     isOpen: boolean;
     setIsOpen: (isOpen: boolean) => void;
     containerRef: HTMLDivElement | null;

package/package.json

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