@steroidsjs/core 3.0.93 → 3.0.94
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/auth.js +1 -0
- package/actions/list.js +12 -10
- package/actions/notifications.d.ts +1 -1
- package/actions/notifications.js +5 -3
- package/components/ClientStorageComponent.js +1 -1
- package/components/HttpComponent.js +3 -3
- package/components/JwtHttpComponent.js +2 -2
- package/components/LocaleComponent.js +4 -3
- package/components/MetricsComponent.js +1 -1
- package/components/ResourceComponent.d.ts +2 -0
- package/components/ResourceComponent.js +9 -3
- package/components/SocialComponent.js +3 -1
- package/components/StoreComponent.d.ts +33 -21
- package/components/StoreComponent.js +5 -10
- package/components/UiComponent.js +1 -1
- package/components/social/GitlabProvider.js +3 -1
- package/docs-autogen-result.json +83 -41
- package/en.json +7 -1
- package/hooks/index.d.ts +5 -5
- package/hooks/index.js +10 -10
- package/hooks/useAddressBar.js +13 -9
- package/hooks/useApplication.d.ts +9 -9
- package/hooks/useApplication.js +17 -15
- package/hooks/useDataProvider.js +13 -7
- package/hooks/useDataSelect.js +4 -4
- package/hooks/useFetch.d.ts +6 -7
- package/hooks/useFetch.js +2 -2
- package/hooks/useFile.js +12 -7
- package/hooks/useLayout.js +25 -23
- package/hooks/useList.d.ts +4 -4
- package/hooks/useList.js +28 -22
- package/hooks/useListField.js +1 -1
- package/hooks/useSaveCursorPosition.js +1 -1
- package/hooks/useTree.d.ts +1 -1
- package/hooks/useTree.js +7 -6
- package/hooks/useUniqueId.js +1 -1
- package/index.d.ts +49 -0
- package/package.json +4 -4
- package/providers/ComponentsProvider.d.ts +5 -5
- package/providers/SsrProvider.js +7 -6
- package/providers/index.d.ts +1 -1
- package/providers/index.js +2 -2
- package/reducers/auth.js +1 -0
- package/reducers/fields.js +2 -1
- package/reducers/form.js +4 -3
- package/reducers/index.d.ts +1 -1
- package/reducers/index.js +2 -2
- package/reducers/list.js +3 -2
- package/reducers/modal.js +2 -1
- package/reducers/notifications.js +2 -1
- package/reducers/router.js +13 -7
- package/ui/content/Accordion/index.d.ts +1 -1
- package/ui/content/Accordion/index.js +2 -2
- package/ui/content/Alert/Alert.d.ts +1 -1
- package/ui/content/Badge/Badge.d.ts +1 -1
- package/ui/content/Calendar/Calendar.js +2 -2
- package/ui/content/CalendarSystem/CalendarSystem.d.ts +2 -2
- package/ui/content/CalendarSystem/CalendarSystem.js +2 -2
- package/ui/content/CalendarSystem/hooks/useCalendarControls.js +5 -3
- package/ui/content/CalendarSystem/hooks/useCalendarSystem.js +11 -11
- package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.d.ts +1 -1
- package/ui/content/CalendarSystem/hooks/useCalendarSystemEventGroupModals.js +2 -2
- package/ui/content/CalendarSystem/hooks/useCalendarSystemModals.js +6 -4
- package/ui/content/CalendarSystem/hooks/useDisplayDate.js +1 -1
- package/ui/content/CalendarSystem/hooks/useEventsFromDate.js +1 -1
- package/ui/content/CalendarSystem/utils/utils.js +6 -4
- package/ui/content/Card/Card.d.ts +1 -1
- package/ui/content/Chat/Chat.d.ts +1 -1
- package/ui/content/Chat/Chat.js +1 -1
- package/ui/content/Chat/hooks/useChat.js +5 -5
- package/ui/content/Chat/utils/addNewMessageIntoGroupedMessages.js +1 -1
- package/ui/content/Chat/utils/calculateMessageTimeAgo.js +6 -2
- package/ui/content/Chat/utils/getMessagesGroupedByDate.d.ts +1 -1
- package/ui/content/Chat/utils/getMessagesGroupedByDate.js +1 -1
- package/ui/content/Chat/utils/index.d.ts +1 -1
- package/ui/content/Chat/utils/index.js +3 -3
- package/ui/content/CopyToClipboard/CopyToClipboard.js +1 -1
- package/ui/content/Dashboard/Dashboard.js +1 -1
- package/ui/content/Detail/Detail.js +5 -3
- package/ui/content/DropDown/DropDown.js +1 -1
- package/ui/content/Kanban/Kanban.d.ts +3 -3
- package/ui/content/Kanban/Kanban.js +4 -4
- package/ui/content/Kanban/enums/KanbanPrioritiesEnum.d.ts +1 -1
- package/ui/content/Kanban/enums/KanbanPrioritiesEnum.js +6 -2
- package/ui/content/Kanban/enums/index.d.ts +1 -1
- package/ui/content/Kanban/enums/index.js +2 -2
- package/ui/content/Kanban/hooks/useKanban.js +2 -2
- package/ui/content/Kanban/reducers/kanban.js +1 -0
- package/ui/content/Slider/Slider.d.ts +1 -1
- package/ui/content/Slider/Slider.js +0 -1
- package/ui/content/index.d.ts +7 -7
- package/ui/content/index.js +15 -15
- package/ui/crud/Crud/Crud.js +4 -4
- package/ui/crud/Crud/CrudContent.d.ts +2 -2
- package/ui/crud/Crud/CrudContent.js +11 -5
- package/ui/crud/Crud/CrudModal.js +1 -1
- package/ui/crud/Crud/utils.js +5 -3
- package/ui/crud/index.d.ts +1 -1
- package/ui/form/AutoCompleteField/AutoCompleteField.js +2 -2
- package/ui/form/BlankField/BlankField.js +1 -1
- package/ui/form/Button/Button.d.ts +2 -2
- package/ui/form/Button/Button.js +4 -2
- package/ui/form/Button/index.js +1 -0
- package/ui/form/CheckboxField/CheckboxField.js +5 -3
- package/ui/form/CheckboxListField/CheckboxListField.d.ts +1 -1
- package/ui/form/CheckboxListField/CheckboxListField.js +1 -1
- package/ui/form/CheckboxTreeField/CheckboxTreeField.d.ts +3 -3
- package/ui/form/CheckboxTreeField/CheckboxTreeField.js +3 -3
- package/ui/form/DateField/DateField.d.ts +2 -2
- package/ui/form/DateField/DateField.js +7 -7
- package/ui/form/DateField/useDateInputState.js +1 -1
- package/ui/form/DateField/useDateRange.js +3 -3
- package/ui/form/DateField/useDateTime.js +1 -1
- package/ui/form/DateRangeField/DateRangeField.d.ts +2 -2
- package/ui/form/DateRangeField/DateRangeField.js +15 -13
- package/ui/form/DateTimeField/DateTimeField.d.ts +1 -1
- package/ui/form/DateTimeField/DateTimeField.js +9 -9
- package/ui/form/DateTimeField/utils.js +12 -3
- package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts +1 -1
- package/ui/form/DateTimeRangeField/DateTimeRangeField.js +15 -13
- package/ui/form/DropDownField/DropDownField.d.ts +3 -3
- package/ui/form/DropDownField/DropDownField.js +5 -5
- package/ui/form/EmailField/EmailField.d.ts +1 -1
- package/ui/form/EmailField/EmailField.js +2 -2
- package/ui/form/Field/Field.js +3 -3
- package/ui/form/Field/fieldWrapper.js +6 -6
- package/ui/form/FieldLayout/FieldLayout.js +1 -1
- package/ui/form/FieldList/FieldList.js +15 -11
- package/ui/form/FieldSet/FieldSet.js +5 -3
- package/ui/form/FileField/FileField.d.ts +1 -1
- package/ui/form/FileField/FileField.js +2 -2
- package/ui/form/Form/Form.d.ts +2 -2
- package/ui/form/Form/Form.js +28 -25
- package/ui/form/HtmlField/HtmlField.js +2 -2
- package/ui/form/ImageField/ImageField.d.ts +2 -2
- package/ui/form/ImageField/ImageField.js +4 -4
- package/ui/form/InputField/InputField.d.ts +2 -2
- package/ui/form/InputField/InputField.js +11 -11
- package/ui/form/NavField/NavField.d.ts +2 -2
- package/ui/form/NavField/NavField.js +3 -3
- package/ui/form/NumberField/NumberField.d.ts +2 -2
- package/ui/form/NumberField/NumberField.js +5 -4
- package/ui/form/NumberField/hooks/useInputTypeNumber.js +2 -2
- package/ui/form/PasswordField/PasswordField.d.ts +1 -1
- package/ui/form/PasswordField/PasswordField.js +3 -1
- package/ui/form/RateField/RateField.js +2 -2
- package/ui/form/SliderField/SliderField.d.ts +1 -1
- package/ui/form/SliderField/SliderField.js +2 -2
- package/ui/form/TextField/TextField.js +1 -1
- package/ui/form/TimeField/TimeField.js +8 -8
- package/ui/form/TimeField/utils.js +9 -2
- package/ui/form/TimeRangeField/TimeRangeField.js +11 -11
- package/ui/form/WizardForm/WizardForm.d.ts +1 -1
- package/ui/form/WizardForm/WizardForm.js +4 -4
- package/ui/form/WizardForm/utils.d.ts +1 -1
- package/ui/form/WizardForm/utils.js +3 -3
- package/ui/form/index.d.ts +2 -2
- package/ui/form/index.js +4 -4
- package/ui/form/validate.js +5 -5
- package/ui/format/EnumFormatter/EnumFormatter.js +3 -1
- package/ui/format/Format/Format.js +1 -1
- package/ui/layout/Header/Header.d.ts +3 -3
- package/ui/layout/Loader/Loader.d.ts +1 -1
- package/ui/layout/Notifications/Notifications.d.ts +1 -1
- package/ui/layout/Notifications/Notifications.js +3 -3
- package/ui/layout/ProgressBar/ProgressBar.js +1 -1
- package/ui/layout/Sidebar/Sidebar.d.ts +1 -1
- package/ui/layout/Tooltip/Tooltip.js +1 -1
- package/ui/layout/index.d.ts +1 -1
- package/ui/layout/index.js +2 -2
- package/ui/list/CheckboxColumn/CheckboxColumn.js +1 -1
- package/ui/list/Empty/Empty.js +6 -2
- package/ui/list/Grid/Grid.d.ts +1 -1
- package/ui/list/Grid/Grid.js +6 -4
- package/ui/list/InfiniteScroll/InfiniteScroll.js +5 -3
- package/ui/list/LayoutNames/LayoutNames.d.ts +2 -2
- package/ui/list/LayoutNames/LayoutNames.js +5 -3
- package/ui/list/Pagination/Pagination.js +4 -2
- package/ui/list/PaginationSize/PaginationSize.d.ts +1 -1
- package/ui/list/PaginationSize/PaginationSize.js +5 -3
- package/ui/list/SearchForm/SearchForm.js +1 -1
- package/ui/list/Steps/Steps.js +1 -1
- package/ui/list/TreeTable/TreeTable.d.ts +1 -1
- package/ui/list/TreeTable/TreeTable.js +9 -7
- package/ui/modal/ModalPortal/ModalPortal.js +2 -2
- package/ui/modal/TwoFactorModal/TwoFactorModal.js +3 -1
- package/ui/nav/ButtonGroup/ButtonGroup.d.ts +1 -1
- package/ui/nav/Controls/Controls.d.ts +1 -1
- package/ui/nav/Nav/Nav.js +2 -2
- package/ui/nav/Router/Router.js +10 -8
- package/ui/nav/Router/helpers.js +1 -1
- package/ui/nav/index.d.ts +3 -3
- package/ui/nav/index.js +6 -6
- package/ui/typography/Text/Text.d.ts +1 -1
- package/ui/typography/Title/Title.d.ts +1 -1
- package/utils/calculateComponentAbsolutePosition.js +9 -3
- package/utils/calendar.js +2 -1
- package/utils/data.js +27 -17
- package/utils/form.js +10 -8
|
@@ -38,10 +38,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
exports.__esModule = true;
|
|
40
40
|
var react_1 = __importStar(require("react"));
|
|
41
|
-
var Nav_1 = __importDefault(require("../../nav/Nav/Nav"));
|
|
42
|
-
var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
|
|
43
|
-
var hooks_1 = require("../../../hooks");
|
|
44
41
|
var enums_1 = require("../../../enums");
|
|
42
|
+
var hooks_1 = require("../../../hooks");
|
|
43
|
+
var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
|
|
44
|
+
var Nav_1 = __importDefault(require("../../nav/Nav/Nav"));
|
|
45
45
|
function NavField(props) {
|
|
46
46
|
var items = (0, hooks_1.useDataProvider)({
|
|
47
47
|
items: props.items
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { ChangeEvent } from 'react';
|
|
2
1
|
import { ISaveCursorPositionDebounceConfig } from '@steroidsjs/core/hooks/useSaveCursorPosition';
|
|
3
|
-
import {
|
|
2
|
+
import React, { ChangeEvent } from 'react';
|
|
4
3
|
import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
|
|
4
|
+
import { IBaseFieldProps } from '../InputField/InputField';
|
|
5
5
|
/**
|
|
6
6
|
* NumberField
|
|
7
7
|
*
|
|
@@ -37,12 +37,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
exports.__esModule = true;
|
|
40
|
-
/* eslint-disable max-len */
|
|
41
40
|
var react_1 = __importStar(require("react"));
|
|
42
|
-
var hooks_1 = require("../../../hooks");
|
|
43
|
-
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
44
41
|
var useInputTypeNumber_1 = __importDefault(require("./hooks/useInputTypeNumber"));
|
|
45
42
|
var enums_1 = require("../../../enums");
|
|
43
|
+
var hooks_1 = require("../../../hooks");
|
|
44
|
+
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
46
45
|
var DEFAULT_STEP = 1;
|
|
47
46
|
function NumberField(props) {
|
|
48
47
|
var _a;
|
|
@@ -50,7 +49,9 @@ function NumberField(props) {
|
|
|
50
49
|
var _b = (0, hooks_1.useSaveCursorPosition)({
|
|
51
50
|
inputParams: props.input,
|
|
52
51
|
onChangeCallback: props.onChange,
|
|
53
|
-
debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? {
|
|
52
|
+
debounce: __assign({ enabled: !!props.debounce }, (typeof props.debounce === 'boolean' ? {
|
|
53
|
+
enabled: props.debounce
|
|
54
|
+
} : ((_a = props.debounce) !== null && _a !== void 0 ? _a : {})))
|
|
54
55
|
}), currentInputRef = _b.inputRef, onChange = _b.onChange, value = _b.value;
|
|
55
56
|
var step = react_1["default"].useMemo(function () { var _a; return (_a = props.step) !== null && _a !== void 0 ? _a : DEFAULT_STEP; }, [props.step]);
|
|
56
57
|
var onInputChange = (0, useInputTypeNumber_1["default"])(currentInputRef, {
|
|
@@ -38,12 +38,12 @@ var useInputTypeNumber = function (currentInputRef, inputTypeNumberProps, onChan
|
|
|
38
38
|
* @example 1
|
|
39
39
|
* @example -2
|
|
40
40
|
*/
|
|
41
|
-
?
|
|
41
|
+
? /^-?\d*$/
|
|
42
42
|
/**
|
|
43
43
|
* Подходят положительные целые числа
|
|
44
44
|
* @example 1
|
|
45
45
|
*/
|
|
46
|
-
:
|
|
46
|
+
: /^\d+$/;
|
|
47
47
|
return decimal ? numericFloatRegExp.test(value) : numericRegExp.test(value);
|
|
48
48
|
};
|
|
49
49
|
var onInputChange = function (event, newValue) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChangeEvent } from 'react';
|
|
2
|
-
import { IBaseFieldProps } from '../InputField/InputField';
|
|
3
2
|
import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
|
|
3
|
+
import { IBaseFieldProps } from '../InputField/InputField';
|
|
4
4
|
export declare enum InputType {
|
|
5
5
|
TEXT = "text",
|
|
6
6
|
PASSWORD = "password"
|
|
@@ -56,7 +56,9 @@ exports.checkPassword = checkPassword;
|
|
|
56
56
|
function PasswordField(props) {
|
|
57
57
|
var _a = (0, react_1.useState)(InputType.PASSWORD), type = _a[0], setType = _a[1];
|
|
58
58
|
var components = (0, hooks_1.useComponents)();
|
|
59
|
-
var _b = (0, hooks_1.useSaveCursorPosition)({
|
|
59
|
+
var _b = (0, hooks_1.useSaveCursorPosition)({
|
|
60
|
+
inputParams: props.input
|
|
61
|
+
}), inputRef = _b.inputRef, onChange = _b.onChange;
|
|
60
62
|
var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
|
|
61
63
|
var onShowButtonClick = (0, react_1.useCallback)(function () {
|
|
62
64
|
type === InputType.PASSWORD ? setType(InputType.TEXT) : setType(InputType.PASSWORD);
|
|
@@ -25,9 +25,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
25
|
exports.__esModule = true;
|
|
26
26
|
var react_1 = require("react");
|
|
27
27
|
var react_use_1 = require("react-use");
|
|
28
|
-
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
29
|
-
var hooks_1 = require("../../../hooks");
|
|
30
28
|
var enums_1 = require("../../../enums");
|
|
29
|
+
var hooks_1 = require("../../../hooks");
|
|
30
|
+
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
31
31
|
function RateField(props) {
|
|
32
32
|
var components = (0, hooks_1.useComponents)();
|
|
33
33
|
var items = (0, react_1.useMemo)(function () { return __spreadArray([], Array(props.itemsCount || 5), true).map(function (item, index) { return ({
|
|
@@ -40,7 +40,7 @@ export interface ISliderFieldProps extends IFieldWrapperInputProps, IUiComponent
|
|
|
40
40
|
*/
|
|
41
41
|
valuePostfix?: string;
|
|
42
42
|
/**
|
|
43
|
-
* Метки на ползунке. В объекте
|
|
43
|
+
* Метки на ползунке. В объекте {key: 'value'} key определяет положение, а value определяет, что будет отображаться.
|
|
44
44
|
* Если вы хотите задать стиль определенной точки метки, значением должен быть объект,
|
|
45
45
|
* содержащий свойства style и label.
|
|
46
46
|
* @example
|
|
@@ -14,10 +14,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
exports.__esModule = true;
|
|
17
|
-
var react_1 = require("react");
|
|
18
|
-
var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
|
|
19
17
|
var head_1 = __importDefault(require("lodash-es/head"));
|
|
20
18
|
var last_1 = __importDefault(require("lodash-es/last"));
|
|
19
|
+
var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
|
|
20
|
+
var react_1 = require("react");
|
|
21
21
|
var enums_1 = require("../../../enums");
|
|
22
22
|
var hooks_1 = require("../../../hooks");
|
|
23
23
|
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
@@ -15,9 +15,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
exports.__esModule = true;
|
|
17
17
|
var react_1 = require("react");
|
|
18
|
+
var enums_1 = require("../../../enums");
|
|
18
19
|
var hooks_1 = require("../../../hooks");
|
|
19
20
|
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
20
|
-
var enums_1 = require("../../../enums");
|
|
21
21
|
function TextField(props) {
|
|
22
22
|
// const dispatch = useDispatch();
|
|
23
23
|
var components = (0, hooks_1.useComponents)();
|
|
@@ -14,17 +14,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
exports.__esModule = true;
|
|
17
|
-
var react_1 = require("react");
|
|
18
|
-
var react_2 = require("
|
|
19
|
-
var
|
|
17
|
+
var react_1 = require("@maskito/react");
|
|
18
|
+
var react_2 = require("react");
|
|
19
|
+
var utils_1 = require("./utils");
|
|
20
|
+
var enums_1 = require("../../../enums");
|
|
20
21
|
var hooks_1 = require("../../../hooks");
|
|
22
|
+
var useDateInputState_1 = __importDefault(require("../../form/DateField/useDateInputState"));
|
|
21
23
|
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
22
|
-
var enums_1 = require("../../../enums");
|
|
23
|
-
var utils_1 = require("./utils");
|
|
24
24
|
function TimeField(props) {
|
|
25
25
|
var _a, _b, _c;
|
|
26
26
|
var components = (0, hooks_1.useComponents)();
|
|
27
|
-
var maskRef = (0,
|
|
27
|
+
var maskRef = (0, react_1.useMaskito)({
|
|
28
28
|
options: (_a = props.maskOptions) !== null && _a !== void 0 ? _a : (0, utils_1.createTimeMask)({
|
|
29
29
|
from: (_b = props.availableTime) === null || _b === void 0 ? void 0 : _b.from,
|
|
30
30
|
to: (_c = props.availableTime) === null || _c === void 0 ? void 0 : _c.to,
|
|
@@ -43,8 +43,8 @@ function TimeField(props) {
|
|
|
43
43
|
useUTC: props.useUTC,
|
|
44
44
|
dateInUTC: props.dateInUTC
|
|
45
45
|
}), onNow = _d.onNow, onClear = _d.onClear, onClose = _d.onClose, isOpened = _d.isOpened, inputProps = _d.inputProps;
|
|
46
|
-
var timePanelViewProps = (0,
|
|
47
|
-
var viewProps = (0,
|
|
46
|
+
var timePanelViewProps = (0, react_2.useMemo)(function () { return (__assign({ onNow: onNow, onClose: onClose, value: inputProps.value, onSelect: inputProps.onChange, availableTime: props.availableTime, minuteStep: props.minuteStep }, props.timePanelViewProps)); }, [inputProps.onChange, inputProps.value, onClose, onNow, props.availableTime, props.minuteStep, props.timePanelViewProps]);
|
|
47
|
+
var viewProps = (0, react_2.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onNow: onNow, onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, errors: props.errors, noBorder: props.noBorder, disabled: props.disabled, className: props.className, style: props.style, showRemove: props.showRemove, id: props.id, maskRef: maskRef })); }, [inputProps, isOpened, maskRef, onClear, onClose, onNow, props.className, props.disabled, props.errors, props.icon, props.id, props.noBorder, props.showRemove, props.size, props.style, props.viewProps, timePanelViewProps]);
|
|
48
48
|
return components.ui.renderView(props.view || 'form.TimeFieldView', viewProps);
|
|
49
49
|
}
|
|
50
50
|
TimeField.defaultProps = {
|
|
@@ -67,11 +67,17 @@ var createTimeMask = function (options) { return ({
|
|
|
67
67
|
function (_a) {
|
|
68
68
|
var value = _a.value, selection = _a.selection;
|
|
69
69
|
if (!/^\d{2}:\d{2}$/.test(value)) {
|
|
70
|
-
return {
|
|
70
|
+
return {
|
|
71
|
+
value: value,
|
|
72
|
+
selection: selection
|
|
73
|
+
};
|
|
71
74
|
}
|
|
72
75
|
var _b = value.split(':').map(Number), h = _b[0], m = _b[1];
|
|
73
76
|
if (Number.isNaN(h) || Number.isNaN(m)) {
|
|
74
|
-
return {
|
|
77
|
+
return {
|
|
78
|
+
value: value,
|
|
79
|
+
selection: selection
|
|
80
|
+
};
|
|
75
81
|
}
|
|
76
82
|
// Ограничение часов
|
|
77
83
|
if (h > 23) {
|
|
@@ -89,6 +95,7 @@ var createTimeMask = function (options) { return ({
|
|
|
89
95
|
var nextValue = "".concat(String(h).padStart(2, '0'), ":").concat(String(m).padStart(2, '0'));
|
|
90
96
|
return {
|
|
91
97
|
value: nextValue,
|
|
98
|
+
// курсор оставляем как есть
|
|
92
99
|
selection: selection
|
|
93
100
|
};
|
|
94
101
|
},
|
|
@@ -14,25 +14,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
exports.__esModule = true;
|
|
17
|
-
var react_1 = require("react");
|
|
18
|
-
var react_2 = require("
|
|
19
|
-
var
|
|
17
|
+
var react_1 = require("@maskito/react");
|
|
18
|
+
var react_2 = require("react");
|
|
19
|
+
var enums_1 = require("../../../enums");
|
|
20
20
|
var hooks_1 = require("../../../hooks");
|
|
21
21
|
var useDateInputState_1 = __importDefault(require("../DateField/useDateInputState"));
|
|
22
|
-
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
23
22
|
var useDateRange_1 = __importDefault(require("../DateField/useDateRange"));
|
|
24
|
-
var
|
|
23
|
+
var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
|
|
24
|
+
var utils_1 = require("../TimeField/utils");
|
|
25
25
|
function TimeRangeField(props) {
|
|
26
26
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
27
27
|
var components = (0, hooks_1.useComponents)();
|
|
28
|
-
var maskFromRef = (0,
|
|
28
|
+
var maskFromRef = (0, react_1.useMaskito)({
|
|
29
29
|
options: (_b = (_a = props.maskOptions) === null || _a === void 0 ? void 0 : _a.from) !== null && _b !== void 0 ? _b : (0, utils_1.createTimeMask)({
|
|
30
30
|
from: (_c = props.availableTime) === null || _c === void 0 ? void 0 : _c.from,
|
|
31
31
|
to: (_d = props.availableTime) === null || _d === void 0 ? void 0 : _d.to,
|
|
32
32
|
minuteStep: props.minuteStep
|
|
33
33
|
})
|
|
34
34
|
});
|
|
35
|
-
var maskToRef = (0,
|
|
35
|
+
var maskToRef = (0, react_1.useMaskito)({
|
|
36
36
|
options: (_f = (_e = props.maskOptions) === null || _e === void 0 ? void 0 : _e.to) !== null && _f !== void 0 ? _f : (0, utils_1.createTimeMask)({
|
|
37
37
|
from: (_g = props.availableTime) === null || _g === void 0 ? void 0 : _g.from,
|
|
38
38
|
to: (_h = props.availableTime) === null || _h === void 0 ? void 0 : _h.to,
|
|
@@ -40,7 +40,7 @@ function TimeRangeField(props) {
|
|
|
40
40
|
})
|
|
41
41
|
});
|
|
42
42
|
// Global onChange (from props)
|
|
43
|
-
var onChange = (0,
|
|
43
|
+
var onChange = (0, react_2.useCallback)(function () {
|
|
44
44
|
var _a;
|
|
45
45
|
if (props.onChange) {
|
|
46
46
|
props.onChange.call(null, (_a = {},
|
|
@@ -87,9 +87,9 @@ function TimeRangeField(props) {
|
|
|
87
87
|
useSmartFocus: false,
|
|
88
88
|
hasInitialFocus: props.hasInitialFocus
|
|
89
89
|
}), focus = _l.focus, onClose = _l.onClose, onClear = _l.onClear, extendedInputPropsFrom = _l.extendedInputPropsFrom, extendedInputPropsTo = _l.extendedInputPropsTo;
|
|
90
|
-
var timePanelFromViewProps = (0,
|
|
91
|
-
var timePanelToViewProps = (0,
|
|
92
|
-
var viewProps = (0,
|
|
90
|
+
var timePanelFromViewProps = (0, react_2.useMemo)(function () { return (__assign({ onNow: onNowFrom, onClose: onCloseFrom, value: inputPropsFrom.value, onSelect: inputPropsFrom.onChange, availableTime: props.availableTime, minuteStep: props.minuteStep }, props.timePanelViewProps)); }, [inputPropsFrom.onChange, inputPropsFrom.value, onCloseFrom, onNowFrom, props.availableTime, props.minuteStep, props.timePanelViewProps]);
|
|
91
|
+
var timePanelToViewProps = (0, react_2.useMemo)(function () { return (__assign({ onNow: onNowTo, onClose: onCloseTo, value: inputPropsTo.value, onSelect: inputPropsTo.onChange, availableTime: props.availableTime, minuteStep: props.minuteStep }, props.timePanelViewProps)); }, [inputPropsTo.onChange, inputPropsTo.value, onCloseTo, onNowTo, props.availableTime, props.minuteStep, props.timePanelViewProps]);
|
|
92
|
+
var viewProps = (0, react_2.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, inputPropsFrom: extendedInputPropsFrom, inputPropsTo: extendedInputPropsTo, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style, errorsFrom: props.errorsFrom, errorsTo: props.errorsTo, errors: props.errors, timePanelFromViewProps: timePanelFromViewProps, timePanelToViewProps: timePanelToViewProps, size: props.size, icon: props.icon, disabled: props.disabled, showRemove: props.showRemove, className: props.className, id: props.id, maskFromRef: maskFromRef, maskToRef: maskToRef })); }, [extendedInputPropsFrom, extendedInputPropsTo, focus, isOpenedFrom, isOpenedTo, maskFromRef, maskToRef, onClear, onClose, props.className, props.disabled, props.errors, props.errorsFrom, props.errorsTo, props.icon, props.id, props.showRemove, props.size, props.style, props.viewProps, timePanelFromViewProps, timePanelToViewProps]);
|
|
93
93
|
return components.ui.renderView(props.view || 'form.TimeRangeFieldView', viewProps);
|
|
94
94
|
}
|
|
95
95
|
TimeRangeField.defaultProps = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { IFieldProps } from '@steroidsjs/core/ui/form/Field/Field';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { IStepsProps, IStepItem } from '../../list/Steps/Steps';
|
|
4
4
|
import { IButtonProps } from '../Button/Button';
|
|
5
5
|
import { IFormProps } from '../Form/Form';
|
|
@@ -46,14 +46,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
46
46
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
47
47
|
};
|
|
48
48
|
exports.__esModule = true;
|
|
49
|
-
var react_1 = __importStar(require("react"));
|
|
50
49
|
var has_1 = __importDefault(require("lodash-es/has"));
|
|
51
|
-
var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
|
|
52
50
|
var indexOf_1 = __importDefault(require("lodash-es/indexOf"));
|
|
53
|
-
var
|
|
51
|
+
var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
|
|
52
|
+
var react_1 = __importStar(require("react"));
|
|
53
|
+
var utils_1 = require("./utils");
|
|
54
54
|
var hooks_1 = require("../../../hooks");
|
|
55
|
+
var Steps_1 = require("../../list/Steps/Steps");
|
|
55
56
|
var Form_1 = __importDefault(require("../Form/Form"));
|
|
56
|
-
var utils_1 = require("./utils");
|
|
57
57
|
var INITIAL_STEP = 0;
|
|
58
58
|
function WizardForm(props) {
|
|
59
59
|
var components = (0, hooks_1.useComponents)();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { IWizardStepItem } from '@steroidsjs/core/ui/form/WizardForm/WizardForm';
|
|
2
|
+
import React from 'react';
|
|
3
3
|
export declare const generateFieldStepMap: (arr?: any[]) => any;
|
|
4
4
|
export declare const normalizeSteps: (steps: IWizardStepItem[]) => {
|
|
5
5
|
id: number;
|
|
@@ -24,12 +24,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
24
24
|
};
|
|
25
25
|
exports.__esModule = true;
|
|
26
26
|
exports.getModifiedSteps = exports.normalizeSteps = exports.generateFieldStepMap = void 0;
|
|
27
|
-
var has_1 = __importDefault(require("lodash-es/has"));
|
|
28
|
-
var get_1 = __importDefault(require("lodash-es/get"));
|
|
29
27
|
var assign_1 = __importDefault(require("lodash-es/assign"));
|
|
28
|
+
var get_1 = __importDefault(require("lodash-es/get"));
|
|
29
|
+
var has_1 = __importDefault(require("lodash-es/has"));
|
|
30
|
+
var indexOf_1 = __importDefault(require("lodash-es/indexOf"));
|
|
30
31
|
var isArray_1 = __importDefault(require("lodash-es/isArray"));
|
|
31
32
|
var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
|
|
32
|
-
var indexOf_1 = __importDefault(require("lodash-es/indexOf"));
|
|
33
33
|
var Steps_1 = require("../../list/Steps/Steps");
|
|
34
34
|
var getComponentAttributes = function (component, index) {
|
|
35
35
|
var componentAttributesStepMap = {};
|
package/ui/form/index.d.ts
CHANGED
|
@@ -29,12 +29,12 @@ import RadioListField from './RadioListField';
|
|
|
29
29
|
import RateField from './RateField';
|
|
30
30
|
import ReCaptchaField from './ReCaptchaField';
|
|
31
31
|
import SliderField from './SliderField';
|
|
32
|
+
import SwitcherField from './SwitcherField';
|
|
33
|
+
import SwitcherListField from './SwitcherListField';
|
|
32
34
|
import TextField from './TextField';
|
|
33
35
|
import TimeField from './TimeField';
|
|
34
36
|
import TimeRangeField from './TimeRangeField';
|
|
35
37
|
import WizardForm from './WizardForm';
|
|
36
|
-
import SwitcherField from './SwitcherField';
|
|
37
|
-
import SwitcherListField from './SwitcherListField';
|
|
38
38
|
export { AutoCompleteField, BlankField, Button, CheckboxField, CheckboxListField, CheckboxTreeField, DateField, DateRangeField, DateTimeField, DateTimeRangeField, DropDownField, Field, FieldLayout, FieldList, FieldSet, FileField, Form, HtmlField, ImageField, InputField, NavField, NumberField, PasswordField, RadioField, RadioListField, ReCaptchaField, SliderField, TextField, TimeField, RateField, MaskField, EmailField, TimeRangeField, WizardForm, SwitcherField, SwitcherListField, };
|
|
39
39
|
declare const _default: {
|
|
40
40
|
AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
|
package/ui/form/index.js
CHANGED
|
@@ -64,6 +64,10 @@ var ReCaptchaField_1 = __importDefault(require("./ReCaptchaField"));
|
|
|
64
64
|
exports.ReCaptchaField = ReCaptchaField_1["default"];
|
|
65
65
|
var SliderField_1 = __importDefault(require("./SliderField"));
|
|
66
66
|
exports.SliderField = SliderField_1["default"];
|
|
67
|
+
var SwitcherField_1 = __importDefault(require("./SwitcherField"));
|
|
68
|
+
exports.SwitcherField = SwitcherField_1["default"];
|
|
69
|
+
var SwitcherListField_1 = __importDefault(require("./SwitcherListField"));
|
|
70
|
+
exports.SwitcherListField = SwitcherListField_1["default"];
|
|
67
71
|
var TextField_1 = __importDefault(require("./TextField"));
|
|
68
72
|
exports.TextField = TextField_1["default"];
|
|
69
73
|
var TimeField_1 = __importDefault(require("./TimeField"));
|
|
@@ -72,10 +76,6 @@ var TimeRangeField_1 = __importDefault(require("./TimeRangeField"));
|
|
|
72
76
|
exports.TimeRangeField = TimeRangeField_1["default"];
|
|
73
77
|
var WizardForm_1 = __importDefault(require("./WizardForm"));
|
|
74
78
|
exports.WizardForm = WizardForm_1["default"];
|
|
75
|
-
var SwitcherField_1 = __importDefault(require("./SwitcherField"));
|
|
76
|
-
exports.SwitcherField = SwitcherField_1["default"];
|
|
77
|
-
var SwitcherListField_1 = __importDefault(require("./SwitcherListField"));
|
|
78
|
-
exports.SwitcherListField = SwitcherListField_1["default"];
|
|
79
79
|
exports["default"] = {
|
|
80
80
|
AutoCompleteField: AutoCompleteField_1["default"],
|
|
81
81
|
BlankField: BlankField_1["default"],
|
package/ui/form/validate.js
CHANGED
|
@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
7
|
-
var
|
|
8
|
-
var isInteger_1 = __importDefault(require("lodash-es/isInteger"));
|
|
9
|
-
var set_1 = __importDefault(require("lodash-es/set"));
|
|
7
|
+
var dayjs_1 = __importDefault(require("dayjs"));
|
|
10
8
|
var get_1 = __importDefault(require("lodash-es/get"));
|
|
11
9
|
var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
|
|
12
|
-
var size_1 = __importDefault(require("lodash-es/size"));
|
|
13
10
|
var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
|
|
14
|
-
var
|
|
11
|
+
var isInteger_1 = __importDefault(require("lodash-es/isInteger"));
|
|
12
|
+
var isString_1 = __importDefault(require("lodash-es/isString"));
|
|
13
|
+
var set_1 = __importDefault(require("lodash-es/set"));
|
|
14
|
+
var size_1 = __importDefault(require("lodash-es/size"));
|
|
15
15
|
var validate = function (data, rules) {
|
|
16
16
|
var errors = {};
|
|
17
17
|
rules.forEach(function (item) {
|
|
@@ -28,7 +28,9 @@ var getLabel = function (items, id) {
|
|
|
28
28
|
exports.getLabel = getLabel;
|
|
29
29
|
function EnumFormatter(props) {
|
|
30
30
|
var components = (0, hooks_1.useComponents)();
|
|
31
|
-
var items = (0, hooks_1.useDataProvider)({
|
|
31
|
+
var items = (0, hooks_1.useDataProvider)({
|
|
32
|
+
items: props.items
|
|
33
|
+
}).items;
|
|
32
34
|
return components.ui.renderView(props.view || 'format.DefaultFormatterView', {
|
|
33
35
|
value: (0, exports.getLabel)(items, props.value)
|
|
34
36
|
});
|
|
@@ -18,8 +18,8 @@ exports.getFormatterPropsFromModel = void 0;
|
|
|
18
18
|
var get_1 = __importDefault(require("lodash-es/get"));
|
|
19
19
|
var isString_1 = __importDefault(require("lodash-es/isString"));
|
|
20
20
|
var react_1 = require("react");
|
|
21
|
-
var useModel_1 = __importDefault(require("../../../hooks/useModel"));
|
|
22
21
|
var hooks_1 = require("../../../hooks");
|
|
22
|
+
var useModel_1 = __importDefault(require("../../../hooks/useModel"));
|
|
23
23
|
var Form_1 = require("../../form/Form/Form");
|
|
24
24
|
function getFormatterPropsFromModel(model, attribute) {
|
|
25
25
|
if (!model || !attribute) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { IButtonProps } from '../../form/Button/Button';
|
|
3
2
|
import { IAvatarProps } from '../../content/Avatar/Avatar';
|
|
4
|
-
import { ILinkProps } from '../../nav/Link/Link';
|
|
5
|
-
import { IModalProps } from '../../modal/Modal/Modal';
|
|
6
3
|
import { IMenuProps } from '../../content/Menu/Menu';
|
|
4
|
+
import { IButtonProps } from '../../form/Button/Button';
|
|
5
|
+
import { IModalProps } from '../../modal/Modal/Modal';
|
|
6
|
+
import { ILinkProps } from '../../nav/Link/Link';
|
|
7
7
|
import { INavProps } from '../../nav/Nav/Nav';
|
|
8
8
|
/**
|
|
9
9
|
* IHeaderProps
|
|
@@ -13,7 +13,7 @@ export interface ILoaderProps {
|
|
|
13
13
|
/**
|
|
14
14
|
* Название цвета
|
|
15
15
|
*/
|
|
16
|
-
color?:
|
|
16
|
+
color?: 'basic' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'gradient' | string;
|
|
17
17
|
[key: string]: any;
|
|
18
18
|
}
|
|
19
19
|
export type ILoaderViewProps = ILoaderProps;
|
|
@@ -37,12 +37,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
exports.__esModule = true;
|
|
40
|
-
var react_1 = __importStar(require("react"));
|
|
41
40
|
var orderBy_1 = __importDefault(require("lodash-es/orderBy"));
|
|
41
|
+
var react_1 = __importStar(require("react"));
|
|
42
42
|
var react_use_1 = require("react-use");
|
|
43
|
-
var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
|
|
44
|
-
var hooks_1 = require("../../../hooks");
|
|
45
43
|
var notifications_1 = require("../../../actions/notifications");
|
|
44
|
+
var hooks_1 = require("../../../hooks");
|
|
45
|
+
var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
|
|
46
46
|
var notifications_2 = require("../../../reducers/notifications");
|
|
47
47
|
function Notifications(props) {
|
|
48
48
|
var _a = (0, hooks_1.useSelector)(function (state) { return ({
|
|
@@ -27,8 +27,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
exports.__esModule = true;
|
|
29
29
|
var react_1 = __importStar(require("react"));
|
|
30
|
-
var Icon_1 = __importDefault(require("../../content/Icon/Icon"));
|
|
31
30
|
var hooks_1 = require("../../../hooks");
|
|
31
|
+
var Icon_1 = __importDefault(require("../../content/Icon/Icon"));
|
|
32
32
|
function ProgressBar(props) {
|
|
33
33
|
var components = (0, hooks_1.useComponents)();
|
|
34
34
|
var viewProps = (0, react_1.useMemo)(function () {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { IIconProps } from '../../content/Icon/Icon';
|
|
2
3
|
import { IMenuProps } from '../../content/Menu/Menu';
|
|
3
4
|
import { INavItem } from '../../nav/Nav/Nav';
|
|
4
|
-
import { IIconProps } from '../../content/Icon/Icon';
|
|
5
5
|
export interface ISidebarItem extends INavItem {
|
|
6
6
|
/**
|
|
7
7
|
* Наличие верней границы у элемента
|
|
@@ -29,9 +29,9 @@ exports.__esModule = true;
|
|
|
29
29
|
var React = __importStar(require("react"));
|
|
30
30
|
var react_1 = require("react");
|
|
31
31
|
var react_use_1 = require("react-use");
|
|
32
|
+
var TooltipPortalInner_1 = __importDefault(require("./TooltipPortalInner"));
|
|
32
33
|
var hooks_1 = require("../../../hooks");
|
|
33
34
|
var useAbsolutePositioning_1 = __importDefault(require("../../../hooks/useAbsolutePositioning"));
|
|
34
|
-
var TooltipPortalInner_1 = __importDefault(require("./TooltipPortalInner"));
|
|
35
35
|
/*
|
|
36
36
|
* @Todo + check all calculations + describe
|
|
37
37
|
* + 12 positions
|
package/ui/layout/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Header from './Header';
|
|
2
2
|
import Loader from './Loader';
|
|
3
3
|
import Notifications from './Notifications';
|
|
4
|
-
import Tooltip from './Tooltip';
|
|
5
4
|
import Sidebar from './Sidebar';
|
|
5
|
+
import Tooltip from './Tooltip';
|
|
6
6
|
export { Header, Loader, Notifications, Tooltip, Sidebar, };
|
package/ui/layout/index.js
CHANGED
|
@@ -10,7 +10,7 @@ var Loader_1 = __importDefault(require("./Loader"));
|
|
|
10
10
|
exports.Loader = Loader_1["default"];
|
|
11
11
|
var Notifications_1 = __importDefault(require("./Notifications"));
|
|
12
12
|
exports.Notifications = Notifications_1["default"];
|
|
13
|
-
var Tooltip_1 = __importDefault(require("./Tooltip"));
|
|
14
|
-
exports.Tooltip = Tooltip_1["default"];
|
|
15
13
|
var Sidebar_1 = __importDefault(require("./Sidebar"));
|
|
16
14
|
exports.Sidebar = Sidebar_1["default"];
|
|
15
|
+
var Tooltip_1 = __importDefault(require("./Tooltip"));
|
|
16
|
+
exports.Tooltip = Tooltip_1["default"];
|
|
@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
exports.__esModule = true;
|
|
6
6
|
var react_1 = require("react");
|
|
7
|
+
var list_1 = require("../../../actions/list");
|
|
7
8
|
var hooks_1 = require("../../../hooks");
|
|
8
9
|
var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
|
|
9
|
-
var list_1 = require("../../../actions/list");
|
|
10
10
|
var list_2 = require("../../../reducers/list");
|
|
11
11
|
function CheckboxColumn(props) {
|
|
12
12
|
var _a;
|
package/ui/list/Empty/Empty.js
CHANGED
|
@@ -45,9 +45,13 @@ Empty.defaultProps = {
|
|
|
45
45
|
text: 'Ничего не найдено'
|
|
46
46
|
};
|
|
47
47
|
var normalizeEmptyProps = function (props) { return (__assign(__assign(__assign({}, Empty.defaultProps), { enable: !!props, text: __('Ничего не найдено') }), (typeof props === 'boolean'
|
|
48
|
-
? {
|
|
48
|
+
? {
|
|
49
|
+
enable: props
|
|
50
|
+
}
|
|
49
51
|
: (typeof props === 'string'
|
|
50
|
-
? {
|
|
52
|
+
? {
|
|
53
|
+
text: props
|
|
54
|
+
}
|
|
51
55
|
: props)))); };
|
|
52
56
|
exports.normalizeEmptyProps = normalizeEmptyProps;
|
|
53
57
|
exports["default"] = React.memo(Empty);
|
package/ui/list/Grid/Grid.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ILinkProps } from '../../nav/Link/Link';
|
|
3
2
|
import { IListConfig, ListControlPosition } from '../../../hooks/useList';
|
|
4
3
|
import { IControlItem } from '../../nav/Controls/Controls';
|
|
4
|
+
import { ILinkProps } from '../../nav/Link/Link';
|
|
5
5
|
export interface IColumnViewProps extends IGridColumn {
|
|
6
6
|
item: Record<string, any>;
|
|
7
7
|
size: Size;
|
package/ui/list/Grid/Grid.js
CHANGED
|
@@ -37,13 +37,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
exports.__esModule = true;
|
|
40
|
-
var react_1 = __importStar(require("react"));
|
|
41
|
-
var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
|
|
42
40
|
var isString_1 = __importDefault(require("lodash-es/isString"));
|
|
41
|
+
var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
43
|
var hooks_1 = require("../../../hooks");
|
|
44
44
|
var useList_1 = __importDefault(require("../../../hooks/useList"));
|
|
45
|
-
var ControlsColumn_1 = __importDefault(require("../ControlsColumn"));
|
|
46
45
|
var Format_1 = __importDefault(require("../../format/Format"));
|
|
46
|
+
var ControlsColumn_1 = __importDefault(require("../ControlsColumn"));
|
|
47
47
|
function Grid(props) {
|
|
48
48
|
var components = (0, hooks_1.useComponents)();
|
|
49
49
|
var _a = (0, useList_1["default"])({
|
|
@@ -116,7 +116,9 @@ function Grid(props) {
|
|
|
116
116
|
},
|
|
117
117
|
visible: !!props.controls
|
|
118
118
|
})
|
|
119
|
-
.map(function (column) { return ((0, isString_1["default"])(column) ? {
|
|
119
|
+
.map(function (column) { return ((0, isString_1["default"])(column) ? {
|
|
120
|
+
attribute: column
|
|
121
|
+
} : column); })
|
|
120
122
|
.filter(function (column) { return column.visible !== false; })
|
|
121
123
|
.map(function (column) { return (__assign(__assign({}, column), { label: renderLabel(column) })); }); }, [props.columns, props.controls, props.itemsIndexing, renderLabel]);
|
|
122
124
|
var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { list: list, paginationPosition: paginationPosition, paginationSizePosition: paginationSizePosition, layoutNamesPosition: layoutNamesPosition, renderList: renderList, renderLoading: renderLoading, renderEmpty: renderEmpty, renderPagination: renderPagination, renderPaginationSize: renderPaginationSize, renderLayoutNames: renderLayoutNames, renderSearchForm: renderSearchForm, renderInfiniteScroll: renderInfiniteScroll, renderValue: renderValue, columns: columns, onFetch: onFetch, onSort: onSort, sort: sort, items: (list === null || list === void 0 ? void 0 : list.items) || [], searchForm: props.searchForm, listId: props.listId, isLoading: props.isLoading, size: props.size, hasAlternatingColors: props.hasAlternatingColors, className: props.className, primaryKey: props.primaryKey })); }, [list, paginationPosition, paginationSizePosition, layoutNamesPosition, renderList, renderLoading, renderEmpty,
|
|
@@ -38,11 +38,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
38
38
|
};
|
|
39
39
|
exports.__esModule = true;
|
|
40
40
|
exports.normalizeInfiniteScrollProps = void 0;
|
|
41
|
-
var react_1 = __importStar(require("react"));
|
|
42
41
|
var get_1 = __importDefault(require("lodash-es/get"));
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
43
|
var hooks_1 = require("./hooks");
|
|
44
|
-
var useForm_1 = __importDefault(require("../../../hooks/useForm"));
|
|
45
44
|
var form_1 = require("../../../actions/form");
|
|
45
|
+
var useForm_1 = __importDefault(require("../../../hooks/useForm"));
|
|
46
46
|
function InfiniteScroll(props) {
|
|
47
47
|
var _a, _b;
|
|
48
48
|
var observerTarget = (0, react_1.useRef)(null);
|
|
@@ -84,6 +84,8 @@ InfiniteScroll.defaultProps = {
|
|
|
84
84
|
pageAttribute: 'page',
|
|
85
85
|
hasNextPageAttribute: 'hasNextPage'
|
|
86
86
|
};
|
|
87
|
-
var normalizeInfiniteScrollProps = function (props) { return (__assign(__assign({}, InfiniteScroll.defaultProps), (typeof props === 'boolean' ? {
|
|
87
|
+
var normalizeInfiniteScrollProps = function (props) { return (__assign(__assign({}, InfiniteScroll.defaultProps), (typeof props === 'boolean' ? {
|
|
88
|
+
enable: props
|
|
89
|
+
} : props))); };
|
|
88
90
|
exports.normalizeInfiniteScrollProps = normalizeInfiniteScrollProps;
|
|
89
91
|
exports["default"] = (0, react_1.memo)(InfiniteScroll);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { INavItem } from '../../nav/Nav/Nav';
|
|
3
|
-
import { ListControlPosition } from '../../../hooks/useList';
|
|
4
2
|
import { IList } from '../../../actions/list';
|
|
3
|
+
import { ListControlPosition } from '../../../hooks/useList';
|
|
4
|
+
import { INavItem } from '../../nav/Nav/Nav';
|
|
5
5
|
/**
|
|
6
6
|
* LayoutNames
|
|
7
7
|
* Переключает варианты расположения элементов коллекции.
|