@gravity-ui/page-constructor 6.3.2-alpha.3 → 6.5.0

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const usePCEditorItemWrap_1 = require("../../../hooks/usePCEditorItemWrap.js");
-const utils_1 = require("../../../utils/index.js");
-const b = (0, utils_1.block)('item-wrap');
-const ItemWrap = ({ index, children }) => {
-    const { blockRef, adminBlockMouseEvents } = (0, usePCEditorItemWrap_1.usePCEditorItemWrap)(index);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, className: b(), ...adminBlockMouseEvents, children: children }));
-};
-exports.default = ItemWrap;
-//# sourceMappingURL=ItemWrap.js.map

package/build/cjs/components/editor/ItemWrap/ItemWrap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemWrap.js","sourceRoot":"../../../../../src","sources":["components/editor/ItemWrap/ItemWrap.tsx"],"names":[],"mappings":";;;AAEA,+EAAuE;AACvE,mDAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,WAAW,CAAC,CAAC;AAM7B,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAgB,EAAE,EAAE;IAClD,MAAM,EAAC,QAAQ,EAAE,qBAAqB,EAAC,GAAG,IAAA,yCAAmB,EAAC,KAAK,CAAC,CAAC;IACrE,OAAO,CACH,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,KAAM,qBAAqB,YACxD,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {usePCEditorItemWrap} from '../../../hooks/usePCEditorItemWrap';\nimport {block} from '../../../utils';\n\nimport './ItemWrap.scss';\n\nconst b = block('item-wrap');\n\nexport interface ItemWrapProps extends React.PropsWithChildren {\n    index: number;\n}\n\nconst ItemWrap = ({index, children}: ItemWrapProps) => {\n    const {blockRef, adminBlockMouseEvents} = usePCEditorItemWrap(index);\n    return (\n        <div ref={blockRef} className={b()} {...adminBlockMouseEvents}>\n            {children}\n        </div>\n    );\n};\n\nexport default ItemWrap;\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { StoreApi } from 'zustand';
-import { EditorState } from "../../common/store.js";
-export interface PCEditorStoreContextProps {
-    state: StoreApi<EditorState>;
-}
-export declare const PCEditorStoreContext: React.Context<PCEditorStoreContextProps>;

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PCEditorStoreContext = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const store_1 = require("../../common/store.js");
-exports.PCEditorStoreContext = React.createContext({
-    state: (0, store_1.createPCEditorStore)(),
-});
-//# sourceMappingURL=PCEditorStoreContext.js.map

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAMvD,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\n\nexport interface PCEditorStoreContextProps {\n    state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n    state: createPCEditorStore(),\n});\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-interface PCEditorStoreProviderProps extends React.PropsWithChildren {
-}
-export declare const PCEditorStoreProvider: ({ children }: PCEditorStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PCEditorStoreProvider = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const store_1 = require("../../common/store.js");
-const PCEditorStoreContext_1 = require("./PCEditorStoreContext.js");
-const PCEditorStoreProvider = ({ children }) => {
-    const storeRef = React.useRef();
-    const syncStore = React.useCallback((message) => {
-        if (storeRef.current && message.state) {
-            storeRef.current.setState(message.state);
-        }
-    }, []);
-    React.useEffect(() => {
-        const onMessage = (e) => {
-            const message = e.data;
-            syncStore(message);
-        };
-        window.addEventListener('message', onMessage);
-        return () => {
-            window.removeEventListener('message', onMessage);
-        };
-    }, [syncStore]);
-    if (!storeRef.current) {
-        storeRef.current = (0, store_1.createPCEditorStore)();
-    }
-    return ((0, jsx_runtime_1.jsx)(PCEditorStoreContext_1.PCEditorStoreContext.Provider, { value: {
-            state: storeRef.current,
-        }, children: children }));
-};
-exports.PCEditorStoreProvider = PCEditorStoreProvider;
-//# sourceMappingURL=PCEditorStoreProvider.js.map

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,iDAAoE;AAGpE,oEAA4D;AAIrD,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../common/store';\nimport {StoreSyncMessage} from '../../common/types';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n    const storeRef = React.useRef<StoreApi<EditorState>>();\n\n    const syncStore = React.useCallback((message: StoreSyncMessage) => {\n        if (storeRef.current && message.state) {\n            storeRef.current.setState(message.state);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const onMessage = (e: MessageEvent) => {\n            const message = e.data as StoreSyncMessage;\n            syncStore(message);\n        };\n\n        window.addEventListener('message', onMessage);\n\n        return () => {\n            window.removeEventListener('message', onMessage);\n        };\n    }, [syncStore]);\n\n    if (!storeRef.current) {\n        storeRef.current = createPCEditorStore();\n    }\n\n    return (\n        <PCEditorStoreContext.Provider\n            value={{\n                state: storeRef.current,\n            }}\n        >\n            {children}\n        </PCEditorStoreContext.Provider>\n    );\n};\n"]}

package/build/cjs/context/editorStoreContext/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./PCEditorStoreContext.js";
-export * from "./PCEditorStoreProvider.js";

package/build/cjs/context/editorStoreContext/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./PCEditorStoreContext.js"), exports);
-tslib_1.__exportStar(require("./PCEditorStoreProvider.js"), exports);
-//# sourceMappingURL=index.js.map

package/build/cjs/context/editorStoreContext/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/index.ts"],"names":[],"mappings":";;;AAAA,oEAAuC;AACvC,qEAAwC","sourcesContent":["export * from './PCEditorStoreContext';\nexport * from './PCEditorStoreProvider';\n"]}

package/build/cjs/editor/data/templates/test-editor-block.json

@@ -1,18 +0,0 @@
-{
-  "template": {
-    "type": "test-editor-block",
-    "title": "Lorem ipsum dolor sit amet",
-    "table": {
-      "content": [
-        ["Lorem", "ipsum 1", "dolor 2", "sit 3"],
-        ["Lorem 1", "0", "0", "0"],
-        ["Lorem 2", "0", "0", "1"],
-        ["Lorem 3", "0", "0", "1"],
-        ["Lorem 4", "0", "1", "1"],
-        ["Lorem 5", "1", "1", "1"]
-      ],
-      "legend": ["ipsum 1", "ipsum 2"],
-      "justify": ["start", "center", "center", "center"]
-    }
-  }
-}

package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.d.ts

@@ -1,9 +0,0 @@
-import { ConfigInput, DynamicFormValue } from "../../../common/types/index.js";
-interface DynamicFormProps {
-    blockConfig: Array<ConfigInput>;
-    contentConfig?: DynamicFormValue;
-    onUpdate: (key: string, value: DynamicFormValue) => void;
-    className?: string;
-}
-declare const DynamicForm: ({ blockConfig, onUpdate, contentConfig }: DynamicFormProps) => import("react/jsx-runtime").JSX.Element;
-export default DynamicForm;

package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.js

@@ -1,115 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const React = tslib_1.__importStar(require("react"));
-const cn_1 = require("../../utils/cn.js");
-const Array_1 = tslib_1.__importDefault(require("./Fields/Array/Array.js"));
-const Boolean_1 = tslib_1.__importDefault(require("./Fields/Boolean/Boolean.js"));
-const Number_1 = tslib_1.__importDefault(require("./Fields/Number/Number.js"));
-const Object_1 = tslib_1.__importDefault(require("./Fields/Object/Object.js"));
-const OneOf_1 = tslib_1.__importDefault(require("./Fields/OneOf/OneOf.js"));
-const Select_1 = tslib_1.__importDefault(require("./Fields/Select/Select.js"));
-const Text_1 = tslib_1.__importDefault(require("./Fields/Text/Text.js"));
-const TextArea_1 = tslib_1.__importDefault(require("./Fields/TextArea/TextArea.js"));
-const utils_1 = require("./utils.js");
-const b = (0, cn_1.editorCn)('dynamic-form');
-const DynamicForm = ({ blockConfig, onUpdate, contentConfig }) => {
-    const inputs = blockConfig;
-    const getData = React.useCallback((variable) => {
-        if (variable.startsWith('block.')) {
-            const purePath = variable.replace('block.', '');
-            return lodash_1.default.get(contentConfig, purePath);
-        }
-        if ((variable.startsWith(`'`) && variable.endsWith(`'`)) ||
-            (variable.startsWith(`"`) && variable.endsWith(`"`))) {
-            // @ts-ignore TODO: replaceAll types
-            return variable.replaceAll(`'`, '').replaceAll(`"`, '');
-        }
-        return undefined;
-    }, [contentConfig]);
-    const decide = React.useCallback((showIf) => {
-        const parts = showIf.split(' ');
-        if (!(parts.length === 3)) {
-            // eslint-disable-next-line no-console
-            console.log('Something bad happened in showIf, ignored');
-            return true;
-        }
-        const [firstVariable, equals, secondVariable] = parts;
-        const data1 = getData(firstVariable);
-        const data2 = getData(secondVariable);
-        if (equals === '===') {
-            return data1 === data2;
-        }
-        else {
-            return data1 !== data2;
-        }
-    }, [getData]);
-    const renderInput = React.useCallback((input) => {
-        const fieldPath = input.name;
-        const fieldValue = (0, utils_1.getContent)(contentConfig, input.name);
-        if (input.showIf) {
-            const decision = decide(input.showIf);
-            if (!decision) {
-                return (0, jsx_runtime_1.jsxs)("div", { children: ["Hidden Field: ", input.name] });
-            }
-        }
-        // Text, Select, Boolean and etc
-        const onSimpleDynamicFieldUpdate = (value) => {
-            onUpdate(fieldPath, value);
-        };
-        // Array and Objects
-        const onComplexDynamicFieldUpdate = (key, value) => {
-            onUpdate((0, utils_1.getFullPath)(fieldPath, key), value);
-        };
-        switch (input.type) {
-            case 'text': {
-                return ((0, jsx_runtime_1.jsx)(Text_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'boolean': {
-                return ((0, jsx_runtime_1.jsx)(Boolean_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'textarea': {
-                return ((0, jsx_runtime_1.jsx)(TextArea_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'select': {
-                return ((0, jsx_runtime_1.jsx)(Select_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), input: input, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'number': {
-                return ((0, jsx_runtime_1.jsx)(Number_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), title: input.title, value: fieldValue, onUpdate: onSimpleDynamicFieldUpdate }));
-            }
-            case 'object': {
-                if (!input || !('properties' in input)) {
-                    return null;
-                }
-                return ((0, jsx_runtime_1.jsx)(Object_1.default, { onRefresh: (value) => onUpdate(fieldPath, value), blockConfig: input.properties, title: input.title, value: fieldValue, onUpdate: onComplexDynamicFieldUpdate }));
-            }
-            case 'array': {
-                return ((0, jsx_runtime_1.jsx)(Array_1.default, { blockConfig: input, title: input.title, values: fieldValue, onUpdate: onComplexDynamicFieldUpdate }));
-            }
-            case 'oneOf': {
-                if (!input || !('options' in input)) {
-                    return null;
-                }
-                return ((0, jsx_runtime_1.jsx)(OneOf_1.default, { inputConfig: input, contentConfig: contentConfig, onUpdate: onComplexDynamicFieldUpdate }));
-            }
-            default: {
-                return (0, jsx_runtime_1.jsxs)("div", { children: ["Ignore ", JSON.stringify(input)] });
-            }
-        }
-    }, [contentConfig, decide, onUpdate]);
-    const sortedInputs = inputs.sort((x, y) => {
-        const nestingFieldTypes = ['object', 'array', 'oneOf'];
-        if (nestingFieldTypes.includes(x.type)) {
-            return 1;
-        }
-        if (nestingFieldTypes.includes(y.type)) {
-            return -1;
-        }
-        return 0;
-    });
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(), children: sortedInputs.map((input, index) => ((0, jsx_runtime_1.jsx)(React.Fragment, { children: renderInput(input) }, index))) }));
-};
-exports.default = DynamicForm;
-//# sourceMappingURL=DynamicForm.js.map

package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n    blockConfig: Array<ConfigInput>;\n    contentConfig?: DynamicFormValue;\n    onUpdate: (key: string, value: DynamicFormValue) => void;\n    className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n    const inputs = blockConfig;\n\n    const getData = React.useCallback(\n        (variable: string) => {\n            if (variable.startsWith('block.')) {\n                const purePath = variable.replace('block.', '');\n                return _.get(contentConfig, purePath);\n            }\n\n            if (\n                (variable.startsWith(`'`) && variable.endsWith(`'`)) ||\n                (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n            ) {\n                // @ts-ignore TODO: replaceAll types\n                return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n            }\n\n            return undefined;\n        },\n        [contentConfig],\n    );\n\n    const decide = React.useCallback(\n        (showIf: string): boolean => {\n            const parts = showIf.split(' ');\n\n            if (!(parts.length === 3)) {\n                // eslint-disable-next-line no-console\n                console.log('Something bad happened in showIf, ignored');\n                return true;\n            }\n\n            const [firstVariable, equals, secondVariable] = parts;\n\n            const data1 = getData(firstVariable);\n            const data2 = getData(secondVariable);\n\n            if (equals === '===') {\n                return data1 === data2;\n            } else {\n                return data1 !== data2;\n            }\n        },\n        [getData],\n    );\n\n    const renderInput = React.useCallback(\n        (input: ConfigInput) => {\n            const fieldPath = input.name;\n            const fieldValue = getContent(contentConfig, input.name);\n\n            if (input.showIf) {\n                const decision = decide(input.showIf);\n\n                if (!decision) {\n                    return <div>Hidden Field: {input.name}</div>;\n                }\n            }\n\n            // Text, Select, Boolean and etc\n            const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n                onUpdate(fieldPath, value);\n            };\n\n            // Array and Objects\n            const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n                onUpdate(getFullPath(fieldPath, key), value);\n            };\n\n            switch (input.type) {\n                case 'text': {\n                    return (\n                        <TextDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'boolean': {\n                    return (\n                        <BooleanDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'textarea': {\n                    return (\n                        <TextAreaDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'select': {\n                    return (\n                        <SelectDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            input={input}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'number': {\n                    return (\n                        <NumberDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onSimpleDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'object': {\n                    if (!input || !('properties' in input)) {\n                        return null;\n                    }\n\n                    return (\n                        <ObjectDynamicField\n                            onRefresh={(value) => onUpdate(fieldPath, value)}\n                            blockConfig={input.properties}\n                            title={input.title}\n                            value={fieldValue}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'array': {\n                    return (\n                        <ArrayDynamicField\n                            blockConfig={input}\n                            title={input.title}\n                            values={fieldValue}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                case 'oneOf': {\n                    if (!input || !('options' in input)) {\n                        return null;\n                    }\n\n                    return (\n                        <OneOfDynamicField\n                            inputConfig={input}\n                            contentConfig={contentConfig}\n                            onUpdate={onComplexDynamicFieldUpdate}\n                        />\n                    );\n                }\n                default: {\n                    return <div>Ignore {JSON.stringify(input)}</div>;\n                }\n            }\n        },\n        [contentConfig, decide, onUpdate],\n    );\n\n    const sortedInputs = inputs.sort((x, y) => {\n        const nestingFieldTypes = ['object', 'array', 'oneOf'];\n        if (nestingFieldTypes.includes(x.type)) {\n            return 1;\n        }\n        if (nestingFieldTypes.includes(y.type)) {\n            return -1;\n        }\n        return 0;\n    });\n\n    return (\n        <div className={b()}>\n            {sortedInputs.map((input, index) => (\n                <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n            ))}\n        </div>\n    );\n};\n\nexport default DynamicForm;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.css

@@ -1,76 +0,0 @@
-.pceditor-field-base {
-  padding: 16px 12px;
-  border-bottom: 1px solid var(--g-color-line-generic);
-  position: relative;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  gap: 8px;
-}
-.pceditor-field-base:hover > .pceditor-field-base__top > .pceditor-field-base__button {
-  opacity: 1;
-}
-.pceditor-field-base_expandable {
-  flex-direction: column;
-  gap: 16px;
-}
-.pceditor-field-base_expandable > .pceditor-field-base__top {
-  width: 100%;
-  flex-basis: initial;
-}
-.pceditor-field-base_expandable > .pceditor-field-base__children {
-  width: 100%;
-}
-.pceditor-field-base__top {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex: 0 0 64px;
-  word-break: break-all;
-}
-.pceditor-field-base__children {
-  flex: 2 1 auto;
-}
-.pceditor-field-base__foldable {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  cursor: pointer;
-}
-.pceditor-field-base__non-foldable:before {
-  position: absolute;
-  right: calc(100% + 5px);
-}
-.pceditor-field-base__button {
-  transition: opacity 0.3s ease;
-  opacity: 0;
-}
-.pceditor-field-base__title {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-  margin: 5px 0;
-}
-.pceditor-field-base__title_size_s {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-1-font-size);
-  line-height: var(--g-text-body-1-line-height);
-}
-.pceditor-field-base__title_size_m {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-2-font-size);
-  line-height: var(--g-text-body-2-line-height);
-}
-.pceditor-field-base__title_size_l {
-  font-family: var(--g-text-body-font-family);
-  font-weight: var(--g-text-body-font-weight);
-  font-size: var(--g-text-body-3-font-size);
-  line-height: var(--g-text-body-3-line-height);
-}
-.pceditor-field-base:last-child {
-  border-bottom: none;
-}

package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface FieldBaseParams {
-    title?: string;
-    textSize?: 's' | 'm' | 'l';
-    onRefresh?: (value: undefined) => void;
-    expandable?: boolean;
-}
-export interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {
-    className?: string;
-}
-declare const FieldBase: React.FC<FieldBaseProps>;
-export default FieldBase;

package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const React = tslib_1.__importStar(require("react"));
-const cn_1 = require("../../../utils/cn.js");
-const b = (0, cn_1.editorCn)('field-base');
-const FieldBase = ({ className, title, textSize = 's', children, expandable = false, }) => {
-    const [showChildren, setShowChildren] = React.useState(!expandable);
-    const titleComponent = React.useMemo(() => {
-        if (title) {
-            const defaultTitle = ((0, jsx_runtime_1.jsx)("div", { className: b('title', { size: textSize }), children: lodash_1.default.capitalize(title) }));
-            if (expandable) {
-                return (
-                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-                (0, jsx_runtime_1.jsxs)("div", { className: b('foldable'), onClick: () => setShowChildren(!showChildren), children: [defaultTitle, (0, jsx_runtime_1.jsx)(uikit_1.ArrowToggle, { direction: showChildren ? 'bottom' : 'right', className: b('arrow-toggle') })] }));
-            }
-            return (0, jsx_runtime_1.jsx)("div", { className: b('non-foldable'), children: defaultTitle });
-        }
-        return null;
-    }, [expandable, showChildren, textSize, title]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ expandable }, className), children: [title && (0, jsx_runtime_1.jsx)("div", { className: b('top'), children: titleComponent }), (!title || showChildren) && (0, jsx_runtime_1.jsx)("div", { className: b('children'), children: children })] }));
-};
-exports.default = FieldBase;
-//# sourceMappingURL=FieldBase.js.map

package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";;;;AAAA,6CAA8C;AAC9C,4DAAuB;AACvB,qDAA+B;AAE/B,6CAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,YAAY,CAAC,CAAC;AAajC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,GACrB,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,CACjB,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,YAAG,gBAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAO,CAC5E,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,iCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,uBAAC,mBAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhD,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,IAC1E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {ArrowToggle} from '@gravity-ui/uikit';\nimport _ from 'lodash';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = editorCn('field-base');\n\nexport interface FieldBaseParams {\n    title?: string;\n    textSize?: 's' | 'm' | 'l';\n    onRefresh?: (value: undefined) => void;\n    expandable?: boolean;\n}\n\nexport interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {\n    className?: string;\n}\n\nconst FieldBase: React.FC<FieldBaseProps> = ({\n    className,\n    title,\n    textSize = 's',\n    children,\n    expandable = false,\n}) => {\n    const [showChildren, setShowChildren] = React.useState(!expandable);\n\n    const titleComponent = React.useMemo(() => {\n        if (title) {\n            const defaultTitle = (\n                <div className={b('title', {size: textSize})}>{_.capitalize(title)}</div>\n            );\n\n            if (expandable) {\n                return (\n                    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n                    <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n                        {defaultTitle}\n                        <ArrowToggle\n                            direction={showChildren ? 'bottom' : 'right'}\n                            className={b('arrow-toggle')}\n                        />\n                    </div>\n                );\n            }\n\n            return <div className={b('non-foldable')}>{defaultTitle}</div>;\n        }\n\n        return null;\n    }, [expandable, showChildren, textSize, title]);\n\n    return (\n        <div className={b({expandable}, className)}>\n            {title && <div className={b('top')}>{titleComponent}</div>}\n            {(!title || showChildren) && <div className={b('children')}>{children}</div>}\n        </div>\n    );\n};\n\nexport default FieldBase;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.css

@@ -1,37 +0,0 @@
-.pceditor-array-dynamic-field__card {
-  padding: 12px;
-  margin-top: 12px;
-}
-.pceditor-array-dynamic-field__card:first-child {
-  margin-bottom: 0;
-}
-.pceditor-array-dynamic-field__row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-  margin-top: 10px;
-}
-.pceditor-array-dynamic-field__row:first-child {
-  margin-top: 0;
-}
-.pceditor-array-dynamic-field__card-head {
-  margin-bottom: 8px;
-}
-.pceditor-array-dynamic-field__row-title {
-  font-family: var(--g-text-subheader-font-family);
-  font-weight: var(--g-text-subheader-font-weight);
-  font-size: var(--g-text-subheader-3-font-size);
-  line-height: var(--g-text-subheader-3-line-height);
-}
-.pceditor-array-dynamic-field__row-title, .pceditor-array-dynamic-field__row-field {
-  flex: 1;
-}
-.pceditor-array-dynamic-field__empty {
-  padding: 10px;
-  display: flex;
-  justify-content: center;
-}
-.pceditor-array-dynamic-field__add-button {
-  margin-top: 12px;
-}

package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.d.ts

@@ -1,11 +0,0 @@
-import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "../../../../../common/types/index.js";
-type ArrayInput = ArrayTextInput | ArrayObjectInput;
-interface ArrayFieldProps {
-    title: string;
-    values: Array<DynamicFormValue>;
-    onUpdate: (key: string, value: DynamicFormValue) => void;
-    blockConfig: ArrayInput;
-    className?: string;
-}
-declare const ArrayDynamicField: ({ title, values, onUpdate, className, blockConfig }: ArrayFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default ArrayDynamicField;

package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const React = tslib_1.__importStar(require("react"));
-const utils_1 = require("../../../../utils/index.js");
-const cn_1 = require("../../../../utils/cn.js");
-const DynamicForm_1 = tslib_1.__importDefault(require("../../DynamicForm.js"));
-const FieldBase_1 = tslib_1.__importDefault(require("../../FieldBase/FieldBase.js"));
-const Text_1 = tslib_1.__importDefault(require("../Text/Text.js"));
-const ItemButton_1 = tslib_1.__importDefault(require("./ItemButton/ItemButton.js"));
-const b = (0, cn_1.editorCn)('array-dynamic-field');
-const ArrayDynamicField = ({ title, values, onUpdate, className, blockConfig }) => {
-    const haveItems = values && Array.isArray(values) && values.length;
-    const onAddItem = React.useCallback(() => {
-        if (blockConfig.arrayType === 'text') {
-            onUpdate('', haveItems ? [...values, ''] : ['']);
-        }
-        else if (blockConfig.arrayType === 'object') {
-            onUpdate('', haveItems ? [...values, {}] : [{}]);
-        }
-    }, [blockConfig.arrayType, haveItems, onUpdate, values]);
-    const onDeleteItem = React.useCallback((index) => {
-        if (Array.isArray(values)) {
-            const newArray = (0, utils_1.removeFromArray)(values, index);
-            onUpdate('', newArray);
-        }
-    }, [onUpdate, values]);
-    const onReorderItem = React.useCallback((index, placement) => {
-        if (Array.isArray(values)) {
-            const newArray = (0, utils_1.swapArrayItems)(values, index, placement === 'up' ? index - 1 : index + 1);
-            onUpdate('', newArray);
-        }
-    }, [onUpdate, values]);
-    const renderInput = React.useCallback((value, index) => {
-        const arrayItemButton = ((0, jsx_runtime_1.jsx)(ItemButton_1.default, { onRemove: () => onDeleteItem(index), onReorderUp: () => onReorderItem(index, 'up'), onReorderDown: () => onReorderItem(index, 'down'), disableReorderUp: index === 0, disableReorderDown: Boolean(haveItems) && values.length === index + 1 }));
-        switch (blockConfig.arrayType) {
-            case 'text': {
-                return ((0, jsx_runtime_1.jsxs)("div", { className: b('row'), children: [(0, jsx_runtime_1.jsx)(Text_1.default, { className: b('row-field'), value: String(value), onUpdate: (updateValue) => onUpdate(`[${index}]`, updateValue), onRefresh: (updatedValue) => onUpdate('', updatedValue) }), arrayItemButton] }));
-            }
-            case 'object': {
-                if (!blockConfig.properties) {
-                    return null;
-                }
-                return ((0, jsx_runtime_1.jsxs)(uikit_1.Card, { className: b('card'), children: [(0, jsx_runtime_1.jsxs)("div", { className: `${b('row')} ${b('card-head')}`, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('row-title'), children: ["#", index] }), arrayItemButton] }), (0, jsx_runtime_1.jsx)(DynamicForm_1.default, { contentConfig: value, blockConfig: blockConfig.properties, onUpdate: (key, updateValue) => onUpdate(`[${index}].${key}`, updateValue) })] }, index));
-            }
-            default: {
-                return null;
-            }
-        }
-    }, [blockConfig, haveItems, onDeleteItem, onReorderItem, onUpdate, values]);
-    const renderInputs = React.useCallback(() => {
-        if (haveItems) {
-            const renderItems = values
-                .map(renderInput)
-                .filter(Boolean);
-            return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [renderItems, (0, jsx_runtime_1.jsxs)(uikit_1.Button, { className: b('add-button'), onClick: onAddItem, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Plus }), blockConfig.buttonText] })] }));
-        }
-        else {
-            return ((0, jsx_runtime_1.jsx)("div", { className: b('empty'), children: (0, jsx_runtime_1.jsxs)(uikit_1.Button, { className: b('add-button'), onClick: onAddItem, children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.Plus }), "Please, add new item"] }) }));
-        }
-    }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);
-    return ((0, jsx_runtime_1.jsx)(FieldBase_1.default, { title: title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: (0, jsx_runtime_1.jsx)(uikit_1.Card, { className: b('card'), children: renderInputs() }) }));
-};
-exports.default = ArrayDynamicField;
-//# sourceMappingURL=Array.js.map

package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/Array.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Array.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Array/Array.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Plus} from '@gravity-ui/icons';\nimport {Button, Card, Icon} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {ArrayObjectInput, ArrayTextInput, DynamicFormValue} from '../../../../../common/types';\nimport {removeFromArray, swapArrayItems} from '../../../../utils';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\nimport Text from '../Text/Text';\n\nimport './Array.scss';\nimport ItemButton from './ItemButton/ItemButton';\n\nconst b = editorCn('array-dynamic-field');\n\ntype ArrayInput = ArrayTextInput | ArrayObjectInput;\n\ninterface ArrayFieldProps {\n    title: string;\n    values: Array<DynamicFormValue>;\n    onUpdate: (key: string, value: DynamicFormValue) => void;\n    blockConfig: ArrayInput;\n    className?: string;\n}\n\nconst ArrayDynamicField = ({title, values, onUpdate, className, blockConfig}: ArrayFieldProps) => {\n    const haveItems = values && Array.isArray(values) && values.length;\n\n    const onAddItem = React.useCallback(() => {\n        if (blockConfig.arrayType === 'text') {\n            onUpdate('', haveItems ? [...values, ''] : ['']);\n        } else if (blockConfig.arrayType === 'object') {\n            onUpdate('', haveItems ? [...values, {}] : [{}]);\n        }\n    }, [blockConfig.arrayType, haveItems, onUpdate, values]);\n\n    const onDeleteItem = React.useCallback(\n        (index: number) => {\n            if (Array.isArray(values)) {\n                const newArray = removeFromArray(values, index);\n                onUpdate('', newArray);\n            }\n        },\n        [onUpdate, values],\n    );\n\n    const onReorderItem = React.useCallback(\n        (index: number, placement: 'up' | 'down') => {\n            if (Array.isArray(values)) {\n                const newArray = swapArrayItems(\n                    values,\n                    index,\n                    placement === 'up' ? index - 1 : index + 1,\n                );\n                onUpdate('', newArray);\n            }\n        },\n        [onUpdate, values],\n    );\n\n    const renderInput = React.useCallback(\n        (value: DynamicFormValue, index: number) => {\n            const arrayItemButton = (\n                <ItemButton\n                    onRemove={() => onDeleteItem(index)}\n                    onReorderUp={() => onReorderItem(index, 'up')}\n                    onReorderDown={() => onReorderItem(index, 'down')}\n                    disableReorderUp={index === 0}\n                    disableReorderDown={Boolean(haveItems) && values.length === index + 1}\n                />\n            );\n\n            switch (blockConfig.arrayType) {\n                case 'text': {\n                    return (\n                        <div className={b('row')}>\n                            <Text\n                                className={b('row-field')}\n                                value={String(value)}\n                                onUpdate={(updateValue) => onUpdate(`[${index}]`, updateValue)}\n                                onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n                            />\n                            {arrayItemButton}\n                        </div>\n                    );\n                }\n                case 'object': {\n                    if (!blockConfig.properties) {\n                        return null;\n                    }\n                    return (\n                        <Card key={index} className={b('card')}>\n                            <div className={`${b('row')} ${b('card-head')}`}>\n                                <div className={b('row-title')}>#{index}</div>\n                                {arrayItemButton}\n                            </div>\n                            <DynamicForm\n                                contentConfig={value}\n                                blockConfig={blockConfig.properties}\n                                onUpdate={(key, updateValue) =>\n                                    onUpdate(`[${index}].${key}`, updateValue)\n                                }\n                            />\n                        </Card>\n                    );\n                }\n                default: {\n                    return null;\n                }\n            }\n        },\n        [blockConfig, haveItems, onDeleteItem, onReorderItem, onUpdate, values],\n    );\n\n    const renderInputs = React.useCallback(() => {\n        if (haveItems) {\n            const renderItems = values\n                .map(renderInput)\n                .filter(Boolean) as unknown as React.ReactNode[];\n            return (\n                <React.Fragment>\n                    {renderItems}\n                    <Button className={b('add-button')} onClick={onAddItem}>\n                        <Icon data={Plus} />\n                        {blockConfig.buttonText}\n                    </Button>\n                </React.Fragment>\n            );\n        } else {\n            return (\n                <div className={b('empty')}>\n                    <Button className={b('add-button')} onClick={onAddItem}>\n                        <Icon data={Plus} />\n                        Please, add new item\n                    </Button>\n                </div>\n            );\n        }\n    }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);\n\n    return (\n        <FieldBase\n            title={title}\n            className={b(null, className)}\n            onRefresh={(value) => onUpdate('', value)}\n            expandable\n        >\n            <Card className={b('card')}>{renderInputs()}</Card>\n        </FieldBase>\n    );\n};\n\nexport default ArrayDynamicField;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.d.ts

@@ -1,10 +0,0 @@
-interface ItemButtonProps {
-    onRemove: () => void;
-    onReorderUp: () => void;
-    disableReorderUp?: boolean;
-    onReorderDown: () => void;
-    disableReorderDown?: boolean;
-    className?: string;
-}
-declare const ItemButton: ({ className, onRemove, onReorderUp, onReorderDown, disableReorderUp, disableReorderDown, }: ItemButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default ItemButton;

package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const React = tslib_1.__importStar(require("react"));
-const cn_1 = require("../../../../../utils/cn.js");
-const b = (0, cn_1.editorCn)('array-item-button');
-const ItemButton = ({ className, onRemove, onReorderUp, onReorderDown, disableReorderUp = false, disableReorderDown = false, }) => {
-    const buttonRef = React.useRef(null);
-    const [isOpen, setIsOpen] = React.useState(false);
-    const onMenuItemClickWrapper = React.useCallback((callback) => {
-        return () => {
-            setIsOpen(false);
-            callback();
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b(null, className), ref: buttonRef, onClick: () => setIsOpen(true), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.EllipsisVertical }) }), (0, jsx_runtime_1.jsx)(uikit_1.Popup, { placement: 'bottom-end', anchorRef: buttonRef, open: isOpen, onOutsideClick: () => setIsOpen(false), children: (0, jsx_runtime_1.jsxs)(uikit_1.Menu, { children: [(0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { theme: 'danger', onClick: onMenuItemClickWrapper(onRemove), iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.TrashBin }), children: "Remove" }), (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { disabled: disableReorderUp, onClick: onMenuItemClickWrapper(onReorderUp), iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowUp }), children: "Reorder Up" }), (0, jsx_runtime_1.jsx)(uikit_1.Menu.Item, { disabled: disableReorderDown, onClick: onMenuItemClickWrapper(onReorderDown), iconStart: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowDown }), children: "Reorder Down" })] }) })] }));
-};
-exports.default = ItemButton;
-//# sourceMappingURL=ItemButton.js.map

package/build/cjs/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemButton.js","sourceRoot":"../../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.tsx"],"names":[],"mappings":";;;;AAAA,6CAAiF;AACjF,6CAA4D;AAC5D,qDAA+B;AAE/B,mDAAiD;AAEjD,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,mBAAmB,CAAC,CAAC;AAWxC,MAAM,UAAU,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,gBAAgB,GAAG,KAAK,EACxB,kBAAkB,GAAG,KAAK,GACZ,EAAE,EAAE;IAClB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAoB,EAAE,EAAE;QACtE,OAAO,GAAG,EAAE;YACR,SAAS,CAAC,KAAK,CAAC,CAAC;YACjB,QAAQ,EAAE,CAAC;QACf,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACX,uBAAC,cAAM,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,YACjF,uBAAC,YAAI,IAAC,IAAI,EAAE,wBAAgB,GAAI,GAC3B,EACT,uBAAC,aAAK,IACF,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAEtC,wBAAC,YAAI,eACD,uBAAC,YAAI,CAAC,IAAI,IACN,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,sBAAsB,CAAC,QAAQ,CAAC,EACzC,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,gBAAQ,GAAI,uBAG3B,EACZ,uBAAC,YAAI,CAAC,IAAI,IACN,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,sBAAsB,CAAC,WAAW,CAAC,EAC5C,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,eAAO,GAAI,2BAG1B,EACZ,uBAAC,YAAI,CAAC,IAAI,IACN,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,sBAAsB,CAAC,aAAa,CAAC,EAC9C,SAAS,EAAE,uBAAC,YAAI,IAAC,IAAI,EAAE,iBAAS,GAAI,6BAG5B,IACT,GACH,IACK,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC","sourcesContent":["import {ArrowDown, ArrowUp, EllipsisVertical, TrashBin} from '@gravity-ui/icons';\nimport {Button, Icon, Menu, Popup} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../../../utils/cn';\n\nconst b = editorCn('array-item-button');\n\ninterface ItemButtonProps {\n    onRemove: () => void;\n    onReorderUp: () => void;\n    disableReorderUp?: boolean;\n    onReorderDown: () => void;\n    disableReorderDown?: boolean;\n    className?: string;\n}\n\nconst ItemButton = ({\n    className,\n    onRemove,\n    onReorderUp,\n    onReorderDown,\n    disableReorderUp = false,\n    disableReorderDown = false,\n}: ItemButtonProps) => {\n    const buttonRef = React.useRef(null);\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    const onMenuItemClickWrapper = React.useCallback((callback: () => void) => {\n        return () => {\n            setIsOpen(false);\n            callback();\n        };\n    }, []);\n\n    return (\n        <React.Fragment>\n            <Button className={b(null, className)} ref={buttonRef} onClick={() => setIsOpen(true)}>\n                <Icon data={EllipsisVertical} />\n            </Button>\n            <Popup\n                placement={'bottom-end'}\n                anchorRef={buttonRef}\n                open={isOpen}\n                onOutsideClick={() => setIsOpen(false)}\n            >\n                <Menu>\n                    <Menu.Item\n                        theme={'danger'}\n                        onClick={onMenuItemClickWrapper(onRemove)}\n                        iconStart={<Icon data={TrashBin} />}\n                    >\n                        Remove\n                    </Menu.Item>\n                    <Menu.Item\n                        disabled={disableReorderUp}\n                        onClick={onMenuItemClickWrapper(onReorderUp)}\n                        iconStart={<Icon data={ArrowUp} />}\n                    >\n                        Reorder Up\n                    </Menu.Item>\n                    <Menu.Item\n                        disabled={disableReorderDown}\n                        onClick={onMenuItemClickWrapper(onReorderDown)}\n                        iconStart={<Icon data={ArrowDown} />}\n                    >\n                        Reorder Down\n                    </Menu.Item>\n                </Menu>\n            </Popup>\n        </React.Fragment>\n    );\n};\n\nexport default ItemButton;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.css

@@ -1,3 +0,0 @@
-.pceditor-boolean-dynamic-field__switch {
-  margin-top: 5px;
-}