@gravity-ui/dynamic-forms 5.19.1 → 5.21.0

package/build/esm/lib/unstable/kit/overview-entities/StringNumberWithScaleValue/index.js

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

package/build/esm/lib/unstable/kit/overview-entities/StringValue/StringValue.d.ts

@@ -0,0 +1,5 @@
+import type { JsonSchemaString, NodeEntity } from '../../../core';
+import { type LongValueProps } from '../../components';
+export interface StringValueProps extends Omit<LongValueProps, 'qa' | 'value'> {
+}
+export declare const StringValue: NodeEntity<JsonSchemaString, StringValueProps>;

package/build/esm/lib/unstable/kit/overview-entities/StringValue/StringValue.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { EmptyEntityValue, EntityContainer, LongValue } from '../../components';
+export const StringValue = ({ input, props }) => {
+    if (!input.value) {
+        return React.createElement(EmptyEntityValue, null);
+    }
+    return (React.createElement(EntityContainer, { stretch: "fit", fill: "populated" },
+        React.createElement(LongValue, Object.assign({}, props, { value: input.value, qa: input.name }))));
+};

package/build/esm/lib/unstable/kit/overview-entities/StringValue/index.d.ts

@@ -0,0 +1 @@
+export { StringValue, type StringValueProps } from './StringValue';

package/build/esm/lib/unstable/kit/overview-entities/StringValue/index.js

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

package/build/esm/lib/unstable/kit/overview-entities/index.d.ts

@@ -0,0 +1,9 @@
+export { BooleanValue, type BooleanValueProps } from './BooleanValue';
+export { ColorPickerValue, type ColorPickerValueProps } from './ColorPickerValue';
+export { DateValue, type DateValueProps } from './DateValue';
+export { NumberValue, type NumberValueProps } from './NumberValue';
+export { NumberWithScaleValue, type NumberWithScaleValueProps } from './NumberWithScaleValue';
+export { PrimitiveArrayValue, type PrimitiveArrayValueProps } from './PrimitiveArrayValue';
+export { RangeValue, type RangeValueProps } from './RangeValue';
+export { StringNumberWithScaleValue, type StringNumberWithScaleValueProps, } from './StringNumberWithScaleValue';
+export { StringValue, type StringValueProps } from './StringValue';

package/build/esm/lib/unstable/kit/overview-entities/index.js

@@ -0,0 +1,9 @@
+export { BooleanValue } from './BooleanValue';
+export { ColorPickerValue } from './ColorPickerValue';
+export { DateValue } from './DateValue';
+export { NumberValue } from './NumberValue';
+export { NumberWithScaleValue } from './NumberWithScaleValue';
+export { PrimitiveArrayValue } from './PrimitiveArrayValue';
+export { RangeValue } from './RangeValue';
+export { StringNumberWithScaleValue, } from './StringNumberWithScaleValue';
+export { StringValue } from './StringValue';

package/build/esm/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.css

@@ -0,0 +1,22 @@
+.sr-overview-column {
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-overview-column:last-child {
+  margin-bottom: 0;
+}
+.sr-overview-column:hover .sr-overview-column__copy-button {
+  display: block;
+}
+.sr-overview-column__top {
+  display: inline;
+}
+.sr-overview-column__title {
+  min-height: 18px;
+  margin-right: calc(var(--g-spacing-base) * 1);
+}
+.sr-overview-column__help-mark {
+  margin-top: 1.5px;
+}
+.sr-overview-column__copy-button {
+  display: none;
+}

package/build/esm/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.d.ts

@@ -0,0 +1,3 @@
+import type { JsonSchema, NodeLayout } from '../../../core';
+import './OverviewColumn.css';
+export declare const OverviewColumn: NodeLayout<JsonSchema>;

package/build/esm/lib/unstable/kit/overview-layouts/OverviewColumn/OverviewColumn.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
+import { CopyButton, HTMLContent, LayoutContainer } from '../../components';
+import { block } from '../../utils';
+import './OverviewColumn.css';
+const b = block('overview-column');
+export const OverviewColumn = ({ children, input, schema, props }) => {
+    const tooltip = React.useMemo(() => {
+        if (!schema.description) {
+            return null;
+        }
+        return (React.createElement(HelpMark, { className: b('help-mark') },
+            React.createElement(HTMLContent, { html: schema.description })));
+    }, [schema.description]);
+    return (React.createElement(LayoutContainer, { className: b(), gap: 2, hideEmpty: true },
+        React.createElement(Flex, { direction: "column", gap: 0.5, grow: 1 },
+            React.createElement("div", { className: b('top') },
+                React.createElement(Text, { className: b('title'), color: "secondary", wordBreak: "break-word" }, schema.title),
+                tooltip)),
+        React.createElement(Flex, { className: b('bottom'), direction: "column", gap: 0.5, grow: 1 },
+            React.createElement(Flex, { grow: 1, gap: 2 },
+                children,
+                React.createElement(CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+};

package/build/esm/lib/unstable/kit/overview-layouts/OverviewColumn/index.d.ts

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

package/build/esm/lib/unstable/kit/overview-layouts/OverviewColumn/index.js

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

package/build/esm/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.css

@@ -0,0 +1,38 @@
+.sr-overview-row {
+  max-width: 100%;
+  margin-bottom: calc(var(--g-spacing-base) * 4);
+}
+.sr-overview-row:last-child {
+  margin-bottom: 0;
+}
+.sr-overview-row:hover .sr-overview-row__copy-button {
+  display: block;
+}
+.sr-overview-row__left {
+  width: 300px;
+  flex-shrink: 0;
+  min-height: 20px;
+  display: flex;
+  align-items: flex-start;
+}
+.sr-overview-row__title {
+  min-height: 18px;
+}
+.sr-overview-row__help-mark {
+  min-width: 16px;
+  margin-left: calc(var(--g-spacing-base) * 1);
+  margin-top: 1px;
+}
+.sr-overview-row__dots {
+  min-width: 25px;
+  height: 13.5px;
+  flex-grow: 1;
+  margin: 0 calc(var(--g-spacing-base) * 0.5);
+  border-bottom: 1px dotted var(--g-color-text-secondary);
+}
+.sr-overview-row__right {
+  min-width: 0;
+}
+.sr-overview-row__copy-button {
+  display: none;
+}

package/build/esm/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.d.ts

@@ -0,0 +1,3 @@
+import type { JsonSchema, NodeLayout } from '../../../core';
+import './OverviewRow.css';
+export declare const OverviewRow: NodeLayout<JsonSchema>;

package/build/esm/lib/unstable/kit/overview-layouts/OverviewRow/OverviewRow.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
+import { CopyButton, HTMLContent, LayoutContainer } from '../../components';
+import { block } from '../../utils';
+import './OverviewRow.css';
+const b = block('overview-row');
+export const OverviewRow = ({ children, input, schema, props }) => {
+    const tooltip = React.useMemo(() => {
+        if (!schema.description) {
+            return null;
+        }
+        return (React.createElement(HelpMark, { className: b('help-mark') },
+            React.createElement(HTMLContent, { html: schema.description })));
+    }, [schema.description]);
+    return (React.createElement(LayoutContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2, hideEmpty: true },
+        React.createElement("div", { className: b('left') },
+            React.createElement(Text, { className: b('title'), color: "secondary", wordBreak: "break-all" }, schema.title),
+            tooltip,
+            React.createElement("div", { className: b('dots') })),
+        React.createElement(Flex, { className: b('right'), direction: "column", gap: 0.5, grow: 1 },
+            React.createElement(Flex, { grow: 1, gap: 2 },
+                children,
+                React.createElement(CopyButton, { className: b('copy-button'), copy: props.copy, value: input.value })))));
+};

package/build/esm/lib/unstable/kit/overview-layouts/OverviewRow/index.d.ts

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

package/build/esm/lib/unstable/kit/overview-layouts/OverviewRow/index.js

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

package/build/esm/lib/unstable/kit/overview-layouts/index.d.ts

@@ -0,0 +1,2 @@
+export { OverviewColumn } from './OverviewColumn';
+export { OverviewRow } from './OverviewRow';

package/build/esm/lib/unstable/kit/overview-layouts/index.js

@@ -0,0 +1,2 @@
+export { OverviewColumn } from './OverviewColumn';
+export { OverviewRow } from './OverviewRow';

package/build/esm/lib/unstable/kit/utils/common.d.ts

@@ -1,7 +1,11 @@
 import type { FormApi } from 'final-form';
 import type { FieldMetaState } from 'react-final-form';
 export declare const getValidationState: (meta: FieldMetaState<any>) => "invalid" | undefined;
+export declare const getBooleanValidationState: (meta: FieldMetaState<any>) => boolean;
 export declare const getArrayItemParentName: (name: string) => string;
 export declare const getArrayItemIndex: (name: string) => string;
 export declare const isArrayItem: (name: string) => boolean;
-export declare const isTupleItem: (name: string, form: FormApi) => boolean;
+export declare const isTupleItem: (name: string, headName: string, form: FormApi) => boolean | undefined;
+export declare const isStringInt: (v: unknown) => v is string;
+export declare const isStringFloat: (v: unknown) => v is string;
+export declare const isStringNumber: (v: unknown) => v is string;

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

@@ -1,19 +1,33 @@
+import { SCHEMA_RENDERER_SERVICE_FIELD, getSchemaByPointer, getServiceFieldName, } from '../../core';
 export const getValidationState = (meta) => {
     if ((meta.touched || meta.submitFailed) && meta.error) {
         return 'invalid';
     }
     return undefined;
 };
+export const getBooleanValidationState = (meta) => {
+    return getValidationState(meta) === 'invalid';
+};
 export const getArrayItemParentName = (name) => name.slice(0, name.lastIndexOf('['));
 export const getArrayItemIndex = (name) => name.slice(name.lastIndexOf('[') + 1, -1);
 export const isArrayItem = (name) => name.endsWith(']');
-export const isTupleItem = (name, form) => {
-    var _a;
+export const isTupleItem = (name, headName, form) => {
+    var _a, _b;
     if (!isArrayItem(name)) {
         return false;
     }
+    const srName = getServiceFieldName(SCHEMA_RENDERER_SERVICE_FIELD, headName);
+    const srField = form.getFieldState(srName);
+    const srState = (_a = srField === null || srField === void 0 ? void 0 : srField.data) === null || _a === void 0 ? void 0 : _a.state;
     const parentName = 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);
+    const parentState = (_b = parentField === null || parentField === void 0 ? void 0 : parentField.data) === null || _b === void 0 ? void 0 : _b.state;
+    if (!parentState || !srState) {
+        return false;
+    }
+    const parentSchema = getSchemaByPointer(srState.schema, parentState.schemaPath);
+    return parentSchema && 'items' in parentSchema && Array.isArray(parentSchema.items);
 };
+export const isStringInt = (v) => /^-?(0|[1-9][0-9]*)$/.test(`${v}`);
+export const isStringFloat = (v) => /^-?(0|[1-9][0-9]*)(\.[0-9]+)?$/.test(`${v}`);
+export const isStringNumber = (v) => isStringInt(v) || isStringFloat(v);

package/build/esm/lib/unstable/kit/utils/date.d.ts

@@ -0,0 +1,2 @@
+import { type DateTime } from '@gravity-ui/date-utils';
+export declare const parseDate: (inputValue: unknown, outputFormat?: string, timeZone?: string) => DateTime | null;

package/build/esm/lib/unstable/kit/utils/date.js

@@ -0,0 +1,11 @@
+import { dateTimeParse } from '@gravity-ui/date-utils';
+export const parseDate = (inputValue, outputFormat, timeZone) => {
+    if (!inputValue) {
+        return null;
+    }
+    let raw = inputValue;
+    if (typeof raw === 'object' && raw !== null && 'seconds' in raw && raw.seconds) {
+        raw = raw.seconds * 1000;
+    }
+    return dateTimeParse(raw, { format: outputFormat, timeZone }) || null;
+};

package/build/esm/lib/unstable/kit/utils/index.d.ts

@@ -1,2 +1,4 @@
 export { block } from './cn';
-export { getArrayItemIndex, getArrayItemParentName, getValidationState, isArrayItem, isTupleItem, } from './common';
+export { getArrayItemIndex, getArrayItemParentName, getBooleanValidationState, getValidationState, isArrayItem, isStringInt, isStringFloat, isStringNumber, isTupleItem, } from './common';
+export { parseDate } from './date';
+export { specToJsonSchema, layoutRules, arrayInputTypeRules, booleanInputTypeRules, numberInputTypeRules, objectInputTypeRules, stringInputTypeRules, } from './transformer';

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

@@ -1,2 +1,4 @@
 export { block } from './cn';
-export { getArrayItemIndex, getArrayItemParentName, getValidationState, isArrayItem, isTupleItem, } from './common';
+export { getArrayItemIndex, getArrayItemParentName, getBooleanValidationState, getValidationState, isArrayItem, isStringInt, isStringFloat, isStringNumber, isTupleItem, } from './common';
+export { parseDate } from './date';
+export { specToJsonSchema, layoutRules, arrayInputTypeRules, booleanInputTypeRules, numberInputTypeRules, objectInputTypeRules, stringInputTypeRules, } from './transformer';

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

@@ -0,0 +1,18 @@
+import { type ArraySpec, type BooleanSpec, type NumberSpec, type ObjectSpec, type Spec, type StringSpec } from '../../../core';
+import { type JsonSchema, type JsonSchemaAny } from '../../core';
+export declare const layoutRules: Record<string, (spec: Spec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const arrayInputTypeRules: Record<string, (spec: ArraySpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const booleanInputTypeRules: Record<string, (spec: BooleanSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const numberInputTypeRules: Record<string, (spec: NumberSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const objectInputTypeRules: Record<string, (spec: ObjectSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+export declare const stringInputTypeRules: Record<string, (spec: StringSpec, mutableSchema: JsonSchema, ctx?: SpecToJsonSchemaContenxt) => void>;
+interface SpecToJsonSchemaContenxt {
+    arrayInputTypeRules?: typeof arrayInputTypeRules;
+    booleanInputTypeRules?: typeof booleanInputTypeRules;
+    numberInputTypeRules?: typeof numberInputTypeRules;
+    objectInputTypeRules?: typeof objectInputTypeRules;
+    stringInputTypeRules?: typeof stringInputTypeRules;
+    layoutRules?: typeof layoutRules;
+}
+export declare function specToJsonSchema(spec: Spec, jsonSchema?: JsonSchemaAny, ctx?: SpecToJsonSchemaContenxt): JsonSchema;
+export {};