@wix/design-system 1.141.1 → 1.143.0

package/dist/cjs/Popover/Popover.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_Popover";
+var _namespace_ = "wds_1_143_0_Popover";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_141_1_Popover__root","content":"wds_1_141_1_Popover__content","arrow":"wds_1_141_1_Popover__arrow","element":"wds_1_141_1_Popover__element","animationEnter":"wds_1_141_1_Popover__animationEnter","animationEnterActive":"wds_1_141_1_Popover__animationEnterActive","animationExit":"wds_1_141_1_Popover__animationExit","animationExitActive":"wds_1_141_1_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_143_0_Popover__root","content":"wds_1_143_0_Popover__content","arrow":"wds_1_143_0_Popover__arrow","element":"wds_1_143_0_Popover__element","animationEnter":"wds_1_143_0_Popover__animationEnter","animationEnterActive":"wds_1_143_0_Popover__animationEnterActive","animationExit":"wds_1_143_0_Popover__animationExit","animationExitActive":"wds_1_143_0_Popover__animationExitActive"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Popover/PopoverCore/PopoverCore.js

@@ -19,6 +19,7 @@ var _getAppendToElement = require("./utils/getAppendToElement");
 var _context = require("../../WixDesignSystemProvider/context");
 var _PopoverSt = require("../Popover.st.css.js");
 var _mergeRefs = require("../../utils/mergeRefs");
+var _constants = require("../../common/ZIndex/constants");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/Popover/PopoverCore/PopoverCore.tsx";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -143,7 +144,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166,
+        lineNumber: 167,
         columnNumber: 7
       }
     }, _ref => {
@@ -166,7 +167,7 @@ class PopoverCore extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 177,
+          lineNumber: 178,
           columnNumber: 13
         }
       }, showArrow && this.renderArrow(arrowProps, moveArrowTo, popperPlacement || placement, customArrow), /*#__PURE__*/_react.default.createElement("div", {
@@ -189,7 +190,7 @@ class PopoverCore extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 194,
+          lineNumber: 195,
           columnNumber: 15
         }
       }, childrenObject.Content));
@@ -200,7 +201,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 219,
+        lineNumber: 220,
         columnNumber: 7
       }
     }, _ref2 => {
@@ -233,7 +234,7 @@ class PopoverCore extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 228,
+          lineNumber: 229,
           columnNumber: 13
         }
       }, childrenObject.Content);
@@ -275,7 +276,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 278,
+        lineNumber: 279,
         columnNumber: 7
       }
     }, popper) : popper;
@@ -287,7 +288,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 303,
+        lineNumber: 304,
         columnNumber: 7
       }
     }, popper) : popper;
@@ -313,7 +314,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 331,
+        lineNumber: 332,
         columnNumber: 7
       }
     }));
@@ -512,7 +513,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 534,
+        lineNumber: 535,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_ClickOutside.ClickOutside, {
@@ -522,7 +523,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 535,
+        lineNumber: 536,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -541,7 +542,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 544,
+        lineNumber: 545,
         columnNumber: 11
       }
     }), /*#__PURE__*/_react.default.createElement(_reactPopper.Reference, {
@@ -549,7 +550,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 555,
+        lineNumber: 556,
         columnNumber: 13
       }
     }, _ref3 => {
@@ -567,7 +568,7 @@ class PopoverCore extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 557,
+          lineNumber: 558,
           columnNumber: 17
         }
       }, childrenObject.Element);
@@ -579,7 +580,7 @@ PopoverCore.displayName = 'Popover';
 PopoverCore.defaultProps = {
   flip: true,
   fixed: false,
-  zIndex: 1000,
+  zIndex: _constants.ZIndex.popover,
   shown: false,
   placement: 'bottom',
   excludeClass: '',

package/dist/cjs/Popover/PopoverCore/PopoverCore.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ReactPortal","_reactPopper","_reactTransitionGroup","_ClickOutside","_modifiers","_filterDataProps","_uniqueId","_utils","_helpers","_getAppendToElement","_context","_PopoverSt","_mergeRefs","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","testId","isTestEnv","process","env","NODE_ENV","document","createRange","popoverTestUtils","PopoverCore","React","Component","constructor","props","targetRef","portalNode","portalClasses","appendToNode","clickOutsideRef","transitionRef","popoverContentRef","clickOutsideClass","contentHook","popperScheduleUpdate","_hideTimeout","_showTimeout","_handleClickOutside","event","onClickOutside","onClickOutsideCallback","shown","disableClickOutsideWhenClosed","_onKeyDown","onEscPress","key","_onDocumentKeyUp","onTabOut","current","contains","activeElement","state","isMounted","generateId","createRef","uniqueId","concat","dataHook","focus","getPopperContentStructure","childrenObject","moveBy","appendTo","placement","showArrow","moveArrowTo","flip","fixed","customArrow","role","id","zIndex","minWidth","maxWidth","width","dynamicWidth","tabIndex","ariaLabel","ariaLabelledby","ariaDescribedBy","timeout","theme","shouldAnimate","shouldAnimatePopover","modifiers","createModifiers","popperWithArrow","createElement","Popper","__self","__source","fileName","lineNumber","columnNumber","_ref","ref","style","popperStyles","popperPlacement","arrowProps","scheduleUpdate","className","st","context","newBrandingClass","mergeRefs","renderArrow","classes","content","skin","hasArrow","onKeyDown","undefined","Content","popper","_ref2","wrapWithAnimations","applyStylesToPortaledNode","attachClasses","detachClasses","CSSTransition","nodeRef","in","unmountOnExit","classNames","enter","animationEnter","enterActive","animationEnterActive","exit","animationExit","exitActive","animationExitActive","addEndListener","onExited","renderPopperContent","node","commonProps","getArrowShift","_extends2","arrow","componentDidMount","initAppendToNode","_setBlurByKeyboardListener","setState","addEventListener","_removeBlurListener","removeEventListener","getAppendToElement","setAttribute","assign","position","display","top","left","height","appendChild","hidePopover","hideDelay","onHide","clearTimeout","setTimeout","showPopover","showDelay","onShow","componentWillUnmount","children","removeChild","updatePosition","componentDidUpdate","prevProps","root","render","onMouseEnter","onMouseLeave","onClick","fluid","excludeClass","interactive","buildChildrenObject","Element","shouldRenderPopper","Manager","ClickOutside","rootRef","filterDataProps","Reference","innerRef","_ref3","element","exports","displayName","defaultProps","contextType","WixDesignSystemContext","createComponentThatRendersItsChildren"],"sources":["../../../../src/Popover/PopoverCore/PopoverCore.tsx"],"sourcesContent":["import React from 'react';\nimport Portal from '../../utils/ReactPortal/ReactPortal';\nimport { Manager, Reference, Popper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { ClickOutside } from './utils/ClickOutside';\nimport { createModifiers } from './utils/modifiers';\nimport { filterDataProps } from './utils/filter-data-props';\nimport uniqueId from 'lodash/uniqueId';\nimport {\n  buildChildrenObject,\n  createComponentThatRendersItsChildren,\n  shouldAnimatePopover,\n  attachClasses,\n  detachClasses,\n  getArrowShift,\n} from './utils/utils';\nimport { popoverTestUtils } from './utils/helpers';\nimport { getAppendToElement } from './utils/getAppendToElement';\nimport { WixDesignSystemContext } from '../../WixDesignSystemProvider/context';\n\nimport { PopoverProps } from '../Popover.types';\nimport { st, classes } from '../Popover.st.css';\nimport { mergeRefs } from '../../utils/mergeRefs';\n\n// This is here and not in the test setup because we don't want consumers to need to run it as well\nlet testId = '0';\nconst isTestEnv = process.env.NODE_ENV === 'test';\n\nif (isTestEnv && typeof document !== 'undefined' && !document.createRange) {\n  popoverTestUtils.createRange();\n}\n\ninterface PopoverState {\n  isMounted: boolean;\n  shown: boolean;\n}\n\ninterface ContextType {\n  newColorsBranding: boolean;\n  newBrandingClass: string;\n}\n\n/**\n * Popover\n */\nexport class PopoverCore extends React.Component<PopoverProps, PopoverState> {\n  static displayName = 'Popover';\n\n  static defaultProps: Partial<PopoverProps> = {\n    flip: true,\n    fixed: false,\n    zIndex: 1000,\n    shown: false,\n    placement: 'bottom',\n    excludeClass: '',\n    interactive: true,\n  };\n\n  static contextType = WixDesignSystemContext;\n\n  static Element = createComponentThatRendersItsChildren('Popover.Element');\n  static Content = createComponentThatRendersItsChildren('Popover.Content');\n\n  targetRef: Element | undefined;\n  portalNode: HTMLElement | null = null;\n  portalClasses: string = '';\n  appendToNode: HTMLElement | null = null;\n  clickOutsideRef: any = null;\n  transitionRef: React.RefObject<HTMLElement>;\n  popoverContentRef: React.RefObject<HTMLDivElement>;\n  clickOutsideClass: string;\n  contentHook: string;\n\n  popperScheduleUpdate: undefined | (() => void);\n\n  // Timer instances for the show/hide delays\n  _hideTimeout: any = null;\n  _showTimeout: any = null;\n\n  constructor(props: PopoverProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n      shown: props.shown || false,\n    };\n\n    if (isTestEnv) {\n      testId = popoverTestUtils.generateId();\n    }\n\n    this.clickOutsideRef = React.createRef();\n    this.transitionRef = React.createRef<HTMLElement>();\n    this.popoverContentRef = React.createRef();\n    this.clickOutsideClass = uniqueId('clickOutside');\n    this.contentHook = `popover-content-${props.dataHook || ''}-${testId}`;\n  }\n\n  _handleClickOutside = (event: any) => {\n    const {\n      onClickOutside: onClickOutsideCallback,\n      shown,\n      disableClickOutsideWhenClosed,\n    } = this.props;\n\n    if (onClickOutsideCallback && !(disableClickOutsideWhenClosed && !shown)) {\n      onClickOutsideCallback(event);\n    }\n  };\n\n  _onKeyDown = (e: any) => {\n    const { onEscPress } = this.props;\n\n    if (onEscPress && e.key === 'Escape') {\n      onEscPress(e);\n    }\n  };\n\n  public focus() {\n    if (this.popoverContentRef.current) {\n      this.popoverContentRef.current.focus();\n    }\n  }\n\n  getPopperContentStructure(childrenObject: any) {\n    const { shown } = this.state;\n    const {\n      moveBy,\n      appendTo,\n      placement,\n      showArrow,\n      moveArrowTo,\n      flip,\n      fixed,\n      customArrow,\n      role,\n      id,\n      zIndex,\n      minWidth,\n      maxWidth,\n      width,\n      dynamicWidth,\n      onEscPress,\n      tabIndex,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedBy,\n      timeout,\n      theme,\n    } = this.props;\n    const shouldAnimate = shouldAnimatePopover({ timeout });\n\n    const modifiers = createModifiers({\n      minWidth,\n      width,\n      dynamicWidth,\n      moveBy,\n      appendTo,\n      shouldAnimate,\n      flip,\n      placement,\n      fixed,\n      isTestEnv,\n    });\n\n    const popperWithArrow = (\n      <Popper modifiers={modifiers} placement={placement}>\n        {({\n          ref,\n          style: popperStyles,\n          placement: popperPlacement,\n          arrowProps,\n          scheduleUpdate,\n        }) => {\n          this.popperScheduleUpdate = scheduleUpdate;\n\n          return (\n            <div\n              data-hook=\"popover-content\"\n              className={st(\n                this.clickOutsideClass,\n                (this.context as ContextType).newBrandingClass,\n              )}\n              data-content-element={this.contentHook}\n              ref={mergeRefs(ref, this.transitionRef)}\n              style={{ ...popperStyles, zIndex }}\n            >\n              {showArrow &&\n                this.renderArrow(\n                  arrowProps,\n                  moveArrowTo,\n                  popperPlacement || placement,\n                  customArrow,\n                )}\n              <div\n                id={id}\n                role={role}\n                tabIndex={tabIndex}\n                ref={this.popoverContentRef}\n                style={{ maxWidth }}\n                className={st(classes.content, {\n                  skin: theme,\n                  placement: popperPlacement || placement,\n                  hasArrow: true,\n                })}\n                onKeyDown={shown && onEscPress ? this._onKeyDown : undefined}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                aria-describedby={ariaDescribedBy}\n              >\n                {childrenObject.Content}\n              </div>\n            </div>\n          );\n        }}\n      </Popper>\n    );\n\n    const popper = (\n      <Popper modifiers={modifiers} placement={placement}>\n        {({\n          ref,\n          style: popperStyles,\n          placement: popperPlacement,\n          scheduleUpdate,\n        }) => {\n          this.popperScheduleUpdate = scheduleUpdate;\n          return (\n            <div\n              id={id}\n              ref={mergeRefs(ref, this.popoverContentRef, this.transitionRef)}\n              role={role}\n              tabIndex={tabIndex}\n              className={st(\n                classes.content,\n                {\n                  skin: theme,\n                  placement: popperPlacement || placement,\n                },\n                this.clickOutsideClass,\n                (this.context as ContextType).newBrandingClass,\n              )}\n              data-hook=\"popover-content\"\n              style={{ ...popperStyles, zIndex, maxWidth }}\n              data-content-element={this.contentHook}\n              onKeyDown={shown && onEscPress ? this._onKeyDown : undefined}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledby}\n              aria-describedby={ariaDescribedBy}\n            >\n              {childrenObject.Content}\n            </div>\n          );\n        }}\n      </Popper>\n    );\n\n    return this.wrapWithAnimations(showArrow ? popperWithArrow : popper);\n  }\n\n  applyStylesToPortaledNode() {\n    const { shown } = this.state;\n    const shouldAnimate = shouldAnimatePopover(this.props);\n\n    if (shouldAnimate || shown) {\n      attachClasses(this.portalNode, this.portalClasses);\n    } else {\n      detachClasses(this.portalNode, this.portalClasses);\n    }\n  }\n\n  wrapWithAnimations(popper: React.JSX.Element) {\n    const { timeout } = this.props;\n    const { shown } = this.state;\n\n    const shouldAnimate = shouldAnimatePopover(this.props);\n\n    return shouldAnimate ? (\n      <CSSTransition\n        nodeRef={this.transitionRef}\n        in={shown}\n        timeout={timeout}\n        unmountOnExit\n        classNames={{\n          enter: classes.animationEnter,\n          enterActive: classes.animationEnterActive,\n          exit: classes.animationExit,\n          exitActive: classes.animationExitActive,\n        }}\n        addEndListener={() => {}}\n        onExited={() => detachClasses(this.portalNode, this.portalClasses)}\n      >\n        {popper}\n      </CSSTransition>\n    ) : (\n      popper\n    );\n  }\n\n  renderPopperContent(childrenObject: any) {\n    const popper = this.getPopperContentStructure(childrenObject);\n\n    return this.portalNode ? (\n      <Portal node={this.portalNode}>{popper}</Portal>\n    ) : (\n      popper\n    );\n  }\n\n  renderArrow(\n    arrowProps: any,\n    moveArrowTo: any,\n    placement: any,\n    customArrow: any,\n  ) {\n    const { theme } = this.props;\n    const commonProps = {\n      ref: arrowProps.ref,\n      key: 'popover-arrow',\n      'data-hook': 'popover-arrow',\n      style: {\n        ...arrowProps.style,\n        ...getArrowShift(moveArrowTo, placement),\n      },\n    };\n\n    if (customArrow) {\n      return customArrow(placement, commonProps);\n    }\n\n    return (\n      <div\n        {...commonProps}\n        className={st(classes.arrow, { skin: theme, placement })}\n      />\n    );\n  }\n\n  componentDidMount() {\n    const { shown, onTabOut } = this.props;\n    this.initAppendToNode();\n    if (onTabOut && shown) {\n      this._setBlurByKeyboardListener();\n    }\n    this.setState({ isMounted: true });\n  }\n\n  /**\n   * Checks to see if the focused element is outside the Popover content\n   */\n  _onDocumentKeyUp = (e: any) => {\n    const { onTabOut } = this.props;\n\n    if (\n      typeof document !== 'undefined' &&\n      this.popoverContentRef.current &&\n      !this.popoverContentRef.current.contains(document.activeElement)\n    ) {\n      onTabOut && onTabOut(e);\n    }\n  };\n\n  _setBlurByKeyboardListener() {\n    if (typeof document !== 'undefined') {\n      document.addEventListener('keyup', this._onDocumentKeyUp, true);\n    }\n  }\n\n  _removeBlurListener() {\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keyup', this._onDocumentKeyUp, true);\n    }\n  }\n\n  initAppendToNode() {\n    const { appendTo } = this.props;\n    this.appendToNode = getAppendToElement(appendTo, this.targetRef);\n    if (this.appendToNode) {\n      this.portalNode = document.createElement('div');\n      this.portalNode.setAttribute('data-hook', 'popover-portal');\n      /**\n       * reset overlay wrapping layer\n       * so that styles from copied classnames\n       * won't break the overlay:\n       * - content is position relative to body\n       * - overlay layer is hidden\n       */\n      Object.assign(this.portalNode.style, {\n        position: 'static',\n        display: 'block',\n        top: 0,\n        left: 0,\n        width: 0,\n        height: 0,\n      });\n      this.appendToNode.appendChild(this.portalNode);\n    }\n  }\n\n  hidePopover() {\n    const { isMounted } = this.state;\n    const { hideDelay, onTabOut, onHide } = this.props;\n\n    if (!isMounted || this._hideTimeout) {\n      return;\n    }\n\n    if (this._showTimeout) {\n      clearTimeout(this._showTimeout);\n      this._showTimeout = null;\n    }\n\n    if (onTabOut) {\n      this._removeBlurListener();\n    }\n\n    if (hideDelay) {\n      this._hideTimeout = setTimeout(() => {\n        this.setState({ shown: false });\n        onHide?.();\n      }, hideDelay);\n    } else {\n      this.setState({ shown: false });\n      onHide?.();\n    }\n  }\n\n  showPopover() {\n    const { isMounted } = this.state;\n    const { showDelay, onTabOut, onShow } = this.props;\n\n    if (!isMounted || this._showTimeout) {\n      return;\n    }\n\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout);\n      this._hideTimeout = null;\n    }\n\n    if (onTabOut) {\n      this._setBlurByKeyboardListener();\n    }\n\n    if (showDelay) {\n      this._showTimeout = setTimeout(() => {\n        this.setState({ shown: true });\n        onShow?.();\n      }, showDelay);\n    } else {\n      this.setState({ shown: true });\n      onShow?.();\n    }\n  }\n\n  componentWillUnmount() {\n    if (\n      this.portalNode &&\n      this.appendToNode &&\n      this.appendToNode.children.length\n    ) {\n      // FIXME: What if component is updated with a different appendTo? It is a far-fetched use-case,\n      // but we would need to remove the portaled node, and created another one.\n      this.appendToNode.removeChild(this.portalNode);\n    }\n    this.portalNode = null;\n\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout);\n      this._hideTimeout = null;\n    }\n\n    if (this._showTimeout) {\n      clearTimeout(this._showTimeout);\n      this._showTimeout = null;\n    }\n  }\n\n  updatePosition() {\n    if (this.popperScheduleUpdate) {\n      this.popperScheduleUpdate();\n    }\n  }\n\n  componentDidUpdate(prevProps: any) {\n    const { theme: skin, className, shown } = this.props;\n    if (this.portalNode) {\n      // Re-calculate the portal's styles\n      this.portalClasses = st(classes.root, { skin }, className);\n\n      // Apply the styles to the portal\n      this.applyStylesToPortaledNode();\n    }\n\n    // Update popover visibility\n    if (prevProps.shown !== shown) {\n      if (shown) {\n        this.showPopover();\n      } else {\n        this.hidePopover();\n      }\n    } else {\n      // Update popper's position\n      this.updatePosition();\n    }\n  }\n\n  render() {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onKeyDown,\n      onClick,\n      children,\n      className,\n      style,\n      fluid,\n      theme: skin,\n      dataHook,\n      zIndex,\n      excludeClass,\n      interactive,\n    } = this.props;\n    const { isMounted, shown } = this.state;\n\n    const childrenObject = buildChildrenObject(children, {\n      Element: null,\n      Content: null,\n    });\n\n    const shouldAnimate = shouldAnimatePopover(this.props);\n    const shouldRenderPopper = isMounted && (shouldAnimate || shown);\n\n    return (\n      <Manager>\n        <ClickOutside\n          rootRef={this.clickOutsideRef}\n          onClickOutside={shown ? this._handleClickOutside : undefined}\n          excludeClass={\n            excludeClass\n              ? [this.clickOutsideClass, excludeClass]\n              : this.clickOutsideClass\n          }\n        >\n          <div\n            ref={this.clickOutsideRef}\n            style={style}\n            data-hook={dataHook}\n            data-content-hook={this.contentHook}\n            className={st(classes.root, { fluid, skin }, className)}\n            data-zindex={zIndex}\n            onMouseEnter={interactive ? onMouseEnter : undefined}\n            onMouseLeave={interactive ? onMouseLeave : undefined}\n            {...filterDataProps(this.props)}\n          >\n            <Reference innerRef={r => (this.targetRef = r)}>\n              {({ ref }) => (\n                <div\n                  ref={ref}\n                  className={classes.element}\n                  data-hook=\"popover-element\"\n                  onClick={onClick}\n                  onKeyDown={onKeyDown}\n                  onMouseEnter={interactive ? undefined : onMouseEnter}\n                  onMouseLeave={interactive ? undefined : onMouseLeave}\n                >\n                  {childrenObject.Element}\n                </div>\n              )}\n            </Reference>\n            {shouldRenderPopper && this.renderPopperContent(childrenObject)}\n          </div>\n        </ClickOutside>\n      </Manager>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ReactPortal","_reactPopper","_reactTransitionGroup","_ClickOutside","_modifiers","_filterDataProps","_uniqueId","_utils","_helpers","_getAppendToElement","_context","_PopoverSt","_mergeRefs","_constants","_jsxFileName","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","testId","isTestEnv","process","env","NODE_ENV","document","createRange","popoverTestUtils","PopoverCore","React","Component","constructor","props","targetRef","portalNode","portalClasses","appendToNode","clickOutsideRef","transitionRef","popoverContentRef","clickOutsideClass","contentHook","popperScheduleUpdate","_hideTimeout","_showTimeout","_handleClickOutside","event","onClickOutside","onClickOutsideCallback","shown","disableClickOutsideWhenClosed","_onKeyDown","onEscPress","key","_onDocumentKeyUp","onTabOut","current","contains","activeElement","state","isMounted","generateId","createRef","uniqueId","concat","dataHook","focus","getPopperContentStructure","childrenObject","moveBy","appendTo","placement","showArrow","moveArrowTo","flip","fixed","customArrow","role","id","zIndex","minWidth","maxWidth","width","dynamicWidth","tabIndex","ariaLabel","ariaLabelledby","ariaDescribedBy","timeout","theme","shouldAnimate","shouldAnimatePopover","modifiers","createModifiers","popperWithArrow","createElement","Popper","__self","__source","fileName","lineNumber","columnNumber","_ref","ref","style","popperStyles","popperPlacement","arrowProps","scheduleUpdate","className","st","context","newBrandingClass","mergeRefs","renderArrow","classes","content","skin","hasArrow","onKeyDown","undefined","Content","popper","_ref2","wrapWithAnimations","applyStylesToPortaledNode","attachClasses","detachClasses","CSSTransition","nodeRef","in","unmountOnExit","classNames","enter","animationEnter","enterActive","animationEnterActive","exit","animationExit","exitActive","animationExitActive","addEndListener","onExited","renderPopperContent","node","commonProps","getArrowShift","_extends2","arrow","componentDidMount","initAppendToNode","_setBlurByKeyboardListener","setState","addEventListener","_removeBlurListener","removeEventListener","getAppendToElement","setAttribute","assign","position","display","top","left","height","appendChild","hidePopover","hideDelay","onHide","clearTimeout","setTimeout","showPopover","showDelay","onShow","componentWillUnmount","children","removeChild","updatePosition","componentDidUpdate","prevProps","root","render","onMouseEnter","onMouseLeave","onClick","fluid","excludeClass","interactive","buildChildrenObject","Element","shouldRenderPopper","Manager","ClickOutside","rootRef","filterDataProps","Reference","innerRef","_ref3","element","exports","displayName","defaultProps","ZIndex","popover","contextType","WixDesignSystemContext","createComponentThatRendersItsChildren"],"sources":["../../../../src/Popover/PopoverCore/PopoverCore.tsx"],"sourcesContent":["import React from 'react';\nimport Portal from '../../utils/ReactPortal/ReactPortal';\nimport { Manager, Reference, Popper } from 'react-popper';\nimport { CSSTransition } from 'react-transition-group';\nimport { ClickOutside } from './utils/ClickOutside';\nimport { createModifiers } from './utils/modifiers';\nimport { filterDataProps } from './utils/filter-data-props';\nimport uniqueId from 'lodash/uniqueId';\nimport {\n  buildChildrenObject,\n  createComponentThatRendersItsChildren,\n  shouldAnimatePopover,\n  attachClasses,\n  detachClasses,\n  getArrowShift,\n} from './utils/utils';\nimport { popoverTestUtils } from './utils/helpers';\nimport { getAppendToElement } from './utils/getAppendToElement';\nimport { WixDesignSystemContext } from '../../WixDesignSystemProvider/context';\n\nimport { PopoverProps } from '../Popover.types';\nimport { st, classes } from '../Popover.st.css';\nimport { mergeRefs } from '../../utils/mergeRefs';\nimport { ZIndex } from '../../common/ZIndex/constants';\n\n// This is here and not in the test setup because we don't want consumers to need to run it as well\nlet testId = '0';\nconst isTestEnv = process.env.NODE_ENV === 'test';\n\nif (isTestEnv && typeof document !== 'undefined' && !document.createRange) {\n  popoverTestUtils.createRange();\n}\n\ninterface PopoverState {\n  isMounted: boolean;\n  shown: boolean;\n}\n\ninterface ContextType {\n  newColorsBranding: boolean;\n  newBrandingClass: string;\n}\n\n/**\n * Popover\n */\nexport class PopoverCore extends React.Component<PopoverProps, PopoverState> {\n  static displayName = 'Popover';\n\n  static defaultProps: Partial<PopoverProps> = {\n    flip: true,\n    fixed: false,\n    zIndex: ZIndex.popover,\n    shown: false,\n    placement: 'bottom',\n    excludeClass: '',\n    interactive: true,\n  };\n\n  static contextType = WixDesignSystemContext;\n\n  static Element = createComponentThatRendersItsChildren('Popover.Element');\n  static Content = createComponentThatRendersItsChildren('Popover.Content');\n\n  targetRef: Element | undefined;\n  portalNode: HTMLElement | null = null;\n  portalClasses: string = '';\n  appendToNode: HTMLElement | null = null;\n  clickOutsideRef: any = null;\n  transitionRef: React.RefObject<HTMLElement>;\n  popoverContentRef: React.RefObject<HTMLDivElement>;\n  clickOutsideClass: string;\n  contentHook: string;\n\n  popperScheduleUpdate: undefined | (() => void);\n\n  // Timer instances for the show/hide delays\n  _hideTimeout: any = null;\n  _showTimeout: any = null;\n\n  constructor(props: PopoverProps) {\n    super(props);\n    this.state = {\n      isMounted: false,\n      shown: props.shown || false,\n    };\n\n    if (isTestEnv) {\n      testId = popoverTestUtils.generateId();\n    }\n\n    this.clickOutsideRef = React.createRef();\n    this.transitionRef = React.createRef<HTMLElement>();\n    this.popoverContentRef = React.createRef();\n    this.clickOutsideClass = uniqueId('clickOutside');\n    this.contentHook = `popover-content-${props.dataHook || ''}-${testId}`;\n  }\n\n  _handleClickOutside = (event: any) => {\n    const {\n      onClickOutside: onClickOutsideCallback,\n      shown,\n      disableClickOutsideWhenClosed,\n    } = this.props;\n\n    if (onClickOutsideCallback && !(disableClickOutsideWhenClosed && !shown)) {\n      onClickOutsideCallback(event);\n    }\n  };\n\n  _onKeyDown = (e: any) => {\n    const { onEscPress } = this.props;\n\n    if (onEscPress && e.key === 'Escape') {\n      onEscPress(e);\n    }\n  };\n\n  public focus() {\n    if (this.popoverContentRef.current) {\n      this.popoverContentRef.current.focus();\n    }\n  }\n\n  getPopperContentStructure(childrenObject: any) {\n    const { shown } = this.state;\n    const {\n      moveBy,\n      appendTo,\n      placement,\n      showArrow,\n      moveArrowTo,\n      flip,\n      fixed,\n      customArrow,\n      role,\n      id,\n      zIndex,\n      minWidth,\n      maxWidth,\n      width,\n      dynamicWidth,\n      onEscPress,\n      tabIndex,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby,\n      'aria-describedby': ariaDescribedBy,\n      timeout,\n      theme,\n    } = this.props;\n    const shouldAnimate = shouldAnimatePopover({ timeout });\n\n    const modifiers = createModifiers({\n      minWidth,\n      width,\n      dynamicWidth,\n      moveBy,\n      appendTo,\n      shouldAnimate,\n      flip,\n      placement,\n      fixed,\n      isTestEnv,\n    });\n\n    const popperWithArrow = (\n      <Popper modifiers={modifiers} placement={placement}>\n        {({\n          ref,\n          style: popperStyles,\n          placement: popperPlacement,\n          arrowProps,\n          scheduleUpdate,\n        }) => {\n          this.popperScheduleUpdate = scheduleUpdate;\n\n          return (\n            <div\n              data-hook=\"popover-content\"\n              className={st(\n                this.clickOutsideClass,\n                (this.context as ContextType).newBrandingClass,\n              )}\n              data-content-element={this.contentHook}\n              ref={mergeRefs(ref, this.transitionRef)}\n              style={{ ...popperStyles, zIndex }}\n            >\n              {showArrow &&\n                this.renderArrow(\n                  arrowProps,\n                  moveArrowTo,\n                  popperPlacement || placement,\n                  customArrow,\n                )}\n              <div\n                id={id}\n                role={role}\n                tabIndex={tabIndex}\n                ref={this.popoverContentRef}\n                style={{ maxWidth }}\n                className={st(classes.content, {\n                  skin: theme,\n                  placement: popperPlacement || placement,\n                  hasArrow: true,\n                })}\n                onKeyDown={shown && onEscPress ? this._onKeyDown : undefined}\n                aria-label={ariaLabel}\n                aria-labelledby={ariaLabelledby}\n                aria-describedby={ariaDescribedBy}\n              >\n                {childrenObject.Content}\n              </div>\n            </div>\n          );\n        }}\n      </Popper>\n    );\n\n    const popper = (\n      <Popper modifiers={modifiers} placement={placement}>\n        {({\n          ref,\n          style: popperStyles,\n          placement: popperPlacement,\n          scheduleUpdate,\n        }) => {\n          this.popperScheduleUpdate = scheduleUpdate;\n          return (\n            <div\n              id={id}\n              ref={mergeRefs(ref, this.popoverContentRef, this.transitionRef)}\n              role={role}\n              tabIndex={tabIndex}\n              className={st(\n                classes.content,\n                {\n                  skin: theme,\n                  placement: popperPlacement || placement,\n                },\n                this.clickOutsideClass,\n                (this.context as ContextType).newBrandingClass,\n              )}\n              data-hook=\"popover-content\"\n              style={{ ...popperStyles, zIndex, maxWidth }}\n              data-content-element={this.contentHook}\n              onKeyDown={shown && onEscPress ? this._onKeyDown : undefined}\n              aria-label={ariaLabel}\n              aria-labelledby={ariaLabelledby}\n              aria-describedby={ariaDescribedBy}\n            >\n              {childrenObject.Content}\n            </div>\n          );\n        }}\n      </Popper>\n    );\n\n    return this.wrapWithAnimations(showArrow ? popperWithArrow : popper);\n  }\n\n  applyStylesToPortaledNode() {\n    const { shown } = this.state;\n    const shouldAnimate = shouldAnimatePopover(this.props);\n\n    if (shouldAnimate || shown) {\n      attachClasses(this.portalNode, this.portalClasses);\n    } else {\n      detachClasses(this.portalNode, this.portalClasses);\n    }\n  }\n\n  wrapWithAnimations(popper: React.JSX.Element) {\n    const { timeout } = this.props;\n    const { shown } = this.state;\n\n    const shouldAnimate = shouldAnimatePopover(this.props);\n\n    return shouldAnimate ? (\n      <CSSTransition\n        nodeRef={this.transitionRef}\n        in={shown}\n        timeout={timeout}\n        unmountOnExit\n        classNames={{\n          enter: classes.animationEnter,\n          enterActive: classes.animationEnterActive,\n          exit: classes.animationExit,\n          exitActive: classes.animationExitActive,\n        }}\n        addEndListener={() => {}}\n        onExited={() => detachClasses(this.portalNode, this.portalClasses)}\n      >\n        {popper}\n      </CSSTransition>\n    ) : (\n      popper\n    );\n  }\n\n  renderPopperContent(childrenObject: any) {\n    const popper = this.getPopperContentStructure(childrenObject);\n\n    return this.portalNode ? (\n      <Portal node={this.portalNode}>{popper}</Portal>\n    ) : (\n      popper\n    );\n  }\n\n  renderArrow(\n    arrowProps: any,\n    moveArrowTo: any,\n    placement: any,\n    customArrow: any,\n  ) {\n    const { theme } = this.props;\n    const commonProps = {\n      ref: arrowProps.ref,\n      key: 'popover-arrow',\n      'data-hook': 'popover-arrow',\n      style: {\n        ...arrowProps.style,\n        ...getArrowShift(moveArrowTo, placement),\n      },\n    };\n\n    if (customArrow) {\n      return customArrow(placement, commonProps);\n    }\n\n    return (\n      <div\n        {...commonProps}\n        className={st(classes.arrow, { skin: theme, placement })}\n      />\n    );\n  }\n\n  componentDidMount() {\n    const { shown, onTabOut } = this.props;\n    this.initAppendToNode();\n    if (onTabOut && shown) {\n      this._setBlurByKeyboardListener();\n    }\n    this.setState({ isMounted: true });\n  }\n\n  /**\n   * Checks to see if the focused element is outside the Popover content\n   */\n  _onDocumentKeyUp = (e: any) => {\n    const { onTabOut } = this.props;\n\n    if (\n      typeof document !== 'undefined' &&\n      this.popoverContentRef.current &&\n      !this.popoverContentRef.current.contains(document.activeElement)\n    ) {\n      onTabOut && onTabOut(e);\n    }\n  };\n\n  _setBlurByKeyboardListener() {\n    if (typeof document !== 'undefined') {\n      document.addEventListener('keyup', this._onDocumentKeyUp, true);\n    }\n  }\n\n  _removeBlurListener() {\n    if (typeof document !== 'undefined') {\n      document.removeEventListener('keyup', this._onDocumentKeyUp, true);\n    }\n  }\n\n  initAppendToNode() {\n    const { appendTo } = this.props;\n    this.appendToNode = getAppendToElement(appendTo, this.targetRef);\n    if (this.appendToNode) {\n      this.portalNode = document.createElement('div');\n      this.portalNode.setAttribute('data-hook', 'popover-portal');\n      /**\n       * reset overlay wrapping layer\n       * so that styles from copied classnames\n       * won't break the overlay:\n       * - content is position relative to body\n       * - overlay layer is hidden\n       */\n      Object.assign(this.portalNode.style, {\n        position: 'static',\n        display: 'block',\n        top: 0,\n        left: 0,\n        width: 0,\n        height: 0,\n      });\n      this.appendToNode.appendChild(this.portalNode);\n    }\n  }\n\n  hidePopover() {\n    const { isMounted } = this.state;\n    const { hideDelay, onTabOut, onHide } = this.props;\n\n    if (!isMounted || this._hideTimeout) {\n      return;\n    }\n\n    if (this._showTimeout) {\n      clearTimeout(this._showTimeout);\n      this._showTimeout = null;\n    }\n\n    if (onTabOut) {\n      this._removeBlurListener();\n    }\n\n    if (hideDelay) {\n      this._hideTimeout = setTimeout(() => {\n        this.setState({ shown: false });\n        onHide?.();\n      }, hideDelay);\n    } else {\n      this.setState({ shown: false });\n      onHide?.();\n    }\n  }\n\n  showPopover() {\n    const { isMounted } = this.state;\n    const { showDelay, onTabOut, onShow } = this.props;\n\n    if (!isMounted || this._showTimeout) {\n      return;\n    }\n\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout);\n      this._hideTimeout = null;\n    }\n\n    if (onTabOut) {\n      this._setBlurByKeyboardListener();\n    }\n\n    if (showDelay) {\n      this._showTimeout = setTimeout(() => {\n        this.setState({ shown: true });\n        onShow?.();\n      }, showDelay);\n    } else {\n      this.setState({ shown: true });\n      onShow?.();\n    }\n  }\n\n  componentWillUnmount() {\n    if (\n      this.portalNode &&\n      this.appendToNode &&\n      this.appendToNode.children.length\n    ) {\n      // FIXME: What if component is updated with a different appendTo? It is a far-fetched use-case,\n      // but we would need to remove the portaled node, and created another one.\n      this.appendToNode.removeChild(this.portalNode);\n    }\n    this.portalNode = null;\n\n    if (this._hideTimeout) {\n      clearTimeout(this._hideTimeout);\n      this._hideTimeout = null;\n    }\n\n    if (this._showTimeout) {\n      clearTimeout(this._showTimeout);\n      this._showTimeout = null;\n    }\n  }\n\n  updatePosition() {\n    if (this.popperScheduleUpdate) {\n      this.popperScheduleUpdate();\n    }\n  }\n\n  componentDidUpdate(prevProps: any) {\n    const { theme: skin, className, shown } = this.props;\n    if (this.portalNode) {\n      // Re-calculate the portal's styles\n      this.portalClasses = st(classes.root, { skin }, className);\n\n      // Apply the styles to the portal\n      this.applyStylesToPortaledNode();\n    }\n\n    // Update popover visibility\n    if (prevProps.shown !== shown) {\n      if (shown) {\n        this.showPopover();\n      } else {\n        this.hidePopover();\n      }\n    } else {\n      // Update popper's position\n      this.updatePosition();\n    }\n  }\n\n  render() {\n    const {\n      onMouseEnter,\n      onMouseLeave,\n      onKeyDown,\n      onClick,\n      children,\n      className,\n      style,\n      fluid,\n      theme: skin,\n      dataHook,\n      zIndex,\n      excludeClass,\n      interactive,\n    } = this.props;\n    const { isMounted, shown } = this.state;\n\n    const childrenObject = buildChildrenObject(children, {\n      Element: null,\n      Content: null,\n    });\n\n    const shouldAnimate = shouldAnimatePopover(this.props);\n    const shouldRenderPopper = isMounted && (shouldAnimate || shown);\n\n    return (\n      <Manager>\n        <ClickOutside\n          rootRef={this.clickOutsideRef}\n          onClickOutside={shown ? this._handleClickOutside : undefined}\n          excludeClass={\n            excludeClass\n              ? [this.clickOutsideClass, excludeClass]\n              : this.clickOutsideClass\n          }\n        >\n          <div\n            ref={this.clickOutsideRef}\n            style={style}\n            data-hook={dataHook}\n            data-content-hook={this.contentHook}\n            className={st(classes.root, { fluid, skin }, className)}\n            data-zindex={zIndex}\n            onMouseEnter={interactive ? onMouseEnter : undefined}\n            onMouseLeave={interactive ? onMouseLeave : undefined}\n            {...filterDataProps(this.props)}\n          >\n            <Reference innerRef={r => (this.targetRef = r)}>\n              {({ ref }) => (\n                <div\n                  ref={ref}\n                  className={classes.element}\n                  data-hook=\"popover-element\"\n                  onClick={onClick}\n                  onKeyDown={onKeyDown}\n                  onMouseEnter={interactive ? undefined : onMouseEnter}\n                  onMouseLeave={interactive ? undefined : onMouseLeave}\n                >\n                  {childrenObject.Element}\n                </div>\n              )}\n            </Reference>\n            {shouldRenderPopper && this.renderPopperContent(childrenObject)}\n          </div>\n        </ClickOutside>\n      </Manager>\n    );\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAQA,IAAAS,QAAA,GAAAT,OAAA;AACA,IAAAU,mBAAA,GAAAV,OAAA;AACA,IAAAW,QAAA,GAAAX,OAAA;AAGA,IAAAY,UAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,UAAA,GAAAd,OAAA;AAAuD,IAAAe,YAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,CAAAC,OAAA,EAAAjB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAnB,CAAA,EAAAG,MAAA,CAAAe,yBAAA,CAAAhB,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAiB,cAAA,CAAApB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEvD;AACA,IAAIqB,MAAM,GAAG,GAAG;AAChB,IAAMC,SAAS,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM;AAEjD,IAAIH,SAAS,IAAI,OAAOI,QAAQ,KAAK,WAAW,IAAI,CAACA,QAAQ,CAACC,WAAW,EAAE;EACzEC,yBAAgB,CAACD,WAAW,CAAC,CAAC;AAChC;AAYA;AACA;AACA;AACO,MAAME,WAAW,SAASC,cAAK,CAACC,SAAS,CAA6B;EAkC3EC,WAAWA,CAACC,KAAmB,EAAE;IAC/B,KAAK,CAACA,KAAK,CAAC;IAAC,KAjBfC,SAAS;IAAA,KACTC,UAAU,GAAuB,IAAI;IAAA,KACrCC,aAAa,GAAW,EAAE;IAAA,KAC1BC,YAAY,GAAuB,IAAI;IAAA,KACvCC,eAAe,GAAQ,IAAI;IAAA,KAC3BC,aAAa;IAAA,KACbC,iBAAiB;IAAA,KACjBC,iBAAiB;IAAA,KACjBC,WAAW;IAAA,KAEXC,oBAAoB;IAEpB;IAAA,KACAC,YAAY,GAAQ,IAAI;IAAA,KACxBC,YAAY,GAAQ,IAAI;IAAA,KAoBxBC,mBAAmB,GAAIC,KAAU,IAAK;MACpC,IAAM;QACJC,cAAc,EAAEC,sBAAsB;QACtCC,KAAK;QACLC;MACF,CAAC,GAAG,IAAI,CAAClB,KAAK;MAEd,IAAIgB,sBAAsB,IAAI,EAAEE,6BAA6B,IAAI,CAACD,KAAK,CAAC,EAAE;QACxED,sBAAsB,CAACF,KAAK,CAAC;MAC/B;IACF,CAAC;IAAA,KAEDK,UAAU,GAAIpD,CAAM,IAAK;MACvB,IAAM;QAAEqD;MAAW,CAAC,GAAG,IAAI,CAACpB,KAAK;MAEjC,IAAIoB,UAAU,IAAIrD,CAAC,CAACsD,GAAG,KAAK,QAAQ,EAAE;QACpCD,UAAU,CAACrD,CAAC,CAAC;MACf;IACF,CAAC;IAuOD;AACF;AACA;IAFE,KAGAuD,gBAAgB,GAAIvD,CAAM,IAAK;MAC7B,IAAM;QAAEwD;MAAS,CAAC,GAAG,IAAI,CAACvB,KAAK;MAE/B,IACE,OAAOP,QAAQ,KAAK,WAAW,IAC/B,IAAI,CAACc,iBAAiB,CAACiB,OAAO,IAC9B,CAAC,IAAI,CAACjB,iBAAiB,CAACiB,OAAO,CAACC,QAAQ,CAAChC,QAAQ,CAACiC,aAAa,CAAC,EAChE;QACAH,QAAQ,IAAIA,QAAQ,CAACxD,CAAC,CAAC;MACzB;IACF,CAAC;IAtRC,IAAI,CAAC4D,KAAK,GAAG;MACXC,SAAS,EAAE,KAAK;MAChBX,KAAK,EAAEjB,KAAK,CAACiB,KAAK,IAAI;IACxB,CAAC;IAED,IAAI5B,SAAS,EAAE;MACbD,MAAM,GAAGO,yBAAgB,CAACkC,UAAU,CAAC,CAAC;IACxC;IAEA,IAAI,CAACxB,eAAe,gBAAGR,cAAK,CAACiC,SAAS,CAAC,CAAC;IACxC,IAAI,CAACxB,aAAa,gBAAGT,cAAK,CAACiC,SAAS,CAAc,CAAC;IACnD,IAAI,CAACvB,iBAAiB,gBAAGV,cAAK,CAACiC,SAAS,CAAC,CAAC;IAC1C,IAAI,CAACtB,iBAAiB,GAAG,IAAAuB,iBAAQ,EAAC,cAAc,CAAC;IACjD,IAAI,CAACtB,WAAW,sBAAAuB,MAAA,CAAsBhC,KAAK,CAACiC,QAAQ,IAAI,EAAE,OAAAD,MAAA,CAAI5C,MAAM,CAAE;EACxE;EAsBO8C,KAAKA,CAAA,EAAG;IACb,IAAI,IAAI,CAAC3B,iBAAiB,CAACiB,OAAO,EAAE;MAClC,IAAI,CAACjB,iBAAiB,CAACiB,OAAO,CAACU,KAAK,CAAC,CAAC;IACxC;EACF;EAEAC,yBAAyBA,CAACC,cAAmB,EAAE;IAC7C,IAAM;MAAEnB;IAAM,CAAC,GAAG,IAAI,CAACU,KAAK;IAC5B,IAAM;MACJU,MAAM;MACNC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,WAAW;MACXC,IAAI;MACJC,KAAK;MACLC,WAAW;MACXC,IAAI;MACJC,EAAE;MACFC,MAAM;MACNC,QAAQ;MACRC,QAAQ;MACRC,KAAK;MACLC,YAAY;MACZ/B,UAAU;MACVgC,QAAQ;MACR,YAAY,EAAEC,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjC,kBAAkB,EAAEC,eAAe;MACnCC,OAAO;MACPC;IACF,CAAC,GAAG,IAAI,CAACzD,KAAK;IACd,IAAM0D,aAAa,GAAG,IAAAC,2BAAoB,EAAC;MAAEH;IAAQ,CAAC,CAAC;IAEvD,IAAMI,SAAS,GAAG,IAAAC,0BAAe,EAAC;MAChCb,QAAQ;MACRE,KAAK;MACLC,YAAY;MACZd,MAAM;MACNC,QAAQ;MACRoB,aAAa;MACbhB,IAAI;MACJH,SAAS;MACTI,KAAK;MACLtD;IACF,CAAC,CAAC;IAEF,IAAMyE,eAAe,gBACnBlH,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,CAAC/G,YAAA,CAAAgH,MAAM;MAACJ,SAAS,EAAEA,SAAU;MAACrB,SAAS,EAAEA,SAAU;MAAA0B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChDC,IAAA,IAMK;MAAA,IANJ;QACAC,GAAG;QACHC,KAAK,EAAEC,YAAY;QACnBlC,SAAS,EAAEmC,eAAe;QAC1BC,UAAU;QACVC;MACF,CAAC,GAAAN,IAAA;MACC,IAAI,CAAC5D,oBAAoB,GAAGkE,cAAc;MAE1C,oBACEhI,MAAA,CAAAoC,OAAA,CAAA+E,aAAA;QACE,aAAU,iBAAiB;QAC3Bc,SAAS,EAAE,IAAAC,aAAE,EACX,IAAI,CAACtE,iBAAiB,EACrB,IAAI,CAACuE,OAAO,CAAiBC,gBAChC,CAAE;QACF,wBAAsB,IAAI,CAACvE,WAAY;QACvC8D,GAAG,EAAE,IAAAU,oBAAS,EAACV,GAAG,EAAE,IAAI,CAACjE,aAAa,CAAE;QACxCkE,KAAK,EAAA7F,aAAA,CAAAA,aAAA,KAAO8F,YAAY;UAAE1B;QAAM,EAAG;QAAAkB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtG,YAAA;UAAAuG,UAAA;UAAAC,YAAA;QAAA;MAAA,GAElC7B,SAAS,IACR,IAAI,CAAC0C,WAAW,CACdP,UAAU,EACVlC,WAAW,EACXiC,eAAe,IAAInC,SAAS,EAC5BK,WACF,CAAC,eACHhG,MAAA,CAAAoC,OAAA,CAAA+E,aAAA;QACEjB,EAAE,EAAEA,EAAG;QACPD,IAAI,EAAEA,IAAK;QACXO,QAAQ,EAAEA,QAAS;QACnBmB,GAAG,EAAE,IAAI,CAAChE,iBAAkB;QAC5BiE,KAAK,EAAE;UAAEvB;QAAS,CAAE;QACpB4B,SAAS,EAAE,IAAAC,aAAE,EAACK,kBAAO,CAACC,OAAO,EAAE;UAC7BC,IAAI,EAAE5B,KAAK;UACXlB,SAAS,EAAEmC,eAAe,IAAInC,SAAS;UACvC+C,QAAQ,EAAE;QACZ,CAAC,CAAE;QACHC,SAAS,EAAEtE,KAAK,IAAIG,UAAU,GAAG,IAAI,CAACD,UAAU,GAAGqE,SAAU;QAC7D,cAAYnC,SAAU;QACtB,mBAAiBC,cAAe;QAChC,oBAAkBC,eAAgB;QAAAU,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtG,YAAA;UAAAuG,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEjCjC,cAAc,CAACqD,OACb,CACF,CAAC;IAEV,CACM,CACT;IAED,IAAMC,MAAM,gBACV9I,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,CAAC/G,YAAA,CAAAgH,MAAM;MAACJ,SAAS,EAAEA,SAAU;MAACrB,SAAS,EAAEA,SAAU;MAAA0B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChDsB,KAAA,IAKK;MAAA,IALJ;QACApB,GAAG;QACHC,KAAK,EAAEC,YAAY;QACnBlC,SAAS,EAAEmC,eAAe;QAC1BE;MACF,CAAC,GAAAe,KAAA;MACC,IAAI,CAACjF,oBAAoB,GAAGkE,cAAc;MAC1C,oBACEhI,MAAA,CAAAoC,OAAA,CAAA+E,aAAA;QACEjB,EAAE,EAAEA,EAAG;QACPyB,GAAG,EAAE,IAAAU,oBAAS,EAACV,GAAG,EAAE,IAAI,CAAChE,iBAAiB,EAAE,IAAI,CAACD,aAAa,CAAE;QAChEuC,IAAI,EAAEA,IAAK;QACXO,QAAQ,EAAEA,QAAS;QACnByB,SAAS,EAAE,IAAAC,aAAE,EACXK,kBAAO,CAACC,OAAO,EACf;UACEC,IAAI,EAAE5B,KAAK;UACXlB,SAAS,EAAEmC,eAAe,IAAInC;QAChC,CAAC,EACD,IAAI,CAAC/B,iBAAiB,EACrB,IAAI,CAACuE,OAAO,CAAiBC,gBAChC,CAAE;QACF,aAAU,iBAAiB;QAC3BR,KAAK,EAAA7F,aAAA,CAAAA,aAAA,KAAO8F,YAAY;UAAE1B,MAAM;UAAEE;QAAQ,EAAG;QAC7C,wBAAsB,IAAI,CAACxC,WAAY;QACvC8E,SAAS,EAAEtE,KAAK,IAAIG,UAAU,GAAG,IAAI,CAACD,UAAU,GAAGqE,SAAU;QAC7D,cAAYnC,SAAU;QACtB,mBAAiBC,cAAe;QAChC,oBAAkBC,eAAgB;QAAAU,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtG,YAAA;UAAAuG,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEjCjC,cAAc,CAACqD,OACb,CAAC;IAEV,CACM,CACT;IAED,OAAO,IAAI,CAACG,kBAAkB,CAACpD,SAAS,GAAGsB,eAAe,GAAG4B,MAAM,CAAC;EACtE;EAEAG,yBAAyBA,CAAA,EAAG;IAC1B,IAAM;MAAE5E;IAAM,CAAC,GAAG,IAAI,CAACU,KAAK;IAC5B,IAAM+B,aAAa,GAAG,IAAAC,2BAAoB,EAAC,IAAI,CAAC3D,KAAK,CAAC;IAEtD,IAAI0D,aAAa,IAAIzC,KAAK,EAAE;MAC1B,IAAA6E,oBAAa,EAAC,IAAI,CAAC5F,UAAU,EAAE,IAAI,CAACC,aAAa,CAAC;IACpD,CAAC,MAAM;MACL,IAAA4F,oBAAa,EAAC,IAAI,CAAC7F,UAAU,EAAE,IAAI,CAACC,aAAa,CAAC;IACpD;EACF;EAEAyF,kBAAkBA,CAACF,MAAyB,EAAE;IAC5C,IAAM;MAAElC;IAAQ,CAAC,GAAG,IAAI,CAACxD,KAAK;IAC9B,IAAM;MAAEiB;IAAM,CAAC,GAAG,IAAI,CAACU,KAAK;IAE5B,IAAM+B,aAAa,GAAG,IAAAC,2BAAoB,EAAC,IAAI,CAAC3D,KAAK,CAAC;IAEtD,OAAO0D,aAAa,gBAClB9G,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,CAAC9G,qBAAA,CAAA+I,aAAa;MACZC,OAAO,EAAE,IAAI,CAAC3F,aAAc;MAC5B4F,EAAE,EAAEjF,KAAM;MACVuC,OAAO,EAAEA,OAAQ;MACjB2C,aAAa;MACbC,UAAU,EAAE;QACVC,KAAK,EAAElB,kBAAO,CAACmB,cAAc;QAC7BC,WAAW,EAAEpB,kBAAO,CAACqB,oBAAoB;QACzCC,IAAI,EAAEtB,kBAAO,CAACuB,aAAa;QAC3BC,UAAU,EAAExB,kBAAO,CAACyB;MACtB,CAAE;MACFC,cAAc,EAAEA,CAAA,KAAM,CAAC,CAAE;MACzBC,QAAQ,EAAEA,CAAA,KAAM,IAAAf,oBAAa,EAAC,IAAI,CAAC7F,UAAU,EAAE,IAAI,CAACC,aAAa,CAAE;MAAA8D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,GAElEqB,MACY,CAAC,GAEhBA,MACD;EACH;EAEAqB,mBAAmBA,CAAC3E,cAAmB,EAAE;IACvC,IAAMsD,MAAM,GAAG,IAAI,CAACvD,yBAAyB,CAACC,cAAc,CAAC;IAE7D,OAAO,IAAI,CAAClC,UAAU,gBACpBtD,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,CAAChH,YAAA,CAAAiC,OAAM;MAACgI,IAAI,EAAE,IAAI,CAAC9G,UAAW;MAAA+D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEqB,MAAe,CAAC,GAEhDA,MACD;EACH;EAEAR,WAAWA,CACTP,UAAe,EACflC,WAAgB,EAChBF,SAAc,EACdK,WAAgB,EAChB;IACA,IAAM;MAAEa;IAAM,CAAC,GAAG,IAAI,CAACzD,KAAK;IAC5B,IAAMiH,WAAW,GAAG;MAClB1C,GAAG,EAAEI,UAAU,CAACJ,GAAG;MACnBlD,GAAG,EAAE,eAAe;MACpB,WAAW,EAAE,eAAe;MAC5BmD,KAAK,EAAA7F,aAAA,CAAAA,aAAA,KACAgG,UAAU,CAACH,KAAK,GAChB,IAAA0C,oBAAa,EAACzE,WAAW,EAAEF,SAAS,CAAC;IAE5C,CAAC;IAED,IAAIK,WAAW,EAAE;MACf,OAAOA,WAAW,CAACL,SAAS,EAAE0E,WAAW,CAAC;IAC5C;IAEA,oBACErK,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,YAAAoD,SAAA,CAAAnI,OAAA,MACMiI,WAAW;MACfpC,SAAS,EAAE,IAAAC,aAAE,EAACK,kBAAO,CAACiC,KAAK,EAAE;QAAE/B,IAAI,EAAE5B,KAAK;QAAElB;MAAU,CAAC,CAAE;MAAA0B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,EAC1D,CAAC;EAEN;EAEAgD,iBAAiBA,CAAA,EAAG;IAClB,IAAM;MAAEpG,KAAK;MAAEM;IAAS,CAAC,GAAG,IAAI,CAACvB,KAAK;IACtC,IAAI,CAACsH,gBAAgB,CAAC,CAAC;IACvB,IAAI/F,QAAQ,IAAIN,KAAK,EAAE;MACrB,IAAI,CAACsG,0BAA0B,CAAC,CAAC;IACnC;IACA,IAAI,CAACC,QAAQ,CAAC;MAAE5F,SAAS,EAAE;IAAK,CAAC,CAAC;EACpC;EAiBA2F,0BAA0BA,CAAA,EAAG;IAC3B,IAAI,OAAO9H,QAAQ,KAAK,WAAW,EAAE;MACnCA,QAAQ,CAACgI,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACnG,gBAAgB,EAAE,IAAI,CAAC;IACjE;EACF;EAEAoG,mBAAmBA,CAAA,EAAG;IACpB,IAAI,OAAOjI,QAAQ,KAAK,WAAW,EAAE;MACnCA,QAAQ,CAACkI,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAACrG,gBAAgB,EAAE,IAAI,CAAC;IACpE;EACF;EAEAgG,gBAAgBA,CAAA,EAAG;IACjB,IAAM;MAAEhF;IAAS,CAAC,GAAG,IAAI,CAACtC,KAAK;IAC/B,IAAI,CAACI,YAAY,GAAG,IAAAwH,sCAAkB,EAACtF,QAAQ,EAAE,IAAI,CAACrC,SAAS,CAAC;IAChE,IAAI,IAAI,CAACG,YAAY,EAAE;MACrB,IAAI,CAACF,UAAU,GAAGT,QAAQ,CAACsE,aAAa,CAAC,KAAK,CAAC;MAC/C,IAAI,CAAC7D,UAAU,CAAC2H,YAAY,CAAC,WAAW,EAAE,gBAAgB,CAAC;MAC3D;AACN;AACA;AACA;AACA;AACA;AACA;MACM3J,MAAM,CAAC4J,MAAM,CAAC,IAAI,CAAC5H,UAAU,CAACsE,KAAK,EAAE;QACnCuD,QAAQ,EAAE,QAAQ;QAClBC,OAAO,EAAE,OAAO;QAChBC,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPhF,KAAK,EAAE,CAAC;QACRiF,MAAM,EAAE;MACV,CAAC,CAAC;MACF,IAAI,CAAC/H,YAAY,CAACgI,WAAW,CAAC,IAAI,CAAClI,UAAU,CAAC;IAChD;EACF;EAEAmI,WAAWA,CAAA,EAAG;IACZ,IAAM;MAAEzG;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAChC,IAAM;MAAE2G,SAAS;MAAE/G,QAAQ;MAAEgH;IAAO,CAAC,GAAG,IAAI,CAACvI,KAAK;IAElD,IAAI,CAAC4B,SAAS,IAAI,IAAI,CAACjB,YAAY,EAAE;MACnC;IACF;IAEA,IAAI,IAAI,CAACC,YAAY,EAAE;MACrB4H,YAAY,CAAC,IAAI,CAAC5H,YAAY,CAAC;MAC/B,IAAI,CAACA,YAAY,GAAG,IAAI;IAC1B;IAEA,IAAIW,QAAQ,EAAE;MACZ,IAAI,CAACmG,mBAAmB,CAAC,CAAC;IAC5B;IAEA,IAAIY,SAAS,EAAE;MACb,IAAI,CAAC3H,YAAY,GAAG8H,UAAU,CAAC,MAAM;QACnC,IAAI,CAACjB,QAAQ,CAAC;UAAEvG,KAAK,EAAE;QAAM,CAAC,CAAC;QAC/BsH,MAAM,YAANA,MAAM,CAAG,CAAC;MACZ,CAAC,EAAED,SAAS,CAAC;IACf,CAAC,MAAM;MACL,IAAI,CAACd,QAAQ,CAAC;QAAEvG,KAAK,EAAE;MAAM,CAAC,CAAC;MAC/BsH,MAAM,YAANA,MAAM,CAAG,CAAC;IACZ;EACF;EAEAG,WAAWA,CAAA,EAAG;IACZ,IAAM;MAAE9G;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAChC,IAAM;MAAEgH,SAAS;MAAEpH,QAAQ;MAAEqH;IAAO,CAAC,GAAG,IAAI,CAAC5I,KAAK;IAElD,IAAI,CAAC4B,SAAS,IAAI,IAAI,CAAChB,YAAY,EAAE;MACnC;IACF;IAEA,IAAI,IAAI,CAACD,YAAY,EAAE;MACrB6H,YAAY,CAAC,IAAI,CAAC7H,YAAY,CAAC;MAC/B,IAAI,CAACA,YAAY,GAAG,IAAI;IAC1B;IAEA,IAAIY,QAAQ,EAAE;MACZ,IAAI,CAACgG,0BAA0B,CAAC,CAAC;IACnC;IAEA,IAAIoB,SAAS,EAAE;MACb,IAAI,CAAC/H,YAAY,GAAG6H,UAAU,CAAC,MAAM;QACnC,IAAI,CAACjB,QAAQ,CAAC;UAAEvG,KAAK,EAAE;QAAK,CAAC,CAAC;QAC9B2H,MAAM,YAANA,MAAM,CAAG,CAAC;MACZ,CAAC,EAAED,SAAS,CAAC;IACf,CAAC,MAAM;MACL,IAAI,CAACnB,QAAQ,CAAC;QAAEvG,KAAK,EAAE;MAAK,CAAC,CAAC;MAC9B2H,MAAM,YAANA,MAAM,CAAG,CAAC;IACZ;EACF;EAEAC,oBAAoBA,CAAA,EAAG;IACrB,IACE,IAAI,CAAC3I,UAAU,IACf,IAAI,CAACE,YAAY,IACjB,IAAI,CAACA,YAAY,CAAC0I,QAAQ,CAACjK,MAAM,EACjC;MACA;MACA;MACA,IAAI,CAACuB,YAAY,CAAC2I,WAAW,CAAC,IAAI,CAAC7I,UAAU,CAAC;IAChD;IACA,IAAI,CAACA,UAAU,GAAG,IAAI;IAEtB,IAAI,IAAI,CAACS,YAAY,EAAE;MACrB6H,YAAY,CAAC,IAAI,CAAC7H,YAAY,CAAC;MAC/B,IAAI,CAACA,YAAY,GAAG,IAAI;IAC1B;IAEA,IAAI,IAAI,CAACC,YAAY,EAAE;MACrB4H,YAAY,CAAC,IAAI,CAAC5H,YAAY,CAAC;MAC/B,IAAI,CAACA,YAAY,GAAG,IAAI;IAC1B;EACF;EAEAoI,cAAcA,CAAA,EAAG;IACf,IAAI,IAAI,CAACtI,oBAAoB,EAAE;MAC7B,IAAI,CAACA,oBAAoB,CAAC,CAAC;IAC7B;EACF;EAEAuI,kBAAkBA,CAACC,SAAc,EAAE;IACjC,IAAM;MAAEzF,KAAK,EAAE4B,IAAI;MAAER,SAAS;MAAE5D;IAAM,CAAC,GAAG,IAAI,CAACjB,KAAK;IACpD,IAAI,IAAI,CAACE,UAAU,EAAE;MACnB;MACA,IAAI,CAACC,aAAa,GAAG,IAAA2E,aAAE,EAACK,kBAAO,CAACgE,IAAI,EAAE;QAAE9D;MAAK,CAAC,EAAER,SAAS,CAAC;;MAE1D;MACA,IAAI,CAACgB,yBAAyB,CAAC,CAAC;IAClC;;IAEA;IACA,IAAIqD,SAAS,CAACjI,KAAK,KAAKA,KAAK,EAAE;MAC7B,IAAIA,KAAK,EAAE;QACT,IAAI,CAACyH,WAAW,CAAC,CAAC;MACpB,CAAC,MAAM;QACL,IAAI,CAACL,WAAW,CAAC,CAAC;MACpB;IACF,CAAC,MAAM;MACL;MACA,IAAI,CAACW,cAAc,CAAC,CAAC;IACvB;EACF;EAEAI,MAAMA,CAAA,EAAG;IACP,IAAM;MACJC,YAAY;MACZC,YAAY;MACZ/D,SAAS;MACTgE,OAAO;MACPT,QAAQ;MACRjE,SAAS;MACTL,KAAK;MACLgF,KAAK;MACL/F,KAAK,EAAE4B,IAAI;MACXpD,QAAQ;MACRc,MAAM;MACN0G,YAAY;MACZC;IACF,CAAC,GAAG,IAAI,CAAC1J,KAAK;IACd,IAAM;MAAE4B,SAAS;MAAEX;IAAM,CAAC,GAAG,IAAI,CAACU,KAAK;IAEvC,IAAMS,cAAc,GAAG,IAAAuH,0BAAmB,EAACb,QAAQ,EAAE;MACnDc,OAAO,EAAE,IAAI;MACbnE,OAAO,EAAE;IACX,CAAC,CAAC;IAEF,IAAM/B,aAAa,GAAG,IAAAC,2BAAoB,EAAC,IAAI,CAAC3D,KAAK,CAAC;IACtD,IAAM6J,kBAAkB,GAAGjI,SAAS,KAAK8B,aAAa,IAAIzC,KAAK,CAAC;IAEhE,oBACErE,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,CAAC/G,YAAA,CAAA8M,OAAO;MAAA7F,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACNzH,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,CAAC7G,aAAA,CAAA6M,YAAY;MACXC,OAAO,EAAE,IAAI,CAAC3J,eAAgB;MAC9BU,cAAc,EAAEE,KAAK,GAAG,IAAI,CAACJ,mBAAmB,GAAG2E,SAAU;MAC7DiE,YAAY,EACVA,YAAY,GACR,CAAC,IAAI,CAACjJ,iBAAiB,EAAEiJ,YAAY,CAAC,GACtC,IAAI,CAACjJ,iBACV;MAAAyD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEDzH,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,YAAAoD,SAAA,CAAAnI,OAAA;MACEuF,GAAG,EAAE,IAAI,CAAClE,eAAgB;MAC1BmE,KAAK,EAAEA,KAAM;MACb,aAAWvC,QAAS;MACpB,qBAAmB,IAAI,CAACxB,WAAY;MACpCoE,SAAS,EAAE,IAAAC,aAAE,EAACK,kBAAO,CAACgE,IAAI,EAAE;QAAEK,KAAK;QAAEnE;MAAK,CAAC,EAAER,SAAS,CAAE;MACxD,eAAa9B,MAAO;MACpBsG,YAAY,EAAEK,WAAW,GAAGL,YAAY,GAAG7D,SAAU;MACrD8D,YAAY,EAAEI,WAAW,GAAGJ,YAAY,GAAG9D;IAAU,GACjD,IAAAyE,gCAAe,EAAC,IAAI,CAACjK,KAAK,CAAC;MAAAiE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,iBAE/BzH,MAAA,CAAAoC,OAAA,CAAA+E,aAAA,CAAC/G,YAAA,CAAAkN,SAAS;MAACC,QAAQ,EAAEnM,CAAC,IAAK,IAAI,CAACiC,SAAS,GAAGjC,CAAG;MAAAiG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtG,YAAA;QAAAuG,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC5C+F,KAAA;MAAA,IAAC;QAAE7F;MAAI,CAAC,GAAA6F,KAAA;MAAA,oBACPxN,MAAA,CAAAoC,OAAA,CAAA+E,aAAA;QACEQ,GAAG,EAAEA,GAAI;QACTM,SAAS,EAAEM,kBAAO,CAACkF,OAAQ;QAC3B,aAAU,iBAAiB;QAC3Bd,OAAO,EAAEA,OAAQ;QACjBhE,SAAS,EAAEA,SAAU;QACrB8D,YAAY,EAAEK,WAAW,GAAGlE,SAAS,GAAG6D,YAAa;QACrDC,YAAY,EAAEI,WAAW,GAAGlE,SAAS,GAAG8D,YAAa;QAAArF,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtG,YAAA;UAAAuG,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEpDjC,cAAc,CAACwH,OACb,CAAC;IAAA,CAEC,CAAC,EACXC,kBAAkB,IAAI,IAAI,CAAC9C,mBAAmB,CAAC3E,cAAc,CAC3D,CACO,CACP,CAAC;EAEd;AACF;AAACkI,OAAA,CAAA1K,WAAA,GAAAA,WAAA;AAlhBYA,WAAW,CACf2K,WAAW,GAAG,SAAS;AADnB3K,WAAW,CAGf4K,YAAY,GAA0B;EAC3C9H,IAAI,EAAE,IAAI;EACVC,KAAK,EAAE,KAAK;EACZI,MAAM,EAAE0H,iBAAM,CAACC,OAAO;EACtBzJ,KAAK,EAAE,KAAK;EACZsB,SAAS,EAAE,QAAQ;EACnBkH,YAAY,EAAE,EAAE;EAChBC,WAAW,EAAE;AACf,CAAC;AAXU9J,WAAW,CAaf+K,WAAW,GAAGC,+BAAsB;AAbhChL,WAAW,CAefgK,OAAO,GAAG,IAAAiB,4CAAqC,EAAC,iBAAiB,CAAC;AAf9DjL,WAAW,CAgBf6F,OAAO,GAAG,IAAAoF,4CAAqC,EAAC,iBAAiB,CAAC","ignoreList":[]}

package/dist/cjs/PopoverMenu/PopoverMenu.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_PopoverMenu";
+var _namespace_ = "wds_1_143_0_PopoverMenu";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_141_1_PopoverMenu__root","listItem":"wds_1_141_1_PopoverMenu__listItem"};
+module.exports.classes = {"root":"wds_1_143_0_PopoverMenu__root","listItem":"wds_1_143_0_PopoverMenu__listItem"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/PopoverNext.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_141_1_PopoverNext";
+var _namespace_ = "wds_1_143_0_PopoverNext";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_141_1_PopoverNext__root"};
+module.exports.classes = {"root":"wds_1_143_0_PopoverNext__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/components/Content/Content.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_141_1_PopoverNextContent";
+var _namespace_ = "wds_1_143_0_PopoverNextContent";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_141_1_PopoverNextContent__root"};
+module.exports.classes = {"root":"wds_1_143_0_PopoverNextContent__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/PopoverNext/components/DatePickerNext/DatePickerNext.js

@@ -21,6 +21,7 @@ var _DatePickerSt = require("../../../DatePicker/DatePicker.st.css.js");
 var _constants = require("../../../DatePicker/constants");
 var _context = require("../../../WixStyleReactEnvironmentProvider/context");
 var _wixDesignSystemsLocaleUtils = require("wix-design-systems-locale-utils");
+var _constants2 = require("../../../common/ZIndex/constants");
 var _excluded = ["onFocus"];
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/PopoverNext/components/DatePickerNext/DatePickerNext.js"; // TODO: delete this file once DatePicker is refactored to use PopoverNext
 // This is a copy of DatePicker.js file refactored to use PopoverNext
@@ -249,7 +250,7 @@ class DatePicker extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 250,
+          lineNumber: 251,
           columnNumber: 7
         }
       }));
@@ -340,7 +341,7 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 351,
+        lineNumber: 352,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_2.default, (0, _extends2.default)({
@@ -364,14 +365,14 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 361,
+        lineNumber: 362,
         columnNumber: 9
       }
     }), /*#__PURE__*/_react.default.createElement(_2.default.Trigger, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 379,
+        lineNumber: 380,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -380,14 +381,14 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 380,
+        lineNumber: 381,
         columnNumber: 13
       }
     }, this._renderInput())), /*#__PURE__*/_react.default.createElement(_2.default.Content, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 387,
+        lineNumber: 388,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -395,21 +396,21 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 388,
+        lineNumber: 389,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_Calendar.default, (0, _extends2.default)({}, calendarProps, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 389,
+        lineNumber: 390,
         columnNumber: 15
       }
     })), renderFooter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Divider.default, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 392,
+        lineNumber: 393,
         columnNumber: 19
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -418,7 +419,7 @@ class DatePicker extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 393,
+        lineNumber: 394,
         columnNumber: 19
       }
     }, renderFooter()))))));
@@ -430,11 +431,11 @@ DatePicker.defaultProps = {
   filterDate: () => true,
   rtl: false,
   width: '150px',
-  zIndex: 1,
+  zIndex: _constants2.ZIndex.datePicker,
   disabled: false,
   inputDataHook: _constants.dataHooks.datePickerInput,
   popoverProps: {
-    zIndex: 1
+    zIndex: _constants2.ZIndex.datePickerPopover
   },
   disableKeyboardType: false,
   onChange: () => {},