@gravity-ui/page-constructor 5.14.2 → 5.14.4-alpha.0

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

@@ -0,0 +1,4 @@
+import { BlockData } from '../../constructor-items';
+/** @deprecated */
+declare const PriceDetailedConfig: BlockData;
+export default PriceDetailedConfig;

package/build/cjs/sub-blocks/PriceDetailed/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const PriceDetailed_1 = tslib_1.__importDefault(require("./PriceDetailed"));
+const schema_1 = require("./schema");
+/** @deprecated */
+const PriceDetailedConfig = {
+    component: PriceDetailed_1.default,
+    schema: {
+        name: 'Price Detailed',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.PriceDetailedBlock['price-detailed']),
+        default: {
+            priceType: 'marked-list',
+            items: [
+                {
+                    title: '100$',
+                    description: 'Basic edition',
+                    detailedTitle: 'per year',
+                    items: [
+                        {
+                            text: 'First item',
+                        },
+                        {
+                            text: 'Second item',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+exports.default = PriceDetailedConfig;

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

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const QuoteConfig: BlockData;
+export default QuoteConfig;

package/build/cjs/sub-blocks/Quote/index.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator");
+const Quote_1 = tslib_1.__importDefault(require("./Quote"));
+const schema_1 = require("./schema");
+const QuoteConfig = {
+    component: Quote_1.default,
+    schema: {
+        name: 'Quote',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.Quote['quote']),
+        default: {
+            text: 'A good decision is based on knowledge and not on numbers.',
+            author: {
+                firstName: ' Plato',
+                description: 'Greek philosopher',
+            },
+        },
+    },
+};
+exports.default = QuoteConfig;

package/build/cjs/types/actions/codes.d.ts

@@ -0,0 +1,16 @@
+export declare enum ActionTypes {
+    UpdateConfigs = "UPDATE_CONFIGS",
+    SetHeight = "SET_HEIGHT",
+    IframeReady = "IFRAME_READY",
+    EditorReady = "EDITOR_READY",
+    BlocksConfigs = "BLOCKS_CONFIGS",
+    InsertBlock = "INSERT_BLOCK",
+    InsertModeEnable = "INSERT_MODE_ENABLE",
+    InsertModeDisable = "INSERT_MODE_DISABLE",
+    ReorderBlocks = "REORDER_BLOCKS",
+    ReorderModeEnable = "REORDER_MODE_ENABLE",
+    ReorderModeDisable = "REORDER_MODE_DISABLE",
+    OverlayModeOnMove = "OVERLAY_MODE_ON_MOVE",
+    SelectBlock = "SELECT_BLOCK",
+    UpdateSelectedBlockRect = "UPDATE_SELECTED_BLOCK_RECT"
+}

package/build/cjs/types/actions/codes.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionTypes = void 0;
+var ActionTypes;
+(function (ActionTypes) {
+    // Other Events
+    ActionTypes["UpdateConfigs"] = "UPDATE_CONFIGS";
+    ActionTypes["SetHeight"] = "SET_HEIGHT";
+    // Initial Events
+    ActionTypes["IframeReady"] = "IFRAME_READY";
+    ActionTypes["EditorReady"] = "EDITOR_READY";
+    ActionTypes["BlocksConfigs"] = "BLOCKS_CONFIGS";
+    // Insert Events
+    ActionTypes["InsertBlock"] = "INSERT_BLOCK";
+    ActionTypes["InsertModeEnable"] = "INSERT_MODE_ENABLE";
+    ActionTypes["InsertModeDisable"] = "INSERT_MODE_DISABLE";
+    // Reorder Events
+    ActionTypes["ReorderBlocks"] = "REORDER_BLOCKS";
+    ActionTypes["ReorderModeEnable"] = "REORDER_MODE_ENABLE";
+    ActionTypes["ReorderModeDisable"] = "REORDER_MODE_DISABLE";
+    // Overlay Mode
+    ActionTypes["OverlayModeOnMove"] = "OVERLAY_MODE_ON_MOVE";
+    // Select Events
+    ActionTypes["SelectBlock"] = "SELECT_BLOCK";
+    ActionTypes["UpdateSelectedBlockRect"] = "UPDATE_SELECTED_BLOCK_RECT";
+})(ActionTypes = exports.ActionTypes || (exports.ActionTypes = {}));

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

@@ -0,0 +1,20 @@
+import { InitialActions } from './initial';
+import { InsertActions } from './insert';
+import { OtherActions } from './other';
+import { OverlayActions } from './overlay';
+import { ReorderActions } from './reorder';
+import { SelectActions } from './select';
+export type BaseAction<T extends string = string> = {
+    type: T;
+};
+export interface UnknownAction extends BaseAction {
+    [extraProps: string]: unknown;
+}
+export type Action = InitialActions | InsertActions | OverlayActions | ReorderActions | SelectActions | OtherActions;
+export * from './initial';
+export * from './insert';
+export * from './other';
+export * from './overlay';
+export * from './reorder';
+export * from './select';
+export * from './codes';

package/build/cjs/types/actions/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./initial"), exports);
+tslib_1.__exportStar(require("./insert"), exports);
+tslib_1.__exportStar(require("./other"), exports);
+tslib_1.__exportStar(require("./overlay"), exports);
+tslib_1.__exportStar(require("./reorder"), exports);
+tslib_1.__exportStar(require("./select"), exports);
+tslib_1.__exportStar(require("./codes"), exports);

package/build/cjs/types/actions/initial.d.ts

@@ -0,0 +1,23 @@
+import { ConfigInput } from '../dynamic-form';
+import { ItemConfig } from '../index';
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface IframeReadyAction extends UnknownAction {
+    type: ActionTypes.IframeReady;
+    payload: {
+        height: number;
+    };
+}
+export interface EditorReadyAction extends UnknownAction {
+    type: ActionTypes.EditorReady;
+    payload: unknown;
+}
+export interface BlocksConfigsAction extends UnknownAction {
+    type: ActionTypes.BlocksConfigs;
+    payload: {
+        blocks: ItemConfig[];
+        subBlocks: ItemConfig[];
+        global: ConfigInput[];
+    };
+}
+export type InitialActions = BlocksConfigsAction | IframeReadyAction | EditorReadyAction;

package/build/cjs/types/actions/initial.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/types/actions/insert.d.ts

@@ -0,0 +1,19 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface InsertBlockAction extends UnknownAction {
+    type: ActionTypes.InsertBlock;
+    payload: {
+        path: number[];
+    };
+}
+export interface InsertModeEnableAction extends UnknownAction {
+    type: ActionTypes.InsertModeEnable;
+    payload: {
+        blockType: string;
+    };
+}
+export interface InsertModeDisableAction extends UnknownAction {
+    type: ActionTypes.InsertModeDisable;
+    payload: undefined;
+}
+export type InsertActions = InsertBlockAction | InsertModeEnableAction | InsertModeDisableAction;

package/build/cjs/types/actions/insert.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/types/actions/other.d.ts

@@ -0,0 +1,16 @@
+import { PageContent } from '../../models';
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface UpdateConfigsAction extends UnknownAction {
+    type: ActionTypes.UpdateConfigs;
+    payload: {
+        content: PageContent;
+    };
+}
+export interface SetHeightAction extends UnknownAction {
+    type: ActionTypes.SetHeight;
+    payload: {
+        height: number;
+    };
+}
+export type OtherActions = UpdateConfigsAction | SetHeightAction;

package/build/cjs/types/actions/other.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/types/actions/overlay.d.ts

@@ -0,0 +1,16 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface OverlayModeOnMoveAction extends UnknownAction {
+    type: ActionTypes.OverlayModeOnMove;
+    payload: {
+        block?: {
+            rect: DOMRect;
+            cursorPosition: 'top' | 'bottom' | 'left' | 'right';
+        };
+        cursor: {
+            x: number;
+            y: number;
+        };
+    };
+}
+export type OverlayActions = OverlayModeOnMoveAction;

package/build/cjs/types/actions/overlay.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/types/actions/reorder.d.ts

@@ -0,0 +1,17 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface ReorderModeEnableAction extends UnknownAction {
+    type: ActionTypes.ReorderModeEnable;
+    payload: undefined;
+}
+export interface ReorderModeDisableAction extends UnknownAction {
+    type: ActionTypes.ReorderModeDisable;
+    payload: undefined;
+}
+export interface ReorderBlocksAction extends UnknownAction {
+    type: ActionTypes.ReorderBlocks;
+    payload: {
+        path: number[];
+    };
+}
+export type ReorderActions = ReorderBlocksAction | ReorderModeEnableAction | ReorderModeDisableAction;

package/build/cjs/types/actions/reorder.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/types/actions/select.d.ts

@@ -0,0 +1,16 @@
+import { ActionTypes } from './codes';
+import { UnknownAction } from './index';
+export interface SelectBlockAction extends UnknownAction {
+    type: ActionTypes.SelectBlock;
+    payload: {
+        path: number[];
+        rect: DOMRect;
+    };
+}
+export interface UpdateSelectedBlockRectAction extends UnknownAction {
+    type: ActionTypes.UpdateSelectedBlockRect;
+    payload: {
+        rect: DOMRect;
+    };
+}
+export type SelectActions = SelectBlockAction | UpdateSelectedBlockRectAction;

package/build/cjs/types/actions/select.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/types/dynamic-form.d.ts

@@ -0,0 +1,92 @@
+export interface BlockFormSchema {
+    name: string;
+    inputs: Array<ConfigInput>;
+}
+export interface TextInput {
+    type: 'text';
+    name: string;
+    title: string;
+}
+export interface BooleanInput {
+    type: 'boolean';
+    name: string;
+    title: string;
+}
+export interface NumberInput {
+    type: 'number';
+    name: string;
+    title: string;
+}
+export interface TextAreaInput {
+    type: 'textarea';
+    name: string;
+    title: string;
+}
+export interface SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select' | 'radiobutton';
+    mode: 'single' | 'multiple';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface SelectSingleInput extends SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select' | 'radiobutton';
+    mode: 'single';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface SelectMultipleInput extends SelectBaseInput {
+    type: 'select';
+    name: string;
+    title: string;
+    view: 'select';
+    mode: 'multiple';
+    enum: Array<{
+        content: string;
+        value: string;
+    }>;
+}
+export interface ObjectInput {
+    type: 'object';
+    name: string;
+    title: string;
+    properties: Array<ConfigInput>;
+}
+export interface ArrayBaseInput {
+    type: 'array';
+    arrayType: 'object' | 'text';
+    name: string;
+    title: string;
+    buttonText: string;
+}
+export interface ArrayTextInput extends ArrayBaseInput {
+    arrayType: 'text';
+}
+export interface ArrayObjectInput extends ArrayBaseInput {
+    arrayType: 'object';
+    properties: Array<ConfigInput>;
+}
+export interface OneOfInput {
+    type: 'oneOf';
+    name: string;
+    key?: string;
+    title: string;
+    options: {
+        value: string;
+        title: string;
+        properties: Array<ConfigInput>;
+    }[];
+}
+export interface GeneralProps {
+    showIf?: string;
+}
+export type ConfigInput = (TextInput | BooleanInput | NumberInput | TextAreaInput | SelectSingleInput | SelectMultipleInput | ObjectInput | ArrayTextInput | ArrayObjectInput | OneOfInput) & GeneralProps;

package/build/cjs/types/dynamic-form.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,14 @@
+import { Meta } from '../context/messagesContext/types';
+import { Action } from './actions';
+import { BlockFormSchema } from './dynamic-form';
+export interface ItemConfig {
+    type: string;
+    schema: BlockFormSchema;
+}
+export interface WithStoreReducer {
+    reducer: (action: Action, meta: Meta) => void;
+}
+export type Subscriber<A extends Action = Action> = {
+    action: A['type'];
+    handler: (payload: A['payload'], meta: Meta) => void;
+};

package/build/cjs/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/cjs/utils/editor.d.ts

@@ -0,0 +1,2 @@
+import { MouseEvent } from 'react';
+export declare const getCursorPositionOverElement: (elementRect: DOMRect, mouseEvent: MouseEvent) => "left" | "right" | "bottom" | "top";

package/build/cjs/utils/editor.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCursorPositionOverElement = void 0;
+const getCursorPositionOverElement = (elementRect, mouseEvent) => {
+    const cursorPositionY = elementRect.height - (mouseEvent.clientY - elementRect.y);
+    const cursorPositionX = elementRect.width - (mouseEvent.clientX - elementRect.x);
+    const cursorRatioY = elementRect.height / 2 / cursorPositionY;
+    const cursorRatioX = elementRect.width / 2 / cursorPositionX;
+    if (cursorRatioY > cursorRatioX) {
+        if (cursorRatioY >= 1) {
+            return 'bottom';
+        }
+        else {
+            return 'left';
+        }
+    }
+    else if (cursorRatioX >= 1) {
+        return 'right';
+    }
+    else {
+        return 'top';
+    }
+};
+exports.getCursorPositionOverElement = getCursorPositionOverElement;

package/build/cjs/utils/form-generator.d.ts

@@ -0,0 +1,9 @@
+import { JSONSchemaType } from 'ajv';
+import { ArrayBaseInput, BooleanInput, ConfigInput, NumberInput, ObjectInput, SelectBaseInput, TextAreaInput, TextInput } from '../types/dynamic-form';
+export declare const generateFromAJV: (schema: JSONSchemaType<{}>) => ConfigInput[];
+export declare const generateSingleEntity: (key: string, schema: JSONSchemaType<{}>) => TextInput | BooleanInput | NumberInput | TextAreaInput | SelectBaseInput | ObjectInput | ArrayBaseInput | {
+    type: string;
+    name: string;
+    title: string;
+    options: any;
+} | undefined;

package/build/cjs/utils/form-generator.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSingleEntity = exports.generateFromAJV = void 0;
+const generateFromAJV = (schema) => {
+    if (schema && schema.properties) {
+        const obj = Object.entries(schema.properties).map(([key, value]) => {
+            const innerSchema = value;
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            return (0, exports.generateSingleEntity)(key, innerSchema);
+        });
+        return obj.filter(Boolean);
+    }
+    return [];
+};
+exports.generateFromAJV = generateFromAJV;
+const generateSingleEntity = (key, schema) => {
+    const type = schema.type;
+    if (!type && schema.enum) {
+        return {
+            type: 'select',
+            view: 'select',
+            name: key,
+            title: key,
+            enum: schema.enum.map((enumValue) => ({
+                content: enumValue,
+                value: enumValue,
+            })),
+        };
+    }
+    if (schema.oneOf) {
+        return {
+            type: 'oneOf',
+            name: key,
+            title: key,
+            options: schema.oneOf.map((item) => {
+                let properties;
+                if (item.properties) {
+                    properties = (0, exports.generateFromAJV)(item);
+                }
+                else {
+                    properties = [
+                        (0, exports.generateSingleEntity)('', Object.assign(Object.assign({}, item), { name: '', title: item.optionName })),
+                    ];
+                }
+                return {
+                    value: item.optionName,
+                    title: item.optionName,
+                    properties: properties,
+                };
+            }),
+        };
+    }
+    switch (type) {
+        case 'string': {
+            if (schema.inputType === 'textarea') {
+                return {
+                    type: 'textarea',
+                    name: key,
+                    title: key,
+                };
+            }
+            if (schema.enum) {
+                return {
+                    type: 'select',
+                    view: 'select',
+                    name: key,
+                    title: key,
+                    enum: schema.enum.map((enumValue) => ({
+                        content: enumValue,
+                        value: enumValue,
+                    })),
+                };
+            }
+            return {
+                type: 'text',
+                name: key,
+                title: key,
+            };
+        }
+        case 'number': {
+            return {
+                type: 'number',
+                name: key,
+                title: key,
+            };
+        }
+        case 'object': {
+            return {
+                type: 'object',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema),
+            };
+        }
+        case 'boolean': {
+            return {
+                type: 'boolean',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema),
+            };
+        }
+        case 'array': {
+            if (schema.items.type === 'string') {
+                return {
+                    type: 'array',
+                    name: key,
+                    title: key,
+                    properties: (0, exports.generateFromAJV)(schema.items),
+                    buttonText: 'Add',
+                    arrayType: 'text',
+                };
+            }
+            return {
+                type: 'array',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema.items),
+                buttonText: 'Add',
+                arrayType: 'object',
+            };
+        }
+    }
+    return undefined;
+};
+exports.generateSingleEntity = generateSingleEntity;

package/build/cjs/utils/store.d.ts

@@ -0,0 +1,16 @@
+import { StoreApi } from 'zustand';
+export declare function initializeStore<State, Methods>(initialState: State, methods: (set: StoreApi<State & Methods>['setState'], get: StoreApi<State & Methods>['getState']) => Methods): (overrideInitialState?: Partial<State>) => import("zustand").UseBoundStore<Omit<Omit<StoreApi<State & Methods>, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: (State & Methods) | Partial<State & Methods> | ((state: State & Methods) => (State & Methods) | Partial<State & Methods>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => void | Promise<void>;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: State & Methods) => void) => () => void;
+        onFinishHydration: (fn: (state: State & Methods) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<State & Methods, State & Methods>>;
+    };
+}>;

package/build/cjs/utils/store.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeStore = void 0;
+const zustand_1 = require("zustand");
+const middleware_1 = require("zustand/middleware");
+function initializeStore(initialState, methods) {
+    return (overrideInitialState) => (0, zustand_1.create)((0, middleware_1.devtools)((set, get) => (Object.assign(Object.assign(Object.assign({}, initialState), overrideInitialState), methods(set, get)))));
+}
+exports.initializeStore = initializeStore;

package/build/esm/blocks/Banner/Banner.js

@@ -1,6 +1,7 @@
 import { __rest } from "tslib";
 import React from 'react';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import { Grid } from '../../grid';
 import { BannerCard } from '../../sub-blocks';
 import { block } from '../../utils';
 import './Banner.css';
@@ -8,6 +9,7 @@ const b = block('banner-block');
 export const BannerBlock = (props) => {
     const { animated } = props, bannerProps = __rest(props, ["animated"]);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        React.createElement(BannerCard, Object.assign({}, bannerProps))));
+        React.createElement(Grid, null,
+            React.createElement(BannerCard, Object.assign({}, bannerProps)))));
 };
 export default BannerBlock;

package/build/esm/blocks/Banner/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from '../../constructor-items';
+declare const BannerBlockConfig: BlockData;
+export default BannerBlockConfig;

package/build/esm/blocks/Banner/index.js

@@ -0,0 +1,19 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import BannerBlock from './Banner';
+import { BannerCardProps } from './schema';
+const BannerBlockConfig = {
+    component: BannerBlock,
+    schema: {
+        name: 'Banner Block',
+        inputs: generateFromAJV(BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Block',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+export default BannerBlockConfig;

package/build/esm/blocks/CardLayout/CardLayout.css

@@ -21,6 +21,7 @@ unpredictable css rules order in build */
   width: 100%;
   height: 100%;
   border-radius: 32px;
+  pointer-events: none;
 }
 .pc-card-layout-block__image img {
   object-fit: cover;