@descope/flow-components 2.0.149 → 2.0.150

package/dist/index.cjs.js

@@ -269,15 +269,11 @@ ComboBox.defaultProps = {
     bordered: true
 };
 
-const SingleSelect = React__default.default.forwardRef(({ variant, data, ...props }, ref) => {
-    switch (variant) {
-        case 'buttonSelectionGroup':
-            return (React__default.default.createElement(ButtonSelectionGroup, { ...props, ref: ref }, data?.map(({ label, value }) => (React__default.default.createElement("descope-button-selection-group-item", { key: value, value: value }, label)))));
-        case 'combobox':
-            return (React__default.default.createElement(ComboBox, { "item-label-path": "data-name", "item-value-path": "data-id", ...props, ref: ref }, data?.map(({ label, value }) => (React__default.default.createElement("span", { "data-name": label, "data-id": value, key: value }, label)))));
-        default:
-            return null;
+const SingleSelect = React__default.default.forwardRef(({ variant, data, allowClearValue, ...props }, ref) => {
+    if (variant === 'buttonSelectionGroup') {
+        return (React__default.default.createElement(ButtonSelectionGroup, { ...props, "allow-deselect": allowClearValue, ref: ref }, data?.map(({ label, value }) => (React__default.default.createElement("descope-button-selection-group-item", { key: value, value: value }, label)))));
     }
+    return (React__default.default.createElement(ComboBox, { "clear-button-visible": allowClearValue, "item-label-path": "data-name", "item-value-path": "data-id", ...props, ref: ref }, data?.map(({ label, value }) => (React__default.default.createElement("span", { "data-name": label, "data-id": value, key: value }, label)))));
 });
 
 exports.Boolean = Boolean;

package/dist/index.d.ts

@@ -390,7 +390,8 @@ declare global {
 declare const Recaptcha: React.ForwardRefExoticComponent<Props$2 & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
 type Props$1 = DescopeInputProps & {
-    'default-value': string;
+    'default-value'?: string;
+    'allow-deselect'?: boolean;
 };
 declare global {
     namespace JSX {
@@ -404,9 +405,10 @@ declare global {
     }
 }
 declare const ButtonSelectionGroup: React.ForwardRefExoticComponent<Omit<HTMLInputAttrs & DescopeInputExtraProps & {
-    'default-value': string;
+    'default-value'?: string;
+    'allow-deselect'?: boolean;
 } & {
-    children: JSX.Element[];
+    children?: JSX.Element[];
 }, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 type Item = {
@@ -414,10 +416,11 @@ type Item = {
     value: string;
 };
 type SingleSelectType = {
-    variant: 'buttonSelectionGroup' | 'combobox';
-    data: Item[];
+    variant?: 'buttonSelectionGroup' | 'combobox';
+    data?: Item[];
+    allowClearValue?: boolean;
 };
-type Props = React.ComponentProps<typeof ButtonSelectionGroup> & SingleSelectType;
+type Props = Omit<React.ComponentProps<typeof ButtonSelectionGroup>, 'allow-deselect'> & SingleSelectType;
 declare const SingleSelect: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
 
 export { Boolean, Button, Checkbox, Code, Container, Divider, Image, Input, Link, Loader, Logo, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, _default$b as apple, _default$2 as discord, _default$a as facebook, _default$8 as fingerprint, _default$6 as github, _default$5 as gitlab, _default$4 as google, _default$1 as linkedin, _default$3 as microsoft, _default$7 as passkey, _default$9 as slack, _default as sso };

package/dist/index.esm.js

@@ -263,15 +263,11 @@ ComboBox.defaultProps = {
     bordered: true
 };
 
-const SingleSelect = React.forwardRef(({ variant, data, ...props }, ref) => {
-    switch (variant) {
-        case 'buttonSelectionGroup':
-            return (React.createElement(ButtonSelectionGroup, { ...props, ref: ref }, data?.map(({ label, value }) => (React.createElement("descope-button-selection-group-item", { key: value, value: value }, label)))));
-        case 'combobox':
-            return (React.createElement(ComboBox, { "item-label-path": "data-name", "item-value-path": "data-id", ...props, ref: ref }, data?.map(({ label, value }) => (React.createElement("span", { "data-name": label, "data-id": value, key: value }, label)))));
-        default:
-            return null;
+const SingleSelect = React.forwardRef(({ variant, data, allowClearValue, ...props }, ref) => {
+    if (variant === 'buttonSelectionGroup') {
+        return (React.createElement(ButtonSelectionGroup, { ...props, "allow-deselect": allowClearValue, ref: ref }, data?.map(({ label, value }) => (React.createElement("descope-button-selection-group-item", { key: value, value: value }, label)))));
     }
+    return (React.createElement(ComboBox, { "clear-button-visible": allowClearValue, "item-label-path": "data-name", "item-value-path": "data-id", ...props, ref: ref }, data?.map(({ label, value }) => (React.createElement("span", { "data-name": label, "data-id": value, key: value }, label)))));
 });
 
 export { Boolean, Button, Checkbox, Code, Container, Divider, Image, Input, Link, Loader, Logo, NewPassword, NumberField, Password, Phone, Recaptcha, Select, SingleSelect, Switch, TOTPImage, TOTPLink, Text, TextField, Textarea, UploadFile, apple, discord, facebook, fingerprint, github, gitlab, google, linkedin, microsoft, passkey, slack, sso };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@descope/flow-components",
-	"version": "2.0.149",
+	"version": "2.0.150",
 	"description": "",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.esm.js",
@@ -99,7 +99,7 @@
 		"typescript": "^5.0.0"
 	},
 	"dependencies": {
-		"@descope/web-components-ui": "1.0.200",
+		"@descope/web-components-ui": "1.0.201",
 		"rollup-plugin-dts": "^5.3.0"
 	},
 	"peerDependencies": {