@gravity-ui/dynamic-forms 1.0.0 → 1.0.1

package/build/cjs/lib/kit/constants/config.js

@@ -0,0 +1,345 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dynamicViewCardConfig = exports.dynamicViewConfig = exports.dynamicCardConfig = exports.dynamicConfig = void 0;
+const components_1 = require("../components");
+const validators_1 = require("../validators");
+exports.dynamicConfig = {
+    array: {
+        inputs: {
+            select: { Component: components_1.MultiSelect },
+            table: { Component: components_1.TableArrayInput },
+            base: { Component: components_1.ArrayBase },
+        },
+        layouts: {
+            row: components_1.Row,
+            accordeon: components_1.Accordeon,
+            section: components_1.Section,
+            section2: components_1.Section2,
+            group: components_1.Group,
+            group2: components_1.Group2,
+            table_item: components_1.TableCell,
+            transparent: components_1.Transparent,
+            card_accordeon: components_1.CardAccordeon,
+            card_section: components_1.CardSection,
+        },
+        validators: {
+            base: (0, validators_1.getArrayValidator)(),
+        },
+    },
+    boolean: {
+        inputs: {
+            base: { Component: components_1.Checkbox },
+        },
+        layouts: {
+            row: components_1.Row,
+            table_item: components_1.TableCell,
+        },
+        validators: {
+            base: (0, validators_1.getBooleanValidator)(),
+        },
+    },
+    number: {
+        inputs: {
+            base: { Component: components_1.Text },
+        },
+        layouts: {
+            row: components_1.Row,
+            table_item: components_1.TableCell,
+            transparent: components_1.Transparent,
+        },
+        validators: {
+            base: (0, validators_1.getNumberValidator)(),
+        },
+    },
+    object: {
+        inputs: {
+            oneof: { Component: components_1.OneOf, independent: true },
+            card_oneof: { Component: components_1.CardOneOf, independent: true },
+            secret: { Component: components_1.Secret, independent: true },
+            base: { Component: components_1.ObjectBase, independent: true },
+        },
+        layouts: {
+            row: components_1.Row,
+            accordeon: components_1.Accordeon,
+            section: components_1.Section,
+            section2: components_1.Section2,
+            group: components_1.Group,
+            group2: components_1.Group2,
+            transparent: components_1.Transparent,
+            card_accordeon: components_1.CardAccordeon,
+            card_section: components_1.CardSection,
+        },
+        validators: {
+            base: (0, validators_1.getObjectValidator)(),
+        },
+    },
+    string: {
+        inputs: {
+            password: { Component: components_1.Text },
+            textarea: { Component: components_1.TextArea },
+            select: { Component: components_1.Select },
+            base: { Component: components_1.Text },
+            number_with_scale: { Component: components_1.NumberWithScale },
+            monaco_input: { Component: components_1.MonacoInput },
+            text_content: { Component: components_1.TextContent, independent: true },
+        },
+        layouts: {
+            row: components_1.Row,
+            table_item: components_1.TableCell,
+            transparent: components_1.Transparent,
+            section: components_1.Section,
+            section2: components_1.Section2,
+            group: components_1.Group,
+            group2: components_1.Group2,
+            card_section: components_1.CardSection,
+        },
+        validators: {
+            base: (0, validators_1.getStringValidator)(),
+            number: (0, validators_1.getNumberValidator)(),
+        },
+    },
+};
+exports.dynamicCardConfig = {
+    array: {
+        inputs: {
+            select: { Component: components_1.MultiSelect },
+            table: { Component: components_1.TableArrayInput },
+            base: { Component: components_1.ArrayBase },
+        },
+        layouts: {
+            row: components_1.Row2,
+            accordeon: components_1.AccordeonCardLayout,
+            section: components_1.SectionWithSubtitle,
+            section2: components_1.SectionWithSubtitle2,
+            group: components_1.SectionCard,
+            group2: components_1.SectionCard2,
+            table_item: components_1.TableCell,
+            transparent: components_1.Transparent,
+        },
+        validators: {
+            base: (0, validators_1.getArrayValidator)(),
+        },
+    },
+    boolean: {
+        inputs: {
+            base: { Component: components_1.Checkbox },
+        },
+        layouts: {
+            row: components_1.Row2,
+            table_item: components_1.TableCell,
+        },
+        validators: {
+            base: (0, validators_1.getBooleanValidator)(),
+        },
+    },
+    number: {
+        inputs: {
+            base: { Component: components_1.Text },
+        },
+        layouts: {
+            row: components_1.Row2,
+            table_item: components_1.TableCell,
+            transparent: components_1.Transparent,
+        },
+        validators: {
+            base: (0, validators_1.getNumberValidator)(),
+        },
+    },
+    object: {
+        inputs: {
+            oneof: { Component: components_1.OneOfCard, independent: true },
+            secret: { Component: components_1.Secret, independent: true },
+            base: { Component: components_1.ObjectBase, independent: true },
+        },
+        layouts: {
+            row: components_1.Row2,
+            accordeon: components_1.AccordeonCardLayout,
+            section: components_1.SectionWithSubtitle,
+            section2: components_1.SectionWithSubtitle2,
+            group: components_1.SectionCard,
+            group2: components_1.SectionCard2,
+            transparent: components_1.Transparent,
+        },
+        validators: {
+            base: (0, validators_1.getObjectValidator)(),
+        },
+    },
+    string: {
+        inputs: {
+            password: { Component: components_1.Text },
+            textarea: { Component: components_1.TextArea },
+            select: { Component: components_1.Select },
+            base: { Component: components_1.Text },
+            number_with_scale: { Component: components_1.NumberWithScale },
+            monaco_input: { Component: components_1.MonacoInputCard },
+            text_content: { Component: components_1.TextContent, independent: true },
+        },
+        layouts: {
+            row: components_1.Row2,
+            table_item: components_1.TableCell,
+            transparent: components_1.Transparent,
+            section: components_1.SectionWithSubtitle,
+            section2: components_1.SectionWithSubtitle2,
+            group: components_1.SectionCard,
+            group2: components_1.SectionCard2,
+        },
+        validators: {
+            base: (0, validators_1.getStringValidator)(),
+            number: (0, validators_1.getNumberValidator)(),
+        },
+    },
+};
+exports.dynamicViewConfig = {
+    array: {
+        views: {
+            select: { Component: components_1.MultiSelectView },
+            table: { Component: components_1.TableArrayView },
+            base: { Component: components_1.ArrayBaseView },
+        },
+        layouts: {
+            row: components_1.ViewRow,
+            accordeon: components_1.ViewAccordeon,
+            section: components_1.ViewSection,
+            section2: components_1.ViewSection2,
+            group: components_1.ViewGroup,
+            group2: components_1.ViewGroup2,
+            table_item: components_1.ViewTableCell,
+            transparent: components_1.ViewTransparent,
+            card_accordeon: components_1.ViewCardAccordeon,
+            card_section: components_1.ViewCardSection,
+        },
+    },
+    boolean: {
+        views: {
+            base: { Component: components_1.BaseView },
+        },
+        layouts: {
+            row: components_1.ViewRow,
+            table_item: components_1.ViewTableCell,
+        },
+    },
+    number: {
+        views: {
+            base: { Component: components_1.BaseView },
+        },
+        layouts: {
+            row: components_1.ViewRow,
+            table_item: components_1.ViewTableCell,
+            transparent: components_1.ViewTransparent,
+        },
+    },
+    object: {
+        views: {
+            oneof: { Component: components_1.OneOfView, independent: true },
+            card_oneof: { Component: components_1.CardOneOfView, independent: true },
+            secret: undefined,
+            base: { Component: components_1.ObjectBaseView, independent: true },
+        },
+        layouts: {
+            row: components_1.ViewRow,
+            accordeon: components_1.ViewAccordeon,
+            section: components_1.ViewSection,
+            section2: components_1.ViewSection2,
+            group: components_1.ViewGroup,
+            group2: components_1.ViewGroup2,
+            transparent: components_1.ViewTransparent,
+            card_accordeon: components_1.ViewCardAccordeon,
+            card_section: components_1.ViewCardSection,
+        },
+    },
+    string: {
+        views: {
+            password: undefined,
+            textarea: { Component: components_1.TextAreaView },
+            select: { Component: components_1.BaseView },
+            base: { Component: components_1.BaseView },
+            number_with_scale: { Component: components_1.NumberWithScaleView },
+            monaco_input: { Component: components_1.MonacoView },
+            text_content: undefined,
+        },
+        layouts: {
+            row: components_1.ViewRow,
+            table_item: components_1.ViewTableCell,
+            transparent: components_1.ViewTransparent,
+            section: components_1.ViewSection,
+            section2: components_1.ViewSection2,
+            group: components_1.ViewGroup,
+            group2: components_1.ViewGroup2,
+            card_section: components_1.ViewCardSection,
+        },
+    },
+};
+exports.dynamicViewCardConfig = {
+    array: {
+        views: {
+            select: { Component: components_1.MultiSelectView },
+            table: { Component: components_1.TableArrayView },
+            base: { Component: components_1.ArrayBaseView },
+        },
+        layouts: {
+            row: components_1.ViewRow2,
+            accordeon: components_1.ViewAccordeonCard,
+            section: components_1.ViewSection,
+            section2: components_1.ViewSection2,
+            group: components_1.ViewSectionCard,
+            group2: components_1.ViewSectionCard2,
+            table_item: components_1.ViewTableCell,
+            transparent: components_1.ViewTransparent,
+        },
+    },
+    boolean: {
+        views: {
+            base: { Component: components_1.BaseView },
+        },
+        layouts: {
+            row: components_1.ViewRow2,
+            table_item: components_1.ViewTableCell,
+        },
+    },
+    number: {
+        views: {
+            base: { Component: components_1.BaseView },
+        },
+        layouts: {
+            row: components_1.ViewRow2,
+            table_item: components_1.ViewTableCell,
+            transparent: components_1.ViewTransparent,
+        },
+    },
+    object: {
+        views: {
+            oneof: { Component: components_1.OneOfCardView, independent: true },
+            secret: undefined,
+            base: { Component: components_1.ObjectBaseView, independent: true },
+        },
+        layouts: {
+            row: components_1.ViewRow2,
+            accordeon: components_1.ViewAccordeonCard,
+            section: components_1.ViewSection,
+            section2: components_1.ViewSection2,
+            group: components_1.ViewSectionCard,
+            group2: components_1.ViewSectionCard2,
+            transparent: components_1.ViewTransparent,
+        },
+    },
+    string: {
+        views: {
+            password: undefined,
+            textarea: { Component: components_1.TextAreaView },
+            select: { Component: components_1.BaseView },
+            base: { Component: components_1.BaseView },
+            number_with_scale: { Component: components_1.NumberWithScaleView },
+            monaco_input: { Component: components_1.MonacoViewCard },
+            text_content: undefined,
+        },
+        layouts: {
+            row: components_1.ViewRow2,
+            table_item: components_1.ViewTableCell,
+            transparent: components_1.ViewTransparent,
+            section: components_1.ViewSection,
+            section2: components_1.ViewSection2,
+            group: components_1.ViewSectionCard,
+            group2: components_1.ViewSectionCard2,
+        },
+    },
+};

package/build/cjs/lib/kit/constants/index.js

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

package/build/cjs/lib/kit/hooks/index.js

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

package/build/cjs/lib/kit/hooks/useErrorChecker.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useErrorChecker = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const useErrorChecker = ({ name, meta, open, setOpen }) => {
+    react_1.default.useEffect(() => {
+        if (meta.submitFailed &&
+            document.querySelector(`[data-form-error-name*="${name}"]`) &&
+            !open) {
+            setOpen(true);
+        }
+    }, [meta.submitFailed]);
+};
+exports.useErrorChecker = useErrorChecker;

package/build/cjs/lib/kit/hooks/useOneOf.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOneOf = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const MAX_TAB_TITLE_LENGTH = 20;
+const useOneOf = ({ props, onTogglerChange }) => {
+    const { input, spec, Layout } = props;
+    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const [oneOfValue, setOneOfValue] = react_1.default.useState(() => {
+        let valueKeys;
+        if (lodash_1.default.isObjectLike(input.value)) {
+            const keys = Object.keys(input.value);
+            if (keys.length) {
+                valueKeys = keys;
+            }
+        }
+        return (valueKeys || spec.viewSpec.order || Object.keys(specProperties))[0];
+    });
+    const onOneOfChange = react_1.default.useCallback(([newValue]) => {
+        if (newValue !== oneOfValue) {
+            input.onChange({});
+            setOneOfValue(newValue);
+            onTogglerChange === null || onTogglerChange === void 0 ? void 0 : onTogglerChange(newValue);
+        }
+    }, [setOneOfValue, input.onChange, oneOfValue]);
+    const options = react_1.default.useMemo(() => (spec.viewSpec.order || Object.keys(specProperties)).map((value) => {
+        var _a, _b;
+        const title = ((_a = spec.description) === null || _a === void 0 ? void 0 : _a[value]) ||
+            ((_b = specProperties[value]) === null || _b === void 0 ? void 0 : _b.viewSpec.layoutTitle) ||
+            value ||
+            '';
+        return {
+            value,
+            title,
+            content: title,
+        };
+    }), [spec.description, spec.viewSpec.order, specProperties]);
+    const togglerInput = react_1.default.useMemo(() => {
+        if (options.length > 3 ||
+            lodash_1.default.some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH)) {
+            return (react_1.default.createElement(uikit_1.Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: spec.viewSpec.disabled, filterable: options.length > 7 }));
+        }
+        return (react_1.default.createElement(uikit_1.RadioButton, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: spec.viewSpec.disabled }, options.map((option) => (react_1.default.createElement(uikit_1.RadioButton.Option, { key: option.value, value: option.value }, option.title)))));
+    }, [options, oneOfValue, onOneOfChange]);
+    const toggler = react_1.default.useMemo(() => {
+        if (Layout) {
+            return react_1.default.createElement(Layout, Object.assign({}, props), togglerInput);
+        }
+        return togglerInput;
+    }, [Layout, togglerInput, props]);
+    return { oneOfValue, specProperties, toggler, togglerInput };
+};
+exports.useOneOf = useOneOf;

package/build/cjs/lib/kit/i18n/configure.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getConfig = exports.subscribeConfigure = exports.configure = exports.Lang = void 0;
+var Lang;
+(function (Lang) {
+    Lang["Ru"] = "ru";
+    Lang["En"] = "en";
+})(Lang = exports.Lang || (exports.Lang = {}));
+let config = {};
+let subscribers = [];
+const configure = (newConfig) => {
+    if (newConfig) {
+        config = Object.assign(Object.assign({}, config), newConfig);
+        subscribers.forEach((sub) => sub(config));
+    }
+};
+exports.configure = configure;
+const subscribeConfigure = (sub) => {
+    subscribers.push(sub);
+    return () => {
+        subscribers = subscribers.filter((el) => el === sub);
+    };
+};
+exports.subscribeConfigure = subscribeConfigure;
+const getConfig = () => config;
+exports.getConfig = getConfig;

package/build/cjs/lib/kit/i18n/en.json

@@ -0,0 +1,46 @@
+{
+  "label_error-required": "Empty field",
+  "label_error-invalid": "Incorrect value in field",
+  "label_error-int": "Value must be an integer",
+  "label_error-number": "Value must be a number",
+  "label_error-min-length": [
+    "Value can't be shorter than {{count}} character",
+    "Value can't be shorter than {{count}} characters",
+    "Value can't be shorter than {{count}} characters",
+    "",
+    "Value can't be shorter than {{count}} characters",
+    "Value can't be shorter than {{count}} characters"
+  ],
+  "label_error-min-length-array": [
+    "Value can't be shorter than {{count}} item",
+    "Value can't be shorter than {{count}} items",
+    "Value can't be shorter than {{count}} items",
+    "",
+    "Value can't be shorter than {{count}} items",
+    "Value can't be shorter than {{count}} items"
+  ],
+  "label_error-max-length": [
+    "Value can't be longer than {{count}} character",
+    "Value can't be longer than {{count}} characters",
+    "Value can't be longer than {{count}} characters",
+    "",
+    "Value can't be longer than {{count}} characters",
+    "Value can't be longer than {{count}} characters"
+  ],
+  "label_error-max-length-array": [
+    "Value can't be longer than {{count}} item",
+    "Value can't be longer than {{count}} items",
+    "Value can't be longer than {{count}} items",
+    "",
+    "Value can't be longer than {{count}} items",
+    "Value can't be longer than {{count}} items"
+  ],
+  "label_error-min-number": "Value must be an integer no less than {{count}}",
+  "label_error-max-number": "Value must not be greater than {{count}}",
+  "label_error-space-end": "Value must not end with a space",
+  "label_error-space-start": "Value must not start with a space",
+  "label_error-zero-start": "Value must not start with a zero",
+  "label_error-dot-end": "Value must not end with a dot",
+  "label_delete": "Delete",
+  "button_cancel": "Close"
+}

package/build/cjs/lib/kit/i18n/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const i18n_1 = require("@gravity-ui/i18n");
+const configure_1 = require("./configure");
+const en_json_1 = tslib_1.__importDefault(require("./en.json"));
+const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
+const KEYSET_NAME = 'dynamic-forms-errors';
+const i18n = new i18n_1.I18N();
+i18n.setLang((0, configure_1.getConfig)().lang || configure_1.Lang.En);
+(0, configure_1.subscribeConfigure)((config) => {
+    if (config === null || config === void 0 ? void 0 : config.lang) {
+        i18n.setLang(config.lang);
+    }
+});
+i18n.registerKeyset(configure_1.Lang.Ru, KEYSET_NAME, ru_json_1.default);
+i18n.registerKeyset(configure_1.Lang.En, KEYSET_NAME, en_json_1.default);
+exports.default = i18n.keyset(KEYSET_NAME);

package/build/cjs/lib/kit/i18n/ru.json

@@ -0,0 +1,46 @@
+{
+  "label_error-required": "Поле не заполнено",
+  "label_error-invalid": "Поле заполнено неправильно",
+  "label_error-int": "Значение должно быть целым числом",
+  "label_error-number": "Значение должно быть числом",
+  "label_error-min-length": [
+    "Значение не может быть короче {{count}} символа",
+    "Значение не может быть короче {{count}} символов",
+    "Значение не может быть короче {{count}} символов",
+    "",
+    "Значение не может быть короче {{count}} символов",
+    "Значение не может быть короче {{count}} символов"
+  ],
+  "label_error-min-length-array": [
+    "Значение не может быть короче {{count}} элемента",
+    "Значение не может быть короче {{count}} элементов",
+    "Значение не может быть короче {{count}} элементов",
+    "",
+    "Значение не может быть короче {{count}} элементов",
+    "Значение не может быть короче {{count}} элементов"
+  ],
+  "label_error-max-length": [
+    "Значение не может быть длиннее {{count}} символа",
+    "Значение не может быть длиннее {{count}} символов",
+    "Значение не может быть длиннее {{count}} символов",
+    "",
+    "Значение не может быть длиннее {{count}} символов",
+    "Значение не может быть длиннее {{count}} символов"
+  ],
+  "label_error-max-length-array": [
+    "Значение не может быть длиннее {{count}} элемента",
+    "Значение не может быть длиннее {{count}} элементов",
+    "Значение не может быть длиннее {{count}} элементов",
+    "",
+    "Значение не может быть длиннее {{count}} элементов",
+    "Значение не может быть длиннее {{count}} элементов"
+  ],
+  "label_error-min-number": "Значение должно быть числом не меньше {{count}}",
+  "label_error-max-number": "Значение должно быть числом не больше {{count}}",
+  "label_error-space-end": "Значение не должно заканчиваться пробелом",
+  "label_error-space-start": "Значение не должно начинаться с пробела",
+  "label_error-zero-start": "Значение не должно начинаться с нуля",
+  "label_error-dot-end": "Значение не должно заканчиваться точкой",
+  "label_delete": "Удалить",
+  "button_cancel": "Закрыть"
+}

package/build/cjs/lib/kit/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
+tslib_1.__exportStar(require("./i18n/configure"), exports);
+tslib_1.__exportStar(require("./utils"), exports);
+tslib_1.__exportStar(require("./validators"), exports);

package/build/cjs/lib/kit/utils/bigIntMath.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.divide = exports.multiply = void 0;
+const discardRightZeros = (num) => {
+    return !num || num[num.length - 1] !== '0' ? num : discardRightZeros(num.slice(0, -1));
+};
+// only positive degree
+const mathPow = (degree) => {
+    const factor = BigInt(10);
+    let cnt = degree;
+    let result = BigInt(1);
+    while (cnt-- > 0) {
+        result = result * factor;
+    }
+    return result;
+};
+const multiply = (a, b, afterDotLength) => {
+    try {
+        const [aBefore, aAfter = ''] = a.split('.');
+        const [bBefore, bAfter = ''] = b.split('.');
+        const digitCapacityDegree = aAfter.length + bAfter.length;
+        const digitCapacity = mathPow(aAfter.length + bAfter.length);
+        const multiplied = BigInt(`${aBefore}${aAfter}`) * BigInt(`${bBefore}${bAfter}`);
+        const integerPart = multiplied / digitCapacity;
+        const fractionalPart = multiplied % digitCapacity;
+        const fractionalPartZeros = digitCapacityDegree > 0
+            ? '0'.repeat(digitCapacityDegree - String(fractionalPart || '').length)
+            : '';
+        const stringFractionalPart = fractionalPartZeros + fractionalPart;
+        const slicedFractionalPart = discardRightZeros(stringFractionalPart.slice(0, afterDotLength));
+        return `${integerPart}${BigInt(slicedFractionalPart) ? `.${slicedFractionalPart}` : ''}`;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.multiply = multiply;
+const divide = (a, b, afterDotLength) => {
+    try {
+        const [aBefore, aAfter = ''] = a.split('.');
+        const [bBefore, bAfter = ''] = b.split('.');
+        const MIN_RESERVE = 20;
+        const reserve = (afterDotLength && afterDotLength > MIN_RESERVE ? afterDotLength : MIN_RESERVE) +
+            b.length;
+        const digitCapacityDegree = reserve + aAfter.length - bAfter.length;
+        const digitCapacity = mathPow(digitCapacityDegree);
+        const divided = (BigInt(`${aBefore}${aAfter}`) * mathPow(reserve)) / BigInt(`${bBefore}${bAfter}`);
+        const integerPart = divided / digitCapacity;
+        const fractionalPart = divided % digitCapacity;
+        const fractionalPartZeros = digitCapacityDegree > 0
+            ? '0'.repeat(digitCapacityDegree - String(fractionalPart || '').length)
+            : '';
+        const stringFractionalPart = fractionalPartZeros + fractionalPart;
+        const slicedFractionalPart = discardRightZeros(stringFractionalPart.slice(0, afterDotLength));
+        return `${integerPart}${BigInt(slicedFractionalPart) ? `.${slicedFractionalPart}` : ''}`;
+    }
+    catch (_a) {
+        return null;
+    }
+};
+exports.divide = divide;

package/build/cjs/lib/kit/utils/cn.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.block = void 0;
+const tslib_1 = require("tslib");
+const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
+const NAMESPACE = 'df-';
+const block = (name) => (0, bem_cn_lite_1.default)(`${NAMESPACE}${name}`);
+exports.block = block;