npm - @wix/design-system - Versions diffs - 1.154.0 → 1.156.0 - Mend

@wix/design-system 1.154.0 → 1.156.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (797) hide show

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../../stylable-cjs-runti
-var _namespace_ = "wds_1_154_0_testExamples";
+var _namespace_ = "wds_1_156_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_154_0_testExamples__root","defaultScrollBar":"wds_1_154_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_154_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_154_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_154_0_testExamples__backgroundGradient"};
+module.exports.classes = {"root":"wds_1_156_0_testExamples__root","defaultScrollBar":"wds_1_156_0_defaultscrollbar__defaultScrollBar","pageContainer":"wds_1_156_0_testExamples__pageContainer","withFixedScrollBar":"wds_1_156_0_testExamples__withFixedScrollBar","backgroundGradient":"wds_1_156_0_testExamples__backgroundGradient"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_154_0_Pagination";
+var _namespace_ = "wds_1_156_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_154_0_Pagination__root","text-small-thin":"wds_1_154_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_154_0_Pagination__button-common-mixin","pagination":"wds_1_154_0_Pagination__pagination","arrow":"wds_1_154_0_Pagination__arrow"};
+module.exports.classes = {"root":"wds_1_156_0_Pagination__root","text-small-thin":"wds_1_156_0_StylableTypography__text-small-thin","button-common-mixin":"wds_1_156_0_Pagination__button-common-mixin","pagination":"wds_1_156_0_Pagination__pagination","arrow":"wds_1_156_0_Pagination__arrow"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

	@@ -1 +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":[]}
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.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 CHANGED Viewed

	@@ -1 +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":[]}
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.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 CHANGED Viewed

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
-var _namespace_ = "wds_1_154_0_PaginationCore";
+var _namespace_ = "wds_1_156_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_154_0_PaginationCore__root","button-common-mixin":"wds_1_154_0_PaginationCore__button-common-mixin","navButton":"wds_1_154_0_PaginationCore__navButton","emptyButton":"wds_1_154_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_154_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_154_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_154_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_154_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_154_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_154_0_PaginationCore__navButtonLast","pageStrip":"wds_1_154_0_PaginationCore__pageStrip","pageStripInner":"wds_1_154_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_154_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_154_0_PaginationCore__pageButton","currentPage":"wds_1_154_0_PaginationCore__currentPage","gap":"wds_1_154_0_PaginationCore__gap","pageForm":"wds_1_154_0_PaginationCore__pageForm","compact":"wds_1_154_0_PaginationCore__compact wds_1_154_0_PaginationCore__pageForm","pageInput":"wds_1_154_0_PaginationCore__pageInput","totalPages":"wds_1_154_0_PaginationCore__totalPages","slash":"wds_1_154_0_PaginationCore__slash"};
+module.exports.classes = {"root":"wds_1_156_0_PaginationCore__root","button-common-mixin":"wds_1_156_0_PaginationCore__button-common-mixin","navButton":"wds_1_156_0_PaginationCore__navButton","emptyButton":"wds_1_156_0_PaginationCore__emptyButton","navButtonFirst":"wds_1_156_0_PaginationCore__navButtonFirst","navButtonPrevious":"wds_1_156_0_PaginationCore__navButtonPrevious","emptyButtonPrevious":"wds_1_156_0_PaginationCore__emptyButtonPrevious","navButtonNext":"wds_1_156_0_PaginationCore__navButtonNext","emptyButtonNext":"wds_1_156_0_PaginationCore__emptyButtonNext","navButtonLast":"wds_1_156_0_PaginationCore__navButtonLast","pageStrip":"wds_1_156_0_PaginationCore__pageStrip","pageStripInner":"wds_1_156_0_PaginationCore__pageStripInner","pageStripTemplate":"wds_1_156_0_PaginationCore__pageStripTemplate","pageButton":"wds_1_156_0_PaginationCore__pageButton","currentPage":"wds_1_156_0_PaginationCore__currentPage","gap":"wds_1_156_0_PaginationCore__gap","pageForm":"wds_1_156_0_PaginationCore__pageForm","compact":"wds_1_156_0_PaginationCore__compact wds_1_156_0_PaginationCore__pageForm","pageInput":"wds_1_156_0_PaginationCore__pageInput","totalPages":"wds_1_156_0_PaginationCore__totalPages","slash":"wds_1_156_0_PaginationCore__slash"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
-var _namespace_ = "wds_1_154_0_PaginationCoreTest";
+var _namespace_ = "wds_1_156_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_154_0_PaginationCoreTest__root","button-common-mixin":"wds_1_154_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_154_0_PaginationCoreTest__disabled"};
+module.exports.classes = {"root":"wds_1_156_0_PaginationCoreTest__root","button-common-mixin":"wds_1_156_0_PaginationCoreTest__button-common-mixin","disabled":"wds_1_156_0_PaginationCoreTest__disabled"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_154_0_Palette";
+var _namespace_ = "wds_1_156_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_154_0_Palette__root","fillPreview":"wds_1_154_0_Palette__fillPreview"};
+module.exports.classes = {"root":"wds_1_156_0_Palette__root","fillPreview":"wds_1_156_0_Palette__fillPreview"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

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

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_154_0_Popover";
+var _namespace_ = "wds_1_156_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_154_0_Popover__root","content":"wds_1_154_0_Popover__content","arrow":"wds_1_154_0_Popover__arrow","element":"wds_1_154_0_Popover__element","animationEnter":"wds_1_154_0_Popover__animationEnter","animationEnterActive":"wds_1_154_0_Popover__animationEnterActive","animationExit":"wds_1_154_0_Popover__animationExit","animationExitActive":"wds_1_154_0_Popover__animationExitActive"};
+module.exports.classes = {"root":"wds_1_156_0_Popover__root","content":"wds_1_156_0_Popover__content","arrow":"wds_1_156_0_Popover__arrow","element":"wds_1_156_0_Popover__element","animationEnter":"wds_1_156_0_Popover__animationEnter","animationEnterActive":"wds_1_156_0_Popover__animationEnterActive","animationExit":"wds_1_156_0_Popover__animationExit","animationExitActive":"wds_1_156_0_Popover__animationExitActive"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Popover/Popover.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","Popover","React","Component","exports","default","Element","Content"],"sources":["../../../src/Popover/Popover.types.ts"],"sourcesContent":["import React from 'react';\nimport PopperJS from 'popper.js';\nimport { MoveBy } from './PopoverCore/utils/getModifiers';\nimport { Predicate } from './PopoverCore/utils/getAppendToElement';\n\nexport type Placement = PopperJS.Placement;\nexport type AppendTo = PopperJS.Boundary \| 'parent' \| Element \| ~~Predicate~~;\nexport interface PopoverProps {\n /** Specifies a CSS class name to be appended to the component’s root element.\n * @internal\n /\n className?: string;\n /* The location to display the content /\n placement?: Placement;\n /* Is the content shown or not /\n shown?: boolean;\n /* onClick on the component /\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n /* Provides callback to invoke when clicked outside of the popover /\n onClickOutside?: Function;\n /* Provides callback to invoke when popover loses focus /\n onTabOut?: Function;\n /* Provides callback to invoke when popover loses focus /\n onEscPress?: Function;\n /\n Clicking on elements with this excluded class will will not trigger onClickOutside callback\n /\n excludeClass?: string;\n /* onMouseEnter on the component /\n onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n /* onMouseLeave on the component /\n onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n /* onKeyDown on the target component /\n onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n /* Show show arrow from the content /\n showArrow?: boolean;\n /\n Whether to enable the flip behaviour. This behaviour is used to flip the `<Popover/>`'s placement\n * when it starts to overlap the target element (`<Popover.Element/>`).\n /\n flip?: boolean;\n /\n Whether to enable the fixed behaviour. This behaviour is used to keep the `<Popover/>` at it's\n * original placement even when it's being positioned outside the boundary.\n /\n fixed?: boolean;\n /* Moves popover relative to the parent /\n moveBy?: MoveBy;\n /* Hide Delay in ms /\n hideDelay?: number;\n /* Show Delay in ms /\n showDelay?: number;\n /* Moves arrow by amount /\n moveArrowTo?: number;\n /* Enables calculations in relation to a dom element /\n appendTo?: AppendTo;\n /* Animation timer /\n timeout?: number \| { enter: number; exit: number };\n /* Inline style /\n style?: object;\n /* Id /\n id?: string;\n / stretch trigger element to the width of its container. /\n fluid?: boolean;\n /* Custom arrow element /\n customArrow?(placement: Placement, arrowProps: object): React.ReactNode;\n /* target element role value /\n role?: string;\n /* popover z-index /\n zIndex?: React.CSSProperties['zIndex'];\n /\n popovers content is set to minnimum width of trigger element,\n * but it can expand up to the value of maxWidth.\n /\n dynamicWidth?: boolean;\n /\n popover content minWidth value\n * - `number` value which converts to css with `px`\n * - `string` value that contains `px`\n /\n minWidth?: number \| string;\n /\n popover content maxWidth value\n * - `number` value which converts to css with `px`\n * - `string` value that contains `px`\n /\n maxWidth?: number \| string;\n /\n popover content width value\n * - `number` value which converts to css with `px`\n * - `string` value that contains `px`\n /\n width?: number \| string;\n /\n Breaking change:\n * When true - onClickOutside will be called only when popover content is shown\n * @default true\n /\n disableClickOutsideWhenClosed?: boolean;\n /\n Hook for testing purposes.\n /\n dataHook?: string;\n /\n tabindex for popover content element\n /\n tabIndex?: number;\n ['aria-label']?: string;\n ['aria-labelledby']?: string;\n ['aria-describedby']?: string;\n /\n Whether to animate the popover content when it is shown or hidden.\n /\n animate?: boolean;\n /\n Components skin value. Can be dark or light.\n /\n theme?: PopoverTheme;\n /* Callback fo invoke when popover is shown /\n onShow?: Function;\n /* Callback fo invoke when popover is hidden /\n onHide?: Function;\n children?: React.ReactNode;\n\n /* Enables hovering the popover content. */\n interactive?: boolean;\n}\n\nexport default class Popover extends React.Component<PopoverProps> {\n static Element: React.FC<{ children: React.ReactNode }>;\n static Content: React.FC<{ children: React.ReactNode }>;\n}\n\nexport type PopoverTheme = 'dark' \| 'light';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;~~AAgIe~~,MAAMC,OAAO,SAASC,cAAK,CAACC,SAAS,CAAe;AAGlEC,OAAA,CAAAC,OAAA,GAAAJ,OAAA;AAHoBA,OAAO,CACnBK,OAAO;AADKL,OAAO,CAEnBM,OAAO","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","Popover","React","Component","exports","default","Element","Content"],"sources":["../../../src/Popover/Popover.types.ts"],"sourcesContent":["import React from 'react';\nimport PopperJS from 'popper.js';\nimport { MoveBy } from './PopoverCore/utils/getModifiers';\nimport { Predicate } from './PopoverCore/utils/getAppendToElement';\n\nexport type Placement = PopperJS.Placement;\nexport type AppendTo =\n \| PopperJS.Boundary\n \| 'parent'\n \| Element\n \| Predicate\n \| null;\nexport interface PopoverProps {\n /** Specifies a CSS class name to be appended to the component’s root element.\n * @internal\n /\n className?: string;\n /* The location to display the content /\n placement?: Placement;\n /* Is the content shown or not /\n shown?: boolean;\n /* onClick on the component /\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n /* Provides callback to invoke when clicked outside of the popover /\n onClickOutside?: Function;\n /* Provides callback to invoke when popover loses focus /\n onTabOut?: Function;\n /* Provides callback to invoke when popover loses focus /\n onEscPress?: Function;\n /\n Clicking on elements with this excluded class will will not trigger onClickOutside callback\n /\n excludeClass?: string;\n /* onMouseEnter on the component /\n onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;\n /* onMouseLeave on the component /\n onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;\n /* onKeyDown on the target component /\n onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n /* Show show arrow from the content /\n showArrow?: boolean;\n /\n Whether to enable the flip behaviour. This behaviour is used to flip the `<Popover/>`'s placement\n * when it starts to overlap the target element (`<Popover.Element/>`).\n /\n flip?: boolean;\n /\n Whether to enable the fixed behaviour. This behaviour is used to keep the `<Popover/>` at it's\n * original placement even when it's being positioned outside the boundary.\n /\n fixed?: boolean;\n /* Moves popover relative to the parent /\n moveBy?: MoveBy;\n /* Hide Delay in ms /\n hideDelay?: number;\n /* Show Delay in ms /\n showDelay?: number;\n /* Moves arrow by amount /\n moveArrowTo?: number;\n /* Enables calculations in relation to a dom element /\n appendTo?: AppendTo;\n /* Animation timer /\n timeout?: number \| { enter: number; exit: number };\n /* Inline style /\n style?: object;\n /* Id /\n id?: string;\n / stretch trigger element to the width of its container. /\n fluid?: boolean;\n /* Custom arrow element /\n customArrow?(placement: Placement, arrowProps: object): React.ReactNode;\n /* target element role value /\n role?: string;\n /* popover z-index /\n zIndex?: React.CSSProperties['zIndex'];\n /\n popovers content is set to minnimum width of trigger element,\n * but it can expand up to the value of maxWidth.\n /\n dynamicWidth?: boolean;\n /\n popover content minWidth value\n * - `number` value which converts to css with `px`\n * - `string` value that contains `px`\n /\n minWidth?: number \| string;\n /\n popover content maxWidth value\n * - `number` value which converts to css with `px`\n * - `string` value that contains `px`\n /\n maxWidth?: number \| string;\n /\n popover content width value\n * - `number` value which converts to css with `px`\n * - `string` value that contains `px`\n /\n width?: number \| string;\n /\n Breaking change:\n * When true - onClickOutside will be called only when popover content is shown\n * @default true\n /\n disableClickOutsideWhenClosed?: boolean;\n /\n Hook for testing purposes.\n /\n dataHook?: string;\n /\n tabindex for popover content element\n /\n tabIndex?: number;\n ['aria-label']?: string;\n ['aria-labelledby']?: string;\n ['aria-describedby']?: string;\n /\n Whether to animate the popover content when it is shown or hidden.\n /\n animate?: boolean;\n /\n Components skin value. Can be dark or light.\n /\n theme?: PopoverTheme;\n /* Callback fo invoke when popover is shown /\n onShow?: Function;\n /* Callback fo invoke when popover is hidden /\n onHide?: Function;\n children?: React.ReactNode;\n\n /* Enables hovering the popover content. */\n interactive?: boolean;\n}\n\nexport default class Popover extends React.Component<PopoverProps> {\n static Element: React.FC<{ children: React.ReactNode }>;\n static Content: React.FC<{ children: React.ReactNode }>;\n}\n\nexport type PopoverTheme = 'dark' \| 'light';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAqIe,MAAMC,OAAO,SAASC,cAAK,CAACC,SAAS,CAAe;AAGlEC,OAAA,CAAAC,OAAA,GAAAJ,OAAA;AAHoBA,OAAO,CACnBK,OAAO;AADKL,OAAO,CAEnBM,OAAO","ignoreList":[]}

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

@@ -324,7 +324,7 @@ class PopoverCore extends _react.default.Component {
       shown,
       onTabOut
     } = this.props;
-    this.initAppendToNode();
+    this.appendPortalToNode();
     if (onTabOut && shown) {
       this._setBlurByKeyboardListener();
     }
@@ -342,12 +342,14 @@ class PopoverCore extends _react.default.Component {
       document.removeEventListener('keyup', this._onDocumentKeyUp, true);
     }
   }
-  initAppendToNode() {
+  appendPortalToNode() {
     var {
       appendTo
     } = this.props;
     this.appendToNode = (0, _getAppendToElement.getAppendToElement)(appendTo, this.targetRef);
     if (this.appendToNode) {
+      var _this$portalNode;
+      (_this$portalNode = this.portalNode) == null || _this$portalNode.remove();
       this.portalNode = document.createElement('div');
       this.portalNode.setAttribute('data-hook', 'popover-portal');
       /**
@@ -436,9 +438,8 @@ class PopoverCore extends _react.default.Component {
   }
   componentWillUnmount() {
     if (this.portalNode && this.appendToNode && this.appendToNode.children.length) {
-      // FIXME: What if component is updated with a different appendTo? It is a far-fetched use-case,
-      // but we would need to remove the portaled node, and created another one.
       this.appendToNode.removeChild(this.portalNode);
+      this.portalNode.remove();
     }
     this.portalNode = null;
     if (this._hideTimeout) {
@@ -461,6 +462,11 @@ class PopoverCore extends _react.default.Component {
       className,
       shown
     } = this.props;
+    // allows reactive appendTo
+    if (prevProps.appendTo !== this.props.appendTo) {
+      this.appendPortalToNode();
+    }
     if (this.portalNode) {
       // Re-calculate the portal's styles
       this.portalClasses = (0, _PopoverSt.st)(_PopoverSt.classes.root, {
@@ -513,7 +519,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 535,
+        lineNumber: 540,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_ClickOutside.ClickOutside, {
@@ -523,7 +529,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 536,
+        lineNumber: 541,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -542,7 +548,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 545,
+        lineNumber: 550,
         columnNumber: 11
       }
     }), /*#__PURE__*/_react.default.createElement(_reactPopper.Reference, {
@@ -550,7 +556,7 @@ class PopoverCore extends _react.default.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 556,
+        lineNumber: 561,
         columnNumber: 13
       }
     }, _ref3 => {
@@ -568,7 +574,7 @@ class PopoverCore extends _react.default.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 558,
+          lineNumber: 563,
           columnNumber: 17
         }
       }, childrenObject.Element);