@steroidsjs/core 2.0.0-rc.7 → 2.0.1-beta.113

package/ui/form/FieldLayout/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var FieldLayout_1 = __importDefault(require("./FieldLayout"));
-exports["default"] = FieldLayout_1["default"];

package/ui/form/FieldList/FieldList.d.ts

@@ -1,127 +0,0 @@
-import * as React from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
-/**
- * FieldList
- * Создает список из сгруппированных полей формы
- */
-interface IFieldListItem extends IFieldWrapperInputProps {
-    /**
-     * Будет ли отображён item ?
-     * @example true
-     */
-    visible?: boolean;
-    /**
-     * Какой компонент для item использовать?
-     * @example NumberField
-     */
-    component?: any;
-    /**
-     * Placeholder подсказка
-     * @example Your text...
-     */
-    placeholder?: string;
-    /**
-     * Дополнительный CSS-класс для item
-     */
-    className?: CssClassName;
-    /**
-     * Дополнительный CSS-класс для заголовка
-     */
-    headerClassName?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения item
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    [key: string]: any;
-}
-export interface IFieldListProps extends IFieldWrapperInputProps {
-    /**
-     * Начальные значения в полях
-     * @example {name: 'Ivan', amount: 5}
-     */
-    initialValues?: {
-        [key: string]: any;
-    };
-    /**
-     * Список с полями формы
-     */
-    items?: IFieldListItem[];
-    fields?: any;
-    /**
-     * Изначальное количество групп с полями
-     * @example 2
-     */
-    initialRowsCount?: number;
-    /**
-     * Отображение кнопки для добавления ещё одной группы с полями
-     * @example true
-     */
-    showAdd?: boolean;
-    /**
-     * Возможность удаления группы с полями (добавляет крестик справа от группы)
-     * @example true
-     */
-    showRemove?: boolean;
-    /**
-     * Дополнительный CSS-класс для списка с группами полей
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения списка с группами полей
-     * @example MyCustomView
-     */
-    view?: any;
-    /**
-     * Пропсы для компонента отображения списка с группами полей - FieldListView
-     */
-    viewProps?: any;
-    /**
-     * Переопределение view React компонента для кастомизации отображения группы полей
-     * @example MyCustomView
-     */
-    itemView?: any;
-    /**
-     * Пропсы для компонента отображения группы полей - FieldListItemView
-     */
-    itemViewProps?: any;
-    /**
-     * При фокусировке на одном из элементов формы и нажатию на клавиши стрелок вверх/вниз + Shift
-     * происходит добавление группы полей сверху или снизу соответственно
-     * @example true
-     */
-    enableKeyboardNavigation?: boolean;
-    [key: string]: any;
-}
-export interface IFieldListViewProps {
-    items?: (IFieldListItem & {
-        disabled?: boolean;
-        size?: boolean;
-    })[];
-    onAdd?: () => void;
-    showRemove?: boolean;
-    showAdd?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    forwardedRef?: any;
-    disabled?: boolean;
-    size?: Size;
-}
-export interface IFieldListItemViewProps extends IFieldWrapperOutputProps {
-    items?: (IFieldListItem & {
-        disabled?: boolean;
-        size?: boolean;
-    })[];
-    onRemove?: (rowIndex: number) => void;
-    prefix: string;
-    required?: boolean;
-    rowIndex: number;
-    showRemove: boolean;
-}
-declare const _default: {
-    (props: IFieldWrapperInputProps): any;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
-export default _default;

package/ui/form/FieldList/FieldList.js

@@ -1,112 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var isBoolean_1 = __importDefault(require("lodash-es/isBoolean"));
-var range_1 = __importDefault(require("lodash-es/range"));
-var react_use_1 = require("react-use");
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-var Form_1 = require("../../form/Form/Form");
-var form_1 = require("../../../actions/form");
-var tableNavigationHandler_1 = __importStar(require("./tableNavigationHandler"));
-var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
-function FieldList(props) {
-    var _a;
-    var components = hooks_1.useComponents();
-    var context = react_1.useContext(Form_1.FormContext);
-    // Resolve model
-    var modelFields = (_a = components.ui.getModel(props.model)) === null || _a === void 0 ? void 0 : _a.fields;
-    var dispatch = context.provider.useDispatch();
-    // Add and Remove handlers
-    var onAdd = react_1.useCallback(function (rowsCount) {
-        if (rowsCount === void 0) { rowsCount = 1; }
-        dispatch(form_1.formArrayAdd(context.formId, props.input.name, rowsCount, props.initialValues));
-    }, [context.formId, dispatch, props.initialValues, props.input.name]);
-    var onRemove = react_1.useCallback(function (rowIndex) {
-        dispatch(form_1.formArrayRemove(context.formId, props.input.name, rowIndex));
-    }, [context.formId, dispatch, props.input.name]);
-    // Add initial rows
-    react_use_1.useMount(function () {
-        var _a;
-        if (!((_a = props.input.value) === null || _a === void 0 ? void 0 : _a.length)) {
-            onAdd(props.initialRowsCount);
-        }
-    });
-    // Keyboard navigation
-    var nodeRef = react_1.useRef();
-    var onKeyDown = react_1.useCallback(function (event) {
-        if (props.enableKeyboardNavigation && tableNavigationHandler_1.isDescendant(nodeRef.current, event.target)) {
-            tableNavigationHandler_1["default"](event, function () { return onAdd(); });
-        }
-    }, [onAdd, props.enableKeyboardNavigation]);
-    react_use_1.useEvent('keydown', onKeyDown);
-    // Rows items
-    var items = react_1.useMemo(function () { return (props.items || [])
-        .filter(function (field) { return field.visible !== false; })
-        .map(function (field) { return (__assign(__assign(__assign({}, modelFields === null || modelFields === void 0 ? void 0 : modelFields[field.attribute]), field), { disabled: isBoolean_1["default"](field.disabled) ? field.disabled : props.disabled, size: field.size || props.size })); }); }, [modelFields, props.disabled, props.items, props.size]);
-    var contextValue = react_1.useMemo(function () { return ({
-        formId: props.formId,
-        model: props.model,
-        prefix: props.prefix,
-        layout: props.layout,
-        provider: context.provider,
-        reducer: context.reducer
-    }); }, [context.provider, context.reducer, props.formId, props.layout, props.model, props.prefix]);
-    var commonProps = {
-        showAdd: props.showAdd,
-        showRemove: props.showRemove,
-        size: props.size,
-        disabled: props.disabled,
-        required: props.required,
-        items: items
-    };
-    var FieldListView = props.view || components.ui.getView('form.FieldListView');
-    var FieldListItemView = props.itemView || components.ui.getView('form.FieldListItemView');
-    return (React.createElement(Form_1.FormContext.Provider, { value: contextValue },
-        React.createElement(FieldListView, __assign({}, props.viewProps, commonProps, { forwardedRef: nodeRef, onAdd: onAdd }), range_1["default"](props.input.value || 0)
-            .map(function (index) { return (React.createElement(FieldListItemView, __assign({}, props.itemViewProps, commonProps, { key: index, onRemove: onRemove, prefix: props.input.name + '.' + index, rowIndex: index }))); }))));
-}
-FieldList.defaultProps = {
-    initialValues: null,
-    disabled: false,
-    required: false,
-    showAdd: true,
-    showRemove: true,
-    className: '',
-    initialRowsCount: 1,
-    enableKeyboardNavigation: true
-};
-exports["default"] = fieldWrapper_1["default"]('FieldList', FieldList, { list: true });

package/ui/form/FieldList/demo/basic.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/FieldList/demo/basic.js

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var FieldList_1 = __importDefault(require("../FieldList"));
-var Form_1 = __importDefault(require("../../Form"));
-var InputField_1 = __importDefault(require("../../InputField"));
-var NumberField_1 = __importDefault(require("../../NumberField"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'FieldListForm' },
-        React.createElement(FieldList_1["default"], { attribute: 'items', label: 'Items', initialRowsCount: 2, items: [
-                {
-                    attribute: 'id',
-                    type: 'hidden',
-                    component: InputField_1["default"]
-                },
-                {
-                    label: 'Name',
-                    attribute: 'name',
-                    component: InputField_1["default"]
-                },
-                {
-                    label: 'Description',
-                    attribute: 'description',
-                    component: InputField_1["default"]
-                },
-                {
-                    label: 'Amount',
-                    attribute: 'amount',
-                    component: NumberField_1["default"]
-                },
-            ] })))); });

package/ui/form/FieldList/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var FieldList_1 = __importDefault(require("./FieldList"));
-exports["default"] = FieldList_1["default"];

package/ui/form/FieldList/tableNavigationHandler.d.ts

@@ -1,3 +0,0 @@
-declare const _default: (e: any, addHandler: any) => void;
-export default _default;
-export declare const isDescendant: (parent: any, child: any) => boolean;

package/ui/form/FieldList/tableNavigationHandler.js

@@ -1,48 +0,0 @@
-"use strict";
-exports.__esModule = true;
-exports.isDescendant = void 0;
-exports["default"] = (function (e, addHandler) {
-    if (!e.shiftKey || [38, 40].indexOf(e.keyCode) === -1) {
-        return;
-    }
-    e.preventDefault();
-    var names = e.target.name.split('.');
-    var inputName = names[names.length - 1];
-    var table = e.target;
-    // eslint-disable-next-line no-cond-assign
-    while (table = table.parentElement && table.tagName.toLowerCase() !== 'table') { } // eslint-disable-line no-empty
-    var getInputs = function (tableItem) { return Array.prototype.slice
-        .call(tableItem.querySelectorAll('input:not([type="hidden"]), select'))
-        .filter(function (inputElement) {
-        var searchInputNames = inputElement.name.split('.');
-        var searchInputName = searchInputNames[searchInputNames.length - 1];
-        return (names.length === searchInputNames.length
-            && inputName === searchInputName);
-    }); };
-    var inputs = getInputs(table);
-    var currentIndex = inputs.findIndex(function (inputElement) { return inputElement.name === e.target.name; });
-    var nextIndex = e.keyCode === 38 ? currentIndex - 1 : currentIndex + 1;
-    if (nextIndex >= 0 && nextIndex < inputs.length) {
-        inputs[nextIndex].focus();
-    }
-    else if (nextIndex === inputs.length) {
-        addHandler();
-        setTimeout(function () {
-            var inputs2 = getInputs(table);
-            if (inputs2[nextIndex]) {
-                inputs2[nextIndex].focus();
-            }
-        });
-    }
-});
-var isDescendant = function (parent, child) {
-    var node = child.parentNode;
-    while (node !== null) {
-        if (node === parent) {
-            return true;
-        }
-        node = node.parentNode;
-    }
-    return false;
-};
-exports.isDescendant = isDescendant;

package/ui/form/FieldSet/FieldSet.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { IComponentsHocOutput } from '../../../hoc/components';
-import { IFieldProps } from '../Field/Field';
-import { IFormContext } from '../Form/Form';
-/**
- * FieldSet
- * Компонент для группировки полей формы с помощью тега <fieldset>...</fieldset> и заголовка <legend>...</legend>
- */
-export interface IFieldSetProps extends IFormContext, IComponentsHocOutput {
-    /**
-     * Конфигурационный массив с полями формы
-     */
-    fields?: IFieldProps[];
-    /**
-     * Заголовок для группы полей в форме
-     * @example Save
-     */
-    label?: any;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Дополнительный CSS-класс для <fieldset>...</fieldset>
-     */
-    className?: CssClassName;
-    [key: string]: any;
-}
-export interface IFieldSetViewProps {
-    className?: string;
-    children?: React.ReactNode;
-    label?: string | any;
-}
-export default class FieldSet extends React.PureComponent<IFieldSetProps> {
-    render(): JSX.Element;
-}

package/ui/form/FieldSet/FieldSet.js

@@ -1,88 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var hoc_1 = require("../../../hoc");
-var Field_1 = __importDefault(require("../Field"));
-var Form_1 = require("../Form/Form");
-var form_1 = require("../../../utils/form");
-var FieldSet = /** @class */ (function (_super) {
-    __extends(FieldSet, _super);
-    function FieldSet() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    FieldSet.prototype.render = function () {
-        var _this = this;
-        var FieldSetView = this.props.view || this.props.ui.getView('form.FieldSetView');
-        return (React.createElement(Form_1.FormContext.Consumer, null, function (context) { return (React.createElement(Form_1.FormContext.Provider, { value: {
-                formId: _this.props.formId || context.formId,
-                model: _this.props.model || context.model,
-                prefix: [context.prefix, _this.props.prefix]
-                    .filter(Boolean)
-                    .join('.'),
-                layout: form_1.mergeLayoutProp(context.layout, _this.props.layout)
-            } },
-            React.createElement(FieldSetView, __assign({ className: _this.props.className, label: _this.props.label }, _this.props),
-                _this.props.children,
-                (_this.props.fields || []).map(function (field, index) { return (React.createElement(Field_1["default"], __assign({ key: index }, (isString_1["default"](field) ? { attribute: field } : field), { prefix: null }))); })))); }));
-    };
-    FieldSet = __decorate([
-        hoc_1.components('ui')
-    ], FieldSet);
-    return FieldSet;
-}(React.PureComponent));
-exports["default"] = FieldSet;

package/ui/form/FieldSet/demo/basic.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/FieldSet/demo/basic.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var Form_1 = __importDefault(require("../../Form"));
-var InputField_1 = __importDefault(require("../../InputField"));
-var FieldSet_1 = __importDefault(require("../FieldSet"));
-var DropDownField_1 = __importDefault(require("../../DropDownField"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'FieldSetForm', useRedux: true },
-        React.createElement(FieldSet_1["default"], { fields: [
-                {
-                    attribute: 'name',
-                    component: InputField_1["default"],
-                    label: 'Name'
-                },
-                {
-                    attribute: 'country',
-                    component: DropDownField_1["default"],
-                    label: 'Country',
-                    items: ['Novosibirsk', 'Krasnoyarsk', 'Tomsk']
-                },
-            ], label: 'Label' })))); });

package/ui/form/FieldSet/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var FieldSet_1 = __importDefault(require("./FieldSet"));
-exports["default"] = FieldSet_1["default"];

package/ui/form/FileField/FileField.d.ts

@@ -1,96 +0,0 @@
-import * as React from 'react';
-import { IFileHocInput, IFileHocOutput } from '../../../hoc/file';
-import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
-export interface IFileFieldProps extends IFieldWrapperInputProps, IFileHocInput, IFileHocOutput {
-    /**
-     * Показать значок удаление файла
-     * @example true
-     */
-    showRemove?: boolean;
-    buttonComponent?: React.ReactNode;
-    buttonProps?: any;
-    className?: CssClassName;
-    view?: CustomView;
-    itemView?: CustomView;
-    itemProps?: any;
-    [key: string]: any;
-}
-export interface IFileFieldItemViewProps extends IFileHocInput, IFileHocOutput {
-    /**
-     * Уникальный текстовый идентификатор
-     * @example e65f5867-0083-48a7-af43-1121ed9e6280
-     */
-    uid?: string;
-    imagesOnly?: boolean;
-    /**
-     * ID файла
-     * @example 34
-     */
-    fileId?: number | string;
-    /**
-     * Исходное название файла
-     * @example original-name
-     */
-    title?: string;
-    disabled?: boolean;
-    showRemove?: boolean;
-    /**
-     * Обработчик события удаления файла
-     * @param e
-     */
-    onRemove?: () => void;
-    error?: string;
-    image?: {
-        /**
-         * Url файла
-         * @example assets/file.txt
-         */
-        url: string;
-        /**
-         * Ширина
-         * @example 1280
-         */
-        width: string;
-        /**
-         * Высота
-         * @example 720
-         */
-        height: string;
-    };
-    progress?: {
-        bytesUploaded: number;
-        percent: number;
-    };
-}
-export interface IFileFieldViewProps extends IFileFieldProps {
-    buttonComponent?: React.ReactNode | any;
-    imagesOnly?: boolean;
-    itemProps?: any;
-    buttonProps: {
-        /**
-         * Название поля
-         * @example Save
-         */
-        label?: string | any;
-        size?: boolean;
-        /**
-         * Переводит в неактивное состояние
-         * @example true
-         */
-        disabled?: boolean;
-        /**
-         * Обработчик события нажатия
-         * @param e
-         */
-        onClick?: (e: Event) => void;
-    };
-    itemView?: React.ReactNode | any;
-    items: IFileFieldItemViewProps[];
-}
-declare const _default: {
-    (props: IFieldWrapperInputProps): any;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
-export default _default;