@doyourjob/gravity-ui-page-constructor 5.31.61 → 5.31.63

package/README.md

@@ -1,4 +1,4 @@
-# @gravity-ui/page-constructor · [![npm package](https://img.shields.io/npm/v/@gravity-ui/page-constructor)](https://www.npmjs.com/package/@gravity-ui/page-constructor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/page-constructor/actions/workflows/ci.yml?query=branch:main) [![Release](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/page-constructor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/page-constructor/)
+# @gravity-ui/page-constructor · [![npm package](https://img.shields.io/npm/v/@gravity-ui/page-constructor)](https://www.npmjs.com/package/@gravity-ui/page-constructor) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/ci.yml?branch=main&label=CI)](https://github.com/gravity-ui/page-constructor/actions/workflows/ci.yml?query=branch:main) [![Release](https://img.shields.io/github/actions/workflow/status/gravity-ui/page-constructor/release.yml?branch=main&label=Release)](https://github.com/gravity-ui/page-constructor/actions/workflows/release.yml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://doyourjob-agency.github.io/page-constructor/main/)
 
 ## Page constructor
 

package/build/cjs/blocks/Reports/Reports.css

@@ -0,0 +1,19 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-reports-block__title {
+  margin-bottom: 24px;
+}
+.pc-reports-block__select {
+  margin-bottom: 32px;
+}
+.pc-reports-block__empty {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+  height: 128px;
+  width: 100%;
+  background-color: var(--g-color-private-blue-50);
+  border-radius: 24px;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}

package/build/cjs/blocks/Reports/Reports.d.ts

@@ -0,0 +1,3 @@
+import { ReportsBlockProps } from '../../models';
+export declare const ReportsBlock: ({ title, typeKey, empty }: ReportsBlockProps) => JSX.Element;
+export default ReportsBlock;

package/build/cjs/blocks/Reports/Reports.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportsBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const components_1 = require("../../components");
+const reportsContext_1 = require("../../context/reportsContext");
+const utils_1 = require("../../utils");
+const ReportsItem_1 = tslib_1.__importDefault(require("./ReportsItem/ReportsItem"));
+const b = (0, utils_1.block)('reports-block');
+const titleColSizes = {
+    all: 12,
+};
+const ReportsBlock = ({ title, typeKey, empty }) => {
+    const data = (0, react_1.useContext)(reportsContext_1.ReportsContext);
+    const [page, setPage] = (0, react_1.useState)(1);
+    const { selects, items, itemsPerPage, filesOutline } = (0, react_1.useMemo)(() => data[typeKey], [data, typeKey]);
+    const initFilters = (0, react_1.useMemo)(() => (selects === null || selects === void 0 ? void 0 : selects.reduce((acc, select) => (Object.assign(Object.assign({}, acc), { [select.name]: select.init })), {})) || {}, [selects]);
+    const [localFilters, setLocalFilters] = (0, react_1.useState)(initFilters);
+    const handleChange = (0, react_1.useCallback)((name, value) => setLocalFilters((prev) => (Object.assign(Object.assign({}, prev), { [name]: value }))), []);
+    const filteredItems = (0, react_1.useMemo)(() => Object.keys(localFilters).length
+        ? items.filter((item) => Object.entries(localFilters).reduce((acc, [key, value]) => {
+            var _a, _b;
+            if ((_b = (_a = item.filters) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.includes(value)) {
+                return true;
+            }
+            return acc;
+        }, false))
+        : items, [items, localFilters]);
+    const paginatedItems = (0, react_1.useMemo)(() => {
+        if (!itemsPerPage)
+            return filteredItems;
+        const startIndex = (page - 1) * itemsPerPage;
+        return filteredItems.slice(startIndex, startIndex + itemsPerPage);
+    }, [filteredItems, itemsPerPage, page]);
+    const titleProps = !title || typeof title === 'string'
+        ? { text: title, textSize: 'm' }
+        : title;
+    return (react_1.default.createElement("div", { className: b() },
+        title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: titleColSizes }),
+        (selects === null || selects === void 0 ? void 0 : selects.length) && (react_1.default.createElement("div", { className: b('select') }, selects.map(({ name, options }) => (react_1.default.createElement(components_1.Select, { key: name, name: name, options: options, onChange: handleChange }))))),
+        paginatedItems.length ? (paginatedItems.map((item, index) => (react_1.default.createElement(ReportsItem_1.default, Object.assign({ key: index }, item, { filesOutline: filesOutline }))))) : (react_1.default.createElement("div", { className: b('empty') }, empty)),
+        itemsPerPage && (react_1.default.createElement(components_1.Paginator, { page: page, itemsPerPage: itemsPerPage, totalItems: filteredItems.length, maxPages: Infinity, onPageChange: setPage }))));
+};
+exports.ReportsBlock = ReportsBlock;
+exports.default = exports.ReportsBlock;

package/build/cjs/blocks/Reports/ReportsItem/ReportsItem.css

@@ -0,0 +1,49 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-reports-item {
+  padding: 24px 32px;
+  border-radius: 24px;
+  transition: box-shadow 0.3s ease-in-out;
+  display: flex;
+  align-items: center;
+}
+.pc-reports-item__wrap {
+  flex: 1;
+}
+.pc-reports-item__title {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+}
+.pc-reports-item__info {
+  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
+  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--g-color-private-cool-grey-600-solid);
+  margin-top: 8px;
+}
+.pc-reports-item__dot {
+  background-color: var(--g-color-private-cool-grey-400);
+  border-radius: 100%;
+  width: 5px;
+  height: 5px;
+}
+.pc-reports-item__files {
+  display: flex;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+.pc-reports-item:hover {
+  box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
+}
+@media (max-width: 769px) {
+  .pc-reports-item {
+    padding: 24px;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+  .pc-reports-item__files {
+    margin-top: 24px;
+  }
+}

package/build/cjs/blocks/Reports/ReportsItem/ReportsItem.d.ts

@@ -0,0 +1,3 @@
+import { ReportsItemProps } from '../../../models';
+export declare const ReportsItem: ({ title, date, text, files, filesOutline }: ReportsItemProps) => JSX.Element;
+export default ReportsItem;

package/build/cjs/blocks/Reports/ReportsItem/ReportsItem.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportsItem = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../../components");
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('reports-item');
+const ReportsItem = ({ title, date, text, files, filesOutline }) => (react_1.default.createElement("div", { className: b() },
+    react_1.default.createElement("div", { className: b('wrap') },
+        react_1.default.createElement("div", { className: b('title') }, title),
+        (date || text) && (react_1.default.createElement("div", { className: b('info') },
+            date && react_1.default.createElement("div", { className: b('date') }, date),
+            date && text && react_1.default.createElement("div", { className: b('dot') }),
+            text && react_1.default.createElement("div", { className: b('text') }, text)))),
+    (files === null || files === void 0 ? void 0 : files.length) && (react_1.default.createElement("div", { className: b('files') }, files.map((file) => (react_1.default.createElement(components_1.ReportFile, Object.assign({ key: file.link }, file, { outline: filesOutline }))))))));
+exports.ReportsItem = ReportsItem;
+exports.default = exports.ReportsItem;

package/build/cjs/blocks/Reports/schema.d.ts

@@ -0,0 +1,50 @@
+export declare const ReportsBlock: {
+    'reports-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            typeKey: {
+                type: string;
+            };
+            empty: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/blocks/Reports/schema.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportsBlock = void 0;
+const common_1 = require("./../../schema/validators/common");
+exports.ReportsBlock = {
+    'reports-block': {
+        additionalProperties: false,
+        required: ['typeKey'],
+        properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
+                oneOf: [
+                    {
+                        type: 'string',
+                        contentType: 'text',
+                        optionName: 'text',
+                    },
+                    Object.assign(Object.assign({}, common_1.TitleProps), { optionName: 'options' }),
+                ],
+            }, typeKey: {
+                type: 'string',
+            }, empty: {
+                type: 'string',
+            } }),
+    },
+};

package/build/cjs/blocks/index.d.ts

@@ -21,6 +21,7 @@ export { default as MarqueeLinksBlock } from './MarqueeLinks/MarqueeLinks';
 export { default as SolutionsBlock } from './Solutions/Solutions';
 export { default as ServicesBlock } from './Services/Services';
 export { default as QuotesBlock } from './Quotes/Quotes';
+export { default as ReportsBlock } from './Reports/Reports';
 export { default as FormWallBlock } from './FormWallBlock/FormWallBlock';
 export { default as LinkTableBlock } from './LinkTable/LinkTable';
 export { default as EventsFeedBlock } from './EventsFeed/EventsFeed';

package/build/cjs/blocks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
+exports.HighlightTableBlock = exports.PressReleasesBlock = exports.RelevantPostsBlock = exports.BlogFeedBlock = exports.EventsFeedBlock = exports.LinkTableBlock = exports.FormWallBlock = exports.ReportsBlock = exports.QuotesBlock = exports.ServicesBlock = exports.SolutionsBlock = exports.MarqueeLinksBlock = exports.FormBlock = exports.FilterBlock = exports.ShareBlock = exports.ContentLayoutBlock = exports.CardLayoutBlock = exports.HeaderSliderBlock = exports.IconsBlock = exports.HeaderBlock = exports.TabsBlock = exports.TableBlock = exports.QuestionsBlock = exports.PromoFeaturesBlock = exports.ExtendedFeaturesBlock = exports.SliderBlock = exports.MapBlock = exports.MediaBlock = exports.InfoBlock = exports.CompaniesBlock = exports.BannerBlock = void 0;
 var Banner_1 = require("./Banner/Banner");
 Object.defineProperty(exports, "BannerBlock", { enumerable: true, get: function () { return __importDefault(Banner_1).default; } });
 var Companies_1 = require("./Companies/Companies");
@@ -50,6 +50,8 @@ var Services_1 = require("./Services/Services");
 Object.defineProperty(exports, "ServicesBlock", { enumerable: true, get: function () { return __importDefault(Services_1).default; } });
 var Quotes_1 = require("./Quotes/Quotes");
 Object.defineProperty(exports, "QuotesBlock", { enumerable: true, get: function () { return __importDefault(Quotes_1).default; } });
+var Reports_1 = require("./Reports/Reports");
+Object.defineProperty(exports, "ReportsBlock", { enumerable: true, get: function () { return __importDefault(Reports_1).default; } });
 var FormWallBlock_1 = require("./FormWallBlock/FormWallBlock");
 Object.defineProperty(exports, "FormWallBlock", { enumerable: true, get: function () { return __importDefault(FormWallBlock_1).default; } });
 var LinkTable_1 = require("./LinkTable/LinkTable");

package/build/cjs/components/Paginator/Paginator.css

@@ -0,0 +1,61 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-paginator {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: center;
+}
+.pc-paginator__item {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 52px;
+  min-height: 52px;
+  margin: 0 4px;
+  padding: 16px 20px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--g-color-text-primary);
+}
+.pc-paginator__item:hover {
+  background-color: var(--g-color-private-blue-50);
+}
+.pc-paginator__item_type_page {
+  cursor: pointer;
+}
+.pc-paginator__item_type_page.pc-paginator__item_active {
+  background-color: var(--g-color-private-blue-200-solid);
+  cursor: default;
+}
+.pc-paginator__item_type_prev, .pc-paginator__item_type_next {
+  cursor: pointer;
+  gap: 8px;
+  font-size: 14px;
+}
+.pc-paginator__pagination {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  gap: 8px;
+}
+@media (max-width: 577px) {
+  .pc-paginator__pagination {
+    flex-direction: column;
+  }
+}
+.pc-paginator__pagination-block {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 4px;
+}

package/build/cjs/components/Paginator/Paginator.d.ts

@@ -0,0 +1,3 @@
+import { PaginatorProps } from './types';
+export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, pageCountForShowSupportButtons, }: PaginatorProps) => JSX.Element | null;
+export default Paginator;

package/build/cjs/components/Paginator/Paginator.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Paginator = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const cn_1 = require("../../utils/cn");
+const NavigationButton_1 = require("./components/NavigationButton");
+const PaginatorItem_1 = require("./components/PaginatorItem");
+const types_1 = require("./types");
+const utils_1 = require("./utils");
+const b = (0, cn_1.block)('paginator');
+const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 5;
+const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
+    const [pagesCount, setPagesCount] = (0, react_1.useState)((0, utils_1.getPagesCount)({ itemsPerPage, totalItems, maxPages }));
+    (0, react_1.useEffect)(() => {
+        const count = (0, utils_1.getPagesCount)({ itemsPerPage, totalItems, maxPages });
+        setPagesCount(count);
+    }, [itemsPerPage, totalItems, maxPages]);
+    const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
+    const isShowSupportButtons = (0, react_1.useMemo)(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    if (pagesCount <= 1) {
+        return null;
+    }
+    const handleArrowClick = (type) => {
+        let newPage = page;
+        if (type === 'prev' && page > 1) {
+            newPage = page - 1;
+        }
+        else if (type === 'next' && page < pagesCount) {
+            newPage = page + 1;
+        }
+        if (newPage !== page) {
+            handlePageChange(newPage);
+        }
+    };
+    const handlePageClick = (index) => {
+        if (index !== page && typeof index === 'number') {
+            handlePageChange(index);
+        }
+    };
+    const paginatorItems = (0, utils_1.getPageConfigs)({
+        page,
+        pagesCount,
+        handlePageClick,
+    });
+    if (page > 1 && isShowSupportButtons) {
+        paginatorItems.unshift({
+            key: types_1.ArrowType.Prev,
+            dataKey: types_1.ArrowType.Prev,
+            mods: { type: types_1.ArrowType.Prev },
+            onClick: handleArrowClick,
+            index: 0,
+            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Prev }),
+        });
+    }
+    if (page < pagesCount && isShowSupportButtons) {
+        paginatorItems.push({
+            key: types_1.ArrowType.Next,
+            dataKey: types_1.ArrowType.Next,
+            mods: { type: types_1.ArrowType.Next },
+            index: page + 1,
+            onClick: handleArrowClick,
+            content: react_1.default.createElement(NavigationButton_1.NavigationButton, { arrowType: types_1.ArrowType.Next }),
+        });
+    }
+    const renderPaginatorItem = (item) => {
+        const { key } = item, rest = tslib_1.__rest(item, ["key"]);
+        return react_1.default.createElement(PaginatorItem_1.PaginatorItem, Object.assign({ key: `page_${key}` }, rest));
+    };
+    return (react_1.default.createElement("div", { className: b('pagination') },
+        page > 1 && isShowSupportButtons && (react_1.default.createElement("div", { className: b('pagination-block') },
+            react_1.default.createElement("ul", { className: b(null, className) }, paginatorItems.slice(0, 1).map(renderPaginatorItem)))),
+        react_1.default.createElement("div", { className: b('pagination-block') },
+            react_1.default.createElement("ul", { className: b(null, className) }, isShowSupportButtons
+                ? paginatorItems
+                    .slice(page > 1 ? 1 : 0, page < pagesCount
+                    ? paginatorItems.length - 1
+                    : paginatorItems.length)
+                    .map(renderPaginatorItem)
+                : paginatorItems.map(renderPaginatorItem))),
+        page < pagesCount && isShowSupportButtons && (react_1.default.createElement("div", { className: b('pagination-block') },
+            react_1.default.createElement("ul", { className: b(null, className) }, paginatorItems
+                .slice(paginatorItems.length - 1, paginatorItems.length)
+                .map(renderPaginatorItem))))));
+};
+exports.Paginator = Paginator;
+exports.default = exports.Paginator;

package/build/cjs/components/Paginator/components/NavigationButton.d.ts

@@ -0,0 +1,6 @@
+import { ArrowType } from '../types';
+export type NavigationButtonProps = {
+    arrowType: ArrowType;
+    disabled?: boolean;
+};
+export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => JSX.Element | null;

package/build/cjs/components/Paginator/components/NavigationButton.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationButton = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const icons_1 = require("../../../icons");
+const i18n_1 = require("../i18n");
+const types_1 = require("../types");
+const NavigationButton = ({ arrowType, disabled }) => {
+    if (disabled) {
+        return null;
+    }
+    if (arrowType === types_1.ArrowType.Prev) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(icons_1.ArrowLeftIcon, null),
+            react_1.default.createElement("span", null, (0, i18n_1.i18n)('prev'))));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", null, (0, i18n_1.i18n)('next')),
+        react_1.default.createElement(icons_1.ArrowRightIcon, null)));
+};
+exports.NavigationButton = NavigationButton;

package/build/cjs/components/Paginator/components/PaginatorItem.d.ts

@@ -0,0 +1,2 @@
+import { PaginatorItemProps } from '../types';
+export declare const PaginatorItem: ({ dataKey, mods, content, onClick }: PaginatorItemProps) => JSX.Element;

package/build/cjs/components/Paginator/components/PaginatorItem.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaginatorItem = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const cn_1 = require("../../../utils/cn");
+const b = (0, cn_1.block)('paginator');
+const PaginatorItem = ({ dataKey, mods, content, onClick }) => {
+    const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
+    const handleClick = (0, react_1.useCallback)(() => {
+        onClick === null || onClick === void 0 ? void 0 : onClick(itemKey);
+    }, [itemKey, onClick]);
+    return (react_1.default.createElement("button", { className: b('item', mods), onClick: handleClick }, content));
+};
+exports.PaginatorItem = PaginatorItem;

package/build/cjs/components/Paginator/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "prev": "Previous",
+  "next": "Next"
+}

package/build/cjs/components/Paginator/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "prev" | "next", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/cjs/components/Paginator/i18n/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.i18n = void 0;
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/uikit/i18n");
+const cn_1 = require("../../../utils/cn");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Paginator`);

package/build/cjs/components/Paginator/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "prev": "Предыдущая",
+  "next": "Следующая"
+}

package/build/cjs/components/Paginator/types.d.ts

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+import type { NoStrictEntityMods } from '@bem-react/classname';
+import type { ClassNameProps } from '../../models/common';
+export interface PaginatorItemProps {
+    key: string | ArrowType;
+    dataKey: string | ArrowType;
+    mods: NoStrictEntityMods;
+    content: ReactNode;
+    onClick?: (key: number | ArrowType) => void;
+    index: number;
+}
+export type PaginatorProps = {
+    page: number;
+    totalItems: number;
+    itemsPerPage: number;
+    maxPages: number;
+    onPageChange: (page: number) => void;
+    pageCountForShowSupportButtons?: number;
+} & ClassNameProps;
+export declare enum ArrowType {
+    Prev = "prev",
+    Next = "next"
+}
+export type GetPageConfigParams = {
+    page: number;
+    pagesCount: number;
+    handlePageClick: (key: number | ArrowType) => void;
+};

package/build/cjs/components/Paginator/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowType = void 0;
+var ArrowType;
+(function (ArrowType) {
+    ArrowType["Prev"] = "prev";
+    ArrowType["Next"] = "next";
+})(ArrowType = exports.ArrowType || (exports.ArrowType = {}));

package/build/cjs/components/Paginator/utils.d.ts

@@ -0,0 +1,3 @@
+import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
+export declare const getPageConfigs: ({ page, pagesCount, handlePageClick }: GetPageConfigParams) => PaginatorItemProps[];
+export declare const getPagesCount: (props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>) => number;

package/build/cjs/components/Paginator/utils.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPagesCount = exports.getPageConfigs = void 0;
+const getPageConfigs = ({ page, pagesCount, handlePageClick }) => {
+    const paginatorItems = [];
+    const showLeftDots = page > 4;
+    const showRightDots = page < pagesCount - 3;
+    const addPage = (i) => {
+        paginatorItems.push({
+            key: String(i),
+            dataKey: String(i),
+            index: i,
+            mods: { type: 'page', active: page === i },
+            onClick: handlePageClick,
+            content: i,
+        });
+    };
+    if (pagesCount <= 5) {
+        for (let i = 1; i <= pagesCount; i++) {
+            addPage(i);
+        }
+        return paginatorItems;
+    }
+    // Всегда добавляем первую
+    addPage(1);
+    // Левые троеточия
+    if (showLeftDots) {
+        paginatorItems.push({
+            key: 'ellipsis',
+            dataKey: 'ellipsis',
+            index: -1,
+            mods: { type: 'ellipsis' },
+            content: '…',
+        });
+    }
+    // Центральный блок
+    let start = Math.max(2, page - 1);
+    let end = Math.min(pagesCount - 1, page + 1);
+    if (!showLeftDots) {
+        start = 2;
+        end = 5;
+    }
+    else if (!showRightDots) {
+        start = pagesCount - 4;
+        end = pagesCount - 1;
+    }
+    for (let i = start; i <= end; i++) {
+        addPage(i);
+    }
+    // Правые троеточия
+    if (showRightDots) {
+        paginatorItems.push({
+            key: 'ellipsis',
+            dataKey: 'ellipsis',
+            index: -2,
+            mods: { type: 'ellipsis' },
+            content: '…',
+        });
+    }
+    // Последняя страница
+    if (pagesCount > 1) {
+        addPage(pagesCount);
+    }
+    return paginatorItems;
+};
+exports.getPageConfigs = getPageConfigs;
+const getPagesCount = (props) => {
+    const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);
+    return Number.isFinite(props.maxPages) ? Math.min(totalPages, props.maxPages) : totalPages;
+};
+exports.getPagesCount = getPagesCount;

package/build/cjs/components/ReportFile/ReportFile.css

@@ -0,0 +1,27 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-report-file {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+  border-width: 1px;
+  border-style: solid;
+  border-color: transparent;
+  border-radius: 100px;
+  padding: 10px 24px;
+  text-transform: uppercase;
+  text-decoration: none;
+  color: inherit;
+  display: flex;
+  transition: background-color 0.3s ease-in-out;
+  background-color: var(--g-color-private-blue-50);
+}
+.pc-report-file:hover {
+  background-color: var(--g-color-private-cool-grey-400);
+}
+.pc-report-file_outline {
+  border-color: var(--g-color-private-cool-grey-400);
+  background-color: transparent;
+}
+.pc-report-file_outline:hover {
+  background-color: var(--g-color-private-blue-50);
+}

package/build/cjs/components/ReportFile/ReportFile.d.ts

@@ -0,0 +1,3 @@
+import { ReportFileProps } from '../../models';
+export declare const ReportFile: ({ name, link, outline }: ReportFileProps) => JSX.Element;
+export default ReportFile;