gantri-components 2.227.0 → 2.229.0

package/dist/components/option-selector/option-selector.types.d.ts

@@ -21,13 +21,9 @@ export interface OptionSelectorItem {
      */
     intent?: OptionSelectorIntent;
 }
-export interface OptionSelectorProps {
+interface OptionSelectorBaseProps {
     /** Array of options. Can be strings (used as both value and label) or OptionSelectorItem objects. */
     items: (string | OptionSelectorItem)[];
-    /** Currently selected value. */
-    value: string;
-    /** Callback when an option is selected. */
-    onSelected: (value: string) => void;
     /** Number of columns in the grid. */
     columns?: ResolutionAwareProp<number>;
     /** Gap between items. Defaults to '.5x' (4px). */
@@ -52,7 +48,7 @@ export interface OptionSelectorProps {
     onChange?: (event: {
         target: {
             name: string;
-            value: string;
+            value: string | string[];
         };
     }) => void;
     /** Formik integration props - injected by FormikInput. */
@@ -68,14 +64,33 @@ export interface OptionSelectorProps {
     /** Error message from Formik validation. */
     errorMessage?: string;
     /**
-     * When true, clicking the currently selected option clears the selection
-     * (emits an empty string). Defaults to true.
+     * When true, clicking the currently selected option clears the selection.
+     * In single mode, clears to an empty string. In multi mode, toggling is
+     * always on and this prop is ignored. Defaults to true.
      */
     allowDeselect?: boolean;
 }
+interface OptionSelectorSingleProps extends OptionSelectorBaseProps {
+    /** Single-selection mode (default). */
+    multiple?: false;
+    /** Currently selected value. */
+    value: string;
+    /** Callback when an option is selected. */
+    onSelected: (value: string) => void;
+}
+interface OptionSelectorMultipleProps extends OptionSelectorBaseProps {
+    /** Enables multi-selection. Clicking an option toggles it in/out of the selection. */
+    multiple: true;
+    /** Currently selected values. */
+    value: string[];
+    /** Callback fired with the next array of selected values. */
+    onSelected: (values: string[]) => void;
+}
+export type OptionSelectorProps = OptionSelectorSingleProps | OptionSelectorMultipleProps;
 export interface StyledOptionProps {
     $disabled: boolean;
     $selected: boolean;
     $size?: ResolutionAwareProp<OptionSelectorSize>;
     $intent?: OptionSelectorIntent;
 }
+export {};