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

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

@@ -0,0 +1,30 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import PriceDetailed from './PriceDetailed';
+import { PriceDetailedBlock as PriceDetailedSchema } from './schema';
+/** @deprecated */
+const PriceDetailedConfig = {
+    component: PriceDetailed,
+    schema: {
+        name: 'Price Detailed',
+        inputs: generateFromAJV(PriceDetailedSchema['price-detailed']),
+        default: {
+            priceType: 'marked-list',
+            items: [
+                {
+                    title: '100$',
+                    description: 'Basic edition',
+                    detailedTitle: 'per year',
+                    items: [
+                        {
+                            text: 'First item',
+                        },
+                        {
+                            text: 'Second item',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+export default PriceDetailedConfig;

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

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

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

@@ -0,0 +1,18 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import Quote from './Quote';
+import { Quote as QuoteSchema } from './schema';
+const QuoteConfig = {
+    component: Quote,
+    schema: {
+        name: 'Quote',
+        inputs: generateFromAJV(QuoteSchema['quote']),
+        default: {
+            text: 'A good decision is based on knowledge and not on numbers.',
+            author: {
+                firstName: ' Plato',
+                description: 'Greek philosopher',
+            },
+        },
+    },
+};
+export default QuoteConfig;

package/build/esm/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/esm/types/actions/codes.js

@@ -0,0 +1,23 @@
+export 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 || (ActionTypes = {}));

package/build/esm/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/esm/types/actions/index.js

@@ -0,0 +1,7 @@
+export * from './initial';
+export * from './insert';
+export * from './other';
+export * from './overlay';
+export * from './reorder';
+export * from './select';
+export * from './codes';

package/build/esm/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/esm/types/actions/initial.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/types/actions/insert.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/types/actions/other.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/types/actions/overlay.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/types/actions/reorder.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/types/actions/select.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/types/dynamic-form.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/types/index.js

@@ -0,0 +1 @@
+export {};

package/build/esm/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/esm/utils/editor.js

@@ -0,0 +1,20 @@
+export 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';
+    }
+};

package/build/esm/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/esm/utils/form-generator.js

@@ -0,0 +1,121 @@
+export 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 generateSingleEntity(key, innerSchema);
+        });
+        return obj.filter(Boolean);
+    }
+    return [];
+};
+export 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 = generateFromAJV(item);
+                }
+                else {
+                    properties = [
+                        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: generateFromAJV(schema),
+            };
+        }
+        case 'boolean': {
+            return {
+                type: 'boolean',
+                name: key,
+                title: key,
+                properties: generateFromAJV(schema),
+            };
+        }
+        case 'array': {
+            if (schema.items.type === 'string') {
+                return {
+                    type: 'array',
+                    name: key,
+                    title: key,
+                    properties: generateFromAJV(schema.items),
+                    buttonText: 'Add',
+                    arrayType: 'text',
+                };
+            }
+            return {
+                type: 'array',
+                name: key,
+                title: key,
+                properties: generateFromAJV(schema.items),
+                buttonText: 'Add',
+                arrayType: 'object',
+            };
+        }
+    }
+    return undefined;
+};

package/build/esm/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/esm/utils/store.js

@@ -0,0 +1,5 @@
+import { create } from 'zustand';
+import { devtools } from 'zustand/middleware';
+export function initializeStore(initialState, methods) {
+    return (overrideInitialState) => create(devtools((set, get) => (Object.assign(Object.assign(Object.assign({}, initialState), overrideInitialState), methods(set, get)))));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.14.3",
+  "version": "5.14.4-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -65,6 +65,7 @@
     "lint": "run-p lint:js lint:styles lint:prettier typecheck",
     "typecheck": "tsc --noEmit",
     "dev": "npm run storybook:start",
+    "dev:website": "next dev example",
     "storybook:start": "storybook dev -p 7009",
     "storybook:build": "storybook build -c .storybook -o storybook-static",
     "start": "node dist",
@@ -108,7 +109,8 @@
     "snakecase-keys": "^5.1.0",
     "typograf": "^6.14.0",
     "utility-types": "^3.10.0",
-    "uuid": "^9.0.0"
+    "uuid": "^9.0.0",
+    "zustand": "^4.5.2"
   },
   "peerDependencies": {
     "@diplodoc/transform": "^4.10.4",
@@ -179,6 +181,7 @@
     "markdown-loader": "^6.0.0",
     "monaco-editor-webpack-plugin": "^7.1.0",
     "move-file-cli": "^3.0.0",
+    "next": "^14.2.3",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.16",
     "postcss-loader": "^4.3.0",

package/server/models/constructor-items/blocks.d.ts

@@ -24,7 +24,8 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block"
+    FormBlock = "form-block",
+    TestEditorBlock = "test-editor-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];

package/server/models/constructor-items/blocks.js

@@ -22,6 +22,7 @@ var BlockType;
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
+    BlockType["TestEditorBlock"] = "test-editor-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];

package/server/models/constructor-items/sub-blocks.d.ts

@@ -117,7 +117,7 @@ export interface BannerCardProps {
     disableCompress?: boolean;
     color?: ThemeSupporting<string>;
     theme?: TextTheme;
-    button: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
+    button?: Pick<ButtonProps, 'text' | 'url' | 'target' | 'theme'>;
     mediaView?: MediaView;
 }
 export interface MediaCardProps extends MediaProps, AnalyticsEventsBase, CardBaseProps {