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

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

@@ -0,0 +1,16 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.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: ({ typeKey, empty }: ReportsBlockProps) => JSX.Element;
+export default ReportsBlock;

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

@@ -0,0 +1,31 @@
+"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 ReportsBlock = ({ typeKey, empty }) => {
+    const data = (0, react_1.useContext)(reportsContext_1.ReportsContext);
+    const { selects, items, 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]);
+    return (react_1.default.createElement("div", { className: b() },
+        (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 }))))),
+        filteredItems.length ? (filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.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))));
+};
+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,18 @@
+export declare const ReportsBlock: {
+    'reports-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            typeKey: {
+                type: string;
+            };
+            empty: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,15 @@
+"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), { 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/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;

package/build/cjs/components/ReportFile/ReportFile.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportFile = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('report-file');
+const ReportFile = ({ name, link, outline }) => (react_1.default.createElement("a", { className: b({ outline }), href: link }, name));
+exports.ReportFile = ReportFile;
+exports.default = exports.ReportFile;

package/build/cjs/components/Select/Select.css

@@ -0,0 +1,22 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-select {
+  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));
+  padding: 10px 32px 10px 16px;
+  border: 1px solid var(--g-color-private-cool-grey-600-solid);
+  color: var(--g-color-private-cool-grey-400);
+  border-radius: 8px;
+  flex-flow: row;
+  justify-content: flex-start;
+  align-items: center;
+  width: 240px;
+  height: 44px;
+  background: var(--g-color-private-white-1000-solid) url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M3.50172 5.44253C3.19384 5.16544 2.71962 5.19039 2.44253 5.49828C2.16544 5.80616 2.19039 6.28038 2.49828 6.55747L3.50172 5.44253ZM8 10.5L7.49828 11.0575C7.7835 11.3142 8.2165 11.3142 8.50172 11.0575L8 10.5ZM13.5017 6.55747C13.8096 6.28038 13.8346 5.80616 13.5575 5.49828C13.2804 5.19039 12.8062 5.16544 12.4983 5.44253L13.5017 6.55747ZM2.49828 6.55747L7.49828 11.0575L8.50172 9.94253L3.50172 5.44253L2.49828 6.55747ZM8.50172 11.0575L13.5017 6.55747L12.4983 5.44253L7.49828 9.94253L8.50172 11.0575Z'/></svg>") no-repeat;
+  background-position: calc(100% - 0.75rem) center;
+  appearance: none;
+}
+.pc-select:focus {
+  border-color: var(--g-color-private-blue-500-solid);
+  outline: none;
+}

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

@@ -0,0 +1,6 @@
+import { SelectProps } from '../../models';
+interface Props extends SelectProps {
+    onChange?: (name: string, value: string) => void;
+}
+export declare const Select: ({ name, options, onChange }: Props) => JSX.Element;
+export default Select;

package/build/cjs/components/Select/Select.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('select');
+const Select = ({ name, options, onChange }) => {
+    const handleChange = (0, react_1.useCallback)((e) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(name, e.currentTarget.value);
+    }, [name, onChange]);
+    return (react_1.default.createElement("select", { name: name, className: b(), onChange: handleChange }, options.map(({ text, value }) => (react_1.default.createElement("option", { key: value, value: value }, text)))));
+};
+exports.Select = Select;
+exports.default = exports.Select;

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

@@ -41,5 +41,7 @@ export { default as YFMWrapper } from './YFMWrapper/YFMWrapper';
 export { default as YandexForm } from './YandexForm/YandexForm';
 export { default as InfiniteScroll } from './InfiniteScroll/InfiniteScroll';
 export { default as Tag } from './Tag/Tag';
+export { default as ReportFile } from './ReportFile/ReportFile';
+export { default as Select } from './Select/Select';
 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.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.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");
@@ -90,3 +90,7 @@ var InfiniteScroll_1 = require("./InfiniteScroll/InfiniteScroll");
 Object.defineProperty(exports, "InfiniteScroll", { enumerable: true, get: function () { return __importDefault(InfiniteScroll_1).default; } });
 var Tag_1 = require("./Tag/Tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return __importDefault(Tag_1).default; } });
+var ReportFile_1 = require("./ReportFile/ReportFile");
+Object.defineProperty(exports, "ReportFile", { enumerable: true, get: function () { return __importDefault(ReportFile_1).default; } });
+var Select_1 = require("./Select/Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return __importDefault(Select_1).default; } });

package/build/cjs/constructor-items.d.ts

@@ -28,6 +28,7 @@ export declare const blockMap: {
     "link-table-block": ({ title, items }: import("./models").LinkTableBlockProps) => JSX.Element;
     "services-block": ({ title, serviceLinkType }: import("./models").ServicesBlockProps) => JSX.Element;
     "quotes-block": ({ theme: localTheme, items, background, backgroundColor, }: import("./models").QuotesBlockProps) => JSX.Element;
+    "reports-block": ({ typeKey, empty }: import("./models").ReportsBlockProps) => JSX.Element;
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
     "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
 };

package/build/cjs/constructor-items.js

@@ -38,6 +38,7 @@ exports.blockMap = {
     [models_1.BlockType.LinkTableBlock]: blocks_1.LinkTableBlock,
     [models_1.BlockType.ServicesBlock]: blocks_1.ServicesBlock,
     [models_1.BlockType.QuotesBlock]: blocks_1.QuotesBlock,
+    [models_1.BlockType.ReportsBlock]: blocks_1.ReportsBlock,
     [models_1.BlockType.FormWallBlock]: blocks_1.FormWallBlock,
     // unstable
     [models_1.BlockType.SliderNewBlock]: unstable_1.SliderNewBlock,

package/build/cjs/context/reportsContext/ReportsContext.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ReportsItem, ReportsItemProps, SelectProps } from '../../models';
+interface Item extends ReportsItem {
+    filters?: Record<string, string[]>;
+}
+interface Select extends SelectProps {
+    init: string;
+}
+type ReportsData = {
+    selects?: Select[];
+    items: Item[];
+} & Pick<ReportsItemProps, 'filesOutline'>;
+export type ReportsContextProps = Record<string, ReportsData>;
+export declare const ReportsContext: React.Context<ReportsContextProps>;
+export {};

package/build/cjs/context/reportsContext/ReportsContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReportsContext = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.ReportsContext = react_1.default.createContext({});

package/build/cjs/context/reportsContext/index.d.ts

@@ -0,0 +1 @@
+export * from './ReportsContext';

package/build/cjs/context/reportsContext/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ReportsContext"), exports);

package/build/cjs/index.d.ts

@@ -11,6 +11,7 @@ export * from './context/pressReleasesContext';
 export * from './context/headerContext';
 export * from './context/relevantPostsContext';
 export * from './context/headerStockContext';
+export * from './context/reportsContext';
 export * from './containers/PageConstructor';
 export * from './grid';
 export * from './blocks';

package/build/cjs/index.js

@@ -16,6 +16,7 @@ tslib_1.__exportStar(require("./context/pressReleasesContext"), exports);
 tslib_1.__exportStar(require("./context/headerContext"), exports);
 tslib_1.__exportStar(require("./context/relevantPostsContext"), exports);
 tslib_1.__exportStar(require("./context/headerStockContext"), exports);
+tslib_1.__exportStar(require("./context/reportsContext"), exports);
 tslib_1.__exportStar(require("./containers/PageConstructor"), exports);
 tslib_1.__exportStar(require("./grid"), exports);
 tslib_1.__exportStar(require("./blocks"), exports);

package/build/cjs/models/constructor-items/blocks.d.ts

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { BlockBackgroundType, ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, MediaView, ReportFileType, TextSize, TextTheme, Themable, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, WithBorder, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -29,6 +29,7 @@ export declare enum BlockType {
     SolutionsBlock = "solutions-block",
     ServicesBlock = "services-block",
     QuotesBlock = "quotes-block",
+    ReportsBlock = "reports-block",
     FormWallBlock = "form-wall-block",
     LinkTableBlock = "link-table-block",
     EventsFeedBlock = "events-feed-block",
@@ -378,6 +379,19 @@ export interface QuotesBlockProps extends Themable {
     background?: string;
     backgroundColor?: string;
 }
+export interface ReportsItem {
+    title?: string;
+    date?: string;
+    text?: string;
+    files?: ReportFileType[];
+}
+export interface ReportsItemProps extends ReportsItem {
+    filesOutline?: boolean;
+}
+export interface ReportsBlockProps {
+    typeKey: string;
+    empty?: string;
+}
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
     title?: TitleItemProps | string;
     titleClassName?: string;
@@ -569,6 +583,9 @@ export type SolutionsBlockModel = {
 export type QuotesBlockModel = {
     type: BlockType.QuotesBlock;
 } & QuotesBlockProps;
+export type ReportsBlockModel = {
+    type: BlockType.ReportsBlock;
+} & ReportsBlockProps;
 export type LinkTableBlockModel = {
     type: BlockType.LinkTableBlock;
 } & LinkTableBlockProps;
@@ -593,7 +610,7 @@ export type FormWallBlockModel = {
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | PressReleasesBlockModel | FormWallBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | HighlightTableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel | MarqueeLinksBlockModel | SolutionsBlockModel | ServicesBlockModel | QuotesBlockModel | ReportsBlockModel | LinkTableBlockModel | EventsFeedBlockModel | BlogFeedBlockModel | RelevantPostsBlockModel | PressReleasesBlockModel | FormWallBlockModel;
 type UnstableBlockModels = SliderNewBlockModel;
 export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
 export {};

package/build/cjs/models/constructor-items/blocks.js

@@ -26,6 +26,7 @@ var BlockType;
     BlockType["SolutionsBlock"] = "solutions-block";
     BlockType["ServicesBlock"] = "services-block";
     BlockType["QuotesBlock"] = "quotes-block";
+    BlockType["ReportsBlock"] = "reports-block";
     BlockType["FormWallBlock"] = "form-wall-block";
     BlockType["LinkTableBlock"] = "link-table-block";
     BlockType["EventsFeedBlock"] = "events-feed-block";

package/build/cjs/models/constructor-items/common.d.ts

@@ -384,4 +384,19 @@ export interface TagProps {
     backgroundColor: string;
     textColor: string;
 }
+export interface ReportFileType {
+    name: string;
+    link: string;
+}
+export interface ReportFileProps extends ReportFileType {
+    outline?: boolean;
+}
+interface SelectOption {
+    text: string;
+    value: string;
+}
+export interface SelectProps {
+    name: string;
+    options: SelectOption[];
+}
 export {};

package/build/cjs/schema/constants.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.constructorCardSchemaNames = exports.constructorBlockSchemaNames = exports.cardSchemas = exports.blockSchemas = void 0;
 const blocks_1 = require("./validators/blocks");
 const sub_blocks_1 = require("./validators/sub-blocks");
-exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
+exports.blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.Divider), blocks_1.ExtendedFeaturesBlock), blocks_1.PromoFeaturesBlock), blocks_1.SliderBlock), blocks_1.QuestionsBlock), blocks_1.HeaderBlock), blocks_1.BannerBlock), blocks_1.CompaniesBlock), blocks_1.MediaBlock), blocks_1.MapBlock), blocks_1.InfoBlock), blocks_1.TableBlock), blocks_1.HighlightTableBlock), blocks_1.TabsBlock), blocks_1.HeaderSliderBlock), blocks_1.IconsBlock), blocks_1.CardLayoutBlock), blocks_1.ContentLayoutBlock), blocks_1.ShareBlock), blocks_1.FilterBlock), blocks_1.FormBlock), blocks_1.SliderNewBlock), blocks_1.MarqueeLinksBlock), blocks_1.SolutionsBlock), blocks_1.ServicesBlock), blocks_1.QuotesBlock), blocks_1.ReportsBlock), blocks_1.LinkTableBlock), blocks_1.EventsFeedBlock), blocks_1.BlogFeedBlock), blocks_1.RelevantPostsBlock), blocks_1.PressReleasesBlock), blocks_1.FormWallBlock);
 exports.cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sub_blocks_1.MediaCardBlock), blocks_1.BannerCard), sub_blocks_1.PriceDetailedBlock), sub_blocks_1.BackgroundCard), sub_blocks_1.Quote), sub_blocks_1.BasicCard), sub_blocks_1.PriceCardBlock), sub_blocks_1.ImageCard), sub_blocks_1.ContentLayoutCard), sub_blocks_1.Card), sub_blocks_1.PostCard), sub_blocks_1.FeedCard), sub_blocks_1.EventPersonCard), sub_blocks_1.AttachmentCard), sub_blocks_1.CaseStudyCard);
 exports.constructorBlockSchemaNames = [
     'divider',
@@ -37,6 +37,7 @@ exports.constructorBlockSchemaNames = [
     'solutions-block',
     'services-block',
     'quotes-block',
+    'reports-block',
     'link-table-block',
     'events-feed-block',
     'blog-feed-block',

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

@@ -22,6 +22,7 @@ export * from '../../blocks/MarqueeLinks/schema';
 export * from '../../blocks/Solutions/schema';
 export * from '../../blocks/Services/schema';
 export * from '../../blocks/Quotes/schema';
+export * from '../../blocks/Reports/schema';
 export * from '../../blocks/LinkTable/schema';
 export * from '../../blocks/EventsFeed/schema';
 export * from '../../blocks/BlogFeed/schema';

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

@@ -25,6 +25,7 @@ tslib_1.__exportStar(require("../../blocks/MarqueeLinks/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Solutions/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Services/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/Quotes/schema"), exports);
+tslib_1.__exportStar(require("../../blocks/Reports/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/LinkTable/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/EventsFeed/schema"), exports);
 tslib_1.__exportStar(require("../../blocks/BlogFeed/schema"), exports);

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

@@ -0,0 +1,16 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.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/esm/blocks/Reports/Reports.d.ts

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

package/build/esm/blocks/Reports/Reports.js

@@ -0,0 +1,27 @@
+import React, { useCallback, useContext, useMemo, useState } from 'react';
+import { Select } from '../../components';
+import { ReportsContext } from '../../context/reportsContext';
+import { block } from '../../utils';
+import ReportsItem from './ReportsItem/ReportsItem';
+import './Reports.css';
+const b = block('reports-block');
+export const ReportsBlock = ({ typeKey, empty }) => {
+    const data = useContext(ReportsContext);
+    const { selects, items, filesOutline } = useMemo(() => data[typeKey], [data, typeKey]);
+    const initFilters = 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] = useState(initFilters);
+    const handleChange = useCallback((name, value) => setLocalFilters((prev) => (Object.assign(Object.assign({}, prev), { [name]: value }))), []);
+    const filteredItems = 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]);
+    return (React.createElement("div", { className: b() },
+        (selects === null || selects === void 0 ? void 0 : selects.length) && (React.createElement("div", { className: b('select') }, selects.map(({ name, options }) => (React.createElement(Select, { key: name, name: name, options: options, onChange: handleChange }))))),
+        filteredItems.length ? (filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.map((item, index) => (React.createElement(ReportsItem, Object.assign({ key: index }, item, { filesOutline: filesOutline }))))) : (React.createElement("div", { className: b('empty') }, empty))));
+};
+export default ReportsBlock;

package/build/esm/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/esm/blocks/Reports/ReportsItem/ReportsItem.d.ts

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