@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.
Files changed (62) hide show
  1. package/actions/modal.d.ts +1 -1
  2. package/components/SocialComponent.d.ts +1 -1
  3. package/components/SocialComponent.js +12 -10
  4. package/components/social/FacebookProvider.d.ts +1 -1
  5. package/components/social/FacebookProvider.js +5 -6
  6. package/components/social/GitlabProvider.d.ts +8 -0
  7. package/components/social/GitlabProvider.js +98 -0
  8. package/components/social/GoogleProvider.d.ts +1 -1
  9. package/components/social/GoogleProvider.js +2 -2
  10. package/components/social/SteamProvider.d.ts +1 -1
  11. package/components/social/SteamProvider.js +8 -9
  12. package/components/social/VkProvider.d.ts +1 -1
  13. package/components/social/VkProvider.js +8 -9
  14. package/hooks/useComponents.js +1 -2
  15. package/hooks/useDataSelect.js +6 -3
  16. package/hooks/useFetch.js +3 -0
  17. package/hooks/useLayout.js +21 -12
  18. package/hooks/useList.d.ts +11 -1
  19. package/hooks/useList.js +8 -3
  20. package/package.json +1 -1
  21. package/reducers/form.d.ts +1 -0
  22. package/reducers/form.js +3 -1
  23. package/reducers/router.js +7 -3
  24. package/ui/content/Detail/Detail.d.ts +1 -1
  25. package/ui/crud/Crud/Crud.js +4 -2
  26. package/ui/crud/Crud/CrudContent.d.ts +5 -1
  27. package/ui/crud/Crud/CrudContent.js +5 -5
  28. package/ui/crud/index.d.ts +1 -0
  29. package/ui/form/DropDownField/DropDownField.js +8 -5
  30. package/ui/form/Form/Form.d.ts +6 -0
  31. package/ui/form/Form/Form.js +1 -1
  32. package/ui/form/Form/demo/basic.js +1 -1
  33. package/ui/form/Form/demo/border.d.ts +8 -0
  34. package/ui/form/Form/demo/border.js +58 -0
  35. package/ui/form/Form/demo/horizontal.d.ts +8 -0
  36. package/ui/form/Form/demo/horizontal.js +51 -0
  37. package/ui/form/Form/demo/inline.d.ts +8 -0
  38. package/ui/form/Form/demo/inline.js +49 -0
  39. package/ui/form/SliderField/SliderField.d.ts +43 -9
  40. package/ui/form/SliderField/SliderField.js +18 -9
  41. package/ui/form/SliderField/demo/basic.js +2 -2
  42. package/ui/form/SliderField/demo/disabled.js +1 -1
  43. package/ui/form/SliderField/demo/errors.d.ts +2 -2
  44. package/ui/form/SliderField/demo/errors.js +3 -3
  45. package/ui/form/SliderField/demo/{size.d.ts → marks.d.ts} +0 -0
  46. package/ui/form/SliderField/demo/{size.js → marks.js} +19 -10
  47. package/ui/form/SliderField/demo/min-max.d.ts +1 -1
  48. package/ui/form/SliderField/demo/min-max.js +2 -2
  49. package/ui/form/SliderField/demo/onAfterChange.d.ts +8 -0
  50. package/ui/form/SliderField/demo/onAfterChange.js +39 -0
  51. package/ui/form/SliderField/demo/onChange.d.ts +8 -0
  52. package/ui/form/SliderField/demo/onChange.js +39 -0
  53. package/ui/form/SliderField/demo/range.d.ts +8 -0
  54. package/ui/form/SliderField/demo/{required.js → range.js} +4 -4
  55. package/ui/list/Grid/Grid.js +3 -1
  56. package/ui/list/List/List.js +4 -6
  57. package/ui/list/PaginationSize/PaginationSize.d.ts +2 -2
  58. package/ui/nav/Router/Router.d.ts +5 -0
  59. package/ui/nav/Router/Router.js +0 -2
  60. package/components/social/index.d.ts +0 -11
  61. package/components/social/index.js +0 -15
  62. 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 3
28
+ * Обычный пример использования с заданным свойством isRange={true}, для задания промежутка значений.
29
+ * @order 7
30
30
  * @col 4
31
31
  */
32
- exports["default"] = (function () { return (React.createElement("div", { style: { padding: '0 20px' } },
33
- React.createElement(SliderField_1["default"], { label: 'Required', required: true }))); });
32
+ exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
33
+ React.createElement(SliderField_1["default"], { isRange: true }))); });
@@ -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) {
@@ -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
- size?: Size;
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']
@@ -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
- };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- declare const _default: () => JSX.Element;
3
- /**
4
- * Как обязательное поле для заполнения.
5
- * @order 3
6
- * @col 4
7
- */
8
- export default _default;