@gravity-ui/page-constructor 3.8.3 → 3.9.1

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [3.9.1](https://github.com/gravity-ui/page-constructor/compare/v3.9.0...v3.9.1) (2023-06-28)
+
+
+### Bug Fixes
+
+* header description displaying with ssr ([#431](https://github.com/gravity-ui/page-constructor/issues/431)) ([9c094dc](https://github.com/gravity-ui/page-constructor/commit/9c094dc7550d483cedd6b5611e0902b0d7aa27e1))
+
+## [3.9.0](https://github.com/gravity-ui/page-constructor/compare/v3.8.3...v3.9.0) (2023-06-27)
+
+
+### Features
+
+* add content filtration utils ([6cf8038](https://github.com/gravity-ui/page-constructor/commit/6cf803818a222eed964f5e24960ad99a567adc1e))
+* add transform when variables handling ([#427](https://github.com/gravity-ui/page-constructor/issues/427)) ([6cf8038](https://github.com/gravity-ui/page-constructor/commit/6cf803818a222eed964f5e24960ad99a567adc1e))
+
 ## [3.8.3](https://github.com/gravity-ui/page-constructor/compare/v3.8.2...v3.8.3) (2023-06-27)
 
 

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

@@ -288,7 +288,9 @@ export declare const BannerCardProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const BannerBlock: {
@@ -582,7 +584,9 @@ export declare const BannerBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };
@@ -877,7 +881,9 @@ export declare const BannerCard: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -73,7 +73,9 @@ export declare const CardLayoutProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const CardLayoutBlock: {
@@ -152,7 +154,9 @@ export declare const CardLayoutBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -40,7 +40,9 @@ export declare const CompaniesBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -190,7 +190,9 @@ export declare const ContentLayoutBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -123,7 +123,9 @@ export declare const ExtendedFeaturesItem: {
                     })[];
                 };
                 type: {};
-                when: {};
+                when: {
+                    type: string;
+                };
             };
         };
         icon: {
@@ -233,7 +235,9 @@ export declare const ExtendedFeaturesBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -126,7 +126,9 @@ export declare const FilterProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const FilterBlock: {
@@ -231,7 +233,9 @@ export declare const FilterBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -51,12 +51,12 @@ const HeaderBlock = (props) => {
                                 'vertical-offset': curVerticalOffset,
                             }) },
                             react_1.default.createElement(grid_1.Col, { sizes: titleSizes, className: b('content-inner') },
-                                overtitle && (react_1.default.createElement("p", { className: b('overtitle') },
+                                overtitle && (react_1.default.createElement("div", { className: b('overtitle') },
                                     react_1.default.createElement(components_1.HTML, null, overtitle))),
                                 react_1.default.createElement("h1", { className: b('title') },
                                     status,
                                     react_1.default.createElement(components_1.HTML, null, title)),
-                                description && (react_1.default.createElement("p", { className: b('description') },
+                                description && (react_1.default.createElement("div", { className: b('description') },
                                     react_1.default.createElement(YFMWrapper_1.default, { content: description, modifiers: { constructor: true } }))),
                                 buttons && (react_1.default.createElement("div", { className: b('buttons'), "data-qa": "header-buttons" }, buttons &&
                                     buttons.map((button, index) => (react_1.default.createElement(components_1.RouterLink, { href: button.url, key: index },

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

@@ -1124,7 +1124,9 @@ export declare const HeaderBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -513,7 +513,9 @@ export declare const HeaderSliderBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -59,7 +59,9 @@ export declare const IconsProps: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const IconsBlock: {
@@ -124,7 +126,9 @@ export declare const IconsBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -197,7 +197,9 @@ export declare const InfoBlock: {
                 }>;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -454,7 +454,9 @@ export declare const MapBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -570,7 +570,9 @@ export declare const MediaBlockBaseProps: {
         type: string;
     };
     type: {};
-    when: {};
+    when: {
+        type: string;
+    };
 };
 export declare const MediaBlock: {
     'media-block': {
@@ -1158,7 +1160,9 @@ export declare const MediaBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -321,7 +321,9 @@ export declare const PromoFeaturesBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -99,7 +99,9 @@ export declare const QuestionsBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -14,7 +14,9 @@ export declare const ShareBlock: {
                 };
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -210,7 +210,9 @@ export declare const SliderBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -43,7 +43,9 @@ export declare const TableBlock: {
                         enum: string[];
                     };
                     type: {};
-                    when: {};
+                    when: {
+                        type: string;
+                    };
                 };
             };
             anchor: {
@@ -71,7 +73,9 @@ export declare const TableBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -353,7 +353,9 @@ export declare const tabsItem: {
                     })[];
                 };
                 type: {};
-                when: {};
+                when: {
+                    type: string;
+                };
             };
         };
         image: {
@@ -535,7 +537,9 @@ export declare const TabsBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/components/Author/schema.d.ts

@@ -27,7 +27,9 @@ export declare const author: {
                 };
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/editor/containers/Editor/Editor.js

@@ -15,8 +15,9 @@ const Form_1 = require("../Form/Form");
 const Editor = (_a) => {
     var { children, customSchema, onChange } = _a, rest = tslib_1.__rest(_a, ["children", "customSchema", "onChange"]);
     const { content, activeBlockIndex, errorBoundaryState, viewMode, onContentUpdate, onViewModeUpdate, onAdd, onSelect, injectEditBlockProps, } = (0, store_1.useEditorState)(rest);
+    const formSpecs = (0, useFormSpec_1.default)(customSchema);
     const isEditingMode = viewMode === types_1.ViewModeItem.Edititng;
-    const constructorProps = (0, react_1.useMemo)(() => {
+    const outgoingProps = (0, react_1.useMemo)(() => {
         const custom = isEditingMode
             ? (0, utils_1.addCustomDecorator)([
                 (props) => (react_1.default.createElement(EditBlock_1.default, Object.assign({}, injectEditBlockProps(props)))),
@@ -24,17 +25,16 @@ const Editor = (_a) => {
                 (props) => (react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, Object.assign({}, props, { key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` }))),
             ], rest.custom)
             : rest.custom;
-        return { content, custom };
-    }, [injectEditBlockProps, content, errorBoundaryState, isEditingMode, rest.custom]);
+        return { content, custom, viewMode };
+    }, [injectEditBlockProps, content, errorBoundaryState, isEditingMode, viewMode, rest.custom]);
     (0, react_1.useEffect)(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(content);
     }, [content, onChange]);
-    const formSpecs = (0, useFormSpec_1.default)(customSchema);
     return (react_1.default.createElement(Layout_1.default, { mode: viewMode, onModeChange: onViewModeUpdate },
         isEditingMode && (react_1.default.createElement(Layout_1.default.Left, null,
             react_1.default.createElement(Form_1.Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, onSelect: onSelect, spec: formSpecs }))),
         react_1.default.createElement(Layout_1.default.Right, null,
-            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { key: errorBoundaryState }, children(constructorProps)),
+            react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { key: errorBoundaryState }, children(outgoingProps)),
             isEditingMode && react_1.default.createElement(AddBlock_1.default, { onAdd: onAdd }))));
 };
 exports.Editor = Editor;

package/build/cjs/editor/types/index.d.ts

@@ -4,8 +4,11 @@ import { BlockDecorationProps, PageContent } from '../../models';
 import { SchemaCustomConfig } from '../../schema';
 import { EditBlockActions } from '../components/EditBlock/EditBlock';
 export type EditorBlockId = number | string;
+export interface EditorOutgoingProps extends Partial<PageConstructorProps> {
+    viewMode: ViewModeItem;
+}
 export interface EditorProps extends Required<Pick<PageConstructorProps, 'content'>>, Partial<Omit<PageConstructorProps, 'content'>> {
-    children: (props: Partial<PageConstructorProps>) => React.ReactNode;
+    children: (props: EditorOutgoingProps) => React.ReactNode;
     onChange?: (data: PageContent) => void;
     customSchema?: SchemaCustomConfig;
 }

package/build/cjs/schema/constants.d.ts

@@ -91,7 +91,9 @@ export declare const cardSchemas: {
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
     quote: {
@@ -166,7 +168,9 @@ export declare const cardSchemas: {
                 };
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
     'background-card': {
@@ -280,7 +284,9 @@ export declare const cardSchemas: {
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
     'price-detailed': {
@@ -372,7 +378,9 @@ export declare const cardSchemas: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
     'banner-card': {
@@ -665,7 +673,9 @@ export declare const cardSchemas: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
     'media-card': {
@@ -899,7 +909,9 @@ export declare const cardSchemas: {
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

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

@@ -21,7 +21,9 @@ export declare const sizeNumber: {
 export declare const contentThemes: string[];
 export declare const BaseProps: {
     type: {};
-    when: {};
+    when: {
+        type: string;
+    };
 };
 export declare const containerSizesObject: {
     type: string;
@@ -412,7 +414,9 @@ export declare const LinkProps: {
             })[];
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };
 export declare const FileLinkProps: {
@@ -750,7 +754,9 @@ export declare const BlockBaseProps: {
         type: string;
     };
     type: {};
-    when: {};
+    when: {
+        type: string;
+    };
 };
 export declare const TitleProps: {
     type: string;

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

@@ -21,7 +21,9 @@ exports.sizeNumber = { type: 'number', maximum: 12, minimum: 1 };
 exports.contentThemes = ['default', 'dark', 'light'];
 exports.BaseProps = {
     type: {},
-    when: {},
+    when: {
+        type: 'string',
+    },
 };
 exports.containerSizesObject = {
     type: 'object',

package/build/cjs/sub-blocks/BackgroundCard/schema.d.ts

@@ -110,7 +110,9 @@ export declare const BackgroundCard: {
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/BasicCard/schema.d.ts

@@ -89,7 +89,9 @@ export declare const BasicCard: {
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/Divider/schema.d.ts

@@ -9,7 +9,9 @@ export declare const Divider: {
                 enum: (string | number)[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/LayoutItem/schema.d.ts

@@ -308,6 +308,8 @@ export declare const LayoutItem: {
             type: string;
         };
         type: {};
-        when: {};
+        when: {
+            type: string;
+        };
     };
 };

package/build/cjs/sub-blocks/MediaCard/schema.d.ts

@@ -230,7 +230,9 @@ export declare const MediaCardBlock: {
                 enum: string[];
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/PriceDetailed/schema.d.ts

@@ -88,7 +88,9 @@ export declare const PriceDetailedBlock: {
                 type: string;
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/sub-blocks/Quote/schema.d.ts

@@ -71,7 +71,9 @@ export declare const Quote: {
                 };
             };
             type: {};
-            when: {};
+            when: {
+                type: string;
+            };
         };
     };
 };

package/build/cjs/text-transform/filter.d.ts

@@ -0,0 +1,20 @@
+import { ContentVariables } from './transformers';
+type WhenValue = string | boolean | undefined;
+type OrArray<T> = T | T[];
+type OrArrayRecord<T> = Record<string, OrArray<T>>;
+interface FilteredContentItem extends OrArrayRecord<FilteredContentItem> {
+}
+type FilteredContent = OrArray<FilteredContentItem>;
+type FilterableContentItem = FilteredContentItem & {
+    when: WhenValue;
+};
+export type FilterableContent = OrArray<FilterableContentItem>;
+/**
+ * Filters content recoursively by result of it's 'when' property evaluation applied to vars argument.
+ * e.g. property {..., when: 'someVar == "someValue"' } will be included in result only if vars.someVar === 'someValue'
+ * @param {FilterableContent} content
+ * @param {ContentVariables} vars
+ * @return {FilteredContent}
+ */
+export declare function filterContent(content: FilterableContent | FilteredContent, vars: ContentVariables): FilteredContent;
+export {};