@scripso-homepad/ui 0.4.21 → 0.4.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scripso-homepad/ui",
-  "version": "0.4.21",
+  "version": "0.4.22",
   "type": "module",
   "description": "Cross-platform UI components for Homepad (React Web + React Native)",
   "license": "MIT",

package/src/components/Select.stories.tsx

@@ -17,6 +17,7 @@ const meta = {
     placeholder: "placeholder",
     leftIcon: <KeyIcon />,
     options: demoOptions,
+    allowDeselect: true,
   },
 } satisfies Meta<typeof Select>;
 

package/src/components/Select.tsx

@@ -214,6 +214,11 @@ interface SelectBaseProps {
   hintClassName?: string;
   /** Shorter option rows for compact filter-style dropdowns. */
   compact?: boolean;
+  /**
+   * When true (default), clicking the already-selected option clears the selection
+   * in single-select mode. Set to false for required fields that must keep a value.
+   */
+  allowDeselect?: boolean;
 }
 
 export interface SingleSelectProps extends SelectBaseProps {
@@ -266,6 +271,7 @@ export function Select({
   errorClassName,
   hintClassName,
   compact = false,
+  allowDeselect = true,
 }: SelectProps) {
   const wrapperRef = useRef<ComponentRef<typeof View>>(null);
   const triggerRef = useRef<ComponentRef<typeof Pressable>>(null);
@@ -389,9 +395,10 @@ export function Select({
       return;
     }
 
-    // Keep the current value when the selected option is clicked again.
-    // Clearing to "" breaks required selects (e.g. language) and shows the placeholder.
     if (selectedValues.includes(nextValue)) {
+      if (allowDeselect) {
+        (onValueChange as SingleSelectProps["onValueChange"] | undefined)?.("");
+      }
       closeMenu();
       return;
     }