@gravity-ui/page-constructor 6.3.2-alpha.2 → 6.4.0

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

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowToggle } from '@gravity-ui/uikit';
-import _ from 'lodash';
-import * as React from 'react';
-import { editorCn } from "../../../utils/cn.js";
-import './FieldBase.css';
-const b = 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 = (_jsx("div", { className: b('title', { size: textSize }), children: _.capitalize(title) }));
-            if (expandable) {
-                return (
-                // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
-                _jsxs("div", { className: b('foldable'), onClick: () => setShowChildren(!showChildren), children: [defaultTitle, _jsx(ArrowToggle, { direction: showChildren ? 'bottom' : 'right', className: b('arrow-toggle') })] }));
-            }
-            return _jsx("div", { className: b('non-foldable'), children: defaultTitle });
-        }
-        return null;
-    }, [expandable, showChildren, textSize, title]);
-    return (_jsxs("div", { className: b({ expandable }, className), children: [title && _jsx("div", { className: b('top'), children: titleComponent }), (!title || showChildren) && _jsx("div", { className: b('children'), children: children })] }));
-};
-export default FieldBase;
-//# sourceMappingURL=FieldBase.js.map

package/build/esm/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,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,CAAC,MAAM,QAAQ,CAAC;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,6BAA0B;AAE3C,OAAO,iBAAiB,CAAC;AAEzB,MAAM,CAAC,GAAG,QAAQ,CAAC,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,cAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,YAAG,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAO,CAC5E,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,eAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,KAAC,WAAW,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,cAAK,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,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,cAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,IAC1E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/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/esm/editor-v2/components/DynamicForm/Fields/Array/Array.d.ts

@@ -1,12 +0,0 @@
-import { ArrayObjectInput, ArrayTextInput, DynamicFormValue } from "../../../../../../common/types/index.js";
-import './Array.css';
-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/esm/editor-v2/components/DynamicForm/Fields/Array/Array.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Plus } from '@gravity-ui/icons';
-import { Button, Card, Icon } from '@gravity-ui/uikit';
-import * as React from 'react';
-import { removeFromArray, swapArrayItems } from "../../../../utils/index.js";
-import { editorCn } from "../../../../utils/cn.js";
-import DynamicForm from "../../DynamicForm.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-import Text from "../Text/Text.js";
-import './Array.css';
-import ItemButton from "./ItemButton/ItemButton.js";
-const b = 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 = removeFromArray(values, index);
-            onUpdate('', newArray);
-        }
-    }, [onUpdate, values]);
-    const onReorderItem = React.useCallback((index, placement) => {
-        if (Array.isArray(values)) {
-            const newArray = swapArrayItems(values, index, placement === 'up' ? index - 1 : index + 1);
-            onUpdate('', newArray);
-        }
-    }, [onUpdate, values]);
-    const renderInput = React.useCallback((value, index) => {
-        const arrayItemButton = (_jsx(ItemButton, { 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 (_jsxs("div", { className: b('row'), children: [_jsx(Text, { 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 (_jsxs(Card, { className: b('card'), children: [_jsxs("div", { className: `${b('row')} ${b('card-head')}`, children: [_jsxs("div", { className: b('row-title'), children: ["#", index] }), arrayItemButton] }), _jsx(DynamicForm, { 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 (_jsxs(React.Fragment, { children: [renderItems, _jsxs(Button, { className: b('add-button'), onClick: onAddItem, children: [_jsx(Icon, { data: Plus }), blockConfig.buttonText] })] }));
-        }
-        else {
-            return (_jsx("div", { className: b('empty'), children: _jsxs(Button, { className: b('add-button'), onClick: onAddItem, children: [_jsx(Icon, { data: Plus }), "Please, add new item"] }) }));
-        }
-    }, [blockConfig.buttonText, haveItems, onAddItem, renderInput, values]);
-    return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: _jsx(Card, { className: b('card'), children: renderInputs() }) }));
-};
-export default ArrayDynamicField;
-//# sourceMappingURL=Array.js.map

package/build/esm/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/esm/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/esm/editor-v2/components/DynamicForm/Fields/Array/ItemButton/ItemButton.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDown, ArrowUp, EllipsisVertical, TrashBin } from '@gravity-ui/icons';
-import { Button, Icon, Menu, Popup } from '@gravity-ui/uikit';
-import * as React from 'react';
-import { editorCn } from "../../../../../utils/cn.js";
-const b = 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 (_jsxs(React.Fragment, { children: [_jsx(Button, { className: b(null, className), ref: buttonRef, onClick: () => setIsOpen(true), children: _jsx(Icon, { data: EllipsisVertical }) }), _jsx(Popup, { placement: 'bottom-end', anchorRef: buttonRef, open: isOpen, onOutsideClick: () => setIsOpen(false), children: _jsxs(Menu, { children: [_jsx(Menu.Item, { theme: 'danger', onClick: onMenuItemClickWrapper(onRemove), iconStart: _jsx(Icon, { data: TrashBin }), children: "Remove" }), _jsx(Menu.Item, { disabled: disableReorderUp, onClick: onMenuItemClickWrapper(onReorderUp), iconStart: _jsx(Icon, { data: ArrowUp }), children: "Reorder Up" }), _jsx(Menu.Item, { disabled: disableReorderDown, onClick: onMenuItemClickWrapper(onReorderDown), iconStart: _jsx(Icon, { data: ArrowDown }), children: "Reorder Down" })] }) })] }));
-};
-export default ItemButton;
-//# sourceMappingURL=ItemButton.js.map

package/build/esm/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,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,mCAAgC;AAEjD,MAAM,CAAC,GAAG,QAAQ,CAAC,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,MAAC,KAAK,CAAC,QAAQ,eACX,KAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,YACjF,KAAC,IAAI,IAAC,IAAI,EAAE,gBAAgB,GAAI,GAC3B,EACT,KAAC,KAAK,IACF,SAAS,EAAE,YAAY,EACvB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,YAEtC,MAAC,IAAI,eACD,KAAC,IAAI,CAAC,IAAI,IACN,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,sBAAsB,CAAC,QAAQ,CAAC,EACzC,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,GAAI,uBAG3B,EACZ,KAAC,IAAI,CAAC,IAAI,IACN,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,sBAAsB,CAAC,WAAW,CAAC,EAC5C,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,OAAO,GAAI,2BAG1B,EACZ,KAAC,IAAI,CAAC,IAAI,IACN,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,sBAAsB,CAAC,aAAa,CAAC,EAC9C,SAAS,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAI,6BAG5B,IACT,GACH,IACK,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,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/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.css

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

package/build/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.d.ts

@@ -1,9 +0,0 @@
-import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
-import './Boolean.css';
-interface BooleanProps extends FieldBaseParams {
-    value: string;
-    onUpdate: (value: boolean | undefined) => void;
-    className?: string;
-}
-declare const BooleanDynamicField: ({ title, value, onUpdate, className }: BooleanProps) => import("react/jsx-runtime").JSX.Element;
-export default BooleanDynamicField;

package/build/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Switch } from '@gravity-ui/uikit';
-import { editorCn } from "../../../../utils/cn.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-import './Boolean.css';
-const b = editorCn('boolean-dynamic-field');
-const BooleanDynamicField = ({ title, value, onUpdate, className }) => {
-    return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: onUpdate, children: _jsx(Switch, { className: b('switch'), checked: Boolean(value), onUpdate: onUpdate }) }));
-};
-export default BooleanDynamicField;
-//# sourceMappingURL=Boolean.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Boolean/Boolean.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Boolean.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Boolean/Boolean.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC;AAQ5C,MAAM,mBAAmB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAe,EAAE,EAAE;IAC9E,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,MAAM,IAAC,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACvE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import {Switch} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Boolean.scss';\n\nconst b = editorCn('boolean-dynamic-field');\n\ninterface BooleanProps extends FieldBaseParams {\n    value: string;\n    onUpdate: (value: boolean | undefined) => void;\n    className?: string;\n}\n\nconst BooleanDynamicField = ({title, value, onUpdate, className}: BooleanProps) => {\n    return (\n        <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n            <Switch className={b('switch')} checked={Boolean(value)} onUpdate={onUpdate} />\n        </FieldBase>\n    );\n};\n\nexport default BooleanDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/Number/Number.d.ts

@@ -1,8 +0,0 @@
-import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
-interface NumberDynamicFieldProps extends FieldBaseParams {
-    value: string;
-    onUpdate: (value: number | undefined) => void;
-    className?: string;
-}
-declare const NumberDynamicField: ({ title, value, onUpdate, className }: NumberDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default NumberDynamicField;

package/build/esm/editor-v2/components/DynamicForm/Fields/Number/Number.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextInput } from '@gravity-ui/uikit';
-import { editorCn } from "../../../../utils/cn.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-const b = editorCn('number-dynamic-field');
-const NumberDynamicField = ({ title, value, onUpdate, className }) => {
-    const onUpdateFunc = (updateValue) => {
-        onUpdate(Number(updateValue));
-    };
-    return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: onUpdate, children: _jsx(TextInput, { value: value || '', onUpdate: onUpdateFunc }) }));
-};
-export default NumberDynamicField;
-//# sourceMappingURL=Number.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Number/Number.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Number.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Number/Number.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC;AAQ3C,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QACzC,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,YAAY,GAAI,GACjD,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('number-dynamic-field');\n\ninterface NumberDynamicFieldProps extends FieldBaseParams {\n    value: string;\n    onUpdate: (value: number | undefined) => void;\n    className?: string;\n}\n\nconst NumberDynamicField = ({title, value, onUpdate, className}: NumberDynamicFieldProps) => {\n    const onUpdateFunc = (updateValue: string) => {\n        onUpdate(Number(updateValue));\n    };\n\n    return (\n        <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n            <TextInput value={value || ''} onUpdate={onUpdateFunc} />\n        </FieldBase>\n    );\n};\n\nexport default NumberDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.d.ts

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

package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Card } from '@gravity-ui/uikit';
-import DynamicForm from "../../DynamicForm.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-const ObjectDynamicField = ({ title, value, onUpdate, className, blockConfig, }) => {
-    return (_jsx(FieldBase, { title: title, className: className, onRefresh: (updatedValue) => onUpdate('', updatedValue), expandable: true, children: _jsx(Card, { children: _jsx(DynamicForm, { contentConfig: value, blockConfig: blockConfig, onUpdate: onUpdate }) }) }));
-};
-export default ObjectDynamicField;
-//# sourceMappingURL=Object.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Object/Object.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Object.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Object/Object.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAGvC,OAAO,WAAW,6BAA0B;AAC5C,OAAO,SAA4B,qCAAkC;AASrE,MAAM,kBAAkB,GAAG,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,GACW,EAAE,EAAE;IAC1B,OAAO,CACH,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,YAAY,CAAC,EACvD,UAAU,kBAEV,KAAC,IAAI,cACD,KAAC,WAAW,IAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAChF,GACC,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {Card} from '@gravity-ui/uikit';\n\nimport {ConfigInput, DynamicFormValue} from '../../../../../../common/types';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\ninterface ObjectDynamicFieldProps extends FieldBaseParams {\n    value: DynamicFormValue;\n    onUpdate: (key: string, value: DynamicFormValue) => void;\n    blockConfig: Array<ConfigInput>;\n    className?: string;\n}\n\nconst ObjectDynamicField = ({\n    title,\n    value,\n    onUpdate,\n    className,\n    blockConfig,\n}: ObjectDynamicFieldProps) => {\n    return (\n        <FieldBase\n            title={title}\n            className={className}\n            onRefresh={(updatedValue) => onUpdate('', updatedValue)}\n            expandable\n        >\n            <Card>\n                <DynamicForm contentConfig={value} blockConfig={blockConfig} onUpdate={onUpdate} />\n            </Card>\n        </FieldBase>\n    );\n};\n\nexport default ObjectDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.css

@@ -1,6 +0,0 @@
-.pceditor-oneof-dynamic-field__radio {
-  margin: 16px 12px;
-}
-.pceditor-oneof-dynamic-field__select {
-  min-width: 80px;
-}

package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.d.ts

@@ -1,10 +0,0 @@
-import { DynamicFormValue, OneOfInput } from "../../../../../../common/types/index.js";
-import './OneOf.css';
-interface OneOfDynamicFieldProps {
-    contentConfig: DynamicFormValue;
-    onUpdate: (key: string, value: DynamicFormValue) => void;
-    inputConfig: OneOfInput;
-    className?: string;
-}
-declare const OneOfDynamicField: ({ contentConfig, onUpdate, className, inputConfig, }: OneOfDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default OneOfDynamicField;

package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
-import * as React from 'react';
-import { editorCn } from "../../../../utils/cn.js";
-import DynamicForm from "../../DynamicForm.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-import './OneOf.css';
-const b = editorCn('oneof-dynamic-field');
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const getOneOfContentConfig = (contentConfig, name) => {
-    if (name) {
-        return contentConfig ? contentConfig[name] : {};
-    }
-    return contentConfig;
-};
-const OneOfDynamicField = ({ contentConfig, onUpdate, className, inputConfig, }) => {
-    const defaultValue = inputConfig.options[0].value;
-    const [oneOfMetaValue, setOneOfMetaValue] = React.useState(defaultValue);
-    const oneOfContentConfig = getOneOfContentConfig(contentConfig, inputConfig.name);
-    const oneOfChosenOption = React.useMemo(() => inputConfig.options.find(({ value: foundOneOfValue }) => foundOneOfValue === oneOfMetaValue), [inputConfig.options, oneOfMetaValue]);
-    const onUpdateOneOf = React.useCallback((value) => {
-        setOneOfMetaValue(value);
-    }, []);
-    return (_jsx(FieldBase, { title: inputConfig.title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: _jsxs(Card, { children: [inputConfig.options.length < 4 ? (_jsx(SegmentedRadioGroup, { className: b('radio'), options: inputConfig.options.map((option) => ({
-                        content: option.title,
-                        value: option.value,
-                    })), value: oneOfMetaValue, onUpdate: onUpdateOneOf })) : (_jsx(Select, { options: inputConfig.options.map((option) => ({
-                        content: option.title,
-                        value: option.value,
-                    })), value: oneOfMetaValue ? [oneOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateOneOf(selectValue), className: b('select') })), oneOfChosenOption && (_jsx(DynamicForm, { blockConfig: oneOfChosenOption.properties, contentConfig: oneOfContentConfig, onUpdate: onUpdate }))] }) }));
-};
-export default OneOfDynamicField;
-//# sourceMappingURL=OneOf.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/OneOf/OneOf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OneOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/OneOf/OneOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {DynamicFormValue, OneOfInput} from '../../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './OneOf.scss';\n\nconst b = editorCn('oneof-dynamic-field');\n\ninterface OneOfDynamicFieldProps {\n    contentConfig: DynamicFormValue;\n    onUpdate: (key: string, value: DynamicFormValue) => void;\n    inputConfig: OneOfInput;\n    className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getOneOfContentConfig = (contentConfig: any, name: string) => {\n    if (name) {\n        return contentConfig ? contentConfig[name] : {};\n    }\n    return contentConfig;\n};\n\nconst OneOfDynamicField = ({\n    contentConfig,\n    onUpdate,\n    className,\n    inputConfig,\n}: OneOfDynamicFieldProps) => {\n    const defaultValue = inputConfig.options[0].value;\n\n    const [oneOfMetaValue, setOneOfMetaValue] = React.useState(defaultValue);\n\n    const oneOfContentConfig = getOneOfContentConfig(contentConfig, inputConfig.name);\n    const oneOfChosenOption = React.useMemo(\n        () =>\n            inputConfig.options.find(\n                ({value: foundOneOfValue}) => foundOneOfValue === oneOfMetaValue,\n            ),\n        [inputConfig.options, oneOfMetaValue],\n    );\n\n    const onUpdateOneOf = React.useCallback((value: string) => {\n        setOneOfMetaValue(value);\n    }, []);\n\n    return (\n        <FieldBase\n            title={inputConfig.title}\n            className={b(null, className)}\n            onRefresh={(value) => onUpdate('', value)}\n            expandable\n        >\n            <Card>\n                {inputConfig.options.length < 4 ? (\n                    <SegmentedRadioGroup\n                        className={b('radio')}\n                        options={inputConfig.options.map((option) => ({\n                            content: option.title,\n                            value: option.value,\n                        }))}\n                        value={oneOfMetaValue}\n                        onUpdate={onUpdateOneOf}\n                    />\n                ) : (\n                    <Select\n                        options={inputConfig.options.map((option) => ({\n                            content: option.title,\n                            value: option.value,\n                        }))}\n                        value={oneOfMetaValue ? [oneOfMetaValue] : []}\n                        onUpdate={([selectValue]) => onUpdateOneOf(selectValue)}\n                        className={b('select')}\n                    />\n                )}\n                {oneOfChosenOption && (\n                    <DynamicForm\n                        blockConfig={oneOfChosenOption.properties}\n                        contentConfig={oneOfContentConfig}\n                        onUpdate={onUpdate}\n                    />\n                )}\n            </Card>\n        </FieldBase>\n    );\n};\n\nexport default OneOfDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.css

@@ -1,3 +0,0 @@
-.pceditor-editor-select-field__select {
-  min-width: 80px;
-}

package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.d.ts

@@ -1,12 +0,0 @@
-import { SelectMultipleInput, SelectSingleInput } from "../../../../../../common/types/index.js";
-import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
-import './Select.css';
-type SelectInput = SelectSingleInput | SelectMultipleInput;
-interface SelectDynamicFieldProps extends FieldBaseParams {
-    input: SelectInput;
-    value: string;
-    onUpdate: (value: string | undefined) => void;
-    className?: string;
-}
-declare const SelectDynamicField: ({ input, value, onUpdate, className }: SelectDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default SelectDynamicField;

package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SegmentedRadioGroup, Select } from '@gravity-ui/uikit';
-import { editorCn } from "../../../../utils/cn.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-import './Select.css';
-const b = editorCn('editor-select-field');
-const SelectDynamicField = ({ input, value, onUpdate, className }) => {
-    const inputView = input.view || 'radiobutton';
-    return (_jsxs(FieldBase, { title: input.title, className: b(null, className), onRefresh: onUpdate, children: [inputView === 'select' && (_jsx(Select, { placeholder: 'Value', value: value ? [value] : [], onUpdate: ([selectValue]) => onUpdate(selectValue), options: input.enum, className: b('select') })), inputView === 'radiobutton' && (_jsx(SegmentedRadioGroup, { options: input.enum, value: value, onUpdate: onUpdate }))] }));
-};
-export default SelectDynamicField;
-//# sourceMappingURL=Select.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Select/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,mBAAmB,EAAE,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAG9D,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAW1C,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA0B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC;IAE9C,OAAO,CACH,MAAC,SAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,aAC5E,SAAS,KAAK,QAAQ,IAAI,CACvB,KAAC,MAAM,IACH,WAAW,EAAE,OAAO,EACpB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3B,QAAQ,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EAClD,OAAO,EAAE,KAAK,CAAC,IAAI,EACnB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,GACxB,CACL,EACA,SAAS,KAAK,aAAa,IAAI,CAC5B,KAAC,mBAAmB,IAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACjF,IACO,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\n\nimport {SelectMultipleInput, SelectSingleInput} from '../../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nimport './Select.scss';\n\nconst b = editorCn('editor-select-field');\n\ntype SelectInput = SelectSingleInput | SelectMultipleInput;\n\ninterface SelectDynamicFieldProps extends FieldBaseParams {\n    input: SelectInput;\n    value: string;\n    onUpdate: (value: string | undefined) => void;\n    className?: string;\n}\n\nconst SelectDynamicField = ({input, value, onUpdate, className}: SelectDynamicFieldProps) => {\n    const inputView = input.view || 'radiobutton';\n\n    return (\n        <FieldBase title={input.title} className={b(null, className)} onRefresh={onUpdate}>\n            {inputView === 'select' && (\n                <Select\n                    placeholder={'Value'}\n                    value={value ? [value] : []}\n                    onUpdate={([selectValue]) => onUpdate(selectValue)}\n                    options={input.enum}\n                    className={b('select')}\n                />\n            )}\n            {inputView === 'radiobutton' && (\n                <SegmentedRadioGroup options={input.enum} value={value} onUpdate={onUpdate} />\n            )}\n        </FieldBase>\n    );\n};\n\nexport default SelectDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/Text/Text.d.ts

@@ -1,8 +0,0 @@
-import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
-interface TextDynamicFieldProps extends FieldBaseParams {
-    value: string;
-    onUpdate: (value: string | undefined) => void;
-    className?: string;
-}
-declare const TextDynamicField: ({ title, value, onUpdate, className }: TextDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default TextDynamicField;

package/build/esm/editor-v2/components/DynamicForm/Fields/Text/Text.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextInput } from '@gravity-ui/uikit';
-import { editorCn } from "../../../../utils/cn.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-const b = editorCn('text-dynamic-field');
-const TextDynamicField = ({ title, value, onUpdate, className }) => {
-    return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: onUpdate, children: _jsx(TextInput, { value: value || '', onUpdate: onUpdate }) }));
-};
-export default TextDynamicField;
-//# sourceMappingURL=Text.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/Text/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC;AAQzC,MAAM,gBAAgB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAwB,EAAE,EAAE;IACpF,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GAC7C,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import {TextInput} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('text-dynamic-field');\n\ninterface TextDynamicFieldProps extends FieldBaseParams {\n    value: string;\n    onUpdate: (value: string | undefined) => void;\n    className?: string;\n}\n\nconst TextDynamicField = ({title, value, onUpdate, className}: TextDynamicFieldProps) => {\n    return (\n        <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n            <TextInput value={value || ''} onUpdate={onUpdate} />\n        </FieldBase>\n    );\n};\n\nexport default TextDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.d.ts

@@ -1,8 +0,0 @@
-import { FieldBaseParams } from "../../FieldBase/FieldBase.js";
-interface TextAreaDynamicFieldProps extends FieldBaseParams {
-    value: string;
-    onUpdate: (value: string | undefined) => void;
-    className?: string;
-}
-declare const TextAreaDynamicField: ({ title, value, onUpdate, className }: TextAreaDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default TextAreaDynamicField;

package/build/esm/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextArea } from '@gravity-ui/uikit';
-import { editorCn } from "../../../../utils/cn.js";
-import FieldBase from "../../FieldBase/FieldBase.js";
-const b = editorCn('textarea-dynamic-field');
-const TextAreaDynamicField = ({ title, value, onUpdate, className }) => {
-    return (_jsx(FieldBase, { title: title, className: b(null, className), onRefresh: onUpdate, children: _jsx(TextArea, { minRows: 5, maxRows: 20, value: value || '', onUpdate: onUpdate }) }));
-};
-export default TextAreaDynamicField;
-//# sourceMappingURL=TextArea.js.map

package/build/esm/editor-v2/components/DynamicForm/Fields/TextArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,QAAQ,EAAC,gCAA6B;AAC9C,OAAO,SAA4B,qCAAkC;AAErE,MAAM,CAAC,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AAQ7C,MAAM,oBAAoB,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAA4B,EAAE,EAAE;IAC5F,OAAO,CACH,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,YACvE,KAAC,QAAQ,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,GAAI,GACrE,CACf,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import {TextArea} from '@gravity-ui/uikit';\n\nimport {editorCn} from '../../../../utils/cn';\nimport FieldBase, {FieldBaseParams} from '../../FieldBase/FieldBase';\n\nconst b = editorCn('textarea-dynamic-field');\n\ninterface TextAreaDynamicFieldProps extends FieldBaseParams {\n    value: string;\n    onUpdate: (value: string | undefined) => void;\n    className?: string;\n}\n\nconst TextAreaDynamicField = ({title, value, onUpdate, className}: TextAreaDynamicFieldProps) => {\n    return (\n        <FieldBase title={title} className={b(null, className)} onRefresh={onUpdate}>\n            <TextArea minRows={5} maxRows={20} value={value || ''} onUpdate={onUpdate} />\n        </FieldBase>\n    );\n};\n\nexport default TextAreaDynamicField;\n"]}

package/build/esm/editor-v2/components/DynamicForm/utils.d.ts

@@ -1,3 +0,0 @@
-import { DynamicFormValue } from "../../../../common/types/index.js";
-export declare const getFullPath: (path: string, name: string) => string;
-export declare const getContent: (contentConfig: DynamicFormValue, path: string) => any;

package/build/esm/editor-v2/components/DynamicForm/utils.js

@@ -1,17 +0,0 @@
-import _ from 'lodash';
-export const getFullPath = (path, name) => {
-    if (!path && !name) {
-        return '';
-    }
-    if (!path) {
-        return name;
-    }
-    if (!name) {
-        return path;
-    }
-    return path + '.' + name;
-};
-export const getContent = (contentConfig, path) => {
-    return path ? _.get(contentConfig, path) : contentConfig;
-};
-//# sourceMappingURL=utils.js.map

package/build/esm/editor-v2/components/DynamicForm/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/utils.ts"],"names":[],"mappings":"AAAA,OAAO,CAAC,MAAM,QAAQ,CAAC;AAIvB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,IAAY,EAAE,EAAE;IACtD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACd,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAC7B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,aAA+B,EAAE,IAAY,EAAE,EAAE;IACxE,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AAC7D,CAAC,CAAC","sourcesContent":["import _ from 'lodash';\n\nimport {DynamicFormValue} from '../../../../common/types';\n\nexport const getFullPath = (path: string, name: string) => {\n    if (!path && !name) {\n        return '';\n    }\n\n    if (!path) {\n        return name;\n    }\n\n    if (!name) {\n        return path;\n    }\n\n    return path + '.' + name;\n};\n\nexport const getContent = (contentConfig: DynamicFormValue, path: string) => {\n    return path ? _.get(contentConfig, path) : contentConfig;\n};\n"]}

package/build/esm/editor-v2/components/Panels/Panels.css

@@ -1,37 +0,0 @@
-.g-root {
-  --g-color-base-brand: var(--g-color-private-black-550-solid);
-  --g-color-base-brand-hover: var(--g-color-private-black-600-solid);
-  --g-color-base-selection: var(--g-color-private-black-200);
-  --g-color-base-selection-hover: var(--g-color-private-black-300);
-  --g-color-base-brand: var(--g-color-text-primary);
-  --g-color-base-brand-hover: var(--g-color-text-complementary);
-  --g-color-text-brand-contrast: var(--g-color-text-light-primary);
-  --g-color-line-brand: var(--g-color-text-primary);
-  --g-color-text-brand: var(--g-color-private-brand-700-solid);
-  --g-color-text-brand-heavy: var(--g-color-private-black-700-solid);
-}
-
-.pceditor-panels__button-wrap {
-  --pceditor-panels-button-gap: 8px;
-  position: absolute;
-  z-index: 1000;
-}
-.pceditor-panels__button-wrap_left {
-  bottom: var(--pceditor-panels-button-gap);
-  left: calc(100% + var(--pceditor-panels-button-gap));
-}
-.pceditor-panels__button-wrap_right {
-  bottom: var(--pceditor-panels-button-gap);
-  right: calc(100% + var(--pceditor-panels-button-gap));
-}
-.pceditor-panels__draggable {
-  position: relative;
-  width: 12px;
-  height: 100%;
-  cursor: col-resize;
-  background-color: var(--g-color-line-generic);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--g-color-base-background);
-}

package/build/esm/editor-v2/components/Panels/Panels.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import './Panels.css';
-interface PanelsProps {
-    left: React.ReactElement;
-    middle: React.ReactElement;
-    right: React.ReactElement;
-}
-export declare const Panels: ({ left, right, middle }: PanelsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/build/esm/editor-v2/components/Panels/Panels.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLeftFromLine, ArrowRightFromLine, Grip } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import * as React from 'react';
-import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
-import { editorCn } from "../../utils/cn.js";
-import './Panels.css';
-const b = editorCn('panels');
-export const Panels = ({ left, right, middle }) => {
-    const leftPanel = React.useRef(null);
-    const rightPanel = React.useRef(null);
-    const expandPanel = (reference) => {
-        const panel = reference.current;
-        if (panel) {
-            panel.expand();
-        }
-    };
-    const isCollapsed = {
-        left: leftPanel.current?.isCollapsed() || false,
-        right: rightPanel.current?.isCollapsed() || false,
-    };
-    return (_jsxs(PanelGroup, { className: b('panel'), autoSaveId: "page-constructor-editor", direction: "horizontal", children: [_jsx(Panel, { ref: leftPanel, collapsible: true, defaultSize: 25, minSize: 15, children: left }), _jsxs(PanelResizeHandle, { className: b('draggable'), children: [_jsx(Grip, { className: b('grip') }), isCollapsed.left && (_jsx("div", { className: b('button-wrap', { left: true }), children: _jsx(Button, { className: b('button'), view: "action", onClick: () => expandPanel(leftPanel), children: _jsx(Icon, { data: ArrowRightFromLine }) }) }))] }), _jsx(Panel, { minSize: 20, children: middle }), _jsxs(PanelResizeHandle, { className: b('draggable'), children: [_jsx(Grip, { className: b('grip') }), isCollapsed.right && (_jsx("div", { className: b('button-wrap', { right: true }), children: _jsx(Button, { className: b('button'), view: "action", onClick: () => expandPanel(rightPanel), children: _jsx(Icon, { data: ArrowLeftFromLine }) }) }))] }), _jsx(Panel, { ref: rightPanel, collapsible: true, minSize: 15, defaultSize: 25, children: right })] }));
-};
-//# sourceMappingURL=Panels.js.map