@verifiedinc-public/shared-ui-elements 12.6.0 → 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

@@ -23,6 +23,11 @@ interface SelectInputMultipleProps extends SelectInputBaseProps {
     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;
 /**

package/dist/components/form/SelectInput.mjs

@@ -1 +1 @@
-"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};
+"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.6.0",
+  "version": "12.7.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,