@useblu/ocean-react 1.55.0 → 1.56.0

package/index.js

@@ -46431,7 +46431,7 @@ var CardListItem = function (_a) {
 
 var Options = function (_a) {
     var options = _a.options, selectedOptions = _a.selectedOptions, clearLabel = _a.clearLabel, filterLabel = _a.filterLabel, multiChoice = _a.multiChoice, onSelect = _a.onSelect, filterOptions = _a.filterOptions, clearOptions = _a.clearOptions;
-    var columns = multiChoice ? Math.ceil(10 / 5) : 1;
+    var columns = multiChoice ? Math.ceil(options.length / 5) : 1;
     return (e__default["default"].createElement("div", { className: "ods-chips__options", "data-testid": "ods-chips-option" },
         e__default["default"].createElement("div", { className: classNames('ods-chips__options--content', "ods-chips__options--content--columns-".concat(columns)) }, options.map(function (_a) {
             var label = _a.label, value = _a.value;
@@ -46449,7 +46449,7 @@ var Options = function (_a) {
 };
 
 var Chips = function (_a) {
-    var label = _a.label, icon = _a.icon, disabled = _a.disabled, defaultValue = _a.defaultValue, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.multiChoice, multiChoice = _c === void 0 ? false : _c, _d = _a.clearLabel, clearLabel = _d === void 0 ? 'Limpar' : _d, _e = _a.filterLabel, filterLabel = _e === void 0 ? 'Filtrar' : _e, initialCounter = _a.initialCounter, selectedValue = _a.selectedValue, onClick = _a.onClick, onChange = _a.onChange, onClose = _a.onClose;
+    var label = _a.label, icon = _a.icon, disabled = _a.disabled, defaultValue = _a.defaultValue, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.multiChoice, multiChoice = _c === void 0 ? false : _c, _d = _a.clearLabel, clearLabel = _d === void 0 ? 'Limpar' : _d, _e = _a.filterLabel, filterLabel = _e === void 0 ? 'Filtrar' : _e, initialCounter = _a.initialCounter, actived = _a.actived, selectedValue = _a.selectedValue, onClick = _a.onClick, onChange = _a.onChange, onClose = _a.onClose;
     var wrapperRef = e.useRef(null);
     var _f = e__default["default"].useState(0), counter = _f[0], setCounter = _f[1];
     var _g = e__default["default"].useState(false), selectionIsOpen = _g[0], setSelectionIsOpen = _g[1];
@@ -46458,13 +46458,16 @@ var Chips = function (_a) {
         var target = event.target;
         if (wrapperRef.current && !wrapperRef.current.contains(target)) {
             setSelectionIsOpen(false);
+            if (onClose && selectionIsOpen)
+                onClose();
         }
-        if (onClose)
-            onClose();
     }
     e.useEffect(function () {
-        if (selectedValue && selectedValue !== selectedOptions && !multiChoice) {
+        if (selectedValue && selectedValue !== selectedOptions) {
             setSelectedOptions(selectedValue);
+            if (multiChoice && Array.isArray(selectedValue)) {
+                setCounter(selectedValue.length);
+            }
         }
     }, [selectedValue]);
     e.useEffect(function () {
@@ -46472,7 +46475,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);
@@ -46485,6 +46488,8 @@ var Chips = function (_a) {
         if (!multiChoice) {
             setSelectedOptions({ label: labelProp, value: value });
             setSelectionIsOpen(false);
+            if (onClose)
+                onClose();
             if (onChange) {
                 onChange({ label: labelProp, value: value });
             }
@@ -46515,9 +46520,10 @@ var Chips = function (_a) {
         setSelectedOptions([]);
         setCounter(0);
         setSelectionIsOpen(false);
-        if (onChange) {
+        if (onClose)
+            onClose();
+        if (onChange)
             onChange([]);
-        }
     };
     var filterOptions = function () {
         setSelectionIsOpen(false);
@@ -46530,7 +46536,8 @@ var Chips = function (_a) {
                 'ods-chips__button--active': selectionIsOpen ||
                     (Array.isArray(selectedOptions)
                         ? selectedOptions.length > 0
-                        : selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.value)
+                        : selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.value) ||
+                    actived
             }) },
             icon || undefined,
             e__default["default"].createElement("p", { className: "ods-chips__label" }, displayValue()),