@gravity-ui/dynamic-forms 5.1.0 → 5.2.0

package/build/esm/lib/kit/components/LongValue/LongValue.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import React from 'react';
-import once from 'lodash/once';
 import { Text } from '@gravity-ui/uikit';
+import once from 'lodash/once';
 import { block } from '../../utils';
 import './LongValue.css';
 const b = block('long-value');
@@ -54,7 +54,5 @@ export const LongValue = (_a) => {
         }
         return;
     }, [value]);
-    return (React.createElement(Text, Object.assign({ as: "div" }, restProps, { ref: ref, className: b({ open, long }, className), 
-        // @ts-ignore
-        onClick: long ? handleClick : undefined }), value));
+    return (React.createElement(Text, Object.assign({ as: "div" }, restProps, { ref: ref, className: b({ open, long }, className), onClick: long ? handleClick : undefined }), value));
 };

package/build/esm/lib/kit/components/SimpleVerticalAccordeon/SimpleVerticalAccordeon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TextProps } from '@gravity-ui/uikit';
+import type { TextProps } from '@gravity-ui/uikit';
 import './SimpleVerticalAccordeon.css';
 interface SimpleVerticalAccordeonProps {
     children: React.ReactNode;

package/build/esm/lib/kit/components/TogglerCard/TogglerCard.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Card, HelpMark, Text } from '@gravity-ui/uikit';
-import { block } from '../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../constants/common';
+import { block } from '../../utils';
 import './TogglerCard.css';
 const b = block('toggler-card');
 export const TogglerCard = ({ description, title, text, onClick, disabled, selected, }) => {

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeon/ViewAccordeon.d.ts

@@ -1,5 +1,5 @@
-import { TextProps } from '@gravity-ui/uikit';
-import { ArrayValue, ObjectValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { TextProps } from '@gravity-ui/uikit';
+import type { ArrayValue, ObjectValue, Spec, ViewLayoutProps } from '../../../../core';
 interface ViewAccordeonLayoutProps {
     variantTitle?: TextProps['variant'];
 }

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeonCard/ViewAccordeonCard.d.ts

@@ -1,2 +1,2 @@
-import { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../../core';
+import type { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../../core';
 export declare const ViewAccordeonCard: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ value, name, spec, children, }: T) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewCardAccordeon.d.ts

@@ -1,2 +1,2 @@
-import { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../core';
+import type { ArrayViewLayoutProps, ObjectViewLayoutProps } from '../../../core';
 export declare const ViewCardAccordeon: <T extends ArrayViewLayoutProps | ObjectViewLayoutProps>({ name, value, spec, children, }: T) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewCardSection.d.ts

@@ -1,2 +1,2 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../core';
 export declare const ViewCardSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ name, value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewColumn/ViewColumn.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewColumn.css';
 export declare const ViewColumn: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewColumn/ViewColumn.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { HelpMark, Text } from '@gravity-ui/uikit';
 import { useDynamicFormsCtx } from '../../../../core';
 import { CopyButton } from '../../../../kit';
-import { block, isNotEmptyValue } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block, isNotEmptyValue } from '../../../utils';
 import './ViewColumn.css';
 const b = block('view-column');
 export const ViewColumn = ({ value, spec, children, }) => {

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewRow.css';
 export declare const ViewRow: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewRow/ViewRow.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { HelpMark, Text } from '@gravity-ui/uikit';
 import { useDynamicFormsCtx } from '../../../../core';
 import { CopyButton } from '../../../../kit';
-import { block, isNotEmptyValue } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block, isNotEmptyValue } from '../../../utils';
 import './ViewRow.css';
 const b = block('view-row');
 export const ViewRow = ({ value, spec, children, }) => {

package/build/esm/lib/kit/components/ViewLayouts/ViewSection/ViewSection.d.ts

@@ -1,4 +1,4 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 export declare const ViewSection: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
 export declare const ViewSection2: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
 export declare const ViewGroup: <T extends FormValue, S extends Spec<any, undefined, undefined>>(props: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/ViewLayouts/ViewTableCell/ViewTableCell.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTableCell.css';
 export declare const ViewTableCell: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element;

package/build/esm/lib/kit/components/ViewLayouts/ViewTransparent/ViewTransparent.d.ts

@@ -1,3 +1,3 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
+import type { FormValue, Spec, ViewLayoutProps } from '../../../../core';
 import './ViewTransparent.css';
 export declare const ViewTransparent: <T extends FormValue, S extends Spec<any, undefined, undefined>>({ value, spec, children, }: ViewLayoutProps<T, S>) => JSX.Element | null;

package/build/esm/lib/kit/components/Views/ArrayBaseView/ArrayBaseView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './ArrayBaseView.css';
 export declare const ArrayBaseView: ArrayView;

package/build/esm/lib/kit/components/Views/BaseView/BaseView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { BooleanViewProps, NumberViewProps, StringViewProps } from '../../../../core';
+import type { BooleanViewProps, NumberViewProps, StringViewProps } from '../../../../core';
 export declare const BaseView: <T extends BooleanViewProps | NumberViewProps | StringViewProps>({ value, spec, linkValue, }: React.PropsWithChildren<T>) => JSX.Element;

package/build/esm/lib/kit/components/Views/CardOneOfView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../core';
+import type { ObjectIndependentView } from '../../../core';
 export declare const CardOneOfView: ObjectIndependentView;

package/build/esm/lib/kit/components/Views/CheckboxGroupView/CheckboxGroupView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './CheckboxGroupView.css';
 export declare const CheckboxGroupView: ArrayView;

package/build/esm/lib/kit/components/Views/DateView/DateView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 export declare const DateView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/DateView/DateView.js

@@ -1,8 +1,8 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { BaseView, DEFAULT_DATE_FORMAT } from '../../../components';
 import { dateTimeParse } from '@gravity-ui/date-utils';
 import isObject from 'lodash/isObject';
+import { BaseView, DEFAULT_DATE_FORMAT } from '../../../components';
 export const DateView = (_a) => {
     var { value, spec } = _a, restProps = __rest(_a, ["value", "spec"]);
     const { printFormat = DEFAULT_DATE_FORMAT, outputFormat, timeZone, } = spec.viewSpec.dateInput || {};

package/build/esm/lib/kit/components/Views/FileInputView/FileInputView.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 export declare const FileInputView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/MonacoInputView/MonacoBaseView.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 import './MonacoBaseView.css';
 export declare const MonacoView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/MultiOneOfView/MultiOneOfView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
+import type { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
 import './MultiOneOfView.css';
 export interface MultiOneOfViewProps extends ObjectIndependentViewProps {
     withoutIndent?: boolean;

package/build/esm/lib/kit/components/Views/MultiOneOfView/MultiOneOfView.js

@@ -2,9 +2,9 @@ import React from 'react';
 import { Popover, Text } from '@gravity-ui/uikit';
 import isObjectLike from 'lodash/isObjectLike';
 import { ViewController } from '../../../../core';
+import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
 import { block } from '../../../utils';
 import { GroupIndent } from '../../GroupIndent';
-import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
 import './MultiOneOfView.css';
 const b = block('multi-oneof-view');
 export const MultiOneOfView = (props) => {

package/build/esm/lib/kit/components/Views/MultiSelectView/MultiSelectView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './MultiSelectView.css';
 export declare const MultiSelectView: ArrayView;

package/build/esm/lib/kit/components/Views/MultiSelectView/MultiSelectView.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Popover, Text } from '@gravity-ui/uikit';
-import { block } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block } from '../../../utils';
 import './MultiSelectView.css';
 const b = block('multiselect-view');
 export const MultiSelectView = ({ spec, value = [] }) => {

package/build/esm/lib/kit/components/Views/NumberWithScaleView/NumberWithScaleView.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { StringViewProps } from '../../../../core';
+import type { StringViewProps } from '../../../../core';
 import './NumberWithScaleView.css';
 export declare const NumberWithScaleView: React.FC<StringViewProps>;

package/build/esm/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
+import type { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
 import './ObjectBaseView.css';
 export interface ObjectBaseViewProps extends ObjectIndependentViewProps {
     inline?: boolean;

package/build/esm/lib/kit/components/Views/ObjectBaseView/ObjectBaseView.js

@@ -1,7 +1,7 @@
 import { __rest } from "tslib";
 import React from 'react';
-import isObjectLike from 'lodash/isObjectLike';
 import { Text } from '@gravity-ui/uikit';
+import isObjectLike from 'lodash/isObjectLike';
 import { ViewController } from '../../../../core';
 import { block, filterPropertiesForObjectInline } from '../../../utils';
 import './ObjectBaseView.css';

package/build/esm/lib/kit/components/Views/ObjectValueInputView/ObjectValueInputView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../../core';
+import type { ObjectIndependentView } from '../../../../core';
 export declare const ObjectValueInputView: ObjectIndependentView;

package/build/esm/lib/kit/components/Views/OneOfView/OneOfView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
+import type { ObjectIndependentView, ObjectIndependentViewProps } from '../../../../core';
 import './OneOfView.css';
 export interface OneOfViewProps extends ObjectIndependentViewProps {
     withoutIndent?: boolean;

package/build/esm/lib/kit/components/Views/TableArrayView/TableArrayView.d.ts

@@ -1,3 +1,3 @@
-import { ArrayView } from '../../../../core';
+import type { ArrayView } from '../../../../core';
 import './TableArrayView.css';
 export declare const TableArrayView: ArrayView;

package/build/esm/lib/kit/components/Views/TableArrayView/TableArrayView.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Flex, HelpMark, Table } from '@gravity-ui/uikit';
 import { ViewController, isArraySpec, isBooleanSpec, isObjectSpec, useDynamicFormsCtx, } from '../../../../core';
-import { block } from '../../../utils';
 import { COMMON_POPOVER_PLACEMENT } from '../../../constants/common';
+import { block } from '../../../utils';
 import './TableArrayView.css';
 const b = block('table-array-view');
 export const TableArrayView = ({ value = [], spec, name }) => {

package/build/esm/lib/kit/components/Views/TextAreaView/TextAreaView.d.ts

@@ -1,3 +1,3 @@
-import { StringView } from '../../../../core';
+import type { StringView } from '../../../../core';
 import './TextAreaView.css';
 export declare const TextAreaView: StringView;

package/build/esm/lib/kit/components/Views/TextContentView.d.ts

@@ -1,2 +1,2 @@
-import { StringIndependentView } from '../../../core';
+import type { StringIndependentView } from '../../../core';
 export declare const TextContentView: StringIndependentView;

package/build/esm/lib/kit/components/Views/TextLinkView/TextLinkView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../../core';
+import type { ObjectIndependentView } from '../../../../core';
 export declare const TextLinkView: ObjectIndependentView;

package/build/esm/lib/kit/components/Views/TimeRangeSelectorView/TimeRangeSelectorView.d.ts

@@ -1,2 +1,2 @@
-import { ObjectIndependentView } from '../../../../core';
+import type { ObjectIndependentView } from '../../../../core';
 export declare const TimeRangeSelectorView: ObjectIndependentView;

package/build/esm/lib/kit/constants/config.d.ts

@@ -1,3 +1,3 @@
-import { DynamicFormConfig, DynamicViewConfig } from '../../core';
+import type { DynamicFormConfig, DynamicViewConfig } from '../../core';
 export declare const dynamicConfig: DynamicFormConfig;
 export declare const dynamicViewConfig: DynamicViewConfig;

package/build/esm/lib/kit/hooks/useErrorChecker.d.ts

@@ -1,4 +1,4 @@
-import { FieldRenderProps, FieldValue } from '../../core';
+import type { FieldRenderProps, FieldValue } from '../../core';
 export interface UseErrorCheckerParams {
     name: string;
     meta: FieldRenderProps<FieldValue>['meta'];

package/build/esm/lib/kit/hooks/useOneOf/useOneOf.d.ts

@@ -1,4 +1,4 @@
-import { ObjectIndependentInputProps } from '../../../core';
+import type { ObjectIndependentInputProps } from '../../../core';
 import './useOneOf.css';
 export interface UseOneOfParams {
     props: ObjectIndependentInputProps;

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

@@ -1,4 +1,4 @@
-import { FormValue, Spec, StringSpec } from '../../core';
+import type { FormValue, Spec, StringSpec } from '../../core';
 export declare const isNotEmptyValue: (value: FormValue | undefined, spec: Spec | undefined) => boolean;
 export declare const prepareSpec: <Type extends Spec<any, undefined, undefined>>(spec: Type, parseJsonDefaultValue?: boolean, overridePatternError?: ((pattern?: string) => string) | undefined) => Type;
 export declare const isCorrectSizeParams: (spec: StringSpec) => boolean;

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

@@ -1,11 +1,11 @@
 import cloneDeep from 'lodash/cloneDeep';
 import isArray from 'lodash/isArray';
+import isEmpty from 'lodash/isEmpty';
 import isNil from 'lodash/isNil';
 import isObject from 'lodash/isObject';
 import isObjectLike from 'lodash/isObjectLike';
 import isString from 'lodash/isString';
-import isEmpty from 'lodash/isEmpty';
-import { SpecTypes, isArraySpec, isObjectSpec, isStringSpec, } from '../../core';
+import { SpecTypes, isArraySpec, isObjectSpec, isStringSpec } from '../../core';
 import { isFloat } from '../validators/helpers';
 import { divide } from './bigIntMath';
 export const isNotEmptyValue = (value, spec) => {

package/build/esm/lib/kit/utils/objectInline.d.ts

@@ -1,4 +1,4 @@
-import { Spec } from '../../core';
+import type { Spec } from '../../core';
 export declare const filterPropertiesForObjectInline: (properties: Record<string, Spec>) => {
     [k: string]: Spec<any, undefined, undefined>;
 };

package/build/esm/lib/kit/validators/validators.d.ts

@@ -1,5 +1,5 @@
-import { ArraySpec, ArrayValue, BooleanSpec, NumberSpec, ObjectSpec, ObjectValue, StringSpec } from '../../core';
-import { ErrorMessagesType } from './types';
+import type { ArraySpec, ArrayValue, BooleanSpec, NumberSpec, ObjectSpec, ObjectValue, StringSpec } from '../../core';
+import type { ErrorMessagesType } from './types';
 interface CommonValidatorParams {
     ignoreRequiredCheck?: boolean;
     customErrorMessages?: Partial<ErrorMessagesType>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dynamic-forms",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "description": "",
   "license": "MIT",
   "main": "build/cjs/index.js",
@@ -31,9 +31,9 @@
     "test": "jest",
     "typecheck": "tsc --noEmit",
     "build": "gulp",
-    "build-storybook": "sb build",
-    "dev": "sb dev -p 6006",
-    "start": "sb dev",
+    "build-storybook": "storybook build",
+    "dev": "storybook dev -p 6006",
+    "start": "storybook dev",
     "prepublishOnly": "npm run build",
     "playwright:install": "playwright install --with-deps",
     "playwright": "playwright test --config=playwright/playwright.config.ts",
@@ -56,17 +56,18 @@
     "@babel/preset-typescript": "^7.18.6",
     "@commitlint/cli": "^17.0.0",
     "@commitlint/config-conventional": "^17.0.0",
-    "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/eslint-config": "^3.3.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@gravity-ui/uikit": "^7.1.0",
     "@playwright/experimental-ct-react": "^1.40.0",
     "@playwright/test": "^1.40.0",
-    "@storybook/addon-essentials": "^7.0.27",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-webpack5-compiler-swc": "^2.1.0",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^7.0.27",
-    "@storybook/react-webpack5": "^7.0.27",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
     "@swc/core": "^1.5.0",
     "@swc/jest": "^0.2.36",
     "@testing-library/jest-dom": "^5.16.5",
@@ -105,7 +106,7 @@
     "rimraf": "5.0.5",
     "sass": "^1.57.1",
     "sass-loader": "^10.1.1",
-    "storybook": "^7.0.27",
+    "storybook": "^8.6.4",
     "style-loader": "^2.0.0",
     "stylelint": "^15.10.3",
     "stylelint-scss": "^5.1.0",