@steroidsjs/core 2.1.0-beta.26 → 2.1.0-beta.30

package/ui/form/index.d.ts

@@ -28,142 +28,32 @@ import TextField from './TextField';
 import TimeField from './TimeField';
 export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, InputField, NavField, NumberField, PasswordField, RadioListField, ReCaptchaField, SliderField, SwitcherField, TextField, TimeField, };
 declare const _default: {
-    AutoCompleteField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    BlankField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
+    AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
+    BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
     Button: typeof Button;
-    CheckboxField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    CheckboxListField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    DateField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    DateRangeField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    DateTimeField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    DateTimeRangeField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    DropDownField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
+    CheckboxField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxField/CheckboxField").ICheckboxFieldProps>;
+    CheckboxListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./CheckboxListField/CheckboxListField").ICheckboxListFieldProps>;
+    DateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateField/DateField").IDateFieldProps>;
+    DateRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateRangeField/DateRangeField").IDateRangeFieldProps>;
+    DateTimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeField/DateTimeField").IDateTimeFieldProps>;
+    DateTimeRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DateTimeRangeField/DateTimeRangeField").IDateTimeRangeFieldProps>;
+    DropDownField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./DropDownField/DropDownField").IDropDownFieldProps>;
     Field: import("react").MemoExoticComponent<(props: import("./Field/Field").IFieldProps) => JSX.Element>;
     FieldLayout: import("react").MemoExoticComponent<(props: import("./FieldLayout/FieldLayout").IFieldLayoutProps) => JSX.Element>;
-    FieldList: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
+    FieldList: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FieldList/FieldList").IFieldListProps>;
     FieldSet: typeof FieldSet;
-    FileField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
+    FileField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./FileField/FileField").IFileFieldProps>;
     Form: typeof Form;
-    HtmlField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    InputField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    NavField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    NumberField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    PasswordField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    RadioListField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    ReCaptchaField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    SliderField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    SwitcherField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    TextField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
-    TimeField: {
-        (props: import("./Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-        WrappedComponent: any;
-        displayName: any;
-        defaultProps: any;
-    };
+    HtmlField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./HtmlField/HtmlField").IHtmlFieldProps>;
+    InputField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./InputField/InputField").IInputFieldProps>;
+    NavField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NavField/NavField").INavFieldProps>;
+    NumberField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NumberField/NumberField").INumberFieldProps>;
+    PasswordField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./PasswordField/PasswordField").IPasswordFieldProps>;
+    RadioListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioListField/RadioListField").IRadioListFieldProps>;
+    ReCaptchaField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./ReCaptchaField/ReCaptchaField").IReCaptchaFieldProps>;
+    SliderField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SliderField/SliderField").ISliderFieldProps>;
+    SwitcherField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SwitcherField/SwitcherField").ISwitcherFieldProps>;
+    TextField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TextField/TextField").ITextFieldProps>;
+    TimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeField/TimeField").ITimeFieldProps>;
 };
 export default _default;

package/ui/list/Grid/Grid.js

@@ -62,7 +62,9 @@ function Grid(props) {
         query: props.query,
         model: props.model,
         searchModel: props.searchModel,
-        items: props.items
+        items: props.items,
+        initialItems: props.initialItems,
+        initialTotal: props.initialTotal
     }), list = _a.list, model = _a.model, searchModel = _a.searchModel, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm, onFetch = _a.onFetch, onSort = _a.onSort;
     var renderLabel = react_1.useCallback(function (column) {
         if (column.headerView) {

package/ui/list/Grid/demo/inner-search-form.d.ts

@@ -4,12 +4,7 @@ export declare const searchForm: {
     fields: {
         label: string;
         attribute: string;
-        component: {
-            (props: import("../../../form/Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-            WrappedComponent: any;
-            displayName: any;
-            defaultProps: any;
-        };
+        component: import("../../../form/Field/fieldWrapper").FieldWrapperComponent<import("../../../form/InputField/InputField").IInputFieldProps>;
     }[];
 };
 declare const _default: () => JSX.Element;

package/ui/list/List/List.js

@@ -57,14 +57,12 @@ function List(props) {
         query: props.query,
         model: props.model,
         searchModel: props.searchModel,
-        items: props.items
+        items: props.items,
+        initialItems: props.initialItems,
+        initialTotal: props.initialTotal
     }), list = _a.list, paginationPosition = _a.paginationPosition, paginationSizePosition = _a.paginationSizePosition, layoutNamesPosition = _a.layoutNamesPosition, renderList = _a.renderList, renderEmpty = _a.renderEmpty, renderPagination = _a.renderPagination, renderPaginationSize = _a.renderPaginationSize, renderLayoutNames = _a.renderLayoutNames, renderSearchForm = _a.renderSearchForm;
-    // Wait initialization
-    if (!list) {
-        return null;
-    }
     var ItemView = props.itemView || components.ui.getView('list.ListItemView');
-    var content = (list.items || []).map(function (item, index) { return (React.createElement(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
+    var content = ((list === null || list === void 0 ? void 0 : list.items) || []).map(function (item, index) { return (React.createElement(ItemView, __assign({}, props.itemProps, { key: item[props.primaryKey] || index, primaryKey: props.primaryKey, item: item, index: index, layoutSelected: list.layoutName }))); });
     return components.ui.renderView(props.view || 'list.ListView', __assign(__assign({}, props), { list: list,
         paginationPosition: paginationPosition,
         paginationSizePosition: paginationSizePosition,

package/ui/list/PaginationSize/PaginationSize.d.ts

@@ -30,9 +30,9 @@ export interface IPaginationSizeProps {
      */
     className?: CssClassName;
     /**
-     * Размер
+     * Значение по-умолчанию
      */
-    size?: Size;
+    defaultValue?: number;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView

package/ui/nav/Router/Router.d.ts

@@ -73,6 +73,11 @@ export interface IRouteItem {
      * Название или список с названиями перечислений, полученных с бэкенда
      */
     enums?: string | string[];
+    /**
+     * Назначение страницы, указывается, чтобы приложение автоматически могло найти страницу авторизации или 404-ю..
+     * @example 'login'
+     */
+    role?: 'login' | '404' | string;
     /**
      * Список с ролями, который показывает, кому из пользователей будет доступен просмотр страницы
      * @example ['user', 'admin']

package/ui/nav/Router/Router.js

@@ -132,7 +132,6 @@ var renderComponent = function (route, activePath, routeProps) {
     }
     return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
 };
-// TODO @navigationHoc()
 function Router(props) {
     var components = hooks_1.useComponents();
     var _a = hooks_1.useSelector(function (state) {
@@ -209,7 +208,6 @@ function Router(props) {
     if (!isInitialized) {
         return null;
     }
-    // TODO double render!!..
     if (process.env.IS_SSR) {
         return (React.createElement(SsrProvider_1.SsrProviderContext.Consumer, null, function (context) { return (React.createElement(react_router_1.StaticRouter, { location: components.store.history.location, context: context.staticContext }, renderContent())); }));
     }

package/components/social/index.d.ts

@@ -1,13 +0,0 @@
-import facebook from './FacebookProvider';
-import google from './GoogleProvider';
-import steam from './SteamProvider';
-import vk from './VkProvider';
-import gitlab from './GitlabProvider';
-declare const _default: {
-    facebook: typeof facebook;
-    google: typeof google;
-    steam: typeof steam;
-    vk: typeof vk;
-    gitlab: typeof gitlab;
-};
-export default _default;

package/components/social/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var FacebookProvider_1 = __importDefault(require("./FacebookProvider"));
-var GoogleProvider_1 = __importDefault(require("./GoogleProvider"));
-var SteamProvider_1 = __importDefault(require("./SteamProvider"));
-var VkProvider_1 = __importDefault(require("./VkProvider"));
-var GitlabProvider_1 = __importDefault(require("./GitlabProvider"));
-exports["default"] = {
-    facebook: FacebookProvider_1["default"],
-    google: GoogleProvider_1["default"],
-    steam: SteamProvider_1["default"],
-    vk: VkProvider_1["default"],
-    gitlab: GitlabProvider_1["default"]
-};