@doyourjob/gravity-ui-page-constructor 5.31.76 → 5.31.78

package/build/cjs/blocks/RelevantReports/RelevantReports.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelevantReports = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("../..");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('relevant-reports-block');
+const sliderColSizes = {
+    xl: 3,
+    lg: 2,
+    sm: 1,
+};
+const layoutColSizes = {
+    all: 12,
+    lg: 4,
+    md: 6,
+};
+const RelevantReports = ({ typeKey, link, title, description, slider, date, dateStart, dateEnd, }) => {
+    const [now, setNow] = react_1.default.useState(null);
+    const data = (0, react_1.useContext)(__1.ReportsContext);
+    const { items } = (0, react_1.useMemo)(() => data[typeKey], [data, typeKey]);
+    (0, react_1.useEffect)(() => {
+        setNow(new Date());
+    }, []);
+    const filteredPosts = (0, react_1.useMemo)(() => {
+        if (!now)
+            return [];
+        return items.filter((item) => {
+            var _a;
+            const itemDate = new Date(((_a = item.options) === null || _a === void 0 ? void 0 : _a.date) || '');
+            let isDateMatch = true;
+            switch (date) {
+                case 'today': {
+                    const startOfToday = new Date(now);
+                    startOfToday.setHours(0, 0, 0, 0);
+                    const endOfToday = new Date(now);
+                    endOfToday.setHours(23, 59, 59, 999);
+                    isDateMatch = itemDate >= startOfToday && itemDate <= endOfToday;
+                    break;
+                }
+                case 'week': {
+                    const weekAgo = new Date(now);
+                    weekAgo.setDate(now.getDate() - 7);
+                    isDateMatch = itemDate >= weekAgo && itemDate <= now;
+                    break;
+                }
+                case 'month': {
+                    const monthAgo = new Date(now);
+                    monthAgo.setMonth(now.getMonth() - 1);
+                    isDateMatch = itemDate >= monthAgo && itemDate <= now;
+                    break;
+                }
+                default: {
+                    if (dateStart || dateEnd) {
+                        const startDate = dateStart ? new Date(dateStart) : new Date('1970-01-01');
+                        const endDate = dateEnd ? new Date(dateEnd) : now;
+                        isDateMatch = itemDate >= startDate && itemDate <= endDate;
+                    }
+                }
+            }
+            return isDateMatch;
+        });
+    }, [now, items, date, dateStart, dateEnd]);
+    const renderItems = (0, react_1.useMemo)(() => {
+        if (slider) {
+            return (react_1.default.createElement("div", { className: b('slider') },
+                react_1.default.createElement(__1.SliderBlock, { slidesToShow: sliderColSizes }, filteredPosts.map((item, index) => (react_1.default.createElement(__1.BasicCard, { key: index, title: item.title, text: item.date, url: item.url || '', border: "line" }))))));
+        }
+        return (react_1.default.createElement(__1.CardLayoutBlock, { colSizes: layoutColSizes }, filteredPosts.map((item, index) => (react_1.default.createElement(__1.BasicCard, { key: index, title: item.title, text: item.date, url: item.url || '', border: "line" })))));
+    }, [filteredPosts, slider]);
+    return (react_1.default.createElement("div", { className: b() },
+        (title || description) && (react_1.default.createElement(__1.Title, { title: title, subtitle: description, link: link, colSizes: { all: 12 } })),
+        filteredPosts.length > 0 && renderItems));
+};
+exports.RelevantReports = RelevantReports;
+exports.default = exports.RelevantReports;

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

@@ -0,0 +1,297 @@
+export declare const RelevantReportsBlock: {
+    'relevant-reports-block': {
+        additionalProperties: boolean;
+        required: never[];
+        properties: {
+            typeKey: {
+                type: 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;
+                    };
+                };
+            };
+            slider: {
+                type: string;
+            };
+            date: {
+                type: string;
+                enum: string[];
+            };
+            dateStart: {
+                type: string;
+            };
+            dateEnd: {
+                type: string;
+            };
+            title: {
+                oneOf: ({
+                    type: 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;
+                        };
+                    };
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelevantReportsBlock = void 0;
+const common_1 = require("./../../schema/validators/common");
+exports.RelevantReportsBlock = {
+    'relevant-reports-block': {
+        additionalProperties: false,
+        required: [],
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.BlockHeaderProps), { typeKey: {
+                type: 'string',
+            }, link: common_1.LinkProps, slider: {
+                type: 'boolean',
+            }, date: {
+                type: 'string',
+                enum: ['today', 'week', 'month'],
+            }, dateStart: {
+                type: 'string',
+            }, dateEnd: {
+                type: 'string',
+            } }),
+    },
+};

package/build/cjs/blocks/RelevantReportsCards/RelevantReportsCards.css

@@ -0,0 +1,8 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-relevant-reports-cards-block__pinned {
+  padding-top: 48px;
+}
+.pc-relevant-reports-cards-block__slider {
+  padding-top: 12px;
+}

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

@@ -0,0 +1,3 @@
+import { RelevantReportsCardsBlockProps } from '../../models';
+export declare const RelevantReportsCards: ({ typeKey, link, title, description, slider, date, dateStart, dateEnd, }: RelevantReportsCardsBlockProps) => JSX.Element;
+export default RelevantReportsCards;

package/build/cjs/blocks/RelevantReportsCards/RelevantReportsCards.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RelevantReportsCards = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const __1 = require("../..");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('relevant-reports-cards-block');
+const sliderColSizes = {
+    xl: 3,
+    lg: 2,
+    sm: 1,
+};
+const layoutColSizes = {
+    all: 12,
+    lg: 4,
+    md: 6,
+};
+const RelevantReportsCards = ({ typeKey, link, title, description, slider, date, dateStart, dateEnd, }) => {
+    const [now, setNow] = react_1.default.useState(null);
+    const data = (0, react_1.useContext)(__1.ReportsCardsContext);
+    const { items } = (0, react_1.useMemo)(() => data[typeKey], [data, typeKey]);
+    (0, react_1.useEffect)(() => {
+        setNow(new Date());
+    }, []);
+    const filteredPosts = (0, react_1.useMemo)(() => {
+        if (!now)
+            return [];
+        return items.filter((item) => {
+            var _a;
+            const itemDate = new Date(((_a = item.options) === null || _a === void 0 ? void 0 : _a.date) || '');
+            let isDateMatch = true;
+            switch (date) {
+                case 'today': {
+                    const startOfToday = new Date(now);
+                    startOfToday.setHours(0, 0, 0, 0);
+                    const endOfToday = new Date(now);
+                    endOfToday.setHours(23, 59, 59, 999);
+                    isDateMatch = itemDate >= startOfToday && itemDate <= endOfToday;
+                    break;
+                }
+                case 'week': {
+                    const weekAgo = new Date(now);
+                    weekAgo.setDate(now.getDate() - 7);
+                    isDateMatch = itemDate >= weekAgo && itemDate <= now;
+                    break;
+                }
+                case 'month': {
+                    const monthAgo = new Date(now);
+                    monthAgo.setMonth(now.getMonth() - 1);
+                    isDateMatch = itemDate >= monthAgo && itemDate <= now;
+                    break;
+                }
+                default: {
+                    if (dateStart || dateEnd) {
+                        const startDate = dateStart ? new Date(dateStart) : new Date('1970-01-01');
+                        const endDate = dateEnd ? new Date(dateEnd) : now;
+                        isDateMatch = itemDate >= startDate && itemDate <= endDate;
+                    }
+                }
+            }
+            return isDateMatch;
+        });
+    }, [now, items, date, dateStart, dateEnd]);
+    const renderItems = (0, react_1.useMemo)(() => {
+        if (slider) {
+            return (react_1.default.createElement("div", { className: b('slider') },
+                react_1.default.createElement(__1.SliderBlock, { slidesToShow: sliderColSizes }, filteredPosts.map((item, index) => (react_1.default.createElement(__1.AttachmentCard, Object.assign({ key: index }, item)))))));
+        }
+        return (react_1.default.createElement(__1.CardLayoutBlock, { colSizes: layoutColSizes }, filteredPosts.map((item, index) => (react_1.default.createElement(__1.AttachmentCard, Object.assign({ key: index }, item))))));
+    }, [filteredPosts, slider]);
+    return (react_1.default.createElement("div", { className: b() },
+        (title || description) && (react_1.default.createElement(__1.Title, { title: title, subtitle: description, link: link, colSizes: { all: 12 } })),
+        filteredPosts.length > 0 && renderItems));
+};
+exports.RelevantReportsCards = RelevantReportsCards;
+exports.default = exports.RelevantReportsCards;