@useblu/ocean-react 1.137.1 → 1.138.0

package/index.js

@@ -47254,7 +47254,7 @@ var CardListItem = e.forwardRef(function (_a, ref) {
 CardListItem.displayName = 'CardListItem';
 
 var MultipleChoiceOptions = function (_a) {
-    var options = _a.options, selectedOptions = _a.selectedOptions, clearLabel = _a.clearLabel, filterLabel = _a.filterLabel, multiChoice = _a.multiChoice, onSelect = _a.onSelect, clearOptions = _a.clearOptions, filterOptions = _a.filterOptions, headerOptions = _a.headerOptions, selectionIsOpen = _a.selectionIsOpen, handleContextMenuOpenChange = _a.handleContextMenuOpenChange, selectAllOptions = _a.selectAllOptions;
+    var options = _a.options, selectedOptions = _a.selectedOptions, clearLabel = _a.clearLabel, filterLabel = _a.filterLabel, multiChoice = _a.multiChoice, _b = _a.singleSelection, singleSelection = _b === void 0 ? false : _b, onSelect = _a.onSelect, clearOptions = _a.clearOptions, filterOptions = _a.filterOptions, headerOptions = _a.headerOptions, selectionIsOpen = _a.selectionIsOpen, handleContextMenuOpenChange = _a.handleContextMenuOpenChange, selectAllOptions = _a.selectAllOptions;
     var isMobile = useMedia$1('(max-width: 768px)');
     var selectedArray = Array.isArray(selectedOptions) ? selectedOptions : [];
     var selectedValues = selectedArray.map(function (option) { return option.value; });
@@ -47277,7 +47277,7 @@ var MultipleChoiceOptions = function (_a) {
             }
         });
     };
-    if (!multiChoice) {
+    if (!multiChoice && !singleSelection) {
         return null;
     }
     var isMultiArray = Array.isArray(selectedOptions);
@@ -47297,7 +47297,7 @@ var MultipleChoiceOptions = function (_a) {
             e.createElement("div", { className: "ods-chips__options__responsive-header" },
                 e.createElement(IconButton, { size: "sm", onClick: function () { return handleContextMenuOpenChange(false); }, "aria-label": "Fechar menu" },
                     e.createElement(Wa, null))),
-            selectAllOptions && (e.createElement("div", { className: "ods-chips__options__select-all" },
+            selectAllOptions && !singleSelection && (e.createElement("div", { className: "ods-chips__options__select-all" },
                 e.createElement(ListSelectable, { status: "highlight", type: "text", title: "Selecionar todos", checkbox: {
                         id: 'select-all',
                         checked: allOptionsSelected || someOptionsSelected,
@@ -47310,36 +47310,38 @@ var MultipleChoiceOptions = function (_a) {
                 var isSelected = Array.isArray(selectedOptions)
                     ? selectedOptions.some(function (option) { return option.value === value; })
                     : selectedOptions.value === value;
+                var selectionInput = {
+                    id: "chips-option-".concat(value),
+                    checked: isSelected,
+                    onClick: function () { return onSelect(label, value); },
+                    readOnly: true,
+                    disabled: disabled,
+                };
                 return (e.createElement("div", { key: value },
-                    e.createElement(ListSelectable, { inverted: true, indicator: indicator, type: "text", title: label, showDivider: index !== options.length - 1, platform: isMobile ? 'app' : 'web', checkbox: {
-                            id: "chips-option-".concat(value),
-                            checked: isSelected,
-                            onClick: function () { return onSelect(label, value); },
-                            readOnly: true,
-                            disabled: disabled,
-                            indeterminate: indeterminate || false,
-                        } })));
+                    e.createElement(ListSelectable, { inverted: true, indicator: indicator, type: "text", title: label, showDivider: index !== options.length - 1, platform: isMobile ? 'app' : 'web', radio: singleSelection ? selectionInput : undefined, checkbox: singleSelection
+                            ? undefined
+                            : __assign$1(__assign$1({}, selectionInput), { indeterminate: indeterminate || false }) })));
             }),
             e.createElement("div", { className: "ods-chips__options--footer" },
                 e.createElement("button", { type: "button", onClick: clearOptions, className: responsiveSecondaryBtnClasses, disabled: !isMultiArray || selectedOptions.length === 0 }, clearLabel),
                 e.createElement("button", { type: "button", onClick: filterOptions, className: responsivePrimaryBtnClasses }, filterLabel)))));
 };
 
-var shouldDefaultToEmpty = function (defaultValue, multiChoice) { return Boolean(defaultValue) || Boolean(multiChoice); };
+var shouldDefaultToEmpty = function (defaultValue, multiChoice, singleSelection) { return Boolean(defaultValue) || Boolean(multiChoice) || Boolean(singleSelection); };
 var useChip = function (_a) {
-    var defaultValue = _a.defaultValue, _b = _a.multiChoice, multiChoice = _b === void 0 ? false : _b, onChange = _a.onChange, onClean = _a.onClean, onConfirm = _a.onConfirm, onClose = _a.onClose, onClick = _a.onClick, _c = _a.options, options = _c === void 0 ? [] : _c, selectedValue = _a.selectedValue;
+    var defaultValue = _a.defaultValue, _b = _a.multiChoice, multiChoice = _b === void 0 ? false : _b, _c = _a.singleSelection, singleSelection = _c === void 0 ? false : _c, onChange = _a.onChange, onClean = _a.onClean, onConfirm = _a.onConfirm, onClose = _a.onClose, onClick = _a.onClick, _d = _a.options, options = _d === void 0 ? [] : _d, selectedValue = _a.selectedValue;
     var wrapperRef = e.useRef(null);
-    var _d = e.useState(0), counter = _d[0], setCounter = _d[1];
-    var _e = e.useState(false), selectionIsOpen = _e[0], setSelectionIsOpen = _e[1];
-    var _f = e.useState(function () {
-        return shouldDefaultToEmpty(defaultValue, multiChoice)
+    var _e = e.useState(0), counter = _e[0], setCounter = _e[1];
+    var _f = e.useState(false), selectionIsOpen = _f[0], setSelectionIsOpen = _f[1];
+    var _g = e.useState(function () {
+        return shouldDefaultToEmpty(defaultValue, multiChoice, singleSelection)
             ? []
             : { label: '', value: '' };
-    }), selectedOptions = _f[0], setSelectedOptions = _f[1];
+    }), selectedOptions = _g[0], setSelectedOptions = _g[1];
     e.useEffect(function () {
         if (selectedValue && selectedValue !== selectedOptions) {
             setSelectedOptions(selectedValue);
-            if (multiChoice && Array.isArray(selectedValue)) {
+            if (multiChoice && !singleSelection && Array.isArray(selectedValue)) {
                 setCounter(selectedValue.length);
             }
         }
@@ -47368,6 +47370,21 @@ var useChip = function (_a) {
         }
     }, [options.length, onClick]);
     var handleSelectOption = e.useCallback(function (labelProp, value) {
+        if (singleSelection) {
+            setSelectedOptions(function (prev) {
+                var previous = Array.isArray(prev) ? prev : [];
+                var isSameOption = previous.some(function (option) { return option.value === value; });
+                var matchedOption = options.find(function (option) { return option.value === value; });
+                var next = isSameOption
+                    ? []
+                    : [matchedOption !== null && matchedOption !== void 0 ? matchedOption : { label: labelProp, value: value }];
+                if (onChange) {
+                    onChange(next);
+                }
+                return next;
+            });
+            return;
+        }
         if (!multiChoice) {
             var nextSelection = { label: labelProp, value: value };
             setSelectedOptions(nextSelection);
@@ -47395,7 +47412,7 @@ var useChip = function (_a) {
             }
             return copyOptions;
         });
-    }, [multiChoice, onChange, options]);
+    }, [multiChoice, onChange, options, singleSelection]);
     var clearOptions = e.useCallback(function () {
         setSelectedOptions([]);
         setCounter(0);
@@ -47439,10 +47456,11 @@ var useChip = 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, actived = _a.actived, selectedValue = _a.selectedValue, onClick = _a.onClick, onChange = _a.onChange, onClose = _a.onClose, onConfirm = _a.onConfirm, onClean = _a.onClean, headerOptions = _a.headerOptions, _f = _a.selectAllOptions, selectAllOptions = _f === void 0 ? false : _f;
-    var _g = useChip({
+    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.singleSelection, singleSelection = _d === void 0 ? false : _d, _e = _a.clearLabel, clearLabel = _e === void 0 ? 'Limpar' : _e, _f = _a.filterLabel, filterLabel = _f === void 0 ? 'Filtrar' : _f, initialCounter = _a.initialCounter, actived = _a.actived, selectedValue = _a.selectedValue, onClick = _a.onClick, onChange = _a.onChange, onClose = _a.onClose, onConfirm = _a.onConfirm, onClean = _a.onClean, headerOptions = _a.headerOptions, _g = _a.selectAllOptions, selectAllOptions = _g === void 0 ? false : _g;
+    var _h = useChip({
         defaultValue: defaultValue,
         multiChoice: multiChoice,
+        singleSelection: singleSelection,
         onChange: onChange,
         onClean: onClean,
         onConfirm: onConfirm,
@@ -47450,7 +47468,7 @@ var Chips = function (_a) {
         onClick: onClick,
         options: options,
         selectedValue: selectedValue,
-    }), clearOptions = _g.clearOptions, counter = _g.counter, filterOptions = _g.filterOptions, handleClickChips = _g.handleClickChips, handleContextMenuOpenChange = _g.handleContextMenuOpenChange, handleSelectOption = _g.handleSelectOption, selectedOptions = _g.selectedOptions, selectionIsOpen = _g.selectionIsOpen, wrapperRef = _g.wrapperRef;
+    }), clearOptions = _h.clearOptions, counter = _h.counter, filterOptions = _h.filterOptions, handleClickChips = _h.handleClickChips, handleContextMenuOpenChange = _h.handleContextMenuOpenChange, handleSelectOption = _h.handleSelectOption, selectedOptions = _h.selectedOptions, selectionIsOpen = _h.selectionIsOpen, wrapperRef = _h.wrapperRef;
     var displayValue = function () {
         if (!Array.isArray(selectedOptions)) {
             return selectedOptions.value ? selectedOptions.label : label;
@@ -47458,7 +47476,7 @@ var Chips = function (_a) {
         return label;
     };
     var contextualMenuItems = e.useMemo(function () {
-        return multiChoice
+        return multiChoice || singleSelection
             ? []
             : options.map(function (_a) {
                 var optionLabel = _a.label, value = _a.value, indicator = _a.indicator, optionDisabled = _a.disabled, tag = _a.tag;
@@ -47472,7 +47490,7 @@ var Chips = function (_a) {
                     type: 'neutral',
                 });
             });
-    }, [multiChoice, options]);
+    }, [multiChoice, singleSelection, options]);
     var handleContextualMenuSelect = function (value) {
         var option = options.find(function (item) { return item.value === value; });
         if (option) {
@@ -47485,8 +47503,8 @@ var Chips = function (_a) {
     var hasOptions = options && (options === null || options === void 0 ? void 0 : options.length) > 0;
     var shouldRenderOptions = selectionIsOpen && hasOptions;
     var renderOptions = function () {
-        if (multiChoice) {
-            return (e.createElement(MultipleChoiceOptions, { options: options, onSelect: handleSelectOption, selectedOptions: selectedOptions, clearLabel: clearLabel, filterLabel: filterLabel, multiChoice: multiChoice, clearOptions: clearOptions, filterOptions: filterOptions, headerOptions: headerOptions, selectionIsOpen: selectionIsOpen, handleContextMenuOpenChange: handleContextMenuOpenChange, selectAllOptions: selectAllOptions }));
+        if (multiChoice || singleSelection) {
+            return (e.createElement(MultipleChoiceOptions, { options: options, onSelect: handleSelectOption, selectedOptions: selectedOptions, clearLabel: clearLabel, filterLabel: filterLabel, multiChoice: multiChoice, singleSelection: singleSelection, clearOptions: clearOptions, filterOptions: filterOptions, headerOptions: headerOptions, selectionIsOpen: selectionIsOpen, handleContextMenuOpenChange: handleContextMenuOpenChange, selectAllOptions: selectAllOptions }));
         }
         return (e.createElement(ContextualMenu, { items: contextualMenuItems, open: selectionIsOpen, onOpenChange: handleContextMenuOpenChange, onSelect: handleContextualMenuSelect, selectedValue: contextualMenuSelectedValue, className: "ods-chips__contextual-menu" }));
     };