@vibe/core 3.0.0-alpha.2 → 3.0.0-alpha.4

package/dist/mocked_classnames/src/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * A Classname to be added to <span> element which wraps the children\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * Where the dialog should be in reference to the children,\n   * Top, Left, Right, Bottom ...\n   */\n  position?: DialogPosition;\n  /**\n   * PopperJS Modifiers type\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  startingEdge?: string;\n  /**\n   * How much to move the dialog in relative to children\n   * main is the axis in which the position is aligned to\n   * secondary is the vertical axes to the position\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * how much delay should the Dialog wait until it should trigger the show in MS\n   */\n  showDelay?: number;\n  /**\n   * how much delay should the Dialog wait until it should trigger the hide in MS\n   */\n  hideDelay?: number;\n  /**\n   * an array of hide/show trigger -\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * an array of hide/show trigger -\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Show the Dialog when the children are mounting\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * disable the opening of the dialog\n   */\n  disable?: boolean;\n  /**\n   * open is a controlled prop to open the dialog\n   */\n  open?: boolean;\n  /**\n   * used when state is derived from props\n   */\n  isOpen?: boolean;\n  /**\n   * if this class exists on the children the show trigger will be ignored\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * if this class exists on the children the hide trigger will be ignored\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Dialog animation type\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Classname to be added to the content container\n   */\n  wrapperClassName?: string;\n  /**\n   * Prevent Animation\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  containerSelector?: string;\n  /**\n   * should position the tooltip element\n   * https://popper.js.org/docs/v2/modifiers/arrow/\n   */\n  tooltip?: boolean;\n  /**\n   * class name to add to the tooltip element\n   */\n  tooltipClassName?: string;\n  /**\n   * callback to be called when the dialog is shown\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when the dialog is hidden\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when click outside is being triggered\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * callback to be called when click on the content is being triggered\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * z-index to add to the dialog\n   */\n  zIndex?: number;\n  useDerivedStateFromProps?: boolean;\n  /**\n   * Make the dialog disappear when the element it is attached to becomes hidden\n   */\n  hideWhenReferenceHidden?: boolean;\n  shouldCallbackOnMount?: boolean;\n  instantShowAndHide?: boolean;\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element where we will position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true disable the scroll for the containerSelector element.\n   * If string use it as selector to prevent scroll.\n   */\n  disableContainerScroll?: boolean | string;\n}\n\nexport interface DialogState {\n  isOpen?: boolean;\n  shouldUseDerivedStateFromProps?: boolean;\n  preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    containerSelector: \"body\",\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    if (!containerSelector) {\n      return document.body;\n    }\n\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      // TODO add env check - if not jest env - trashing the logs - https://monday.monday.com/boards/3532714909/pulses/5570955392\n      // console.error(\n      //   `Dialog: Container element with selector \"${containerSelector}\" was not found or is not an HTMLElement. Dialog may not be correctly positioned.`\n      // );\n      return document.body;\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {createPortal(\n          <Popper\n            placement={position as unknown as PopperJS.Placement}\n            modifiers={[\n              {\n                name: \"offset\",\n                options: {\n                  offset: [moveBy.secondary, moveBy.main]\n                }\n              },\n              {\n                name: \"zIndex\",\n                enabled: true,\n                phase: \"write\",\n                fn({ state }) {\n                  if (zIndex) {\n                    state.styles.popper.zIndex = String(zIndex);\n                  }\n                  return state;\n                }\n              },\n              {\n                name: \"rotator\",\n                enabled: true,\n                phase: \"write\",\n                fn({ state }) {\n                  if (!state.styles.arrow) {\n                    return state;\n                  }\n                  // const reg = new RegExp(\n                  //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                  // );\n                  // const transform = state.styles.arrow.transform;\n                  // const res = reg.exec(transform);\n                  // state.styles.popper.transformOrigin = `${100 -\n                  //   res[1]}% ${100 - res[2]}%`;\n                  state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                  return state;\n                }\n              },\n              ...modifiers\n            ]}\n          >\n            {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n              if (!this.isShown() && placement) {\n                return null;\n              }\n\n              if (hideWhenReferenceHidden && isReferenceHidden) {\n                const event = new CustomEvent(\"onReferenceHidden\");\n                this.hideDialog(event, \"onReferenceHidden\");\n              }\n\n              return (\n                <DialogContent\n                  data-testid={overrideDataTestId}\n                  isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                  onMouseEnter={this.onDialogEnter}\n                  onMouseLeave={this.onDialogLeave}\n                  onClickOutside={this.onClickOutside}\n                  onContextMenu={this.onContextMenu}\n                  onEsc={this.onEsc}\n                  animationType={animationTypeCalculated}\n                  position={placement}\n                  wrapperClassName={wrapperClassName}\n                  startingEdge={startingEdge}\n                  isOpen={this.isShown()}\n                  showDelay={showDelay}\n                  styleObject={style}\n                  ref={ref}\n                  onClick={this.onContentClick}\n                  hasTooltip={!!tooltip}\n                  containerSelector={containerSelector}\n                  disableContainerScroll={disableContainerScroll}\n                >\n                  {contentRendered}\n                  {tooltip && (\n                    <div\n                      style={arrowProps.style}\n                      ref={arrowProps.ref}\n                      className={cx(styles.arrow, tooltipClassName)}\n                      data-placement={placement}\n                    />\n                  )}\n                </DialogContent>\n              );\n            }}\n          </Popper>,\n          this.getContainer()\n        )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","document","addEventListener","removeEventListener","containerSelector","body","containerElement","querySelector","Element","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { PureComponent, ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Manager, Modifier, Popper, Reference } from \"react-popper\";\nimport { isFunction } from \"lodash-es\";\nimport { chainFunctions, convertToArray, NOOP } from \"../../utils/function-utils\";\nimport { DialogContent } from \"./DialogContent/DialogContent\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\nimport { Refable } from \"../Refable/Refable\";\nimport {\n  AnimationType as AnimationTypeEnum,\n  HideShowEvent as DialogTriggerEventEnum,\n  DialogPosition as DialogPositionEnum\n} from \"./DialogConstants\";\nimport { VibeComponentProps } from \"../../types\";\nimport * as PopperJS from \"@popperjs/core\";\nimport styles from \"./Dialog.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { DialogAnimationType, DialogPosition, DialogTriggerEvent } from \"./Dialog.types\";\nimport LayerContext from \"../LayerProvider/LayerContext\";\n\nexport interface DialogProps extends VibeComponentProps {\n  /**\n   * A Classname to be added to <span> element which wraps the children\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * Where the dialog should be in reference to the children,\n   * Top, Left, Right, Bottom ...\n   */\n  position?: DialogPosition;\n  /**\n   * PopperJS Modifiers type\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Modifier<any>[];\n  startingEdge?: string;\n  /**\n   * How much to move the dialog in relative to children\n   * main is the axis in which the position is aligned to\n   * secondary is the vertical axes to the position\n   */\n  moveBy?: { main?: number; secondary?: number };\n  /**\n   * how much delay should the Dialog wait until it should trigger the show in MS\n   */\n  showDelay?: number;\n  /**\n   * how much delay should the Dialog wait until it should trigger the hide in MS\n   */\n  hideDelay?: number;\n  /**\n   * an array of hide/show trigger -\n   */\n  showTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * an array of hide/show trigger -\n   */\n  hideTrigger?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * If true, prevents opened Dialog from closing on mouseEnter, and closes Dialog when mouse leaves it\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Show the Dialog when the children are mounting\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * disable the opening of the dialog\n   */\n  disable?: boolean;\n  /**\n   * open is a controlled prop to open the dialog\n   */\n  open?: boolean;\n  /**\n   * used when state is derived from props\n   */\n  isOpen?: boolean;\n  /**\n   * if this class exists on the children the show trigger will be ignored\n   */\n  showTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * if this class exists on the children the hide trigger will be ignored\n   */\n  hideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Dialog animation type\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * Classname to be added to the content container\n   */\n  wrapperClassName?: string;\n  /**\n   * Prevent Animation\n   */\n  preventAnimationOnMount?: boolean;\n  /**\n   * the container selector in which to append the dialog\n   * for examples: \"body\" , \".my-class\", \"#my-id\"\n   */\n  containerSelector?: string;\n  /**\n   * should position the tooltip element\n   * https://popper.js.org/docs/v2/modifiers/arrow/\n   */\n  tooltip?: boolean;\n  /**\n   * class name to add to the tooltip element\n   */\n  tooltipClassName?: string;\n  /**\n   * callback to be called when the dialog is shown\n   */\n  onDialogDidShow?: (event?: DialogEvent, eventName?: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when the dialog is hidden\n   */\n  onDialogDidHide?: (event: DialogEvent, eventName: DialogTriggerEvent | string) => void;\n  /**\n   * callback to be called when click outside is being triggered\n   */\n  onClickOutside?: (event: React.MouseEvent) => void;\n  /**\n   * callback to be called when click on the content is being triggered\n   */\n  onContentClick?: (event: React.MouseEvent) => void;\n  /**\n   * z-index to add to the dialog\n   */\n  zIndex?: number;\n  useDerivedStateFromProps?: boolean;\n  /**\n   * Make the dialog disappear when the element it is attached to becomes hidden\n   */\n  hideWhenReferenceHidden?: boolean;\n  shouldCallbackOnMount?: boolean;\n  instantShowAndHide?: boolean;\n  getDynamicShowDelay?: () => { showDelay: number; preventAnimation: boolean };\n  content?: (() => JSX.Element) | JSX.Element;\n  /**\n   * The element where we will position the dialog beside.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * Treats keyboard focus/blur events as mouse-enter/mouse-leave events\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true disable the scroll for the containerSelector element.\n   * If string use it as selector to prevent scroll.\n   */\n  disableContainerScroll?: boolean | string;\n}\n\nexport interface DialogState {\n  isOpen?: boolean;\n  shouldUseDerivedStateFromProps?: boolean;\n  preventAnimation?: boolean;\n}\n\nexport type DialogEvent = React.MouseEvent | React.KeyboardEvent | KeyboardEvent | React.FocusEvent | CustomEvent;\n\nexport default class Dialog extends PureComponent<DialogProps, DialogState> {\n  static hideShowTriggers = DialogTriggerEventEnum;\n  static positions = DialogPositionEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    position: \"top\",\n    modifiers: [] as Modifier<any>[],\n    moveBy: { main: 0, secondary: 0 },\n    showDelay: 100,\n    hideDelay: 100,\n    showTrigger: Dialog.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Dialog.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: false,\n    shouldShowOnMount: false,\n    disable: false,\n    open: false,\n    animationType: Dialog.animationTypes.EXPAND,\n    preventAnimationOnMount: false,\n    tooltip: false,\n    onDialogDidShow: NOOP,\n    onDialogDidHide: NOOP,\n    onClickOutside: NOOP,\n    onContentClick: NOOP,\n    useDerivedStateFromProps: false,\n    hideWhenReferenceHidden: false,\n    shouldCallbackOnMount: false,\n    instantShowAndHide: false,\n    addKeyboardHideShowTriggersByDefault: false\n  };\n  private showTimeout: NodeJS.Timeout;\n  private hideTimeout: NodeJS.Timeout;\n  context!: React.ContextType<typeof LayerContext>;\n\n  constructor(props: DialogProps) {\n    super(props);\n    this.state = {\n      shouldUseDerivedStateFromProps: props.useDerivedStateFromProps,\n      isOpen: props.shouldShowOnMount\n    };\n\n    // Binding section.\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onMouseDown = this.onMouseDown.bind(this);\n    this.onClick = this.onClick.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.isShown = this.isShown.bind(this);\n    this.onEsc = this.onEsc.bind(this);\n    this.onClickOutside = this.onClickOutside.bind(this);\n    this.onDialogEnter = this.onDialogEnter.bind(this);\n    this.onDialogLeave = this.onDialogLeave.bind(this);\n    this.getContainer = this.getContainer.bind(this);\n    this.onContentClick = this.onContentClick.bind(this);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.closeDialogOnEscape = this.closeDialogOnEscape.bind(this);\n    this.onContextMenu = this.onContextMenu.bind(this);\n\n    // Timeouts\n    this.hideTimeout = null;\n    this.showTimeout = null;\n  }\n\n  closeDialogOnEscape(event: KeyboardEvent) {\n    const { isOpen } = this.state;\n    if (!isOpen) {\n      return;\n    }\n    switch (event.key) {\n      case \"Escape\":\n        this.hideDialogIfNeeded(event, DialogTriggerEventEnum.ESCAPE_KEY);\n        break;\n      case \"Tab\":\n        this.handleEvent(DialogTriggerEventEnum.TAB_KEY, event.target, event);\n        break;\n      case \"Enter\":\n        this.handleEvent(DialogTriggerEventEnum.ENTER, event.target, event);\n        break;\n      default:\n        break;\n    }\n  }\n\n  componentDidMount() {\n    const { shouldCallbackOnMount, onDialogDidShow } = this.props;\n    const { isOpen } = this.state;\n    document.addEventListener(\"keyup\", this.closeDialogOnEscape);\n    if (shouldCallbackOnMount && isOpen) {\n      onDialogDidShow && onDialogDidShow();\n    }\n  }\n\n  componentWillUnmount() {\n    document.removeEventListener(\"keyup\", this.closeDialogOnEscape);\n  }\n\n  static getDerivedStateFromProps(nextProps: DialogProps, state: DialogState): DialogState {\n    if (state.shouldUseDerivedStateFromProps) {\n      return { isOpen: nextProps.isOpen };\n    }\n    return null;\n  }\n\n  getContainer() {\n    const { containerSelector } = this.props;\n    const containerElement = document.querySelector(containerSelector);\n    if (!containerElement || !(containerElement instanceof Element)) {\n      const { layerRef } = this.context;\n      if (layerRef?.current) {\n        return layerRef.current;\n      }\n      return document.body;\n    }\n    return containerElement;\n  }\n\n  showDialog(event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) {\n    const { showDelay, instantShowAndHide, getDynamicShowDelay } = this.props;\n    let finalShowDelay = showDelay;\n    let preventAnimation = options.preventAnimation;\n    if (getDynamicShowDelay) {\n      const dynamicDelayObj = getDynamicShowDelay();\n      finalShowDelay = dynamicDelayObj.showDelay || 0;\n      preventAnimation = preventAnimation || dynamicDelayObj.preventAnimation;\n    }\n\n    if (instantShowAndHide) {\n      this.onShowDialog(event, eventName);\n      this.setState({ isOpen: true, preventAnimation });\n      this.showTimeout = null;\n    } else {\n      this.showTimeout = setTimeout(() => {\n        this.onShowDialog(event, eventName);\n        this.showTimeout = null;\n        this.setState({ isOpen: true, preventAnimation });\n      }, finalShowDelay);\n    }\n  }\n\n  onShowDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.isShown()) return;\n    const { onDialogDidShow } = this.props;\n    onDialogDidShow(event, eventName);\n  }\n\n  showDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) {\n    const { disable } = this.props;\n    if (disable) {\n      return;\n    }\n\n    if (this.hideTimeout) {\n      clearTimeout(this.hideTimeout);\n      this.hideTimeout = null;\n    }\n\n    if (!this.showTimeout) {\n      this.showDialog(event, eventName, options);\n    }\n  }\n\n  hideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { hideDelay, instantShowAndHide } = this.props;\n    if (instantShowAndHide) {\n      this.onHideDialog(event, eventName);\n      this.setState({ isOpen: false });\n      this.hideTimeout = null;\n    } else {\n      this.hideTimeout = setTimeout(() => {\n        this.onHideDialog(event, eventName);\n        this.setState({ isOpen: false });\n        this.hideTimeout = null;\n      }, hideDelay);\n    }\n  }\n\n  onHideDialog(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    const { onDialogDidHide } = this.props;\n    if (onDialogDidHide) onDialogDidHide(event, eventName);\n  }\n\n  hideDialogIfNeeded(event: DialogEvent, eventName: DialogTriggerEvent | string) {\n    if (this.showTimeout) {\n      clearTimeout(this.showTimeout);\n      this.showTimeout = null;\n    }\n\n    if (this.hideTimeout) {\n      return;\n    }\n    this.hideDialog(event, eventName);\n  }\n\n  handleEvent(eventName: DialogTriggerEvent, target: EventTarget, event: DialogEvent) {\n    const { showTriggerIgnoreClass, hideTriggerIgnoreClass } = this.props;\n    if (\n      this.isShowTrigger(eventName) &&\n      !this.isShown() &&\n      !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)\n    ) {\n      return this.showDialogIfNeeded(event, eventName);\n    }\n\n    if (this.isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n      return this.hideDialogIfNeeded(event, eventName);\n    }\n  }\n\n  isShown() {\n    const { isOpen } = this.state;\n    const { open } = this.props;\n\n    return isOpen || open;\n  }\n\n  isShowTrigger(eventName: DialogTriggerEvent) {\n    const { showTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const showTriggersArray = convertToArray(showTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"focus\" && showTriggersArray.indexOf(\"mouseenter\") > -1) {\n        return true;\n      }\n    }\n\n    return showTriggersArray.indexOf(eventName) > -1;\n  }\n\n  isHideTrigger(eventName: DialogTriggerEvent) {\n    const { hideTrigger, addKeyboardHideShowTriggersByDefault } = this.props;\n    const hideTriggersArray = convertToArray(hideTrigger);\n\n    if (addKeyboardHideShowTriggersByDefault) {\n      if (eventName === \"blur\" && hideTriggersArray.indexOf(\"mouseleave\") > -1) {\n        return true;\n      }\n    }\n\n    return hideTriggersArray.indexOf(eventName) > -1;\n  }\n\n  onMouseEnter(e: React.MouseEvent) {\n    this.handleEvent(\"mouseenter\", e.target, e);\n  }\n\n  onMouseLeave(e: React.MouseEvent) {\n    this.handleEvent(\"mouseleave\", e.target, e);\n  }\n\n  onClick(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"click\", e.target, e);\n  }\n\n  onKeyDown(event: React.KeyboardEvent) {\n    if (event.key === \"Enter\") {\n      this.handleEvent(\"enter\", event.target, event);\n    }\n\n    if (event.key === \"Tab\") {\n      this.handleEvent(\"tab\", event.target, event);\n    }\n  }\n\n  onMouseDown(e: React.MouseEvent) {\n    if (e.button) return;\n    this.handleEvent(\"mousedown\", e.target, e);\n  }\n\n  onFocus(e: React.FocusEvent) {\n    this.handleEvent(\"focus\", e.target, e);\n  }\n\n  onBlur(e: React.FocusEvent) {\n    this.handleEvent(\"blur\", e.relatedTarget, e);\n  }\n\n  onEsc(e: React.KeyboardEvent) {\n    this.handleEvent(\"esckey\", e.target, e);\n  }\n\n  onContextMenu(e: React.MouseEvent) {\n    const isShown = this.isShown();\n    if ((this.isShowTrigger(\"contextmenu\") && !isShown) || (this.isHideTrigger(\"contextmenu\") && isShown)) {\n      e.preventDefault();\n    }\n    this.handleEvent(\"contextmenu\", e.target, e);\n  }\n\n  onClickOutside(event: React.MouseEvent) {\n    const { onClickOutside } = this.props;\n    this.handleEvent(\"clickoutside\", event.target, event);\n    onClickOutside(event);\n  }\n\n  onDialogEnter(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.showDialogIfNeeded(event, \"DialogEnter\");\n  }\n\n  onDialogLeave(event: React.MouseEvent) {\n    const { showOnDialogEnter } = this.props;\n    if (showOnDialogEnter) this.hideDialogIfNeeded(event, \"DialogLeave\");\n  }\n\n  onContentClick(e: React.MouseEvent) {\n    const { onContentClick } = this.props;\n    this.handleEvent(\"onContentClick\", e.target, e);\n    onContentClick(e);\n  }\n\n  render() {\n    const {\n      wrapperClassName,\n      content,\n      startingEdge,\n      children,\n      preventAnimationOnMount,\n      animationType,\n      position,\n      showDelay,\n      moveBy,\n      modifiers,\n      tooltip,\n      tooltipClassName,\n      referenceWrapperClassName,\n      zIndex,\n      hideWhenReferenceHidden,\n      disableContainerScroll,\n      containerSelector,\n      id,\n      \"data-testid\": dataTestId\n    } = this.props;\n    const { preventAnimation } = this.state;\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n    const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n    const contentRendered = isFunction(content) ? content() : content;\n\n    if (!contentRendered) {\n      return children;\n    }\n    return (\n      <Manager>\n        <Reference>\n          {({ ref }) => {\n            return (\n              <Refable\n                className={cx(referenceWrapperClassName)}\n                ref={ref}\n                onBlur={chainOnPropsAndInstance(\"onBlur\", this, this.props)}\n                onKeyDown={chainOnPropsAndInstance(\"onKeyDown\", this, this.props)}\n                onClick={chainOnPropsAndInstance(\"onClick\", this, this.props)}\n                onFocus={chainOnPropsAndInstance(\"onFocus\", this, this.props)}\n                onMouseDown={chainOnPropsAndInstance(\"onMouseDown\", this, this.props)}\n                onMouseEnter={chainOnPropsAndInstance(\"onMouseEnter\", this, this.props)}\n                onMouseLeave={chainOnPropsAndInstance(\"onMouseLeave\", this, this.props)}\n                onContextMenu={chainOnPropsAndInstance(\"onContextMenu\", this, this.props)}\n              >\n                {children}\n              </Refable>\n            );\n          }}\n        </Reference>\n        {createPortal(\n          <Popper\n            placement={position as unknown as PopperJS.Placement}\n            modifiers={[\n              {\n                name: \"offset\",\n                options: {\n                  offset: [moveBy.secondary, moveBy.main]\n                }\n              },\n              {\n                name: \"zIndex\",\n                enabled: true,\n                phase: \"write\",\n                fn({ state }) {\n                  if (zIndex) {\n                    state.styles.popper.zIndex = String(zIndex);\n                  }\n                  return state;\n                }\n              },\n              {\n                name: \"rotator\",\n                enabled: true,\n                phase: \"write\",\n                fn({ state }) {\n                  if (!state.styles.arrow) {\n                    return state;\n                  }\n                  // const reg = new RegExp(\n                  //   /translate\\(([0-9].*)px, ([0-9].*)px\\)/\n                  // );\n                  // const transform = state.styles.arrow.transform;\n                  // const res = reg.exec(transform);\n                  // state.styles.popper.transformOrigin = `${100 -\n                  //   res[1]}% ${100 - res[2]}%`;\n                  state.styles.arrow.transform = `${state.styles.arrow.transform} rotate(45deg)`;\n                  return state;\n                }\n              },\n              ...modifiers\n            ]}\n          >\n            {({ placement, style, ref, arrowProps, isReferenceHidden }) => {\n              if (!this.isShown() && placement) {\n                return null;\n              }\n\n              if (hideWhenReferenceHidden && isReferenceHidden) {\n                const event = new CustomEvent(\"onReferenceHidden\");\n                this.hideDialog(event, \"onReferenceHidden\");\n              }\n\n              return (\n                <DialogContent\n                  data-testid={overrideDataTestId}\n                  isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n                  onMouseEnter={this.onDialogEnter}\n                  onMouseLeave={this.onDialogLeave}\n                  onClickOutside={this.onClickOutside}\n                  onContextMenu={this.onContextMenu}\n                  onEsc={this.onEsc}\n                  animationType={animationTypeCalculated}\n                  position={placement}\n                  wrapperClassName={wrapperClassName}\n                  startingEdge={startingEdge}\n                  isOpen={this.isShown()}\n                  showDelay={showDelay}\n                  styleObject={style}\n                  ref={ref}\n                  onClick={this.onContentClick}\n                  hasTooltip={!!tooltip}\n                  containerSelector={containerSelector}\n                  disableContainerScroll={disableContainerScroll}\n                >\n                  {contentRendered}\n                  {tooltip && (\n                    <div\n                      style={arrowProps.style}\n                      ref={arrowProps.ref}\n                      className={cx(styles.arrow, tooltipClassName)}\n                      data-placement={placement}\n                    />\n                  )}\n                </DialogContent>\n              );\n            }}\n          </Popper>,\n          this.getContainer()\n        )}\n      </Manager>\n    );\n  }\n}\n\nfunction chainOnPropsAndInstance(name: string, instance: Dialog, props: DialogProps) {\n  // @ts-ignore\n  return chainFunctions([props[name], instance[name]], true);\n}\n\nDialog.contextType = LayerContext;\n"],"names":["Dialog","_PureComponent","props","_this","_classCallCheck","_callSuper","state","shouldUseDerivedStateFromProps","useDerivedStateFromProps","isOpen","shouldShowOnMount","onMouseEnter","bind","onMouseLeave","onMouseDown","onClick","onFocus","onBlur","isShown","onEsc","onClickOutside","onDialogEnter","onDialogLeave","getContainer","onContentClick","onKeyDown","closeDialogOnEscape","onContextMenu","hideTimeout","showTimeout","_inherits","PureComponent","_createClass","key","value","event","this","hideDialogIfNeeded","DialogTriggerEventEnum","ESCAPE_KEY","handleEvent","TAB_KEY","target","ENTER","_this$props","shouldCallbackOnMount","onDialogDidShow","document","addEventListener","removeEventListener","containerElement","querySelector","containerSelector","Element","layerRef","context","current","body","eventName","_this2","_this$props2","instantShowAndHide","getDynamicShowDelay","finalShowDelay","showDelay","preventAnimation","dynamicDelayObj","onShowDialog","setState","setTimeout","options","arguments","length","undefined","disable","clearTimeout","showDialog","_this3","_this$props3","hideDelay","onHideDialog","onDialogDidHide","hideDialog","_this$props4","showTriggerIgnoreClass","hideTriggerIgnoreClass","isShowTrigger","isInsideClass","isHideTrigger","showDialogIfNeeded","open","_this$props5","addKeyboardHideShowTriggersByDefault","showTriggersArray","convertToArray","showTrigger","indexOf","_this$props6","hideTriggersArray","hideTrigger","e","button","relatedTarget","preventDefault","showOnDialogEnter","_this4","_this$props7","wrapperClassName","content","startingEdge","children","preventAnimationOnMount","animationType","position","moveBy","modifiers","tooltip","tooltipClassName","referenceWrapperClassName","zIndex","hideWhenReferenceHidden","disableContainerScroll","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","id","animationTypeCalculated","contentRendered","isFunction","React","Manager","createElement","Reference","_ref","ref","Refable","className","cx","chainOnPropsAndInstance","createPortal","Popper","placement","name","offset","secondary","main","enabled","phase","fn","_ref2","styles","popper","String","_ref3","arrow","transform","concat","_toConsumableArray","_ref4","style","arrowProps","isReferenceHidden","CustomEvent","DialogContent","styleObject","hasTooltip","nextProps","instance","chainFunctions","hideShowTriggers","positions","DialogPositionEnum","animationTypes","AnimationTypeEnum","defaultProps","MOUSE_ENTER","MOUSE_LEAVE","EXPAND","NOOP","contextType","LayerContext"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js

@@ -1,2 +1,2 @@
-var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a5825d2828c8_3_0_0-alpha_1";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a5825d2828c8_3_0_0-alpha_3";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".arrow {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js

@@ -1,2 +1,2 @@
-var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ca4097b848ab_3_0_0-alpha_1";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
+var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-ca4097b848ab_3_0_0-alpha_3";if(e.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(t))}(".contentWrapper {\n  outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-12831727ea09_3_0_0-alpha_1";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, var(--box-shadow-medium));\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-12831727ea09_3_0_0-alpha_3";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, var(--box-shadow-medium));\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js

@@ -1,2 +1,2 @@
-var n={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-290500f5721e_3_0_0-alpha_1";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".divider {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{n as default};
+var n={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-290500f5721e_3_0_0-alpha_3";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".divider {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{n as default};
 //# sourceMappingURL=Divider.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useCallback as p}from"react";import m,{createFilter as f,components as O}from"react-select";import v from"react-select/async/dist/react-select.esm.js";import{noop as b}from"lodash-es";import{WindowedMenuList as g}from"react-windowed-select";import j from"./components/menu/menu.js";import C from"./components/DropdownIndicator/DropdownIndicator.js";import M from"./components/option/option.js";import y from"./components/singleValue/singleValue.js";import h from"./components/ClearIndicator/ClearIndicator.js";import w from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as S,DROPDOWN_MENU_PLACEMENT as I,DROPDOWN_MENU_POSITION as D,ADD_AUTO_HEIGHT_COMPONENTS as V,defaultCustomStyles as R,DROPDOWN_ID as P,DROPDOWN_MENU_ID as A,DROPDOWN_MENU_ARIA_LABEL as W}from"./DropdownConstants.js";import x,{customTheme as z}from"./Dropdown.styles.js";import E from"./components/Control/Control.js";import N from"./components/menu/menu.module.scss.js";import L from"./Dropdown.module.scss.js";import{withStaticProps as F}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var T=F(l((function(a,l){var f=a.className,S=a.optionWrapperClassName,I=a.singleValueWrapperClassName,D=a.dropdownMenuWrapperClassName,F=a.placeholder,T=void 0===F?"":F,k=a.disabled,B=void 0!==k&&k,H=a.readOnly,K=void 0!==H&&H,_=a.onMenuOpen,q=void 0===_?b:_,G=a.onMenuClose,J=void 0===G?b:G,Q=a.onFocus,U=void 0===Q?b:Q,X=a.onBlur,Y=void 0===X?b:X,Z=a.onChange,$=void 0===Z?b:Z,ee=a.searchable,ne=void 0===ee||ee,oe=a.options,te=void 0===oe?[]:oe,re=a.defaultValue,ie=a.value,ae=a.noOptionsMessage,se=a.openMenuOnFocus,le=a.openMenuOnClick,ce=a.clearable,ue=void 0===ce||ce,de=a.OptionRenderer,pe=a.optionRenderer,me=a.ValueRenderer,fe=a.valueRenderer,Oe=a.menuRenderer,ve=a.menuPlacement,be=void 0===ve?"bottom":ve,ge=a.rtl,je=a.size,Ce=void 0===je?"medium":je,Me=a.asyncOptions,ye=a.cacheOptions,he=a.defaultOptions,we=a.isVirtualized,Se=a.menuPortalTarget,Ie=a.extraStyles,De=void 0===Ie?R:Ie,Ve=a.maxMenuHeight,Re=a.menuIsOpen,Pe=a.tabIndex,Ae=void 0===Pe?"0":Pe,We=a.id,xe=void 0===We?P:We,ze=a.menuId,Ee=void 0===ze?A:ze,Ne=a.menuAriaLabel,Le=void 0===Ne?W:Ne,Fe=a.autoFocus,Te=void 0!==Fe&&Fe,ke=a.multi,Be=void 0!==ke&&ke,He=a.multiline,Ke=void 0!==He&&He,_e=a.onOptionRemove,qe=a.onOptionSelect,Ge=a.onClear,Je=a.onInputChange,Qe=void 0===Je?b:Je,Ue=a.closeMenuOnSelect,Xe=void 0===Ue?!Be:Ue,Ye=a.closeMenuOnScroll,Ze=void 0!==Ye&&Ye,$e=a.withMandatoryDefaultOptions,en=void 0!==$e&&$e,nn=a.isOptionSelected,on=a.insideOverflowContainer,tn=void 0!==on&&on,rn=a.insideOverflowWithTransformContainer,an=void 0!==rn&&rn,sn=a.tooltipContent,ln=void 0===sn?"":sn,cn=a.onKeyDown,un=void 0===cn?b:cn,dn=a.isLoading,pn=void 0!==dn&&dn,mn=a.loadingMessage,fn=a.ariaLabel,On=a.tabSelectsValue,vn=void 0===On||On,bn=a.popupsContainerSelector,gn=a.filterOption,jn=a.menuPosition,Cn=void 0===jn?"absolute":jn,Mn=a["data-testid"],yn=c(),hn=Se||bn&&document.querySelector(bn),wn=u((function(){return re?Array.isArray(re)?re.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},re),{isMandatory:!0}):re}),[re]),Sn=d(wn||[]),In=e(Sn,2),Dn=In[1],Vn=pe||de,Rn=fe||me,Pn=!!ie,An=null!=ie?ie:In[0],Wn=u((function(){return Array.isArray(An)?An.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[An]),xn=u((function(){return fn||"".concat(K?"Readonly ":""," ").concat(ln," ").concat(Array.isArray(An)?"Selected: ".concat(An.map((function(e){return e.label})).join(", ")):"Select")}),[fn,K,An,ln]),zn=Be?An:ie,En=u((function(){var o=x({size:Ce,rtl:ge,insideOverflowContainer:tn,controlRef:yn,insideOverflowWithTransformContainer:an}),t=De(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Be){Ke&&V.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ce,ge,tn,an,De,Be,Ke]),Nn=p((function(e){return s.createElement(j,Object.assign({},e,{id:Ee,ariaLabel:Le,Renderer:Oe,dropdownMenuWrapperClassName:D}))}),[D,Oe,Ee,Le]),Ln=p((function(e){return s.createElement(C,Object.assign({},e,{size:Ce}))}),[Ce]),Fn=p((function(e){return s.createElement(M,Object.assign({},e,{Renderer:Vn,optionWrapperClassName:S}))}),[Vn,S]),Tn=p((function(e){return s.createElement(O.Input,Object.assign({},e,{"aria-label":"Dropdown input","aria-controls":Ee}))}),[Ee]),kn=p((function(e){return s.createElement(y,Object.assign({},e,{readOnly:K,Renderer:Rn,selectedOption:An[0],singleValueWrapperClassName:I}))}),[Rn,K,An,I]),Bn=p((function(e){return s.createElement(h,Object.assign({},e,{size:Ce}))}),[Ce]),Hn=u((function(){return function(e,n){_e&&_e(Wn[e]);var o=Array.isArray(An)?An.filter((function(n){return n.value!==e})):An;$&&$(o,n),Dn(o)}}),[$,_e,An,Wn]),Kn=u((function(){return{selectedOptions:An,onSelectedDelete:Hn,isMultiline:Ke,insideOverflowContainer:tn,insideOverflowWithTransformContainer:an,controlRef:yn,tooltipContent:ln,popupsContainerSelector:bn,size:Ce}}),[An,Hn,Ke,tn,an,ln,bn,Ce]),_n=Me?v:m,qn=Object.assign({},Me&&Object.assign({loadOptions:Me,cacheOptions:ye},he&&{defaultOptions:he})),Gn=Object.assign(Object.assign({},!Me&&{options:te}),Be&&{isMulti:!0}),Jn=p((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(N.dropdownMenuWrapper))&&(Ze||tn||an)}),[tn,an,Ze]);return s.createElement(_n,Object.assign({className:i(L.dropdown,f),selectProps:Kn,components:Object.assign(Object.assign({DropdownIndicator:Ln,Menu:Nn,ClearIndicator:Bn,Input:Tn,Option:Fn,Control:E,SingleValue:kn},Be&&{MultiValue:b,ValueContainer:w}),we&&{MenuList:g}),closeMenuOnScroll:Jn,size:Ce,noOptionsMessage:ae,placeholder:T,isDisabled:B,isClearable:!K&&ue,isSearchable:!K&&ne,readOnly:K,"aria-readonly":K,"aria-label":xn,"aria-details":ln,"aria-expanded":!K&&Re,"aria-haspopup":"listbox","aria-activedescendant":!0,role:"combobox",defaultValue:re,value:zn,onMenuOpen:q,onMenuClose:J,onFocus:U,onBlur:Y,onChange:function(e,n){switch($&&$(e,n),n.action){case"select-option":var t=Be?n.option:e;qe&&qe(t),Pn||Dn([].concat(o(An),[t]));break;case"clear":Ge&&Ge(),Pn||Dn(en?wn:[])}},onKeyDown:un,onInputChange:Qe,openMenuOnFocus:se,openMenuOnClick:le,isRtl:ge,styles:En,theme:z,maxMenuHeight:Ve,menuPortalTarget:hn,menuPlacement:be,menuPosition:Cn,menuIsOpen:!K&&Re,tabIndex:Ae,id:xe,"data-testid":Mn||t(r.DROPDOWN,xe),autoFocus:Te,closeMenuOnSelect:Xe,ref:l,withMandatoryDefaultOptions:en,isOptionSelected:nn,isLoading:pn,loadingMessage:mn,tabSelectsValue:vn,filterOption:gn},qn,Gn))})),{sizes:a,chipColors:S,menuPlacements:I,menuPositions:D,createFilter:f});export{T as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useCallback as p}from"react";import m,{createFilter as f,components as O}from"react-select";import v from"react-select/async/dist/react-select.esm.js";import b from"react-select/base/dist/react-select.esm.js";import{noop as g}from"lodash-es";import{WindowedMenuList as j}from"react-windowed-select";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import I from"./components/MultiValueContainer/MultiValueContainer.js";import{DROPDOWN_CHIP_COLORS as S,DROPDOWN_MENU_PLACEMENT as D,DROPDOWN_MENU_POSITION as R,ADD_AUTO_HEIGHT_COMPONENTS as V,defaultCustomStyles as P,DROPDOWN_ID as A,DROPDOWN_MENU_ID as W,DROPDOWN_MENU_ARIA_LABEL as x}from"./DropdownConstants.js";import z,{customTheme as E}from"./Dropdown.styles.js";import L from"./components/Control/Control.js";import N from"./components/menu/menu.module.scss.js";import F from"./Dropdown.module.scss.js";import{withStaticProps as T}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var k=T(l((function(a,l){var f=a.className,S=a.optionWrapperClassName,D=a.singleValueWrapperClassName,R=a.dropdownMenuWrapperClassName,T=a.placeholder,k=void 0===T?"":T,B=a.disabled,H=void 0!==B&&B,K=a.readOnly,_=void 0!==K&&K,q=a.onMenuOpen,G=void 0===q?g:q,J=a.onMenuClose,Q=void 0===J?g:J,U=a.onFocus,X=void 0===U?g:U,Y=a.onBlur,Z=void 0===Y?g:Y,$=a.onChange,ee=void 0===$?g:$,ne=a.searchable,oe=void 0===ne||ne,te=a.options,re=void 0===te?[]:te,ie=a.defaultValue,ae=a.value,se=a.noOptionsMessage,le=a.openMenuOnFocus,ce=a.openMenuOnClick,ue=a.clearable,de=void 0===ue||ue,pe=a.OptionRenderer,me=a.optionRenderer,fe=a.ValueRenderer,Oe=a.valueRenderer,ve=a.menuRenderer,be=a.menuPlacement,ge=void 0===be?"bottom":be,je=a.rtl,Ce=a.size,Me=void 0===Ce?"medium":Ce,ye=a.asyncOptions,he=a.cacheOptions,we=a.defaultOptions,Ie=a.isVirtualized,Se=a.menuPortalTarget,De=a.extraStyles,Re=void 0===De?P:De,Ve=a.maxMenuHeight,Pe=a.menuIsOpen,Ae=a.tabIndex,We=void 0===Ae?"0":Ae,xe=a.id,ze=void 0===xe?A:xe,Ee=a.menuId,Le=void 0===Ee?W:Ee,Ne=a.menuAriaLabel,Fe=void 0===Ne?x:Ne,Te=a.autoFocus,ke=void 0!==Te&&Te,Be=a.multi,He=void 0!==Be&&Be,Ke=a.multiline,_e=void 0!==Ke&&Ke,qe=a.onOptionRemove,Ge=a.onOptionSelect,Je=a.onClear,Qe=a.onInputChange,Ue=void 0===Qe?g:Qe,Xe=a.closeMenuOnSelect,Ye=void 0===Xe?!He:Xe,Ze=a.closeMenuOnScroll,$e=void 0!==Ze&&Ze,en=a.withMandatoryDefaultOptions,nn=void 0!==en&&en,on=a.isOptionSelected,tn=a.insideOverflowContainer,rn=void 0!==tn&&tn,an=a.insideOverflowWithTransformContainer,sn=void 0!==an&&an,ln=a.tooltipContent,cn=void 0===ln?"":ln,un=a.onKeyDown,dn=void 0===un?g:un,pn=a.isLoading,mn=void 0!==pn&&pn,fn=a.loadingMessage,On=a.ariaLabel,vn=a.tabSelectsValue,bn=void 0===vn||vn,gn=a.popupsContainerSelector,jn=a.filterOption,Cn=a.menuPosition,Mn=void 0===Cn?"absolute":Cn,yn=a["data-testid"],hn=c(),wn=Se||gn&&document.querySelector(gn),In=u((function(){return ie?Array.isArray(ie)?ie.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},ie),{isMandatory:!0}):ie}),[ie]);b.prototype.renderLiveRegion=function(){return null};var Sn=d(In||[]),Dn=e(Sn,2),Rn=Dn[0],Vn=Dn[1],Pn=d(""),An=e(Pn,2),Wn=An[0],xn=An[1],zn=me||pe,En=Oe||fe,Ln=!!ae,Nn=null!=ae?ae:Rn,Fn=u((function(){return Array.isArray(Nn)?Nn.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[Nn]),Tn=u((function(){return On||"".concat(_?"Readonly ":""," ").concat(cn," ").concat(Array.isArray(Nn)?"Selected: ".concat(Nn.map((function(e){return e.label})).join(", ")):"Select")}),[On,_,Nn,cn]),kn=He?Nn:ae,Bn=u((function(){var o=z({size:Me,rtl:je,insideOverflowContainer:rn,controlRef:hn,insideOverflowWithTransformContainer:sn}),t=Re(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(He){_e&&V.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Me,je,rn,sn,Re,He,_e]),Hn=p((function(e){return s.createElement(C,Object.assign({},e,{id:Le,ariaLabel:Fe,Renderer:ve,dropdownMenuWrapperClassName:R}))}),[R,ve,Le,Fe]),Kn=p((function(e){return s.createElement(M,Object.assign({},e,{size:Me}))}),[Me]),_n=p((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:xn},e,{Renderer:zn,optionWrapperClassName:S}))}),[zn,S,xn]),qn=p((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(O.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!_&&t,"aria-label":"Dropdown input","aria-controls":Le}))}),[Le,_]),Gn=p((function(e){return s.createElement(h,Object.assign({},e,{readOnly:_,Renderer:En,selectedOption:Nn[0],singleValueWrapperClassName:D}))}),[En,_,Nn,D]),Jn=p((function(e){return s.createElement(w,Object.assign({},e,{size:Me}))}),[Me]),Qn=u((function(){return function(e,n){qe&&qe(Fn[e]);var o=Array.isArray(Nn)?Nn.filter((function(n){return n.value!==e})):Nn;ee&&ee(o,n),Vn(o)}}),[ee,qe,Nn,Fn]),Un=u((function(){return{selectedOptions:Nn,onSelectedDelete:Qn,isMultiline:_e,insideOverflowContainer:rn,insideOverflowWithTransformContainer:sn,controlRef:hn,tooltipContent:cn,popupsContainerSelector:gn,size:Me}}),[Nn,Qn,_e,rn,sn,cn,gn,Me]),Xn=ye?v:m,Yn=Object.assign({},ye&&Object.assign({loadOptions:ye,cacheOptions:he},we&&{defaultOptions:we})),Zn=Object.assign(Object.assign({},!ye&&{options:re}),He&&{isMulti:!0}),$n=p((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(N.dropdownMenuWrapper))&&($e||rn||sn)}),[rn,sn,$e]);return s.createElement(Xn,Object.assign({className:i(F.dropdown,f),selectProps:Un,components:Object.assign(Object.assign({DropdownIndicator:Kn,Menu:Hn,ClearIndicator:Jn,Input:qn,Option:_n,Control:L,SingleValue:Gn},He&&{MultiValue:g,ValueContainer:I}),Ie&&{MenuList:j}),closeMenuOnScroll:$n,size:Me,noOptionsMessage:se,placeholder:k,isDisabled:H,isClearable:!_&&de,isSearchable:!_&&oe,readOnly:_,"aria-readonly":_,"aria-label":Tn,"aria-details":cn,"aria-haspopup":"listbox",defaultValue:ie,value:kn,onMenuOpen:G,onMenuClose:Q,onFocus:X,onBlur:Z,onChange:function(e,n){switch(ee&&ee(e,n),n.action){case"select-option":var t=He?n.option:e;Ge&&Ge(t),Ln||Vn([].concat(o(Nn),[t]));break;case"clear":Je&&Je(),Ln||Vn(nn?In:[])}},onKeyDown:dn,onInputChange:Ue,openMenuOnFocus:le,openMenuOnClick:ce,focusedOptionId:Wn,isRtl:je,styles:Bn,theme:E,maxMenuHeight:Ve,menuPortalTarget:wn,menuPlacement:ge,menuPosition:Mn,menuIsOpen:!_&&Pe,tabIndex:We,id:ze,"data-testid":yn||t(r.DROPDOWN,ze),autoFocus:ke,closeMenuOnSelect:Ye,ref:l,withMandatoryDefaultOptions:nn,isOptionSelected:on,isLoading:mn,loadingMessage:fn,tabSelectsValue:bn,filterOption:jn},Yn,Zn))})),{sizes:a,chipColors:S,menuPlacements:D,menuPositions:R,createFilter:f});export{k as default};
 //# sourceMappingURL=Dropdown.js.map

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async/dist/react-select.esm.js\";\nimport { noop as NOOP } from \"lodash-es\";\nimport { WindowedMenuList } from \"react-windowed-select\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport {\n  ADD_AUTO_HEIGHT_COMPONENTS,\n  defaultCustomStyles,\n  DROPDOWN_CHIP_COLORS,\n  DROPDOWN_ID,\n  DROPDOWN_MENU_ARIA_LABEL,\n  DROPDOWN_MENU_ID,\n  DROPDOWN_MENU_PLACEMENT,\n  DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n  DropdownOption,\n  DropdownState,\n  CustomMenuProps,\n  CustomOptionProps,\n  CustomSingleValueProps,\n  DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n  sizes?: typeof BaseSizes;\n  chipColors?: typeof DROPDOWN_CHIP_COLORS;\n  menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n  menuPositions?: typeof DROPDOWN_MENU_POSITION;\n  createFilter?: typeof createFilter;\n} = forwardRef(\n  (\n    {\n      className,\n      optionWrapperClassName,\n      singleValueWrapperClassName,\n      dropdownMenuWrapperClassName,\n      placeholder = \"\",\n      disabled = false,\n      readOnly = false,\n      onMenuOpen = NOOP,\n      onMenuClose = NOOP,\n      onFocus = NOOP,\n      onBlur = NOOP,\n      onChange: customOnChange = NOOP,\n      searchable = true,\n      options = [],\n      defaultValue,\n      value: customValue,\n      noOptionsMessage,\n      openMenuOnFocus,\n      openMenuOnClick,\n      clearable = true,\n      OptionRenderer,\n      optionRenderer,\n      ValueRenderer,\n      valueRenderer,\n      menuRenderer,\n      menuPlacement = \"bottom\",\n      rtl,\n      size = \"medium\",\n      asyncOptions,\n      cacheOptions,\n      defaultOptions,\n      isVirtualized,\n      menuPortalTarget,\n      extraStyles = defaultCustomStyles,\n      maxMenuHeight,\n      menuIsOpen,\n      tabIndex = \"0\",\n      id = DROPDOWN_ID,\n      menuId = DROPDOWN_MENU_ID,\n      menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n      autoFocus = false,\n      multi = false,\n      multiline = false,\n      onOptionRemove: customOnOptionRemove,\n      onOptionSelect,\n      onClear,\n      onInputChange = NOOP,\n      closeMenuOnSelect = !multi,\n      closeMenuOnScroll: customCloseMenuOnScroll = false,\n      withMandatoryDefaultOptions = false,\n      isOptionSelected,\n      insideOverflowContainer = false,\n      insideOverflowWithTransformContainer = false,\n      tooltipContent = \"\",\n      onKeyDown = NOOP,\n      isLoading = false,\n      loadingMessage,\n      ariaLabel,\n      tabSelectsValue = true,\n      popupsContainerSelector,\n      filterOption,\n      menuPosition = \"absolute\",\n      \"data-testid\": dataTestId\n    }: DropdownComponentProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const controlRef = useRef();\n    const overrideMenuPortalTarget =\n      menuPortalTarget || (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n    const overrideDefaultValue = useMemo(() => {\n      if (defaultValue) {\n        return Array.isArray(defaultValue)\n          ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n          : { ...(defaultValue as DropdownOption), isMandatory: true };\n      }\n\n      return defaultValue;\n    }, [defaultValue]);\n\n    const [selected, setSelected] = useState(overrideDefaultValue || []);\n    const finalOptionRenderer = optionRenderer || OptionRenderer;\n    const finalValueRenderer = valueRenderer || ValueRenderer;\n    const isControlled = !!customValue;\n    const selectedOptions = customValue ?? selected;\n    const selectedOptionsMap = useMemo(() => {\n      if (Array.isArray(selectedOptions)) {\n        return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n      }\n      return {};\n    }, [selectedOptions]);\n\n    const overrideAriaLabel = useMemo(() => {\n      return (\n        ariaLabel ||\n        `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n          Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n        }`\n      );\n    }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n    const value = multi ? selectedOptions : customValue;\n\n    const inlineStyles = useMemo(() => {\n      // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n      const baseStyles = generateBaseStyles({\n        size,\n        rtl,\n        insideOverflowContainer,\n        controlRef,\n        insideOverflowWithTransformContainer\n      });\n\n      type BaseStyles = typeof baseStyles;\n\n      // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n      const customStyles = extraStyles(baseStyles);\n\n      // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n      const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n        return {\n          ...accumulator,\n          [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n            const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n            const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n            return stylesFn(provided, state);\n          }\n        };\n      }, {} as BaseStyles);\n\n      if (multi) {\n        if (multiline) {\n          ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n            const original = mergedStyles[component];\n            mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n              ...original(provided, state),\n              height: \"auto\"\n            });\n          });\n        }\n\n        const originalValueContainer = mergedStyles.valueContainer;\n        mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n          ...originalValueContainer(provided, state),\n          paddingLeft: 6\n        });\n      }\n\n      return mergedStyles;\n    }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\n\n    const Menu = useCallback(\n      (props: CustomMenuProps) => (\n        <MenuComponent\n          {...props}\n          id={menuId}\n          ariaLabel={menuAriaLabel}\n          Renderer={menuRenderer}\n          dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n        />\n      ),\n      [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel]\n    );\n\n    const DropdownIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <DropdownIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const Option = useCallback(\n      (props: CustomOptionProps) => (\n        <OptionComponent {...props} Renderer={finalOptionRenderer} optionWrapperClassName={optionWrapperClassName} />\n      ),\n      [finalOptionRenderer, optionWrapperClassName]\n    );\n\n    const Input = useCallback(\n      (props: InputProps) => <components.Input {...props} aria-label=\"Dropdown input\" aria-controls={menuId} />,\n      [menuId]\n    );\n\n    const SingleValue = useCallback(\n      (props: CustomSingleValueProps) => (\n        <SingleValueComponent\n          {...props}\n          readOnly={readOnly}\n          Renderer={finalValueRenderer}\n          selectedOption={selectedOptions[0]}\n          singleValueWrapperClassName={singleValueWrapperClassName}\n        />\n      ),\n      [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n    );\n\n    const ClearIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <ClearIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const onOptionRemove = useMemo(() => {\n      return function (optionValue: number, e: React.MouseEvent | React.KeyboardEvent) {\n        if (customOnOptionRemove) {\n          customOnOptionRemove(selectedOptionsMap[optionValue]);\n        }\n        const newSelectedOptions = Array.isArray(selectedOptions)\n          ? selectedOptions.filter(option => option.value !== optionValue)\n          : selectedOptions;\n\n        if (customOnChange) {\n          customOnChange(newSelectedOptions, e);\n        }\n        setSelected(newSelectedOptions);\n      };\n    }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n    const customProps = useMemo(\n      () => ({\n        selectedOptions,\n        onSelectedDelete: onOptionRemove,\n        isMultiline: multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        controlRef,\n        tooltipContent,\n        popupsContainerSelector,\n        size\n      }),\n      [\n        selectedOptions,\n        onOptionRemove,\n        multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        tooltipContent,\n        popupsContainerSelector,\n        size\n      ]\n    );\n    const onChange = (option: DropdownOption | DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n      if (customOnChange) {\n        customOnChange(option, meta);\n      }\n\n      switch (meta.action) {\n        case \"select-option\": {\n          const selectedOption = multi ? meta.option : option;\n\n          if (onOptionSelect) {\n            onOptionSelect(selectedOption);\n          }\n\n          if (!isControlled) {\n            setSelected([...selectedOptions, selectedOption]);\n          }\n          break;\n        }\n\n        case \"clear\":\n          if (onClear) {\n            onClear();\n          }\n\n          if (!isControlled) {\n            if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n            else setSelected([]);\n          }\n          break;\n      }\n    };\n\n    const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n    const asyncAdditions = {\n      ...(asyncOptions && {\n        loadOptions: asyncOptions,\n        cacheOptions,\n        ...(defaultOptions && { defaultOptions })\n      })\n    };\n\n    const additions = {\n      ...(!asyncOptions && { options }),\n      ...(multi && {\n        isMulti: true\n      })\n    };\n\n    const closeMenuOnScroll = useCallback(\n      (event: React.FocusEvent) => {\n        const scrolledElement = event.target;\n        if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n          return false;\n        }\n        return customCloseMenuOnScroll || insideOverflowContainer || insideOverflowWithTransformContainer;\n      },\n      [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n    );\n\n    return (\n      <DropDownComponent\n        className={cx(styles.dropdown, className)}\n        selectProps={customProps}\n        components={{\n          DropdownIndicator,\n          Menu,\n          ClearIndicator,\n          Input,\n          Option,\n          Control,\n          SingleValue,\n          ...(multi && {\n            MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n            ValueContainer: MultiValueContainer\n          }),\n          ...(isVirtualized && { MenuList: WindowedMenuList })\n        }}\n        // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n        closeMenuOnScroll={closeMenuOnScroll}\n        size={size}\n        noOptionsMessage={noOptionsMessage}\n        placeholder={placeholder}\n        isDisabled={disabled}\n        isClearable={!readOnly && clearable}\n        isSearchable={!readOnly && searchable}\n        readOnly={readOnly}\n        aria-readonly={readOnly}\n        aria-label={overrideAriaLabel}\n        aria-details={tooltipContent}\n        aria-expanded={!readOnly && menuIsOpen}\n        aria-haspopup=\"listbox\"\n        aria-activedescendant\n        role=\"combobox\"\n        defaultValue={defaultValue}\n        value={value}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onInputChange={onInputChange}\n        openMenuOnFocus={openMenuOnFocus}\n        openMenuOnClick={openMenuOnClick}\n        isRtl={rtl}\n        styles={inlineStyles}\n        theme={customTheme}\n        maxMenuHeight={maxMenuHeight}\n        menuPortalTarget={overrideMenuPortalTarget}\n        menuPlacement={menuPlacement}\n        menuPosition={menuPosition}\n        menuIsOpen={!readOnly && menuIsOpen}\n        tabIndex={tabIndex}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n        autoFocus={autoFocus}\n        closeMenuOnSelect={closeMenuOnSelect}\n        ref={ref as React.Ref<any>}\n        withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n        isOptionSelected={isOptionSelected}\n        isLoading={isLoading}\n        loadingMessage={loadingMessage}\n        tabSelectsValue={tabSelectsValue}\n        filterOption={filterOption}\n        {...asyncAdditions}\n        {...additions}\n      />\n    );\n  }\n);\n\nexport default withStaticProps(Dropdown, {\n  sizes: BaseSizes,\n  chipColors: DROPDOWN_CHIP_COLORS,\n  menuPlacements: DROPDOWN_MENU_PLACEMENT,\n  menuPositions: DROPDOWN_MENU_POSITION,\n  createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","_useState","useState","_useState2","_slicedToArray","setSelected","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","components","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","selectProps","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","WindowedMenuList","isDisabled","isClearable","isSearchable","role","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async/dist/react-select.esm.js\";\nimport BaseSelect from \"react-select/base/dist/react-select.esm.js\";\nimport { noop as NOOP } from \"lodash-es\";\nimport { WindowedMenuList } from \"react-windowed-select\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport {\n  ADD_AUTO_HEIGHT_COMPONENTS,\n  defaultCustomStyles,\n  DROPDOWN_CHIP_COLORS,\n  DROPDOWN_ID,\n  DROPDOWN_MENU_ARIA_LABEL,\n  DROPDOWN_MENU_ID,\n  DROPDOWN_MENU_PLACEMENT,\n  DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n  DropdownOption,\n  DropdownState,\n  CustomMenuProps,\n  CustomOptionProps,\n  CustomSingleValueProps,\n  DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n  sizes?: typeof BaseSizes;\n  chipColors?: typeof DROPDOWN_CHIP_COLORS;\n  menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n  menuPositions?: typeof DROPDOWN_MENU_POSITION;\n  createFilter?: typeof createFilter;\n} = forwardRef(\n  (\n    {\n      className,\n      optionWrapperClassName,\n      singleValueWrapperClassName,\n      dropdownMenuWrapperClassName,\n      placeholder = \"\",\n      disabled = false,\n      readOnly = false,\n      onMenuOpen = NOOP,\n      onMenuClose = NOOP,\n      onFocus = NOOP,\n      onBlur = NOOP,\n      onChange: customOnChange = NOOP,\n      searchable = true,\n      options = [],\n      defaultValue,\n      value: customValue,\n      noOptionsMessage,\n      openMenuOnFocus,\n      openMenuOnClick,\n      clearable = true,\n      OptionRenderer,\n      optionRenderer,\n      ValueRenderer,\n      valueRenderer,\n      menuRenderer,\n      menuPlacement = \"bottom\",\n      rtl,\n      size = \"medium\",\n      asyncOptions,\n      cacheOptions,\n      defaultOptions,\n      isVirtualized,\n      menuPortalTarget,\n      extraStyles = defaultCustomStyles,\n      maxMenuHeight,\n      menuIsOpen,\n      tabIndex = \"0\",\n      id = DROPDOWN_ID,\n      menuId = DROPDOWN_MENU_ID,\n      menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n      autoFocus = false,\n      multi = false,\n      multiline = false,\n      onOptionRemove: customOnOptionRemove,\n      onOptionSelect,\n      onClear,\n      onInputChange = NOOP,\n      closeMenuOnSelect = !multi,\n      closeMenuOnScroll: customCloseMenuOnScroll = false,\n      withMandatoryDefaultOptions = false,\n      isOptionSelected,\n      insideOverflowContainer = false,\n      insideOverflowWithTransformContainer = false,\n      tooltipContent = \"\",\n      onKeyDown = NOOP,\n      isLoading = false,\n      loadingMessage,\n      ariaLabel,\n      tabSelectsValue = true,\n      popupsContainerSelector,\n      filterOption,\n      menuPosition = \"absolute\",\n      \"data-testid\": dataTestId\n    }: DropdownComponentProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const controlRef = useRef();\n    const overrideMenuPortalTarget =\n      menuPortalTarget || (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n    const overrideDefaultValue = useMemo(() => {\n      if (defaultValue) {\n        return Array.isArray(defaultValue)\n          ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n          : { ...(defaultValue as DropdownOption), isMandatory: true };\n      }\n\n      return defaultValue;\n    }, [defaultValue]);\n\n    BaseSelect.prototype.renderLiveRegion = (): null => {\n      return null;\n    };\n\n    const [selected, setSelected] = useState(overrideDefaultValue || []);\n    const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n    const finalOptionRenderer = optionRenderer || OptionRenderer;\n    const finalValueRenderer = valueRenderer || ValueRenderer;\n    const isControlled = !!customValue;\n    const selectedOptions = customValue ?? selected;\n    const selectedOptionsMap = useMemo(() => {\n      if (Array.isArray(selectedOptions)) {\n        return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n      }\n      return {};\n    }, [selectedOptions]);\n\n    const overrideAriaLabel = useMemo(() => {\n      return (\n        ariaLabel ||\n        `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n          Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n        }`\n      );\n    }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n    const value = multi ? selectedOptions : customValue;\n\n    const inlineStyles = useMemo(() => {\n      // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n      const baseStyles = generateBaseStyles({\n        size,\n        rtl,\n        insideOverflowContainer,\n        controlRef,\n        insideOverflowWithTransformContainer\n      });\n\n      type BaseStyles = typeof baseStyles;\n\n      // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n      const customStyles = extraStyles(baseStyles);\n\n      // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n      const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n        return {\n          ...accumulator,\n          [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n            const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n            const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n            return stylesFn(provided, state);\n          }\n        };\n      }, {} as BaseStyles);\n\n      if (multi) {\n        if (multiline) {\n          ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n            const original = mergedStyles[component];\n            mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n              ...original(provided, state),\n              height: \"auto\"\n            });\n          });\n        }\n\n        const originalValueContainer = mergedStyles.valueContainer;\n        mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n          ...originalValueContainer(provided, state),\n          paddingLeft: 6\n        });\n      }\n\n      return mergedStyles;\n    }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\n\n    const Menu = useCallback(\n      (props: CustomMenuProps) => (\n        <MenuComponent\n          {...props}\n          id={menuId}\n          ariaLabel={menuAriaLabel}\n          Renderer={menuRenderer}\n          dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n        />\n      ),\n      [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel]\n    );\n\n    const DropdownIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <DropdownIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const Option = useCallback(\n      (props: CustomOptionProps) => (\n        <OptionComponent\n          setFocusedOptionId={setFocusedOptionId}\n          {...props}\n          Renderer={finalOptionRenderer}\n          optionWrapperClassName={optionWrapperClassName}\n        />\n      ),\n      [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n    );\n\n    const Input = useCallback(\n      (props: InputProps | any) => {\n        const { focusedOptionId, menuIsOpen } = props.selectProps;\n        const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n        return (\n          <components.Input\n            {...props}\n            aria-activedescendant={ariaActiveDescendant}\n            role=\"combobox\"\n            aria-expanded={!readOnly && menuIsOpen}\n            aria-label=\"Dropdown input\"\n            aria-controls={menuId}\n          />\n        );\n      },\n      [menuId, readOnly]\n    );\n\n    const SingleValue = useCallback(\n      (props: CustomSingleValueProps) => (\n        <SingleValueComponent\n          {...props}\n          readOnly={readOnly}\n          Renderer={finalValueRenderer}\n          selectedOption={selectedOptions[0]}\n          singleValueWrapperClassName={singleValueWrapperClassName}\n        />\n      ),\n      [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n    );\n\n    const ClearIndicator = useCallback(\n      (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n        <ClearIndicatorComponent {...props} size={size} />\n      ),\n      [size]\n    );\n\n    const onOptionRemove = useMemo(() => {\n      return function (optionValue: number, e: React.MouseEvent | React.KeyboardEvent) {\n        if (customOnOptionRemove) {\n          customOnOptionRemove(selectedOptionsMap[optionValue]);\n        }\n        const newSelectedOptions = Array.isArray(selectedOptions)\n          ? selectedOptions.filter(option => option.value !== optionValue)\n          : selectedOptions;\n\n        if (customOnChange) {\n          customOnChange(newSelectedOptions, e);\n        }\n        setSelected(newSelectedOptions);\n      };\n    }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n    const customProps = useMemo(\n      () => ({\n        selectedOptions,\n        onSelectedDelete: onOptionRemove,\n        isMultiline: multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        controlRef,\n        tooltipContent,\n        popupsContainerSelector,\n        size\n      }),\n      [\n        selectedOptions,\n        onOptionRemove,\n        multiline,\n        insideOverflowContainer,\n        insideOverflowWithTransformContainer,\n        tooltipContent,\n        popupsContainerSelector,\n        size\n      ]\n    );\n    const onChange = (option: DropdownOption | DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n      if (customOnChange) {\n        customOnChange(option, meta);\n      }\n\n      switch (meta.action) {\n        case \"select-option\": {\n          const selectedOption = multi ? meta.option : option;\n\n          if (onOptionSelect) {\n            onOptionSelect(selectedOption);\n          }\n\n          if (!isControlled) {\n            setSelected([...selectedOptions, selectedOption]);\n          }\n          break;\n        }\n\n        case \"clear\":\n          if (onClear) {\n            onClear();\n          }\n\n          if (!isControlled) {\n            if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n            else setSelected([]);\n          }\n          break;\n      }\n    };\n\n    const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n    const asyncAdditions = {\n      ...(asyncOptions && {\n        loadOptions: asyncOptions,\n        cacheOptions,\n        ...(defaultOptions && { defaultOptions })\n      })\n    };\n\n    const additions = {\n      ...(!asyncOptions && { options }),\n      ...(multi && {\n        isMulti: true\n      })\n    };\n\n    const closeMenuOnScroll = useCallback(\n      (event: React.FocusEvent) => {\n        const scrolledElement = event.target;\n        if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n          return false;\n        }\n        return customCloseMenuOnScroll || insideOverflowContainer || insideOverflowWithTransformContainer;\n      },\n      [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n    );\n\n    return (\n      <DropDownComponent\n        className={cx(styles.dropdown, className)}\n        selectProps={customProps}\n        components={{\n          DropdownIndicator,\n          Menu,\n          ClearIndicator,\n          Input,\n          Option,\n          Control,\n          SingleValue,\n          ...(multi && {\n            MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n            ValueContainer: MultiValueContainer\n          }),\n          ...(isVirtualized && { MenuList: WindowedMenuList })\n        }}\n        // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n        closeMenuOnScroll={closeMenuOnScroll}\n        size={size}\n        noOptionsMessage={noOptionsMessage}\n        placeholder={placeholder}\n        isDisabled={disabled}\n        isClearable={!readOnly && clearable}\n        isSearchable={!readOnly && searchable}\n        readOnly={readOnly}\n        aria-readonly={readOnly}\n        aria-label={overrideAriaLabel}\n        aria-details={tooltipContent}\n        aria-haspopup=\"listbox\"\n        defaultValue={defaultValue}\n        value={value}\n        onMenuOpen={onMenuOpen}\n        onMenuClose={onMenuClose}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onInputChange={onInputChange}\n        openMenuOnFocus={openMenuOnFocus}\n        openMenuOnClick={openMenuOnClick}\n        focusedOptionId={focusedOptionId}\n        isRtl={rtl}\n        styles={inlineStyles}\n        theme={customTheme}\n        maxMenuHeight={maxMenuHeight}\n        menuPortalTarget={overrideMenuPortalTarget}\n        menuPlacement={menuPlacement}\n        menuPosition={menuPosition}\n        menuIsOpen={!readOnly && menuIsOpen}\n        tabIndex={tabIndex}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n        autoFocus={autoFocus}\n        closeMenuOnSelect={closeMenuOnSelect}\n        ref={ref as React.Ref<any>}\n        withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n        isOptionSelected={isOptionSelected}\n        isLoading={isLoading}\n        loadingMessage={loadingMessage}\n        tabSelectsValue={tabSelectsValue}\n        filterOption={filterOption}\n        {...asyncAdditions}\n        {...additions}\n      />\n    );\n  }\n);\n\nexport default withStaticProps(Dropdown, {\n  sizes: BaseSizes,\n  chipColors: DROPDOWN_CHIP_COLORS,\n  menuPlacements: DROPDOWN_MENU_PLACEMENT,\n  menuPositions: DROPDOWN_MENU_POSITION,\n  createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","selected","setSelected","_useState3","_useState4","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","WindowedMenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-9c014db6980d_3_0_0-alpha_1";if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-9c014db6980d_3_0_0-alpha_3";if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.js

@@ -1,2 +1,2 @@
-import t,{useCallback as e}from"react";import r from"../../../Avatar/Avatar.js";import o from"../../../Icon/Icon.js";import a from"../../../Text/Text.js";import n from"./ChildrenContent.module.scss.js";import{getTestId as i}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";var l=function(l){var c=l.data,m=l.children,u=l.readOnly,d=e((function(t){u&&t.stopPropagation()}),[u]);return t.createElement("div",{className:n.valueContainer,onMouseDown:d,"data-testid":i(s.DROPDOWN_OPTION_CONTENT)},(null==c?void 0:c.leftRenderer)||t.createElement(t.Fragment,null,(null==c?void 0:c.leftAvatar)&&t.createElement(r,{className:n.avatar,withoutBorder:!0,square:c.square,src:c.leftAvatar,type:"img",customSize:20}),(null==c?void 0:c.leftIcon)&&t.createElement(o,{iconSize:18,icon:c.leftIcon})),t.createElement(a,{type:a.types.TEXT2,color:a.colors.INHERIT},m),(null==c?void 0:c.rightIcon)&&t.createElement(o,{iconSize:18,icon:c.rightIcon}),(null==c?void 0:c.rightAvatar)&&t.createElement(r,{withoutBorder:!0,square:c.square,src:c.rightAvatar,type:"img",customSize:20}))};export{l as ChildrenContent};
+import t,{useCallback as e}from"react";import r from"../../../Avatar/Avatar.js";import o from"../../../Icon/Icon.js";import a from"../../../Text/Text.js";import n from"./ChildrenContent.module.scss.js";import{getTestId as i}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";var l=function(l){var c=l.data,m=l.children,u=l.readOnly,d=e((function(t){u&&t.stopPropagation()}),[u]);return t.createElement("div",{className:n.valueContainer,onMouseDown:d,"data-testid":i(s.DROPDOWN_OPTION_CONTENT)},(null==c?void 0:c.leftRenderer)||t.createElement(t.Fragment,null,(null==c?void 0:c.leftAvatar)&&t.createElement(r,{className:n.avatar,withoutBorder:!0,square:c.square,src:c.leftAvatar,type:"img",customSize:20}),(null==c?void 0:c.leftIcon)&&t.createElement(o,{className:n.icon,iconSize:18,icon:c.leftIcon})),t.createElement(a,{type:a.types.TEXT2,color:a.colors.INHERIT},m),(null==c?void 0:c.rightIcon)&&t.createElement(o,{iconSize:18,icon:c.rightIcon}),(null==c?void 0:c.rightAvatar)&&t.createElement(r,{withoutBorder:!0,square:c.square,src:c.rightAvatar,type:"img",customSize:20}))};export{l as ChildrenContent};
 //# sourceMappingURL=ChildrenContent.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChildrenContent.js","sources":["../../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport Icon from \"../../../Icon/Icon\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n  const onMouseDown = useCallback(\n    event => {\n      if (readOnly) {\n        event.stopPropagation();\n      }\n    },\n    [readOnly]\n  );\n\n  return (\n    <div\n      className={styles.valueContainer}\n      onMouseDown={onMouseDown}\n      data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n    >\n      {data?.leftRenderer || (\n        <>\n          {data?.leftAvatar && (\n            <Avatar\n              className={styles.avatar}\n              withoutBorder\n              square={data.square}\n              src={data.leftAvatar}\n              type=\"img\"\n              customSize={20}\n            />\n          )}\n          {data?.leftIcon && <Icon iconSize={18} icon={data.leftIcon} />}\n        </>\n      )}\n      <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n        {children}\n      </Text>\n      {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n      {data?.rightAvatar && (\n        <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n      )}\n    </div>\n  );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","iconSize","icon","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"+UAQaA,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,CAACC,SAAU,GAAIC,KAAM5B,EAAKyB,YAGtDlB,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,CAACC,SAAU,GAAIC,KAAM5B,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}
+{"version":3,"file":"ChildrenContent.js","sources":["../../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport Icon from \"../../../Icon/Icon\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n  const onMouseDown = useCallback(\n    event => {\n      if (readOnly) {\n        event.stopPropagation();\n      }\n    },\n    [readOnly]\n  );\n\n  return (\n    <div\n      className={styles.valueContainer}\n      onMouseDown={onMouseDown}\n      data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n    >\n      {data?.leftRenderer || (\n        <>\n          {data?.leftAvatar && (\n            <Avatar\n              className={styles.avatar}\n              withoutBorder\n              square={data.square}\n              src={data.leftAvatar}\n              type=\"img\"\n              customSize={20}\n            />\n          )}\n          {data?.leftIcon && <Icon className={styles.icon} iconSize={18} icon={data.leftIcon} />}\n        </>\n      )}\n      <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n        {children}\n      </Text>\n      {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n      {data?.rightAvatar && (\n        <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n      )}\n    </div>\n  );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","icon","iconSize","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"+UAQaA,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,CAACjB,UAAWC,EAAOiB,KAAMC,SAAU,GAAID,KAAM3B,EAAKyB,YAG9ElB,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,CAACE,SAAU,GAAID,KAAM3B,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}

package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer",avatar:"avatar"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-67f656e24f8e_3_0_0-alpha_1";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer .avatar {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer",avatar:"avatar",icon:"icon"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-a9768234c15e_3_0_0-alpha_3";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer .avatar,\n.valueContainer .icon {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-chip-multi-line":"multiselect-chip-multi-line","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium","multiselect-chip-single-line-large":"multiselect-chip-single-line-large","multiselect-chip-single-line-small":"multiselect-chip-single-line-small","multiselect-chip-disabled":"multiselect-chip-disabled","value-container":"value-container","value-container-chips":"value-container-chips","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",chips:"chips"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-ae46b2835ce0_3_0_0-alpha_1";if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".chip-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent .chips {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-chip-multi-line":"multiselect-chip-multi-line","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium","multiselect-chip-single-line-large":"multiselect-chip-single-line-large","multiselect-chip-single-line-small":"multiselect-chip-single-line-small","multiselect-chip-disabled":"multiselect-chip-disabled","value-container":"value-container","value-container-chips":"value-container-chips","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",chips:"chips"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-ae46b2835ce0_3_0_0-alpha_3";if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".chip-with-input-wrapper {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent .chips {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js

@@ -1,2 +1,2 @@
-var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_3_0_0-alpha_1";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-11829aafa26c_3_0_0-alpha_3";if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/option/option.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t,extends as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a from"react";import{components as i}from"react-select";import n from"../../../Tooltip/Tooltip.js";import{ChildrenContent as s}from"../ChildrenContent/ChildrenContent.js";import l from"./option.module.scss.js";var p=["Renderer","data","children","optionWrapperClassName"],m=function(m){var c=m.Renderer,d=m.data,f=m.children,u=m.optionWrapperClassName,h=e(m,p),j=(null==d?void 0:d.tooltipProps)||{},C=t(t({children:f,data:d},h),{},{innerProps:t(t({},h.innerProps),{},{role:"option","aria-selected":h.isSelected})});return a.createElement(n,r({},j,{position:"right"}),c?a.createElement(i.Option,r({},C,{className:o(l.optionReset,u)}),a.createElement(c,r({},C,d))," "):a.createElement(i.Option,r({},C,{className:o(l.optionReset,u)}),a.createElement(s,{data:d},f)))};export{m as default};
+import{objectWithoutProperties as e,objectSpread2 as t,extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import i,{useEffect as n}from"react";import{components as s}from"react-select";import a from"../../../Tooltip/Tooltip.js";import{ChildrenContent as p}from"../ChildrenContent/ChildrenContent.js";import l from"./option.module.scss.js";var d=["Renderer","data","children","setFocusedOptionId","optionWrapperClassName"],c=function(c){var m=c.Renderer,u=c.data,f=c.children,h=c.setFocusedOptionId,P=c.optionWrapperClassName,j=e(c,d),C=(null==u?void 0:u.tooltipProps)||{},E=t(t({children:f,data:u},j),{},{innerProps:t(t({},j.innerProps),{},{role:"option","aria-selected":j.isSelected})});return n((function(){j.isFocused&&h(j.innerProps.id)}),[j.isFocused,j.innerProps.id,h]),i.createElement(a,o({},C,{position:"right"}),m?i.createElement(s.Option,o({},E,{className:r(l.optionReset,P)}),i.createElement(m,o({},E,u))," "):i.createElement(s.Option,o({},E,{className:r(l.optionReset,P)}),i.createElement(p,{data:u},f)))};export{c as default};
 //# sourceMappingURL=option.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/option/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sources":["../../../../../../../src/components/Dropdown/components/option/option.jsx"],"sourcesContent":["import cx from \"classnames\";\nimport React from \"react\";\nimport { components } from \"react-select\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport { ChildrenContent } from \"../ChildrenContent/ChildrenContent\";\nimport styles from \"./option.module.scss\";\n\nconst Option = ({ Renderer, data, children, optionWrapperClassName, ...props }) => {\n  const tooltipProps = data?.tooltipProps || {};\n  const rendererProps = {\n    children,\n    data,\n    ...props,\n    innerProps: {\n      ...props.innerProps,\n      role: \"option\",\n      \"aria-selected\": props.isSelected\n    }\n  };\n\n  return (\n    <Tooltip {...tooltipProps} position=\"right\">\n      {Renderer ? (\n        <components.Option {...rendererProps} className={cx(styles.optionReset, optionWrapperClassName)}>\n          <Renderer {...rendererProps} {...data} /> {/* Spreading data here for a backward compatability */}\n        </components.Option>\n      ) : (\n        <components.Option {...rendererProps} className={cx(styles.optionReset, optionWrapperClassName)}>\n          <ChildrenContent data={data}>{children}</ChildrenContent>\n        </components.Option>\n      )}\n    </Tooltip>\n  );\n};\n\nexport default Option;\n"],"names":["Option","_ref","Renderer","data","children","optionWrapperClassName","props","_objectWithoutProperties","_excluded","tooltipProps","rendererProps","_objectSpread","innerProps","role","isSelected","React","createElement","Tooltip","_extends","position","components","className","cx","styles","optionReset","ChildrenContent"],"mappings":"gbAOMA,EAAS,SAAHC,GAAuE,IAAjEC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAAMC,EAAQH,EAARG,SAAUC,EAAsBJ,EAAtBI,uBAA2BC,EAAKC,EAAAN,EAAAO,GACpEC,GAAeN,aAAAA,EAAAA,EAAMM,eAAgB,CAAA,EACrCC,EAAaC,EAAAA,EAAA,CACjBP,SAAAA,EACAD,KAAAA,GACGG,GAAK,GAAA,CACRM,WAAUD,EAAAA,EACLL,CAAAA,EAAAA,EAAMM,YAAU,GAAA,CACnBC,KAAM,SACN,gBAAiBP,EAAMQ,eAI3B,OACEC,EAAAC,cAACC,EAAOC,KAAKT,EAAY,CAAEU,SAAS,UACjCjB,EACCa,EAAAC,cAACI,EAAWpB,OAAMkB,EAAA,CAAA,EAAKR,EAAa,CAAEW,UAAWC,EAAGC,EAAOC,YAAanB,KACtEU,EAAAC,cAACd,EAAQgB,EAAKR,CAAAA,EAAAA,EAAmBP,SAGnCY,EAAAC,cAACI,EAAWpB,OAAMkB,EAAA,CAAA,EAAKR,EAAa,CAAEW,UAAWC,EAAGC,EAAOC,YAAanB,KACtEU,EAAAC,cAACS,EAAe,CAACtB,KAAMA,GAAOC,IAKxC"}
+{"version":3,"file":"option.js","sources":["../../../../../../../src/components/Dropdown/components/option/option.jsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useEffect } from \"react\";\nimport { components } from \"react-select\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport { ChildrenContent } from \"../ChildrenContent/ChildrenContent\";\nimport styles from \"./option.module.scss\";\n\nconst Option = ({ Renderer, data, children, setFocusedOptionId, optionWrapperClassName, ...props }) => {\n  const tooltipProps = data?.tooltipProps || {};\n  const rendererProps = {\n    children,\n    data,\n    ...props,\n    innerProps: {\n      ...props.innerProps,\n      role: \"option\",\n      \"aria-selected\": props.isSelected\n    }\n  };\n\n  useEffect(() => {\n    if (props.isFocused) {\n      setFocusedOptionId(props.innerProps.id);\n    }\n  }, [props.isFocused, props.innerProps.id, setFocusedOptionId]);\n\n  return (\n    <Tooltip {...tooltipProps} position=\"right\">\n      {Renderer ? (\n        <components.Option {...rendererProps} className={cx(styles.optionReset, optionWrapperClassName)}>\n          <Renderer {...rendererProps} {...data} /> {/* Spreading data here for a backward compatability */}\n        </components.Option>\n      ) : (\n        <components.Option {...rendererProps} className={cx(styles.optionReset, optionWrapperClassName)}>\n          <ChildrenContent data={data}>{children}</ChildrenContent>\n        </components.Option>\n      )}\n    </Tooltip>\n  );\n};\n\nexport default Option;\n"],"names":["Option","_ref","Renderer","data","children","setFocusedOptionId","optionWrapperClassName","props","_objectWithoutProperties","_excluded","tooltipProps","rendererProps","_objectSpread","innerProps","role","isSelected","useEffect","isFocused","id","React","createElement","Tooltip","_extends","position","components","className","cx","styles","optionReset","ChildrenContent"],"mappings":"qdAOMA,EAAS,SAAHC,GAA2F,IAArFC,EAAQD,EAARC,SAAUC,EAAIF,EAAJE,KAAMC,EAAQH,EAARG,SAAUC,EAAkBJ,EAAlBI,mBAAoBC,EAAsBL,EAAtBK,uBAA2BC,EAAKC,EAAAP,EAAAQ,GACxFC,GAAeP,aAAAA,EAAAA,EAAMO,eAAgB,CAAA,EACrCC,EAAaC,EAAAA,EAAA,CACjBR,SAAAA,EACAD,KAAAA,GACGI,GAAK,GAAA,CACRM,WAAUD,EAAAA,EACLL,CAAAA,EAAAA,EAAMM,YAAU,GAAA,CACnBC,KAAM,SACN,gBAAiBP,EAAMQ,eAU3B,OANAC,GAAU,WACJT,EAAMU,WACRZ,EAAmBE,EAAMM,WAAWK,GAExC,GAAG,CAACX,EAAMU,UAAWV,EAAMM,WAAWK,GAAIb,IAGxCc,EAAAC,cAACC,EAAOC,KAAKZ,EAAY,CAAEa,SAAS,UACjCrB,EACCiB,EAAAC,cAACI,EAAWxB,OAAMsB,EAAA,CAAA,EAAKX,EAAa,CAAEc,UAAWC,EAAGC,EAAOC,YAAatB,KACtEa,EAAAC,cAAClB,EAAQoB,EAAKX,CAAAA,EAAAA,EAAmBR,SAGnCgB,EAAAC,cAACI,EAAWxB,OAAMsB,EAAA,CAAA,EAAKX,EAAa,CAAEc,UAAWC,EAAGC,EAAOC,YAAatB,KACtEa,EAAAC,cAACS,EAAe,CAAC1B,KAAMA,GAAOC,IAKxC"}

package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_3_0_0-alpha_1";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-64f14b86843f_3_0_0-alpha_3";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}(".optionReset {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_3_0_0-alpha_1";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-a262ceec984a_3_0_0-alpha_3";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-81b561c226b7_3_0_0-alpha_1";if(o.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-81b561c226b7_3_0_0-alpha_3";if(o.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-bcdc5f69e9db_3_0_0-alpha_1";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-bcdc5f69e9db_3_0_0-alpha_3";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map