npm - @gravity-ui/dynamic-forms - Versions diffs - 5.29.1 → 5.30.0 - Mend

@gravity-ui/dynamic-forms 5.29.1 → 5.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (29) hide show

package/build/esm/lib/unstable/kit/form-entities/SegmentedRadioGroupInput/SegmentedRadioGroupInput.js CHANGED Viewed

@@ -12,7 +12,8 @@ export const SegmentedRadioGroupInput = (_a) => {
     const { name, onBlur, onChange, onFocus, value } = input;
     const { enumDescriptions, optionsDisabled } = props, restEntityProps = __rest(props, ["enumDescriptions", "optionsDisabled"]);
     const { disabled } = ((_b = schema.nodeParameters) === null || _b === void 0 ? void 0 : _b.flags) || {};
-    const ref = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const controlRef = React.useRef(null);
     const [overflowed, setOverflowed] = React.useState(false);
     const options = React.useMemo(() => {
         var _a;
@@ -28,26 +29,24 @@ export const SegmentedRadioGroupInput = (_a) => {
         onBlur();
     }, [onBlur, onChange, onFocus]);
     React.useLayoutEffect(() => {
-        const root = ref.current;
-        if (!root) {
+        const container = containerRef.current;
+        const control = controlRef.current;
+        if (!container || !control) {
             return;
         }
         const measure = () => {
-            const texts = root.querySelectorAll('.g-segmented-radio-group__option-text');
-            setOverflowed(Array.from(texts).some((node) => {
-                if (node.offsetWidth === 0 && node.scrollWidth === 0) {
-                    return false;
-                }
-                return node.scrollWidth > node.clientWidth;
-            }));
+            const GAP = 48; // little bit more than potential remove button width + spacing
+            const containerWidth = container.offsetWidth - GAP;
+            const controlWidth = control.offsetWidth;
+            setOverflowed(controlWidth > containerWidth);
         };
         measure();
         const observer = new ResizeObserver(measure);
-        observer.observe(root);
+        observer.observe(container);
         return () => observer.disconnect();
     }, [options]);
-    return (React.createElement(EntityContainer, { stretch: "max" },
-        overflowed ? (React.createElement(SelectInput, Object.assign({ input: input, meta: meta, props: props, schema: schema }, restProps))) : null,
-        React.createElement(EntityContainer, { stretch: "max", className: b({ error: getBooleanValidationState(meta), overflowed }) },
-            React.createElement(SegmentedRadioGroup, Object.assign({ ref: ref, width: "max", disabled: disabled || schema.readOnly, options: options }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name })))));
+    return (React.createElement(EntityContainer, { ref: containerRef, className: b({ error: getBooleanValidationState(meta) }), stretch: "max" },
+        overflowed ? (React.createElement(SelectInput, Object.assign({ input: input, meta: meta, props: props, schema: schema }, restProps))) : (React.createElement(SegmentedRadioGroup, Object.assign({ width: "max", disabled: disabled || schema.readOnly, options: options }, restEntityProps, { value: value, onFocus: onFocus, onBlur: onBlur, onUpdate: onUpdate, qa: name }))),
+        React.createElement("div", { className: b('checker') },
+            React.createElement(SegmentedRadioGroup, Object.assign({ ref: controlRef, width: "max", disabled: disabled || schema.readOnly, options: options }, restEntityProps)))));
 };

package/build/esm/lib/unstable/kit/form-layouts/FormColumn/FormColumn.js CHANGED Viewed

@@ -23,7 +23,7 @@ export const FormColumn = ({ children, headName, input, meta, schema, props, })
     return (React.createElement(LayoutContainer, { className: b(), gap: 2, hidden: hidden },
         React.createElement(Flex, { direction: "column", gap: 0.5 },
             React.createElement("div", { className: b('top') },
-                React.createElement(Text, { className: b('title', { required }), wordBreak: "break-word" }, schema.title),
+                React.createElement(Text, { className: b('title', { required }), variant: "subheader-1", color: "complementary", wordBreak: "break-word" }, schema.title),
                 tooltip,
                 React.createElement(ArrayRemoveButton, { name: input.name, headName: headName })),
             bottomDescription),

package/build/esm/lib/unstable/kit/form-layouts/FormRow/FormRow.js CHANGED Viewed

@@ -22,7 +22,7 @@ export const FormRow = ({ children, headName, input, meta, schema, props, }) =>
     }, [headName, schema.description, props.descriptionType]);
     return (React.createElement(LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hidden: hidden },
         React.createElement("div", { className: b('left') },
-            React.createElement(Text, { className: b('title', { required }), wordBreak: "break-word" }, schema.title),
+            React.createElement(Text, { className: b('title', { required }), variant: "subheader-1", color: "complementary", wordBreak: "break-word" }, schema.title),
             tooltip),
         React.createElement(Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
             React.createElement(Flex, { grow: 1, gap: 2 },

package/build/esm/lib/unstable/kit/layouts/Accordeon/Accordeon.js CHANGED Viewed

@@ -12,7 +12,7 @@ export const Accordeon = ({ children, headName, input, meta, mode, schema, props
     const { titleProps, togglerProps, withIndent = false, withDefaultSummary = false } = props, restLayoutProps = __rest(props, ["titleProps", "togglerProps", "withIndent", "withDefaultSummary"]);
     const { copy, required, hidden, open } = ((_a = schema.nodeParameters) === null || _a === void 0 ? void 0 : _a.flags) || {};
     const overviewFlag = mode === SchemaRendererMode.Overview;
-    const summary = React.useMemo(() => (React.createElement(Text, Object.assign({}, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)), [overviewFlag, required, schema.title, titleProps]);
+    const summary = React.useMemo(() => (React.createElement(Text, Object.assign({ variant: "subheader-1", color: "complementary" }, titleProps, { className: b('title', { required: required && !overviewFlag }, titleProps === null || titleProps === void 0 ? void 0 : titleProps.className) }), schema.title)), [overviewFlag, required, schema.title, titleProps]);
     const helpMark = React.useMemo(() => {
         if (schema.description) {
             return (React.createElement(HelpMark, null,

package/build/esm/lib/unstable/kit/layouts/Card/Card.js CHANGED Viewed

@@ -35,7 +35,7 @@ export const Card = ({ children, headName, input, meta, mode, schema, props, })
                 React.createElement(Flex, { className: b('header'), direction: "column", justifyContent: "center" },
                     React.createElement(Flex, { justifyContent: "space-between", alignItems: "center" },
                         React.createElement(Flex, { alignItems: "center", gap: 2 },
-                            React.createElement(Text, { variant: "subheader-1", className: b('title', { required: required && !overviewFlag }) }, schema.title),
+                            React.createElement(Text, { variant: "subheader-1", color: "complementary", className: b('title', { required: required && !overviewFlag }) }, schema.title),
                             tooltip),
                         React.createElement(Flex, { className: b('header-actions'), alignItems: "center", gap: 2 },
                             overviewFlag ? (React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,

package/build/esm/lib/unstable/kit/layouts/Section/Section.js CHANGED Viewed

@@ -28,7 +28,7 @@ export const Section = ({ children, headName, input, meta, mode, schema, props,
         React.createElement(Flex, { direction: "column", gap: 4 },
             React.createElement(Flex, { direction: "column" },
                 React.createElement(Flex, { className: b('header'), gap: 2, alignItems: "center" },
-                    React.createElement(Text, Object.assign({ variant: "subheader-1" }, restLayoutProps, { className: b('title', { required: required && !overviewFlag }, restLayoutProps === null || restLayoutProps === void 0 ? void 0 : restLayoutProps.className) }), schema.title),
+                    React.createElement(Text, Object.assign({ variant: "subheader-1", color: "complementary" }, restLayoutProps, { className: b('title', { required: required && !overviewFlag }, restLayoutProps === null || restLayoutProps === void 0 ? void 0 : restLayoutProps.className) }), schema.title),
                     tooltip,
                     overviewFlag ? (React.createElement(CopyButton, { className: b('copy-button'), copy: copy, value: input.value })) : null,
                     overviewFlag ? null : (React.createElement(ArrayRemoveButton, { name: input.name, headName: headName }))),

package/build/esm/lib/unstable/kit/utils/transformer.d.ts CHANGED Viewed

@@ -1,10 +1,14 @@
 import { type Spec } from '../../../core';
 import { type ErrorMessages, type JsonSchema } from '../../core';
-type Rules = Record<string, (spec: Spec, mutableSchema: JsonSchema, rules: {
+type Rules = Record<string, (spec: Partial<Spec & {
+    viewSpec: Partial<Spec['viewSpec']>;
+}> | null | undefined, mutableSchema: JsonSchema, rules: {
     specRules: Rules;
     viewSpecRules: Rules;
 }, errorMessages: ErrorMessages) => void>;
-export declare function specToJsonSchema(spec: Spec, mutableSchema?: JsonSchema, rules?: {
+export declare function specToJsonSchema(spec: Partial<Spec & {
+    viewSpec: Partial<Spec['viewSpec']>;
+}> | null | undefined, mutableSchema?: JsonSchema, rules?: {
     specRules: Rules;
     viewSpecRules: Rules;
 }, errorMessages?: ErrorMessages): JsonSchema;

package/build/esm/lib/unstable/kit/utils/transformer.js CHANGED Viewed

@@ -5,12 +5,14 @@ import { SpecTypes } from '../../../core';
 import { JsonSchemaType, NodeType } from '../../core';
 const viewSpecRules = {
     disabled: (spec, mutableSchema) => {
-        if (spec.viewSpec.disabled) {
+        var _a;
+        if ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.disabled) {
             set(mutableSchema, 'nodeParameters.flags.disabled', true);
         }
     },
     layout: (spec, mutableSchema) => {
-        const layout = spec.viewSpec.layout;
+        var _a;
+        const layout = (_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.layout;
         if (!layout) {
             return;
         }
@@ -55,35 +57,38 @@ const viewSpecRules = {
         }
     },
     layoutTitle: (spec, mutableSchema) => {
-        if (spec.viewSpec.layoutTitle) {
+        var _a;
+        if ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.layoutTitle) {
             set(mutableSchema, 'title', spec.viewSpec.layoutTitle);
         }
     },
     layoutDescription: (spec, mutableSchema) => {
-        if (spec.viewSpec.layoutDescription) {
+        var _a;
+        if ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.layoutDescription) {
             set(mutableSchema, 'description', spec.viewSpec.layoutDescription);
         }
     },
     layoutOpen: (spec, mutableSchema) => {
-        if (spec.viewSpec.layoutOpen !== undefined) {
+        var _a;
+        if (((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.layoutOpen) !== undefined) {
             set(mutableSchema, 'nodeParameters.flags.open', spec.viewSpec.layoutOpen);
         }
     },
     itemLabel: (spec, mutableSchema) => {
-        if ('itemLabel' in spec.viewSpec && spec.viewSpec.itemLabel) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.viewSpec) && 'itemLabel' in spec.viewSpec && spec.viewSpec.itemLabel) {
             set(mutableSchema, 'nodeParameters.entityProps.addButtonText', spec.viewSpec.itemLabel);
         }
     },
     itemPrefix: (spec, mutableSchema) => {
-        if ('itemPrefix' in spec.viewSpec && spec.viewSpec.itemPrefix) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.viewSpec) && 'itemPrefix' in spec.viewSpec && spec.viewSpec.itemPrefix) {
             set(mutableSchema, 'nodeParameters.entityProps.itemPrefix', spec.viewSpec.itemPrefix);
         }
     },
     table: (spec, mutableSchema) => {
-        var _a;
-        if (spec.type === SpecTypes.Array &&
-            spec.viewSpec.table &&
-            ((_a = spec.items) === null || _a === void 0 ? void 0 : _a.type) === SpecTypes.Object) {
+        var _a, _b;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Array &&
+            ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.table) &&
+            ((_b = spec === null || spec === void 0 ? void 0 : spec.items) === null || _b === void 0 ? void 0 : _b.type) === SpecTypes.Object) {
             const order = [];
             spec.viewSpec.table.forEach(({ description, label, property }) => {
                 order.push(property);
@@ -98,32 +103,39 @@ const viewSpecRules = {
         }
     },
     link: (spec, mutableSchema) => {
-        if (spec.viewSpec.link) {
+        var _a;
+        if ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.link) {
             set(mutableSchema, 'nodeParameters.entityProps.link', spec.viewSpec.link);
         }
     },
     placeholder: (spec, mutableSchema) => {
-        if ('placeholder' in spec.viewSpec && spec.viewSpec.placeholder) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.viewSpec) && 'placeholder' in spec.viewSpec && spec.viewSpec.placeholder) {
             if (spec.type === SpecTypes.String) {
                 set(mutableSchema, 'examples', [spec.viewSpec.placeholder]);
             }
             else if (spec.type === SpecTypes.Array) {
                 set(mutableSchema, 'examples', [[spec.viewSpec.placeholder]]);
             }
+            else {
+                set(mutableSchema, 'nodeParameters.entityProps.placeholder', spec.viewSpec.placeholder);
+            }
         }
     },
     addButtonPosition: (spec, mutableSchema) => {
-        if ('addButtonPosition' in spec.viewSpec && spec.viewSpec.addButtonPosition) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.viewSpec) &&
+            'addButtonPosition' in spec.viewSpec &&
+            spec.viewSpec.addButtonPosition) {
             set(mutableSchema, 'nodeParameters.entityProps.addButtonPosition', spec.viewSpec.addButtonPosition);
         }
     },
     hidden: (spec, mutableSchema) => {
-        if (spec.viewSpec.hidden) {
+        var _a;
+        if ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.hidden) {
             set(mutableSchema, 'nodeParameters.flags.hidden', true);
         }
     },
     selectParams: (spec, mutableSchema) => {
-        if ('selectParams' in spec.viewSpec && spec.viewSpec.selectParams) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.viewSpec) && 'selectParams' in spec.viewSpec && spec.viewSpec.selectParams) {
             if (spec.viewSpec.selectParams.filterPlaceholder) {
                 set(mutableSchema, 'nodeParameters.entityProps.filterPlaceholder', spec.viewSpec.selectParams.filterPlaceholder);
             }
@@ -133,7 +145,8 @@ const viewSpecRules = {
         }
     },
     checkboxGroupParams: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Array && spec.viewSpec.checkboxGroupParams) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Array && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.checkboxGroupParams)) {
             if (spec.viewSpec.checkboxGroupParams.placement) {
                 set(mutableSchema, 'nodeParameters.entityProps.direction', spec.viewSpec.checkboxGroupParams.placement === 'vertical' ? 'column' : 'row');
             }
@@ -143,31 +156,35 @@ const viewSpecRules = {
         }
     },
     viewColor: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Boolean && spec.viewSpec.viewColor) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Boolean && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.viewColor)) {
             set(mutableSchema, 'nodeParameters.overviewEntityProps.viewColor', spec.viewSpec.viewColor);
         }
     },
     copy: (spec, mutableSchema) => {
-        if ('copy' in spec.viewSpec && spec.viewSpec.copy) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.viewSpec) && 'copy' in spec.viewSpec && spec.viewSpec.copy) {
             set(mutableSchema, 'nodeParameters.flags.copy', true);
         }
     },
     order: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Object &&
-            spec.viewSpec.order &&
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Object &&
+            ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.order) &&
             Object.keys(spec.viewSpec.order).length) {
             set(mutableSchema, 'nodeParameters.entityProps.order', spec.viewSpec.order);
         }
     },
     delimiter: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Object &&
-            spec.viewSpec.delimiter &&
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Object &&
+            ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.delimiter) &&
             Object.keys(spec.viewSpec.delimiter).length) {
             set(mutableSchema, 'nodeParameters.entityProps.delimiter', spec.viewSpec.delimiter);
         }
     },
     sizeParams: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.viewSpec.sizeParams) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.sizeParams)) {
             if (spec.viewSpec.sizeParams.defaultType) {
                 set(mutableSchema, 'nodeParameters.entityProps.defaultType', spec.viewSpec.sizeParams.defaultType);
             }
@@ -180,7 +197,8 @@ const viewSpecRules = {
         }
     },
     monacoParams: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.viewSpec.monacoParams) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.monacoParams)) {
             if (spec.viewSpec.monacoParams.language) {
                 set(mutableSchema, 'nodeParameters.entityProps.language', spec.viewSpec.monacoParams.language);
             }
@@ -190,12 +208,14 @@ const viewSpecRules = {
         }
     },
     hideValues: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.viewSpec.hideValues) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.hideValues)) {
             set(mutableSchema, 'nodeParameters.entityProps.hideValues', spec.viewSpec.hideValues);
         }
     },
     textContentParams: (spec, mutableSchema) => {
-        if (spec.type !== SpecTypes.String || !spec.viewSpec.textContentParams) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) !== SpecTypes.String || !((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.textContentParams)) {
             return;
         }
         const textContentParams = spec.viewSpec.textContentParams;
@@ -228,7 +248,8 @@ const viewSpecRules = {
         }
     },
     fileInput: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.viewSpec.fileInput) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.fileInput)) {
             if (spec.viewSpec.fileInput.accept) {
                 set(mutableSchema, 'nodeParameters.entityProps.accept', [
                     spec.viewSpec.fileInput.accept,
@@ -240,7 +261,8 @@ const viewSpecRules = {
         }
     },
     dateInput: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.viewSpec.dateInput) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.dateInput)) {
             if (spec.viewSpec.dateInput.outputFormat) {
                 set(mutableSchema, 'nodeParameters.entityProps.outputFormat', spec.viewSpec.dateInput.outputFormat);
             }
@@ -253,7 +275,8 @@ const viewSpecRules = {
         }
     },
     radioGroupParams: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.viewSpec.radioGroupParams) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.radioGroupParams)) {
             if (spec.viewSpec.radioGroupParams.direction) {
                 set(mutableSchema, 'nodeParameters.entityProps.direction', spec.viewSpec.radioGroupParams.direction);
             }
@@ -263,19 +286,22 @@ const viewSpecRules = {
         }
     },
     generateRandomValueButton: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.viewSpec.generateRandomValueButton) {
+        var _a;
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.generateRandomValueButton)) {
             set(mutableSchema, 'nodeParameters.entityProps.generateRandomValueButton', true);
         }
     },
     inputProps: (spec, mutableSchema) => {
-        if (spec.viewSpec.inputProps) {
+        var _a;
+        if ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.inputProps) {
             Object.entries(spec.viewSpec.inputProps).forEach(([key, value]) => {
                 set(mutableSchema, `nodeParameters.entityProps.${key}`, value);
             });
         }
     },
     layoutProps: (spec, mutableSchema) => {
-        if (spec.viewSpec.layoutProps) {
+        var _a;
+        if ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.layoutProps) {
             Object.entries(spec.viewSpec.layoutProps).forEach(([key, value]) => {
                 set(mutableSchema, `nodeParameters.layoutProps.${key}`, value);
             });
@@ -283,7 +309,8 @@ const viewSpecRules = {
     },
     // eslint-disable-next-line complexity -- old viewSpec.type mapping, isolated per viewType
     type: (spec, mutableSchema) => {
-        if (spec.viewSpec.type === 'oneof') {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        if (((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.type) === 'oneof') {
             set(mutableSchema, 'nodeParameters.entity', 'one_of_nested');
             if (spec.type === SpecTypes.Object) {
                 const { toggler, booleanMap } = spec.viewSpec.oneOfParams || {};
@@ -329,7 +356,7 @@ const viewSpecRules = {
                 }
             }
         }
-        else if (spec.viewSpec.type === 'oneof_flat') {
+        else if (((_b = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _b === void 0 ? void 0 : _b.type) === 'oneof_flat') {
             set(mutableSchema, 'nodeParameters.entity', 'one_of_nested');
             if (spec.type === SpecTypes.Object) {
                 const { toggler, booleanMap } = spec.viewSpec.oneOfParams || {};
@@ -374,7 +401,7 @@ const viewSpecRules = {
                 }
             }
         }
-        else if (spec.viewSpec.type === 'card_oneof') {
+        else if (((_c = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _c === void 0 ? void 0 : _c.type) === 'card_oneof') {
             set(mutableSchema, 'nodeParameters.entity', 'one_of_nested');
             if (spec.type === SpecTypes.Object) {
                 const { toggler, booleanMap } = spec.viewSpec.oneOfParams || {};
@@ -419,7 +446,7 @@ const viewSpecRules = {
                 }
             }
         }
-        else if (spec.viewSpec.type === 'multi_oneof') {
+        else if (((_d = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _d === void 0 ? void 0 : _d.type) === 'multi_oneof') {
             set(mutableSchema, 'nodeParameters.entity', 'few_of_nested');
             if (spec.type === SpecTypes.Object) {
                 const { toggler } = spec.viewSpec.oneOfParams || {};
@@ -455,7 +482,7 @@ const viewSpecRules = {
                 set(mutableSchema, 'nodeParameters.entityProps.toggler.items.enum', spec.viewSpec.order || Object.keys(spec.properties || {}));
             }
         }
-        else if (spec.viewSpec.type === 'multi_oneof_flat') {
+        else if (((_e = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _e === void 0 ? void 0 : _e.type) === 'multi_oneof_flat') {
             set(mutableSchema, 'nodeParameters.entity', 'few_of_nested');
             if (spec.type === SpecTypes.Object) {
                 const { toggler } = spec.viewSpec.oneOfParams || {};
@@ -490,10 +517,10 @@ const viewSpecRules = {
                 set(mutableSchema, 'nodeParameters.entityProps.toggler.items.enum', spec.viewSpec.order || Object.keys(spec.properties || {}));
             }
         }
-        else if (spec.viewSpec.type === 'object_value') {
+        else if (((_f = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _f === void 0 ? void 0 : _f.type) === 'object_value') {
             set(mutableSchema, 'nodeParameters.entity', 'dot_value');
         }
-        else if (spec.viewSpec.type === 'text_content') {
+        else if (((_g = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _g === void 0 ? void 0 : _g.type) === 'text_content') {
             const textContentParams = spec.type === SpecTypes.String ? spec.viewSpec.textContentParams : undefined;
             if (textContentParams === null || textContentParams === void 0 ? void 0 : textContentParams.themeAlert) {
                 set(mutableSchema, 'nodeParameters.entity', 'alert');
@@ -505,31 +532,31 @@ const viewSpecRules = {
                 set(mutableSchema, 'nodeParameters.entity', 'text_content');
             }
         }
-        else if (spec.viewSpec.type === 'date_input') {
+        else if (((_h = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _h === void 0 ? void 0 : _h.type) === 'date_input') {
             set(mutableSchema, 'type', undefined);
             set(mutableSchema, 'nodeParameters.entity', 'date');
             set(mutableSchema, 'nodeParameters.type', NodeType.Any);
         }
-        else if (spec.viewSpec.type === 'file_input') {
+        else if (((_j = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _j === void 0 ? void 0 : _j.type) === 'file_input') {
             set(mutableSchema, 'nodeParameters.entity', 'file');
         }
-        else if (spec.viewSpec.type === 'monaco_input') {
+        else if (((_k = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _k === void 0 ? void 0 : _k.type) === 'monaco_input') {
             set(mutableSchema, 'nodeParameters.entity', 'monaco_input');
         }
-        else if (spec.viewSpec.type === 'number_with_scale') {
+        else if (((_l = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _l === void 0 ? void 0 : _l.type) === 'number_with_scale') {
             set(mutableSchema, 'nodeParameters.entity', 'string_number_with_scale');
         }
-        else if (spec.viewSpec.type === 'range_input_picker') {
+        else if (((_m = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _m === void 0 ? void 0 : _m.type) === 'range_input_picker') {
             set(mutableSchema, 'nodeParameters.entity', spec.type === SpecTypes.Number ? 'slider' : 'range_input');
         }
         else {
-            set(mutableSchema, 'nodeParameters.entity', spec.viewSpec.type);
+            set(mutableSchema, 'nodeParameters.entity', (_o = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _o === void 0 ? void 0 : _o.type);
         }
     },
 };
 const specRules = {
     defaultValue: (spec, mutableSchema) => {
-        if (spec.defaultValue !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.defaultValue) !== undefined) {
             set(mutableSchema, 'default', spec.defaultValue);
         }
     },
@@ -548,13 +575,13 @@ const specRules = {
             [SpecTypes.Object]: NodeType.Object,
             [SpecTypes.String]: NodeType.String,
         };
-        if (spec.type) {
+        if (spec === null || spec === void 0 ? void 0 : spec.type) {
             set(mutableSchema, 'type', specTypeToJsonSchemaType[spec.type]);
             set(mutableSchema, 'nodeParameters.type', specTypeToNodeType[spec.type]);
         }
     },
     required: (spec, mutableSchema, _rules, errorMessages) => {
-        if (spec.required) {
+        if (spec === null || spec === void 0 ? void 0 : spec.required) {
             set(mutableSchema, 'allOf', [
                 ...(mutableSchema.allOf || []),
                 {
@@ -568,13 +595,13 @@ const specRules = {
         }
     },
     maxLength: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Array && spec.maxLength !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Array && (spec === null || spec === void 0 ? void 0 : spec.maxLength) !== undefined) {
             const maxItems = Number(spec.maxLength);
             if (!Number.isNaN(maxItems)) {
                 set(mutableSchema, 'maxItems', maxItems);
             }
         }
-        if (spec.type === SpecTypes.String && spec.maxLength !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && (spec === null || spec === void 0 ? void 0 : spec.maxLength) !== undefined) {
             const maxLength = Number(spec.maxLength);
             if (!Number.isNaN(maxLength)) {
                 set(mutableSchema, 'maxLength', maxLength);
@@ -582,13 +609,13 @@ const specRules = {
         }
     },
     minLength: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Array && spec.minLength !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Array && (spec === null || spec === void 0 ? void 0 : spec.minLength) !== undefined) {
             const minItems = Number(spec.minLength);
             if (!Number.isNaN(minItems)) {
                 set(mutableSchema, 'minItems', minItems);
             }
         }
-        if (spec.type === SpecTypes.String && spec.minLength !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && (spec === null || spec === void 0 ? void 0 : spec.minLength) !== undefined) {
             const minLength = Number(spec.minLength);
             if (!Number.isNaN(minLength)) {
                 set(mutableSchema, 'minLength', minLength);
@@ -596,7 +623,7 @@ const specRules = {
         }
     },
     items: (spec, mutableSchema, rules, errorMessages) => {
-        if (spec.type === SpecTypes.Array && spec.items) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Array && (spec === null || spec === void 0 ? void 0 : spec.items)) {
             const childSchema = specToJsonSchema(spec.items, 'items' in mutableSchema &&
                 mutableSchema.items &&
                 !Array.isArray(mutableSchema.items)
@@ -606,35 +633,36 @@ const specRules = {
     },
     enum: (spec, mutableSchema) => {
         var _a, _b, _c, _d;
-        if (spec.type === SpecTypes.Array &&
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Array &&
             ((_a = spec.enum) === null || _a === void 0 ? void 0 : _a.length) &&
             (((_b = spec.items) === null || _b === void 0 ? void 0 : _b.type) === SpecTypes.String || !((_c = spec.items) === null || _c === void 0 ? void 0 : _c.type))) {
             set(mutableSchema, 'items.enum', spec.enum);
         }
-        if (spec.type === SpecTypes.String && ((_d = spec.enum) === null || _d === void 0 ? void 0 : _d.length)) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && ((_d = spec === null || spec === void 0 ? void 0 : spec.enum) === null || _d === void 0 ? void 0 : _d.length)) {
             set(mutableSchema, 'enum', spec.enum);
         }
     },
     description: (spec, mutableSchema) => {
-        if ('description' in spec &&
+        if (spec &&
+            'description' in spec &&
             isObject(spec.description) &&
             Object.keys(spec.description).length) {
             set(mutableSchema, 'nodeParameters.entityProps.enumDescriptions', spec.description);
         }
     },
     validator: (spec, mutableSchema) => {
-        if (spec.validator && spec.validator !== 'base') {
+        if ((spec === null || spec === void 0 ? void 0 : spec.validator) && (spec === null || spec === void 0 ? void 0 : spec.validator) !== 'base') {
             set(mutableSchema, 'nodeParameters.validator', spec.validator);
         }
     },
     maximum: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Number && spec.maximum !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Number && (spec === null || spec === void 0 ? void 0 : spec.maximum) !== undefined) {
             const maximum = Number(spec.maximum);
             if (!Number.isNaN(maximum)) {
                 set(mutableSchema, 'maximum', maximum);
             }
         }
-        if (spec.type === SpecTypes.String && 'maximum' in spec && spec.maximum !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && 'maximum' in spec && (spec === null || spec === void 0 ? void 0 : spec.maximum) !== undefined) {
             const maximum = Number(spec.maximum);
             if (!Number.isNaN(maximum)) {
                 set(mutableSchema, 'stringNumber.maximum', `${spec.maximum}`);
@@ -642,13 +670,13 @@ const specRules = {
         }
     },
     minimum: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Number && spec.minimum !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Number && spec.minimum !== undefined) {
             const minimum = Number(spec.minimum);
             if (!Number.isNaN(minimum)) {
                 set(mutableSchema, 'minimum', minimum);
             }
         }
-        if (spec.type === SpecTypes.String && 'minimum' in spec && spec.minimum !== undefined) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && 'minimum' in spec && (spec === null || spec === void 0 ? void 0 : spec.minimum) !== undefined) {
             const minimum = Number(spec.minimum);
             if (!Number.isNaN(minimum)) {
                 set(mutableSchema, 'stringNumber.minimum', `${spec.minimum}`);
@@ -656,21 +684,22 @@ const specRules = {
         }
     },
     format: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.Number && spec.format === 'int64') {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Number && spec.format === 'int64') {
             set(mutableSchema, 'type', JsonSchemaType.Integer);
         }
     },
     properties: (spec, mutableSchema, rules, errorMessages) => {
-        if (spec.type === SpecTypes.Object && spec.properties) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.Object && spec.properties) {
             Object.entries(spec.properties).forEach(([key, childSpec]) => {
+                var _a, _b, _c, _d, _e;
                 const childSchema = specToJsonSchema(childSpec, Object.assign({}, (get(mutableSchema, ['properties', key]) || {})), rules, errorMessages);
                 set(mutableSchema, ['properties', key], childSchema);
                 if (childSpec.required &&
-                    !(spec.viewSpec.type === 'oneof' ||
-                        spec.viewSpec.type === 'oneof_flat' ||
-                        spec.viewSpec.type === 'card_oneof' ||
-                        spec.viewSpec.type === 'multi_oneof' ||
-                        spec.viewSpec.type === 'multi_oneof_flat')) {
+                    !(((_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.type) === 'oneof' ||
+                        ((_b = spec.viewSpec) === null || _b === void 0 ? void 0 : _b.type) === 'oneof_flat' ||
+                        ((_c = spec.viewSpec) === null || _c === void 0 ? void 0 : _c.type) === 'card_oneof' ||
+                        ((_d = spec.viewSpec) === null || _d === void 0 ? void 0 : _d.type) === 'multi_oneof' ||
+                        ((_e = spec.viewSpec) === null || _e === void 0 ? void 0 : _e.type) === 'multi_oneof_flat')) {
                     set(mutableSchema, ['required'], [...(get(mutableSchema, 'required') || []), key]);
                     set(mutableSchema, 'nodeParameters.errorMessages.required', errorMessages.required);
                 }
@@ -678,12 +707,12 @@ const specRules = {
         }
     },
     pattern: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.pattern) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && spec.pattern) {
             set(mutableSchema, 'pattern', spec.pattern);
         }
     },
     patternError: (spec, mutableSchema) => {
-        if (spec.type === SpecTypes.String && spec.patternError) {
+        if ((spec === null || spec === void 0 ? void 0 : spec.type) === SpecTypes.String && (spec === null || spec === void 0 ? void 0 : spec.patternError)) {
             set(mutableSchema, 'nodeParameters.errorMessages.pattern', spec.patternError);
         }
     },
@@ -694,6 +723,8 @@ const specRules = {
 export function specToJsonSchema(spec, mutableSchema = {}, rules, errorMessages = {}) {
     const mergedSpecRules = Object.assign(Object.assign({}, specRules), rules === null || rules === void 0 ? void 0 : rules.specRules);
     const mergedViewSpecRules = Object.assign(Object.assign({}, viewSpecRules), rules === null || rules === void 0 ? void 0 : rules.viewSpecRules);
-    Object.values(mergedSpecRules).forEach((rule) => rule(spec, mutableSchema, { specRules: mergedSpecRules, viewSpecRules: mergedViewSpecRules }, errorMessages));
+    if (spec) {
+        Object.values(mergedSpecRules).forEach((rule) => rule(spec, mutableSchema, { specRules: mergedSpecRules, viewSpecRules: mergedViewSpecRules }, errorMessages));
+    }
     return mutableSchema;
 }