@foxford/ui 2.77.0 → 2.77.1-beta-0c09a09-20250813

package/components/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","jsx","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"8VAiCO,MAAMA,oBAAoBC,MAAAA,cAC/BC,YAAcC,KAAAA,gBACdD,kBAAoBE,uBAAAA,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,cAAAA,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAE,EAAA4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,WAAAA,IAACC,MAAAA,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,WAAAG,IAACC,gBAAO,IAAKnC,EAAcoC,KAAMvB,EAAOgB,SACtCE,WAAAG,IAAA,MAAA,CAAKD,QAAStB,KAAKS,gBAAgBS,SAChCQ,MAAAA,eAAeT,GACZU,MAAAA,aAAaV,EAAoD,CAAEW,OAAQ1B,IAC3E,UAKd"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","jsx","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"8VA6BO,MAAMA,oBAAoBC,MAAAA,cAC/BC,YAAcC,KAAAA,gBACdD,kBAAoBE,uBAAAA,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,cAAAA,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAE,EAAA4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,WAAAA,IAACC,MAAAA,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,WAAAG,IAACC,gBAAO,IAAKnC,EAAcoC,KAAMvB,EAAOgB,SACtCE,WAAAG,IAAA,MAAA,CAAKD,QAAStB,KAAKS,gBAAgBS,SAChCQ,MAAAA,eAAeT,GACZU,MAAAA,aAAaV,EAAoD,CAAEW,OAAQ1B,IAC3E,UAKd"}

package/components/ContextMenu/ContextMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"0VAiCO,MAAMA,oBAAoBC,cAC/BC,YAAcC,gBACdD,kBAAoBE,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAE,EAAA4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,IAACC,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,IAACG,QAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,eAAeR,GACZS,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}
+{"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"0VA6BO,MAAMA,oBAAoBC,cAC/BC,YAAcC,gBACdD,kBAAoBE,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAE,EAAA4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,IAACC,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,IAACG,QAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,eAAeR,GACZS,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}

package/components/ContextMenu/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n  e.preventDefault()\n  e.preventDefault()\n  e.stopPropagation()\n\n  return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: string\n  active?: boolean\n  disabled?: boolean\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n  id?: string | number\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nfunction ContextMenuItem({ children, id, content, active, disabled, onClick, className, style }: ContextMenuItemProps) {\n  return (\n    <Styled.RootItem\n      style={style}\n      className={className}\n      active={active}\n      disabled={disabled}\n      onClick={disabled ? disabledHandler : onClick}\n      data-id={id}\n    >\n      {children}\n      <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.RootItem>\n  )\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\nexport { ContextMenuItem }\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled","_jsx","jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"yKAKA,MAAMA,gBAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAEK,GAmBT,SAASC,iBAAgBC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAAWC,MAAAA,IACtF,OACEC,WAAAA,KAACC,MAAAA,SAAe,CACdF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWT,gBAAkBU,EACtC,UAASJ,EAAGD,SAEXA,CAAAA,EACDU,WAAAC,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,OAAiBA,kBAACC,UAAUjB,SAC9DE,MAIT,CAEAH,gBAAgBmB,YAAc"}
+{"version":3,"file":"Item.js","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import type { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n  e.preventDefault()\n  e.preventDefault()\n  e.stopPropagation()\n\n  return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: string\n  active?: boolean\n  disabled?: boolean\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n  id?: string | number\n}\n\nfunction ContextMenuItem({ children, id, content, active, disabled, onClick, className, style }: ContextMenuItemProps) {\n  return (\n    <Styled.RootItem\n      style={style}\n      className={className}\n      active={active}\n      disabled={disabled}\n      onClick={disabled ? disabledHandler : onClick}\n      data-id={id}\n    >\n      {children}\n      <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.RootItem>\n  )\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\nexport { ContextMenuItem }\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled","_jsx","jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"yKAKA,MAAMA,gBAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAEK,GAeT,SAASC,iBAAgBC,SAAEA,EAAQC,GAAEA,EAAEC,QAAEA,EAAOC,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,EAAOC,UAAEA,EAAWC,MAAAA,IACtF,OACEC,WAAAA,KAACC,MAAAA,SAAe,CACdF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWT,gBAAkBU,EACtC,UAASJ,EAAGD,SAEXA,CAAAA,EACDU,WAAAC,IAACC,UAAI,CAACC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,OAAiBA,kBAACC,UAAUjB,SAC9DE,MAIT,CAEAH,gBAAgBmB,YAAc"}

package/components/ContextMenu/Item.mjs.map

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

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 } from '../ContextMenu/ContextMenu'\nimport type { 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  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      console.error(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 found = items.find((item) => `${item.id}` === id)\n\n    if (!found) throw new Error('Item not found')\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\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        // eslint-disable-next-line react/jsx-handler-names\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                  // eslint-disable-next-line react/jsx-handler-names\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","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","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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"}
+{"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 } from '../ContextMenu/ContextMenu'\nimport type { 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  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\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      console.error(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 found = items.find((item) => `${item.id}` === id)\n\n    if (!found) throw new Error('Item not found')\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\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        // eslint-disable-next-line react/jsx-handler-names\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                  // eslint-disable-next-line react/jsx-handler-names\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","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","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.map

@@ -1 +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 } from '../ContextMenu/ContextMenu'\nimport type { 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  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      console.error(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 found = items.find((item) => `${item.id}` === id)\n\n    if (!found) throw new Error('Item not found')\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\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        // eslint-disable-next-line react/jsx-handler-names\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                  // eslint-disable-next-line react/jsx-handler-names\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","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","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,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,YAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,MAAO,IAAI,EAGjFuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI+B,MAAM,oBAE7B,MAAMT,MAAEA,EAAQ,IAAOtB,EACvB,MAAMgC,cAAEA,GAAkBF,EAE1B,MAAMlB,GAAEA,EAAK,MAASoB,EAAcC,QAEpC,GAAIrB,IAAO,KAAM,MAAM,IAAImB,MAAM,8BAEjC,MAAMG,EAAQZ,EAAMC,MAAMC,GAAS,GAAGA,EAAKZ,OAASA,IAEpD,IAAKsB,EAAO,MAAM,IAAIH,MAAM,mBAExBG,EAAMlC,QAAUkC,EAAMC,kBACxBL,EAAEM,iBACFN,EAAEO,mBAGAH,EAAMlC,QAERI,KAAKM,aAAawB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,EAChB,EAGFK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBzC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ8C,EAASpC,aAAcqC,KAAkBC,GAAcH,EAEvE,OACEI,KAACC,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS/C,KAAKuB,MACdiB,QAASA,KACLI,EAASR,SAEZA,CAAAA,EACDS,KAAAG,SAAA,CAAAZ,SAAA,CACEa,IAACC,OAAM,CAACC,IAAK,IACZvD,GAAQwD,QAAUH,IAACI,QAAO,CAACC,QAAS1D,EAAOwD,UAAc,KACzDxD,GAAQ2D,WAAaN,IAACO,WAAU,CAACF,QAAS1D,EAAO2D,aAAiB,KAClE3D,GAAQsB,MACP+B,IAACQ,gBAAsB,CAAArB,SACpBxC,EAAOsB,MAAMwC,KAAKtC,GACjB6B,IAACH,YAAYa,KAAI,CAEfnD,GAAIY,EAAKZ,GACT8C,QAASlC,EAAKkC,QACdM,OAASxC,EAAKX,OAASoD,QAAQ3D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKwC,OAE/E1B,QAASlC,KAAKyB,oBALTL,EAAKZ,QASd,KACHZ,GAAQkE,SAAWb,IAACc,SAAQ,IAAKnE,EAAOkE,WAAeb,IAACC,OAAM,CAACC,IAAK,SAI7E"}
+{"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 } from '../ContextMenu/ContextMenu'\nimport type { 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  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\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      console.error(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 found = items.find((item) => `${item.id}` === id)\n\n    if (!found) throw new Error('Item not found')\n\n    if (found.config || found.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (found.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(found)\n    }\n\n    if (typeof found.onClick === 'function') {\n      found.onClick(found)\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        // eslint-disable-next-line react/jsx-handler-names\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                  // eslint-disable-next-line react/jsx-handler-names\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","console","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","found","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":"6UAwDO,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,GAEP,OADAC,QAAQD,MAAMA,GACP,IACT,GAGFE,MAAQA,KAENvB,KAAKK,aAAemB,YAAW,IAAMxB,KAAKY,SAAS,CAAEV,cAAe,MAAO,IAAI,EAGjFuB,mBAA+DC,IAC7D,MAAM9B,EAASI,KAAKa,mBACpB,IAAKjB,EAAQ,MAAM,IAAI+B,MAAM,oBAE7B,MAAMT,MAAEA,EAAQ,IAAOtB,EACvB,MAAMgC,cAAEA,GAAkBF,EAE1B,MAAMlB,GAAEA,EAAK,MAASoB,EAAcC,QAEpC,GAAIrB,IAAO,KAAM,MAAM,IAAImB,MAAM,8BAEjC,MAAMG,EAAQZ,EAAMC,MAAMC,GAAS,GAAGA,EAAKZ,OAASA,IAEpD,IAAKsB,EAAO,MAAM,IAAIH,MAAM,mBAExBG,EAAMlC,QAAUkC,EAAMC,kBACxBL,EAAEM,iBACFN,EAAEO,mBAGAH,EAAMlC,QAERI,KAAKM,aAAawB,UAGTA,EAAMI,SAAY,YAC3BJ,EAAMI,QAAQJ,EAChB,EAGFK,MAAAA,GACE,MAAMC,SAAEA,EAAQC,UAAEA,EAASC,aAAEA,EAAYC,OAAEA,EAAMC,QAAEA,KAAYC,GAAiBzC,KAAKF,MACrF,MAAMI,cAAEA,GAAkBF,KAAKC,MAC/B,MAAML,EAASI,KAAKa,mBAGpB,MAAQjB,OAAQ8C,EAASpC,aAAcqC,KAAkBC,GAAcH,EAEvE,OACEI,KAACC,YAAW,CACVT,UAAWA,EACXC,aAAcA,EACdC,OAAQA,EAERQ,QAAS/C,KAAKuB,MACdiB,QAASA,KACLI,EAASR,SAEZA,CAAAA,EACDS,KAAAG,SAAA,CAAAZ,SAAA,CACEa,IAACC,OAAM,CAACC,IAAK,IACZvD,GAAQwD,QAAUH,IAACI,QAAO,CAACC,QAAS1D,EAAOwD,UAAc,KACzDxD,GAAQ2D,WAAaN,IAACO,WAAU,CAACF,QAAS1D,EAAO2D,aAAiB,KAClE3D,GAAQsB,MACP+B,IAACQ,gBAAsB,CAAArB,SACpBxC,EAAOsB,MAAMwC,KAAKtC,GACjB6B,IAACH,YAAYa,KAAI,CAEfnD,GAAIY,EAAKZ,GACT8C,QAASlC,EAAKkC,QACdM,OAASxC,EAAKX,OAASoD,QAAQ3D,EAAckB,EAAKX,SAAWW,EAAKZ,KAAQY,EAAKwC,OAE/E1B,QAASlC,KAAKyB,oBALTL,EAAKZ,QASd,KACHZ,GAAQkE,SAAWb,IAACc,SAAQ,IAAKnE,EAAOkE,WAAeb,IAACC,OAAM,CAACC,IAAK,SAI7E"}

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, useLayoutEffect, useMemo, useCallback } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useScrollMonitor } from 'hooks/useScrollMonitor'\nimport { focusFirstFocusable, focusLastFocusable } from 'shared/utils/dom'\nimport { createDebouncedCallback } from 'shared/utils/misc'\nimport { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\nimport { FormInput } from 'components/FormInput'\nimport { FormInputLabel } from 'components/FormInputLabel'\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 { IconButton } from 'components/IconButton'\nimport type { IconProps } from 'components/Icon'\nimport { DropdownMenu } from './DropdownMenu'\nimport { useFilteredOptions, useLoadedOptions } from './hooks'\nimport { SIZES, SIZES_CHECKBOX, SIZES_ICON } from './constants'\nimport { getDropdownInputText, getDropdownSelectedOption, groupDropdownOptions } 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<HTMLDivElement, MergedProps<DropdownProps>>((props, ref) => {\n    const {\n      size = 'm',\n      name = 'fox-dropdown',\n      labelPosition = 'dynamic',\n      searchable = true,\n      primary = true,\n      optionsMultiToggle = true,\n      iconProps = {},\n      menuProps = {},\n      loadingIconProps = {},\n      optionsEmptyIconProps = {},\n      loading,\n      autoFocus,\n      disableAutoScrollToSelectedOption,\n      closeMenuOnScroll,\n      scrollMonitorTarget,\n      contrast,\n      selectedOption,\n      defaultSelectedOption,\n      icon,\n      inputMode,\n      loadingMessage,\n      loadingIcon,\n      maxLength,\n      multiple,\n      clearable,\n      onChangeInput,\n      onCloseMenu,\n      onOpenMenu,\n      onSelectOption,\n      options,\n      loadOptions,\n      groupSelectedOptions,\n      optionsMultiToggleCaption,\n      optionsEmptyMessage,\n      optionsEmptyIcon,\n      palette,\n      placeholder,\n      readOnly,\n      required,\n      status,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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    }\n\n    const iconBaseProps: IconProps = {\n      sizes: SIZES_ICON,\n      color: rootProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n    }\n\n    const formInputLabelId = useMemo(() => rootProps.id ?? `${name}-${nanoid()}`, [name, rootProps.id])\n    const inputLabelId = useMemo(() => nanoid(), [])\n    const menuListId = useMemo(() => nanoid(), [])\n\n    const [filteredOptions, getFilteredOptions] = useFilteredOptions({\n      options,\n    })\n\n    const [loadedOptions, optionsLoading, getLoadedOptions] = useLoadedOptions({\n      loadOptions,\n      options,\n    })\n\n    const [dropdownSelectedOption, setDropdownSelectedOption] = useState<DropdownOption[]>(() =>\n      getDropdownSelectedOption(selectedOption !== undefined ? selectedOption : defaultSelectedOption, multiple)\n    )\n\n    const [inputText, setInputText] = useState<string>(() => getDropdownInputText(dropdownSelectedOption, multiple))\n\n    const [focusWithin, setFocusWithin] = useState<boolean>(false)\n\n    const [menuOpenRequest, setMenuOpenRequest] = useState<boolean>(false)\n\n    const menuOptions: DropdownOption[] = loadOptions ? loadedOptions : filteredOptions\n    const menuOptionsLoading = loadOptions ? (loading ?? optionsLoading) : loading\n\n    const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = useMemo(\n      () => (multiple ? groupDropdownOptions(menuOptions, dropdownSelectedOption) : [[], []]),\n      [multiple, menuOptions, dropdownSelectedOption]\n    )\n\n    const menuOpen = menuOpenRequest && !rootProps.disabled\n\n    const inputRequired = required && dropdownSelectedOption.length === 0\n    const inputActive = Boolean(menuOpen || inputText || focusWithin)\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)\n    const [menuRef, setMenuRef] = useState<Nullable<HTMLElement>>(null)\n    const menuListRef = useRef<HTMLUListElement>(null)\n    const selectedOptionRef = useRef<HTMLElement>(null)\n    const menuOpenPrevRef = useRef<boolean>(menuOpen)\n\n    const updateInputText = useCallback(\n      (inputTextValue: string) => {\n        setInputText(inputTextValue)\n\n        if (onChangeInput) {\n          onChangeInput(inputTextValue)\n        }\n      },\n      [onChangeInput]\n    )\n\n    const updateOptions = useCallback(\n      (inputTextValue: string) => {\n        if (loadOptions) {\n          getLoadedOptions(inputTextValue)\n        } else {\n          getFilteredOptions(inputTextValue)\n        }\n      },\n      [loadOptions, getLoadedOptions, getFilteredOptions]\n    )\n\n    const updateOptionsDebounced = useMemo(() => {\n      return createDebouncedCallback(updateOptions, 150)\n    }, [updateOptions])\n\n    const preventBlur = (evt: React.PointerEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      if (\n        evt.target !== inputRef.current &&\n        evt.target instanceof Node &&\n        (evt.currentTarget.contains(evt.target) ||\n          (menuProps.renderInPortal && menuOpen && menuRef && menuRef.contains(evt.target)))\n      ) {\n        evt.preventDefault()\n      }\n    }\n\n    useScrollMonitor({\n      target: scrollMonitorTarget,\n      onScrollStart: () => {\n        if (closeMenuOnScroll && menuOpen) {\n          inputRef.current?.focus()\n          setMenuOpenRequest(false)\n        }\n      },\n    })\n\n    useLayoutEffect(() => {\n      if (selectedOption === undefined) return\n\n      if (!multiple && !menuOpen) {\n        updateInputText(getDropdownInputText(selectedOption))\n      }\n      setDropdownSelectedOption(getDropdownSelectedOption(selectedOption, multiple))\n    }, [multiple, selectedOption, menuOpen, updateInputText])\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      if (\n        !multiple &&\n        !disableAutoScrollToSelectedOption &&\n        menuOpen &&\n        !menuOptionsLoading &&\n        inputText.length === 0 &&\n        menuRef &&\n        selectedOptionRef.current\n      ) {\n        const menuRect = menuRef.getBoundingClientRect()\n        const selectedOptionRect = selectedOptionRef.current.getBoundingClientRect()\n\n        if (selectedOptionRect.top < menuRect.top || selectedOptionRect.bottom > menuRect.bottom) {\n          setTimeout(() => {\n            if (menuRef && selectedOptionRef.current) {\n              menuRef.scrollTo(0, selectedOptionRef.current.offsetTop)\n            }\n          }, 0)\n        }\n      }\n    }, [multiple, disableAutoScrollToSelectedOption, menuOpen, menuOptionsLoading, inputText, menuRef])\n\n    return (\n      <FormInputLabel\n        {...rootProps}\n        {...sizeProps}\n        ref={ref}\n        id={formInputLabelId}\n        labelId={inputLabelId}\n        labelPosition={labelPosition}\n        active={inputActive}\n        onColored={contrast}\n        primary={primary}\n        error={status === 'error'}\n        success={status === 'success'}\n        focus={focusWithin}\n        icon={[icon, <Styled.ChevronIcon key='chevron' up={menuOpen} />]}\n        iconProps={{\n          ...sizeProps,\n          ...iconBaseProps,\n          ...iconProps,\n        }}\n        palette={{\n          color: rootProps.disabled ? palette.labelColorDisabled : palette.labelColor,\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        }}\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\n            updateOptions('')\n            if (searchable) {\n              updateInputText('')\n            }\n          } else if (menuRef && evt.target instanceof Node && !menuRef.contains(evt.target)) {\n            setMenuOpenRequest(false)\n            updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n          }\n        }}\n        onPointerDown={(evt) => {\n          if (rootProps.onPointerDown) rootProps.onPointerDown(evt)\n\n          preventBlur(evt)\n        }}\n        onMouseDown={(evt) => {\n          if (rootProps.onMouseDown) rootProps.onMouseDown(evt)\n\n          if (!window.PointerEvent) preventBlur(evt)\n        }}\n        onFocus={(evt) => {\n          if (rootProps.onFocus) rootProps.onFocus(evt)\n\n          setFocusWithin(true)\n\n          if (inputRef.current && evt.target === inputRef.current && searchable && !multiple && !menuOpen) {\n            updateInputText('')\n          }\n        }}\n        onBlur={(evt) => {\n          if (rootProps.onBlur) rootProps.onBlur(evt)\n\n          if (\n            evt.currentTarget.contains(evt.relatedTarget) ||\n            (menuProps.renderInPortal && menuOpen && menuRef && menuRef.contains(evt.relatedTarget))\n          ) {\n            return\n          }\n\n          setFocusWithin(false)\n          updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n          setMenuOpenRequest(false)\n        }}\n        input={\n          <>\n            {inputRequired && !searchable && !readOnly ? (\n              <Styled.InputMimic\n                required\n                type='text'\n                inputMode='none'\n                form={form}\n                tabIndex={-1}\n                onFocus={() => {\n                  inputRef.current?.focus()\n                }}\n              />\n            ) : null}\n            <FormInput\n              ref={inputRef}\n              role='combobox'\n              aria-controls={menuListId}\n              aria-expanded={menuOpen}\n              aria-labelledby={rootProps.label ? inputLabelId : undefined}\n              type='text'\n              autoComplete='off'\n              autoCapitalize='off'\n              autoCorrect='off'\n              spellCheck='false'\n              form={form}\n              autoFocus={autoFocus}\n              inputMode={searchable ? inputMode : 'none'}\n              maxLength={maxLength}\n              placeholder={placeholder}\n              readOnly={readOnly || !searchable}\n              required={inputRequired}\n              disabled={rootProps.disabled}\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                const inputValue = evt.currentTarget.value\n\n                updateInputText(inputValue)\n                updateOptionsDebounced(inputValue)\n                setMenuOpenRequest(true)\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Space.validate(evt.key) && (!menuOpen || evt.currentTarget.selectionStart === 0)) {\n                  evt.preventDefault()\n\n                  if (!menuOpen) {\n                    updateOptions('')\n                    if (searchable) {\n                      updateInputText('')\n                    }\n                  }\n\n                  setMenuOpenRequest((prev) => !prev)\n                }\n\n                if (keyboardKeys.Esc.validate(evt.key)) {\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Tab.validate(evt.key) && menuOpen) {\n                  evt.preventDefault()\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.ArrowDown.validate(evt.key) && menuOpen && menuListRef.current) {\n                  evt.preventDefault()\n\n                  if (!multiple && selectedOptionRef.current) {\n                    const menuItems = [...menuListRef.current.children]\n\n                    const idx = menuItems.findIndex((item) => item.contains(selectedOptionRef.current as Node))\n\n                    const focusTarget = menuItems[idx + 1] ?? menuItems[0]\n\n                    if (focusTarget instanceof HTMLElement) {\n                      focusFirstFocusable(focusTarget)\n                    }\n                  } else {\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                }\n\n                if (keyboardKeys.ArrowUp.validate(evt.key) && menuOpen && menuListRef.current) {\n                  evt.preventDefault()\n\n                  if (!multiple && selectedOptionRef.current) {\n                    const menuItems = [...menuListRef.current.children]\n\n                    const idx = menuItems.findIndex((item) => item.contains(selectedOptionRef.current as Node))\n\n                    const focusTarget = menuItems[idx - 1] ?? menuItems[menuItems.length - 1]\n\n                    if (focusTarget instanceof HTMLElement) {\n                      focusFirstFocusable(focusTarget)\n                    }\n                  } else {\n                    focusLastFocusable(menuListRef.current)\n                  }\n                }\n              }}\n            />\n            {dropdownSelectedOption.map((item) => (\n              <input\n                key={item.value}\n                type='hidden'\n                name={name}\n                value={item.value}\n                form={form}\n                disabled={rootProps.disabled}\n              />\n            ))}\n          </>\n        }\n        addon={\n          <>\n            {multiple && dropdownSelectedOption.length > 0 ? (\n              <Chip\n                size='xs'\n                active\n                black\n                marginLeft={12}\n                disabled={rootProps.disabled}\n                cursor={rootProps.disabled ? 'not-allowed' : undefined}\n                text={dropdownSelectedOption.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                onMouseDown={(evt) => {\n                  if (!window.PointerEvent) evt.preventDefault()\n                }}\n                discardButtonProps={{\n                  square: true,\n                  contrast: !rootProps.disabled,\n                  onClick: (evt) => {\n                    evt.stopPropagation()\n\n                    if (!readOnly) {\n                      if (selectedOption === undefined) {\n                        setDropdownSelectedOption([])\n                      }\n\n                      if (onSelectOption) onSelectOption([])\n\n                      inputRef.current?.focus()\n                      updateInputText('')\n                      updateOptions('')\n                      setMenuOpenRequest(true)\n                    }\n                  },\n                }}\n              />\n            ) : null}\n            {!multiple && clearable && dropdownSelectedOption.length > 0 ? (\n              <IconButton\n                icon='close'\n                size='l'\n                square\n                marginLeft={12}\n                disabled={rootProps.disabled}\n                onClick={(evt) => {\n                  evt.stopPropagation()\n\n                  if (!readOnly) {\n                    if (selectedOption === undefined) {\n                      setDropdownSelectedOption([])\n                    }\n\n                    if (onSelectOption) onSelectOption(null)\n\n                    inputRef.current?.focus()\n                    updateInputText('')\n                    updateOptions('')\n                    setMenuOpenRequest(true)\n                  }\n                }}\n              />\n            ) : null}\n          </>\n        }\n        dropdown={\n          <DropdownMenu\n            {...menuProps}\n            setRef={setMenuRef}\n            open={menuOpen}\n            popperReferenceId={formInputLabelId}\n            secondary={!contrast}\n            elevated={contrast}\n            disableAutoFocus\n            palette={{\n              backgroundColor: palette.menuBackgroundColor,\n              borderColor: palette.menuBorderColor,\n            }}\n            empty={menuOptions.length === 0}\n            loading={menuOptionsLoading}\n            loadingMessage={loadingMessage}\n            loadingIcon={loadingIcon}\n            loadingIconProps={{\n              ...sizeProps,\n              ...iconBaseProps,\n              ...loadingIconProps,\n            }}\n            emptyMessage={optionsEmptyMessage}\n            emptyIcon={optionsEmptyIcon}\n            emptyIconProps={{\n              ...sizeProps,\n              ...iconBaseProps,\n              ...optionsEmptyIconProps,\n            }}\n            onKeyDown={(evt) => {\n              if (keyboardKeys.Tab.validate(evt.key)) {\n                evt.preventDefault()\n                inputRef.current?.focus()\n                setMenuOpenRequest(false)\n              }\n\n              if (keyboardKeys.Enter.validate(evt.key)) {\n                inputRef.current?.focus()\n                updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n                setMenuOpenRequest(false)\n              }\n\n              if (keyboardKeys.Esc.validate(evt.key)) {\n                inputRef.current?.focus()\n                setMenuOpenRequest(false)\n              }\n\n              if (keyboardKeys.Backspace.validate(evt.key) && !readOnly && (multiple || (!multiple && clearable))) {\n                if (selectedOption === undefined) {\n                  setDropdownSelectedOption([])\n                }\n\n                if (onSelectOption) onSelectOption(multiple ? [] : null)\n\n                updateInputText('')\n                updateOptions('')\n              }\n            }}\n          >\n            {multiple ? (\n              <MenuList\n                ref={menuListRef}\n                id={menuListId}\n                role='listbox'\n                aria-labelledby={rootProps.label ? inputLabelId : undefined}\n                aria-multiselectable\n              >\n                {inputText.length === 0 ? (\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                          evt.stopPropagation()\n                        }}\n                        control={\n                          <InputCheckbox\n                            sizes={SIZES_CHECKBOX}\n                            form='none'\n                            name={name}\n                            checked={multiToggleChecked}\n                            indeterminate={multiToggleIndeterminate}\n                            error={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'error')}\n                            success={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'success')}\n                            onChange={() => {\n                              if (!readOnly) {\n                                const update = multiToggleChecked || multiToggleIndeterminate ? [] : [...menuOptions]\n\n                                if (selectedOption === undefined) {\n                                  setDropdownSelectedOption(update)\n                                }\n\n                                if (onSelectOption) onSelectOption(update)\n                              }\n                            }}\n                          />\n                        }\n                      />\n                    ) : null}\n                    {optionsMultiToggle ? <MenuDivider /> : null}\n                    {groupSelectedOptions\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                                evt.stopPropagation()\n                                inputRef.current?.focus()\n                              }}\n                              control={\n                                <InputCheckbox\n                                  sizes={SIZES_CHECKBOX}\n                                  form='none'\n                                  role='option'\n                                  aria-selected\n                                  name={name}\n                                  value={option.value}\n                                  checked\n                                  error={optionErrorStatus}\n                                  success={optionSuccessStatus}\n                                  onChange={(evt) => {\n                                    if (!readOnly) {\n                                      const update = dropdownSelectedOption.filter(\n                                        (item) => item.value !== evt.currentTarget.value\n                                      )\n\n                                      if (selectedOption === undefined) {\n                                        setDropdownSelectedOption(update)\n                                      }\n\n                                      if (onSelectOption) onSelectOption(update)\n                                    }\n                                  }}\n                                />\n                              }\n                            />\n                          )\n                        })\n                      : null}\n                    {groupSelectedOptions && menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0 ? (\n                      <MenuDivider />\n                    ) : null}\n                    {groupSelectedOptions\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                              evt.stopPropagation()\n                              inputRef.current?.focus()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                role='option'\n                                aria-selected={false}\n                                name={name}\n                                value={option.value}\n                                checked={false}\n                                onChange={() => {\n                                  if (!readOnly) {\n                                    const update = [...dropdownSelectedOption, option]\n\n                                    if (selectedOption === undefined) {\n                                      setDropdownSelectedOption(update)\n                                    }\n\n                                    if (onSelectOption) onSelectOption(update)\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        ))\n                      : null}\n                    {!groupSelectedOptions &&\n                      menuOptions.map((option) => {\n                        const selected = dropdownSelectedOption.findIndex((item) => item.value === option.value) !== -1\n\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = selected && optionStatus === 'error'\n                        const optionSuccessStatus = selected && 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={selected}\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                                role='option'\n                                aria-selected={selected}\n                                name={name}\n                                value={option.value}\n                                checked={selected}\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = selected\n                                      ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                                      : [...dropdownSelectedOption, option]\n\n                                    if (selectedOption === undefined) {\n                                      setDropdownSelectedOption(update)\n                                    }\n\n                                    if (onSelectOption) onSelectOption(update)\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                  </>\n                ) : (\n                  <>\n                    {menuOptions.map((option) => {\n                      const selected = dropdownSelectedOption.findIndex((item) => item.value === option.value) !== -1\n\n                      const optionStatus = option.status ?? status\n                      const optionErrorStatus = selected && optionStatus === 'error'\n                      const optionSuccessStatus = selected && 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={selected}\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                              role='option'\n                              aria-selected={selected}\n                              name={name}\n                              value={option.value}\n                              checked={selected}\n                              error={optionErrorStatus}\n                              success={optionSuccessStatus}\n                              onChange={(evt) => {\n                                if (!readOnly) {\n                                  const update = selected\n                                    ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                                    : [...dropdownSelectedOption, option]\n\n                                  if (selectedOption === undefined) {\n                                    setDropdownSelectedOption(update)\n                                  }\n\n                                  if (onSelectOption) onSelectOption(update)\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      )\n                    })}\n                  </>\n                )}\n              </MenuList>\n            ) : (\n              <MenuList\n                ref={menuListRef}\n                id={menuListId}\n                role='listbox'\n                aria-labelledby={rootProps.label ? inputLabelId : undefined}\n              >\n                {menuOptions.map((option) => {\n                  const selected = dropdownSelectedOption.findIndex((item) => item.value === option.value) !== -1\n\n                  return (\n                    <ListItem\n                      {...sizeProps}\n                      role='option'\n                      aria-selected={selected}\n                      ref={selected ? selectedOptionRef : undefined}\n                      key={option.value}\n                      text={option.text}\n                      active={selected}\n                      danger={Boolean(selected && status === 'error')}\n                      success={Boolean(selected && 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 = { ...option }\n\n                          if (selectedOption === undefined) {\n                            updateInputText(getDropdownInputText(update))\n                            setDropdownSelectedOption(getDropdownSelectedOption(update))\n                          }\n\n                          if (onSelectOption) onSelectOption(update)\n\n                          inputRef.current?.focus()\n                          setMenuOpenRequest(false)\n                        }\n                      }}\n                    />\n                  )\n                })}\n              </MenuList>\n            )}\n          </DropdownMenu>\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","searchable","primary","optionsMultiToggle","iconProps","menuProps","loadingIconProps","optionsEmptyIconProps","loading","autoFocus","disableAutoScrollToSelectedOption","closeMenuOnScroll","scrollMonitorTarget","contrast","selectedOption","defaultSelectedOption","icon","inputMode","loadingMessage","loadingIcon","maxLength","multiple","clearable","onChangeInput","onCloseMenu","onOpenMenu","onSelectOption","options","loadOptions","groupSelectedOptions","optionsMultiToggleCaption","optionsEmptyMessage","optionsEmptyIcon","palette","placeholder","readOnly","required","status","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","form","rootProps","sizeProps","iconBaseProps","sizes","SIZES_ICON","color","disabled","formInputLabelId","useMemo","id","nanoid","inputLabelId","menuListId","filteredOptions","getFilteredOptions","useFilteredOptions","loadedOptions","optionsLoading","getLoadedOptions","useLoadedOptions","dropdownSelectedOption","setDropdownSelectedOption","useState","getDropdownSelectedOption","undefined","inputText","setInputText","getDropdownInputText","focusWithin","setFocusWithin","menuOpenRequest","setMenuOpenRequest","menuOptions","menuOptionsLoading","menuOptionsGroups","groupDropdownOptions","menuOpen","inputRequired","length","inputActive","Boolean","multiToggleChecked","multiToggleIndeterminate","inputRef","useRef","menuRef","setMenuRef","menuListRef","selectedOptionRef","menuOpenPrevRef","updateInputText","useCallback","inputTextValue","updateOptions","updateOptionsDebounced","createDebouncedCallback","preventBlur","evt","target","current","Node","currentTarget","contains","renderInPortal","preventDefault","useScrollMonitor","onScrollStart","focus","useLayoutEffect","useEffect","menuRect","getBoundingClientRect","selectedOptionRect","top","bottom","setTimeout","scrollTo","offsetTop","_jsx","FormInputLabel","labelId","active","onColored","error","success","jsx","Styled","up","labelColorDisabled","labelColor","backgroundColor","backgroundColorDisabled","backgroundColorHover","borderColor","borderColorDisabled","onClick","onPointerDown","onMouseDown","window","PointerEvent","onFocus","onBlur","relatedTarget","input","_jsxs","jsxs","_Fragment","children","type","tabIndex","FormInput","role","label","autoComplete","autoCapitalize","autoCorrect","spellCheck","value","colorDisabled","placeholderColor","placeholderColorDisabled","selectionStart","selectionEnd","stopPropagation","onChange","inputValue","onKeyDown","keyboardKeys","Enter","validate","key","Space","prev","Esc","Tab","ArrowDown","menuItems","idx","findIndex","item","focusTarget","HTMLElement","focusFirstFocusable","ArrowUp","focusLastFocusable","map","addon","Chip","black","marginLeft","cursor","text","textProps","appearance","colorHover","discardButtonProps","square","IconButton","dropdown","DropdownMenu","setRef","open","popperReferenceId","secondary","elevated","disableAutoFocus","menuBackgroundColor","menuBorderColor","empty","emptyMessage","emptyIcon","emptyIconProps","Backspace","MenuList","ListItem","borderRadius","ellipsis","wordBreak","control","InputCheckbox","SIZES_CHECKBOX","checked","indeterminate","update","MenuDivider","option","optionStatus","optionErrorStatus","optionSuccessStatus","_createElement","danger","filter","selected","SIZES","displayName"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { forwardRef, useState, useRef, useEffect, useLayoutEffect, useMemo, useCallback } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useScrollMonitor } from 'hooks/useScrollMonitor'\nimport { focusFirstFocusable, focusLastFocusable } from 'shared/utils/dom'\nimport { createDebouncedCallback } from 'shared/utils/misc'\nimport { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\nimport { FormInput } from 'components/FormInput'\nimport { FormInputLabel } from 'components/FormInputLabel'\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 { IconButton } from 'components/IconButton'\nimport type { IconProps } from 'components/Icon'\nimport { DropdownMenu } from './DropdownMenu'\nimport { useFilteredOptions, useLoadedOptions } from './hooks'\nimport { SIZES, SIZES_CHECKBOX, SIZES_ICON } from './constants'\nimport { getDropdownInputText, getDropdownSelectedOption, groupDropdownOptions } 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/packages/ui/src/components/Dropdown/types.ts).\n */\nconst Dropdown: React.ForwardRefExoticComponent<DropdownProps> = withMergedProps<DropdownProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<DropdownProps>>((props, ref) => {\n    const {\n      size = 'm',\n      name = 'fox-dropdown',\n      labelPosition = 'dynamic',\n      searchable = true,\n      primary = true,\n      optionsMultiToggle = true,\n      iconProps = {},\n      menuProps = {},\n      loadingIconProps = {},\n      optionsEmptyIconProps = {},\n      loading,\n      autoFocus,\n      disableAutoScrollToSelectedOption,\n      closeMenuOnScroll,\n      scrollMonitorTarget,\n      contrast,\n      selectedOption,\n      defaultSelectedOption,\n      icon,\n      inputMode,\n      loadingMessage,\n      loadingIcon,\n      maxLength,\n      multiple,\n      clearable,\n      onChangeInput,\n      onCloseMenu,\n      onOpenMenu,\n      onSelectOption,\n      options,\n      loadOptions,\n      groupSelectedOptions,\n      optionsMultiToggleCaption,\n      optionsEmptyMessage,\n      optionsEmptyIcon,\n      palette,\n      placeholder,\n      readOnly,\n      required,\n      status,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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    }\n\n    const iconBaseProps: IconProps = {\n      sizes: SIZES_ICON,\n      color: rootProps.disabled ? 'content-disabled' : 'content-onmain-tertiary',\n    }\n\n    const formInputLabelId = useMemo(() => rootProps.id ?? `${name}-${nanoid()}`, [name, rootProps.id])\n    const inputLabelId = useMemo(() => nanoid(), [])\n    const menuListId = useMemo(() => nanoid(), [])\n\n    const [filteredOptions, getFilteredOptions] = useFilteredOptions({\n      options,\n    })\n\n    const [loadedOptions, optionsLoading, getLoadedOptions] = useLoadedOptions({\n      loadOptions,\n      options,\n    })\n\n    const [dropdownSelectedOption, setDropdownSelectedOption] = useState<DropdownOption[]>(() =>\n      getDropdownSelectedOption(selectedOption !== undefined ? selectedOption : defaultSelectedOption, multiple)\n    )\n\n    const [inputText, setInputText] = useState<string>(() => getDropdownInputText(dropdownSelectedOption, multiple))\n\n    const [focusWithin, setFocusWithin] = useState<boolean>(false)\n\n    const [menuOpenRequest, setMenuOpenRequest] = useState<boolean>(false)\n\n    const menuOptions: DropdownOption[] = loadOptions ? loadedOptions : filteredOptions\n    const menuOptionsLoading = loadOptions ? (loading ?? optionsLoading) : loading\n\n    const menuOptionsGroups: ReturnType<typeof groupDropdownOptions> = useMemo(\n      () => (multiple ? groupDropdownOptions(menuOptions, dropdownSelectedOption) : [[], []]),\n      [multiple, menuOptions, dropdownSelectedOption]\n    )\n\n    const menuOpen = menuOpenRequest && !rootProps.disabled\n\n    const inputRequired = required && dropdownSelectedOption.length === 0\n    const inputActive = Boolean(menuOpen || inputText || focusWithin)\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)\n    const [menuRef, setMenuRef] = useState<Nullable<HTMLElement>>(null)\n    const menuListRef = useRef<HTMLUListElement>(null)\n    const selectedOptionRef = useRef<HTMLElement>(null)\n    const menuOpenPrevRef = useRef<boolean>(menuOpen)\n\n    const updateInputText = useCallback(\n      (inputTextValue: string) => {\n        setInputText(inputTextValue)\n\n        if (onChangeInput) {\n          onChangeInput(inputTextValue)\n        }\n      },\n      [onChangeInput]\n    )\n\n    const updateOptions = useCallback(\n      (inputTextValue: string) => {\n        if (loadOptions) {\n          getLoadedOptions(inputTextValue)\n        } else {\n          getFilteredOptions(inputTextValue)\n        }\n      },\n      [loadOptions, getLoadedOptions, getFilteredOptions]\n    )\n\n    const updateOptionsDebounced = useMemo(() => {\n      return createDebouncedCallback(updateOptions, 150)\n    }, [updateOptions])\n\n    const preventBlur = (evt: React.PointerEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n      if (\n        evt.target !== inputRef.current &&\n        evt.target instanceof Node &&\n        (evt.currentTarget.contains(evt.target) ||\n          (menuProps.renderInPortal && menuOpen && menuRef && menuRef.contains(evt.target)))\n      ) {\n        evt.preventDefault()\n      }\n    }\n\n    useScrollMonitor({\n      target: scrollMonitorTarget,\n      onScrollStart: () => {\n        if (closeMenuOnScroll && menuOpen) {\n          inputRef.current?.focus()\n          setMenuOpenRequest(false)\n        }\n      },\n    })\n\n    useLayoutEffect(() => {\n      if (selectedOption === undefined) return\n\n      if (!multiple && !menuOpen) {\n        updateInputText(getDropdownInputText(selectedOption))\n      }\n      setDropdownSelectedOption(getDropdownSelectedOption(selectedOption, multiple))\n    }, [multiple, selectedOption, menuOpen, updateInputText])\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      if (\n        !multiple &&\n        !disableAutoScrollToSelectedOption &&\n        menuOpen &&\n        !menuOptionsLoading &&\n        inputText.length === 0 &&\n        menuRef &&\n        selectedOptionRef.current\n      ) {\n        const menuRect = menuRef.getBoundingClientRect()\n        const selectedOptionRect = selectedOptionRef.current.getBoundingClientRect()\n\n        if (selectedOptionRect.top < menuRect.top || selectedOptionRect.bottom > menuRect.bottom) {\n          setTimeout(() => {\n            if (menuRef && selectedOptionRef.current) {\n              menuRef.scrollTo(0, selectedOptionRef.current.offsetTop)\n            }\n          }, 0)\n        }\n      }\n    }, [multiple, disableAutoScrollToSelectedOption, menuOpen, menuOptionsLoading, inputText, menuRef])\n\n    return (\n      <FormInputLabel\n        {...rootProps}\n        {...sizeProps}\n        ref={ref}\n        id={formInputLabelId}\n        labelId={inputLabelId}\n        labelPosition={labelPosition}\n        active={inputActive}\n        onColored={contrast}\n        primary={primary}\n        error={status === 'error'}\n        success={status === 'success'}\n        focus={focusWithin}\n        icon={[icon, <Styled.ChevronIcon key='chevron' up={menuOpen} />]}\n        iconProps={{\n          ...sizeProps,\n          ...iconBaseProps,\n          ...iconProps,\n        }}\n        palette={{\n          color: rootProps.disabled ? palette.labelColorDisabled : palette.labelColor,\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        }}\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\n            updateOptions('')\n            if (searchable) {\n              updateInputText('')\n            }\n          } else if (menuRef && evt.target instanceof Node && !menuRef.contains(evt.target)) {\n            setMenuOpenRequest(false)\n            updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n          }\n        }}\n        onPointerDown={(evt) => {\n          if (rootProps.onPointerDown) rootProps.onPointerDown(evt)\n\n          preventBlur(evt)\n        }}\n        onMouseDown={(evt) => {\n          if (rootProps.onMouseDown) rootProps.onMouseDown(evt)\n\n          if (!window.PointerEvent) preventBlur(evt)\n        }}\n        onFocus={(evt) => {\n          if (rootProps.onFocus) rootProps.onFocus(evt)\n\n          setFocusWithin(true)\n\n          if (inputRef.current && evt.target === inputRef.current && searchable && !multiple && !menuOpen) {\n            updateInputText('')\n          }\n        }}\n        onBlur={(evt) => {\n          if (rootProps.onBlur) rootProps.onBlur(evt)\n\n          if (\n            evt.currentTarget.contains(evt.relatedTarget) ||\n            (menuProps.renderInPortal && menuOpen && menuRef && menuRef.contains(evt.relatedTarget))\n          ) {\n            return\n          }\n\n          setFocusWithin(false)\n          updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n          setMenuOpenRequest(false)\n        }}\n        input={\n          <>\n            {inputRequired && !searchable && !readOnly ? (\n              <Styled.InputMimic\n                required\n                type='text'\n                inputMode='none'\n                form={form}\n                tabIndex={-1}\n                onFocus={() => {\n                  inputRef.current?.focus()\n                }}\n              />\n            ) : null}\n            <FormInput\n              ref={inputRef}\n              role='combobox'\n              aria-controls={menuListId}\n              aria-expanded={menuOpen}\n              aria-labelledby={rootProps.label ? inputLabelId : undefined}\n              type='text'\n              autoComplete='off'\n              autoCapitalize='off'\n              autoCorrect='off'\n              spellCheck='false'\n              form={form}\n              autoFocus={autoFocus}\n              inputMode={searchable ? inputMode : 'none'}\n              maxLength={maxLength}\n              placeholder={placeholder}\n              readOnly={readOnly || !searchable}\n              required={inputRequired}\n              disabled={rootProps.disabled}\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                const inputValue = evt.currentTarget.value\n\n                updateInputText(inputValue)\n                updateOptionsDebounced(inputValue)\n                setMenuOpenRequest(true)\n              }}\n              onKeyDown={(evt) => {\n                if (keyboardKeys.Enter.validate(evt.key)) {\n                  updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Space.validate(evt.key) && (!menuOpen || evt.currentTarget.selectionStart === 0)) {\n                  evt.preventDefault()\n\n                  if (!menuOpen) {\n                    updateOptions('')\n                    if (searchable) {\n                      updateInputText('')\n                    }\n                  }\n\n                  setMenuOpenRequest((prev) => !prev)\n                }\n\n                if (keyboardKeys.Esc.validate(evt.key)) {\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.Tab.validate(evt.key) && menuOpen) {\n                  evt.preventDefault()\n                  setMenuOpenRequest(false)\n                }\n\n                if (keyboardKeys.ArrowDown.validate(evt.key) && menuOpen && menuListRef.current) {\n                  evt.preventDefault()\n\n                  if (!multiple && selectedOptionRef.current) {\n                    const menuItems = [...menuListRef.current.children]\n\n                    const idx = menuItems.findIndex((item) => item.contains(selectedOptionRef.current as Node))\n\n                    const focusTarget = menuItems[idx + 1] ?? menuItems[0]\n\n                    if (focusTarget instanceof HTMLElement) {\n                      focusFirstFocusable(focusTarget)\n                    }\n                  } else {\n                    focusFirstFocusable(menuListRef.current)\n                  }\n                }\n\n                if (keyboardKeys.ArrowUp.validate(evt.key) && menuOpen && menuListRef.current) {\n                  evt.preventDefault()\n\n                  if (!multiple && selectedOptionRef.current) {\n                    const menuItems = [...menuListRef.current.children]\n\n                    const idx = menuItems.findIndex((item) => item.contains(selectedOptionRef.current as Node))\n\n                    const focusTarget = menuItems[idx - 1] ?? menuItems[menuItems.length - 1]\n\n                    if (focusTarget instanceof HTMLElement) {\n                      focusFirstFocusable(focusTarget)\n                    }\n                  } else {\n                    focusLastFocusable(menuListRef.current)\n                  }\n                }\n              }}\n            />\n            {dropdownSelectedOption.map((item) => (\n              <input\n                key={item.value}\n                type='hidden'\n                name={name}\n                value={item.value}\n                form={form}\n                disabled={rootProps.disabled}\n              />\n            ))}\n          </>\n        }\n        addon={\n          <>\n            {multiple && dropdownSelectedOption.length > 0 ? (\n              <Chip\n                size='xs'\n                active\n                black\n                marginLeft={12}\n                disabled={rootProps.disabled}\n                cursor={rootProps.disabled ? 'not-allowed' : undefined}\n                text={dropdownSelectedOption.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                onMouseDown={(evt) => {\n                  if (!window.PointerEvent) evt.preventDefault()\n                }}\n                discardButtonProps={{\n                  square: true,\n                  contrast: !rootProps.disabled,\n                  onClick: (evt) => {\n                    evt.stopPropagation()\n\n                    if (!readOnly) {\n                      if (selectedOption === undefined) {\n                        setDropdownSelectedOption([])\n                      }\n\n                      if (onSelectOption) onSelectOption([])\n\n                      inputRef.current?.focus()\n                      updateInputText('')\n                      updateOptions('')\n                      setMenuOpenRequest(true)\n                    }\n                  },\n                }}\n              />\n            ) : null}\n            {!multiple && clearable && dropdownSelectedOption.length > 0 ? (\n              <IconButton\n                icon='close'\n                size='l'\n                square\n                marginLeft={12}\n                disabled={rootProps.disabled}\n                onClick={(evt) => {\n                  evt.stopPropagation()\n\n                  if (!readOnly) {\n                    if (selectedOption === undefined) {\n                      setDropdownSelectedOption([])\n                    }\n\n                    if (onSelectOption) onSelectOption(null)\n\n                    inputRef.current?.focus()\n                    updateInputText('')\n                    updateOptions('')\n                    setMenuOpenRequest(true)\n                  }\n                }}\n              />\n            ) : null}\n          </>\n        }\n        dropdown={\n          <DropdownMenu\n            {...menuProps}\n            setRef={setMenuRef}\n            open={menuOpen}\n            popperReferenceId={formInputLabelId}\n            secondary={!contrast}\n            elevated={contrast}\n            disableAutoFocus\n            palette={{\n              backgroundColor: palette.menuBackgroundColor,\n              borderColor: palette.menuBorderColor,\n            }}\n            empty={menuOptions.length === 0}\n            loading={menuOptionsLoading}\n            loadingMessage={loadingMessage}\n            loadingIcon={loadingIcon}\n            loadingIconProps={{\n              ...sizeProps,\n              ...iconBaseProps,\n              ...loadingIconProps,\n            }}\n            emptyMessage={optionsEmptyMessage}\n            emptyIcon={optionsEmptyIcon}\n            emptyIconProps={{\n              ...sizeProps,\n              ...iconBaseProps,\n              ...optionsEmptyIconProps,\n            }}\n            onKeyDown={(evt) => {\n              if (keyboardKeys.Tab.validate(evt.key)) {\n                evt.preventDefault()\n                inputRef.current?.focus()\n                setMenuOpenRequest(false)\n              }\n\n              if (keyboardKeys.Enter.validate(evt.key)) {\n                inputRef.current?.focus()\n                updateInputText(getDropdownInputText(dropdownSelectedOption, multiple))\n                setMenuOpenRequest(false)\n              }\n\n              if (keyboardKeys.Esc.validate(evt.key)) {\n                inputRef.current?.focus()\n                setMenuOpenRequest(false)\n              }\n\n              if (keyboardKeys.Backspace.validate(evt.key) && !readOnly && (multiple || (!multiple && clearable))) {\n                if (selectedOption === undefined) {\n                  setDropdownSelectedOption([])\n                }\n\n                if (onSelectOption) onSelectOption(multiple ? [] : null)\n\n                updateInputText('')\n                updateOptions('')\n              }\n            }}\n          >\n            {multiple ? (\n              <MenuList\n                ref={menuListRef}\n                id={menuListId}\n                role='listbox'\n                aria-labelledby={rootProps.label ? inputLabelId : undefined}\n                aria-multiselectable\n              >\n                {inputText.length === 0 ? (\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                          evt.stopPropagation()\n                        }}\n                        control={\n                          <InputCheckbox\n                            sizes={SIZES_CHECKBOX}\n                            form='none'\n                            name={name}\n                            checked={multiToggleChecked}\n                            indeterminate={multiToggleIndeterminate}\n                            error={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'error')}\n                            success={Boolean((multiToggleChecked || multiToggleIndeterminate) && status === 'success')}\n                            onChange={() => {\n                              if (!readOnly) {\n                                const update = multiToggleChecked || multiToggleIndeterminate ? [] : [...menuOptions]\n\n                                if (selectedOption === undefined) {\n                                  setDropdownSelectedOption(update)\n                                }\n\n                                if (onSelectOption) onSelectOption(update)\n                              }\n                            }}\n                          />\n                        }\n                      />\n                    ) : null}\n                    {optionsMultiToggle ? <MenuDivider /> : null}\n                    {groupSelectedOptions\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                                evt.stopPropagation()\n                                inputRef.current?.focus()\n                              }}\n                              control={\n                                <InputCheckbox\n                                  sizes={SIZES_CHECKBOX}\n                                  form='none'\n                                  role='option'\n                                  aria-selected\n                                  name={name}\n                                  value={option.value}\n                                  checked\n                                  error={optionErrorStatus}\n                                  success={optionSuccessStatus}\n                                  onChange={(evt) => {\n                                    if (!readOnly) {\n                                      const update = dropdownSelectedOption.filter(\n                                        (item) => item.value !== evt.currentTarget.value\n                                      )\n\n                                      if (selectedOption === undefined) {\n                                        setDropdownSelectedOption(update)\n                                      }\n\n                                      if (onSelectOption) onSelectOption(update)\n                                    }\n                                  }}\n                                />\n                              }\n                            />\n                          )\n                        })\n                      : null}\n                    {groupSelectedOptions && menuOptionsGroups[0].length > 0 && menuOptionsGroups[1].length > 0 ? (\n                      <MenuDivider />\n                    ) : null}\n                    {groupSelectedOptions\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                              evt.stopPropagation()\n                              inputRef.current?.focus()\n                            }}\n                            control={\n                              <InputCheckbox\n                                sizes={SIZES_CHECKBOX}\n                                form='none'\n                                role='option'\n                                aria-selected={false}\n                                name={name}\n                                value={option.value}\n                                checked={false}\n                                onChange={() => {\n                                  if (!readOnly) {\n                                    const update = [...dropdownSelectedOption, option]\n\n                                    if (selectedOption === undefined) {\n                                      setDropdownSelectedOption(update)\n                                    }\n\n                                    if (onSelectOption) onSelectOption(update)\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        ))\n                      : null}\n                    {!groupSelectedOptions &&\n                      menuOptions.map((option) => {\n                        const selected = dropdownSelectedOption.findIndex((item) => item.value === option.value) !== -1\n\n                        const optionStatus = option.status ?? status\n                        const optionErrorStatus = selected && optionStatus === 'error'\n                        const optionSuccessStatus = selected && 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={selected}\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                                role='option'\n                                aria-selected={selected}\n                                name={name}\n                                value={option.value}\n                                checked={selected}\n                                error={optionErrorStatus}\n                                success={optionSuccessStatus}\n                                onChange={(evt) => {\n                                  if (!readOnly) {\n                                    const update = selected\n                                      ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                                      : [...dropdownSelectedOption, option]\n\n                                    if (selectedOption === undefined) {\n                                      setDropdownSelectedOption(update)\n                                    }\n\n                                    if (onSelectOption) onSelectOption(update)\n                                  }\n                                }}\n                              />\n                            }\n                          />\n                        )\n                      })}\n                  </>\n                ) : (\n                  <>\n                    {menuOptions.map((option) => {\n                      const selected = dropdownSelectedOption.findIndex((item) => item.value === option.value) !== -1\n\n                      const optionStatus = option.status ?? status\n                      const optionErrorStatus = selected && optionStatus === 'error'\n                      const optionSuccessStatus = selected && 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={selected}\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                              role='option'\n                              aria-selected={selected}\n                              name={name}\n                              value={option.value}\n                              checked={selected}\n                              error={optionErrorStatus}\n                              success={optionSuccessStatus}\n                              onChange={(evt) => {\n                                if (!readOnly) {\n                                  const update = selected\n                                    ? dropdownSelectedOption.filter((item) => item.value !== evt.currentTarget.value)\n                                    : [...dropdownSelectedOption, option]\n\n                                  if (selectedOption === undefined) {\n                                    setDropdownSelectedOption(update)\n                                  }\n\n                                  if (onSelectOption) onSelectOption(update)\n                                }\n                              }}\n                            />\n                          }\n                        />\n                      )\n                    })}\n                  </>\n                )}\n              </MenuList>\n            ) : (\n              <MenuList\n                ref={menuListRef}\n                id={menuListId}\n                role='listbox'\n                aria-labelledby={rootProps.label ? inputLabelId : undefined}\n              >\n                {menuOptions.map((option) => {\n                  const selected = dropdownSelectedOption.findIndex((item) => item.value === option.value) !== -1\n\n                  return (\n                    <ListItem\n                      {...sizeProps}\n                      role='option'\n                      aria-selected={selected}\n                      ref={selected ? selectedOptionRef : undefined}\n                      key={option.value}\n                      text={option.text}\n                      active={selected}\n                      danger={Boolean(selected && status === 'error')}\n                      success={Boolean(selected && 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 = { ...option }\n\n                          if (selectedOption === undefined) {\n                            updateInputText(getDropdownInputText(update))\n                            setDropdownSelectedOption(getDropdownSelectedOption(update))\n                          }\n\n                          if (onSelectOption) onSelectOption(update)\n\n                          inputRef.current?.focus()\n                          setMenuOpenRequest(false)\n                        }\n                      }}\n                    />\n                  )\n                })}\n              </MenuList>\n            )}\n          </DropdownMenu>\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","searchable","primary","optionsMultiToggle","iconProps","menuProps","loadingIconProps","optionsEmptyIconProps","loading","autoFocus","disableAutoScrollToSelectedOption","closeMenuOnScroll","scrollMonitorTarget","contrast","selectedOption","defaultSelectedOption","icon","inputMode","loadingMessage","loadingIcon","maxLength","multiple","clearable","onChangeInput","onCloseMenu","onOpenMenu","onSelectOption","options","loadOptions","groupSelectedOptions","optionsMultiToggleCaption","optionsEmptyMessage","optionsEmptyIcon","palette","placeholder","readOnly","required","status","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","form","rootProps","sizeProps","iconBaseProps","sizes","SIZES_ICON","color","disabled","formInputLabelId","useMemo","id","nanoid","inputLabelId","menuListId","filteredOptions","getFilteredOptions","useFilteredOptions","loadedOptions","optionsLoading","getLoadedOptions","useLoadedOptions","dropdownSelectedOption","setDropdownSelectedOption","useState","getDropdownSelectedOption","undefined","inputText","setInputText","getDropdownInputText","focusWithin","setFocusWithin","menuOpenRequest","setMenuOpenRequest","menuOptions","menuOptionsLoading","menuOptionsGroups","groupDropdownOptions","menuOpen","inputRequired","length","inputActive","Boolean","multiToggleChecked","multiToggleIndeterminate","inputRef","useRef","menuRef","setMenuRef","menuListRef","selectedOptionRef","menuOpenPrevRef","updateInputText","useCallback","inputTextValue","updateOptions","updateOptionsDebounced","createDebouncedCallback","preventBlur","evt","target","current","Node","currentTarget","contains","renderInPortal","preventDefault","useScrollMonitor","onScrollStart","focus","useLayoutEffect","useEffect","menuRect","getBoundingClientRect","selectedOptionRect","top","bottom","setTimeout","scrollTo","offsetTop","_jsx","FormInputLabel","labelId","active","onColored","error","success","jsx","Styled","up","labelColorDisabled","labelColor","backgroundColor","backgroundColorDisabled","backgroundColorHover","borderColor","borderColorDisabled","onClick","onPointerDown","onMouseDown","window","PointerEvent","onFocus","onBlur","relatedTarget","input","_jsxs","jsxs","_Fragment","children","type","tabIndex","FormInput","role","label","autoComplete","autoCapitalize","autoCorrect","spellCheck","value","colorDisabled","placeholderColor","placeholderColorDisabled","selectionStart","selectionEnd","stopPropagation","onChange","inputValue","onKeyDown","keyboardKeys","Enter","validate","key","Space","prev","Esc","Tab","ArrowDown","menuItems","idx","findIndex","item","focusTarget","HTMLElement","focusFirstFocusable","ArrowUp","focusLastFocusable","map","addon","Chip","black","marginLeft","cursor","text","textProps","appearance","colorHover","discardButtonProps","square","IconButton","dropdown","DropdownMenu","setRef","open","popperReferenceId","secondary","elevated","disableAutoFocus","menuBackgroundColor","menuBorderColor","empty","emptyMessage","emptyIcon","emptyIconProps","Backspace","MenuList","ListItem","borderRadius","ellipsis","wordBreak","control","InputCheckbox","SIZES_CHECKBOX","checked","indeterminate","update","MenuDivider","option","optionStatus","optionErrorStatus","optionSuccessStatus","_createElement","danger","filter","selected","SIZES","displayName"],"mappings":"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"}