@gravity-ui/page-constructor 3.8.3 → 3.9.0

package/build/cjs/text-transform/index.js

@@ -5,3 +5,4 @@ tslib_1.__exportStar(require("./utils"), exports);
 tslib_1.__exportStar(require("./config"), exports);
 tslib_1.__exportStar(require("./common"), exports);
 tslib_1.__exportStar(require("./transformers"), exports);
+tslib_1.__exportStar(require("./filter"), exports);

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

@@ -1,5 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { Lang } from '../utils/configure';
+export type ContentVariables = Record<string, string>;
 export type ContentTransformerProps = {
     content: {
         blocks?: ConstructorBlock[];
@@ -7,6 +8,7 @@ export type ContentTransformerProps = {
     options: {
         lang: Lang;
         customConfig?: {};
+        vars?: ContentVariables;
     };
 };
 export declare const contentTransformer: ({ content, options }: ContentTransformerProps) => {

package/build/cjs/text-transform/transformers.js

@@ -6,6 +6,7 @@ const tslib_1 = require("tslib");
 /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const config_1 = require("./config");
+const filter_1 = require("./filter");
 function transformBlocks(blocks, lang, customConfig = {}) {
     const fullConfig = Object.assign(Object.assign({}, config_1.config), customConfig);
     const clonedBlocks = lodash_1.default.cloneDeep(blocks);
@@ -46,8 +47,8 @@ function transformBlock(lang, blocksConfig, block) {
     return block;
 }
 const contentTransformer = ({ content, options }) => {
-    const { lang, customConfig = {} } = options;
-    const { blocks = [] } = content;
+    const { lang, customConfig = {}, vars } = options;
+    const { blocks = [] } = (vars ? (0, filter_1.filterContent)(content, vars) : content);
     const transformedBlocks = transformBlocks(blocks, lang, customConfig);
     return {
         blocks: transformedBlocks,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/esm/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/esm/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/esm/components/Author/schema.d.ts

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

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

@@ -12,8 +12,9 @@ import { Form } from '../Form/Form';
 export const Editor = (_a) => {
     var { children, customSchema, onChange } = _a, rest = __rest(_a, ["children", "customSchema", "onChange"]);
     const { content, activeBlockIndex, errorBoundaryState, viewMode, onContentUpdate, onViewModeUpdate, onAdd, onSelect, injectEditBlockProps, } = useEditorState(rest);
+    const formSpecs = useFormSpec(customSchema);
     const isEditingMode = viewMode === ViewModeItem.Edititng;
-    const constructorProps = useMemo(() => {
+    const outgoingProps = useMemo(() => {
         const custom = isEditingMode
             ? addCustomDecorator([
                 (props) => (React.createElement(EditBlock, Object.assign({}, injectEditBlockProps(props)))),
@@ -21,16 +22,15 @@ export const Editor = (_a) => {
                 (props) => (React.createElement(ErrorBoundary, Object.assign({}, props, { key: `${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]);
     useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(content);
     }, [content, onChange]);
-    const formSpecs = useFormSpec(customSchema);
     return (React.createElement(Layout, { mode: viewMode, onModeChange: onViewModeUpdate },
         isEditingMode && (React.createElement(Layout.Left, null,
             React.createElement(Form, { content: content, onChange: onContentUpdate, activeBlockIndex: activeBlockIndex, onSelect: onSelect, spec: formSpecs }))),
         React.createElement(Layout.Right, null,
-            React.createElement(ErrorBoundary, { key: errorBoundaryState }, children(constructorProps)),
+            React.createElement(ErrorBoundary, { key: errorBoundaryState }, children(outgoingProps)),
             isEditingMode && React.createElement(AddBlock, { onAdd: onAdd }))));
 };

package/build/esm/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/esm/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/esm/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/esm/schema/validators/common.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/build/esm/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 {};