@zydon/common 2.8.33 → 2.8.35

package/dist/chunk-DWSIBYYG.js

@@ -1,9 +0,0 @@
-import { a } from './chunk-U23ZCGMS.js';
-import { useFormContext, Controller } from 'react-hook-form';
-import { jsx } from 'react/jsx-runtime';
-
-var d=({name:r,helperText:a$1,rules:s,onSelectOption:t,InputLabelProps:p,...m})=>{let{control:u}=useFormContext(),C=e=>o=>{t&&t(o,e.value),e.onChange(o);};return jsx(Controller,{name:r,control:u,rules:s,render:({field:e,fieldState:{error:o}})=>jsx(a,{"data-intercom-target":r,...e,...m,onChange:C(e),error:!!o,helperText:o?.message||a$1,InputLabelProps:p})})},A=d;
-
-export { A as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-DWSIBYYG.js.map

package/dist/chunk-DWSIBYYG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Autocomplete/index.tsx"],"names":["Controller","useFormContext","jsx","Autocomplete","name","helperText","rules","onSelectOption","InputLabelProps","other","control","handleChange","field","value","error","Autocomplete_default"],"mappings":"wCAAA,OACE,cAAAA,EAGA,kBAAAC,MACK,kBA8BG,cAAAC,MAAA,oBAxBV,IAAMC,EAAe,CAAC,CACpB,KAAAC,EACA,WAAAC,EACA,MAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,IAAyB,CACvB,GAAM,CAAE,QAAAC,CAAQ,EAAIT,EAAe,EAE7BU,EACHC,GACAC,GAAyB,CACpBN,GAAgBA,EAAeM,EAAiBD,EAAM,KAAK,EAC/DA,EAAM,SAASC,CAAK,CACtB,EAEF,OACEX,EAACF,EAAA,CACC,KAAMI,EACN,QAASM,EACT,MAAOJ,EACP,OAAQ,CAAC,CAAE,MAAAM,EAAO,WAAY,CAAE,MAAAE,CAAM,CAAE,IAEpCZ,EAACa,EAAA,CACC,uBAAsBX,EACrB,GAAGQ,EACH,GAAGH,EACJ,SAAUE,EAAaC,CAAK,EAC5B,MAAO,CAAC,CAACE,EACT,WAAYA,GAAO,SAAWT,EAC9B,gBAAiBG,EACnB,EAGN,CAEJ,EAEOO,EAAQZ","sourcesContent":["import {\n  Controller,\n  ControllerRenderProps,\n  FieldValues,\n  useFormContext,\n} from 'react-hook-form';\n\nimport AutocompleteComponent from 'components/Autocomplete';\n\nimport { AutocompleteProps, OnChangeValue } from './props';\n\nconst Autocomplete = ({\n  name,\n  helperText,\n  rules,\n  onSelectOption,\n  InputLabelProps,\n  ...other\n}: AutocompleteProps) => {\n  const { control } = useFormContext();\n\n  const handleChange =\n    (field: ControllerRenderProps<FieldValues, string>) =>\n    (value: OnChangeValue) => {\n      if (onSelectOption) onSelectOption(value as string, field.value);\n      field.onChange(value);\n    };\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState: { error } }) => {\n        return (\n          <AutocompleteComponent\n            data-intercom-target={name}\n            {...field}\n            {...other}\n            onChange={handleChange(field)}\n            error={!!error}\n            helperText={error?.message || helperText}\n            InputLabelProps={InputLabelProps}\n          />\n        );\n      }}\n    />\n  );\n};\n\nexport default Autocomplete;\n"]}

package/dist/chunk-U23ZCGMS.js

@@ -1,19 +0,0 @@
-import { a } from './chunk-ET6H3IRG.js';
-import { memo, createContext, forwardRef, useContext, useMemo, useCallback, useState, useRef, useEffect } from 'react';
-import wt, { autocompleteClasses } from '@mui/material/Autocomplete';
-import at from '@mui/material/CircularProgress';
-import lt from '@mui/material/TextField';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { VariableSizeList } from 'react-window';
-import { useTheme, styled } from '@mui/material/styles';
-import Ot from '@mui/material/useMediaQuery';
-import bt from '@mui/material/ListSubheader';
-import yt from '@mui/material/Stack';
-import z from '@mui/material/Typography';
-import Ct from '@mui/material/Popper';
-
-var G=memo(({params:t,name:e,placeholder:n,error:r,helperText:s,label:m,required:y,multiple:a$1,formattedValue:i,loading:l,tabIndex:u,InputLabelProps:b})=>jsx(lt,{...t,name:e,placeholder:n,fullWidth:!0,error:!!r,helperText:s,label:m,required:y,InputProps:{...t.InputProps,...!a$1&&{startAdornment:i&&!Array.isArray(i)&&i.icon?jsx(a,{icon:i.icon}):void 0},endAdornment:jsxs(Fragment,{children:[l?jsx(at,{color:"primary",size:20}):null,t.InputProps.endAdornment]})},inputProps:{...t.inputProps,name:e,tabIndex:u},InputLabelProps:b}));G.displayName="AutocompleteInput";var N=G;var v=8,V=memo(t=>{let{data:e,index:n,style:r}=t,s=e[n],m={...r,top:r.top+v,paddingTop:8};if(Object.prototype.hasOwnProperty.call(s,"group")){let b=s;return jsx(bt,{component:"div",style:m,children:b.group},`list-box-item-group-${b.group}`)}let[y,a$1]=s,{showValueInLabel:i,key:l,...u}=y;return jsx(z,{component:"li",...u,noWrap:!0,style:m,children:jsxs(yt,{component:"div",direction:"row",flex:1,gap:1,justifyContent:"start",children:[a$1.icon&&jsx(a,{icon:a$1.icon}),a$1.label,i&&jsxs(z,{variant:"inherit",color:"grey.400",children:["(",a$1.value,")"]})]})},`list-box-item-${l}`)});V.displayName="ListboxRow";var $=V;var W=createContext({}),_=forwardRef((t,e)=>{let n=useContext(W);return jsx("div",{ref:e,...t,...n})});_.displayName="OuterElementType";var xt=t=>{let e=useRef(null);return useEffect(()=>{e.current!=null&&e.current.resetAfterIndex(0,!0);},[t]),e},St=forwardRef(function(e,n){let{children:r,...s}=e,m=useMemo(()=>{let c=[];return r.forEach(p=>{c.push(p),Object.prototype.hasOwnProperty.call(p,"children")&&Array.isArray(p.children)&&c.push(...p.children);}),c},[r]),y=useTheme(),a=Ot(y.breakpoints.up("sm")),i=m.length,l=a?36:48,u=useCallback(c=>Object.prototype.hasOwnProperty.call(c,"group")?48:l,[l]),b=useMemo(()=>i>8?8*l:m.map(u).reduce((c,p)=>c+p,0),[i,l,m,u]),I=xt(i);return jsx("div",{ref:n,children:jsx(W.Provider,{value:s,children:jsx(VariableSizeList,{itemData:m,height:b+2*v,width:"100%",ref:I,outerElementType:_,innerElementType:"ul",itemSize:c=>u(m[c]),overscanCount:5,itemCount:i,children:$})})})}),F=St;var X=styled(Ct)({[`& .${autocompleteClasses.listbox}`]:{boxSizing:"border-box","& ul":{padding:0,margin:0}}});var Ht=t=>t&&typeof t=="object"?t.value.toString():t.toString(),kt=t=>t,Gt=(t,e)=>{let n=e.inputValue.toLocaleUpperCase();return t.filter(r=>`${r.value} ${r.label}`.toLocaleUpperCase().includes(n))},J=memo(forwardRef(({name:t,label:e,value:n,options:r=[],loading:s,noOptionsText:m="Nenhum resultado encontrado.",loadingText:y="Carregando op\xE7\xF5es...",error:a,helperText:i,placeholder:l,onChange:u,groupBy:b,showValueInLabel:I,disabled:c,multiple:p,required:M,renderOption:L,tabIndex:w,onInputChange:P,onSearch:R,onBlur:O,InputLabelProps:H,...K},Y)=>{let[Z,x]=useState(""),[tt,et]=useState(null),S=useMemo(()=>p?(Array.isArray(n)?n:[]).reduce((f,T)=>{let k=r.find(mt=>mt.value.toString()===T.toString());return k?[...f,k]:[...f]},[]):r.find(o=>o.value.toString()===n?.toString())||null,[r,n,p]),ot=useCallback((d,o,f)=>{if(et(f),P&&P(d,o,f),f==="input"){R&&R(o),x(o);return}if(f==="reset"){x(o);return}f==="clear"&&x("");},[P,R]),rt=useCallback((d,o)=>{if(!o){u(p?[]:null);return}if(Array.isArray(o)){u(o.map(Ht));return}u(typeof o=="string"?o.toString():o.value.toString());},[u,p]),nt=useCallback(d=>{O&&O(d);},[O]),it=useCallback((d,o,f,T)=>L?L(d,o,f,T):[{...d,showValueInLabel:I},o],[L,I]),pt=useMemo(()=>L?void 0:F,[L]),st=useCallback(d=>jsx(N,{params:d,name:t,placeholder:l,error:a,helperText:i,label:e,required:M,multiple:p,formattedValue:S,loading:s,tabIndex:w,InputLabelProps:H}),[t,l,a,i,e,M,p,S,s,w,H]);return jsx(wt,{ref:Y,value:S,inputValue:Z,onInputChange:ot,options:r,loading:s,noOptionsText:m,loadingText:y,disabled:s||c,disableListWrap:!0,PopperComponent:X,ListboxComponent:pt,filterOptions:tt==="reset"?void 0:Gt,onChange:rt,onBlur:nt,renderOption:it,renderGroup:kt,groupBy:b,multiple:p,renderInput:st,...K})}));J.displayName="Autocomplete";var Ae=J;
-
-export { Ae as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-U23ZCGMS.js.map

package/dist/chunk-U23ZCGMS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Autocomplete/index.tsx","../src/components/Autocomplete/AutocompleteInput.tsx","../src/components/Autocomplete/Listbox.tsx","../src/components/Autocomplete/ListboxRow.tsx","../src/components/Autocomplete/styles.ts"],"names":["forwardRef","memo","useCallback","useMemo","useState","MuiAutocomplete","CircularProgress","TextField","Fragment","jsx","jsxs","AutocompleteInput","params","name","placeholder","error","helperText","label","required","multiple","formattedValue","loading","tabIndex","InputLabelProps","Icon_default","AutocompleteInput_default","createContext","useContext","useEffect","useRef","VariableSizeList","useTheme","useMediaQuery","ListSubheader","Stack","Typography","LISTBOX_PADDING","ListboxRow","props","data","index","style","dataSet","inlineStyle","groupItem","itemProps","option","showValueInLabel","key","otherItemProps","ListboxRow_default","OuterElementContext","OuterElementType","ref","outerProps","useResetCache","ListboxComponent","children","other","itemData","item","theme","smUp","itemCount","itemSize","getChildSize","child","itemsHeight","a","b","gridRef","Listbox_default","autocompleteClasses","Popper","styled","StyledPopper","getOptionValue","optionValue","renderGroup","filterOptions","optionsFilter","state","searchValue","opt","Autocomplete","value","options","noOptionsText","loadingText","onChange","groupBy","disabled","renderOption","onInputChange","onSearch","onBlur","inputValue","setInputValue","inputReason","setInputReason","acc","curr","handleInputChange","event","eventValue","reason","handleChange","_","handleBlur","memoizedRenderOption","ownerState","renderListbox","memoizedRenderInput","Autocomplete_default"],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  memo,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport MuiAutocomplete, {\n  AutocompleteOwnerState,\n  AutocompleteRenderGroupParams,\n  AutocompleteRenderInputParams,\n  AutocompleteRenderOptionState,\n} from '@mui/material/Autocomplete';\n\nimport { AutocompleteProps } from 'types/autoCompleteProps';\nimport { Option } from 'types/option';\n\nimport AutocompleteInput from './AutocompleteInput';\nimport ListboxComponent from './Listbox';\nimport { StyledPopper } from './styles';\n\nconst getOptionValue = (optionValue: Option | string | number): string =>\n  optionValue && typeof optionValue === 'object'\n    ? optionValue.value.toString()\n    : optionValue.toString();\n\nconst renderGroup = (params: AutocompleteRenderGroupParams) =>\n  params as unknown as ReactNode;\n\nconst filterOptions = (\n  optionsFilter: Option[],\n  state: { inputValue: string },\n) => {\n  const searchValue = state.inputValue.toLocaleUpperCase();\n  return optionsFilter.filter(opt => {\n    const search = `${opt.value} ${opt.label}`;\n\n    return search.toLocaleUpperCase().includes(searchValue);\n  });\n};\n\nconst Autocomplete = memo(\n  forwardRef<unknown, AutocompleteProps>(\n    (\n      {\n        name,\n        label,\n        value,\n        options = [],\n        loading,\n        noOptionsText = 'Nenhum resultado encontrado.',\n        loadingText = 'Carregando opções...',\n        error,\n        helperText,\n        placeholder,\n        onChange,\n        groupBy,\n        showValueInLabel,\n        disabled,\n        multiple,\n        required,\n        renderOption,\n        tabIndex,\n        onInputChange,\n        onSearch,\n        onBlur,\n        InputLabelProps,\n        ...other\n      },\n      ref,\n    ) => {\n      const [inputValue, setInputValue] = useState<string>('');\n      const [inputReason, setInputReason] = useState<\n        'input' | 'reset' | 'clear' | null\n      >(null);\n\n      const formattedValue = useMemo(() => {\n        if (multiple) {\n          const values = Array.isArray(value) ? value : [];\n\n          return values.reduce<Option[]>((acc, curr) => {\n            const item = options.find(\n              opt => opt.value.toString() === curr.toString(),\n            );\n\n            if (item) return [...acc, item];\n\n            return [...acc];\n          }, []);\n        }\n\n        const item = options.find(\n          opt => opt.value.toString() === value?.toString(),\n        );\n\n        return item || null;\n      }, [options, value, multiple]);\n\n      const handleInputChange = useCallback(\n        (\n          event: React.SyntheticEvent,\n          eventValue: string,\n          reason: 'input' | 'reset' | 'clear',\n        ) => {\n          setInputReason(reason);\n          if (onInputChange) onInputChange(event, eventValue, reason);\n\n          if (reason === 'input') {\n            if (onSearch) {\n              onSearch(eventValue);\n            }\n            setInputValue(eventValue);\n\n            return;\n          }\n\n          if (reason === 'reset') {\n            setInputValue(eventValue);\n            return;\n          }\n\n          if (reason === 'clear') {\n            setInputValue('');\n          }\n        },\n        [onInputChange, onSearch],\n      );\n\n      const handleChange = useCallback(\n        (\n          _: React.SyntheticEvent,\n          option: Option | (string | Option)[] | string | null,\n        ) => {\n          if (!option) {\n            onChange(multiple ? [] : null);\n            return;\n          }\n\n          if (Array.isArray(option)) {\n            onChange(option.map(getOptionValue));\n            return;\n          }\n\n          onChange(\n            typeof option === 'string'\n              ? option.toString()\n              : option.value.toString(),\n          );\n        },\n        [onChange, multiple],\n      );\n\n      const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLDivElement>) => {\n          if (onBlur) onBlur(event);\n        },\n        [onBlur],\n      );\n\n      const memoizedRenderOption = useCallback(\n        (\n          props: React.HTMLAttributes<HTMLLIElement> & { key: string },\n          option: Option,\n          state: AutocompleteRenderOptionState,\n          ownerState: AutocompleteOwnerState<Option, boolean, boolean, boolean>,\n        ) =>\n          renderOption\n            ? renderOption(props, option, state, ownerState)\n            : ([{ ...props, showValueInLabel }, option] as ReactNode),\n        [renderOption, showValueInLabel],\n      );\n\n      const renderListbox = useMemo(\n        () => (renderOption ? undefined : ListboxComponent),\n        [renderOption],\n      );\n\n      const memoizedRenderInput = useCallback(\n        (params: AutocompleteRenderInputParams) => (\n          <AutocompleteInput\n            params={params}\n            name={name}\n            placeholder={placeholder}\n            error={error}\n            helperText={helperText}\n            label={label}\n            required={required}\n            multiple={multiple}\n            formattedValue={formattedValue}\n            loading={loading}\n            tabIndex={tabIndex}\n            InputLabelProps={InputLabelProps}\n          />\n        ),\n        [\n          name,\n          placeholder,\n          error,\n          helperText,\n          label,\n          required,\n          multiple,\n          formattedValue,\n          loading,\n          tabIndex,\n          InputLabelProps,\n        ],\n      );\n\n      return (\n        <MuiAutocomplete\n          ref={ref}\n          value={formattedValue}\n          inputValue={inputValue}\n          onInputChange={handleInputChange}\n          options={options}\n          loading={loading}\n          noOptionsText={noOptionsText}\n          loadingText={loadingText}\n          disabled={loading || disabled}\n          disableListWrap\n          PopperComponent={StyledPopper}\n          ListboxComponent={renderListbox}\n          filterOptions={inputReason === 'reset' ? undefined : filterOptions}\n          onChange={handleChange}\n          onBlur={handleBlur}\n          renderOption={memoizedRenderOption}\n          renderGroup={renderGroup}\n          groupBy={groupBy}\n          multiple={multiple}\n          renderInput={memoizedRenderInput}\n          {...other}\n        />\n      );\n    },\n  ),\n);\n\nAutocomplete.displayName = 'Autocomplete';\n\nexport default Autocomplete;\n","import { memo } from 'react';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport TextField from '@mui/material/TextField';\n\nimport Icon from '../Icon';\n\nimport { AutocompleteInputProps } from './props';\n\nconst AutocompleteInput = memo(\n  ({\n    params,\n    name,\n    placeholder,\n    error,\n    helperText,\n    label,\n    required,\n    multiple,\n    formattedValue,\n    loading,\n    tabIndex,\n    InputLabelProps,\n  }: AutocompleteInputProps) => (\n    <TextField\n      {...params}\n      name={name}\n      placeholder={placeholder}\n      fullWidth\n      error={!!error}\n      helperText={helperText}\n      label={label}\n      required={required}\n      InputProps={{\n        ...params.InputProps,\n        ...(!multiple && {\n          startAdornment:\n            formattedValue &&\n            !Array.isArray(formattedValue) &&\n            formattedValue.icon ? (\n              <Icon icon={formattedValue.icon} />\n            ) : undefined,\n        }),\n        endAdornment: (\n          <>\n            {loading ? <CircularProgress color=\"primary\" size={20} /> : null}\n            {params.InputProps.endAdornment}\n          </>\n        ),\n      }}\n      inputProps={{\n        ...params.inputProps,\n        name,\n        tabIndex,\n      }}\n      InputLabelProps={InputLabelProps}\n    />\n  ),\n);\n\nAutocompleteInput.displayName = 'AutocompleteInput';\n\nexport default AutocompleteInput;\n","import {\n  createContext,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { VariableSizeList } from 'react-window';\nimport { AutocompleteRenderGroupParams } from '@mui/material/Autocomplete';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport { Option } from 'types/option';\n\nimport ListboxRow, { LISTBOX_PADDING } from './ListboxRow';\n\ntype RenderOptionProps = HTMLAttributes<HTMLLIElement> & {\n  showValueInLabel?: boolean;\n};\n\ntype ListboxItem = AutocompleteRenderGroupParams | [RenderOptionProps, Option];\n\nconst OuterElementContext = createContext({});\n\nconst OuterElementType = forwardRef<HTMLDivElement>((props, ref) => {\n  const outerProps = useContext(OuterElementContext);\n  return <div ref={ref} {...props} {...outerProps} />;\n});\n\nOuterElementType.displayName = 'OuterElementType';\n\nconst useResetCache = (data: number) => {\n  const ref = useRef<VariableSizeList>(null);\n\n  useEffect(() => {\n    if (ref.current != null) {\n      ref.current.resetAfterIndex(0, true);\n    }\n  }, [data]);\n\n  return ref;\n};\n\nconst ListboxComponent = forwardRef<\n  HTMLDivElement,\n  HTMLAttributes<HTMLElement>\n>(function ListboxComponent(props, ref) {\n  const { children, ...other } = props;\n\n  const itemData: ListboxItem[] = useMemo(() => {\n    const data: ListboxItem[] = [];\n    (children as ListboxItem[]).forEach(item => {\n      data.push(item);\n      if (\n        Object.prototype.hasOwnProperty.call(item, 'children') &&\n        Array.isArray((item as AutocompleteRenderGroupParams).children)\n      ) {\n        data.push(\n          ...((item as AutocompleteRenderGroupParams)\n            .children as ListboxItem[]),\n        );\n      }\n    });\n    return data;\n  }, [children]);\n\n  const theme = useTheme();\n  const smUp = useMediaQuery(theme.breakpoints.up('sm'));\n  const itemCount = itemData.length;\n  const itemSize = smUp ? 36 : 48;\n\n  const getChildSize = useCallback(\n    (child: ListboxItem) => {\n      if (Object.prototype.hasOwnProperty.call(child, 'group')) {\n        return 48;\n      }\n\n      return itemSize;\n    },\n    [itemSize],\n  );\n\n  const itemsHeight = useMemo(() => {\n    if (itemCount > 8) {\n      return 8 * itemSize;\n    }\n    return itemData.map(getChildSize).reduce((a, b) => a + b, 0);\n  }, [itemCount, itemSize, itemData, getChildSize]);\n\n  const gridRef = useResetCache(itemCount);\n\n  return (\n    <div ref={ref}>\n      <OuterElementContext.Provider value={other}>\n        <VariableSizeList\n          itemData={itemData}\n          height={itemsHeight + 2 * LISTBOX_PADDING}\n          width=\"100%\"\n          ref={gridRef}\n          outerElementType={OuterElementType}\n          innerElementType=\"ul\"\n          itemSize={index => getChildSize(itemData[index])}\n          overscanCount={5}\n          itemCount={itemCount}\n        >\n          {ListboxRow}\n        </VariableSizeList>\n      </OuterElementContext.Provider>\n    </div>\n  );\n});\n\nexport default ListboxComponent;\n","import { HTMLAttributes, memo } from 'react';\nimport { ListChildComponentProps } from 'react-window';\nimport { AutocompleteRenderGroupParams } from '@mui/material/Autocomplete';\nimport ListSubheader from '@mui/material/ListSubheader';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport { Icon as IconEnum } from 'types/icon';\nimport { Option } from 'types/option';\n\nimport Icon from '../Icon';\n\ntype IconName = keyof typeof IconEnum;\n\nconst LISTBOX_PADDING = 8;\n\nconst ListboxRow = memo((props: ListChildComponentProps) => {\n  const { data, index, style } = props;\n  const dataSet = data[index] as\n    | AutocompleteRenderGroupParams\n    | [HTMLAttributes<HTMLLIElement> & { showValueInLabel?: boolean }, Option];\n\n  const inlineStyle = {\n    ...style,\n    top: (style.top as number) + LISTBOX_PADDING,\n    paddingTop: 8,\n  };\n\n  if (Object.prototype.hasOwnProperty.call(dataSet, 'group')) {\n    const groupItem = dataSet as AutocompleteRenderGroupParams;\n    return (\n      <ListSubheader\n        key={`list-box-item-group-${groupItem.group}`}\n        component=\"div\"\n        style={inlineStyle}\n      >\n        {groupItem.group}\n      </ListSubheader>\n    );\n  }\n\n  const [itemProps, option] = dataSet as [\n    HTMLAttributes<HTMLLIElement> & {\n      showValueInLabel?: boolean;\n      key: string;\n    },\n    Option,\n  ];\n  const { showValueInLabel, key, ...otherItemProps } = itemProps;\n\n  return (\n    <Typography\n      component=\"li\"\n      key={`list-box-item-${key}`}\n      {...otherItemProps}\n      noWrap\n      style={inlineStyle}\n    >\n      <Stack\n        component=\"div\"\n        direction=\"row\"\n        flex={1}\n        gap={1}\n        justifyContent=\"start\"\n      >\n        {option.icon && <Icon icon={option.icon as IconName} />}\n        {option.label}\n\n        {showValueInLabel && (\n          <Typography variant=\"inherit\" color=\"grey.400\">\n            ({option.value})\n          </Typography>\n        )}\n      </Stack>\n    </Typography>\n  );\n});\n\nListboxRow.displayName = 'ListboxRow';\n\nexport { LISTBOX_PADDING };\nexport default ListboxRow;\n","import { autocompleteClasses } from '@mui/material/Autocomplete';\nimport Popper from '@mui/material/Popper';\nimport { styled } from '@mui/material/styles';\n\nexport const StyledPopper = styled(Popper)({\n  [`& .${autocompleteClasses.listbox}`]: {\n    boxSizing: 'border-box',\n    '& ul': {\n      padding: 0,\n      margin: 0,\n    },\n  },\n});\n"]}