@doyourjob/gravity-ui-page-constructor 5.31.88 → 5.31.89

package/build/cjs/blocks/EventsFeed/EventsFeed.js

@@ -4,11 +4,11 @@ exports.EventsFeedBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const FeedHeader_1 = tslib_1.__importDefault(require("../../components/FeedHeader/FeedHeader"));
-const EventsFeedRecent_1 = tslib_1.__importDefault(require("./EventsFeedRecent/EventsFeedRecent"));
-const EventsFeedUpcoming_1 = tslib_1.__importDefault(require("./EventsFeedUpcoming/EventsFeedUpcoming"));
+const EventsFeedSection_1 = tslib_1.__importDefault(require("./EventsFeedSection/EventsFeedSection"));
+const i18n_1 = require("./i18n");
 const EventsFeedBlock = ({ image, title }) => (react_1.default.createElement(react_1.default.Fragment, null,
     react_1.default.createElement(FeedHeader_1.default, { image: image, title: title }),
-    react_1.default.createElement(EventsFeedUpcoming_1.default, null),
-    react_1.default.createElement(EventsFeedRecent_1.default, null)));
+    react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "upcoming" }),
+    react_1.default.createElement(EventsFeedSection_1.default, { typeKey: "recent", title: (0, i18n_1.i18n)('recent_events') })));
 exports.EventsFeedBlock = EventsFeedBlock;
 exports.default = exports.EventsFeedBlock;

package/build/cjs/blocks/EventsFeed/{EventsFeedRecent/EventsFeedRecent.css → EventsFeedSection/EventsFeedSection.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-events-feed-recent {
+.pc-events-feed-section {
   margin-top: 48px;
   padding-bottom: 48px;
 }

package/build/cjs/blocks/EventsFeed/EventsFeedSection/EventsFeedSection.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const EventsFeedSection: ({ typeKey, title }: {
+    typeKey: string;
+    title?: string | undefined;
+}) => JSX.Element | null;
+declare const _default: React.MemoExoticComponent<({ typeKey, title }: {
+    typeKey: string;
+    title?: string | undefined;
+}) => JSX.Element | null>;
+export default _default;

package/build/cjs/blocks/EventsFeed/EventsFeedSection/EventsFeedSection.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventsFeedSection = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("../..");
+const components_1 = require("../../../components");
+const eventsContext_1 = require("../../../context/eventsContext");
+const sub_blocks_1 = require("../../../sub-blocks");
+const utils_1 = require("../../../utils");
+const b = (0, utils_1.block)('events-feed-section');
+const colSizes = {
+    sm: 12,
+    md: 6,
+    lg: 6,
+    xl: 4,
+    all: 12,
+};
+const EventsFeedSection = ({ typeKey, title }) => {
+    const data = (0, react_1.useContext)(eventsContext_1.EventsContext);
+    const { items, page, pageSize, onLoadMore } = data[typeKey] || {};
+    const hasInfiniteScroll = page !== undefined && pageSize !== undefined;
+    const itemsToShow = (0, react_1.useMemo)(() => {
+        if (!hasInfiniteScroll) {
+            return items;
+        }
+        return items.slice(0, page * pageSize);
+    }, [items, page, pageSize, hasInfiniteScroll]);
+    if (!items || items.length === 0) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement(components_1.Anchor, { id: typeKey }),
+        react_1.default.createElement(__1.CardLayoutBlock, { title: title, colSizes: colSizes }, itemsToShow.map((item) => (react_1.default.createElement(sub_blocks_1.FeedCard, Object.assign({ key: item.slug }, item))))),
+        hasInfiniteScroll && (react_1.default.createElement(components_1.InfiniteScroll, { hasMore: page < Math.ceil(items.length / pageSize), onNext: onLoadMore }))));
+};
+exports.EventsFeedSection = EventsFeedSection;
+exports.default = react_1.default.memo(exports.EventsFeedSection);

package/build/{esm/blocks/IrEventsFeedRecent/IrEventsFeedRecent.css → cjs/blocks/EventsSection/EventsSection.css}

@@ -1,9 +1,9 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-ir-events-feed-recent-block {
+.pc-events-section-block {
   margin-top: 48px;
   padding-bottom: 48px;
 }
-.pc-ir-events-feed-recent-block__title {
+.pc-events-section-block__title {
   margin-bottom: 32px;
 }

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

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

package/build/cjs/blocks/EventsSection/EventsSection.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventsSection = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("../..");
+const components_1 = require("../../components");
+const eventsContext_1 = require("../../context/eventsContext");
+const sub_blocks_1 = require("../../sub-blocks");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('events-section-block');
+const colSizes = {
+    sm: 12,
+    md: 6,
+    lg: 6,
+    xl: 4,
+    all: 12,
+};
+const EventsSection = ({ typeKey, title, label, empty }) => {
+    const data = (0, react_1.useContext)(eventsContext_1.EventsContext);
+    const { items, page, pageSize, onLoadMore } = data[typeKey] || {};
+    const hasInfiniteScroll = page !== undefined && pageSize !== undefined;
+    const itemsToShow = (0, react_1.useMemo)(() => {
+        if (!hasInfiniteScroll) {
+            return items;
+        }
+        return items.slice(0, page * pageSize);
+    }, [items, page, pageSize, hasInfiniteScroll]);
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement(components_1.Anchor, { id: typeKey }),
+        react_1.default.createElement(__1.CardLayoutBlock, { title: title, titleClassName: b('title'), colSizes: itemsToShow.length ? colSizes : { all: 12 } }, itemsToShow.length ? (itemsToShow.map((item) => (react_1.default.createElement(sub_blocks_1.AttachmentCard, { key: item.slug, url: item.url, title: item.title, date: item.date, time: item.info, column: true, label: label })))) : (react_1.default.createElement(components_1.EmptyPlug, { empty: empty }))),
+        hasInfiniteScroll && (react_1.default.createElement(components_1.InfiniteScroll, { hasMore: page < Math.ceil(items.length / pageSize), onNext: onLoadMore }))));
+};
+exports.EventsSection = EventsSection;
+exports.default = exports.EventsSection;

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

@@ -0,0 +1,183 @@
+export declare const EventsSectionBlock: {
+    'events-section-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            typeKey: {
+                type: string;
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    contentType: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        link: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: string[];
+                            properties: {
+                                text: {
+                                    type: string;
+                                    contentType: string;
+                                };
+                                url: {
+                                    type: string;
+                                };
+                                urlTitle: {
+                                    type: string;
+                                };
+                                arrow: {
+                                    type: string;
+                                };
+                                theme: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                textSize: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                target: {
+                                    type: string;
+                                    enum: string[];
+                                };
+                                analyticsEvents: {
+                                    oneOf: ({
+                                        optionName: string;
+                                        type: string;
+                                        additionalProperties: {
+                                            type: string;
+                                        };
+                                        required: string[];
+                                        properties: {
+                                            name: {
+                                                type: string;
+                                            };
+                                            type: {
+                                                type: string;
+                                            };
+                                            counters: {
+                                                type: string;
+                                                additionalProperties: boolean;
+                                                required: never[];
+                                                properties: {
+                                                    include: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                    exclude: {
+                                                        type: string;
+                                                        items: {
+                                                            type: string;
+                                                        };
+                                                    };
+                                                };
+                                            };
+                                            context: {
+                                                type: string;
+                                            };
+                                        };
+                                        items?: undefined;
+                                    } | {
+                                        type: string;
+                                        items: {
+                                            type: string;
+                                            additionalProperties: {
+                                                type: string;
+                                            };
+                                            required: string[];
+                                            properties: {
+                                                name: {
+                                                    type: string;
+                                                };
+                                                type: {
+                                                    type: string;
+                                                };
+                                                counters: {
+                                                    type: string;
+                                                    additionalProperties: boolean;
+                                                    required: never[];
+                                                    properties: {
+                                                        include: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                        exclude: {
+                                                            type: string;
+                                                            items: {
+                                                                type: string;
+                                                            };
+                                                        };
+                                                    };
+                                                };
+                                                context: {
+                                                    type: string;
+                                                };
+                                            };
+                                        };
+                                        optionName: string;
+                                    })[];
+                                };
+                                type: {};
+                                when: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                    contentType?: undefined;
+                })[];
+            };
+            label: {
+                type: string;
+                additionalProperties: boolean;
+                required: boolean;
+                properties: {
+                    text: {
+                        type: string;
+                    };
+                    backgroundColor: {
+                        type: string;
+                    };
+                    textColor: {
+                        type: string;
+                    };
+                };
+            };
+            empty: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

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

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

@@ -8,7 +8,6 @@ const components_1 = require("../../components");
 const FilterSelects_1 = tslib_1.__importDefault(require("../../components/Filters/FilterSelects/FilterSelects"));
 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,
@@ -45,8 +44,7 @@ const ReportsBlock = ({ title, typeKey, empty }) => {
         if (!paginatedItems.length) {
             return react_1.default.createElement(components_1.EmptyPlug, { empty: 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 })))))));
+        return (react_1.default.createElement("ul", { className: b('items') }, paginatedItems.map((item, index) => (react_1.default.createElement(components_1.ReportItem, Object.assign({ key: index }, item, { filesOutline: filesOutline }))))));
     }, [empty, filesOutline, loading, paginatedItems]);
     return (react_1.default.createElement("div", { className: b() },
         title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: titleColSizes }),

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

@@ -1,5 +1,8 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-reports-sections-block {
+  --pc-color-empty: var(--g-color-base-background);
+}
 .pc-reports-sections-block__title {
   margin-bottom: 24px;
 }
@@ -17,7 +20,4 @@ unpredictable css rules order in build */
   display: flex;
   flex-direction: column;
   gap: 56px;
-}
-.pc-reports-sections-block__empty {
-  background: var(--g-color-base-background);
 }

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

@@ -7,7 +7,6 @@ const components_1 = require("../../components");
 const FilterSelects_1 = tslib_1.__importDefault(require("../../components/Filters/FilterSelects/FilterSelects"));
 const reportsSectionsContext_1 = require("../../context/reportsSectionsContext");
 const utils_1 = require("../../utils");
-const Section_1 = tslib_1.__importDefault(require("./Section/Section"));
 const b = (0, utils_1.block)('reports-sections-block');
 const titleColSizes = {
     all: 12,
@@ -31,7 +30,7 @@ const ReportsSectionsBlock = ({ title, typeKey, empty }) => {
         title && react_1.default.createElement(components_1.Title, { className: b('title'), title: titleProps, colSizes: titleColSizes }),
         react_1.default.createElement(FilterSelects_1.default, { selects: selects, filters: localFilters, handleChange: handleChange }),
         filteredItems.length ? (react_1.default.createElement(components_1.AnimateBlock, { key: JSON.stringify(localFilters), className: b('wrap-sections'), animate: true },
-            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') }))));
+            react_1.default.createElement("div", { className: b('sections') }, filteredItems.map((item, index) => (react_1.default.createElement(components_1.ReportSection, Object.assign({ key: index }, item))))))) : (react_1.default.createElement(components_1.EmptyPlug, { empty: empty }))));
 };
 exports.ReportsSectionsBlock = ReportsSectionsBlock;
 exports.default = exports.ReportsSectionsBlock;

package/build/cjs/blocks/SliderNew/Arrow/Arrow.css

@@ -1,34 +1,26 @@
-.pc-slider-new-block-arrow__button {
+.pc-slider-arrow__inner {
   box-shadow: 0px 4px 24px var(--pc-color-sfx-shadow), 0px 2px 8px var(--pc-color-sfx-shadow);
 }
 
-.pc-slider-new-block-arrow__button:hover {
+.pc-slider-arrow__inner:hover {
   box-shadow: 0px 4px 24px var(--g-color-sfx-shadow), 0px 2px 8px var(--g-color-sfx-shadow);
   cursor: pointer;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-slider-new-block-arrow__icon-wrapper, .pc-slider-new-block-arrow__button, .pc-slider-new-block-arrow {
+.pc-slider-arrow__icon-wrapper, .pc-slider-arrow__inner, .pc-slider-arrow {
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-.pc-slider-new-block-arrow {
-  width: 42px;
-  height: 42px;
-  cursor: pointer;
-}
 @media (max-width: 576px) {
-  .pc-slider-new-block-arrow {
+  .pc-slider-arrow {
     display: none;
   }
 }
-.pc-slider-new-block-arrow_type_left .pc-slider-new-block-arrow__icon-wrapper {
-  transform: rotate(180deg);
-}
-.pc-slider-new-block-arrow__button {
+.pc-slider-arrow__button {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -38,25 +30,37 @@ unpredictable css rules order in build */
   color: inherit;
   background: none;
   cursor: pointer;
+}
+.pc-slider-arrow__button:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-slider-arrow__button:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-slider-arrow__inner {
   width: 42px;
   height: 42px;
   color: var(--g-color-text-secondary);
   border-radius: 100%;
   background-color: var(--g-color-base-background);
   box-shadow: 0 4px 24px var(--pc-color-sfx-shadow), 0 2px 8px var(--pc-color-sfx-shadow);
-  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
-}
-.pc-slider-new-block-arrow__button:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
+  transition: box-shadow 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), color 1s cubic-bezier(0.22, 0.61, 0.36, 1);
 }
-.pc-slider-new-block-arrow__button:focus:not(:focus-visible) {
-  outline: 0;
+.pc-slider-arrow__inner_type_left .pc-slider-arrow__icon-wrapper {
+  transform: rotate(180deg);
 }
-.pc-slider-new-block-arrow:hover .pc-slider-new-block-arrow__button {
+.pc-slider-arrow__inner:hover {
   color: var(--g-color-text-primary);
   box-shadow: 0 2px 12px var(--pc-color-sfx-shadow), 0 4px 24px var(--pc-color-sfx-shadow);
 }
-.pc-slider-new-block-arrow__icon {
+.pc-slider-arrow__inner_transparent {
+  background-color: transparent;
+  box-shadow: none;
+}
+.pc-slider-arrow__inner_transparent:hover {
+  box-shadow: none;
+}
+.pc-slider-arrow__icon {
   position: relative;
 }

package/build/cjs/blocks/SliderNew/Arrow/Arrow.d.ts

@@ -3,9 +3,10 @@ import { ClassNameProps } from '../../../models';
 export type ArrowType = 'left' | 'right';
 export interface ArrowProps {
     type: ArrowType;
+    transparent?: boolean;
     onClick?: () => void;
     size?: number;
     extraProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
 }
-declare const Arrow: ({ type, onClick, className, size, extraProps }: ArrowProps & ClassNameProps) => JSX.Element;
+declare const Arrow: ({ type, transparent, onClick, className, size, extraProps, }: ArrowProps & ClassNameProps) => JSX.Element;
 export default Arrow;

package/build/cjs/blocks/SliderNew/Arrow/Arrow.js

@@ -5,9 +5,10 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow"));
 const utils_1 = require("../../../utils");
 const i18n_1 = require("../i18n");
-const b = (0, utils_1.block)('slider-new-block-arrow');
-const Arrow = ({ type, onClick, className, size = 16, extraProps }) => (react_1.default.createElement("div", { className: b({ type }, className) },
+const b = (0, utils_1.block)('slider-arrow');
+const Arrow = ({ type, transparent, onClick, className, size = 16, extraProps, }) => (react_1.default.createElement("div", { className: b(null, className) },
     react_1.default.createElement("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": (0, i18n_1.i18n)(`arrow-${type}`) }, extraProps),
-        react_1.default.createElement("span", { className: b('icon-wrapper') },
-            react_1.default.createElement(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') })))));
+        react_1.default.createElement("div", { className: b('inner', { type, transparent }) },
+            react_1.default.createElement("span", { className: b('icon-wrapper') },
+                react_1.default.createElement(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }))))));
 exports.default = Arrow;