@gravity-ui/dynamic-forms 5.20.0 → 5.21.0

package/build/esm/lib/unstable/kit/wrappers/Accordeon/Accordeon.js

@@ -1,37 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-import { ChevronDown, ChevronUp } from '@gravity-ui/icons';
-import { Button, Disclosure, Flex, HelpMark, Icon, Text, } from '@gravity-ui/uikit';
-import { ArrayRemoveButton, ControlError, HTMLContent, WrapperContainer } from '../../components';
-import { block, getValidationState } from '../../utils';
-import './Accordeon.css';
-const b = block('accordeon');
-const Component = ({ children, input, meta, schema, wrapperProps, }) => {
-    const { withIndent = false, withDefaultSummary = false, titleProps, togglerProps } = wrapperProps, restWrapperProps = __rest(wrapperProps, ["withIndent", "withDefaultSummary", "titleProps", "togglerProps"]);
-    const summary = React.useMemo(() => {
-        const stopPropagation = (event) => {
-            event.stopPropagation();
-        };
-        return (React.createElement(Flex, { alignItems: "center", gap: 2 },
-            withDefaultSummary ? (React.createElement(Text, Object.assign({}, titleProps), schema.title)) : (React.createElement(Disclosure.Summary, null, (props) => (React.createElement(Button, Object.assign({}, togglerProps, { className: b('toggler', togglerProps === null || togglerProps === void 0 ? void 0 : togglerProps.className) }),
-                React.createElement(Flex, { alignItems: "center", gap: 2, height: "100%" },
-                    React.createElement(Icon, { data: props.expanded ? ChevronUp : ChevronDown }),
-                    React.createElement(Text, Object.assign({}, titleProps), schema.title)))))),
-            schema.description ? (React.createElement(HelpMark, { onClick: stopPropagation },
-                React.createElement(HTMLContent, { html: schema.description }))) : null,
-            React.createElement(ArrayRemoveButton, { name: input.name, onClick: stopPropagation })));
-    }, [
-        input.name,
-        schema.title,
-        schema.description,
-        titleProps,
-        togglerProps,
-        withDefaultSummary,
-    ]);
-    return (React.createElement(WrapperContainer, { className: b({ 'without-default-summary': !withDefaultSummary }) },
-        React.createElement(Disclosure, Object.assign({ summary: summary, defaultExpanded: true }, restWrapperProps),
-            React.createElement(Flex, { direction: "column", gap: 0.5, grow: 1 },
-                React.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children),
-                React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) })))));
-};
-export const Accordeon = React.memo(Component);

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

@@ -1,24 +0,0 @@
-.sr-row {
-  margin-bottom: calc(var(--g-spacing-base) * 4);
-}
-.sr-row:last-child {
-  margin-bottom: 0;
-}
-.sr-row__left {
-  display: inline;
-  width: 180px;
-  min-height: 28px;
-  padding-top: 4.5px;
-}
-.sr-row__title {
-  min-height: 18px;
-  margin-right: calc(var(--g-spacing-base) * 1);
-}
-.sr-row__title_required::after {
-  content: "*";
-  margin-left: calc(var(--g-spacing-base) * 1);
-  color: var(--g-color-text-danger);
-}
-.sr-row__help-mark {
-  margin-top: 1.5px;
-}

package/build/esm/lib/unstable/kit/wrappers/Row/Row.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { JsonSchema } from '../../../core';
-import './Row.css';
-export interface RowProps {
-    descriptionType?: 'tooltip' | 'bottom';
-}
-export declare const Row: React.NamedExoticComponent<import("../../../core").WrapperProps<JsonSchema, RowProps>>;

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
-import { ArrayRemoveButton, ControlError, HTMLContent, WrapperContainer } from '../../components';
-import { block, getValidationState } from '../../utils';
-import './Row.css';
-const b = block('row');
-const Component = ({ children, input, meta, schema, wrapperProps, }) => {
-    const tooltip = React.useMemo(() => {
-        if (!schema.description || wrapperProps.descriptionType === 'bottom') {
-            return null;
-        }
-        return (React.createElement(HelpMark, { className: b('help-mark') },
-            React.createElement(HTMLContent, { html: schema.description })));
-    }, [schema.description, wrapperProps.descriptionType]);
-    const bottomDescription = React.useMemo(() => {
-        if (!schema.description || wrapperProps.descriptionType !== 'bottom') {
-            return null;
-        }
-        return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
-    }, [schema.description, wrapperProps.descriptionType]);
-    return (React.createElement(WrapperContainer, { className: b(), direction: "row", alignItems: "flex-start", gap: 2 },
-        React.createElement("div", { className: b('left') },
-            React.createElement(Text, { className: b('title', { required: wrapperProps.required }), 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 },
-                children,
-                React.createElement(ArrayRemoveButton, { name: input.name })),
-            bottomDescription,
-            React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) }))));
-};
-export const Row = React.memo(Component);

package/build/esm/lib/unstable/kit/wrappers/Row/index.d.ts

@@ -1 +0,0 @@
-export { Row, type RowProps } from './Row';

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

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

package/build/esm/lib/unstable/kit/wrappers/Section/Section.css

@@ -1,23 +0,0 @@
-.sr-section {
-  margin-bottom: calc(var(--g-spacing-base) * 4);
-}
-.sr-section:last-child {
-  margin-bottom: 0;
-}
-.sr-section__header {
-  min-height: 28px;
-}
-.sr-section__content_with-indent {
-  position: relative;
-  padding-left: calc(var(--g-spacing-base) * 7);
-}
-.sr-section__content_with-indent:before {
-  content: "";
-  display: block;
-  width: 1px;
-  height: calc(100% + var(--g-spacing-base) * 2);
-  background-color: var(--g-color-line-generic);
-  position: absolute;
-  left: calc(var(--g-spacing-base) * 3 + 1.5px);
-  bottom: 0;
-}

package/build/esm/lib/unstable/kit/wrappers/Section/Section.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type TextProps } from '@gravity-ui/uikit';
-import type { JsonSchema } from '../../../core';
-import './Section.css';
-export interface SectionProps extends TextProps {
-    descriptionType?: 'tooltip' | 'bottom';
-    withIndent?: boolean;
-}
-export declare const Section: React.NamedExoticComponent<import("../../../core").WrapperProps<JsonSchema, SectionProps>>;

package/build/esm/lib/unstable/kit/wrappers/Section/Section.js

@@ -1,34 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-import { Flex, HelpMark, Text } from '@gravity-ui/uikit';
-import { ArrayRemoveButton, ControlError, HTMLContent, WrapperContainer } from '../../components';
-import { block, getValidationState } from '../../utils';
-import './Section.css';
-const b = block('section');
-const Component = ({ children, input, meta, schema, wrapperProps, }) => {
-    const { descriptionType = 'tooltip', withIndent = false } = wrapperProps, restWrapperProps = __rest(wrapperProps, ["descriptionType", "withIndent"]);
-    const tooltip = React.useMemo(() => {
-        if (!schema.description || descriptionType === 'bottom') {
-            return null;
-        }
-        return (React.createElement(HelpMark, null,
-            React.createElement(HTMLContent, { html: schema.description })));
-    }, [schema.description, descriptionType]);
-    const bottomDescription = React.useMemo(() => {
-        if (!schema.description || descriptionType !== 'bottom') {
-            return null;
-        }
-        return React.createElement(HTMLContent, { html: schema.description, color: "secondary" });
-    }, [schema.description, descriptionType]);
-    return (React.createElement(WrapperContainer, { className: b(), gap: 0.5 },
-        React.createElement(Flex, { direction: "column", gap: 4 },
-            React.createElement(Flex, { direction: "column", gap: 2 },
-                React.createElement(Flex, { className: b('header'), gap: 2, alignItems: "center" },
-                    React.createElement(Text, Object.assign({ variant: "subheader-1" }, restWrapperProps), schema.title),
-                    tooltip,
-                    React.createElement(ArrayRemoveButton, { name: input.name })),
-                bottomDescription),
-            React.createElement("div", { className: b('content', { 'with-indent': withIndent }) }, children)),
-        React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) })));
-};
-export const Section = React.memo(Component);

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

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

package/build/esm/lib/unstable/kit/wrappers/Transparent/Transparent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { JsonSchema } from '../../../core';
-import './Transparent.css';
-export declare const Transparent: React.NamedExoticComponent<import("../../../core").WrapperProps<JsonSchema, {}>>;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Flex } from '@gravity-ui/uikit';
-import { ArrayRemoveButton, ControlError, WrapperContainer } from '../../components';
-import { block, getValidationState } from '../../utils';
-import './Transparent.css';
-const b = block('transparent');
-const Component = ({ children, input, meta }) => {
-    return (React.createElement(WrapperContainer, { className: b(), gap: 0.5 },
-        React.createElement(Flex, { grow: 1, gap: 2 },
-            children,
-            React.createElement(ArrayRemoveButton, { name: input.name })),
-        React.createElement(ControlError, { errorMessage: meta.error, validationState: getValidationState(meta) })));
-};
-export const Transparent = React.memo(Component);

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

@@ -1,4 +0,0 @@
-export { Accordeon, type AccordeonProps } from './Accordeon';
-export { Row, type RowProps } from './Row';
-export { Section, type SectionProps } from './Section';
-export { Transparent } from './Transparent';

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

@@ -1,4 +0,0 @@
-export { Accordeon } from './Accordeon';
-export { Row } from './Row';
-export { Section } from './Section';
-export { Transparent } from './Transparent';