@wix/design-system 1.153.0 → 1.155.0

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

@@ -1 +1 @@
-{"version":3,"names":["_HeaderSt","require","_react","_interopRequireWildcard","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_Breadcrumbs","_Text","_Heading","_IconButton","_constants","_Transition","_context","_context2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","isDarkTheme","hasBackgroundImage","minimized","skin","getBreadcrumbsTheme","getTitle","title","generateDefaultBreadcrumbs","createElement","items","id","value","activeId","size","theme","onClick","__self","__source","fileName","lineNumber","columnNumber","getBreadcrumbs","breadcrumbs","generateThemedBreadcrumbs","React","cloneElement","Header","PureComponent","constructor","props","context","_animateComponent","show","useEnterDelay","content","enterAnimation","fadeIn","duration","delay","exitAnimation","fadeOut","state","themedBreadcrumbs","UNSAFE_componentWillReceiveProps","nextProps","newBreadcrumbs","newTitle","newHasBackgroundImage","newMinimized","newSkin","setState","render","dataHook","onBackClicked","subtitle","actionsBar","showBackButton","className","breadcrumbsExists","_title","isDark","pageHeaderId","WixDesignSystemContext","Consumer","_ref","newColorsBranding","st","classes","root","header","breadcrumbsContainer","withoutBreadcrumbs","dataHooks","titleContainer","titleBackButton","darkTheme","backButton","ChevronLeft","titleBackButtonIcon","titleColumn","ellipsis","light","secondary","maxLines","maxWidth","withBreadcrumbs","actionBar","exports","displayName","propTypes","PropTypes","string","bool","oneOf","oneOfType","node","func","defaultProps","contextType","WixStyleReactEnvironmentContext"],"sources":["../../../../../src/Page/components/Header/Header.tsx"],"sourcesContent":["import { st, classes } from './Header.st.css';\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport Breadcrumbs from '../../../Breadcrumbs';\nimport Text from '../../../Text';\nimport Heading from '../../../Heading';\nimport IconButton from '../../../IconButton';\nimport { dataHooks } from './constants';\nimport Transition from '../../../Transition';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\nimport { WixStyleReactEnvironmentContext } from '../../../WixStyleReactEnvironmentProvider/context';\nimport { HeaderProps, HeaderSkin } from './Header.types';\n\ntype HeaderBreadcrumbs = HeaderProps['breadcrumbs'];\ntype Title = HeaderProps['title'];\ntype HasBackgroundImage = HeaderProps['hasBackgroundImage'];\n\ntype DefaultProps = { minimized: boolean };\ntype Props = HeaderProps & DefaultProps;\n\nconst isDarkTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  switch (skin) {\n    case 'light':\n      return false;\n    case 'dark':\n      return true;\n    default:\n      return hasBackgroundImage && !minimized;\n  }\n};\n\nconst getBreadcrumbsTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) =>\n  isDarkTheme(hasBackgroundImage, minimized, skin)\n    ? 'onDarkBackground'\n    : 'onGrayBackground';\n\nconst getTitle = (title: Title, minimized: boolean) =>\n  typeof title === 'function' ? title(minimized) : title;\n\nconst generateDefaultBreadcrumbs = (\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n): React.JSX.Element => (\n  <Breadcrumbs\n    items={[{ id: '1', value: getTitle(title, minimized) }]}\n    activeId=\"1\"\n    size=\"medium\"\n    theme={getBreadcrumbsTheme(hasBackgroundImage, minimized, skin)}\n    onClick={() => {}}\n  />\n);\n\nconst getBreadcrumbs = (breadcrumbs: HeaderBreadcrumbs, minimized: boolean) =>\n  typeof breadcrumbs === 'function' ? breadcrumbs(minimized) : breadcrumbs;\n\nconst generateThemedBreadcrumbs = (\n  breadcrumbs: HeaderBreadcrumbs,\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  if (breadcrumbs) {\n    // @ts-expect-error\n    return React.cloneElement(getBreadcrumbs(breadcrumbs, minimized), {\n      theme: getBreadcrumbsTheme(hasBackgroundImage, minimized, skin),\n    });\n  }\n\n  return generateDefaultBreadcrumbs(title, hasBackgroundImage, minimized);\n};\n\n/**\n * A header that sticks at the top of the container which minimizes on scroll\n */\nexport default class Header extends PureComponent<\n  Props,\n  { themedBreadcrumbs: React.JSX.Element }\n> {\n  constructor(props: Props) {\n    super(props);\n\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } = props;\n    this.state = {\n      themedBreadcrumbs: generateThemedBreadcrumbs(\n        breadcrumbs,\n        title,\n        hasBackgroundImage,\n        minimized,\n        skin,\n      ),\n    };\n  }\n  context!: React.ContextType<typeof WixStyleReactEnvironmentContext>;\n  static displayName = 'Page.Header';\n  static propTypes = {\n    dataHook: PropTypes.string,\n    minimized: PropTypes.bool,\n    hasBackgroundImage: PropTypes.bool,\n    skin: PropTypes.oneOf(['light', 'dark']),\n    className: PropTypes.string,\n    breadcrumbs: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    subtitle: PropTypes.node,\n    showBackButton: PropTypes.bool,\n    onBackClicked: PropTypes.func,\n    actionsBar: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  };\n  static defaultProps: DefaultProps = {\n    minimized: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps: Props) {\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } =\n      this.props;\n    const newBreadcrumbs = nextProps.breadcrumbs;\n    const newTitle = nextProps.title;\n    const newHasBackgroundImage = nextProps.hasBackgroundImage;\n    const newMinimized = nextProps.minimized;\n    const newSkin = nextProps.skin;\n\n    if (\n      breadcrumbs !== newBreadcrumbs ||\n      title !== newTitle ||\n      hasBackgroundImage !== newHasBackgroundImage ||\n      minimized !== newMinimized ||\n      skin !== newSkin\n    ) {\n      const themedBreadcrumbs = generateThemedBreadcrumbs(\n        newBreadcrumbs,\n        newTitle,\n        newHasBackgroundImage,\n        newMinimized,\n        skin,\n      );\n      this.setState({ themedBreadcrumbs });\n    }\n  }\n\n  _animateComponent = (\n    show: boolean | undefined,\n    useEnterDelay: boolean,\n    content: React.ReactNode,\n  ) => {\n    if (show) {\n      return content;\n    }\n\n    return useEnterDelay ? (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: {\n            duration: 'medium01',\n            delay: 'short',\n          },\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    ) : (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: true,\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      breadcrumbs,\n      onBackClicked,\n      title,\n      subtitle,\n      minimized,\n      skin,\n      actionsBar,\n      showBackButton,\n      hasBackgroundImage,\n      className,\n    } = this.props;\n\n    const breadcrumbsExists = !!breadcrumbs;\n    const { themedBreadcrumbs } = this.state;\n    const _title = getTitle(title, minimized);\n    const isDark = isDarkTheme(hasBackgroundImage, minimized, skin);\n    const { pageHeaderId } = this.context;\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div className={st(classes.root, {}, className)} data-hook={dataHook}>\n            <div className={classes.header}>\n              <div>\n                {this._animateComponent(\n                  breadcrumbsExists || minimized,\n                  !breadcrumbsExists,\n                  <div\n                    className={st(classes.breadcrumbsContainer, {\n                      withoutBreadcrumbs: !breadcrumbsExists,\n                    })}\n                    data-hook={dataHooks.breadcrumbs}\n                  >\n                    {themedBreadcrumbs}\n                  </div>,\n                )}\n              </div>\n              <div className={st(classes.titleContainer, { minimized })}>\n                {showBackButton &&\n                  onBackClicked &&\n                  this._animateComponent(\n                    !minimized,\n                    !breadcrumbsExists,\n                    <IconButton\n                      className={st(classes.titleBackButton, {\n                        darkTheme: isDark,\n                        newColorsBranding,\n                      })}\n                      dataHook={dataHooks.backButton}\n                      onClick={onBackClicked}\n                    >\n                      <ChevronLeft className={classes.titleBackButtonIcon} />\n                    </IconButton>,\n                  )}\n                <div className={classes.titleColumn}>\n                  {title &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <Heading\n                        size=\"extraLarge\"\n                        className={st(classes.title, { newColorsBranding })}\n                        dataHook={dataHooks.title}\n                        ellipsis={typeof _title === 'string'}\n                        light={isDark}\n                        id={pageHeaderId}\n                      >\n                        {_title}\n                      </Heading>,\n                    )}\n                  {subtitle &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <div data-hook={dataHooks.subtitle}>\n                        <Text\n                          ellipsis={typeof subtitle === 'string'}\n                          light={isDark}\n                          secondary={!isDark}\n                          maxLines={2}\n                          maxWidth=\"288px\"\n                        >\n                          {subtitle}\n                        </Text>\n                      </div>,\n                    )}\n                </div>\n              </div>\n            </div>\n            {actionsBar && (\n              <div\n                className={st(classes.actionsBar, {\n                  minimized,\n                  withBreadcrumbs: breadcrumbsExists,\n                })}\n                data-hook={dataHooks.actionBar}\n              >\n                {typeof actionsBar === 'function'\n                  ? actionsBar({\n                      minimized,\n                      hasBackgroundImage,\n                      skin,\n                    })\n                  : actionsBar}\n              </div>\n            )}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nHeader.contextType = WixStyleReactEnvironmentContext;\n"],"mappings":";;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,KAAA,GAAAH,sBAAA,CAAAJ,OAAA;AACA,IAAAQ,QAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AACA,IAAAS,WAAA,GAAAL,sBAAA,CAAAJ,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAP,sBAAA,CAAAJ,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA;AAAoG,IAAAc,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUpG,IAAMW,WAAW,GAAGA,CAClBC,kBAAsC,EACtCC,SAAkB,EAClBC,IAAiB,KACd;EACH,QAAQA,IAAI;IACV,KAAK,OAAO;MACV,OAAO,KAAK;IACd,KAAK,MAAM;MACT,OAAO,IAAI;IACb;MACE,OAAOF,kBAAkB,IAAI,CAACC,SAAS;EAC3C;AACF,CAAC;AAED,IAAME,mBAAmB,GAAGA,CAC1BH,kBAAsC,EACtCC,SAAkB,EAClBC,IAAiB,KAEjBH,WAAW,CAACC,kBAAkB,EAAEC,SAAS,EAAEC,IAAI,CAAC,GAC5C,kBAAkB,GAClB,kBAAkB;AAExB,IAAME,QAAQ,GAAGA,CAACC,KAAY,EAAEJ,SAAkB,KAChD,OAAOI,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACJ,SAAS,CAAC,GAAGI,KAAK;AAExD,IAAMC,0BAA0B,GAAGA,CACjCD,KAAY,EACZL,kBAAsC,EACtCC,SAAkB,EAClBC,IAAiB,kBAEjBrC,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACrC,YAAA,CAAAe,OAAW;EACVuB,KAAK,EAAE,CAAC;IAAEC,EAAE,EAAE,GAAG;IAAEC,KAAK,EAAEN,QAAQ,CAACC,KAAK,EAAEJ,SAAS;EAAE,CAAC,CAAE;EACxDU,QAAQ,EAAC,GAAG;EACZC,IAAI,EAAC,QAAQ;EACbC,KAAK,EAAEV,mBAAmB,CAACH,kBAAkB,EAAEC,SAAS,EAAEC,IAAI,CAAE;EAChEY,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAE;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAvC,YAAA;IAAAwC,UAAA;IAAAC,YAAA;EAAA;AAAA,CACnB,CACF;AAED,IAAMC,cAAc,GAAGA,CAACC,WAA8B,EAAEpB,SAAkB,KACxE,OAAOoB,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACpB,SAAS,CAAC,GAAGoB,WAAW;AAE1E,IAAMC,yBAAyB,GAAGA,CAChCD,WAA8B,EAC9BhB,KAAY,EACZL,kBAAsC,EACtCC,SAAkB,EAClBC,IAAiB,KACd;EACH,IAAImB,WAAW,EAAE;IACf;IACA,oBAAOE,cAAK,CAACC,YAAY,CAACJ,cAAc,CAACC,WAAW,EAAEpB,SAAS,CAAC,EAAE;MAChEY,KAAK,EAAEV,mBAAmB,CAACH,kBAAkB,EAAEC,SAAS,EAAEC,IAAI;IAChE,CAAC,CAAC;EACJ;EAEA,OAAOI,0BAA0B,CAACD,KAAK,EAAEL,kBAAkB,EAAEC,SAAS,CAAC;AACzE,CAAC;;AAED;AACA;AACA;AACe,MAAMwB,MAAM,SAASC,oBAAa,CAG/C;EACAC,WAAWA,CAACC,KAAY,EAAE;IACxB,KAAK,CAACA,KAAK,CAAC;IAAC,KAafC,OAAO;IAAA,KA8CPC,iBAAiB,GAAG,CAClBC,IAAyB,EACzBC,aAAsB,EACtBC,OAAwB,KACrB;MACH,IAAIF,IAAI,EAAE;QACR,OAAOE,OAAO;MAChB;MAEA,OAAOD,aAAa,gBAClBnE,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAAChC,WAAA,CAAAU,OAAU;QACT8C,IAAI,EAAEA,IAAK;QACXG,cAAc,EAAE;UACdC,MAAM,EAAE;YACNC,QAAQ,EAAE,UAAU;YACpBC,KAAK,EAAE;UACT;QACF,CAAE;QACFC,aAAa,EAAE;UACbC,OAAO,EAAE;QACX,CAAE;QAAAxB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEDc,OACS,CAAC,gBAEbpE,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAAChC,WAAA,CAAAU,OAAU;QACT8C,IAAI,EAAEA,IAAK;QACXG,cAAc,EAAE;UACdC,MAAM,EAAE;QACV,CAAE;QACFG,aAAa,EAAE;UACbC,OAAO,EAAE;QACX,CAAE;QAAAxB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEDc,OACS,CACb;IACH,CAAC;IA9FC,IAAM;MAAEZ,WAAW;MAAEhB,KAAK;MAAEL,kBAAkB;MAAEC,SAAS;MAAEC;IAAK,CAAC,GAAG0B,KAAK;IACzE,IAAI,CAACY,KAAK,GAAG;MACXC,iBAAiB,EAAEnB,yBAAyB,CAC1CD,WAAW,EACXhB,KAAK,EACLL,kBAAkB,EAClBC,SAAS,EACTC,IACF;IACF,CAAC;EACH;EAoBAwC,gCAAgCA,CAACC,SAAgB,EAAE;IACjD,IAAM;MAAEtB,WAAW;MAAEhB,KAAK;MAAEL,kBAAkB;MAAEC,SAAS;MAAEC;IAAK,CAAC,GAC/D,IAAI,CAAC0B,KAAK;IACZ,IAAMgB,cAAc,GAAGD,SAAS,CAACtB,WAAW;IAC5C,IAAMwB,QAAQ,GAAGF,SAAS,CAACtC,KAAK;IAChC,IAAMyC,qBAAqB,GAAGH,SAAS,CAAC3C,kBAAkB;IAC1D,IAAM+C,YAAY,GAAGJ,SAAS,CAAC1C,SAAS;IACxC,IAAM+C,OAAO,GAAGL,SAAS,CAACzC,IAAI;IAE9B,IACEmB,WAAW,KAAKuB,cAAc,IAC9BvC,KAAK,KAAKwC,QAAQ,IAClB7C,kBAAkB,KAAK8C,qBAAqB,IAC5C7C,SAAS,KAAK8C,YAAY,IAC1B7C,IAAI,KAAK8C,OAAO,EAChB;MACA,IAAMP,iBAAiB,GAAGnB,yBAAyB,CACjDsB,cAAc,EACdC,QAAQ,EACRC,qBAAqB,EACrBC,YAAY,EACZ7C,IACF,CAAC;MACD,IAAI,CAAC+C,QAAQ,CAAC;QAAER;MAAkB,CAAC,CAAC;IACtC;EACF;EAyCAS,MAAMA,CAAA,EAAG;IACP,IAAM;MACJC,QAAQ;MACR9B,WAAW;MACX+B,aAAa;MACb/C,KAAK;MACLgD,QAAQ;MACRpD,SAAS;MACTC,IAAI;MACJoD,UAAU;MACVC,cAAc;MACdvD,kBAAkB;MAClBwD;IACF,CAAC,GAAG,IAAI,CAAC5B,KAAK;IAEd,IAAM6B,iBAAiB,GAAG,CAAC,CAACpC,WAAW;IACvC,IAAM;MAAEoB;IAAkB,CAAC,GAAG,IAAI,CAACD,KAAK;IACxC,IAAMkB,MAAM,GAAGtD,QAAQ,CAACC,KAAK,EAAEJ,SAAS,CAAC;IACzC,IAAM0D,MAAM,GAAG5D,WAAW,CAACC,kBAAkB,EAAEC,SAAS,EAAEC,IAAI,CAAC;IAC/D,IAAM;MAAE0D;IAAa,CAAC,GAAG,IAAI,CAAC/B,OAAO;IACrC,oBACEhE,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAAC/B,QAAA,CAAAqF,sBAAsB,CAACC,QAAQ;MAAA/C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvC,YAAA;QAAAwC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7B4C,IAAA;MAAA,IAAC;QAAEC;MAAkB,CAAC,GAAAD,IAAA;MAAA,oBACrBlG,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QAAKiD,SAAS,EAAE,IAAAS,YAAE,EAACC,iBAAO,CAACC,IAAI,EAAE,CAAC,CAAC,EAAEX,SAAS,CAAE;QAAC,aAAWL,QAAS;QAAApC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACnEtD,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QAAKiD,SAAS,EAAEU,iBAAO,CAACE,MAAO;QAAArD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC7BtD,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QAAAQ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACG,IAAI,CAACW,iBAAiB,CACrB2B,iBAAiB,IAAIxD,SAAS,EAC9B,CAACwD,iBAAiB,eAClB5F,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QACEiD,SAAS,EAAE,IAAAS,YAAE,EAACC,iBAAO,CAACG,oBAAoB,EAAE;UAC1CC,kBAAkB,EAAE,CAACb;QACvB,CAAC,CAAE;QACH,aAAWc,oBAAS,CAAClD,WAAY;QAAAN,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEhCsB,iBACE,CACP,CACG,CAAC,eACN5E,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QAAKiD,SAAS,EAAE,IAAAS,YAAE,EAACC,iBAAO,CAACM,cAAc,EAAE;UAAEvE;QAAU,CAAC,CAAE;QAAAc,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACvDoC,cAAc,IACbH,aAAa,IACb,IAAI,CAACtB,iBAAiB,CACpB,CAAC7B,SAAS,EACV,CAACwD,iBAAiB,eAClB5F,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAAClC,WAAA,CAAAY,OAAU;QACTuE,SAAS,EAAE,IAAAS,YAAE,EAACC,iBAAO,CAACO,eAAe,EAAE;UACrCC,SAAS,EAAEf,MAAM;UACjBK;QACF,CAAC,CAAE;QACHb,QAAQ,EAAEoB,oBAAS,CAACI,UAAW;QAC/B7D,OAAO,EAAEsC,aAAc;QAAArC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEvBtD,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACtC,iBAAA,CAAA2G,WAAW;QAACpB,SAAS,EAAEU,iBAAO,CAACW,mBAAoB;QAAA9D,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAC5C,CACd,CAAC,eACHtD,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QAAKiD,SAAS,EAAEU,iBAAO,CAACY,WAAY;QAAA/D,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GACjCd,KAAK,IACJ,IAAI,CAACyB,iBAAiB,CACpB,CAAC7B,SAAS,EACV,CAACwD,iBAAiB,eAClB5F,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACnC,QAAA,CAAAa,OAAO;QACN2B,IAAI,EAAC,YAAY;QACjB4C,SAAS,EAAE,IAAAS,YAAE,EAACC,iBAAO,CAAC7D,KAAK,EAAE;UAAE2D;QAAkB,CAAC,CAAE;QACpDb,QAAQ,EAAEoB,oBAAS,CAAClE,KAAM;QAC1B0E,QAAQ,EAAE,OAAOrB,MAAM,KAAK,QAAS;QACrCsB,KAAK,EAAErB,MAAO;QACdlD,EAAE,EAAEmD,YAAa;QAAA7C,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEhBuC,MACM,CACX,CAAC,EACFL,QAAQ,IACP,IAAI,CAACvB,iBAAiB,CACpB,CAAC7B,SAAS,EACV,CAACwD,iBAAiB,eAClB5F,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QAAK,aAAWgE,oBAAS,CAAClB,QAAS;QAAAtC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjCtD,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACpC,KAAA,CAAAc,OAAI;QACH8F,QAAQ,EAAE,OAAO1B,QAAQ,KAAK,QAAS;QACvC2B,KAAK,EAAErB,MAAO;QACdsB,SAAS,EAAE,CAACtB,MAAO;QACnBuB,QAAQ,EAAE,CAAE;QACZC,QAAQ,EAAC,OAAO;QAAApE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAEfkC,QACG,CACH,CACP,CACC,CACF,CACF,CAAC,EACLC,UAAU,iBACTzF,MAAA,CAAAoB,OAAA,CAAAsB,aAAA;QACEiD,SAAS,EAAE,IAAAS,YAAE,EAACC,iBAAO,CAACZ,UAAU,EAAE;UAChCrD,SAAS;UACTmF,eAAe,EAAE3B;QACnB,CAAC,CAAE;QACH,aAAWc,oBAAS,CAACc,SAAU;QAAAtE,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvC,YAAA;UAAAwC,UAAA;UAAAC,YAAA;QAAA;MAAA,GAE9B,OAAOmC,UAAU,KAAK,UAAU,GAC7BA,UAAU,CAAC;QACTrD,SAAS;QACTD,kBAAkB;QAClBE;MACF,CAAC,CAAC,GACFoD,UACD,CAEJ,CAAC;IAAA,CAEuB,CAAC;EAEtC;AACF;AAACgC,OAAA,CAAArG,OAAA,GAAAwC,MAAA;AAxNoBA,MAAM,CAmBlB8D,WAAW,GAAG,aAAa;AAnBf9D,MAAM,CAoBlB+D,SAAS,GAAG;EACjBrC,QAAQ,EAAEsC,kBAAS,CAACC,MAAM;EAC1BzF,SAAS,EAAEwF,kBAAS,CAACE,IAAI;EACzB3F,kBAAkB,EAAEyF,kBAAS,CAACE,IAAI;EAClCzF,IAAI,EAAEuF,kBAAS,CAACG,KAAK,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;EACxCpC,SAAS,EAAEiC,kBAAS,CAACC,MAAM;EAC3BrE,WAAW,EAAEoE,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACK,IAAI,EAAEL,kBAAS,CAACM,IAAI,CAAC,CAAC;EAClE1F,KAAK,EAAEoF,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACK,IAAI,EAAEL,kBAAS,CAACM,IAAI,CAAC,CAAC;EAC5D1C,QAAQ,EAAEoC,kBAAS,CAACK,IAAI;EACxBvC,cAAc,EAAEkC,kBAAS,CAACE,IAAI;EAC9BvC,aAAa,EAAEqC,kBAAS,CAACM,IAAI;EAC7BzC,UAAU,EAAEmC,kBAAS,CAACI,SAAS,CAAC,CAACJ,kBAAS,CAACK,IAAI,EAAEL,kBAAS,CAACM,IAAI,CAAC;AAClE,CAAC;AAhCkBtE,MAAM,CAiClBuE,YAAY,GAAiB;EAClC/F,SAAS,EAAE;AACb,CAAC;AAuLHwB,MAAM,CAACwE,WAAW,GAAGC,yCAA+B","ignoreList":[]}
+{"version":3,"names":["_HeaderSt","require","_react","_interopRequireWildcard","_propTypes","_interopRequireDefault","_wixUiIconsCommon","_Breadcrumbs","_Text","_Heading","_IconButton","_constants","_Transition","_context","_context2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","isDarkTheme","hasBackgroundImage","minimized","skin","getBreadcrumbsTheme","getTitle","title","generateDefaultBreadcrumbs","createElement","items","id","value","activeId","size","theme","onClick","__self","__source","fileName","lineNumber","columnNumber","getBreadcrumbs","breadcrumbs","generateThemedBreadcrumbs","React","cloneElement","Header","PureComponent","constructor","props","context","_animateComponent","show","useEnterDelay","content","enterAnimation","fadeIn","duration","delay","exitAnimation","fadeOut","state","themedBreadcrumbs","UNSAFE_componentWillReceiveProps","nextProps","newBreadcrumbs","newTitle","newHasBackgroundImage","newMinimized","newSkin","setState","render","dataHook","onBackClicked","subtitle","actionsBar","showBackButton","className","breadcrumbsExists","_title","isDark","pageHeaderId","WixDesignSystemContext","Consumer","_ref","newColorsBranding","st","classes","root","header","breadcrumbsContainer","withoutBreadcrumbs","dataHooks","titleContainer","titleBackButton","darkTheme","backButton","ChevronLeft","titleBackButtonIcon","titleColumn","ellipsis","light","secondary","maxLines","maxWidth","withBreadcrumbs","actionBar","exports","displayName","propTypes","PropTypes","string","bool","oneOf","oneOfType","node","func","defaultProps","contextType","WixStyleReactEnvironmentContext"],"sources":["../../../../../src/Page/components/Header/Header.tsx"],"sourcesContent":["import { st, classes } from './Header.st.css';\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport Breadcrumbs from '../../../Breadcrumbs';\nimport Text from '../../../Text';\nimport Heading from '../../../Heading';\nimport IconButton from '../../../IconButton';\nimport { dataHooks } from './constants';\nimport Transition from '../../../Transition';\nimport { WixDesignSystemContext } from '../../../WixDesignSystemProvider/context';\nimport { WixStyleReactEnvironmentContext } from '../../../WixStyleReactEnvironmentProvider/context';\nimport { HeaderProps, HeaderSkin } from './Header.types';\n\ntype HeaderBreadcrumbs = HeaderProps['breadcrumbs'];\ntype Title = HeaderProps['title'];\ntype HasBackgroundImage = HeaderProps['hasBackgroundImage'];\n\ntype DefaultProps = { minimized: boolean };\ntype Props = HeaderProps & DefaultProps;\n\nconst isDarkTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  switch (skin) {\n    case 'light':\n      return false;\n    case 'dark':\n      return true;\n    default:\n      return hasBackgroundImage && !minimized;\n  }\n};\n\nconst getBreadcrumbsTheme = (\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) =>\n  isDarkTheme(hasBackgroundImage, minimized, skin)\n    ? 'onDarkBackground'\n    : 'onGrayBackground';\n\nconst getTitle = (title: Title, minimized: boolean) =>\n  typeof title === 'function' ? title(minimized) : title;\n\nconst generateDefaultBreadcrumbs = (\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n): React.ReactElement => (\n  <Breadcrumbs\n    items={[{ id: '1', value: getTitle(title, minimized) }]}\n    activeId=\"1\"\n    size=\"medium\"\n    theme={getBreadcrumbsTheme(hasBackgroundImage, minimized, skin)}\n    onClick={() => {}}\n  />\n);\n\nconst getBreadcrumbs = (breadcrumbs: HeaderBreadcrumbs, minimized: boolean) =>\n  typeof breadcrumbs === 'function' ? breadcrumbs(minimized) : breadcrumbs;\n\nconst generateThemedBreadcrumbs = (\n  breadcrumbs: HeaderBreadcrumbs,\n  title: Title,\n  hasBackgroundImage: HasBackgroundImage,\n  minimized: boolean,\n  skin?: HeaderSkin,\n) => {\n  if (breadcrumbs) {\n    // @ts-expect-error\n    return React.cloneElement(getBreadcrumbs(breadcrumbs, minimized), {\n      theme: getBreadcrumbsTheme(hasBackgroundImage, minimized, skin),\n    });\n  }\n\n  return generateDefaultBreadcrumbs(title, hasBackgroundImage, minimized);\n};\n\n/**\n * A header that sticks at the top of the container which minimizes on scroll\n */\nexport default class Header extends PureComponent<\n  Props,\n  { themedBreadcrumbs: React.ReactElement }\n> {\n  constructor(props: Props) {\n    super(props);\n\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } = props;\n    this.state = {\n      themedBreadcrumbs: generateThemedBreadcrumbs(\n        breadcrumbs,\n        title,\n        hasBackgroundImage,\n        minimized,\n        skin,\n      ),\n    };\n  }\n  context!: React.ContextType<typeof WixStyleReactEnvironmentContext>;\n  static displayName = 'Page.Header';\n  static propTypes = {\n    dataHook: PropTypes.string,\n    minimized: PropTypes.bool,\n    hasBackgroundImage: PropTypes.bool,\n    skin: PropTypes.oneOf(['light', 'dark']),\n    className: PropTypes.string,\n    breadcrumbs: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    title: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n    subtitle: PropTypes.node,\n    showBackButton: PropTypes.bool,\n    onBackClicked: PropTypes.func,\n    actionsBar: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  };\n  static defaultProps: DefaultProps = {\n    minimized: false,\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps: Props) {\n    const { breadcrumbs, title, hasBackgroundImage, minimized, skin } =\n      this.props;\n    const newBreadcrumbs = nextProps.breadcrumbs;\n    const newTitle = nextProps.title;\n    const newHasBackgroundImage = nextProps.hasBackgroundImage;\n    const newMinimized = nextProps.minimized;\n    const newSkin = nextProps.skin;\n\n    if (\n      breadcrumbs !== newBreadcrumbs ||\n      title !== newTitle ||\n      hasBackgroundImage !== newHasBackgroundImage ||\n      minimized !== newMinimized ||\n      skin !== newSkin\n    ) {\n      const themedBreadcrumbs = generateThemedBreadcrumbs(\n        newBreadcrumbs,\n        newTitle,\n        newHasBackgroundImage,\n        newMinimized,\n        skin,\n      );\n      this.setState({ themedBreadcrumbs });\n    }\n  }\n\n  _animateComponent = (\n    show: boolean | undefined,\n    useEnterDelay: boolean,\n    content: React.ReactNode,\n  ) => {\n    if (show) {\n      return content;\n    }\n\n    return useEnterDelay ? (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: {\n            duration: 'medium01',\n            delay: 'short',\n          },\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    ) : (\n      <Transition\n        show={show}\n        enterAnimation={{\n          fadeIn: true,\n        }}\n        exitAnimation={{\n          fadeOut: true,\n        }}\n      >\n        {content}\n      </Transition>\n    );\n  };\n\n  render() {\n    const {\n      dataHook,\n      breadcrumbs,\n      onBackClicked,\n      title,\n      subtitle,\n      minimized,\n      skin,\n      actionsBar,\n      showBackButton,\n      hasBackgroundImage,\n      className,\n    } = this.props;\n\n    const breadcrumbsExists = !!breadcrumbs;\n    const { themedBreadcrumbs } = this.state;\n    const _title = getTitle(title, minimized);\n    const isDark = isDarkTheme(hasBackgroundImage, minimized, skin);\n    const { pageHeaderId } = this.context;\n    return (\n      <WixDesignSystemContext.Consumer>\n        {({ newColorsBranding }) => (\n          <div className={st(classes.root, {}, className)} data-hook={dataHook}>\n            <div className={classes.header}>\n              <div>\n                {this._animateComponent(\n                  breadcrumbsExists || minimized,\n                  !breadcrumbsExists,\n                  <div\n                    className={st(classes.breadcrumbsContainer, {\n                      withoutBreadcrumbs: !breadcrumbsExists,\n                    })}\n                    data-hook={dataHooks.breadcrumbs}\n                  >\n                    {themedBreadcrumbs}\n                  </div>,\n                )}\n              </div>\n              <div className={st(classes.titleContainer, { minimized })}>\n                {showBackButton &&\n                  onBackClicked &&\n                  this._animateComponent(\n                    !minimized,\n                    !breadcrumbsExists,\n                    <IconButton\n                      className={st(classes.titleBackButton, {\n                        darkTheme: isDark,\n                        newColorsBranding,\n                      })}\n                      dataHook={dataHooks.backButton}\n                      onClick={onBackClicked}\n                    >\n                      <ChevronLeft className={classes.titleBackButtonIcon} />\n                    </IconButton>,\n                  )}\n                <div className={classes.titleColumn}>\n                  {title &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <Heading\n                        size=\"extraLarge\"\n                        className={st(classes.title, { newColorsBranding })}\n                        dataHook={dataHooks.title}\n                        ellipsis={typeof _title === 'string'}\n                        light={isDark}\n                        id={pageHeaderId}\n                      >\n                        {_title}\n                      </Heading>,\n                    )}\n                  {subtitle &&\n                    this._animateComponent(\n                      !minimized,\n                      !breadcrumbsExists,\n                      <div data-hook={dataHooks.subtitle}>\n                        <Text\n                          ellipsis={typeof subtitle === 'string'}\n                          light={isDark}\n                          secondary={!isDark}\n                          maxLines={2}\n                          maxWidth=\"288px\"\n                        >\n                          {subtitle}\n                        </Text>\n                      </div>,\n                    )}\n                </div>\n              </div>\n            </div>\n            {actionsBar && (\n              <div\n                className={st(classes.actionsBar, {\n                  minimized,\n                  withBreadcrumbs: breadcrumbsExists,\n                })}\n                data-hook={dataHooks.actionBar}\n              >\n                {typeof actionsBar === 'function'\n                  ? actionsBar({\n                      minimized,\n                      hasBackgroundImage,\n                      skin,\n                    })\n                  : actionsBar}\n              </div>\n            )}\n          </div>\n        )}\n      </WixDesignSystemContext.Consumer>\n    );\n  }\n}\n\nHeader.contextType = WixStyleReactEnvironmentContext;\n"],"mappings":"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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_Header";
+var _namespace_ = "wds_1_155_0_Header";
 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_153_0_Header__root","header":"wds_1_153_0_Header__header","breadcrumbsContainer":"wds_1_153_0_Header__breadcrumbsContainer","titleContainer":"wds_1_153_0_Header__titleContainer","titleBackButton":"wds_1_153_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_153_0_Header__titleBackButtonIcon","titleColumn":"wds_1_153_0_Header__titleColumn","title":"wds_1_153_0_Header__title","actionsBar":"wds_1_153_0_Header__actionsBar"};
+module.exports.classes = {"root":"wds_1_155_0_Header__root","header":"wds_1_155_0_Header__header","breadcrumbsContainer":"wds_1_155_0_Header__breadcrumbsContainer","titleContainer":"wds_1_155_0_Header__titleContainer","titleBackButton":"wds_1_155_0_Header__titleBackButton","titleBackButtonIcon":"wds_1_155_0_Header__titleBackButtonIcon","titleColumn":"wds_1_155_0_Header__titleColumn","title":"wds_1_155_0_Header__title","actionsBar":"wds_1_155_0_Header__actionsBar"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_PageSection";
+var _namespace_ = "wds_1_155_0_PageSection";
 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_153_0_PageSection__root","content":"wds_1_153_0_PageSection__content","titleColumn":"wds_1_153_0_PageSection__titleColumn","actionsBar":"wds_1_153_0_PageSection__actionsBar","divider":"wds_1_153_0_PageSection__divider"};
+module.exports.classes = {"root":"wds_1_155_0_PageSection__root","content":"wds_1_155_0_PageSection__content","titleColumn":"wds_1_155_0_PageSection__titleColumn","actionsBar":"wds_1_155_0_PageSection__actionsBar","divider":"wds_1_155_0_PageSection__divider"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/BMPageContainer.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_BMPageContainer";
+var _namespace_ = "wds_1_155_0_BMPageContainer";
 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_153_0_BMPageContainer__root","header":"wds_1_153_0_BMPageContainer__header","body":"wds_1_153_0_BMPageContainer__body","sideBar":"wds_1_153_0_BMPageContainer__sideBar","sideBarContent":"wds_1_153_0_BMPageContainer__sideBarContent","rightSide":"wds_1_153_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_153_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_153_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_153_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_153_0_BMPageContainer__withLoadingIndicatorContainer"};
+module.exports.classes = {"root":"wds_1_155_0_BMPageContainer__root","header":"wds_1_155_0_BMPageContainer__header","body":"wds_1_155_0_BMPageContainer__body","sideBar":"wds_1_155_0_BMPageContainer__sideBar","sideBarContent":"wds_1_155_0_BMPageContainer__sideBarContent","rightSide":"wds_1_155_0_BMPageContainer__rightSide","mainContentContainer":"wds_1_155_0_BMPageContainer__mainContentContainer","mainContent":"wds_1_155_0_BMPageContainer__mainContent","withLoadingIndicatorWrapper":"wds_1_155_0_BMPageContainer__withLoadingIndicatorWrapper","withLoadingIndicatorContainer":"wds_1_155_0_BMPageContainer__withLoadingIndicatorContainer"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/PageStory.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_PageStory";
+var _namespace_ = "wds_1_155_0_PageStory";
 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_153_0_PageStory__root","backgroundGradient":"wds_1_153_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_153_0_PageStory__backgroundGradientDark"};
+module.exports.classes = {"root":"wds_1_155_0_PageStory__root","backgroundGradient":"wds_1_155_0_PageStory__backgroundGradient","backgroundGradientDark":"wds_1_155_0_PageStory__backgroundGradientDark"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Page/test/examples/testExamples.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
 
 
 
-var _namespace_ = "wds_1_153_0_testExamples";
+var _namespace_ = "wds_1_155_0_testExamples";
 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_153_0_testExamples__root","defaultScrollBar":"wds_1_153_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_153_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_153_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_153_0_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_155_0_testExamples__root","defaultScrollBar":"wds_1_155_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_155_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_155_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_155_0_testExamples__backgroundGradient"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_Pagination";
+var _namespace_ = "wds_1_155_0_Pagination";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Pagination__root","text-small-thin":"wds_1_153_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_153_0_Pagination__button-common-mixin","pagination":"wds_1_153_0_Pagination__pagination","arrow":"wds_1_153_0_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_155_0_Pagination__root","text-small-thin":"wds_1_155_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_155_0_Pagination__button-common-mixin","pagination":"wds_1_155_0_Pagination__pagination","arrow":"wds_1_155_0_Pagination__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PageStrip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_PaginationCoreSt","_constants","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PageStrip","Component","constructor","arguments","responsiveLayoutIsFresh","unmounted","rootNode","state","responsiveLayout","componentDidMount","props","updateResponsiveLayout","updateLayoutIfNeeded","UNSAFE_componentWillReceiveProps","componentDidUpdate","forceRepaintInMsEdge","componentWillUnmount","render","createElement","ref","el","DataHooks","pageStrip","id","undefined","className","st","classes","__self","__source","fileName","lineNumber","columnNumber","pageStripInner","renderLayout","getLayout","isResponsive","pageStripTemplate","createResponsiveLayoutTemplate","inlineStyle","style","fontVariant","layout","isDummy","currentPage","pageUrl","disabled","map","pageNumber","index","key","gap","gapLabel","concat","page","pageButton","tabIndex","onClick","onPageClick","onKeyDown","onPageKeyDown","href","responsive","totalPages","maxPagesToShow","createStaticLayout","showFirstPage","showLastPage","setState","createResponsiveLayout","container","children","exports"],"sources":["../../../../src/Pagination/PaginationCore/PageStrip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './PaginationCore.st.css';\nimport { DataHooks, PageStripLayout } from './constants';\nimport {\n  createResponsiveLayout,\n  createResponsiveLayoutTemplate,\n  createStaticLayout,\n} from './utils';\n\nexport interface PageStripProps {\n  id?: string;\n  totalPages: number;\n  currentPage: number;\n  maxPagesToShow: number;\n  showFirstPage: boolean;\n  showLastPage: boolean;\n  responsive: boolean;\n  pageUrl?(pageNumber: number): string;\n  gapLabel: React.ReactNode;\n  onPageClick(event: React.MouseEvent, page: number): void;\n  onPageKeyDown(event: React.KeyboardEvent, page: number): void;\n  updateResponsiveLayout?(callback: () => void): void;\n  disabled: boolean;\n  className?: string;\n}\n\nexport interface PageStripState {\n  responsiveLayout: PageStripLayout | null;\n}\n\nexport class PageStrip extends React.Component<PageStripProps, PageStripState> {\n  private responsiveLayoutIsFresh: boolean = false;\n  private unmounted: boolean = false;\n  private rootNode: HTMLElement | null | undefined;\n\n  state = { responsiveLayout: null };\n\n  public componentDidMount() {\n    if (this.props.updateResponsiveLayout) {\n      // We can't do this in componentWillMount because the caller might need to access DOM here,\n      // and SSR wouldn't work.\n      this.props.updateResponsiveLayout(() => {\n        this.responsiveLayoutIsFresh = false;\n\n        // Even though we register a noop callback for `this.props.updateResponsiveLayout`\n        // in `componentWillUnmount`, we cannot guarantee that the user will not hold onto\n        // the old callback and invoke it after unmount, which is the reason for checking\n        // `this.unmounted`.\n        if (!this.unmounted) {\n          this.updateLayoutIfNeeded();\n        }\n      });\n    } else {\n      this.updateLayoutIfNeeded();\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps() {\n    this.responsiveLayoutIsFresh = false;\n  }\n\n  public componentDidUpdate() {\n    if (!this.props.updateResponsiveLayout) {\n      this.updateLayoutIfNeeded();\n    }\n\n    this.forceRepaintInMsEdge();\n  }\n\n  public componentWillUnmount() {\n    this.unmounted = true;\n    if (this.props.updateResponsiveLayout) {\n      this.props.updateResponsiveLayout(() => null);\n    }\n  }\n\n  public render() {\n    return (\n      <div\n        ref={el => (this.rootNode = el)}\n        data-hook={DataHooks.pageStrip}\n        id={this.props.id ? this.props.id + 'pageStrip' : undefined}\n        className={st(classes.pageStrip, this.props.className)}\n        data-aid=\"qa-page-strip\"\n      >\n        <div className={classes.pageStripInner}>\n          {this.renderLayout(this.getLayout(), false)}\n        </div>\n\n        {this.isResponsive() && (\n          <div\n            className={classes.pageStripInner + ' ' + classes.pageStripTemplate}\n          >\n            {this.renderLayout(\n              createResponsiveLayoutTemplate(this.props),\n              true,\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private forceRepaintInMsEdge() {\n    // MS Edge has a glitch that makes page numbers invisible when switching to the preview\n    // mode in Santa editor. As a workaround we need to force text re-rendering.\n    // Changing font-variant to small-caps should do the trick without actually affecting\n    // the appearance of digits.\n    if (!this.rootNode) {\n      return;\n    }\n    const inlineStyle = this.rootNode.style;\n    inlineStyle.fontVariant = inlineStyle.fontVariant ? '' : 'small-caps';\n  }\n\n  // We can't use page numbers as keys, because we might need to render the same page twice\n  // for responsive layout. We also can't use index as a key, because React might reuse the\n  // node for another page, and keep keyboard focus on it, which we don't want.\n  private renderLayout(\n    layout: PageStripLayout,\n    isDummy: boolean,\n  ): React.JSX.Element[] {\n    const { currentPage, pageUrl, disabled } = this.props;\n\n    return layout.map((pageNumber, index) => {\n      if (!pageNumber) {\n        return (\n          <span key={index} className={classes.gap}>\n            {this.props.gapLabel}\n          </span>\n        );\n      }\n\n      if (pageNumber === currentPage) {\n        return (\n          <span\n            key={`${pageNumber}-${index}`}\n            data-hook={`${DataHooks.page}-${pageNumber} ${DataHooks.currentPage}`}\n            aria-label={`Page ${pageNumber}`}\n            className={classes.currentPage}\n          >\n            {pageNumber}\n          </span>\n        );\n      }\n\n      if (isDummy) {\n        return (\n          <a\n            key={`${pageNumber}-${index}`}\n            className={st(classes.pageButton, { disabled })}\n          >\n            {pageNumber}\n          </a>\n        );\n      }\n\n      return (\n        <a\n          key={`${pageNumber}-${index}`}\n          data-hook={`${DataHooks.page}-${pageNumber}`}\n          aria-label={`Page ${pageNumber}`}\n          aria-disabled={disabled}\n          className={st(classes.pageButton, { disabled })}\n          tabIndex={disabled || pageUrl ? undefined : 0}\n          onClick={\n            disabled ? undefined : e => this.props.onPageClick(e, pageNumber)\n          }\n          onKeyDown={\n            disabled ? undefined : e => this.props.onPageKeyDown(e, pageNumber)\n          }\n          href={!disabled && pageUrl ? pageUrl(pageNumber) : undefined}\n        >\n          {pageNumber}\n        </a>\n      );\n    });\n  }\n\n  private isResponsive() {\n    return (\n      this.props.responsive &&\n      this.props.totalPages > 0 &&\n      this.props.maxPagesToShow > 1\n    );\n  }\n\n  private getLayout(): PageStripLayout {\n    if (!this.isResponsive()) {\n      return createStaticLayout(this.props);\n    }\n\n    if (this.state.responsiveLayout) {\n      return this.state.responsiveLayout;\n    }\n\n    return createStaticLayout({\n      totalPages: this.props.totalPages,\n      currentPage: this.props.currentPage,\n      showFirstPage: this.props.showFirstPage,\n      showLastPage: this.props.showLastPage,\n      // This is pretty arbitrary. 5 is the minimum space required to show the first, current, and last page.\n      maxPagesToShow: 5,\n    });\n  }\n\n  private updateLayoutIfNeeded(): void {\n    if (\n      !this.isResponsive() ||\n      this.responsiveLayoutIsFresh ||\n      !this.rootNode\n    ) {\n      return;\n    }\n\n    this.responsiveLayoutIsFresh = true;\n    this.setState({\n      responsiveLayout: createResponsiveLayout({\n        container: this.rootNode.children[1],\n        totalPages: this.props.totalPages,\n        currentPage: this.props.currentPage,\n        maxPagesToShow: this.props.maxPagesToShow,\n        showFirstPage: this.props.showFirstPage,\n        showLastPage: this.props.showLastPage,\n      }),\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_PaginationCoreSt","_constants","_utils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PageStrip","Component","constructor","arguments","responsiveLayoutIsFresh","unmounted","rootNode","state","responsiveLayout","componentDidMount","props","updateResponsiveLayout","updateLayoutIfNeeded","UNSAFE_componentWillReceiveProps","componentDidUpdate","forceRepaintInMsEdge","componentWillUnmount","render","createElement","ref","el","DataHooks","pageStrip","id","undefined","className","st","classes","__self","__source","fileName","lineNumber","columnNumber","pageStripInner","renderLayout","getLayout","isResponsive","pageStripTemplate","createResponsiveLayoutTemplate","inlineStyle","style","fontVariant","layout","isDummy","currentPage","pageUrl","disabled","map","pageNumber","index","key","gap","gapLabel","concat","page","pageButton","tabIndex","onClick","onPageClick","onKeyDown","onPageKeyDown","href","responsive","totalPages","maxPagesToShow","createStaticLayout","showFirstPage","showLastPage","setState","createResponsiveLayout","container","children","exports"],"sources":["../../../../src/Pagination/PaginationCore/PageStrip.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './PaginationCore.st.css';\nimport { DataHooks, PageStripLayout } from './constants';\nimport {\n  createResponsiveLayout,\n  createResponsiveLayoutTemplate,\n  createStaticLayout,\n} from './utils';\n\nexport interface PageStripProps {\n  id?: string;\n  totalPages: number;\n  currentPage: number;\n  maxPagesToShow: number;\n  showFirstPage: boolean;\n  showLastPage: boolean;\n  responsive: boolean;\n  pageUrl?(pageNumber: number): string;\n  gapLabel: React.ReactNode;\n  onPageClick(event: React.MouseEvent, page: number): void;\n  onPageKeyDown(event: React.KeyboardEvent, page: number): void;\n  updateResponsiveLayout?(callback: () => void): void;\n  disabled: boolean;\n  className?: string;\n}\n\nexport interface PageStripState {\n  responsiveLayout: PageStripLayout | null;\n}\n\nexport class PageStrip extends React.Component<PageStripProps, PageStripState> {\n  private responsiveLayoutIsFresh: boolean = false;\n  private unmounted: boolean = false;\n  private rootNode: HTMLElement | null | undefined;\n\n  state = { responsiveLayout: null };\n\n  public componentDidMount() {\n    if (this.props.updateResponsiveLayout) {\n      // We can't do this in componentWillMount because the caller might need to access DOM here,\n      // and SSR wouldn't work.\n      this.props.updateResponsiveLayout(() => {\n        this.responsiveLayoutIsFresh = false;\n\n        // Even though we register a noop callback for `this.props.updateResponsiveLayout`\n        // in `componentWillUnmount`, we cannot guarantee that the user will not hold onto\n        // the old callback and invoke it after unmount, which is the reason for checking\n        // `this.unmounted`.\n        if (!this.unmounted) {\n          this.updateLayoutIfNeeded();\n        }\n      });\n    } else {\n      this.updateLayoutIfNeeded();\n    }\n  }\n\n  public UNSAFE_componentWillReceiveProps() {\n    this.responsiveLayoutIsFresh = false;\n  }\n\n  public componentDidUpdate() {\n    if (!this.props.updateResponsiveLayout) {\n      this.updateLayoutIfNeeded();\n    }\n\n    this.forceRepaintInMsEdge();\n  }\n\n  public componentWillUnmount() {\n    this.unmounted = true;\n    if (this.props.updateResponsiveLayout) {\n      this.props.updateResponsiveLayout(() => null);\n    }\n  }\n\n  public render() {\n    return (\n      <div\n        ref={el => (this.rootNode = el)}\n        data-hook={DataHooks.pageStrip}\n        id={this.props.id ? this.props.id + 'pageStrip' : undefined}\n        className={st(classes.pageStrip, this.props.className)}\n        data-aid=\"qa-page-strip\"\n      >\n        <div className={classes.pageStripInner}>\n          {this.renderLayout(this.getLayout(), false)}\n        </div>\n\n        {this.isResponsive() && (\n          <div\n            className={classes.pageStripInner + ' ' + classes.pageStripTemplate}\n          >\n            {this.renderLayout(\n              createResponsiveLayoutTemplate(this.props),\n              true,\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private forceRepaintInMsEdge() {\n    // MS Edge has a glitch that makes page numbers invisible when switching to the preview\n    // mode in Santa editor. As a workaround we need to force text re-rendering.\n    // Changing font-variant to small-caps should do the trick without actually affecting\n    // the appearance of digits.\n    if (!this.rootNode) {\n      return;\n    }\n    const inlineStyle = this.rootNode.style;\n    inlineStyle.fontVariant = inlineStyle.fontVariant ? '' : 'small-caps';\n  }\n\n  // We can't use page numbers as keys, because we might need to render the same page twice\n  // for responsive layout. We also can't use index as a key, because React might reuse the\n  // node for another page, and keep keyboard focus on it, which we don't want.\n  private renderLayout(\n    layout: PageStripLayout,\n    isDummy: boolean,\n  ): React.ReactElement[] {\n    const { currentPage, pageUrl, disabled } = this.props;\n\n    return layout.map((pageNumber, index) => {\n      if (!pageNumber) {\n        return (\n          <span key={index} className={classes.gap}>\n            {this.props.gapLabel}\n          </span>\n        );\n      }\n\n      if (pageNumber === currentPage) {\n        return (\n          <span\n            key={`${pageNumber}-${index}`}\n            data-hook={`${DataHooks.page}-${pageNumber} ${DataHooks.currentPage}`}\n            aria-label={`Page ${pageNumber}`}\n            className={classes.currentPage}\n          >\n            {pageNumber}\n          </span>\n        );\n      }\n\n      if (isDummy) {\n        return (\n          <a\n            key={`${pageNumber}-${index}`}\n            className={st(classes.pageButton, { disabled })}\n          >\n            {pageNumber}\n          </a>\n        );\n      }\n\n      return (\n        <a\n          key={`${pageNumber}-${index}`}\n          data-hook={`${DataHooks.page}-${pageNumber}`}\n          aria-label={`Page ${pageNumber}`}\n          aria-disabled={disabled}\n          className={st(classes.pageButton, { disabled })}\n          tabIndex={disabled || pageUrl ? undefined : 0}\n          onClick={\n            disabled ? undefined : e => this.props.onPageClick(e, pageNumber)\n          }\n          onKeyDown={\n            disabled ? undefined : e => this.props.onPageKeyDown(e, pageNumber)\n          }\n          href={!disabled && pageUrl ? pageUrl(pageNumber) : undefined}\n        >\n          {pageNumber}\n        </a>\n      );\n    });\n  }\n\n  private isResponsive() {\n    return (\n      this.props.responsive &&\n      this.props.totalPages > 0 &&\n      this.props.maxPagesToShow > 1\n    );\n  }\n\n  private getLayout(): PageStripLayout {\n    if (!this.isResponsive()) {\n      return createStaticLayout(this.props);\n    }\n\n    if (this.state.responsiveLayout) {\n      return this.state.responsiveLayout;\n    }\n\n    return createStaticLayout({\n      totalPages: this.props.totalPages,\n      currentPage: this.props.currentPage,\n      showFirstPage: this.props.showFirstPage,\n      showLastPage: this.props.showLastPage,\n      // This is pretty arbitrary. 5 is the minimum space required to show the first, current, and last page.\n      maxPagesToShow: 5,\n    });\n  }\n\n  private updateLayoutIfNeeded(): void {\n    if (\n      !this.isResponsive() ||\n      this.responsiveLayoutIsFresh ||\n      !this.rootNode\n    ) {\n      return;\n    }\n\n    this.responsiveLayoutIsFresh = true;\n    this.setState({\n      responsiveLayout: createResponsiveLayout({\n        container: this.rootNode.children[1],\n        totalPages: this.props.totalPages,\n        currentPage: this.props.currentPage,\n        maxPagesToShow: this.props.maxPagesToShow,\n        showFirstPage: this.props.showFirstPage,\n        showLastPage: this.props.showLastPage,\n      }),\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Pagination/PaginationCore/PaginationCore.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_PaginationCoreSt","_constants","_utils","_PageStrip","_propsUtils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","upperCaseFirst","str","toUpperCase","slice","ButtonType","PaginationCore","Component","constructor","arguments","rootNode","getMaxPagesToShow","props","maxPagesToShow","responsive","state","pageInputValue","String","currentPage","pageInputHasError","handlePageInputChange","setState","target","value","handlePageInputKeyDown","event","key","page","Number","totalPages","onChange","handlePageInputBlur","handlePageClick","handlePageKeyDown","updateRootMinWidth","paginationMode","measureAndSetRootMinWidth","id","componentDidMount","updateResponsiveLayout","componentDidUpdate","getId","elementName","length","undefined","renderPageStrip","createElement","PageStrip","showFirstPage","showLastPage","pageUrl","gapLabel","onPageClick","onPageKeyDown","disabled","__self","__source","fileName","lineNumber","columnNumber","renderPages","PaginationCoreMode","Input","renderPageForm","Compact","renderPageCompact","Pages","DataHooks","pageCompact","className","classes","compact","slash","slashLabel","pageForm","dir","pageInput","type","min","max","onKeyDown","onBlur","style","width","calculateWidth","showInputModeTotalPages","renderEmptyButton","btnClass","Prev","emptyButtonPrevious","Next","emptyButtonNext","st","emptyButton","renderNavButton","First","Last","label","navButtonPrevious","previousLabel","navButtonNext","nextLabel","navButtonFirst","firstLabel","navButtonLast","lastLabel","navButton","tabIndex","onClick","href","UNSAFE_componentWillReceiveProps","nextProps","render","showFirstLastNavButtons","showNextLabel","showPreviousLabel","inlineStyle","styleStates","error","_extends2","ref","el","rtl","onDoubleClick","onMouseEnter","onMouseLeave","root","filterDataProps","exports","displayName","defaultProps"],"sources":["../../../../src/Pagination/PaginationCore/PaginationCore.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './PaginationCore.st.css';\nimport { DataHooks, PaginationCoreMode } from './constants';\nimport { calculateWidth, getId, measureAndSetRootMinWidth } from './utils';\nimport { PageStrip } from './PageStrip';\nimport { filterDataProps } from '../../utils/propsUtils';\n\nconst upperCaseFirst = (str: string): string =>\n  str[0].toUpperCase() + str.slice(1);\n\nconst enum ButtonType {\n  Prev = 'previous',\n  Next = 'next',\n  First = 'first',\n  Last = 'last',\n}\n\nexport interface PaginationCoreProps {\n  /** hook for testing purposes */\n  'data-hook'?: string;\n  // data\n  totalPages: number;\n  currentPage?: number;\n  // props\n  pageUrl?(pageNumber: number): string;\n  onChange?(event: { event: React.SyntheticEvent; page: number }): void;\n  onClick?(event: React.SyntheticEvent): void;\n  onDoubleClick?(event: React.SyntheticEvent): void;\n  onMouseEnter?(event: React.SyntheticEvent): void;\n  onMouseLeave?(event: React.SyntheticEvent): void;\n  paginationMode?: 'pages' | 'input' | 'compact' | PaginationCoreMode;\n  showFirstLastNavButtons?: boolean;\n  firstLabel?: React.ReactNode;\n  previousLabel?: React.ReactNode;\n  nextLabel?: React.ReactNode;\n  lastLabel?: React.ReactNode;\n  gapLabel?: React.ReactNode;\n  slashLabel?: React.ReactNode;\n  rtl?: boolean;\n  width?: number;\n  showFirstPage?: boolean;\n  showLastPage?: boolean;\n  showNextLabel?: boolean;\n  showPreviousLabel?: boolean;\n  showInputModeTotalPages?: boolean;\n  responsive?: boolean;\n  maxPagesToShow?: number;\n  className?: string;\n  id?: string;\n  updateResponsiveLayout?(callback: () => void): void;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n}\n\nexport interface PaginationCoreState {\n  pageInputValue: string;\n  pageInputHasError: boolean;\n}\n\nexport default class PaginationCore extends React.Component<\n  PaginationCoreProps,\n  PaginationCoreState\n> {\n  static displayName = 'PaginationCore';\n  public static defaultProps: Partial<PaginationCoreProps> = {\n    currentPage: 1,\n    showFirstLastNavButtons: false,\n    showFirstPage: false,\n    showLastPage: false,\n    showNextLabel: true,\n    showPreviousLabel: true,\n    responsive: false,\n    paginationMode: 'pages',\n    showInputModeTotalPages: false,\n    disabled: false,\n\n    // dir=\"rtl\" automatically flips the direction of less-than and more-than signs.\n    // If we decide to use different labels we need to add conditional logic.\n    firstLabel: '<<',\n    lastLabel: '>>',\n    previousLabel: '<',\n    nextLabel: '>',\n    gapLabel: '...',\n    slashLabel: '\\u00A0/\\u00A0',\n  };\n\n  private rootNode: HTMLElement | null | undefined;\n\n  private updateRootMinWidth() {\n    this.rootNode &&\n      this.props.paginationMode &&\n      measureAndSetRootMinWidth(\n        this.rootNode,\n        this.props.paginationMode,\n        this.props.id,\n      );\n  }\n\n  public componentDidMount() {\n    this.props.updateResponsiveLayout && this.updateRootMinWidth();\n  }\n\n  public componentDidUpdate() {\n    this.props.updateResponsiveLayout && this.updateRootMinWidth();\n  }\n\n  private getId(elementName: string = ''): string | undefined {\n    return getId(this.props.id, elementName);\n  }\n\n  private readonly getMaxPagesToShow = (): number => {\n    if (this.props.maxPagesToShow) {\n      return this.props.maxPagesToShow;\n    }\n    if (this.props.responsive) {\n      return 20;\n    }\n    return 7;\n  };\n\n  public state = {\n    pageInputValue: String(this.props.currentPage),\n    pageInputHasError: false,\n  };\n\n  private renderPageStrip(): React.JSX.Element {\n    return (\n      <PageStrip\n        id={this.props.id}\n        totalPages={this.props.totalPages || 0}\n        currentPage={this.props.currentPage || 0}\n        maxPagesToShow={this.getMaxPagesToShow() || 0}\n        showFirstPage={!!this.props.showFirstPage}\n        showLastPage={!!this.props.showLastPage}\n        responsive={!!this.props.responsive}\n        pageUrl={this.props.pageUrl}\n        gapLabel={this.props.gapLabel || ''}\n        onPageClick={this.handlePageClick}\n        onPageKeyDown={this.handlePageKeyDown}\n        updateResponsiveLayout={this.props.updateResponsiveLayout}\n        disabled={!!this.props.disabled}\n      />\n    );\n  }\n\n  private readonly handlePageInputChange = (\n    e: React.ChangeEvent<HTMLInputElement>,\n  ): void => {\n    this.setState({\n      pageInputValue: e.target.value,\n      pageInputHasError: false,\n    });\n  };\n\n  private readonly handlePageInputKeyDown = (\n    event: React.KeyboardEvent<HTMLInputElement>,\n  ): void => {\n    // Enter\n    if (event.key === 'Enter') {\n      const page = Number(this.state.pageInputValue);\n      if (page !== this.props.currentPage) {\n        if (1 <= page && page <= this.props.totalPages) {\n          this.props.onChange && this.props.onChange({ event, page });\n        } else {\n          this.setState({ pageInputHasError: true });\n        }\n      }\n    }\n  };\n\n  private readonly handlePageInputBlur = (): void => {\n    this.setState({\n      pageInputValue: String(this.props.currentPage),\n      pageInputHasError: false,\n    });\n  };\n\n  private readonly handlePageClick = (\n    event: React.MouseEvent,\n    page: number,\n  ): void => {\n    this.props.onChange && this.props.onChange({ event, page });\n  };\n\n  private readonly handlePageKeyDown = (\n    event: React.KeyboardEvent,\n    page: number,\n  ): void => {\n    // Enter or Space\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this.props.onChange && this.props.onChange({ event, page });\n    }\n  };\n\n  private renderPages(): React.JSX.Element {\n    switch (this.props.paginationMode) {\n      case PaginationCoreMode.Input:\n        return this.renderPageForm();\n      case PaginationCoreMode.Compact:\n        return this.renderPageCompact();\n      case PaginationCoreMode.Pages:\n      default:\n        return this.renderPageStrip();\n    }\n  }\n\n  private renderPageCompact(): React.JSX.Element {\n    return (\n      <div\n        data-hook={DataHooks.pageCompact}\n        id={this.getId('pageCompact')}\n        className={classes.compact}\n      >\n        <span id={this.getId('currentPage')} data-hook={DataHooks.currentPage}>\n          {this.props.currentPage}\n        </span>\n        <span\n          id={this.getId('slash')}\n          className={classes.slash}\n          data-hook={DataHooks.slashLabel}\n        >\n          {this.props.slashLabel}\n        </span>\n        <span id={this.getId('totalPages')} data-hook={DataHooks.totalPages}>\n          {this.props.totalPages}\n        </span>\n      </div>\n    );\n  }\n\n  private renderPageForm(): React.JSX.Element {\n    return (\n      <div\n        data-hook={DataHooks.pageForm}\n        id={this.getId('pageForm')}\n        className={classes.pageForm}\n        dir=\"ltr\"\n      >\n        <input\n          id={this.getId('pageInput')}\n          data-hook={DataHooks.pageInput}\n          type=\"number\"\n          className={classes.pageInput}\n          min={1}\n          max={this.props.totalPages}\n          value={this.state.pageInputValue}\n          disabled={this.props.disabled}\n          onChange={this.handlePageInputChange}\n          onKeyDown={this.handlePageInputKeyDown}\n          aria-label={\n            'Page number, select a number between 1 and ' +\n            this.props.totalPages\n          }\n          onBlur={this.handlePageInputBlur}\n          style={{ width: calculateWidth(this.props.totalPages) }}\n        />\n        {this.props.showInputModeTotalPages && [\n          <span key=\"slash\" id={this.getId('slash')} className={classes.slash}>\n            {this.props.slashLabel}\n          </span>,\n          <span\n            key=\"total-pages\"\n            id={this.getId('totalPages')}\n            data-hook={DataHooks.totalPages}\n            className={classes.totalPages}\n          >\n            {this.props.totalPages}\n          </span>,\n        ]}\n      </div>\n    );\n  }\n\n  private renderEmptyButton(type: ButtonType): React.JSX.Element {\n    let btnClass = '';\n    switch (type) {\n      case ButtonType.Prev: {\n        btnClass = classes.emptyButtonPrevious;\n        break;\n      }\n      case ButtonType.Next: {\n        btnClass = classes.emptyButtonNext;\n        break;\n      }\n      default:\n    }\n\n    return (\n      <div\n        data-hook={DataHooks[type]}\n        className={st(classes.emptyButton, btnClass)}\n      />\n    );\n  }\n\n  private renderNavButton(type: ButtonType): React.JSX.Element {\n    const { currentPage, totalPages, pageUrl } = this.props;\n\n    const disabled =\n      this.props.disabled ||\n      ((type === ButtonType.First || type === ButtonType.Prev) &&\n        (currentPage || 0) <= 1) ||\n      ((type === ButtonType.Last || type === ButtonType.Next) &&\n        (currentPage || 0) >= totalPages);\n\n    const [btnClass, label, page] = {\n      [ButtonType.Prev]: [\n        classes.navButtonPrevious,\n        this.props.previousLabel,\n        (currentPage || 0) - 1,\n      ],\n      [ButtonType.Next]: [\n        classes.navButtonNext,\n        this.props.nextLabel,\n        (currentPage || 0) + 1,\n      ],\n      [ButtonType.First]: [classes.navButtonFirst, this.props.firstLabel, 1],\n      [ButtonType.Last]: [\n        classes.navButtonLast,\n        this.props.lastLabel,\n        totalPages,\n      ],\n    }[type] as any;\n\n    return (\n      <a\n        data-hook={DataHooks[type]}\n        id={this.getId('navButton' + upperCaseFirst(type))}\n        className={st(classes.navButton, { disabled }, btnClass)}\n        aria-label={upperCaseFirst(type) + ' Page'}\n        aria-disabled={disabled}\n        tabIndex={disabled || pageUrl ? undefined : 0}\n        onClick={\n          disabled ? undefined : event => this.handlePageClick(event, page)\n        }\n        onKeyDown={\n          disabled ? undefined : event => this.handlePageKeyDown(event, page)\n        }\n        href={!disabled && pageUrl ? pageUrl(page) : undefined}\n      >\n        {label}\n      </a>\n    );\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: PaginationCoreProps) {\n    this.setState({\n      pageInputValue: String(nextProps.currentPage),\n      pageInputHasError: false,\n    });\n  }\n\n  render() {\n    const {\n      disabled,\n      showFirstLastNavButtons,\n      showNextLabel,\n      showPreviousLabel,\n      width,\n      style: inlineStyle,\n    } = this.props;\n\n    const styleStates = {\n      disabled,\n      error: this.state.pageInputHasError,\n    };\n\n    return (\n      <nav\n        ref={el => (this.rootNode = el)}\n        id={this.getId('')}\n        aria-label=\"PaginationCore Navigation\"\n        aria-disabled={disabled}\n        dir={this.props.rtl ? 'rtl' : undefined}\n        onClick={this.props.onClick}\n        onDoubleClick={this.props.onDoubleClick}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        style={inlineStyle || { width }}\n        className={st(classes.root, styleStates, this.props.className)}\n        {...filterDataProps(this.props)}\n      >\n        {showFirstLastNavButtons && this.renderNavButton(ButtonType.First)}\n        {showPreviousLabel\n          ? this.renderNavButton(ButtonType.Prev)\n          : this.renderEmptyButton(ButtonType.Prev)}\n        {this.renderPages()}\n        {showNextLabel\n          ? this.renderNavButton(ButtonType.Next)\n          : this.renderEmptyButton(ButtonType.Next)}\n        {showFirstLastNavButtons && this.renderNavButton(ButtonType.Last)}\n      </nav>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_PaginationCoreSt","_constants","_utils","_PageStrip","_propsUtils","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","upperCaseFirst","str","toUpperCase","slice","ButtonType","PaginationCore","Component","constructor","arguments","rootNode","getMaxPagesToShow","props","maxPagesToShow","responsive","state","pageInputValue","String","currentPage","pageInputHasError","handlePageInputChange","setState","target","value","handlePageInputKeyDown","event","key","page","Number","totalPages","onChange","handlePageInputBlur","handlePageClick","handlePageKeyDown","updateRootMinWidth","paginationMode","measureAndSetRootMinWidth","id","componentDidMount","updateResponsiveLayout","componentDidUpdate","getId","elementName","length","undefined","renderPageStrip","createElement","PageStrip","showFirstPage","showLastPage","pageUrl","gapLabel","onPageClick","onPageKeyDown","disabled","__self","__source","fileName","lineNumber","columnNumber","renderPages","PaginationCoreMode","Input","renderPageForm","Compact","renderPageCompact","Pages","DataHooks","pageCompact","className","classes","compact","slash","slashLabel","pageForm","dir","pageInput","type","min","max","onKeyDown","onBlur","style","width","calculateWidth","showInputModeTotalPages","renderEmptyButton","btnClass","Prev","emptyButtonPrevious","Next","emptyButtonNext","st","emptyButton","renderNavButton","First","Last","label","navButtonPrevious","previousLabel","navButtonNext","nextLabel","navButtonFirst","firstLabel","navButtonLast","lastLabel","navButton","tabIndex","onClick","href","UNSAFE_componentWillReceiveProps","nextProps","render","showFirstLastNavButtons","showNextLabel","showPreviousLabel","inlineStyle","styleStates","error","_extends2","ref","el","rtl","onDoubleClick","onMouseEnter","onMouseLeave","root","filterDataProps","exports","displayName","defaultProps"],"sources":["../../../../src/Pagination/PaginationCore/PaginationCore.tsx"],"sourcesContent":["import * as React from 'react';\nimport { st, classes } from './PaginationCore.st.css';\nimport { DataHooks, PaginationCoreMode } from './constants';\nimport { calculateWidth, getId, measureAndSetRootMinWidth } from './utils';\nimport { PageStrip } from './PageStrip';\nimport { filterDataProps } from '../../utils/propsUtils';\n\nconst upperCaseFirst = (str: string): string =>\n  str[0].toUpperCase() + str.slice(1);\n\nconst enum ButtonType {\n  Prev = 'previous',\n  Next = 'next',\n  First = 'first',\n  Last = 'last',\n}\n\nexport interface PaginationCoreProps {\n  /** hook for testing purposes */\n  'data-hook'?: string;\n  // data\n  totalPages: number;\n  currentPage?: number;\n  // props\n  pageUrl?(pageNumber: number): string;\n  onChange?(event: { event: React.SyntheticEvent; page: number }): void;\n  onClick?(event: React.SyntheticEvent): void;\n  onDoubleClick?(event: React.SyntheticEvent): void;\n  onMouseEnter?(event: React.SyntheticEvent): void;\n  onMouseLeave?(event: React.SyntheticEvent): void;\n  paginationMode?: 'pages' | 'input' | 'compact' | PaginationCoreMode;\n  showFirstLastNavButtons?: boolean;\n  firstLabel?: React.ReactNode;\n  previousLabel?: React.ReactNode;\n  nextLabel?: React.ReactNode;\n  lastLabel?: React.ReactNode;\n  gapLabel?: React.ReactNode;\n  slashLabel?: React.ReactNode;\n  rtl?: boolean;\n  width?: number;\n  showFirstPage?: boolean;\n  showLastPage?: boolean;\n  showNextLabel?: boolean;\n  showPreviousLabel?: boolean;\n  showInputModeTotalPages?: boolean;\n  responsive?: boolean;\n  maxPagesToShow?: number;\n  className?: string;\n  id?: string;\n  updateResponsiveLayout?(callback: () => void): void;\n  style?: React.CSSProperties;\n  disabled?: boolean;\n}\n\nexport interface PaginationCoreState {\n  pageInputValue: string;\n  pageInputHasError: boolean;\n}\n\nexport default class PaginationCore extends React.Component<\n  PaginationCoreProps,\n  PaginationCoreState\n> {\n  static displayName = 'PaginationCore';\n  public static defaultProps: Partial<PaginationCoreProps> = {\n    currentPage: 1,\n    showFirstLastNavButtons: false,\n    showFirstPage: false,\n    showLastPage: false,\n    showNextLabel: true,\n    showPreviousLabel: true,\n    responsive: false,\n    paginationMode: 'pages',\n    showInputModeTotalPages: false,\n    disabled: false,\n\n    // dir=\"rtl\" automatically flips the direction of less-than and more-than signs.\n    // If we decide to use different labels we need to add conditional logic.\n    firstLabel: '<<',\n    lastLabel: '>>',\n    previousLabel: '<',\n    nextLabel: '>',\n    gapLabel: '...',\n    slashLabel: '\\u00A0/\\u00A0',\n  };\n\n  private rootNode: HTMLElement | null | undefined;\n\n  private updateRootMinWidth() {\n    this.rootNode &&\n      this.props.paginationMode &&\n      measureAndSetRootMinWidth(\n        this.rootNode,\n        this.props.paginationMode,\n        this.props.id,\n      );\n  }\n\n  public componentDidMount() {\n    this.props.updateResponsiveLayout && this.updateRootMinWidth();\n  }\n\n  public componentDidUpdate() {\n    this.props.updateResponsiveLayout && this.updateRootMinWidth();\n  }\n\n  private getId(elementName: string = ''): string | undefined {\n    return getId(this.props.id, elementName);\n  }\n\n  private readonly getMaxPagesToShow = (): number => {\n    if (this.props.maxPagesToShow) {\n      return this.props.maxPagesToShow;\n    }\n    if (this.props.responsive) {\n      return 20;\n    }\n    return 7;\n  };\n\n  public state = {\n    pageInputValue: String(this.props.currentPage),\n    pageInputHasError: false,\n  };\n\n  private renderPageStrip(): React.ReactElement {\n    return (\n      <PageStrip\n        id={this.props.id}\n        totalPages={this.props.totalPages || 0}\n        currentPage={this.props.currentPage || 0}\n        maxPagesToShow={this.getMaxPagesToShow() || 0}\n        showFirstPage={!!this.props.showFirstPage}\n        showLastPage={!!this.props.showLastPage}\n        responsive={!!this.props.responsive}\n        pageUrl={this.props.pageUrl}\n        gapLabel={this.props.gapLabel || ''}\n        onPageClick={this.handlePageClick}\n        onPageKeyDown={this.handlePageKeyDown}\n        updateResponsiveLayout={this.props.updateResponsiveLayout}\n        disabled={!!this.props.disabled}\n      />\n    );\n  }\n\n  private readonly handlePageInputChange = (\n    e: React.ChangeEvent<HTMLInputElement>,\n  ): void => {\n    this.setState({\n      pageInputValue: e.target.value,\n      pageInputHasError: false,\n    });\n  };\n\n  private readonly handlePageInputKeyDown = (\n    event: React.KeyboardEvent<HTMLInputElement>,\n  ): void => {\n    // Enter\n    if (event.key === 'Enter') {\n      const page = Number(this.state.pageInputValue);\n      if (page !== this.props.currentPage) {\n        if (1 <= page && page <= this.props.totalPages) {\n          this.props.onChange && this.props.onChange({ event, page });\n        } else {\n          this.setState({ pageInputHasError: true });\n        }\n      }\n    }\n  };\n\n  private readonly handlePageInputBlur = (): void => {\n    this.setState({\n      pageInputValue: String(this.props.currentPage),\n      pageInputHasError: false,\n    });\n  };\n\n  private readonly handlePageClick = (\n    event: React.MouseEvent,\n    page: number,\n  ): void => {\n    this.props.onChange && this.props.onChange({ event, page });\n  };\n\n  private readonly handlePageKeyDown = (\n    event: React.KeyboardEvent,\n    page: number,\n  ): void => {\n    // Enter or Space\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this.props.onChange && this.props.onChange({ event, page });\n    }\n  };\n\n  private renderPages(): React.ReactElement {\n    switch (this.props.paginationMode) {\n      case PaginationCoreMode.Input:\n        return this.renderPageForm();\n      case PaginationCoreMode.Compact:\n        return this.renderPageCompact();\n      case PaginationCoreMode.Pages:\n      default:\n        return this.renderPageStrip();\n    }\n  }\n\n  private renderPageCompact(): React.ReactElement {\n    return (\n      <div\n        data-hook={DataHooks.pageCompact}\n        id={this.getId('pageCompact')}\n        className={classes.compact}\n      >\n        <span id={this.getId('currentPage')} data-hook={DataHooks.currentPage}>\n          {this.props.currentPage}\n        </span>\n        <span\n          id={this.getId('slash')}\n          className={classes.slash}\n          data-hook={DataHooks.slashLabel}\n        >\n          {this.props.slashLabel}\n        </span>\n        <span id={this.getId('totalPages')} data-hook={DataHooks.totalPages}>\n          {this.props.totalPages}\n        </span>\n      </div>\n    );\n  }\n\n  private renderPageForm(): React.ReactElement {\n    return (\n      <div\n        data-hook={DataHooks.pageForm}\n        id={this.getId('pageForm')}\n        className={classes.pageForm}\n        dir=\"ltr\"\n      >\n        <input\n          id={this.getId('pageInput')}\n          data-hook={DataHooks.pageInput}\n          type=\"number\"\n          className={classes.pageInput}\n          min={1}\n          max={this.props.totalPages}\n          value={this.state.pageInputValue}\n          disabled={this.props.disabled}\n          onChange={this.handlePageInputChange}\n          onKeyDown={this.handlePageInputKeyDown}\n          aria-label={\n            'Page number, select a number between 1 and ' +\n            this.props.totalPages\n          }\n          onBlur={this.handlePageInputBlur}\n          style={{ width: calculateWidth(this.props.totalPages) }}\n        />\n        {this.props.showInputModeTotalPages && [\n          <span key=\"slash\" id={this.getId('slash')} className={classes.slash}>\n            {this.props.slashLabel}\n          </span>,\n          <span\n            key=\"total-pages\"\n            id={this.getId('totalPages')}\n            data-hook={DataHooks.totalPages}\n            className={classes.totalPages}\n          >\n            {this.props.totalPages}\n          </span>,\n        ]}\n      </div>\n    );\n  }\n\n  private renderEmptyButton(type: ButtonType): React.ReactElement {\n    let btnClass = '';\n    switch (type) {\n      case ButtonType.Prev: {\n        btnClass = classes.emptyButtonPrevious;\n        break;\n      }\n      case ButtonType.Next: {\n        btnClass = classes.emptyButtonNext;\n        break;\n      }\n      default:\n    }\n\n    return (\n      <div\n        data-hook={DataHooks[type]}\n        className={st(classes.emptyButton, btnClass)}\n      />\n    );\n  }\n\n  private renderNavButton(type: ButtonType): React.ReactElement {\n    const { currentPage, totalPages, pageUrl } = this.props;\n\n    const disabled =\n      this.props.disabled ||\n      ((type === ButtonType.First || type === ButtonType.Prev) &&\n        (currentPage || 0) <= 1) ||\n      ((type === ButtonType.Last || type === ButtonType.Next) &&\n        (currentPage || 0) >= totalPages);\n\n    const [btnClass, label, page] = {\n      [ButtonType.Prev]: [\n        classes.navButtonPrevious,\n        this.props.previousLabel,\n        (currentPage || 0) - 1,\n      ],\n      [ButtonType.Next]: [\n        classes.navButtonNext,\n        this.props.nextLabel,\n        (currentPage || 0) + 1,\n      ],\n      [ButtonType.First]: [classes.navButtonFirst, this.props.firstLabel, 1],\n      [ButtonType.Last]: [\n        classes.navButtonLast,\n        this.props.lastLabel,\n        totalPages,\n      ],\n    }[type] as any;\n\n    return (\n      <a\n        data-hook={DataHooks[type]}\n        id={this.getId('navButton' + upperCaseFirst(type))}\n        className={st(classes.navButton, { disabled }, btnClass)}\n        aria-label={upperCaseFirst(type) + ' Page'}\n        aria-disabled={disabled}\n        tabIndex={disabled || pageUrl ? undefined : 0}\n        onClick={\n          disabled ? undefined : event => this.handlePageClick(event, page)\n        }\n        onKeyDown={\n          disabled ? undefined : event => this.handlePageKeyDown(event, page)\n        }\n        href={!disabled && pageUrl ? pageUrl(page) : undefined}\n      >\n        {label}\n      </a>\n    );\n  }\n\n  public UNSAFE_componentWillReceiveProps(nextProps: PaginationCoreProps) {\n    this.setState({\n      pageInputValue: String(nextProps.currentPage),\n      pageInputHasError: false,\n    });\n  }\n\n  render() {\n    const {\n      disabled,\n      showFirstLastNavButtons,\n      showNextLabel,\n      showPreviousLabel,\n      width,\n      style: inlineStyle,\n    } = this.props;\n\n    const styleStates = {\n      disabled,\n      error: this.state.pageInputHasError,\n    };\n\n    return (\n      <nav\n        ref={el => (this.rootNode = el)}\n        id={this.getId('')}\n        aria-label=\"PaginationCore Navigation\"\n        aria-disabled={disabled}\n        dir={this.props.rtl ? 'rtl' : undefined}\n        onClick={this.props.onClick}\n        onDoubleClick={this.props.onDoubleClick}\n        onMouseEnter={this.props.onMouseEnter}\n        onMouseLeave={this.props.onMouseLeave}\n        style={inlineStyle || { width }}\n        className={st(classes.root, styleStates, this.props.className)}\n        {...filterDataProps(this.props)}\n      >\n        {showFirstLastNavButtons && this.renderNavButton(ButtonType.First)}\n        {showPreviousLabel\n          ? this.renderNavButton(ButtonType.Prev)\n          : this.renderEmptyButton(ButtonType.Prev)}\n        {this.renderPages()}\n        {showNextLabel\n          ? this.renderNavButton(ButtonType.Next)\n          : this.renderEmptyButton(ButtonType.Next)}\n        {showFirstLastNavButtons && this.renderNavButton(ButtonType.Last)}\n      </nav>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Pagination/PaginationCore/PaginationCore.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_PaginationCore";
+var _namespace_ = "wds_1_155_0_PaginationCore";
 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_153_0_PaginationCore__root","button-common-mixin":"wds_1_153_0_PaginationCore__button-common-mixin","navButton":"wds_1_153_0_PaginationCore__navButton","emptyButton":"wds_1_153_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_153_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_153_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_153_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_153_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_153_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_153_0_PaginationCore__navButtonLast","pageStrip":"wds_1_153_0_PaginationCore__pageStrip","pageStripInner":"wds_1_153_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_153_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_153_0_PaginationCore__pageButton","currentPage":"wds_1_153_0_PaginationCore__currentPage","gap":"wds_1_153_0_PaginationCore__gap","pageForm":"wds_1_153_0_PaginationCore__pageForm","compact":"wds_1_153_0_PaginationCore__compact wds_1_153_0_PaginationCore__pageForm","pageInput":"wds_1_153_0_PaginationCore__pageInput","totalPages":"wds_1_153_0_PaginationCore__totalPages","slash":"wds_1_153_0_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_155_0_PaginationCore__root","button-common-mixin":"wds_1_155_0_PaginationCore__button-common-mixin","navButton":"wds_1_155_0_PaginationCore__navButton","emptyButton":"wds_1_155_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_155_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_155_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_155_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_155_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_155_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_155_0_PaginationCore__navButtonLast","pageStrip":"wds_1_155_0_PaginationCore__pageStrip","pageStripInner":"wds_1_155_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_155_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_155_0_PaginationCore__pageButton","currentPage":"wds_1_155_0_PaginationCore__currentPage","gap":"wds_1_155_0_PaginationCore__gap","pageForm":"wds_1_155_0_PaginationCore__pageForm","compact":"wds_1_155_0_PaginationCore__compact wds_1_155_0_PaginationCore__pageForm","pageInput":"wds_1_155_0_PaginationCore__pageInput","totalPages":"wds_1_155_0_PaginationCore__totalPages","slash":"wds_1_155_0_PaginationCore__slash"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Pagination/PaginationCore/PaginationCoreTest.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_153_0_PaginationCoreTest";
+var _namespace_ = "wds_1_155_0_PaginationCoreTest";
 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_153_0_PaginationCoreTest__root","button-common-mixin":"wds_1_153_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_153_0_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_155_0_PaginationCoreTest__root","button-common-mixin":"wds_1_155_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_155_0_PaginationCoreTest__disabled"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_Palette";
+var _namespace_ = "wds_1_155_0_Palette";
 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_153_0_Palette__root","fillPreview":"wds_1_153_0_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_155_0_Palette__root","fillPreview":"wds_1_155_0_Palette__fillPreview"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_153_0_Popover";
+var _namespace_ = "wds_1_155_0_Popover";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_153_0_Popover__root","content":"wds_1_153_0_Popover__content","arrow":"wds_1_153_0_Popover__arrow","element":"wds_1_153_0_Popover__element","animationEnter":"wds_1_153_0_Popover__animationEnter","animationEnterActive":"wds_1_153_0_Popover__animationEnterActive","animationExit":"wds_1_153_0_Popover__animationExit","animationExitActive":"wds_1_153_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_155_0_Popover__root","content":"wds_1_155_0_Popover__content","arrow":"wds_1_155_0_Popover__arrow","element":"wds_1_155_0_Popover__element","animationEnter":"wds_1_155_0_Popover__animationEnter","animationEnterActive":"wds_1_155_0_Popover__animationEnterActive","animationExit":"wds_1_155_0_Popover__animationExit","animationExitActive":"wds_1_155_0_Popover__animationExitActive"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};