@steroidsjs/core 3.1.7 → 3.1.9

package/ui/form/NumberField/NumberField.js

@@ -1,136 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-/* eslint-disable max-len */
-var core_1 = require("@maskito/core");
-var kit_1 = require("@maskito/kit");
-var react_1 = require("@maskito/react");
-var isNil_1 = __importDefault(require("lodash-es/isNil"));
-var react_2 = require("react");
-var enums_1 = require("../../../enums");
-var hooks_1 = require("../../../hooks");
-var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var DEFAULT_STEP = 1;
-var DECIMAL_SEPARATOR = '.';
-var MINUS_SIGN = '-';
-var isNotEmptyValue = function (rawValue) { return !(0, isNil_1["default"])(rawValue) && rawValue !== ''; };
-function NumberField(props) {
-    var _a;
-    var components = (0, hooks_1.useComponents)();
-    var _b = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input,
-        onChangeCallback: props.onChange,
-        debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? {
-            enabled: props.debounce
-        } : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
-    }), currentInputRef = _b.inputRef, onChange = _b.onChange, value = _b.value;
-    var step = (0, react_2.useMemo)(function () { var _a; return (_a = props.step) !== null && _a !== void 0 ? _a : DEFAULT_STEP; }, [props.step]);
-    var numberMaskOptions = (0, react_2.useMemo)(function () {
-        var _a, _b, _c, _d;
-        var min = (_a = props.min) !== null && _a !== void 0 ? _a : (props.isCanBeNegative ? -Infinity : 0);
-        var max = (_b = props.max) !== null && _b !== void 0 ? _b : Infinity;
-        return (0, kit_1.maskitoNumberOptionsGenerator)({
-            min: min,
-            max: max,
-            precision: (_c = props.decimal) !== null && _c !== void 0 ? _c : 0,
-            decimalSeparator: DECIMAL_SEPARATOR,
-            minusSign: MINUS_SIGN,
-            thousandSeparator: (_d = props.thousandSeparator) !== null && _d !== void 0 ? _d : ''
-        });
-    }, [props.min, props.max, props.isCanBeNegative, props.decimal, props.thousandSeparator]);
-    var maskedInputRef = (0, react_1.useMaskito)({
-        options: numberMaskOptions
-    });
-    (0, react_2.useEffect)(function () {
-        if (currentInputRef.current) {
-            maskedInputRef(currentInputRef.current);
-        }
-    }, [currentInputRef, maskedInputRef]);
-    (0, react_2.useEffect)(function () {
-        var input = currentInputRef.current;
-        var currentValue = props.input.value;
-        var hasValue = isNotEmptyValue(currentValue);
-        var numberValue = Number(currentValue);
-        var isValid = !props.required
-            || (hasValue && numberValue >= props.min && numberValue <= props.max);
-        input.setCustomValidity(isValid ? '' : __('The number is not valid.'));
-    }, [currentInputRef, props.required, props.min, props.max, props.input.value, props]);
-    var clampToMinMax = (0, react_2.useCallback)(function (rawValue) {
-        var val = rawValue;
-        if (val < props.min) {
-            val = props.min;
-        }
-        if (val > props.max) {
-            val = props.max;
-        }
-        return val;
-    }, [props.min, props.max]);
-    var onStep = (0, react_2.useCallback)(function (isIncrement) {
-        var _a;
-        var currentValue = Number((_a = currentInputRef === null || currentInputRef === void 0 ? void 0 : currentInputRef.current) === null || _a === void 0 ? void 0 : _a.value) || 0;
-        var fixToDecimal = function (raw) { return props.decimal
-            ? raw.toFixed(props.decimal)
-            : String(raw); };
-        var newValue = isIncrement
-            ? currentValue + step
-            : currentValue - step;
-        onChange(null, fixToDecimal(clampToMinMax(newValue)));
-    }, [currentInputRef, onChange, props.decimal, step, clampToMinMax]);
-    var onKeyDown = (0, react_2.useCallback)(function (event) {
-        if (event.key === 'ArrowUp') {
-            onStep(true);
-        }
-        else if (event.key === 'ArrowDown') {
-            onStep(false);
-        }
-    }, [onStep]);
-    var onBlur = (0, react_2.useCallback)(function (event) {
-        var rawValue = event.target.value;
-        if (rawValue === '') {
-            return;
-        }
-        var numberValue = Number(rawValue);
-        var shouldApplyMin = !(0, isNil_1["default"])(props.min) && !Number.isNaN(numberValue) && numberValue < props.min;
-        if (shouldApplyMin) {
-            onChange(event, String(props.min));
-        }
-    }, [onChange, props]);
-    var displayValue = (0, react_2.useMemo)(function () { return isNotEmptyValue(value)
-        ? (0, core_1.maskitoTransform)(String(value), numberMaskOptions)
-        : value; }, [value, numberMaskOptions]);
-    var inputProps = (0, react_2.useMemo)(function () { return (__assign({ type: 'text', name: props.input.name, value: displayValue, onInput: onChange, placeholder: props.placeholder, min: props.min, max: props.max, step: props.step, disabled: props.disabled, required: props.required, autoComplete: 'off', onKeyDown: onKeyDown }, props.inputProps)); }, [props.inputProps, props.input.name, props.min, props.max, props.step, props.placeholder, props.disabled, props.required, displayValue, onChange, onKeyDown]);
-    var viewProps = (0, react_2.useMemo)(function () { return ({
-        viewProps: props.viewProps,
-        inputProps: inputProps,
-        onStepUp: function () { return onStep(true); },
-        onStepDown: function () { return onStep(false); },
-        onBlur: onBlur,
-        input: props.input,
-        inputRef: currentInputRef,
-        size: props.size,
-        errors: props.errors,
-        className: props.className,
-        disabled: props.disabled,
-        id: props.id
-    }); }, [currentInputRef, inputProps, onBlur, onStep, props.className, props.disabled, props.errors, props.id, props.input, props.size, props.viewProps]);
-    return components.ui.renderView(props.view || 'form.NumberFieldView', viewProps);
-}
-NumberField.defaultProps = {
-    disabled: false,
-    required: false,
-    isCanBeNegative: true
-};
-exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.NUMBER_FIELD, NumberField);

package/ui/form/PasswordField/PasswordField.js

@@ -1,98 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.checkPassword = exports.InputType = void 0;
-/* eslint-disable no-unused-expressions */
-var react_1 = require("react");
-var enums_1 = require("../../../enums");
-var hooks_1 = require("../../../hooks");
-var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
-var InputType;
-(function (InputType) {
-    InputType["TEXT"] = "text";
-    InputType["PASSWORD"] = "password";
-})(InputType = exports.InputType || (exports.InputType = {}));
-var checkPassword = function (password) {
-    if (!password) {
-        return null;
-    }
-    var symbols = {
-        lowerLetters: 'qwertyuiopasdfghjklzxcvbnm',
-        upperLetters: 'QWERTYUIOPLKJHGFDSAZXCVBNM',
-        digits: '0123456789',
-        special: '!@#$%^&*()_-+=|/.,:;[]{}'
-    };
-    var rating = 0;
-    Object.keys(symbols).forEach(function (key) {
-        for (var i = 0; i < password.length; i += 1) {
-            if (symbols[key].indexOf(password[i]) !== -1) {
-                rating += 1;
-                break;
-            }
-        }
-    });
-    if (password.length > 8 && rating >= 4) {
-        return 'success';
-    }
-    if (password.length >= 6 && rating >= 2) {
-        return 'warning';
-    }
-    return 'danger';
-};
-exports.checkPassword = checkPassword;
-function PasswordField(props) {
-    var _a = (0, react_1.useState)(InputType.PASSWORD), type = _a[0], setType = _a[1];
-    var components = (0, hooks_1.useComponents)();
-    var _b = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input
-    }), inputRef = _b.inputRef, onChange = _b.onChange;
-    var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
-    var onShowButtonClick = (0, react_1.useCallback)(function () {
-        type === InputType.PASSWORD ? setType(InputType.TEXT) : setType(InputType.PASSWORD);
-    }, [type]);
-    var inputProps = (0, react_1.useMemo)(function () {
-        var _a;
-        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', placeholder: props.placeholder, ref: inputRef, onChange: onChange, type: type }, props.inputProps));
-    }, [inputRef, onChange, props.input.name, props.input.value, props.inputProps, props.placeholder, type]);
-    var viewProps = (0, react_1.useMemo)(function () { return ({
-        inputRef: inputRef,
-        inputProps: inputProps,
-        onClear: onClear,
-        onShowButtonClick: onShowButtonClick,
-        securityLevel: props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null,
-        size: props.size,
-        input: props.input,
-        className: props.className,
-        showSecurityIcon: props.showSecurityIcon,
-        showSecurityBar: props.showSecurityBar,
-        errors: props.errors,
-        style: props.style,
-        placeholder: props.placeholder,
-        required: props.required,
-        id: props.id,
-        viewProps: props.viewProps,
-        disabled: props.disabled
-    }); }, [inputProps, inputRef, onClear, onShowButtonClick, props.className, props.disabled, props.errors, props.id,
-        props.input, props.placeholder, props.required, props.showSecurityBar, props.showSecurityIcon, props.size, props.style, props.viewProps]);
-    return components.ui.renderView(props.view || 'form.PasswordFieldView' || 'form.InputFieldView', viewProps);
-}
-PasswordField.defaultProps = {
-    disabled: false,
-    showSecurityBar: false,
-    showSecurityIcon: true,
-    required: false
-};
-exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.PASSWORD_FIELD, PasswordField);

package/ui/form/PhoneField/PhoneField.d.ts

@@ -1,40 +0,0 @@
-import { IDropDownFieldItem } from '@steroidsjs/core/ui/form/DropDownField/DropDownField';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '@steroidsjs/core/ui/form/Field/fieldWrapper';
-import { IBaseFieldProps, IInputFieldProps } from '@steroidsjs/core/ui/form/InputField/InputField';
-export interface ICountryPhoneMask extends IDropDownFieldItem {
-    phoneCode: string;
-    phoneMask?: (string | RegExp)[];
-}
-/**
- * PhoneField
- *
- * Компонент для ввода и форматирования телефонных номеров с поддержкой масок стран.
- * Автоматически форматирует введенный номер в соответствии с выбранной маской.
- *
- */
-interface IPhoneFieldProps extends IFieldWrapperInputProps, IFieldWrapperOutputProps, IBaseFieldProps {
-    /**
-     * Список доступных масок для телефонных номеров разных стран.
-     * Каждая маска определяет формат отображения номера.
-     */
-    phoneMasks: ICountryPhoneMask[];
-    /**
-     * Выбранная страна по умолчанию
-     */
-    initialCountryCode: string;
-}
-export interface IPhoneFieldDropdownProps {
-    onOpen: () => void;
-    onClose: () => void;
-    isOpened: boolean;
-    items: any[];
-    onItemSelect: (id: any) => void;
-    selectedIds: any[];
-    selectedItems: any[];
-    primaryKey: string;
-}
-export interface IPhoneFieldViewProps extends IPhoneFieldProps, IFieldWrapperOutputProps {
-    dropDownProps: IPhoneFieldDropdownProps;
-}
-declare const _default: import("@steroidsjs/core/ui/form/Field/fieldWrapper").FieldWrapperComponent<IInputFieldProps>;
-export default _default;

package/ui/form/PhoneField/PhoneField.js

@@ -1,120 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var react_1 = require("@maskito/react");
-var hooks_1 = require("@steroidsjs/core/hooks");
-var fieldWrapper_1 = __importDefault(require("@steroidsjs/core/ui/form/Field/fieldWrapper"));
-var react_2 = require("react");
-function PhoneField(props) {
-    var components = (0, hooks_1.useComponents)();
-    var _a = (0, react_2.useState)(props.initialCountryCode.toUpperCase()), selectedCountryCode = _a[0], setSelectedCountryCode = _a[1];
-    // Data provider
-    var _b = (0, hooks_1.useDataProvider)({
-        items: props.phoneMasks,
-        initialSelectedIds: []
-    }), items = _b.items, sourceItems = _b.sourceItems;
-    // Data select
-    var _c = (0, hooks_1.useDataSelect)({
-        items: items,
-        sourceItems: sourceItems,
-        inputValue: props.input.value,
-        selectedIds: [selectedCountryCode]
-    }), isOpened = _c.isOpened, setIsOpened = _c.setIsOpened, setIsFocused = _c.setIsFocused, setHoveredId = _c.setHoveredId, selectedIds = _c.selectedIds, setSelectedIds = _c.setSelectedIds, selectedItems = _c.selectedItems;
-    var phoneMask = (0, react_2.useMemo)(function () {
-        var _a;
-        return (_a = ((items !== null && items !== void 0 ? items : [])).find(function (countryPhoneMask) { var _a; return countryPhoneMask.id === ((_a = selectedIds[0]) !== null && _a !== void 0 ? _a : props.defaultCountryCode); })) === null || _a === void 0 ? void 0 : _a.phoneMask;
-    }, [items, selectedIds, props.defaultCountryCode]);
-    var maskedInputRef = (0, react_1.useMaskito)({
-        options: {
-            mask: phoneMask
-        }
-    });
-    var _d = (0, hooks_1.useSaveCursorPosition)({
-        inputParams: props.input
-    }), inputRef = _d.inputRef, onChange = _d.onChange, value = _d.value;
-    (0, react_2.useEffect)(function () {
-        if (inputRef.current) {
-            maskedInputRef(inputRef.current);
-        }
-    }, [inputRef, maskedInputRef]);
-    var onOpen = (0, react_2.useCallback)(function () {
-        setIsFocused(true);
-        setIsOpened(true);
-        setHoveredId(null);
-    }, [setHoveredId, setIsFocused, setIsOpened]);
-    var onItemSelect = (0, react_2.useCallback)(function (id) {
-        // If country changed
-        if (selectedCountryCode !== id) {
-            setSelectedIds(id);
-            onChange(null, '');
-            setSelectedCountryCode(id);
-        }
-        setIsOpened(false);
-    }, [setSelectedIds, setIsOpened, onChange, selectedCountryCode]);
-    var onClose = (0, react_2.useCallback)(function () {
-        setIsFocused(false);
-        setIsOpened(false);
-    }, [setIsFocused, setIsOpened]);
-    var onClear = (0, react_2.useCallback)(function () {
-        if (props.onClear) {
-            props.onClear('');
-        }
-        props.input.onChange('');
-    }, [props]);
-    var inputProps = (0, react_2.useMemo)(function () { return (__assign({ name: props.input.name, onInput: onChange, value: value, placeholder: props.placeholder, disabled: props.disabled, type: 'tel' }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, onChange, value]);
-    var viewProps = (0, react_2.useMemo)(function () { return ({
-        inputRef: inputRef,
-        inputProps: inputProps,
-        size: props.size,
-        errors: props.errors,
-        leadIcon: props.leadIcon,
-        showClear: props.showClear,
-        onClear: onClear,
-        input: props.input,
-        className: props.className,
-        style: props.style,
-        onMouseDown: props.onMouseDown,
-        placeholder: props.placeholder,
-        required: props.required,
-        id: props.id,
-        viewProps: props.viewProps,
-        disabled: props.disabled,
-        dropDownProps: {
-            onOpen: onOpen,
-            onClose: onClose,
-            isOpened: isOpened,
-            items: items,
-            onItemSelect: onItemSelect,
-            selectedIds: selectedIds,
-            selectedItems: selectedItems,
-            primaryKey: 'id'
-        }
-    }); }, [inputProps, inputRef, isOpened, items, onClose,
-        onClear, onItemSelect, onOpen, props.className,
-        props.disabled, props.errors, props.id, props.input, props.leadIcon,
-        props.onMouseDown, props.placeholder, props.required, props.showClear,
-        props.size, props.style, props.viewProps, selectedIds, selectedItems]);
-    // No render for hidden input
-    if (props.type === 'hidden') {
-        return null;
-    }
-    return components.ui.renderView(props.view || 'form.PhoneFieldView', viewProps);
-}
-PhoneField.defaultProps = {
-    disabled: false,
-    required: false
-};
-exports["default"] = (0, fieldWrapper_1["default"])('PhoneField', PhoneField);

package/ui/form/WizardForm/WizardForm.d.ts

@@ -1,119 +0,0 @@
-import { IFieldProps } from '@steroidsjs/core/ui/form/Field/Field';
-import { ReactNode } from 'react';
-import { IStepsProps, IStepItem } from '../../list/Steps/Steps';
-import { IButtonProps } from '../Button/Button';
-import { IFormProps } from '../Form/Form';
-export interface IWizardStepItem extends Partial<IStepItem> {
-    fields?: IFieldProps[];
-    component?: ReactNode;
-    stepLabel?: string;
-}
-/**
- * WizardForm
- *
- * Компонент для создания пошаговой формы. Предоставляет управление и синхронизацию состояния формы,
- * а также список шагов формы для удобной навигации.
- * Поля для шагов можно передавать как в виде компонентов, так и в виде объекта с названием поля.
- * Позволяет выполнять отправку данных формы на сервер с возможностью валидации и перехода к неверно заполненным полям.
- *
- */
-export interface IWizardFormProps extends IUiComponent {
-    /**
-     * Идентификатор формы
-     * @example WizardForm
-     */
-    formId: string;
-    /**
-     * Коллекция полей и аттрибутов для каждого шага формы. Можно передавать как компонент, так и объект с полями.
-     * Главное, чтобы внутри шага использовался один из способов.
-     * @example
-     * [
-     *  {
-     *   title: 'Step 1',
-     *   fields: [
-     *     {
-     *       attribute: 'category',
-     *       component: 'DropDownField'
-     *     },
-     *   ],
-     *  },
-     *  {
-     *   title: 'Step 2',
-     *   component: (
-     *      <InputField
-     *        attribute='address'
-     *      />
-     *   )
-     *  }
-     * ]
-     */
-    steps: IWizardStepItem[];
-    /**
-     * Свойства для Form
-     */
-    formProps: Omit<IFormProps, 'formId' | 'fields' | 'useRedux'> & {
-        submitButtonLabel: string;
-    };
-    /**
-     * Обработчик, который вызывается после перехода на следующий шаг формы
-     * @param {number} value
-     * @return {void}
-     */
-    onNextStep?: (nextStep: number) => void;
-    /**
-     * Обработчик, который вызывается после возврата на предыдущий шаг формы
-     * @param {number} value
-     * @return {void}
-     */
-    onPrevStep?: (prevStep: number) => void;
-    /**
-     * Свойства для кнопки возврата
-     */
-    prevStepButtonProps?: IButtonProps;
-    /**
-     * Свойства для кнопки продолжить/отправить
-     */
-    nextStepButtonProps?: IButtonProps;
-    /**
-     * Свойства для Steps
-     */
-    stepsProps?: Pick<IStepsProps, 'stepItems'>;
-    /**
-     * Ориентация списка шагов формы
-     * @example 'horizontal'
-     */
-    stepTitleOrientation?: Orientation;
-    /**
-     * Показывать ли шаги
-     * @example true
-     */
-    showSteps?: boolean;
-}
-export interface IWizardFormViewProps extends Pick<IWizardFormProps, 'prevStepButtonProps' | 'nextStepButtonProps' | 'stepsProps' | 'showSteps'> {
-    currentStep: number;
-    stepTitle: string;
-    stepItems: IStepItem[];
-    renderStep: (header: ReactNode, buttons: ReactNode, viewProps?: IUiComponent) => JSX.Element;
-    isLastStep?: boolean;
-    onPrevStep?: () => void;
-    totalSteps?: number;
-}
-declare function WizardForm(props: IWizardFormProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-declare namespace WizardForm {
-    var defaultProps: {
-        formProps: {
-            label: string;
-        };
-        prevStepButtonProps: {
-            color: string;
-            icon: string;
-            outline: boolean;
-            label: string;
-        };
-        nextStepButtonProps: {
-            label: string;
-        };
-        showSteps: boolean;
-    };
-}
-export default WizardForm;

package/ui/form/WizardForm/utils.d.ts

@@ -1,12 +0,0 @@
-import { IWizardStepItem } from '@steroidsjs/core/ui/form/WizardForm/WizardForm';
-import { ReactElement } from 'react';
-export declare const generateFieldStepMap: (arr?: any[]) => any;
-export declare const normalizeSteps: (steps: IWizardStepItem[]) => {
-    id: number;
-    title: string;
-    description: string;
-    subtitle: string;
-    icon: string | number | true | ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment;
-    status: string;
-}[];
-export declare const getModifiedSteps: (prevStepsState: any, errorSteps: any, currentStep: number, nextStep: number) => any[];

package/ui/format/TimeFormatter/TimeFormatter.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var hooks_1 = require("@steroidsjs/core/hooks");
-var dayjs_1 = __importDefault(require("dayjs"));
-var defaultProps = {
-    format: 'HH:mm'
-};
-function TimeFormatter(props) {
-    var components = (0, hooks_1.useComponents)();
-    if (!props.value) {
-        return null;
-    }
-    var time = (0, dayjs_1["default"])(props.value).format(props.format || defaultProps.format);
-    return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: time
-    });
-}
-exports["default"] = TimeFormatter;

package/ui/list/TreeTable/TreeTable.d.ts

@@ -1,59 +0,0 @@
-import { ITreeProps } from '@steroidsjs/core/ui/nav/Tree/Tree';
-import { ReactElement } from 'react';
-import { IPreparedTreeItem, ITreeItem } from '../../../hooks/useTree';
-import { IColumnViewProps, IGridColumn, IGridProps } from '../Grid/Grid';
-export interface ITreeColumnViewProps extends IColumnViewProps, Pick<ITreeTableProps, 'levelPadding' | 'customIcon'> {
-    item: IPreparedTreeItem;
-}
-/**
- * TreeTable
- *
- * Компонент для представления данных коллекции в виде иерархической структуры.
- */
-export interface ITreeTableProps extends Omit<IGridProps, 'items' | 'itemsIndexing'>, Pick<ITreeProps, 'alwaysOpened' | 'levelPadding' | 'customIcon' | 'saveInClientStorage' | 'collapseChildItems'> {
-    /**
-     * Элементы коллекции
-     * @example
-     * [
-     *  {
-     *   id: 1,
-     *   name: 'Jane'
-     *  },
-     *  {
-     *   id: 2,
-     *   name: 'John',
-     *   items: [...]
-     *  }
-     * ]
-     */
-    items?: ITreeItem[];
-    /**
-     * Если флаг true, то данные в items переданы только для одной страницы, если false, то данные в items переданы сразу для всех страниц
-     * @example true
-     */
-    isSinglePageItems?: boolean;
-    /**
-     * Кастомная иконка для сворачивания элементов
-     * @example 'arrow'
-     */
-    customIcon?: CustomIcon;
-    /**
-     * Ключ для доступа к вложенным элементам узла
-     * @example 'items'
-     */
-    itemsKey?: string;
-    itemsIndexing?: never;
-}
-export declare const addTreeColumnFieldsToFirstColumn: (columns: IGridColumn[], levelPadding: string | number, customIcon?: string | ReactElement) => IGridColumn[];
-declare function TreeTable(props: ITreeTableProps): JSX.Element;
-declare namespace TreeTable {
-    var defaultProps: {
-        levelPadding: number;
-        alwaysOpened: boolean;
-        saveInClientStorage: boolean;
-        collapseChildItems: boolean;
-        size: string;
-        hasAlternatingColors: boolean;
-    };
-}
-export default TreeTable;