@gravity-ui/page-constructor 8.4.2 → 8.5.0-alpha.0

package/build/cjs/form-generator-v2/components/Section/Section.d.ts

@@ -0,0 +1,5 @@
+import { ClassNameProps } from "../../../models/common.js";
+import { CommonProps, SectionField } from "../../types.js";
+type SectionProp = ClassNameProps & CommonProps & SectionField;
+declare const Section: ({ title, opened, fields, when, content, onUpdate, className, index, withAddButton, itemTitle, itemView, }: SectionProp) => import("react/jsx-runtime").JSX.Element;
+export default Section;

package/build/cjs/form-generator-v2/components/Section/Section.js

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../utils/cn.js");
+const fields_1 = require("../../utils/fields.js");
+const Base_1 = tslib_1.__importDefault(require("../Base/Base.js"));
+const Fields_1 = tslib_1.__importDefault(require("../Fields/Fields.js"));
+const SectionOpenContext_1 = require("./SectionOpenContext.js");
+const b = (0, cn_1.formGeneratorCn)('section');
+const makeRowKey = () => typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'
+    ? crypto.randomUUID()
+    : `row-${Math.random().toString(36).slice(2, 11)}`;
+const Section = ({ title, opened, fields, when, content, onUpdate, className, index, withAddButton, itemTitle, itemView, }) => {
+    const isGroupMode = index !== undefined;
+    const parentContext = React.useContext(SectionOpenContext_1.SectionOpenContext);
+    const nestingLevel = parentContext?.nestingLevel ?? 0;
+    // --- Static section state ---
+    const [isOpened, setOpened] = React.useState(opened);
+    const [confirmDialogOpen, setConfirmDialogOpen] = React.useState(false);
+    const hasData = (0, fields_1.sectionHasContentData)(fields, content);
+    const showArrowTogler = hasData || isOpened;
+    const prevHasDataRef = React.useRef(null);
+    React.useEffect(() => {
+        if (isGroupMode)
+            return;
+        const hadData = prevHasDataRef.current;
+        if (hadData === true && !hasData) {
+            setOpened(false);
+        }
+        prevHasDataRef.current = hasData;
+    }, [hasData, isGroupMode]);
+    const handleConfirmClear = () => {
+        if (onUpdate) {
+            (0, fields_1.clearSectionFormContent)(fields, onUpdate);
+        }
+        setConfirmDialogOpen(false);
+        setOpened(false);
+    };
+    // --- Group mode state ---
+    const [rowKeys, setRowKeys] = React.useState([]);
+    const nameWithIndexName = React.useMemo(() => (isGroupMode && index ? (0, fields_1.findNameWithIndexName)(fields, index) : undefined), [fields, index, isGroupMode]);
+    const arrayPath = React.useMemo(() => nameWithIndexName && index
+        ? (0, fields_1.getArrayPathForNameWithIndexName)(nameWithIndexName, index)
+        : undefined, [nameWithIndexName, index]);
+    const valuesInside = React.useMemo(() => (arrayPath ? (0, fields_1.getValueByPath)(content, arrayPath) : undefined), [arrayPath, content]);
+    const valuesInsideLength = Array.isArray(valuesInside) ? valuesInside.length : 0;
+    React.useEffect(() => {
+        if (!isGroupMode)
+            return;
+        if (!nameWithIndexName || !arrayPath) {
+            setRowKeys((prev) => (prev.length === 0 ? [makeRowKey()] : prev));
+            return;
+        }
+        if (!content) {
+            return;
+        }
+        setRowKeys((prev) => {
+            if (prev.length === valuesInsideLength) {
+                return prev;
+            }
+            if (valuesInsideLength > prev.length) {
+                return [
+                    ...prev,
+                    ...Array.from({ length: valuesInsideLength - prev.length }, makeRowKey),
+                ];
+            }
+            return prev.slice(0, valuesInsideLength);
+        });
+    }, [content, arrayPath, nameWithIndexName, valuesInside, valuesInsideLength, isGroupMode]);
+    const replaceIndex = (i) => fields ? JSON.parse(JSON.stringify(fields).replaceAll(`{{${index}}}`, String(i))) : fields;
+    const handleAdd = () => {
+        if (arrayPath && onUpdate) {
+            const next = Array.isArray(valuesInside) ? [...valuesInside, {}] : [{}];
+            onUpdate(arrayPath, next);
+            return;
+        }
+        setRowKeys((prev) => [...prev, makeRowKey()]);
+    };
+    const deleteItem = (itemIndex) => () => {
+        if (!nameWithIndexName || !onUpdate || !index) {
+            return;
+        }
+        const names = (0, fields_1.findAllNames)(replaceIndex(itemIndex));
+        const resolvedName = names.find((name) => {
+            const splice = (0, fields_1.getSpliceTarget)(nameWithIndexName, name, index);
+            return splice !== undefined && splice.itemIndex === itemIndex;
+        }) ?? names[0];
+        if (!resolvedName) {
+            return;
+        }
+        const spliceTarget = (0, fields_1.getSpliceTarget)(nameWithIndexName, resolvedName, index);
+        if (!spliceTarget) {
+            return;
+        }
+        onUpdate(spliceTarget.arrayPath, undefined, { removeArrayItemAt: spliceTarget.itemIndex });
+        setRowKeys((prev) => prev.filter((_key, keyIndex) => keyIndex !== itemIndex));
+    };
+    // --- Group mode render ---
+    if (isGroupMode) {
+        const hasGroupLabel = Boolean(title);
+        const isEmpty = rowKeys.length === 0;
+        const isGroupOpen = isOpened ?? true;
+        const resolvedItemTitle = (i) => {
+            const src = itemTitle || title;
+            return src ? src.replaceAll(`{{${index}}}`, String(i)) : undefined;
+        };
+        const labelTemplate = itemTitle || title;
+        const addButtonLabel = labelTemplate
+            ? labelTemplate.replaceAll(`{{${index}}}`, String(rowKeys.length))
+            : 'Add';
+        const renderItem = (rowKey, rowIndex) => {
+            const cardTitle = resolvedItemTitle(rowIndex);
+            const header = ((0, jsx_runtime_1.jsxs)("div", { className: b('card-header'), children: [cardTitle && ((0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "subheader-2", className: b('card-title'), children: cardTitle })), (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", onClick: deleteItem(rowIndex), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { width: 16, height: 16, data: icons_1.TrashBin }) })] }));
+            const inner = ((0, jsx_runtime_1.jsx)(SectionOpenContext_1.SectionOpenContext.Provider, { value: { isOpen: true, nestingLevel: nestingLevel + 1 }, children: (0, jsx_runtime_1.jsx)(Fields_1.default, { fields: replaceIndex(rowIndex), content: content, onUpdate: onUpdate }) }));
+            if (itemView === 'clear') {
+                return ((0, jsx_runtime_1.jsxs)("div", { className: b('item-clear'), children: [header, inner] }, rowKey));
+            }
+            return ((0, jsx_runtime_1.jsxs)(uikit_1.Card, { className: b('card'), children: [header, inner] }, rowKey));
+        };
+        return ((0, jsx_runtime_1.jsx)(Base_1.default, { when: when, content: content, children: (0, jsx_runtime_1.jsxs)("div", { className: b({ nested: nestingLevel > 0 }, className), children: [hasGroupLabel && ((0, jsx_runtime_1.jsx)("div", { className: b('header'), children: (0, jsx_runtime_1.jsxs)("button", { type: "button", className: b('header-button', { 'with-hover': isEmpty }), onClick: isEmpty ? handleAdd : () => setOpened((prev) => !prev), children: [!isEmpty && ((0, jsx_runtime_1.jsx)(uikit_1.ArrowToggle, { direction: isGroupOpen ? 'top' : 'bottom', className: b('arrow') })), (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "subheader-1", color: "hint", className: b('title'), children: title }), isEmpty && (0, jsx_runtime_1.jsx)(icons_1.Plus, { width: 16, height: 16, className: b('plus') })] }) })), (0, jsx_runtime_1.jsx)("div", { className: b('children', {
+                            opened: !isEmpty && (!hasGroupLabel || isGroupOpen),
+                        }), children: (0, jsx_runtime_1.jsxs)("div", { className: b('children-inner'), children: [rowKeys.map((rowKey, rowIndex) => renderItem(rowKey, rowIndex)), withAddButton && !isEmpty && ((0, jsx_runtime_1.jsxs)(uikit_1.Button, { onClick: handleAdd, children: ["Add ", addButtonLabel] }))] }) })] }) }));
+    }
+    // --- Static section render ---
+    return ((0, jsx_runtime_1.jsx)(Base_1.default, { when: when, content: content, children: (0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: b({ opened: isOpened, nested: nestingLevel > 0 }, className), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('header'), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: b('header-button', {
+                                        'with-hover': !showArrowTogler,
+                                    }), onClick: () => setOpened((prev) => !prev), children: [showArrowTogler && ((0, jsx_runtime_1.jsx)(uikit_1.ArrowToggle, { direction: isOpened ? 'top' : 'bottom', className: b('arrow') })), (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "subheader-1", color: "hint", className: b('title'), children: title })] }), (0, jsx_runtime_1.jsx)("div", { className: b('dropdown', { opened: isOpened }), children: (0, jsx_runtime_1.jsx)(uikit_1.DropdownMenu, { icon: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.EllipsisVertical, width: 16, height: 16 }), items: [
+                                            {
+                                                text: 'Clear all fields',
+                                                action: () => setConfirmDialogOpen(true),
+                                            },
+                                        ] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: b('children', { opened: isOpened }), children: (0, jsx_runtime_1.jsx)("div", { className: b('children-inner'), children: (0, jsx_runtime_1.jsx)(SectionOpenContext_1.SectionOpenContext.Provider, { value: { isOpen: isOpened ?? false, nestingLevel: nestingLevel + 1 }, children: (0, jsx_runtime_1.jsx)(Fields_1.default, { className: b('fields'), fields: fields, content: content, onUpdate: onUpdate }) }) }) })] }), (0, jsx_runtime_1.jsxs)(uikit_1.Dialog, { open: confirmDialogOpen, onClose: () => setConfirmDialogOpen(false), size: "s", children: [(0, jsx_runtime_1.jsx)(uikit_1.Dialog.Header, { caption: "Clear all fields in this block?" }), (0, jsx_runtime_1.jsx)(uikit_1.Dialog.Body, { children: (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-1", children: "All field values will be deleted, and the block settings will be reset to their default state." }) }), (0, jsx_runtime_1.jsx)(uikit_1.Dialog.Footer, { textButtonApply: "Approve", textButtonCancel: "Cancel", onClickButtonApply: handleConfirmClear, onClickButtonCancel: () => setConfirmDialogOpen(false) })] })] }) }));
+};
+exports.default = Section;
+//# sourceMappingURL=Section.js.map

package/build/cjs/form-generator-v2/components/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/Section/Section.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {EllipsisVertical, Plus, TrashBin} from '@gravity-ui/icons';\nimport {ArrowToggle, Button, Card, Dialog, DropdownMenu, Icon, Text} from '@gravity-ui/uikit';\n\nimport {ClassNameProps} from '../../../models/common';\nimport {CommonProps, SectionField} from '../../types';\nimport {formGeneratorCn} from '../../utils/cn';\nimport {\n    clearSectionFormContent,\n    findAllNames,\n    findNameWithIndexName,\n    getArrayPathForNameWithIndexName,\n    getSpliceTarget,\n    getValueByPath,\n    sectionHasContentData,\n} from '../../utils/fields';\nimport Base from '../Base/Base';\nimport Fields from '../Fields/Fields';\n\nimport {SectionOpenContext} from './SectionOpenContext';\n\nimport './Section.scss';\n\nconst b = formGeneratorCn('section');\n\nconst makeRowKey = (): string =>\n    typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'\n        ? crypto.randomUUID()\n        : `row-${Math.random().toString(36).slice(2, 11)}`;\n\ntype SectionProp = ClassNameProps & CommonProps & SectionField;\n\nconst Section = ({\n    title,\n    opened,\n    fields,\n    when,\n    content,\n    onUpdate,\n    className,\n    index,\n    withAddButton,\n    itemTitle,\n    itemView,\n}: SectionProp) => {\n    const isGroupMode = index !== undefined;\n\n    const parentContext = React.useContext(SectionOpenContext);\n    const nestingLevel = parentContext?.nestingLevel ?? 0;\n\n    // --- Static section state ---\n    const [isOpened, setOpened] = React.useState(opened);\n    const [confirmDialogOpen, setConfirmDialogOpen] = React.useState(false);\n    const hasData = sectionHasContentData(fields, content);\n    const showArrowTogler = hasData || isOpened;\n    const prevHasDataRef = React.useRef<boolean | null>(null);\n\n    React.useEffect(() => {\n        if (isGroupMode) return;\n        const hadData = prevHasDataRef.current;\n        if (hadData === true && !hasData) {\n            setOpened(false);\n        }\n        prevHasDataRef.current = hasData;\n    }, [hasData, isGroupMode]);\n\n    const handleConfirmClear = () => {\n        if (onUpdate) {\n            clearSectionFormContent(fields, onUpdate);\n        }\n        setConfirmDialogOpen(false);\n        setOpened(false);\n    };\n\n    // --- Group mode state ---\n    const [rowKeys, setRowKeys] = React.useState<string[]>([]);\n\n    const nameWithIndexName = React.useMemo(\n        () => (isGroupMode && index ? findNameWithIndexName(fields, index) : undefined),\n        [fields, index, isGroupMode],\n    );\n\n    const arrayPath = React.useMemo(\n        () =>\n            nameWithIndexName && index\n                ? getArrayPathForNameWithIndexName(nameWithIndexName, index)\n                : undefined,\n        [nameWithIndexName, index],\n    );\n\n    const valuesInside = React.useMemo(\n        () => (arrayPath ? getValueByPath(content, arrayPath) : undefined),\n        [arrayPath, content],\n    );\n    const valuesInsideLength = Array.isArray(valuesInside) ? valuesInside.length : 0;\n\n    React.useEffect(() => {\n        if (!isGroupMode) return;\n        if (!nameWithIndexName || !arrayPath) {\n            setRowKeys((prev) => (prev.length === 0 ? [makeRowKey()] : prev));\n            return;\n        }\n        if (!content) {\n            return;\n        }\n\n        setRowKeys((prev) => {\n            if (prev.length === valuesInsideLength) {\n                return prev;\n            }\n            if (valuesInsideLength > prev.length) {\n                return [\n                    ...prev,\n                    ...Array.from({length: valuesInsideLength - prev.length}, makeRowKey),\n                ];\n            }\n            return prev.slice(0, valuesInsideLength);\n        });\n    }, [content, arrayPath, nameWithIndexName, valuesInside, valuesInsideLength, isGroupMode]);\n\n    const replaceIndex = (i: number) =>\n        fields ? JSON.parse(JSON.stringify(fields).replaceAll(`{{${index}}}`, String(i))) : fields;\n\n    const handleAdd = () => {\n        if (arrayPath && onUpdate) {\n            const next = Array.isArray(valuesInside) ? [...valuesInside, {}] : [{}];\n            onUpdate(arrayPath, next);\n            return;\n        }\n        setRowKeys((prev) => [...prev, makeRowKey()]);\n    };\n\n    const deleteItem = (itemIndex: number) => () => {\n        if (!nameWithIndexName || !onUpdate || !index) {\n            return;\n        }\n\n        const names = findAllNames(replaceIndex(itemIndex));\n        const resolvedName =\n            names.find((name) => {\n                const splice = getSpliceTarget(nameWithIndexName, name, index);\n                return splice !== undefined && splice.itemIndex === itemIndex;\n            }) ?? names[0];\n\n        if (!resolvedName) {\n            return;\n        }\n\n        const spliceTarget = getSpliceTarget(nameWithIndexName, resolvedName, index);\n        if (!spliceTarget) {\n            return;\n        }\n\n        onUpdate(spliceTarget.arrayPath, undefined, {removeArrayItemAt: spliceTarget.itemIndex});\n        setRowKeys((prev) => prev.filter((_key, keyIndex) => keyIndex !== itemIndex));\n    };\n\n    // --- Group mode render ---\n    if (isGroupMode) {\n        const hasGroupLabel = Boolean(title);\n        const isEmpty = rowKeys.length === 0;\n        const isGroupOpen = isOpened ?? true;\n        const resolvedItemTitle = (i: number) => {\n            const src = itemTitle || title;\n            return src ? src.replaceAll(`{{${index}}}`, String(i)) : undefined;\n        };\n        const labelTemplate = itemTitle || title;\n        const addButtonLabel = labelTemplate\n            ? labelTemplate.replaceAll(`{{${index}}}`, String(rowKeys.length))\n            : 'Add';\n\n        const renderItem = (rowKey: string, rowIndex: number) => {\n            const cardTitle = resolvedItemTitle(rowIndex);\n            const header = (\n                <div className={b('card-header')}>\n                    {cardTitle && (\n                        <Text variant=\"subheader-2\" className={b('card-title')}>\n                            {cardTitle}\n                        </Text>\n                    )}\n                    <Button view=\"flat\" onClick={deleteItem(rowIndex)}>\n                        <Icon width={16} height={16} data={TrashBin} />\n                    </Button>\n                </div>\n            );\n            const inner = (\n                <SectionOpenContext.Provider value={{isOpen: true, nestingLevel: nestingLevel + 1}}>\n                    <Fields fields={replaceIndex(rowIndex)} content={content} onUpdate={onUpdate} />\n                </SectionOpenContext.Provider>\n            );\n\n            if (itemView === 'clear') {\n                return (\n                    <div key={rowKey} className={b('item-clear')}>\n                        {header}\n                        {inner}\n                    </div>\n                );\n            }\n            return (\n                <Card key={rowKey} className={b('card')}>\n                    {header}\n                    {inner}\n                </Card>\n            );\n        };\n\n        return (\n            <Base when={when} content={content}>\n                <div className={b({nested: nestingLevel > 0}, className)}>\n                    {hasGroupLabel && (\n                        <div className={b('header')}>\n                            <button\n                                type=\"button\"\n                                className={b('header-button', {'with-hover': isEmpty})}\n                                onClick={isEmpty ? handleAdd : () => setOpened((prev) => !prev)}\n                            >\n                                {!isEmpty && (\n                                    <ArrowToggle\n                                        direction={isGroupOpen ? 'top' : 'bottom'}\n                                        className={b('arrow')}\n                                    />\n                                )}\n                                <Text variant=\"subheader-1\" color=\"hint\" className={b('title')}>\n                                    {title}\n                                </Text>\n                                {isEmpty && <Plus width={16} height={16} className={b('plus')} />}\n                            </button>\n                        </div>\n                    )}\n                    <div\n                        className={b('children', {\n                            opened: !isEmpty && (!hasGroupLabel || isGroupOpen),\n                        })}\n                    >\n                        <div className={b('children-inner')}>\n                            {rowKeys.map((rowKey, rowIndex) => renderItem(rowKey, rowIndex))}\n                            {withAddButton && !isEmpty && (\n                                <Button onClick={handleAdd}>Add {addButtonLabel}</Button>\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </Base>\n        );\n    }\n\n    // --- Static section render ---\n    return (\n        <Base when={when} content={content}>\n            <React.Fragment>\n                <div className={b({opened: isOpened, nested: nestingLevel > 0}, className)}>\n                    <div className={b('header')}>\n                        <button\n                            type=\"button\"\n                            className={b('header-button', {\n                                'with-hover': !showArrowTogler,\n                            })}\n                            onClick={() => setOpened((prev) => !prev)}\n                        >\n                            {showArrowTogler && (\n                                <ArrowToggle\n                                    direction={isOpened ? 'top' : 'bottom'}\n                                    className={b('arrow')}\n                                />\n                            )}\n                            <Text variant=\"subheader-1\" color=\"hint\" className={b('title')}>\n                                {title}\n                            </Text>\n                        </button>\n                        <div className={b('dropdown', {opened: isOpened})}>\n                            <DropdownMenu\n                                icon={<Icon data={EllipsisVertical} width={16} height={16} />}\n                                items={[\n                                    {\n                                        text: 'Clear all fields',\n                                        action: () => setConfirmDialogOpen(true),\n                                    },\n                                ]}\n                            />\n                        </div>\n                    </div>\n                    <div className={b('children', {opened: isOpened})}>\n                        <div className={b('children-inner')}>\n                            <SectionOpenContext.Provider\n                                value={{isOpen: isOpened ?? false, nestingLevel: nestingLevel + 1}}\n                            >\n                                <Fields\n                                    className={b('fields')}\n                                    fields={fields}\n                                    content={content}\n                                    onUpdate={onUpdate}\n                                />\n                            </SectionOpenContext.Provider>\n                        </div>\n                    </div>\n                </div>\n                <Dialog\n                    open={confirmDialogOpen}\n                    onClose={() => setConfirmDialogOpen(false)}\n                    size=\"s\"\n                >\n                    <Dialog.Header caption=\"Clear all fields in this block?\" />\n                    <Dialog.Body>\n                        <Text variant=\"body-1\">\n                            All field values will be deleted, and the block settings will be reset\n                            to their default state.\n                        </Text>\n                    </Dialog.Body>\n                    <Dialog.Footer\n                        textButtonApply=\"Approve\"\n                        textButtonCancel=\"Cancel\"\n                        onClickButtonApply={handleConfirmClear}\n                        onClickButtonCancel={() => setConfirmDialogOpen(false)}\n                    />\n                </Dialog>\n            </React.Fragment>\n        </Base>\n    );\n};\n\nexport default Section;\n"]}

package/build/cjs/form-generator-v2/components/Section/SectionOpenContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface SectionContextValue {
+    isOpen: boolean;
+    nestingLevel: number;
+}
+export declare const SectionOpenContext: React.Context<SectionContextValue>;

package/build/cjs/form-generator-v2/components/Section/SectionOpenContext.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionOpenContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+exports.SectionOpenContext = React.createContext({
+    isOpen: false,
+    nestingLevel: 0,
+});
+//# sourceMappingURL=SectionOpenContext.js.map

package/build/cjs/form-generator-v2/components/Section/SectionOpenContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionOpenContext.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/Section/SectionOpenContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAOlB,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAsB;IACvE,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,CAAC;CAClB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport interface SectionContextValue {\n    isOpen: boolean;\n    nestingLevel: number;\n}\n\nexport const SectionOpenContext = React.createContext<SectionContextValue>({\n    isOpen: false,\n    nestingLevel: 0,\n});\n"]}

package/build/cjs/form-generator-v2/components/SegmentedRadioGroup/SegmentedRadioGroup.d.ts

@@ -0,0 +1,4 @@
+import { CommonProps, SegmentedRadioGroupField } from "../../types.js";
+type SegmentedRadioGroupProps = CommonProps & SegmentedRadioGroupField;
+declare const SegmentedRadioGroup: ({ title, name, options, when, content, onUpdate, defaultValue, }: SegmentedRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default SegmentedRadioGroup;

package/build/cjs/form-generator-v2/components/SegmentedRadioGroup/SegmentedRadioGroup.js

@@ -0,0 +1,15 @@
+"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 fields_1 = require("../../utils/fields.js");
+const Base_1 = tslib_1.__importDefault(require("../Base/Base.js"));
+const BaseInput_1 = tslib_1.__importDefault(require("../BaseInput/BaseInput.js"));
+const SegmentedRadioGroup = ({ title, name, options, when, content, onUpdate, defaultValue, }) => {
+    const selected = content ? (0, fields_1.getValueByPath)(content, name) : undefined;
+    const value = selected ?? defaultValue ?? null;
+    return ((0, jsx_runtime_1.jsx)(Base_1.default, { when: when, content: content, name: name, onUpdate: onUpdate, defaultValue: defaultValue, children: (0, jsx_runtime_1.jsx)(BaseInput_1.default, { title: title, children: (0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup, { name: name, options: options, onUpdate: (v) => onUpdate(name, v), value: value }) }) }));
+};
+exports.default = SegmentedRadioGroup;
+//# sourceMappingURL=SegmentedRadioGroup.js.map

package/build/cjs/form-generator-v2/components/SegmentedRadioGroup/SegmentedRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedRadioGroup.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/SegmentedRadioGroup/SegmentedRadioGroup.tsx"],"names":[],"mappings":";;;;AAAA,6CAAkF;AAGlF,kDAAkD;AAClD,mEAAgC;AAChC,kFAA+C;AAI/C,MAAM,mBAAmB,GAAG,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,YAAY,GACW,EAAE,EAAE;IAC3B,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,IAAA,uBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAErE,MAAM,KAAK,GAAG,QAAQ,IAAI,YAAY,IAAI,IAAI,CAAC;IAE/C,OAAO,CACH,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,YAE1B,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,YACnB,uBAAC,2BAAwB,IACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAClC,KAAK,EAAE,KAAK,GACd,GACM,GACT,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import {SegmentedRadioGroup as SegmentedRadioGroupUIKIT} from '@gravity-ui/uikit';\n\nimport {CommonProps, SegmentedRadioGroupField} from '../../types';\nimport {getValueByPath} from '../../utils/fields';\nimport Base from '../Base/Base';\nimport BaseInput from '../BaseInput/BaseInput';\n\ntype SegmentedRadioGroupProps = CommonProps & SegmentedRadioGroupField;\n\nconst SegmentedRadioGroup = ({\n    title,\n    name,\n    options,\n    when,\n    content,\n    onUpdate,\n    defaultValue,\n}: SegmentedRadioGroupProps) => {\n    const selected = content ? getValueByPath(content, name) : undefined;\n\n    const value = selected ?? defaultValue ?? null;\n\n    return (\n        <Base\n            when={when}\n            content={content}\n            name={name}\n            onUpdate={onUpdate}\n            defaultValue={defaultValue}\n        >\n            <BaseInput title={title}>\n                <SegmentedRadioGroupUIKIT\n                    name={name}\n                    options={options}\n                    onUpdate={(v) => onUpdate(name, v)}\n                    value={value}\n                />\n            </BaseInput>\n        </Base>\n    );\n};\n\nexport default SegmentedRadioGroup;\n"]}

package/build/cjs/form-generator-v2/components/Select/Select.d.ts

@@ -0,0 +1,4 @@
+import { CommonProps, SelectField } from "../../types.js";
+type SelectProps = CommonProps & SelectField;
+declare const Select: ({ title, name, options, when, content, onUpdate, hasClear, defaultValue, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export default Select;

package/build/cjs/form-generator-v2/components/Select/Select.js

@@ -0,0 +1,18 @@
+"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 fields_1 = require("../../utils/fields.js");
+const Base_1 = tslib_1.__importDefault(require("../Base/Base.js"));
+const BaseInput_1 = tslib_1.__importDefault(require("../BaseInput/BaseInput.js"));
+const Select = ({ title, name, options, when, content, onUpdate, hasClear, defaultValue, }) => {
+    const selected = (0, fields_1.getValueByPath)(content, name) ?? defaultValue;
+    const value = selected ? [selected] : [];
+    return ((0, jsx_runtime_1.jsx)(Base_1.default, { when: when, content: content, name: name, onUpdate: onUpdate, defaultValue: defaultValue, children: (0, jsx_runtime_1.jsx)(BaseInput_1.default, { title: title, children: (0, jsx_runtime_1.jsx)(uikit_1.Select, { name: name, options: options.map((option) => ({
+                    value: option.value,
+                    content: option.content || option.value,
+                })), placeholder: "Not selected", onUpdate: (v) => onUpdate(name, v[0]), value: value, hasClear: hasClear }) }) }));
+};
+exports.default = Select;
+//# sourceMappingURL=Select.js.map

package/build/cjs/form-generator-v2/components/Select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,6CAAwD;AAGxD,kDAAkD;AAClD,mEAAgC;AAChC,kFAA+C;AAI/C,MAAM,MAAM,GAAG,CAAC,EACZ,KAAK,EACL,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,GACF,EAAE,EAAE;IACd,MAAM,QAAQ,GAAG,IAAA,uBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,YAAY,CAAC;IAC/D,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzC,OAAO,CACH,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,YAE1B,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,YACnB,uBAAC,cAAW,IACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;oBAC9B,KAAK,EAAE,MAAM,CAAC,KAAK;oBACnB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK;iBAC1C,CAAC,CAAC,EACH,WAAW,EAAC,cAAc,EAC1B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EACrC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GACpB,GACM,GACT,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import {Select as SelectUIKIT} from '@gravity-ui/uikit';\n\nimport {CommonProps, SelectField} from '../../types';\nimport {getValueByPath} from '../../utils/fields';\nimport Base from '../Base/Base';\nimport BaseInput from '../BaseInput/BaseInput';\n\ntype SelectProps = CommonProps & SelectField;\n\nconst Select = ({\n    title,\n    name,\n    options,\n    when,\n    content,\n    onUpdate,\n    hasClear,\n    defaultValue,\n}: SelectProps) => {\n    const selected = getValueByPath(content, name) ?? defaultValue;\n    const value = selected ? [selected] : [];\n\n    return (\n        <Base\n            when={when}\n            content={content}\n            name={name}\n            onUpdate={onUpdate}\n            defaultValue={defaultValue}\n        >\n            <BaseInput title={title}>\n                <SelectUIKIT\n                    name={name}\n                    options={options.map((option) => ({\n                        value: option.value,\n                        content: option.content || option.value,\n                    }))}\n                    placeholder=\"Not selected\"\n                    onUpdate={(v) => onUpdate(name, v[0])}\n                    value={value}\n                    hasClear={hasClear}\n                />\n            </BaseInput>\n        </Base>\n    );\n};\n\nexport default Select;\n"]}

package/build/cjs/form-generator-v2/components/Switch/Switch.d.ts

@@ -0,0 +1,5 @@
+import { ClassNameProps } from "../../../models/common.js";
+import { CommonProps, SwitchField } from "../../types.js";
+type SwitchProps = ClassNameProps & SwitchField & CommonProps;
+declare const Switch: ({ title, when, name, content, onUpdate, className, defaultValue }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;

package/build/cjs/form-generator-v2/components/Switch/Switch.js

@@ -0,0 +1,14 @@
+"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 fields_1 = require("../../utils/fields.js");
+const Base_1 = tslib_1.__importDefault(require("../Base/Base.js"));
+const BaseInput_1 = tslib_1.__importDefault(require("../BaseInput/BaseInput.js"));
+const Switch = ({ title, when, name, content, onUpdate, className, defaultValue }) => {
+    const value = (0, fields_1.getValueByPath)(content, name) ?? defaultValue ?? false;
+    return ((0, jsx_runtime_1.jsx)(Base_1.default, { content: content, when: when, onUpdate: onUpdate, children: (0, jsx_runtime_1.jsx)(BaseInput_1.default, { title: title, className: className, children: (0, jsx_runtime_1.jsx)(uikit_1.Switch, { name: name, onUpdate: (v) => onUpdate(name, v), checked: value }) }) }));
+};
+exports.default = Switch;
+//# sourceMappingURL=Switch.js.map

package/build/cjs/form-generator-v2/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;AAAA,6CAAwD;AAIxD,kDAAkD;AAClD,mEAAgC;AAChC,kFAA+C;AAI/C,MAAM,MAAM,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAc,EAAE,EAAE;IAC5F,MAAM,KAAK,GAAG,IAAA,uBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,YAAY,IAAI,KAAK,CAAC;IAErE,OAAO,CACH,uBAAC,cAAI,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAClD,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,YACzC,uBAAC,cAAW,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,GAAI,GACvE,GACT,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC","sourcesContent":["import {Switch as SwitchUIKIT} from '@gravity-ui/uikit';\n\nimport {ClassNameProps} from '../../../models/common';\nimport {CommonProps, SwitchField} from '../../types';\nimport {getValueByPath} from '../../utils/fields';\nimport Base from '../Base/Base';\nimport BaseInput from '../BaseInput/BaseInput';\n\ntype SwitchProps = ClassNameProps & SwitchField & CommonProps;\n\nconst Switch = ({title, when, name, content, onUpdate, className, defaultValue}: SwitchProps) => {\n    const value = getValueByPath(content, name) ?? defaultValue ?? false;\n\n    return (\n        <Base content={content} when={when} onUpdate={onUpdate}>\n            <BaseInput title={title} className={className}>\n                <SwitchUIKIT name={name} onUpdate={(v) => onUpdate(name, v)} checked={value} />\n            </BaseInput>\n        </Base>\n    );\n};\n\nexport default Switch;\n"]}

package/build/cjs/form-generator-v2/components/Text/Text.css

@@ -0,0 +1,20 @@
+.pc-fg-text {
+  display: flex;
+  align-items: center;
+  min-height: 28px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  margin-bottom: 8px;
+}
+.pc-fg-text:last-child {
+  margin-bottom: 0;
+}
+.pc-fg-text__note {
+  display: flex;
+}
+.pc-fg-text__note-icon {
+  margin-right: 4px;
+  min-width: 14px;
+  min-height: 14px;
+}

package/build/cjs/form-generator-v2/components/Text/Text.d.ts

@@ -0,0 +1,11 @@
+import { ClassNameProps } from "../../../models/common.js";
+import { Content, Text as TextField, When } from "../../types.js";
+type TextProps = ClassNameProps & {
+    text: string;
+    level?: TextField['level'];
+    color?: TextField['color'];
+    when?: When;
+    content: Content;
+};
+declare const Text: ({ text, level, color, when, content, className }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export default Text;

package/build/cjs/form-generator-v2/components/Text/Text.js

@@ -0,0 +1,16 @@
+"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 cn_1 = require("../../utils/cn.js");
+const Base_1 = tslib_1.__importDefault(require("../Base/Base.js"));
+const b = (0, cn_1.formGeneratorCn)('text');
+const LEVEL_ICON = {
+    info: icons_1.CircleInfoFill,
+    danger: icons_1.TriangleExclamationFill,
+};
+const Text = ({ text, level, color, when, content, className }) => ((0, jsx_runtime_1.jsx)(Base_1.default, { when: when, content: content, children: level ? ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsxs)("div", { className: b('note', null, className), children: [(0, jsx_runtime_1.jsx)(uikit_1.Icon, { className: b('note-icon'), data: LEVEL_ICON[level], color: level }), (0, jsx_runtime_1.jsx)(uikit_1.Text, { variant: "body-1", children: text })] }) })) : ((0, jsx_runtime_1.jsx)(uikit_1.Text, { className: b(null, className), variant: "subheader-1", color: color, children: text })) }));
+exports.default = Text;
+//# sourceMappingURL=Text.js.map

package/build/cjs/form-generator-v2/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/Text/Text.tsx"],"names":[],"mappings":";;;;AAAA,6CAA0E;AAC1E,6CAA0D;AAI1D,0CAA+C;AAC/C,mEAAgC;AAIhC,MAAM,CAAC,GAAG,IAAA,oBAAe,EAAC,MAAM,CAAC,CAAC;AAElC,MAAM,UAAU,GAAG;IACf,IAAI,EAAE,sBAAc;IACpB,MAAM,EAAE,+BAAuB;CAClC,CAAC;AAUF,MAAM,IAAI,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAY,EAAE,EAAE,CAAC,CACxE,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,YAC7B,KAAK,CAAC,CAAC,CAAC,CACL,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,aACtC,uBAAC,YAAI,IAAC,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,EAC1E,uBAAC,YAAS,IAAC,OAAO,EAAC,QAAQ,YAAE,IAAI,GAAa,IAC5C,GACJ,CACT,CAAC,CAAC,CAAC,CACA,uBAAC,YAAS,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,YACvE,IAAI,GACG,CACf,GACE,CACV,CAAC;AAEF,kBAAe,IAAI,CAAC","sourcesContent":["import {CircleInfoFill, TriangleExclamationFill} from '@gravity-ui/icons';\nimport {Icon, Text as TextUIKIT} from '@gravity-ui/uikit';\n\nimport {ClassNameProps} from '../../../models/common';\nimport {Content, Text as TextField, When} from '../../types';\nimport {formGeneratorCn} from '../../utils/cn';\nimport Base from '../Base/Base';\n\nimport './Text.scss';\n\nconst b = formGeneratorCn('text');\n\nconst LEVEL_ICON = {\n    info: CircleInfoFill,\n    danger: TriangleExclamationFill,\n};\n\ntype TextProps = ClassNameProps & {\n    text: string;\n    level?: TextField['level'];\n    color?: TextField['color'];\n    when?: When;\n    content: Content;\n};\n\nconst Text = ({text, level, color, when, content, className}: TextProps) => (\n    <Base when={when} content={content}>\n        {level ? (\n            <div className={b(null, className)}>\n                <div className={b('note', null, className)}>\n                    <Icon className={b('note-icon')} data={LEVEL_ICON[level]} color={level} />\n                    <TextUIKIT variant=\"body-1\">{text}</TextUIKIT>\n                </div>\n            </div>\n        ) : (\n            <TextUIKIT className={b(null, className)} variant=\"subheader-1\" color={color}>\n                {text}\n            </TextUIKIT>\n        )}\n    </Base>\n);\n\nexport default Text;\n"]}

package/build/cjs/form-generator-v2/components/TextArea/TextArea.d.ts

@@ -0,0 +1,4 @@
+import { CommonProps, TextField } from "../../types.js";
+type TextAreaProps = CommonProps & TextField;
+declare const TextArea: ({ when, title, content, name, onUpdate, defaultValue }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/build/cjs/form-generator-v2/components/TextArea/TextArea.js

@@ -0,0 +1,14 @@
+"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 fields_1 = require("../../utils/fields.js");
+const Base_1 = tslib_1.__importDefault(require("../Base/Base.js"));
+const BaseInput_1 = tslib_1.__importDefault(require("../BaseInput/BaseInput.js"));
+const TextArea = ({ when, title, content, name, onUpdate, defaultValue }) => {
+    const value = (0, fields_1.getValueByPath)(content, name) ?? defaultValue ?? '';
+    return ((0, jsx_runtime_1.jsx)(Base_1.default, { when: when, content: content, name: name, onUpdate: onUpdate, defaultValue: defaultValue, children: (0, jsx_runtime_1.jsx)(BaseInput_1.default, { title: title, children: (0, jsx_runtime_1.jsx)(uikit_1.TextArea, { value: value, name: name, onUpdate: (v) => onUpdate(name, v), minRows: 3 }) }) }));
+};
+exports.default = TextArea;
+//# sourceMappingURL=TextArea.js.map

package/build/cjs/form-generator-v2/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4D;AAG5D,kDAAkD;AAClD,mEAAgC;AAChC,kFAA+C;AAI/C,MAAM,QAAQ,GAAG,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAgB,EAAE,EAAE;IACrF,MAAM,KAAK,GAAG,IAAA,uBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,YAAY,IAAI,EAAE,CAAC;IAElE,OAAO,CACH,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,YAE1B,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,YACnB,uBAAC,gBAAa,IACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAClC,OAAO,EAAE,CAAC,GACZ,GACM,GACT,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC","sourcesContent":["import {TextArea as TextAreaUIKIT} from '@gravity-ui/uikit';\n\nimport {CommonProps, TextField} from '../../types';\nimport {getValueByPath} from '../../utils/fields';\nimport Base from '../Base/Base';\nimport BaseInput from '../BaseInput/BaseInput';\n\ntype TextAreaProps = CommonProps & TextField;\n\nconst TextArea = ({when, title, content, name, onUpdate, defaultValue}: TextAreaProps) => {\n    const value = getValueByPath(content, name) ?? defaultValue ?? '';\n\n    return (\n        <Base\n            when={when}\n            content={content}\n            name={name}\n            onUpdate={onUpdate}\n            defaultValue={defaultValue}\n        >\n            <BaseInput title={title}>\n                <TextAreaUIKIT\n                    value={value}\n                    name={name}\n                    onUpdate={(v) => onUpdate(name, v)}\n                    minRows={3}\n                />\n            </BaseInput>\n        </Base>\n    );\n};\n\nexport default TextArea;\n"]}

package/build/cjs/form-generator-v2/components/TextInput/TextInput.d.ts

@@ -0,0 +1,4 @@
+import { CommonProps, TextField } from "../../types.js";
+type TextInputProps = CommonProps & TextField;
+declare const TextInput: ({ title, name, when, content, onUpdate, defaultValue }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+export default TextInput;

package/build/cjs/form-generator-v2/components/TextInput/TextInput.js

@@ -0,0 +1,14 @@
+"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 fields_1 = require("../../utils/fields.js");
+const Base_1 = tslib_1.__importDefault(require("../Base/Base.js"));
+const BaseInput_1 = tslib_1.__importDefault(require("../BaseInput/BaseInput.js"));
+const TextInput = ({ title, name, when, content, onUpdate, defaultValue }) => {
+    const value = (0, fields_1.getValueByPath)(content, name) ?? defaultValue ?? '';
+    return ((0, jsx_runtime_1.jsx)(Base_1.default, { when: when, content: content, name: name, onUpdate: onUpdate, defaultValue: defaultValue, children: (0, jsx_runtime_1.jsx)(BaseInput_1.default, { title: title, children: (0, jsx_runtime_1.jsx)(uikit_1.TextInput, { name: name, onUpdate: (v) => onUpdate(name, v), value: value }) }) }));
+};
+exports.default = TextInput;
+//# sourceMappingURL=TextInput.js.map

package/build/cjs/form-generator-v2/components/TextInput/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"../../../../../src","sources":["form-generator-v2/components/TextInput/TextInput.tsx"],"names":[],"mappings":";;;;AAAA,6CAA8D;AAG9D,kDAAkD;AAClD,mEAAgC;AAChC,kFAA+C;AAI/C,MAAM,SAAS,GAAG,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAiB,EAAE,EAAE;IACvF,MAAM,KAAK,GAAG,IAAA,uBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,YAAY,IAAI,EAAE,CAAC;IAElE,OAAO,CACH,uBAAC,cAAI,IACD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,YAE1B,uBAAC,mBAAS,IAAC,KAAK,EAAE,KAAK,YACnB,uBAAC,iBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,GACxE,GACT,CACV,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {TextInput as TextInputUIKIT} from '@gravity-ui/uikit';\n\nimport {CommonProps, TextField} from '../../types';\nimport {getValueByPath} from '../../utils/fields';\nimport Base from '../Base/Base';\nimport BaseInput from '../BaseInput/BaseInput';\n\ntype TextInputProps = CommonProps & TextField;\n\nconst TextInput = ({title, name, when, content, onUpdate, defaultValue}: TextInputProps) => {\n    const value = getValueByPath(content, name) ?? defaultValue ?? '';\n\n    return (\n        <Base\n            when={when}\n            content={content}\n            name={name}\n            onUpdate={onUpdate}\n            defaultValue={defaultValue}\n        >\n            <BaseInput title={title}>\n                <TextInputUIKIT name={name} onUpdate={(v) => onUpdate(name, v)} value={value} />\n            </BaseInput>\n        </Base>\n    );\n};\n\nexport default TextInput;\n"]}

package/build/cjs/form-generator-v2/components/constants.d.ts

@@ -0,0 +1,16 @@
+export declare const componentMap: {
+    section: ({ title, opened, fields, when, content, onUpdate, className, index, withAddButton, itemTitle, itemView, }: import("../../index.js").ClassNameProps & import("../types.js").CommonProps & import("../types.js").SectionField) => import("react/jsx-runtime").JSX.Element;
+    select: ({ title, name, options, when, content, onUpdate, hasClear, defaultValue, }: import("../types.js").CommonProps & import("../types.js").SelectField) => import("react/jsx-runtime").JSX.Element;
+    textInput: ({ title, name, when, content, onUpdate, defaultValue }: import("../types.js").CommonProps & import("../types.js").TextField) => import("react/jsx-runtime").JSX.Element;
+    segmentedRadioGroup: ({ title, name, options, when, content, onUpdate, defaultValue, }: import("../types.js").CommonProps & import("../types.js").SegmentedRadioGroupField) => import("react/jsx-runtime").JSX.Element;
+    colorInput: ({ title, name, when, content, onUpdate, className, defaultValue, }: import("../../index.js").ClassNameProps & import("../types.js").CommonProps & import("../types.js").ColorField) => import("react/jsx-runtime").JSX.Element;
+    text: ({ text, level, color, when, content, className }: import("../../index.js").ClassNameProps & {
+        text: string;
+        level?: import("../types.js").Text["level"];
+        color?: import("../types.js").Text["color"];
+        when?: import("../types.js").When;
+        content: import("../types.js").Content;
+    }) => import("react/jsx-runtime").JSX.Element;
+    textArea: ({ when, title, content, name, onUpdate, defaultValue }: import("../types.js").CommonProps & import("../types.js").TextField) => import("react/jsx-runtime").JSX.Element;
+    switch: ({ title, when, name, content, onUpdate, className, defaultValue }: import("../../index.js").ClassNameProps & import("../types.js").SwitchField & import("../types.js").CommonProps) => import("react/jsx-runtime").JSX.Element;
+};

package/build/cjs/form-generator-v2/components/constants.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentMap = void 0;
+const tslib_1 = require("tslib");
+const ColorInput_1 = tslib_1.__importDefault(require("./ColorInput/ColorInput.js"));
+const Section_1 = tslib_1.__importDefault(require("./Section/Section.js"));
+const SegmentedRadioGroup_1 = tslib_1.__importDefault(require("./SegmentedRadioGroup/SegmentedRadioGroup.js"));
+const Select_1 = tslib_1.__importDefault(require("./Select/Select.js"));
+const Switch_1 = tslib_1.__importDefault(require("./Switch/Switch.js"));
+const Text_1 = tslib_1.__importDefault(require("./Text/Text.js"));
+const TextArea_1 = tslib_1.__importDefault(require("./TextArea/TextArea.js"));
+const TextInput_1 = tslib_1.__importDefault(require("./TextInput/TextInput.js"));
+exports.componentMap = {
+    section: Section_1.default,
+    select: Select_1.default,
+    textInput: TextInput_1.default,
+    segmentedRadioGroup: SegmentedRadioGroup_1.default,
+    colorInput: ColorInput_1.default,
+    text: Text_1.default,
+    textArea: TextArea_1.default,
+    switch: Switch_1.default,
+};
+//# sourceMappingURL=constants.js.map

package/build/cjs/form-generator-v2/components/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"../../../../src","sources":["form-generator-v2/components/constants.ts"],"names":[],"mappings":";;;;AAAA,oFAAiD;AACjD,2EAAwC;AACxC,+GAA4E;AAC5E,wEAAqC;AACrC,wEAAqC;AACrC,kEAA+B;AAC/B,8EAA2C;AAC3C,iFAA8C;AAEjC,QAAA,YAAY,GAAG;IACxB,OAAO,EAAE,iBAAO;IAChB,MAAM,EAAE,gBAAM;IACd,SAAS,EAAE,mBAAS;IACpB,mBAAmB,EAAE,6BAAmB;IACxC,UAAU,EAAE,oBAAU;IACtB,IAAI,EAAE,cAAI;IACV,QAAQ,EAAE,kBAAQ;IAClB,MAAM,EAAE,gBAAM;CACjB,CAAC","sourcesContent":["import ColorInput from './ColorInput/ColorInput';\nimport Section from './Section/Section';\nimport SegmentedRadioGroup from './SegmentedRadioGroup/SegmentedRadioGroup';\nimport Select from './Select/Select';\nimport Switch from './Switch/Switch';\nimport Text from './Text/Text';\nimport TextArea from './TextArea/TextArea';\nimport TextInput from './TextInput/TextInput';\n\nexport const componentMap = {\n    section: Section,\n    select: Select,\n    textInput: TextInput,\n    segmentedRadioGroup: SegmentedRadioGroup,\n    colorInput: ColorInput,\n    text: Text,\n    textArea: TextArea,\n    switch: Switch,\n};\n"]}

package/build/cjs/form-generator-v2/types.d.ts

@@ -0,0 +1,86 @@
+import { IconProps } from '@gravity-ui/uikit';
+export type Content = Record<string, unknown>;
+export type When = {
+    field?: string;
+    operator: '===' | '!==' | '||' | '&&';
+    value?: string | boolean;
+}[];
+export type Option = {
+    content?: string;
+    value: string;
+};
+export type SectionField = {
+    type: 'section';
+    title: string;
+    fields: Fields;
+    when?: When;
+    opened?: boolean;
+    index?: string;
+    withAddButton?: boolean;
+    itemTitle?: string;
+    itemView?: 'card' | 'clear';
+};
+export type SelectField = {
+    type: 'select';
+    name: string;
+    title: string;
+    options: Option[];
+    defaultValue?: string;
+    when?: When;
+    hasClear?: boolean;
+};
+export type TextField = {
+    type: 'textInput' | 'textArea';
+    name: string;
+    title: string;
+    defaultValue?: string;
+    when?: When;
+};
+export type SegmentedRadioGroupField = {
+    type: 'segmentedRadioGroup';
+    name: string;
+    title: string;
+    options: Option[];
+    defaultValue?: string;
+    when?: When;
+};
+export type TextColor = 'primary' | 'secondary' | 'hint' | 'info' | 'positive' | 'warning' | 'danger' | 'utility' | 'misc';
+export type Text = {
+    type: 'text';
+    text: string;
+    level?: 'danger' | 'info';
+    color?: TextColor;
+    when?: When;
+};
+export type SwitchField = {
+    type: 'switch';
+    name: string;
+    title: string;
+    defaultValue?: boolean;
+    when?: When;
+};
+export type ColorField = {
+    type: 'colorInput';
+    name: string;
+    title: string;
+    defaultValue?: string;
+    when?: When;
+};
+export type Fields = (SectionField | SelectField | TextField | SegmentedRadioGroupField | Text | SwitchField | ColorField)[];
+export type OnUpdate = (name: string, value: unknown, options?: {
+    unset?: boolean;
+    removeArrayItemAt?: number;
+}) => void;
+export type CommonProps = {
+    content: Content;
+    onUpdate: OnUpdate;
+};
+export interface BlockConfig {
+    name: string;
+    inputs: Fields;
+    group?: string;
+    hidden?: boolean;
+    default?: object;
+    previewImg?: string;
+    previewIcon?: IconProps;
+}

package/build/cjs/form-generator-v2/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/build/cjs/form-generator-v2/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["form-generator-v2/types.ts"],"names":[],"mappings":"","sourcesContent":["import {IconProps} from '@gravity-ui/uikit';\n\nexport type Content = Record<string, unknown>;\n\nexport type When = {\n    field?: string;\n    operator: '===' | '!==' | '||' | '&&';\n    value?: string | boolean;\n}[];\n\nexport type Option = {\n    content?: string;\n    value: string;\n};\n\nexport type SectionField = {\n    type: 'section';\n    title: string;\n    fields: Fields;\n    when?: When;\n    // Static section props\n    opened?: boolean;\n    // Repeating group props — presence of `index` activates array mode\n    index?: string;\n    withAddButton?: boolean;\n    itemTitle?: string; // header text on each repeated item card\n    itemView?: 'card' | 'clear'; // card = Card with borders/padding; clear = flat div\n};\n\nexport type SelectField = {\n    type: 'select';\n    name: string;\n    title: string;\n    options: Option[];\n    defaultValue?: string;\n    when?: When;\n    hasClear?: boolean;\n};\n\nexport type TextField = {\n    type: 'textInput' | 'textArea';\n    name: string;\n    title: string;\n    defaultValue?: string;\n    when?: When;\n};\n\nexport type SegmentedRadioGroupField = {\n    type: 'segmentedRadioGroup';\n    name: string;\n    title: string;\n    options: Option[];\n    defaultValue?: string;\n    when?: When;\n};\n\nexport type TextColor =\n    | 'primary'\n    | 'secondary'\n    | 'hint'\n    | 'info'\n    | 'positive'\n    | 'warning'\n    | 'danger'\n    | 'utility'\n    | 'misc';\n\nexport type Text = {\n    type: 'text';\n    text: string;\n    level?: 'danger' | 'info';\n    color?: TextColor;\n    when?: When;\n};\n\nexport type SwitchField = {\n    type: 'switch';\n    name: string;\n    title: string;\n    defaultValue?: boolean;\n    when?: When;\n};\n\nexport type ColorField = {\n    type: 'colorInput';\n    name: string;\n    title: string;\n    defaultValue?: string;\n    when?: When;\n};\n\nexport type Fields = (\n    | SectionField\n    | SelectField\n    | TextField\n    | SegmentedRadioGroupField\n    | Text\n    | SwitchField\n    | ColorField\n)[];\n\nexport type OnUpdate = (\n    name: string,\n    value: unknown,\n    options?: {unset?: boolean; removeArrayItemAt?: number},\n) => void;\n\nexport type CommonProps = {\n    content: Content;\n    onUpdate: OnUpdate;\n};\n\nexport interface BlockConfig {\n    name: string;\n    inputs: Fields;\n    group?: string;\n    hidden?: boolean;\n    default?: object;\n    previewImg?: string;\n    previewIcon?: IconProps;\n}\n"]}

package/build/cjs/form-generator-v2/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare const FORM_GENERATOR_NAMESPACE = "pc-fg-";
+export declare const formGeneratorCn: import("@bem-react/classname").ClassNameInitilizer;

package/build/cjs/form-generator-v2/utils/cn.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formGeneratorCn = exports.FORM_GENERATOR_NAMESPACE = void 0;
+const classname_1 = require("@bem-react/classname");
+exports.FORM_GENERATOR_NAMESPACE = 'pc-fg-';
+exports.formGeneratorCn = (0, classname_1.withNaming)({ n: exports.FORM_GENERATOR_NAMESPACE, e: '__', m: '_' });
+//# sourceMappingURL=cn.js.map

package/build/cjs/form-generator-v2/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"../../../../src","sources":["form-generator-v2/utils/cn.ts"],"names":[],"mappings":";;;AAAA,oDAAgD;AAEnC,QAAA,wBAAwB,GAAG,QAAQ,CAAC;AAEpC,QAAA,eAAe,GAAG,IAAA,sBAAU,EAAC,EAAC,CAAC,EAAE,gCAAwB,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAC,CAAC,CAAC","sourcesContent":["import {withNaming} from '@bem-react/classname';\n\nexport const FORM_GENERATOR_NAMESPACE = 'pc-fg-';\n\nexport const formGeneratorCn = withNaming({n: FORM_GENERATOR_NAMESPACE, e: '__', m: '_'});\n"]}