@doyourjob/gravity-ui-page-constructor 5.31.83 → 5.31.85

package/build/cjs/blocks/FilterBlock/FilterBlock.js

@@ -32,7 +32,7 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
     }, [actualTag, items]);
     return (react_1.default.createElement(components_1.AnimateBlock, { className: b(), animate: animated },
         title && (react_1.default.createElement(components_1.Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
-        tabButtons.length && (react_1.default.createElement(grid_1.Row, null,
+        Boolean(tabButtons.length) && (react_1.default.createElement(grid_1.Row, null,
             react_1.default.createElement(grid_1.Col, null,
                 react_1.default.createElement(ButtonTabs_1.default, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),
         react_1.default.createElement(grid_1.Row, { className: b('block-container') },

package/build/cjs/blocks/Header/SwitchingTitle/SwitchingTtitle.js

@@ -9,23 +9,26 @@ const SwitchingTitle = (props) => {
     const { text, switchingTime } = props;
     const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
     const [opacity, setOpacity] = (0, react_1.useState)(1);
+    const timeoutsRef = (0, react_1.useRef)([]);
     const texts = (0, react_1.useMemo)(() => (0, utils_2.partitionSwitchingTitleInput)(text), [text]);
     const textSizesCommonMultiple = (0, react_1.useMemo)(() => texts.reduce((acc, curr) => acc * curr.length, 1), [texts]);
+    const clearAllTimeouts = () => {
+        timeoutsRef.current.forEach(clearTimeout);
+        timeoutsRef.current = [];
+    };
     (0, react_1.useEffect)(() => {
-        const timeouts = [];
+        clearAllTimeouts();
         const intervalHandle = setInterval(() => {
             setOpacity(0);
             const timeout = setTimeout(() => {
                 setCurrentIndex((c) => (c + 1) % textSizesCommonMultiple);
                 setOpacity(1);
             }, 200);
-            timeouts.push(timeout);
+            timeoutsRef.current.push(timeout);
         }, switchingTime);
         return () => {
             clearInterval(intervalHandle);
-            for (const timeout of timeouts) {
-                clearTimeout(timeout);
-            }
+            clearAllTimeouts();
         };
     }, [texts, switchingTime, textSizesCommonMultiple]);
     return (react_1.default.createElement("span", null, texts.map((lines, index) => (react_1.default.createElement("span", { className: b('title-part'), style: {

package/build/cjs/blocks/HighlightTable/HighlightTable.js

@@ -16,7 +16,7 @@ const getTextStyles = (contentSize) => {
             return 'body-1';
     }
 };
-const HighlightTableBlock = ({ title, description, table, legend, contentSize = 's', legendPosition = 'top', legendAlign = 'center', }) => {
+const HighlightTableBlock = ({ title, description, table, legend = [], contentSize = 's', legendPosition = 'top', legendAlign = 'center', }) => {
     const firstRow = table.content[0] || [];
     const otherRows = table.content.slice(1);
     const customColumnWidth = table.customColumnWidth || [];
@@ -77,7 +77,7 @@ const HighlightTableBlock = ({ title, description, table, legend, contentSize =
                 react_1.default.createElement(components_1.HTML, null, cell)));
         })));
     }, [table.customColumnWidth, table.highlighter, table.justify]);
-    const renderLegend = (0, react_1.useMemo)(() => (legend === null || legend === void 0 ? void 0 : legend.length) && (react_1.default.createElement("div", { className: `${b('legend', {
+    const renderLegend = (0, react_1.useMemo)(() => Boolean(legend.length) && (react_1.default.createElement("div", { className: `${b('legend', {
             left: legendAlign === 'left',
             right: legendAlign === 'right',
             'position-top': legendPosition === 'top',

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

@@ -1,5 +1,9 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-reports-block {
+  display: flex;
+  flex-direction: column;
+}
 .pc-reports-block__title {
   margin-bottom: 24px;
 }
@@ -9,6 +13,17 @@ unpredictable css rules order in build */
   display: flex;
   flex-wrap: wrap;
 }
+.pc-reports-block__loader {
+  align-self: center;
+  width: 48px;
+  height: 48px;
+}
+.pc-reports-block__loader > div {
+  border-color: var(--pc-color-progress-circular);
+}
+.pc-reports-block__paginator {
+  margin-top: 32px;
+}
 .pc-reports-block__items {
   margin: 0;
   padding: 0;

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportsBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components");
-const types_1 = require("../../components/Paginator/types");
 const reportsContext_1 = require("../../context/reportsContext");
 const utils_1 = require("../../utils");
 const ReportsItem_1 = tslib_1.__importDefault(require("./ReportsItem/ReportsItem"));
@@ -39,7 +39,7 @@ const ReportsBlock = ({ title, typeKey, empty }) => {
         : title, [title]);
     const renderItems = (0, react_1.useMemo)(() => {
         if (loading) {
-            return react_1.default.createElement(components_1.ProgressCircular, null);
+            return react_1.default.createElement(uikit_1.Spin, { size: "xl", className: b('loader') });
         }
         if (!paginatedItems.length) {
             return react_1.default.createElement(components_1.EmptyPlug, { empty: empty });
@@ -47,23 +47,11 @@ const ReportsBlock = ({ title, typeKey, empty }) => {
         return (react_1.default.createElement("ul", { className: b('items') }, paginatedItems.map((item, index) => (react_1.default.createElement("li", { key: index },
             react_1.default.createElement(ReportsItem_1.default, Object.assign({}, item, { filesOutline: filesOutline })))))));
     }, [empty, filesOutline, loading, paginatedItems]);
-    const handlePageChange = (0, react_1.useCallback)((index) => {
-        switch (index) {
-            case types_1.ArrowType.Prev:
-                setPage((prev) => prev - 1);
-                break;
-            case types_1.ArrowType.Next:
-                setPage((prev) => prev + 1);
-                break;
-            default:
-                setPage(index);
-        }
-    }, []);
     return (react_1.default.createElement("div", { className: b() },
         title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: titleColSizes }),
-        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 }))))),
+        Boolean(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 }))))),
         renderItems,
-        itemsPerPage && (react_1.default.createElement(components_1.Paginator, { page: page, itemsPerPage: itemsPerPage, totalItems: filteredItems.length, maxPages: Infinity, onPageChange: handlePageChange }))));
+        itemsPerPage && (react_1.default.createElement(components_1.Paginator, { page: page, itemsPerPage: itemsPerPage, totalItems: filteredItems.length, maxPages: Infinity, onPageChange: setPage, className: b('paginator') }))));
 };
 exports.ReportsBlock = ReportsBlock;
 exports.default = exports.ReportsBlock;

package/build/cjs/blocks/ReportsCards/ReportsCards.js

@@ -34,7 +34,7 @@ const ReportsCardsBlock = ({ title, typeKey, postscript, empty }) => {
         : 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.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 }))))),
+        Boolean(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 }))))),
         filteredItems.length ? (react_1.default.createElement(grid_1.Row, null, filteredItems.map((item, index) => (react_1.default.createElement(grid_1.Col, { key: index, sizes: cardsColSizes },
             react_1.default.createElement(sub_blocks_1.AttachmentCard, Object.assign({}, item))))))) : (react_1.default.createElement(components_1.EmptyPlug, { empty: empty })),
         postscript && (react_1.default.createElement(components_1.YFMWrapper, { className: b('postscript'), content: postscript, modifiers: { constructor: true, [`constructor-size-s`]: true } }))));

package/build/cjs/blocks/ReportsSections/Item/Item.css

@@ -4,9 +4,11 @@ unpredictable css rules order in build */
   padding: 24px 0;
   display: flex;
   align-items: center;
-  border-bottom: 1px solid var(--g-color-private-black-100-solid);
   gap: 32px;
 }
+.pc-reports-sections-item + .pc-reports-sections-item {
+  border-top: 1px solid var(--g-color-private-black-100-solid);
+}
 .pc-reports-sections-item__wrap {
   flex: 1;
 }

package/build/cjs/blocks/ReportsSections/Item/Item.js

@@ -6,10 +6,10 @@ 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-sections-item');
-const Item = ({ title, files }) => (react_1.default.createElement("div", { className: b() },
+const Item = ({ title, files = [] }) => (react_1.default.createElement("li", { className: b() },
     react_1.default.createElement("div", { className: b('wrap') },
         react_1.default.createElement("div", { className: b('title') }, title)),
-    (files === null || files === void 0 ? void 0 : files.length) && (react_1.default.createElement("ul", { className: b('files') }, files.map((file) => (react_1.default.createElement("li", { key: file.link },
+    Boolean(files.length) && (react_1.default.createElement("ul", { className: b('files') }, files.map((file) => (react_1.default.createElement("li", { key: file.link },
         react_1.default.createElement(components_1.ReportFile, Object.assign({}, file, { outlined: true })))))))));
 exports.Item = Item;
 exports.default = exports.Item;

package/build/cjs/blocks/ReportsSections/ReportsSections.js

@@ -28,7 +28,7 @@ const ReportsSectionsBlock = ({ title, typeKey, empty }) => {
         : 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.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 }))))),
+        Boolean(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 }))))),
         filteredItems.length ? (react_1.default.createElement("div", { className: b('sections') }, filteredItems.map((item, index) => (react_1.default.createElement(Section_1.default, Object.assign({ key: index }, item)))))) : (react_1.default.createElement(components_1.EmptyPlug, { empty: empty, className: b('empty') }))));
 };
 exports.ReportsSectionsBlock = ReportsSectionsBlock;

package/build/cjs/blocks/ReportsSections/Section/Section.js

@@ -6,10 +6,9 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../../utils");
 const Item_1 = tslib_1.__importDefault(require("../Item/Item"));
 const b = (0, utils_1.block)('reports-sections-section');
-const Section = ({ title, date, items }) => (react_1.default.createElement("div", { className: b() },
+const Section = ({ title, date, items = [] }) => (react_1.default.createElement("div", { className: b() },
     date && react_1.default.createElement("div", { className: b('date') }, date),
     title && react_1.default.createElement("h2", { className: b('title') }, title),
-    (items === null || items === void 0 ? void 0 : items.length) && (react_1.default.createElement("ul", { className: b('files') }, items.map((item, index) => (react_1.default.createElement("li", { key: index },
-        react_1.default.createElement(Item_1.default, Object.assign({}, item)))))))));
+    Boolean(items.length) && (react_1.default.createElement("ul", { className: b('files') }, items.map((item, index) => (react_1.default.createElement(Item_1.default, Object.assign({ key: index }, item))))))));
 exports.Section = Section;
 exports.default = exports.Section;

package/build/cjs/blocks/Table/Table.js

@@ -11,7 +11,7 @@ const b = (0, utils_1.block)('table-block');
 const bTable = (0, utils_1.block)('table');
 const bScrollbar = (0, utils_1.block)('table-scrollbar');
 const TableBlock = (props) => {
-    const { title, table, description, links, buttons } = props;
+    const { title, table, description, links = [], buttons = [] } = props;
     const tableRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         var _a;
@@ -47,8 +47,8 @@ const TableBlock = (props) => {
                     description && (react_1.default.createElement("div", { className: b('description') },
                         react_1.default.createElement(uikit_1.Text, { variant: "body-2" },
                             react_1.default.createElement(components_1.HTML, null, description)))),
-                    (links === null || links === void 0 ? void 0 : links.length) && react_1.default.createElement(components_1.Links, { className: b('bottomObject'), links: links }),
-                    (buttons === null || buttons === void 0 ? void 0 : buttons.length) && (react_1.default.createElement(components_1.Buttons, { className: b('bottomObject'), buttons: buttons }))),
+                    Boolean(links.length) && (react_1.default.createElement(components_1.Links, { className: b('bottomObject'), links: links })),
+                    Boolean(buttons.length) && (react_1.default.createElement(components_1.Buttons, { className: b('bottomObject'), buttons: buttons }))),
                 react_1.default.createElement(grid_1.Col, { sizes: { [grid_1.GridColumnSize.Md]: 8, [grid_1.GridColumnSize.All]: 12 }, offsets: { [grid_1.GridColumnSize.Md]: 1 } },
                     react_1.default.createElement(components_1.Table, Object.assign({ className: b('table') }, table)))))));
 };

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

@@ -12,32 +12,25 @@ 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 = (0, utils_1.getPagesCount)({ itemsPerPage, totalItems, maxPages });
     const isShowSupportButtons = pagesCount > pageCountForShowSupportButtons;
-    const paginatorItems = (0, react_1.useMemo)(() => {
-        const items = (0, utils_1.getPageConfigs)({ page, pagesCount, handlePageClick: onPageChange });
-        if (isShowSupportButtons && page > 1) {
-            items.unshift({
-                key: types_1.ArrowType.Prev,
-                dataKey: types_1.ArrowType.Prev,
-                type: types_1.ArrowType.Prev,
-                onClick: onPageChange,
-            });
+    const handlePageClick = (0, react_1.useCallback)((index) => {
+        switch (index) {
+            case types_1.ArrowType.Prev:
+                onPageChange((prev) => prev - 1);
+                break;
+            case types_1.ArrowType.Next:
+                onPageChange((prev) => prev + 1);
+                break;
+            default:
+                onPageChange(index);
         }
-        if (isShowSupportButtons && page < pagesCount) {
-            items.push({
-                key: types_1.ArrowType.Next,
-                dataKey: types_1.ArrowType.Next,
-                type: types_1.ArrowType.Next,
-                onClick: onPageChange,
-            });
-        }
-        return items;
-    }, [page, pagesCount, onPageChange, isShowSupportButtons]);
+    }, [onPageChange]);
+    const items = (0, utils_1.getPageConfigs)({ page, pagesCount, handlePageClick });
     if (pagesCount <= 1)
         return null;
-    return (react_1.default.createElement("ul", { className: b(null, className), role: "navigation", "aria-label": "Pagination Navigation" }, paginatorItems.map((_a) => {
-        var { key } = _a, rest = tslib_1.__rest(_a, ["key"]);
-        return (react_1.default.createElement(PaginatorItem_1.default, Object.assign({ key: `page_${key}` }, rest)));
-    })));
+    return (react_1.default.createElement("ul", { className: b(null, className), role: "navigation", "aria-label": "Pagination Navigation" },
+        isShowSupportButtons && page > 1 && (react_1.default.createElement(PaginatorItem_1.default, { dataKey: types_1.ArrowType.Prev, onClick: handlePageClick })),
+        items.map((item, index) => (react_1.default.createElement(PaginatorItem_1.default, Object.assign({ key: index }, item)))),
+        isShowSupportButtons && page < pagesCount && (react_1.default.createElement(PaginatorItem_1.default, { dataKey: types_1.ArrowType.Next, onClick: handlePageClick }))));
 };
 exports.Paginator = Paginator;
 exports.default = exports.Paginator;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PaginatorItemProps } from '../types';
-declare const _default: React.MemoExoticComponent<({ dataKey, type, active, onClick }: PaginatorItemProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ dataKey, active, onClick }: PaginatorItemProps) => JSX.Element>;
 export default _default;

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

@@ -6,40 +6,52 @@ const icons_1 = require("../../../icons");
 const cn_1 = require("../../../utils/cn");
 const i18n_1 = require("../i18n");
 const types_1 = require("../types");
+const mapTypes = {
+    [types_1.ArrowType.Prev]: 'prev',
+    [types_1.ArrowType.Next]: 'next',
+    ellipsis: 'ellipsis',
+};
 const b = (0, cn_1.block)('paginator');
-const PaginatorItem = ({ dataKey, type, active, onClick }) => {
+const PaginatorItem = ({ dataKey, active, onClick }) => {
     const index = Number(dataKey);
     const handleClick = (0, react_1.useCallback)(() => {
         if (typeof onClick === 'function') {
-            if (type === types_1.ArrowType.Prev) {
-                onClick(types_1.ArrowType.Prev);
-                return;
-            }
-            if (type === types_1.ArrowType.Next) {
-                onClick(types_1.ArrowType.Next);
-                return;
+            switch (dataKey) {
+                case types_1.ArrowType.Prev: {
+                    onClick(types_1.ArrowType.Prev);
+                    break;
+                }
+                case types_1.ArrowType.Next: {
+                    onClick(types_1.ArrowType.Next);
+                    break;
+                }
+                case 'ellipsis':
+                    break;
+                default:
+                    onClick(index);
+                    break;
             }
-            onClick(index);
         }
-    }, [index, onClick, type]);
+    }, [dataKey, index, onClick]);
     const renderContent = (0, react_1.useMemo)(() => {
-        if (type === 'ellipsis') {
-            return '…';
-        }
-        else if (type === 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'))));
-        }
-        else if (type === types_1.ArrowType.Next) {
-            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)));
-        }
-        else {
-            return index;
+        switch (dataKey) {
+            case 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'))));
+            }
+            case types_1.ArrowType.Next: {
+                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)));
+            }
+            case 'ellipsis':
+                return '…';
+            default:
+                return index;
         }
-    }, [index, type]);
+    }, [dataKey, index]);
+    const type = (0, react_1.useMemo)(() => { var _a; return (_a = mapTypes[dataKey]) !== null && _a !== void 0 ? _a : 'page'; }, [dataKey]);
     return (react_1.default.createElement("button", { className: b('item', { type, active }), "aria-current": active ? 'true' : undefined, onClick: handleClick }, renderContent));
 };
 exports.default = react_1.default.memo(PaginatorItem);

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

@@ -1,7 +1,7 @@
+/// <reference types="react" />
 import type { ClassNameProps } from '../../models/common';
 export interface PaginatorItemProps {
-    key: string | ArrowType;
-    dataKey: string | ArrowType;
+    dataKey: string | ArrowType | 'ellipsis';
     type?: string;
     active?: boolean;
     onClick?: (key: number | ArrowType) => void;
@@ -11,7 +11,7 @@ export type PaginatorProps = {
     totalItems: number;
     itemsPerPage: number;
     maxPages: number;
-    onPageChange: (page: number | ArrowType) => void;
+    onPageChange: React.Dispatch<React.SetStateAction<number>>;
     pageCountForShowSupportButtons?: number;
 } & ClassNameProps;
 export declare enum ArrowType {

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

@@ -5,20 +5,11 @@ const getPageConfigs = ({ page, pagesCount, handlePageClick, }) => {
     const paginatorItems = [];
     const addPage = (i) => {
         paginatorItems.push({
-            key: String(i),
             dataKey: String(i),
-            type: 'page',
             active: page === i,
             onClick: handlePageClick,
         });
     };
-    const addEllipsis = (key) => {
-        paginatorItems.push({
-            key,
-            dataKey: key,
-            type: 'ellipsis',
-        });
-    };
     if (pagesCount <= 7) {
         for (let i = 1; i <= pagesCount; i++) {
             addPage(i);
@@ -29,24 +20,24 @@ const getPageConfigs = ({ page, pagesCount, handlePageClick, }) => {
         for (let i = 1; i <= 5; i++) {
             addPage(i);
         }
-        addEllipsis('ellipsis-right');
+        paginatorItems.push({ dataKey: 'ellipsis' });
         addPage(pagesCount);
         return paginatorItems;
     }
     if (page >= pagesCount - 3) {
         addPage(1);
-        addEllipsis('ellipsis-left');
+        paginatorItems.push({ dataKey: 'ellipsis' });
         for (let i = pagesCount - 4; i <= pagesCount; i++) {
             addPage(i);
         }
         return paginatorItems;
     }
     addPage(1);
-    addEllipsis('ellipsis-left');
+    paginatorItems.push({ dataKey: 'ellipsis' });
     addPage(page - 1);
     addPage(page);
     addPage(page + 1);
-    addEllipsis('ellipsis-right');
+    paginatorItems.push({ dataKey: 'ellipsis' });
     addPage(pagesCount);
     return paginatorItems;
 };

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

@@ -44,7 +44,6 @@ export { default as Tag } from './Tag/Tag';
 export { default as ReportFile } from './ReportFile/ReportFile';
 export { default as Select } from './Select/Select';
 export { default as Paginator } from './Paginator/Paginator';
-export { default as ProgressCircular } from './ProgressCircular/ProgressCircular';
 export { default as EmptyPlug } from './EmptyPlug/EmptyPlug';
 export type { RouterLinkProps } from './RouterLink/RouterLink';
 export type { ImageBaseProps } from './ImageBase/ImageBase';

package/build/cjs/components/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.EmptyPlug = exports.ProgressCircular = exports.Paginator = exports.Select = exports.ReportFile = exports.Tag = exports.InfiniteScroll = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.RouterLink = exports.ReactPlayer = exports.OverflowScroller = exports.OutsideClick = exports.MetaInfo = exports.Media = exports.Links = exports.Link = exports.InnerForm = exports.ImageBase = exports.Image = exports.IconWrapper = exports.HTML = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenMedia = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.Control = exports.ContentList = exports.CardBase = exports.BrandFooter = exports.Buttons = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.Author = exports.AnimateBlock = exports.Anchor = void 0;
+exports.EmptyPlug = exports.Paginator = exports.Select = exports.ReportFile = exports.Tag = exports.InfiniteScroll = exports.YandexForm = exports.YFMWrapper = exports.VideoBlock = exports.UnpublishedLabel = exports.ToggleArrow = exports.Title = exports.Table = exports.RouterLink = exports.ReactPlayer = exports.OverflowScroller = exports.OutsideClick = exports.MetaInfo = exports.Media = exports.Links = exports.Link = exports.InnerForm = exports.ImageBase = exports.Image = exports.IconWrapper = exports.HTML = exports.HeaderBreadcrumbs = exports.FullWidthBackground = exports.FullscreenMedia = exports.FullscreenImage = exports.Foldable = exports.FileLink = exports.ErrorWrapper = exports.Control = exports.ContentList = exports.CardBase = exports.BrandFooter = exports.Buttons = exports.Button = exports.BlockBase = exports.BalancedMasonry = exports.BackLink = exports.BackgroundMedia = exports.BackgroundImage = exports.Author = exports.AnimateBlock = exports.Anchor = void 0;
 var Anchor_1 = require("./Anchor/Anchor");
 Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return __importDefault(Anchor_1).default; } });
 var AnimateBlock_1 = require("./AnimateBlock/AnimateBlock");
@@ -96,7 +96,5 @@ var Select_1 = require("./Select/Select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return __importDefault(Select_1).default; } });
 var Paginator_1 = require("./Paginator/Paginator");
 Object.defineProperty(exports, "Paginator", { enumerable: true, get: function () { return __importDefault(Paginator_1).default; } });
-var ProgressCircular_1 = require("./ProgressCircular/ProgressCircular");
-Object.defineProperty(exports, "ProgressCircular", { enumerable: true, get: function () { return __importDefault(ProgressCircular_1).default; } });
 var EmptyPlug_1 = require("./EmptyPlug/EmptyPlug");
 Object.defineProperty(exports, "EmptyPlug", { enumerable: true, get: function () { return __importDefault(EmptyPlug_1).default; } });

package/build/cjs/sub-blocks/AttachmentCard/AttachmentCard.css

@@ -57,14 +57,16 @@ unpredictable css rules order in build */
   color: var(--pc-color-summary);
 }
 .pc-attachment-card__time {
-  padding-left: 8px;
-  gap: 8px;
-  display: flex;
-  align-items: center;
+  display: inline-block;
+  vertical-align: middle;
 }
 .pc-attachment-card__dot {
   background-color: var(--g-color-private-cool-grey-400);
   border-radius: 100%;
   width: 5px;
   height: 5px;
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: 8px;
+  margin-right: 8px;
 }

package/build/cjs/sub-blocks/AttachmentCard/AttachmentCard.js

@@ -30,7 +30,7 @@ const AttachmentCardItem = ({ icon, name, link, download, target }) => {
         renderIcon,
         react_1.default.createElement("div", { className: b('item-name') }, name)));
 };
-const AttachmentCard = ({ url, title, date, time, items, label, column, border, }) => {
+const AttachmentCard = ({ url, title, date, time, items = [], label, column, border, }) => {
     const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: 'm' }
         : title;
@@ -41,10 +41,10 @@ const AttachmentCard = ({ url, title, date, time, items, label, column, border,
                 title && react_1.default.createElement(components_1.Title, { title: titleProps, colSizes: colSizes }),
                 date && (react_1.default.createElement("div", { className: b('date') },
                     date,
-                    time && (react_1.default.createElement("div", { className: b('time') },
-                        react_1.default.createElement("div", { className: b('dot') }),
+                    time && (react_1.default.createElement("span", { className: b('time') },
+                        react_1.default.createElement("span", { className: b('dot') }),
                         time)))))),
-        (items === null || items === void 0 ? void 0 : items.length) && (react_1.default.createElement(components_1.CardBase.Footer, { className: b('footer') },
+        Boolean(items.length) && (react_1.default.createElement(components_1.CardBase.Footer, { className: b('footer') },
             react_1.default.createElement("ul", { className: b('items') }, items === null || items === void 0 ? void 0 : items.map((item, index) => (react_1.default.createElement("li", { key: index },
                 react_1.default.createElement(AttachmentCardItem, Object.assign({}, item))))))))));
 };

package/build/esm/blocks/FilterBlock/FilterBlock.js

@@ -30,7 +30,7 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
     }, [actualTag, items]);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
         title && (React.createElement(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
-        tabButtons.length && (React.createElement(Row, null,
+        Boolean(tabButtons.length) && (React.createElement(Row, null,
             React.createElement(Col, null,
                 React.createElement(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),
         React.createElement(Row, { className: b('block-container') },

package/build/esm/blocks/Header/SwitchingTitle/SwitchingTtitle.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { block } from '../../../utils';
 import { partitionSwitchingTitleInput } from '../utils';
 import './SwitchingTitle.css';
@@ -7,23 +7,26 @@ const SwitchingTitle = (props) => {
     const { text, switchingTime } = props;
     const [currentIndex, setCurrentIndex] = useState(0);
     const [opacity, setOpacity] = useState(1);
+    const timeoutsRef = useRef([]);
     const texts = useMemo(() => partitionSwitchingTitleInput(text), [text]);
     const textSizesCommonMultiple = useMemo(() => texts.reduce((acc, curr) => acc * curr.length, 1), [texts]);
+    const clearAllTimeouts = () => {
+        timeoutsRef.current.forEach(clearTimeout);
+        timeoutsRef.current = [];
+    };
     useEffect(() => {
-        const timeouts = [];
+        clearAllTimeouts();
         const intervalHandle = setInterval(() => {
             setOpacity(0);
             const timeout = setTimeout(() => {
                 setCurrentIndex((c) => (c + 1) % textSizesCommonMultiple);
                 setOpacity(1);
             }, 200);
-            timeouts.push(timeout);
+            timeoutsRef.current.push(timeout);
         }, switchingTime);
         return () => {
             clearInterval(intervalHandle);
-            for (const timeout of timeouts) {
-                clearTimeout(timeout);
-            }
+            clearAllTimeouts();
         };
     }, [texts, switchingTime, textSizesCommonMultiple]);
     return (React.createElement("span", null, texts.map((lines, index) => (React.createElement("span", { className: b('title-part'), style: {

package/build/esm/blocks/HighlightTable/HighlightTable.js

@@ -13,7 +13,7 @@ const getTextStyles = (contentSize) => {
             return 'body-1';
     }
 };
-export const HighlightTableBlock = ({ title, description, table, legend, contentSize = 's', legendPosition = 'top', legendAlign = 'center', }) => {
+export const HighlightTableBlock = ({ title, description, table, legend = [], contentSize = 's', legendPosition = 'top', legendAlign = 'center', }) => {
     const firstRow = table.content[0] || [];
     const otherRows = table.content.slice(1);
     const customColumnWidth = table.customColumnWidth || [];
@@ -74,7 +74,7 @@ export const HighlightTableBlock = ({ title, description, table, legend, content
                 React.createElement(HTML, null, cell)));
         })));
     }, [table.customColumnWidth, table.highlighter, table.justify]);
-    const renderLegend = useMemo(() => (legend === null || legend === void 0 ? void 0 : legend.length) && (React.createElement("div", { className: `${b('legend', {
+    const renderLegend = useMemo(() => Boolean(legend.length) && (React.createElement("div", { className: `${b('legend', {
             left: legendAlign === 'left',
             right: legendAlign === 'right',
             'position-top': legendPosition === 'top',

package/build/esm/blocks/Reports/Reports.css

@@ -1,5 +1,9 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-reports-block {
+  display: flex;
+  flex-direction: column;
+}
 .pc-reports-block__title {
   margin-bottom: 24px;
 }
@@ -9,6 +13,17 @@ unpredictable css rules order in build */
   display: flex;
   flex-wrap: wrap;
 }
+.pc-reports-block__loader {
+  align-self: center;
+  width: 48px;
+  height: 48px;
+}
+.pc-reports-block__loader > div {
+  border-color: var(--pc-color-progress-circular);
+}
+.pc-reports-block__paginator {
+  margin-top: 32px;
+}
 .pc-reports-block__items {
   margin: 0;
   padding: 0;