@useblu/ocean-react 1.55.1 → 1.56.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.56.0](https://github.com/ocean-ds/ocean-web/compare/v1.55.1...v1.56.0) (2024-04-01)
+
+### Features
+
+- **chips:** select option to multi choice ([#1096](https://github.com/ocean-ds/ocean-web/issues/1096)) ([2f594a7](https://github.com/ocean-ds/ocean-web/commit/2f594a738f4de5d0ebfe5993aef9c65024201aad))
+
 ## [1.55.1](https://github.com/ocean-ds/ocean-web/compare/v1.55.0...v1.55.1) (2024-03-27)
 
 ### Bug Fixes

package/Chips/Chips.d.ts

@@ -14,7 +14,7 @@ interface IChips {
     filterLabel?: string;
     initialCounter?: number;
     actived?: boolean;
-    selectedValue?: ChipValue;
+    selectedValue?: ChipValue | ChipValue[];
     onClick?: () => void;
     onChange?: (value: ChipValue[] | ChipValue) => void;
     onClose?: () => void;

package/Chips/Chips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../src/Chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,oBAAY,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzD,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAuJ1C,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../src/Chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,oBAAY,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzD,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CA4J1C,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/index.es.js

@@ -46449,13 +46449,16 @@ var Chips = function (_a) {
         var target = event.target;
         if (wrapperRef.current && !wrapperRef.current.contains(target)) {
             setSelectionIsOpen(false);
-            if (onClose)
+            if (onClose && selectionIsOpen)
                 onClose();
         }
     }
     useEffect(function () {
-        if (selectedValue && selectedValue !== selectedOptions && !multiChoice) {
+        if (selectedValue && selectedValue !== selectedOptions) {
             setSelectedOptions(selectedValue);
+            if (multiChoice && Array.isArray(selectedValue)) {
+                setCounter(selectedValue.length);
+            }
         }
     }, [selectedValue]);
     useEffect(function () {
@@ -46463,7 +46466,7 @@ var Chips = function (_a) {
         return function () {
             document.removeEventListener('mousedown', handleClickOutside);
         };
-    }, [wrapperRef]);
+    }, [wrapperRef, selectionIsOpen]);
     var handleClickChips = function () {
         if (options && (options === null || options === void 0 ? void 0 : options.length) > 0) {
             setSelectionIsOpen(!selectionIsOpen);