@steroidsjs/core 3.0.94 → 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.
- package/actions/list.d.ts +6 -0
- package/actions/list.js +8 -1
- package/components/HtmlComponent.d.ts +3 -3
- package/components/HttpComponent.d.ts +18 -15
- package/components/HttpComponent.js +40 -18
- package/components/LocaleComponent.js +5 -28
- package/components/UiComponent.d.ts +0 -1
- package/components/UiComponent.js +2 -25
- package/docs-autogen-result.json +86 -60
- package/hooks/useAbsolutePositioning.d.ts +2 -2
- package/hooks/useApplication.js +6 -29
- package/hooks/useFetch.d.ts +3 -8
- package/hooks/useFetch.js +18 -12
- package/hooks/useList.js +24 -32
- package/hooks/useListField.js +3 -25
- package/hooks/useTree.d.ts +3 -3
- package/package.json +1 -1
- package/providers/ComponentsProvider.d.ts +1 -2
- package/providers/ComponentsProvider.js +14 -25
- package/providers/ScreenProvider.d.ts +1 -2
- package/providers/ScreenProvider.js +13 -25
- package/providers/SsrProvider.d.ts +1 -2
- package/providers/SsrProvider.js +13 -25
- package/providers/ThemeProvider.d.ts +4 -4
- package/providers/ThemeProvider.js +18 -29
- package/reducers/list.d.ts +0 -1
- package/reducers/list.js +5 -4
- package/ui/content/Accordion/Accordion.d.ts +5 -5
- package/ui/content/Accordion/Accordion.js +5 -28
- package/ui/content/Alert/Alert.d.ts +2 -2
- package/ui/content/Avatar/Avatar.d.ts +2 -2
- package/ui/content/Avatar/AvatarGroup.d.ts +2 -2
- package/ui/content/Avatar/AvatarGroup.js +3 -25
- package/ui/content/CalendarSystem/CalendarSystem.d.ts +5 -5
- package/ui/content/CalendarSystem/CalendarSystem.js +2 -2
- package/ui/content/CalendarSystem/hooks/useCalendarControls.d.ts +3 -3
- package/ui/content/CalendarSystem/hooks/useCalendarControls.js +2 -25
- package/ui/content/CalendarSystem/hooks/useCalendarSystem.d.ts +3 -3
- package/ui/content/CalendarSystem/hooks/useCalendarSystem.js +8 -31
- package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.d.ts +0 -1
- package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.js +4 -4
- package/ui/content/CalendarSystem/hooks/useCalendarSystemModals.d.ts +2 -2
- package/ui/content/CalendarSystem/hooks/useCalendarSystemModals.js +6 -6
- package/ui/content/CalendarSystem/hooks/useCalendarType.js +3 -3
- package/ui/content/CalendarSystem/hooks/useEventsFromDate.js +2 -2
- package/ui/content/CalendarSystem/hooks/useExpandClickAway.d.ts +3 -3
- package/ui/content/CalendarSystem/hooks/useExpandClickAway.js +3 -6
- package/ui/content/Card/Card.d.ts +3 -3
- package/ui/content/Chat/Chat.d.ts +3 -3
- package/ui/content/Chat/Chat.js +3 -25
- package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +4 -4
- package/ui/content/Dashboard/Dashboard.d.ts +2 -2
- package/ui/content/Dashboard/Dashboard.js +4 -26
- package/ui/content/Detail/Detail.d.ts +3 -3
- package/ui/content/Detail/Detail.js +3 -26
- package/ui/content/Detail/DetailItem.d.ts +3 -3
- package/ui/content/DropDown/DropDown.d.ts +2 -2
- package/ui/content/DropDown/DropDown.js +5 -31
- package/ui/content/Kanban/Kanban.js +15 -26
- package/ui/content/Kanban/hooks/useKanban.js +7 -30
- package/ui/content/Menu/Menu.d.ts +3 -3
- package/ui/content/Slider/Slider.d.ts +2 -2
- package/ui/content/Slider/Slider.js +2 -5
- package/ui/crud/Crud/Crud.d.ts +4 -5
- package/ui/crud/Crud/Crud.js +2 -25
- package/ui/crud/Crud/CrudContent.js +8 -35
- package/ui/crud/Crud/CrudModal.js +2 -26
- package/ui/form/AutoCompleteField/AutoCompleteField.d.ts +2 -2
- package/ui/form/BlankField/BlankField.d.ts +3 -3
- package/ui/form/BlankField/BlankField.js +2 -25
- package/ui/form/Button/Button.d.ts +2 -2
- package/ui/form/Button/Button.js +2 -25
- package/ui/form/CheckboxField/CheckboxField.d.ts +2 -2
- package/ui/form/CheckboxField/CheckboxField.js +2 -25
- package/ui/form/CheckboxListField/CheckboxListField.d.ts +1 -1
- package/ui/form/CheckboxTreeField/CheckboxTreeField.js +3 -25
- package/ui/form/DateField/DateField.d.ts +2 -2
- package/ui/form/DateRangeField/DateRangeField.d.ts +3 -3
- package/ui/form/DateTimeField/DateTimeField.d.ts +2 -2
- package/ui/form/DropDownField/DropDownField.d.ts +3 -3
- package/ui/form/DropDownField/DropDownField.js +3 -26
- package/ui/form/EmailField/EmailField.js +3 -26
- package/ui/form/EmailField/hooks/useInputTypeEmail.d.ts +3 -3
- package/ui/form/EmailField/hooks/useInputTypeEmail.js +3 -6
- package/ui/form/Field/Field.d.ts +2 -2
- package/ui/form/Field/Field.js +3 -26
- package/ui/form/Field/fieldWrapper.js +2 -25
- package/ui/form/FieldLayout/FieldLayout.d.ts +3 -3
- package/ui/form/FieldLayout/FieldLayout.js +1 -25
- package/ui/form/FieldList/FieldList.d.ts +2 -2
- package/ui/form/FieldList/FieldList.js +17 -16
- package/ui/form/FieldSet/FieldSet.d.ts +2 -2
- package/ui/form/FieldSet/FieldSet.js +5 -30
- package/ui/form/FileField/FileField.js +5 -27
- package/ui/form/Form/Form.d.ts +7 -11
- package/ui/form/Form/Form.js +6 -32
- package/ui/form/ImageField/ImageField.js +2 -25
- package/ui/form/InputField/InputField.d.ts +5 -6
- package/ui/form/InputField/InputField.js +2 -26
- package/ui/form/MaskField/MaskField.js +2 -2
- package/ui/form/NavField/NavField.js +3 -25
- package/ui/form/NumberField/NumberField.d.ts +1 -1
- package/ui/form/NumberField/NumberField.js +2 -25
- package/ui/form/NumberField/hooks/useInputTypeNumber.d.ts +3 -3
- package/ui/form/NumberField/hooks/useInputTypeNumber.js +2 -5
- package/ui/form/RadioField/RadioField.js +2 -2
- package/ui/form/RadioListField/RadioListField.js +2 -2
- package/ui/form/SliderField/SliderField.d.ts +2 -2
- package/ui/form/SwitcherField/SwitcherField.js +2 -2
- package/ui/form/SwitcherListField/SwitcherListField.js +2 -2
- package/ui/form/TextField/TextField.d.ts +2 -2
- package/ui/form/WizardForm/WizardForm.d.ts +4 -4
- package/ui/form/WizardForm/WizardForm.js +3 -27
- package/ui/form/WizardForm/utils.d.ts +2 -2
- package/ui/format/BooleanFormatter/BooleanFormatter.d.ts +2 -2
- package/ui/layout/Header/Header.d.ts +3 -3
- package/ui/layout/Meta/Meta.js +6 -15
- package/ui/layout/Notifications/Notifications.d.ts +2 -2
- package/ui/layout/Notifications/Notifications.js +3 -25
- package/ui/layout/Portal.d.ts +3 -3
- package/ui/layout/ProgressBar/ProgressBar.d.ts +3 -3
- package/ui/layout/ProgressBar/ProgressBar.js +4 -26
- package/ui/layout/Sidebar/Sidebar.d.ts +3 -3
- package/ui/layout/Sidebar/Sidebar.js +2 -25
- package/ui/layout/Skeleton/Skeleton.d.ts +3 -3
- package/ui/layout/Tooltip/Tooltip.js +19 -34
- package/ui/layout/Tooltip/TooltipPortalInner.d.ts +3 -3
- package/ui/layout/Tooltip/TooltipPortalInner.js +2 -25
- package/ui/list/Empty/Empty.d.ts +3 -3
- package/ui/list/Empty/Empty.js +2 -25
- package/ui/list/FlexGrid/FlexGrid.d.ts +2 -2
- package/ui/list/Grid/Grid.d.ts +3 -3
- package/ui/list/Grid/Grid.js +5 -27
- package/ui/list/InfiniteScroll/InfiniteScroll.d.ts +2 -2
- package/ui/list/InfiniteScroll/InfiniteScroll.js +3 -25
- package/ui/list/LayoutNames/LayoutNames.d.ts +2 -2
- package/ui/list/LayoutNames/LayoutNames.js +2 -25
- package/ui/list/List/List.js +3 -26
- package/ui/list/Pagination/Pagination.d.ts +2 -2
- package/ui/list/Pagination/Pagination.js +4 -27
- package/ui/list/PaginationSize/PaginationSize.d.ts +2 -2
- package/ui/list/PaginationSize/PaginationSize.js +2 -25
- package/ui/list/SearchForm/SearchForm.d.ts +2 -2
- package/ui/list/SearchForm/SearchForm.js +3 -26
- package/ui/list/Steps/Steps.d.ts +4 -4
- package/ui/list/TreeTable/TreeTable.d.ts +3 -3
- package/ui/list/TreeTable/TreeTable.js +4 -27
- package/ui/modal/Modal/Modal.js +3 -25
- package/ui/modal/ModalPortal/ModalPortal.js +3 -25
- package/ui/modal/TwoFactorModal/TwoFactorModal.js +4 -5
- package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/ui/nav/Link/Link.js +2 -25
- package/ui/nav/Nav/Nav.js +3 -25
- package/ui/nav/Router/Router.d.ts +3 -3
- package/ui/nav/Router/Router.js +14 -35
- package/ui/nav/Tree/Tree.d.ts +4 -4
- package/ui/typography/Text/Text.d.ts +2 -2
- package/ui/typography/Title/Title.d.ts +2 -2
- package/utils/createAxiosError.d.ts +9 -0
- 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 =
|
|
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
|
-
?
|
|
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 (
|
|
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
|
-
? (
|
|
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
|
-
? (
|
|
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 (
|
|
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 (
|
|
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
|
|
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 (
|
|
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'
|
package/hooks/useListField.js
CHANGED
|
@@ -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 =
|
|
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 (
|
|
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,
|
package/hooks/useTree.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IButtonProps } from '@steroidsjs/core/ui/form/Button/Button';
|
|
2
|
-
import
|
|
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 |
|
|
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 |
|
|
38
|
+
onItemFocus: (e: Event | MouseEvent | any) => void;
|
|
39
39
|
}
|
|
40
40
|
export interface ITreeConfig {
|
|
41
41
|
/**
|
package/package.json
CHANGED
|
@@ -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:
|
|
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
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
|
28
|
-
|
|
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 (
|
|
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:
|
|
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
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
|
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 =
|
|
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 (
|
|
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:
|
|
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;
|
package/providers/SsrProvider.js
CHANGED
|
@@ -1,38 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
|
15
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
16
|
var react_1 = require("react");
|
|
29
|
-
exports.SsrProviderContext =
|
|
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 (
|
|
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
|
|
1
|
+
import { Dispatch, PropsWithChildren } from 'react';
|
|
2
2
|
export interface ITheme {
|
|
3
3
|
theme: string;
|
|
4
4
|
toggleTheme: VoidFunction;
|
|
5
|
-
setTheme:
|
|
5
|
+
setTheme: Dispatch<any>;
|
|
6
6
|
}
|
|
7
|
-
export interface IThemeProviderProps extends
|
|
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:
|
|
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
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
|
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 =
|
|
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 =
|
|
42
|
-
var toggleTheme =
|
|
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
|
-
|
|
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 =
|
|
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 (
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)(exports.ThemeContext.Provider, __assign({ value: value }, { children: props.children })));
|
|
61
50
|
}
|
|
62
51
|
exports["default"] = ThemeProvider;
|
package/reducers/list.d.ts
CHANGED
|
@@ -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.
|
|
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
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
2
|
export interface IAccordionIcon {
|
|
3
3
|
/**
|
|
4
4
|
* Пользовательская иконка открытия
|
|
5
5
|
* @example 'user'
|
|
6
6
|
*/
|
|
7
|
-
open:
|
|
7
|
+
open: ReactElement | string;
|
|
8
8
|
/**
|
|
9
9
|
* Пользовательская иконка закрытия
|
|
10
10
|
* @example 'user'
|
|
11
11
|
*/
|
|
12
|
-
close:
|
|
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?:
|
|
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 |
|
|
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
|
|
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 =
|
|
51
|
-
?
|
|
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
|
-
|
|
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 (
|
|
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
|