@steroidsjs/core 2.1.0-beta.2 → 2.1.0-beta.20

package/ui/content/Detail/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.DetailItem = exports.Detail = void 0;
+var Detail_1 = __importDefault(require("./Detail"));
+exports.Detail = Detail_1["default"];
+var DetailItem_1 = __importDefault(require("./DetailItem"));
+exports.DetailItem = DetailItem_1["default"];

package/ui/content/DropDown/DropDown.d.ts

@@ -29,6 +29,7 @@ export interface IDropDownViewProps extends IDropDownProps, IAbsolutePositioning
 declare function DropDown(props: IDropDownProps): JSX.Element;
 declare namespace DropDown {
     var defaultProps: {
+        autoPositioning: boolean;
         componentDestroyDelay: number;
         defaultVisible: boolean;
         gap: number;

package/ui/content/DropDown/DropDown.js

@@ -71,6 +71,7 @@ function DropDown(props) {
             React.createElement(DropDownView, { className: props.className, forwardedRef: forwardedRef, content: props.content, position: position, style: style, calculatePosition: calculatePosition, isComponentVisible: isComponentVisible })))));
 }
 DropDown.defaultProps = {
+    autoPositioning: false,
     componentDestroyDelay: 300,
     defaultVisible: false,
     gap: 15,

package/ui/content/index.d.ts

@@ -0,0 +1,13 @@
+import { Avatar, AvatarGroup } from './Avatar';
+import Card from './Card';
+import DropDown from './DropDown';
+import Alert from './Alert';
+export { Avatar, AvatarGroup, Alert, Card, DropDown, };
+declare const _default: {
+    Avatar: typeof Avatar;
+    AvatarGroup: typeof AvatarGroup;
+    Alert: typeof Alert;
+    Card: typeof Card;
+    DropDown: typeof DropDown;
+};
+export default _default;

package/ui/content/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.DropDown = exports.Card = exports.Alert = exports.AvatarGroup = exports.Avatar = void 0;
+var Avatar_1 = require("./Avatar");
+exports.Avatar = Avatar_1.Avatar;
+exports.AvatarGroup = Avatar_1.AvatarGroup;
+var Card_1 = __importDefault(require("./Card"));
+exports.Card = Card_1["default"];
+var DropDown_1 = __importDefault(require("./DropDown"));
+exports.DropDown = DropDown_1["default"];
+var Alert_1 = __importDefault(require("./Alert"));
+exports.Alert = Alert_1["default"];
+exports["default"] = {
+    Avatar: Avatar_1.Avatar,
+    AvatarGroup: Avatar_1.AvatarGroup,
+    Alert: Alert_1["default"],
+    Card: Card_1["default"],
+    DropDown: DropDown_1["default"]
+};

package/ui/crud/Crud/Crud.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { IApiRest } from '../../../components/ApiComponent';
-import { IComponents } from '../../../hooks/useComponents';
+import { IComponents } from '../../../providers/ComponentsProvider';
 import { IComponentsHocOutput } from '../../../hoc/components';
 import { IConnectHocOutput } from '../../../hoc/connect';
 import { IFormProps } from '../../form/Form/Form';

package/ui/crud/Crud/Crud.js

@@ -131,7 +131,7 @@ function Crud(props) {
                         return;
                     }
                 }
-                crudItem.onClick(e, localClickProps);
+                crudItem.onClick(e, __assign(__assign({}, clickProps), localClickProps));
             };
         }
         else {

package/ui/crud/index.d.ts

@@ -31,4 +31,5 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
     items?: IRouteItem[] | {
         [key: string]: IRouteItem;
     };
+    preloadData?: (match: Record<string, any>) => (import("../../hooks/useFetch").IFetchConfig | import("../list/List/List").IListProps)[];
 };

package/ui/form/Button/Button.d.ts

@@ -177,6 +177,7 @@ declare namespace Button {
         disabled: boolean;
         submitting: boolean;
         block: boolean;
+        size: string;
         className: string;
         resetFailedMs: number;
         showLabelOnLoading: boolean;

package/ui/form/Button/Button.js

@@ -136,6 +136,7 @@ Button.defaultProps = {
     disabled: false,
     submitting: false,
     block: false,
+    size: 'md',
     className: '',
     resetFailedMs: 2000,
     showLabelOnLoading: true,

package/ui/form/DateField/useDateInputState.d.ts

@@ -35,6 +35,10 @@ export interface IDateInputStateInput extends IFieldWrapperInputProps {
      * @example YYYY-MM-DD
      */
     valueFormat?: string;
+    /**
+     * Использовать всемирное время (UTC) вместо местного для даты, отправляемой на сервер
+     */
+    useUTC?: boolean;
 }
 export interface IDateInputStateOutput {
     /**

package/ui/form/DateField/useDateInputState.js

@@ -40,15 +40,15 @@ function useDateInputState(props) {
     // Display input change handler
     var onDisplayValueChange = react_1.useCallback(function (value) {
         setDisplayValue(value);
-        var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat);
+        var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat, props.useUTC);
         var newValue = parsedValue || !value ? parsedValue || null : false;
         if (newValue !== false && newValue !== props.input.value) {
             props.input.onChange.call(null, newValue);
             if (props.onChange) {
-                props.onChange.call(null, newValue);
+                props.onChange.call(null, value);
             }
         }
-    }, [props.displayFormat, props.input.onChange, props.input.value, props.onChange, props.valueFormat]);
+    }, [props.displayFormat, props.input.onChange, props.input.value, props.onChange, props.useUTC, props.valueFormat]);
     // Dropdown opened state
     var _b = react_1.useState(false), isOpened = _b[0], setIsOpened = _b[1];
     // Focus/blur handlers

package/ui/form/DateField/useDateTime.js

@@ -12,16 +12,18 @@ var calendar_1 = require("../../../utils/calendar");
  * Возвращает значения и обработчики для передачи в Calendar и TimePanel
  */
 function useDateTime(props) {
-    var _a = props.displayFormat.split(props.dateTimeSeparator), dateValueFormat = _a[0], timeValueFormat = _a[1];
-    var dateValue = calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], dateValueFormat);
-    var timeValue = calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], timeValueFormat);
+    var _a = props.valueFormat.split(props.dateTimeSeparator), dateValueFormat = _a[0], timeValueFormat = _a[1];
+    var dateValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], dateValueFormat); }, [dateValueFormat, props.displayFormat, props.input.value, props.valueFormat]);
+    var timeValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], timeValueFormat); }, [props.displayFormat, props.input.value, props.valueFormat, timeValueFormat]);
     // Handler for calendar and time picker changes
     var onDateSelect = react_1.useCallback(function (date) {
-        props.input.onChange.call(null, date + props.dateTimeSeparator + (timeValue || '00:00'));
-    }, [props.dateTimeSeparator, props.input.onChange, timeValue]);
+        var result = date + props.dateTimeSeparator + (timeValue || '00:00');
+        props.input.onChange.call(null, calendar_1.convertDate(result, props.valueFormat, props.valueFormat, true));
+    }, [props.dateTimeSeparator, props.input.onChange, props.valueFormat, timeValue]);
     var onTimeSelect = react_1.useCallback(function (time) {
-        props.input.onChange.call(null, (dateValue || moment_1["default"]().format(dateValueFormat)) + props.dateTimeSeparator + time);
-    }, [dateValue, dateValueFormat, props.dateTimeSeparator, props.input.onChange]);
+        var result = (dateValue || moment_1["default"]().format(dateValueFormat)) + props.dateTimeSeparator + time;
+        props.input.onChange.call(null, calendar_1.convertDate(result, props.valueFormat, props.valueFormat, true));
+    }, [dateValue, dateValueFormat, props.dateTimeSeparator, props.input.onChange, props.valueFormat]);
     return {
         dateValue: dateValue,
         timeValue: timeValue,

package/ui/form/DateTimeField/DateTimeField.js

@@ -34,7 +34,8 @@ function DateTimeField(props) {
         inputProps: props.inputProps,
         placeholder: props.placeholder,
         valueFormat: props.valueFormat,
-        displayFormat: props.displayFormat
+        displayFormat: props.displayFormat,
+        useUTC: true
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     var _b = useDateTime_1["default"]({
         displayFormat: props.displayFormat,

package/ui/form/DropDownField/DropDownField.js

@@ -30,7 +30,7 @@ function DropDownField(props) {
         autoComplete: props.autoComplete,
         autoFetch: props.autoFetch,
         query: query
-    }), items = _b.items, isLoading = _b.isLoading, isAutoComplete = _b.isAutoComplete;
+    }), items = _b.items, isLoading = _b.isLoading, isAutoComplete = _b.isAutoComplete, sourceItems = _b.sourceItems;
     var inputSelectedIds = react_1.useMemo(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
     // Data select
     var _c = hooks_1.useDataSelect({
@@ -39,6 +39,7 @@ function DropDownField(props) {
         selectedIds: inputSelectedIds,
         primaryKey: props.primaryKey,
         items: items,
+        sourceItems: sourceItems,
         inputValue: props.input.value
     }), isOpened = _c.isOpened, setIsOpened = _c.setIsOpened, setIsFocused = _c.setIsFocused, hoveredId = _c.hoveredId, setHoveredId = _c.setHoveredId, selectedIds = _c.selectedIds, setSelectedIds = _c.setSelectedIds;
     var onOpen = react_1.useCallback(function () {
@@ -65,7 +66,9 @@ function DropDownField(props) {
     }, [setIsFocused, setIsOpened]);
     // Outside click -> close
     var forwardedRef = react_1.useRef(null);
-    react_use_1.useClickAway(forwardedRef, onClose);
+    if (process.env.PLATFORM !== 'mobile') {
+        react_use_1.useClickAway(forwardedRef, onClose);
+    }
     // Search input props
     var searchInputProps = react_1.useMemo(function () { return ({
         type: 'search',
@@ -84,7 +87,11 @@ function DropDownField(props) {
                 props.onChange(newValues);
             }
         }
-    }, [selectedIds, props.input.onChange, props.multiple, prevSelectedIds, props.attribute, props]);
+        //if form reset
+        if (props.input.value === undefined && selectedIds.length > 0) {
+            onReset();
+        }
+    }, [selectedIds, props.input.onChange, props.multiple, prevSelectedIds, props.attribute, props, onReset]);
     return components.ui.renderView(props.view || 'form.DropDownFieldView', __assign(__assign({}, props), { isAutoComplete: isAutoComplete,
         items: items,
         hoveredId: hoveredId,

package/ui/form/Form/Form.js

@@ -123,7 +123,7 @@ function Form(props) {
     }
     // Init data provider
     var provider = props.useRedux ? form_1.providers.redux : form_1.providers.reducer;
-    var _a = provider.useForm(props.formId, initialValues), values = _a.values, isInvalid = _a.isInvalid, isSubmitting = _a.isSubmitting, setErrors = _a.setErrors, reducer = _a.reducer, dispatch = _a.dispatch;
+    var _a = provider.useForm(props.formId, initialValues), values = _a.values, submitCounter = _a.submitCounter, isInvalid = _a.isInvalid, isSubmitting = _a.isSubmitting, setErrors = _a.setErrors, reducer = _a.reducer, dispatch = _a.dispatch;
     // Sync with address bar
     react_use_1.useUpdateEffect(function () {
         if (props.syncWithAddressBar) {
@@ -166,116 +166,128 @@ function Form(props) {
         }
     }, [props, values]);
     // OnSubmit handler
-    var onSubmit = react_1.useCallback(function (e) { return __awaiter(_this, void 0, void 0, function () {
-        var cleanedValues, captchaAttribute, googleCaptcha, captchaToken, options, response, _a, data;
-        var _b;
-        var _this = this;
-        return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0:
-                    // TODO
-                    e.preventDefault();
-                    // Append non touched fields to values object
-                    if (props.formId) {
-                        Object.keys(components.ui.getRegisteredFields(props.formId) || {})
-                            .forEach(function (key) {
-                            if (isUndefined_1["default"](get_1["default"](values, key))) {
-                                set_1["default"](values, key, null);
+    var onSubmit = react_1.useCallback(function (e) {
+        if (e === void 0) { e = null; }
+        return __awaiter(_this, void 0, void 0, function () {
+            var cleanedValues, captchaAttribute, googleCaptcha, captchaToken, options, response, _a, data;
+            var _b;
+            var _this = this;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        // TODO
+                        if (e) {
+                            e.preventDefault();
+                        }
+                        // Append non touched fields to values object
+                        if (props.formId) {
+                            Object.keys(components.ui.getRegisteredFields(props.formId) || {})
+                                .forEach(function (key) {
+                                if (isUndefined_1["default"](get_1["default"](values, key))) {
+                                    set_1["default"](values, key, null);
+                                }
+                            });
+                        }
+                        cleanedValues = form_1.cleanEmptyObject(values);
+                        // Event onBeforeSubmit
+                        if (props.onBeforeSubmit && props.onBeforeSubmit.call(null, cleanedValues) === false) {
+                            return [2 /*return*/, null];
+                        }
+                        if (props.validators) {
+                            validate_1["default"](cleanedValues, props.validators);
+                        }
+                        if (props.onSubmit) {
+                            return [2 /*return*/, props.onSubmit.call(null, cleanedValues)];
+                        }
+                        captchaAttribute = null;
+                        Object.entries(components.ui.getRegisteredFields(props.formId) || {}).forEach(function (_a) {
+                            var attribute = _a[0], fieldType = _a[1];
+                            if (fieldType === 'ReCaptchaField') {
+                                captchaAttribute = attribute;
                             }
                         });
-                    }
-                    cleanedValues = form_1.cleanEmptyObject(values);
-                    // Event onBeforeSubmit
-                    if (props.onBeforeSubmit && props.onBeforeSubmit.call(null, cleanedValues) === false) {
-                        return [2 /*return*/, null];
-                    }
-                    if (props.validators) {
-                        validate_1["default"](cleanedValues, props.validators);
-                    }
-                    if (props.onSubmit) {
-                        return [2 /*return*/, props.onSubmit.call(null, cleanedValues)];
-                    }
-                    captchaAttribute = null;
-                    Object.entries(components.ui.getRegisteredFields(props.formId) || {}).forEach(function (_a) {
-                        var attribute = _a[0], fieldType = _a[1];
-                        if (fieldType === 'ReCaptchaField') {
-                            captchaAttribute = attribute;
+                        if (!(captchaAttribute && components.resource.googleCaptchaSiteKey)) return [3 /*break*/, 3];
+                        return [4 /*yield*/, components.resource.loadGoogleCaptcha()];
+                    case 1:
+                        googleCaptcha = _c.sent();
+                        return [4 /*yield*/, getCaptchaToken({
+                                googleCaptcha: googleCaptcha,
+                                siteKey: components.resource.googleCaptchaSiteKey,
+                                actionName: props.captchaActionName
+                            })];
+                    case 2:
+                        captchaToken = _c.sent();
+                        cleanedValues = __assign(__assign({}, cleanedValues), (_b = {}, _b[captchaAttribute] = captchaToken, _b));
+                        _c.label = 3;
+                    case 3:
+                        options = {
+                            onTwoFactor: props.onTwoFactor
+                                ? function (providerName) { return __awaiter(_this, void 0, void 0, function () {
+                                    var info, _a;
+                                    return __generator(this, function (_b) {
+                                        switch (_b.label) {
+                                            case 0:
+                                                if (!props.autoStartTwoFactor) return [3 /*break*/, 2];
+                                                return [4 /*yield*/, components.http.post("/api/v1/auth/2fa/" + providerName + "/send")];
+                                            case 1:
+                                                _a = _b.sent();
+                                                return [3 /*break*/, 3];
+                                            case 2:
+                                                _a = null;
+                                                _b.label = 3;
+                                            case 3:
+                                                info = _a;
+                                                props.onTwoFactor(providerName, info);
+                                                return [2 /*return*/];
+                                        }
+                                    });
+                                }); }
+                                : undefined
+                        };
+                        if (!(typeof props.action === 'function')) return [3 /*break*/, 5];
+                        return [4 /*yield*/, props.action.call(null, components.api, cleanedValues, options)];
+                    case 4:
+                        _a = _c.sent();
+                        return [3 /*break*/, 7];
+                    case 5: return [4 /*yield*/, components.http.send(props.actionMethod, props.action || window.location.pathname, cleanedValues, options)];
+                    case 6:
+                        _a = _c.sent();
+                        _c.label = 7;
+                    case 7:
+                        response = _a;
+                        // Skip on 2fa
+                        if (response.twoFactor) {
+                            return [2 /*return*/, null];
+                        }
+                        data = response.data || {};
+                        // Event onAfterSubmit
+                        if (props.onAfterSubmit && props.onAfterSubmit.call(null, cleanedValues, data, response) === false) {
+                            return [2 /*return*/, null];
+                        }
+                        if (data.errors) {
+                            setErrors(data.errors);
+                            return [2 /*return*/, null];
+                        }
+                        if (props.onComplete) {
+                            props.onComplete.call(null, cleanedValues, data, response);
+                        }
+                        if (props.autoSave) {
+                            // TODO
+                            //const AutoSaveHelper = require('../ui/form/Form/AutoSaveHelper').default;
+                            //AutoSaveHelper.remove(props.clientStorage, props.formId);
                         }
-                    });
-                    if (!(captchaAttribute && components.resource.googleCaptchaSiteKey)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, components.resource.loadGoogleCaptcha()];
-                case 1:
-                    googleCaptcha = _c.sent();
-                    return [4 /*yield*/, getCaptchaToken({
-                            googleCaptcha: googleCaptcha,
-                            siteKey: components.resource.googleCaptchaSiteKey,
-                            actionName: props.captchaActionName
-                        })];
-                case 2:
-                    captchaToken = _c.sent();
-                    cleanedValues = __assign(__assign({}, cleanedValues), (_b = {}, _b[captchaAttribute] = captchaToken, _b));
-                    _c.label = 3;
-                case 3:
-                    options = {
-                        onTwoFactor: props.onTwoFactor
-                            ? function (providerName) { return __awaiter(_this, void 0, void 0, function () {
-                                var info, _a;
-                                return __generator(this, function (_b) {
-                                    switch (_b.label) {
-                                        case 0:
-                                            if (!props.autoStartTwoFactor) return [3 /*break*/, 2];
-                                            return [4 /*yield*/, components.http.post("/api/v1/auth/2fa/" + providerName + "/send")];
-                                        case 1:
-                                            _a = _b.sent();
-                                            return [3 /*break*/, 3];
-                                        case 2:
-                                            _a = null;
-                                            _b.label = 3;
-                                        case 3:
-                                            info = _a;
-                                            props.onTwoFactor(providerName, info);
-                                            return [2 /*return*/];
-                                    }
-                                });
-                            }); }
-                            : undefined
-                    };
-                    if (!(typeof props.action === 'function')) return [3 /*break*/, 5];
-                    return [4 /*yield*/, props.action(components.api, cleanedValues, options)];
-                case 4:
-                    _a = _c.sent();
-                    return [3 /*break*/, 7];
-                case 5: return [4 /*yield*/, components.http.send(props.actionMethod, props.action || window.location.pathname, cleanedValues, options)];
-                case 6:
-                    _a = _c.sent();
-                    _c.label = 7;
-                case 7:
-                    response = _a;
-                    // Skip on 2fa
-                    if (response.twoFactor) {
-                        return [2 /*return*/, null];
-                    }
-                    data = response.data || {};
-                    // Event onAfterSubmit
-                    if (props.onAfterSubmit && props.onAfterSubmit.call(null, cleanedValues, data, response) === false) {
-                        return [2 /*return*/, null];
-                    }
-                    if (data.errors) {
-                        setErrors(data.errors);
                         return [2 /*return*/, null];
-                    }
-                    if (props.onComplete) {
-                        props.onComplete.call(null, cleanedValues, data, response);
-                    }
-                    if (props.autoSave) {
-                        // TODO
-                        //const AutoSaveHelper = require('../ui/form/Form/AutoSaveHelper').default;
-                        //AutoSaveHelper.remove(props.clientStorage, props.formId);
-                    }
-                    return [2 /*return*/, null];
-            }
+                }
+            });
         });
-    }); }, [components.api, components.http, components.resource, components.ui, props, setErrors, values]);
+    }, [components.api, components.http, components.resource, components.ui, props, setErrors, values]);
+    // Manual submit form by reducer action
+    var prevSubmitCounter = react_use_1.usePrevious(submitCounter);
+    react_use_1.useUpdateEffect(function () {
+        if (submitCounter !== prevSubmitCounter) {
+            onSubmit.call(null);
+        }
+    }, [prevSubmitCounter, submitCounter, onSubmit]);
     var formContextValue = react_1.useMemo(function () { return ({
         formId: props.formId,
         model: props.model,

package/ui/form/ImageField/ImageField.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+import ReactCropProps, { Crop } from 'react-image-crop';
+import { IModalProps } from '../../modal/Modal/Modal';
+import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
+import { IFileHocInput, IFileHocOutput } from '../../../hoc/file';
+export interface ICropInputProps {
+    /**
+     * Изначальные параметры обрезки изображения
+     * @example {unit: 'px', aspect: 1, x: 0, y: 0, width: 200, height: 200}
+     */
+    initialValues?: Crop;
+    /**
+     * Экшн для отправки параметров обрезки на бэкенд
+     * @example '/api/v1/user/avatar/crop'
+     */
+    backendUrl?: string;
+    /**
+     * Пропсы для модуля react-image-crop
+     * @example {maxWidth: 400, maxHeight: 400}
+     */
+    reactImageCropProps?: ReactCropProps;
+}
+export interface IImageFieldProps extends IFieldWrapperInputProps, Omit<IFileHocInput, 'multiple' | 'imagesOnly'>, IFileHocOutput {
+    /**
+     * Дополнительный CSS-класс для компонента
+     */
+    className?: CssClassName;
+    /**
+     * Переопределение внешнего вида компонента
+     * @example MyCustomView
+     */
+    view?: CustomView;
+    /**
+     * Переопределение внешнего вида модального окна
+     * @example MyCustomModalView
+     */
+    modalView?: CustomView;
+    /**
+     * Пропсы для модального окна
+     */
+    modalProps?: IModalProps;
+    /**
+     * Параметры обрезки
+     */
+    crop?: ICropInputProps;
+    /**
+     * Название кнопки
+     * @example 'Загрузить'
+     */
+    label?: string;
+    [key: string]: any;
+}
+export interface ICropOutputProps extends ICropInputProps {
+    onSubmit: (crop: Crop, imageId: any) => void;
+}
+export interface IImageFieldModalViewProps extends IModalProps {
+    crop: ICropOutputProps;
+    image: Record<string, any>;
+}
+export interface IImageFieldViewProps extends IImageFieldProps {
+    item: {
+        uid?: string;
+        fileId?: number | string;
+        title?: string;
+        size: number | string;
+        disabled?: boolean;
+        onRemove?: () => void;
+        error?: string;
+        image?: {
+            url: string;
+            width: string;
+            height: string;
+        };
+        progress?: {
+            bytesUploaded: number;
+            percent: number;
+        };
+    };
+    onClick: (e: Event) => void;
+}
+declare const _default: {
+    (props: IFieldWrapperInputProps): JSX.Element;
+    WrappedComponent: any;
+    displayName: any;
+    defaultProps: any;
+};
+export default _default;