@scripso-homepad/ui 0.4.20 → 0.4.22

package/dist/index.d.cts

@@ -74,6 +74,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;
 }
 interface SingleSelectProps extends SelectBaseProps {
     multiple?: false;
@@ -86,7 +91,7 @@ interface MultipleSelectProps extends SelectBaseProps {
     onValueChange?: (value: string[]) => void;
 }
 type SelectProps = SingleSelectProps | MultipleSelectProps;
-declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, errorClassName, hintClassName, compact, }: SelectProps): react.JSX.Element;
+declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, errorClassName, hintClassName, compact, allowDeselect, }: SelectProps): react.JSX.Element;
 
 interface PhoneInputProps extends Omit<TextInputProps, "style"> {
     label?: string;

package/dist/index.d.ts

@@ -74,6 +74,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;
 }
 interface SingleSelectProps extends SelectBaseProps {
     multiple?: false;
@@ -86,7 +91,7 @@ interface MultipleSelectProps extends SelectBaseProps {
     onValueChange?: (value: string[]) => void;
 }
 type SelectProps = SingleSelectProps | MultipleSelectProps;
-declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, errorClassName, hintClassName, compact, }: SelectProps): react.JSX.Element;
+declare function Select({ label, placeholder, value, onValueChange, options, leftIcon, multiple, disabled, error, invalid, hint, containerStyle, fieldStyle, className, fieldClassName, menuClassName, labelClassName, errorClassName, hintClassName, compact, allowDeselect, }: SelectProps): react.JSX.Element;
 
 interface PhoneInputProps extends Omit<TextInputProps, "style"> {
     label?: string;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-F7NV3HPU.js';
-export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-F7NV3HPU.js';
+import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-KJYQA5OY.js';
+export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-KJYQA5OY.js';
 import { createContext, useRef, useState, useMemo, useEffect, useLayoutEffect, useContext, isValidElement, cloneElement } from 'react';
 import { Platform, StyleSheet, Animated, Easing, View, Pressable, Text, Modal, ScrollView, TextInput, Dimensions } from 'react-native';
 import Svg2, { Path } from 'react-native-svg';
@@ -483,7 +483,8 @@ function Select({
   labelClassName,
   errorClassName,
   hintClassName,
-  compact = false
+  compact = false,
+  allowDeselect = true
 }) {
   const wrapperRef = useRef(null);
   const triggerRef = useRef(null);
@@ -587,6 +588,9 @@ function Select({
       return;
     }
     if (selectedValues.includes(nextValue)) {
+      if (allowDeselect) {
+        onValueChange?.("");
+      }
       closeMenu();
       return;
     }
@@ -1171,6 +1175,7 @@ function PhoneInput({
         View,
         {
           style: [
+            inputFieldMetrics.containerBase,
             inputFieldMetrics.container,
             phoneFieldStyles.container,
             styles3.phoneField