@gravity-ui/page-constructor 5.13.0 → 5.14.0

package/build/esm/editor/store/settings/reducer.js

@@ -1,28 +1,28 @@
 import { DEFAULT_THEME } from '../../../components/constants';
-import { FormTab, ViewModeItem } from '../../types';
+import { EditModeItem, ViewModeItem } from '../../types';
 // actions
-export const UPDATE_FORM_TAB = 'UPDATE_FORM_TAB';
 export const UPDATE_CODE_FULLSCREEN_MODE_ON = 'UPDATE_CODE_FULLSCREEN_MODE_ON';
 export const UPDATE_VIEW_MODE = 'UPDATE_VIEW_MODE';
+export const UPDATE_EDIT_MODE = 'UPDATE_EDIT_MODE';
 export const UPDATE_THEME = 'UPDATE_THEME';
 // reducer
 export const reducer = (state, action) => {
     switch (action.type) {
         case UPDATE_VIEW_MODE:
             return Object.assign(Object.assign({}, state), { viewMode: action.payload });
+        case UPDATE_EDIT_MODE:
+            return Object.assign(Object.assign({}, state), { editMode: action.payload });
         case UPDATE_THEME:
             return Object.assign(Object.assign({}, state), { theme: action.payload });
         case UPDATE_CODE_FULLSCREEN_MODE_ON:
             return Object.assign(Object.assign({}, state), { codeFullscreeModeOn: action.payload });
-        case UPDATE_FORM_TAB:
-            return Object.assign(Object.assign({}, state), { formTab: action.payload });
         default:
             return state;
     }
 };
 export const initialState = {
-    viewMode: ViewModeItem.Edititng,
+    viewMode: ViewModeItem.Desktop,
+    editMode: EditModeItem.Form,
     theme: DEFAULT_THEME,
     codeFullscreeModeOn: false,
-    formTab: FormTab.Blocks,
 };

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

@@ -29,14 +29,13 @@ export interface EditBlockProps extends EditBlockEditorProps, BlockDecorationPro
     isHeader?: boolean;
 }
 export declare enum ViewModeItem {
-    Edititng = "editing",
     Desktop = "desktop",
     Tablet = "tablet",
     Mobile = "mobile"
 }
-export declare enum FormTab {
-    Blocks = "blocks",
-    Page = "page",
+export declare enum EditModeItem {
+    View = "view",
+    Form = "form",
     Code = "code"
 }
 export {};

package/build/esm/editor/types/index.js

@@ -1,13 +1,12 @@
 export var ViewModeItem;
 (function (ViewModeItem) {
-    ViewModeItem["Edititng"] = "editing";
     ViewModeItem["Desktop"] = "desktop";
     ViewModeItem["Tablet"] = "tablet";
     ViewModeItem["Mobile"] = "mobile";
 })(ViewModeItem || (ViewModeItem = {}));
-export var FormTab;
-(function (FormTab) {
-    FormTab["Blocks"] = "blocks";
-    FormTab["Page"] = "page";
-    FormTab["Code"] = "code";
-})(FormTab || (FormTab = {}));
+export var EditModeItem;
+(function (EditModeItem) {
+    EditModeItem["View"] = "view";
+    EditModeItem["Form"] = "form";
+    EditModeItem["Code"] = "code";
+})(EditModeItem || (EditModeItem = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.13.0",
+  "version": "5.14.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/build/cjs/editor/components/PagePropsForm/PagePropsForm.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PageContent } from '../../../models';
-import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
-export type PagePropsFormData = Omit<PageContent, 'blocks'>;
-export interface PagePropsFormProps {
-    data: PagePropsFormData;
-    spec: CustomSpec;
-    onChange: (data: PagePropsFormData) => void;
-}
-export declare const PagePropsForm: React.MemoExoticComponent<({ data: content, spec, onChange }: PagePropsFormProps) => JSX.Element>;

package/build/cjs/editor/components/PagePropsForm/PagePropsForm.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PagePropsForm = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
-const react_final_form_1 = require("react-final-form");
-const config_1 = require("../../dynamic-forms-custom/config");
-exports.PagePropsForm = (0, react_1.memo)(({ data: content, spec, onChange }) => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const initialValues = (0, react_1.useMemo)(() => ({ content }), []);
-    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default }, () => (react_1.default.createElement("div", null,
-        react_1.default.createElement(react_final_form_1.FormSpy, { onChange: ({ values }) => onChange(Object.assign({}, values.content)), subscription: { values: true } }),
-        react_1.default.createElement(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig })))));
-});
-exports.PagePropsForm.displayName = 'PagePropsForm';

package/build/cjs/editor/containers/Form/hooks.d.ts

@@ -1,8 +0,0 @@
-import { FormProps } from './Form';
-/**
- * Transorms PageConstructor content in JSON to YAML on code editor mode switching
- *
- * @param {Object} props - props parent from form
- * @returns {string} - updated code
- */
-export declare function useCode({ activeTab, content, codeFullscreeModeOn, }: Pick<FormProps, 'activeTab' | 'content' | 'codeFullscreeModeOn'>): string;

package/build/esm/editor/components/PagePropsForm/PagePropsForm.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PageContent } from '../../../models';
-import { CustomSpec } from '../../dynamic-forms-custom/parser/types';
-export type PagePropsFormData = Omit<PageContent, 'blocks'>;
-export interface PagePropsFormProps {
-    data: PagePropsFormData;
-    spec: CustomSpec;
-    onChange: (data: PagePropsFormData) => void;
-}
-export declare const PagePropsForm: React.MemoExoticComponent<({ data: content, spec, onChange }: PagePropsFormProps) => JSX.Element>;

package/build/esm/editor/components/PagePropsForm/PagePropsForm.js

@@ -1,13 +0,0 @@
-import React, { memo, useMemo } from 'react';
-import { DynamicField } from '@gravity-ui/dynamic-forms';
-import noop from 'lodash/noop';
-import { Form as FinalForm, FormSpy } from 'react-final-form';
-import { dynamicConfig } from '../../dynamic-forms-custom/config';
-export const PagePropsForm = memo(({ data: content, spec, onChange }) => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const initialValues = useMemo(() => ({ content }), []);
-    return (React.createElement(FinalForm, { initialValues: initialValues, onSubmit: noop }, () => (React.createElement("div", null,
-        React.createElement(FormSpy, { onChange: ({ values }) => onChange(Object.assign({}, values.content)), subscription: { values: true } }),
-        React.createElement(DynamicField, { name: "content", spec: spec, config: dynamicConfig })))));
-});
-PagePropsForm.displayName = 'PagePropsForm';

package/build/esm/editor/containers/Form/hooks.d.ts

@@ -1,8 +0,0 @@
-import { FormProps } from './Form';
-/**
- * Transorms PageConstructor content in JSON to YAML on code editor mode switching
- *
- * @param {Object} props - props parent from form
- * @returns {string} - updated code
- */
-export declare function useCode({ activeTab, content, codeFullscreeModeOn, }: Pick<FormProps, 'activeTab' | 'content' | 'codeFullscreeModeOn'>): string;