@gravity-ui/dynamic-forms 5.17.1 → 5.19.0

package/build/cjs/lib/unstable/kit/controls/RangeSlider/RangeSlider.css

@@ -0,0 +1,3 @@
+.sr-range-slider {
+  width: 100%;
+}

package/build/cjs/lib/unstable/kit/controls/RangeSlider/RangeSlider.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeSlider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('range-slider');
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const { propertyKeys } = controlProps, restControlProps = tslib_1.__rest(controlProps, ["propertyKeys"]);
+    const [fromKey, toKey] = propertyKeys || ['from', 'to'];
+    const min = ((_a = schema.properties) === null || _a === void 0 ? void 0 : _a[fromKey]) && 'minimum' in schema.properties[fromKey]
+        ? (_c = (_b = schema.properties) === null || _b === void 0 ? void 0 : _b[fromKey]) === null || _c === void 0 ? void 0 : _c.minimum
+        : undefined;
+    const max = ((_d = schema.properties) === null || _d === void 0 ? void 0 : _d[toKey]) && 'maximum' in schema.properties[toKey]
+        ? (_f = (_e = schema.properties) === null || _e === void 0 ? void 0 : _e[toKey]) === null || _f === void 0 ? void 0 : _f.maximum
+        : undefined;
+    const value = isNaN(Number((_g = input.value) === null || _g === void 0 ? void 0 : _g[fromKey])) || isNaN(Number((_h = input.value) === null || _h === void 0 ? void 0 : _h[toKey]))
+        ? undefined
+        : [Number((_j = input.value) === null || _j === void 0 ? void 0 : _j[fromKey]), Number((_k = input.value) === null || _k === void 0 ? void 0 : _k[toKey])];
+    const defaultValue = isNaN(Number((_l = schema.default) === null || _l === void 0 ? void 0 : _l[fromKey])) || isNaN(Number((_m = schema.default) === null || _m === void 0 ? void 0 : _m[toKey]))
+        ? undefined
+        : [Number((_o = schema.default) === null || _o === void 0 ? void 0 : _o[fromKey]), Number((_p = schema.default) === null || _p === void 0 ? void 0 : _p[toKey])];
+    const onUpdate = react_1.default.useCallback((next) => {
+        if (!Array.isArray(next)) {
+            return;
+        }
+        input.onChange({ [fromKey]: next[0], [toKey]: next[1] });
+    }, [fromKey, toKey, input.onChange]);
+    return (react_1.default.createElement(uikit_1.Slider, Object.assign({ className: b(), min: min, max: max, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, restControlProps, { defaultValue: defaultValue, value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: onUpdate, errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta), qa: input.name })));
+};
+exports.RangeSlider = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/controls/RangeSlider/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeSlider = void 0;
+var RangeSlider_1 = require("./RangeSlider");
+Object.defineProperty(exports, "RangeSlider", { enumerable: true, get: function () { return RangeSlider_1.RangeSlider; } });

package/build/cjs/lib/unstable/kit/controls/Select/Select.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const isString_1 = tslib_1.__importDefault(require("lodash/isString"));
+const utils_1 = require("../../utils");
+const Component = ({ controlProps, input, meta, schema }) => {
+    var _a, _b;
+    const { enumDescriptions, optionsMeta } = controlProps, restControlProps = tslib_1.__rest(controlProps, ["enumDescriptions", "optionsMeta"]);
+    const value = react_1.default.useMemo(() => ((0, isString_1.default)(input.value) ? [input.value] : undefined), [input.value]);
+    const onUpdate = react_1.default.useCallback((v) => input.onChange(v[0]), [input.onChange]);
+    const options = react_1.default.useMemo(() => {
+        var _a;
+        return (_a = schema.enum) === null || _a === void 0 ? void 0 : _a.map((value) => {
+            const optionMeta = optionsMeta === null || optionsMeta === void 0 ? void 0 : optionsMeta[value];
+            const text = (enumDescriptions === null || enumDescriptions === void 0 ? void 0 : enumDescriptions[value]) || value;
+            let content = text;
+            if (optionMeta) {
+                content = (react_1.default.createElement(uikit_1.Flex, { direction: "column", gap: "0.5" },
+                    react_1.default.createElement(uikit_1.Text, null, text),
+                    react_1.default.createElement(uikit_1.Text, { color: "secondary" }, optionMeta)));
+            }
+            return { value, text, content, key: value, data: { optionMeta } };
+        });
+    }, [enumDescriptions, optionsMeta, schema.enum]);
+    const renderOption = react_1.default.useCallback((option) => (react_1.default.createElement(react_1.default.Fragment, { key: option.value }, option.content || option.text || option.value)), []);
+    const getOptionHeight = react_1.default.useCallback((option) => { var _a; return (((_a = option.data) === null || _a === void 0 ? void 0 : _a.optionMeta) ? 44 : 28); }, []);
+    return (react_1.default.createElement(uikit_1.Select, Object.assign({ width: "max", options: options, filterable: (((_a = schema.enum) === null || _a === void 0 ? void 0 : _a.length) || 0) > 9, renderOption: renderOption, getOptionHeight: getOptionHeight, disabled: schema.readOnly }, restControlProps, { value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: onUpdate, errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta), placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], qa: input.name })));
+};
+exports.Select = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/controls/Select/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Select = void 0;
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });

package/build/cjs/lib/unstable/kit/controls/Slider/Slider.css

@@ -0,0 +1,3 @@
+.sr-slider {
+  width: 100%;
+}

package/build/cjs/lib/unstable/kit/controls/Slider/Slider.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('slider');
+const Component = ({ controlProps, input, meta, schema }) => {
+    const value = isNaN(Number(input.value)) ? undefined : Number(input.value);
+    const onUpdate = react_1.default.useCallback((next) => {
+        if (Array.isArray(next)) {
+            return;
+        }
+        input.onChange(next);
+    }, [input.onChange]);
+    return (react_1.default.createElement(uikit_1.Slider, Object.assign({ className: b(), min: schema.minimum, max: schema.maximum, step: 1, marks: 2, disabled: schema.readOnly, tooltipDisplay: "on" }, controlProps, { value: value, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: onUpdate, errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta), qa: `${input.name}` })));
+};
+exports.Slider = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/controls/Slider/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = void 0;
+var Slider_1 = require("./Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });

package/build/cjs/lib/unstable/kit/controls/StringBase/StringBase.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringBase = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b;
+    return (react_1.default.createElement(uikit_1.TextInput, Object.assign({ hasClear: true, disabled: schema.readOnly }, controlProps, { value: (_a = input.value) !== null && _a !== void 0 ? _a : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta), placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], qa: input.name, type: "text" })));
+};
+exports.StringBase = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/controls/StringBase/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringBase = void 0;
+var StringBase_1 = require("./StringBase");
+Object.defineProperty(exports, "StringBase", { enumerable: true, get: function () { return StringBase_1.StringBase; } });

package/build/cjs/lib/unstable/kit/controls/Switch/Switch.css

@@ -0,0 +1,5 @@
+.sr-switch {
+  min-height: 28px;
+  display: flex;
+  align-items: center;
+}

package/build/cjs/lib/unstable/kit/controls/Switch/Switch.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('switch');
+const Component = ({ controlProps, input, schema, meta, }) => {
+    var _a;
+    return (react_1.default.createElement(components_1.ControlError, { errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta) },
+        react_1.default.createElement("div", { className: b() },
+            react_1.default.createElement(uikit_1.Switch, Object.assign({ disabled: schema.readOnly }, controlProps, { checked: (_a = input.value) !== null && _a !== void 0 ? _a : false, onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, qa: input.name })))));
+};
+exports.Switch = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/controls/Switch/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });

package/build/cjs/lib/unstable/kit/controls/TextArea/TextArea.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const utils_1 = require("../../utils");
+const Component = ({ controlProps, input, meta, schema, }) => {
+    var _a, _b;
+    return (react_1.default.createElement(uikit_1.TextArea, Object.assign({ maxRows: 20, minRows: 0, hasClear: true, disabled: schema.readOnly }, controlProps, { value: (_a = input.value) !== null && _a !== void 0 ? _a : '', onFocus: input.onFocus, onBlur: input.onBlur, onUpdate: input.onChange, errorMessage: meta.error, validationState: (0, utils_1.getValidationState)(meta), placeholder: (_b = schema.examples) === null || _b === void 0 ? void 0 : _b[0], qa: input.name })));
+};
+exports.TextArea = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/controls/TextArea/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = void 0;
+var TextArea_1 = require("./TextArea");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return TextArea_1.TextArea; } });

package/build/cjs/lib/unstable/kit/controls/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextArea = exports.Switch = exports.StringBase = exports.Slider = exports.Select = exports.RangeSlider = exports.RadioGroup = exports.Password = exports.ObjectBase = exports.NumberBase = exports.MultiSelect = exports.DateInput = exports.ColorPicker = exports.CheckboxGroup = exports.Checkbox = exports.ArrayBase = void 0;
+var ArrayBase_1 = require("./ArrayBase");
+Object.defineProperty(exports, "ArrayBase", { enumerable: true, get: function () { return ArrayBase_1.ArrayBase; } });
+var Checkbox_1 = require("./Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
+var CheckboxGroup_1 = require("./CheckboxGroup");
+Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return CheckboxGroup_1.CheckboxGroup; } });
+var ColorPicker_1 = require("./ColorPicker");
+Object.defineProperty(exports, "ColorPicker", { enumerable: true, get: function () { return ColorPicker_1.ColorPicker; } });
+var DateInput_1 = require("./DateInput");
+Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return DateInput_1.DateInput; } });
+var MultiSelect_1 = require("./MultiSelect");
+Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
+var NumberBase_1 = require("./NumberBase");
+Object.defineProperty(exports, "NumberBase", { enumerable: true, get: function () { return NumberBase_1.NumberBase; } });
+var ObjectBase_1 = require("./ObjectBase");
+Object.defineProperty(exports, "ObjectBase", { enumerable: true, get: function () { return ObjectBase_1.ObjectBase; } });
+var Password_1 = require("./Password");
+Object.defineProperty(exports, "Password", { enumerable: true, get: function () { return Password_1.Password; } });
+var RadioGroup_1 = require("./RadioGroup");
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
+var RangeSlider_1 = require("./RangeSlider");
+Object.defineProperty(exports, "RangeSlider", { enumerable: true, get: function () { return RangeSlider_1.RangeSlider; } });
+var Select_1 = require("./Select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
+var Slider_1 = require("./Slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
+var StringBase_1 = require("./StringBase");
+Object.defineProperty(exports, "StringBase", { enumerable: true, get: function () { return StringBase_1.StringBase; } });
+var Switch_1 = require("./Switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
+var TextArea_1 = require("./TextArea");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return TextArea_1.TextArea; } });

package/build/cjs/lib/unstable/kit/utils/cn.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.block = void 0;
+const classname_1 = require("@bem-react/classname");
+const NAMESPACE = 'sr-';
+exports.block = (0, classname_1.withNaming)({ n: NAMESPACE, e: '__', m: '_' });

package/build/cjs/lib/unstable/kit/utils/common.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTupleItem = exports.isArrayItem = exports.getArrayItemIndex = exports.getArrayItemParentName = exports.getValidationState = void 0;
+const getValidationState = (meta) => {
+    if ((meta.touched || meta.submitFailed) && meta.error) {
+        return 'invalid';
+    }
+    return undefined;
+};
+exports.getValidationState = getValidationState;
+const getArrayItemParentName = (name) => name.slice(0, name.lastIndexOf('['));
+exports.getArrayItemParentName = getArrayItemParentName;
+const getArrayItemIndex = (name) => name.slice(name.lastIndexOf('[') + 1, -1);
+exports.getArrayItemIndex = getArrayItemIndex;
+const isArrayItem = (name) => name.endsWith(']');
+exports.isArrayItem = isArrayItem;
+const isTupleItem = (name, form) => {
+    var _a;
+    if (!(0, exports.isArrayItem)(name)) {
+        return false;
+    }
+    const parentName = (0, exports.getArrayItemParentName)(name);
+    const parentField = form.getFieldState(parentName);
+    const parentSchema = (_a = parentField === null || parentField === void 0 ? void 0 : parentField.data) === null || _a === void 0 ? void 0 : _a.schema;
+    return Array.isArray(parentSchema === null || parentSchema === void 0 ? void 0 : parentSchema.items);
+};
+exports.isTupleItem = isTupleItem;

package/build/cjs/lib/unstable/kit/utils/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTupleItem = exports.isArrayItem = exports.getValidationState = exports.getArrayItemParentName = exports.getArrayItemIndex = exports.block = void 0;
+var cn_1 = require("./cn");
+Object.defineProperty(exports, "block", { enumerable: true, get: function () { return cn_1.block; } });
+var common_1 = require("./common");
+Object.defineProperty(exports, "getArrayItemIndex", { enumerable: true, get: function () { return common_1.getArrayItemIndex; } });
+Object.defineProperty(exports, "getArrayItemParentName", { enumerable: true, get: function () { return common_1.getArrayItemParentName; } });
+Object.defineProperty(exports, "getValidationState", { enumerable: true, get: function () { return common_1.getValidationState; } });
+Object.defineProperty(exports, "isArrayItem", { enumerable: true, get: function () { return common_1.isArrayItem; } });
+Object.defineProperty(exports, "isTupleItem", { enumerable: true, get: function () { return common_1.isTupleItem; } });

package/build/cjs/lib/unstable/kit/wrappers/Row/Row.css

@@ -0,0 +1,27 @@
+.sr-row {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-row:last-child {
+  margin-bottom: 0;
+}
+.sr-row__left {
+  display: inline;
+  width: 180px;
+  min-height: 28px;
+  padding-top: 5.5px;
+}
+.sr-row__title {
+  min-height: 18px;
+  margin-right: calc(var(--g-spacing-base) * 1);
+}
+.sr-row__title_required::after {
+  content: "*";
+  margin-left: calc(var(--g-spacing-base) * 1);
+  color: var(--g-color-text-danger);
+}
+.sr-row__right {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  gap: calc(var(--g-spacing-base) * 0.5);
+}

package/build/cjs/lib/unstable/kit/wrappers/Row/Row.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('row');
+const Component = ({ children, input, schema, wrapperProps }) => {
+    const tooltip = react_1.default.useMemo(() => {
+        if (!schema.description || wrapperProps.descriptionType === 'bottom') {
+            return null;
+        }
+        return (react_1.default.createElement(uikit_1.HelpMark, null,
+            react_1.default.createElement(components_1.HTMLContent, { html: schema.description })));
+    }, [schema.description, wrapperProps.descriptionType]);
+    const bottomDescription = react_1.default.useMemo(() => {
+        if (!schema.description || wrapperProps.descriptionType !== 'bottom') {
+            return null;
+        }
+        return react_1.default.createElement(components_1.HTMLContent, { html: schema.description, color: "secondary" });
+    }, [schema.description, wrapperProps.descriptionType]);
+    return (react_1.default.createElement(uikit_1.Flex, { className: b(), alignItems: "flex-start", gap: 2 },
+        react_1.default.createElement("div", { className: b('left') },
+            react_1.default.createElement(uikit_1.Text, { className: b('title', { required: wrapperProps.required }), wordBreak: "break-word" }, schema.title),
+            tooltip),
+        react_1.default.createElement("div", { className: b('right') },
+            react_1.default.createElement(uikit_1.Flex, { gap: 2 },
+                children,
+                react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name })),
+            bottomDescription)));
+};
+exports.Row = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/wrappers/Row/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Row = void 0;
+var Row_1 = require("./Row");
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });

package/build/cjs/lib/unstable/kit/wrappers/Transparent/Transparent.css

@@ -0,0 +1,6 @@
+.sr-transparent {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-transparent:last-child {
+  margin-bottom: 0;
+}

package/build/cjs/lib/unstable/kit/wrappers/Transparent/Transparent.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Transparent = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const components_1 = require("../../components");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('transparent');
+const Component = ({ children, input }) => {
+    return (react_1.default.createElement(uikit_1.Flex, { className: b(), gap: 2 },
+        children,
+        react_1.default.createElement(components_1.ArrayRemoveButton, { name: input.name })));
+};
+exports.Transparent = react_1.default.memo(Component);

package/build/cjs/lib/unstable/kit/wrappers/Transparent/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Transparent = void 0;
+var Transparent_1 = require("./Transparent");
+Object.defineProperty(exports, "Transparent", { enumerable: true, get: function () { return Transparent_1.Transparent; } });

package/build/cjs/lib/unstable/kit/wrappers/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Transparent = exports.Row = void 0;
+var Row_1 = require("./Row");
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return Row_1.Row; } });
+var Transparent_1 = require("./Transparent");
+Object.defineProperty(exports, "Transparent", { enumerable: true, get: function () { return Transparent_1.Transparent; } });

package/build/cjs/unstable.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.untypedConfig = exports.config = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./lib/unstable/core"), exports);
+var constants_1 = require("./lib/unstable/kit/constants");
+Object.defineProperty(exports, "config", { enumerable: true, get: function () { return constants_1.config; } });
+Object.defineProperty(exports, "untypedConfig", { enumerable: true, get: function () { return constants_1.untypedConfig; } });
+tslib_1.__exportStar(require("./lib/unstable/kit/controls"), exports);
+tslib_1.__exportStar(require("./lib/unstable/kit/wrappers"), exports);

package/build/esm/lib/kit/components/Inputs/ColorPicker/ColorPicker.d.ts

@@ -1,6 +1,21 @@
 import React from 'react';
 import { unstable_ColorPicker as ColorPickerBase } from '@gravity-ui/uikit/unstable';
 import type { StringInput } from '../../../../core';
+/**
+ * Props forwarded to the underlying `unstable_ColorPicker` from `@gravity-ui/uikit/unstable`.
+ *
+ * NOTE: The underlying uikit component is marked as **unstable** — its API and behavior
+ * may change in future uikit releases without following semver. Use with that in mind.
+ *
+ * @see https://preview.gravity-ui.com/uikit/?path=/docs/lab-colorpicker--docs
+ */
 export interface ColorPickerProps extends Omit<React.ComponentProps<typeof ColorPickerBase>, 'value' | 'onUpdate' | 'disabled'> {
 }
+/**
+ * Dynamic-forms input that renders a color picker for `StringSpec`.
+ *
+ * Wraps `unstable_ColorPicker` from `@gravity-ui/uikit/unstable`. Because the underlying
+ * uikit component is **unstable**, the visual appearance, available `inputProps`, and
+ * supported color formats may change between uikit releases.
+ */
 export declare const ColorPicker: StringInput<ColorPickerProps>;

package/build/esm/lib/kit/components/Inputs/ColorPicker/ColorPicker.js

@@ -1,5 +1,12 @@
 import React from 'react';
 import { unstable_ColorPicker as ColorPickerBase } from '@gravity-ui/uikit/unstable';
+/**
+ * Dynamic-forms input that renders a color picker for `StringSpec`.
+ *
+ * Wraps `unstable_ColorPicker` from `@gravity-ui/uikit/unstable`. Because the underlying
+ * uikit component is **unstable**, the visual appearance, available `inputProps`, and
+ * supported color formats may change between uikit releases.
+ */
 export const ColorPicker = ({ input, spec, inputProps }) => {
     const { value, onChange, onBlur, onFocus } = input;
     const handleOpenChange = React.useCallback((open) => {

package/build/esm/lib/kit/components/Inputs/TextContent/TextContent.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Alert, Label, Text } from '@gravity-ui/uikit';
-import { isEmpty } from 'lodash';
 import cloneDeep from 'lodash/cloneDeep';
+import isEmpty from 'lodash/isEmpty';
 import { block } from '../../../utils';
 import { LazyLoader } from '../../LazyLoader';
 import { isAlertView, loadIcon } from './utils';

package/build/esm/lib/unstable/core/Entity/Entity.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { SchemaRendererMode } from '../constants';
+import type { JsonSchema } from '../types';
+export interface EntityProps {
+    modeOverride?: SchemaRendererMode;
+    name: string;
+    schema?: JsonSchema;
+    schemaOverride?: JsonSchema;
+}
+export declare const Entity: React.NamedExoticComponent<EntityProps>;

package/build/esm/lib/unstable/core/Entity/Entity.js

@@ -0,0 +1,74 @@
+import React from 'react';
+import { useField } from 'react-final-form';
+import { SchemaRendererMode } from '../constants';
+import { useEntitiesState } from '../useSchemaRenderer';
+import { getSchemaBySchemaPath, smartMerge } from '../utils';
+import { getRenderKit } from './utils';
+const EntityComponent = ({ modeOverride, name, schema: schemaProps = {}, schemaOverride, }) => {
+    var _a, _b;
+    const { config, error, headName, mode: modeState, rootSchema } = useEntitiesState(name);
+    const getAccumulatedSchema = React.useCallback((schema, root, override) => {
+        let accumulatedSchema = schema;
+        if (override) {
+            accumulatedSchema = smartMerge(accumulatedSchema, override);
+        }
+        if (accumulatedSchema.$ref && root) {
+            const schemaByRef = getSchemaBySchemaPath(accumulatedSchema.$ref, root);
+            if (schemaByRef) {
+                accumulatedSchema = smartMerge(accumulatedSchema, schemaByRef);
+            }
+        }
+        return accumulatedSchema;
+    }, []);
+    const options = React.useMemo(() => {
+        const data = { headName, schema: schemaProps };
+        const accumulatedSchema = getAccumulatedSchema(schemaProps, rootSchema, schemaOverride);
+        return {
+            data,
+            defaultValue: accumulatedSchema.default,
+            subscription: {
+                data: true,
+                submitFailed: true,
+                touched: true,
+                validating: true,
+                value: true,
+            },
+        };
+    }, [headName, getAccumulatedSchema, rootSchema, schemaOverride, schemaProps]);
+    const field = useField(name, options);
+    const meta = React.useMemo(() => (Object.assign(Object.assign({}, field.meta), { error })), [field.meta, error]);
+    const schema = React.useMemo(() => { var _a; return getAccumulatedSchema((_a = field.meta.data) === null || _a === void 0 ? void 0 : _a.schema, rootSchema, schemaOverride); }, [(_a = field.meta.data) === null || _a === void 0 ? void 0 : _a.schema, schemaOverride, getAccumulatedSchema, rootSchema]);
+    const mode = modeOverride || ((_b = field.meta.data) === null || _b === void 0 ? void 0 : _b.mode) || modeState;
+    const renderKit = React.useMemo(() => getRenderKit({ config, schema }), [config, schema]);
+    let content = null;
+    if (mode === SchemaRendererMode.Form) {
+        const formKit = renderKit[SchemaRendererMode.Form];
+        if (formKit.Component) {
+            if (formKit.independent) {
+                content = (React.createElement(formKit.Component, { input: field.input, meta: meta, schema: schema, controlProps: formKit.props, Wrapper: formKit.Wrapper, wrapperProps: formKit.wrapperProps }));
+            }
+            else {
+                content = (React.createElement(formKit.Component, { input: field.input, meta: meta, schema: schema, controlProps: formKit.props }));
+                if (formKit.Wrapper) {
+                    content = (React.createElement(formKit.Wrapper, { input: field.input, meta: meta, schema: schema, wrapperProps: formKit.wrapperProps }, content));
+                }
+            }
+        }
+    }
+    if (mode === SchemaRendererMode.Overview) {
+        const overviewKit = renderKit[SchemaRendererMode.Overview];
+        if (overviewKit.Component) {
+            if (overviewKit.independent) {
+                content = (React.createElement(overviewKit.Component, { input: field.input, meta: meta, schema: schema, viewProps: overviewKit.props, Wrapper: overviewKit.Wrapper, wrapperProps: overviewKit.wrapperProps }));
+            }
+            else {
+                content = (React.createElement(overviewKit.Component, { input: field.input, meta: meta, schema: schema, viewProps: overviewKit.props }));
+                if (overviewKit.Wrapper) {
+                    content = (React.createElement(overviewKit.Wrapper, { input: field.input, meta: meta, schema: schema, wrapperProps: overviewKit.wrapperProps }, content));
+                }
+            }
+        }
+    }
+    return content;
+};
+export const Entity = React.memo(EntityComponent);

package/build/esm/lib/unstable/core/Entity/index.d.ts

@@ -0,0 +1,2 @@
+export { Entity, type EntityProps } from './Entity';
+export type { EntityState } from './types';

package/build/esm/lib/unstable/core/Entity/index.js

@@ -0,0 +1 @@
+export { Entity } from './Entity';

package/build/esm/lib/unstable/core/Entity/types.d.ts

@@ -0,0 +1,27 @@
+import type { SchemaRendererMode } from '../constants';
+import type { Control, JsonSchema, SchemaRendererConfig, View, Wrapper } from '../types';
+export type GetRenderKitParams<Schema extends JsonSchema> = {
+    config?: SchemaRendererConfig;
+    schema: Schema;
+};
+export type GetRenderKitReturn<Schema extends JsonSchema> = {
+    [SchemaRendererMode.Form]: {
+        Component: Control<Schema> | undefined;
+        props: Record<string, any>;
+        independent: boolean | undefined;
+        Wrapper: Wrapper<Schema> | undefined;
+        wrapperProps: Record<string, any>;
+    };
+    [SchemaRendererMode.Overview]: {
+        Component: View<Schema> | undefined;
+        props: Record<string, any>;
+        independent: boolean | undefined;
+        Wrapper: Wrapper<Schema> | undefined;
+        wrapperProps: Record<string, any>;
+    };
+};
+export interface EntityState<Schema extends JsonSchema = JsonSchema> {
+    headName?: string;
+    mode?: SchemaRendererMode;
+    schema?: Schema;
+}

package/build/esm/lib/unstable/core/Entity/types.js

@@ -0,0 +1 @@
+export {};

package/build/esm/lib/unstable/core/Entity/utils.d.ts

@@ -0,0 +1,3 @@
+import type { JsonSchema } from '../types';
+import type { GetRenderKitParams, GetRenderKitReturn } from './types';
+export declare const getRenderKit: <Schema extends JsonSchema>({ config, schema, }: GetRenderKitParams<Schema>) => GetRenderKitReturn<Schema>;

package/build/esm/lib/unstable/core/Entity/utils.js

@@ -0,0 +1,35 @@
+import get from 'lodash/get';
+import { EMPTY_OBJECT, SchemaRendererMode } from '../constants';
+export const getRenderKit = ({ config, schema, }) => {
+    const entityType = get(schema, 'entityParameters.type');
+    const controlType = get(schema, 'entityParameters.controlType');
+    const ControlComponent = get(config, `${entityType}.controls.${controlType}.Component`);
+    const controlProps = get(schema, 'entityParameters.controlProps') || EMPTY_OBJECT;
+    const controlIndependent = get(config, `${entityType}.controls.${controlType}.independent`);
+    const controlWrapperType = get(schema, 'entityParameters.controlWrapperType');
+    const ControlWrapperComponent = get(config, `${entityType}.wrappers.${controlWrapperType}`);
+    const controlWrapperProps = get(schema, 'entityParameters.controlWrapperProps') || EMPTY_OBJECT;
+    const viewType = get(schema, 'entityParameters.viewType');
+    const ViewComponent = get(config, `${entityType}.views.${viewType}`);
+    const viewProps = get(schema, 'entityParameters.viewProps') || EMPTY_OBJECT;
+    const viewIndependent = get(config, `${entityType}.views.${viewType}.independent`);
+    const viewWrapperType = get(schema, 'entityParameters.viewWrapperType');
+    const ViewWrapperComponent = get(config, `${entityType}.wrappers.${viewWrapperType}`);
+    const viewWrapperProps = get(schema, 'entityParameters.viewWrapperProps') || EMPTY_OBJECT;
+    return {
+        [SchemaRendererMode.Form]: {
+            Component: ControlComponent,
+            props: controlProps,
+            independent: controlIndependent,
+            Wrapper: ControlWrapperComponent,
+            wrapperProps: controlWrapperProps,
+        },
+        [SchemaRendererMode.Overview]: {
+            Component: ViewComponent,
+            props: viewProps,
+            independent: viewIndependent,
+            Wrapper: ViewWrapperComponent,
+            wrapperProps: viewWrapperProps,
+        },
+    };
+};