@steroidsjs/core 2.1.0-beta.24 → 2.1.0-beta.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/actions/modal.d.ts +1 -1
- package/components/SocialComponent.d.ts +1 -1
- package/components/SocialComponent.js +12 -10
- package/components/social/FacebookProvider.d.ts +1 -1
- package/components/social/FacebookProvider.js +5 -6
- package/components/social/GitlabProvider.d.ts +8 -0
- package/components/social/GitlabProvider.js +98 -0
- package/components/social/GoogleProvider.d.ts +1 -1
- package/components/social/GoogleProvider.js +2 -2
- package/components/social/SteamProvider.d.ts +1 -1
- package/components/social/SteamProvider.js +8 -9
- package/components/social/VkProvider.d.ts +1 -1
- package/components/social/VkProvider.js +8 -9
- package/hooks/useComponents.js +1 -2
- package/hooks/useDataSelect.js +6 -3
- package/hooks/useFetch.js +3 -0
- package/hooks/useLayout.js +21 -12
- package/hooks/useList.d.ts +11 -1
- package/hooks/useList.js +8 -3
- package/package.json +1 -1
- package/reducers/form.d.ts +1 -0
- package/reducers/form.js +3 -1
- package/reducers/router.js +7 -3
- package/ui/content/Detail/Detail.d.ts +1 -1
- package/ui/crud/Crud/Crud.js +4 -2
- package/ui/crud/Crud/CrudContent.d.ts +5 -1
- package/ui/crud/Crud/CrudContent.js +5 -5
- package/ui/crud/index.d.ts +1 -0
- package/ui/form/DropDownField/DropDownField.js +8 -5
- package/ui/form/Form/Form.d.ts +6 -0
- package/ui/form/Form/Form.js +1 -1
- package/ui/form/Form/demo/basic.js +1 -1
- package/ui/form/Form/demo/border.d.ts +8 -0
- package/ui/form/Form/demo/border.js +58 -0
- package/ui/form/Form/demo/horizontal.d.ts +8 -0
- package/ui/form/Form/demo/horizontal.js +51 -0
- package/ui/form/Form/demo/inline.d.ts +8 -0
- package/ui/form/Form/demo/inline.js +49 -0
- package/ui/form/SliderField/SliderField.d.ts +43 -9
- package/ui/form/SliderField/SliderField.js +18 -9
- package/ui/form/SliderField/demo/basic.js +2 -2
- package/ui/form/SliderField/demo/disabled.js +1 -1
- package/ui/form/SliderField/demo/errors.d.ts +2 -2
- package/ui/form/SliderField/demo/errors.js +3 -3
- package/ui/form/SliderField/demo/{size.d.ts → marks.d.ts} +0 -0
- package/ui/form/SliderField/demo/{size.js → marks.js} +19 -10
- package/ui/form/SliderField/demo/min-max.d.ts +1 -1
- package/ui/form/SliderField/demo/min-max.js +2 -2
- package/ui/form/SliderField/demo/onAfterChange.d.ts +8 -0
- package/ui/form/SliderField/demo/onAfterChange.js +39 -0
- package/ui/form/SliderField/demo/onChange.d.ts +8 -0
- package/ui/form/SliderField/demo/onChange.js +39 -0
- package/ui/form/SliderField/demo/range.d.ts +8 -0
- package/ui/form/SliderField/demo/{required.js → range.js} +4 -4
- package/ui/list/Grid/Grid.js +3 -1
- package/ui/list/List/List.js +4 -6
- package/ui/list/PaginationSize/PaginationSize.d.ts +2 -2
- package/ui/nav/Router/Router.d.ts +5 -0
- package/ui/nav/Router/Router.js +0 -2
- package/components/social/index.d.ts +0 -11
- package/components/social/index.js +0 -15
- package/ui/form/SliderField/demo/required.d.ts +0 -8
|
@@ -25,9 +25,9 @@ exports.__esModule = true;
|
|
|
25
25
|
var React = __importStar(require("react"));
|
|
26
26
|
var SliderField_1 = __importDefault(require("../SliderField"));
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
29
|
-
* @order
|
|
28
|
+
* Обычный пример использования с заданным свойством isRange={true}, для задания промежутка значений.
|
|
29
|
+
* @order 7
|
|
30
30
|
* @col 4
|
|
31
31
|
*/
|
|
32
|
-
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '
|
|
33
|
-
React.createElement(SliderField_1["default"], {
|
|
32
|
+
exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
|
|
33
|
+
React.createElement(SliderField_1["default"], { isRange: true }))); });
|
package/ui/list/Grid/Grid.js
CHANGED
|
@@ -62,7 +62,9 @@ function Grid(props) {
|
|
|
62
62
|
query: props.query,
|
|
63
63
|
model: props.model,
|
|
64
64
|
searchModel: props.searchModel,
|
|
65
|
-
items: props.items
|
|
65
|
+
items: props.items,
|
|
66
|
+
initialItems: props.initialItems,
|
|
67
|
+
initialTotal: props.initialTotal
|
|
66
68
|
}), 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;
|
|
67
69
|
var renderLabel = react_1.useCallback(function (column) {
|
|
68
70
|
if (column.headerView) {
|
package/ui/list/List/List.js
CHANGED
|
@@ -57,14 +57,12 @@ function List(props) {
|
|
|
57
57
|
query: props.query,
|
|
58
58
|
model: props.model,
|
|
59
59
|
searchModel: props.searchModel,
|
|
60
|
-
items: props.items
|
|
60
|
+
items: props.items,
|
|
61
|
+
initialItems: props.initialItems,
|
|
62
|
+
initialTotal: props.initialTotal
|
|
61
63
|
}), 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;
|
|
62
|
-
// Wait initialization
|
|
63
|
-
if (!list) {
|
|
64
|
-
return null;
|
|
65
|
-
}
|
|
66
64
|
var ItemView = props.itemView || components.ui.getView('list.ListItemView');
|
|
67
|
-
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 }))); });
|
|
65
|
+
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 }))); });
|
|
68
66
|
return components.ui.renderView(props.view || 'list.ListView', __assign(__assign({}, props), { list: list,
|
|
69
67
|
paginationPosition: paginationPosition,
|
|
70
68
|
paginationSizePosition: paginationSizePosition,
|
|
@@ -30,9 +30,9 @@ export interface IPaginationSizeProps {
|
|
|
30
30
|
*/
|
|
31
31
|
className?: CssClassName;
|
|
32
32
|
/**
|
|
33
|
-
*
|
|
33
|
+
* Значение по-умолчанию
|
|
34
34
|
*/
|
|
35
|
-
|
|
35
|
+
defaultValue?: number;
|
|
36
36
|
/**
|
|
37
37
|
* Переопределение view React компонента для кастомизации отображения
|
|
38
38
|
* @example MyCustomView
|
|
@@ -73,6 +73,11 @@ export interface IRouteItem {
|
|
|
73
73
|
* Название или список с названиями перечислений, полученных с бэкенда
|
|
74
74
|
*/
|
|
75
75
|
enums?: string | string[];
|
|
76
|
+
/**
|
|
77
|
+
* Назначение страницы, указывается, чтобы приложение автоматически могло найти страницу авторизации или 404-ю..
|
|
78
|
+
* @example 'login'
|
|
79
|
+
*/
|
|
80
|
+
role?: 'login' | '404' | string;
|
|
76
81
|
/**
|
|
77
82
|
* Список с ролями, который показывает, кому из пользователей будет доступен просмотр страницы
|
|
78
83
|
* @example ['user', 'admin']
|
package/ui/nav/Router/Router.js
CHANGED
|
@@ -132,7 +132,6 @@ var renderComponent = function (route, activePath, routeProps) {
|
|
|
132
132
|
}
|
|
133
133
|
return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
|
|
134
134
|
};
|
|
135
|
-
// TODO @navigationHoc()
|
|
136
135
|
function Router(props) {
|
|
137
136
|
var components = hooks_1.useComponents();
|
|
138
137
|
var _a = hooks_1.useSelector(function (state) {
|
|
@@ -209,7 +208,6 @@ function Router(props) {
|
|
|
209
208
|
if (!isInitialized) {
|
|
210
209
|
return null;
|
|
211
210
|
}
|
|
212
|
-
// TODO double render!!..
|
|
213
211
|
if (process.env.IS_SSR) {
|
|
214
212
|
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())); }));
|
|
215
213
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import facebook from './FacebookProvider';
|
|
2
|
-
import google from './GoogleProvider';
|
|
3
|
-
import steam from './SteamProvider';
|
|
4
|
-
import vk from './VkProvider';
|
|
5
|
-
declare const _default: {
|
|
6
|
-
facebook: typeof facebook;
|
|
7
|
-
google: typeof google;
|
|
8
|
-
steam: typeof steam;
|
|
9
|
-
vk: typeof vk;
|
|
10
|
-
};
|
|
11
|
-
export default _default;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
var FacebookProvider_1 = __importDefault(require("./FacebookProvider"));
|
|
7
|
-
var GoogleProvider_1 = __importDefault(require("./GoogleProvider"));
|
|
8
|
-
var SteamProvider_1 = __importDefault(require("./SteamProvider"));
|
|
9
|
-
var VkProvider_1 = __importDefault(require("./VkProvider"));
|
|
10
|
-
exports["default"] = {
|
|
11
|
-
facebook: FacebookProvider_1["default"],
|
|
12
|
-
google: GoogleProvider_1["default"],
|
|
13
|
-
steam: SteamProvider_1["default"],
|
|
14
|
-
vk: VkProvider_1["default"]
|
|
15
|
-
};
|