@foxford/ui 2.200.0-beta-5ef03d0-20260310 → 2.222.0-beta-e421dbf-20260416

package/components/Dropdown/DropdownListItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownListItem.mjs","sources":["../../../../src/components/Dropdown/DropdownListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { SIZES_CHECKBOX } from './sizes'\nimport type { DropdownListItemProps } from './types'\n\nexport const DropdownListItem = forwardRef<HTMLElement, DropdownListItemProps>(\n  (\n    {\n      name,\n      disabled,\n      status,\n      readOnly,\n      multiple,\n      option,\n      selected,\n      statusVisibility = 'selected',\n      onClick,\n      onChange,\n      ...sizeProps\n    },\n    ref\n  ) => {\n    const optionStatus = multiple ? (option.status ?? status) : status\n    const showStatus = statusVisibility === 'always' || (statusVisibility === 'selected' && selected)\n    const optionErrorStatus = showStatus && optionStatus === 'error'\n    const optionSuccessStatus = showStatus && optionStatus === 'success'\n\n    return (\n      <ListItem\n        {...sizeProps}\n        ref={selected ? ref : undefined}\n        role={!multiple ? 'option' : undefined}\n        aria-selected={!multiple ? selected : undefined}\n        active={selected}\n        text={option.text}\n        danger={optionErrorStatus}\n        success={optionSuccessStatus}\n        disabled={disabled || option.disabled}\n        borderRadius={8}\n        ellipsis={false}\n        textProps={{ wordBreak: 'break-word' }}\n        onClick={(evt) => {\n          evt.stopPropagation()\n          if (!readOnly) {\n            onClick?.(evt, option)\n          }\n        }}\n        control={\n          multiple ? (\n            <InputCheckbox\n              sizes={SIZES_CHECKBOX}\n              form='none'\n              role='option'\n              aria-selected={selected}\n              name={name}\n              value={option.value}\n              checked={selected}\n              error={optionErrorStatus}\n              success={optionSuccessStatus}\n              onChange={(evt) => {\n                if (!readOnly) {\n                  onChange?.(evt, option, selected)\n                }\n              }}\n            />\n          ) : undefined\n        }\n      />\n    )\n  }\n)\n"],"names":["DropdownListItem","forwardRef","name","disabled","status","readOnly","multiple","option","selected","statusVisibility","onClick","onChange","sizeProps","ref","optionStatus","showStatus","optionErrorStatus","optionSuccessStatus","_jsx","ListItem","undefined","role","active","text","danger","success","borderRadius","ellipsis","textProps","wordBreak","evt","stopPropagation","control","InputCheckbox","sizes","SIZES_CHECKBOX","form","value","checked","error"],"mappings":"sNAMO,MAAMA,iBAAmBC,YAC9B,EAEIC,OACAC,WACAC,SACAC,WACAC,WACAC,SACAC,WACAC,mBAAmB,WACnBC,UACAC,cACGC,GAELC,KAEA,MAAMC,EAAeR,EAAYC,EAAOH,QAAUA,EAAUA,EAC5D,MAAMW,EAAaN,IAAqB,UAAaA,IAAqB,YAAcD,EACxF,MAAMQ,EAAoBD,GAAcD,IAAiB,QACzD,MAAMG,EAAsBF,GAAcD,IAAiB,UAE3D,OACEI,IAACC,SAAQ,IACHP,EACJC,IAAKL,EAAWK,OAAMO,EACtBC,KAAOf,OAAsBc,EAAX,SAClB,gBAAgBd,OAAsBc,EAAXZ,EAC3Bc,OAAQd,EACRe,KAAMhB,EAAOgB,KACbC,OAAQR,EACRS,QAASR,EACTd,SAAUA,GAAYI,EAAOJ,SAC7BuB,aAAc,EACdC,UAAU,EACVC,UAAW,CAAEC,UAAW,cACxBnB,QAAUoB,IACRA,EAAIC,kBACC1B,GACHK,IAAUoB,EAAKvB,EACjB,EAEFyB,QACE1B,EACEY,IAACe,cAAa,CACZC,MAAOC,eACPC,KAAK,OACLf,KAAK,SACL,gBAAeb,EACfN,KAAMA,EACNmC,MAAO9B,EAAO8B,MACdC,QAAS9B,EACT+B,MAAOvB,EACPS,QAASR,EACTN,SAAWmB,IACJzB,GACHM,IAAWmB,EAAKvB,EAAQC,EAC1B,SAGFY,GAEN"}
+{"version":3,"file":"DropdownListItem.mjs","sources":["../../../../src/components/Dropdown/DropdownListItem.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ListItem } from 'components/ListItem'\nimport { Text } from 'components/Text'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { SIZES_CHECKBOX, SIZES_TEXT } from './sizes'\nimport type { DropdownListItemProps, RenderOptionListItemProps } from './types'\n\nexport const DropdownListItem = forwardRef<HTMLElement, DropdownListItemProps>(\n  (\n    {\n      name,\n      disabled,\n      status,\n      readOnly,\n      multiple,\n      option,\n      selected,\n      statusVisibility = 'selected',\n      onClick,\n      onChange,\n      renderOption,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    },\n    ref\n  ) => {\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const optionStatus = multiple ? (option.status ?? status) : status\n    const showStatus = statusVisibility === 'always' || (statusVisibility === 'selected' && selected)\n    const optionErrorStatus = showStatus && optionStatus === 'error'\n    const optionSuccessStatus = showStatus && optionStatus === 'success'\n    const optionDisabled = disabled || option.disabled\n\n    const listItemProps: RenderOptionListItemProps = {\n      ...sizeProps,\n      ref: selected ? ref : undefined,\n      role: !multiple ? 'option' : undefined,\n      'aria-selected': !multiple ? selected : undefined,\n      active: selected,\n      text: (textProps) => (\n        <Text {...textProps} sizes={SIZES_TEXT} ellipsis={false} wordBreak='break-word'>\n          {option.text}\n        </Text>\n      ),\n      danger: optionErrorStatus,\n      success: optionSuccessStatus,\n      disabled: optionDisabled,\n      borderRadius: 8,\n      onClick: (evt: React.MouseEvent<HTMLElement>) => {\n        evt.stopPropagation()\n        if (!readOnly) {\n          onClick?.(evt, option)\n        }\n      },\n      component: multiple ? 'label' : 'button',\n      addonLeft: multiple ? (\n        <InputCheckbox\n          {...sizeProps}\n          sizes={SIZES_CHECKBOX}\n          form='none'\n          role='option'\n          aria-selected={selected}\n          name={name}\n          value={option.value}\n          checked={selected}\n          error={optionErrorStatus}\n          success={optionSuccessStatus}\n          disabled={optionDisabled}\n          onChange={(evt) => {\n            if (!readOnly) {\n              onChange?.(evt, option, selected)\n            }\n          }}\n        />\n      ) : undefined,\n    }\n\n    if (renderOption) {\n      return renderOption(option, listItemProps)\n    }\n\n    return <ListItem {...listItemProps} />\n  }\n)\n"],"names":["DropdownListItem","forwardRef","name","disabled","status","readOnly","multiple","option","selected","statusVisibility","onClick","onChange","renderOption","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","ref","sizeProps","optionStatus","showStatus","optionErrorStatus","optionSuccessStatus","optionDisabled","listItemProps","undefined","role","active","text","textProps","_jsx","Text","sizes","SIZES_TEXT","ellipsis","wordBreak","children","danger","success","borderRadius","evt","stopPropagation","component","addonLeft","InputCheckbox","SIZES_CHECKBOX","form","value","checked","error","ListItem"],"mappings":"oQAOO,MAAMA,iBAAmBC,WAC9B,EAEIC,OACAC,WACAC,SACAC,WACAC,WACAC,SACAC,WACAC,mBAAmB,WACnBC,UACAC,WACAC,eACAC,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,UAEFC,KAEA,MAAMC,EAAY,CAChBR,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAehB,EAAYC,EAAOH,QAAUA,EAAUA,EAC5D,MAAMmB,EAAad,IAAqB,UAAaA,IAAqB,YAAcD,EACxF,MAAMgB,EAAoBD,GAAcD,IAAiB,QACzD,MAAMG,EAAsBF,GAAcD,IAAiB,UAC3D,MAAMI,EAAiBvB,GAAYI,EAAOJ,SAE1C,MAAMwB,EAA2C,IAC5CN,EACHD,IAAKZ,EAAWY,OAAMQ,EACtBC,KAAOvB,OAAsBsB,EAAX,SAClB,gBAAkBtB,OAAsBsB,EAAXpB,EAC7BsB,OAAQtB,EACRuB,KAAOC,GACLC,IAACC,KAAI,IAAKF,EAAWG,MAAOC,WAAYC,UAAU,EAAOC,UAAU,aAAYC,SAC5EhC,EAAOwB,OAGZS,OAAQhB,EACRiB,QAAShB,EACTtB,SAAUuB,EACVgB,aAAc,EACdhC,QAAUiC,IACRA,EAAIC,kBACCvC,GACHK,IAAUiC,EAAKpC,IAGnBsC,UAAWvC,EAAW,QAAU,SAChCwC,UAAWxC,EACT2B,IAACc,cAAa,IACR1B,EACJc,MAAOa,eACPC,KAAK,OACLpB,KAAK,SACL,gBAAerB,EACfN,KAAMA,EACNgD,MAAO3C,EAAO2C,MACdC,QAAS3C,EACT4C,MAAO5B,EACPiB,QAAShB,EACTtB,SAAUuB,EACVf,SAAWgC,IACJtC,GACHM,IAAWgC,EAAKpC,EAAQC,WAI5BoB,GAGN,OAAIhB,EACKA,EAAaL,EAAQoB,GAGvBM,IAACoB,SAAQ,IAAK1B"}

package/components/Dropdown/DropdownMenu.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var Floater=require('react-floater');var withMergedProps=require('../../hocs/withMergedProps.js');var DropdownMenuNoOptions=require('./DropdownMenuNoOptions.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var MenuComponent=require('../MenuComponent/MenuComponent.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Floater__default=_interopDefault(Floater);const DropdownMenu=withMergedProps.withMergedProps((e=>{const{size:t="fluid",open:o,loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:a,emptyIcon:l,emptyIconProps:i,empty:u,children:c,renderInPortal:d,popperReferenceId:m,expanseDirectionLeft:f,setRef:y,zIndex:M,...h}=e;const w={loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:a,emptyIcon:l,emptyIconProps:i};const x=u||n;const[g,D]=React.useState(null);const[R,j]=React.useState({});const b=React.useRef(null);return React.useLayoutEffect((()=>{let e=null;return d&&document.body?(e=document.createElement('div'),e.dataset.popperDropdownPortal='true',e.style.position='relative',document.body.appendChild(e),D(e)):D(null),()=>{e&&document.body&&document.body.contains(e)&&e.childElementCount===0&&e.remove()}}),[d]),React.useLayoutEffect((()=>{j((e=>({...e,left:f?'auto':0,right:f?0:'auto'})))}),[f]),d?g?jsxRuntime.jsx(Floater__default.default,{open:o,placement:"bottom",offset:8,hideArrow:!0,portalElement:g,target:`#${m}`,styles:{options:{zIndex:M},floater:{width:'100%',filter:'none',opacity:1,transitionDuration:'10ms'}},modifiers:{removeFloaterRoles:{name:'removeFloaterRoles',enabled:!0,phase:'beforeWrite',effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement){const t=e.elements.popper.querySelector('[role="tooltip"]');t&&t.removeAttribute('role')}}},syncDimensions:{name:'syncDimensions',enabled:!0,phase:'beforeWrite',requires:['computeStyles'],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement&&e.elements.reference instanceof HTMLElement){e.elements.popper.style.display='flex',e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`;const t=e.elements.popper.querySelector('[data-popper-dropdown]');t&&(e.elements.popper.style.height=`${t.offsetHeight}px`)}}},syncPlacement:{name:'syncPlacement',enabled:!0,phase:'afterWrite',requires:['computeStyles'],fn:({state:e})=>{b.current!==null&&b.current===e.placement||j((t=>({...t,top:e.placement==='bottom'?0:'auto',bottom:e.placement==='top'?0:'auto'}))),b.current=e.placement}}},component:()=>jsxRuntime.jsx(MenuComponent.MenuComponent,{...h,size:t,ref:y,"data-popper-dropdown":!0,style:{...R,position:'absolute'},children:x?jsxRuntime.jsx(DropdownMenuNoOptions.DropdownMenuNoOptions,{...w}):c})}):null:o?jsxRuntime.jsx(MenuComponent.MenuComponent,{...h,size:t,ref:y,style:{...R,position:'absolute',top:0,zIndex:M},children:x?jsxRuntime.jsx(DropdownMenuNoOptions.DropdownMenuNoOptions,{...w}):c}):null}),{sizes:sizes.SIZES_MENU,displayName:'DropdownMenu'});exports.DropdownMenu=DropdownMenu;
+'use strict';var React=require('react');var Floater=require('react-floater');var withMergedProps=require('../../hocs/withMergedProps.js');var DropdownMenuNoOptions=require('./DropdownMenuNoOptions.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var MenuComponent=require('../MenuComponent/MenuComponent.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Floater__default=_interopDefault(Floater);const DropdownMenu=withMergedProps.withMergedProps(e=>{const{size:t="fluid",open:o,loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:a,emptyIcon:l,emptyIconProps:i,empty:u,children:c,renderInPortal:d,popperReferenceId:m,expanseDirectionLeft:f,setRef:y,zIndex:M,...h}=e;const w={loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:a,emptyIcon:l,emptyIconProps:i};const x=u||n;const[g,D]=React.useState(null);const[R,j]=React.useState({});const b=React.useRef(null);return React.useLayoutEffect(()=>{let e=null;return d&&document.body?(e=document.createElement('div'),e.dataset.popperDropdownPortal='true',e.style.position='relative',document.body.appendChild(e),D(e)):D(null),()=>{e&&document.body&&document.body.contains(e)&&e.childElementCount===0&&e.remove()}},[d]),React.useLayoutEffect(()=>{j(e=>({...e,left:f?'auto':0,right:f?0:'auto'}))},[f]),d?g?jsxRuntime.jsx(Floater__default.default,{open:o,placement:"bottom",offset:8,hideArrow:!0,portalElement:g,target:`#${m}`,styles:{options:{zIndex:M},floater:{width:'100%',filter:'none',opacity:1,transitionDuration:'10ms'}},modifiers:{removeFloaterRoles:{name:'removeFloaterRoles',enabled:!0,phase:'beforeWrite',effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement){const t=e.elements.popper.querySelector('[role="tooltip"]');t&&t.removeAttribute('role')}}},syncDimensions:{name:'syncDimensions',enabled:!0,phase:'beforeWrite',requires:['computeStyles'],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement&&e.elements.reference instanceof HTMLElement){e.elements.popper.style.display='flex',e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`;const t=e.elements.popper.querySelector('[data-popper-dropdown]');t&&(e.elements.popper.style.height=`${t.offsetHeight}px`)}}},syncPlacement:{name:'syncPlacement',enabled:!0,phase:'afterWrite',requires:['computeStyles'],fn:({state:e})=>{b.current!==null&&b.current===e.placement||j(t=>({...t,top:e.placement==='bottom'?0:'auto',bottom:e.placement==='top'?0:'auto'})),b.current=e.placement}}},component:()=>jsxRuntime.jsx(MenuComponent.MenuComponent,{...h,size:t,ref:y,"data-popper-dropdown":!0,style:{...R,position:'absolute'},children:x?jsxRuntime.jsx(DropdownMenuNoOptions.DropdownMenuNoOptions,{...w}):c})}):null:o?jsxRuntime.jsx(MenuComponent.MenuComponent,{...h,size:t,ref:y,style:{...R,position:'absolute',top:0,zIndex:M},children:x?jsxRuntime.jsx(DropdownMenuNoOptions.DropdownMenuNoOptions,{...w}):c}):null},{sizes:sizes.SIZES_MENU,displayName:'DropdownMenu'});exports.DropdownMenu=DropdownMenu;
 //# sourceMappingURL=DropdownMenu.js.map

package/components/Dropdown/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { useState, useRef, useLayoutEffect } from 'react'\nimport Floater from 'react-floater'\nimport type { CSSProperties } from 'react'\nimport type { Placement } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { MenuComponent } from 'components/MenuComponent'\nimport type { Nullable } from 'shared/types'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES_MENU } from './sizes'\nimport type { DropdownMenuProps } from './types'\n\nconst COMPONENT_NAME = 'DropdownMenu'\n\nconst DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps> = withMergedProps<\n  DropdownMenuProps,\n  HTMLDivElement\n>(\n  (props) => {\n    const {\n      size = 'fluid',\n      open,\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n      empty,\n      children,\n      renderInPortal,\n      popperReferenceId,\n      expanseDirectionLeft,\n      setRef,\n      zIndex,\n      ...restProps\n    } = props\n\n    const noOptionsMenuProps = {\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n    }\n\n    const renderNoOptionsMenu = empty || loading\n\n    const [portal, setPortal] = useState<Nullable<HTMLElement>>(null)\n    const [offset, setOffset] = useState<Pick<CSSProperties, 'top' | 'right' | 'bottom' | 'left'>>({})\n\n    const placement = useRef<Nullable<Placement>>(null)\n\n    useLayoutEffect(() => {\n      let portalElement: Nullable<HTMLElement> = null\n\n      if (renderInPortal && document.body) {\n        portalElement = document.createElement('div')\n\n        portalElement.dataset.popperDropdownPortal = 'true'\n        portalElement.style.position = 'relative'\n\n        document.body.appendChild(portalElement)\n\n        setPortal(portalElement)\n      } else {\n        setPortal(null)\n      }\n\n      return () => {\n        if (\n          portalElement &&\n          document.body &&\n          document.body.contains(portalElement) &&\n          portalElement.childElementCount === 0\n        ) {\n          portalElement.remove()\n        }\n      }\n    }, [renderInPortal])\n\n    useLayoutEffect(() => {\n      setOffset((prev) => ({\n        ...prev,\n        left: expanseDirectionLeft ? 'auto' : 0,\n        right: expanseDirectionLeft ? 0 : 'auto',\n      }))\n    }, [expanseDirectionLeft])\n\n    if (renderInPortal) {\n      if (!portal) {\n        return null\n      }\n\n      return (\n        <Floater\n          open={open}\n          placement='bottom'\n          offset={8}\n          hideArrow\n          portalElement={portal}\n          target={`#${popperReferenceId}`}\n          styles={{\n            options: {\n              zIndex,\n            },\n            floater: {\n              width: '100%',\n              filter: 'none',\n              opacity: 1,\n              transitionDuration: '10ms',\n            },\n          }}\n          modifiers={{\n            // @ts-ignore\n            removeFloaterRoles: {\n              name: 'removeFloaterRoles',\n              enabled: true,\n              phase: 'beforeWrite',\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement) {\n                  const floaterElement = state.elements.popper.querySelector('[role=\"tooltip\"]')\n                  if (floaterElement) {\n                    floaterElement.removeAttribute('role')\n                  }\n                }\n              },\n            },\n            syncDimensions: {\n              name: 'syncDimensions',\n              enabled: true,\n              phase: 'beforeWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                state.styles.popper.width = `${state.rects.reference.width}px`\n              },\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement && state.elements.reference instanceof HTMLElement) {\n                  state.elements.popper.style.display = 'flex'\n                  state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`\n\n                  const menuElement = state.elements.popper.querySelector('[data-popper-dropdown]')\n                  if (menuElement) {\n                    state.elements.popper.style.height = `${menuElement.offsetHeight}px`\n                  }\n                }\n              },\n            },\n            // @ts-ignore\n            syncPlacement: {\n              name: 'syncPlacement',\n              enabled: true,\n              phase: 'afterWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                if (placement.current === null || placement.current !== state.placement) {\n                  setOffset((prev) => ({\n                    ...prev,\n                    top: state.placement === 'bottom' ? 0 : 'auto',\n                    bottom: state.placement === 'top' ? 0 : 'auto',\n                  }))\n                }\n\n                placement.current = state.placement\n              },\n            },\n          }}\n          component={() => (\n            <MenuComponent\n              {...restProps}\n              size={size}\n              ref={setRef}\n              data-popper-dropdown\n              style={{\n                ...offset,\n                position: 'absolute',\n              }}\n            >\n              {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n            </MenuComponent>\n          )}\n        />\n      )\n    }\n\n    if (!open) {\n      return null\n    }\n\n    return (\n      <MenuComponent\n        {...restProps}\n        size={size}\n        ref={setRef}\n        style={{\n          ...offset,\n          position: 'absolute',\n          top: 0,\n          zIndex,\n        }}\n      >\n        {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n      </MenuComponent>\n    )\n  },\n  {\n    sizes: SIZES_MENU,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DropdownMenu }\n"],"names":["DropdownMenu","withMergedProps","props","size","open","loading","loadingMessage","loadingIcon","loadingIconProps","emptyMessage","emptyIcon","emptyIconProps","empty","children","renderInPortal","popperReferenceId","expanseDirectionLeft","setRef","zIndex","restProps","noOptionsMenuProps","renderNoOptionsMenu","portal","setPortal","useState","offset","setOffset","placement","useRef","useLayoutEffect","portalElement","document","body","createElement","dataset","popperDropdownPortal","style","position","appendChild","contains","childElementCount","remove","prev","left","right","_jsx","Floater","hideArrow","target","styles","options","floater","width","filter","opacity","transitionDuration","modifiers","removeFloaterRoles","name","enabled","phase","effect","state","elements","popper","HTMLElement","floaterElement","querySelector","removeAttribute","syncDimensions","requires","fn","rects","reference","display","offsetWidth","menuElement","height","offsetHeight","syncPlacement","current","top","bottom","component","MenuComponent","ref","DropdownMenuNoOptions","sizes","SIZES_MENU","displayName"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { useState, useRef, useLayoutEffect } from 'react'\nimport Floater from 'react-floater'\nimport type { CSSProperties } from 'react'\nimport type { Placement } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { MenuComponent } from 'components/MenuComponent'\nimport type { Nullable } from 'shared/types'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES_MENU } from './sizes'\nimport type { DropdownMenuProps } from './types'\n\nconst COMPONENT_NAME = 'DropdownMenu'\n\nconst DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps> = withMergedProps<\n  DropdownMenuProps,\n  HTMLDivElement\n>(\n  (props) => {\n    const {\n      size = 'fluid',\n      open,\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n      empty,\n      children,\n      renderInPortal,\n      popperReferenceId,\n      expanseDirectionLeft,\n      setRef,\n      zIndex,\n      ...restProps\n    } = props\n\n    const noOptionsMenuProps = {\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n    }\n\n    const renderNoOptionsMenu = empty || loading\n\n    const [portal, setPortal] = useState<Nullable<HTMLElement>>(null)\n    const [offset, setOffset] = useState<Pick<CSSProperties, 'top' | 'right' | 'bottom' | 'left'>>({})\n\n    const placement = useRef<Nullable<Placement>>(null)\n\n    useLayoutEffect(() => {\n      let portalElement: Nullable<HTMLElement> = null\n\n      if (renderInPortal && document.body) {\n        portalElement = document.createElement('div')\n\n        portalElement.dataset.popperDropdownPortal = 'true'\n        portalElement.style.position = 'relative'\n\n        document.body.appendChild(portalElement)\n\n        setPortal(portalElement)\n      } else {\n        setPortal(null)\n      }\n\n      return () => {\n        if (\n          portalElement &&\n          document.body &&\n          document.body.contains(portalElement) &&\n          portalElement.childElementCount === 0\n        ) {\n          portalElement.remove()\n        }\n      }\n    }, [renderInPortal])\n\n    useLayoutEffect(() => {\n      setOffset((prev) => ({\n        ...prev,\n        left: expanseDirectionLeft ? 'auto' : 0,\n        right: expanseDirectionLeft ? 0 : 'auto',\n      }))\n    }, [expanseDirectionLeft])\n\n    if (renderInPortal) {\n      if (!portal) {\n        return null\n      }\n\n      return (\n        <Floater\n          open={open}\n          placement='bottom'\n          offset={8}\n          hideArrow\n          portalElement={portal}\n          target={`#${popperReferenceId}`}\n          styles={{\n            options: {\n              zIndex,\n            },\n            floater: {\n              width: '100%',\n              filter: 'none',\n              opacity: 1,\n              transitionDuration: '10ms',\n            },\n          }}\n          modifiers={{\n            // @ts-ignore\n            removeFloaterRoles: {\n              name: 'removeFloaterRoles',\n              enabled: true,\n              phase: 'beforeWrite',\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement) {\n                  const floaterElement = state.elements.popper.querySelector('[role=\"tooltip\"]')\n                  if (floaterElement) {\n                    floaterElement.removeAttribute('role')\n                  }\n                }\n              },\n            },\n            syncDimensions: {\n              name: 'syncDimensions',\n              enabled: true,\n              phase: 'beforeWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                state.styles.popper.width = `${state.rects.reference.width}px`\n              },\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement && state.elements.reference instanceof HTMLElement) {\n                  state.elements.popper.style.display = 'flex'\n                  state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`\n\n                  const menuElement = state.elements.popper.querySelector('[data-popper-dropdown]')\n                  if (menuElement) {\n                    state.elements.popper.style.height = `${menuElement.offsetHeight}px`\n                  }\n                }\n              },\n            },\n            // @ts-ignore\n            syncPlacement: {\n              name: 'syncPlacement',\n              enabled: true,\n              phase: 'afterWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                if (placement.current === null || placement.current !== state.placement) {\n                  setOffset((prev) => ({\n                    ...prev,\n                    top: state.placement === 'bottom' ? 0 : 'auto',\n                    bottom: state.placement === 'top' ? 0 : 'auto',\n                  }))\n                }\n\n                placement.current = state.placement\n              },\n            },\n          }}\n          component={() => (\n            <MenuComponent\n              {...restProps}\n              size={size}\n              ref={setRef}\n              data-popper-dropdown\n              style={{\n                ...offset,\n                position: 'absolute',\n              }}\n            >\n              {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n            </MenuComponent>\n          )}\n        />\n      )\n    }\n\n    if (!open) {\n      return null\n    }\n\n    return (\n      <MenuComponent\n        {...restProps}\n        size={size}\n        ref={setRef}\n        style={{\n          ...offset,\n          position: 'absolute',\n          top: 0,\n          zIndex,\n        }}\n      >\n        {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n      </MenuComponent>\n    )\n  },\n  {\n    sizes: SIZES_MENU,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DropdownMenu }\n"],"names":["DropdownMenu","withMergedProps","props","size","open","loading","loadingMessage","loadingIcon","loadingIconProps","emptyMessage","emptyIcon","emptyIconProps","empty","children","renderInPortal","popperReferenceId","expanseDirectionLeft","setRef","zIndex","restProps","noOptionsMenuProps","renderNoOptionsMenu","portal","setPortal","useState","offset","setOffset","placement","useRef","useLayoutEffect","portalElement","document","body","createElement","dataset","popperDropdownPortal","style","position","appendChild","contains","childElementCount","remove","prev","left","right","_jsx","Floater","hideArrow","target","styles","options","floater","width","filter","opacity","transitionDuration","modifiers","removeFloaterRoles","name","enabled","phase","effect","state","elements","popper","HTMLElement","floaterElement","querySelector","removeAttribute","syncDimensions","requires","fn","rects","reference","display","offsetWidth","menuElement","height","offsetHeight","syncPlacement","current","top","bottom","component","MenuComponent","ref","DropdownMenuNoOptions","sizes","SIZES_MENU","displayName"],"mappings":"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"}

package/components/Dropdown/DropdownMenu.mjs

@@ -1,2 +1,2 @@
-import{useState,useRef,useLayoutEffect}from'react';import Floater from'react-floater';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{DropdownMenuNoOptions}from'./DropdownMenuNoOptions.mjs';import{SIZES_MENU}from'./sizes.mjs';import{jsx}from'react/jsx-runtime';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';const DropdownMenu=withMergedProps((e=>{const{size:t="fluid",open:o,loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:l,emptyIcon:i,emptyIconProps:a,empty:m,children:c,renderInPortal:d,popperReferenceId:u,expanseDirectionLeft:f,setRef:y,zIndex:M,...h}=e;const g={loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:l,emptyIcon:i,emptyIconProps:a};const w=m||n;const[x,b]=useState(null);const[I,E]=useState({});const D=useRef(null);return useLayoutEffect((()=>{let e=null;return d&&document.body?(e=document.createElement('div'),e.dataset.popperDropdownPortal='true',e.style.position='relative',document.body.appendChild(e),b(e)):b(null),()=>{e&&document.body&&document.body.contains(e)&&e.childElementCount===0&&e.remove()}}),[d]),useLayoutEffect((()=>{E((e=>({...e,left:f?'auto':0,right:f?0:'auto'})))}),[f]),d?x?jsx(Floater,{open:o,placement:"bottom",offset:8,hideArrow:!0,portalElement:x,target:`#${u}`,styles:{options:{zIndex:M},floater:{width:'100%',filter:'none',opacity:1,transitionDuration:'10ms'}},modifiers:{removeFloaterRoles:{name:'removeFloaterRoles',enabled:!0,phase:'beforeWrite',effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement){const t=e.elements.popper.querySelector('[role="tooltip"]');t&&t.removeAttribute('role')}}},syncDimensions:{name:'syncDimensions',enabled:!0,phase:'beforeWrite',requires:['computeStyles'],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement&&e.elements.reference instanceof HTMLElement){e.elements.popper.style.display='flex',e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`;const t=e.elements.popper.querySelector('[data-popper-dropdown]');t&&(e.elements.popper.style.height=`${t.offsetHeight}px`)}}},syncPlacement:{name:'syncPlacement',enabled:!0,phase:'afterWrite',requires:['computeStyles'],fn:({state:e})=>{D.current!==null&&D.current===e.placement||E((t=>({...t,top:e.placement==='bottom'?0:'auto',bottom:e.placement==='top'?0:'auto'}))),D.current=e.placement}}},component:()=>jsx(MenuComponent,{...h,size:t,ref:y,"data-popper-dropdown":!0,style:{...I,position:'absolute'},children:w?jsx(DropdownMenuNoOptions,{...g}):c})}):null:o?jsx(MenuComponent,{...h,size:t,ref:y,style:{...I,position:'absolute',top:0,zIndex:M},children:w?jsx(DropdownMenuNoOptions,{...g}):c}):null}),{sizes:SIZES_MENU,displayName:'DropdownMenu'});export{DropdownMenu};
+import{useState,useRef,useLayoutEffect}from'react';import Floater from'react-floater';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{DropdownMenuNoOptions}from'./DropdownMenuNoOptions.mjs';import{SIZES_MENU}from'./sizes.mjs';import{jsx}from'react/jsx-runtime';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';const DropdownMenu=withMergedProps(e=>{const{size:t="fluid",open:o,loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:l,emptyIcon:i,emptyIconProps:a,empty:m,children:c,renderInPortal:d,popperReferenceId:u,expanseDirectionLeft:f,setRef:y,zIndex:M,...h}=e;const g={loading:n,loadingMessage:r,loadingIcon:s,loadingIconProps:p,emptyMessage:l,emptyIcon:i,emptyIconProps:a};const w=m||n;const[x,b]=useState(null);const[I,E]=useState({});const D=useRef(null);return useLayoutEffect(()=>{let e=null;return d&&document.body?(e=document.createElement('div'),e.dataset.popperDropdownPortal='true',e.style.position='relative',document.body.appendChild(e),b(e)):b(null),()=>{e&&document.body&&document.body.contains(e)&&e.childElementCount===0&&e.remove()}},[d]),useLayoutEffect(()=>{E(e=>({...e,left:f?'auto':0,right:f?0:'auto'}))},[f]),d?x?jsx(Floater,{open:o,placement:"bottom",offset:8,hideArrow:!0,portalElement:x,target:`#${u}`,styles:{options:{zIndex:M},floater:{width:'100%',filter:'none',opacity:1,transitionDuration:'10ms'}},modifiers:{removeFloaterRoles:{name:'removeFloaterRoles',enabled:!0,phase:'beforeWrite',effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement){const t=e.elements.popper.querySelector('[role="tooltip"]');t&&t.removeAttribute('role')}}},syncDimensions:{name:'syncDimensions',enabled:!0,phase:'beforeWrite',requires:['computeStyles'],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{if(e.elements.popper instanceof HTMLElement&&e.elements.reference instanceof HTMLElement){e.elements.popper.style.display='flex',e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`;const t=e.elements.popper.querySelector('[data-popper-dropdown]');t&&(e.elements.popper.style.height=`${t.offsetHeight}px`)}}},syncPlacement:{name:'syncPlacement',enabled:!0,phase:'afterWrite',requires:['computeStyles'],fn:({state:e})=>{D.current!==null&&D.current===e.placement||E(t=>({...t,top:e.placement==='bottom'?0:'auto',bottom:e.placement==='top'?0:'auto'})),D.current=e.placement}}},component:()=>jsx(MenuComponent,{...h,size:t,ref:y,"data-popper-dropdown":!0,style:{...I,position:'absolute'},children:w?jsx(DropdownMenuNoOptions,{...g}):c})}):null:o?jsx(MenuComponent,{...h,size:t,ref:y,style:{...I,position:'absolute',top:0,zIndex:M},children:w?jsx(DropdownMenuNoOptions,{...g}):c}):null},{sizes:SIZES_MENU,displayName:'DropdownMenu'});export{DropdownMenu};
 //# sourceMappingURL=DropdownMenu.mjs.map

package/components/Dropdown/DropdownMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.mjs","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { useState, useRef, useLayoutEffect } from 'react'\nimport Floater from 'react-floater'\nimport type { CSSProperties } from 'react'\nimport type { Placement } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { MenuComponent } from 'components/MenuComponent'\nimport type { Nullable } from 'shared/types'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES_MENU } from './sizes'\nimport type { DropdownMenuProps } from './types'\n\nconst COMPONENT_NAME = 'DropdownMenu'\n\nconst DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps> = withMergedProps<\n  DropdownMenuProps,\n  HTMLDivElement\n>(\n  (props) => {\n    const {\n      size = 'fluid',\n      open,\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n      empty,\n      children,\n      renderInPortal,\n      popperReferenceId,\n      expanseDirectionLeft,\n      setRef,\n      zIndex,\n      ...restProps\n    } = props\n\n    const noOptionsMenuProps = {\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n    }\n\n    const renderNoOptionsMenu = empty || loading\n\n    const [portal, setPortal] = useState<Nullable<HTMLElement>>(null)\n    const [offset, setOffset] = useState<Pick<CSSProperties, 'top' | 'right' | 'bottom' | 'left'>>({})\n\n    const placement = useRef<Nullable<Placement>>(null)\n\n    useLayoutEffect(() => {\n      let portalElement: Nullable<HTMLElement> = null\n\n      if (renderInPortal && document.body) {\n        portalElement = document.createElement('div')\n\n        portalElement.dataset.popperDropdownPortal = 'true'\n        portalElement.style.position = 'relative'\n\n        document.body.appendChild(portalElement)\n\n        setPortal(portalElement)\n      } else {\n        setPortal(null)\n      }\n\n      return () => {\n        if (\n          portalElement &&\n          document.body &&\n          document.body.contains(portalElement) &&\n          portalElement.childElementCount === 0\n        ) {\n          portalElement.remove()\n        }\n      }\n    }, [renderInPortal])\n\n    useLayoutEffect(() => {\n      setOffset((prev) => ({\n        ...prev,\n        left: expanseDirectionLeft ? 'auto' : 0,\n        right: expanseDirectionLeft ? 0 : 'auto',\n      }))\n    }, [expanseDirectionLeft])\n\n    if (renderInPortal) {\n      if (!portal) {\n        return null\n      }\n\n      return (\n        <Floater\n          open={open}\n          placement='bottom'\n          offset={8}\n          hideArrow\n          portalElement={portal}\n          target={`#${popperReferenceId}`}\n          styles={{\n            options: {\n              zIndex,\n            },\n            floater: {\n              width: '100%',\n              filter: 'none',\n              opacity: 1,\n              transitionDuration: '10ms',\n            },\n          }}\n          modifiers={{\n            // @ts-ignore\n            removeFloaterRoles: {\n              name: 'removeFloaterRoles',\n              enabled: true,\n              phase: 'beforeWrite',\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement) {\n                  const floaterElement = state.elements.popper.querySelector('[role=\"tooltip\"]')\n                  if (floaterElement) {\n                    floaterElement.removeAttribute('role')\n                  }\n                }\n              },\n            },\n            syncDimensions: {\n              name: 'syncDimensions',\n              enabled: true,\n              phase: 'beforeWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                state.styles.popper.width = `${state.rects.reference.width}px`\n              },\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement && state.elements.reference instanceof HTMLElement) {\n                  state.elements.popper.style.display = 'flex'\n                  state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`\n\n                  const menuElement = state.elements.popper.querySelector('[data-popper-dropdown]')\n                  if (menuElement) {\n                    state.elements.popper.style.height = `${menuElement.offsetHeight}px`\n                  }\n                }\n              },\n            },\n            // @ts-ignore\n            syncPlacement: {\n              name: 'syncPlacement',\n              enabled: true,\n              phase: 'afterWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                if (placement.current === null || placement.current !== state.placement) {\n                  setOffset((prev) => ({\n                    ...prev,\n                    top: state.placement === 'bottom' ? 0 : 'auto',\n                    bottom: state.placement === 'top' ? 0 : 'auto',\n                  }))\n                }\n\n                placement.current = state.placement\n              },\n            },\n          }}\n          component={() => (\n            <MenuComponent\n              {...restProps}\n              size={size}\n              ref={setRef}\n              data-popper-dropdown\n              style={{\n                ...offset,\n                position: 'absolute',\n              }}\n            >\n              {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n            </MenuComponent>\n          )}\n        />\n      )\n    }\n\n    if (!open) {\n      return null\n    }\n\n    return (\n      <MenuComponent\n        {...restProps}\n        size={size}\n        ref={setRef}\n        style={{\n          ...offset,\n          position: 'absolute',\n          top: 0,\n          zIndex,\n        }}\n      >\n        {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n      </MenuComponent>\n    )\n  },\n  {\n    sizes: SIZES_MENU,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DropdownMenu }\n"],"names":["DropdownMenu","withMergedProps","props","size","open","loading","loadingMessage","loadingIcon","loadingIconProps","emptyMessage","emptyIcon","emptyIconProps","empty","children","renderInPortal","popperReferenceId","expanseDirectionLeft","setRef","zIndex","restProps","noOptionsMenuProps","renderNoOptionsMenu","portal","setPortal","useState","offset","setOffset","placement","useRef","useLayoutEffect","portalElement","document","body","createElement","dataset","popperDropdownPortal","style","position","appendChild","contains","childElementCount","remove","prev","left","right","_jsx","Floater","hideArrow","target","styles","options","floater","width","filter","opacity","transitionDuration","modifiers","removeFloaterRoles","name","enabled","phase","effect","state","elements","popper","HTMLElement","floaterElement","querySelector","removeAttribute","syncDimensions","requires","fn","rects","reference","display","offsetWidth","menuElement","height","offsetHeight","syncPlacement","current","top","bottom","component","MenuComponent","ref","DropdownMenuNoOptions","sizes","SIZES_MENU","displayName"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.mjs","sources":["../../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\nimport { useState, useRef, useLayoutEffect } from 'react'\nimport Floater from 'react-floater'\nimport type { CSSProperties } from 'react'\nimport type { Placement } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { MenuComponent } from 'components/MenuComponent'\nimport type { Nullable } from 'shared/types'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES_MENU } from './sizes'\nimport type { DropdownMenuProps } from './types'\n\nconst COMPONENT_NAME = 'DropdownMenu'\n\nconst DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps> = withMergedProps<\n  DropdownMenuProps,\n  HTMLDivElement\n>(\n  (props) => {\n    const {\n      size = 'fluid',\n      open,\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n      empty,\n      children,\n      renderInPortal,\n      popperReferenceId,\n      expanseDirectionLeft,\n      setRef,\n      zIndex,\n      ...restProps\n    } = props\n\n    const noOptionsMenuProps = {\n      loading,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      emptyMessage,\n      emptyIcon,\n      emptyIconProps,\n    }\n\n    const renderNoOptionsMenu = empty || loading\n\n    const [portal, setPortal] = useState<Nullable<HTMLElement>>(null)\n    const [offset, setOffset] = useState<Pick<CSSProperties, 'top' | 'right' | 'bottom' | 'left'>>({})\n\n    const placement = useRef<Nullable<Placement>>(null)\n\n    useLayoutEffect(() => {\n      let portalElement: Nullable<HTMLElement> = null\n\n      if (renderInPortal && document.body) {\n        portalElement = document.createElement('div')\n\n        portalElement.dataset.popperDropdownPortal = 'true'\n        portalElement.style.position = 'relative'\n\n        document.body.appendChild(portalElement)\n\n        setPortal(portalElement)\n      } else {\n        setPortal(null)\n      }\n\n      return () => {\n        if (\n          portalElement &&\n          document.body &&\n          document.body.contains(portalElement) &&\n          portalElement.childElementCount === 0\n        ) {\n          portalElement.remove()\n        }\n      }\n    }, [renderInPortal])\n\n    useLayoutEffect(() => {\n      setOffset((prev) => ({\n        ...prev,\n        left: expanseDirectionLeft ? 'auto' : 0,\n        right: expanseDirectionLeft ? 0 : 'auto',\n      }))\n    }, [expanseDirectionLeft])\n\n    if (renderInPortal) {\n      if (!portal) {\n        return null\n      }\n\n      return (\n        <Floater\n          open={open}\n          placement='bottom'\n          offset={8}\n          hideArrow\n          portalElement={portal}\n          target={`#${popperReferenceId}`}\n          styles={{\n            options: {\n              zIndex,\n            },\n            floater: {\n              width: '100%',\n              filter: 'none',\n              opacity: 1,\n              transitionDuration: '10ms',\n            },\n          }}\n          modifiers={{\n            // @ts-ignore\n            removeFloaterRoles: {\n              name: 'removeFloaterRoles',\n              enabled: true,\n              phase: 'beforeWrite',\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement) {\n                  const floaterElement = state.elements.popper.querySelector('[role=\"tooltip\"]')\n                  if (floaterElement) {\n                    floaterElement.removeAttribute('role')\n                  }\n                }\n              },\n            },\n            syncDimensions: {\n              name: 'syncDimensions',\n              enabled: true,\n              phase: 'beforeWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                state.styles.popper.width = `${state.rects.reference.width}px`\n              },\n              // @ts-ignore\n              effect: ({ state }) => {\n                if (state.elements.popper instanceof HTMLElement && state.elements.reference instanceof HTMLElement) {\n                  state.elements.popper.style.display = 'flex'\n                  state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`\n\n                  const menuElement = state.elements.popper.querySelector('[data-popper-dropdown]')\n                  if (menuElement) {\n                    state.elements.popper.style.height = `${menuElement.offsetHeight}px`\n                  }\n                }\n              },\n            },\n            // @ts-ignore\n            syncPlacement: {\n              name: 'syncPlacement',\n              enabled: true,\n              phase: 'afterWrite',\n              requires: ['computeStyles'],\n              // @ts-ignore\n              fn: ({ state }) => {\n                if (placement.current === null || placement.current !== state.placement) {\n                  setOffset((prev) => ({\n                    ...prev,\n                    top: state.placement === 'bottom' ? 0 : 'auto',\n                    bottom: state.placement === 'top' ? 0 : 'auto',\n                  }))\n                }\n\n                placement.current = state.placement\n              },\n            },\n          }}\n          component={() => (\n            <MenuComponent\n              {...restProps}\n              size={size}\n              ref={setRef}\n              data-popper-dropdown\n              style={{\n                ...offset,\n                position: 'absolute',\n              }}\n            >\n              {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n            </MenuComponent>\n          )}\n        />\n      )\n    }\n\n    if (!open) {\n      return null\n    }\n\n    return (\n      <MenuComponent\n        {...restProps}\n        size={size}\n        ref={setRef}\n        style={{\n          ...offset,\n          position: 'absolute',\n          top: 0,\n          zIndex,\n        }}\n      >\n        {renderNoOptionsMenu ? <DropdownMenuNoOptions {...noOptionsMenuProps} /> : children}\n      </MenuComponent>\n    )\n  },\n  {\n    sizes: SIZES_MENU,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { DropdownMenu }\n"],"names":["DropdownMenu","withMergedProps","props","size","open","loading","loadingMessage","loadingIcon","loadingIconProps","emptyMessage","emptyIcon","emptyIconProps","empty","children","renderInPortal","popperReferenceId","expanseDirectionLeft","setRef","zIndex","restProps","noOptionsMenuProps","renderNoOptionsMenu","portal","setPortal","useState","offset","setOffset","placement","useRef","useLayoutEffect","portalElement","document","body","createElement","dataset","popperDropdownPortal","style","position","appendChild","contains","childElementCount","remove","prev","left","right","_jsx","Floater","hideArrow","target","styles","options","floater","width","filter","opacity","transitionDuration","modifiers","removeFloaterRoles","name","enabled","phase","effect","state","elements","popper","HTMLElement","floaterElement","querySelector","removeAttribute","syncDimensions","requires","fn","rects","reference","display","offsetWidth","menuElement","height","offsetHeight","syncPlacement","current","top","bottom","component","MenuComponent","ref","DropdownMenuNoOptions","sizes","SIZES_MENU","displayName"],"mappings":"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"}

package/components/Dropdown/DropdownMenuMultiple.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var sizes=require('./sizes.js');var utils=require('./utils.js');var renderDropdownOptionsList=require('./renderDropdownOptionsList.js');var jsxRuntime=require('react/jsx-runtime');var MenuList=require('../MenuList/MenuList.js');var ListItem=require('../ListItem/ListItem.js');var InputCheckbox=require('../InputCheckbox/InputCheckbox.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');exports.DropdownMenuMultiple=React.forwardRef(((e,t)=>{const{name:n,readOnly:r,label:i,disabled:s,status:o,menuListId:u,inputLabelId:l,inputRef:a,menuOptions:d,dropdownSelectedOption:p,inputText:c,optionsMultiToggle:m,optionsMultiToggleCaption:g,groupSelectedOptions:O,onChange:h,...x}=e;const v=React.useMemo((()=>utils.groupDropdownOptions(d,p)),[d,p]);const b=v[0].length>0&&v[1].length===0;const D=v[0].length>0&&v[1].length>0;const j={...x,readOnly:r,disabled:s,multiple:!0,dropdownSelectedOption:p};return jsxRuntime.jsx(MenuList.MenuList,{ref:t,id:u,role:"listbox","aria-labelledby":i?l:void 0,"aria-multiselectable":!0,children:c.length===0?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[m?jsxRuntime.jsx(ListItem.ListItem,{...x,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},text:g,disabled:s,onClick:e=>{e.stopPropagation()},control:jsxRuntime.jsx(InputCheckbox.InputCheckbox,{sizes:sizes.SIZES_CHECKBOX,form:"none",name:n,checked:b,indeterminate:D,error:Boolean((b||D)&&o==='error'),success:Boolean((b||D)&&o==='success'),onChange:()=>{if(r)return;const e=b||D?p.filter((e=>e.disabled)):d.reduce(((e,t)=>((utils.isDropdownOptionGroup(t)?t.options:[t]).forEach((t=>!t.disabled&&e.push(t))),e)),[]);h(e)}})}):null,(()=>{if(!m)return!1;const e=v[1]?.[0];return v[1].length===0?!!O||!(utils.isDropdownOptionGroup(d[0])&&d[0].label):!utils.isDropdownOptionGroup(e)||!e.label||Boolean(O&&v[0].length>0)})()?jsxRuntime.jsx(MenuDivider.MenuDivider,{...x}):null,O?renderDropdownOptionsList.renderDropdownOptionsList({...j,status:o,statusVisibility:'always',menuOptions:v[0],forceSelected:!0,onClick:()=>{a.current?.focus()},onChange:e=>{const t=p.filter((t=>t.value!==e.currentTarget.value));h(t)}}):null,(()=>{if(!O)return!1;if(v[0].length===0||v[1].length===0)return!1;const e=v[1][0];return!utils.isDropdownOptionGroup(e)||!e.label})()?jsxRuntime.jsx(MenuDivider.MenuDivider,{...x}):null,O?renderDropdownOptionsList.renderDropdownOptionsList({...j,statusVisibility:'never',forceSelected:!1,menuOptions:v[1],onClick:()=>{a.current?.focus()},onChange:(e,t)=>{const n=[...p,t];h(n)}}):null,!O&&renderDropdownOptionsList.renderDropdownOptionsList({...j,status:o,menuOptions:d,onChange:(e,t,n)=>{const r=n?p.filter((t=>t.value!==e.currentTarget.value)):[...p,t];h(r)}})]}):renderDropdownOptionsList.renderDropdownOptionsList({...j,status:o,menuOptions:d,onChange:(e,t,n)=>{const r=n?p.filter((t=>t.value!==e.currentTarget.value)):[...p,t];h(r)}})})}));
+'use strict';var React=require('react');var sizes=require('./sizes.js');var utils=require('./utils.js');var renderDropdownOptionsList=require('./renderDropdownOptionsList.js');var jsxRuntime=require('react/jsx-runtime');var MenuList=require('../MenuList/MenuList.js');var ListItem=require('../ListItem/ListItem.js');var InputCheckbox=require('../InputCheckbox/InputCheckbox.js');var Text=require('../Text/Text.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');exports.DropdownMenuMultiple=React.forwardRef((e,n)=>{const{name:t,readOnly:i,label:s,disabled:r,status:o,menuListId:u,inputLabelId:l,inputRef:d,menuOptions:a,dropdownSelectedOption:p,inputText:c,optionsMultiToggle:x,optionsMultiToggleCaption:m,groupSelectedOptions:O,onChange:L,renderOption:g,size:h,sizeXXS:b,sizeXS:j,sizeS:v,sizeM:D,sizeL:w,sizeXL:z}=e;const f={size:h,sizeXXS:b,sizeXS:j,sizeS:v,sizeM:D,sizeL:w,sizeXL:z};const M=React.useMemo(()=>utils.groupDropdownOptions(a,p),[a,p]);const C=M[0].length>0&&M[1].length===0;const R=M[0].length>0&&M[1].length>0;const S={...f,readOnly:i,disabled:r,multiple:!0,dropdownSelectedOption:p,renderOption:g};return jsxRuntime.jsx(MenuList.MenuList,{ref:n,id:u,role:"listbox","aria-labelledby":s?l:void 0,"aria-multiselectable":!0,children:c.length===0?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[x?jsxRuntime.jsx(ListItem.ListItem,{...f,component:"label",borderRadius:8,text:e=>jsxRuntime.jsx(Text.Text,{...e,sizes:sizes.SIZES_TEXT,ellipsis:!1,wordBreak:"break-word",children:m}),disabled:r,onClick:e=>{e.stopPropagation()},addonLeft:jsxRuntime.jsx(InputCheckbox.InputCheckbox,{...f,sizes:sizes.SIZES_CHECKBOX,form:"none",name:t,checked:C,indeterminate:R,error:Boolean((C||R)&&o==='error'),success:Boolean((C||R)&&o==='success'),disabled:r,onChange:()=>{if(i)return;const e=C||R?p.filter(e=>e.disabled):a.reduce((e,n)=>((utils.isDropdownOptionGroup(n)?n.options:[n]).forEach(n=>!n.disabled&&e.push(n)),e),[]);L(e)}})}):null,(()=>{if(!x)return!1;const e=M[1]?.[0];return M[1].length===0?!!O||!(utils.isDropdownOptionGroup(a[0])&&a[0].label):!utils.isDropdownOptionGroup(e)||!e.label||Boolean(O&&M[0].length>0)})()?jsxRuntime.jsx(MenuDivider.MenuDivider,{...f}):null,O?renderDropdownOptionsList.renderDropdownOptionsList({...S,status:o,statusVisibility:'always',menuOptions:M[0],forceSelected:!0,onClick:()=>{d.current?.focus()},onChange:e=>{const n=p.filter(n=>n.value!==e.currentTarget.value);L(n)}}):null,(()=>{if(!O)return!1;if(M[0].length===0||M[1].length===0)return!1;const e=M[1][0];return!utils.isDropdownOptionGroup(e)||!e.label})()?jsxRuntime.jsx(MenuDivider.MenuDivider,{...f}):null,O?renderDropdownOptionsList.renderDropdownOptionsList({...S,statusVisibility:'never',forceSelected:!1,menuOptions:M[1],onClick:()=>{d.current?.focus()},onChange:(e,n)=>{const t=[...p,n];L(t)}}):null,!O&&renderDropdownOptionsList.renderDropdownOptionsList({...S,status:o,menuOptions:a,onChange:(e,n,t)=>{const i=t?p.filter(n=>n.value!==e.currentTarget.value):[...p,n];L(i)}})]}):renderDropdownOptionsList.renderDropdownOptionsList({...S,status:o,menuOptions:a,onChange:(e,n,t)=>{const i=t?p.filter(n=>n.value!==e.currentTarget.value):[...p,n];L(i)}})})});
 //# sourceMappingURL=DropdownMenuMultiple.js.map

package/components/Dropdown/DropdownMenuMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuMultiple.js","sources":["../../../../src/components/Dropdown/DropdownMenuMultiple.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { SIZES_CHECKBOX } from './sizes'\nimport type { DropdownMenuMultipleProps, DropdownOption } from './types'\nimport { groupDropdownOptions, isDropdownOptionGroup } from './utils'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nexport const DropdownMenuMultiple = forwardRef<HTMLUListElement, DropdownMenuMultipleProps>((props, ref) => {\n  const {\n    name,\n    readOnly,\n    label,\n    disabled,\n    status,\n    menuListId,\n    inputLabelId,\n    inputRef,\n    menuOptions,\n    dropdownSelectedOption,\n    inputText,\n    optionsMultiToggle,\n    optionsMultiToggleCaption,\n    groupSelectedOptions,\n    onChange,\n    ...sizeProps\n  } = props\n\n  const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = useMemo(\n    () => groupDropdownOptions(menuOptions, dropdownSelectedOption),\n    [menuOptions, dropdownSelectedOption]\n  )\n\n  const multiToggleChecked = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length === 0\n  const multiToggleIndeterminate = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0\n\n  const commonProps = {\n    ...sizeProps,\n    readOnly,\n    disabled,\n    multiple: true,\n    dropdownSelectedOption,\n  }\n\n  const showFirstDivider = () => {\n    if (!optionsMultiToggle) {\n      return false\n    }\n\n    const firstGroup = menuOptionsGroups[1]?.[0]\n\n    if (menuOptionsGroups[1].length === 0) {\n      if (groupSelectedOptions) {\n        return true\n      }\n\n      return !(isDropdownOptionGroup(menuOptions[0]) && menuOptions[0].label)\n    }\n\n    if (!isDropdownOptionGroup(firstGroup)) {\n      return true\n    }\n\n    if (!firstGroup.label) {\n      return true\n    }\n\n    return Boolean(groupSelectedOptions && menuOptionsGroups[0].length > 0)\n  }\n\n  const showSecondDivider = () => {\n    if (!groupSelectedOptions) {\n      return false\n    }\n\n    if (menuOptionsGroups[0].length === 0 || menuOptionsGroups[1].length === 0) {\n      return false\n    }\n\n    const firstOption = menuOptionsGroups[1][0]\n\n    if (!isDropdownOptionGroup(firstOption)) {\n      return true\n    }\n\n    if (!firstOption.label) {\n      return true\n    }\n\n    return false\n  }\n\n  return (\n    <MenuList\n      ref={ref}\n      id={menuListId}\n      role='listbox'\n      aria-labelledby={label ? inputLabelId : undefined}\n      aria-multiselectable\n    >\n      {inputText.length === 0 ? (\n        <>\n          {optionsMultiToggle ? (\n            <ListItem\n              {...sizeProps}\n              borderRadius={8}\n              ellipsis={false}\n              textProps={{ wordBreak: 'break-word' }}\n              text={optionsMultiToggleCaption}\n              disabled={disabled}\n              onClick={(evt) => {\n                evt.stopPropagation()\n              }}\n              control={\n                <InputCheckbox\n                  sizes={SIZES_CHECKBOX}\n                  form='none'\n                  name={name}\n                  checked={multiToggleChecked}\n                  indeterminate={multiToggleIndeterminate}\n                  error={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'error')}\n                  success={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'success')}\n                  onChange={() => {\n                    if (readOnly) {\n                      return\n                    }\n\n                    const update: DropdownOption[] =\n                      multiToggleChecked || multiToggleIndeterminate\n                        ? dropdownSelectedOption.filter((selectedOption) => selectedOption.disabled)\n                        : menuOptions.reduce<DropdownOption[]>((acc, option) => {\n                            const allOptions = isDropdownOptionGroup(option) ? option.options : [option]\n                            allOptions.forEach((opt) => !opt.disabled && acc.push(opt))\n\n                            return acc\n                          }, [])\n\n                    onChange(update)\n                  }}\n                />\n              }\n            />\n          ) : null}\n\n          {showFirstDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                status,\n                statusVisibility: 'always',\n                menuOptions: menuOptionsGroups[0],\n                forceSelected: true,\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (evt) => {\n                  const update = dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {showSecondDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                statusVisibility: 'never',\n                forceSelected: false,\n                menuOptions: menuOptionsGroups[1],\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (_, option) => {\n                  const update = [...dropdownSelectedOption, option]\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {!groupSelectedOptions &&\n            renderDropdownOptionsList({\n              ...commonProps,\n              status,\n              menuOptions,\n              onChange: (evt, option, selected) => {\n                const update = selected\n                  ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  : [...dropdownSelectedOption, option]\n                onChange(update)\n              },\n            })}\n        </>\n      ) : (\n        renderDropdownOptionsList({\n          ...commonProps,\n          status,\n          menuOptions,\n          onChange: (evt, option, selected) => {\n            const update = selected\n              ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n              : [...dropdownSelectedOption, option]\n            onChange(update)\n          },\n        })\n      )}\n    </MenuList>\n  )\n})\n"],"names":["forwardRef","props","ref","name","readOnly","label","disabled","status","menuListId","inputLabelId","inputRef","menuOptions","dropdownSelectedOption","inputText","optionsMultiToggle","optionsMultiToggleCaption","groupSelectedOptions","onChange","sizeProps","menuOptionsGroups","useMemo","groupDropdownOptions","multiToggleChecked","length","multiToggleIndeterminate","commonProps","multiple","_jsx","MenuList","id","role","undefined","children","_jsxs","_Fragment","ListItem","borderRadius","ellipsis","textProps","wordBreak","text","onClick","evt","stopPropagation","control","InputCheckbox","sizes","SIZES_CHECKBOX","form","checked","indeterminate","error","Boolean","success","update","filter","selectedOption","reduce","acc","option","isDropdownOptionGroup","options","forEach","opt","push","showFirstDivider","firstGroup","MenuDivider","renderDropdownOptionsList","statusVisibility","forceSelected","current","focus","item","value","currentTarget","showSecondDivider","firstOption","_","selected"],"mappings":"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"}
+{"version":3,"file":"DropdownMenuMultiple.js","sources":["../../../../src/components/Dropdown/DropdownMenuMultiple.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { Text } from 'components/Text'\nimport { SIZES_CHECKBOX, SIZES_TEXT } from './sizes'\nimport type { DropdownMenuMultipleProps, DropdownOption } from './types'\nimport { groupDropdownOptions, isDropdownOptionGroup } from './utils'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nexport const DropdownMenuMultiple = forwardRef<HTMLUListElement, DropdownMenuMultipleProps>((props, ref) => {\n  const {\n    name,\n    readOnly,\n    label,\n    disabled,\n    status,\n    menuListId,\n    inputLabelId,\n    inputRef,\n    menuOptions,\n    dropdownSelectedOption,\n    inputText,\n    optionsMultiToggle,\n    optionsMultiToggleCaption,\n    groupSelectedOptions,\n    onChange,\n    renderOption,\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  } = props\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = useMemo(\n    () => groupDropdownOptions(menuOptions, dropdownSelectedOption),\n    [menuOptions, dropdownSelectedOption]\n  )\n\n  const multiToggleChecked = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length === 0\n  const multiToggleIndeterminate = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0\n\n  const commonProps = {\n    ...sizeProps,\n    readOnly,\n    disabled,\n    multiple: true,\n    dropdownSelectedOption,\n    renderOption,\n  }\n\n  const showFirstDivider = () => {\n    if (!optionsMultiToggle) {\n      return false\n    }\n\n    const firstGroup = menuOptionsGroups[1]?.[0]\n\n    if (menuOptionsGroups[1].length === 0) {\n      if (groupSelectedOptions) {\n        return true\n      }\n\n      return !(isDropdownOptionGroup(menuOptions[0]) && menuOptions[0].label)\n    }\n\n    if (!isDropdownOptionGroup(firstGroup)) {\n      return true\n    }\n\n    if (!firstGroup.label) {\n      return true\n    }\n\n    return Boolean(groupSelectedOptions && menuOptionsGroups[0].length > 0)\n  }\n\n  const showSecondDivider = () => {\n    if (!groupSelectedOptions) {\n      return false\n    }\n\n    if (menuOptionsGroups[0].length === 0 || menuOptionsGroups[1].length === 0) {\n      return false\n    }\n\n    const firstOption = menuOptionsGroups[1][0]\n\n    if (!isDropdownOptionGroup(firstOption)) {\n      return true\n    }\n\n    if (!firstOption.label) {\n      return true\n    }\n\n    return false\n  }\n\n  return (\n    <MenuList\n      ref={ref}\n      id={menuListId}\n      role='listbox'\n      aria-labelledby={label ? inputLabelId : undefined}\n      aria-multiselectable\n    >\n      {inputText.length === 0 ? (\n        <>\n          {optionsMultiToggle ? (\n            <ListItem\n              {...sizeProps}\n              component='label'\n              borderRadius={8}\n              text={(textProps) => (\n                <Text {...textProps} sizes={SIZES_TEXT} ellipsis={false} wordBreak='break-word'>\n                  {optionsMultiToggleCaption}\n                </Text>\n              )}\n              disabled={disabled}\n              onClick={(evt) => {\n                evt.stopPropagation()\n              }}\n              addonLeft={\n                <InputCheckbox\n                  {...sizeProps}\n                  sizes={SIZES_CHECKBOX}\n                  form='none'\n                  name={name}\n                  checked={multiToggleChecked}\n                  indeterminate={multiToggleIndeterminate}\n                  error={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'error')}\n                  success={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'success')}\n                  disabled={disabled}\n                  onChange={() => {\n                    if (readOnly) {\n                      return\n                    }\n\n                    const update: DropdownOption[] =\n                      multiToggleChecked || multiToggleIndeterminate\n                        ? dropdownSelectedOption.filter((selectedOption) => selectedOption.disabled)\n                        : menuOptions.reduce<DropdownOption[]>((acc, option) => {\n                            const allOptions = isDropdownOptionGroup(option) ? option.options : [option]\n                            allOptions.forEach((opt) => !opt.disabled && acc.push(opt))\n\n                            return acc\n                          }, [])\n\n                    onChange(update)\n                  }}\n                />\n              }\n            />\n          ) : null}\n\n          {showFirstDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                status,\n                statusVisibility: 'always',\n                menuOptions: menuOptionsGroups[0],\n                forceSelected: true,\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (evt) => {\n                  const update = dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {showSecondDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                statusVisibility: 'never',\n                forceSelected: false,\n                menuOptions: menuOptionsGroups[1],\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (_, option) => {\n                  const update = [...dropdownSelectedOption, option]\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {!groupSelectedOptions &&\n            renderDropdownOptionsList({\n              ...commonProps,\n              status,\n              menuOptions,\n              onChange: (evt, option, selected) => {\n                const update = selected\n                  ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  : [...dropdownSelectedOption, option]\n                onChange(update)\n              },\n            })}\n        </>\n      ) : (\n        renderDropdownOptionsList({\n          ...commonProps,\n          status,\n          menuOptions,\n          onChange: (evt, option, selected) => {\n            const update = selected\n              ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n              : [...dropdownSelectedOption, option]\n            onChange(update)\n          },\n        })\n      )}\n    </MenuList>\n  )\n})\n"],"names":["forwardRef","props","ref","name","readOnly","label","disabled","status","menuListId","inputLabelId","inputRef","menuOptions","dropdownSelectedOption","inputText","optionsMultiToggle","optionsMultiToggleCaption","groupSelectedOptions","onChange","renderOption","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeProps","menuOptionsGroups","useMemo","groupDropdownOptions","multiToggleChecked","length","multiToggleIndeterminate","commonProps","multiple","_jsx","MenuList","id","role","undefined","children","_jsxs","_Fragment","ListItem","component","borderRadius","text","textProps","Text","sizes","SIZES_TEXT","ellipsis","wordBreak","onClick","evt","stopPropagation","addonLeft","InputCheckbox","SIZES_CHECKBOX","form","checked","indeterminate","error","Boolean","success","update","filter","selectedOption","reduce","acc","option","isDropdownOptionGroup","options","forEach","opt","push","showFirstDivider","firstGroup","MenuDivider","renderDropdownOptionsList","statusVisibility","forceSelected","current","focus","item","value","currentTarget","showSecondDivider","firstOption","_","selected"],"mappings":"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"}

package/components/Dropdown/DropdownMenuMultiple.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useMemo}from'react';import{SIZES_CHECKBOX}from'./sizes.mjs';import{groupDropdownOptions,isDropdownOptionGroup}from'./utils.mjs';import{renderDropdownOptionsList}from'./renderDropdownOptionsList.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{MenuList}from'../MenuList/MenuList.mjs';import{ListItem}from'../ListItem/ListItem.mjs';import{InputCheckbox}from'../InputCheckbox/InputCheckbox.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';const DropdownMenuMultiple=forwardRef(((e,o)=>{const{name:n,readOnly:t,label:r,disabled:i,status:s,menuListId:l,inputLabelId:u,inputRef:p,menuOptions:d,dropdownSelectedOption:a,inputText:c,optionsMultiToggle:m,optionsMultiToggleCaption:f,groupSelectedOptions:g,onChange:O,...h}=e;const b=useMemo((()=>groupDropdownOptions(d,a)),[d,a]);const w=b[0].length>0&&b[1].length===0;const D=b[0].length>0&&b[1].length>0;const x={...h,readOnly:t,disabled:i,multiple:!0,dropdownSelectedOption:a};return jsx(MenuList,{ref:o,id:l,role:"listbox","aria-labelledby":r?u:void 0,"aria-multiselectable":!0,children:c.length===0?jsxs(Fragment,{children:[m?jsx(ListItem,{...h,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},text:f,disabled:i,onClick:e=>{e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:n,checked:w,indeterminate:D,error:Boolean((w||D)&&s==='error'),success:Boolean((w||D)&&s==='success'),onChange:()=>{if(t)return;const e=w||D?a.filter((e=>e.disabled)):d.reduce(((e,o)=>((isDropdownOptionGroup(o)?o.options:[o]).forEach((o=>!o.disabled&&e.push(o))),e)),[]);O(e)}})}):null,(()=>{if(!m)return!1;const e=b[1]?.[0];return b[1].length===0?!!g||!(isDropdownOptionGroup(d[0])&&d[0].label):!isDropdownOptionGroup(e)||!e.label||Boolean(g&&b[0].length>0)})()?jsx(MenuDivider,{...h}):null,g?renderDropdownOptionsList({...x,status:s,statusVisibility:'always',menuOptions:b[0],forceSelected:!0,onClick:()=>{p.current?.focus()},onChange:e=>{const o=a.filter((o=>o.value!==e.currentTarget.value));O(o)}}):null,(()=>{if(!g)return!1;if(b[0].length===0||b[1].length===0)return!1;const e=b[1][0];return!isDropdownOptionGroup(e)||!e.label})()?jsx(MenuDivider,{...h}):null,g?renderDropdownOptionsList({...x,statusVisibility:'never',forceSelected:!1,menuOptions:b[1],onClick:()=>{p.current?.focus()},onChange:(e,o)=>{const n=[...a,o];O(n)}}):null,!g&&renderDropdownOptionsList({...x,status:s,menuOptions:d,onChange:(e,o,n)=>{const t=n?a.filter((o=>o.value!==e.currentTarget.value)):[...a,o];O(t)}})]}):renderDropdownOptionsList({...x,status:s,menuOptions:d,onChange:(e,o,n)=>{const t=n?a.filter((o=>o.value!==e.currentTarget.value)):[...a,o];O(t)}})})}));export{DropdownMenuMultiple};
+import{forwardRef,useMemo}from'react';import{SIZES_CHECKBOX,SIZES_TEXT}from'./sizes.mjs';import{groupDropdownOptions,isDropdownOptionGroup}from'./utils.mjs';import{renderDropdownOptionsList}from'./renderDropdownOptionsList.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{MenuList}from'../MenuList/MenuList.mjs';import{ListItem}from'../ListItem/ListItem.mjs';import{InputCheckbox}from'../InputCheckbox/InputCheckbox.mjs';import{Text}from'../Text/Text.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';const DropdownMenuMultiple=forwardRef((e,n)=>{const{name:o,readOnly:t,label:r,disabled:i,status:s,menuListId:l,inputLabelId:p,inputRef:u,menuOptions:d,dropdownSelectedOption:a,inputText:c,optionsMultiToggle:m,optionsMultiToggleCaption:f,groupSelectedOptions:g,onChange:O,renderOption:h,size:b,sizeXXS:w,sizeXS:x,sizeS:L,sizeM:D,sizeL:M,sizeXL:S}=e;const j={size:b,sizeXXS:w,sizeXS:x,sizeS:L,sizeM:D,sizeL:M,sizeXL:S};const C=useMemo(()=>groupDropdownOptions(d,a),[d,a]);const z=C[0].length>0&&C[1].length===0;const I=C[0].length>0&&C[1].length>0;const T={...j,readOnly:t,disabled:i,multiple:!0,dropdownSelectedOption:a,renderOption:h};return jsx(MenuList,{ref:n,id:l,role:"listbox","aria-labelledby":r?p:void 0,"aria-multiselectable":!0,children:c.length===0?jsxs(Fragment,{children:[m?jsx(ListItem,{...j,component:"label",borderRadius:8,text:e=>jsx(Text,{...e,sizes:SIZES_TEXT,ellipsis:!1,wordBreak:"break-word",children:f}),disabled:i,onClick:e=>{e.stopPropagation()},addonLeft:jsx(InputCheckbox,{...j,sizes:SIZES_CHECKBOX,form:"none",name:o,checked:z,indeterminate:I,error:Boolean((z||I)&&s==='error'),success:Boolean((z||I)&&s==='success'),disabled:i,onChange:()=>{if(t)return;const e=z||I?a.filter(e=>e.disabled):d.reduce((e,n)=>((isDropdownOptionGroup(n)?n.options:[n]).forEach(n=>!n.disabled&&e.push(n)),e),[]);O(e)}})}):null,(()=>{if(!m)return!1;const e=C[1]?.[0];return C[1].length===0?!!g||!(isDropdownOptionGroup(d[0])&&d[0].label):!isDropdownOptionGroup(e)||!e.label||Boolean(g&&C[0].length>0)})()?jsx(MenuDivider,{...j}):null,g?renderDropdownOptionsList({...T,status:s,statusVisibility:'always',menuOptions:C[0],forceSelected:!0,onClick:()=>{u.current?.focus()},onChange:e=>{const n=a.filter(n=>n.value!==e.currentTarget.value);O(n)}}):null,(()=>{if(!g)return!1;if(C[0].length===0||C[1].length===0)return!1;const e=C[1][0];return!isDropdownOptionGroup(e)||!e.label})()?jsx(MenuDivider,{...j}):null,g?renderDropdownOptionsList({...T,statusVisibility:'never',forceSelected:!1,menuOptions:C[1],onClick:()=>{u.current?.focus()},onChange:(e,n)=>{const o=[...a,n];O(o)}}):null,!g&&renderDropdownOptionsList({...T,status:s,menuOptions:d,onChange:(e,n,o)=>{const t=o?a.filter(n=>n.value!==e.currentTarget.value):[...a,n];O(t)}})]}):renderDropdownOptionsList({...T,status:s,menuOptions:d,onChange:(e,n,o)=>{const t=o?a.filter(n=>n.value!==e.currentTarget.value):[...a,n];O(t)}})})});export{DropdownMenuMultiple};
 //# sourceMappingURL=DropdownMenuMultiple.mjs.map

package/components/Dropdown/DropdownMenuMultiple.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuMultiple.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuMultiple.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { SIZES_CHECKBOX } from './sizes'\nimport type { DropdownMenuMultipleProps, DropdownOption } from './types'\nimport { groupDropdownOptions, isDropdownOptionGroup } from './utils'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nexport const DropdownMenuMultiple = forwardRef<HTMLUListElement, DropdownMenuMultipleProps>((props, ref) => {\n  const {\n    name,\n    readOnly,\n    label,\n    disabled,\n    status,\n    menuListId,\n    inputLabelId,\n    inputRef,\n    menuOptions,\n    dropdownSelectedOption,\n    inputText,\n    optionsMultiToggle,\n    optionsMultiToggleCaption,\n    groupSelectedOptions,\n    onChange,\n    ...sizeProps\n  } = props\n\n  const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = useMemo(\n    () => groupDropdownOptions(menuOptions, dropdownSelectedOption),\n    [menuOptions, dropdownSelectedOption]\n  )\n\n  const multiToggleChecked = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length === 0\n  const multiToggleIndeterminate = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0\n\n  const commonProps = {\n    ...sizeProps,\n    readOnly,\n    disabled,\n    multiple: true,\n    dropdownSelectedOption,\n  }\n\n  const showFirstDivider = () => {\n    if (!optionsMultiToggle) {\n      return false\n    }\n\n    const firstGroup = menuOptionsGroups[1]?.[0]\n\n    if (menuOptionsGroups[1].length === 0) {\n      if (groupSelectedOptions) {\n        return true\n      }\n\n      return !(isDropdownOptionGroup(menuOptions[0]) && menuOptions[0].label)\n    }\n\n    if (!isDropdownOptionGroup(firstGroup)) {\n      return true\n    }\n\n    if (!firstGroup.label) {\n      return true\n    }\n\n    return Boolean(groupSelectedOptions && menuOptionsGroups[0].length > 0)\n  }\n\n  const showSecondDivider = () => {\n    if (!groupSelectedOptions) {\n      return false\n    }\n\n    if (menuOptionsGroups[0].length === 0 || menuOptionsGroups[1].length === 0) {\n      return false\n    }\n\n    const firstOption = menuOptionsGroups[1][0]\n\n    if (!isDropdownOptionGroup(firstOption)) {\n      return true\n    }\n\n    if (!firstOption.label) {\n      return true\n    }\n\n    return false\n  }\n\n  return (\n    <MenuList\n      ref={ref}\n      id={menuListId}\n      role='listbox'\n      aria-labelledby={label ? inputLabelId : undefined}\n      aria-multiselectable\n    >\n      {inputText.length === 0 ? (\n        <>\n          {optionsMultiToggle ? (\n            <ListItem\n              {...sizeProps}\n              borderRadius={8}\n              ellipsis={false}\n              textProps={{ wordBreak: 'break-word' }}\n              text={optionsMultiToggleCaption}\n              disabled={disabled}\n              onClick={(evt) => {\n                evt.stopPropagation()\n              }}\n              control={\n                <InputCheckbox\n                  sizes={SIZES_CHECKBOX}\n                  form='none'\n                  name={name}\n                  checked={multiToggleChecked}\n                  indeterminate={multiToggleIndeterminate}\n                  error={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'error')}\n                  success={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'success')}\n                  onChange={() => {\n                    if (readOnly) {\n                      return\n                    }\n\n                    const update: DropdownOption[] =\n                      multiToggleChecked || multiToggleIndeterminate\n                        ? dropdownSelectedOption.filter((selectedOption) => selectedOption.disabled)\n                        : menuOptions.reduce<DropdownOption[]>((acc, option) => {\n                            const allOptions = isDropdownOptionGroup(option) ? option.options : [option]\n                            allOptions.forEach((opt) => !opt.disabled && acc.push(opt))\n\n                            return acc\n                          }, [])\n\n                    onChange(update)\n                  }}\n                />\n              }\n            />\n          ) : null}\n\n          {showFirstDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                status,\n                statusVisibility: 'always',\n                menuOptions: menuOptionsGroups[0],\n                forceSelected: true,\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (evt) => {\n                  const update = dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {showSecondDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                statusVisibility: 'never',\n                forceSelected: false,\n                menuOptions: menuOptionsGroups[1],\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (_, option) => {\n                  const update = [...dropdownSelectedOption, option]\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {!groupSelectedOptions &&\n            renderDropdownOptionsList({\n              ...commonProps,\n              status,\n              menuOptions,\n              onChange: (evt, option, selected) => {\n                const update = selected\n                  ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  : [...dropdownSelectedOption, option]\n                onChange(update)\n              },\n            })}\n        </>\n      ) : (\n        renderDropdownOptionsList({\n          ...commonProps,\n          status,\n          menuOptions,\n          onChange: (evt, option, selected) => {\n            const update = selected\n              ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n              : [...dropdownSelectedOption, option]\n            onChange(update)\n          },\n        })\n      )}\n    </MenuList>\n  )\n})\n"],"names":["DropdownMenuMultiple","forwardRef","props","ref","name","readOnly","label","disabled","status","menuListId","inputLabelId","inputRef","menuOptions","dropdownSelectedOption","inputText","optionsMultiToggle","optionsMultiToggleCaption","groupSelectedOptions","onChange","sizeProps","menuOptionsGroups","useMemo","groupDropdownOptions","multiToggleChecked","length","multiToggleIndeterminate","commonProps","multiple","_jsx","MenuList","id","role","undefined","children","_jsxs","_Fragment","ListItem","borderRadius","ellipsis","textProps","wordBreak","text","onClick","evt","stopPropagation","control","InputCheckbox","sizes","SIZES_CHECKBOX","form","checked","indeterminate","error","Boolean","success","update","filter","selectedOption","reduce","acc","option","isDropdownOptionGroup","options","forEach","opt","push","showFirstDivider","firstGroup","MenuDivider","renderDropdownOptionsList","statusVisibility","forceSelected","current","focus","item","value","currentTarget","showSecondDivider","firstOption","_","selected"],"mappings":"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"}
+{"version":3,"file":"DropdownMenuMultiple.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuMultiple.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { Text } from 'components/Text'\nimport { SIZES_CHECKBOX, SIZES_TEXT } from './sizes'\nimport type { DropdownMenuMultipleProps, DropdownOption } from './types'\nimport { groupDropdownOptions, isDropdownOptionGroup } from './utils'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nexport const DropdownMenuMultiple = forwardRef<HTMLUListElement, DropdownMenuMultipleProps>((props, ref) => {\n  const {\n    name,\n    readOnly,\n    label,\n    disabled,\n    status,\n    menuListId,\n    inputLabelId,\n    inputRef,\n    menuOptions,\n    dropdownSelectedOption,\n    inputText,\n    optionsMultiToggle,\n    optionsMultiToggleCaption,\n    groupSelectedOptions,\n    onChange,\n    renderOption,\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  } = props\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = useMemo(\n    () => groupDropdownOptions(menuOptions, dropdownSelectedOption),\n    [menuOptions, dropdownSelectedOption]\n  )\n\n  const multiToggleChecked = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length === 0\n  const multiToggleIndeterminate = menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0\n\n  const commonProps = {\n    ...sizeProps,\n    readOnly,\n    disabled,\n    multiple: true,\n    dropdownSelectedOption,\n    renderOption,\n  }\n\n  const showFirstDivider = () => {\n    if (!optionsMultiToggle) {\n      return false\n    }\n\n    const firstGroup = menuOptionsGroups[1]?.[0]\n\n    if (menuOptionsGroups[1].length === 0) {\n      if (groupSelectedOptions) {\n        return true\n      }\n\n      return !(isDropdownOptionGroup(menuOptions[0]) && menuOptions[0].label)\n    }\n\n    if (!isDropdownOptionGroup(firstGroup)) {\n      return true\n    }\n\n    if (!firstGroup.label) {\n      return true\n    }\n\n    return Boolean(groupSelectedOptions && menuOptionsGroups[0].length > 0)\n  }\n\n  const showSecondDivider = () => {\n    if (!groupSelectedOptions) {\n      return false\n    }\n\n    if (menuOptionsGroups[0].length === 0 || menuOptionsGroups[1].length === 0) {\n      return false\n    }\n\n    const firstOption = menuOptionsGroups[1][0]\n\n    if (!isDropdownOptionGroup(firstOption)) {\n      return true\n    }\n\n    if (!firstOption.label) {\n      return true\n    }\n\n    return false\n  }\n\n  return (\n    <MenuList\n      ref={ref}\n      id={menuListId}\n      role='listbox'\n      aria-labelledby={label ? inputLabelId : undefined}\n      aria-multiselectable\n    >\n      {inputText.length === 0 ? (\n        <>\n          {optionsMultiToggle ? (\n            <ListItem\n              {...sizeProps}\n              component='label'\n              borderRadius={8}\n              text={(textProps) => (\n                <Text {...textProps} sizes={SIZES_TEXT} ellipsis={false} wordBreak='break-word'>\n                  {optionsMultiToggleCaption}\n                </Text>\n              )}\n              disabled={disabled}\n              onClick={(evt) => {\n                evt.stopPropagation()\n              }}\n              addonLeft={\n                <InputCheckbox\n                  {...sizeProps}\n                  sizes={SIZES_CHECKBOX}\n                  form='none'\n                  name={name}\n                  checked={multiToggleChecked}\n                  indeterminate={multiToggleIndeterminate}\n                  error={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'error')}\n                  success={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'success')}\n                  disabled={disabled}\n                  onChange={() => {\n                    if (readOnly) {\n                      return\n                    }\n\n                    const update: DropdownOption[] =\n                      multiToggleChecked || multiToggleIndeterminate\n                        ? dropdownSelectedOption.filter((selectedOption) => selectedOption.disabled)\n                        : menuOptions.reduce<DropdownOption[]>((acc, option) => {\n                            const allOptions = isDropdownOptionGroup(option) ? option.options : [option]\n                            allOptions.forEach((opt) => !opt.disabled && acc.push(opt))\n\n                            return acc\n                          }, [])\n\n                    onChange(update)\n                  }}\n                />\n              }\n            />\n          ) : null}\n\n          {showFirstDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                status,\n                statusVisibility: 'always',\n                menuOptions: menuOptionsGroups[0],\n                forceSelected: true,\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (evt) => {\n                  const update = dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {showSecondDivider() ? <MenuDivider {...sizeProps} /> : null}\n\n          {groupSelectedOptions\n            ? renderDropdownOptionsList({\n                ...commonProps,\n                statusVisibility: 'never',\n                forceSelected: false,\n                menuOptions: menuOptionsGroups[1],\n                onClick: () => {\n                  inputRef.current?.focus()\n                },\n                onChange: (_, option) => {\n                  const update = [...dropdownSelectedOption, option]\n                  onChange(update)\n                },\n              })\n            : null}\n\n          {!groupSelectedOptions &&\n            renderDropdownOptionsList({\n              ...commonProps,\n              status,\n              menuOptions,\n              onChange: (evt, option, selected) => {\n                const update = selected\n                  ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                  : [...dropdownSelectedOption, option]\n                onChange(update)\n              },\n            })}\n        </>\n      ) : (\n        renderDropdownOptionsList({\n          ...commonProps,\n          status,\n          menuOptions,\n          onChange: (evt, option, selected) => {\n            const update = selected\n              ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n              : [...dropdownSelectedOption, option]\n            onChange(update)\n          },\n        })\n      )}\n    </MenuList>\n  )\n})\n"],"names":["DropdownMenuMultiple","forwardRef","props","ref","name","readOnly","label","disabled","status","menuListId","inputLabelId","inputRef","menuOptions","dropdownSelectedOption","inputText","optionsMultiToggle","optionsMultiToggleCaption","groupSelectedOptions","onChange","renderOption","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeProps","menuOptionsGroups","useMemo","groupDropdownOptions","multiToggleChecked","length","multiToggleIndeterminate","commonProps","multiple","_jsx","MenuList","id","role","undefined","children","_jsxs","_Fragment","ListItem","component","borderRadius","text","textProps","Text","sizes","SIZES_TEXT","ellipsis","wordBreak","onClick","evt","stopPropagation","addonLeft","InputCheckbox","SIZES_CHECKBOX","form","checked","indeterminate","error","Boolean","success","update","filter","selectedOption","reduce","acc","option","isDropdownOptionGroup","options","forEach","opt","push","showFirstDivider","firstGroup","MenuDivider","renderDropdownOptionsList","statusVisibility","forceSelected","current","focus","item","value","currentTarget","showSecondDivider","firstOption","_","selected"],"mappings":"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"}

package/components/Dropdown/DropdownMenuNoOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { Redo } from '@foxford/icon-pack'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = <Redo />,\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["props","loadingIcon","_jsx","Styled","emptyIcon","Redo","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"2TAQ+BA,IAC7B,MAAMC,YACJA,EAAcC,WAAAA,IAACC,MAAAA,wBAA6BC,UAC5CA,EAAYF,WAAAA,IAACG,MAAAA,SAAOC,iBACpBA,EAAmB,CAAA,EAAEC,eACrBA,EAAiB,CAAA,EAAEC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,WAAAA,KAACC,cAAAA,cAAa,CAAAC,SAAA,CACZX,WAAAA,IAACC,oBAAoB,CAAAU,SAEjBX,WAAAA,IAACY,UADFN,EACM,CACHO,OAAO,QACPC,YAAaf,GAAgB,SAAWA,OAAcgB,EACtDC,YAAajB,GAAgB,SAAWA,OAAcgB,KAClDX,GAGD,CACHS,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,KAC9CV,MAITC,GAAWC,EACVP,WAAAA,IAACiB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdJ,IAED,MACFD,GAAWE,EACXR,WAAAA,IAACiB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdH,IAED,OACU"}
+{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { Redo } from '@foxford/icon-pack'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = <Redo />,\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["props","loadingIcon","_jsx","Styled","emptyIcon","Redo","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"2TAQ+BA,IAC7B,MAAMC,YACJA,EAAcC,WAAAA,IAACC,MAAAA,wBAA6BC,UAC5CA,EAAYF,WAAAA,IAACG,MAAAA,SAAOC,iBACpBA,EAAmB,CAAA,EAAEC,eACrBA,EAAiB,CAAA,EAAEC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,WAAAA,KAACC,cAAAA,cAAa,CAAAC,SAAA,CACZX,WAAAA,IAACC,oBAAoB,CAAAU,SAEjBX,WAAAA,IAACY,UADFN,EACM,CACHO,OAAO,QACPC,YAAaf,GAAgB,SAAWA,OAAcgB,EACtDC,YAAajB,GAAgB,SAAWA,OAAcgB,KAClDX,GAGD,CACHS,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,KAC9CV,MAITC,GAAWC,EACVP,WAAAA,IAACiB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdJ,IAED,MACFD,GAAWE,EACXR,WAAAA,IAACiB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdH,IAED"}

package/components/Dropdown/DropdownMenuNoOptions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuNoOptions.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { Redo } from '@foxford/icon-pack'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = <Redo />,\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["DropdownMenuNoOptions","props","loadingIcon","_jsx","Styled","emptyIcon","Redo","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"kSAQA,MAAMA,sBAAyBC,IAC7B,MAAMC,YACJA,EAAcC,IAACC,wBAA6BC,UAC5CA,EAAYF,IAACG,SAAOC,iBACpBA,EAAmB,CAAA,EAAEC,eACrBA,EAAiB,CAAA,EAAEC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,KAACC,cAAa,CAAAC,SAAA,CACZX,IAACC,cAAoB,CAAAU,SAEjBX,IAACY,KADFN,EACM,CACHO,OAAO,QACPC,YAAaf,GAAgB,SAAWA,OAAcgB,EACtDC,YAAajB,GAAgB,SAAWA,OAAcgB,KAClDX,GAGD,CACHS,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,KAC9CV,MAITC,GAAWC,EACVP,IAACiB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdJ,IAED,MACFD,GAAWE,EACXR,IAACiB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdH,IAED,OACU"}
+{"version":3,"file":"DropdownMenuNoOptions.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { Redo } from '@foxford/icon-pack'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = <Redo />,\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["DropdownMenuNoOptions","props","loadingIcon","_jsx","Styled","emptyIcon","Redo","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"kSAQA,MAAMA,sBAAyBC,IAC7B,MAAMC,YACJA,EAAcC,IAACC,wBAA6BC,UAC5CA,EAAYF,IAACG,SAAOC,iBACpBA,EAAmB,CAAA,EAAEC,eACrBA,EAAiB,CAAA,EAAEC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,KAACC,cAAa,CAAAC,SAAA,CACZX,IAACC,cAAoB,CAAAU,SAEjBX,IAACY,KADFN,EACM,CACHO,OAAO,QACPC,YAAaf,GAAgB,SAAWA,OAAcgB,EACtDC,YAAajB,GAAgB,SAAWA,OAAcgB,KAClDX,GAGD,CACHS,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,KAC9CV,MAITC,GAAWC,EACVP,IAACiB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdJ,IAED,MACFD,GAAWE,EACXR,IAACiB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdH,IAED"}

package/components/Dropdown/DropdownMenuSingle.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var renderDropdownOptionsList=require('./renderDropdownOptionsList.js');var jsxRuntime=require('react/jsx-runtime');var MenuList=require('../MenuList/MenuList.js');exports.DropdownMenuSingle=React.forwardRef(((e,r)=>{const{label:n,menuListId:i,inputLabelId:t,menuOptions:s,onChange:o,...u}=e;return jsxRuntime.jsx(MenuList.MenuList,{ref:r,id:i,role:"listbox","aria-labelledby":n?t:void 0,children:renderDropdownOptionsList.renderDropdownOptionsList({...u,menuOptions:s,onClick:(e,r)=>o(r)})})}));
+'use strict';var React=require('react');var renderDropdownOptionsList=require('./renderDropdownOptionsList.js');var jsxRuntime=require('react/jsx-runtime');var MenuList=require('../MenuList/MenuList.js');exports.DropdownMenuSingle=React.forwardRef((e,r)=>{const{label:n,menuListId:i,inputLabelId:t,menuOptions:s,onChange:o,...u}=e;return jsxRuntime.jsx(MenuList.MenuList,{ref:r,id:i,role:"listbox","aria-labelledby":n?t:void 0,children:renderDropdownOptionsList.renderDropdownOptionsList({...u,menuOptions:s,onClick:(e,r)=>o(r)})})});
 //# sourceMappingURL=DropdownMenuSingle.js.map

package/components/Dropdown/DropdownMenuSingle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSingle.js","sources":["../../../../src/components/Dropdown/DropdownMenuSingle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport type { DropdownMenuSingleProps } from './types'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nconst DropdownMenuSingle = forwardRef<HTMLUListElement, DropdownMenuSingleProps>((props, ref) => {\n  const { label, menuListId, inputLabelId, menuOptions, onChange, ...restProps } = props\n\n  return (\n    <MenuList ref={ref} id={menuListId} role='listbox' aria-labelledby={label ? inputLabelId : undefined}>\n      {renderDropdownOptionsList({\n        ...restProps,\n        menuOptions,\n        onClick: (_, option) => onChange(option),\n      })}\n    </MenuList>\n  )\n})\n\nexport { DropdownMenuSingle }\n"],"names":["forwardRef","props","ref","label","menuListId","inputLabelId","menuOptions","onChange","restProps","_jsx","MenuList","id","role","undefined","children","renderDropdownOptionsList","onClick","_","option"],"mappings":"uOAK2BA,MAAAA,YAAsD,CAACC,EAAOC,KACvF,MAAMC,MAAEA,EAAKC,WAAEA,EAAUC,aAAEA,EAAYC,YAAEA,EAAWC,SAAEA,KAAaC,GAAcP,EAEjF,OACEQ,WAAAA,IAACC,SAAAA,SAAQ,CAACR,IAAKA,EAAKS,GAAIP,EAAYQ,KAAK,UAAU,kBAAiBT,EAAQE,OAAeQ,EAAUC,SAClGC,0BAAAA,0BAA0B,IACtBP,EACHF,cACAU,QAASA,CAACC,EAAGC,IAAWX,EAASW,MAE1B"}
+{"version":3,"file":"DropdownMenuSingle.js","sources":["../../../../src/components/Dropdown/DropdownMenuSingle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport type { DropdownMenuSingleProps } from './types'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nconst DropdownMenuSingle = forwardRef<HTMLUListElement, DropdownMenuSingleProps>((props, ref) => {\n  const { label, menuListId, inputLabelId, menuOptions, onChange, ...restProps } = props\n\n  return (\n    <MenuList ref={ref} id={menuListId} role='listbox' aria-labelledby={label ? inputLabelId : undefined}>\n      {renderDropdownOptionsList({\n        ...restProps,\n        menuOptions,\n        onClick: (_, option) => onChange(option),\n      })}\n    </MenuList>\n  )\n})\n\nexport { DropdownMenuSingle }\n"],"names":["forwardRef","props","ref","label","menuListId","inputLabelId","menuOptions","onChange","restProps","_jsx","MenuList","id","role","undefined","children","renderDropdownOptionsList","onClick","_","option"],"mappings":"uOAK2BA,MAAAA,WAAsD,CAACC,EAAOC,KACvF,MAAMC,MAAEA,EAAKC,WAAEA,EAAUC,aAAEA,EAAYC,YAAEA,EAAWC,SAAEA,KAAaC,GAAcP,EAEjF,OACEQ,WAAAA,IAACC,SAAAA,SAAQ,CAACR,IAAKA,EAAKS,GAAIP,EAAYQ,KAAK,UAAU,kBAAiBT,EAAQE,OAAeQ,EAAUC,SAClGC,0BAAAA,0BAA0B,IACtBP,EACHF,cACAU,QAASA,CAACC,EAAGC,IAAWX,EAASW"}

package/components/Dropdown/DropdownMenuSingle.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{renderDropdownOptionsList}from'./renderDropdownOptionsList.mjs';import{jsx}from'react/jsx-runtime';import{MenuList}from'../MenuList/MenuList.mjs';const DropdownMenuSingle=forwardRef(((n,o)=>{const{label:r,menuListId:e,inputLabelId:i,menuOptions:t,onChange:s,...d}=n;return jsx(MenuList,{ref:o,id:e,role:"listbox","aria-labelledby":r?i:void 0,children:renderDropdownOptionsList({...d,menuOptions:t,onClick:(n,o)=>s(o)})})}));export{DropdownMenuSingle};
+import{forwardRef}from'react';import{renderDropdownOptionsList}from'./renderDropdownOptionsList.mjs';import{jsx}from'react/jsx-runtime';import{MenuList}from'../MenuList/MenuList.mjs';const DropdownMenuSingle=forwardRef((n,o)=>{const{label:r,menuListId:e,inputLabelId:i,menuOptions:t,onChange:s,...d}=n;return jsx(MenuList,{ref:o,id:e,role:"listbox","aria-labelledby":r?i:void 0,children:renderDropdownOptionsList({...d,menuOptions:t,onClick:(n,o)=>s(o)})})});export{DropdownMenuSingle};
 //# sourceMappingURL=DropdownMenuSingle.mjs.map

package/components/Dropdown/DropdownMenuSingle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuSingle.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuSingle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport type { DropdownMenuSingleProps } from './types'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nconst DropdownMenuSingle = forwardRef<HTMLUListElement, DropdownMenuSingleProps>((props, ref) => {\n  const { label, menuListId, inputLabelId, menuOptions, onChange, ...restProps } = props\n\n  return (\n    <MenuList ref={ref} id={menuListId} role='listbox' aria-labelledby={label ? inputLabelId : undefined}>\n      {renderDropdownOptionsList({\n        ...restProps,\n        menuOptions,\n        onClick: (_, option) => onChange(option),\n      })}\n    </MenuList>\n  )\n})\n\nexport { DropdownMenuSingle }\n"],"names":["DropdownMenuSingle","forwardRef","props","ref","label","menuListId","inputLabelId","menuOptions","onChange","restProps","_jsx","MenuList","id","role","undefined","children","renderDropdownOptionsList","onClick","_","option"],"mappings":"uLAKA,MAAMA,mBAAqBC,YAAsD,CAACC,EAAOC,KACvF,MAAMC,MAAEA,EAAKC,WAAEA,EAAUC,aAAEA,EAAYC,YAAEA,EAAWC,SAAEA,KAAaC,GAAcP,EAEjF,OACEQ,IAACC,SAAQ,CAACR,IAAKA,EAAKS,GAAIP,EAAYQ,KAAK,UAAU,kBAAiBT,EAAQE,OAAeQ,EAAUC,SAClGC,0BAA0B,IACtBP,EACHF,cACAU,QAASA,CAACC,EAAGC,IAAWX,EAASW,MAE1B"}
+{"version":3,"file":"DropdownMenuSingle.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuSingle.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { MenuList } from 'components/MenuList'\nimport type { DropdownMenuSingleProps } from './types'\nimport { renderDropdownOptionsList } from './renderDropdownOptionsList'\n\nconst DropdownMenuSingle = forwardRef<HTMLUListElement, DropdownMenuSingleProps>((props, ref) => {\n  const { label, menuListId, inputLabelId, menuOptions, onChange, ...restProps } = props\n\n  return (\n    <MenuList ref={ref} id={menuListId} role='listbox' aria-labelledby={label ? inputLabelId : undefined}>\n      {renderDropdownOptionsList({\n        ...restProps,\n        menuOptions,\n        onClick: (_, option) => onChange(option),\n      })}\n    </MenuList>\n  )\n})\n\nexport { DropdownMenuSingle }\n"],"names":["DropdownMenuSingle","forwardRef","props","ref","label","menuListId","inputLabelId","menuOptions","onChange","restProps","_jsx","MenuList","id","role","undefined","children","renderDropdownOptionsList","onClick","_","option"],"mappings":"uLAKA,MAAMA,mBAAqBC,WAAsD,CAACC,EAAOC,KACvF,MAAMC,MAAEA,EAAKC,WAAEA,EAAUC,aAAEA,EAAYC,YAAEA,EAAWC,SAAEA,KAAaC,GAAcP,EAEjF,OACEQ,IAACC,SAAQ,CAACR,IAAKA,EAAKS,GAAIP,EAAYQ,KAAK,UAAU,kBAAiBT,EAAQE,OAAeQ,EAAUC,SAClGC,0BAA0B,IACtBP,EACHF,cACAU,QAASA,CAACC,EAAGC,IAAWX,EAASW"}

package/components/Dropdown/hooks.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var Fuse=require('fuse.js');var useMountedStatus=require('../../hooks/useMountedStatus.js');var constants=require('./constants.js');var utils=require('./utils.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Fuse__default=_interopDefault(Fuse);exports.useFilteredOptions=({options:e})=>{const[t,s]=React.useState((()=>Array.isArray(e)?e:[]));const r=React.useRef('');const u=React.useMemo((()=>{const t=[];for(const s of e??[])utils.isDropdownOptionGroup(s)?t.push(...s.options):t.push(s);const u=new Fuse__default.default(t,{threshold:.4,ignoreLocation:!0,keys:[constants.FuseSearchKeys.text,constants.FuseSearchKeys.label,constants.FuseSearchKeys.tags]});return t=>{if(r.current=t,!t)return void s(e??[]);const n=new Set(u.search(t).map((e=>e.item.value)));const o=[];for(const t of e??[])if(utils.isDropdownOptionGroup(t)){const e=t.options.filter((e=>n.has(e.value)));e.length>0&&o.push({...t,options:e})}else n.has(t.value)&&o.push(t);s(o)}}),[e]);return React.useEffect((()=>{u(r.current)}),[u]),[t,u]},exports.useLoadedOptions=({loadOptions:e,options:t})=>{const s=useMountedStatus.useMountedStatus();const[r,u]=React.useState((()=>Array.isArray(t)?t:[]));const[n,o]=React.useState(!1);const a=React.useRef(null);return[r,n,React.useCallback((r=>{if(e)if(r.length===0&&Array.isArray(t))a.current=null,u(t),o(!1);else{const t=a.current=e(r);o(!0),t.then((e=>{s()&&a.current===t&&(a.current=null,u(e),o(!1))})).catch((e=>{console.error(e),s()&&a.current===t&&(a.current=null,u([]),o(!1))}))}}),[e,t,s])]};
+'use strict';var React=require('react');var Fuse=require('fuse.js');var useMountedStatus=require('../../hooks/useMountedStatus.js');var constants=require('./constants.js');var utils=require('./utils.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Fuse__default=_interopDefault(Fuse);exports.useFilteredOptions=({options:e})=>{const[t,s]=React.useState(()=>Array.isArray(e)?e:[]);const r=React.useRef('');const u=React.useMemo(()=>{const t=[];for(const s of e??[])utils.isDropdownOptionGroup(s)?t.push(...s.options):t.push(s);const u=new Fuse__default.default(t,{threshold:.4,ignoreLocation:!0,keys:[constants.FuseSearchKeys.text,constants.FuseSearchKeys.label,constants.FuseSearchKeys.tags]});return t=>{if(r.current=t,!t)return void s(e??[]);const n=new Set(u.search(t).map(e=>e.item.value));const o=[];for(const t of e??[])if(utils.isDropdownOptionGroup(t)){const e=t.options.filter(e=>n.has(e.value));e.length>0&&o.push({...t,options:e})}else n.has(t.value)&&o.push(t);s(o)}},[e]);return React.useEffect(()=>{u(r.current)},[u]),[t,u]},exports.useLoadedOptions=({loadOptions:e,options:t})=>{const s=useMountedStatus.useMountedStatus();const[r,u]=React.useState(()=>Array.isArray(t)?t:[]);const[n,o]=React.useState(!1);const a=React.useRef(null);return[r,n,React.useCallback(r=>{if(e)if(r.length===0&&Array.isArray(t))a.current=null,u(t),o(!1);else{const t=a.current=e(r);o(!0),t.then(e=>{s()&&a.current===t&&(a.current=null,u(e),o(!1))}).catch(e=>{console.error(e),s()&&a.current===t&&(a.current=null,u([]),o(!1))})}},[e,t,s])]};
 //# sourceMappingURL=hooks.js.map

package/components/Dropdown/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../src/components/Dropdown/hooks.ts"],"sourcesContent":["import { useState, useRef, useCallback, useMemo, useEffect } from 'react'\nimport Fuse from 'fuse.js'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport { FuseSearchKeys } from './constants'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\nimport { isDropdownOptionGroup } from './utils'\n\nexport const useFilteredOptions = ({\n  options,\n}: {\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], (pattern: string) => void] => {\n  const [filteredOptions, setFilteredOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n\n  const search = useRef<string>('')\n\n  const getFilteredOptions = useMemo(() => {\n    const allOptions: DropdownOption[] = []\n\n    for (const option of options ?? []) {\n      if (isDropdownOptionGroup(option)) {\n        allOptions.push(...option.options)\n      } else {\n        allOptions.push(option)\n      }\n    }\n\n    const fuse = new Fuse<DropdownOption>(allOptions, {\n      threshold: 0.4,\n      ignoreLocation: true,\n      keys: [FuseSearchKeys.text, FuseSearchKeys.label, FuseSearchKeys.tags],\n    })\n\n    return (pattern: string) => {\n      search.current = pattern\n      if (!pattern) {\n        setFilteredOptions(options ?? [])\n\n        return\n      }\n\n      const matchedValues = new Set(fuse.search(pattern).map((result) => result.item.value))\n      const resultOptions: (DropdownOption | DropdownOptionGroup)[] = []\n      for (const option of options ?? []) {\n        if (isDropdownOptionGroup(option)) {\n          const optionsInGroup = option.options.filter((opt) => matchedValues.has(opt.value))\n          if (optionsInGroup.length > 0) {\n            resultOptions.push({ ...option, options: optionsInGroup })\n          }\n        } else if (matchedValues.has(option.value)) {\n          resultOptions.push(option)\n        }\n      }\n\n      setFilteredOptions(resultOptions)\n    }\n  }, [options])\n\n  useEffect(() => {\n    getFilteredOptions(search.current)\n  }, [getFilteredOptions])\n\n  return [filteredOptions, getFilteredOptions]\n}\n\nexport const useLoadedOptions = ({\n  loadOptions,\n  options,\n}: {\n  loadOptions?: (pattern: string) => Promise<(DropdownOption | DropdownOptionGroup)[]>\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], boolean, (pattern: string) => void] => {\n  const getMountedStatus = useMountedStatus()\n\n  const [loadedOptions, setLoadedOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n  const [optionsLoading, setOptionsLoading] = useState<boolean>(false)\n\n  const optionsLoader = useRef<Promise<(DropdownOption | DropdownOptionGroup)[]> | null>(null)\n\n  const getLoadedOptions = useCallback(\n    (pattern: string) => {\n      if (!loadOptions) return\n\n      if (pattern.length === 0 && Array.isArray(options)) {\n        optionsLoader.current = null\n        setLoadedOptions(options)\n        setOptionsLoading(false)\n      } else {\n        // eslint-disable-next-line no-multi-assign\n        const loader: Promise<(DropdownOption | DropdownOptionGroup)[]> = (optionsLoader.current = loadOptions(pattern))\n\n        setOptionsLoading(true)\n        loader\n          .then((payload) => {\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions(payload)\n              setOptionsLoading(false)\n            }\n          })\n          .catch((err) => {\n            console.error(err)\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions([])\n              setOptionsLoading(false)\n            }\n          })\n      }\n    },\n    [loadOptions, options, getMountedStatus]\n  )\n\n  return [loadedOptions, optionsLoading, getLoadedOptions]\n}\n"],"names":["useFilteredOptions","options","filteredOptions","setFilteredOptions","useState","Array","isArray","search","useRef","getFilteredOptions","useMemo","allOptions","option","isDropdownOptionGroup","push","fuse","Fuse","threshold","ignoreLocation","keys","FuseSearchKeys","text","label","tags","pattern","current","matchedValues","Set","map","result","item","value","resultOptions","optionsInGroup","filter","opt","has","length","useEffect","useLoadedOptions","loadOptions","getMountedStatus","useMountedStatus","loadedOptions","setLoadedOptions","optionsLoading","setOptionsLoading","optionsLoader","useCallback","loader","then","payload","catch","err","console","error"],"mappings":"gVAOkCA,EAChCC,cAIA,MAAOC,EAAiBC,GAAsBC,gBAAmD,IAC/FC,MAAMC,QAAQL,GAAWA,EAAU,KAGrC,MAAMM,EAASC,MAAAA,OAAe,IAE9B,MAAMC,EAAqBC,MAAAA,SAAQ,KACjC,MAAMC,EAA+B,GAErC,IAAK,MAAMC,KAAUX,GAAW,GAC1BY,MAAAA,sBAAsBD,GACxBD,EAAWG,QAAQF,EAAOX,SAE1BU,EAAWG,KAAKF,GAIpB,MAAMG,EAAO,IAAIC,cAAAA,QAAqBL,EAAY,CAChDM,UAAW,GACXC,gBAAgB,EAChBC,KAAM,CAACC,UAAAA,eAAeC,KAAMD,UAAAA,eAAeE,MAAOF,UAAAA,eAAeG,QAGnE,OAAQC,IAEN,GADAjB,EAAOkB,QAAUD,GACZA,EAGH,YAFArB,EAAmBF,GAAW,IAKhC,MAAMyB,EAAgB,IAAIC,IAAIZ,EAAKR,OAAOiB,GAASI,KAAKC,GAAWA,EAAOC,KAAKC,SAC/E,MAAMC,EAA0D,GAChE,IAAK,MAAMpB,KAAUX,GAAW,GAC9B,GAAIY,MAAAA,sBAAsBD,GAAS,CACjC,MAAMqB,EAAiBrB,EAAOX,QAAQiC,QAAQC,GAAQT,EAAcU,IAAID,EAAIJ,SACxEE,EAAeI,OAAS,GAC1BL,EAAclB,KAAK,IAAKF,EAAQX,QAASgC,GAE7C,MAAWP,EAAcU,IAAIxB,EAAOmB,QAClCC,EAAclB,KAAKF,GAIvBT,EAAmB6B,EAAc,CAClC,GACA,CAAC/B,IAMJ,OAJAqC,MAAAA,WAAU,KACR7B,EAAmBF,EAAOkB,QAAQ,GACjC,CAAChB,IAEG,CAACP,EAAiBO,EAAmB,2BAGd8B,EAC9BC,cACAvC,cAKA,MAAMwC,EAAmBC,iBAAAA,mBAEzB,MAAOC,EAAeC,GAAoBxC,gBAAmD,IAC3FC,MAAMC,QAAQL,GAAWA,EAAU,KAErC,MAAO4C,EAAgBC,GAAqB1C,MAAAA,UAAkB,GAE9D,MAAM2C,EAAgBvC,MAAAA,OAAiE,MAoCvF,MAAO,CAACmC,EAAeE,EAlCEG,MAAAA,aACtBxB,IACC,GAAKgB,EAEL,GAAIhB,EAAQa,SAAW,GAAKhC,MAAMC,QAAQL,GACxC8C,EAActB,QAAU,KACxBmB,EAAiB3C,GACjB6C,GAAkB,OACb,CAEL,MAAMG,EAA6DF,EAActB,QAAUe,EAAYhB,GAEvGsB,GAAkB,GAClBG,EACGC,MAAMC,IACDV,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiBO,GACjBL,GAAkB,GACpB,IAEDM,OAAOC,IACNC,QAAQC,MAAMF,GACVZ,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiB,IACjBE,GAAkB,GACpB,GAEN,IAEF,CAACN,EAAavC,EAASwC,IAG+B"}
+{"version":3,"file":"hooks.js","sources":["../../../../src/components/Dropdown/hooks.ts"],"sourcesContent":["import { useState, useRef, useCallback, useMemo, useEffect } from 'react'\nimport Fuse from 'fuse.js'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport { FuseSearchKeys } from './constants'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\nimport { isDropdownOptionGroup } from './utils'\n\nexport const useFilteredOptions = ({\n  options,\n}: {\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], (pattern: string) => void] => {\n  const [filteredOptions, setFilteredOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n\n  const search = useRef<string>('')\n\n  const getFilteredOptions = useMemo(() => {\n    const allOptions: DropdownOption[] = []\n\n    for (const option of options ?? []) {\n      if (isDropdownOptionGroup(option)) {\n        allOptions.push(...option.options)\n      } else {\n        allOptions.push(option)\n      }\n    }\n\n    const fuse = new Fuse<DropdownOption>(allOptions, {\n      threshold: 0.4,\n      ignoreLocation: true,\n      keys: [FuseSearchKeys.text, FuseSearchKeys.label, FuseSearchKeys.tags],\n    })\n\n    return (pattern: string) => {\n      search.current = pattern\n      if (!pattern) {\n        setFilteredOptions(options ?? [])\n\n        return\n      }\n\n      const matchedValues = new Set(fuse.search(pattern).map((result) => result.item.value))\n      const resultOptions: (DropdownOption | DropdownOptionGroup)[] = []\n      for (const option of options ?? []) {\n        if (isDropdownOptionGroup(option)) {\n          const optionsInGroup = option.options.filter((opt) => matchedValues.has(opt.value))\n          if (optionsInGroup.length > 0) {\n            resultOptions.push({ ...option, options: optionsInGroup })\n          }\n        } else if (matchedValues.has(option.value)) {\n          resultOptions.push(option)\n        }\n      }\n\n      setFilteredOptions(resultOptions)\n    }\n  }, [options])\n\n  useEffect(() => {\n    getFilteredOptions(search.current)\n  }, [getFilteredOptions])\n\n  return [filteredOptions, getFilteredOptions]\n}\n\nexport const useLoadedOptions = ({\n  loadOptions,\n  options,\n}: {\n  loadOptions?: (pattern: string) => Promise<(DropdownOption | DropdownOptionGroup)[]>\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], boolean, (pattern: string) => void] => {\n  const getMountedStatus = useMountedStatus()\n\n  const [loadedOptions, setLoadedOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n  const [optionsLoading, setOptionsLoading] = useState<boolean>(false)\n\n  const optionsLoader = useRef<Promise<(DropdownOption | DropdownOptionGroup)[]> | null>(null)\n\n  const getLoadedOptions = useCallback(\n    (pattern: string) => {\n      if (!loadOptions) return\n\n      if (pattern.length === 0 && Array.isArray(options)) {\n        optionsLoader.current = null\n        setLoadedOptions(options)\n        setOptionsLoading(false)\n      } else {\n        // eslint-disable-next-line no-multi-assign\n        const loader: Promise<(DropdownOption | DropdownOptionGroup)[]> = (optionsLoader.current = loadOptions(pattern))\n\n        setOptionsLoading(true)\n        loader\n          .then((payload) => {\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions(payload)\n              setOptionsLoading(false)\n            }\n          })\n          .catch((err) => {\n            console.error(err)\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions([])\n              setOptionsLoading(false)\n            }\n          })\n      }\n    },\n    [loadOptions, options, getMountedStatus]\n  )\n\n  return [loadedOptions, optionsLoading, getLoadedOptions]\n}\n"],"names":["useFilteredOptions","options","filteredOptions","setFilteredOptions","useState","Array","isArray","search","useRef","getFilteredOptions","useMemo","allOptions","option","isDropdownOptionGroup","push","fuse","Fuse","threshold","ignoreLocation","keys","FuseSearchKeys","text","label","tags","pattern","current","matchedValues","Set","map","result","item","value","resultOptions","optionsInGroup","filter","opt","has","length","useEffect","useLoadedOptions","loadOptions","getMountedStatus","useMountedStatus","loadedOptions","setLoadedOptions","optionsLoading","setOptionsLoading","optionsLoader","useCallback","loader","then","payload","catch","err","console","error"],"mappings":"gVAOkCA,EAChCC,cAIA,MAAOC,EAAiBC,GAAsBC,eAAmD,IAC/FC,MAAMC,QAAQL,GAAWA,EAAU,IAGrC,MAAMM,EAASC,MAAAA,OAAe,IAE9B,MAAMC,EAAqBC,MAAAA,QAAQ,KACjC,MAAMC,EAA+B,GAErC,IAAK,MAAMC,KAAUX,GAAW,GAC1BY,MAAAA,sBAAsBD,GACxBD,EAAWG,QAAQF,EAAOX,SAE1BU,EAAWG,KAAKF,GAIpB,MAAMG,EAAO,IAAIC,cAAAA,QAAqBL,EAAY,CAChDM,UAAW,GACXC,gBAAgB,EAChBC,KAAM,CAACC,UAAAA,eAAeC,KAAMD,UAAAA,eAAeE,MAAOF,UAAAA,eAAeG,QAGnE,OAAQC,IAEN,GADAjB,EAAOkB,QAAUD,GACZA,EAGH,YAFArB,EAAmBF,GAAW,IAKhC,MAAMyB,EAAgB,IAAIC,IAAIZ,EAAKR,OAAOiB,GAASI,IAAKC,GAAWA,EAAOC,KAAKC,QAC/E,MAAMC,EAA0D,GAChE,IAAK,MAAMpB,KAAUX,GAAW,GAC9B,GAAIY,MAAAA,sBAAsBD,GAAS,CACjC,MAAMqB,EAAiBrB,EAAOX,QAAQiC,OAAQC,GAAQT,EAAcU,IAAID,EAAIJ,QACxEE,EAAeI,OAAS,GAC1BL,EAAclB,KAAK,IAAKF,EAAQX,QAASgC,GAE7C,MAAWP,EAAcU,IAAIxB,EAAOmB,QAClCC,EAAclB,KAAKF,GAIvBT,EAAmB6B,KAEpB,CAAC/B,IAMJ,OAJAqC,MAAAA,UAAU,KACR7B,EAAmBF,EAAOkB,UACzB,CAAChB,IAEG,CAACP,EAAiBO,6BAGK8B,EAC9BC,cACAvC,cAKA,MAAMwC,EAAmBC,iBAAAA,mBAEzB,MAAOC,EAAeC,GAAoBxC,eAAmD,IAC3FC,MAAMC,QAAQL,GAAWA,EAAU,IAErC,MAAO4C,EAAgBC,GAAqB1C,MAAAA,UAAkB,GAE9D,MAAM2C,EAAgBvC,MAAAA,OAAiE,MAoCvF,MAAO,CAACmC,EAAeE,EAlCEG,MAAAA,YACtBxB,IACC,GAAKgB,EAEL,GAAIhB,EAAQa,SAAW,GAAKhC,MAAMC,QAAQL,GACxC8C,EAActB,QAAU,KACxBmB,EAAiB3C,GACjB6C,GAAkB,OACb,CAEL,MAAMG,EAA6DF,EAActB,QAAUe,EAAYhB,GAEvGsB,GAAkB,GAClBG,EACGC,KAAMC,IACDV,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiBO,GACjBL,GAAkB,MAGrBM,MAAOC,IACNC,QAAQC,MAAMF,GACVZ,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiB,IACjBE,GAAkB,KAG1B,GAEF,CAACN,EAAavC,EAASwC"}

package/components/Dropdown/hooks.mjs

@@ -1,2 +1,2 @@
-import{useState,useRef,useMemo,useEffect,useCallback}from'react';import Fuse from'fuse.js';import{useMountedStatus}from'../../hooks/useMountedStatus.mjs';import{FuseSearchKeys}from'./constants.mjs';import{isDropdownOptionGroup}from'./utils.mjs';const useFilteredOptions=({options:e})=>{const[s,t]=useState((()=>Array.isArray(e)?e:[]));const o=useRef('');const r=useMemo((()=>{const s=[];for(const t of e??[])isDropdownOptionGroup(t)?s.push(...t.options):s.push(t);const r=new Fuse(s,{threshold:.4,ignoreLocation:!0,keys:[FuseSearchKeys.text,FuseSearchKeys.label,FuseSearchKeys.tags]});return s=>{if(o.current=s,!s)return void t(e??[]);const n=new Set(r.search(s).map((e=>e.item.value)));const u=[];for(const s of e??[])if(isDropdownOptionGroup(s)){const e=s.options.filter((e=>n.has(e.value)));e.length>0&&u.push({...s,options:e})}else n.has(s.value)&&u.push(s);t(u)}}),[e]);return useEffect((()=>{r(o.current)}),[r]),[s,r]};const useLoadedOptions=({loadOptions:e,options:s})=>{const t=useMountedStatus();const[o,r]=useState((()=>Array.isArray(s)?s:[]));const[n,u]=useState(!1);const c=useRef(null);return[o,n,useCallback((o=>{if(e)if(o.length===0&&Array.isArray(s))c.current=null,r(s),u(!1);else{const s=c.current=e(o);u(!0),s.then((e=>{t()&&c.current===s&&(c.current=null,r(e),u(!1))})).catch((e=>{console.error(e),t()&&c.current===s&&(c.current=null,r([]),u(!1))}))}}),[e,s,t])]};export{useFilteredOptions,useLoadedOptions};
+import{useState,useRef,useMemo,useEffect,useCallback}from'react';import Fuse from'fuse.js';import{useMountedStatus}from'../../hooks/useMountedStatus.mjs';import{FuseSearchKeys}from'./constants.mjs';import{isDropdownOptionGroup}from'./utils.mjs';const useFilteredOptions=({options:e})=>{const[s,t]=useState(()=>Array.isArray(e)?e:[]);const o=useRef('');const r=useMemo(()=>{const s=[];for(const t of e??[])isDropdownOptionGroup(t)?s.push(...t.options):s.push(t);const r=new Fuse(s,{threshold:.4,ignoreLocation:!0,keys:[FuseSearchKeys.text,FuseSearchKeys.label,FuseSearchKeys.tags]});return s=>{if(o.current=s,!s)return void t(e??[]);const n=new Set(r.search(s).map(e=>e.item.value));const u=[];for(const s of e??[])if(isDropdownOptionGroup(s)){const e=s.options.filter(e=>n.has(e.value));e.length>0&&u.push({...s,options:e})}else n.has(s.value)&&u.push(s);t(u)}},[e]);return useEffect(()=>{r(o.current)},[r]),[s,r]};const useLoadedOptions=({loadOptions:e,options:s})=>{const t=useMountedStatus();const[o,r]=useState(()=>Array.isArray(s)?s:[]);const[n,u]=useState(!1);const c=useRef(null);return[o,n,useCallback(o=>{if(e)if(o.length===0&&Array.isArray(s))c.current=null,r(s),u(!1);else{const s=c.current=e(o);u(!0),s.then(e=>{t()&&c.current===s&&(c.current=null,r(e),u(!1))}).catch(e=>{console.error(e),t()&&c.current===s&&(c.current=null,r([]),u(!1))})}},[e,s,t])]};export{useFilteredOptions,useLoadedOptions};
 //# sourceMappingURL=hooks.mjs.map

package/components/Dropdown/hooks.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.mjs","sources":["../../../../src/components/Dropdown/hooks.ts"],"sourcesContent":["import { useState, useRef, useCallback, useMemo, useEffect } from 'react'\nimport Fuse from 'fuse.js'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport { FuseSearchKeys } from './constants'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\nimport { isDropdownOptionGroup } from './utils'\n\nexport const useFilteredOptions = ({\n  options,\n}: {\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], (pattern: string) => void] => {\n  const [filteredOptions, setFilteredOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n\n  const search = useRef<string>('')\n\n  const getFilteredOptions = useMemo(() => {\n    const allOptions: DropdownOption[] = []\n\n    for (const option of options ?? []) {\n      if (isDropdownOptionGroup(option)) {\n        allOptions.push(...option.options)\n      } else {\n        allOptions.push(option)\n      }\n    }\n\n    const fuse = new Fuse<DropdownOption>(allOptions, {\n      threshold: 0.4,\n      ignoreLocation: true,\n      keys: [FuseSearchKeys.text, FuseSearchKeys.label, FuseSearchKeys.tags],\n    })\n\n    return (pattern: string) => {\n      search.current = pattern\n      if (!pattern) {\n        setFilteredOptions(options ?? [])\n\n        return\n      }\n\n      const matchedValues = new Set(fuse.search(pattern).map((result) => result.item.value))\n      const resultOptions: (DropdownOption | DropdownOptionGroup)[] = []\n      for (const option of options ?? []) {\n        if (isDropdownOptionGroup(option)) {\n          const optionsInGroup = option.options.filter((opt) => matchedValues.has(opt.value))\n          if (optionsInGroup.length > 0) {\n            resultOptions.push({ ...option, options: optionsInGroup })\n          }\n        } else if (matchedValues.has(option.value)) {\n          resultOptions.push(option)\n        }\n      }\n\n      setFilteredOptions(resultOptions)\n    }\n  }, [options])\n\n  useEffect(() => {\n    getFilteredOptions(search.current)\n  }, [getFilteredOptions])\n\n  return [filteredOptions, getFilteredOptions]\n}\n\nexport const useLoadedOptions = ({\n  loadOptions,\n  options,\n}: {\n  loadOptions?: (pattern: string) => Promise<(DropdownOption | DropdownOptionGroup)[]>\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], boolean, (pattern: string) => void] => {\n  const getMountedStatus = useMountedStatus()\n\n  const [loadedOptions, setLoadedOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n  const [optionsLoading, setOptionsLoading] = useState<boolean>(false)\n\n  const optionsLoader = useRef<Promise<(DropdownOption | DropdownOptionGroup)[]> | null>(null)\n\n  const getLoadedOptions = useCallback(\n    (pattern: string) => {\n      if (!loadOptions) return\n\n      if (pattern.length === 0 && Array.isArray(options)) {\n        optionsLoader.current = null\n        setLoadedOptions(options)\n        setOptionsLoading(false)\n      } else {\n        // eslint-disable-next-line no-multi-assign\n        const loader: Promise<(DropdownOption | DropdownOptionGroup)[]> = (optionsLoader.current = loadOptions(pattern))\n\n        setOptionsLoading(true)\n        loader\n          .then((payload) => {\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions(payload)\n              setOptionsLoading(false)\n            }\n          })\n          .catch((err) => {\n            console.error(err)\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions([])\n              setOptionsLoading(false)\n            }\n          })\n      }\n    },\n    [loadOptions, options, getMountedStatus]\n  )\n\n  return [loadedOptions, optionsLoading, getLoadedOptions]\n}\n"],"names":["useFilteredOptions","options","filteredOptions","setFilteredOptions","useState","Array","isArray","search","useRef","getFilteredOptions","useMemo","allOptions","option","isDropdownOptionGroup","push","fuse","Fuse","threshold","ignoreLocation","keys","FuseSearchKeys","text","label","tags","pattern","current","matchedValues","Set","map","result","item","value","resultOptions","optionsInGroup","filter","opt","has","length","useEffect","useLoadedOptions","loadOptions","getMountedStatus","useMountedStatus","loadedOptions","setLoadedOptions","optionsLoading","setOptionsLoading","optionsLoader","useCallback","loader","then","payload","catch","err","console","error"],"mappings":"qPAOO,MAAMA,mBAAqBA,EAChCC,cAIA,MAAOC,EAAiBC,GAAsBC,UAAmD,IAC/FC,MAAMC,QAAQL,GAAWA,EAAU,KAGrC,MAAMM,EAASC,OAAe,IAE9B,MAAMC,EAAqBC,SAAQ,KACjC,MAAMC,EAA+B,GAErC,IAAK,MAAMC,KAAUX,GAAW,GAC1BY,sBAAsBD,GACxBD,EAAWG,QAAQF,EAAOX,SAE1BU,EAAWG,KAAKF,GAIpB,MAAMG,EAAO,IAAIC,KAAqBL,EAAY,CAChDM,UAAW,GACXC,gBAAgB,EAChBC,KAAM,CAACC,eAAeC,KAAMD,eAAeE,MAAOF,eAAeG,QAGnE,OAAQC,IAEN,GADAjB,EAAOkB,QAAUD,GACZA,EAGH,YAFArB,EAAmBF,GAAW,IAKhC,MAAMyB,EAAgB,IAAIC,IAAIZ,EAAKR,OAAOiB,GAASI,KAAKC,GAAWA,EAAOC,KAAKC,SAC/E,MAAMC,EAA0D,GAChE,IAAK,MAAMpB,KAAUX,GAAW,GAC9B,GAAIY,sBAAsBD,GAAS,CACjC,MAAMqB,EAAiBrB,EAAOX,QAAQiC,QAAQC,GAAQT,EAAcU,IAAID,EAAIJ,SACxEE,EAAeI,OAAS,GAC1BL,EAAclB,KAAK,IAAKF,EAAQX,QAASgC,GAE7C,MAAWP,EAAcU,IAAIxB,EAAOmB,QAClCC,EAAclB,KAAKF,GAIvBT,EAAmB6B,EAAc,CAClC,GACA,CAAC/B,IAMJ,OAJAqC,WAAU,KACR7B,EAAmBF,EAAOkB,QAAQ,GACjC,CAAChB,IAEG,CAACP,EAAiBO,EAAmB,EAGvC,MAAM8B,iBAAmBA,EAC9BC,cACAvC,cAKA,MAAMwC,EAAmBC,mBAEzB,MAAOC,EAAeC,GAAoBxC,UAAmD,IAC3FC,MAAMC,QAAQL,GAAWA,EAAU,KAErC,MAAO4C,EAAgBC,GAAqB1C,UAAkB,GAE9D,MAAM2C,EAAgBvC,OAAiE,MAoCvF,MAAO,CAACmC,EAAeE,EAlCEG,aACtBxB,IACC,GAAKgB,EAEL,GAAIhB,EAAQa,SAAW,GAAKhC,MAAMC,QAAQL,GACxC8C,EAActB,QAAU,KACxBmB,EAAiB3C,GACjB6C,GAAkB,OACb,CAEL,MAAMG,EAA6DF,EAActB,QAAUe,EAAYhB,GAEvGsB,GAAkB,GAClBG,EACGC,MAAMC,IACDV,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiBO,GACjBL,GAAkB,GACpB,IAEDM,OAAOC,IACNC,QAAQC,MAAMF,GACVZ,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiB,IACjBE,GAAkB,GACpB,GAEN,IAEF,CAACN,EAAavC,EAASwC,IAG+B"}
+{"version":3,"file":"hooks.mjs","sources":["../../../../src/components/Dropdown/hooks.ts"],"sourcesContent":["import { useState, useRef, useCallback, useMemo, useEffect } from 'react'\nimport Fuse from 'fuse.js'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport { FuseSearchKeys } from './constants'\nimport type { DropdownOption, DropdownOptionGroup } from './types'\nimport { isDropdownOptionGroup } from './utils'\n\nexport const useFilteredOptions = ({\n  options,\n}: {\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], (pattern: string) => void] => {\n  const [filteredOptions, setFilteredOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n\n  const search = useRef<string>('')\n\n  const getFilteredOptions = useMemo(() => {\n    const allOptions: DropdownOption[] = []\n\n    for (const option of options ?? []) {\n      if (isDropdownOptionGroup(option)) {\n        allOptions.push(...option.options)\n      } else {\n        allOptions.push(option)\n      }\n    }\n\n    const fuse = new Fuse<DropdownOption>(allOptions, {\n      threshold: 0.4,\n      ignoreLocation: true,\n      keys: [FuseSearchKeys.text, FuseSearchKeys.label, FuseSearchKeys.tags],\n    })\n\n    return (pattern: string) => {\n      search.current = pattern\n      if (!pattern) {\n        setFilteredOptions(options ?? [])\n\n        return\n      }\n\n      const matchedValues = new Set(fuse.search(pattern).map((result) => result.item.value))\n      const resultOptions: (DropdownOption | DropdownOptionGroup)[] = []\n      for (const option of options ?? []) {\n        if (isDropdownOptionGroup(option)) {\n          const optionsInGroup = option.options.filter((opt) => matchedValues.has(opt.value))\n          if (optionsInGroup.length > 0) {\n            resultOptions.push({ ...option, options: optionsInGroup })\n          }\n        } else if (matchedValues.has(option.value)) {\n          resultOptions.push(option)\n        }\n      }\n\n      setFilteredOptions(resultOptions)\n    }\n  }, [options])\n\n  useEffect(() => {\n    getFilteredOptions(search.current)\n  }, [getFilteredOptions])\n\n  return [filteredOptions, getFilteredOptions]\n}\n\nexport const useLoadedOptions = ({\n  loadOptions,\n  options,\n}: {\n  loadOptions?: (pattern: string) => Promise<(DropdownOption | DropdownOptionGroup)[]>\n  options?: (DropdownOption | DropdownOptionGroup)[]\n}): [(DropdownOption | DropdownOptionGroup)[], boolean, (pattern: string) => void] => {\n  const getMountedStatus = useMountedStatus()\n\n  const [loadedOptions, setLoadedOptions] = useState<(DropdownOption | DropdownOptionGroup)[]>(() =>\n    Array.isArray(options) ? options : []\n  )\n  const [optionsLoading, setOptionsLoading] = useState<boolean>(false)\n\n  const optionsLoader = useRef<Promise<(DropdownOption | DropdownOptionGroup)[]> | null>(null)\n\n  const getLoadedOptions = useCallback(\n    (pattern: string) => {\n      if (!loadOptions) return\n\n      if (pattern.length === 0 && Array.isArray(options)) {\n        optionsLoader.current = null\n        setLoadedOptions(options)\n        setOptionsLoading(false)\n      } else {\n        // eslint-disable-next-line no-multi-assign\n        const loader: Promise<(DropdownOption | DropdownOptionGroup)[]> = (optionsLoader.current = loadOptions(pattern))\n\n        setOptionsLoading(true)\n        loader\n          .then((payload) => {\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions(payload)\n              setOptionsLoading(false)\n            }\n          })\n          .catch((err) => {\n            console.error(err)\n            if (getMountedStatus() && optionsLoader.current === loader) {\n              optionsLoader.current = null\n              setLoadedOptions([])\n              setOptionsLoading(false)\n            }\n          })\n      }\n    },\n    [loadOptions, options, getMountedStatus]\n  )\n\n  return [loadedOptions, optionsLoading, getLoadedOptions]\n}\n"],"names":["useFilteredOptions","options","filteredOptions","setFilteredOptions","useState","Array","isArray","search","useRef","getFilteredOptions","useMemo","allOptions","option","isDropdownOptionGroup","push","fuse","Fuse","threshold","ignoreLocation","keys","FuseSearchKeys","text","label","tags","pattern","current","matchedValues","Set","map","result","item","value","resultOptions","optionsInGroup","filter","opt","has","length","useEffect","useLoadedOptions","loadOptions","getMountedStatus","useMountedStatus","loadedOptions","setLoadedOptions","optionsLoading","setOptionsLoading","optionsLoader","useCallback","loader","then","payload","catch","err","console","error"],"mappings":"qPAOO,MAAMA,mBAAqBA,EAChCC,cAIA,MAAOC,EAAiBC,GAAsBC,SAAmD,IAC/FC,MAAMC,QAAQL,GAAWA,EAAU,IAGrC,MAAMM,EAASC,OAAe,IAE9B,MAAMC,EAAqBC,QAAQ,KACjC,MAAMC,EAA+B,GAErC,IAAK,MAAMC,KAAUX,GAAW,GAC1BY,sBAAsBD,GACxBD,EAAWG,QAAQF,EAAOX,SAE1BU,EAAWG,KAAKF,GAIpB,MAAMG,EAAO,IAAIC,KAAqBL,EAAY,CAChDM,UAAW,GACXC,gBAAgB,EAChBC,KAAM,CAACC,eAAeC,KAAMD,eAAeE,MAAOF,eAAeG,QAGnE,OAAQC,IAEN,GADAjB,EAAOkB,QAAUD,GACZA,EAGH,YAFArB,EAAmBF,GAAW,IAKhC,MAAMyB,EAAgB,IAAIC,IAAIZ,EAAKR,OAAOiB,GAASI,IAAKC,GAAWA,EAAOC,KAAKC,QAC/E,MAAMC,EAA0D,GAChE,IAAK,MAAMpB,KAAUX,GAAW,GAC9B,GAAIY,sBAAsBD,GAAS,CACjC,MAAMqB,EAAiBrB,EAAOX,QAAQiC,OAAQC,GAAQT,EAAcU,IAAID,EAAIJ,QACxEE,EAAeI,OAAS,GAC1BL,EAAclB,KAAK,IAAKF,EAAQX,QAASgC,GAE7C,MAAWP,EAAcU,IAAIxB,EAAOmB,QAClCC,EAAclB,KAAKF,GAIvBT,EAAmB6B,KAEpB,CAAC/B,IAMJ,OAJAqC,UAAU,KACR7B,EAAmBF,EAAOkB,UACzB,CAAChB,IAEG,CAACP,EAAiBO,IAGpB,MAAM8B,iBAAmBA,EAC9BC,cACAvC,cAKA,MAAMwC,EAAmBC,mBAEzB,MAAOC,EAAeC,GAAoBxC,SAAmD,IAC3FC,MAAMC,QAAQL,GAAWA,EAAU,IAErC,MAAO4C,EAAgBC,GAAqB1C,UAAkB,GAE9D,MAAM2C,EAAgBvC,OAAiE,MAoCvF,MAAO,CAACmC,EAAeE,EAlCEG,YACtBxB,IACC,GAAKgB,EAEL,GAAIhB,EAAQa,SAAW,GAAKhC,MAAMC,QAAQL,GACxC8C,EAActB,QAAU,KACxBmB,EAAiB3C,GACjB6C,GAAkB,OACb,CAEL,MAAMG,EAA6DF,EAActB,QAAUe,EAAYhB,GAEvGsB,GAAkB,GAClBG,EACGC,KAAMC,IACDV,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiBO,GACjBL,GAAkB,MAGrBM,MAAOC,IACNC,QAAQC,MAAMF,GACVZ,KAAsBM,EAActB,UAAYwB,IAClDF,EAActB,QAAU,KACxBmB,EAAiB,IACjBE,GAAkB,KAG1B,GAEF,CAACN,EAAavC,EAASwC"}

package/components/Dropdown/renderDropdownOptionsList.js

@@ -1,2 +1,2 @@
-'use strict';var utils=require('./utils.js');var DropdownListItem=require('./DropdownListItem.js');var jsxRuntime=require('react/jsx-runtime');var React=require('react');var MenuDivider=require('../MenuDivider/MenuDivider.js');exports.renderDropdownOptionsList=({disabled:e,status:t,readOnly:i,multiple:r,dropdownSelectedOption:n,menuOptions:o,forceSelected:s,statusVisibility:l,selectedOptionRef:u,onClick:a,onChange:d,...p})=>{const c={...p,disabled:e,readOnly:i,status:t,multiple:r,statusVisibility:l,onClick:a,onChange:d};const isSelected=e=>s??n.some((t=>t.value===e));return o.flatMap(((e,t)=>{if(utils.isDropdownOptionGroup(e)){const i=t>0||e.label?jsxRuntime.jsx(MenuDivider.MenuDivider,{...p,children:e.label??null},`group-${t}`):null;const r=e.options.map((e=>{const t=isSelected(e.value);return React.createElement(DropdownListItem.DropdownListItem,{...c,key:e.value,ref:t?u:void 0,option:e,selected:t})}));return i?[i,...r]:r}const i=isSelected(e.value);return React.createElement(DropdownListItem.DropdownListItem,{...c,key:e.value,ref:i?u:void 0,option:e,selected:i})}))};
+'use strict';var utils=require('./utils.js');var DropdownListItem=require('./DropdownListItem.js');var jsxRuntime=require('react/jsx-runtime');var React=require('react');var MenuDivider=require('../MenuDivider/MenuDivider.js');exports.renderDropdownOptionsList=({disabled:e,status:t,readOnly:i,multiple:r,dropdownSelectedOption:n,menuOptions:o,forceSelected:s,statusVisibility:l,selectedOptionRef:u,onClick:a,onChange:d,renderOption:p,...c})=>{const v={...c,disabled:e,readOnly:i,status:t,multiple:r,statusVisibility:l,onClick:a,onChange:d,renderOption:p};const isSelected=e=>s??n.some(t=>t.value===e);return o.flatMap((e,t)=>{if(utils.isDropdownOptionGroup(e)){const i=t>0||e.label?jsxRuntime.jsx(MenuDivider.MenuDivider,{...c,children:e.label??null},`group-${t}`):null;const r=e.options.map(e=>{const t=isSelected(e.value);return React.createElement(DropdownListItem.DropdownListItem,{...v,key:e.value,ref:t?u:void 0,option:e,selected:t})});return i?[i,...r]:r}const i=isSelected(e.value);return React.createElement(DropdownListItem.DropdownListItem,{...v,key:e.value,ref:i?u:void 0,option:e,selected:i})})};
 //# sourceMappingURL=renderDropdownOptionsList.js.map

package/components/Dropdown/renderDropdownOptionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderDropdownOptionsList.js","sources":["../../../../src/components/Dropdown/renderDropdownOptionsList.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { DropdownOptionsListProps } from './types'\nimport { isDropdownOptionGroup } from './utils'\nimport { DropdownListItem } from './DropdownListItem'\n\nexport const renderDropdownOptionsList = ({\n  disabled,\n  status,\n  readOnly,\n  multiple,\n  dropdownSelectedOption,\n  menuOptions,\n  forceSelected,\n  statusVisibility,\n  selectedOptionRef,\n  onClick,\n  onChange,\n  ...sizeProps\n}: DropdownOptionsListProps): ReactNode => {\n  const commonProps = { ...sizeProps, disabled, readOnly, status, multiple, statusVisibility, onClick, onChange }\n\n  const isSelected = (value: string) => forceSelected ?? dropdownSelectedOption.some((item) => item.value === value)\n\n  return menuOptions.flatMap((option, index) => {\n    if (isDropdownOptionGroup(option)) {\n      const divider =\n        index > 0 || option.label ? (\n          <MenuDivider key={`group-${index}`} {...sizeProps}>\n            {option.label ?? null}\n          </MenuDivider>\n        ) : null\n\n      const optionsInGroup = option.options.map((optionInGroup) => {\n        const selected = isSelected(optionInGroup.value)\n\n        return (\n          <DropdownListItem\n            {...commonProps}\n            key={optionInGroup.value}\n            ref={selected ? selectedOptionRef : undefined}\n            option={optionInGroup}\n            selected={selected}\n          />\n        )\n      })\n\n      return divider ? [divider, ...optionsInGroup] : optionsInGroup\n    }\n\n    const selected = isSelected(option.value)\n\n    return (\n      <DropdownListItem\n        {...commonProps}\n        key={option.value}\n        ref={selected ? selectedOptionRef : undefined}\n        option={option}\n        selected={selected}\n      />\n    )\n  })\n}\n"],"names":["renderDropdownOptionsList","disabled","status","readOnly","multiple","dropdownSelectedOption","menuOptions","forceSelected","statusVisibility","selectedOptionRef","onClick","onChange","sizeProps","commonProps","isSelected","value","some","item","flatMap","option","index","isDropdownOptionGroup","divider","label","_jsx","MenuDivider","children","optionsInGroup","options","map","optionInGroup","selected","_createElement","DropdownListItem","key","ref","undefined"],"mappings":"qQAMyCA,EACvCC,WACAC,SACAC,WACAC,WACAC,yBACAC,cACAC,gBACAC,mBACAC,oBACAC,UACAC,cACGC,MAEH,MAAMC,EAAc,IAAKD,EAAWX,WAAUE,WAAUD,SAAQE,WAAUI,mBAAkBE,UAASC,YAErG,MAAMG,WAAcC,GAAkBR,GAAiBF,EAAuBW,MAAMC,GAASA,EAAKF,QAAUA,IAE5G,OAAOT,EAAYY,SAAQ,CAACC,EAAQC,KAClC,GAAIC,MAAAA,sBAAsBF,GAAS,CACjC,MAAMG,EACJF,EAAQ,GAAKD,EAAOI,MAClBC,WAAAA,IAACC,wBAAW,IAA4Bb,EAASc,SAC9CP,EAAOI,OAAS,MADD,SAASH,KAGzB,KAEN,MAAMO,EAAiBR,EAAOS,QAAQC,KAAKC,IACzC,MAAMC,EAAWjB,WAAWgB,EAAcf,OAE1C,OACEiB,MAAAA,cAACC,iBAAAA,iBAAgB,IACXpB,EACJqB,IAAKJ,EAAcf,MACnBoB,IAAKJ,EAAWtB,OAAoB2B,EACpCjB,OAAQW,EACRC,SAAUA,GACV,IAIN,OAAOT,EAAU,CAACA,KAAYK,GAAkBA,CAClD,CAEA,MAAMI,EAAWjB,WAAWK,EAAOJ,OAEnC,OACEiB,MAAAA,cAACC,iBAAAA,iBAAgB,IACXpB,EACJqB,IAAKf,EAAOJ,MACZoB,IAAKJ,EAAWtB,OAAoB2B,EACpCjB,OAAQA,EACRY,SAAUA,GACV,GAEJ"}
+{"version":3,"file":"renderDropdownOptionsList.js","sources":["../../../../src/components/Dropdown/renderDropdownOptionsList.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { DropdownOptionsListProps } from './types'\nimport { isDropdownOptionGroup } from './utils'\nimport { DropdownListItem } from './DropdownListItem'\n\nexport const renderDropdownOptionsList = ({\n  disabled,\n  status,\n  readOnly,\n  multiple,\n  dropdownSelectedOption,\n  menuOptions,\n  forceSelected,\n  statusVisibility,\n  selectedOptionRef,\n  onClick,\n  onChange,\n  renderOption,\n  ...sizeProps\n}: DropdownOptionsListProps): ReactNode => {\n  const commonProps = {\n    ...sizeProps,\n    disabled,\n    readOnly,\n    status,\n    multiple,\n    statusVisibility,\n    onClick,\n    onChange,\n    renderOption,\n  }\n\n  const isSelected = (value: string) => forceSelected ?? dropdownSelectedOption.some((item) => item.value === value)\n\n  return menuOptions.flatMap((option, index) => {\n    if (isDropdownOptionGroup(option)) {\n      const divider =\n        index > 0 || option.label ? (\n          <MenuDivider key={`group-${index}`} {...sizeProps}>\n            {option.label ?? null}\n          </MenuDivider>\n        ) : null\n\n      const optionsInGroup = option.options.map((optionInGroup) => {\n        const selected = isSelected(optionInGroup.value)\n\n        return (\n          <DropdownListItem\n            {...commonProps}\n            key={optionInGroup.value}\n            ref={selected ? selectedOptionRef : undefined}\n            option={optionInGroup}\n            selected={selected}\n          />\n        )\n      })\n\n      return divider ? [divider, ...optionsInGroup] : optionsInGroup\n    }\n\n    const selected = isSelected(option.value)\n\n    return (\n      <DropdownListItem\n        {...commonProps}\n        key={option.value}\n        ref={selected ? selectedOptionRef : undefined}\n        option={option}\n        selected={selected}\n      />\n    )\n  })\n}\n"],"names":["renderDropdownOptionsList","disabled","status","readOnly","multiple","dropdownSelectedOption","menuOptions","forceSelected","statusVisibility","selectedOptionRef","onClick","onChange","renderOption","sizeProps","commonProps","isSelected","value","some","item","flatMap","option","index","isDropdownOptionGroup","divider","label","_jsx","MenuDivider","children","optionsInGroup","options","map","optionInGroup","selected","_createElement","DropdownListItem","key","ref","undefined"],"mappings":"qQAMyCA,EACvCC,WACAC,SACAC,WACAC,WACAC,yBACAC,cACAC,gBACAC,mBACAC,oBACAC,UACAC,WACAC,kBACGC,MAEH,MAAMC,EAAc,IACfD,EACHZ,WACAE,WACAD,SACAE,WACAI,mBACAE,UACAC,WACAC,gBAGF,MAAMG,WAAcC,GAAkBT,GAAiBF,EAAuBY,KAAMC,GAASA,EAAKF,QAAUA,GAE5G,OAAOV,EAAYa,QAAQ,CAACC,EAAQC,KAClC,GAAIC,MAAAA,sBAAsBF,GAAS,CACjC,MAAMG,EACJF,EAAQ,GAAKD,EAAOI,MAClBC,WAAAA,IAACC,wBAAW,IAA4Bb,EAASc,SAC9CP,EAAOI,OAAS,MADD,SAASH,KAGzB,KAEN,MAAMO,EAAiBR,EAAOS,QAAQC,IAAKC,IACzC,MAAMC,EAAWjB,WAAWgB,EAAcf,OAE1C,OACEiB,MAAAA,cAACC,iBAAAA,iBAAgB,IACXpB,EACJqB,IAAKJ,EAAcf,MACnBoB,IAAKJ,EAAWvB,OAAoB4B,EACpCjB,OAAQW,EACRC,SAAUA,MAKhB,OAAOT,EAAU,CAACA,KAAYK,GAAkBA,CAClD,CAEA,MAAMI,EAAWjB,WAAWK,EAAOJ,OAEnC,OACEiB,MAAAA,cAACC,iBAAAA,iBAAgB,IACXpB,EACJqB,IAAKf,EAAOJ,MACZoB,IAAKJ,EAAWvB,OAAoB4B,EACpCjB,OAAQA,EACRY,SAAUA"}