@foxford/ui 2.39.0-beta-86953e6-20240820 → 2.39.0-beta-22709eb-20240820

package/components/ContextMenu/Item.mjs

@@ -1 +1,2 @@
 import{DefaultColorNames}from'../../theme/colors.mjs';import{RootItem}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const disabledHandler=e=>(e.preventDefault(),e.preventDefault(),e.stopPropagation(),!1);function ContextMenuItem({children:e,id:t,content:o,active:s,disabled:n,onClick:a,className:l,style:i}){return jsxs(RootItem,{style:i,className:l,active:s,disabled:n,onClick:n?disabledHandler:a,"data-id":t,children:[e,jsx(Text,{size:"s",lineHeight:"s",color:DefaultColorNames.mineShaft,children:o})]})}ContextMenuItem.displayName='ContextMenu.Item';export{ContextMenuItem};
+//# sourceMappingURL=Item.mjs.map

package/components/ContextMenu/Item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.mjs","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n  e.preventDefault()\n  e.preventDefault()\n  e.stopPropagation()\n\n  return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: string\n  active?: boolean\n  disabled?: boolean\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n  id?: string | number\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport function ContextMenuItem({\n  children,\n  id,\n  content,\n  active,\n  disabled,\n  onClick,\n  className,\n  style,\n}: ContextMenuItemProps) {\n  return (\n    <Styled.RootItem\n      style={style}\n      className={className}\n      active={active}\n      disabled={disabled}\n      onClick={disabled ? disabledHandler : onClick}\n      data-id={id}\n    >\n      {children}\n      <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.RootItem>\n  )\n}\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"mKAKA,MAAMA,gBAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAEK,GAqBF,SAASC,iBAAgBC,SAC9BA,EAAQC,GACRA,EAAEC,QACFA,EAAOC,OACPA,EAAMC,SACNA,EAAQC,QACRA,EAAOC,UACPA,EAASC,MACTA,IAEA,OACEC,KAACC,SAAe,CACdF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWT,gBAAkBU,EACtC,UAASJ,EAAGD,SAEXA,CAAAA,EACDU,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,kBAAkBC,UAAUhB,SAC9DE,MAIT,CA/BAH,gBAAgBkB,YAAc"}

package/components/ContextMenu/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');const isOpen=styled.css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],(o=>o.theme.zIndex.tooltip));const disabledItem=styled.css(["background-color:",";opacity:0.6;cursor:default;"],(o=>o.theme.colors.alabaster));const notDisabledItem=styled.css(["&:hover{background-color:",";}"],(o=>o.theme.colors.onahau));const Root=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(o=>o.isOpen&&Boolean(o.hideOverlay)===!1?isOpen:null));const RootItem=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','data-id'].includes(o)}).withConfig({componentId:"fox-ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],(o=>o.active?styled.css(["background-color:",";"],o.theme.colors.onahau):null),(o=>o.disabled?disabledItem:notDisabledItem));exports.Root=Root,exports.RootItem=RootItem;
+'use strict';var styled=require('styled-components');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const isOpen=styled.css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],(e=>e.theme.zIndex.tooltip));const disabledItem=styled.css(["background-color:",";opacity:0.6;cursor:default;"],(e=>e.theme.colors.alabaster));const notDisabledItem=styled.css(["&:hover{background-color:",";}"],(e=>e.theme.colors.onahau));const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','onClick','children','style'].includes(e)}).withConfig({displayName:"ContextMenu__Root",componentId:"ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(e=>e.isOpen&&Boolean(e.hideOverlay)===!1?isOpen:null));const RootItem=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','onClick','children','data-id'].includes(e)}).withConfig({displayName:"ContextMenu__RootItem",componentId:"ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],(e=>e.active?styled.css(["background-color:",";"],e.theme.colors.onahau):null),(e=>e.disabled?disabledItem:notDisabledItem));exports.Root=Root,exports.RootItem=RootItem;
+//# sourceMappingURL=style.js.map

package/components/ContextMenu/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ContextMenuProps } from './ContextMenu'\nimport { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n  &:after {\n    cursor: default;\n    user-select: none;\n    content: '';\n    display: block;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    z-index: ${(props) => props.theme.zIndex.tooltip};\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n`\n\nconst disabledItem = css`\n  background-color: ${(props) => props.theme.colors.alabaster};\n  opacity: 0.6;\n  cursor: default;\n`\n\nconst notDisabledItem = css`\n  &:hover {\n    background-color: ${(props) => props.theme.colors.onahau};\n  }\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' | 'hideOverlay'>>`\n  display: inline-block;\n  position: relative;\n  [style*='cursor'] {\n    cursor: default !important;\n  }\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' | 'disabled'>>`\n  display: block;\n  padding: 8px 20px 7px;\n  transition: background-color 0.4s ease-out;\n  cursor: pointer;\n  user-select: none;\n  ${(props) =>\n    props.active\n      ? css`\n          background-color: ${props.theme.colors.onahau};\n        `\n      : null}\n  ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"kKAIA,MAAMA,OAASC,OAAGA,IAAA,CAAA,kHAAA,qCASFC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,MAAMC,aAAeL,OAAGA,IAAA,CAAA,oBAAA,iCACDC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,MAAMC,gBAAkBR,OAAGA,IAAA,CAAA,4BAAA,OAEFC,GAAUA,EAAMC,MAAMI,OAAOG,SAI/C,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,KASGV,GAAWA,EAAMF,QAAUoB,QAAQlB,EAAMmB,gBAAiB,EAAQrB,OAAS,OAGzE,MAAMsB,SAAWV,gBAAAA,QAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,CAQnBV,CAAAA,gHAAAA,IAAAA,KAAAA,GACDA,EAAMqB,OACFtB,OAAGA,IACmBC,CAAAA,oBAAAA,KAAAA,EAAMC,MAAMI,OAAOG,QAEzC,OACHR,GAAWA,EAAMsB,SAAWlB,aAAeG"}

package/components/ContextMenu/style.mjs

@@ -1 +1,2 @@
-import styled,{css}from'styled-components';const isOpen=css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],(o=>o.theme.zIndex.tooltip));const disabledItem=css(["background-color:",";opacity:0.6;cursor:default;"],(o=>o.theme.colors.alabaster));const notDisabledItem=css(["&:hover{background-color:",";}"],(o=>o.theme.colors.onahau));const Root=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(o=>o.isOpen&&Boolean(o.hideOverlay)===!1?isOpen:null));const RootItem=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','data-id'].includes(o)}).withConfig({componentId:"fox-ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],(o=>o.active?css(["background-color:",";"],o.theme.colors.onahau):null),(o=>o.disabled?disabledItem:notDisabledItem));export{Root,RootItem};
+import styled,{css}from'styled-components';const isOpen=css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],(o=>o.theme.zIndex.tooltip));const disabledItem=css(["background-color:",";opacity:0.6;cursor:default;"],(o=>o.theme.colors.alabaster));const notDisabledItem=css(["&:hover{background-color:",";}"],(o=>o.theme.colors.onahau));const Root=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','style'].includes(o)}).withConfig({displayName:"ContextMenu__Root",componentId:"ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(o=>o.isOpen&&Boolean(o.hideOverlay)===!1?isOpen:null));const RootItem=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','data-id'].includes(o)}).withConfig({displayName:"ContextMenu__RootItem",componentId:"ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],(o=>o.active?css(["background-color:",";"],o.theme.colors.onahau):null),(o=>o.disabled?disabledItem:notDisabledItem));export{Root,RootItem};
+//# sourceMappingURL=style.mjs.map

package/components/ContextMenu/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ContextMenuProps } from './ContextMenu'\nimport { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n  &:after {\n    cursor: default;\n    user-select: none;\n    content: '';\n    display: block;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    z-index: ${(props) => props.theme.zIndex.tooltip};\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n`\n\nconst disabledItem = css`\n  background-color: ${(props) => props.theme.colors.alabaster};\n  opacity: 0.6;\n  cursor: default;\n`\n\nconst notDisabledItem = css`\n  &:hover {\n    background-color: ${(props) => props.theme.colors.onahau};\n  }\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' | 'hideOverlay'>>`\n  display: inline-block;\n  position: relative;\n  [style*='cursor'] {\n    cursor: default !important;\n  }\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' | 'disabled'>>`\n  display: block;\n  padding: 8px 20px 7px;\n  transition: background-color 0.4s ease-out;\n  cursor: pointer;\n  user-select: none;\n  ${(props) =>\n    props.active\n      ? css`\n          background-color: ${props.theme.colors.onahau};\n        `\n      : null}\n  ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"2CAIA,MAAMA,OAASC,IAAG,CAAA,kHAAA,qCASFC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,MAAMC,aAAeL,IAAG,CAAA,oBAAA,iCACDC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,MAAMC,gBAAkBR,IAAG,CAAA,4BAAA,OAEFC,GAAUA,EAAMC,MAAMI,OAAOG,SAI/C,MAAMC,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,KASGV,GAAWA,EAAMF,QAAUoB,QAAQlB,EAAMmB,gBAAiB,EAAQrB,OAAS,OAGzE,MAAMsB,SAAWV,OAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,CAQnBV,CAAAA,gHAAAA,IAAAA,KAAAA,GACDA,EAAMqB,OACFtB,IACsBC,CAAAA,oBAAAA,KAAAA,EAAMC,MAAMI,OAAOG,QAEzC,OACHR,GAAWA,EAAMsB,SAAWlB,aAAeG"}

package/components/ContextMenu/tooltip-styles.js

@@ -1 +1,2 @@
 'use strict';exports.tooltipStyles={wrapper:{display:'inline-block',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',WebkitFilter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',maxWidth:300,minWidth:200,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:99},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:4,border:'1px solid #E9E9E9',color:'#333',backgroundColor:'#fff',minHeight:32,minWidth:180,padding:'0',position:'relative',display:'block',overflow:'hidden'},content:{display:'block'},arrow:{display:'none'}};
+//# sourceMappingURL=tooltip-styles.js.map

package/components/ContextMenu/tooltip-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-styles.js","sources":["../../../../src/components/ContextMenu/tooltip-styles.ts"],"sourcesContent":["const zIndex = 100\n\nexport const tooltipStyles = {\n  wrapper: {\n    display: 'inline-block',\n    zIndex,\n  },\n  wrapperPosition: {\n    left: -1000,\n    position: 'absolute',\n    top: -1000,\n    visibility: 'hidden',\n  },\n  floater: {\n    display: 'inline-block',\n    filter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n    WebkitFilter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n    maxWidth: 300,\n    minWidth: 200,\n    opacity: 0,\n    position: 'relative',\n    transition: 'opacity 0.2s',\n    visibility: 'hidden',\n    zIndex: 99,\n  },\n  floaterOpening: {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  floaterWithAnimation: {\n    opacity: 1,\n    transition: 'opacity 0.2s, transform 0.2s',\n    visibility: 'visible',\n  },\n  floaterClosing: {\n    opacity: 0,\n    visibility: 'visible',\n  },\n  floaterCentered: {\n    left: '50%',\n    position: 'fixed',\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  container: {\n    boxSizing: 'border-box',\n    borderRadius: 4,\n    border: '1px solid #E9E9E9',\n    color: '#333',\n    backgroundColor: '#fff',\n    minHeight: 32,\n    minWidth: 180,\n    padding: '0',\n    position: 'relative',\n    display: 'block',\n    overflow: 'hidden',\n  },\n  content: {\n    display: 'block',\n  },\n  arrow: {\n    display: 'none',\n  },\n}\n"],"names":["wrapper","display","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","minWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","border","color","backgroundColor","minHeight","padding","overflow","content","arrow"],"mappings":"mCAE6B,CAC3BA,QAAS,CACPC,QAAS,eACTC,OALW,KAObC,gBAAiB,CACfC,MAAO,IACPC,SAAU,WACVC,KAAM,IACNC,WAAY,UAEdC,QAAS,CACPP,QAAS,eACTQ,OAAQ,+CACRC,aAAc,+CACdC,SAAU,IACVC,SAAU,IACVC,QAAS,EACTR,SAAU,WACVS,WAAY,eACZP,WAAY,SACZL,OAAQ,IAEVa,eAAgB,CACdF,QAAS,EACTN,WAAY,WAEdS,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZP,WAAY,WAEdU,eAAgB,CACdJ,QAAS,EACTN,WAAY,WAEdW,gBAAiB,CACfd,KAAM,MACNC,SAAU,QACVC,IAAK,MACLa,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,OAAQ,oBACRC,MAAO,OACPC,gBAAiB,OACjBC,UAAW,GACXd,SAAU,IACVe,QAAS,IACTtB,SAAU,WACVJ,QAAS,QACT2B,SAAU,UAEZC,QAAS,CACP5B,QAAS,SAEX6B,MAAO,CACL7B,QAAS"}

package/components/ContextMenu/tooltip-styles.mjs

@@ -1 +1,2 @@
 const tooltipStyles={wrapper:{display:'inline-block',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',WebkitFilter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',maxWidth:300,minWidth:200,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:99},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:4,border:'1px solid #E9E9E9',color:'#333',backgroundColor:'#fff',minHeight:32,minWidth:180,padding:'0',position:'relative',display:'block',overflow:'hidden'},content:{display:'block'},arrow:{display:'none'}};export{tooltipStyles};
+//# sourceMappingURL=tooltip-styles.mjs.map

package/components/ContextMenu/tooltip-styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-styles.mjs","sources":["../../../../src/components/ContextMenu/tooltip-styles.ts"],"sourcesContent":["const zIndex = 100\n\nexport const tooltipStyles = {\n  wrapper: {\n    display: 'inline-block',\n    zIndex,\n  },\n  wrapperPosition: {\n    left: -1000,\n    position: 'absolute',\n    top: -1000,\n    visibility: 'hidden',\n  },\n  floater: {\n    display: 'inline-block',\n    filter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n    WebkitFilter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n    maxWidth: 300,\n    minWidth: 200,\n    opacity: 0,\n    position: 'relative',\n    transition: 'opacity 0.2s',\n    visibility: 'hidden',\n    zIndex: 99,\n  },\n  floaterOpening: {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  floaterWithAnimation: {\n    opacity: 1,\n    transition: 'opacity 0.2s, transform 0.2s',\n    visibility: 'visible',\n  },\n  floaterClosing: {\n    opacity: 0,\n    visibility: 'visible',\n  },\n  floaterCentered: {\n    left: '50%',\n    position: 'fixed',\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  container: {\n    boxSizing: 'border-box',\n    borderRadius: 4,\n    border: '1px solid #E9E9E9',\n    color: '#333',\n    backgroundColor: '#fff',\n    minHeight: 32,\n    minWidth: 180,\n    padding: '0',\n    position: 'relative',\n    display: 'block',\n    overflow: 'hidden',\n  },\n  content: {\n    display: 'block',\n  },\n  arrow: {\n    display: 'none',\n  },\n}\n"],"names":["tooltipStyles","wrapper","display","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","minWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","border","color","backgroundColor","minHeight","padding","overflow","content","arrow"],"mappings":"AAEO,MAAMA,cAAgB,CAC3BC,QAAS,CACPC,QAAS,eACTC,OALW,KAObC,gBAAiB,CACfC,MAAO,IACPC,SAAU,WACVC,KAAM,IACNC,WAAY,UAEdC,QAAS,CACPP,QAAS,eACTQ,OAAQ,+CACRC,aAAc,+CACdC,SAAU,IACVC,SAAU,IACVC,QAAS,EACTR,SAAU,WACVS,WAAY,eACZP,WAAY,SACZL,OAAQ,IAEVa,eAAgB,CACdF,QAAS,EACTN,WAAY,WAEdS,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZP,WAAY,WAEdU,eAAgB,CACdJ,QAAS,EACTN,WAAY,WAEdW,gBAAiB,CACfd,KAAM,MACNC,SAAU,QACVC,IAAK,MACLa,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,OAAQ,oBACRC,MAAO,OACPC,gBAAiB,OACjBC,UAAW,GACXd,SAAU,IACVe,QAAS,IACTtB,SAAU,WACVJ,QAAS,QACT2B,SAAU,UAEZC,QAAS,CACP5B,QAAS,SAEX6B,MAAO,CACL7B,QAAS"}

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var ContextMenu=require('../ContextMenu/ContextMenu.js');var Heading=require('./Heading.js');var SubHeading=require('./SubHeading.js');var Controls=require('./Controls.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Spacer=require('../Spacer/Spacer.js');exports.ContextMenuMultiLevel=class ContextMenuMultiLevel extends React.PureComponent{static displayName='ContextMenu.MultiLevel';static defaultProps={config:{}};constructor(e){super(e),this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}onSelectItem=e=>{const{id:t,level:n}=e;const{selectedItems:r}=this.state;const i=[...r.slice(0,n),t];this.setState({selectedItems:i}),typeof this.props.onSelectItem=='function'&&this.props.onSelectItem(e,n)};getCurrentConfig=()=>{const{config:e}=this.props;const{selectedItems:t}=this.state;if(!e)return null;if(!t.length)return e;try{return t.reduce(((e,t)=>e.items&&e.items.find((e=>e.id===t))?.config||{}),e)}catch(e){return null}};reset=()=>{this.resetTimeout=setTimeout((()=>this.setState({selectedItems:[]})),200)};itemOnClickHandler=e=>{const t=this.getCurrentConfig();if(!t)throw new Error('Config not found');const{items:n=[]}=t;const{currentTarget:r}=e;const{id:i=null}=r.dataset;if(i===null)throw new Error('Data-id for item not found');const s=n.find((e=>`${e.id}`===i));if(!s)throw new Error('Item not found');(s.config||s.preventClosing)&&(e.preventDefault(),e.stopPropagation()),s.config&&this.onSelectItem(s),typeof s.onClick=='function'&&s.onClick(s)};render(){const{children:e,className:t,tooltipProps:n,isOpen:r,trigger:i,...s}=this.props;const{selectedItems:o}=this.state;const c=this.getCurrentConfig();const{config:l,onSelectItem:u,...a}=s;return require$$0.jsxs(ContextMenu.ContextMenu,{className:t,tooltipProps:n,isOpen:r,onClose:this.reset,trigger:i,...a,children:[e,require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsx(Spacer.Spacer,{top:9}),c?.heading?require$$0.jsx(Heading.Heading,{content:c.heading}):null,c?.subheading?require$$0.jsx(SubHeading.SubHeading,{content:c.subheading}):null,c?.items?require$$0.jsx(style.MultilevelItems,{children:c.items.map((e=>require$$0.jsx(ContextMenu.ContextMenu.Item,{id:e.id,content:e.content,active:e.level&&Boolean(o[e.level]===e.id)||e.active,onClick:this.itemOnClickHandler},e.id)))}):null,c?.controls?require$$0.jsx(Controls.Controls,{...c.controls}):require$$0.jsx(Spacer.Spacer,{top:9})]})]})}};
+//# sourceMappingURL=ContextMenu.Multilevel.js.map

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.Multilevel.js","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu, ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n  cancel?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n  confirm?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n}\n\nexport interface MultiLevelItem {\n  id: string | number\n  heading?: string\n  subheading?: string\n  content?: string\n  preventClosing?: boolean\n  // eslint-disable-next-line no-use-before-define\n  config?: MultiLevelConfig\n  items?: MultiLevelItem[]\n  controls?: MultiLevelControls\n  level?: number\n  active?: boolean\n  onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n  items?: MultiLevelItem[]\n  heading?: string\n  subheading?: string\n  controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n  /**  Menu config */\n  config?: MultiLevelConfig\n  /** On select item callback */\n  onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n  selectedItems: (number | string)[]\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n  resetTimeout?: ReturnType<typeof setTimeout>\n  static displayName = 'ContextMenu.MultiLevel'\n  static defaultProps = {\n    config: {},\n  }\n\n  constructor(props: ContextMenuMultiLevelProps) {\n    super(props)\n\n    this.state = {\n      selectedItems: [],\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.resetTimeout)\n  }\n\n  onSelectItem = (selectedItem: MultiLevelItem) => {\n    const { id, level } = selectedItem\n\n    const { selectedItems } = this.state\n    const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n    this.setState({ selectedItems: newSelectedItems })\n\n    if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n  }\n\n  getCurrentConfig = (): MultiLevelConfig | null => {\n    const { config } = this.props\n    const { selectedItems } = this.state\n\n    if (!config) return null\n\n    if (!selectedItems.length) return config\n\n    try {\n      const currentConfig = selectedItems.reduce((acc, levelId) => {\n        return acc.items ? acc.items.find((item) => item.id === levelId)?.config || {} : {}\n      }, config)\n\n      return currentConfig\n    } catch (error) {\n      return null\n    }\n  }\n\n  reset = () => {\n    /* Reset timeout to prevent state switch due to slow tooltip closing animation */\n    this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n  }\n\n  itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const config = this.getCurrentConfig()\n    if (!config) throw new Error('Config not found')\n\n    const { items = [] } = config\n    const { currentTarget } = e\n\n    const { id = null } = currentTarget.dataset\n\n    if (id === null) throw new Error('Data-id for item not found')\n\n    const item = items.find((item) => `${item.id}` === id)\n\n    if (!item) throw new Error('Item not found')\n\n    if (item.config || item.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (item.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(item)\n    }\n\n    if (typeof item.onClick === 'function') {\n      item.onClick(item)\n    }\n  }\n\n  render() {\n    const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n    const { selectedItems } = this.state\n    const config = this.getCurrentConfig()\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n    return (\n      <ContextMenu\n        className={className}\n        tooltipProps={tooltipProps}\n        isOpen={isOpen}\n        onClose={this.reset}\n        trigger={trigger}\n        {...restProps}\n      >\n        {children}\n        <>\n          <Spacer top={9} />\n          {config?.heading ? <Heading content={config.heading} /> : null}\n          {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n          {config?.items ? (\n            <Styled.MultilevelItems>\n              {config.items.map((item) => (\n                <ContextMenu.Item\n                  key={item.id}\n                  id={item.id}\n                  content={item.content}\n                  active={(item.level && Boolean(selectedItems[item.level] === item.id)) || item.active}\n                  onClick={this.itemOnClickHandler}\n                />\n              ))}\n            </Styled.MultilevelItems>\n          ) : null}\n          {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n        </>\n      </ContextMenu>\n    )\n  }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","jsxs","_Fragment","_jsx","jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"yWA4DO,MAAMA,8BAA8BC,MAAAA,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,CAAC,GAGXC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,EAAM,EAGjGI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,QAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,MAAMC,GAASA,EAAKZ,KAAOS,KAAUrB,QAAe,CAAA,GAChFA,EAGJ,CAAC,MAAOyB,GACP,OAAO,IACT,GAGFC,MAAQA,KAENtB,KAAKK,aAAekB,YAAW,IAAMvB,KAAKY,SAAS,CAAEV,cAAe,MAAO,IAAI,EAGjFsB,mBAA+DC,IAC7D,MAAM7B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI8B,MAAM,oBAE7B,MAAMR,MAAEA,EAAQ,IAAOtB,EACvB,MAAM+B,cAAEA,GAAkBF,EAE1B,MAAMjB,GAAEA,EAAK,MAASmB,EAAcC,QAEpC,GAAIpB,IAAO,KAAM,MAAM,IAAIkB,MAAM,8BAEjC,MAAMN,EAAOF,EAAMC,MAAMC,GAAS,GAAGA,EAAKZ,OAASA,IAEnD,IAAKY,EAAM,MAAM,IAAIM,MAAM,mBAEvBN,EAAKxB,QAAUwB,EAAKS,kBACtBJ,EAAEK,iBACFL,EAAEM,mBAGAX,EAAKxB,QAEPI,KAAKM,aAAac,UAGTA,EAAKY,SAAY,YAC1BZ,EAAKY,QAAQZ,EACf,EAGFa,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBvC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ4C,EAASlC,aAAcmC,KAAkBC,GAAcH,EAEvE,OACEI,WAAAA,KAACC,YAAAA,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EACRQ,QAAS7C,KAAKsB,MACdgB,QAASA,KACLI,EAASR,SAEZA,CAAAA,EACDS,WAAAG,KAAAC,oBAAA,CAAAb,SAAA,CACEc,WAAAC,IAACC,cAAM,CAACC,IAAK,IACZvD,GAAQwD,QAAUJ,WAAAA,IAACK,QAAAA,QAAO,CAACC,QAAS1D,EAAOwD,UAAc,KACzDxD,GAAQ2D,WAAaP,WAAAA,IAACQ,WAAAA,WAAU,CAACF,QAAS1D,EAAO2D,aAAiB,KAClE3D,GAAQsB,MACP8B,WAAAA,IAACS,MAAAA,gBAAsB,CAAAvB,SACpBtC,EAAOsB,MAAMwC,KAAKtC,GACjB4B,WAAAC,IAACL,YAAWA,YAACe,KAAI,CAEfnD,GAAIY,EAAKZ,GACT8C,QAASlC,EAAKkC,QACdM,OAASxC,EAAKX,OAASoD,QAAQ3D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKwC,OAC/E5B,QAAShC,KAAKwB,oBAJTJ,EAAKZ,QAQd,KACHZ,GAAQkE,SAAWd,WAAAA,IAACe,SAAAA,SAAQ,IAAKnE,EAAOkE,WAAed,WAAAC,IAACC,cAAM,CAACC,IAAK,SAI7E"}

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs

@@ -1 +1,2 @@
 import{PureComponent}from'react';import{ContextMenu}from'../ContextMenu/ContextMenu.mjs';import{Heading}from'./Heading.mjs';import{SubHeading}from'./SubHeading.mjs';import{Controls}from'./Controls.mjs';import{MultilevelItems}from'./style.mjs';import{jsxs,Fragment,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';class ContextMenuMultiLevel extends PureComponent{static displayName='ContextMenu.MultiLevel';static defaultProps={config:{}};constructor(t){super(t),this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}onSelectItem=t=>{const{id:e,level:n}=t;const{selectedItems:o}=this.state;const s=[...o.slice(0,n),e];this.setState({selectedItems:s}),typeof this.props.onSelectItem=='function'&&this.props.onSelectItem(t,n)};getCurrentConfig=()=>{const{config:t}=this.props;const{selectedItems:e}=this.state;if(!t)return null;if(!e.length)return t;try{return e.reduce(((t,e)=>t.items&&t.items.find((t=>t.id===e))?.config||{}),t)}catch(t){return null}};reset=()=>{this.resetTimeout=setTimeout((()=>this.setState({selectedItems:[]})),200)};itemOnClickHandler=t=>{const e=this.getCurrentConfig();if(!e)throw new Error('Config not found');const{items:n=[]}=e;const{currentTarget:o}=t;const{id:s=null}=o.dataset;if(s===null)throw new Error('Data-id for item not found');const i=n.find((t=>`${t.id}`===s));if(!i)throw new Error('Item not found');(i.config||i.preventClosing)&&(t.preventDefault(),t.stopPropagation()),i.config&&this.onSelectItem(i),typeof i.onClick=='function'&&i.onClick(i)};render(){const{children:t,className:e,tooltipProps:n,isOpen:o,trigger:s,...i}=this.props;const{selectedItems:r}=this.state;const l=this.getCurrentConfig();const{config:c,onSelectItem:m,...u}=i;return jsxs(ContextMenu,{className:e,tooltipProps:n,isOpen:o,onClose:this.reset,trigger:s,...u,children:[t,jsxs(Fragment,{children:[jsx(Spacer,{top:9}),l?.heading?jsx(Heading,{content:l.heading}):null,l?.subheading?jsx(SubHeading,{content:l.subheading}):null,l?.items?jsx(MultilevelItems,{children:l.items.map((t=>jsx(ContextMenu.Item,{id:t.id,content:t.content,active:t.level&&Boolean(r[t.level]===t.id)||t.active,onClick:this.itemOnClickHandler},t.id)))}):null,l?.controls?jsx(Controls,{...l.controls}):jsx(Spacer,{top:9})]})]})}}export{ContextMenuMultiLevel};
+//# sourceMappingURL=ContextMenu.Multilevel.mjs.map

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.Multilevel.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu, ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n  cancel?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n  confirm?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n}\n\nexport interface MultiLevelItem {\n  id: string | number\n  heading?: string\n  subheading?: string\n  content?: string\n  preventClosing?: boolean\n  // eslint-disable-next-line no-use-before-define\n  config?: MultiLevelConfig\n  items?: MultiLevelItem[]\n  controls?: MultiLevelControls\n  level?: number\n  active?: boolean\n  onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n  items?: MultiLevelItem[]\n  heading?: string\n  subheading?: string\n  controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n  /**  Menu config */\n  config?: MultiLevelConfig\n  /** On select item callback */\n  onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n  selectedItems: (number | string)[]\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n  resetTimeout?: ReturnType<typeof setTimeout>\n  static displayName = 'ContextMenu.MultiLevel'\n  static defaultProps = {\n    config: {},\n  }\n\n  constructor(props: ContextMenuMultiLevelProps) {\n    super(props)\n\n    this.state = {\n      selectedItems: [],\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.resetTimeout)\n  }\n\n  onSelectItem = (selectedItem: MultiLevelItem) => {\n    const { id, level } = selectedItem\n\n    const { selectedItems } = this.state\n    const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n    this.setState({ selectedItems: newSelectedItems })\n\n    if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n  }\n\n  getCurrentConfig = (): MultiLevelConfig | null => {\n    const { config } = this.props\n    const { selectedItems } = this.state\n\n    if (!config) return null\n\n    if (!selectedItems.length) return config\n\n    try {\n      const currentConfig = selectedItems.reduce((acc, levelId) => {\n        return acc.items ? acc.items.find((item) => item.id === levelId)?.config || {} : {}\n      }, config)\n\n      return currentConfig\n    } catch (error) {\n      return null\n    }\n  }\n\n  reset = () => {\n    /* Reset timeout to prevent state switch due to slow tooltip closing animation */\n    this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n  }\n\n  itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const config = this.getCurrentConfig()\n    if (!config) throw new Error('Config not found')\n\n    const { items = [] } = config\n    const { currentTarget } = e\n\n    const { id = null } = currentTarget.dataset\n\n    if (id === null) throw new Error('Data-id for item not found')\n\n    const item = items.find((item) => `${item.id}` === id)\n\n    if (!item) throw new Error('Item not found')\n\n    if (item.config || item.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (item.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(item)\n    }\n\n    if (typeof item.onClick === 'function') {\n      item.onClick(item)\n    }\n  }\n\n  render() {\n    const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n    const { selectedItems } = this.state\n    const config = this.getCurrentConfig()\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n    return (\n      <ContextMenu\n        className={className}\n        tooltipProps={tooltipProps}\n        isOpen={isOpen}\n        onClose={this.reset}\n        trigger={trigger}\n        {...restProps}\n      >\n        {children}\n        <>\n          <Spacer top={9} />\n          {config?.heading ? <Heading content={config.heading} /> : null}\n          {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n          {config?.items ? (\n            <Styled.MultilevelItems>\n              {config.items.map((item) => (\n                <ContextMenu.Item\n                  key={item.id}\n                  id={item.id}\n                  content={item.content}\n                  active={(item.level && Boolean(selectedItems[item.level] === item.id)) || item.active}\n                  onClick={this.itemOnClickHandler}\n                />\n              ))}\n            </Styled.MultilevelItems>\n          ) : null}\n          {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n        </>\n      </ContextMenu>\n    )\n  }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","static","config","constructor","props","super","this","state","selectedItems","componentWillUnmount","clearTimeout","resetTimeout","onSelectItem","selectedItem","id","level","newSelectedItems","slice","setState","getCurrentConfig","length","reduce","acc","levelId","items","find","item","error","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","preventClosing","preventDefault","stopPropagation","onClick","render","children","className","tooltipProps","isOpen","trigger","anotherProps","_config","_onSelectItem","restProps","_jsxs","ContextMenu","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled","map","Item","active","Boolean","controls","Controls"],"mappings":"6UA4DO,MAAMA,8BAA8BC,cAEzCC,mBAAqB,yBACrBA,oBAAsB,CACpBC,OAAQ,CAAC,GAGXC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,cAAe,GAEnB,CAEAC,oBAAAA,GACEC,aAAaJ,KAAKK,aACpB,CAEAC,aAAgBC,IACd,MAAMC,GAAEA,EAAEC,MAAEA,GAAUF,EAEtB,MAAML,cAAEA,GAAkBF,KAAKC,MAC/B,MAAMS,EAAmB,IAAIR,EAAcS,MAAM,EAAGF,GAAQD,GAE5DR,KAAKY,SAAS,CAAEV,cAAeQ,WAEpBV,KAAKF,MAAMQ,cAAiB,YAAYN,KAAKF,MAAMQ,aAAaC,EAAcE,EAAM,EAGjGI,iBAAmBA,KACjB,MAAMjB,OAAEA,GAAWI,KAAKF,MACxB,MAAMI,cAAEA,GAAkBF,KAAKC,MAE/B,IAAKL,EAAQ,OAAO,KAEpB,IAAKM,EAAcY,OAAQ,OAAOlB,EAElC,IAKE,OAJsBM,EAAca,QAAO,CAACC,EAAKC,IACxCD,EAAIE,OAAQF,EAAIE,MAAMC,MAAMC,GAASA,EAAKZ,KAAOS,KAAUrB,QAAe,CAAA,GAChFA,EAGJ,CAAC,MAAOyB,GACP,OAAO,IACT,GAGFC,MAAQA,KAENtB,KAAKK,aAAekB,YAAW,IAAMvB,KAAKY,SAAS,CAAEV,cAAe,MAAO,IAAI,EAGjFsB,mBAA+DC,IAC7D,MAAM7B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI8B,MAAM,oBAE7B,MAAMR,MAAEA,EAAQ,IAAOtB,EACvB,MAAM+B,cAAEA,GAAkBF,EAE1B,MAAMjB,GAAEA,EAAK,MAASmB,EAAcC,QAEpC,GAAIpB,IAAO,KAAM,MAAM,IAAIkB,MAAM,8BAEjC,MAAMN,EAAOF,EAAMC,MAAMC,GAAS,GAAGA,EAAKZ,OAASA,IAEnD,IAAKY,EAAM,MAAM,IAAIM,MAAM,mBAEvBN,EAAKxB,QAAUwB,EAAKS,kBACtBJ,EAAEK,iBACFL,EAAEM,mBAGAX,EAAKxB,QAEPI,KAAKM,aAAac,UAGTA,EAAKY,SAAY,YAC1BZ,EAAKY,QAAQZ,EACf,EAGFa,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBvC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ4C,EAASlC,aAAcmC,KAAkBC,GAAcH,EAEvE,OACEI,KAACC,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EACRQ,QAAS7C,KAAKsB,MACdgB,QAASA,KACLI,EAASR,SAEZA,CAAAA,EACDS,KAAAG,SAAA,CAAAZ,SAAA,CACEa,IAACC,OAAM,CAACC,IAAK,IACZrD,GAAQsD,QAAUH,IAACI,QAAO,CAACC,QAASxD,EAAOsD,UAAc,KACzDtD,GAAQyD,WAAaN,IAACO,WAAU,CAACF,QAASxD,EAAOyD,aAAiB,KAClEzD,GAAQsB,MACP6B,IAACQ,gBAAsB,CAAArB,SACpBtC,EAAOsB,MAAMsC,KAAKpC,GACjB2B,IAACH,YAAYa,KAAI,CAEfjD,GAAIY,EAAKZ,GACT4C,QAAShC,EAAKgC,QACdM,OAAStC,EAAKX,OAASkD,QAAQzD,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKsC,OAC/E1B,QAAShC,KAAKwB,oBAJTJ,EAAKZ,QAQd,KACHZ,GAAQgE,SAAWb,IAACc,SAAQ,IAAKjE,EAAOgE,WAAeb,IAACC,OAAM,CAACC,IAAK,SAI7E"}

package/components/ContextMenu.Multilevel/Controls.js

@@ -1 +1,2 @@
 'use strict';var colors=require('../../theme/colors.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');exports.Controls=({cancel:e,confirm:r,className:l,style:o})=>require$$0.jsxs(style.ControlsRoot,{className:l,style:o,children:[e?require$$0.jsx(style.ControlsItem,{className:"cancel",role:"button",onClick:e.onClick,children:require$$0.jsx(Text.Text,{size:"m",lineHeight:"s",color:e.color||colors.DefaultColorNames.silver,children:e.content})}):null,r?require$$0.jsx(style.ControlsItem,{className:"confirm",role:"button",onClick:r.onClick,children:require$$0.jsx(Text.Text,{size:"m",lineHeight:"s",color:r.color||colors.DefaultColorNames.accent,children:r.content})}):null]});
+//# sourceMappingURL=Controls.js.map

package/components/ContextMenu.Multilevel/Controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.js","sources":["../../../../src/components/ContextMenu.Multilevel/Controls.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport { MultiLevelControls } from './ContextMenu.Multilevel'\nimport * as Styled from './style'\n\nexport interface ControlsProps extends BaseProps {\n  /** Cancel Text element props */\n  cancel?: MultiLevelControls['cancel']\n  /** Confirm Text element props */\n  confirm?: MultiLevelControls['confirm']\n}\n\nexport function Controls({ cancel, confirm, className, style }: ControlsProps) {\n  return (\n    <Styled.ControlsRoot className={className} style={style}>\n      {cancel ? (\n        <Styled.ControlsItem className='cancel' role='button' onClick={cancel.onClick}>\n          <Text size='m' lineHeight='s' color={cancel.color || DefaultColorNames.silver}>\n            {cancel.content}\n          </Text>\n        </Styled.ControlsItem>\n      ) : null}\n      {confirm ? (\n        <Styled.ControlsItem className='confirm' role='button' onClick={confirm.onClick}>\n          <Text size='m' lineHeight='s' color={confirm.color || DefaultColorNames.accent}>\n            {confirm.content}\n          </Text>\n        </Styled.ControlsItem>\n      ) : null}\n    </Styled.ControlsRoot>\n  )\n}\n"],"names":["cancel","confirm","className","style","_jsxs","Styled","children","_jsx","jsx","role","onClick","Text","size","lineHeight","color","DefaultColorNames","silver","content","accent"],"mappings":"0LAaO,EAAkBA,OAAEA,EAAMC,QAAEA,EAAOC,UAAEA,EAAWC,MAAAA,KAEnDC,WAAAA,KAACC,MAAAA,aAAmB,CAACH,UAAWA,EAAWC,MAAOA,EAAMG,UACrDN,EACCO,WAAAC,IAACH,mBAAmB,CAACH,UAAU,SAASO,KAAK,SAASC,QAASV,EAAOU,QAAQJ,SAC5EC,WAAAC,IAACG,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOd,EAAOc,OAASC,OAAAA,kBAAkBC,OAAOV,SAC3EN,EAAOiB,YAGV,KACHhB,EACCM,WAAAA,IAACF,MAAAA,aAAmB,CAACH,UAAU,UAAUO,KAAK,SAASC,QAAST,EAAQS,QAAQJ,SAC9EC,WAAAC,IAACG,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOb,EAAQa,OAASC,OAAAA,kBAAkBG,OAAOZ,SAC5EL,EAAQgB,YAGX"}

package/components/ContextMenu.Multilevel/Controls.mjs

@@ -1 +1,2 @@
 import{DefaultColorNames}from'../../theme/colors.mjs';import{ControlsRoot,ControlsItem}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';function Controls({cancel:o,confirm:e,className:l,style:t}){return jsxs(ControlsRoot,{className:l,style:t,children:[o?jsx(ControlsItem,{className:"cancel",role:"button",onClick:o.onClick,children:jsx(Text,{size:"m",lineHeight:"s",color:o.color||DefaultColorNames.silver,children:o.content})}):null,e?jsx(ControlsItem,{className:"confirm",role:"button",onClick:e.onClick,children:jsx(Text,{size:"m",lineHeight:"s",color:e.color||DefaultColorNames.accent,children:e.content})}):null]})}export{Controls};
+//# sourceMappingURL=Controls.mjs.map

package/components/ContextMenu.Multilevel/Controls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/Controls.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport { MultiLevelControls } from './ContextMenu.Multilevel'\nimport * as Styled from './style'\n\nexport interface ControlsProps extends BaseProps {\n  /** Cancel Text element props */\n  cancel?: MultiLevelControls['cancel']\n  /** Confirm Text element props */\n  confirm?: MultiLevelControls['confirm']\n}\n\nexport function Controls({ cancel, confirm, className, style }: ControlsProps) {\n  return (\n    <Styled.ControlsRoot className={className} style={style}>\n      {cancel ? (\n        <Styled.ControlsItem className='cancel' role='button' onClick={cancel.onClick}>\n          <Text size='m' lineHeight='s' color={cancel.color || DefaultColorNames.silver}>\n            {cancel.content}\n          </Text>\n        </Styled.ControlsItem>\n      ) : null}\n      {confirm ? (\n        <Styled.ControlsItem className='confirm' role='button' onClick={confirm.onClick}>\n          <Text size='m' lineHeight='s' color={confirm.color || DefaultColorNames.accent}>\n            {confirm.content}\n          </Text>\n        </Styled.ControlsItem>\n      ) : null}\n    </Styled.ControlsRoot>\n  )\n}\n"],"names":["Controls","cancel","confirm","className","style","_jsxs","Styled","children","_jsx","role","onClick","Text","size","lineHeight","color","DefaultColorNames","silver","content","accent"],"mappings":"oLAaO,SAASA,UAASC,OAAEA,EAAMC,QAAEA,EAAOC,UAAEA,EAASC,MAAEA,IACrD,OACEC,KAACC,aAAmB,CAACH,UAAWA,EAAWC,MAAOA,EAAMG,UACrDN,EACCO,IAACF,aAAmB,CAACH,UAAU,SAASM,KAAK,SAASC,QAAST,EAAOS,QAAQH,SAC5EC,IAACG,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOb,EAAOa,OAASC,kBAAkBC,OAAOT,SAC3EN,EAAOgB,YAGV,KACHf,EACCM,IAACF,aAAmB,CAACH,UAAU,UAAUM,KAAK,SAASC,QAASR,EAAQQ,QAAQH,SAC9EC,IAACG,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOZ,EAAQY,OAASC,kBAAkBG,OAAOX,SAC5EL,EAAQe,YAGX,OAGV"}

package/components/ContextMenu.Multilevel/Heading.js

@@ -1 +1,2 @@
 'use strict';var colors=require('../../theme/colors.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');exports.Heading=({children:e,content:r})=>require$$0.jsxs(style.HeadingRoot,{children:[e,require$$0.jsx(Text.Text,{size:"s",lineHeight:"s",weight:"bold",color:colors.DefaultColorNames.mineShaft,children:r})]});
+//# sourceMappingURL=Heading.js.map

package/components/ContextMenu.Multilevel/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../src/components/ContextMenu.Multilevel/Heading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface HeadingProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: React.ReactNode\n}\n\nexport function Heading({ children, content }: HeadingProps) {\n  return (\n    <Styled.HeadingRoot>\n      {children}\n      <Text size='s' lineHeight='s' weight='bold' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.HeadingRoot>\n  )\n}\n"],"names":["children","content","_jsxs","Styled","_jsx","jsx","Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"yLAYO,EAAiBA,SAAEA,EAAQC,QAAEA,KAEhCC,WAAAA,KAACC,MAAAA,YAAkB,CAAAH,SAChBA,CAAAA,EACDI,WAAAC,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,OAAiBA,kBAACC,UAAUZ,SAC5EC"}

package/components/ContextMenu.Multilevel/Heading.mjs

@@ -1 +1,2 @@
 import{DefaultColorNames}from'../../theme/colors.mjs';import{HeadingRoot}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';function Heading({children:e,content:o}){return jsxs(HeadingRoot,{children:[e,jsx(Text,{size:"s",lineHeight:"s",weight:"bold",color:DefaultColorNames.mineShaft,children:o})]})}export{Heading};
+//# sourceMappingURL=Heading.mjs.map

package/components/ContextMenu.Multilevel/Heading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/Heading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface HeadingProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: React.ReactNode\n}\n\nexport function Heading({ children, content }: HeadingProps) {\n  return (\n    <Styled.HeadingRoot>\n      {children}\n      <Text size='s' lineHeight='s' weight='bold' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.HeadingRoot>\n  )\n}\n"],"names":["Heading","children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"sKAYO,SAASA,SAAQC,SAAEA,EAAQC,QAAEA,IAClC,OACEC,KAACC,YAAkB,CAAAH,SAChBA,CAAAA,EACDI,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,kBAAkBC,UAAUX,SAC5EC,MAIT"}

package/components/ContextMenu.Multilevel/SubHeading.js

@@ -1 +1,2 @@
 'use strict';var colors=require('../../theme/colors.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');exports.SubHeading=({children:e,content:r})=>require$$0.jsxs(style.SubHeadingRoot,{children:[e,require$$0.jsx(Text.Text,{size:"s",lineHeight:"s",color:colors.DefaultColorNames.mineShaft,children:r})]});
+//# sourceMappingURL=SubHeading.js.map

package/components/ContextMenu.Multilevel/SubHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubHeading.js","sources":["../../../../src/components/ContextMenu.Multilevel/SubHeading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface SubHeadingProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: React.ReactNode\n}\n\nexport function SubHeading({ children, content }: SubHeadingProps) {\n  return (\n    <Styled.SubHeadingRoot>\n      {children}\n      <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.SubHeadingRoot>\n  )\n}\n"],"names":["children","content","_jsxs","Styled","_jsx","jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"4LAYO,EAAoBA,SAAEA,EAAQC,QAAEA,KAEnCC,WAAAA,KAACC,MAAAA,eAAqB,CAAAH,SACnBA,CAAAA,EACDI,WAAAC,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,OAAiBA,kBAACC,UAAUX,SAC9DC"}

package/components/ContextMenu.Multilevel/SubHeading.mjs

@@ -1 +1,2 @@
 import{DefaultColorNames}from'../../theme/colors.mjs';import{SubHeadingRoot}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';function SubHeading({children:e,content:o}){return jsxs(SubHeadingRoot,{children:[e,jsx(Text,{size:"s",lineHeight:"s",color:DefaultColorNames.mineShaft,children:o})]})}export{SubHeading};
+//# sourceMappingURL=SubHeading.mjs.map

package/components/ContextMenu.Multilevel/SubHeading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubHeading.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/SubHeading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface SubHeadingProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: React.ReactNode\n}\n\nexport function SubHeading({ children, content }: SubHeadingProps) {\n  return (\n    <Styled.SubHeadingRoot>\n      {children}\n      <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.SubHeadingRoot>\n  )\n}\n"],"names":["SubHeading","children","content","_jsxs","Styled","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"yKAYO,SAASA,YAAWC,SAAEA,EAAQC,QAAEA,IACrC,OACEC,KAACC,eAAqB,CAAAH,SACnBA,CAAAA,EACDI,IAACC,KAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,kBAAkBC,UAAUV,SAC9DC,MAIT"}

package/components/ContextMenu.Multilevel/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');const HeadingRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-0"})(["display:block;padding:9px 20px 16px;user-select:none;text-transform:uppercase;"]);const SubHeadingRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-1"})(["display:block;padding:9px 20px 16px;user-select:none;"]);const ControlsRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-2"})(["display:flex;justify-content:space-between;border-top:1px solid ",";user-select:none;"],(o=>o.theme.colors.mercury));const ControlsItem=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-3"})(["padding:12px 20px;cursor:pointer;"]);const MultilevelItems=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-4"})(["max-height:170px;overflow:auto;-webkit-overflow-scrolling:touch;"]);exports.ControlsItem=ControlsItem,exports.ControlsRoot=ControlsRoot,exports.HeadingRoot=HeadingRoot,exports.MultilevelItems=MultilevelItems,exports.SubHeadingRoot=SubHeadingRoot;
+'use strict';function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(require('styled-components'));const HeadingRoot=styled__default.default.div.withConfig({displayName:"ContextMenuMultilevel__HeadingRoot",componentId:"ui__sc-hu14lk-0"})(["display:block;padding:9px 20px 16px;user-select:none;text-transform:uppercase;"]);const SubHeadingRoot=styled__default.default.div.withConfig({displayName:"ContextMenuMultilevel__SubHeadingRoot",componentId:"ui__sc-hu14lk-1"})(["display:block;padding:9px 20px 16px;user-select:none;"]);const ControlsRoot=styled__default.default.div.withConfig({displayName:"ContextMenuMultilevel__ControlsRoot",componentId:"ui__sc-hu14lk-2"})(["display:flex;justify-content:space-between;border-top:1px solid ",";user-select:none;"],(e=>e.theme.colors.mercury));const ControlsItem=styled__default.default.div.withConfig({displayName:"ContextMenuMultilevel__ControlsItem",componentId:"ui__sc-hu14lk-3"})(["padding:12px 20px;cursor:pointer;"]);const MultilevelItems=styled__default.default.div.withConfig({displayName:"ContextMenuMultilevel__MultilevelItems",componentId:"ui__sc-hu14lk-4"})(["max-height:170px;overflow:auto;-webkit-overflow-scrolling:touch;"]);exports.ControlsItem=ControlsItem,exports.ControlsRoot=ControlsRoot,exports.HeadingRoot=HeadingRoot,exports.MultilevelItems=MultilevelItems,exports.SubHeadingRoot=SubHeadingRoot;
+//# sourceMappingURL=style.js.map

package/components/ContextMenu.Multilevel/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu.Multilevel/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeadingRoot = styled.div`\n  display: block;\n  padding: 9px 20px 16px;\n  user-select: none;\n  text-transform: uppercase;\n`\n\nexport const SubHeadingRoot = styled.div`\n  display: block;\n  padding: 9px 20px 16px;\n  user-select: none;\n`\n\nexport const ControlsRoot = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid ${(props) => props.theme.colors.mercury};\n  user-select: none;\n`\n\nexport const ControlsItem = styled.div`\n  padding: 12px 20px;\n  cursor: pointer;\n`\n\nexport const MultilevelItems = styled.div`\n  max-height: 170px;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"names":["HeadingRoot","styled","div","withConfig","displayName","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"sJAEaA,YAAcC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,mBAAVJ,CAK1B,CAAA,yFAEYK,eAAiBL,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,mBAAVJ,CAI7B,CAAA,gEAEYM,aAAeN,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAGDO,CAAAA,mEAAAA,uBAAAA,GAAUA,EAAMC,MAAMC,OAAOC,gBAI3CC,aAAeX,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAG3B,CAAA,4CAEYY,gBAAkBZ,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,mBAAVJ,CAI9B,CAAA"}

package/components/ContextMenu.Multilevel/style.mjs

@@ -1 +1,2 @@
-import styled from'styled-components';const HeadingRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-0"})(["display:block;padding:9px 20px 16px;user-select:none;text-transform:uppercase;"]);const SubHeadingRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-1"})(["display:block;padding:9px 20px 16px;user-select:none;"]);const ControlsRoot=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-2"})(["display:flex;justify-content:space-between;border-top:1px solid ",";user-select:none;"],(o=>o.theme.colors.mercury));const ControlsItem=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-3"})(["padding:12px 20px;cursor:pointer;"]);const MultilevelItems=styled.div.withConfig({componentId:"fox-ui__sc-hu14lk-4"})(["max-height:170px;overflow:auto;-webkit-overflow-scrolling:touch;"]);export{ControlsItem,ControlsRoot,HeadingRoot,MultilevelItems,SubHeadingRoot};
+import styled from'styled-components';const HeadingRoot=styled.div.withConfig({displayName:"ContextMenuMultilevel__HeadingRoot",componentId:"ui__sc-hu14lk-0"})(["display:block;padding:9px 20px 16px;user-select:none;text-transform:uppercase;"]);const SubHeadingRoot=styled.div.withConfig({displayName:"ContextMenuMultilevel__SubHeadingRoot",componentId:"ui__sc-hu14lk-1"})(["display:block;padding:9px 20px 16px;user-select:none;"]);const ControlsRoot=styled.div.withConfig({displayName:"ContextMenuMultilevel__ControlsRoot",componentId:"ui__sc-hu14lk-2"})(["display:flex;justify-content:space-between;border-top:1px solid ",";user-select:none;"],(e=>e.theme.colors.mercury));const ControlsItem=styled.div.withConfig({displayName:"ContextMenuMultilevel__ControlsItem",componentId:"ui__sc-hu14lk-3"})(["padding:12px 20px;cursor:pointer;"]);const MultilevelItems=styled.div.withConfig({displayName:"ContextMenuMultilevel__MultilevelItems",componentId:"ui__sc-hu14lk-4"})(["max-height:170px;overflow:auto;-webkit-overflow-scrolling:touch;"]);export{ControlsItem,ControlsRoot,HeadingRoot,MultilevelItems,SubHeadingRoot};
+//# sourceMappingURL=style.mjs.map

package/components/ContextMenu.Multilevel/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ContextMenu.Multilevel/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeadingRoot = styled.div`\n  display: block;\n  padding: 9px 20px 16px;\n  user-select: none;\n  text-transform: uppercase;\n`\n\nexport const SubHeadingRoot = styled.div`\n  display: block;\n  padding: 9px 20px 16px;\n  user-select: none;\n`\n\nexport const ControlsRoot = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid ${(props) => props.theme.colors.mercury};\n  user-select: none;\n`\n\nexport const ControlsItem = styled.div`\n  padding: 12px 20px;\n  cursor: pointer;\n`\n\nexport const MultilevelItems = styled.div`\n  max-height: 170px;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"names":["HeadingRoot","styled","div","withConfig","displayName","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"4CAEaA,YAAcC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,qCAAAC,YAAA,mBAAVJ,CAK1B,CAAA,yFAEYK,eAAiBL,OAAOC,IAAGC,WAAA,CAAAC,YAAA,wCAAAC,YAAA,mBAAVJ,CAI7B,CAAA,gEAEYM,aAAeN,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAGDO,CAAAA,mEAAAA,uBAAAA,GAAUA,EAAMC,MAAMC,OAAOC,gBAI3CC,aAAeX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sCAAAC,YAAA,mBAAVJ,CAG3B,CAAA,4CAEYY,gBAAkBZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,mBAAVJ,CAI9B,CAAA"}

package/components/Dropdown/Dropdown.js

@@ -1 +1,2 @@
-'use strict';var React=require('react');var fuse=require('../../external/.pnpm/fuse.js@7.0.0/node_modules/fuse.js/dist/fuse.js');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var constants$1=require('../../shared/constants.js');var DropdownMenuNoOptions=require('./DropdownMenuNoOptions.js');var constants=require('./constants.js');var utils=require('./utils.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var FormInputLabel=require('../FormInputLabel/FormInputLabel.js');var Chip=require('../Chip/Chip.js');var MenuComponent=require('../MenuComponent/MenuComponent.js');var MenuList=require('../MenuList/MenuList.js');var ListItem=require('../ListItem/ListItem.js');var InputCheckbox=require('../InputCheckbox/InputCheckbox.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');const Dropdown=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:r="m",name:o="fox-dropdown",labelPosition:n="dynamic",optionsMultiToggle:s=!0,loading:a=!1,iconProps:i={},menuProps:l={},closeMenuOnScroll:c,contrast:u,defaultSelectedOption:d,icon:p,inputMode:b,label:g,loadingMessage:v,loadingIcon:m,loadingIconProps:C,maxLength:h,multiple:f,onCloseMenu:k,onOpenMenu:x,onSelectOption:$,options:y,optionsMultiToggleCaption:I,optionsEmptyMessage:D,optionsEmptyIcon:w,optionsEmptyIconProps:M,palette:q,placeholder:j,readOnly:L,required:P,status:R,sizeXXS:S,sizeXS:E,sizeS:z,sizeM:T,sizeL:F,sizeXL:K,sizeUnits:O,form:B,...X}=e;const H={size:r,sizeXXS:S,sizeXS:E,sizeS:z,sizeM:T,sizeL:F,sizeXL:K,sizeUnits:O};const N={size:24,color:X.disabled?'content-disabled':'content-onmain-tertiary'};const U=React.useMemo((()=>{const e=new fuse(y,{threshold:.4,ignoreLocation:!0,keys:[constants.FuseSearchKeys.text,constants.FuseSearchKeys.tags]});return t=>t.length===0?y:e.search(t).map((e=>e.item))}),[y]);const[_,Z]=React.useState((()=>f?'':utils.getDropdownInputText(d)));const[A,V]=React.useState((()=>utils.getDropdownInputValue(d)));const[G,J]=React.useState((()=>utils.getDropdownInputMultipleValue(d)));const[Q,W]=React.useState((()=>U(_)));const[Y,ee]=React.useState(!1);const te=f?utils.groupDropdownOptions(y,G):[[],[]];const re=Y&&!X.disabled;const oe=Q.length===0||a;const ne=Boolean(re||_);const se=f?G.length===0:A.length===0;const ae=te[0].length>0&&te[1].length===0;const ie=te[0].length>0&&te[1].length>0;const le=React.useRef(null);const ce=React.useRef(null);const ue=React.useRef(null);const de=React.useRef(null);const pe=React.useRef(_);const be=React.useRef(re);React.useEffect((()=>(_===pe.current?W(U(_)):(pe.current=_,de.current=setTimeout((()=>{W(U(_))}),150)),()=>{de.current&&clearTimeout(de.current)})),[U,_]),React.useEffect((()=>{re!==be.current&&(re&&x&&x(),!re&&k&&k(),be.current=re)}),[re,k,x]),React.useEffect((()=>{const handleScroll=e=>{le.current?.focus(),ee(!1),e.currentTarget&&e.currentTarget.removeEventListener(e.type,handleScroll)};return c&&re&&document.addEventListener('scroll',handleScroll),()=>{document.removeEventListener('scroll',handleScroll)}}),[c,re]);const syncInputTextWithSelectedOption=()=>{let e='';if(!f){const t=y.find((e=>e.value===A));e=t?t.text:''}Z(e)};return require$$0.jsx(FormInputLabel.FormInputLabel,{...X,...H,ref:t,label:g,labelPosition:n,active:ne,onColored:u,error:R==='error',success:R==='success',icon:[p,require$$0.jsx(style.ChevronIcon,{up:re},'chevron')],iconProps:{...N,...i},palette:{color:X.disabled?q.labelColorDisabled:q.labelColor,colorHover:X.disabled?q.labelColorDisabled:q.labelColorHover,backgroundColor:X.disabled?q.backgroundColorDisabled:q.backgroundColor,backgroundColorHover:X.disabled?q.backgroundColorDisabled:q.backgroundColorHover,borderColor:X.disabled?q.borderColorDisabled:q.borderColor,borderColorHover:X.disabled?q.borderColorDisabled:q.borderColor},onClick:e=>{X.onClick&&X.onClick(e),X.disabled||(le.current?.focus(),re?ce.current&&e.target instanceof Node&&!ce.current.contains(e.target)&&ee(!1):ee(!0))},onKeyUp:e=>{X.onKeyUp&&X.onKeyUp(e),constants$1.keyboardKeys.Esc.validate(e.key)&&(le.current?.focus(),ee(!1))},onPointerDown:e=>{X.onPointerDown&&X.onPointerDown(e),e.target!==le.current&&e.target instanceof Node&&e.currentTarget.contains(e.target)&&e.preventDefault()},onBlur:e=>{X.onBlur&&X.onBlur(e),e.currentTarget.contains(e.relatedTarget)||(syncInputTextWithSelectedOption(),ee(!1))},input:require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsx(style.Input,{ref:le,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",inputMode:b,maxLength:h,placeholder:j,readOnly:L,required:P&&se,disabled:X.disabled,label:g,labelPosition:n,active:ne,value:_,palette:{color:q.color,colorDisabled:q.colorDisabled,placeholderColor:q.placeholderColor,placeholderColorDisabled:q.placeholderColorDisabled},onClick:e=>{re&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{Z(e.currentTarget.value),ee(!0)},onKeyDown:e=>{constants$1.keyboardKeys.Enter.validate(e.key)&&(syncInputTextWithSelectedOption(),ee(!1)),!constants$1.keyboardKeys.Space.validate(e.key)||re&&e.currentTarget.selectionStart!==0||(e.preventDefault(),ee((e=>!e))),constants$1.keyboardKeys.ArrowDown.validate(e.key)&&ue.current&&(e.preventDefault(),dom.focusFirstFocusable(ue.current))}}),f?G.map((e=>require$$0.jsx("input",{type:"hidden",name:o,value:e,form:B,disabled:X.disabled},e))):A.length>0&&require$$0.jsx("input",{type:"hidden",name:o,value:A,form:B,disabled:X.disabled})]}),addon:f&&G.length>0?require$$0.jsx(Chip.Chip,{size:"xs",active:!0,black:!0,disabled:X.disabled,cursor:X.disabled?'not-allowed':void 0,text:G.length,textProps:{appearance:'caption',size:'xs'},palette:X.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},discardButtonProps:{contrast:!X.disabled,onKeyDown:e=>{constants$1.keyboardKeys.ArrowDown.validate(e.key)&&ue.current&&(e.preventDefault(),dom.focusFirstFocusable(ue.current))},onClick:e=>{e.stopPropagation(),L||(J([]),$&&$([]),le.current?.focus(),ee(!0))}}}):void 0,dropdown:re?require$$0.jsx(MenuComponent.MenuComponent,{...l,ref:ce,sizeUnits:"%",sizes:constants.SIZES_MENU,size:l.size??100,tabIndex:oe?void 0:0,secondary:!u,elevated:u,disableAutoFocus:!0,palette:{backgroundColor:q.menuBackgroundColor,borderColor:q.menuBorderColor},onFocus:e=>{ue.current&&e.target===e.currentTarget&&(ue.current.contains(e.relatedTarget)?le.current?.focus():dom.focusFirstFocusable(ue.current))},onKeyDown:e=>{constants$1.keyboardKeys.Enter.validate(e.key)&&(le.current?.focus(),syncInputTextWithSelectedOption(),ee(!1))},children:oe?require$$0.jsx(DropdownMenuNoOptions.DropdownMenuNoOptions,{loading:a,loadingMessage:v,loadingIcon:m,loadingIconProps:{...N,...C},emptyMessage:D,emptyIcon:w,emptyIconProps:{...N,...M}}):require$$0.jsx(MenuList.MenuList,f?{ref:ue,children:_.length>0?require$$0.jsx(require$$0.Fragment,{children:Q.map((e=>{const t=G.includes(e.value);const r=e.status??R;const n=t&&r==='error';const s=t&&r==='success';return React.createElement(ListItem.ListItem,{...H,key:e.value,text:e.text,danger:n,success:s,disabled:X.disabled,active:t,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,value:e.value,checked:t,error:n,success:s,onChange:r=>{if(!L){const o=t?G.filter((t=>t!==e.value)):[...G,r.currentTarget.value];J(o),$&&$(y.filter((e=>o.includes(e.value))))}}})})}))}):require$$0.jsxs(require$$0.Fragment,{children:[s&&require$$0.jsx(ListItem.ListItem,{...H,text:I,disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{L&&e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,checked:ae,indeterminate:ie,error:(ae||ie)&&R==='error',success:(ae||ie)&&R==='success',onChange:()=>{if(!L){const e=ae||ie?[]:y.map((e=>e.value));J(e),$&&$(e.length===0?[]:y)}}})}),s&&require$$0.jsx(MenuDivider.MenuDivider,{}),te[0].map((e=>{const t=e.status??R;const r=t==='error';const n=t==='success';return React.createElement(ListItem.ListItem,{...H,key:e.value,active:!0,text:e.text,danger:r,success:n,disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{L&&e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,value:e.value,checked:!0,error:r,success:n,onChange:e=>{if(!L){const t=G.filter((t=>t!==e.currentTarget.value));J(t),$&&$(y.filter((e=>t.includes(e.value))))}}})})})),te[0].length>0&&te[1].length>0&&require$$0.jsx(MenuDivider.MenuDivider,{}),te[1].map((e=>React.createElement(ListItem.ListItem,{...H,key:e.value,text:e.text,disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{L&&e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,value:e.value,checked:!1,onChange:e=>{if(!L){const t=[...G,e.currentTarget.value];J(t),$&&$(y.filter((e=>t.includes(e.value))))}}})})))]})}:{ref:ue,children:Q.map((e=>{const t=A===e.value;return React.createElement(ListItem.ListItem,{...H,key:e.value,text:e.text,active:t,danger:t&&R==='error',success:t&&R==='success',disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:r=>{if(r.stopPropagation(),!L){const r=t?{value:'',text:''}:e;Z(r.text),V(r.value),$&&$(r.value?r:null),le.current?.focus(),ee(!r.value)}}})}))})}):void 0})})),{sizes:constants.SIZES,displayName:"Dropdown"});exports.COMPONENT_NAME="Dropdown",exports.Dropdown=Dropdown;
+'use strict';var React=require('react');var fuse=require('../../external/.pnpm/fuse.js@7.0.0/node_modules/fuse.js/dist/fuse.js');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var constants$1=require('../../shared/constants.js');var DropdownMenuNoOptions=require('./DropdownMenuNoOptions.js');var constants=require('./constants.js');var utils=require('./utils.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var FormInputLabel=require('../FormInputLabel/FormInputLabel.js');var Chip=require('../Chip/Chip.js');var MenuComponent=require('../MenuComponent/MenuComponent.js');var MenuList=require('../MenuList/MenuList.js');var ListItem=require('../ListItem/ListItem.js');var InputCheckbox=require('../InputCheckbox/InputCheckbox.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');const Dropdown=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:r="m",name:o="fox-dropdown",labelPosition:n="dynamic",optionsMultiToggle:s=!0,loading:a=!1,iconProps:i={},menuProps:l={},closeMenuOnScroll:c,contrast:u,defaultSelectedOption:d,icon:p,inputMode:b,label:g,loadingMessage:v,loadingIcon:m,loadingIconProps:C,maxLength:h,multiple:f,onCloseMenu:k,onOpenMenu:x,onSelectOption:$,options:y,optionsMultiToggleCaption:I,optionsEmptyMessage:D,optionsEmptyIcon:w,optionsEmptyIconProps:M,palette:q,placeholder:j,readOnly:L,required:P,status:R,sizeXXS:S,sizeXS:E,sizeS:z,sizeM:T,sizeL:F,sizeXL:K,sizeUnits:O,form:B,...X}=e;const H={size:r,sizeXXS:S,sizeXS:E,sizeS:z,sizeM:T,sizeL:F,sizeXL:K,sizeUnits:O};const N={size:24,color:X.disabled?'content-disabled':'content-onmain-tertiary'};const U=React.useMemo((()=>{const e=new fuse.default(y,{threshold:.4,ignoreLocation:!0,keys:[constants.FuseSearchKeys.text,constants.FuseSearchKeys.tags]});return t=>t.length===0?y:e.search(t).map((e=>e.item))}),[y]);const[_,Z]=React.useState((()=>f?'':utils.getDropdownInputText(d)));const[A,V]=React.useState((()=>utils.getDropdownInputValue(d)));const[G,J]=React.useState((()=>utils.getDropdownInputMultipleValue(d)));const[Q,W]=React.useState((()=>U(_)));const[Y,ee]=React.useState(!1);const te=f?utils.groupDropdownOptions(y,G):[[],[]];const re=Y&&!X.disabled;const oe=Q.length===0||a;const ne=Boolean(re||_);const se=f?G.length===0:A.length===0;const ae=te[0].length>0&&te[1].length===0;const ie=te[0].length>0&&te[1].length>0;const le=React.useRef(null);const ce=React.useRef(null);const ue=React.useRef(null);const de=React.useRef(null);const pe=React.useRef(_);const be=React.useRef(re);React.useEffect((()=>(_===pe.current?W(U(_)):(pe.current=_,de.current=setTimeout((()=>{W(U(_))}),150)),()=>{de.current&&clearTimeout(de.current)})),[U,_]),React.useEffect((()=>{re!==be.current&&(re&&x&&x(),!re&&k&&k(),be.current=re)}),[re,k,x]),React.useEffect((()=>{const handleScroll=e=>{le.current?.focus(),ee(!1),e.currentTarget&&e.currentTarget.removeEventListener(e.type,handleScroll)};return c&&re&&document.addEventListener('scroll',handleScroll),()=>{document.removeEventListener('scroll',handleScroll)}}),[c,re]);const syncInputTextWithSelectedOption=()=>{let e='';if(!f){const t=y.find((e=>e.value===A));e=t?t.text:''}Z(e)};return require$$0.jsx(FormInputLabel.FormInputLabel,{...X,...H,ref:t,label:g,labelPosition:n,active:ne,onColored:u,error:R==='error',success:R==='success',icon:[p,require$$0.jsx(style.ChevronIcon,{up:re},'chevron')],iconProps:{...N,...i},palette:{color:X.disabled?q.labelColorDisabled:q.labelColor,colorHover:X.disabled?q.labelColorDisabled:q.labelColorHover,backgroundColor:X.disabled?q.backgroundColorDisabled:q.backgroundColor,backgroundColorHover:X.disabled?q.backgroundColorDisabled:q.backgroundColorHover,borderColor:X.disabled?q.borderColorDisabled:q.borderColor,borderColorHover:X.disabled?q.borderColorDisabled:q.borderColor},onClick:e=>{X.onClick&&X.onClick(e),X.disabled||(le.current?.focus(),re?ce.current&&e.target instanceof Node&&!ce.current.contains(e.target)&&ee(!1):ee(!0))},onKeyUp:e=>{X.onKeyUp&&X.onKeyUp(e),constants$1.keyboardKeys.Esc.validate(e.key)&&(le.current?.focus(),ee(!1))},onPointerDown:e=>{X.onPointerDown&&X.onPointerDown(e),e.target!==le.current&&e.target instanceof Node&&e.currentTarget.contains(e.target)&&e.preventDefault()},onBlur:e=>{X.onBlur&&X.onBlur(e),e.currentTarget.contains(e.relatedTarget)||(syncInputTextWithSelectedOption(),ee(!1))},input:require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsx(style.Input,{ref:le,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",inputMode:b,maxLength:h,placeholder:j,readOnly:L,required:P&&se,disabled:X.disabled,label:g,labelPosition:n,active:ne,value:_,palette:{color:q.color,colorDisabled:q.colorDisabled,placeholderColor:q.placeholderColor,placeholderColorDisabled:q.placeholderColorDisabled},onClick:e=>{re&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{Z(e.currentTarget.value),ee(!0)},onKeyDown:e=>{constants$1.keyboardKeys.Enter.validate(e.key)&&(syncInputTextWithSelectedOption(),ee(!1)),!constants$1.keyboardKeys.Space.validate(e.key)||re&&e.currentTarget.selectionStart!==0||(e.preventDefault(),ee((e=>!e))),constants$1.keyboardKeys.ArrowDown.validate(e.key)&&ue.current&&(e.preventDefault(),dom.focusFirstFocusable(ue.current))}}),f?G.map((e=>require$$0.jsx("input",{type:"hidden",name:o,value:e,form:B,disabled:X.disabled},e))):A.length>0&&require$$0.jsx("input",{type:"hidden",name:o,value:A,form:B,disabled:X.disabled})]}),addon:f&&G.length>0?require$$0.jsx(Chip.Chip,{size:"xs",active:!0,black:!0,disabled:X.disabled,cursor:X.disabled?'not-allowed':void 0,text:G.length,textProps:{appearance:'caption',size:'xs'},palette:X.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},discardButtonProps:{contrast:!X.disabled,onKeyDown:e=>{constants$1.keyboardKeys.ArrowDown.validate(e.key)&&ue.current&&(e.preventDefault(),dom.focusFirstFocusable(ue.current))},onClick:e=>{e.stopPropagation(),L||(J([]),$&&$([]),le.current?.focus(),ee(!0))}}}):void 0,dropdown:re?require$$0.jsx(MenuComponent.MenuComponent,{...l,ref:ce,sizeUnits:"%",sizes:constants.SIZES_MENU,size:l.size??100,tabIndex:oe?void 0:0,secondary:!u,elevated:u,disableAutoFocus:!0,palette:{backgroundColor:q.menuBackgroundColor,borderColor:q.menuBorderColor},onFocus:e=>{ue.current&&e.target===e.currentTarget&&(ue.current.contains(e.relatedTarget)?le.current?.focus():dom.focusFirstFocusable(ue.current))},onKeyDown:e=>{constants$1.keyboardKeys.Enter.validate(e.key)&&(le.current?.focus(),syncInputTextWithSelectedOption(),ee(!1))},children:oe?require$$0.jsx(DropdownMenuNoOptions.DropdownMenuNoOptions,{loading:a,loadingMessage:v,loadingIcon:m,loadingIconProps:{...N,...C},emptyMessage:D,emptyIcon:w,emptyIconProps:{...N,...M}}):require$$0.jsx(MenuList.MenuList,f?{ref:ue,children:_.length>0?require$$0.jsx(require$$0.Fragment,{children:Q.map((e=>{const t=G.includes(e.value);const r=e.status??R;const n=t&&r==='error';const s=t&&r==='success';return React.createElement(ListItem.ListItem,{...H,key:e.value,text:e.text,danger:n,success:s,disabled:X.disabled,active:t,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,value:e.value,checked:t,error:n,success:s,onChange:r=>{if(!L){const o=t?G.filter((t=>t!==e.value)):[...G,r.currentTarget.value];J(o),$&&$(y.filter((e=>o.includes(e.value))))}}})})}))}):require$$0.jsxs(require$$0.Fragment,{children:[s&&require$$0.jsx(ListItem.ListItem,{...H,text:I,disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{L&&e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,checked:ae,indeterminate:ie,error:(ae||ie)&&R==='error',success:(ae||ie)&&R==='success',onChange:()=>{if(!L){const e=ae||ie?[]:y.map((e=>e.value));J(e),$&&$(e.length===0?[]:y)}}})}),s&&require$$0.jsx(MenuDivider.MenuDivider,{}),te[0].map((e=>{const t=e.status??R;const r=t==='error';const n=t==='success';return React.createElement(ListItem.ListItem,{...H,key:e.value,active:!0,text:e.text,danger:r,success:n,disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{L&&e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,value:e.value,checked:!0,error:r,success:n,onChange:e=>{if(!L){const t=G.filter((t=>t!==e.currentTarget.value));J(t),$&&$(y.filter((e=>t.includes(e.value))))}}})})})),te[0].length>0&&te[1].length>0&&require$$0.jsx(MenuDivider.MenuDivider,{}),te[1].map((e=>React.createElement(ListItem.ListItem,{...H,key:e.value,text:e.text,disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{L&&e.stopPropagation()},control:require$$0.jsx(InputCheckbox.InputCheckbox,{sizes:constants.SIZES_CHECKBOX,form:"none",name:o,value:e.value,checked:!1,onChange:e=>{if(!L){const t=[...G,e.currentTarget.value];J(t),$&&$(y.filter((e=>t.includes(e.value))))}}})})))]})}:{ref:ue,children:Q.map((e=>{const t=A===e.value;return React.createElement(ListItem.ListItem,{...H,key:e.value,text:e.text,active:t,danger:t&&R==='error',success:t&&R==='success',disabled:X.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:r=>{if(r.stopPropagation(),!L){const r=t?{value:'',text:''}:e;Z(r.text),V(r.value),$&&$(r.value?r:null),le.current?.focus(),ee(!r.value)}}})}))})}):void 0})})),{sizes:constants.SIZES,displayName:"Dropdown"});exports.COMPONENT_NAME="Dropdown",exports.Dropdown=Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { forwardRef, useState, useRef, useEffect, useMemo } from 'react'\nimport Fuse from 'fuse.js'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport { FormInputLabel } from 'components/FormInputLabel'\nimport { MenuComponent } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { Chip } from 'components/Chip'\nimport type { IconProps } from 'components/Icon'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES, SIZES_CHECKBOX, SIZES_MENU, FuseSearchKeys } from './constants'\nimport {\n  getDropdownInputText,\n  getDropdownInputValue,\n  getDropdownInputMultipleValue,\n  groupDropdownOptions,\n} from './utils'\nimport * as Styled from './style'\nimport type { DropdownProps, DropdownOption } from './types'\n\nconst COMPONENT_NAME = 'Dropdown'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Dropdown/types.ts).\n */\nconst Dropdown: React.ForwardRefExoticComponent<DropdownProps> = withMergedProps<DropdownProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      name = 'fox-dropdown',\n      labelPosition = 'dynamic',\n      optionsMultiToggle = true,\n      loading = false,\n      iconProps = {},\n      menuProps = {},\n      closeMenuOnScroll,\n      contrast,\n      defaultSelectedOption,\n      icon,\n      inputMode,\n      label,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      maxLength,\n      multiple,\n      onCloseMenu,\n      onOpenMenu,\n      onSelectOption,\n      options,\n      optionsMultiToggleCaption,\n      optionsEmptyMessage,\n      optionsEmptyIcon,\n      optionsEmptyIconProps,\n      palette,\n      placeholder,\n      readOnly,\n      required,\n      status,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      form,\n      ...rootProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n    }\n\n    const iconBaseProps: IconProps = {\n      size: 24,\n      color: rootProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n    }\n\n    const getRelevantOptions = useMemo(() => {\n      const fuse = new Fuse<DropdownOption>(options, {\n        threshold: 0.4,\n        ignoreLocation: true,\n        keys: [FuseSearchKeys.text, FuseSearchKeys.tags],\n      })\n\n      return (pattern: string): DropdownOption[] =>\n        pattern.length === 0 ? options : fuse.search(pattern).map((result) => result.item)\n    }, [options])\n\n    const [inputText, setInputText] = useState<string>(() =>\n      multiple ? '' : getDropdownInputText(defaultSelectedOption)\n    )\n\n    const [inputValue, setInputValue] = useState<string>(() => getDropdownInputValue(defaultSelectedOption))\n\n    const [inputMultipleValue, setInputMultipleValue] = useState<string[]>(() =>\n      getDropdownInputMultipleValue(defaultSelectedOption)\n    )\n\n    const [menuRelevantOptions, setMenuRelevantOptions] = useState<DropdownOption[]>(() =>\n      getRelevantOptions(inputText)\n    )\n\n    const [menuOpenRequest, setMenuOpenRequest] = useState<boolean>(false)\n\n    const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = multiple\n      ? groupDropdownOptions(options, inputMultipleValue)\n      : [[], []]\n\n    const menuOpen = menuOpenRequest && !rootProps.disabled\n    const menuNoRelevantOptions = menuRelevantOptions.length === 0 || loading\n\n    const inputActive = Boolean(menuOpen || inputText)\n    const inputValueEmpty = multiple ? inputMultipleValue.length === 0 : inputValue.length === 0\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 inputRef = useRef<HTMLInputElement | null>(null)\n    const menuRef = useRef<HTMLDivElement | null>(null)\n    const menuListRef = useRef<HTMLUListElement | null>(null)\n\n    const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n    const inputTextPrevRef = useRef<string>(inputText)\n    const menuOpenPrevRef = useRef<boolean>(menuOpen)\n\n    useEffect(() => {\n      if (inputText === inputTextPrevRef.current) {\n        setMenuRelevantOptions(getRelevantOptions(inputText))\n      } else {\n        inputTextPrevRef.current = inputText\n        timeoutIdRef.current = setTimeout(() => {\n          setMenuRelevantOptions(getRelevantOptions(inputText))\n        }, 150)\n      }\n\n      return () => {\n        if (timeoutIdRef.current) {\n          clearTimeout(timeoutIdRef.current)\n        }\n      }\n    }, [getRelevantOptions, inputText])\n\n    useEffect(() => {\n      if (menuOpen === menuOpenPrevRef.current) return\n\n      if (menuOpen && onOpenMenu) onOpenMenu()\n      if (!menuOpen && onCloseMenu) onCloseMenu()\n\n      menuOpenPrevRef.current = menuOpen\n    }, [menuOpen, onCloseMenu, onOpenMenu])\n\n    useEffect(() => {\n      const handleScroll = (evt: Event) => {\n        inputRef.current?.focus()\n        setMenuOpenRequest(false)\n\n        if (evt.currentTarget) {\n          evt.currentTarget.removeEventListener(evt.type, handleScroll)\n        }\n      }\n\n      if (closeMenuOnScroll && menuOpen) {\n        document.addEventListener('scroll', handleScroll)\n      }\n\n      return () => {\n        document.removeEventListener('scroll', handleScroll)\n      }\n    }, [closeMenuOnScroll, menuOpen])\n\n    const syncInputTextWithSelectedOption = () => {\n      let selectedOptionText = ''\n\n      if (!multiple) {\n        const selectedOption = options.find((option) => option.value === inputValue)\n        selectedOptionText = selectedOption ? selectedOption.text : ''\n      }\n\n      setInputText(selectedOptionText)\n    }\n\n    return (\n      <FormInputLabel\n        {...rootProps}\n        {...sizeProps}\n        ref={ref}\n        label={label}\n        labelPosition={labelPosition}\n        active={inputActive}\n        onColored={contrast}\n        error={status === 'error'}\n        success={status === 'success'}\n        icon={[icon, <Styled.ChevronIcon key='chevron' up={menuOpen} />]}\n        iconProps={{ ...iconBaseProps, ...iconProps }}\n        palette={{\n          color: rootProps.disabled ? palette.labelColorDisabled : palette.labelColor,\n          colorHover: rootProps.disabled ? palette.labelColorDisabled : palette.labelColorHover,\n          backgroundColor: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n          backgroundColorHover: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n          borderColor: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n          borderColorHover: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n        }}\n        onClick={(evt) => {\n          if (rootProps.onClick) rootProps.onClick(evt)\n\n          if (rootProps.disabled) return\n\n          inputRef.current?.focus()\n\n          if (!menuOpen) {\n            setMenuOpenRequest(true)\n          } else if (menuRef.current && evt.target instanceof Node && !menuRef.current.contains(evt.target)) {\n            setMenuOpenRequest(false)\n          }\n        }}\n        onKeyUp={(evt) => {\n          if (rootProps.onKeyUp) rootProps.onKeyUp(evt)\n\n          if (keyboardKeys.Esc.validate(evt.key)) {\n            inputRef.current?.focus()\n            setMenuOpenRequest(false)\n          }\n        }}\n        onPointerDown={(evt) => {\n          if (rootProps.onPointerDown) rootProps.onPointerDown(evt)\n\n          if (evt.target !== inputRef.current && evt.target instanceof Node && evt.currentTarget.contains(evt.target)) {\n            evt.preventDefault()\n          }\n        }}\n        onBlur={(evt) => {\n          if (rootProps.onBlur) rootProps.onBlur(evt)\n\n          if (!evt.currentTarget.contains(evt.relatedTarget)) {\n            syncInputTextWithSelectedOption()\n            setMenuOpenRequest(false)\n          }\n        }}\n        input={\n          <>\n            <Styled.Input\n              ref={inputRef}\n              type='text'\n              autoComplete='off'\n              autoCapitalize='off'\n              autoCorrect='off'\n              spellCheck='false'\n              inputMode={inputMode}\n              maxLength={maxLength}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              required={required && inputValueEmpty}\n              disabled={rootProps.disabled}\n              label={label}\n              labelPosition={labelPosition}\n              active={inputActive}\n              value={inputText}\n              palette={{\n                color: palette.color,\n                colorDisabled: palette.colorDisabled,\n                placeholderColor: palette.placeholderColor,\n                placeholderColorDisabled: palette.placeholderColorDisabled,\n              }}\n              onClick={(evt) => {\n                if (menuOpen && evt.currentTarget.selectionStart !== evt.currentTarget.selectionEnd) {\n                  evt.stopPropagation()\n                }\n              }}\n              onChange={(evt) => {\n                setInputText(evt.currentTarget.value)\n                setMenuOpenRequest(true)\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Space.validate(evt.key) && (!menuOpen || evt.currentTarget.selectionStart === 0)) {\n                  evt.preventDefault()\n                  setMenuOpenRequest((prev) => !prev)\n                }\n\n                if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                  evt.preventDefault()\n                  focusFirstFocusable(menuListRef.current)\n                }\n              }}\n            />\n            {multiple\n              ? inputMultipleValue.map((value) => (\n                  <input\n                    key={value}\n                    type='hidden'\n                    name={name}\n                    value={value}\n                    form={form}\n                    disabled={rootProps.disabled}\n                  />\n                ))\n              : inputValue.length > 0 && (\n                  <input type='hidden' name={name} value={inputValue} form={form} disabled={rootProps.disabled} />\n                )}\n          </>\n        }\n        addon={\n          multiple && inputMultipleValue.length > 0 ? (\n            <Chip\n              size='xs'\n              active\n              black\n              disabled={rootProps.disabled}\n              cursor={rootProps.disabled ? 'not-allowed' : undefined}\n              text={inputMultipleValue.length}\n              textProps={{\n                appearance: 'caption',\n                size: 'xs',\n              }}\n              palette={\n                rootProps.disabled\n                  ? {\n                      color: 'content-disabled',\n                      colorHover: 'content-disabled',\n                      backgroundColor: 'bg-disabled-small',\n                      backgroundColorHover: 'bg-disabled-small',\n                    }\n                  : undefined\n              }\n              onPointerDown={(evt) => {\n                evt.preventDefault()\n              }}\n              discardButtonProps={{\n                contrast: !rootProps.disabled,\n                onKeyDown: (evt) => {\n                  if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                    evt.preventDefault()\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                },\n                onClick: (evt) => {\n                  evt.stopPropagation()\n\n                  if (!readOnly) {\n                    setInputMultipleValue([])\n\n                    if (onSelectOption) onSelectOption([])\n\n                    inputRef.current?.focus()\n                    setMenuOpenRequest(true)\n                  }\n                },\n              }}\n            />\n          ) : undefined\n        }\n        dropdown={\n          menuOpen ? (\n            <MenuComponent\n              {...menuProps}\n              ref={menuRef}\n              sizeUnits='%'\n              sizes={SIZES_MENU}\n              size={menuProps.size ?? 100}\n              tabIndex={menuNoRelevantOptions ? undefined : 0}\n              secondary={!contrast}\n              elevated={contrast}\n              disableAutoFocus\n              palette={{\n                backgroundColor: palette.menuBackgroundColor,\n                borderColor: palette.menuBorderColor,\n              }}\n              onFocus={(evt) => {\n                if (!menuListRef.current) return\n\n                if (evt.target === evt.currentTarget) {\n                  if (menuListRef.current.contains(evt.relatedTarget)) {\n                    inputRef.current?.focus()\n                  } else {\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                }\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  inputRef.current?.focus()\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n              }}\n            >\n              {menuNoRelevantOptions ? (\n                <DropdownMenuNoOptions\n                  loading={loading}\n                  loadingMessage={loadingMessage}\n                  loadingIcon={loadingIcon}\n                  loadingIconProps={{ ...iconBaseProps, ...loadingIconProps }}\n                  emptyMessage={optionsEmptyMessage}\n                  emptyIcon={optionsEmptyIcon}\n                  emptyIconProps={{ ...iconBaseProps, ...optionsEmptyIconProps }}\n                />\n              ) : multiple ? (\n                <MenuList ref={menuListRef}>\n                  {inputText.length > 0 ? (\n                    <>\n                      {menuRelevantOptions.map((option) => {\n                        const optionSelected = inputMultipleValue.includes(option.value)\n\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionSelected && optionStatus === 'error'\n                        const optionSuccessStatus = optionSelected && optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            active={optionSelected}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked={optionSelected}\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = optionSelected\n                                      ? inputMultipleValue.filter((value) => value !== option.value)\n                                      : [...inputMultipleValue, evt.currentTarget.value]\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                    </>\n                  ) : (\n                    <>\n                      {optionsMultiToggle && (\n                        <ListItem\n                          {...sizeProps}\n                          text={optionsMultiToggleCaption}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) 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={(multiToggleChecked || multiToggleIndeterminate) && status === 'error'}\n                              success={(multiToggleChecked || multiToggleIndeterminate) && status === 'success'}\n                              onChange={() => {\n                                if (!readOnly) {\n                                  const update =\n                                    multiToggleChecked || multiToggleIndeterminate\n                                      ? []\n                                      : options.map((option) => option.value)\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) onSelectOption(update.length === 0 ? [] : options)\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      )}\n                      {optionsMultiToggle && <MenuDivider />}\n                      {menuOptionsGroups[0].map((option) => {\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionStatus === 'error'\n                        const optionSuccessStatus = optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            active\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              if (readOnly) evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = inputMultipleValue.filter(\n                                      (value) => value !== evt.currentTarget.value\n                                    )\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                      {menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0 && <MenuDivider />}\n                      {menuOptionsGroups[1].map((option) => (\n                        <ListItem\n                          {...sizeProps}\n                          key={option.value}\n                          text={option.text}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) evt.stopPropagation()\n                          }}\n                          control={\n                            <InputCheckbox\n                              sizes={SIZES_CHECKBOX}\n                              form='none'\n                              name={name}\n                              value={option.value}\n                              checked={false}\n                              onChange={(evt) => {\n                                if (!readOnly) {\n                                  const update = [...inputMultipleValue, evt.currentTarget.value]\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) {\n                                    onSelectOption(options.filter((option) => update.includes(option.value)))\n                                  }\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      ))}\n                    </>\n                  )}\n                </MenuList>\n              ) : (\n                <MenuList ref={menuListRef}>\n                  {menuRelevantOptions.map((option) => {\n                    const optionSelected = inputValue === option.value\n\n                    return (\n                      <ListItem\n                        {...sizeProps}\n                        key={option.value}\n                        text={option.text}\n                        active={optionSelected}\n                        danger={optionSelected && status === 'error'}\n                        success={optionSelected && status === 'success'}\n                        disabled={rootProps.disabled}\n                        borderRadius={8}\n                        ellipsis={false}\n                        textProps={{ wordBreak: 'break-word' }}\n                        onClick={(evt) => {\n                          evt.stopPropagation()\n\n                          if (!readOnly) {\n                            const update = optionSelected ? { value: '', text: '' } : option\n\n                            setInputText(update.text)\n                            setInputValue(update.value)\n\n                            if (onSelectOption) onSelectOption(update.value ? update : null)\n\n                            inputRef.current?.focus()\n\n                            setMenuOpenRequest(!update.value)\n                          }\n                        }}\n                      />\n                    )\n                  })}\n                </MenuList>\n              )}\n            </MenuComponent>\n          ) : undefined\n        }\n      />\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { Dropdown, COMPONENT_NAME }\n"],"names":["Dropdown","withMergedProps","forwardRef","props","ref","size","name","labelPosition","optionsMultiToggle","loading","iconProps","menuProps","closeMenuOnScroll","contrast","defaultSelectedOption","icon","inputMode","label","loadingMessage","loadingIcon","loadingIconProps","maxLength","multiple","onCloseMenu","onOpenMenu","onSelectOption","options","optionsMultiToggleCaption","optionsEmptyMessage","optionsEmptyIcon","optionsEmptyIconProps","palette","placeholder","readOnly","required","status","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","form","rootProps","sizeProps","iconBaseProps","color","disabled","getRelevantOptions","useMemo","fuse","Fuse","default","threshold","ignoreLocation","keys","FuseSearchKeys","text","tags","pattern","length","search","map","result","item","inputText","setInputText","useState","getDropdownInputText","inputValue","setInputValue","getDropdownInputValue","inputMultipleValue","setInputMultipleValue","getDropdownInputMultipleValue","menuRelevantOptions","setMenuRelevantOptions","menuOpenRequest","setMenuOpenRequest","menuOptionsGroups","groupDropdownOptions","menuOpen","menuNoRelevantOptions","inputActive","Boolean","inputValueEmpty","multiToggleChecked","multiToggleIndeterminate","inputRef","useRef","menuRef","menuListRef","timeoutIdRef","inputTextPrevRef","menuOpenPrevRef","useEffect","current","setTimeout","clearTimeout","handleScroll","evt","focus","currentTarget","removeEventListener","type","document","addEventListener","syncInputTextWithSelectedOption","selectedOptionText","selectedOption","find","option","value","_jsx","FormInputLabel","active","onColored","error","success","jsx","Styled","up","labelColorDisabled","labelColor","colorHover","labelColorHover","backgroundColor","backgroundColorDisabled","backgroundColorHover","borderColor","borderColorDisabled","borderColorHover","onClick","target","Node","contains","onKeyUp","keyboardKeys","Esc","validate","key","onPointerDown","preventDefault","onBlur","relatedTarget","input","_jsxs","jsxs","_Fragment","children","autoComplete","autoCapitalize","autoCorrect","spellCheck","colorDisabled","placeholderColor","placeholderColorDisabled","selectionStart","selectionEnd","stopPropagation","onChange","onKeyDown","Enter","Space","prev","ArrowDown","focusFirstFocusable","addon","Chip","black","cursor","undefined","textProps","appearance","discardButtonProps","dropdown","MenuComponent","sizes","SIZES_MENU","tabIndex","secondary","elevated","disableAutoFocus","menuBackgroundColor","menuBorderColor","onFocus","DropdownMenuNoOptions","emptyMessage","emptyIcon","emptyIconProps","MenuList","optionSelected","includes","optionStatus","optionErrorStatus","optionSuccessStatus","_createElement","ListItem","danger","borderRadius","ellipsis","wordBreak","control","InputCheckbox","SIZES_CHECKBOX","checked","update","filter","indeterminate","MenuDivider","createElement","SIZES","displayName"],"mappings":"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"}

package/components/Dropdown/Dropdown.mjs

@@ -1 +1,2 @@
 import{forwardRef,useMemo,useState,useRef,useEffect,createElement}from'react';import Fuse from'../../external/.pnpm/fuse.js@7.0.0/node_modules/fuse.js/dist/fuse.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{DropdownMenuNoOptions}from'./DropdownMenuNoOptions.mjs';import{SIZES,FuseSearchKeys,SIZES_MENU,SIZES_CHECKBOX}from'./constants.mjs';import{getDropdownInputText,getDropdownInputValue,getDropdownInputMultipleValue,groupDropdownOptions}from'./utils.mjs';import{ChevronIcon,Input}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{Chip}from'../Chip/Chip.mjs';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';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 COMPONENT_NAME='Dropdown';const Dropdown=withMergedProps(forwardRef(((e,o)=>{const{size:t="m",name:r="fox-dropdown",labelPosition:n="dynamic",optionsMultiToggle:s=!0,loading:a=!1,iconProps:l={},menuProps:i={},closeMenuOnScroll:c,contrast:d,defaultSelectedOption:u,icon:p,inputMode:m,label:b,loadingMessage:g,loadingIcon:f,loadingIconProps:C,maxLength:v,multiple:h,onCloseMenu:k,onOpenMenu:x,onSelectOption:y,options:I,optionsMultiToggleCaption:w,optionsEmptyMessage:D,optionsEmptyIcon:M,optionsEmptyIconProps:j,palette:E,placeholder:S,readOnly:P,required:z,status:L,sizeXXS:F,sizeXS:T,sizeS:K,sizeM:O,sizeL:B,sizeXL:N,sizeUnits:R,form:X,...H}=e;const _={size:t,sizeXXS:F,sizeXS:T,sizeS:K,sizeM:O,sizeL:B,sizeXL:N,sizeUnits:R};const Z={size:24,color:H.disabled?'content-disabled':'content-onmain-tertiary'};const U=useMemo((()=>{const e=new Fuse(I,{threshold:.4,ignoreLocation:!0,keys:[FuseSearchKeys.text,FuseSearchKeys.tags]});return o=>o.length===0?I:e.search(o).map((e=>e.item))}),[I]);const[A,V]=useState((()=>h?'':getDropdownInputText(u)));const[q,G]=useState((()=>getDropdownInputValue(u)));const[J,Q]=useState((()=>getDropdownInputMultipleValue(u)));const[W,Y]=useState((()=>U(A)));const[$,ee]=useState(!1);const oe=h?groupDropdownOptions(I,J):[[],[]];const te=$&&!H.disabled;const re=W.length===0||a;const ne=Boolean(te||A);const se=h?J.length===0:q.length===0;const ae=oe[0].length>0&&oe[1].length===0;const le=oe[0].length>0&&oe[1].length>0;const ie=useRef(null);const ce=useRef(null);const de=useRef(null);const ue=useRef(null);const pe=useRef(A);const me=useRef(te);useEffect((()=>(A===pe.current?Y(U(A)):(pe.current=A,ue.current=setTimeout((()=>{Y(U(A))}),150)),()=>{ue.current&&clearTimeout(ue.current)})),[U,A]),useEffect((()=>{te!==me.current&&(te&&x&&x(),!te&&k&&k(),me.current=te)}),[te,k,x]),useEffect((()=>{const handleScroll=e=>{ie.current?.focus(),ee(!1),e.currentTarget&&e.currentTarget.removeEventListener(e.type,handleScroll)};return c&&te&&document.addEventListener('scroll',handleScroll),()=>{document.removeEventListener('scroll',handleScroll)}}),[c,te]);const syncInputTextWithSelectedOption=()=>{let e='';if(!h){const o=I.find((e=>e.value===q));e=o?o.text:''}V(e)};return jsx(FormInputLabel,{...H,..._,ref:o,label:b,labelPosition:n,active:ne,onColored:d,error:L==='error',success:L==='success',icon:[p,jsx(ChevronIcon,{up:te},'chevron')],iconProps:{...Z,...l},palette:{color:H.disabled?E.labelColorDisabled:E.labelColor,colorHover:H.disabled?E.labelColorDisabled:E.labelColorHover,backgroundColor:H.disabled?E.backgroundColorDisabled:E.backgroundColor,backgroundColorHover:H.disabled?E.backgroundColorDisabled:E.backgroundColorHover,borderColor:H.disabled?E.borderColorDisabled:E.borderColor,borderColorHover:H.disabled?E.borderColorDisabled:E.borderColor},onClick:e=>{H.onClick&&H.onClick(e),H.disabled||(ie.current?.focus(),te?ce.current&&e.target instanceof Node&&!ce.current.contains(e.target)&&ee(!1):ee(!0))},onKeyUp:e=>{H.onKeyUp&&H.onKeyUp(e),keyboardKeys.Esc.validate(e.key)&&(ie.current?.focus(),ee(!1))},onPointerDown:e=>{H.onPointerDown&&H.onPointerDown(e),e.target!==ie.current&&e.target instanceof Node&&e.currentTarget.contains(e.target)&&e.preventDefault()},onBlur:e=>{H.onBlur&&H.onBlur(e),e.currentTarget.contains(e.relatedTarget)||(syncInputTextWithSelectedOption(),ee(!1))},input:jsxs(Fragment,{children:[jsx(Input,{ref:ie,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",inputMode:m,maxLength:v,placeholder:S,readOnly:P,required:z&&se,disabled:H.disabled,label:b,labelPosition:n,active:ne,value:A,palette:{color:E.color,colorDisabled:E.colorDisabled,placeholderColor:E.placeholderColor,placeholderColorDisabled:E.placeholderColorDisabled},onClick:e=>{te&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{V(e.currentTarget.value),ee(!0)},onKeyDown:e=>{keyboardKeys.Enter.validate(e.key)&&(syncInputTextWithSelectedOption(),ee(!1)),!keyboardKeys.Space.validate(e.key)||te&&e.currentTarget.selectionStart!==0||(e.preventDefault(),ee((e=>!e))),keyboardKeys.ArrowDown.validate(e.key)&&de.current&&(e.preventDefault(),focusFirstFocusable(de.current))}}),h?J.map((e=>jsx("input",{type:"hidden",name:r,value:e,form:X,disabled:H.disabled},e))):q.length>0&&jsx("input",{type:"hidden",name:r,value:q,form:X,disabled:H.disabled})]}),addon:h&&J.length>0?jsx(Chip,{size:"xs",active:!0,black:!0,disabled:H.disabled,cursor:H.disabled?'not-allowed':void 0,text:J.length,textProps:{appearance:'caption',size:'xs'},palette:H.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},discardButtonProps:{contrast:!H.disabled,onKeyDown:e=>{keyboardKeys.ArrowDown.validate(e.key)&&de.current&&(e.preventDefault(),focusFirstFocusable(de.current))},onClick:e=>{e.stopPropagation(),P||(Q([]),y&&y([]),ie.current?.focus(),ee(!0))}}}):void 0,dropdown:te?jsx(MenuComponent,{...i,ref:ce,sizeUnits:"%",sizes:SIZES_MENU,size:i.size??100,tabIndex:re?void 0:0,secondary:!d,elevated:d,disableAutoFocus:!0,palette:{backgroundColor:E.menuBackgroundColor,borderColor:E.menuBorderColor},onFocus:e=>{de.current&&e.target===e.currentTarget&&(de.current.contains(e.relatedTarget)?ie.current?.focus():focusFirstFocusable(de.current))},onKeyDown:e=>{keyboardKeys.Enter.validate(e.key)&&(ie.current?.focus(),syncInputTextWithSelectedOption(),ee(!1))},children:re?jsx(DropdownMenuNoOptions,{loading:a,loadingMessage:g,loadingIcon:f,loadingIconProps:{...Z,...C},emptyMessage:D,emptyIcon:M,emptyIconProps:{...Z,...j}}):jsx(MenuList,h?{ref:de,children:A.length>0?jsx(Fragment,{children:W.map((e=>{const o=J.includes(e.value);const t=e.status??L;const n=o&&t==='error';const s=o&&t==='success';return createElement(ListItem,{..._,key:e.value,text:e.text,danger:n,success:s,disabled:H.disabled,active:o,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:o,error:n,success:s,onChange:t=>{if(!P){const r=o?J.filter((o=>o!==e.value)):[...J,t.currentTarget.value];Q(r),y&&y(I.filter((e=>r.includes(e.value))))}}})})}))}):jsxs(Fragment,{children:[s&&jsx(ListItem,{..._,text:w,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,checked:ae,indeterminate:le,error:(ae||le)&&L==='error',success:(ae||le)&&L==='success',onChange:()=>{if(!P){const e=ae||le?[]:I.map((e=>e.value));Q(e),y&&y(e.length===0?[]:I)}}})}),s&&jsx(MenuDivider,{}),oe[0].map((e=>{const o=e.status??L;const t=o==='error';const n=o==='success';return createElement(ListItem,{..._,key:e.value,active:!0,text:e.text,danger:t,success:n,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:!0,error:t,success:n,onChange:e=>{if(!P){const o=J.filter((o=>o!==e.currentTarget.value));Q(o),y&&y(I.filter((e=>o.includes(e.value))))}}})})})),oe[0].length>0&&oe[1].length>0&&jsx(MenuDivider,{}),oe[1].map((e=>createElement(ListItem,{..._,key:e.value,text:e.text,disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{P&&e.stopPropagation()},control:jsx(InputCheckbox,{sizes:SIZES_CHECKBOX,form:"none",name:r,value:e.value,checked:!1,onChange:e=>{if(!P){const o=[...J,e.currentTarget.value];Q(o),y&&y(I.filter((e=>o.includes(e.value))))}}})})))]})}:{ref:de,children:W.map((e=>{const o=q===e.value;return createElement(ListItem,{..._,key:e.value,text:e.text,active:o,danger:o&&L==='error',success:o&&L==='success',disabled:H.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:t=>{if(t.stopPropagation(),!P){const t=o?{value:'',text:''}:e;V(t.text),G(t.value),y&&y(t.value?t:null),ie.current?.focus(),ee(!t.value)}}})}))})}):void 0})})),{sizes:SIZES,displayName:"Dropdown"});export{COMPONENT_NAME,Dropdown};
+//# sourceMappingURL=Dropdown.mjs.map

package/components/Dropdown/Dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.mjs","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { forwardRef, useState, useRef, useEffect, useMemo } from 'react'\nimport Fuse from 'fuse.js'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport { FormInputLabel } from 'components/FormInputLabel'\nimport { MenuComponent } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuDivider } from 'components/MenuDivider'\nimport { ListItem } from 'components/ListItem'\nimport { InputCheckbox } from 'components/InputCheckbox'\nimport { Chip } from 'components/Chip'\nimport type { IconProps } from 'components/Icon'\nimport { DropdownMenuNoOptions } from './DropdownMenuNoOptions'\nimport { SIZES, SIZES_CHECKBOX, SIZES_MENU, FuseSearchKeys } from './constants'\nimport {\n  getDropdownInputText,\n  getDropdownInputValue,\n  getDropdownInputMultipleValue,\n  groupDropdownOptions,\n} from './utils'\nimport * as Styled from './style'\nimport type { DropdownProps, DropdownOption } from './types'\n\nconst COMPONENT_NAME = 'Dropdown'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Dropdown/types.ts).\n */\nconst Dropdown: React.ForwardRefExoticComponent<DropdownProps> = withMergedProps<DropdownProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      name = 'fox-dropdown',\n      labelPosition = 'dynamic',\n      optionsMultiToggle = true,\n      loading = false,\n      iconProps = {},\n      menuProps = {},\n      closeMenuOnScroll,\n      contrast,\n      defaultSelectedOption,\n      icon,\n      inputMode,\n      label,\n      loadingMessage,\n      loadingIcon,\n      loadingIconProps,\n      maxLength,\n      multiple,\n      onCloseMenu,\n      onOpenMenu,\n      onSelectOption,\n      options,\n      optionsMultiToggleCaption,\n      optionsEmptyMessage,\n      optionsEmptyIcon,\n      optionsEmptyIconProps,\n      palette,\n      placeholder,\n      readOnly,\n      required,\n      status,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      form,\n      ...rootProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n    }\n\n    const iconBaseProps: IconProps = {\n      size: 24,\n      color: rootProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n    }\n\n    const getRelevantOptions = useMemo(() => {\n      const fuse = new Fuse<DropdownOption>(options, {\n        threshold: 0.4,\n        ignoreLocation: true,\n        keys: [FuseSearchKeys.text, FuseSearchKeys.tags],\n      })\n\n      return (pattern: string): DropdownOption[] =>\n        pattern.length === 0 ? options : fuse.search(pattern).map((result) => result.item)\n    }, [options])\n\n    const [inputText, setInputText] = useState<string>(() =>\n      multiple ? '' : getDropdownInputText(defaultSelectedOption)\n    )\n\n    const [inputValue, setInputValue] = useState<string>(() => getDropdownInputValue(defaultSelectedOption))\n\n    const [inputMultipleValue, setInputMultipleValue] = useState<string[]>(() =>\n      getDropdownInputMultipleValue(defaultSelectedOption)\n    )\n\n    const [menuRelevantOptions, setMenuRelevantOptions] = useState<DropdownOption[]>(() =>\n      getRelevantOptions(inputText)\n    )\n\n    const [menuOpenRequest, setMenuOpenRequest] = useState<boolean>(false)\n\n    const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = multiple\n      ? groupDropdownOptions(options, inputMultipleValue)\n      : [[], []]\n\n    const menuOpen = menuOpenRequest && !rootProps.disabled\n    const menuNoRelevantOptions = menuRelevantOptions.length === 0 || loading\n\n    const inputActive = Boolean(menuOpen || inputText)\n    const inputValueEmpty = multiple ? inputMultipleValue.length === 0 : inputValue.length === 0\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 inputRef = useRef<HTMLInputElement | null>(null)\n    const menuRef = useRef<HTMLDivElement | null>(null)\n    const menuListRef = useRef<HTMLUListElement | null>(null)\n\n    const timeoutIdRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n    const inputTextPrevRef = useRef<string>(inputText)\n    const menuOpenPrevRef = useRef<boolean>(menuOpen)\n\n    useEffect(() => {\n      if (inputText === inputTextPrevRef.current) {\n        setMenuRelevantOptions(getRelevantOptions(inputText))\n      } else {\n        inputTextPrevRef.current = inputText\n        timeoutIdRef.current = setTimeout(() => {\n          setMenuRelevantOptions(getRelevantOptions(inputText))\n        }, 150)\n      }\n\n      return () => {\n        if (timeoutIdRef.current) {\n          clearTimeout(timeoutIdRef.current)\n        }\n      }\n    }, [getRelevantOptions, inputText])\n\n    useEffect(() => {\n      if (menuOpen === menuOpenPrevRef.current) return\n\n      if (menuOpen && onOpenMenu) onOpenMenu()\n      if (!menuOpen && onCloseMenu) onCloseMenu()\n\n      menuOpenPrevRef.current = menuOpen\n    }, [menuOpen, onCloseMenu, onOpenMenu])\n\n    useEffect(() => {\n      const handleScroll = (evt: Event) => {\n        inputRef.current?.focus()\n        setMenuOpenRequest(false)\n\n        if (evt.currentTarget) {\n          evt.currentTarget.removeEventListener(evt.type, handleScroll)\n        }\n      }\n\n      if (closeMenuOnScroll && menuOpen) {\n        document.addEventListener('scroll', handleScroll)\n      }\n\n      return () => {\n        document.removeEventListener('scroll', handleScroll)\n      }\n    }, [closeMenuOnScroll, menuOpen])\n\n    const syncInputTextWithSelectedOption = () => {\n      let selectedOptionText = ''\n\n      if (!multiple) {\n        const selectedOption = options.find((option) => option.value === inputValue)\n        selectedOptionText = selectedOption ? selectedOption.text : ''\n      }\n\n      setInputText(selectedOptionText)\n    }\n\n    return (\n      <FormInputLabel\n        {...rootProps}\n        {...sizeProps}\n        ref={ref}\n        label={label}\n        labelPosition={labelPosition}\n        active={inputActive}\n        onColored={contrast}\n        error={status === 'error'}\n        success={status === 'success'}\n        icon={[icon, <Styled.ChevronIcon key='chevron' up={menuOpen} />]}\n        iconProps={{ ...iconBaseProps, ...iconProps }}\n        palette={{\n          color: rootProps.disabled ? palette.labelColorDisabled : palette.labelColor,\n          colorHover: rootProps.disabled ? palette.labelColorDisabled : palette.labelColorHover,\n          backgroundColor: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColor,\n          backgroundColorHover: rootProps.disabled ? palette.backgroundColorDisabled : palette.backgroundColorHover,\n          borderColor: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n          borderColorHover: rootProps.disabled ? palette.borderColorDisabled : palette.borderColor,\n        }}\n        onClick={(evt) => {\n          if (rootProps.onClick) rootProps.onClick(evt)\n\n          if (rootProps.disabled) return\n\n          inputRef.current?.focus()\n\n          if (!menuOpen) {\n            setMenuOpenRequest(true)\n          } else if (menuRef.current && evt.target instanceof Node && !menuRef.current.contains(evt.target)) {\n            setMenuOpenRequest(false)\n          }\n        }}\n        onKeyUp={(evt) => {\n          if (rootProps.onKeyUp) rootProps.onKeyUp(evt)\n\n          if (keyboardKeys.Esc.validate(evt.key)) {\n            inputRef.current?.focus()\n            setMenuOpenRequest(false)\n          }\n        }}\n        onPointerDown={(evt) => {\n          if (rootProps.onPointerDown) rootProps.onPointerDown(evt)\n\n          if (evt.target !== inputRef.current && evt.target instanceof Node && evt.currentTarget.contains(evt.target)) {\n            evt.preventDefault()\n          }\n        }}\n        onBlur={(evt) => {\n          if (rootProps.onBlur) rootProps.onBlur(evt)\n\n          if (!evt.currentTarget.contains(evt.relatedTarget)) {\n            syncInputTextWithSelectedOption()\n            setMenuOpenRequest(false)\n          }\n        }}\n        input={\n          <>\n            <Styled.Input\n              ref={inputRef}\n              type='text'\n              autoComplete='off'\n              autoCapitalize='off'\n              autoCorrect='off'\n              spellCheck='false'\n              inputMode={inputMode}\n              maxLength={maxLength}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              required={required && inputValueEmpty}\n              disabled={rootProps.disabled}\n              label={label}\n              labelPosition={labelPosition}\n              active={inputActive}\n              value={inputText}\n              palette={{\n                color: palette.color,\n                colorDisabled: palette.colorDisabled,\n                placeholderColor: palette.placeholderColor,\n                placeholderColorDisabled: palette.placeholderColorDisabled,\n              }}\n              onClick={(evt) => {\n                if (menuOpen && evt.currentTarget.selectionStart !== evt.currentTarget.selectionEnd) {\n                  evt.stopPropagation()\n                }\n              }}\n              onChange={(evt) => {\n                setInputText(evt.currentTarget.value)\n                setMenuOpenRequest(true)\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Space.validate(evt.key) && (!menuOpen || evt.currentTarget.selectionStart === 0)) {\n                  evt.preventDefault()\n                  setMenuOpenRequest((prev) => !prev)\n                }\n\n                if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                  evt.preventDefault()\n                  focusFirstFocusable(menuListRef.current)\n                }\n              }}\n            />\n            {multiple\n              ? inputMultipleValue.map((value) => (\n                  <input\n                    key={value}\n                    type='hidden'\n                    name={name}\n                    value={value}\n                    form={form}\n                    disabled={rootProps.disabled}\n                  />\n                ))\n              : inputValue.length > 0 && (\n                  <input type='hidden' name={name} value={inputValue} form={form} disabled={rootProps.disabled} />\n                )}\n          </>\n        }\n        addon={\n          multiple && inputMultipleValue.length > 0 ? (\n            <Chip\n              size='xs'\n              active\n              black\n              disabled={rootProps.disabled}\n              cursor={rootProps.disabled ? 'not-allowed' : undefined}\n              text={inputMultipleValue.length}\n              textProps={{\n                appearance: 'caption',\n                size: 'xs',\n              }}\n              palette={\n                rootProps.disabled\n                  ? {\n                      color: 'content-disabled',\n                      colorHover: 'content-disabled',\n                      backgroundColor: 'bg-disabled-small',\n                      backgroundColorHover: 'bg-disabled-small',\n                    }\n                  : undefined\n              }\n              onPointerDown={(evt) => {\n                evt.preventDefault()\n              }}\n              discardButtonProps={{\n                contrast: !rootProps.disabled,\n                onKeyDown: (evt) => {\n                  if (keyboardKeys.ArrowDown.validate(evt.key) && menuListRef.current) {\n                    evt.preventDefault()\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                },\n                onClick: (evt) => {\n                  evt.stopPropagation()\n\n                  if (!readOnly) {\n                    setInputMultipleValue([])\n\n                    if (onSelectOption) onSelectOption([])\n\n                    inputRef.current?.focus()\n                    setMenuOpenRequest(true)\n                  }\n                },\n              }}\n            />\n          ) : undefined\n        }\n        dropdown={\n          menuOpen ? (\n            <MenuComponent\n              {...menuProps}\n              ref={menuRef}\n              sizeUnits='%'\n              sizes={SIZES_MENU}\n              size={menuProps.size ?? 100}\n              tabIndex={menuNoRelevantOptions ? undefined : 0}\n              secondary={!contrast}\n              elevated={contrast}\n              disableAutoFocus\n              palette={{\n                backgroundColor: palette.menuBackgroundColor,\n                borderColor: palette.menuBorderColor,\n              }}\n              onFocus={(evt) => {\n                if (!menuListRef.current) return\n\n                if (evt.target === evt.currentTarget) {\n                  if (menuListRef.current.contains(evt.relatedTarget)) {\n                    inputRef.current?.focus()\n                  } else {\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                }\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  inputRef.current?.focus()\n                  syncInputTextWithSelectedOption()\n                  setMenuOpenRequest(false)\n                }\n              }}\n            >\n              {menuNoRelevantOptions ? (\n                <DropdownMenuNoOptions\n                  loading={loading}\n                  loadingMessage={loadingMessage}\n                  loadingIcon={loadingIcon}\n                  loadingIconProps={{ ...iconBaseProps, ...loadingIconProps }}\n                  emptyMessage={optionsEmptyMessage}\n                  emptyIcon={optionsEmptyIcon}\n                  emptyIconProps={{ ...iconBaseProps, ...optionsEmptyIconProps }}\n                />\n              ) : multiple ? (\n                <MenuList ref={menuListRef}>\n                  {inputText.length > 0 ? (\n                    <>\n                      {menuRelevantOptions.map((option) => {\n                        const optionSelected = inputMultipleValue.includes(option.value)\n\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionSelected && optionStatus === 'error'\n                        const optionSuccessStatus = optionSelected && optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            active={optionSelected}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked={optionSelected}\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = optionSelected\n                                      ? inputMultipleValue.filter((value) => value !== option.value)\n                                      : [...inputMultipleValue, evt.currentTarget.value]\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                    </>\n                  ) : (\n                    <>\n                      {optionsMultiToggle && (\n                        <ListItem\n                          {...sizeProps}\n                          text={optionsMultiToggleCaption}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) 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={(multiToggleChecked || multiToggleIndeterminate) && status === 'error'}\n                              success={(multiToggleChecked || multiToggleIndeterminate) && status === 'success'}\n                              onChange={() => {\n                                if (!readOnly) {\n                                  const update =\n                                    multiToggleChecked || multiToggleIndeterminate\n                                      ? []\n                                      : options.map((option) => option.value)\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) onSelectOption(update.length === 0 ? [] : options)\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      )}\n                      {optionsMultiToggle && <MenuDivider />}\n                      {menuOptionsGroups[0].map((option) => {\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = optionStatus === 'error'\n                        const optionSuccessStatus = optionStatus === 'success'\n\n                        return (\n                          <ListItem\n                            {...sizeProps}\n                            key={option.value}\n                            active\n                            text={option.text}\n                            danger={optionErrorStatus}\n                            success={optionSuccessStatus}\n                            disabled={rootProps.disabled}\n                            borderRadius={8}\n                            ellipsis={false}\n                            textProps={{ wordBreak: 'break-word' }}\n                            onClick={(evt) => {\n                              if (readOnly) evt.stopPropagation()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                name={name}\n                                value={option.value}\n                                checked\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = inputMultipleValue.filter(\n                                      (value) => value !== evt.currentTarget.value\n                                    )\n\n                                    setInputMultipleValue(update)\n\n                                    if (onSelectOption) {\n                                      onSelectOption(options.filter((option) => update.includes(option.value)))\n                                    }\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                      {menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0 && <MenuDivider />}\n                      {menuOptionsGroups[1].map((option) => (\n                        <ListItem\n                          {...sizeProps}\n                          key={option.value}\n                          text={option.text}\n                          disabled={rootProps.disabled}\n                          borderRadius={8}\n                          ellipsis={false}\n                          textProps={{ wordBreak: 'break-word' }}\n                          onClick={(evt) => {\n                            if (readOnly) evt.stopPropagation()\n                          }}\n                          control={\n                            <InputCheckbox\n                              sizes={SIZES_CHECKBOX}\n                              form='none'\n                              name={name}\n                              value={option.value}\n                              checked={false}\n                              onChange={(evt) => {\n                                if (!readOnly) {\n                                  const update = [...inputMultipleValue, evt.currentTarget.value]\n\n                                  setInputMultipleValue(update)\n\n                                  if (onSelectOption) {\n                                    onSelectOption(options.filter((option) => update.includes(option.value)))\n                                  }\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      ))}\n                    </>\n                  )}\n                </MenuList>\n              ) : (\n                <MenuList ref={menuListRef}>\n                  {menuRelevantOptions.map((option) => {\n                    const optionSelected = inputValue === option.value\n\n                    return (\n                      <ListItem\n                        {...sizeProps}\n                        key={option.value}\n                        text={option.text}\n                        active={optionSelected}\n                        danger={optionSelected && status === 'error'}\n                        success={optionSelected && status === 'success'}\n                        disabled={rootProps.disabled}\n                        borderRadius={8}\n                        ellipsis={false}\n                        textProps={{ wordBreak: 'break-word' }}\n                        onClick={(evt) => {\n                          evt.stopPropagation()\n\n                          if (!readOnly) {\n                            const update = optionSelected ? { value: '', text: '' } : option\n\n                            setInputText(update.text)\n                            setInputValue(update.value)\n\n                            if (onSelectOption) onSelectOption(update.value ? update : null)\n\n                            inputRef.current?.focus()\n\n                            setMenuOpenRequest(!update.value)\n                          }\n                        }}\n                      />\n                    )\n                  })}\n                </MenuList>\n              )}\n            </MenuComponent>\n          ) : undefined\n        }\n      />\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { Dropdown, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Dropdown","withMergedProps","forwardRef","props","ref","size","name","labelPosition","optionsMultiToggle","loading","iconProps","menuProps","closeMenuOnScroll","contrast","defaultSelectedOption","icon","inputMode","label","loadingMessage","loadingIcon","loadingIconProps","maxLength","multiple","onCloseMenu","onOpenMenu","onSelectOption","options","optionsMultiToggleCaption","optionsEmptyMessage","optionsEmptyIcon","optionsEmptyIconProps","palette","placeholder","readOnly","required","status","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","form","rootProps","sizeProps","iconBaseProps","color","disabled","getRelevantOptions","useMemo","fuse","Fuse","threshold","ignoreLocation","keys","FuseSearchKeys","text","tags","pattern","length","search","map","result","item","inputText","setInputText","useState","getDropdownInputText","inputValue","setInputValue","getDropdownInputValue","inputMultipleValue","setInputMultipleValue","getDropdownInputMultipleValue","menuRelevantOptions","setMenuRelevantOptions","menuOpenRequest","setMenuOpenRequest","menuOptionsGroups","groupDropdownOptions","menuOpen","menuNoRelevantOptions","inputActive","Boolean","inputValueEmpty","multiToggleChecked","multiToggleIndeterminate","inputRef","useRef","menuRef","menuListRef","timeoutIdRef","inputTextPrevRef","menuOpenPrevRef","useEffect","current","setTimeout","clearTimeout","handleScroll","evt","focus","currentTarget","removeEventListener","type","document","addEventListener","syncInputTextWithSelectedOption","selectedOptionText","selectedOption","find","option","value","_jsx","FormInputLabel","active","onColored","error","success","Styled","up","labelColorDisabled","labelColor","colorHover","labelColorHover","backgroundColor","backgroundColorDisabled","backgroundColorHover","borderColor","borderColorDisabled","borderColorHover","onClick","target","Node","contains","onKeyUp","keyboardKeys","Esc","validate","key","onPointerDown","preventDefault","onBlur","relatedTarget","input","_jsxs","_Fragment","children","autoComplete","autoCapitalize","autoCorrect","spellCheck","colorDisabled","placeholderColor","placeholderColorDisabled","selectionStart","selectionEnd","stopPropagation","onChange","onKeyDown","Enter","Space","prev","ArrowDown","focusFirstFocusable","addon","Chip","black","cursor","undefined","textProps","appearance","discardButtonProps","dropdown","MenuComponent","sizes","SIZES_MENU","tabIndex","secondary","elevated","disableAutoFocus","menuBackgroundColor","menuBorderColor","onFocus","DropdownMenuNoOptions","emptyMessage","emptyIcon","emptyIconProps","MenuList","optionSelected","includes","optionStatus","optionErrorStatus","optionSuccessStatus","_createElement","ListItem","danger","borderRadius","ellipsis","wordBreak","control","InputCheckbox","SIZES_CHECKBOX","checked","update","filter","indeterminate","MenuDivider","SIZES","displayName"],"mappings":"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"}

package/components/Dropdown/DropdownMenuNoOptions.js

@@ -1 +1,2 @@
 'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');var MenuContainer=require('../MenuContainer/MenuContainer.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');exports.DropdownMenuNoOptions=e=>{const{loadingIcon:r=require$$0.jsx(style.LoadingIconAnimated,{}),emptyIcon:n="redo",loadingIconProps:i={},emptyIconProps:t={},loading:o,loadingMessage:a,emptyMessage:s}=e;return require$$0.jsxs(MenuContainer.MenuContainer,{children:[require$$0.jsx(style.IconContainer,{children:require$$0.jsx(Icon.Icon,o?{...i,preset:"brand",name:typeof r=='string'?r:void 0,icon:typeof r!='string'?r:void 0}:{...t,preset:"brand",name:typeof n=='string'?n:void 0,icon:typeof n!='string'?n:void 0})}),o&&a&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}),!o&&s&&require$$0.jsx(Text.Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s})]})};
+//# sourceMappingURL=DropdownMenuNoOptions.js.map

package/components/Dropdown/DropdownMenuNoOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { 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            {...loadingIconProps}\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n          />\n        ) : (\n          <Icon\n            {...emptyIconProps}\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\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      )}\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      )}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["props","loadingIcon","_jsx","Styled","LoadingIconAnimated","emptyIcon","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","jsx","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"8PAO+BA,IAC7B,MAAMC,YACJA,EAAcC,WAAAA,IAACC,MAA0BC,wBAAGC,UAC5CA,EAAY,OAAMC,iBAClBA,EAAmB,CAAE,EAAAC,eACrBA,EAAiB,CAAE,EAAAC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,WAAAA,KAACC,cAAAA,cAAa,CAAAC,SACZX,CAAAA,WAAAY,IAACX,oBAAoB,CAAAU,SAEjBX,WAAAY,IAACC,UADFP,EACM,IACCF,EACJU,OAAO,QACPC,YAAahB,GAAgB,SAAWA,OAAciB,EACtDC,YAAalB,GAAgB,SAAWA,OAAciB,GAGnD,IACCX,EACJS,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,MAIvDV,GAAWC,GACVP,WAAAA,IAACkB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdJ,KAGHD,GAAWE,GACXR,WAAAA,IAACkB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdH,MAGS"}

package/components/Dropdown/DropdownMenuNoOptions.mjs

@@ -1 +1,2 @@
 import{IconContainer,LoadingIconAnimated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const DropdownMenuNoOptions=n=>{const{loadingIcon:o=jsx(LoadingIconAnimated,{}),emptyIcon:e="redo",loadingIconProps:r={},emptyIconProps:t={},loading:i,loadingMessage:a,emptyMessage:s}=n;return jsxs(MenuContainer,{children:[jsx(IconContainer,{children:jsx(Icon,i?{...r,preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0}:{...t,preset:"brand",name:typeof e=='string'?e:void 0,icon:typeof e!='string'?e:void 0})}),i&&a&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}),!i&&s&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s})]})};export{DropdownMenuNoOptions};
+//# sourceMappingURL=DropdownMenuNoOptions.mjs.map