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

package/dist/components/Tip/index.d.ts

@@ -1,2 +1,10 @@
 import { PropsWithChildren } from 'react';
-export declare function Tip({ children }: PropsWithChildren): React.JSX.Element;
+interface TipProps extends PropsWithChildren {
+    /**
+     * Widens the popover past MUI Tooltip's ~300px default for content that must not wrap,
+     * like a code snippet with a long line. Omit to keep the default.
+     */
+    maxWidth?: number | string;
+}
+export declare function Tip({ children, maxWidth }: TipProps): React.JSX.Element;
+export {};

package/dist/components/Tip/index.mjs

@@ -1 +1 @@
-"use strict";import{Tooltip as t,IconButton as e}from"@mui/material";import{Code as n}from"@mui/icons-material";import{jsx as o}from"react/jsx-runtime";function a({children:r}){return o(t,{title:r,arrow:!0,enterTouchDelay:0,children:o(e,{size:"small",onClick:i=>{i.stopPropagation()},children:o(n,{})})})}export{a as Tip};
+"use strict";import{Tooltip as n,IconButton as e}from"@mui/material";import{Code as s}from"@mui/icons-material";import{jsx as o}from"react/jsx-runtime";function a({children:i,maxWidth:t}){return o(n,{title:i,arrow:!0,enterTouchDelay:0,componentsProps:t===void 0?void 0:{tooltip:{sx:{maxWidth:t}}},children:o(e,{size:"small",onClick:r=>{r.stopPropagation()},children:o(s,{})})})}export{a as Tip};

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

@@ -5,19 +5,36 @@ 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[];
+    /**
+     * How many chips to show while the input is not focused; the rest collapse into `+N`.
+     * Focusing the input always reveals the full selection. Pass -1 to never collapse.
+     */
+    limitTags?: number;
+}
+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 C,Checkbox as O}from"@mui/material";import{useState as g}from"react";import{jsx as t,jsxs as T}from"react/jsx-runtime";function V(o){return o.multiple?t(E,{...o}):t(k,{...o})}function k({options:o,defaultOption:n,value:i,onChange:a,onClear:u,disableClearable:b,...c}){const[h,P]=g(n??null),p=i!==void 0,s=p?i:h,d=e=>{p||P(e),a&&a(e)},f=()=>{d(null),u&&u()},r={inputProps:{tabIndex:0},fullWidth:!0,...c.InputProps};return t(m,{disablePortal:!0,autoHighlight:!0,defaultValue:n,options:o,disableClearable:b,isOptionEqualToValue:(e,l)=>e?.id===l?.id,value:s,onChange:(e,l)=>{if(!l){f();return}d(l)},renderInput:e=>t(C,{...e,...r,inputProps:{...e.inputProps,...r.inputProps}})})}function E({options:o,defaultOption:n,value:i,onChange:a,onClear:u,disableClearable:b,limitTags:c=2,...h}){const[P,p]=g(n??[]),s=i!==void 0,d=s?i:P,f=e=>{s||p(e),a&&a(e)},r={inputProps:{tabIndex:0},fullWidth:!0,...h.InputProps};return t(m,{multiple:!0,disableCloseOnSelect:!0,limitTags:c,disablePortal:!0,autoHighlight:!0,defaultValue:n,options:o,disableClearable:b,isOptionEqualToValue:(e,l)=>e?.id===l?.id,value:d,onChange:(e,l)=>{f(l),l.length===0&&u&&u()},renderOption:(e,l,{selected:v})=>{const{key:x,...I}=e;return T("li",{...I,children:[t(O,{checked:v,sx:{mr:1}}),l.label]},x)},renderInput:e=>t(C,{...e,...r,inputProps:{...e.inputProps,...r.inputProps}})})}export{V as SelectInput};

package/package.json

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