@gravity-ui/dynamic-forms 2.8.1 → 3.0.0

package/build/cjs/lib/kit/components/Layouts/Row2/Row2.css

@@ -1,51 +0,0 @@
-.df-row2 {
-  width: 100%;
-  display: flex;
-  margin-bottom: 15px;
-}
-.df-row2:last-child {
-  margin-bottom: 0;
-}
-.df-row2__left {
-  width: 180px;
-  min-width: 180px;
-  display: flex;
-  flex-direction: column;
-  font-weight: bold;
-}
-.df-row2__left::after {
-  content: "";
-  width: 100%;
-  flex-shrink: 1;
-}
-.df-row2__title {
-  padding-right: 5px;
-  min-height: 28px;
-  display: flex;
-  align-items: center;
-  font-weight: 700;
-}
-.df-row2__right {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-}
-.df-row2__right-inner {
-  display: flex;
-}
-.df-row2__right .df-select,
-.df-row2__right .df-multi-select,
-.df-row2__right .df-transparent_array-item {
-  max-width: unset;
-}
-.df-row2__description {
-  margin-top: 10px;
-  color: var(--yc-color-text-secondary);
-}
-.df-row2__remove-button {
-  margin-left: 5px;
-}
-.df-row2__required-mark {
-  margin-left: 2px;
-  color: var(--yc-color-text-danger);
-}

package/build/cjs/lib/kit/components/Layouts/Row2/Row2.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Row2 = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const icons_1 = require("@gravity-ui/icons");
-const uikit_1 = require("@gravity-ui/uikit");
-const core_1 = require("../../../../core");
-const components_1 = require("../../../components");
-const utils_1 = require("../../../utils");
-const b = (0, utils_1.block)('row2');
-const Row2 = ({ name, spec, input, meta, children, }) => {
-    const generateButton = react_1.default.useMemo(() => (0, core_1.withGenerateButton)(spec), [spec]);
-    return (react_1.default.createElement("div", { className: b() },
-        react_1.default.createElement("div", { className: b('left') },
-            react_1.default.createElement("div", { className: b('title') },
-                spec.viewSpec.layoutTitle,
-                spec.required && react_1.default.createElement("span", { className: b('required-mark') }, "*"))),
-        react_1.default.createElement("div", { className: b('right') },
-            react_1.default.createElement("div", { className: b('right-inner') },
-                react_1.default.createElement(components_1.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: (0, core_1.isArraySpec)(spec) || (0, core_1.isObjectSpec)(spec) }, children),
-                generateButton ? (react_1.default.createElement(components_1.GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
-                (0, core_1.isArrayItem)(name) ? (react_1.default.createElement(uikit_1.Button, { view: "flat-secondary", className: b('remove-button'), onClick: input.onDrop, qa: `${name}-remove-item` },
-                    react_1.default.createElement(uikit_1.Icon, { data: icons_1.TrashBin, size: 16 }))) : null),
-            spec.viewSpec.layoutDescription ? (react_1.default.createElement("div", { className: b('description'), dangerouslySetInnerHTML: { __html: spec.viewSpec.layoutDescription } })) : null)));
-};
-exports.Row2 = Row2;

package/build/cjs/lib/kit/components/Layouts/Row2/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Row2"), exports);

package/build/cjs/lib/kit/components/Layouts/SectionCard/SectionCard.css

@@ -1,3 +0,0 @@
-.df-section-card {
-  margin-bottom: 20px;
-}

package/build/cjs/lib/kit/components/Layouts/SectionCard/SectionCard.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionCard2 = exports.SectionCard = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const __1 = require("../../");
-const __2 = require("../../../");
-const core_1 = require("../../../../core");
-const utils_1 = require("../../../utils");
-const b = (0, utils_1.block)('section-card');
-const SectionCardBase = (_a) => {
-    var { name, spec, titleSize, ignoreDescription, children } = _a, restProps = tslib_1.__rest(_a, ["name", "spec", "titleSize", "ignoreDescription", "children"]);
-    const meta = restProps.meta;
-    const arrOrObjFlag = (0, core_1.isArraySpec)(spec) || (0, core_1.isObjectSpec)(spec);
-    let content = children;
-    if (meta) {
-        content = (react_1.default.createElement(__2.ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: arrOrObjFlag }, content));
-    }
-    return (react_1.default.createElement(__1.AccordeonCard, { className: b(), name: name, header: spec.viewSpec.layoutTitle, description: ignoreDescription ? undefined : spec.viewSpec.layoutDescription, titleSize: titleSize, alwaysOpen: true }, content));
-};
-const SectionCard = (props) => react_1.default.createElement(SectionCardBase, Object.assign({}, props, { titleSize: "m" }));
-exports.SectionCard = SectionCard;
-const SectionCard2 = (props) => react_1.default.createElement(SectionCardBase, Object.assign({}, props, { titleSize: "s" }));
-exports.SectionCard2 = SectionCard2;

package/build/cjs/lib/kit/components/Layouts/SectionCard/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SectionCard"), exports);

package/build/cjs/lib/kit/components/ViewLayouts/ViewAccordeonCard/ViewAccordeonCard.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewAccordeonCard = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const __1 = require("../../");
-const utils_1 = require("../../../utils");
-const ViewAccordeonCard = ({ name, value, spec, children, }) => {
-    const [open, setOpen] = react_1.default.useState(true);
-    const onToggle = react_1.default.useCallback(() => setOpen((f) => !f), [setOpen]);
-    if (!(0, utils_1.isNotEmptyValue)(value, spec)) {
-        return null;
-    }
-    return (react_1.default.createElement(__1.AccordeonCard, { name: name, header: spec.viewSpec.layoutTitle || '', open: open, onToggle: onToggle, className: "df-accordeon-card-layout" }, children));
-};
-exports.ViewAccordeonCard = ViewAccordeonCard;

package/build/cjs/lib/kit/components/ViewLayouts/ViewAccordeonCard/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ViewAccordeonCard"), exports);

package/build/cjs/lib/kit/components/ViewLayouts/ViewRow2/ViewRow2.css

@@ -1,42 +0,0 @@
-.df-view-row2 {
-  width: 100%;
-  display: flex;
-  border-bottom: 1px solid var(--yc-color-line-generic);
-  padding: 11px 0;
-}
-.df-view-row2:last-child {
-  border: none;
-}
-.df-view-row2_next-not-row {
-  margin-bottom: 20px;
-  border-bottom: none;
-}
-.df-view-row2__left {
-  width: 190px;
-  max-width: 190px;
-  min-width: 190px;
-  display: flex;
-  align-items: baseline;
-  overflow: hidden;
-  padding-right: 10px;
-}
-.df-view-row2__title {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 700;
-  color: var(--yc-color-text-primary);
-}
-.df-view-row2__right {
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--yc-color-text-secondary);
-}
-.df-view-row2__right > .df-view-transparent {
-  margin-bottom: 6px;
-}
-.df-view-row2__right > .df-view-transparent:last-child {
-  margin-bottom: 0;
-}

package/build/cjs/lib/kit/components/ViewLayouts/ViewRow2/ViewRow2.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewRow2 = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../../utils");
-const b = (0, utils_1.block)('view-row2');
-const isNextNodeNotViewRow2 = (node) => {
-    var _a;
-    return Boolean(node === null || node === void 0 ? void 0 : node.nextElementSibling) &&
-        !((_a = node === null || node === void 0 ? void 0 : node.nextElementSibling) === null || _a === void 0 ? void 0 : _a.className.includes('df-view-row2'));
-};
-const ViewRow2 = ({ value, spec, children, }) => {
-    const ref = react_1.default.useRef(null);
-    react_1.default.useEffect(() => {
-        var _a, _b;
-        if (isNextNodeNotViewRow2(ref.current) &&
-            !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.className.includes('df-view-row2_next-not-row'))) {
-            (_b = ref.current) === null || _b === void 0 ? void 0 : _b.classList.add('df-view-row2_next-not-row');
-        }
-    });
-    if (!(0, utils_1.isNotEmptyValue)(value, spec)) {
-        return null;
-    }
-    return (react_1.default.createElement("div", { ref: ref, className: b({ 'next-not-row': isNextNodeNotViewRow2(ref.current) }) },
-        react_1.default.createElement("div", { className: b('left') },
-            react_1.default.createElement("div", { className: b('title'), title: spec.viewSpec.layoutTitle }, spec.viewSpec.layoutTitle)),
-        react_1.default.createElement("div", { className: b('right') }, children)));
-};
-exports.ViewRow2 = ViewRow2;

package/build/cjs/lib/kit/components/ViewLayouts/ViewRow2/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ViewRow2"), exports);

package/build/cjs/lib/kit/components/ViewLayouts/ViewSectionCard/ViewSectionCard.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewSectionCard2 = exports.ViewSectionCard = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../../../utils");
-const Layouts_1 = require("../../Layouts");
-const ViewSectionCard = (props) => (0, utils_1.isNotEmptyValue)(props.value, props.spec) ? react_1.default.createElement(Layouts_1.SectionCard, Object.assign({}, props, { ignoreDescription: true })) : null;
-exports.ViewSectionCard = ViewSectionCard;
-const ViewSectionCard2 = (props) => (0, utils_1.isNotEmptyValue)(props.value, props.spec) ? react_1.default.createElement(Layouts_1.SectionCard2, Object.assign({}, props, { ignoreDescription: true })) : null;
-exports.ViewSectionCard2 = ViewSectionCard2;

package/build/cjs/lib/kit/components/ViewLayouts/ViewSectionCard/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ViewSectionCard"), exports);

package/build/cjs/lib/kit/components/Views/OneOfCardView.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OneOfCardView = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
-const __1 = require("../");
-const core_1 = require("../../../core");
-const OneOfCardView = (props) => {
-    const { value = {}, spec, Layout, name } = props;
-    const [open, setOpen] = react_1.default.useState(true);
-    const onToggle = react_1.default.useCallback(() => setOpen((f) => !f), [setOpen]);
-    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
-    const valueKey = react_1.default.useMemo(() => Object.keys(value)[0], [value]);
-    const valueName = react_1.default.useMemo(() => {
-        var _a, _b;
-        return (((_a = spec.description) === null || _a === void 0 ? void 0 : _a[valueKey]) ||
-            ((_b = specProperties[valueKey]) === null || _b === void 0 ? void 0 : _b.viewSpec.layoutTitle) ||
-            valueKey);
-    }, [valueKey, spec.description, specProperties]);
-    const wrappedValue = react_1.default.useMemo(() => {
-        if (Layout) {
-            return (react_1.default.createElement(Layout, Object.assign({}, props, { value: valueName }),
-                react_1.default.createElement(react_1.default.Fragment, null, valueName)));
-        }
-        return valueName;
-    }, [Layout, valueName]);
-    if (!value || !Object.keys(value).length) {
-        return null;
-    }
-    return (react_1.default.createElement(__1.AccordeonCard, { className: "df-accordeon-card-layout", name: name, header: wrappedValue, open: open, onToggle: onToggle, ignoreHeaderToggle: true }, specProperties[valueKey] ? (react_1.default.createElement(core_1.ViewController, { spec: specProperties[valueKey], name: `${name}.${valueKey}`, key: `${name}.${valueKey}` })) : null));
-};
-exports.OneOfCardView = OneOfCardView;

package/build/esm/lib/kit/components/Inputs/OneOfCard/OneOfCard.css

@@ -1,6 +0,0 @@
-.df-oneof-card {
-  margin-bottom: 20px;
-}
-.df-oneof-card .df-accordeon-card__header-toggle-btn {
-  margin-left: 5px;
-}

package/build/esm/lib/kit/components/Inputs/OneOfCard/OneOfCard.d.ts

@@ -1,3 +0,0 @@
-import { ObjectIndependentInput } from '../../../../core';
-import './OneOfCard.css';
-export declare const OneOfCard: ObjectIndependentInput;

package/build/esm/lib/kit/components/Inputs/OneOfCard/OneOfCard.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import _ from 'lodash';
-import { AccordeonCard } from '../../';
-import { Controller, isArrayItem, } from '../../../../core';
-import { useErrorChecker, useOneOf } from '../../../hooks';
-import { block } from '../../../utils';
-import { Row2 } from '../../Layouts';
-import { RemoveButton } from '../../Layouts/Accordeon/RemoveButton';
-import './OneOfCard.css';
-const b = block('oneof-card');
-export const OneOfCard = (props) => {
-    var _a;
-    const { input, meta, spec, name } = props;
-    const [open, setOpen] = React.useState(true);
-    const onToggle = React.useCallback(() => setOpen((f) => !f), [setOpen]);
-    const onOpen = React.useCallback(() => setOpen(true), [setOpen]);
-    const { oneOfValue, specProperties, togglerInput } = useOneOf({
-        props,
-        onTogglerChange: onOpen,
-    });
-    const arrayItem = React.useMemo(() => isArrayItem(name), [name]);
-    const toggler = React.useMemo(() => {
-        const specWithoutDescription = Object.assign(Object.assign({}, props.spec), { viewSpec: Object.assign(Object.assign({}, props.spec.viewSpec), { layoutDescription: '' }) });
-        const name = arrayItem ? '' : props.name;
-        return (React.createElement(Row2, Object.assign({}, props, { spec: specWithoutDescription, name: name }), togglerInput));
-    }, [togglerInput, props, arrayItem]);
-    const headerActionsTemplate = React.useMemo(() => {
-        if (arrayItem) {
-            return React.createElement(RemoveButton, { onDrop: input.onDrop, name: name });
-        }
-        return null;
-    }, [arrayItem, input.onDrop, name]);
-    const parentOnChange = React.useCallback((childName, childValue, childErrors) => {
-        const value = _.set({}, childName.split(`${input.name}.`).join(''), childValue);
-        input.onChange(value, childErrors);
-    }, [input.onChange, input.name]);
-    useErrorChecker({ name, meta, open, setOpen });
-    return (React.createElement(AccordeonCard, { className: b(), name: name, header: toggler, description: spec.viewSpec.layoutDescription || '', open: open, onToggle: onToggle, ignoreHeaderToggle: true, headerActionsTemplate: headerActionsTemplate }, specProperties[oneOfValue] ? (React.createElement(Controller, { value: (_a = props.input.value) === null || _a === void 0 ? void 0 : _a[oneOfValue], spec: specProperties[oneOfValue], name: `${name}.${oneOfValue}`, parentOnChange: parentOnChange, parentOnUnmount: input.parentOnUnmount, key: `${name}.${oneOfValue}` })) : null));
-};

package/build/esm/lib/kit/components/Inputs/OneOfCard/index.d.ts

@@ -1 +0,0 @@
-export * from './OneOfCard';

package/build/esm/lib/kit/components/Inputs/OneOfCard/index.js

@@ -1 +0,0 @@
-export * from './OneOfCard';

package/build/esm/lib/kit/components/Layouts/AccordeonCardLayout/AccordeonCardLayout.css

@@ -1,3 +0,0 @@
-.df-accordeon-card-layout {
-  margin-bottom: 20px;
-}

package/build/esm/lib/kit/components/Layouts/AccordeonCardLayout/AccordeonCardLayout.d.ts

@@ -1,3 +0,0 @@
-import { ArrayLayoutProps, ObjectLayoutProps } from '../../../../core';
-import './AccordeonCardLayout.css';
-export declare const AccordeonCardLayout: <T extends ArrayLayoutProps | ObjectLayoutProps>({ name, spec, input, meta, children, }: T) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/AccordeonCardLayout/AccordeonCardLayout.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { AccordeonCard } from '../../';
-import { ErrorWrapper } from '../../../components';
-import { useErrorChecker } from '../../../hooks';
-import { block } from '../../../utils';
-import { RemoveButton } from '../Accordeon/RemoveButton';
-import './AccordeonCardLayout.css';
-const b = block('accordeon-card-layout');
-export const AccordeonCardLayout = ({ name, spec, input, meta, children, }) => {
-    var _a;
-    const [open, setOpen] = React.useState(Boolean((_a = spec.viewSpec) === null || _a === void 0 ? void 0 : _a.layoutOpen));
-    const onToggle = React.useCallback(() => setOpen((f) => !f), [setOpen]);
-    const onDrop = React.useCallback(() => {
-        setOpen(false);
-        input.onDrop();
-    }, [input.onDrop, setOpen]);
-    const removeButton = React.useMemo(() => {
-        if (spec.required || !input.value) {
-            return null;
-        }
-        return React.createElement(RemoveButton, { onDrop: onDrop, name: name });
-    }, [spec.required, input.value, onDrop, name]);
-    useErrorChecker({ name, meta, open, setOpen });
-    return (React.createElement(AccordeonCard, { name: name, header: spec.viewSpec.layoutTitle || '', description: spec.viewSpec.layoutDescription || '', open: open, onToggle: onToggle, headerActionsTemplate: removeButton, className: b() },
-        React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: true }, children)));
-};

package/build/esm/lib/kit/components/Layouts/AccordeonCardLayout/index.d.ts

@@ -1 +0,0 @@
-export * from './AccordeonCardLayout';

package/build/esm/lib/kit/components/Layouts/AccordeonCardLayout/index.js

@@ -1 +0,0 @@
-export * from './AccordeonCardLayout';

package/build/esm/lib/kit/components/Layouts/Row2/Row2.css

@@ -1,51 +0,0 @@
-.df-row2 {
-  width: 100%;
-  display: flex;
-  margin-bottom: 15px;
-}
-.df-row2:last-child {
-  margin-bottom: 0;
-}
-.df-row2__left {
-  width: 180px;
-  min-width: 180px;
-  display: flex;
-  flex-direction: column;
-  font-weight: bold;
-}
-.df-row2__left::after {
-  content: "";
-  width: 100%;
-  flex-shrink: 1;
-}
-.df-row2__title {
-  padding-right: 5px;
-  min-height: 28px;
-  display: flex;
-  align-items: center;
-  font-weight: 700;
-}
-.df-row2__right {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-}
-.df-row2__right-inner {
-  display: flex;
-}
-.df-row2__right .df-select,
-.df-row2__right .df-multi-select,
-.df-row2__right .df-transparent_array-item {
-  max-width: unset;
-}
-.df-row2__description {
-  margin-top: 10px;
-  color: var(--yc-color-text-secondary);
-}
-.df-row2__remove-button {
-  margin-left: 5px;
-}
-.df-row2__required-mark {
-  margin-left: 2px;
-  color: var(--yc-color-text-danger);
-}

package/build/esm/lib/kit/components/Layouts/Row2/Row2.d.ts

@@ -1,3 +0,0 @@
-import { FieldValue, LayoutProps, Spec } from '../../../../core';
-import './Row2.css';
-export declare const Row2: <T extends FieldValue, S extends Spec>({ name, spec, input, meta, children, }: LayoutProps<T, S>) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/Row2/Row2.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { TrashBin } from '@gravity-ui/icons';
-import { Button, Icon } from '@gravity-ui/uikit';
-import { isArrayItem, isArraySpec, isObjectSpec, withGenerateButton, } from '../../../../core';
-import { ErrorWrapper, GenerateRandomValueButton } from '../../../components';
-import { block } from '../../../utils';
-import './Row2.css';
-const b = block('row2');
-export const Row2 = ({ name, spec, input, meta, children, }) => {
-    const generateButton = React.useMemo(() => withGenerateButton(spec), [spec]);
-    return (React.createElement("div", { className: b() },
-        React.createElement("div", { className: b('left') },
-            React.createElement("div", { className: b('title') },
-                spec.viewSpec.layoutTitle,
-                spec.required && React.createElement("span", { className: b('required-mark') }, "*"))),
-        React.createElement("div", { className: b('right') },
-            React.createElement("div", { className: b('right-inner') },
-                React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: isArraySpec(spec) || isObjectSpec(spec) }, children),
-                generateButton ? (React.createElement(GenerateRandomValueButton, { spec: spec, onChange: input.onChange })) : null,
-                isArrayItem(name) ? (React.createElement(Button, { view: "flat-secondary", className: b('remove-button'), onClick: input.onDrop, qa: `${name}-remove-item` },
-                    React.createElement(Icon, { data: TrashBin, size: 16 }))) : null),
-            spec.viewSpec.layoutDescription ? (React.createElement("div", { className: b('description'), dangerouslySetInnerHTML: { __html: spec.viewSpec.layoutDescription } })) : null)));
-};

package/build/esm/lib/kit/components/Layouts/Row2/index.d.ts

@@ -1 +0,0 @@
-export * from './Row2';

package/build/esm/lib/kit/components/Layouts/Row2/index.js

@@ -1 +0,0 @@
-export * from './Row2';

package/build/esm/lib/kit/components/Layouts/SectionCard/SectionCard.css

@@ -1,3 +0,0 @@
-.df-section-card {
-  margin-bottom: 20px;
-}

package/build/esm/lib/kit/components/Layouts/SectionCard/SectionCard.d.ts

@@ -1,8 +0,0 @@
-import { FieldValue, FormValue, LayoutProps, Spec, ViewLayoutProps } from '../../../../core';
-import './SectionCard.css';
-export interface SectionCardProps {
-    titleSize: 's' | 'm';
-    ignoreDescription?: boolean;
-}
-export declare const SectionCard: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionCardProps, "ignoreDescription">) => JSX.Element;
-export declare const SectionCard2: <D extends FieldValue, T extends FormValue, S extends Spec>(props: (LayoutProps<D, S> | ViewLayoutProps<T, S>) & Pick<SectionCardProps, "ignoreDescription">) => JSX.Element;

package/build/esm/lib/kit/components/Layouts/SectionCard/SectionCard.js

@@ -1,20 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-import { AccordeonCard } from '../../';
-import { ErrorWrapper } from '../../../';
-import { isArraySpec, isObjectSpec, } from '../../../../core';
-import { block } from '../../../utils';
-import './SectionCard.css';
-const b = block('section-card');
-const SectionCardBase = (_a) => {
-    var { name, spec, titleSize, ignoreDescription, children } = _a, restProps = __rest(_a, ["name", "spec", "titleSize", "ignoreDescription", "children"]);
-    const meta = restProps.meta;
-    const arrOrObjFlag = isArraySpec(spec) || isObjectSpec(spec);
-    let content = children;
-    if (meta) {
-        content = (React.createElement(ErrorWrapper, { name: name, meta: meta, withoutChildErrorStyles: arrOrObjFlag }, content));
-    }
-    return (React.createElement(AccordeonCard, { className: b(), name: name, header: spec.viewSpec.layoutTitle, description: ignoreDescription ? undefined : spec.viewSpec.layoutDescription, titleSize: titleSize, alwaysOpen: true }, content));
-};
-export const SectionCard = (props) => React.createElement(SectionCardBase, Object.assign({}, props, { titleSize: "m" }));
-export const SectionCard2 = (props) => React.createElement(SectionCardBase, Object.assign({}, props, { titleSize: "s" }));

package/build/esm/lib/kit/components/Layouts/SectionCard/index.d.ts

@@ -1 +0,0 @@
-export * from './SectionCard';

package/build/esm/lib/kit/components/Layouts/SectionCard/index.js

@@ -1 +0,0 @@
-export * from './SectionCard';

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

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

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { AccordeonCard } from '../../';
-import { isNotEmptyValue } from '../../../utils';
-export const ViewAccordeonCard = ({ name, value, spec, children, }) => {
-    const [open, setOpen] = React.useState(true);
-    const onToggle = React.useCallback(() => setOpen((f) => !f), [setOpen]);
-    if (!isNotEmptyValue(value, spec)) {
-        return null;
-    }
-    return (React.createElement(AccordeonCard, { name: name, header: spec.viewSpec.layoutTitle || '', open: open, onToggle: onToggle, className: "df-accordeon-card-layout" }, children));
-};

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

@@ -1 +0,0 @@
-export * from './ViewAccordeonCard';

package/build/esm/lib/kit/components/ViewLayouts/ViewAccordeonCard/index.js

@@ -1 +0,0 @@
-export * from './ViewAccordeonCard';

package/build/esm/lib/kit/components/ViewLayouts/ViewRow2/ViewRow2.css

@@ -1,42 +0,0 @@
-.df-view-row2 {
-  width: 100%;
-  display: flex;
-  border-bottom: 1px solid var(--yc-color-line-generic);
-  padding: 11px 0;
-}
-.df-view-row2:last-child {
-  border: none;
-}
-.df-view-row2_next-not-row {
-  margin-bottom: 20px;
-  border-bottom: none;
-}
-.df-view-row2__left {
-  width: 190px;
-  max-width: 190px;
-  min-width: 190px;
-  display: flex;
-  align-items: baseline;
-  overflow: hidden;
-  padding-right: 10px;
-}
-.df-view-row2__title {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-weight: 700;
-  color: var(--yc-color-text-primary);
-}
-.df-view-row2__right {
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: var(--yc-color-text-secondary);
-}
-.df-view-row2__right > .df-view-transparent {
-  margin-bottom: 6px;
-}
-.df-view-row2__right > .df-view-transparent:last-child {
-  margin-bottom: 0;
-}

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

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

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { block, isNotEmptyValue } from '../../../utils';
-import './ViewRow2.css';
-const b = block('view-row2');
-const isNextNodeNotViewRow2 = (node) => {
-    var _a;
-    return Boolean(node === null || node === void 0 ? void 0 : node.nextElementSibling) &&
-        !((_a = node === null || node === void 0 ? void 0 : node.nextElementSibling) === null || _a === void 0 ? void 0 : _a.className.includes('df-view-row2'));
-};
-export const ViewRow2 = ({ value, spec, children, }) => {
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        var _a, _b;
-        if (isNextNodeNotViewRow2(ref.current) &&
-            !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.className.includes('df-view-row2_next-not-row'))) {
-            (_b = ref.current) === null || _b === void 0 ? void 0 : _b.classList.add('df-view-row2_next-not-row');
-        }
-    });
-    if (!isNotEmptyValue(value, spec)) {
-        return null;
-    }
-    return (React.createElement("div", { ref: ref, className: b({ 'next-not-row': isNextNodeNotViewRow2(ref.current) }) },
-        React.createElement("div", { className: b('left') },
-            React.createElement("div", { className: b('title'), title: spec.viewSpec.layoutTitle }, spec.viewSpec.layoutTitle)),
-        React.createElement("div", { className: b('right') }, children)));
-};

package/build/esm/lib/kit/components/ViewLayouts/ViewRow2/index.d.ts

@@ -1 +0,0 @@
-export * from './ViewRow2';

package/build/esm/lib/kit/components/ViewLayouts/ViewRow2/index.js

@@ -1 +0,0 @@
-export * from './ViewRow2';

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

@@ -1,3 +0,0 @@
-import { FormValue, Spec, ViewLayoutProps } from '../../../../core';
-export declare const ViewSectionCard: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => JSX.Element | null;
-export declare const ViewSectionCard2: <T extends FormValue, S extends Spec>(props: ViewLayoutProps<T, S>) => JSX.Element | null;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { isNotEmptyValue } from '../../../utils';
-import { SectionCard, SectionCard2 } from '../../Layouts';
-export const ViewSectionCard = (props) => isNotEmptyValue(props.value, props.spec) ? React.createElement(SectionCard, Object.assign({}, props, { ignoreDescription: true })) : null;
-export const ViewSectionCard2 = (props) => isNotEmptyValue(props.value, props.spec) ? React.createElement(SectionCard2, Object.assign({}, props, { ignoreDescription: true })) : null;