@steroidsjs/core 3.0.96 → 3.1.1

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 (160) hide show
  1. package/actions/list.d.ts +6 -0
  2. package/actions/list.js +8 -1
  3. package/components/HtmlComponent.d.ts +3 -3
  4. package/components/HttpComponent.d.ts +18 -15
  5. package/components/HttpComponent.js +40 -18
  6. package/components/LocaleComponent.js +5 -28
  7. package/components/UiComponent.d.ts +0 -1
  8. package/components/UiComponent.js +2 -25
  9. package/docs-autogen-result.json +86 -60
  10. package/hooks/useAbsolutePositioning.d.ts +2 -2
  11. package/hooks/useApplication.js +6 -29
  12. package/hooks/useFetch.d.ts +3 -8
  13. package/hooks/useFetch.js +18 -12
  14. package/hooks/useList.js +24 -32
  15. package/hooks/useListField.js +3 -25
  16. package/hooks/useTree.d.ts +3 -3
  17. package/package.json +1 -1
  18. package/providers/ComponentsProvider.d.ts +1 -2
  19. package/providers/ComponentsProvider.js +14 -25
  20. package/providers/ScreenProvider.d.ts +1 -2
  21. package/providers/ScreenProvider.js +13 -25
  22. package/providers/SsrProvider.d.ts +1 -2
  23. package/providers/SsrProvider.js +13 -25
  24. package/providers/ThemeProvider.d.ts +4 -4
  25. package/providers/ThemeProvider.js +18 -29
  26. package/reducers/list.d.ts +0 -1
  27. package/reducers/list.js +5 -4
  28. package/ui/content/Accordion/Accordion.d.ts +5 -5
  29. package/ui/content/Accordion/Accordion.js +5 -28
  30. package/ui/content/Alert/Alert.d.ts +2 -2
  31. package/ui/content/Avatar/Avatar.d.ts +2 -2
  32. package/ui/content/Avatar/AvatarGroup.d.ts +2 -2
  33. package/ui/content/Avatar/AvatarGroup.js +3 -25
  34. package/ui/content/CalendarSystem/CalendarSystem.d.ts +5 -5
  35. package/ui/content/CalendarSystem/CalendarSystem.js +2 -2
  36. package/ui/content/CalendarSystem/hooks/useCalendarControls.d.ts +3 -3
  37. package/ui/content/CalendarSystem/hooks/useCalendarControls.js +2 -25
  38. package/ui/content/CalendarSystem/hooks/useCalendarSystem.d.ts +3 -3
  39. package/ui/content/CalendarSystem/hooks/useCalendarSystem.js +8 -31
  40. package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.d.ts +0 -1
  41. package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.js +4 -4
  42. package/ui/content/CalendarSystem/hooks/useCalendarSystemModals.d.ts +2 -2
  43. package/ui/content/CalendarSystem/hooks/useCalendarSystemModals.js +6 -6
  44. package/ui/content/CalendarSystem/hooks/useCalendarType.js +3 -3
  45. package/ui/content/CalendarSystem/hooks/useEventsFromDate.js +2 -2
  46. package/ui/content/CalendarSystem/hooks/useExpandClickAway.d.ts +3 -3
  47. package/ui/content/CalendarSystem/hooks/useExpandClickAway.js +3 -6
  48. package/ui/content/Card/Card.d.ts +3 -3
  49. package/ui/content/Chat/Chat.d.ts +3 -3
  50. package/ui/content/Chat/Chat.js +3 -25
  51. package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +4 -4
  52. package/ui/content/Dashboard/Dashboard.d.ts +2 -2
  53. package/ui/content/Dashboard/Dashboard.js +4 -26
  54. package/ui/content/Detail/Detail.d.ts +3 -3
  55. package/ui/content/Detail/Detail.js +3 -26
  56. package/ui/content/Detail/DetailItem.d.ts +3 -3
  57. package/ui/content/DropDown/DropDown.d.ts +2 -2
  58. package/ui/content/DropDown/DropDown.js +5 -31
  59. package/ui/content/Kanban/Kanban.js +15 -26
  60. package/ui/content/Kanban/hooks/useKanban.js +7 -30
  61. package/ui/content/Menu/Menu.d.ts +3 -3
  62. package/ui/content/Slider/Slider.d.ts +2 -2
  63. package/ui/content/Slider/Slider.js +2 -5
  64. package/ui/crud/Crud/Crud.d.ts +4 -5
  65. package/ui/crud/Crud/Crud.js +2 -25
  66. package/ui/crud/Crud/CrudContent.js +8 -35
  67. package/ui/crud/Crud/CrudModal.js +2 -26
  68. package/ui/form/AutoCompleteField/AutoCompleteField.d.ts +2 -2
  69. package/ui/form/BlankField/BlankField.d.ts +3 -3
  70. package/ui/form/BlankField/BlankField.js +2 -25
  71. package/ui/form/Button/Button.d.ts +2 -2
  72. package/ui/form/Button/Button.js +2 -25
  73. package/ui/form/CheckboxField/CheckboxField.d.ts +2 -2
  74. package/ui/form/CheckboxField/CheckboxField.js +2 -25
  75. package/ui/form/CheckboxListField/CheckboxListField.d.ts +1 -1
  76. package/ui/form/CheckboxTreeField/CheckboxTreeField.js +3 -25
  77. package/ui/form/DateField/DateField.d.ts +2 -2
  78. package/ui/form/DateRangeField/DateRangeField.d.ts +3 -3
  79. package/ui/form/DateTimeField/DateTimeField.d.ts +2 -2
  80. package/ui/form/DropDownField/DropDownField.d.ts +3 -3
  81. package/ui/form/DropDownField/DropDownField.js +3 -26
  82. package/ui/form/EmailField/EmailField.js +3 -26
  83. package/ui/form/EmailField/hooks/useInputTypeEmail.d.ts +3 -3
  84. package/ui/form/EmailField/hooks/useInputTypeEmail.js +3 -6
  85. package/ui/form/Field/Field.d.ts +2 -2
  86. package/ui/form/Field/Field.js +3 -26
  87. package/ui/form/Field/fieldWrapper.js +2 -25
  88. package/ui/form/FieldLayout/FieldLayout.d.ts +3 -3
  89. package/ui/form/FieldLayout/FieldLayout.js +1 -25
  90. package/ui/form/FieldList/FieldList.d.ts +2 -2
  91. package/ui/form/FieldList/FieldList.js +17 -16
  92. package/ui/form/FieldSet/FieldSet.d.ts +2 -2
  93. package/ui/form/FieldSet/FieldSet.js +5 -30
  94. package/ui/form/FileField/FileField.js +5 -27
  95. package/ui/form/Form/Form.d.ts +7 -11
  96. package/ui/form/Form/Form.js +6 -32
  97. package/ui/form/ImageField/ImageField.js +2 -25
  98. package/ui/form/InputField/InputField.d.ts +5 -6
  99. package/ui/form/InputField/InputField.js +2 -26
  100. package/ui/form/MaskField/MaskField.js +2 -2
  101. package/ui/form/NavField/NavField.js +3 -25
  102. package/ui/form/NumberField/NumberField.d.ts +1 -1
  103. package/ui/form/NumberField/NumberField.js +2 -25
  104. package/ui/form/NumberField/hooks/useInputTypeNumber.d.ts +3 -3
  105. package/ui/form/NumberField/hooks/useInputTypeNumber.js +2 -5
  106. package/ui/form/RadioField/RadioField.js +2 -2
  107. package/ui/form/RadioListField/RadioListField.js +2 -2
  108. package/ui/form/SliderField/SliderField.d.ts +2 -2
  109. package/ui/form/SwitcherField/SwitcherField.js +2 -2
  110. package/ui/form/SwitcherListField/SwitcherListField.js +2 -2
  111. package/ui/form/TextField/TextField.d.ts +2 -2
  112. package/ui/form/WizardForm/WizardForm.d.ts +4 -4
  113. package/ui/form/WizardForm/WizardForm.js +3 -27
  114. package/ui/form/WizardForm/utils.d.ts +2 -2
  115. package/ui/format/BooleanFormatter/BooleanFormatter.d.ts +2 -2
  116. package/ui/layout/Header/Header.d.ts +3 -3
  117. package/ui/layout/Meta/Meta.js +6 -15
  118. package/ui/layout/Notifications/Notifications.d.ts +2 -2
  119. package/ui/layout/Notifications/Notifications.js +3 -25
  120. package/ui/layout/Portal.d.ts +3 -3
  121. package/ui/layout/ProgressBar/ProgressBar.d.ts +3 -3
  122. package/ui/layout/ProgressBar/ProgressBar.js +4 -26
  123. package/ui/layout/Sidebar/Sidebar.d.ts +3 -3
  124. package/ui/layout/Sidebar/Sidebar.js +2 -25
  125. package/ui/layout/Skeleton/Skeleton.d.ts +3 -3
  126. package/ui/layout/Tooltip/Tooltip.js +19 -34
  127. package/ui/layout/Tooltip/TooltipPortalInner.d.ts +3 -3
  128. package/ui/layout/Tooltip/TooltipPortalInner.js +2 -25
  129. package/ui/list/Empty/Empty.d.ts +3 -3
  130. package/ui/list/Empty/Empty.js +2 -25
  131. package/ui/list/FlexGrid/FlexGrid.d.ts +2 -2
  132. package/ui/list/Grid/Grid.d.ts +3 -3
  133. package/ui/list/Grid/Grid.js +5 -27
  134. package/ui/list/InfiniteScroll/InfiniteScroll.d.ts +2 -2
  135. package/ui/list/InfiniteScroll/InfiniteScroll.js +3 -25
  136. package/ui/list/LayoutNames/LayoutNames.d.ts +2 -2
  137. package/ui/list/LayoutNames/LayoutNames.js +2 -25
  138. package/ui/list/List/List.js +3 -26
  139. package/ui/list/Pagination/Pagination.d.ts +2 -2
  140. package/ui/list/Pagination/Pagination.js +4 -27
  141. package/ui/list/PaginationSize/PaginationSize.d.ts +2 -2
  142. package/ui/list/PaginationSize/PaginationSize.js +2 -25
  143. package/ui/list/SearchForm/SearchForm.d.ts +2 -2
  144. package/ui/list/SearchForm/SearchForm.js +3 -26
  145. package/ui/list/Steps/Steps.d.ts +4 -4
  146. package/ui/list/TreeTable/TreeTable.d.ts +3 -3
  147. package/ui/list/TreeTable/TreeTable.js +4 -27
  148. package/ui/modal/Modal/Modal.js +3 -25
  149. package/ui/modal/ModalPortal/ModalPortal.js +3 -25
  150. package/ui/modal/TwoFactorModal/TwoFactorModal.js +4 -5
  151. package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  152. package/ui/nav/Link/Link.js +2 -25
  153. package/ui/nav/Nav/Nav.js +3 -25
  154. package/ui/nav/Router/Router.d.ts +3 -3
  155. package/ui/nav/Router/Router.js +9 -33
  156. package/ui/nav/Tree/Tree.d.ts +4 -4
  157. package/ui/typography/Text/Text.d.ts +2 -2
  158. package/ui/typography/Title/Title.d.ts +2 -2
  159. package/utils/createAxiosError.d.ts +9 -0
  160. package/utils/createAxiosError.js +39 -0
package/hooks/useList.js CHANGED
@@ -10,40 +10,18 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
37
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
15
  };
39
16
  exports.__esModule = true;
40
17
  exports.createInitialValues = exports.getDefaultSearchModel = exports.normalizeSortProps = exports.defaultConfig = void 0;
18
+ var jsx_runtime_1 = require("react/jsx-runtime");
41
19
  /* eslint-disable @typescript-eslint/no-use-before-define */
42
20
  var InfiniteScroll_1 = require("@steroidsjs/core/ui/list/InfiniteScroll/InfiniteScroll");
43
21
  var get_1 = __importDefault(require("lodash-es/get"));
44
22
  var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
45
23
  var union_1 = __importDefault(require("lodash-es/union"));
46
- var react_1 = __importStar(require("react"));
24
+ var react_1 = require("react");
47
25
  var react_use_1 = require("react-use");
48
26
  var useSelector_1 = __importDefault(require("./useSelector"));
49
27
  var form_1 = require("../actions/form");
@@ -125,7 +103,7 @@ function useList(config) {
125
103
  var sort = (0, exports.normalizeSortProps)(config.sort);
126
104
  // Loading
127
105
  var renderLoading = function () { return (list === null || list === void 0 ? void 0 : list.isLoading)
128
- ? react_1["default"].createElement(layout_1.Loader, null)
106
+ ? (0, jsx_runtime_1.jsx)(layout_1.Loader, {})
129
107
  : null; };
130
108
  // Empty
131
109
  var Empty = require('../ui/list/Empty')["default"];
@@ -135,19 +113,19 @@ function useList(config) {
135
113
  if (!emptyProps.enable || ((_a = list === null || list === void 0 ? void 0 : list.items) === null || _a === void 0 ? void 0 : _a.length) > 0 || !(list === null || list === void 0 ? void 0 : list.isFetched)) {
136
114
  return null;
137
115
  }
138
- return (react_1["default"].createElement(Empty, __assign({ list: list }, emptyProps)));
116
+ return ((0, jsx_runtime_1.jsx)(Empty, __assign({ list: list }, emptyProps)));
139
117
  };
140
118
  // Pagination size
141
119
  var PaginationSize = require('../ui/list/PaginationSize')["default"];
142
120
  var paginationSizeProps = (0, PaginationSize_1.normalizePaginationSizeProps)(config.paginationSize);
143
121
  var renderPaginationSize = function () { return paginationSizeProps.enable && (list === null || list === void 0 ? void 0 : list.isFetched)
144
- ? (react_1["default"].createElement(PaginationSize, __assign({ list: list }, paginationSizeProps)))
122
+ ? ((0, jsx_runtime_1.jsx)(PaginationSize, __assign({ list: list }, paginationSizeProps)))
145
123
  : null; };
146
124
  // Pagination
147
125
  var Pagination = require('../ui/list/Pagination')["default"];
148
126
  var paginationProps = (0, Pagination_1.normalizePaginationProps)(config.pagination);
149
127
  var renderPagination = function () { return paginationProps.enable && (list === null || list === void 0 ? void 0 : list.isFetched)
150
- ? (react_1["default"].createElement(Pagination, __assign({ list: list }, paginationProps, { sizeAttribute: paginationSizeProps.attribute })))
128
+ ? ((0, jsx_runtime_1.jsx)(Pagination, __assign({ list: list }, paginationProps, { sizeAttribute: paginationSizeProps.attribute })))
151
129
  : null; };
152
130
  // InfiniteScroll
153
131
  var InfiniteScroll = require('../ui/list/InfiniteScroll')["default"];
@@ -159,12 +137,12 @@ function useList(config) {
159
137
  if (!list.hasMoreInfiniteScroll) {
160
138
  return null;
161
139
  }
162
- return (react_1["default"].createElement(InfiniteScroll, __assign({ list: list }, infiniteScrollProps, { sizeAttribute: infiniteScrollProps.attribute })));
140
+ return ((0, jsx_runtime_1.jsx)(InfiniteScroll, __assign({ list: list }, infiniteScrollProps, { sizeAttribute: infiniteScrollProps.attribute })));
163
141
  };
164
142
  // Layout switcher
165
143
  var LayoutNames = require('../ui/list/LayoutNames')["default"];
166
144
  var layoutNamesProps = (0, LayoutNames_1.normalizeLayoutNamesProps)(config.layout);
167
- var renderLayoutNames = function () { return (react_1["default"].createElement(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
145
+ var renderLayoutNames = function () { return ((0, jsx_runtime_1.jsx)(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
168
146
  // Models
169
147
  var defaultSearchModel = (0, react_1.useMemo)(function () { return (0, exports.getDefaultSearchModel)({
170
148
  paginationProps: paginationProps,
@@ -193,7 +171,7 @@ function useList(config) {
193
171
  return acc;
194
172
  }, {}); }, [searchFormFields, config.searchForm, initialQuery]);
195
173
  var searchFormProps = __assign(__assign({ listId: config.listId }, config.searchForm), { model: searchModel, initialValues: initialValuesSearchForm });
196
- var renderSearchForm = function () { return react_1["default"].createElement(SearchForm, __assign({}, searchFormProps)); };
174
+ var renderSearchForm = function () { return (0, jsx_runtime_1.jsx)(SearchForm, __assign({}, searchFormProps)); };
197
175
  // Form id
198
176
  var formId = (0, get_1["default"])(config, 'searchForm.formId') || config.listId;
199
177
  var dispatch = (0, useDispatch_1["default"])();
@@ -209,7 +187,7 @@ function useList(config) {
209
187
  var initialValues = (0, useInitial_1["default"])(function () { return _initialValues; });
210
188
  var renderList = (0, react_1.useCallback)(function (children) {
211
189
  var Form = require('../ui/form/Form')["default"];
212
- return (react_1["default"].createElement(Form, { formId: formId, initialValues: initialValues, view: false, useRedux: true }, children));
190
+ return ((0, jsx_runtime_1.jsx)(Form, __assign({ formId: formId, initialValues: initialValues, view: false, useRedux: true }, { children: children })));
213
191
  }, [formId, initialValues]);
214
192
  // Init list in redux store
215
193
  (0, react_use_1.useMount)(function () {
@@ -297,6 +275,20 @@ function useList(config) {
297
275
  ]);
298
276
  }
299
277
  }, [dispatch, config.listId, config.action, prevAction]);
278
+ // Обновляем runtime-конфиг списка, если список уже сохранен в store и используется при SSR
279
+ (0, react_use_1.useMount)(function () {
280
+ var _a;
281
+ if (!list) {
282
+ return;
283
+ }
284
+ var nextConfig = {
285
+ loadMore: paginationProps.loadMore,
286
+ layoutAttribute: layoutNamesProps.attribute || null,
287
+ hasInfiniteScroll: (infiniteScrollProps === null || infiniteScrollProps === void 0 ? void 0 : infiniteScrollProps.enable) || null,
288
+ defaultPageValue: (_a = paginationProps.defaultValue) !== null && _a !== void 0 ? _a : FIRST_PAGE
289
+ };
290
+ dispatch((0, list_1.listChangeConfig)(config.listId, nextConfig));
291
+ });
300
292
  // Destroy
301
293
  (0, react_use_1.useUnmount)(function () {
302
294
  var autoDestroy = typeof config.autoDestroy === 'boolean'
@@ -10,36 +10,14 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
37
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
15
  };
39
16
  exports.__esModule = true;
17
+ var jsx_runtime_1 = require("react/jsx-runtime");
40
18
  var hooks_1 = require("@steroidsjs/core/hooks");
41
19
  var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
42
- var react_1 = __importStar(require("react"));
20
+ var react_1 = require("react");
43
21
  var react_use_1 = require("react-use");
44
22
  function useListField(props) {
45
23
  var components = (0, hooks_1.useComponents)();
@@ -89,7 +67,7 @@ function useListField(props) {
89
67
  var renderItem = (0, react_1.useCallback)(function (itemProps) {
90
68
  var defaultItemView = props.defaultItemView;
91
69
  var ItemFieldView = itemProps.view || props.itemView || components.ui.getView(defaultItemView);
92
- return (react_1["default"].createElement(ItemFieldView, __assign({}, itemProps, props.itemViewProps, { type: props.inputType })));
70
+ return ((0, jsx_runtime_1.jsx)(ItemFieldView, __assign({}, itemProps, props.itemViewProps, { type: props.inputType })));
93
71
  }, [components.ui, props.defaultItemView, props.inputType, props.itemView, props.itemViewProps]);
94
72
  return {
95
73
  selectedIds: selectedIds,
@@ -1,5 +1,5 @@
1
1
  import { IButtonProps } from '@steroidsjs/core/ui/form/Button/Button';
2
- import React from 'react';
2
+ import { MouseEvent } from 'react';
3
3
  export interface ITreeItem extends IButtonProps {
4
4
  /**
5
5
  * Идентификатор узла
@@ -30,12 +30,12 @@ export interface IPreparedTreeItem extends ITreeItem {
30
30
  isOpened: boolean;
31
31
  isSelected: boolean;
32
32
  hasItems: boolean;
33
- onClick: (e: Event | React.MouseEvent | any) => void;
33
+ onClick: (e: Event | MouseEvent | any) => void;
34
34
  className?: CssClassName;
35
35
  }
36
36
  export interface ITreeOutput {
37
37
  treeItems: IPreparedTreeItem[];
38
- onItemFocus: (e: Event | React.MouseEvent | any) => void;
38
+ onItemFocus: (e: Event | MouseEvent | any) => void;
39
39
  }
40
40
  export interface ITreeConfig {
41
41
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/core",
3
- "version": "3.0.96",
3
+ "version": "3.1.1",
4
4
  "description": "",
5
5
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
6
6
  "repository": {
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  import { PropsWithChildren } from 'react';
3
2
  import { IClientStorageComponent } from '../components/ClientStorageComponent';
4
3
  import { IHtmlComponent } from '../components/HtmlComponent';
@@ -30,5 +29,5 @@ export interface IComponents {
30
29
  export interface IComponentsProviderProps extends PropsWithChildren<any> {
31
30
  components: IComponents;
32
31
  }
33
- export declare const ComponentsContext: React.Context<IComponents>;
32
+ export declare const ComponentsContext: import("react").Context<IComponents>;
34
33
  export default function ComponentsProvider(props: IComponentsProviderProps): JSX.Element;
@@ -1,32 +1,21 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
24
12
  };
25
13
  exports.__esModule = true;
26
14
  exports.ComponentsContext = void 0;
27
- var React = __importStar(require("react"));
28
- exports.ComponentsContext = React.createContext({});
15
+ var jsx_runtime_1 = require("react/jsx-runtime");
16
+ var react_1 = require("react");
17
+ exports.ComponentsContext = (0, react_1.createContext)({});
29
18
  function ComponentsProvider(props) {
30
- return (React.createElement(exports.ComponentsContext.Provider, { value: props.components }, props.children));
19
+ return ((0, jsx_runtime_1.jsx)(exports.ComponentsContext.Provider, __assign({ value: props.components }, { children: props.children })));
31
20
  }
32
21
  exports["default"] = ComponentsProvider;
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  import { PropsWithChildren } from 'react';
3
2
  export interface IScreen {
4
3
  width: number;
@@ -9,7 +8,7 @@ export interface IScreen {
9
8
  isDesktop: () => boolean;
10
9
  getDeviceType: () => string;
11
10
  }
12
- export declare const ScreenContext: React.Context<IScreen>;
11
+ export declare const ScreenContext: import("react").Context<IScreen>;
13
12
  export interface IScreenProviderProps extends PropsWithChildren<any> {
14
13
  media?: Record<string, any>;
15
14
  skipTimeout?: boolean;
@@ -1,33 +1,21 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
24
12
  };
25
13
  exports.__esModule = true;
26
14
  exports.SCREEN_DESKTOP = exports.SCREEN_TABLET = exports.SCREEN_PHONE = exports.ScreenContext = void 0;
27
- var React = __importStar(require("react"));
15
+ var jsx_runtime_1 = require("react/jsx-runtime");
28
16
  var react_1 = require("react");
29
17
  var react_use_1 = require("react-use");
30
- exports.ScreenContext = React.createContext({});
18
+ exports.ScreenContext = (0, react_1.createContext)({});
31
19
  exports.SCREEN_PHONE = 'phone';
32
20
  exports.SCREEN_TABLET = 'tablet';
33
21
  exports.SCREEN_DESKTOP = 'desktop';
@@ -86,6 +74,6 @@ function ScreenProvider(props) {
86
74
  isDesktop,
87
75
  getDeviceType,
88
76
  ]);
89
- return (React.createElement(exports.ScreenContext.Provider, { value: value }, props.children));
77
+ return ((0, jsx_runtime_1.jsx)(exports.ScreenContext.Provider, __assign({ value: value }, { children: props.children })));
90
78
  }
91
79
  exports["default"] = ScreenProvider;
@@ -1,4 +1,3 @@
1
- import * as React from 'react';
2
1
  import { PropsWithChildren } from 'react';
3
2
  import { StaticRouterContext } from 'react-router';
4
3
  export interface IPreloadedData {
@@ -15,7 +14,7 @@ export interface ISsr {
15
14
  preloadedData?: IPreloadedData;
16
15
  preloadedErrors?: IPreloadedErrors;
17
16
  }
18
- export declare const SsrProviderContext: React.Context<ISsr>;
17
+ export declare const SsrProviderContext: import("react").Context<ISsr>;
19
18
  export interface ISsrProviderProps extends ISsr, PropsWithChildren<any> {
20
19
  }
21
20
  export default function SsrProvider(props: ISsrProviderProps): JSX.Element;
@@ -1,38 +1,26 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
24
12
  };
25
13
  exports.__esModule = true;
26
14
  exports.SsrProviderContext = void 0;
27
- var React = __importStar(require("react"));
15
+ var jsx_runtime_1 = require("react/jsx-runtime");
28
16
  var react_1 = require("react");
29
- exports.SsrProviderContext = React.createContext(null);
17
+ exports.SsrProviderContext = (0, react_1.createContext)(null);
30
18
  function SsrProvider(props) {
31
19
  var value = (0, react_1.useMemo)(function () { return ({
32
20
  history: props.history,
33
21
  staticContext: props.staticContext,
34
22
  preloadedData: props.preloadedData
35
23
  }); }, [props.history, props.preloadedData, props.staticContext]);
36
- return (React.createElement(exports.SsrProviderContext.Provider, { value: value }, props.children));
24
+ return ((0, jsx_runtime_1.jsx)(exports.SsrProviderContext.Provider, __assign({ value: value }, { children: props.children })));
37
25
  }
38
26
  exports["default"] = SsrProvider;
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
1
+ import { Dispatch, PropsWithChildren } from 'react';
2
2
  export interface ITheme {
3
3
  theme: string;
4
4
  toggleTheme: VoidFunction;
5
- setTheme: React.Dispatch<any>;
5
+ setTheme: Dispatch<any>;
6
6
  }
7
- export interface IThemeProviderProps extends React.PropsWithChildren<any> {
7
+ export interface IThemeProviderProps extends PropsWithChildren<any> {
8
8
  themes?: string[];
9
9
  themeStorageKey?: string;
10
10
  }
11
11
  export declare const LIGHT_THEME = "light";
12
12
  export declare const DARK_THEME = "dark";
13
- export declare const ThemeContext: React.Context<ITheme>;
13
+ export declare const ThemeContext: import("react").Context<ITheme>;
14
14
  export default function ThemeProvider(props: IThemeProviderProps): JSX.Element;
@@ -1,30 +1,19 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
24
12
  };
25
13
  exports.__esModule = true;
26
14
  exports.ThemeContext = exports.DARK_THEME = exports.LIGHT_THEME = void 0;
27
- var React = __importStar(require("react"));
15
+ var jsx_runtime_1 = require("react/jsx-runtime");
16
+ var react_1 = require("react");
28
17
  var hooks_1 = require("../hooks");
29
18
  exports.LIGHT_THEME = 'light';
30
19
  exports.DARK_THEME = 'dark';
@@ -33,13 +22,13 @@ var DEFAULT_THEMES = [
33
22
  exports.DARK_THEME,
34
23
  ];
35
24
  var DEFAULT_THEME_STORAGE_KEY = 'theme';
36
- exports.ThemeContext = React.createContext({});
25
+ exports.ThemeContext = (0, react_1.createContext)({});
37
26
  function ThemeProvider(props) {
38
27
  var themes = props.themes || DEFAULT_THEMES;
39
28
  var themeStorageKey = props.themeStorageKey || DEFAULT_THEME_STORAGE_KEY;
40
29
  var clientStorage = (0, hooks_1.useComponents)().clientStorage;
41
- var _a = React.useState(clientStorage.get(themeStorageKey) || themes[0]), theme = _a[0], setTheme = _a[1];
42
- var toggleTheme = React.useCallback(function () {
30
+ var _a = (0, react_1.useState)(clientStorage.get(themeStorageKey) || themes[0]), theme = _a[0], setTheme = _a[1];
31
+ var toggleTheme = (0, react_1.useCallback)(function () {
43
32
  var themesExpectedCount = 2;
44
33
  if (themes.length !== themesExpectedCount) {
45
34
  throw new Error('toggleTheme callback can only be used if the number of themes is two');
@@ -48,15 +37,15 @@ function ThemeProvider(props) {
48
37
  var darkTheme = themes[1];
49
38
  setTheme(theme === lightTheme ? darkTheme : lightTheme);
50
39
  }, [theme, themes]);
51
- React.useEffect(function () {
40
+ (0, react_1.useEffect)(function () {
52
41
  document.querySelector('html').setAttribute('data-theme', theme);
53
42
  clientStorage.set(themeStorageKey, theme);
54
43
  }, [theme, clientStorage, themeStorageKey]);
55
- var value = React.useMemo(function () { return ({
44
+ var value = (0, react_1.useMemo)(function () { return ({
56
45
  theme: theme,
57
46
  toggleTheme: toggleTheme,
58
47
  setTheme: setTheme
59
48
  }); }, [theme, toggleTheme]);
60
- return (React.createElement(exports.ThemeContext.Provider, { value: value }, props.children));
49
+ return ((0, jsx_runtime_1.jsx)(exports.ThemeContext.Provider, __assign({ value: value }, { children: props.children })));
61
50
  }
62
51
  exports["default"] = ThemeProvider;
@@ -10,4 +10,3 @@ export declare const getListItems: (state: any, listId: any) => any;
10
10
  export declare const getSelectedIds: (state: any, listId: any) => any;
11
11
  export declare const isSelected: (state: any, listId: any, itemId: any) => any;
12
12
  export declare const isSelectedAll: (state: any, listId: any) => any;
13
- export declare const getCheckedIds: (state: any, listId: any) => any;
package/reducers/list.js CHANGED
@@ -24,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
24
24
  };
25
25
  var _a;
26
26
  exports.__esModule = true;
27
- exports.getCheckedIds = exports.isSelectedAll = exports.isSelected = exports.getSelectedIds = exports.getListItems = exports.getIds = exports.getList = exports.isListInitialized = void 0;
27
+ exports.isSelectedAll = exports.isSelected = exports.getSelectedIds = exports.getListItems = exports.getIds = exports.getList = exports.isListInitialized = void 0;
28
28
  var every_1 = __importDefault(require("lodash-es/every"));
29
29
  var extend_1 = __importDefault(require("lodash-es/extend"));
30
30
  var get_1 = __importDefault(require("lodash-es/get"));
@@ -144,6 +144,10 @@ var reducerMap = (_a = {},
144
144
  var _a;
145
145
  return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { action: action.action }), _a)) }));
146
146
  },
147
+ _a[list_1.LIST_CHANGE_CONFIG] = function (state, action) {
148
+ var _a;
149
+ return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), action.payload), _a)) }));
150
+ },
147
151
  _a);
148
152
  // eslint-disable-next-line default-param-last
149
153
  exports["default"] = (function (state, action) {
@@ -173,6 +177,3 @@ var isSelectedAll = function (state, listId) {
173
177
  && (0, every_1["default"])((0, exports.getIds)(state, listId).map(function (id) { return selectedIds.includes(id); })));
174
178
  };
175
179
  exports.isSelectedAll = isSelectedAll;
176
- // deprecated
177
- var getCheckedIds = function (state, listId) { return (0, get_1["default"])(state, ['list', 'selectedIds', listId]) || []; };
178
- exports.getCheckedIds = getCheckedIds;
@@ -1,15 +1,15 @@
1
- import * as React from 'react';
1
+ import { ReactElement, ReactNode } from 'react';
2
2
  export interface IAccordionIcon {
3
3
  /**
4
4
  * Пользовательская иконка открытия
5
5
  * @example 'user'
6
6
  */
7
- open: React.ReactElement | string;
7
+ open: ReactElement | string;
8
8
  /**
9
9
  * Пользовательская иконка закрытия
10
10
  * @example 'user'
11
11
  */
12
- close: React.ReactElement | string;
12
+ close: ReactElement | string;
13
13
  }
14
14
  /**
15
15
  * Accordion
@@ -32,7 +32,7 @@ export interface IAccordionProps extends IUiComponent {
32
32
  /**
33
33
  * Дочерние элементы
34
34
  */
35
- children?: React.ReactNode;
35
+ children?: ReactNode;
36
36
  /**
37
37
  * Переводит Accordion в выключенное состояние
38
38
  * @example true
@@ -42,7 +42,7 @@ export interface IAccordionProps extends IUiComponent {
42
42
  * Пользовательская иконка svg или название иконки или объект с иконками open и close
43
43
  * @example 'circle'
44
44
  */
45
- icon?: IAccordionIcon | React.ReactElement | string;
45
+ icon?: IAccordionIcon | ReactElement | string;
46
46
  /**
47
47
  * Включает режим в котором можно открыть только один AccordionItem
48
48
  * @example true
@@ -10,29 +10,6 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- var desc = Object.getOwnPropertyDescriptor(m, k);
16
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
- desc = { enumerable: true, get: function() { return m[k]; } };
18
- }
19
- Object.defineProperty(o, k2, desc);
20
- }) : (function(o, m, k, k2) {
21
- if (k2 === undefined) k2 = k;
22
- o[k2] = m[k];
23
- }));
24
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
- Object.defineProperty(o, "default", { enumerable: true, value: v });
26
- }) : function(o, v) {
27
- o["default"] = v;
28
- });
29
- var __importStar = (this && this.__importStar) || function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
13
  var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
37
14
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
38
15
  if (ar || !(i in from)) {
@@ -43,14 +20,14 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
43
20
  return to.concat(ar || Array.prototype.slice.call(from));
44
21
  };
45
22
  exports.__esModule = true;
46
- var React = __importStar(require("react"));
23
+ var jsx_runtime_1 = require("react/jsx-runtime");
47
24
  var react_1 = require("react");
48
25
  var hooks_1 = require("../../../hooks");
49
26
  function Accordion(props) {
50
- var _a = React.useState(function () { return props.isInitialOpenAll
51
- ? React.Children.map(props.children, function (_, index) { return index; }) || []
27
+ var _a = (0, react_1.useState)(function () { return props.isInitialOpenAll
28
+ ? react_1.Children.map(props.children, function (_, index) { return index; }) || []
52
29
  : []; }), selectedAccordionItems = _a[0], setSelectedAccordionItems = _a[1];
53
- React.useEffect(function () {
30
+ (0, react_1.useEffect)(function () {
54
31
  if (props.onChange) {
55
32
  props.onChange();
56
33
  }
@@ -85,7 +62,7 @@ function Accordion(props) {
85
62
  children: props.children
86
63
  }); }, [props.children, props.className]);
87
64
  var AccordionView = components.ui.getView(props.view || 'content.AccordionView');
88
- return (React.createElement(AccordionView, __assign({}, viewProps), React.Children.map(props.children, function (child, index) { return React.cloneElement(child, __assign({ style: props.style, activeKey: props.activeKey, childIndex: index, toggleCollapse: toggleCollapse, toggleAccordion: toggleAccordion, hasOneOpenItem: props.hasOneOpenItem, isShowMore: (selectedAccordionItems || []).includes(index), icon: props.icon, showIcon: props.showIcon }, child.props)); })));
65
+ return ((0, jsx_runtime_1.jsx)(AccordionView, __assign({}, viewProps, { children: react_1.Children.map(props.children, function (child, index) { return (0, react_1.cloneElement)(child, __assign({ style: props.style, activeKey: props.activeKey, childIndex: index, toggleCollapse: toggleCollapse, toggleAccordion: toggleAccordion, hasOneOpenItem: props.hasOneOpenItem, isShowMore: (selectedAccordionItems || []).includes(index), icon: props.icon, showIcon: props.showIcon }, child.props)); }) })));
89
66
  }
90
67
  Accordion.defaultProps = {
91
68
  isInitialOpenAll: false