@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

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

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,renderOption:h,...b}=e;const w=useMemo((()=>groupDropdownOptions(d,a)),[d,a]);const D=w[0].length>0&&w[1].length===0;const x=w[0].length>0&&w[1].length>0;const C={...b,readOnly:t,disabled:i,multiple:!0,dropdownSelectedOption:a,renderOption:h};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,{...b,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:D,indeterminate:x,error:Boolean((D||x)&&s==='error'),success:Boolean((D||x)&&s==='success'),onChange:()=>{if(t)return;const e=D||x?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=w[1]?.[0];return w[1].length===0?!!g||!(isDropdownOptionGroup(d[0])&&d[0].label):!isDropdownOptionGroup(e)||!e.label||Boolean(g&&w[0].length>0)})()?jsx(MenuDivider,{...b}):null,g?renderDropdownOptionsList({...C,status:s,statusVisibility:'always',menuOptions:w[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(w[0].length===0||w[1].length===0)return!1;const e=w[1][0];return!isDropdownOptionGroup(e)||!e.label})()?jsx(MenuDivider,{...b}):null,g?renderDropdownOptionsList({...C,statusVisibility:'never',forceSelected:!1,menuOptions:w[1],onClick:()=>{p.current?.focus()},onChange:(e,o)=>{const n=[...a,o];O(n)}}):null,!g&&renderDropdownOptionsList({...C,status:s,menuOptions:d,onChange:(e,o,n)=>{const t=n?a.filter((o=>o.value!==e.currentTarget.value)):[...a,o];O(t)}})]}):renderDropdownOptionsList({...C,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}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:j}=e;const C={size:b,sizeXXS:w,sizeXS:x,sizeS:L,sizeM:D,sizeL:M,sizeXL:j};const z=useMemo(()=>groupDropdownOptions(d,a),[d,a]);const S=z[0].length>0&&z[1].length===0;const v=z[0].length>0&&z[1].length>0;const I={...C,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,{...C,component:"label",borderRadius:8,text:e=>jsx(Text,{...e,ellipsis:!1,wordBreak:"break-word",children:f}),disabled:i,onClick:e=>{e.stopPropagation()},addonLeft:jsx(InputCheckbox,{...C,sizes:SIZES_CHECKBOX,form:"none",name:o,checked:S,indeterminate:v,error:Boolean((S||v)&&s==='error'),success:Boolean((S||v)&&s==='success'),disabled:i,onChange:()=>{if(t)return;const e=S||v?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=z[1]?.[0];return z[1].length===0?!!g||!(isDropdownOptionGroup(d[0])&&d[0].label):!isDropdownOptionGroup(e)||!e.label||Boolean(g&&z[0].length>0)})()?jsx(MenuDivider,{...C}):null,g?renderDropdownOptionsList({...I,status:s,statusVisibility:'always',menuOptions:z[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(z[0].length===0||z[1].length===0)return!1;const e=z[1][0];return!isDropdownOptionGroup(e)||!e.label})()?jsx(MenuDivider,{...C}):null,g?renderDropdownOptionsList({...I,statusVisibility:'never',forceSelected:!1,menuOptions:z[1],onClick:()=>{u.current?.focus()},onChange:(e,n)=>{const o=[...a,n];O(o)}}):null,!g&&renderDropdownOptionsList({...I,status:s,menuOptions:d,onChange:(e,n,o)=>{const t=o?a.filter(n=>n.value!==e.currentTarget.value):[...a,n];O(t)}})]}):renderDropdownOptionsList({...I,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    renderOption,\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    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              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","renderOption","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 { Text } from 'components/Text'\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    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} 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","ellipsis","wordBreak","onClick","evt","stopPropagation","addonLeft","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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"}

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,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})}))};
+'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  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,MAAMC,GAASA,EAAKF,QAAUA,IAE5G,OAAOV,EAAYa,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,EAAWvB,OAAoB4B,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,EAAWvB,OAAoB4B,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"}

package/components/Dropdown/renderDropdownOptionsList.mjs

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

package/components/Dropdown/renderDropdownOptionsList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderDropdownOptionsList.mjs","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":"gOAMO,MAAMA,0BAA4BA,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,MAAMC,GAASA,EAAKF,QAAUA,IAE5G,OAAOV,EAAYa,SAAQ,CAACC,EAAQC,KAClC,GAAIC,sBAAsBF,GAAS,CACjC,MAAMG,EACJF,EAAQ,GAAKD,EAAOI,MAClBC,IAACC,YAAW,IAA4Bb,EAASc,SAC9CP,EAAOI,OAAS,MADD,SAASH,KAGzB,KAEN,MAAMO,EAAiBR,EAAOS,QAAQC,KAAKC,IACzC,MAAMC,EAAWjB,WAAWgB,EAAcf,OAE1C,OACEiB,cAACC,iBAAgB,IACXpB,EACJqB,IAAKJ,EAAcf,MACnBoB,IAAKJ,EAAWvB,OAAoB4B,EACpCjB,OAAQW,EACRC,SAAUA,GACV,IAIN,OAAOT,EAAU,CAACA,KAAYK,GAAkBA,CAClD,CAEA,MAAMI,EAAWjB,WAAWK,EAAOJ,OAEnC,OACEiB,cAACC,iBAAgB,IACXpB,EACJqB,IAAKf,EAAOJ,MACZoB,IAAKJ,EAAWvB,OAAoB4B,EACpCjB,OAAQA,EACRY,SAAUA,GACV,GAEJ"}
+{"version":3,"file":"renderDropdownOptionsList.mjs","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":"gOAMO,MAAMA,0BAA4BA,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,sBAAsBF,GAAS,CACjC,MAAMG,EACJF,EAAQ,GAAKD,EAAOI,MAClBC,IAACC,YAAW,IAA4Bb,EAASc,SAC9CP,EAAOI,OAAS,MADD,SAASH,KAGzB,KAEN,MAAMO,EAAiBR,EAAOS,QAAQC,IAAKC,IACzC,MAAMC,EAAWjB,WAAWgB,EAAcf,OAE1C,OACEiB,cAACC,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,cAACC,iBAAgB,IACXpB,EACJqB,IAAKf,EAAOJ,MACZoB,IAAKJ,EAAWvB,OAAoB4B,EACpCjB,OAAQA,EACRY,SAAUA"}