@semcore/pagination 17.2.0 → 17.2.1-prerelease.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.
- package/CHANGELOG.md +8 -0
- package/lib/cjs/Pagination.js +30 -25
- package/lib/cjs/Pagination.js.map +1 -1
- package/lib/cjs/Pagination.type.js +2 -0
- package/lib/cjs/Pagination.type.js.map +1 -0
- package/lib/cjs/index.js +13 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/pagination.shadow.css +3 -17
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/Pagination.js +30 -25
- package/lib/es6/Pagination.js.map +1 -1
- package/lib/es6/Pagination.type.js +2 -0
- package/lib/es6/Pagination.type.js.map +1 -0
- package/lib/es6/index.js +1 -0
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/pagination.shadow.css +3 -17
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/Pagination.mjs +37 -32
- package/lib/esm/Pagination.type.mjs +1 -0
- package/lib/esm/index.mjs +1 -0
- package/lib/esm/style/pagination.shadow.css +3 -17
- package/lib/types/Pagination.d.ts +8 -0
- package/lib/types/Pagination.type.d.ts +96 -0
- package/lib/types/index.d.ts +2 -73
- package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +135 -0
- package/package.json +12 -12
- package/vite.config.ts +1 -1
- package/vitest.config.mts +17 -0
- package/lib/cjs/index.d.js +0 -2
- package/lib/cjs/index.d.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [17.2.1] - 2026-06-25
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Rewrite component to TS. Deprecate atomic types. Atomic types are part
|
|
10
|
+
of `NSPagination` namespace.
|
|
11
|
+
- Incorrect processing of oklch values.
|
|
12
|
+
|
|
5
13
|
## [17.2.0] - 2026-06-05
|
|
6
14
|
|
|
7
15
|
### Added
|
package/lib/cjs/Pagination.js
CHANGED
|
@@ -18,20 +18,21 @@ var _typography = require("@semcore/typography");
|
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
20
20
|
/*!__reshadow-styles__:"./style/pagination.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPagination_1dpcv_gg_{justify-content:flex-start;align-items:center}.___SPagination_1dpcv_gg_.__withGap_1dpcv_gg_{gap:var(--intergalactic-spacing-4x,16px)}.___SPagination_1dpcv_gg_.__withGap_1dpcv_gg_._size_l_1dpcv_gg_{gap:var(--intergalactic-spacing-5x,20px)}.___SNextPage_1dpcv_gg_,.___SPrevPage_1dpcv_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x,8px)}.___SNextPage_1dpcv_gg_._size_l_1dpcv_gg_,.___SPrevPage_1dpcv_gg_._size_l_1dpcv_gg_{margin-left:var(--intergalactic-spacing-3x,12px)}.___SLabel_1dpcv_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SLabel_1dpcv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x,16px)}.___SLabel_1dpcv_gg_._size_300_1dpcv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x,20px)}.___STotalPages_1dpcv_gg_{align-self:center}.___STotalPagesLabel_1dpcv_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-1x,4px)}.___STotalLastPages_1dpcv_gg_,.___STotalPagesLabel_1dpcv_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___STotalLastPages_1dpcv_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___STotalLastPages_1dpcv_gg_._size_l_1dpcv_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SPageInput_1dpcv_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x,4px)}.___SPageInput_1dpcv_gg_._size_l_1dpcv_gg_{margin-left:var(--intergalactic-spacing-2x,8px)}.___SPageInput_1dpcv_gg_:focus-within .___SPageInputAddon_1dpcv_gg_{opacity:1;clip:auto;position:static}.___SPageInputAddon_1dpcv_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}", /*__inner_css_end__*/"1dpcv_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SPagination": "
|
|
25
|
-
"__SLabel": "
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"__SPageInputAddon": "
|
|
31
|
-
"_withGap": "
|
|
32
|
-
"__SNextPage": "
|
|
33
|
-
"__SPrevPage": "
|
|
34
|
-
"
|
|
24
|
+
"__SPagination": "___SPagination_1dpcv_gg_",
|
|
25
|
+
"__SLabel": "___SLabel_1dpcv_gg_",
|
|
26
|
+
"__STotalPages": "___STotalPages_1dpcv_gg_",
|
|
27
|
+
"__STotalPagesLabel": "___STotalPagesLabel_1dpcv_gg_",
|
|
28
|
+
"__SPageInput": "___SPageInput_1dpcv_gg_",
|
|
29
|
+
"_size_l": "_size_l_1dpcv_gg_",
|
|
30
|
+
"__SPageInputAddon": "___SPageInputAddon_1dpcv_gg_",
|
|
31
|
+
"_withGap": "__withGap_1dpcv_gg_",
|
|
32
|
+
"__SNextPage": "___SNextPage_1dpcv_gg_",
|
|
33
|
+
"__SPrevPage": "___SPrevPage_1dpcv_gg_",
|
|
34
|
+
"_size_300": "_size_300_1dpcv_gg_",
|
|
35
|
+
"__STotalLastPages": "___STotalLastPages_1dpcv_gg_"
|
|
35
36
|
});
|
|
36
37
|
class PaginationRoot extends _core.Component {
|
|
37
38
|
constructor(...args) {
|
|
@@ -88,6 +89,7 @@ class PaginationRoot extends _core.Component {
|
|
|
88
89
|
const {
|
|
89
90
|
totalPages
|
|
90
91
|
} = this.asProps;
|
|
92
|
+
if (dirtyCurrentPage === undefined) return dirtyCurrentPage;
|
|
91
93
|
const finalValue = dirtyCurrentPage > totalPages ? totalPages : dirtyCurrentPage;
|
|
92
94
|
return finalValue <= 0 ? 1 : finalValue;
|
|
93
95
|
});
|
|
@@ -270,14 +272,12 @@ class PaginationRoot extends _core.Component {
|
|
|
270
272
|
}
|
|
271
273
|
}
|
|
272
274
|
(0, _defineProperty2.default)(PaginationRoot, "displayName", 'Pagination');
|
|
273
|
-
(0, _defineProperty2.default)(PaginationRoot, "defaultProps",
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
size: 'm'
|
|
280
|
-
};
|
|
275
|
+
(0, _defineProperty2.default)(PaginationRoot, "defaultProps", {
|
|
276
|
+
defaultCurrentPage: 1,
|
|
277
|
+
defaultTotalPages: 1,
|
|
278
|
+
i18n: _intergalacticDynamicLocales.localizedMessages,
|
|
279
|
+
locale: 'en',
|
|
280
|
+
size: 'm'
|
|
281
281
|
});
|
|
282
282
|
(0, _defineProperty2.default)(PaginationRoot, "style", style);
|
|
283
283
|
(0, _defineProperty2.default)(PaginationRoot, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID.default)()]);
|
|
@@ -291,8 +291,7 @@ class FirstPage extends _core.Component {
|
|
|
291
291
|
const {
|
|
292
292
|
getI18nText,
|
|
293
293
|
Children,
|
|
294
|
-
children
|
|
295
|
-
disabled
|
|
294
|
+
children
|
|
296
295
|
} = this.asProps;
|
|
297
296
|
const hintContent = getI18nText('firstPage');
|
|
298
297
|
const isAdvanced = children !== undefined;
|
|
@@ -349,12 +348,16 @@ class TotalPages extends _core.Component {
|
|
|
349
348
|
totalPages,
|
|
350
349
|
isLastOrSingle,
|
|
351
350
|
children,
|
|
351
|
+
size,
|
|
352
352
|
...other
|
|
353
353
|
} = this.asProps;
|
|
354
|
-
const textSize =
|
|
354
|
+
const textSize = size === 'l' ? 300 : 200;
|
|
355
355
|
return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(STotalPagesLabel, _ref10.cn("STotalPagesLabel", {
|
|
356
356
|
"size": textSize
|
|
357
|
-
}), getI18nText('totalPagesLabel')), isLastOrSingle ?
|
|
357
|
+
}), getI18nText('totalPagesLabel')), isLastOrSingle ?
|
|
358
|
+
/*#__PURE__*/
|
|
359
|
+
// @ts-ignore
|
|
360
|
+
_react.default.createElement(STotalLastPages, _ref10.cn("STotalLastPages", {
|
|
358
361
|
"size": textSize,
|
|
359
362
|
"aria-label": getI18nText('lastPage', {
|
|
360
363
|
lastPageNumber: totalPages
|
|
@@ -362,6 +365,7 @@ class TotalPages extends _core.Component {
|
|
|
362
365
|
...other
|
|
363
366
|
}), children) : /*#__PURE__*/_react.default.createElement(STotalPages, _ref10.cn("STotalPages", {
|
|
364
367
|
...(0, _core.assignProps)({
|
|
368
|
+
"use:size": textSize,
|
|
365
369
|
"aria-label": getI18nText('lastPage', {
|
|
366
370
|
lastPageNumber: totalPages
|
|
367
371
|
})
|
|
@@ -401,10 +405,11 @@ class PageInput extends _core.Component {
|
|
|
401
405
|
size,
|
|
402
406
|
paginationInputId
|
|
403
407
|
} = this.asProps;
|
|
408
|
+
const textSize = size === 'l' ? 300 : 200;
|
|
404
409
|
return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SLabel, _ref13.cn("SLabel", {
|
|
405
410
|
"tag": 'label',
|
|
406
411
|
"htmlFor": paginationInputId,
|
|
407
|
-
"size":
|
|
412
|
+
"size": textSize
|
|
408
413
|
}), getI18nText('pageInputLabel')), /*#__PURE__*/_react.default.createElement(SPageInput, _ref13.cn("SPageInput", {
|
|
409
414
|
...(0, _core.assignProps)({
|
|
410
415
|
"controlsLength": Children.origin ? undefined : 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_uniqueID","_m","_inputNumber","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","PaginationRoot","Component","constructor","args","_defineProperty2","default","React","createRef","dirtyCurrentPage","undefined","ref","requestAnimationFrame","current","focus","currentPage","Number","isNaN","handlers","setState","value","state","setTimeout","pageInputAddonRef","document","activeElement","asProps","totalPages","finalValue","event","key","getDirtyCurrentPage","handlePageChange","getI18nText","size","disabled","onClick","returnLostFocusTo","nextPageButtonRef","followingPage","prevPageButtonRef","locale","paginationInputId","onBlur","handlePageValueBlur","min","max","onChange","handlePageValueChange","onKeyDown","handlePageInputKeyDown","id","formatter","Intl","NumberFormat","children","format","isLastOrSingle","uncontrolledProps","componentDidUpdate","prevProps","uid","render","_ref","_ref9","SPagination","Flex","Children","hasChildren","styles","createElement","cn","assignProps","Fragment","Pagination","FirstPage","PrevPage","NextPage","PageInput","TotalPages","ScreenReaderOnly","defaultCurrentPage","defaultTotalPages","i18n","localizedMessages","i18nEnhance","uniqueIDEnhancement","_ref2","hintContent","isAdvanced","Button","buttonRef","Addon","tag","ChevronDoubleLeft","Hint","triggerRef","timeout","_ref3","_ref0","SPrevPage","props","_ref4","_ref1","SNextPage","_ref5","_ref10","STotalPages","ButtonLink","STotalPagesLabel","Text","STotalLastPages","other","textSize","lastPageNumber","PageInputValue","_ref6","arguments[0]","_ref11","SPageInputValue","InputNumber","Value","PageInputAddon","_ref7","_ref12","SPageInputAddon","_ref8","_ref13","SPageInput","SLabel","origin","createComponent","_default","exports"],"sources":["../../src/Pagination.jsx"],"sourcesContent":["import { Flex, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ChevronDoubleLeft from '@semcore/icon/ChevronDoubleLeft/m';\nimport InputNumber from '@semcore/input-number';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/pagination.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nclass PaginationRoot extends Component {\n static displayName = 'Pagination';\n\n static defaultProps = () => {\n return {\n defaultCurrentPage: 1,\n defaultTotalPages: 1,\n i18n: localizedMessages,\n locale: 'en',\n size: 'm',\n };\n };\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n\n nextPageButtonRef = React.createRef();\n prevPageButtonRef = React.createRef();\n\n state = {\n // Crutch, so as not to take out `dirtyCurrentPage` in props\n dirtyCurrentPage: undefined,\n };\n\n pageInputAddonRef = React.createRef();\n\n uncontrolledProps() {\n return {\n totalPages: null,\n currentPage: null,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.currentPage !== undefined && prevProps.currentPage !== this.asProps.currentPage) {\n this.setState({ dirtyCurrentPage: undefined });\n }\n }\n\n get paginationInputId() {\n const { uid } = this.asProps;\n\n return `pagination-input-${uid}`;\n }\n\n returnLostFocusTo = (ref) => {\n requestAnimationFrame(() => {\n ref.current?.focus();\n });\n };\n\n handlePageChange = (currentPage) => {\n currentPage = Number(currentPage);\n if (Number.isNaN(currentPage)) {\n return;\n }\n this.handlers.currentPage(currentPage);\n this.setState({ dirtyCurrentPage: undefined });\n };\n\n handlePageValueChange = (value) => {\n const { dirtyCurrentPage } = this.state;\n if (Number.isNaN(Number(value))) {\n value = dirtyCurrentPage;\n }\n this.setState({ dirtyCurrentPage: value });\n };\n\n handlePageValueBlur = () => {\n setTimeout(() => {\n if (this.pageInputAddonRef.current !== document.activeElement) {\n const { currentPage } = this.asProps;\n this.setState({ dirtyCurrentPage: currentPage });\n }\n }, 0);\n };\n\n getDirtyCurrentPage = () => {\n const { dirtyCurrentPage } = this.state;\n const { totalPages } = this.asProps;\n const finalValue = dirtyCurrentPage > totalPages ? totalPages : dirtyCurrentPage;\n return finalValue <= 0 ? 1 : finalValue;\n };\n\n handlePageInputKeyDown = (event) => {\n if (event.key !== 'Enter') return;\n const dirtyCurrentPage = this.getDirtyCurrentPage();\n this.handlePageChange(dirtyCurrentPage);\n };\n\n getFirstPageProps = () => {\n const { currentPage, getI18nText, size } = this.asProps;\n const disabled = currentPage <= 1;\n return {\n disabled,\n onClick: () => {\n this.handlePageChange(1);\n this.returnLostFocusTo(this.nextPageButtonRef);\n },\n getI18nText,\n size,\n };\n };\n\n getPrevPageProps = () => {\n const { currentPage, getI18nText, size } = this.asProps;\n const disabled = currentPage <= 1;\n return {\n currentPage,\n disabled,\n onClick: () => {\n const followingPage = currentPage - 1;\n\n this.handlePageChange(followingPage);\n\n if (followingPage <= 1) {\n this.returnLostFocusTo(this.nextPageButtonRef);\n }\n },\n getI18nText,\n ref: this.prevPageButtonRef,\n size,\n };\n };\n\n getNextPageProps = () => {\n const { currentPage, totalPages, getI18nText, size } = this.asProps;\n const disabled = currentPage >= totalPages;\n return {\n currentPage,\n disabled,\n onClick: () => {\n const followingPage = currentPage + 1;\n\n this.handlePageChange(followingPage);\n\n if (followingPage >= totalPages) {\n this.returnLostFocusTo(this.prevPageButtonRef);\n }\n },\n getI18nText,\n ref: this.nextPageButtonRef,\n size,\n };\n };\n\n getPageInputProps = () => {\n const { getI18nText, locale, size } = this.asProps;\n return {\n getI18nText,\n locale,\n size,\n paginationInputId: this.paginationInputId,\n };\n };\n\n getPageInputAddonProps = () => {\n return {\n ref: this.pageInputAddonRef,\n onBlur: this.handlePageValueBlur,\n };\n };\n\n getPageInputValueProps = () => {\n const { dirtyCurrentPage } = this.state;\n const { currentPage, totalPages, getI18nText, size } = this.asProps;\n return {\n min: 1,\n max: totalPages,\n disabled: totalPages === 1,\n value: dirtyCurrentPage === undefined ? currentPage : dirtyCurrentPage,\n onBlur: this.handlePageValueBlur,\n onChange: this.handlePageValueChange,\n onKeyDown: this.handlePageInputKeyDown,\n getI18nText,\n size,\n id: this.paginationInputId,\n };\n };\n\n getTotalPagesProps = () => {\n const { currentPage, totalPages, getI18nText, locale, size } = this.asProps;\n const formatter = new Intl.NumberFormat(locale, { style: 'decimal' });\n return {\n totalPages,\n children: formatter.format(totalPages),\n isLastOrSingle: currentPage === totalPages,\n onClick: () => {\n this.handlePageChange(totalPages);\n this.returnLostFocusTo(this.prevPageButtonRef);\n },\n getI18nText,\n size,\n };\n };\n\n render() {\n const SPagination = Root;\n const {\n Children,\n children: hasChildren,\n getI18nText,\n currentPage,\n totalPages = 1,\n } = this.asProps;\n\n return sstyled(this.asProps.styles)(\n <SPagination\n render={Flex}\n flexWrap='wrap'\n withGap={!hasChildren}\n tag='nav'\n aria-label={getI18nText('pagination')}\n >\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n {totalPages === 1\n ? null\n : (\n <Flex>\n <Pagination.FirstPage />\n <Pagination.PrevPage />\n <Pagination.NextPage />\n </Flex>\n )}\n <Flex alignItems='center'>\n <Pagination.PageInput />\n <Pagination.TotalPages />\n </Flex>\n </>\n )}\n <ScreenReaderOnly aria-live='polite' role='status'>\n {getI18nText('pageInputLabel')}\n {' '}\n {currentPage}\n </ScreenReaderOnly>\n </SPagination>,\n );\n }\n}\n\nclass FirstPage extends Component {\n buttonRef = React.createRef();\n\n render() {\n const { getI18nText, Children, children, disabled } = this.asProps;\n const hintContent = getI18nText('firstPage');\n const isAdvanced = children !== undefined;\n\n return (\n <>\n <Root render={Button} aria-label={getI18nText('firstPage')} ref={this.buttonRef}>\n {isAdvanced\n ? <Children />\n : <Button.Addon tag={ChevronDoubleLeft} />}\n </Root>\n {!isAdvanced && (<Hint triggerRef={this.buttonRef} timeout={[250, 50]}>{hintContent}</Hint>)}\n </>\n );\n }\n}\n\nclass PrevPage extends Component {\n static defaultProps = (props) => ({\n children: props.getI18nText('prevPageLabel'),\n });\n\n render() {\n const SPrevPage = Root;\n return sstyled(this.asProps.styles)(<SPrevPage render={Button} />);\n }\n}\nclass NextPage extends Component {\n static defaultProps = (props) => ({\n children: props.getI18nText('nextPageLabel'),\n });\n\n render() {\n const SNextPage = Root;\n return sstyled(this.asProps.styles)(<SNextPage render={Button} use='primary' theme='info' />);\n }\n}\n\nclass TotalPages extends Component {\n render() {\n const STotalPages = Root;\n const STotalPagesLabel = Text;\n const STotalLastPages = Text;\n const { styles, getI18nText, totalPages, isLastOrSingle, children, ...other } = this.asProps;\n const textSize = other.size === 'l' ? '300' : '200';\n return sstyled(styles)(\n <>\n <STotalPagesLabel size={textSize}>{getI18nText('totalPagesLabel')}</STotalPagesLabel>\n {isLastOrSingle\n ? (\n <STotalLastPages\n size={textSize}\n aria-label={getI18nText('lastPage', { lastPageNumber: totalPages })}\n {...other}\n >\n {children}\n </STotalLastPages>\n )\n : (\n <STotalPages\n render={ButtonLink}\n aria-label={getI18nText('lastPage', { lastPageNumber: totalPages })}\n />\n )}\n </>,\n );\n }\n}\n\nfunction PageInputValue(props) {\n const SPageInputValue = Root;\n\n return sstyled(props.styles)(\n <SPageInputValue\n render={InputNumber.Value}\n // By default, InputNumber has validation on blur.\n // We should disable it, because of Pagination.PageInput.Addon\n onBlur={() => false}\n />,\n );\n}\n\nfunction PageInputAddon(props) {\n const SPageInputAddon = Root;\n return sstyled(props.styles)(<SPageInputAddon render={InputNumber.Addon} />);\n}\n\nclass PageInput extends Component {\n static enhance = [uniqueIDEnhancement()];\n\n render() {\n const SPageInput = Root;\n const SLabel = Text;\n const { Children, getI18nText, styles, locale, size, paginationInputId } = this.asProps;\n\n return sstyled(styles)(\n <>\n <SLabel tag='label' htmlFor={paginationInputId} size={size}>\n {getI18nText('pageInputLabel')}\n </SLabel>\n <SPageInput\n render={InputNumber}\n controlsLength={Children.origin ? undefined : 2}\n locale={locale}\n >\n {Children.origin\n ? (\n <Children />\n )\n : (\n <Pagination.PageInput.Value />\n )}\n </SPageInput>\n </>,\n );\n }\n}\n\n/**\n * Pagination\n *\n * {@link https://developer.semrush.com/intergalactic/components/pagination/pagination-api/|API} | {@link https://developer.semrush.com/intergalactic/components/pagination/pagination-code/|Examples}\n */\nconst Pagination = createComponent(PaginationRoot, {\n PrevPage,\n NextPage,\n FirstPage,\n TotalPages,\n PageInput: [\n PageInput,\n {\n Value: PageInputValue,\n Addon: PageInputAddon,\n },\n ],\n});\n\nexport default Pagination;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Pagination.js","names":["_core","require","_baseComponents","_button","_interopRequireWildcard","_i18nEnhance","_interopRequireDefault","_uniqueID","_m","_inputNumber","_typography","_react","_intergalacticDynamicLocales","style","sstyled","insert","PaginationRoot","Component","constructor","args","_defineProperty2","default","React","createRef","dirtyCurrentPage","undefined","ref","requestAnimationFrame","current","focus","currentPage","Number","isNaN","handlers","setState","value","state","setTimeout","pageInputAddonRef","document","activeElement","asProps","totalPages","finalValue","event","key","getDirtyCurrentPage","handlePageChange","getI18nText","size","disabled","onClick","returnLostFocusTo","nextPageButtonRef","followingPage","prevPageButtonRef","locale","paginationInputId","onBlur","handlePageValueBlur","min","max","onChange","handlePageValueChange","onKeyDown","handlePageInputKeyDown","id","formatter","Intl","NumberFormat","children","format","isLastOrSingle","uncontrolledProps","componentDidUpdate","prevProps","uid","render","_ref","_ref9","SPagination","Flex","Children","hasChildren","styles","createElement","cn","assignProps","Fragment","Pagination","FirstPage","PrevPage","NextPage","PageInput","TotalPages","ScreenReaderOnly","defaultCurrentPage","defaultTotalPages","i18n","localizedMessages","i18nEnhance","uniqueIDEnhancement","_ref2","hintContent","isAdvanced","Button","buttonRef","Addon","tag","ChevronDoubleLeft","Hint","triggerRef","timeout","_ref3","_ref0","SPrevPage","props","_ref4","_ref1","SNextPage","_ref5","_ref10","STotalPages","ButtonLink","STotalPagesLabel","Text","STotalLastPages","other","textSize","lastPageNumber","PageInputValue","_ref6","arguments[0]","_ref11","SPageInputValue","InputNumber","Value","PageInputAddon","_ref7","_ref12","SPageInputAddon","_ref8","_ref13","SPageInput","SLabel","origin","createComponent","_default","exports"],"sources":["../../src/Pagination.tsx"],"sourcesContent":["import { Flex, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport Button, { ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport ChevronDoubleLeft from '@semcore/icon/ChevronDoubleLeft/m';\nimport InputNumber from '@semcore/input-number';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSPagination } from './Pagination.type';\nimport style from './style/pagination.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\ntype State = {\n dirtyCurrentPage: NSPagination.Props['currentPage'];\n};\n\nclass PaginationRoot extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSPagination.Component>,\n typeof PaginationRoot.enhance,\n NSPagination.Handlers,\n {},\n State,\n NSPagination.DefaultProps\n> {\n static displayName = 'Pagination';\n\n static defaultProps = {\n defaultCurrentPage: 1,\n defaultTotalPages: 1,\n i18n: localizedMessages,\n locale: 'en',\n size: 'm',\n } as const;\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()] as const;\n\n nextPageButtonRef = React.createRef<HTMLButtonElement>();\n prevPageButtonRef = React.createRef<HTMLButtonElement>();\n\n state: State = {\n // Crutch, so as not to take out `dirtyCurrentPage` in props\n dirtyCurrentPage: undefined,\n };\n\n pageInputAddonRef = React.createRef();\n\n uncontrolledProps() {\n return {\n totalPages: null,\n currentPage: null,\n };\n }\n\n componentDidUpdate(prevProps: typeof this.asProps) {\n if (prevProps.currentPage !== undefined && prevProps.currentPage !== this.asProps.currentPage) {\n this.setState({ dirtyCurrentPage: undefined });\n }\n }\n\n get paginationInputId() {\n const { uid } = this.asProps;\n\n return `pagination-input-${uid}`;\n }\n\n returnLostFocusTo = (ref: React.RefObject<HTMLButtonElement>) => {\n requestAnimationFrame(() => {\n ref.current?.focus();\n });\n };\n\n handlePageChange = (currentPage?: number) => {\n currentPage = Number(currentPage);\n if (Number.isNaN(currentPage)) {\n return;\n }\n this.handlers.currentPage(currentPage);\n this.setState({ dirtyCurrentPage: undefined });\n };\n\n handlePageValueChange = (value: NSPagination.Props['currentPage']) => {\n const { dirtyCurrentPage } = this.state;\n if (Number.isNaN(Number(value))) {\n value = dirtyCurrentPage;\n }\n this.setState({ dirtyCurrentPage: value });\n };\n\n handlePageValueBlur = () => {\n setTimeout(() => {\n if (this.pageInputAddonRef.current !== document.activeElement) {\n const { currentPage } = this.asProps;\n this.setState({ dirtyCurrentPage: currentPage });\n }\n }, 0);\n };\n\n getDirtyCurrentPage = () => {\n const { dirtyCurrentPage } = this.state;\n const { totalPages } = this.asProps;\n\n if (dirtyCurrentPage === undefined) return dirtyCurrentPage;\n\n const finalValue = dirtyCurrentPage > totalPages ? totalPages : dirtyCurrentPage;\n return finalValue <= 0 ? 1 : finalValue;\n };\n\n handlePageInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n if (event.key !== 'Enter') return;\n const dirtyCurrentPage = this.getDirtyCurrentPage();\n this.handlePageChange(dirtyCurrentPage);\n };\n\n getFirstPageProps = () => {\n const { currentPage, getI18nText, size } = this.asProps;\n const disabled = currentPage <= 1;\n return {\n disabled,\n onClick: () => {\n this.handlePageChange(1);\n this.returnLostFocusTo(this.nextPageButtonRef);\n },\n getI18nText,\n size,\n };\n };\n\n getPrevPageProps = () => {\n const { currentPage, getI18nText, size } = this.asProps;\n const disabled = currentPage <= 1;\n return {\n currentPage,\n disabled,\n onClick: () => {\n const followingPage = currentPage - 1;\n\n this.handlePageChange(followingPage);\n\n if (followingPage <= 1) {\n this.returnLostFocusTo(this.nextPageButtonRef);\n }\n },\n getI18nText,\n ref: this.prevPageButtonRef,\n size,\n };\n };\n\n getNextPageProps = () => {\n const { currentPage, totalPages, getI18nText, size } = this.asProps;\n const disabled = currentPage >= totalPages;\n return {\n currentPage,\n disabled,\n onClick: () => {\n const followingPage = currentPage + 1;\n\n this.handlePageChange(followingPage);\n\n if (followingPage >= totalPages) {\n this.returnLostFocusTo(this.prevPageButtonRef);\n }\n },\n getI18nText,\n ref: this.nextPageButtonRef,\n size,\n };\n };\n\n getPageInputProps = () => {\n const { getI18nText, locale, size } = this.asProps;\n return {\n getI18nText,\n locale,\n size,\n paginationInputId: this.paginationInputId,\n };\n };\n\n getPageInputAddonProps = () => {\n return {\n ref: this.pageInputAddonRef,\n onBlur: this.handlePageValueBlur,\n };\n };\n\n getPageInputValueProps = () => {\n const { dirtyCurrentPage } = this.state;\n const { currentPage, totalPages, getI18nText, size } = this.asProps;\n return {\n min: 1,\n max: totalPages,\n disabled: totalPages === 1,\n value: dirtyCurrentPage === undefined ? currentPage : dirtyCurrentPage,\n onBlur: this.handlePageValueBlur,\n onChange: this.handlePageValueChange,\n onKeyDown: this.handlePageInputKeyDown,\n getI18nText,\n size,\n id: this.paginationInputId,\n };\n };\n\n getTotalPagesProps = () => {\n const { currentPage, totalPages, getI18nText, locale, size } = this.asProps;\n const formatter = new Intl.NumberFormat(locale, { style: 'decimal' });\n return {\n totalPages,\n children: formatter.format(totalPages),\n isLastOrSingle: currentPage === totalPages,\n onClick: () => {\n this.handlePageChange(totalPages);\n this.returnLostFocusTo(this.prevPageButtonRef);\n },\n getI18nText,\n size,\n };\n };\n\n render() {\n const SPagination = Root;\n const {\n Children,\n children: hasChildren,\n getI18nText,\n currentPage,\n totalPages = 1,\n } = this.asProps;\n\n return sstyled(this.asProps.styles)(\n <SPagination\n render={Flex}\n flexWrap='wrap'\n withGap={!hasChildren}\n tag='nav'\n aria-label={getI18nText('pagination')}\n >\n {hasChildren\n ? (\n <Children />\n )\n : (\n <>\n {totalPages === 1\n ? null\n : (\n <Flex>\n <Pagination.FirstPage />\n <Pagination.PrevPage />\n <Pagination.NextPage />\n </Flex>\n )}\n <Flex alignItems='center'>\n <Pagination.PageInput />\n <Pagination.TotalPages />\n </Flex>\n </>\n )}\n <ScreenReaderOnly aria-live='polite' role='status'>\n {getI18nText('pageInputLabel')}\n {' '}\n {currentPage}\n </ScreenReaderOnly>\n </SPagination>,\n );\n }\n}\n\nclass FirstPage extends Component<\n Intergalactic.InternalTypings.InferChildComponentProps<NSPagination.FirstPage.Component, typeof PaginationRoot, 'FirstPage'>\n> {\n buttonRef = React.createRef<HTMLButtonElement>();\n\n render() {\n const { getI18nText, Children, children } = this.asProps;\n const hintContent = getI18nText('firstPage');\n const isAdvanced = children !== undefined;\n\n return (\n <>\n <Root render={Button} aria-label={getI18nText('firstPage')} ref={this.buttonRef}>\n {isAdvanced\n ? <Children />\n : <Button.Addon tag={ChevronDoubleLeft} />}\n </Root>\n {!isAdvanced && (<Hint triggerRef={this.buttonRef} timeout={[250, 50]}>{hintContent}</Hint>)}\n </>\n );\n }\n}\n\ntype PrevPageProps = Intergalactic.InternalTypings.InferChildComponentProps<NSPagination.PrevPage.Component, typeof PaginationRoot, 'PrevPage'>;\nclass PrevPage extends Component<PrevPageProps> {\n static defaultProps = (props: PrevPageProps) => ({\n children: props.getI18nText('prevPageLabel'),\n });\n\n render() {\n const SPrevPage = Root;\n return sstyled(this.asProps.styles)(<SPrevPage render={Button} />);\n }\n}\n\ntype NextPageProps = Intergalactic.InternalTypings.InferChildComponentProps<NSPagination.NextPage.Component, typeof PaginationRoot, 'NextPage'>;\nclass NextPage extends Component<NextPageProps> {\n static defaultProps = (props: NextPageProps) => ({\n children: props.getI18nText('nextPageLabel'),\n });\n\n render() {\n const SNextPage = Root;\n return sstyled(this.asProps.styles)(<SNextPage render={Button} use='primary' theme='info' />);\n }\n}\n\nclass TotalPages extends Component<\n Intergalactic.InternalTypings.InferChildComponentProps<NSPagination.TotalPages.Component, typeof PaginationRoot, 'TotalPages'>\n> {\n render() {\n const STotalPages = Root;\n const STotalPagesLabel = Text;\n const STotalLastPages = Text;\n const { styles, getI18nText, totalPages, isLastOrSingle, children, size, ...other } = this.asProps;\n const textSize = size === 'l' ? 300 : 200;\n return sstyled(styles)(\n <>\n <STotalPagesLabel size={textSize}>{getI18nText('totalPagesLabel')}</STotalPagesLabel>\n {isLastOrSingle\n ? (\n // @ts-ignore\n <STotalLastPages\n size={textSize}\n // @ts-expect-error\n aria-label={getI18nText('lastPage', { lastPageNumber: totalPages })}\n {...other}\n >\n {children}\n </STotalLastPages>\n )\n : (\n <STotalPages\n render={ButtonLink}\n use:size={textSize}\n aria-label={getI18nText('lastPage', { lastPageNumber: totalPages })}\n />\n )}\n </>,\n );\n }\n}\n\nfunction PageInputValue(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSPagination.PageInput.Value.Component,\n typeof PaginationRoot,\n 'PageInputValue'\n >,\n) {\n const SPageInputValue = Root;\n\n return sstyled(props.styles)(\n <SPageInputValue\n render={InputNumber.Value}\n // By default, InputNumber has validation on blur.\n // We should disable it, because of Pagination.PageInput.Addon\n onBlur={() => false}\n />,\n );\n}\n\nfunction PageInputAddon(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSPagination.PageInput.Addon.Component,\n typeof PaginationRoot,\n 'PageInputAddon'\n >,\n) {\n const SPageInputAddon = Root;\n return sstyled(props.styles)(<SPageInputAddon render={InputNumber.Addon} />);\n}\n\nclass PageInput extends Component<\n Intergalactic.InternalTypings.InferChildComponentProps<NSPagination.PageInput.Component, typeof PaginationRoot, 'PageInput'>,\n typeof PageInput.enhance\n> {\n static enhance = [uniqueIDEnhancement()] as const;\n\n render() {\n const SPageInput = Root;\n const SLabel = Text;\n const { Children, getI18nText, styles, locale, size, paginationInputId } = this.asProps;\n const textSize = size === 'l' ? 300 : 200;\n\n return sstyled(styles)(\n <>\n <SLabel tag='label' htmlFor={paginationInputId} size={textSize}>\n {getI18nText('pageInputLabel')}\n </SLabel>\n <SPageInput\n render={InputNumber}\n controlsLength={Children.origin ? undefined : 2}\n locale={locale}\n >\n {Children.origin\n ? (\n <Children />\n )\n : (\n <Pagination.PageInput.Value />\n )}\n </SPageInput>\n </>,\n );\n }\n}\n\n/**\n * Pagination\n *\n * {@link https://developer.semrush.com/intergalactic/components/pagination/pagination-api/|API} | {@link https://developer.semrush.com/intergalactic/components/pagination/pagination-code/|Examples}\n */\nconst Pagination = createComponent<\n NSPagination.Component,\n typeof PaginationRoot\n>(PaginationRoot, {\n PrevPage,\n NextPage,\n FirstPage,\n TotalPages,\n PageInput: [\n PageInput,\n {\n Value: PageInputValue,\n Addon: PageInputAddon,\n },\n ],\n});\n\nexport default Pagination;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.type.js","names":[],"sources":["../../src/Pagination.type.ts"],"sourcesContent":["import type { BoxProps } from '@semcore/base-components';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type { InputProps } from '@semcore/input';\nimport type Input from '@semcore/input';\nimport type { NSText } from '@semcore/typography';\n\nimport type { LocalizedMessages } from './translations/__intergalactic-dynamic-locales';\n\ndeclare namespace NSPagination {\n type Props = BoxProps &\n WithI18nEnhanceProps & {\n /**\n * Total number of pages\n * @default 1\n */\n totalPages?: number;\n /**\n * Active page number\n * @default 1\n */\n currentPage?: number;\n /**\n * Callback for changing the active page\n * @param pageNumber\n */\n onCurrentPageChange?: (pageNumber: number) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /**\n * Sizes for pagination panel\n * @default 'm'\n */\n size?: 'm' | 'l';\n };\n type DefaultProps = {\n defaultCurrentPage: 1;\n defaultTotalPages: 1;\n i18n: LocalizedMessages;\n locale: 'en';\n size: 'm';\n };\n type Ctx = {\n getFirstPageProps: PropGetterFn;\n getPrevPageProps: PropGetterFn;\n getNextPageProps: PropGetterFn;\n getPageInputProps: PropGetterFn;\n getTotalPagesProps: PropGetterFn;\n };\n type Handlers = {\n totalPages: null;\n currentPage: null;\n };\n\n namespace PrevPage {\n type Component = typeof Button;\n }\n\n namespace NextPage {\n type Component = typeof Button;\n }\n\n namespace FirstPage {\n type Component = typeof Button;\n }\n\n namespace TotalPages {\n type Props = NSText.Props & WithI18nEnhanceProps;\n\n type Component = Intergalactic.Component<'button', Props, {}, [handlers: Handlers]>;\n }\n\n namespace PageInput {\n type Props = InputProps & WithI18nEnhanceProps;\n\n namespace Value {\n type Component = typeof Input.Value;\n }\n\n namespace Addon {\n type Component = typeof Input.Addon;\n }\n\n type Component = Intergalactic.Component<'div', Props, {}, [handlers: Handlers]> & {\n Value: Value.Component;\n Addon: Addon.Component;\n };\n }\n\n type Component = Intergalactic.Component<'div', Props, Ctx, [handlers: Handlers]> & {\n PrevPage: PrevPage.Component;\n NextPage: NextPage.Component;\n FirstPage: FirstPage.Component;\n TotalPages: TotalPages.Component;\n PageInput: PageInput.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type PaginationProps = NSPagination.Props;\n/** @deprecated It will be removed in v18. */\nexport type TotalPagesProps = NSPagination.TotalPages.Props;\n/** @deprecated It will be removed in v18. */\nexport type PageInputProps = NSPagination.PageInput.Props;\n/** @deprecated It will be removed in v18. */\nexport type PaginationContext = NSPagination.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type PaginationHandlers = NSPagination.Handlers;\n\nexport type { NSPagination };\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -4,6 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
+
var _exportNames = {};
|
|
7
8
|
Object.defineProperty(exports, "default", {
|
|
8
9
|
enumerable: true,
|
|
9
10
|
get: function () {
|
|
@@ -11,4 +12,16 @@ Object.defineProperty(exports, "default", {
|
|
|
11
12
|
}
|
|
12
13
|
});
|
|
13
14
|
var _Pagination = _interopRequireDefault(require("./Pagination"));
|
|
15
|
+
var _Pagination2 = require("./Pagination.type");
|
|
16
|
+
Object.keys(_Pagination2).forEach(function (key) {
|
|
17
|
+
if (key === "default" || key === "__esModule") return;
|
|
18
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
19
|
+
if (key in exports && exports[key] === _Pagination2[key]) return;
|
|
20
|
+
Object.defineProperty(exports, key, {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () {
|
|
23
|
+
return _Pagination2[key];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
14
27
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Pagination","_interopRequireDefault","require"],"sources":["../../src/index.
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Pagination","_interopRequireDefault","require","_Pagination2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.ts"],"sourcesContent":["export { default } from './Pagination';\nexport * from './Pagination.type';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,YAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,YAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,YAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -27,16 +27,14 @@ SLabel {
|
|
|
27
27
|
|
|
28
28
|
SLabel:not(:first-child) {
|
|
29
29
|
margin-left: var(--intergalactic-spacing-4x, 16px);
|
|
30
|
-
}
|
|
31
30
|
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
&[size='300'] {
|
|
32
|
+
margin-left: var(--intergalactic-spacing-5x, 20px);
|
|
33
|
+
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
STotalPages {
|
|
37
37
|
align-self: center;
|
|
38
|
-
line-height: normal;
|
|
39
|
-
color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
|
|
40
38
|
}
|
|
41
39
|
|
|
42
40
|
STotalPagesLabel {
|
|
@@ -76,15 +74,3 @@ SPageInputAddon {
|
|
|
76
74
|
clip: rect(1px, 1px, 1px, 1px);
|
|
77
75
|
position: absolute;
|
|
78
76
|
}
|
|
79
|
-
|
|
80
|
-
SLabel,
|
|
81
|
-
STotalPages,
|
|
82
|
-
STotalPagesLabel {
|
|
83
|
-
font-size: var(--intergalactic-fs-200, 14px);
|
|
84
|
-
line-height: var(--intergalactic-lh-200, 142%);
|
|
85
|
-
|
|
86
|
-
&[size='l'] {
|
|
87
|
-
font-size: var(--intergalactic-fs-300, 16px);
|
|
88
|
-
line-height: var(--intergalactic-lh-300, 150%);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_ru","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","ru","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport ru from './ru.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n ru,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,GAAA,GAAAf,sBAAA,CAAAC,OAAA;AAEO,MAAMe,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["_de","_interopRequireDefault","require","_en","_es","_fr","_it","_ja","_ko","_nl","_pl","_pt","_ru","_sv","_tr","_vi","_zh","localizedMessages","exports","de","en","es","fr","it","ja","ko","nl","pt","ru","tr","vi","zh","pl","sv"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport ru from './ru.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n nl,\n pt,\n ru,\n tr,\n vi,\n zh,\n pl,\n sv,\n};\n\nexport type LocalizedMessages = typeof localizedMessages;\n"],"mappings":";;;;;;;AAAA,IAAAA,GAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,GAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,GAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,GAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,GAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,GAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,GAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,GAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,GAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,GAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,GAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,GAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,GAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,GAAA,GAAAf,sBAAA,CAAAC,OAAA;AAEO,MAAMe,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EAC/BE,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA,WAAE;EACFC,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}
|
package/lib/es6/Pagination.js
CHANGED
|
@@ -18,20 +18,21 @@ import InputNumber from '@semcore/input-number';
|
|
|
18
18
|
import { Text } from '@semcore/typography';
|
|
19
19
|
import React from 'react';
|
|
20
20
|
/*!__reshadow-styles__:"./style/pagination.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SPagination_1dpcv_gg_{justify-content:flex-start;align-items:center}.___SPagination_1dpcv_gg_.__withGap_1dpcv_gg_{gap:var(--intergalactic-spacing-4x,16px)}.___SPagination_1dpcv_gg_.__withGap_1dpcv_gg_._size_l_1dpcv_gg_{gap:var(--intergalactic-spacing-5x,20px)}.___SNextPage_1dpcv_gg_,.___SPrevPage_1dpcv_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x,8px)}.___SNextPage_1dpcv_gg_._size_l_1dpcv_gg_,.___SPrevPage_1dpcv_gg_._size_l_1dpcv_gg_{margin-left:var(--intergalactic-spacing-3x,12px)}.___SLabel_1dpcv_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___SLabel_1dpcv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x,16px)}.___SLabel_1dpcv_gg_._size_300_1dpcv_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-5x,20px)}.___STotalPages_1dpcv_gg_{align-self:center}.___STotalPagesLabel_1dpcv_gg_{margin-left:var(--intergalactic-spacing-2x,8px);margin-right:var(--intergalactic-spacing-1x,4px)}.___STotalLastPages_1dpcv_gg_,.___STotalPagesLabel_1dpcv_gg_{color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899))}.___STotalLastPages_1dpcv_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___STotalLastPages_1dpcv_gg_._size_l_1dpcv_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SPageInput_1dpcv_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x,4px)}.___SPageInput_1dpcv_gg_._size_l_1dpcv_gg_{margin-left:var(--intergalactic-spacing-2x,8px)}.___SPageInput_1dpcv_gg_:focus-within .___SPageInputAddon_1dpcv_gg_{opacity:1;clip:auto;position:static}.___SPageInputAddon_1dpcv_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}", /*__inner_css_end__*/"1dpcv_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SPagination": "
|
|
25
|
-
"__SLabel": "
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"__SPageInputAddon": "
|
|
31
|
-
"_withGap": "
|
|
32
|
-
"__SNextPage": "
|
|
33
|
-
"__SPrevPage": "
|
|
34
|
-
"
|
|
24
|
+
"__SPagination": "___SPagination_1dpcv_gg_",
|
|
25
|
+
"__SLabel": "___SLabel_1dpcv_gg_",
|
|
26
|
+
"__STotalPages": "___STotalPages_1dpcv_gg_",
|
|
27
|
+
"__STotalPagesLabel": "___STotalPagesLabel_1dpcv_gg_",
|
|
28
|
+
"__SPageInput": "___SPageInput_1dpcv_gg_",
|
|
29
|
+
"_size_l": "_size_l_1dpcv_gg_",
|
|
30
|
+
"__SPageInputAddon": "___SPageInputAddon_1dpcv_gg_",
|
|
31
|
+
"_withGap": "__withGap_1dpcv_gg_",
|
|
32
|
+
"__SNextPage": "___SNextPage_1dpcv_gg_",
|
|
33
|
+
"__SPrevPage": "___SPrevPage_1dpcv_gg_",
|
|
34
|
+
"_size_300": "_size_300_1dpcv_gg_",
|
|
35
|
+
"__STotalLastPages": "___STotalLastPages_1dpcv_gg_"
|
|
35
36
|
});
|
|
36
37
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
37
38
|
class PaginationRoot extends Component {
|
|
@@ -89,6 +90,7 @@ class PaginationRoot extends Component {
|
|
|
89
90
|
const {
|
|
90
91
|
totalPages
|
|
91
92
|
} = this.asProps;
|
|
93
|
+
if (dirtyCurrentPage === undefined) return dirtyCurrentPage;
|
|
92
94
|
const finalValue = dirtyCurrentPage > totalPages ? totalPages : dirtyCurrentPage;
|
|
93
95
|
return finalValue <= 0 ? 1 : finalValue;
|
|
94
96
|
});
|
|
@@ -271,14 +273,12 @@ class PaginationRoot extends Component {
|
|
|
271
273
|
}
|
|
272
274
|
}
|
|
273
275
|
_defineProperty(PaginationRoot, "displayName", 'Pagination');
|
|
274
|
-
_defineProperty(PaginationRoot, "defaultProps",
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
size: 'm'
|
|
281
|
-
};
|
|
276
|
+
_defineProperty(PaginationRoot, "defaultProps", {
|
|
277
|
+
defaultCurrentPage: 1,
|
|
278
|
+
defaultTotalPages: 1,
|
|
279
|
+
i18n: localizedMessages,
|
|
280
|
+
locale: 'en',
|
|
281
|
+
size: 'm'
|
|
282
282
|
});
|
|
283
283
|
_defineProperty(PaginationRoot, "style", style);
|
|
284
284
|
_defineProperty(PaginationRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
|
|
@@ -292,8 +292,7 @@ class FirstPage extends Component {
|
|
|
292
292
|
const {
|
|
293
293
|
getI18nText,
|
|
294
294
|
Children,
|
|
295
|
-
children
|
|
296
|
-
disabled
|
|
295
|
+
children
|
|
297
296
|
} = this.asProps;
|
|
298
297
|
const hintContent = getI18nText('firstPage');
|
|
299
298
|
const isAdvanced = children !== undefined;
|
|
@@ -350,12 +349,16 @@ class TotalPages extends Component {
|
|
|
350
349
|
totalPages,
|
|
351
350
|
isLastOrSingle,
|
|
352
351
|
children,
|
|
352
|
+
size,
|
|
353
353
|
...other
|
|
354
354
|
} = this.asProps;
|
|
355
|
-
const textSize =
|
|
355
|
+
const textSize = size === 'l' ? 300 : 200;
|
|
356
356
|
return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STotalPagesLabel, _ref10.cn("STotalPagesLabel", {
|
|
357
357
|
"size": textSize
|
|
358
|
-
}), getI18nText('totalPagesLabel')), isLastOrSingle ?
|
|
358
|
+
}), getI18nText('totalPagesLabel')), isLastOrSingle ?
|
|
359
|
+
/*#__PURE__*/
|
|
360
|
+
// @ts-ignore
|
|
361
|
+
React.createElement(STotalLastPages, _ref10.cn("STotalLastPages", {
|
|
359
362
|
"size": textSize,
|
|
360
363
|
"aria-label": getI18nText('lastPage', {
|
|
361
364
|
lastPageNumber: totalPages
|
|
@@ -363,6 +366,7 @@ class TotalPages extends Component {
|
|
|
363
366
|
...other
|
|
364
367
|
}), children) : /*#__PURE__*/React.createElement(STotalPages, _ref10.cn("STotalPages", {
|
|
365
368
|
..._assignProps5({
|
|
369
|
+
"use:size": textSize,
|
|
366
370
|
"aria-label": getI18nText('lastPage', {
|
|
367
371
|
lastPageNumber: totalPages
|
|
368
372
|
})
|
|
@@ -402,10 +406,11 @@ class PageInput extends Component {
|
|
|
402
406
|
size,
|
|
403
407
|
paginationInputId
|
|
404
408
|
} = this.asProps;
|
|
409
|
+
const textSize = size === 'l' ? 300 : 200;
|
|
405
410
|
return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLabel, _ref13.cn("SLabel", {
|
|
406
411
|
"tag": 'label',
|
|
407
412
|
"htmlFor": paginationInputId,
|
|
408
|
-
"size":
|
|
413
|
+
"size": textSize
|
|
409
414
|
}), getI18nText('pageInputLabel')), /*#__PURE__*/React.createElement(SPageInput, _ref13.cn("SPageInput", {
|
|
410
415
|
..._assignProps8({
|
|
411
416
|
"controlsLength": Children.origin ? undefined : 2,
|