@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 786 B
JavaScript
;var e=require("react/jsx-runtime"),r=require("@mui/material"),l=require("react"),t=require("../AutocompleteBaseField/AutocompleteBaseField.js"),a=require("../AutocompleteBaseField/_partials/AutocompleteChip.js"),i=require("../AutocompleteBaseField/_partials/StyledAutocompleteInput.js");module.exports=u=>{const s=l.useMemo(()=>u.placeholder&&Array.isArray(u.value)&&0===u.value.length,[u.value]);return e.jsx(t,{...u,multi:!0,grouped:u.grouped??!1,renderInput:r=>e.jsx(i.default,{...r,placeholder:s?u.placeholder:"",sizing:u.sizing,multi:!0}),renderValue:(l,t)=>{const i=Array.isArray(l)?l:[];return e.jsx(r.Box,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:i.map((r,l)=>{const i=t({index:l});return e.jsx(a.default,{sizing:u.sizing,label:r.label,...i},l)})})}})};