@wix/design-system 1.142.0 → 1.143.1

package/dist/cjs/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_reactModal","_defaultTo","_ModalSt","_constants","_ZIndex","_uniqueId","_context","_WixDesignSystemProvider","_ariaLabels","_CloseButton","_IconButton","_wixUiIconsCommon","_Tooltip","_jsxFileName","Modal","React","PureComponent","constructor","props","handleOverlayClick","event","shouldCloseOnOverlayClick","onRequestClose","target","id","CHILDREN_WRAPPER_DIV_ID","renderCloseButton","default","createElement","dataHook","dataHooks","modalCloseButton","className","classes","closeButton","onClick","size","skin","labels","close","__self","__source","fileName","lineNumber","columnNumber","renderNavigationControls","DIRECTIONS","prev","next","TOOLTIP_GAP","showNavigationPreviousButton","showNavigationNextButton","onNavigationClickPrevious","onNavigationClickNext","navigationPreviousLabel","navigationNextLabel","buildButton","dir","isPrevious","navigationPrevButton","navigationNextButton","ArrowLeft","ArrowRight","Fragment","navPrev","content","moveBy","y","ariaDescribedBy","navigationPrev","navigationPrevTooltip","navNext","navigationNext","navigationNextTooltip","uniqueId","render","horizontalPosition","verticalPosition","height","scrollableContent","borderRadius","zIndex","scrollable","isOpen","shouldDisplayCloseButton","onAfterClose","onAfterOpen","contentLabel","closeTimeoutMS","children","appElement","overlayPosition","parentSelector","screen","maxHeight","justifyContent","flexPositions","alignItems","modalStyles","overlay","position","top","left","right","bottom","defaultTo","ZIndex","backgroundColor","display","overflowY","border","overflowX","width","WebkitOverflowScrolling","outline","padding","marginBottom","ReactModal","setAppElement","onKeyDown","e","arrows","key","WixDesignSystemContext","Consumer","_ref","newColorsBranding","portalClassName","st","root","concat","style","modal","ariaHideApp","aria","labelledby","ariaLabels","labelledBy","describedby","describedBy","features","childrenContainer","propTypes","PropTypes","string","bool","isRequired","number","any","func","oneOf","defaultProps","_default","exports"],"sources":["../../../src/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport defaultTo from 'lodash/defaultTo';\nimport { st, classes } from './Modal.st.css';\nimport { ariaDescribedBy, dataHooks, flexPositions, labels } from './constants';\nimport { ZIndex } from '../ZIndex';\nimport uniqueId from 'lodash/uniqueId';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport WixDesignSystemProvider from '../WixDesignSystemProvider';\nimport { ariaLabels } from '../common/accessibility/ariaLabels';\nimport CloseButton from '../CloseButton';\nimport IconButton from '../IconButton';\nimport { ArrowLeft, ArrowRight } from '@wix/wix-ui-icons-common';\nimport Tooltip from '../Tooltip';\n\nclass Modal extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.CHILDREN_WRAPPER_DIV_ID = uniqueId('wsr-modal');\n  }\n\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n    dataHook: PropTypes.string,\n    /** Controls if modal is open or closed */\n    isOpen: PropTypes.bool.isRequired,\n    /** Border radius of modal */\n    borderRadius: PropTypes.number,\n    /** a11y: The value of contentLabel is set as an aria-label on the modal element. This helps assistive technology, like screen readers, to add a label to an element that would otherwise be anonymous */\n    contentLabel: PropTypes.string,\n    /** Renders modal content */\n    children: PropTypes.any,\n    /** Controls z-index of the modal overlay */\n    zIndex: PropTypes.number,\n    /** Enables to close modal when mouse clicked on overlay area */\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    /** Displays a close button on the top right corner of the overlay */\n    shouldDisplayCloseButton: PropTypes.bool,\n    /** Callback that will be executed when the modal is requested to be closed, prior to actually closing */\n    onRequestClose: PropTypes.func,\n    /** Callback that will be executed after the modal has been opened */\n    onAfterOpen: PropTypes.func,\n    /** Callback that will be executed after the modal has been closed */\n    onAfterClose: PropTypes.func,\n    /** Horizontal position of the modal */\n    horizontalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Vertical position of the modal */\n    verticalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Number indicating the milliseconds to wait before closing the modal */\n    closeTimeoutMS: PropTypes.number,\n    /** Specifies if modal portal supports scroll */\n    scrollable: PropTypes.bool,\n    /** Specifies if modal content should become scrollable when modal size will fit the window */\n    scrollableContent: PropTypes.bool,\n    /** Sets the maximum height for a scrollable content */\n    maxHeight: PropTypes.string,\n    /** Sets the height for modal's content container */\n    height: PropTypes.string,\n    /** css position of the modal overlay */\n    overlayPosition: PropTypes.oneOf([\n      'static',\n      'relative',\n      'absolute',\n      'fixed',\n      'sticky',\n    ]),\n    /** A function that returns a DOM element on which the modal should be appended to */\n    parentSelector: PropTypes.func,\n    /** Selector specifying where to apply the aria-hidden attribute */\n    appElement: PropTypes.string,\n    /** Specifies minimum spacing between full viewport and modal content */\n    screen: PropTypes.oneOf(['full', 'desktop', 'mobile']),\n    /** Enable navigation previous buttons to the side of the content and listen on clicks by using onNavigationClickPrevious */\n    showNavigationPreviousButton: PropTypes.bool,\n    /** Enable navigation next button to the side of the content and listen on clicks by using onNavigationClickNext */\n    showNavigationNextButton: PropTypes.bool,\n    /** Callback that will be executed when the navigation control previous is clicked */\n    onNavigationClickPrevious: PropTypes.func,\n    /** Callback that will be executed when the navigation control next is clicked */\n    onNavigationClickNext: PropTypes.func,\n    /** Label used for navigation control previous button tooltip */\n    navigationPreviousLabel: PropTypes.string,\n    /** Label used for navigation control next button tooltip */\n    navigationNextLabel: PropTypes.string,\n  };\n\n  static defaultProps = {\n    borderRadius: 0,\n    shouldCloseOnOverlayClick: false,\n    shouldDisplayCloseButton: false,\n    horizontalPosition: 'center',\n    verticalPosition: 'center',\n    closeTimeoutMS: 500,\n    scrollable: true,\n    scrollableContent: false,\n    height: '100%',\n    maxHeight: 'auto',\n    overlayPosition: 'fixed',\n    screen: 'desktop',\n  };\n\n  handleOverlayClick = event => {\n    const { shouldCloseOnOverlayClick, onRequestClose } = this.props;\n    if (\n      shouldCloseOnOverlayClick &&\n      event.target.id === this.CHILDREN_WRAPPER_DIV_ID &&\n      onRequestClose\n    ) {\n      onRequestClose();\n    }\n  };\n\n  renderCloseButton = () => {\n    return (\n      <CloseButton\n        dataHook={dataHooks.modalCloseButton}\n        className={classes.closeButton}\n        onClick={this.props.onRequestClose}\n        size=\"large\"\n        skin=\"light\"\n        aria-label={labels.close}\n      />\n    );\n  };\n\n  renderNavigationControls = () => {\n    const DIRECTIONS = { prev: 'prev', next: 'next' };\n    const TOOLTIP_GAP = 9;\n    const {\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n      navigationPreviousLabel,\n      navigationNextLabel,\n    } = this.props;\n    const buildButton = (dir, className) => {\n      const isPrevious = dir === DIRECTIONS.prev;\n      return (\n        <IconButton\n          className={className}\n          skin=\"inverted\"\n          size=\"large\"\n          onClick={\n            isPrevious ? onNavigationClickPrevious : onNavigationClickNext\n          }\n          dataHook={\n            isPrevious\n              ? dataHooks.navigationPrevButton\n              : dataHooks.navigationNextButton\n          }\n        >\n          {isPrevious ? <ArrowLeft /> : <ArrowRight />}\n        </IconButton>\n      );\n    };\n    return (\n      <React.Fragment>\n        {showNavigationPreviousButton &&\n          (navigationPreviousLabel ? (\n            <Tooltip\n              className={classes.navPrev}\n              content={navigationPreviousLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationPrev}\n              dataHook={dataHooks.navigationPrevTooltip}\n            >\n              {buildButton(DIRECTIONS.prev)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.prev, classes.navPrev)\n          ))}\n        {showNavigationNextButton &&\n          (navigationNextLabel ? (\n            <Tooltip\n              className={classes.navNext}\n              content={navigationNextLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationNext}\n              dataHook={dataHooks.navigationNextTooltip}\n            >\n              {buildButton(DIRECTIONS.next)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.next, classes.navNext)\n          ))}\n      </React.Fragment>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      horizontalPosition,\n      verticalPosition,\n      height,\n      scrollableContent,\n      borderRadius,\n      zIndex,\n      scrollable,\n      isOpen,\n      shouldCloseOnOverlayClick,\n      shouldDisplayCloseButton,\n      onRequestClose,\n      onAfterClose,\n      onAfterOpen,\n      contentLabel,\n      closeTimeoutMS,\n      children,\n      appElement,\n      overlayPosition,\n      parentSelector,\n      screen,\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n    } = this.props;\n\n    let { maxHeight } = this.props;\n    const justifyContent = flexPositions[horizontalPosition];\n    const alignItems = flexPositions[verticalPosition];\n\n    maxHeight = scrollableContent && maxHeight === 'auto' ? '100vh' : maxHeight;\n\n    const modalStyles = {\n      overlay: {\n        // Overriding defaults\n        position: overlayPosition,\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        zIndex: defaultTo(zIndex, ZIndex('Modal')),\n        backgroundColor: null, // null disables the property, use css instead\n        // Overriding defaults - END\n        display: 'flex',\n        justifyContent,\n        alignItems,\n        overflowY: scrollable ? 'auto' : 'hidden',\n      },\n      content: {\n        // Overriding defaults\n        border: 'none',\n        overflowY: scrollableContent ? 'auto' : 'initial',\n        overflowX: scrollableContent ? 'hidden' : 'initial',\n        height,\n        maxHeight,\n        width: '100%',\n        // stylelint-disable-line\n        WebkitOverflowScrolling: 'touch',\n        outline: 'none',\n        borderRadius,\n        padding: '0px',\n        // Overriding defaults - END\n        backgroundColor: 'transparent',\n        marginBottom: '0px',\n        position: 'relative',\n      },\n    };\n\n    if (appElement) {\n      ReactModal.setAppElement(appElement);\n    } else {\n      ReactModal.setAppElement('body');\n    }\n\n    return (\n      <div\n        data-hook={dataHook}\n        onKeyDown={e => {\n          const arrows = {\n            left: 'ArrowLeft',\n            right: 'ArrowRight',\n          };\n          if (e && e.key === arrows.left) {\n            showNavigationPreviousButton &&\n              onNavigationClickPrevious &&\n              onNavigationClickPrevious();\n          }\n          if (e && e.key === arrows.right) {\n            showNavigationNextButton &&\n              onNavigationClickNext &&\n              onNavigationClickNext();\n          }\n        }}\n      >\n        <WixDesignSystemContext.Consumer>\n          {({ newColorsBranding }) => (\n            <ReactModal\n              portalClassName={st(\n                classes.root,\n                { scrollable },\n                `portal portal-${dataHook}`,\n              )}\n              isOpen={isOpen}\n              shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n              onRequestClose={onRequestClose}\n              onAfterOpen={onAfterOpen}\n              onAfterClose={onAfterClose}\n              style={modalStyles}\n              className={classes.modal}\n              closeTimeoutMS={closeTimeoutMS}\n              parentSelector={parentSelector}\n              ariaHideApp={false}\n              contentLabel={contentLabel}\n              aria={{\n                labelledby: ariaLabels.labelledBy,\n                describedby: ariaLabels.describedBy,\n              }}\n            >\n              <WixDesignSystemProvider features={{ newColorsBranding }}>\n                {isOpen && shouldDisplayCloseButton && this.renderCloseButton()}\n                <div\n                  data-scrollable={scrollable || null}\n                  id={this.CHILDREN_WRAPPER_DIV_ID}\n                  className={st(classes.childrenContainer, {\n                    screen,\n                  })}\n                  onClick={this.handleOverlayClick}\n                >\n                  {(showNavigationPreviousButton || showNavigationNextButton) &&\n                    this.renderNavigationControls()}\n                  {children}\n                </div>\n              </WixDesignSystemProvider>\n            </ReactModal>\n          )}\n        </WixDesignSystemContext.Consumer>\n      </div>\n    );\n  }\n}\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_reactModal","_defaultTo","_ModalSt","_constants","_constants2","_uniqueId","_context","_WixDesignSystemProvider","_ariaLabels","_CloseButton","_IconButton","_wixUiIconsCommon","_Tooltip","_jsxFileName","Modal","React","PureComponent","constructor","props","handleOverlayClick","event","shouldCloseOnOverlayClick","onRequestClose","target","id","CHILDREN_WRAPPER_DIV_ID","renderCloseButton","default","createElement","dataHook","dataHooks","modalCloseButton","className","classes","closeButton","onClick","size","skin","labels","close","__self","__source","fileName","lineNumber","columnNumber","renderNavigationControls","DIRECTIONS","prev","next","TOOLTIP_GAP","showNavigationPreviousButton","showNavigationNextButton","onNavigationClickPrevious","onNavigationClickNext","navigationPreviousLabel","navigationNextLabel","buildButton","dir","isPrevious","navigationPrevButton","navigationNextButton","ArrowLeft","ArrowRight","Fragment","navPrev","content","moveBy","y","ariaDescribedBy","navigationPrev","navigationPrevTooltip","navNext","navigationNext","navigationNextTooltip","uniqueId","render","horizontalPosition","verticalPosition","height","scrollableContent","borderRadius","zIndex","scrollable","isOpen","shouldDisplayCloseButton","onAfterClose","onAfterOpen","contentLabel","closeTimeoutMS","children","appElement","overlayPosition","parentSelector","screen","maxHeight","justifyContent","flexPositions","alignItems","modalStyles","overlay","position","top","left","right","bottom","defaultTo","ZIndex","modal","backgroundColor","display","overflowY","border","overflowX","width","WebkitOverflowScrolling","outline","padding","marginBottom","ReactModal","setAppElement","onKeyDown","e","arrows","key","WixDesignSystemContext","Consumer","_ref","newColorsBranding","portalClassName","st","root","concat","style","ariaHideApp","aria","labelledby","ariaLabels","labelledBy","describedby","describedBy","features","childrenContainer","propTypes","PropTypes","string","bool","isRequired","number","any","func","oneOf","defaultProps","_default","exports"],"sources":["../../../src/Modal/Modal.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactModal from 'react-modal';\nimport defaultTo from 'lodash/defaultTo';\nimport { st, classes } from './Modal.st.css';\nimport { ariaDescribedBy, dataHooks, flexPositions, labels } from './constants';\nimport { ZIndex } from '../common/ZIndex/constants';\nimport uniqueId from 'lodash/uniqueId';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport WixDesignSystemProvider from '../WixDesignSystemProvider';\nimport { ariaLabels } from '../common/accessibility/ariaLabels';\nimport CloseButton from '../CloseButton';\nimport IconButton from '../IconButton';\nimport { ArrowLeft, ArrowRight } from '@wix/wix-ui-icons-common';\nimport Tooltip from '../Tooltip';\n\nclass Modal extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.CHILDREN_WRAPPER_DIV_ID = uniqueId('wsr-modal');\n  }\n\n  static propTypes = {\n    /** Applied as data-hook HTML attribute that can be used to create driver in testing */\n    dataHook: PropTypes.string,\n    /** Controls if modal is open or closed */\n    isOpen: PropTypes.bool.isRequired,\n    /** Border radius of modal */\n    borderRadius: PropTypes.number,\n    /** a11y: The value of contentLabel is set as an aria-label on the modal element. This helps assistive technology, like screen readers, to add a label to an element that would otherwise be anonymous */\n    contentLabel: PropTypes.string,\n    /** Renders modal content */\n    children: PropTypes.any,\n    /** Controls z-index of the modal overlay */\n    zIndex: PropTypes.number,\n    /** Enables to close modal when mouse clicked on overlay area */\n    shouldCloseOnOverlayClick: PropTypes.bool,\n    /** Displays a close button on the top right corner of the overlay */\n    shouldDisplayCloseButton: PropTypes.bool,\n    /** Callback that will be executed when the modal is requested to be closed, prior to actually closing */\n    onRequestClose: PropTypes.func,\n    /** Callback that will be executed after the modal has been opened */\n    onAfterOpen: PropTypes.func,\n    /** Callback that will be executed after the modal has been closed */\n    onAfterClose: PropTypes.func,\n    /** Horizontal position of the modal */\n    horizontalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Vertical position of the modal */\n    verticalPosition: PropTypes.oneOf(['start', 'center', 'end']),\n    /** Number indicating the milliseconds to wait before closing the modal */\n    closeTimeoutMS: PropTypes.number,\n    /** Specifies if modal portal supports scroll */\n    scrollable: PropTypes.bool,\n    /** Specifies if modal content should become scrollable when modal size will fit the window */\n    scrollableContent: PropTypes.bool,\n    /** Sets the maximum height for a scrollable content */\n    maxHeight: PropTypes.string,\n    /** Sets the height for modal's content container */\n    height: PropTypes.string,\n    /** css position of the modal overlay */\n    overlayPosition: PropTypes.oneOf([\n      'static',\n      'relative',\n      'absolute',\n      'fixed',\n      'sticky',\n    ]),\n    /** A function that returns a DOM element on which the modal should be appended to */\n    parentSelector: PropTypes.func,\n    /** Selector specifying where to apply the aria-hidden attribute */\n    appElement: PropTypes.string,\n    /** Specifies minimum spacing between full viewport and modal content */\n    screen: PropTypes.oneOf(['full', 'desktop', 'mobile']),\n    /** Enable navigation previous buttons to the side of the content and listen on clicks by using onNavigationClickPrevious */\n    showNavigationPreviousButton: PropTypes.bool,\n    /** Enable navigation next button to the side of the content and listen on clicks by using onNavigationClickNext */\n    showNavigationNextButton: PropTypes.bool,\n    /** Callback that will be executed when the navigation control previous is clicked */\n    onNavigationClickPrevious: PropTypes.func,\n    /** Callback that will be executed when the navigation control next is clicked */\n    onNavigationClickNext: PropTypes.func,\n    /** Label used for navigation control previous button tooltip */\n    navigationPreviousLabel: PropTypes.string,\n    /** Label used for navigation control next button tooltip */\n    navigationNextLabel: PropTypes.string,\n  };\n\n  static defaultProps = {\n    borderRadius: 0,\n    shouldCloseOnOverlayClick: false,\n    shouldDisplayCloseButton: false,\n    horizontalPosition: 'center',\n    verticalPosition: 'center',\n    closeTimeoutMS: 500,\n    scrollable: true,\n    scrollableContent: false,\n    height: '100%',\n    maxHeight: 'auto',\n    overlayPosition: 'fixed',\n    screen: 'desktop',\n  };\n\n  handleOverlayClick = event => {\n    const { shouldCloseOnOverlayClick, onRequestClose } = this.props;\n    if (\n      shouldCloseOnOverlayClick &&\n      event.target.id === this.CHILDREN_WRAPPER_DIV_ID &&\n      onRequestClose\n    ) {\n      onRequestClose();\n    }\n  };\n\n  renderCloseButton = () => {\n    return (\n      <CloseButton\n        dataHook={dataHooks.modalCloseButton}\n        className={classes.closeButton}\n        onClick={this.props.onRequestClose}\n        size=\"large\"\n        skin=\"light\"\n        aria-label={labels.close}\n      />\n    );\n  };\n\n  renderNavigationControls = () => {\n    const DIRECTIONS = { prev: 'prev', next: 'next' };\n    const TOOLTIP_GAP = 9;\n    const {\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n      navigationPreviousLabel,\n      navigationNextLabel,\n    } = this.props;\n    const buildButton = (dir, className) => {\n      const isPrevious = dir === DIRECTIONS.prev;\n      return (\n        <IconButton\n          className={className}\n          skin=\"inverted\"\n          size=\"large\"\n          onClick={\n            isPrevious ? onNavigationClickPrevious : onNavigationClickNext\n          }\n          dataHook={\n            isPrevious\n              ? dataHooks.navigationPrevButton\n              : dataHooks.navigationNextButton\n          }\n        >\n          {isPrevious ? <ArrowLeft /> : <ArrowRight />}\n        </IconButton>\n      );\n    };\n    return (\n      <React.Fragment>\n        {showNavigationPreviousButton &&\n          (navigationPreviousLabel ? (\n            <Tooltip\n              className={classes.navPrev}\n              content={navigationPreviousLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationPrev}\n              dataHook={dataHooks.navigationPrevTooltip}\n            >\n              {buildButton(DIRECTIONS.prev)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.prev, classes.navPrev)\n          ))}\n        {showNavigationNextButton &&\n          (navigationNextLabel ? (\n            <Tooltip\n              className={classes.navNext}\n              content={navigationNextLabel}\n              moveBy={{ y: TOOLTIP_GAP }}\n              aria-describedby={ariaDescribedBy.navigationNext}\n              dataHook={dataHooks.navigationNextTooltip}\n            >\n              {buildButton(DIRECTIONS.next)}\n            </Tooltip>\n          ) : (\n            buildButton(DIRECTIONS.next, classes.navNext)\n          ))}\n      </React.Fragment>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      horizontalPosition,\n      verticalPosition,\n      height,\n      scrollableContent,\n      borderRadius,\n      zIndex,\n      scrollable,\n      isOpen,\n      shouldCloseOnOverlayClick,\n      shouldDisplayCloseButton,\n      onRequestClose,\n      onAfterClose,\n      onAfterOpen,\n      contentLabel,\n      closeTimeoutMS,\n      children,\n      appElement,\n      overlayPosition,\n      parentSelector,\n      screen,\n      showNavigationPreviousButton,\n      showNavigationNextButton,\n      onNavigationClickPrevious,\n      onNavigationClickNext,\n    } = this.props;\n\n    let { maxHeight } = this.props;\n    const justifyContent = flexPositions[horizontalPosition];\n    const alignItems = flexPositions[verticalPosition];\n\n    maxHeight = scrollableContent && maxHeight === 'auto' ? '100vh' : maxHeight;\n\n    const modalStyles = {\n      overlay: {\n        // Overriding defaults\n        position: overlayPosition,\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        zIndex: defaultTo(zIndex, ZIndex.modal),\n        backgroundColor: null, // null disables the property, use css instead\n        // Overriding defaults - END\n        display: 'flex',\n        justifyContent,\n        alignItems,\n        overflowY: scrollable ? 'auto' : 'hidden',\n      },\n      content: {\n        // Overriding defaults\n        border: 'none',\n        overflowY: scrollableContent ? 'auto' : 'initial',\n        overflowX: scrollableContent ? 'hidden' : 'initial',\n        height,\n        maxHeight,\n        width: '100%',\n        // stylelint-disable-line\n        WebkitOverflowScrolling: 'touch',\n        outline: 'none',\n        borderRadius,\n        padding: '0px',\n        // Overriding defaults - END\n        backgroundColor: 'transparent',\n        marginBottom: '0px',\n        position: 'relative',\n      },\n    };\n\n    if (appElement) {\n      ReactModal.setAppElement(appElement);\n    } else {\n      ReactModal.setAppElement('body');\n    }\n\n    return (\n      <div\n        data-hook={dataHook}\n        onKeyDown={e => {\n          const arrows = {\n            left: 'ArrowLeft',\n            right: 'ArrowRight',\n          };\n          if (e && e.key === arrows.left) {\n            showNavigationPreviousButton &&\n              onNavigationClickPrevious &&\n              onNavigationClickPrevious();\n          }\n          if (e && e.key === arrows.right) {\n            showNavigationNextButton &&\n              onNavigationClickNext &&\n              onNavigationClickNext();\n          }\n        }}\n      >\n        <WixDesignSystemContext.Consumer>\n          {({ newColorsBranding }) => (\n            <ReactModal\n              portalClassName={st(\n                classes.root,\n                { scrollable },\n                `portal portal-${dataHook}`,\n              )}\n              isOpen={isOpen}\n              shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n              onRequestClose={onRequestClose}\n              onAfterOpen={onAfterOpen}\n              onAfterClose={onAfterClose}\n              style={modalStyles}\n              className={classes.modal}\n              closeTimeoutMS={closeTimeoutMS}\n              parentSelector={parentSelector}\n              ariaHideApp={false}\n              contentLabel={contentLabel}\n              aria={{\n                labelledby: ariaLabels.labelledBy,\n                describedby: ariaLabels.describedBy,\n              }}\n            >\n              <WixDesignSystemProvider features={{ newColorsBranding }}>\n                {isOpen && shouldDisplayCloseButton && this.renderCloseButton()}\n                <div\n                  data-scrollable={scrollable || null}\n                  id={this.CHILDREN_WRAPPER_DIV_ID}\n                  className={st(classes.childrenContainer, {\n                    screen,\n                  })}\n                  onClick={this.handleOverlayClick}\n                >\n                  {(showNavigationPreviousButton || showNavigationNextButton) &&\n                    this.renderNavigationControls()}\n                  {children}\n                </div>\n              </WixDesignSystemProvider>\n            </ReactModal>\n          )}\n        </WixDesignSystemContext.Consumer>\n      </div>\n    );\n  }\n}\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Modal";
+var _namespace_ = "wds_1_143_1_Modal";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_Modal__root","childrenContainer":"wds_1_142_0_Modal__childrenContainer","closeButton":"wds_1_142_0_Modal__closeButton","modal":"wds_1_142_0_Modal__modal","navPrev":"wds_1_142_0_Modal__navPrev","navNext":"wds_1_142_0_Modal__navNext"};
+module.exports.classes = {"root":"wds_1_143_1_Modal__root","childrenContainer":"wds_1_143_1_Modal__childrenContainer","closeButton":"wds_1_143_1_Modal__closeButton","modal":"wds_1_143_1_Modal__modal","navPrev":"wds_1_143_1_Modal__navPrev","navNext":"wds_1_143_1_Modal__navNext"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_ModalMobileLayout";
+var _namespace_ = "wds_1_143_1_ModalMobileLayout";
 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_142_0_ModalMobileLayout__root","defaultScrollBar":"wds_1_142_0_defaultscrollbar__defaultScrollBar","container":"wds_1_142_0_ModalMobileLayout__container","close":"wds_1_142_0_ModalMobileLayout__close","content":"wds_1_142_0_ModalMobileLayout__content"};
+module.exports.classes = {"root":"wds_1_143_1_ModalMobileLayout__root","defaultScrollBar":"wds_1_143_1_defaultscrollbar__defaultScrollBar","container":"wds_1_143_1_ModalMobileLayout__container","close":"wds_1_143_1_ModalMobileLayout__close","content":"wds_1_143_1_ModalMobileLayout__content"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ModalMobileLayout/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_Footer";
+var _namespace_ = "wds_1_143_1_Footer";
 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_142_0_Footer__root"};
+module.exports.classes = {"root":"wds_1_143_1_Footer__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/ModalMobileLayout/components/Title/Title.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_Title";
+var _namespace_ = "wds_1_143_1_Title";
 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_142_0_Title__root"};
+module.exports.classes = {"root":"wds_1_143_1_Title__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_ModalPreviewLayout";
+var _namespace_ = "wds_1_143_1_ModalPreviewLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_ModalPreviewLayout__root","header":"wds_1_142_0_ModalPreviewLayout__header","title":"wds_1_142_0_ModalPreviewLayout__title","actions":"wds_1_142_0_ModalPreviewLayout__actions","closeButton":"wds_1_142_0_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_142_0_ModalPreviewLayout__innerOverlay","content":"wds_1_142_0_ModalPreviewLayout__content","navigationButton":"wds_1_142_0_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_142_0_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_142_0_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_142_0_ModalPreviewLayout__modalTooltip"};
+module.exports.classes = {"root":"wds_1_143_1_ModalPreviewLayout__root","header":"wds_1_143_1_ModalPreviewLayout__header","title":"wds_1_143_1_ModalPreviewLayout__title","actions":"wds_1_143_1_ModalPreviewLayout__actions","closeButton":"wds_1_143_1_ModalPreviewLayout__closeButton","innerOverlay":"wds_1_143_1_ModalPreviewLayout__innerOverlay","content":"wds_1_143_1_ModalPreviewLayout__content","navigationButton":"wds_1_143_1_ModalPreviewLayout__navigationButton","left-arrow":"wds_1_143_1_ModalPreviewLayout__left-arrow","right-arrow":"wds_1_143_1_ModalPreviewLayout__right-arrow","modalTooltip":"wds_1_143_1_ModalPreviewLayout__modalTooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_ModalSelectorLayout";
+var _namespace_ = "wds_1_143_1_ModalSelectorLayout";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_ModalSelectorLayout__root","modalContent":"wds_1_142_0_ModalSelectorLayout__modalContent"};
+module.exports.classes = {"root":"wds_1_143_1_ModalSelectorLayout__root","modalContent":"wds_1_143_1_ModalSelectorLayout__modalContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/MultiSelect/InputWithTags.st.css.js

@@ -8,7 +8,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_InputWithTags";
+var _namespace_ = "wds_1_143_1_InputWithTags";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -16,7 +16,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_InputWithTags__root","text-medium-normal":"wds_1_142_0_StylableTypography__text-medium-normal","inputWrapper":"wds_1_142_0_InputWithTags__inputWrapper","emptyInput":"wds_1_142_0_InputWithTags__emptyInput","selectMode":"wds_1_142_0_InputWithTags__selectMode","inputSuffix":"wds_1_142_0_InputWithTags__inputSuffix","menuArrow":"wds_1_142_0_InputWithTags__menuArrow","statusIndicator":"wds_1_142_0_InputWithTags__statusIndicator","suffixes":"wds_1_142_0_InputWithTags__suffixes","hiddenDiv":"wds_1_142_0_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_142_0_InputWithTags__hasMaxHeight","customSuffix":"wds_1_142_0_InputWithTags__customSuffix","customPrefix":"wds_1_142_0_InputWithTags__customPrefix","tagsContainer":"wds_1_142_0_InputWithTags__tagsContainer","draggedTag":"wds_1_142_0_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_142_0_InputWithTags__draggedTagPlaceholder","input":"wds_1_142_0_InputWithTags__input"};
+module.exports.classes = {"root":"wds_1_143_1_InputWithTags__root","text-medium-normal":"wds_1_143_1_StylableTypography__text-medium-normal","inputWrapper":"wds_1_143_1_InputWithTags__inputWrapper","emptyInput":"wds_1_143_1_InputWithTags__emptyInput","selectMode":"wds_1_143_1_InputWithTags__selectMode","inputSuffix":"wds_1_143_1_InputWithTags__inputSuffix","menuArrow":"wds_1_143_1_InputWithTags__menuArrow","statusIndicator":"wds_1_143_1_InputWithTags__statusIndicator","suffixes":"wds_1_143_1_InputWithTags__suffixes","hiddenDiv":"wds_1_143_1_InputWithTags__hiddenDiv","hasMaxHeight":"wds_1_143_1_InputWithTags__hasMaxHeight","customSuffix":"wds_1_143_1_InputWithTags__customSuffix","customPrefix":"wds_1_143_1_InputWithTags__customPrefix","tagsContainer":"wds_1_143_1_InputWithTags__tagsContainer","draggedTag":"wds_1_143_1_InputWithTags__draggedTag","draggedTagPlaceholder":"wds_1_143_1_InputWithTags__draggedTagPlaceholder","input":"wds_1_143_1_InputWithTags__input"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_MultiSelect";
+var _namespace_ = "wds_1_143_1_MultiSelect";
 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_142_0_MultiSelect__root","inputWithTags":"wds_1_142_0_MultiSelect__inputWithTags","autoSizeInput":"wds_1_142_0_MultiSelect__autoSizeInput"};
+module.exports.classes = {"root":"wds_1_143_1_MultiSelect__root","inputWithTags":"wds_1_143_1_MultiSelect__inputWithTags","autoSizeInput":"wds_1_143_1_MultiSelect__autoSizeInput"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_MultiSelectCheckbox";
+var _namespace_ = "wds_1_143_1_MultiSelectCheckbox";
 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_142_0_MultiSelectCheckbox__root","showPointer":"wds_1_142_0_MultiSelectCheckbox__showPointer","withSearch":"wds_1_142_0_MultiSelectCheckbox__withSearch"};
+module.exports.classes = {"root":"wds_1_143_1_MultiSelectCheckbox__root","showPointer":"wds_1_143_1_MultiSelectCheckbox__showPointer","withSearch":"wds_1_143_1_MultiSelectCheckbox__withSearch"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_NestableList";
+var _namespace_ = "wds_1_143_1_NestableList";
 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_142_0_NestableList__root","itemWrapper":"wds_1_142_0_NestableList__itemWrapper","item":"wds_1_142_0_NestableList__item","actionItem":"wds_1_142_0_NestableList__actionItem","arrowContainer":"wds_1_142_0_NestableList__arrowContainer","arrow":"wds_1_142_0_NestableList__arrow","horizontalArrow":"wds_1_142_0_NestableList__horizontalArrow","childArrow":"wds_1_142_0_NestableList__childArrow","action":"wds_1_142_0_NestableList__action"};
+module.exports.classes = {"root":"wds_1_143_1_NestableList__root","itemWrapper":"wds_1_143_1_NestableList__itemWrapper","item":"wds_1_143_1_NestableList__item","actionItem":"wds_1_143_1_NestableList__actionItem","arrowContainer":"wds_1_143_1_NestableList__arrowContainer","arrow":"wds_1_143_1_NestableList__arrow","horizontalArrow":"wds_1_143_1_NestableList__horizontalArrow","childArrow":"wds_1_143_1_NestableList__childArrow","action":"wds_1_143_1_NestableList__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableList/NestableListTheme.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_NestableListTheme";
+var _namespace_ = "wds_1_143_1_NestableListTheme";
 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_142_0_NestableListTheme__root","item":"wds_1_142_0_NestableListTheme__item"};
+module.exports.classes = {"root":"wds_1_143_1_NestableListTheme__root","item":"wds_1_143_1_NestableListTheme__item"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/NestableListBase/NestableListBase.js

@@ -9,6 +9,7 @@ var _DragLayer = _interopRequireDefault(require("./DragLayer"));
 var _Container = _interopRequireDefault(require("./Container"));
 var _NestableListBaseContext = require("./NestableListBaseContext");
 var _withDNDContext = _interopRequireDefault(require("./withDNDContext"));
+var _constants = require("../common/ZIndex/constants");
 var _jsxFileName = "/home/builduser/work/b60d7defec63c7cc/packages/wix-design-system/dist/cjs/NestableListBase/NestableListBase.js";
 function replaceNegativeIndex(items, nextPosition, childrenProperty) {
   var currItems = items;
@@ -166,14 +167,14 @@ class NestableListBase extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 173,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 188,
+        lineNumber: 189,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_Container.default, {
@@ -189,7 +190,7 @@ class NestableListBase extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 189,
+        lineNumber: 190,
         columnNumber: 11
       }
     }), this.state.dragging && /*#__PURE__*/_react.default.createElement(_DragLayer.default, {
@@ -202,7 +203,7 @@ class NestableListBase extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 201,
+        lineNumber: 202,
         columnNumber: 13
       }
     })));
@@ -220,7 +221,7 @@ NestableListBase.defaultProps = {
   preventChangeDepth: false,
   maxDepth: Infinity,
   threshold: 30,
-  dragLayerZIndex: 100
+  dragLayerZIndex: _constants.ZIndex.nestableListDragLayer
 };
 var _default = exports.default = (0, _withDNDContext.default)(NestableListBase);
 //# sourceMappingURL=NestableListBase.js.map

package/dist/cjs/NestableListBase/NestableListBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_DragLayer","_Container","_NestableListBaseContext","_withDNDContext","_jsxFileName","replaceNegativeIndex","items","nextPosition","childrenProperty","currItems","map","nextIndex","length","getRealNextPosition","prev","next","i","NestableListBase","React","PureComponent","constructor","arguments","state","props","dragging","groupName","generateUniqueGroupId","_items","moveItem","_ref","dragItem","prevPosition","preventChangeDepth","preventItemChangeDepth","parent","getDropParent","newItems","realNextPosition","removeFromTree","addToTree","setState","dropItem","item","_this$props$onUpdate","_this$props","onUpdate","call","onDragStart","itemProps","_this$props$onDragSta","_this$props2","onDragEnd","_this$props$onDragEnd","_this$props3","UNSAFE_componentWillReceiveProps","newProps","render","renderItem","readOnly","childrenStyle","renderAction","isRenderDraggingChildren","useDragHandle","maxDepth","threshold","theme","renderPrefix","dragLayerZIndex","zIndex","default","createElement","NestableListBaseContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","treeDepth","parentPosition","topLevel","defaultProps","Infinity","_default","exports","withDNDContext"],"sources":["../../../src/NestableListBase/NestableListBase.js"],"sourcesContent":["import React from 'react';\nimport {\n  addToTree,\n  generateUniqueGroupId,\n  getDropParent,\n  removeFromTree,\n} from './utils';\n\nimport CustomDragLayer from './DragLayer';\nimport Container from './Container';\nimport { NestableListBaseContext } from './NestableListBaseContext';\n\nimport withDNDContext from './withDNDContext';\n\nfunction replaceNegativeIndex(items, nextPosition, childrenProperty) {\n  let currItems = items;\n\n  return nextPosition.map(nextIndex => {\n    if (nextIndex !== -1) {\n      currItems = currItems[nextIndex][childrenProperty] || [];\n      return nextIndex;\n    }\n\n    return currItems.length;\n  });\n}\n\n// fixing a bug where the new path is increased in nesting\n// and the first position jumps too far by 2, and that's why it decreased by 1\n// need to check if the jump can become more severe\nfunction getRealNextPosition(prev, next) {\n  // moving up a level\n  if (prev.length < next.length) {\n    return next.map((nextIndex, i) => {\n      if (typeof prev[i] !== 'number') {\n        return nextIndex;\n      }\n      return nextIndex > prev[i] ? nextIndex - 1 : nextIndex;\n    });\n  }\n\n  return next;\n}\n\nclass NestableListBase extends React.PureComponent {\n  static defaultProps = {\n    items: [],\n    isRenderDraggingChildren: false,\n    childrenProperty: 'children',\n    childrenStyle: {},\n    renderPrefix: () => null,\n    renderAction: () => null,\n    onUpdate: () => {},\n    useDragHandle: false,\n    preventChangeDepth: false,\n    maxDepth: Infinity,\n    threshold: 30,\n    dragLayerZIndex: 100,\n  };\n\n  // tried to use getDerivedStateFromProps but encounter an issue where the state was\n  // updated internally but props items stayed the same and it caused the new state to be\n  // overridden with the old state\n  // can be done if component is controlled but requires refactor\n  UNSAFE_componentWillReceiveProps(newProps) {\n    if (newProps.items !== this.state.items) {\n      this.setState({ items: newProps.items });\n      this._items = newProps.items;\n    }\n  }\n\n  state = {\n    items: this.props.items,\n    dragging: false,\n  };\n\n  // drag and drop between multiple nestable lists is not supported\n  // according to prevent it for now was created groupName - unique value for every nestable list\n  // somethings similar exists in SortableListBase component.\n  groupName = generateUniqueGroupId();\n\n  // FIXME: reference to latest `state.items`. This is a workaround for issue\n  // with `moveItem` where it updates `state.items` and if the update occurs\n  // multiple times before the component re-renders, the `state.items` will be\n  // be updated based on the previous state, not the latest one, which in some\n  // cases leads to item duplication or removal.\n  // This should be solved by not referring to current state by `this.state` and\n  // instead providing callback to `setState` that receives the latest state.\n  // However, due to architectural decisions this is not possible without\n  // rewriting the whole component as `moveItem` must return new position of the\n  // dragged item which is then used by the item itself to update its state.\n  _items = this.props.items;\n\n  moveItem = ({ dragItem, prevPosition, nextPosition }) => {\n    const { childrenProperty, preventChangeDepth, items } = this.props;\n\n    if (\n      dragItem.preventItemChangeDepth &&\n      nextPosition.length !== prevPosition.length\n    ) {\n      return prevPosition;\n    }\n\n    if (preventChangeDepth && nextPosition.length > 1) {\n      const parent = getDropParent(items, nextPosition, childrenProperty);\n      if (!parent) {\n        return prevPosition;\n      }\n    }\n\n    let newItems = this._items;\n\n    // the remove action might affect the next position,\n    // so update next coordinates accordingly\n    let realNextPosition = getRealNextPosition(prevPosition, nextPosition);\n\n    if (realNextPosition[realNextPosition.length - 1] === -1) {\n      realNextPosition = replaceNegativeIndex(\n        newItems,\n        realNextPosition,\n        childrenProperty,\n      );\n    }\n\n    newItems = removeFromTree(newItems, prevPosition, childrenProperty);\n    newItems = addToTree(\n      newItems,\n      dragItem,\n      realNextPosition,\n      childrenProperty,\n    );\n\n    this._items = newItems;\n    this.setState({ items: newItems });\n\n    return realNextPosition;\n  };\n\n  dropItem = item => {\n    this.props.onUpdate?.({ items: this.state.items, item });\n  };\n\n  onDragStart = itemProps => {\n    this.setState({ dragging: true });\n    this.props.onDragStart?.(itemProps);\n  };\n\n  onDragEnd = itemProps => {\n    this.setState({ dragging: false });\n    this.props.onDragEnd?.(itemProps);\n  };\n\n  render() {\n    const { items } = this.state;\n    const {\n      renderItem,\n      readOnly,\n      childrenProperty,\n      childrenStyle,\n      renderAction,\n      isRenderDraggingChildren,\n      useDragHandle,\n      maxDepth,\n      preventChangeDepth,\n      threshold,\n      theme,\n      renderPrefix,\n      dragLayerZIndex,\n      zIndex,\n    } = this.props;\n    return (\n      <NestableListBaseContext.Provider\n        value={{\n          groupName: this.groupName,\n          useDragHandle,\n          maxDepth,\n          preventChangeDepth,\n          threshold,\n          readOnly,\n          renderItem,\n          renderPrefix,\n          moveItem: this.moveItem,\n          dropItem: this.dropItem,\n          onDragStart: this.onDragStart,\n          onDragEnd: this.onDragEnd,\n        }}\n      >\n        <div>\n          <Container\n            treeDepth={1}\n            items={items}\n            renderAction={renderAction}\n            parentPosition={[]}\n            childrenProperty={childrenProperty}\n            childrenStyle={childrenStyle}\n            isRenderDraggingChildren={isRenderDraggingChildren}\n            topLevel\n            theme={theme}\n          />\n          {this.state.dragging && (\n            <CustomDragLayer\n              isRenderDraggingChildren={isRenderDraggingChildren}\n              renderItem={renderItem}\n              childrenProperty={childrenProperty}\n              childrenStyle={childrenStyle}\n              theme={theme}\n              dragLayerZIndex={zIndex ?? dragLayerZIndex}\n            />\n          )}\n        </div>\n      </NestableListBaseContext.Provider>\n    );\n  }\n}\n\nexport default withDNDContext(NestableListBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_utils","_DragLayer","_Container","_NestableListBaseContext","_withDNDContext","_constants","_jsxFileName","replaceNegativeIndex","items","nextPosition","childrenProperty","currItems","map","nextIndex","length","getRealNextPosition","prev","next","i","NestableListBase","React","PureComponent","constructor","arguments","state","props","dragging","groupName","generateUniqueGroupId","_items","moveItem","_ref","dragItem","prevPosition","preventChangeDepth","preventItemChangeDepth","parent","getDropParent","newItems","realNextPosition","removeFromTree","addToTree","setState","dropItem","item","_this$props$onUpdate","_this$props","onUpdate","call","onDragStart","itemProps","_this$props$onDragSta","_this$props2","onDragEnd","_this$props$onDragEnd","_this$props3","UNSAFE_componentWillReceiveProps","newProps","render","renderItem","readOnly","childrenStyle","renderAction","isRenderDraggingChildren","useDragHandle","maxDepth","threshold","theme","renderPrefix","dragLayerZIndex","zIndex","default","createElement","NestableListBaseContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","treeDepth","parentPosition","topLevel","defaultProps","Infinity","ZIndex","nestableListDragLayer","_default","exports","withDNDContext"],"sources":["../../../src/NestableListBase/NestableListBase.js"],"sourcesContent":["import React from 'react';\nimport {\n  addToTree,\n  generateUniqueGroupId,\n  getDropParent,\n  removeFromTree,\n} from './utils';\n\nimport CustomDragLayer from './DragLayer';\nimport Container from './Container';\nimport { NestableListBaseContext } from './NestableListBaseContext';\n\nimport withDNDContext from './withDNDContext';\nimport { ZIndex } from '../common/ZIndex/constants';\n\nfunction replaceNegativeIndex(items, nextPosition, childrenProperty) {\n  let currItems = items;\n\n  return nextPosition.map(nextIndex => {\n    if (nextIndex !== -1) {\n      currItems = currItems[nextIndex][childrenProperty] || [];\n      return nextIndex;\n    }\n\n    return currItems.length;\n  });\n}\n\n// fixing a bug where the new path is increased in nesting\n// and the first position jumps too far by 2, and that's why it decreased by 1\n// need to check if the jump can become more severe\nfunction getRealNextPosition(prev, next) {\n  // moving up a level\n  if (prev.length < next.length) {\n    return next.map((nextIndex, i) => {\n      if (typeof prev[i] !== 'number') {\n        return nextIndex;\n      }\n      return nextIndex > prev[i] ? nextIndex - 1 : nextIndex;\n    });\n  }\n\n  return next;\n}\n\nclass NestableListBase extends React.PureComponent {\n  static defaultProps = {\n    items: [],\n    isRenderDraggingChildren: false,\n    childrenProperty: 'children',\n    childrenStyle: {},\n    renderPrefix: () => null,\n    renderAction: () => null,\n    onUpdate: () => {},\n    useDragHandle: false,\n    preventChangeDepth: false,\n    maxDepth: Infinity,\n    threshold: 30,\n    dragLayerZIndex: ZIndex.nestableListDragLayer,\n  };\n\n  // tried to use getDerivedStateFromProps but encounter an issue where the state was\n  // updated internally but props items stayed the same and it caused the new state to be\n  // overridden with the old state\n  // can be done if component is controlled but requires refactor\n  UNSAFE_componentWillReceiveProps(newProps) {\n    if (newProps.items !== this.state.items) {\n      this.setState({ items: newProps.items });\n      this._items = newProps.items;\n    }\n  }\n\n  state = {\n    items: this.props.items,\n    dragging: false,\n  };\n\n  // drag and drop between multiple nestable lists is not supported\n  // according to prevent it for now was created groupName - unique value for every nestable list\n  // somethings similar exists in SortableListBase component.\n  groupName = generateUniqueGroupId();\n\n  // FIXME: reference to latest `state.items`. This is a workaround for issue\n  // with `moveItem` where it updates `state.items` and if the update occurs\n  // multiple times before the component re-renders, the `state.items` will be\n  // be updated based on the previous state, not the latest one, which in some\n  // cases leads to item duplication or removal.\n  // This should be solved by not referring to current state by `this.state` and\n  // instead providing callback to `setState` that receives the latest state.\n  // However, due to architectural decisions this is not possible without\n  // rewriting the whole component as `moveItem` must return new position of the\n  // dragged item which is then used by the item itself to update its state.\n  _items = this.props.items;\n\n  moveItem = ({ dragItem, prevPosition, nextPosition }) => {\n    const { childrenProperty, preventChangeDepth, items } = this.props;\n\n    if (\n      dragItem.preventItemChangeDepth &&\n      nextPosition.length !== prevPosition.length\n    ) {\n      return prevPosition;\n    }\n\n    if (preventChangeDepth && nextPosition.length > 1) {\n      const parent = getDropParent(items, nextPosition, childrenProperty);\n      if (!parent) {\n        return prevPosition;\n      }\n    }\n\n    let newItems = this._items;\n\n    // the remove action might affect the next position,\n    // so update next coordinates accordingly\n    let realNextPosition = getRealNextPosition(prevPosition, nextPosition);\n\n    if (realNextPosition[realNextPosition.length - 1] === -1) {\n      realNextPosition = replaceNegativeIndex(\n        newItems,\n        realNextPosition,\n        childrenProperty,\n      );\n    }\n\n    newItems = removeFromTree(newItems, prevPosition, childrenProperty);\n    newItems = addToTree(\n      newItems,\n      dragItem,\n      realNextPosition,\n      childrenProperty,\n    );\n\n    this._items = newItems;\n    this.setState({ items: newItems });\n\n    return realNextPosition;\n  };\n\n  dropItem = item => {\n    this.props.onUpdate?.({ items: this.state.items, item });\n  };\n\n  onDragStart = itemProps => {\n    this.setState({ dragging: true });\n    this.props.onDragStart?.(itemProps);\n  };\n\n  onDragEnd = itemProps => {\n    this.setState({ dragging: false });\n    this.props.onDragEnd?.(itemProps);\n  };\n\n  render() {\n    const { items } = this.state;\n    const {\n      renderItem,\n      readOnly,\n      childrenProperty,\n      childrenStyle,\n      renderAction,\n      isRenderDraggingChildren,\n      useDragHandle,\n      maxDepth,\n      preventChangeDepth,\n      threshold,\n      theme,\n      renderPrefix,\n      dragLayerZIndex,\n      zIndex,\n    } = this.props;\n    return (\n      <NestableListBaseContext.Provider\n        value={{\n          groupName: this.groupName,\n          useDragHandle,\n          maxDepth,\n          preventChangeDepth,\n          threshold,\n          readOnly,\n          renderItem,\n          renderPrefix,\n          moveItem: this.moveItem,\n          dropItem: this.dropItem,\n          onDragStart: this.onDragStart,\n          onDragEnd: this.onDragEnd,\n        }}\n      >\n        <div>\n          <Container\n            treeDepth={1}\n            items={items}\n            renderAction={renderAction}\n            parentPosition={[]}\n            childrenProperty={childrenProperty}\n            childrenStyle={childrenStyle}\n            isRenderDraggingChildren={isRenderDraggingChildren}\n            topLevel\n            theme={theme}\n          />\n          {this.state.dragging && (\n            <CustomDragLayer\n              isRenderDraggingChildren={isRenderDraggingChildren}\n              renderItem={renderItem}\n              childrenProperty={childrenProperty}\n              childrenStyle={childrenStyle}\n              theme={theme}\n              dragLayerZIndex={zIndex ?? dragLayerZIndex}\n            />\n          )}\n        </div>\n      </NestableListBaseContext.Provider>\n    );\n  }\n}\n\nexport default withDNDContext(NestableListBase);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_142_0_Notification";
+var _namespace_ = "wds_1_143_1_Notification";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,11 +12,11 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_Notification__root","animatorContent":"wds_1_142_0_Notification__animatorContent","wrapper":"wds_1_142_0_Notification__wrapper","notification":"wds_1_142_0_Notification__notification","animator":"wds_1_142_0_Notification__animator","labelWrapper":"wds_1_142_0_Notification__labelWrapper","label":"wds_1_142_0_Notification__label","button":"wds_1_142_0_Notification__button","textLink":"wds_1_142_0_Notification__textLink","iconStyling":"wds_1_142_0_Notification__iconStyling","closeButton":"wds_1_142_0_Notification__closeButton"};
+module.exports.classes = {"root":"wds_1_143_1_Notification__root","animatorContent":"wds_1_143_1_Notification__animatorContent","wrapper":"wds_1_143_1_Notification__wrapper","notification":"wds_1_143_1_Notification__notification","animator":"wds_1_143_1_Notification__animator","labelWrapper":"wds_1_143_1_Notification__labelWrapper","label":"wds_1_143_1_Notification__label","button":"wds_1_143_1_Notification__button","textLink":"wds_1_143_1_Notification__textLink","iconStyling":"wds_1_143_1_Notification__iconStyling","closeButton":"wds_1_143_1_Notification__closeButton"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};
-module.exports.stVars = {"zIndex_NOTIFICATION":"4000"}; 
+module.exports.stVars = {}; 
 module.exports.vars = {}; 
 
 

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

@@ -1,12 +1,11 @@
 
 
 require("../Foundation/stylable/colors.st.css.js");
-require("../Foundation/stylable/z-index.st.css.js");
 const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
 
 
 
-var _namespace_ = "wds_1_142_0_Page";
+var _namespace_ = "wds_1_143_1_Page";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,12 +13,12 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_142_0_Page__root","page":"wds_1_142_0_Page__page","scrollableContainer":"wds_1_142_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_142_0_Page__pageHeaderContainer","headerWrapper":"wds_1_142_0_Page__headerWrapper","tail":"wds_1_142_0_Page__tail","contentContainer":"wds_1_142_0_Page__contentContainer","imageBackgroundContainer":"wds_1_142_0_Page__imageBackgroundContainer","imageBackground":"wds_1_142_0_Page__imageBackground","gradientBackground":"wds_1_142_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_142_0_Page__contentHorizontalLayout","contentFloating":"wds_1_142_0_Page__contentFloating","horizontalScroll":"wds_1_142_0_Page__horizontalScroll","sticky":"wds_1_142_0_Page__sticky","stretchVertically":"wds_1_142_0_Page__stretchVertically","fixedFooter":"wds_1_142_0_Page__fixedFooter"};
-module.exports.keyframes = {"entrance":"wds_1_142_0_Page__entrance"}; 
+module.exports.classes = {"root":"wds_1_143_1_Page__root","page":"wds_1_143_1_Page__page","scrollableContainer":"wds_1_143_1_Page__scrollableContainer","pageHeaderContainer":"wds_1_143_1_Page__pageHeaderContainer","headerWrapper":"wds_1_143_1_Page__headerWrapper","tail":"wds_1_143_1_Page__tail","contentContainer":"wds_1_143_1_Page__contentContainer","imageBackgroundContainer":"wds_1_143_1_Page__imageBackgroundContainer","imageBackground":"wds_1_143_1_Page__imageBackground","gradientBackground":"wds_1_143_1_Page__gradientBackground","contentHorizontalLayout":"wds_1_143_1_Page__contentHorizontalLayout","contentFloating":"wds_1_143_1_Page__contentFloating","horizontalScroll":"wds_1_143_1_Page__horizontalScroll","sticky":"wds_1_143_1_Page__sticky","stretchVertically":"wds_1_143_1_Page__stretchVertically","fixedFooter":"wds_1_143_1_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_143_1_Page__entrance"}; 
 module.exports.layers = {};
 module.exports.containers = {};
 module.exports.stVars = {"pageSidePadding":"var(--wds-page-header-padding-horizontal, 48px)","headerBottomPadding":"var(--wds-page-header-padding-vertical, 24px)","imageContainerOffset":"30px","pageBottomPadding":"var(--wds-space-800, 48px)","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperBottomPadding":"var(--wds-space-300, 18px)","minimizedHeaderWrapperWithTailBottomPadding":"var(--wds-space-200, 12px)","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
-module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_142_0_Page-minimizationTop"}; 
+module.exports.vars = {"wds-space-200":"--wds-space-200","wds-space-300":"--wds-space-300","wds-space-800":"--wds-space-800","wds-page-header-padding-horizontal":"--wds-page-header-padding-horizontal","wds-page-header-padding-vertical":"--wds-page-header-padding-vertical","wds-color-fill-surface-sunken":"--wds-color-fill-surface-sunken","minimizationTop":"--wds_1_143_1_Page-minimizationTop"}; 
 
 
 

package/dist/cjs/Page/components/Footer/Footer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_142_0_PageFooter";
+var _namespace_ = "wds_1_143_1_PageFooter";
 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_142_0_PageFooter__root","container":"wds_1_142_0_PageFooter__container","divider":"wds_1_142_0_PageFooter__divider"};
+module.exports.classes = {"root":"wds_1_143_1_PageFooter__root","container":"wds_1_143_1_PageFooter__container","divider":"wds_1_143_1_PageFooter__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Center/Center.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_142_0_Center";
+var _namespace_ = "wds_1_143_1_Center";
 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_142_0_Center__root","center":"wds_1_142_0_Center__center"};
+module.exports.classes = {"root":"wds_1_143_1_Center__root","center":"wds_1_143_1_Center__center"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/End/End.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_142_0_End";
+var _namespace_ = "wds_1_143_1_End";
 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_142_0_End__root","end":"wds_1_142_0_End__end"};
+module.exports.classes = {"root":"wds_1_143_1_End__root","end":"wds_1_143_1_End__end"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/components/Footer/components/Start/Start.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../../../stylable-cjs
 
 
 
-var _namespace_ = "wds_1_142_0_Start";
+var _namespace_ = "wds_1_143_1_Start";
 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_142_0_Start__root","start":"wds_1_142_0_Start__start"};
+module.exports.classes = {"root":"wds_1_143_1_Start__root","start":"wds_1_143_1_Start__start"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};