@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -1,41 +1,40 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEditorState = void 0;
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const schema_1 = require("../../../../schema/index.js");
-const EditBlock_1 = tslib_1.__importDefault(require("../../../components/EditBlock/EditBlock.js"));
-const ErrorBoundary_1 = require("../../../components/ErrorBoundary/ErrorBoundary.js");
-const NotFoundBlock_1 = require("../../../components/NotFoundBlock/NotFoundBlock.js");
-const useCodeValidator_1 = require("../../../hooks/useCodeValidator.js");
-const main_1 = require("../../../store/main/index.js");
-const settings_1 = require("../../../store/settings/index.js");
-const types_1 = require("../../../types/index.js");
-const utils_1 = require("../../../utils/index.js");
-const useCode_1 = require("./useCode.js");
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { generateDefaultSchema } from '../../../../schema';
+import EditBlock from '../../../components/EditBlock/EditBlock';
+import { ErrorBoundary } from '../../../components/ErrorBoundary/ErrorBoundary';
+import { NotFoundBlock } from '../../../components/NotFoundBlock/NotFoundBlock';
+import { useCodeValidator } from '../../../hooks/useCodeValidator';
+import { useMainState } from '../../../store/main';
+import { useSettingsState } from '../../../store/settings';
+import { EditModeItem, ViewModeItem } from '../../../types';
+import { addCustomDecorator, checkIsMobile, getBlockId } from '../../../utils';
+import { useCode } from './useCode';
 // Editor business logic
-const useEditorState = (_a) => {
+export const useEditorState = (_a) => {
     var { customSchema, onChange, providerProps, transformContent, deviceEmulationSettings, theme: editorTheme } = _a, rest = tslib_1.__rest(_a, ["customSchema", "onChange", "providerProps", "transformContent", "deviceEmulationSettings", "theme"]);
-    const { content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect, injectEditBlockProps, } = (0, main_1.useMainState)(rest);
-    const { viewMode, editMode, onEditModeUpdate, theme: constructorTheme, onViewModeUpdate, onThemeUpdate, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, } = (0, settings_1.useSettingsState)();
-    const isCodeEditMode = editMode === types_1.EditModeItem.Code;
-    const isViewEditMode = editMode === types_1.EditModeItem.View;
-    const isFormEditMode = editMode === types_1.EditModeItem.Form;
-    const isDesktopViewMode = viewMode === types_1.ViewModeItem.Desktop;
+    const { content, activeBlockIndex, errorBoundaryState, onContentUpdate, onAdd, onSelect, injectEditBlockProps, } = useMainState(rest);
+    const { viewMode, editMode, onEditModeUpdate, theme: constructorTheme, onViewModeUpdate, onThemeUpdate, codeFullscreeModeOn, onCodeFullscreeModeOnUpdate, } = useSettingsState();
+    const isCodeEditMode = editMode === EditModeItem.Code;
+    const isViewEditMode = editMode === EditModeItem.View;
+    const isFormEditMode = editMode === EditModeItem.Form;
+    const isDesktopViewMode = viewMode === ViewModeItem.Desktop;
     const isCodeOnlyMode = codeFullscreeModeOn && isCodeEditMode;
     const transformedContent = React.useMemo(() => (transformContent ? transformContent(content, { viewMode, editMode }) : content), [content, transformContent, viewMode, editMode]);
-    const schema = React.useMemo(() => (0, schema_1.generateDefaultSchema)(customSchema), [customSchema]);
-    const codeValidator = (0, useCodeValidator_1.useCodeValidator)(schema);
+    const schema = React.useMemo(() => generateDefaultSchema(customSchema), [customSchema]);
+    const codeValidator = useCodeValidator(schema);
     const outgoingProps = React.useMemo(() => {
         const custom = isCodeEditMode || isViewEditMode
             ? rest.custom
-            : (0, utils_1.addCustomDecorator)([
-                (props) => (0, jsx_runtime_1.jsx)(NotFoundBlock_1.NotFoundBlock, Object.assign({}, props)),
-                (props) => ((0, jsx_runtime_1.jsx)(EditBlock_1.default, Object.assign({}, injectEditBlockProps(props)))),
+            : addCustomDecorator([
+                (props) => _jsx(NotFoundBlock, Object.assign({}, props)),
+                (props) => (_jsx(EditBlock, Object.assign({}, injectEditBlockProps(props)))),
                 // need errorBoundaryState flag to reset error on content update
-                (props) => ((0, react_1.createElement)(ErrorBoundary_1.ErrorBoundary, Object.assign({}, props, { key: `${(0, utils_1.getBlockId)(props)}-${errorBoundaryState}` }))),
+                (props) => (_createElement(ErrorBoundary, Object.assign({}, props, { key: `${getBlockId(props)}-${errorBoundaryState}` }))),
             ], rest.custom);
         return {
             content: transformedContent,
@@ -56,7 +55,7 @@ const useEditorState = (_a) => {
             content: transformedContent,
             custom: rest.custom,
         },
-        providerProps: Object.assign(Object.assign({}, providerProps), { isMobile: (0, utils_1.checkIsMobile)(viewMode), theme: constructorTheme }),
+        providerProps: Object.assign(Object.assign({}, providerProps), { isMobile: checkIsMobile(viewMode), theme: constructorTheme }),
         deviceEmulationSettings,
         theme: editorTheme,
     }), [
@@ -71,7 +70,7 @@ const useEditorState = (_a) => {
     React.useEffect(() => {
         onChange === null || onChange === void 0 ? void 0 : onChange(content);
     }, [content, onChange]);
-    const code = (0, useCode_1.useCode)({ isCodeEditMode, content, codeFullscreeModeOn });
+    const code = useCode({ isCodeEditMode, content, codeFullscreeModeOn });
     return {
         context,
         viewMode,
@@ -98,5 +97,3 @@ const useEditorState = (_a) => {
         isFormEditMode,
     };
 };
-exports.useEditorState = useEditorState;
-//# sourceMappingURL=useEditorState.js.map

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { JSONSchema4 } from 'json-schema';
-import { PageContent } from "../../../models/index.js";
+import { PageContent } from '../../../models';
 export interface FormProps {
     content: PageContent;
     schema: JSONSchema4;

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

@@ -1,26 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
-const utils_1 = require("../../../utils/index.js");
-const BlockForm_1 = require("../../components/BlockForm/BlockForm.js");
-const useFormSpec_1 = tslib_1.__importDefault(require("../../hooks/useFormSpec.js"));
-const b = (0, utils_1.block)('editor-form');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Text } from '@gravity-ui/uikit';
+import { block, getBlockKey } from '../../../utils';
+import { BlockForm } from '../../components/BlockForm/BlockForm';
+import useFormSpec from '../../hooks/useFormSpec';
+const b = block('editor-form');
 // TODO in https://github.com/gravity-ui/page-constructor/issues/884 this component will be extremely refactor
-exports.Form = React.memo(({ content, onChange, activeBlockIndex, onSelect, schema }) => {
+export const Form = React.memo(({ content, onChange, activeBlockIndex, onSelect, schema }) => {
     const { blocks } = content || {};
-    const spec = (0, useFormSpec_1.default)(schema);
+    const spec = useFormSpec(schema);
     const { blocks: blocksSpec } = spec || {};
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-2", children: 'Blocks' }), blocks.map((blockData, index) => blocksSpec[blockData.type] ? ((0, jsx_runtime_1.jsx)("div", { className: b('block-form'), children: (0, jsx_runtime_1.jsx)(BlockForm_1.BlockForm, { spec: blocksSpec[blockData.type], data: blockData, active: activeBlockIndex === index, onChange: (data) => {
+    return (_jsxs("div", { className: b(), children: [_jsx(Text, { variant: "body-2", children: 'Blocks' }), blocks.map((blockData, index) => blocksSpec[blockData.type] ? (_jsx("div", { className: b('block-form'), children: _jsx(BlockForm, { spec: blocksSpec[blockData.type], data: blockData, active: activeBlockIndex === index, onChange: (data) => {
                         onChange(Object.assign(Object.assign({}, content), { blocks: [
                                 ...blocks.slice(0, index),
                                 data,
                                 ...blocks.slice(index + 1),
                             ] }));
-                    }, onSelect: () => onSelect(index) }) }, (0, utils_1.getBlockKey)(blockData, index))) : null)] }));
+                    }, onSelect: () => onSelect(index) }) }, getBlockKey(blockData, index))) : null)] }));
 });
-exports.Form.displayName = 'Form';
-//# sourceMappingURL=Form.js.map
+Form.displayName = 'Form';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { PageConstructorProps, PageConstructorProviderProps } from "../containers/PageConstructor/index.js";
-import { Theme } from "../models/common.js";
-import { EditorProps } from "./types/index.js";
+import { PageConstructorProps, PageConstructorProviderProps } from '../containers/PageConstructor';
+import { Theme } from '../models/common';
+import { EditorProps } from './types';
 export interface EditorContextType {
     constructorProps?: PageConstructorProps;
     providerProps?: PageConstructorProviderProps;

package/build/cjs/editor/context.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-exports.EditorContext = React.createContext({});
-//# sourceMappingURL=context.js.map
+import * as React from 'react';
+export const EditorContext = React.createContext({});

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

@@ -1,4 +1,4 @@
-import { Block, BlockType } from "../../models/index.js";
+import { Block, BlockType } from '../../models';
 export type PreviewComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
 export interface EdiorBlockData {
     template: Block;

package/build/cjs/editor/data/index.js

@@ -1,34 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEditorBlocksData = getEditorBlocksData;
-const tslib_1 = require("tslib");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../utils/index.js");
-const default_preview_1 = tslib_1.__importDefault(require("./previews/default-preview.js"));
-const header_block_1 = tslib_1.__importDefault(require("./previews/header-block.js"));
+import { BlockType } from '../../models';
+import { formatBlockName } from '../utils';
+import DefaultPreview from './previews/default-preview';
+import HeaderBlock from './previews/header-block';
 const getBlockTemplate = (blockType) => import(`./templates/${blockType}.json`).then((data) => data.default);
 const getBlockPreview = (blockType) => {
     try {
-        if (blockType === models_1.BlockType.HeaderBlock) {
-            return header_block_1.default;
+        if (blockType === BlockType.HeaderBlock) {
+            return HeaderBlock;
         }
-        return default_preview_1.default;
+        return DefaultPreview;
     }
     catch (err) {
         /*eslint-disable no-console */
         console.warn(`Preview image for ${blockType} not found`);
-        return default_preview_1.default;
+        return DefaultPreview;
     }
 };
 async function getEditorBlocksData() {
     const EdiorBlockData = {};
-    for (const blockType of Object.values(models_1.BlockType)) {
+    for (const blockType of Object.values(BlockType)) {
         const template = await getBlockTemplate(blockType);
         const preview = getBlockPreview(blockType);
         template.meta = template.meta || {};
-        template.meta.title = template.meta.title || (0, utils_1.formatBlockName)(blockType);
+        template.meta.title = template.meta.title || formatBlockName(blockType);
         EdiorBlockData[blockType] = Object.assign(Object.assign({}, template), { preview });
     }
     return EdiorBlockData;
 }
-//# sourceMappingURL=index.js.map
+export { getEditorBlocksData };

package/build/cjs/editor/data/previews/default-preview.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../../../utils/svg.js");
-const DefaultPreview = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }), (0, jsx_runtime_1.jsx)("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
-exports.default = DefaultPreview;
-//# sourceMappingURL=default-preview.js.map
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { a11yHiddenSvgProps } from '../../../utils/svg';
+const DefaultPreview = (props) => (_jsxs("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a11yHiddenSvgProps, props, { children: [_jsx("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), _jsx("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7675", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "#E7E7E7" }), _jsx("rect", { x: "33.6977", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
+export default DefaultPreview;

package/build/cjs/editor/data/previews/header-block.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_1 = require("../../../utils/svg.js");
-const Header = (props) => ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, svg_1.a11yHiddenSvgProps, props, { children: [(0, jsx_runtime_1.jsx)("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "4.44174", y: "9.60464", width: "141.116", height: "56.7907", rx: "5.16279", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), (0, jsx_runtime_1.jsx)("rect", { x: "33.6976", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
-exports.default = Header;
-//# sourceMappingURL=header-block.js.map
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { a11yHiddenSvgProps } from '../../../utils/svg';
+const Header = (props) => (_jsxs("svg", Object.assign({ width: "150", height: "76", viewBox: "0 0 150 76", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, a11yHiddenSvgProps, props, { children: [_jsx("rect", { x: "1", y: "1", width: "148", height: "74", rx: "8", fill: "white" }), _jsx("rect", { x: "4.44174", y: "9.60464", width: "141.116", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "43.1628", y: "21.6512", width: "28.3953", height: "6.88372", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "14.7674", y: "31.9767", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "37.1395", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "42.3023", width: "56.7907", height: "3.44186", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "14.7674", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "white" }), _jsx("rect", { x: "33.6976", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "52.6279", y: "49.186", width: "18.9302", height: "5.16279", rx: "0.860465", fill: "currentColor" }), _jsx("rect", { x: "78.4418", y: "9.60464", width: "56.7907", height: "56.7907", rx: "5.16279", fill: "currentColor" }), _jsx("rect", { x: "0.5", y: "0.5", width: "149", height: "75", rx: "8.5", stroke: "black", strokeOpacity: "0.1" })] })));
+export default Header;

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OneOfCustom = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const ajv_1 = tslib_1.__importDefault(require("ajv"));
-const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
-const utils_1 = require("../../../../utils/index.js");
-const useOneOf_1 = require("../../hooks/useOneOf.js");
-const b = (0, utils_1.block)('one-of-custom');
-const ajv = new ajv_1.default({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Controller, GroupIndent, SpecTypes, transformArrOut, } from '@gravity-ui/dynamic-forms';
+import Ajv from 'ajv';
+import isEmpty from 'lodash/isEmpty';
+import { block } from '../../../../utils';
+import { getSpecTypeDefaultValue, useOneOf } from '../../hooks/useOneOf';
+const b = block('one-of-custom');
+const ajv = new Ajv({
     $data: true,
     strict: false,
     strictSchema: false,
@@ -21,8 +17,8 @@ const getOneOfCustomSpecDefaultType = (spec) => { var _a, _b; return ((_b = (_a
 // dynamic-forms pass {} as default value for required properties of all types
 // this function replaces {} with default value accordingly to selected OneOf option spec type
 const getControllerDefautValue = (value, valueSpecType) => {
-    const isDefaultValue = typeof value === 'object' && (0, isEmpty_1.default)(value);
-    const defaultValue = valueSpecType ? (0, useOneOf_1.getSpecTypeDefaultValue)(valueSpecType) : undefined;
+    const isDefaultValue = typeof value === 'object' && isEmpty(value);
+    const defaultValue = valueSpecType ? getSpecTypeDefaultValue(valueSpecType) : undefined;
     return isDefaultValue ? defaultValue : value;
 };
 /**
@@ -41,7 +37,7 @@ const getControllerDefautValue = (value, valueSpecType) => {
  * @param {ObjectIndependentInputProps} props - props of original OneOf component
  * @returns {React.FC<ObjectIndependentInputProps>}
  */
-const OneOfCustom = (props) => {
+export const OneOfCustom = (props) => {
     var _a;
     const { spec, input, name } = props;
     const { properties } = spec;
@@ -51,21 +47,19 @@ const OneOfCustom = (props) => {
         return (properties &&
             ((_a = Object.keys(properties)) === null || _a === void 0 ? void 0 : _a.find((key) => {
                 const fieldSchema = (properties === null || properties === void 0 ? void 0 : properties[key]).__schema;
-                return fieldSchema && ajv.validate(fieldSchema, (0, dynamic_forms_1.transformArrOut)(input.value));
+                return fieldSchema && ajv.validate(fieldSchema, transformArrOut(input.value));
             }))) ||
             getOneOfCustomSpecDefaultType(spec);
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
-    const { oneOfValue, specProperties, toggler } = (0, useOneOf_1.useOneOf)({
+    const { oneOfValue, specProperties, toggler } = useOneOf({
         props: Object.assign(Object.assign({}, props), { input: Object.assign(Object.assign({}, input), { value: valueType ? { [valueType]: input.value } : input.value }) }),
     });
     const parentOnChange = React.useCallback((_childName, childValue, childErrors) => {
         input.onChange(childValue, childErrors);
     }, [input]);
     const parentOnUnmount = React.useCallback((childName) => input.onChange((currentValue) => currentValue, { [childName]: false }), [input]);
-    const valueSpecType = ((_a = specProperties[oneOfValue]) === null || _a === void 0 ? void 0 : _a.type) || dynamic_forms_1.SpecTypes.Object;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("div", { children: toggler }), specProperties[oneOfValue] && ((0, jsx_runtime_1.jsx)(dynamic_forms_1.GroupIndent, { children: (0, jsx_runtime_1.jsx)(dynamic_forms_1.Controller, { value: getControllerDefautValue(input.value, valueSpecType), name: name, spec: specProperties[oneOfValue], parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount }, `${name}.${oneOfValue}`) }))] }));
+    const valueSpecType = ((_a = specProperties[oneOfValue]) === null || _a === void 0 ? void 0 : _a.type) || SpecTypes.Object;
+    return (_jsxs("div", { className: b(), children: [_jsx("div", { children: toggler }), specProperties[oneOfValue] && (_jsx(GroupIndent, { children: _jsx(Controller, { value: getControllerDefautValue(input.value, valueSpecType), name: name, spec: specProperties[oneOfValue], parentOnChange: parentOnChange, parentOnUnmount: parentOnUnmount }, `${name}.${oneOfValue}`) }))] }));
 };
-exports.OneOfCustom = OneOfCustom;
-//# sourceMappingURL=OneOfCustom.js.map

package/build/cjs/editor/dynamic-forms-custom/config.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dynamicConfig = void 0;
-const tslib_1 = require("tslib");
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
-const OneOfCustom_1 = require("./components/OneOfCustom/OneOfCustom.js");
+import { dynamicConfig as libConfig } from '@gravity-ui/dynamic-forms';
+import cloneDeep from 'lodash/cloneDeep';
+import { OneOfCustom } from './components/OneOfCustom/OneOfCustom';
 const getDynamicConfig = () => {
-    const dynamicConfig = (0, cloneDeep_1.default)(dynamic_forms_1.dynamicConfig);
+    const dynamicConfig = cloneDeep(libConfig);
     // @ts-ignore
-    dynamicConfig.object.inputs['oneof_custom'] = { Component: OneOfCustom_1.OneOfCustom, independent: true };
+    dynamicConfig.object.inputs['oneof_custom'] = { Component: OneOfCustom, independent: true };
     return dynamicConfig;
 };
-exports.dynamicConfig = getDynamicConfig();
-//# sourceMappingURL=config.js.map
+export const dynamicConfig = getDynamicConfig();

package/build/cjs/editor/dynamic-forms-custom/hooks/useOneOf.js

@@ -1,34 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOneOf = exports.getSpecTypeDefaultValue = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const uikit_1 = require("@gravity-ui/uikit");
-const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
-const some_1 = tslib_1.__importDefault(require("lodash/some"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { SpecTypes, } from '@gravity-ui/dynamic-forms';
+import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
+import isObjectLike from 'lodash/isObjectLike';
+import some from 'lodash/some';
 const MAX_TAB_TITLE_LENGTH = 20;
-const getSpecTypeDefaultValue = (type) => {
+export const getSpecTypeDefaultValue = (type) => {
     switch (type) {
-        case dynamic_forms_1.SpecTypes.Array:
+        case SpecTypes.Array:
             return [];
-        case dynamic_forms_1.SpecTypes.Boolean:
-        case dynamic_forms_1.SpecTypes.Number:
-        case dynamic_forms_1.SpecTypes.String:
+        case SpecTypes.Boolean:
+        case SpecTypes.Number:
+        case SpecTypes.String:
             return undefined;
         default:
             return {};
     }
 };
-exports.getSpecTypeDefaultValue = getSpecTypeDefaultValue;
-const useOneOf = ({ props, onTogglerChange }) => {
+export const useOneOf = ({ props, onTogglerChange }) => {
     const { name, input, spec, Layout } = props;
     const { order, disabled, oneOfParams } = spec.viewSpec;
-    const specProperties = React.useMemo(() => ((0, isObjectLike_1.default)(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = React.useMemo(() => (isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
     const [oneOfValue, setOneOfValue] = React.useState(() => {
         let valueKeys;
-        if ((0, isObjectLike_1.default)(input.value)) {
+        if (isObjectLike(input.value)) {
             const keys = Object.keys(input.value);
             if (keys.length) {
                 valueKeys = keys;
@@ -39,8 +34,8 @@ const useOneOf = ({ props, onTogglerChange }) => {
     const onOneOfChange = React.useCallback(([newValue]) => {
         var _a;
         if (newValue !== oneOfValue) {
-            const specType = ((_a = specProperties[newValue]) === null || _a === void 0 ? void 0 : _a.type) || dynamic_forms_1.SpecTypes.Object;
-            input.onChange((0, exports.getSpecTypeDefaultValue)(specType));
+            const specType = ((_a = specProperties[newValue]) === null || _a === void 0 ? void 0 : _a.type) || SpecTypes.Object;
+            input.onChange(getSpecTypeDefaultValue(specType));
             setOneOfValue(newValue);
             onTogglerChange === null || onTogglerChange === void 0 ? void 0 : onTogglerChange(newValue);
         }
@@ -61,18 +56,16 @@ const useOneOf = ({ props, onTogglerChange }) => {
         if ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) !== 'radio' &&
             ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) === 'select' ||
                 options.length > 3 ||
-                (0, some_1.default)(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
-            return ((0, jsx_runtime_1.jsx)(uikit_1.Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: disabled, filterable: options.length > 7, qa: name }));
+                some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
+            return (_jsx(Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: disabled, filterable: options.length > 7, qa: name }));
         }
-        return ((0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: disabled, qa: name, children: options.map(({ value, title }) => ((0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup.Option, { value: value, children: title }, value))) }));
+        return (_jsx(SegmentedRadioGroup, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: disabled, qa: name, children: options.map(({ value, title }) => (_jsx(SegmentedRadioGroup.Option, { value: value, children: title }, value))) }));
     }, [options, oneOfValue, onOneOfChange, name, oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler, disabled]);
     const toggler = React.useMemo(() => {
         if (Layout) {
-            return (0, jsx_runtime_1.jsx)(Layout, Object.assign({}, props, { children: togglerInput }));
+            return _jsx(Layout, Object.assign({}, props, { children: togglerInput }));
         }
         return togglerInput;
     }, [Layout, togglerInput, props]);
     return { oneOfValue, specProperties, toggler, togglerInput };
 };
-exports.useOneOf = useOneOf;
-//# sourceMappingURL=useOneOf.js.map

package/build/cjs/editor/dynamic-forms-custom/parser/detect.d.ts

@@ -1,4 +1,4 @@
-import { Schema } from "../../../schema/index.js";
+import { Schema } from '../../../schema';
 export declare enum ParserType {
     Object = "object",
     Array = "array",

package/build/cjs/editor/dynamic-forms-custom/parser/detect.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.detectParserType = exports.ParserType = void 0;
-const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-var ParserType;
+import { SpecTypes } from '@gravity-ui/dynamic-forms';
+export var ParserType;
 (function (ParserType) {
     ParserType["Object"] = "object";
     ParserType["Array"] = "array";
     ParserType["Children"] = "children";
     ParserType["OneOf"] = "oneOf";
     ParserType["Primitive"] = "primitive";
-})(ParserType || (exports.ParserType = ParserType = {}));
+})(ParserType || (ParserType = {}));
 const isOneOf = (data) => 'oneOf' in data;
 const isObject = (data) => 'properties' in data;
-const isArray = (data) => 'type' in data && data.type === dynamic_forms_1.SpecTypes.Array;
+const isArray = (data) => 'type' in data && data.type === SpecTypes.Array;
 const isChildren = (data) => 'type' in data &&
-    data.type === dynamic_forms_1.SpecTypes.Array &&
+    data.type === SpecTypes.Array &&
     'items' in data &&
     typeof data.items !== 'undefined' &&
     '$ref' in data.items;
@@ -25,7 +22,7 @@ const ParserTypeDetectors = [
     { type: ParserType.Object, detector: isObject },
     { type: ParserType.Array, detector: isArray },
 ];
-const detectParserType = (data) => {
+export const detectParserType = (data) => {
     for (const { type, detector } of ParserTypeDetectors) {
         if (detector(data)) {
             return type;
@@ -33,5 +30,3 @@ const detectParserType = (data) => {
     }
     return ParserType.Primitive;
 };
-exports.detectParserType = detectParserType;
-//# sourceMappingURL=detect.js.map

package/build/cjs/editor/dynamic-forms-custom/parser/index.d.ts

@@ -1,5 +1,5 @@
-import { Schema } from "../../../schema/index.js";
-import { FormSpecs } from "./types.js";
+import { Schema } from '../../../schema';
+import { FormSpecs } from './types';
 declare class FormSpecParser {
     private schema;
     private definitions;