@alfalab/core-components-pagination 2.4.15 → 3.0.0-snapshot-6a9d3fc
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/Component.d.ts +2 -3
- package/Component.js +10 -11
- package/Component.js.map +1 -0
- package/components/default-view/index.css +3 -25
- package/components/default-view/index.d.ts +4 -4
- package/components/default-view/index.js +5 -6
- package/components/default-view/index.js.map +1 -0
- package/components/default-view/index.module.css.js +8 -0
- package/components/default-view/index.module.css.js.map +1 -0
- package/components/per-page-view/index.css +3 -25
- package/components/per-page-view/index.d.ts +4 -4
- package/components/per-page-view/index.js +3 -4
- package/components/per-page-view/index.js.map +1 -0
- package/components/per-page-view/index.module.css.js +8 -0
- package/components/per-page-view/index.module.css.js.map +1 -0
- package/components/tag/index.css +10 -31
- package/components/tag/index.d.ts +2 -3
- package/components/tag/index.js +3 -4
- package/components/tag/index.js.map +1 -0
- package/components/tag/index.module.css.js +8 -0
- package/components/tag/index.module.css.js.map +1 -0
- package/cssm/Component.d.ts +2 -3
- package/cssm/Component.js +8 -7
- package/cssm/Component.js.map +1 -0
- package/cssm/components/default-view/index.d.ts +4 -4
- package/cssm/components/default-view/index.js +3 -2
- package/cssm/components/default-view/index.js.map +1 -0
- package/cssm/components/default-view/index.module.css +3 -24
- package/cssm/components/per-page-view/index.d.ts +4 -4
- package/cssm/components/per-page-view/index.js +1 -0
- package/cssm/components/per-page-view/index.js.map +1 -0
- package/cssm/components/per-page-view/index.module.css +3 -24
- package/cssm/components/tag/index.d.ts +2 -3
- package/cssm/components/tag/index.js +1 -0
- package/cssm/components/tag/index.js.map +1 -0
- package/cssm/components/tag/index.module.css +4 -24
- package/cssm/index.d.ts +1 -1
- package/cssm/index.js +1 -0
- package/cssm/index.js.map +1 -0
- package/cssm/index.module.css +4 -24
- package/esm/Component.d.ts +2 -3
- package/esm/Component.js +2 -3
- package/esm/Component.js.map +1 -0
- package/esm/components/default-view/index.css +3 -25
- package/esm/components/default-view/index.d.ts +4 -4
- package/esm/components/default-view/index.js +2 -3
- package/esm/components/default-view/index.js.map +1 -0
- package/esm/components/default-view/index.module.css.js +6 -0
- package/esm/components/default-view/index.module.css.js.map +1 -0
- package/esm/components/per-page-view/index.css +3 -25
- package/esm/components/per-page-view/index.d.ts +4 -4
- package/esm/components/per-page-view/index.js +2 -3
- package/esm/components/per-page-view/index.js.map +1 -0
- package/esm/components/per-page-view/index.module.css.js +6 -0
- package/esm/components/per-page-view/index.module.css.js.map +1 -0
- package/esm/components/tag/index.css +10 -31
- package/esm/components/tag/index.d.ts +2 -3
- package/esm/components/tag/index.js +2 -3
- package/esm/components/tag/index.js.map +1 -0
- package/esm/components/tag/index.module.css.js +6 -0
- package/esm/components/tag/index.module.css.js.map +1 -0
- package/esm/index.css +7 -27
- package/esm/index.d.ts +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/index.module.css.js +6 -0
- package/esm/index.module.css.js.map +1 -0
- package/index.css +7 -27
- package/index.d.ts +1 -1
- package/index.js +1 -0
- package/index.js.map +1 -0
- package/index.module.css.js +8 -0
- package/index.module.css.js.map +1 -0
- package/modern/Component.d.ts +2 -3
- package/modern/Component.js +2 -3
- package/modern/Component.js.map +1 -0
- package/modern/components/default-view/index.css +3 -25
- package/modern/components/default-view/index.d.ts +4 -4
- package/modern/components/default-view/index.js +2 -3
- package/modern/components/default-view/index.js.map +1 -0
- package/modern/components/default-view/index.module.css.js +6 -0
- package/modern/components/default-view/index.module.css.js.map +1 -0
- package/modern/components/per-page-view/index.css +3 -25
- package/modern/components/per-page-view/index.d.ts +4 -4
- package/modern/components/per-page-view/index.js +2 -3
- package/modern/components/per-page-view/index.js.map +1 -0
- package/modern/components/per-page-view/index.module.css.js +6 -0
- package/modern/components/per-page-view/index.module.css.js.map +1 -0
- package/modern/components/tag/index.css +10 -31
- package/modern/components/tag/index.d.ts +2 -3
- package/modern/components/tag/index.js +2 -3
- package/modern/components/tag/index.js.map +1 -0
- package/modern/components/tag/index.module.css.js +6 -0
- package/modern/components/tag/index.module.css.js.map +1 -0
- package/modern/index.css +7 -27
- package/modern/index.d.ts +1 -1
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/index.module.css.js +6 -0
- package/modern/index.module.css.js.map +1 -0
- package/moderncssm/Component.d.ts +2 -3
- package/moderncssm/Component.js +1 -0
- package/moderncssm/Component.js.map +1 -0
- package/moderncssm/components/default-view/index.d.ts +4 -4
- package/moderncssm/components/default-view/index.js +1 -0
- package/moderncssm/components/default-view/index.js.map +1 -0
- package/moderncssm/components/default-view/index.module.css +0 -2
- package/moderncssm/components/per-page-view/index.d.ts +4 -4
- package/moderncssm/components/per-page-view/index.js +1 -0
- package/moderncssm/components/per-page-view/index.js.map +1 -0
- package/moderncssm/components/per-page-view/index.module.css +0 -2
- package/moderncssm/components/tag/index.d.ts +2 -3
- package/moderncssm/components/tag/index.js +1 -0
- package/moderncssm/components/tag/index.js.map +1 -0
- package/moderncssm/components/tag/index.module.css +0 -2
- package/moderncssm/index.d.ts +1 -1
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/index.module.css +0 -2
- package/package.json +4 -4
package/Component.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
type PaginationProps = {
|
|
2
|
+
export declare type PaginationProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Текущая страница (с нуля)
|
|
5
5
|
*/
|
|
@@ -37,5 +37,4 @@ type PaginationProps = {
|
|
|
37
37
|
*/
|
|
38
38
|
dataTestId?: string;
|
|
39
39
|
};
|
|
40
|
-
declare const Pagination: FC<PaginationProps>;
|
|
41
|
-
export { PaginationProps, Pagination };
|
|
40
|
+
export declare const Pagination: FC<PaginationProps>;
|
package/Component.js
CHANGED
|
@@ -6,18 +6,16 @@ var React = require('react');
|
|
|
6
6
|
var cn = require('classnames');
|
|
7
7
|
var ChevronBackMIcon = require('@alfalab/icons-glyph/ChevronBackMIcon');
|
|
8
8
|
var ChevronForwardMIcon = require('@alfalab/icons-glyph/ChevronForwardMIcon');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
9
|
+
var index$1 = require('./components/default-view/index.js');
|
|
10
|
+
var index$2 = require('./components/per-page-view/index.js');
|
|
11
|
+
var index = require('./components/tag/index.js');
|
|
12
|
+
var index_module = require('./index.module.css.js');
|
|
12
13
|
|
|
13
14
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
14
15
|
|
|
15
16
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
16
17
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
17
18
|
|
|
18
|
-
var styles = {"component":"pagination__component_olpka","defaultView":"pagination__defaultView_olpka"};
|
|
19
|
-
require('./index.css')
|
|
20
|
-
|
|
21
19
|
var Pagination = function (_a) {
|
|
22
20
|
var _b = _a.currentPageIndex, currentPageIndex = _b === void 0 ? 0 : _b, pagesCount = _a.pagesCount, className = _a.className, _c = _a.sidePadding, sidePadding = _c === void 0 ? 1 : _c, _d = _a.activePadding, activePadding = _d === void 0 ? 2 : _d, _e = _a.hideArrows, hideArrows = _e === void 0 ? true : _e, _f = _a.view, view = _f === void 0 ? 'default' : _f, _g = _a.onPageChange, onPageChange = _g === void 0 ? function () { return null; } : _g, dataTestId = _a.dataTestId;
|
|
23
21
|
var handlePageClick = function (pageIndex) {
|
|
@@ -32,11 +30,12 @@ var Pagination = function (_a) {
|
|
|
32
30
|
var shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;
|
|
33
31
|
var shouldRenderNextArrow = view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;
|
|
34
32
|
var viewClassName = view === 'default' ? 'defaultView' : view;
|
|
35
|
-
return (React__default.default.createElement("div", { className: cn__default.default(
|
|
36
|
-
shouldRenderPrevArrow && (React__default.default.createElement(
|
|
37
|
-
view === 'default' && (React__default.default.createElement(
|
|
38
|
-
view === 'per-page' && (React__default.default.createElement(
|
|
39
|
-
shouldRenderNextArrow && (React__default.default.createElement(
|
|
33
|
+
return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, className, index_module[viewClassName]), "data-test-id": dataTestId },
|
|
34
|
+
shouldRenderPrevArrow && (React__default.default.createElement(index.Tag, { className: index_module.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React__default.default.createElement(ChevronBackMIcon.ChevronBackMIcon, { width: 16, height: 16 }) })),
|
|
35
|
+
view === 'default' && (React__default.default.createElement(index$1.DefaultView, { activePadding: activePadding, sidePadding: sidePadding, currentPageIndex: currentPageIndex, pagesCount: pagesCount, onPageChange: handlePageClick })),
|
|
36
|
+
view === 'per-page' && (React__default.default.createElement(index$2.PerPageView, { currentPageIndex: currentPageIndex, pagesCount: pagesCount })),
|
|
37
|
+
shouldRenderNextArrow && (React__default.default.createElement(index.Tag, { className: index_module.arrow, disabled: currentPageIndex >= pagesCount - 1, onClick: handleNextPageClick, rightAddons: React__default.default.createElement(ChevronForwardMIcon.ChevronForwardMIcon, { width: 16, height: 16 }) }))));
|
|
40
38
|
};
|
|
41
39
|
|
|
42
40
|
exports.Pagination = Pagination;
|
|
41
|
+
//# sourceMappingURL=Component.js.map
|
package/Component.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';\nimport { ChevronForwardMIcon } from '@alfalab/icons-glyph/ChevronForwardMIcon';\n\nimport { DefaultView } from './components/default-view';\nimport { PerPageView } from './components/per-page-view';\nimport { Tag } from './components/tag';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = {\n /**\n * Текущая страница (с нуля)\n */\n currentPageIndex: number;\n\n /**\n * Количество страниц\n */\n pagesCount: number;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Скрывает стрелки, если выбрана первая или последняя страница\n */\n hideArrows?: boolean;\n\n /**\n * Количество видимых страниц по бокам\n */\n sidePadding?: number;\n\n /**\n * Количество видимых страниц вокруг выбранной\n */\n activePadding?: number;\n\n /**\n * Режим пагинации\n */\n view?: 'default' | 'per-page';\n\n /**\n * Обработчик переключения страницы\n */\n onPageChange?: (pageIndex: number) => void;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n currentPageIndex = 0,\n pagesCount,\n className,\n sidePadding = 1,\n activePadding = 2,\n hideArrows = true,\n view = 'default',\n onPageChange = () => null,\n dataTestId,\n}) => {\n const handlePageClick = (pageIndex: number) => {\n onPageChange(pageIndex);\n };\n\n const handleNextPageClick = () => {\n handlePageClick(Math.min(pagesCount - 1, currentPageIndex + 1));\n };\n\n const handlePrevPageClick = () => {\n handlePageClick(Math.max(0, currentPageIndex - 1));\n };\n\n const shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;\n const shouldRenderNextArrow =\n view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;\n\n const viewClassName = view === 'default' ? 'defaultView' : view;\n\n return (\n <div\n className={cn(styles.component, className, styles[viewClassName])}\n data-test-id={dataTestId}\n >\n {shouldRenderPrevArrow && (\n <Tag\n className={styles.arrow}\n disabled={currentPageIndex <= 0}\n onClick={handlePrevPageClick}\n rightAddons={<ChevronBackMIcon width={16} height={16} />}\n />\n )}\n\n {view === 'default' && (\n <DefaultView\n activePadding={activePadding}\n sidePadding={sidePadding}\n currentPageIndex={currentPageIndex}\n pagesCount={pagesCount}\n onPageChange={handlePageClick}\n />\n )}\n\n {view === 'per-page' && (\n <PerPageView currentPageIndex={currentPageIndex} pagesCount={pagesCount} />\n )}\n\n {shouldRenderNextArrow && (\n <Tag\n className={styles.arrow}\n disabled={currentPageIndex >= pagesCount - 1}\n onClick={handleNextPageClick}\n rightAddons={<ChevronForwardMIcon width={16} height={16} />}\n />\n )}\n </div>\n );\n};\n"],"names":["React","cn","styles","Tag","ChevronBackMIcon","DefaultView","PerPageView","ChevronForwardMIcon"],"mappings":";;;;;;;;;;;;;;;;;;AA2DO,IAAM,UAAU,GAAwB,UAAC,EAU/C,EAAA;QATG,EAAoB,GAAA,EAAA,CAAA,gBAAA,EAApB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EACpB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,mBAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACf,qBAAiB,EAAjB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACjB,kBAAiB,EAAjB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,GAAA,EAAA,EACjB,YAAgB,EAAhB,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EAChB,oBAAyB,EAAzB,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,YAAA,EAAM,OAAA,IAAI,GAAA,GAAA,EAAA,EACzB,UAAU,GAAA,EAAA,CAAA,UAAA;IAEV,IAAM,eAAe,GAAG,UAAC,SAAiB,EAAA;QACtC,YAAY,CAAC,SAAS,CAAC;AAC3B,KAAC;AAED,IAAA,IAAM,mBAAmB,GAAG,YAAA;AACxB,QAAA,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC;AACnE,KAAC;AAED,IAAA,IAAM,mBAAmB,GAAG,YAAA;AACxB,QAAA,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,GAAG,CAAC,CAAC,CAAC;AACtD,KAAC;AAED,IAAA,IAAM,qBAAqB,GAAG,IAAI,KAAK,UAAU,IAAI,CAAC,UAAU,IAAI,gBAAgB,GAAG,CAAC;AACxF,IAAA,IAAM,qBAAqB,GACvB,IAAI,KAAK,UAAU,IAAI,CAAC,UAAU,IAAI,gBAAgB,GAAG,UAAU,GAAG,CAAC;AAE3E,IAAA,IAAM,aAAa,GAAG,IAAI,KAAK,SAAS,GAAG,aAAa,GAAG,IAAI;AAE/D,IAAA,QACIA,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,EAAEA,YAAM,CAAC,aAAa,CAAC,CAAC,kBACnD,UAAU,EAAA;AAEvB,QAAA,qBAAqB,KAClBF,sBAAC,CAAA,aAAA,CAAAG,SAAG,IACA,SAAS,EAAED,YAAM,CAAC,KAAK,EACvB,QAAQ,EAAE,gBAAgB,IAAI,CAAC,EAC/B,OAAO,EAAE,mBAAmB,EAC5B,WAAW,EAAEF,sBAAA,CAAA,aAAA,CAACI,iCAAgB,EAAC,EAAA,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,GAC1D,CACL;QAEA,IAAI,KAAK,SAAS,KACfJ,sBAAA,CAAA,aAAA,CAACK,mBAAW,EAAA,EACR,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,eAAe,EAAA,CAC/B,CACL;AAEA,QAAA,IAAI,KAAK,UAAU,KAChBL,qCAACM,mBAAW,EAAA,EAAC,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,GAAI,CAC9E;AAEA,QAAA,qBAAqB,KAClBN,sBAAA,CAAA,aAAA,CAACG,SAAG,EACA,EAAA,SAAS,EAAED,YAAM,CAAC,KAAK,EACvB,QAAQ,EAAE,gBAAgB,IAAI,UAAU,GAAG,CAAC,EAC5C,OAAO,EAAE,mBAAmB,EAC5B,WAAW,EAAEF,qCAACO,uCAAmB,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAA,CAAI,GAC7D,CACL,CACC;AAEd;;;;"}
|
|
@@ -1,28 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
:
|
|
3
|
-
}
|
|
4
|
-
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
7
|
-
} :root {
|
|
8
|
-
|
|
9
|
-
/* Hard */
|
|
10
|
-
|
|
11
|
-
/* Up */
|
|
12
|
-
|
|
13
|
-
/* Hard up */
|
|
14
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
-
|
|
16
|
-
/* новые значения, используйте их */
|
|
17
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
-
|
|
19
|
-
/* новые значения, используйте их */
|
|
20
|
-
|
|
21
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
22
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
23
|
-
} :root {
|
|
24
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
25
|
-
} /* сбрасывает синюю подсветку при нажатии */ .pagination__dots_fphlc {
|
|
1
|
+
:root {
|
|
2
|
+
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
3
|
+
} .pagination__dots_hpfd8 {
|
|
26
4
|
width: 32px;
|
|
27
5
|
height: 32px;
|
|
28
6
|
text-align: center;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { PaginationProps } from
|
|
3
|
-
type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
|
|
4
|
-
declare const DefaultView: FC<DefaultViewProps>;
|
|
5
|
-
export {
|
|
2
|
+
import { PaginationProps } from '../../Component';
|
|
3
|
+
declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
|
|
4
|
+
export declare const DefaultView: FC<DefaultViewProps>;
|
|
5
|
+
export {};
|
|
@@ -3,15 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var
|
|
6
|
+
var index = require('../tag/index.js');
|
|
7
|
+
var index_module = require('./index.module.css.js');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
10
|
|
|
10
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
12
|
|
|
12
|
-
var styles = {"dots":"pagination__dots_fphlc"};
|
|
13
|
-
require('./index.css')
|
|
14
|
-
|
|
15
13
|
/* eslint-disable react/no-array-index-key */
|
|
16
14
|
var DefaultView = function (_a) {
|
|
17
15
|
var _b = _a.sidePadding, sidePadding = _b === void 0 ? 2 : _b, _c = _a.activePadding, activePadding = _c === void 0 ? 1 : _c, pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex, _d = _a.onPageChange, onPageChange = _d === void 0 ? function () { return null; } : _d;
|
|
@@ -46,11 +44,12 @@ var DefaultView = function (_a) {
|
|
|
46
44
|
.map(function (_, i) {
|
|
47
45
|
var pageIndex = getPageIndex(i);
|
|
48
46
|
if (pageIndex === null) {
|
|
49
|
-
return (React__default.default.createElement("div", { key: i.toString(), className:
|
|
47
|
+
return (React__default.default.createElement("div", { key: i.toString(), className: index_module.dots }, "..."));
|
|
50
48
|
}
|
|
51
49
|
var active = currentPageIndex === pageIndex;
|
|
52
|
-
return (React__default.default.createElement(
|
|
50
|
+
return (React__default.default.createElement(index.Tag, { key: i.toString(), checked: active, disabled: active, onClick: function () { return onPageChange(pageIndex); } }, getPageString(pageIndex + 1)));
|
|
53
51
|
})));
|
|
54
52
|
};
|
|
55
53
|
|
|
56
54
|
exports.DefaultView = DefaultView;
|
|
55
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/default-view/index.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React, { FC, useCallback } from 'react';\n\nimport { PaginationProps } from '../../Component';\nimport { Tag } from '../tag';\n\nimport styles from './index.module.css';\n\ntype DefaultViewProps = Pick<\n PaginationProps,\n 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'\n>;\n\nexport const DefaultView: FC<DefaultViewProps> = ({\n sidePadding = 2,\n activePadding = 1,\n pagesCount,\n currentPageIndex,\n onPageChange = () => null,\n}) => {\n const maxHalfCount = sidePadding + activePadding + 1;\n const maxElementsCount = maxHalfCount * 2 + 1;\n const itemsFit = pagesCount <= maxElementsCount;\n const elementsCount = itemsFit ? pagesCount : maxElementsCount;\n\n const getPageIndex = useCallback(\n (elementIndex: number) => {\n const lastIndex = pagesCount - 1;\n const reverseIndex = lastIndex - currentPageIndex;\n const lastElementIndex = elementsCount - 1;\n const reverseElementIndex = lastElementIndex - elementIndex;\n\n const hasCollapsedItems = (index: number) => !itemsFit && index >= maxHalfCount;\n\n if (elementIndex < sidePadding) {\n return elementIndex;\n }\n\n if (elementIndex === sidePadding && hasCollapsedItems(currentPageIndex)) {\n return null;\n }\n\n if (reverseElementIndex === sidePadding && hasCollapsedItems(reverseIndex)) {\n return null;\n }\n\n if (reverseElementIndex < sidePadding) {\n return lastIndex - reverseElementIndex;\n }\n\n const computedIndex = currentPageIndex - maxHalfCount + elementIndex;\n\n return Math.min(lastIndex - reverseElementIndex, Math.max(elementIndex, computedIndex));\n },\n [currentPageIndex, elementsCount, itemsFit, maxHalfCount, pagesCount, sidePadding],\n );\n\n const getPageString = (page: number) => page.toLocaleString('ru-RU');\n\n return (\n <React.Fragment>\n {Array(elementsCount)\n .fill('')\n .map((_, i) => {\n const pageIndex = getPageIndex(i);\n\n if (pageIndex === null) {\n return (\n <div key={i.toString()} className={styles.dots}>\n ...\n </div>\n );\n }\n\n const active = currentPageIndex === pageIndex;\n\n return (\n <Tag\n key={i.toString()}\n checked={active}\n disabled={active}\n onClick={() => onPageChange(pageIndex)}\n >\n {getPageString(pageIndex + 1)}\n </Tag>\n );\n })}\n </React.Fragment>\n );\n};\n"],"names":["useCallback","React","styles","Tag"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/default-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.dots {\n width: 32px;\n height: 32px;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--color-light-text-secondary);\n cursor: default;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,MAAM,CAAC,wBAAwB,CAAC;;;;"}
|
|
@@ -1,30 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
:
|
|
3
|
-
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
6
|
-
} :root {
|
|
7
|
-
|
|
8
|
-
/* Hard */
|
|
9
|
-
|
|
10
|
-
/* Up */
|
|
11
|
-
|
|
12
|
-
/* Hard up */
|
|
13
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
-
|
|
15
|
-
/* новые значения, используйте их */
|
|
16
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
--gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
-
|
|
19
|
-
/* новые значения, используйте их */
|
|
20
|
-
|
|
21
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
22
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
2
|
+
--gap-m: 16px;
|
|
23
3
|
--gap-0: 0px;
|
|
24
4
|
--gap-16: var(--gap-m);
|
|
25
|
-
}
|
|
26
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
27
|
-
} /* сбрасывает синюю подсветку при нажатии */ .pagination__component_4wn6f {
|
|
5
|
+
} .pagination__component_1k0ji {
|
|
28
6
|
display: block;
|
|
29
7
|
margin: var(--gap-0) var(--gap-16);
|
|
30
8
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { PaginationProps } from
|
|
3
|
-
type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
|
|
4
|
-
declare const PerPageView: FC<PerPageViewProps>;
|
|
5
|
-
export {
|
|
2
|
+
import { PaginationProps } from '../../Component';
|
|
3
|
+
declare type PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;
|
|
4
|
+
export declare const PerPageView: FC<PerPageViewProps>;
|
|
5
|
+
export {};
|
|
@@ -3,17 +3,15 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
+
var index_module = require('./index.module.css.js');
|
|
6
7
|
|
|
7
8
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
8
9
|
|
|
9
10
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
11
|
|
|
11
|
-
var styles = {"component":"pagination__component_4wn6f"};
|
|
12
|
-
require('./index.css')
|
|
13
|
-
|
|
14
12
|
var PerPageView = function (_a) {
|
|
15
13
|
var pagesCount = _a.pagesCount, currentPageIndex = _a.currentPageIndex;
|
|
16
|
-
return (React__default.default.createElement("span", { className:
|
|
14
|
+
return (React__default.default.createElement("span", { className: index_module.component },
|
|
17
15
|
currentPageIndex + 1,
|
|
18
16
|
" \u0438\u0437 ",
|
|
19
17
|
pagesCount,
|
|
@@ -21,3 +19,4 @@ var PerPageView = function (_a) {
|
|
|
21
19
|
};
|
|
22
20
|
|
|
23
21
|
exports.PerPageView = PerPageView;
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/per-page-view/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nimport { PaginationProps } from '../../Component';\n\nimport styles from './index.module.css';\n\ntype PerPageViewProps = Pick<PaginationProps, 'pagesCount' | 'currentPageIndex'>;\n\nexport const PerPageView: FC<PerPageViewProps> = ({ pagesCount, currentPageIndex }) => (\n <span className={styles.component}>\n {currentPageIndex + 1} из {pagesCount} страниц\n </span>\n);\n"],"names":["React","styles"],"mappings":";;;;;;;;;;;AAQO,IAAM,WAAW,GAAyB,UAAC,EAAgC,EAAA;QAA9B,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA;AAAO,IAAA,QACnFA,sBAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,SAAS,EAAA;AAC5B,QAAA,gBAAgB,GAAG,CAAC;;QAAM,UAAU;sDAClC;AAH4E;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/per-page-view/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: block;\n margin: var(--gap-0) var(--gap-16);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,6BAA6B,CAAC;;;;"}
|
package/components/tag/index.css
CHANGED
|
@@ -1,35 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} /* deprecated */ :root {
|
|
1
|
+
:root {
|
|
4
2
|
--color-light-accent-secondary: #212124;
|
|
5
3
|
--color-light-text-primary: rgba(3, 3, 6, 0.88);
|
|
6
4
|
--color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
|
|
7
5
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55);
|
|
8
6
|
--color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
|
|
9
|
-
--color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
|
|
10
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
11
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
7
|
+
--color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
|
|
12
8
|
} :root {
|
|
13
|
-
|
|
14
|
-
/* Hard */
|
|
15
|
-
|
|
16
|
-
/* Up */
|
|
17
|
-
|
|
18
|
-
/* Hard up */
|
|
19
|
-
} :root { /* deprecated */ /* deprecated */
|
|
20
|
-
--border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
21
|
-
|
|
22
|
-
/* новые значения, используйте их */
|
|
9
|
+
--border-radius-m: 8px;
|
|
23
10
|
--border-radius-8: var(--border-radius-m);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
/* новые значения, используйте их */
|
|
27
|
-
|
|
28
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
29
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
30
|
-
} :root {
|
|
31
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
32
|
-
} /* сбрасывает синюю подсветку при нажатии */ button.pagination__tag_1ofcz.pagination__tag_1ofcz {
|
|
11
|
+
} button.pagination__tag_1ifa8.pagination__tag_1ifa8 {
|
|
33
12
|
color: var(--color-light-text-secondary);
|
|
34
13
|
border-radius: var(--border-radius-8);
|
|
35
14
|
border: none;
|
|
@@ -38,19 +17,19 @@
|
|
|
38
17
|
min-width: 32px;
|
|
39
18
|
height: 32px;
|
|
40
19
|
padding: 0 6px
|
|
41
|
-
} button.
|
|
20
|
+
} button.pagination__tag_1ifa8.pagination__tag_1ifa8:disabled:not(.pagination__checked_1ifa8) {
|
|
42
21
|
opacity: 0.3;
|
|
43
|
-
} button.
|
|
22
|
+
} button.pagination__tag_1ifa8.pagination__tag_1ifa8:hover:not(:disabled) {
|
|
44
23
|
background-color: var(--color-light-transparent-default-hover);
|
|
45
24
|
color: var(--color-light-text-primary);
|
|
46
|
-
} button.
|
|
25
|
+
} button.pagination__tag_1ifa8.pagination__tag_1ifa8:active:not(:disabled) {
|
|
47
26
|
background-color: var(--color-light-transparent-default-press);
|
|
48
|
-
} button.
|
|
27
|
+
} button.pagination__tag_1ifa8.pagination__tag_1ifa8.pagination__checked_1ifa8 {
|
|
49
28
|
cursor: default;
|
|
50
29
|
background-color: var(--color-light-accent-secondary);
|
|
51
30
|
color: var(--color-light-text-primary-inverted);
|
|
52
|
-
} button.
|
|
31
|
+
} button.pagination__tag_1ifa8.pagination__tag_1ifa8.pagination__checked_1ifa8:hover:not(:disabled) {
|
|
53
32
|
color: var(--color-light-text-primary-inverted);
|
|
54
|
-
} button.
|
|
33
|
+
} button.pagination__tag_1ifa8.pagination__tag_1ifa8.pagination__checked_1ifa8:active:not(:disabled) {
|
|
55
34
|
color: var(--color-light-text-primary);
|
|
56
35
|
}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { TagDesktopProps as TagProps } from
|
|
3
|
-
declare const Tag: FC<TagProps>;
|
|
4
|
-
export { Tag };
|
|
2
|
+
import { TagDesktopProps as TagProps } from '@alfalab/core-components-tag/desktop';
|
|
3
|
+
export declare const Tag: FC<TagProps>;
|
package/components/tag/index.js
CHANGED
|
@@ -6,19 +6,18 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var desktop = require('@alfalab/core-components-tag/desktop');
|
|
9
|
+
var index_module = require('./index.module.css.js');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
12
|
|
|
12
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
14
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
15
|
|
|
15
|
-
var styles = {"tag":"pagination__tag_1ofcz","checked":"pagination__checked_1ofcz"};
|
|
16
|
-
require('./index.css')
|
|
17
|
-
|
|
18
16
|
var Tag = function (_a) {
|
|
19
17
|
var _b;
|
|
20
18
|
var className = _a.className, checked = _a.checked, restProps = tslib.__rest(_a, ["className", "checked"]);
|
|
21
|
-
return (React__default.default.createElement(desktop.TagDesktop, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className,
|
|
19
|
+
return (React__default.default.createElement(desktop.TagDesktop, tslib.__assign({}, restProps, { checked: checked, size: 'xxs', className: cn__default.default(className, index_module.tag, (_b = {}, _b[index_module.checked] = checked, _b)) })));
|
|
22
20
|
};
|
|
23
21
|
|
|
24
22
|
exports.Tag = Tag;
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/components/tag/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport {\n TagDesktop as CoreTag,\n TagDesktopProps as TagProps,\n} from '@alfalab/core-components-tag/desktop';\n\nimport styles from './index.module.css';\n\nexport const Tag: FC<TagProps> = ({ className, checked, ...restProps }) => (\n <CoreTag\n {...restProps}\n checked={checked}\n size='xxs'\n className={cn(className, styles.tag, { [styles.checked]: checked })}\n />\n);\n"],"names":["__rest","React","CoreTag","__assign","cn","styles"],"mappings":";;;;;;;;;;;;;;;AAUO,IAAM,GAAG,GAAiB,UAAC,EAAoC,EAAA;;IAAlC,IAAA,SAAS,eAAA,EAAE,OAAO,aAAA,EAAK,SAAS,GAAlCA,YAAA,CAAA,EAAA,EAAA,CAAA,WAAA,EAAA,SAAA,CAAoC,CAAF;AAAO,IAAA,QACvEC,sBAAA,CAAA,aAAA,CAACC,kBAAO,EAAAC,cAAA,CAAA,EAAA,EACA,SAAS,EACb,EAAA,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,EACV,SAAS,EAAEC,mBAAE,CAAC,SAAS,EAAEC,YAAM,CAAC,GAAG,GAAI,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,OAAO,CAAG,GAAA,OAAO,EAAG,EAAA,EAAA,EAAA,CAAA,CACrE;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.module.css.js","sources":["../../src/components/tag/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\nbutton.tag.tag {\n color: var(--color-light-text-secondary);\n border-radius: var(--border-radius-8);\n border: none;\n flex-shrink: 0;\n min-height: auto;\n min-width: 32px;\n height: 32px;\n padding: 0 6px;\n\n &:disabled:not(.checked) {\n opacity: 0.3;\n }\n\n &:hover:not(:disabled) {\n background-color: var(--color-light-transparent-default-hover);\n color: var(--color-light-text-primary);\n }\n\n &:active:not(:disabled) {\n background-color: var(--color-light-transparent-default-press);\n }\n\n &.checked {\n cursor: default;\n background-color: var(--color-light-accent-secondary);\n color: var(--color-light-text-primary-inverted);\n }\n\n &.checked:hover:not(:disabled) {\n color: var(--color-light-text-primary-inverted);\n }\n\n &.checked:active:not(:disabled) {\n color: var(--color-light-text-primary);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,KAAK,CAAC,uBAAuB,CAAC,SAAS,CAAC,2BAA2B,CAAC;;;;"}
|
package/cssm/Component.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
type PaginationProps = {
|
|
2
|
+
export declare type PaginationProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Текущая страница (с нуля)
|
|
5
5
|
*/
|
|
@@ -37,5 +37,4 @@ type PaginationProps = {
|
|
|
37
37
|
*/
|
|
38
38
|
dataTestId?: string;
|
|
39
39
|
};
|
|
40
|
-
declare const Pagination: FC<PaginationProps>;
|
|
41
|
-
export { PaginationProps, Pagination };
|
|
40
|
+
export declare const Pagination: FC<PaginationProps>;
|
package/cssm/Component.js
CHANGED
|
@@ -6,9 +6,9 @@ var React = require('react');
|
|
|
6
6
|
var cn = require('classnames');
|
|
7
7
|
var ChevronBackMIcon = require('@alfalab/icons-glyph/ChevronBackMIcon');
|
|
8
8
|
var ChevronForwardMIcon = require('@alfalab/icons-glyph/ChevronForwardMIcon');
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
9
|
+
var index$1 = require('./components/default-view/index.js');
|
|
10
|
+
var index$2 = require('./components/per-page-view/index.js');
|
|
11
|
+
var index = require('./components/tag/index.js');
|
|
12
12
|
var styles = require('./index.module.css');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
@@ -32,10 +32,11 @@ var Pagination = function (_a) {
|
|
|
32
32
|
var shouldRenderNextArrow = view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;
|
|
33
33
|
var viewClassName = view === 'default' ? 'defaultView' : view;
|
|
34
34
|
return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className, styles__default.default[viewClassName]), "data-test-id": dataTestId },
|
|
35
|
-
shouldRenderPrevArrow && (React__default.default.createElement(
|
|
36
|
-
view === 'default' && (React__default.default.createElement(
|
|
37
|
-
view === 'per-page' && (React__default.default.createElement(
|
|
38
|
-
shouldRenderNextArrow && (React__default.default.createElement(
|
|
35
|
+
shouldRenderPrevArrow && (React__default.default.createElement(index.Tag, { className: styles__default.default.arrow, disabled: currentPageIndex <= 0, onClick: handlePrevPageClick, rightAddons: React__default.default.createElement(ChevronBackMIcon.ChevronBackMIcon, { width: 16, height: 16 }) })),
|
|
36
|
+
view === 'default' && (React__default.default.createElement(index$1.DefaultView, { activePadding: activePadding, sidePadding: sidePadding, currentPageIndex: currentPageIndex, pagesCount: pagesCount, onPageChange: handlePageClick })),
|
|
37
|
+
view === 'per-page' && (React__default.default.createElement(index$2.PerPageView, { currentPageIndex: currentPageIndex, pagesCount: pagesCount })),
|
|
38
|
+
shouldRenderNextArrow && (React__default.default.createElement(index.Tag, { className: styles__default.default.arrow, disabled: currentPageIndex >= pagesCount - 1, onClick: handleNextPageClick, rightAddons: React__default.default.createElement(ChevronForwardMIcon.ChevronForwardMIcon, { width: 16, height: 16 }) }))));
|
|
39
39
|
};
|
|
40
40
|
|
|
41
41
|
exports.Pagination = Pagination;
|
|
42
|
+
//# sourceMappingURL=Component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport cn from 'classnames';\n\nimport { ChevronBackMIcon } from '@alfalab/icons-glyph/ChevronBackMIcon';\nimport { ChevronForwardMIcon } from '@alfalab/icons-glyph/ChevronForwardMIcon';\n\nimport { DefaultView } from './components/default-view';\nimport { PerPageView } from './components/per-page-view';\nimport { Tag } from './components/tag';\n\nimport styles from './index.module.css';\n\nexport type PaginationProps = {\n /**\n * Текущая страница (с нуля)\n */\n currentPageIndex: number;\n\n /**\n * Количество страниц\n */\n pagesCount: number;\n\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Скрывает стрелки, если выбрана первая или последняя страница\n */\n hideArrows?: boolean;\n\n /**\n * Количество видимых страниц по бокам\n */\n sidePadding?: number;\n\n /**\n * Количество видимых страниц вокруг выбранной\n */\n activePadding?: number;\n\n /**\n * Режим пагинации\n */\n view?: 'default' | 'per-page';\n\n /**\n * Обработчик переключения страницы\n */\n onPageChange?: (pageIndex: number) => void;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\n\nexport const Pagination: FC<PaginationProps> = ({\n currentPageIndex = 0,\n pagesCount,\n className,\n sidePadding = 1,\n activePadding = 2,\n hideArrows = true,\n view = 'default',\n onPageChange = () => null,\n dataTestId,\n}) => {\n const handlePageClick = (pageIndex: number) => {\n onPageChange(pageIndex);\n };\n\n const handleNextPageClick = () => {\n handlePageClick(Math.min(pagesCount - 1, currentPageIndex + 1));\n };\n\n const handlePrevPageClick = () => {\n handlePageClick(Math.max(0, currentPageIndex - 1));\n };\n\n const shouldRenderPrevArrow = view === 'per-page' || !hideArrows || currentPageIndex > 0;\n const shouldRenderNextArrow =\n view === 'per-page' || !hideArrows || currentPageIndex < pagesCount - 1;\n\n const viewClassName = view === 'default' ? 'defaultView' : view;\n\n return (\n <div\n className={cn(styles.component, className, styles[viewClassName])}\n data-test-id={dataTestId}\n >\n {shouldRenderPrevArrow && (\n <Tag\n className={styles.arrow}\n disabled={currentPageIndex <= 0}\n onClick={handlePrevPageClick}\n rightAddons={<ChevronBackMIcon width={16} height={16} />}\n />\n )}\n\n {view === 'default' && (\n <DefaultView\n activePadding={activePadding}\n sidePadding={sidePadding}\n currentPageIndex={currentPageIndex}\n pagesCount={pagesCount}\n onPageChange={handlePageClick}\n />\n )}\n\n {view === 'per-page' && (\n <PerPageView currentPageIndex={currentPageIndex} pagesCount={pagesCount} />\n )}\n\n {shouldRenderNextArrow && (\n <Tag\n className={styles.arrow}\n disabled={currentPageIndex >= pagesCount - 1}\n onClick={handleNextPageClick}\n rightAddons={<ChevronForwardMIcon width={16} height={16} />}\n />\n )}\n </div>\n );\n};\n"],"names":["React","cn","styles","Tag","ChevronBackMIcon","DefaultView","PerPageView","ChevronForwardMIcon"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { PaginationProps } from
|
|
3
|
-
type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
|
|
4
|
-
declare const DefaultView: FC<DefaultViewProps>;
|
|
5
|
-
export {
|
|
2
|
+
import { PaginationProps } from '../../Component';
|
|
3
|
+
declare type DefaultViewProps = Pick<PaginationProps, 'sidePadding' | 'activePadding' | 'pagesCount' | 'currentPageIndex' | 'onPageChange'>;
|
|
4
|
+
export declare const DefaultView: FC<DefaultViewProps>;
|
|
5
|
+
export {};
|