@gravity-ui/dynamic-forms 1.0.0 → 1.0.1

package/build/esm/lib/core/components/View/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useComponents';
+export * from './useCreateContext';
+export * from './useDynamicFormsCtx';
+export * from './useRender';
+export * from './useMonaco';

package/build/esm/lib/core/components/View/hooks/index.js

@@ -0,0 +1,5 @@
+export * from './useComponents';
+export * from './useCreateContext';
+export * from './useDynamicFormsCtx';
+export * from './useRender';
+export * from './useMonaco';

package/build/esm/lib/core/components/View/hooks/useComponents.d.ts

@@ -0,0 +1,6 @@
+import { FormValue, Spec } from '../../../types';
+import { IndependentViewEntity, ViewEntity, ViewLayoutType } from '../types';
+export declare const useComponents: <Value extends FormValue, SpecType extends Spec>(spec: SpecType) => {
+    viewEntity: ViewEntity<Value, SpecType> | IndependentViewEntity<Value, SpecType> | undefined;
+    Layout: ViewLayoutType<Value, SpecType> | undefined;
+};

package/build/esm/lib/core/components/View/hooks/useComponents.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import _ from 'lodash';
+import { isValidElementType } from 'react-is';
+import { isCorrectSpec } from '../../../helpers';
+import { isCorrectViewConfig } from '../helpers';
+import { useDynamicFormsCtx } from './';
+export const useComponents = (spec) => {
+    var _a, _b;
+    const { config } = useDynamicFormsCtx();
+    const { views, layouts } = React.useMemo(() => {
+        if (isCorrectViewConfig(config) && isCorrectSpec(spec)) {
+            return config[spec.type];
+        }
+        return {};
+    }, [config, spec]);
+    const viewEntity = React.useMemo(() => {
+        if (views) {
+            const entity = views[spec.viewSpec.type];
+            if (isValidElementType(entity === null || entity === void 0 ? void 0 : entity.Component)) {
+                return entity;
+            }
+        }
+        return;
+    }, [views, (_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.type]);
+    const Layout = React.useMemo(() => {
+        if (layouts && _.isString(spec.viewSpec.layout)) {
+            const Component = layouts[spec.viewSpec.layout];
+            if (isValidElementType(Component)) {
+                return Component;
+            }
+        }
+        return;
+    }, [layouts, (_b = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _b === void 0 ? void 0 : _b.layout]);
+    return { viewEntity, Layout };
+};

package/build/esm/lib/core/components/View/hooks/useCreateContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DynamicViewContext } from '../types';
+export declare const useCreateContext: () => React.Context<DynamicViewContext>;

package/build/esm/lib/core/components/View/hooks/useCreateContext.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import _ from 'lodash';
+const createContext = _.once(() => React.createContext({}));
+export const useCreateContext = () => createContext();

package/build/esm/lib/core/components/View/hooks/useDynamicFormsCtx.d.ts

@@ -0,0 +1 @@
+export declare const useDynamicFormsCtx: () => import("..").DynamicViewContext;

package/build/esm/lib/core/components/View/hooks/useDynamicFormsCtx.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { useCreateContext } from './';
+export const useDynamicFormsCtx = () => {
+    const DynamicFormsCtx = useCreateContext();
+    const context = React.useContext(DynamicFormsCtx);
+    return context;
+};

package/build/esm/lib/core/components/View/hooks/useMonaco.d.ts

@@ -0,0 +1 @@
+export declare const useMonaco: () => import("react").ComponentType<import("react-monaco-editor").MonacoEditorProps> | undefined;

package/build/esm/lib/core/components/View/hooks/useMonaco.js

@@ -0,0 +1,2 @@
+import { useDynamicFormsCtx } from './useDynamicFormsCtx';
+export const useMonaco = () => useDynamicFormsCtx().Monaco;

package/build/esm/lib/core/components/View/hooks/useRender.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FormValue, Spec } from '../../../types';
+import { IndependentViewEntity, ViewEntity, ViewLayoutType } from '../types';
+export interface UseRenderParams<Value extends FormValue, SpecType extends Spec> {
+    value: Value;
+    name: string;
+    spec: SpecType;
+    viewEntity?: ViewEntity<Value, SpecType> | IndependentViewEntity<Value, SpecType>;
+    Layout?: ViewLayoutType<Value, SpecType>;
+    Link?: React.ComponentType<{
+        value: Value;
+        link: SpecType['viewSpec']['link'];
+    }>;
+}
+export declare const useRender: <Value extends FormValue, SpecType extends Spec>({ value, name, spec, viewEntity, Layout, Link, }: UseRenderParams<Value, SpecType>) => JSX.Element | null;

package/build/esm/lib/core/components/View/hooks/useRender.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import _ from 'lodash';
+import { isValidElementType } from 'react-is';
+import { isCorrectSpec } from '../../../helpers';
+export const useRender = ({ value, name, spec, viewEntity, Layout, Link, }) => {
+    const render = React.useMemo(() => {
+        var _a;
+        if (viewEntity && isCorrectSpec(spec) && _.isString(name)) {
+            const currentValue = name ? _.get(value, name) : value;
+            const linkValue = isValidElementType(Link) && ((_a = spec === null || spec === void 0 ? void 0 : spec.viewSpec) === null || _a === void 0 ? void 0 : _a.link) ? (React.createElement(Link, { value: currentValue, link: spec.viewSpec.link })) : undefined;
+            if (viewEntity.independent) {
+                const InputComponent = viewEntity.Component;
+                return (React.createElement(InputComponent, { spec: spec, name: name, Layout: Layout, value: currentValue, linkValue: linkValue }));
+            }
+            const InputComponent = viewEntity.Component;
+            const input = (React.createElement(InputComponent, { spec: spec, name: name, value: currentValue, linkValue: linkValue }));
+            if (Layout) {
+                return (React.createElement(Layout, { spec: spec, name: name, value: currentValue }, input));
+            }
+            return input;
+        }
+        return null;
+    }, [spec, name, value, viewEntity, Layout, Link]);
+    return render;
+};

package/build/esm/lib/core/components/View/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DynamicView';
+export * from './ViewController';
+export * from './helpers';
+export * from './types';

package/build/esm/lib/core/components/View/index.js

@@ -0,0 +1,4 @@
+export * from './DynamicView';
+export * from './ViewController';
+export * from './helpers';
+export * from './types';

package/build/esm/lib/core/components/View/types/array.d.ts

@@ -0,0 +1,13 @@
+import { ArraySpec, ArrayValue } from '../../../types';
+import { IndependentViewEntity, IndependentViewProps, IndependentViewType, ViewEntity, ViewLayoutProps, ViewLayoutType, ViewLayoutsMap, ViewProps, ViewType, ViewTypeConfig, ViewsMap } from './';
+export type ArrayViewProps = ViewProps<ArrayValue, ArraySpec>;
+export type ArrayIndependentViewProps = IndependentViewProps<ArrayValue, ArraySpec>;
+export type ArrayViewLayoutProps = ViewLayoutProps<ArrayValue, ArraySpec>;
+export type ArrayView = ViewType<ArrayValue, ArraySpec>;
+export type ArrayIndependentView = IndependentViewType<ArrayValue, ArraySpec>;
+export type ArrayViewLayout = ViewLayoutType<ArrayValue, ArraySpec>;
+export type ArrayViewEntity = ViewEntity<ArrayValue, ArraySpec>;
+export type ArrayIndependentViewEntity = IndependentViewEntity<ArrayValue, ArraySpec>;
+export type ArrayViewsMap = ViewsMap<ArrayValue, ArraySpec>;
+export type ArrayViewLayoutsMap = ViewLayoutsMap<ArrayValue, ArraySpec>;
+export type ArrayViewConfig = ViewTypeConfig<ArrayValue, ArraySpec>;

package/build/esm/lib/core/components/View/types/array.js

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

package/build/esm/lib/core/components/View/types/boolean.d.ts

@@ -0,0 +1,13 @@
+import { BooleanSpec } from '../../../types';
+import { IndependentViewEntity, IndependentViewProps, IndependentViewType, ViewEntity, ViewLayoutProps, ViewLayoutType, ViewLayoutsMap, ViewProps, ViewType, ViewTypeConfig, ViewsMap } from './';
+export type BooleanViewProps = ViewProps<boolean, BooleanSpec>;
+export type BooleanIndependentViewProps = IndependentViewProps<boolean, BooleanSpec>;
+export type BooleanViewLayoutProps = ViewLayoutProps<boolean, BooleanSpec>;
+export type BooleanView = ViewType<boolean, BooleanSpec>;
+export type BooleanIndependentView = IndependentViewType<boolean, BooleanSpec>;
+export type BooleanViewLayout = ViewLayoutType<boolean, BooleanSpec>;
+export type BooleanViewEntity = ViewEntity<boolean, BooleanSpec>;
+export type BooleanIndependentViewEntity = IndependentViewEntity<boolean, BooleanSpec>;
+export type BooleanViewsMap = ViewsMap<boolean, BooleanSpec>;
+export type BooleanViewLayoutsMap = ViewLayoutsMap<boolean, BooleanSpec>;
+export type BooleanViewConfig = ViewTypeConfig<boolean, BooleanSpec>;

package/build/esm/lib/core/components/View/types/boolean.js

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

package/build/esm/lib/core/components/View/types/config.d.ts

@@ -0,0 +1,13 @@
+import { FormValue, Spec } from '../../../types';
+import { ArrayViewConfig, BooleanViewConfig, NumberViewConfig, ObjectViewConfig, StringViewConfig, ViewLayoutsMap, ViewsMap } from './';
+export interface ViewTypeConfig<Value extends FormValue, SpecType extends Spec> {
+    views: ViewsMap<Value, SpecType>;
+    layouts: ViewLayoutsMap<Value, SpecType>;
+}
+export interface DynamicViewConfig {
+    array: ArrayViewConfig;
+    boolean: BooleanViewConfig;
+    number: NumberViewConfig;
+    object: ObjectViewConfig;
+    string: StringViewConfig;
+}

package/build/esm/lib/core/components/View/types/config.js

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

package/build/esm/lib/core/components/View/types/context.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { MonacoEditorProps } from 'react-monaco-editor/lib/types';
+import { AnyObject, FormValue, Spec } from '../../../types';
+import { DynamicViewConfig } from './';
+export interface DynamicViewContext {
+    config: DynamicViewConfig;
+    value: AnyObject;
+    Link?: React.ComponentType<{
+        value: FormValue;
+        link: Spec['viewSpec']['link'];
+    }>;
+    Monaco?: React.ComponentType<MonacoEditorProps>;
+}

package/build/esm/lib/core/components/View/types/context.js

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

package/build/esm/lib/core/components/View/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from './array';
+export * from './boolean';
+export * from './config';
+export * from './context';
+export * from './layout';
+export * from './number';
+export * from './object';
+export * from './string';
+export * from './views';

package/build/esm/lib/core/components/View/types/index.js

@@ -0,0 +1,9 @@
+export * from './array';
+export * from './boolean';
+export * from './config';
+export * from './context';
+export * from './layout';
+export * from './number';
+export * from './object';
+export * from './string';
+export * from './views';

package/build/esm/lib/core/components/View/types/layout.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormValue, Spec } from '../../../';
+import { ViewProps } from './';
+export type ViewLayoutProps<Value extends FormValue, SpecType extends Spec> = {
+    children: React.ReactElement;
+} & ViewProps<Value, SpecType>;
+export type ViewLayoutType<Value extends FormValue, SpecType extends Spec> = (props: ViewLayoutProps<Value, SpecType>) => React.ReactElement | null;
+export type ViewLayoutsMap<Value extends FormValue, SpecType extends Spec> = Record<string, ViewLayoutType<Value, SpecType> | undefined>;

package/build/esm/lib/core/components/View/types/layout.js

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

package/build/esm/lib/core/components/View/types/number.d.ts

@@ -0,0 +1,13 @@
+import { NumberSpec } from '../../../types';
+import { IndependentViewEntity, IndependentViewProps, IndependentViewType, ViewEntity, ViewLayoutProps, ViewLayoutType, ViewLayoutsMap, ViewProps, ViewType, ViewTypeConfig, ViewsMap } from './';
+export type NumberViewProps = ViewProps<number, NumberSpec>;
+export type NumberIndependentViewProps = IndependentViewProps<number, NumberSpec>;
+export type NumberViewLayoutProps = ViewLayoutProps<number, NumberSpec>;
+export type NumberView = ViewType<number, NumberSpec>;
+export type NumberIndependentView = IndependentViewType<number, NumberSpec>;
+export type NumberViewLayout = ViewLayoutType<number, NumberSpec>;
+export type NumberViewEntity = ViewEntity<number, NumberSpec>;
+export type NumberIndependentViewEntity = IndependentViewEntity<number, NumberSpec>;
+export type NumberViewsMap = ViewsMap<number, NumberSpec>;
+export type NumberViewLayoutsMap = ViewLayoutsMap<number, NumberSpec>;
+export type NumberViewConfig = ViewTypeConfig<number, NumberSpec>;

package/build/esm/lib/core/components/View/types/number.js

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

package/build/esm/lib/core/components/View/types/object.d.ts

@@ -0,0 +1,13 @@
+import { ObjectSpec, ObjectValue } from '../../../types';
+import { IndependentViewEntity, IndependentViewProps, IndependentViewType, ViewEntity, ViewLayoutProps, ViewLayoutType, ViewLayoutsMap, ViewProps, ViewType, ViewTypeConfig, ViewsMap } from './';
+export type ObjectViewProps = ViewProps<ObjectValue, ObjectSpec>;
+export type ObjectIndependentViewProps = IndependentViewProps<ObjectValue, ObjectSpec>;
+export type ObjectViewLayoutProps = ViewLayoutProps<ObjectValue, ObjectSpec>;
+export type ObjectView = ViewType<ObjectValue, ObjectSpec>;
+export type ObjectIndependentView = IndependentViewType<ObjectValue, ObjectSpec>;
+export type ObjectViewLayout = ViewLayoutType<ObjectValue, ObjectSpec>;
+export type ObjectViewEntity = ViewEntity<ObjectValue, ObjectSpec>;
+export type ObjectIndependentViewEntity = IndependentViewEntity<ObjectValue, ObjectSpec>;
+export type ObjectViewsMap = ViewsMap<ObjectValue, ObjectSpec>;
+export type ObjectViewLayoutsMap = ViewLayoutsMap<ObjectValue, ObjectSpec>;
+export type ObjectViewConfig = ViewTypeConfig<ObjectValue, ObjectSpec>;

package/build/esm/lib/core/components/View/types/object.js

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

package/build/esm/lib/core/components/View/types/string.d.ts

@@ -0,0 +1,13 @@
+import { StringSpec } from '../../../types';
+import { IndependentViewEntity, IndependentViewProps, IndependentViewType, ViewEntity, ViewLayoutProps, ViewLayoutType, ViewLayoutsMap, ViewProps, ViewType, ViewTypeConfig, ViewsMap } from './';
+export type StringViewProps = ViewProps<string, StringSpec>;
+export type StringIndependentViewProps = IndependentViewProps<string, StringSpec>;
+export type StringViewLayoutProps = ViewLayoutProps<string, StringSpec>;
+export type StringView = ViewType<string, StringSpec>;
+export type StringIndependentView = IndependentViewType<string, StringSpec>;
+export type StringViewLayout = ViewLayoutType<string, StringSpec>;
+export type StringViewEntity = ViewEntity<string, StringSpec>;
+export type StringIndependentViewEntity = IndependentViewEntity<string, StringSpec>;
+export type StringViewsMap = ViewsMap<string, StringSpec>;
+export type StringViewLayoutsMap = ViewLayoutsMap<string, StringSpec>;
+export type StringViewConfig = ViewTypeConfig<string, StringSpec>;

package/build/esm/lib/core/components/View/types/string.js

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

package/build/esm/lib/core/components/View/types/views.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FormValue, Spec } from '../../../';
+import { ViewLayoutType } from './';
+export type ViewProps<Value extends FormValue, SpecType extends Spec> = {
+    spec: SpecType;
+    name: string;
+    value?: Value;
+    linkValue?: React.ReactElement;
+};
+export type IndependentViewProps<Value extends FormValue, SpecType extends Spec> = {
+    Layout: ViewLayoutType<Value, SpecType> | undefined;
+} & ViewProps<Value, SpecType>;
+export type ViewType<Value extends FormValue, SpecType extends Spec> = (props: ViewProps<Value, SpecType>) => React.ReactElement | null;
+export type IndependentViewType<Value extends FormValue, SpecType extends Spec> = (props: IndependentViewProps<Value, SpecType>) => React.ReactElement | null;
+export type ViewEntity<Value extends FormValue, SpecType extends Spec> = {
+    Component: ViewType<Value, SpecType>;
+    independent?: false;
+};
+export type IndependentViewEntity<Value extends FormValue, SpecType extends Spec> = {
+    Component: IndependentViewType<Value, SpecType>;
+    independent: true;
+};
+export type ViewsMap<Value extends FormValue, SpecType extends Spec> = Record<string, ViewEntity<Value, SpecType> | IndependentViewEntity<Value, SpecType> | undefined>;

package/build/esm/lib/core/components/View/types/views.js

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

package/build/esm/lib/core/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Form';
+export * from './View';

package/build/esm/lib/core/components/index.js

@@ -0,0 +1,2 @@
+export * from './Form';
+export * from './View';

package/build/esm/lib/core/constants.d.ts

@@ -0,0 +1,7 @@
+export declare enum SpecTypes {
+    Array = "array",
+    Boolean = "boolean",
+    Number = "number",
+    Object = "object",
+    String = "string"
+}

package/build/esm/lib/core/constants.js

@@ -0,0 +1,8 @@
+export var SpecTypes;
+(function (SpecTypes) {
+    SpecTypes["Array"] = "array";
+    SpecTypes["Boolean"] = "boolean";
+    SpecTypes["Number"] = "number";
+    SpecTypes["Object"] = "object";
+    SpecTypes["String"] = "string";
+})(SpecTypes || (SpecTypes = {}));

package/build/esm/lib/core/helpers.d.ts

@@ -0,0 +1,7 @@
+import { ArraySpec, BooleanSpec, NumberSpec, ObjectSpec, StringSpec } from './types';
+export declare const isCorrectSpec: (candidate: any) => boolean;
+export declare const isArraySpec: (candidate: any) => candidate is ArraySpec<any>;
+export declare const isBooleanSpec: (candidate: any) => candidate is BooleanSpec<any>;
+export declare const isNumberSpec: (candidate: any) => candidate is NumberSpec<any>;
+export declare const isObjectSpec: (candidate: any) => candidate is ObjectSpec<any>;
+export declare const isStringSpec: (candidate: any) => candidate is StringSpec<any>;

package/build/esm/lib/core/helpers.js

@@ -0,0 +1,15 @@
+import _ from 'lodash';
+import { SpecTypes } from './constants';
+export const isCorrectSpec = (candidate) => _.isObjectLike(candidate) &&
+    (candidate.type === SpecTypes.Array ||
+        candidate.type === SpecTypes.Boolean ||
+        candidate.type === SpecTypes.Number ||
+        candidate.type === SpecTypes.Object ||
+        candidate.type === SpecTypes.String) &&
+    _.isObjectLike(candidate.viewSpec) &&
+    _.isString(candidate.viewSpec.type);
+export const isArraySpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.Array;
+export const isBooleanSpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.Boolean;
+export const isNumberSpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.Number;
+export const isObjectSpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.Object;
+export const isStringSpec = (candidate) => (candidate === null || candidate === void 0 ? void 0 : candidate.type) === SpecTypes.String;

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

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './constants';
+export * from './helpers';
+export * from './types';

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

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './constants';
+export * from './helpers';
+export * from './types';

package/build/esm/lib/core/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './specs';
+export * from './value';

package/build/esm/lib/core/types/index.js

@@ -0,0 +1,2 @@
+export * from './specs';
+export * from './value';

package/build/esm/lib/core/types/specs.d.ts

@@ -0,0 +1,119 @@
+import { LabelProps } from '@gravity-ui/uikit';
+import { SpecTypes } from '../constants';
+import { ArrayValue, ObjectValue } from './';
+export interface ArraySpec<LinkType = any> {
+    defaultValue?: ArrayValue;
+    type: SpecTypes.Array;
+    required?: boolean;
+    maxLength?: bigint;
+    minLength?: bigint;
+    items?: Spec;
+    enum?: string[];
+    description?: Record<string, string>;
+    validator?: string;
+    viewSpec: {
+        disabled?: boolean;
+        type: string;
+        layout?: string;
+        layoutTitle?: string;
+        layoutDescription?: string;
+        layoutOpen?: boolean;
+        itemLabel?: string;
+        table?: {
+            label: string;
+            property: string;
+        }[];
+        link?: LinkType;
+        placeholder?: string;
+    };
+}
+export interface BooleanSpec<LinkType = any> {
+    defaultValue?: boolean;
+    type: SpecTypes.Boolean;
+    required?: boolean;
+    validator?: string;
+    viewSpec: {
+        disabled?: boolean;
+        type: string;
+        layout?: string;
+        layoutTitle?: string;
+        layoutDescription?: string;
+        layoutOpen?: boolean;
+        link?: LinkType;
+    };
+}
+export interface NumberSpec<LinkType = any> {
+    defaultValue?: number;
+    type: SpecTypes.Number;
+    required?: boolean;
+    maximum?: number;
+    minimum?: number;
+    format?: 'float' | 'int64';
+    validator?: string;
+    viewSpec: {
+        disabled?: boolean;
+        type: string;
+        layout?: string;
+        layoutTitle?: string;
+        layoutDescription?: string;
+        layoutOpen?: boolean;
+        link?: LinkType;
+        placeholder?: string;
+    };
+}
+export interface ObjectSpec<LinkType = any> {
+    defaultValue?: ObjectValue;
+    type: SpecTypes.Object;
+    required?: boolean;
+    properties?: Record<string, Spec>;
+    description?: Record<string, string>;
+    validator?: string;
+    viewSpec: {
+        disabled?: boolean;
+        type: string;
+        layout?: string;
+        layoutTitle?: string;
+        layoutDescription?: string;
+        layoutOpen?: boolean;
+        order?: string[];
+        link?: LinkType;
+        showOptional?: boolean;
+    };
+}
+export interface StringSpec<LinkType = any> {
+    defaultValue?: string;
+    type: SpecTypes.String;
+    required?: boolean;
+    maxLength?: bigint;
+    minLength?: bigint;
+    pattern?: string;
+    patternError?: string;
+    enum?: string[];
+    description?: Record<string, string>;
+    validator?: string;
+    viewSpec: {
+        disabled?: boolean;
+        type: string;
+        layout?: string;
+        layoutTitle?: string;
+        layoutDescription?: string;
+        layoutOpen?: boolean;
+        link?: LinkType;
+        sizeParams?: {
+            defaultType: string;
+            scale: Record<string, {
+                factor: string;
+                title: string;
+            }>;
+            viewType?: string;
+        };
+        monacoParams?: {
+            language?: string;
+            fontSize?: number;
+        };
+        hideValues?: string[];
+        placeholder?: string;
+        themeLabel?: LabelProps['theme'];
+    };
+}
+export type Spec = ArraySpec | BooleanSpec | NumberSpec | ObjectSpec | StringSpec;

package/build/esm/lib/core/types/specs.js

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

package/build/esm/lib/core/types/value.d.ts

@@ -0,0 +1,5 @@
+export type AnyObject = Record<string, any>;
+export type ArrayValue = FormValue[];
+export interface ObjectValue extends Record<string, FormValue> {
+}
+export type FormValue = number | boolean | string | ArrayValue | ObjectValue | null | undefined;

package/build/esm/lib/core/types/value.js

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

package/build/esm/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './core';
+export * from './kit';

package/build/esm/lib/index.js

@@ -0,0 +1,2 @@
+export * from './core';
+export * from './kit';

package/build/esm/lib/kit/components/AccordeonCard/AccordeonCard.css

@@ -0,0 +1,81 @@
+.df-accordeon-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+  max-width: 750px;
+  box-shadow: 0 1px 5px var(--yc-color-sfx-shadow);
+  border-radius: 5px;
+  color: var(--yc-color-text-primary);
+  background-color: var(--yc-color-base-float);
+}
+.df-accordeon-card:hover {
+  box-shadow: 0 3px 10px var(--yc-color-sfx-shadow);
+}
+.df-accordeon-card:last-child {
+  margin-bottom: 0;
+}
+.df-accordeon-card_empty .df-accordeon-card__body,
+.df-accordeon-card_empty .df-accordeon-card__header-toggle-btn {
+  display: none;
+}
+.df-accordeon-card_empty .df-accordeon-card__header_open {
+  border-bottom: none;
+}
+.df-accordeon-card__header {
+  display: flex;
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  padding: 16px;
+}
+.df-accordeon-card__header:hover {
+  cursor: pointer;
+}
+.df-accordeon-card__header_open {
+  border-bottom: 1px solid var(--yc-color-line-generic);
+}
+.df-accordeon-card__header_without-action:hover {
+  cursor: default;
+}
+.df-accordeon-card__header-content, .df-accordeon-card__header-toggle-btn {
+  display: inline-flex;
+  flex: 1 1 auto;
+}
+.df-accordeon-card__header-content {
+  flex-direction: column;
+  justify-content: center;
+  order: -1;
+}
+.df-accordeon-card__header-content-title {
+  font-weight: 700;
+}
+.df-accordeon-card__header-content-title_size_s {
+  font-size: 13px;
+}
+.df-accordeon-card__header-content-title_size_m {
+  font-size: 16px;
+}
+.df-accordeon-card__header-content-description {
+  margin-top: 12px;
+  color: var(--yc-color-text-complementary);
+}
+.df-accordeon-card__header-toggle-btn {
+  flex-grow: 0;
+  justify-content: flex-end;
+  order: 1;
+}
+.df-accordeon-card__interal-actions {
+  margin-right: 5px;
+}
+.df-accordeon-card__toggle-icon_open {
+  transform: rotate(180deg);
+}
+.df-accordeon-card__body {
+  display: none;
+  margin-top: -10px 0 8px;
+  padding: 16px;
+}
+.df-accordeon-card__body_open {
+  display: block;
+}