@verifiedinc-public/shared-ui-elements 12.5.2 → 12.6.0

package/dist/components/form/SelectInput.d.ts

@@ -5,19 +5,31 @@ interface Option {
     label: string;
     id: string;
 }
-interface SelectInputProps {
+interface SelectInputBaseProps {
     name?: string;
-    onChange?: (value: Option | null) => void;
     onClear?: () => void;
     options: Option[];
-    value?: Option | null;
-    defaultOption?: Option;
     InputProps?: TextFieldProps;
     disableClearable?: boolean;
 }
+interface SelectInputSingleProps extends SelectInputBaseProps {
+    multiple?: false;
+    onChange?: (value: Option | null) => void;
+    value?: Option | null;
+    defaultOption?: Option;
+}
+interface SelectInputMultipleProps extends SelectInputBaseProps {
+    multiple: true;
+    onChange?: (value: Option[]) => void;
+    value?: Option[];
+    defaultOption?: Option[];
+}
+type SelectInputProps = SelectInputSingleProps | SelectInputMultipleProps;
 /**
  * This component manages the input of type Select.
+ * Pass `multiple` to select many options; `value`, `defaultOption`, and
+ * `onChange` then work with `Option[]` instead of `Option | null`.
  * @constructor
  */
-export declare function SelectInput({ options, defaultOption, value: controlledValue, onChange, onClear, disableClearable, ...props }: SelectInputProps): React.JSX.Element;
+export declare function SelectInput(props: SelectInputProps): React.JSX.Element;
 export {};

package/dist/components/form/SelectInput.mjs

@@ -1 +1 @@
-"use strict";import{Autocomplete as c,TextField as g}from"@mui/material";import{useState as v}from"react";import{jsx as r}from"react/jsx-runtime";function x({options:s,defaultOption:l,value:e,onChange:a,onClear:n,disableClearable:d,...f}){const[m,P]=v(l??null),u=e!==void 0,b=u?e:m,i=o=>{u||P(o),a&&a(o)},h=()=>{i(null),n&&n()},p={inputProps:{tabIndex:0},fullWidth:!0,...f.InputProps};return r(c,{disablePortal:!0,autoHighlight:!0,defaultValue:l,options:s,disableClearable:d,isOptionEqualToValue:(o,t)=>o?.id===t?.id,value:b,onChange:(o,t)=>{if(!t){h();return}i(t)},renderInput:o=>r(g,{...o,...p,inputProps:{...o.inputProps,...p.inputProps}})})}export{x as SelectInput};
+"use strict";import{Autocomplete as m,TextField as v}from"@mui/material";import{useState as C}from"react";import{jsx as t}from"react/jsx-runtime";function I(e){return e.multiple?t(x,{...e}):t(c,{...e})}function c({options:e,defaultOption:n,value:i,onChange:a,onClear:u,disableClearable:f,...P}){const[b,h]=C(n??null),p=i!==void 0,g=p?i:b,s=l=>{p||h(l),a&&a(l)},d=()=>{s(null),u&&u()},o={inputProps:{tabIndex:0},fullWidth:!0,...P.InputProps};return t(m,{disablePortal:!0,autoHighlight:!0,defaultValue:n,options:e,disableClearable:f,isOptionEqualToValue:(l,r)=>l?.id===r?.id,value:g,onChange:(l,r)=>{if(!r){d();return}s(r)},renderInput:l=>t(v,{...l,...o,inputProps:{...l.inputProps,...o.inputProps}})})}function x({options:e,defaultOption:n,value:i,onChange:a,onClear:u,disableClearable:f,...P}){const[b,h]=C(n??[]),p=i!==void 0,g=p?i:b,s=o=>{p||h(o),a&&a(o)},d={inputProps:{tabIndex:0},fullWidth:!0,...P.InputProps};return t(m,{multiple:!0,disablePortal:!0,autoHighlight:!0,defaultValue:n,options:e,disableClearable:f,isOptionEqualToValue:(o,l)=>o?.id===l?.id,value:g,onChange:(o,l)=>{s(l),l.length===0&&u&&u()},renderInput:o=>t(v,{...o,...d,inputProps:{...o.inputProps,...d.inputProps}})})}export{I as SelectInput};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "12.5.2",
+  "version": "12.6.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,