@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

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

@@ -1 +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","constructor","props","super","this","resetTimeout","onSelectItem","selectedItem","id","level","selectedItems","state","newSelectedItems","slice","setState","getCurrentConfig","config","length","reduce","acc","levelId","_acc$items$find","items","find","item","error","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","concat","preventClosing","preventDefault","stopPropagation","onClick","componentWillUnmount","clearTimeout","render","_this$props","children","className","tooltipProps","isOpen","trigger","anotherProps","_objectWithoutProperties","_excluded","restProps","_excluded2","_jsxs","ContextMenu","_objectSpread","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled.MultilevelItems","map","Item","active","Boolean","controls","Controls","displayName","defaultProps"],"mappings":"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"}
+{"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":"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"}

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

@@ -0,0 +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,2 +1,2 @@
-import{DefaultColorNames as o}from'../../theme/colors.js';import{Text as e}from'../Text/Text.js';import{ControlsRoot as l,ControlsItem as s}from'./style.js';import{jsxs as r,jsx as t}from'react/jsx-runtime';function n(n){var{cancel:c,confirm:i,className:a,style:m}=n;return r(l,{className:a,style:m,children:[c?t(s,{className:"cancel",role:"button",onClick:c.onClick,children:t(e,{size:"m",lineHeight:"s",color:c.color||o.silver,children:c.content})}):null,i?t(s,{className:"confirm",role:"button",onClick:i.onClick,children:t(e,{size:"m",lineHeight:"s",color:i.color||o.accent,children:i.content})}):null]})}export{n as Controls};
+'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

@@ -1 +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":["Controls","_ref","cancel","confirm","className","style","_jsxs","Styled.ControlsRoot","children","_jsx","Styled.ControlsItem","role","onClick","Text","size","lineHeight","color","DefaultColorNames","silver","content","accent"],"mappings":"+MAaO,SAASA,EAA+DC,GAAA,IAAtDC,OAAEA,EAAFC,QAAUA,EAAVC,UAAmBA,EAAnBC,MAA8BA,GAAwBJ,EAC7E,OACEK,EAACC,EAAD,CAAqBH,UAAWA,EAAWC,MAAOA,EAAlDG,SAAA,CACGN,EACCO,EAACC,EAAD,CAAqBN,UAAU,SAASO,KAAK,SAASC,QAASV,EAAOU,QAAtEJ,SACEC,EAACI,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,MAAOd,EAAOc,OAASC,EAAkBC,OAAvEV,SACGN,EAAOiB,YAGV,KACHhB,EACCM,EAACC,EAAD,CAAqBN,UAAU,UAAUO,KAAK,SAASC,QAAST,EAAQS,QAAxEJ,SACEC,EAACI,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,MAAOb,EAAQa,OAASC,EAAkBG,OAAxEZ,SACGL,EAAQgB,YAGX"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-import{DefaultColorNames as e}from'../../theme/colors.js';import{Text as t}from'../Text/Text.js';import{HeadingRoot as o}from'./style.js';import{jsxs as r,jsx as s}from'react/jsx-runtime';function i(i){var{children:a,content:n}=i;return r(o,{children:[a,s(t,{size:"s",lineHeight:"s",weight:"bold",color:e.mineShaft,children:n})]})}export{i as Heading};
+'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

@@ -1 +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":["Heading","_ref","children","content","_jsxs","Styled.HeadingRoot","_jsx","Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"4LAYO,SAASA,EAA6CC,GAAA,IAArCC,SAAEA,EAAFC,QAAYA,GAAyBF,EAC3D,OACEG,EAACC,EAAD,CAAAH,SACGA,CAAAA,EACDI,EAACC,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,EAAkBC,UAArEX,SACGC"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-import{DefaultColorNames as e}from'../../theme/colors.js';import{Text as r}from'../Text/Text.js';import{SubHeadingRoot as t}from'./style.js';import{jsxs as o,jsx as s}from'react/jsx-runtime';function i(i){var{children:a,content:n}=i;return o(t,{children:[a,s(r,{size:"s",lineHeight:"s",color:e.mineShaft,children:n})]})}export{i as SubHeading};
+'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

@@ -1 +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":["SubHeading","_ref","children","content","_jsxs","Styled.SubHeadingRoot","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"+LAYO,SAASA,EAAmDC,GAAA,IAAxCC,SAAEA,EAAFC,QAAYA,GAA4BF,EACjE,OACEG,EAACC,EAAD,CAAAH,SACGA,CAAAA,EACDI,EAACC,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,EAAkBC,UAAvDV,SACGC"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-import o from'styled-components';var e=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-0"})(["display:block;padding:9px 20px 16px;user-select:none;text-transform:uppercase;"]);var t=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-1"})(["display:block;padding:9px 20px 16px;user-select:none;"]);var i=o.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));var n=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-3"})(["padding:12px 20px;cursor:pointer;"]);var s=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-4"})(["max-height:170px;overflow:auto;-webkit-overflow-scrolling:touch;"]);export{n as ControlsItem,i as ControlsRoot,e as HeadingRoot,s as MultilevelItems,t as 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

@@ -1 +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","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"iCAEaA,IAAAA,EAAcC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAApB,CAAA,mFAOMI,IAAAA,EAAiBJ,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAvB,CAAA,0DAMMK,IAAAA,EAAeL,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAGDM,CAAAA,mEAAAA,uBAAAA,GAAUA,EAAMC,MAAMC,OAAOC,UAI3CC,IAAAA,EAAeV,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAArB,CAAA,sCAKMW,IAAAA,EAAkBX,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAxB,CAAA"}
+{"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

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

@@ -1 +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":["COMPONENT_NAME","Dropdown","withMergedProps","forwardRef","props","ref","_menuProps$size","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","_excluded","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","_inputRef$current","focus","currentTarget","removeEventListener","type","document","addEventListener","syncInputTextWithSelectedOption","selectedOptionText","selectedOption","find","option","value","_jsx","FormInputLabel","active","onColored","error","success","Styled.ChevronIcon","up","labelColorDisabled","labelColor","colorHover","labelColorHover","backgroundColor","backgroundColorDisabled","backgroundColorHover","borderColor","borderColorDisabled","borderColorHover","onClick","_inputRef$current2","target","Node","contains","onKeyUp","_inputRef$current3","keyboardKeys","Esc","validate","key","onPointerDown","preventDefault","onBlur","relatedTarget","input","_jsxs","_Fragment","children","Styled.Input","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","_inputRef$current4","dropdown","MenuComponent","sizes","SIZES_MENU","tabIndex","secondary","elevated","disableAutoFocus","menuBackgroundColor","menuBorderColor","onFocus","_inputRef$current5","_inputRef$current6","DropdownMenuNoOptions","emptyMessage","emptyIcon","emptyIconProps","_objectSpread","MenuList","_option$status","optionSelected","includes","optionStatus","optionErrorStatus","optionSuccessStatus","_createElement","ListItem","danger","borderRadius","ellipsis","wordBreak","control","InputCheckbox","SIZES_CHECKBOX","checked","update","filter","indeterminate","MenuDivider","_option$status2","_inputRef$current7","SIZES","displayName"],"mappings":"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"}
+{"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

@@ -0,0 +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