@useblu/ocean-react 1.137.1 → 1.138.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.138.0](https://github.com/ocean-ds/ocean-web/compare/v1.137.1...v1.138.0) (2026-09-11)
+
+### Features
+
+- **chips:** modo de escolha única com radio e rodapé Limpar/Filtrar ([#1256](https://github.com/ocean-ds/ocean-web/issues/1256)) ([ef91666](https://github.com/ocean-ds/ocean-web/commit/ef916660be89486b3b07a3b342af61b5a353215e))
+
 ## [1.137.1](https://github.com/ocean-ds/ocean-web/compare/v1.137.0...v1.137.1) (2026-09-11)
 
 ### Bug Fixes

package/Chips/Chips.d.ts

@@ -5,6 +5,7 @@ interface IChips {
     icon?: React.ReactNode;
     disabled?: boolean;
     multiChoice?: boolean;
+    singleSelection?: boolean;
     options?: ChipValue[];
     defaultValue?: ChipValue;
     clearLabel?: string;

package/Chips/Chips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../src/Chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,UAAU,MAAM;IAId,KAAK,EAAE,MAAM,CAAC;IAId,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAIvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IAItB,YAAY,CAAC,EAAE,SAAS,CAAC;IAKzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAIpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAIxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAIxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAIpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAIrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAI1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CA2J1C,CAAC;AAIF,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../src/Chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,UAAU,MAAM;IAId,KAAK,EAAE,MAAM,CAAC;IAId,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAIvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,WAAW,CAAC,EAAE,OAAO,CAAC;IAMtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAI1B,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IAItB,YAAY,CAAC,EAAE,SAAS,CAAC;IAKzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAIpB,WAAW,CAAC,EAAE,MAAM,CAAC;IAIrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAIxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAIlB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAIxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAIpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IAIrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAIrB,aAAa,CAAC,EAAE,SAAS,CAAC;IAI1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,MAAM,CA8J1C,CAAC;AAIF,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAe,KAAK,CAAC"}

package/Chips/MultipleChoiceOptions.d.ts

@@ -6,6 +6,7 @@ interface IMultipleChoiceOptions {
     clearLabel: string;
     filterLabel: string;
     multiChoice: boolean;
+    singleSelection?: boolean;
     onSelect: (label: string, value: string) => void;
     clearOptions: () => void;
     filterOptions: () => void;

package/Chips/MultipleChoiceOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleChoiceOptions.d.ts","sourceRoot":"","sources":["../../src/Chips/MultipleChoiceOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,UAAU,sBAAsB;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1B,eAAe,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,2BAA2B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAClD,sBAAsB,CAsJvB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"MultipleChoiceOptions.d.ts","sourceRoot":"","sources":["../../src/Chips/MultipleChoiceOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,UAAU,sBAAsB;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAC1B,eAAe,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,2BAA2B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAAiB,CAClD,sBAAsB,CAgKvB,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/Chips/hooks/useChip.d.ts

@@ -1,4 +1,4 @@
 import type { IUseChipOptions, IUseChipReturn } from '../types';
-declare const useChip: ({ defaultValue, multiChoice, onChange, onClean, onConfirm, onClose, onClick, options, selectedValue, }: IUseChipOptions) => IUseChipReturn;
+declare const useChip: ({ defaultValue, multiChoice, singleSelection, onChange, onClean, onConfirm, onClose, onClick, options, selectedValue, }: IUseChipOptions) => IUseChipReturn;
 export default useChip;
 //# sourceMappingURL=useChip.d.ts.map

package/Chips/hooks/useChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useChip.d.ts","sourceRoot":"","sources":["../../../src/Chips/hooks/useChip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAO3E,QAAA,MAAM,OAAO,GAAI,wGAUd,eAAe,KAAG,cAmJpB,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"useChip.d.ts","sourceRoot":"","sources":["../../../src/Chips/hooks/useChip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAa,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAQ3E,QAAA,MAAM,OAAO,GAAI,yHAWd,eAAe,KAAG,cA0KpB,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/Chips/types.d.ts

@@ -22,6 +22,7 @@ export interface IUseChipReturn {
 export interface IUseChipOptions {
     defaultValue?: ChipValue;
     multiChoice?: boolean;
+    singleSelection?: boolean;
     onChange?: (value: ChipValue[] | ChipValue) => void;
     onClean?: () => void;
     onConfirm?: (value: ChipValue[] | ChipValue) => void;

package/Chips/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Chips/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,2BAA2B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACzC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Chips/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,2BAA2B,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACzC"}

package/index.es.js

@@ -47252,7 +47252,7 @@ var CardListItem = 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; });
@@ -47275,7 +47275,7 @@ var MultipleChoiceOptions = function (_a) {
             }
         });
     };
-    if (!multiChoice) {
+    if (!multiChoice && !singleSelection) {
         return null;
     }
     var isMultiArray = Array.isArray(selectedOptions);
@@ -47295,7 +47295,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,
@@ -47308,36 +47308,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 = useRef(null);
-    var _d = useState(0), counter = _d[0], setCounter = _d[1];
-    var _e = useState(false), selectionIsOpen = _e[0], setSelectionIsOpen = _e[1];
-    var _f = useState(function () {
-        return shouldDefaultToEmpty(defaultValue, multiChoice)
+    var _e = useState(0), counter = _e[0], setCounter = _e[1];
+    var _f = useState(false), selectionIsOpen = _f[0], setSelectionIsOpen = _f[1];
+    var _g = useState(function () {
+        return shouldDefaultToEmpty(defaultValue, multiChoice, singleSelection)
             ? []
             : { label: '', value: '' };
-    }), selectedOptions = _f[0], setSelectedOptions = _f[1];
+    }), selectedOptions = _g[0], setSelectedOptions = _g[1];
     useEffect(function () {
         if (selectedValue && selectedValue !== selectedOptions) {
             setSelectedOptions(selectedValue);
-            if (multiChoice && Array.isArray(selectedValue)) {
+            if (multiChoice && !singleSelection && Array.isArray(selectedValue)) {
                 setCounter(selectedValue.length);
             }
         }
@@ -47366,6 +47368,21 @@ var useChip = function (_a) {
         }
     }, [options.length, onClick]);
     var handleSelectOption = 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);
@@ -47393,7 +47410,7 @@ var useChip = function (_a) {
             }
             return copyOptions;
         });
-    }, [multiChoice, onChange, options]);
+    }, [multiChoice, onChange, options, singleSelection]);
     var clearOptions = useCallback(function () {
         setSelectedOptions([]);
         setCounter(0);
@@ -47437,10 +47454,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,
@@ -47448,7 +47466,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;
@@ -47456,7 +47474,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;
@@ -47470,7 +47488,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) {
@@ -47483,8 +47501,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" }));
     };