@wix/design-system 1.0.0

package/dist/cjs/Page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Page","React","PureComponent","constructor","props","_renderFixedFooter","children","childrenObject","getChildrenObject","FixedFooter","FixedFooterChild","PageContent","contentFullScreen","fullScreen","pageDimensionsStyle","_getPageDimensionsStyle","classes","fixedFooter","ref","footerWrapperRef","cloneElement","scrollableContainerRef","createRef","_handleScroll","bind","_handleWidthResize","_handleWindowResize","_calculateComponentsHeights","state","headerContainerHeight","headerWrapperHeight","tailHeight","footerHeight","minimized","componentDidMount","contentResizeListener","ResizeSensor","_getScrollContainer","childNodes","window","addEventListener","ARBITRARY_SHORT_DURATION_MS","timerId","setTimeout","scrollableContentRef","current","componentDidUpdate","prevProps","componentWillUnmount","removeEventListener","detach","_handleResize","clearTimeout","_getNamedChildren","pageHeight","newHeaderWrapperHeight","headerWrapperRef","getBoundingClientRect","height","newHeaderContainerHeight","headerContainerRef","newTailHeight","pageHeaderTailRef","offsetHeight","newPageHeight","pageRef","newFooterHeight","setState","_getMinimizedHeaderWrapperHeight","_hasHeader","_hasTail","parseInt","stVars","minimizedHeaderWrapperWithTailHeightPx","minimizedHeaderWrapperHeightPx","_getMinimizationDiff","e","containerScrollTop","scrollTop","minimizationDiff","nextDisplayMiniHeader","scrollProps","onScrollChanged","windowHeight","innerHeight","document","documentElement","clientHeight","body","_safeGetChildren","element","maxWidth","sidePadding","styles","paddingLeft","paddingRight","_hasBackgroundImage","backgroundImageUrl","_hasGradientClassName","gradientClassName","_renderContentHorizontalLayout","className","horizontalScroll","style","rest","st","contentHorizontalLayout","contentFullWidth","_renderHeader","PageHeader","PageHeaderChild","dataHook","headerWrapper","hasBackgroundImage","_renderHeaderContainer","placeholder","top","pageHeaderContainer","hasTail","vars","minimizationTop","_renderTail","_renderScrollableContainer","onScrollAreaChanged","scrollableContainer","_renderScrollableBackground","_renderContentContainer","PageTail","backgroundHeight","backgroundCoverContentPx","imageBackgroundContainer","imageBackground","backgroundImage","gradientBackground","tail","r","PageFixedContent","stickyStyle","contentContainer","paddingBottom","contentFloating","render","minWidth","zIndex","root","page","pageSidePadding","scrollTo","scrollContainer","defaultProps","mainContainerMinWidth","mainContainerMaxWidth","FixedContent","displayName","propTypes","PropTypes","isRequired","Header","Section","PageSection","Content","Tail","Sticky","PageSticky","Footer","PageFooter","allowedChildren","string","number","bool","func","shape","ScrollableContainerCommonProps","arrayOf","key","child","allowedDisplayNames","map","c","childDisplayName","type","includes","Error","Children","toArray","reduce","acc"],"sources":["../../../src/Page/Page.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResizeSensor } from 'css-element-queries';\nimport { st, classes, stVars, vars } from './Page.st.css';\nimport { PageContext } from './PageContext';\nimport PageHeader from '../PageHeader';\nimport PageSection from '../PageSection';\nimport PageFooter from '../PageFooter';\nimport Content from './Content';\nimport Tail from './Tail';\nimport { PageSticky } from './PageSticky';\nimport FixedFooter from './FixedFooter';\nimport ScrollableContainer from '../common/ScrollableContainer';\nimport { ScrollableContainerCommonProps } from '../common/PropTypes/ScrollableContainerCommon';\n\n/*\n * Page structure without mini-header-overlay:\n *\n * + PageWrapper (Horizontal Scroll) --\n * | +- Page --------------------------\n * | | +--  ScrollableContainer (Vertical Scroll)\n * | | | +--  MinimizationPlaceholder\n * | | | |\n * | | | +-----------------------------\n * | | | +-- HeaderContainer ------ (position: fixed - when minimized)\n * | | | | +-- Page.Header ------------\n * | | | | |\n * | | | | +---------------------------\n * | | | | +-- Page.Tail --------------\n * | | | | |\n * | | | | +---------------------------\n * | | | +-----------------------------\n * | | | +-- ContentWrapper------------\n * | | | | +-- Page.FixedContent (Deprecated)\n * | | | | |\n * | | | | +---------------------------\n * | | | | +-- Page.Content -----------\n * | | | | | +-- Page.Section ---------\n * | | | | |\n * | | | | +---------------------------\n * | | | +-----------------------------\n * | | +-------------------------------\n * | +--------------------------------- (Page - End)\n * +----------------------------------- (PageWrapper - End)\n *\n * -  ScrollableContainer has a data-classnamed 'scrollable-content', and should NOT be renamed, since\n * Tooltip is hard-coded-ly using a selector like this: [data-class=\"page-scrollable-content\"]\n */\n\nclass Page extends React.PureComponent {\n  static defaultProps = {\n    minWidth: parseInt(stVars.mainContainerMinWidth, 10),\n    maxWidth: parseInt(stVars.mainContainerMaxWidth, 10),\n    scrollProps: {},\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.scrollableContainerRef = React.createRef();\n    this._handleScroll = this._handleScroll.bind(this);\n    this._handleWidthResize = this._handleWidthResize.bind(this);\n    this._handleWindowResize = this._handleWindowResize.bind(this);\n    this._calculateComponentsHeights =\n      this._calculateComponentsHeights.bind(this);\n\n    this.state = {\n      headerContainerHeight: 0,\n      headerWrapperHeight: 0,\n      tailHeight: 0,\n      footerHeight: 0,\n      minimized: false,\n    };\n  }\n\n  componentDidMount() {\n    this._calculateComponentsHeights();\n    this.contentResizeListener = new ResizeSensor(\n      this._getScrollContainer().childNodes[0],\n      this._handleWidthResize,\n    );\n    this._handleWidthResize();\n    window.addEventListener('resize', this._handleWindowResize);\n\n    // TODO: Hack to fix cases where initial measurement of headerWrapperHeight is not correct (need to investigate)\n    // Happens in PageTestStories -> PageWithScroll -> 5. Scroll - Trigger Mini Header\n    // Maybe there is a transition\n    const ARBITRARY_SHORT_DURATION_MS = 100;\n    this.timerId = setTimeout(\n      this._calculateComponentsHeights,\n      ARBITRARY_SHORT_DURATION_MS,\n    );\n\n    // This is done for backward compatibility only,\n    // Notifying current users that passed the `scrollableContentRef` prop about the ref current value.\n    // New users should be encouraged to use the new event handlers onScrollChanged/onScrollAreaChanged\n    // according to their use case.\n    this.props.scrollableContentRef &&\n      this.props.scrollableContentRef(this.scrollableContainerRef.current);\n  }\n\n  componentDidUpdate(prevProps) {\n    this._calculateComponentsHeights();\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this._handleWindowResize);\n    this.contentResizeListener.detach(this._handleResize);\n    if (this.timerId) {\n      clearTimeout(this.timerId);\n    }\n  }\n\n  _getNamedChildren() {\n    return getChildrenObject(this.props.children);\n  }\n\n  _calculateComponentsHeights() {\n    const {\n      headerContainerHeight,\n      headerWrapperHeight,\n      tailHeight,\n      pageHeight,\n      footerHeight,\n      minimized,\n    } = this.state;\n\n    const newHeaderWrapperHeight =\n      this.headerWrapperRef && !minimized\n        ? this.headerWrapperRef.getBoundingClientRect().height\n        : headerWrapperHeight;\n\n    const newHeaderContainerHeight =\n      this.headerWrapperRef && !minimized\n        ? this.headerContainerRef.getBoundingClientRect().height\n        : headerContainerHeight;\n\n    const newTailHeight = this.pageHeaderTailRef\n      ? this.pageHeaderTailRef.offsetHeight\n      : 0;\n    const newPageHeight = this.pageRef ? this.pageRef.offsetHeight : 0;\n    const newFooterHeight = this.footerWrapperRef\n      ? this.footerWrapperRef.offsetHeight\n      : 0;\n\n    if (\n      headerContainerHeight !== newHeaderContainerHeight ||\n      headerWrapperHeight !== newHeaderWrapperHeight ||\n      tailHeight !== newTailHeight ||\n      pageHeight !== newPageHeight ||\n      footerHeight !== newFooterHeight\n    ) {\n      this.setState({\n        headerContainerHeight: newHeaderContainerHeight,\n        headerWrapperHeight: newHeaderWrapperHeight,\n        tailHeight: newTailHeight,\n        pageHeight: newPageHeight,\n        footerHeight: newFooterHeight,\n      });\n    }\n  }\n\n  _getScrollContainer() {\n    return this.scrollableContainerRef.current;\n  }\n\n  _getMinimizedHeaderWrapperHeight() {\n    if (!this._hasHeader()) {\n      return 0;\n    }\n\n    return this._hasTail()\n      ? parseInt(stVars.minimizedHeaderWrapperWithTailHeightPx, 10)\n      : parseInt(stVars.minimizedHeaderWrapperHeightPx, 10);\n  }\n\n  _getMinimizationDiff() {\n    const { headerWrapperHeight } = this.state;\n    return headerWrapperHeight\n      ? headerWrapperHeight - this._getMinimizedHeaderWrapperHeight()\n      : null;\n  }\n\n  _handleScroll(e) {\n    const containerScrollTop = this._getScrollContainer().scrollTop;\n\n    const { minimized } = this.state;\n\n    const minimizationDiff = this._getMinimizationDiff();\n    const nextDisplayMiniHeader =\n      minimizationDiff && containerScrollTop >= minimizationDiff;\n\n    if (minimized !== nextDisplayMiniHeader) {\n      this.setState({\n        minimized: nextDisplayMiniHeader,\n      });\n    }\n\n    const {\n      scrollProps: { onScrollChanged },\n    } = this.props;\n    if (onScrollChanged) {\n      onScrollChanged(e);\n    }\n  }\n\n  _handleWidthResize() {}\n\n  _handleWindowResize() {\n    // TODO: Optimize : https://developer.mozilla.org/en-US/docs/Web/Events/resize\n\n    // Taken from here: https://github.com/kunokdev/react-window-size-listener/blob/d64c077fba4d4e0ce060464078c5fc19620528e6/src/index.js#L66\n    const windowHeight =\n      window.innerHeight ||\n      document.documentElement.clientHeight ||\n      document.body.clientHeight;\n\n    if (this.state.windowHeight !== windowHeight) {\n      // We are not using windowHeight directly, since we need to measure the `<Page/>`'s height,\n      // But we hold it in the state to avoid rendering when only window.width changes\n      this.setState({ windowHeight });\n    }\n  }\n\n  _safeGetChildren(element) {\n    if (!element || !element.props || !element.props.children) {\n      return [];\n    }\n\n    return element.props.children;\n  }\n\n  _getPageDimensionsStyle() {\n    const { maxWidth, sidePadding } = this.props;\n    // TODO: Simplify - maxWidth is always truthy (from defaultProp)\n    if (!maxWidth && !sidePadding && sidePadding !== 0) {\n      return null;\n    }\n\n    const styles = {};\n    if (maxWidth) {\n      styles.maxWidth = `${maxWidth}px`;\n    }\n\n    if (sidePadding || sidePadding === 0) {\n      styles.paddingLeft = `${sidePadding}px`;\n      styles.paddingRight = `${sidePadding}px`;\n    }\n\n    return styles;\n  }\n\n  _hasBackgroundImage() {\n    return !!this.props.backgroundImageUrl;\n  }\n\n  _hasGradientClassName() {\n    return !!this.props.gradientClassName && !this.props.backgroundImageUrl;\n  }\n\n  _renderContentHorizontalLayout(props) {\n    const { PageContent } = this._getNamedChildren();\n    const contentFullScreen = PageContent && PageContent.props.fullScreen;\n\n    const { className, horizontalScroll, style, ...rest } = props;\n\n    const pageDimensionsStyle = contentFullScreen\n      ? null\n      : this._getPageDimensionsStyle();\n\n    return (\n      <div\n        className={st(\n          classes.contentHorizontalLayout,\n          {\n            contentFullWidth: contentFullScreen,\n            horizontalScroll,\n          },\n          className,\n        )}\n        style={{ ...pageDimensionsStyle, ...style }}\n        {...rest}\n      >\n        {props.children}\n      </div>\n    );\n  }\n\n  _renderHeader() {\n    const { minimized } = this.state;\n    const { PageHeader: PageHeaderChild } = this._getNamedChildren();\n    const dataHook = 'page-header-wrapper';\n\n    return (\n      PageHeaderChild && (\n        <div\n          key={dataHook}\n          data-hook={dataHook}\n          className={st(classes.headerWrapper, {\n            minimized,\n          })}\n          ref={ref => (this.headerWrapperRef = ref)}\n        >\n          {React.cloneElement(PageHeaderChild, {\n            minimized,\n            hasBackgroundImage: this._hasBackgroundImage(),\n          })}\n        </div>\n      )\n    );\n  }\n\n  _renderHeaderContainer() {\n    const { minimized } = this.state;\n\n    // placeholder when header is minimized\n    const placeholder = (\n      <div\n        key=\"placeholder\"\n        style={{\n          height: `${minimized ? this._getMinimizationDiff() : 0}px`,\n        }}\n      />\n    );\n\n    /**\n     * HeaderContainer has position sticky. The `top` value is negative, in order to let\n     * the container scroll out of view before the minimization occurs.\n     */\n    const top = minimized ? `-${this._getMinimizationDiff()}px` : 0;\n\n    return (\n      <div\n        data-hook=\"page-header-container\"\n        className={st(classes.pageHeaderContainer, {\n          minimized,\n          hasTail: this._hasTail(),\n        })}\n        style={{\n          [vars.minimizationTop]: top,\n        }}\n        ref={ref => (this.headerContainerRef = ref)}\n      >\n        {this._renderContentHorizontalLayout({\n          children: [placeholder, this._renderHeader(), this._renderTail()],\n        })}\n      </div>\n    );\n  }\n\n  _renderScrollableContainer() {\n    const {\n      scrollProps: { onScrollAreaChanged },\n    } = this.props;\n    return (\n      <ScrollableContainer\n        className={st(classes.scrollableContainer, {\n          hasTail: this._hasTail(),\n        })}\n        dataHook=\"page-scrollable-content\"\n        data-class=\"page-scrollable-content\"\n        ref={this.scrollableContainerRef}\n        onScrollAreaChanged={onScrollAreaChanged}\n        onScrollChanged={this._handleScroll}\n      >\n        <div data-hook=\"safari-12-13-sticky-fix\">\n          {this._renderScrollableBackground()}\n\n          {this._renderHeaderContainer()}\n          {this._renderContentContainer()}\n          {this._renderFixedFooter()}\n        </div>\n      </ScrollableContainer>\n    );\n  }\n\n  _hasTail() {\n    return !!this._getNamedChildren().PageTail;\n  }\n\n  _hasHeader() {\n    return !!this._getNamedChildren().PageHeader;\n  }\n\n  _renderScrollableBackground() {\n    const { headerContainerHeight, tailHeight } = this.state;\n\n    const backgroundHeight = `${\n      headerContainerHeight -\n      tailHeight +\n      (this._hasTail() ? 0 : parseInt(stVars.backgroundCoverContentPx, 10))\n    }px`;\n\n    if (this._hasBackgroundImage()) {\n      return (\n        <div\n          className={classes.imageBackgroundContainer}\n          style={{ height: backgroundHeight }}\n          data-hook=\"page-background-image\"\n        >\n          <div\n            className={classes.imageBackground}\n            style={{ backgroundImage: `url(${this.props.backgroundImageUrl})` }}\n          />\n        </div>\n      );\n    }\n\n    if (this._hasGradientClassName()) {\n      return (\n        <div\n          data-hook=\"page-gradient-class-name\"\n          className={st(\n            classes.gradientBackground,\n            {},\n            this.props.gradientClassName,\n          )}\n          style={{ height: backgroundHeight }}\n        />\n      );\n    }\n  }\n\n  _renderTail() {\n    const { PageTail } = this._getNamedChildren();\n    const dataHook = 'page-tail';\n\n    return (\n      PageTail && (\n        <div\n          data-hook={dataHook}\n          key={dataHook}\n          className={classes.tail}\n          ref={r => (this.pageHeaderTailRef = r)}\n        >\n          {PageTail}\n        </div>\n      )\n    );\n  }\n\n  _renderContentContainer() {\n    const { footerHeight } = this.state;\n    const { children } = this.props;\n    const childrenObject = getChildrenObject(children);\n    const { PageContent, PageFixedContent } = childrenObject;\n\n    return (\n      <PageContext.Provider\n        value={{\n          stickyStyle: {\n            top: `${\n              this._getMinimizedHeaderWrapperHeight() + this.state.tailHeight\n            }px`,\n          },\n        }}\n      >\n        {this._renderContentHorizontalLayout({\n          className: classes.contentContainer,\n          style: {\n            paddingBottom: footerHeight || '48px',\n          },\n          horizontalScroll: this.props.horizontalScroll,\n          children: (\n            <div className={classes.contentFloating}>\n              {PageFixedContent && (\n                <PageSticky data-hook=\"page-fixed-content\">\n                  {React.cloneElement(PageFixedContent)}\n                </PageSticky>\n              )}\n              {this._safeGetChildren(PageContent)}\n            </div>\n          ),\n        })}\n      </PageContext.Provider>\n    );\n  }\n\n  _renderFixedFooter = () => {\n    const { children } = this.props;\n    const childrenObject = getChildrenObject(children);\n    const { FixedFooter: FixedFooterChild, PageContent } = childrenObject;\n    const contentFullScreen = PageContent && PageContent.props.fullScreen;\n\n    const pageDimensionsStyle = contentFullScreen\n      ? null\n      : this._getPageDimensionsStyle();\n\n    if (FixedFooterChild) {\n      return (\n        <div\n          className={classes.fixedFooter}\n          ref={ref => {\n            this.footerWrapperRef = ref;\n          }}\n          style={pageDimensionsStyle}\n        >\n          {React.cloneElement(FixedFooterChild, {})}\n        </div>\n      );\n    }\n  };\n\n  render() {\n    const { dataHook, className, minWidth, zIndex, height } = this.props;\n\n    return (\n      <div\n        data-hook={dataHook}\n        className={st(classes.root, {}, className)}\n        style={{ zIndex, height }}\n      >\n        <div\n          data-hook=\"page\"\n          className={classes.page}\n          style={{\n            minWidth: minWidth + 2 * parseInt(stVars.pageSidePadding, 10),\n          }}\n          ref={ref => (this.pageRef = ref)}\n        >\n          {this._renderScrollableContainer()}\n        </div>\n      </div>\n    );\n  }\n\n  /**\n   * Scrolls the page to a particular set of coordinates\n   * @param {ScrollToOptions} scrollTo { left: number, top: number, behavior: 'smooth' | 'auto' }\n   */\n  scrollTo(scrollTo) {\n    const scrollContainer = this._getScrollContainer();\n    scrollContainer.scrollTo(scrollTo);\n  }\n}\n\nconst FixedContent = props => props.children;\nFixedContent.displayName = 'Page.FixedContent';\nFixedContent.propTypes = {\n  children: PropTypes.element.isRequired,\n};\n\nPage.displayName = 'Page';\nPage.Header = PageHeader;\nPage.Section = PageSection;\nPage.Content = Content;\nPage.FixedContent = FixedContent; // TODO: deprecate, use Page.Sticky instead\nPage.Tail = Tail;\nPage.FixedFooter = FixedFooter;\nPage.Sticky = PageSticky;\nPage.Footer = PageFooter;\n\nconst allowedChildren = [\n  Page.Header,\n  Page.Section,\n  Page.Content,\n  Page.FixedContent,\n  Page.Tail,\n  Page.FixedFooter,\n];\n\nPage.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n  /** Provides a link to the background image source (URL). Image will be displayed at the top of a page, underneath the \\<Page.Header/>. */\n  backgroundImageUrl: PropTypes.string,\n  /** Sets the maximum width of the page (paddings excluded) */\n  maxWidth: PropTypes.number,\n  /** Sets the minimum width of the page (paddings excluded) */\n  minWidth: PropTypes.number,\n  /** Enables page content to scroll horizontally when its width exceed maximum allowed width */\n  horizontalScroll: PropTypes.bool,\n  /** Sets the height of the page in pixels (px), viewport height (vh), etc. */\n  height: PropTypes.string,\n  /** Sets the side paddings of a page */\n  sidePadding: PropTypes.number,\n  /** Specifies a CSS class name to be appended to the component’s root element */\n  className: PropTypes.string,\n  /** Specifies a CSS class name that defines a gradient background for \\<Page.Header/> */\n  gradientClassName: PropTypes.string,\n  /** Defines a reference called together with page scrollable content ref after page mount.\n   *  <br/>\n   * **Note** - if you need this ref only for listening to scroll events on the scrollable content then use this prop instead:\n   * `scrollProps = {onScrollChanged/onScrollAreaChanged}` */\n  scrollableContentRef: PropTypes.func,\n  /** Pass properties related to the scrollable content of the page.\n   * <br/>\n   * **onScrollAreaChanged** - defines a handler function for scroll area changes.\n   * Function is triggered when the user scrolls to a different area of the scrollable content. See signature for possible areas:\n   * `function({area: {y: AreaY, x: AreaX}, target: HTMLElement}) => void`\n   * `AreaY`: top | middle | bottom | none\n   * `AreaX`: start | middle | end | none (not implemented yet)\n   * <br/>\n   * **onScrollAreaChanged** - defines a general handler for scroll changes with throttling (100ms):\n   * `function({target: HTMLElement}) => void`\n   * */\n  scrollProps: PropTypes.shape(ScrollableContainerCommonProps),\n\n  /** Accepts compound components as child items:\n   * - `<Page.Header/>`\n   * - `<Page.Content/>`\n   * - `<Page.Tail/>`\n   * - `<Page.Section/>`\n   * - `<Page.Footer/>`\n   *  */\n  children: PropTypes.arrayOf((children, key) => {\n    const child = children[key];\n    if (!child) {\n      return;\n    }\n\n    const allowedDisplayNames = allowedChildren.map(c => c.displayName);\n    const childDisplayName = child.type.displayName;\n    if (!allowedDisplayNames.includes(childDisplayName)) {\n      return new Error(\n        `Page: Invalid Prop children, unknown child ${child.type}`,\n      );\n    }\n  }).isRequired,\n\n  /** Specifies the stack order (z-index) of a page */\n  zIndex: PropTypes.number,\n};\n\nfunction getChildrenObject(children) {\n  return React.Children.toArray(children).reduce((acc, child) => {\n    switch (child.type.displayName) {\n      case 'Page.Header': {\n        acc.PageHeader = child;\n        break;\n      }\n      case 'Page.Section': {\n        acc.Section = child;\n        break;\n      }\n      case 'Page.Content': {\n        acc.PageContent = child;\n        break;\n      }\n      case 'Page.FixedContent': {\n        acc.PageFixedContent = child;\n        break;\n      }\n      case 'Page.Tail': {\n        acc.PageTail = child;\n        break;\n      }\n      case 'Page.FixedFooter': {\n        acc.FixedFooter = child;\n        break;\n      }\n      default: {\n        break;\n      }\n    }\n    return acc;\n  }, {});\n}\n\nexport default Page;\n"],"mappings":"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"}

package/dist/cjs/Page/Page.meta.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  children: []
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [...sharedTests];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=Page.meta.js.map

package/dist/cjs/Page/Page.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","children","sharedTests","title","props","testkitTests","ssrTests","a11yTests"],"sources":["../../../src/Page/Page.meta.tsx"],"sourcesContent":["import { PageProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: PageProps = {\n  children: [],\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as PageProps,\n  },\n];\n\nexport const testkitTests = [...sharedTests];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAwB,GAAG;EACtCC,QAAQ,EAAE;AACZ,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAJ,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMK,YAAY,GAAG,CAAC,GAAGH,WAAW,CAAC;AAAC;AAEtC,IAAMI,QAAQ,GAAG,CAAC,GAAGJ,WAAW,CAAC;AAAC;AAElC,IAAMK,SAAS,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC"}

package/dist/cjs/Page/Page.private.driver.js

@@ -0,0 +1,54 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PagePrivateDriver = void 0;
+var _driverFactory = require("wix-ui-test-utils/driver-factory");
+class PagePrivateDriver {
+  constructor(_ref) {
+    var {
+      element,
+      eventTrigger
+    } = _ref;
+    this.element = element;
+    this.eventTrigger = eventTrigger;
+  }
+  static fromJsxElement(jsxElement) {
+    var driverFactory = _ref2 => {
+      var {
+        element,
+        eventTrigger
+      } = _ref2;
+      return new PagePrivateDriver({
+        element,
+        eventTrigger
+      });
+    };
+    return (0, _driverFactory.createDriverFactory)(driverFactory)(jsxElement);
+  }
+  byDataHook(dataHook) {
+    return this.element.querySelector("[data-hook=\"".concat(dataHook, "\"]"));
+  }
+  get fixedContainer() {
+    return this.byDataHook('page-header-container');
+  }
+  get scrollableContainer() {
+    return this.byDataHook('page-scrollable-content');
+  }
+  wheelOnFixedContainer(amount) {
+    this.eventTrigger.wheel(this.fixedContainer, {
+      deltaY: amount
+    });
+  }
+  getScrollAmount() {
+    return this.scrollableContainer.scrollTop;
+  }
+  setScrollAmount(amount) {
+    this.scrollableContainer.scrollTop = amount;
+    this.eventTrigger.scroll(this.byDataHook('page-scrollable-content'));
+  }
+  getStyle() {
+    return this.element.style;
+  }
+}
+exports.PagePrivateDriver = PagePrivateDriver;
+//# sourceMappingURL=Page.private.driver.js.map

package/dist/cjs/Page/Page.private.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PagePrivateDriver","constructor","element","eventTrigger","fromJsxElement","jsxElement","driverFactory","createDriverFactory","byDataHook","dataHook","querySelector","fixedContainer","scrollableContainer","wheelOnFixedContainer","amount","wheel","deltaY","getScrollAmount","scrollTop","setScrollAmount","scroll","getStyle","style"],"sources":["../../../src/Page/Page.private.driver.js"],"sourcesContent":["import { createDriverFactory } from 'wix-ui-test-utils/driver-factory';\n\nexport class PagePrivateDriver {\n  constructor({ element, eventTrigger }) {\n    this.element = element;\n    this.eventTrigger = eventTrigger;\n  }\n\n  static fromJsxElement(jsxElement) {\n    const driverFactory = ({ element, eventTrigger }) =>\n      new PagePrivateDriver({ element, eventTrigger });\n    return createDriverFactory(driverFactory)(jsxElement);\n  }\n\n  byDataHook(dataHook) {\n    return this.element.querySelector(`[data-hook=\"${dataHook}\"]`);\n  }\n\n  get fixedContainer() {\n    return this.byDataHook('page-header-container');\n  }\n\n  get scrollableContainer() {\n    return this.byDataHook('page-scrollable-content');\n  }\n\n  wheelOnFixedContainer(amount) {\n    this.eventTrigger.wheel(this.fixedContainer, { deltaY: amount });\n  }\n\n  getScrollAmount() {\n    return this.scrollableContainer.scrollTop;\n  }\n\n  setScrollAmount(amount) {\n    this.scrollableContainer.scrollTop = amount;\n    this.eventTrigger.scroll(this.byDataHook('page-scrollable-content'));\n  }\n\n  getStyle() {\n    return this.element.style;\n  }\n}\n"],"mappings":";;;;AAAA;AAEO,MAAMA,iBAAiB,CAAC;EAC7BC,WAAW,OAA4B;IAAA,IAA3B;MAAEC,OAAO;MAAEC;IAAa,CAAC;IACnC,IAAI,CAACD,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,YAAY,GAAGA,YAAY;EAClC;EAEA,OAAOC,cAAc,CAACC,UAAU,EAAE;IAChC,IAAMC,aAAa,GAAG;MAAA,IAAC;QAAEJ,OAAO;QAAEC;MAAa,CAAC;MAAA,OAC9C,IAAIH,iBAAiB,CAAC;QAAEE,OAAO;QAAEC;MAAa,CAAC,CAAC;IAAA;IAClD,OAAO,IAAAI,kCAAmB,EAACD,aAAa,CAAC,CAACD,UAAU,CAAC;EACvD;EAEAG,UAAU,CAACC,QAAQ,EAAE;IACnB,OAAO,IAAI,CAACP,OAAO,CAACQ,aAAa,wBAAgBD,QAAQ,SAAK;EAChE;EAEA,IAAIE,cAAc,GAAG;IACnB,OAAO,IAAI,CAACH,UAAU,CAAC,uBAAuB,CAAC;EACjD;EAEA,IAAII,mBAAmB,GAAG;IACxB,OAAO,IAAI,CAACJ,UAAU,CAAC,yBAAyB,CAAC;EACnD;EAEAK,qBAAqB,CAACC,MAAM,EAAE;IAC5B,IAAI,CAACX,YAAY,CAACY,KAAK,CAAC,IAAI,CAACJ,cAAc,EAAE;MAAEK,MAAM,EAAEF;IAAO,CAAC,CAAC;EAClE;EAEAG,eAAe,GAAG;IAChB,OAAO,IAAI,CAACL,mBAAmB,CAACM,SAAS;EAC3C;EAEAC,eAAe,CAACL,MAAM,EAAE;IACtB,IAAI,CAACF,mBAAmB,CAACM,SAAS,GAAGJ,MAAM;IAC3C,IAAI,CAACX,YAAY,CAACiB,MAAM,CAAC,IAAI,CAACZ,UAAU,CAAC,yBAAyB,CAAC,CAAC;EACtE;EAEAa,QAAQ,GAAG;IACT,OAAO,IAAI,CAACnB,OAAO,CAACoB,KAAK;EAC3B;AACF;AAAC"}

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

@@ -0,0 +1,225 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D10-42, D60, D70;
+}
+
+:import {
+  -st-from: "../Foundation/stylable/z-index.st.css";
+  -st-named: zIndex_PAGE;
+}
+
+:import {
+  -st-from: "../Foundation/stylable/mixins/calc.js";
+  -st-default: calc;
+}
+
+:vars {
+  pageSidePadding: 48px;
+  headerBottomPadding: 24px;
+  imageContainerOffset: 30px;
+  pageBottomPadding: 48px;
+  minimizedHeaderWrapperMinHeight: 30px;
+  minimizedHeaderWrapperTopPadding: 18px;
+  minimizedHeaderWrapperBottomPadding: 18px;
+  minimizedHeaderWrapperWithTailBottomPadding: 12px;
+
+  minimizedHeaderWrapperHeightPx: 66;
+  minimizedHeaderWrapperWithTailHeightPx: 60;
+  backgroundCoverContentPx: 36;
+
+  /**********************
+  *      Z-Indexs
+  **********************/
+  zIndexLayerStep: 100;
+  /* z-index is needed so that non-sticky content with 'position: relative' would not overlay above the sticky content.
+   * Need to be height than any component that may fit into a sticky page content.
+   * Currently:
+   * - InputSuffix's content uses 10000 (Likely to appear in a sticky TableToolbar)
+   * - Tooltip uses 2000
+   * - ToggleButton uses 1000
+   */
+  stickyZIndex: 1100;
+  minimizedHeaderContainerZIndex: calc(value(stickyZIndex) + value(zIndexLayerStep));
+  fixedFooterZIndex: 2000;
+
+  mainContainerMinWidth: 864px;
+  mainContainerMaxWidth: 1248px;
+}
+
+@keyframes entrance {
+  0% {
+    opacity: 0;
+    bottom: -20px;
+  }
+
+  100% {
+    opacity: 1;
+    bottom: 0;
+  }
+}
+
+.root {
+  overflow-x: auto;
+  height: 100%;
+  z-index: value(zIndex_PAGE);
+}
+
+.page {
+  position: relative;
+  background-color: value(D70);
+  min-width: value(mainContainerMinWidth);
+  height: 100%;
+  transform: scale(1);
+}
+
+.scrollableContainer {
+  overflow-y: auto;
+  width: 100%;
+  position: relative;
+  height: 100%;
+}
+
+.pageHeaderContainer {
+  --minimizationTop: 0;
+  -st-states: minimized, hasTail;
+  position: relative;
+  width: 100%;
+  margin: 0 auto;
+  box-sizing: border-box;
+  top: var(--minimizationTop);
+}
+
+.headerWrapper {
+  -st-states: minimized;
+}
+
+.pageHeaderContainer .headerWrapper {
+  padding-top: 24px;
+  padding-bottom: value(headerBottomPadding);
+}
+
+.pageHeaderContainer .headerWrapper:minimized {
+  box-sizing: content;
+  min-height: value(minimizedHeaderWrapperMinHeight);
+  padding-top: value(minimizedHeaderWrapperTopPadding);
+  padding-bottom: value(minimizedHeaderWrapperBottomPadding);
+  position: relative;
+  animation: entrance 0.2s;
+}
+
+.pageHeaderContainer:hasTail .headerWrapper:minimized {
+  padding-bottom: value(minimizedHeaderWrapperWithTailBottomPadding);
+}
+
+.pageHeaderContainer .tail {
+  background-color: value(D70);
+}
+
+.pageHeaderContainer:minimized {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: value(minimizedHeaderContainerZIndex);
+  background-color: value(D70);
+  border-bottom: 1px solid value(D60);
+}
+
+.scrollableContainer {
+  -st-states: hasTail;
+}
+
+.scrollableContainer .contentContainer {
+  position: relative;
+}
+
+.scrollableContainer:hasTail .contentContainer {
+  margin-top: value(headerBottomPadding);
+}
+
+.imageBackgroundContainer {
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(1);
+}
+
+.imageBackgroundContainer::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: value(D10-42);
+}
+
+.imageBackgroundContainer .imageBackground {
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+  position: absolute;
+  top: calc(-1 * value(imageContainerOffset));
+  bottom: calc(-1 * value(imageContainerOffset));
+  left: calc(-1 * value(imageContainerOffset));
+  right: calc(-1 * value(imageContainerOffset));
+  filter: blur(12px);
+}
+
+.gradientBackground {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.contentHorizontalLayout {
+  -st-states: contentFullWidth, horizontalScroll;
+  padding: 0 value(pageSidePadding);
+  margin: 0 auto;
+}
+
+.contentHorizontalLayout:contentFullWidth {
+  padding-left: 0;
+  padding-right: 0;
+}
+
+.contentHorizontalLayout:horizontalScroll {
+  overflow-x: auto;
+  /* keep the padding effect when there is horizontal scroll */
+  padding-right: 0;
+}
+
+/* Needed in order to be above the background image which has position absolute */
+.contentFloating {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+.horizontalScroll .contentFloating {
+  display: inline-block;
+  margin-right: value(pageSidePadding);
+}
+
+.sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  z-index: value(stickyZIndex);
+  background-color: value(D70);
+  /* This fixes non-sticky content from being shown behind sticky content with rounded-corners */
+}
+
+.stretchVertically {
+  height: 100%;
+}
+
+.fixedFooter {
+  z-index: value(fixedFooterZIndex);
+  box-sizing: border-box;
+  position: fixed;
+  background: linear-gradient(90deg, transparent 0px, value(D70) 0px, value(D70) calc(100% - 0px), transparent calc(100% - 0px));
+  right: 50%;
+  transform: translateX(50%);
+  bottom: 0;
+  width: calc(100% - 96px);
+  padding-bottom: 48px;
+}

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

@@ -0,0 +1,25 @@
+
+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_0_0_Page";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_Page__root","page":"wds_1_0_0_Page__page","scrollableContainer":"wds_1_0_0_Page__scrollableContainer","pageHeaderContainer":"wds_1_0_0_Page__pageHeaderContainer","headerWrapper":"wds_1_0_0_Page__headerWrapper","tail":"wds_1_0_0_Page__tail","contentContainer":"wds_1_0_0_Page__contentContainer","imageBackgroundContainer":"wds_1_0_0_Page__imageBackgroundContainer","imageBackground":"wds_1_0_0_Page__imageBackground","gradientBackground":"wds_1_0_0_Page__gradientBackground","contentHorizontalLayout":"wds_1_0_0_Page__contentHorizontalLayout","contentFloating":"wds_1_0_0_Page__contentFloating","horizontalScroll":"wds_1_0_0_Page__horizontalScroll","sticky":"wds_1_0_0_Page__sticky","stretchVertically":"wds_1_0_0_Page__stretchVertically","fixedFooter":"wds_1_0_0_Page__fixedFooter"};
+module.exports.keyframes = {"entrance":"wds_1_0_0_Page__entrance"}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"pageSidePadding":"48px","headerBottomPadding":"24px","imageContainerOffset":"30px","pageBottomPadding":"48px","minimizedHeaderWrapperMinHeight":"30px","minimizedHeaderWrapperTopPadding":"18px","minimizedHeaderWrapperBottomPadding":"18px","minimizedHeaderWrapperWithTailBottomPadding":"12px","minimizedHeaderWrapperHeightPx":"66","minimizedHeaderWrapperWithTailHeightPx":"60","backgroundCoverContentPx":"36","zIndexLayerStep":"100","stickyZIndex":"1100","minimizedHeaderContainerZIndex":"1200","fixedFooterZIndex":"2000","mainContainerMinWidth":"864px","mainContainerMaxWidth":"1248px"}; 
+module.exports.vars = {"minimizationTop":"--wds_1_0_0_Page-minimizationTop"}; 
+
+
+
+

package/dist/cjs/Page/Page.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=Page.uni.driver.d.js.map

package/dist/cjs/Page/Page.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Page/Page.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\n\nexport interface PageUniDriver extends BaseUniDriver {\n  hasClass: (name: string) => Promise<boolean>;\n  backgroundImageExists: () => Promise<boolean>;\n  gradientClassNameExists: () => Promise<boolean>;\n  tailExists: () => Promise<boolean>;\n  gradientContainerHeight: () => Promise<string>;\n  getPageHtml: () => Promise<any>;\n}\n"],"mappings":""}

package/dist/cjs/Page/Page.uni.driver.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.pageUniDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _unidriver = require("../test-utils/utils/unidriver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var pageUniDriverFactory = base => {
+  return _objectSpread(_objectSpread({}, (0, _unidriver.baseUniDriverFactory)(base)), {}, {
+    hasClass: name => base.hasClass(name),
+    /** true if header background image exist */
+    backgroundImageExists: () => base.$('[data-hook="page-background-image"]').exists(),
+    /** true if gradient class name exist */
+    gradientClassNameExists: () => base.$('[data-hook="page-gradient-class-name"]').exists(),
+    /** true if tail exist in DOM */
+    tailExists: () => base.$('[data-hook="page-tail"]').exists(),
+    /** return container height */
+    gradientContainerHeight: function () {
+      var _gradientContainerHeight = (0, _asyncToGenerator2.default)(function* () {
+        var style = yield base.$('[data-hook="page-gradient-class-name"]')._prop('style');
+        return style.height;
+      });
+      function gradientContainerHeight() {
+        return _gradientContainerHeight.apply(this, arguments);
+      }
+      return gradientContainerHeight;
+    }(),
+    /** returns html in a string form */
+    getPageHtml: () => base._prop('innerHTML')
+  });
+};
+exports.pageUniDriverFactory = pageUniDriverFactory;
+//# sourceMappingURL=Page.uni.driver.js.map

package/dist/cjs/Page/Page.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pageUniDriverFactory","base","baseUniDriverFactory","hasClass","name","backgroundImageExists","$","exists","gradientClassNameExists","tailExists","gradientContainerHeight","style","_prop","height","getPageHtml"],"sources":["../../../src/Page/Page.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../test-utils/utils/unidriver';\n\nexport const pageUniDriverFactory = base => {\n  return {\n    ...baseUniDriverFactory(base),\n    hasClass: name => base.hasClass(name),\n\n    /** true if header background image exist */\n    backgroundImageExists: () =>\n      base.$('[data-hook=\"page-background-image\"]').exists(),\n\n    /** true if gradient class name exist */\n    gradientClassNameExists: () =>\n      base.$('[data-hook=\"page-gradient-class-name\"]').exists(),\n\n    /** true if tail exist in DOM */\n    tailExists: () => base.$('[data-hook=\"page-tail\"]').exists(),\n\n    /** return container height */\n    gradientContainerHeight: async () => {\n      const style = await base\n        .$('[data-hook=\"page-gradient-class-name\"]')\n        ._prop('style');\n      return style.height;\n    },\n\n    /** returns html in a string form */\n    getPageHtml: () => base._prop('innerHTML'),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AAAqE;AAAA;AAE9D,IAAMA,oBAAoB,GAAGC,IAAI,IAAI;EAC1C,uCACK,IAAAC,+BAAoB,EAACD,IAAI,CAAC;IAC7BE,QAAQ,EAAEC,IAAI,IAAIH,IAAI,CAACE,QAAQ,CAACC,IAAI,CAAC;IAErC;IACAC,qBAAqB,EAAE,MACrBJ,IAAI,CAACK,CAAC,CAAC,qCAAqC,CAAC,CAACC,MAAM,EAAE;IAExD;IACAC,uBAAuB,EAAE,MACvBP,IAAI,CAACK,CAAC,CAAC,wCAAwC,CAAC,CAACC,MAAM,EAAE;IAE3D;IACAE,UAAU,EAAE,MAAMR,IAAI,CAACK,CAAC,CAAC,yBAAyB,CAAC,CAACC,MAAM,EAAE;IAE5D;IACAG,uBAAuB;MAAA,+DAAE,aAAY;QACnC,IAAMC,KAAK,SAASV,IAAI,CACrBK,CAAC,CAAC,wCAAwC,CAAC,CAC3CM,KAAK,CAAC,OAAO,CAAC;QACjB,OAAOD,KAAK,CAACE,MAAM;MACrB,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IAED;IACAC,WAAW,EAAE,MAAMb,IAAI,CAACW,KAAK,CAAC,WAAW;EAAC;AAE9C,CAAC;AAAC"}

package/dist/cjs/Page/PageContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PageContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var PageContext = /*#__PURE__*/_react.default.createContext();
+exports.PageContext = PageContext;
+//# sourceMappingURL=PageContext.js.map

package/dist/cjs/Page/PageContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PageContext","React","createContext"],"sources":["../../../src/Page/PageContext.js"],"sourcesContent":["import React from 'react';\n\nexport const PageContext = React.createContext();\n"],"mappings":";;;;;AAAA;AAEO,IAAMA,WAAW,gBAAGC,cAAK,CAACC,aAAa,EAAE;AAAC"}

package/dist/cjs/Page/PageSticky.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PageSticky = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _PageContext = require("./PageContext");
+var _PageSt = require("./Page.st.css.js");
+var _excluded = ["children", "className", "style"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Page/PageSticky.js";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PageSticky = _ref => {
+  var {
+      children,
+      className,
+      style
+    } = _ref,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_PageContext.PageContext.Consumer, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 9,
+      columnNumber: 5
+    }
+  }, _ref2 => {
+    var {
+      stickyStyle
+    } = _ref2;
+    var result;
+    if (typeof children === 'function') {
+      result = children({
+        style,
+        className: _PageSt.classes.sticky
+      });
+    } else {
+      result = /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+        className: (0, _PageSt.st)(_PageSt.classes.sticky, {}, className),
+        style: _objectSpread(_objectSpread({}, stickyStyle), style)
+      }, props, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 16,
+          columnNumber: 13
+        }
+      }), children);
+    }
+    return result;
+  });
+};
+exports.PageSticky = PageSticky;
+PageSticky.displayName = 'Page.Sticky';
+PageSticky.propTypes = {
+  children: _propTypes.default.element.isRequired,
+  style: _propTypes.default.object
+};
+//# sourceMappingURL=PageSticky.js.map

package/dist/cjs/Page/PageSticky.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PageSticky","children","className","style","props","stickyStyle","result","classes","sticky","st","displayName","propTypes","PropTypes","element","isRequired","object"],"sources":["../../../src/Page/PageSticky.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { PageContext } from './PageContext';\nimport { st, classes } from './Page.st.css';\n\nexport const PageSticky = ({ children, className, style, ...props }) => {\n  return (\n    <PageContext.Consumer>\n      {({ stickyStyle }) => {\n        let result;\n        if (typeof children === 'function') {\n          result = children({ style, className: classes.sticky });\n        } else {\n          result = (\n            <div\n              className={st(classes.sticky, {}, className)}\n              style={{ ...stickyStyle, ...style }}\n              {...props}\n            >\n              {children}\n            </div>\n          );\n        }\n\n        return result;\n      }}\n    </PageContext.Consumer>\n  );\n};\n\nPageSticky.displayName = 'Page.Sticky';\nPageSticky.propTypes = {\n  children: PropTypes.element.isRequired,\n  style: PropTypes.object,\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AAA4C;AAAA;AAAA;AAAA;AAErC,IAAMA,UAAU,GAAG,QAA8C;EAAA,IAA7C;MAAEC,QAAQ;MAAEC,SAAS;MAAEC;IAAgB,CAAC;IAAPC,KAAK;EAC/D,oBACE,6BAAC,wBAAW,CAAC,QAAQ;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAClB,SAAqB;IAAA,IAApB;MAAEC;IAAY,CAAC;IACf,IAAIC,MAAM;IACV,IAAI,OAAOL,QAAQ,KAAK,UAAU,EAAE;MAClCK,MAAM,GAAGL,QAAQ,CAAC;QAAEE,KAAK;QAAED,SAAS,EAAEK,eAAO,CAACC;MAAO,CAAC,CAAC;IACzD,CAAC,MAAM;MACLF,MAAM,gBACJ;QACE,SAAS,EAAE,IAAAG,UAAE,EAACF,eAAO,CAACC,MAAM,EAAE,CAAC,CAAC,EAAEN,SAAS,CAAE;QAC7C,KAAK,kCAAOG,WAAW,GAAKF,KAAK;MAAG,GAChCC,KAAK;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,IAERH,QAAQ,CAEZ;IACH;IAEA,OAAOK,MAAM;EACf,CAAC,CACoB;AAE3B,CAAC;AAAC;AAEFN,UAAU,CAACU,WAAW,GAAG,aAAa;AACtCV,UAAU,CAACW,SAAS,GAAG;EACrBV,QAAQ,EAAEW,kBAAS,CAACC,OAAO,CAACC,UAAU;EACtCX,KAAK,EAAES,kBAAS,CAACG;AACnB,CAAC"}

package/dist/cjs/Page/Tail.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var Tail = _ref => {
+  var {
+    children,
+    minimized
+  } = _ref;
+  return /*#__PURE__*/_react.default.cloneElement(children, {
+    minimized
+  });
+};
+Tail.displayName = 'Page.Tail';
+Tail.propTypes = {
+  children: _propTypes.default.element.isRequired,
+  minimized: _propTypes.default.bool
+};
+var _default = Tail;
+exports.default = _default;
+//# sourceMappingURL=Tail.js.map

package/dist/cjs/Page/Tail.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tail","children","minimized","React","cloneElement","displayName","propTypes","PropTypes","element","isRequired","bool"],"sources":["../../../src/Page/Tail.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Tail = ({ children, minimized }) =>\n  React.cloneElement(children, { minimized });\n\nTail.displayName = 'Page.Tail';\n\nTail.propTypes = {\n  children: PropTypes.element.isRequired,\n  minimized: PropTypes.bool,\n};\n\nexport default Tail;\n"],"mappings":";;;;;AAAA;AACA;AAEA,IAAMA,IAAI,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAU,CAAC;EAAA,oBACnCC,cAAK,CAACC,YAAY,CAACH,QAAQ,EAAE;IAAEC;EAAU,CAAC,CAAC;AAAA;AAE7CF,IAAI,CAACK,WAAW,GAAG,WAAW;AAE9BL,IAAI,CAACM,SAAS,GAAG;EACfL,QAAQ,EAAEM,kBAAS,CAACC,OAAO,CAACC,UAAU;EACtCP,SAAS,EAAEK,kBAAS,CAACG;AACvB,CAAC;AAAC,eAEaV,IAAI;AAAA"}

package/dist/cjs/Page/index.d.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+class Page extends React.PureComponent {}
+exports.default = Page;
+Page.Header = void 0;
+Page.Content = void 0;
+Page.FixedContent = void 0;
+Page.Tail = void 0;
+Page.Sticky = void 0;
+Page.FixedFooter = void 0;
+Page.Footer = void 0;
+Page.Section = void 0;
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/Page/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Page","React","PureComponent","Header","Content","FixedContent","Tail","Sticky","FixedFooter","Footer","Section"],"sources":["../../../src/Page/index.d.ts"],"sourcesContent":["import * as React from 'react';\nimport PageHeader from '../PageHeader';\nimport PageFooter from '../PageFooter';\nimport PageSection from '../PageSection';\nimport { ScrollableContainerCommonProps } from '../common';\n\nexport type PageProps = {\n  children?: React.ReactNode;\n  dataHook?: string;\n  backgroundImageUrl?: string;\n  maxWidth?: number;\n  minWidth?: number;\n  height?: string;\n  sidePadding?: number;\n  className?: string;\n  gradientClassName?: string;\n  scrollableContentRef?: (ref: HTMLElement) => void;\n  zIndex?: number;\n  horizontalScroll?: boolean;\n  scrollProps?: ScrollableContainerCommonProps;\n};\n\nexport interface ContentProps {\n  children: React.ReactNode;\n  className?: string;\n  fullScreen?: boolean;\n}\ndeclare const Content: React.FC<ContentProps>;\n\nexport interface FixedContentProps {\n  children: React.ReactElement;\n}\ndeclare const FixedContent: React.FC<FixedContentProps>;\n\nexport interface FixedFooterProps {\n  children: React.ReactElement;\n}\ndeclare const FixedFooter: React.FC<FixedFooterProps>;\n\nexport interface TailProps {\n  children: React.ReactElement;\n  minimized?: boolean;\n}\ndeclare const Tail: React.FC<TailProps>;\n\nexport interface StickyProps {\n  children: React.ReactElement | StickyChildrenRenderFn;\n  style?: React.CSSProperties;\n}\ntype StickyChildrenRenderFn = (data: {\n  style: string;\n  className: string;\n}) => React.ReactElement;\ndeclare const Sticky: React.FC<StickyProps>;\n\nexport default class Page extends React.PureComponent<PageProps> {\n  static Header: typeof PageHeader;\n  static Content: typeof Content;\n  static FixedContent: typeof FixedContent;\n  static Tail: typeof Tail;\n  static Sticky: typeof Sticky;\n  static FixedFooter: typeof FixedFooter;\n  static Footer: typeof PageFooter;\n  static Section: typeof PageSection;\n}\n"],"mappings":";;;;AAAA;AAA+B;AAAA;AAuDhB,MAAMA,IAAI,SAASC,KAAK,CAACC,aAAa,CAAY;AAShE;AAToBF,IAAI,CAChBG,MAAM;AADMH,IAAI,CAEhBI,OAAO;AAFKJ,IAAI,CAGhBK,YAAY;AAHAL,IAAI,CAIhBM,IAAI;AAJQN,IAAI,CAKhBO,MAAM;AALMP,IAAI,CAMhBQ,WAAW;AANCR,IAAI,CAOhBS,MAAM;AAPMT,IAAI,CAQhBU,OAAO"}

package/dist/cjs/Page/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Page = _interopRequireDefault(require("./Page.js"));
+exports.default = _Page.default;
+//# sourceMappingURL=index.js.map