@steroidsjs/core 3.0.57 → 3.0.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/actions/router.d.ts +1 -0
  2. package/actions/router.js +3 -2
  3. package/components/MetaComponent.js +17 -16
  4. package/docs-autogen-result.json +3275 -4328
  5. package/en.json +2 -0
  6. package/enums/FieldEnum.d.ts +68 -0
  7. package/enums/FieldEnum.js +96 -0
  8. package/enums/index.d.ts +3 -0
  9. package/enums/index.js +8 -0
  10. package/hooks/index.d.ts +2 -1
  11. package/hooks/index.js +3 -1
  12. package/hooks/useDataSelect.js +1 -0
  13. package/hooks/useListField.d.ts +32 -0
  14. package/hooks/useListField.js +103 -0
  15. package/package.json +1 -1
  16. package/ui/form/AutoCompleteField/AutoCompleteField.js +2 -1
  17. package/ui/form/BlankField/BlankField.js +2 -1
  18. package/ui/form/Button/Button.js +13 -4
  19. package/ui/form/CheckboxField/CheckboxField.d.ts +5 -5
  20. package/ui/form/CheckboxField/CheckboxField.js +11 -5
  21. package/ui/form/CheckboxListField/CheckboxListField.d.ts +2 -1
  22. package/ui/form/CheckboxListField/CheckboxListField.js +16 -93
  23. package/ui/form/CheckboxTreeField/CheckboxTreeField.js +2 -1
  24. package/ui/form/DateField/DateField.js +2 -1
  25. package/ui/form/DateRangeField/DateRangeField.js +2 -1
  26. package/ui/form/DateTimeField/DateTimeField.js +2 -1
  27. package/ui/form/DateTimeRangeField/DateTimeRangeField.js +2 -1
  28. package/ui/form/DropDownField/DropDownField.d.ts +10 -1
  29. package/ui/form/DropDownField/DropDownField.js +14 -12
  30. package/ui/form/EmailField/EmailField.js +2 -1
  31. package/ui/form/Field/Field.js +2 -1
  32. package/ui/form/Field/fieldWrapper.d.ts +2 -1
  33. package/ui/form/FieldList/FieldList.js +4 -3
  34. package/ui/form/FileField/FileField.js +2 -1
  35. package/ui/form/Form/Form.js +37 -22
  36. package/ui/form/HtmlField/HtmlField.js +2 -1
  37. package/ui/form/ImageField/ImageField.js +2 -1
  38. package/ui/form/InputField/InputField.js +2 -1
  39. package/ui/form/InputField/hooks/useInputFieldWarningByType.js +16 -14
  40. package/ui/form/NavField/NavField.js +2 -1
  41. package/ui/form/NumberField/NumberField.js +10 -19
  42. package/ui/form/NumberField/hooks/useInputTypeNumber.d.ts +1 -1
  43. package/ui/form/NumberField/hooks/useInputTypeNumber.js +12 -3
  44. package/ui/form/PasswordField/PasswordField.js +2 -1
  45. package/ui/form/RadioField/RadioField.d.ts +3 -26
  46. package/ui/form/RadioField/RadioField.js +9 -53
  47. package/ui/form/RadioListField/RadioListField.d.ts +3 -42
  48. package/ui/form/RadioListField/RadioListField.js +8 -83
  49. package/ui/form/RateField/RateField.js +2 -1
  50. package/ui/form/ReCaptchaField/ReCaptchaField.js +2 -1
  51. package/ui/form/SliderField/SliderField.js +2 -1
  52. package/ui/form/SwitcherField/SwitcherField.d.ts +3 -39
  53. package/ui/form/SwitcherField/SwitcherField.js +4 -80
  54. package/ui/form/SwitcherListField/SwitcherListField.d.ts +3 -0
  55. package/ui/form/SwitcherListField/SwitcherListField.js +22 -0
  56. package/ui/form/SwitcherListField/index.d.ts +2 -0
  57. package/ui/form/SwitcherListField/index.js +7 -0
  58. package/ui/form/TextField/TextField.js +2 -1
  59. package/ui/form/TimeField/TimeField.js +2 -1
  60. package/ui/form/TimeRangeField/TimeRangeField.js +2 -1
  61. package/ui/form/index.d.ts +7 -5
  62. package/ui/form/index.js +8 -5
@@ -10,62 +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
- var react_1 = __importStar(require("react"));
41
- var hooks_1 = require("../../../hooks");
42
- var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
17
+ var react_1 = __importDefault(require("react"));
18
+ var CheckboxField_1 = __importDefault(require("../CheckboxField/CheckboxField"));
19
+ /**
20
+ * RadioField
21
+ *
22
+ * Компонент RadioField представляет собой элемент выбора типа "radio". Он позволяет пользователю выбрать один вариант из нескольких предложенных.
23
+ **/
43
24
  function RadioField(props) {
44
- var components = (0, hooks_1.useComponents)();
45
- var onChangeHandler = react_1["default"].useCallback(function () {
46
- props.input.onChange(!props.input.value);
47
- if (props.onChange) {
48
- props.onChange();
49
- }
50
- }, [props]);
51
- var inputProps = react_1["default"].useMemo(function () { return (__assign({ name: props.input.name, type: 'radio', checked: !!props.input.value, onChange: onChangeHandler, disabled: props.disabled }, props.inputProps)); }, [onChangeHandler, props.disabled, props.input.name, props.input.value, props.inputProps]);
52
- var viewProps = (0, react_1.useMemo)(function () { return ({
53
- inputProps: inputProps,
54
- errors: props.errors,
55
- size: props.size,
56
- className: props.className,
57
- onChange: props.onChange,
58
- checked: props.checked,
59
- disabled: props.disabled,
60
- required: props.required,
61
- label: props.label
62
- }); }, [inputProps, props.checked, props.className, props.disabled, props.errors, props.label, props.onChange, props.required, props.size]);
63
- return components.ui.renderView(props.view || 'form.RadioFieldView', viewProps);
25
+ return (react_1["default"].createElement(CheckboxField_1["default"], __assign({ multiply: false, view: "form.RadioFieldView" }, props)));
64
26
  }
65
- RadioField.defaultProps = {
66
- disabled: false,
67
- required: false,
68
- className: '',
69
- inputProps: {}
70
- };
71
- exports["default"] = (0, fieldWrapper_1["default"])('RadioField', RadioField);
27
+ exports["default"] = RadioField;
@@ -1,46 +1,7 @@
1
- import React from 'react';
2
- import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
3
- import { IDataProviderConfig } from '../../../hooks/useDataProvider';
4
- import { IDataSelectConfig } from '../../../hooks/useDataSelect';
5
- import { IRadioFieldViewProps } from '../RadioField/RadioField';
1
+ /// <reference types="react" />
2
+ import { ICheckboxListFieldProps } from '../CheckboxListField/CheckboxListField';
6
3
  /**
7
4
  * RadioListField
8
5
  * Список с радиокнопками. Используется в формах для выбора одного значения.
9
6
  */
10
- export interface IRadioListFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'>, IUiComponent {
11
- /**
12
- * Свойства для элемента input
13
- * @example {onKeyDown: ...}
14
- */
15
- inputProps?: any;
16
- /**
17
- * Ориентация списка
18
- */
19
- orientation?: Orientation;
20
- }
21
- export interface IRadioListFieldViewProps extends IFieldWrapperOutputProps {
22
- inputProps: {
23
- name: string;
24
- type: string;
25
- disabled?: boolean;
26
- onChange: (value: string | React.ChangeEvent) => void;
27
- };
28
- items: {
29
- id: number | string | boolean;
30
- label?: string;
31
- disabled?: boolean;
32
- isSelected: boolean;
33
- isHovered: boolean;
34
- required?: boolean;
35
- size?: Size;
36
- }[];
37
- selectedIds: (PrimaryKey | any)[];
38
- className?: CssClassName;
39
- orientation?: Orientation;
40
- disabled?: boolean;
41
- size?: Size;
42
- onItemSelect: (id: PrimaryKey | any) => void;
43
- renderRadio: (radioProps: IRadioFieldViewProps) => JSX.Element;
44
- }
45
- declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IRadioListFieldProps>;
46
- export default _default;
7
+ export default function RadioListField(props: ICheckboxListFieldProps): JSX.Element;
@@ -10,92 +10,17 @@ 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
- var react_1 = __importStar(require("react"));
41
- var react_use_1 = require("react-use");
42
- var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
43
- var hooks_1 = require("../../../hooks");
44
- var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
17
+ var react_1 = __importDefault(require("react"));
18
+ var CheckboxListField_1 = __importDefault(require("../CheckboxListField/CheckboxListField"));
19
+ /**
20
+ * RadioListField
21
+ * Список с радиокнопками. Используется в формах для выбора одного значения.
22
+ */
45
23
  function RadioListField(props) {
46
- var components = (0, hooks_1.useComponents)();
47
- var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
48
- // Data provider
49
- var items = (0, hooks_1.useDataProvider)({
50
- items: props.items,
51
- initialSelectedIds: inputSelectedIds,
52
- dataProvider: props.dataProvider
53
- }).items;
54
- // Data select
55
- var _a = (0, hooks_1.useDataSelect)({
56
- multiple: props.multiple,
57
- selectedIds: inputSelectedIds,
58
- selectFirst: props.selectFirst,
59
- primaryKey: props.primaryKey,
60
- items: items,
61
- inputValue: props.input.value
62
- }), selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
63
- var onItemSelect = (0, react_1.useCallback)(function (id) {
64
- setSelectedIds(id);
65
- }, [setSelectedIds]);
66
- var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: 'radio', name: props.input.name, disabled: props.disabled, onChange: function (value) { return props.input.onChange(value); } })); }, [props.disabled, props.input, props.inputProps]);
67
- // Sync with form
68
- var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
69
- (0, react_1.useEffect)(function () {
70
- if (!(0, isEqual_1["default"])(prevSelectedIds || [], selectedIds)) {
71
- props.input.onChange.call(null, selectedIds[0]);
72
- if (props.onChange) {
73
- props.onChange.call(null, selectedIds[0]);
74
- }
75
- }
76
- // eslint-disable-next-line react-hooks/exhaustive-deps
77
- }, [props.input.onChange, selectedIds]);
78
- var RadioFieldView = components.ui.getView('form.RadioFieldView');
79
- var renderRadio = (0, react_1.useCallback)(function (radioProps) { return react_1["default"].createElement(RadioFieldView, __assign({}, radioProps)); }, [RadioFieldView]);
80
- var viewProps = (0, react_1.useMemo)(function () { return ({
81
- items: items,
82
- inputProps: inputProps,
83
- onItemSelect: onItemSelect,
84
- selectedIds: selectedIds,
85
- renderRadio: renderRadio,
86
- orientation: props.orientation,
87
- className: props.className,
88
- disabled: props.disabled,
89
- size: props.size
90
- }); }, [inputProps, items, onItemSelect, props.className, props.disabled, props.orientation, props.size, renderRadio, selectedIds]);
91
- return components.ui.renderView(props.view || 'form.RadioListFieldView', viewProps);
24
+ return (react_1["default"].createElement(CheckboxListField_1["default"], __assign({ multiple: false, view: 'form.RadioListFieldView' }, props)));
92
25
  }
93
- RadioListField.defaultProps = {
94
- disabled: false,
95
- required: false,
96
- className: '',
97
- multiple: false,
98
- errors: null,
99
- orientation: 'vertical'
100
- };
101
- exports["default"] = (0, fieldWrapper_1["default"])('RadioListField', RadioListField);
26
+ exports["default"] = RadioListField;
@@ -27,6 +27,7 @@ var react_1 = require("react");
27
27
  var react_use_1 = require("react-use");
28
28
  var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
29
29
  var hooks_1 = require("../../../hooks");
30
+ var enums_1 = require("../../../enums");
30
31
  function RateField(props) {
31
32
  var components = (0, hooks_1.useComponents)();
32
33
  var items = (0, react_1.useMemo)(function () { return __spreadArray([], Array(props.itemsCount || 5), true).map(function (item, index) { return ({
@@ -59,4 +60,4 @@ RateField.defaultProps = {
59
60
  itemsCount: 5,
60
61
  disabled: false
61
62
  };
62
- exports["default"] = (0, fieldWrapper_1["default"])('RateField', RateField);
63
+ exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.RATE_FIELD, RateField);
@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  exports.__esModule = true;
6
6
  /* eslint-disable max-len */
7
7
  var react_1 = require("react");
8
+ var enums_1 = require("../../../enums");
8
9
  var hooks_1 = require("../../../hooks");
9
10
  var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
10
11
  function ReCaptchaField(props) {
@@ -35,4 +36,4 @@ function ReCaptchaField(props) {
35
36
  }); }, [props.className, props.style, recaptchaOptions]);
36
37
  return components.ui.renderView(props.view || 'form.ReCaptchaFieldView', viewProps);
37
38
  }
38
- exports["default"] = (0, fieldWrapper_1["default"])('ReCaptchaField', ReCaptchaField);
39
+ exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.RE_CAPTCHA_FIELD, ReCaptchaField);
@@ -18,6 +18,7 @@ var react_1 = require("react");
18
18
  var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
19
19
  var head_1 = __importDefault(require("lodash-es/head"));
20
20
  var last_1 = __importDefault(require("lodash-es/last"));
21
+ var enums_1 = require("../../../enums");
21
22
  var hooks_1 = require("../../../hooks");
22
23
  var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
23
24
  var normalizeValue = function (value) { return (0, toInteger_1["default"])(String(value).replace(/[0-9]g/, '')) || 0; };
@@ -70,4 +71,4 @@ SliderField.defaultProps = {
70
71
  sliderDefaultValue: 5,
71
72
  rangeDefaultValue: [0, 10]
72
73
  };
73
- exports["default"] = (0, fieldWrapper_1["default"])('SliderField', SliderField);
74
+ exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.SLIDER_FIELD, SliderField);
@@ -1,39 +1,3 @@
1
- import React from 'react';
2
- import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
3
- import { IDataProviderConfig } from '../../../hooks/useDataProvider';
4
- import { IDataSelectConfig } from '../../../hooks/useDataSelect';
5
- export interface ISwitcherItem {
6
- id: number | string | boolean;
7
- label?: string | {
8
- checked: string;
9
- unchecked: string;
10
- };
11
- [key: string]: any;
12
- }
13
- /**
14
- * SwitcherField
15
- * Список с кнопками. Используется для выбора одного значения.
16
- */
17
- export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'>, IUiComponent {
18
- /**
19
- * Свойства для элемента input
20
- * @example {onKeyDown: ...}
21
- */
22
- inputProps?: any;
23
- }
24
- export interface ISwitcherFieldViewProps extends IFieldWrapperOutputProps, Omit<ISwitcherFieldProps, 'items'> {
25
- items: ISwitcherItem[];
26
- hoveredId: PrimaryKey | any;
27
- selectedIds: (PrimaryKey | any)[];
28
- onItemSelect: (id: PrimaryKey | any) => void;
29
- onItemHover: (id: PrimaryKey | any) => void;
30
- buttonProps?: any;
31
- inputProps: {
32
- name: string;
33
- type: string;
34
- disabled?: boolean;
35
- onChange: (value: string | React.ChangeEvent) => void;
36
- };
37
- }
38
- declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ISwitcherFieldProps>;
39
- export default _default;
1
+ /// <reference types="react" />
2
+ import { ICheckboxFieldProps } from '../CheckboxField/CheckboxField';
3
+ export default function SwitcherField(props: ICheckboxFieldProps): JSX.Element;
@@ -10,89 +10,13 @@ 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
- var react_1 = __importStar(require("react"));
41
- var react_use_1 = require("react-use");
42
- var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
43
- var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
44
- var hooks_1 = require("../../../hooks");
17
+ var react_1 = __importDefault(require("react"));
18
+ var CheckboxField_1 = __importDefault(require("../CheckboxField/CheckboxField"));
45
19
  function SwitcherField(props) {
46
- var components = (0, hooks_1.useComponents)();
47
- // Data Provider
48
- var items = (0, hooks_1.useDataProvider)({
49
- items: props.items
50
- }).items;
51
- // Data select
52
- var _a = (0, hooks_1.useDataSelect)({
53
- selectFirst: props.selectFirst,
54
- selectedIds: props.selectedIds,
55
- primaryKey: props.primaryKey,
56
- items: items,
57
- inputValue: props.input.value,
58
- multiple: props.multiple
59
- }), hoveredId = _a.hoveredId, setHoveredId = _a.setHoveredId, selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
60
- var onItemHover = (0, react_1.useCallback)(function (id) {
61
- setHoveredId(id);
62
- }, [setHoveredId]);
63
- var onItemSelect = (0, react_1.useCallback)(function (id) {
64
- setSelectedIds(id);
65
- }, [setSelectedIds]);
66
- var inputProps = react_1["default"].useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input.name, props.inputProps]);
67
- // Sync with form
68
- var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
69
- (0, react_1.useEffect)(function () {
70
- var _a;
71
- if (!(0, isEqual_1["default"])(prevSelectedIds, selectedIds)) {
72
- props.input.onChange.call(null, (_a = selectedIds[0]) !== null && _a !== void 0 ? _a : null);
73
- if (props.onChange) {
74
- props.onChange(selectedIds);
75
- }
76
- }
77
- }, [selectedIds, props.input.onChange, prevSelectedIds, props, items]);
78
- var viewProps = (0, react_1.useMemo)(function () { return ({
79
- items: items,
80
- inputProps: inputProps,
81
- hoveredId: hoveredId,
82
- selectedIds: selectedIds,
83
- onItemHover: onItemHover,
84
- onItemSelect: onItemSelect,
85
- className: props.className,
86
- style: props.style,
87
- size: props.size
88
- }); }, [hoveredId, inputProps, items, onItemHover, onItemSelect, props.className, props.size, props.style, selectedIds]);
89
- return components.ui.renderView(props.view || 'form.SwitcherFieldView', viewProps);
20
+ return (react_1["default"].createElement(CheckboxField_1["default"], __assign({ view: 'form.SwitcherFieldView' }, props)));
90
21
  }
91
- SwitcherField.defaultProps = {
92
- primaryKey: 'id',
93
- disabled: false,
94
- required: false,
95
- className: '',
96
- errors: null
97
- };
98
- exports["default"] = (0, fieldWrapper_1["default"])('SwitcherField', SwitcherField);
22
+ exports["default"] = SwitcherField;
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ import { ICheckboxListFieldProps } from '../CheckboxListField/CheckboxListField';
3
+ export default function SwitcherListField(props: ICheckboxListFieldProps): JSX.Element;
@@ -0,0 +1,22 @@
1
+ "use strict";
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);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ exports.__esModule = true;
17
+ var react_1 = __importDefault(require("react"));
18
+ var CheckboxListField_1 = __importDefault(require("../CheckboxListField/CheckboxListField"));
19
+ function SwitcherListField(props) {
20
+ return (react_1["default"].createElement(CheckboxListField_1["default"], __assign({ view: 'form.SwitcherListFieldView' }, props)));
21
+ }
22
+ exports["default"] = SwitcherListField;
@@ -0,0 +1,2 @@
1
+ import SwitcherListField from './SwitcherListField';
2
+ export default SwitcherListField;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ exports.__esModule = true;
6
+ var SwitcherListField_1 = __importDefault(require("./SwitcherListField"));
7
+ exports["default"] = SwitcherListField_1["default"];
@@ -17,6 +17,7 @@ exports.__esModule = true;
17
17
  var react_1 = require("react");
18
18
  var hooks_1 = require("../../../hooks");
19
19
  var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
20
+ var enums_1 = require("../../../enums");
20
21
  function TextField(props) {
21
22
  // const dispatch = useDispatch();
22
23
  var components = (0, hooks_1.useComponents)();
@@ -47,4 +48,4 @@ TextField.defaultProps = {
47
48
  required: false,
48
49
  submitOnEnter: false
49
50
  };
50
- exports["default"] = (0, fieldWrapper_1["default"])('TextField', TextField);
51
+ exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.TEXT_FIELD, TextField);
@@ -18,6 +18,7 @@ var react_1 = require("react");
18
18
  var useDateInputState_1 = __importDefault(require("../../form/DateField/useDateInputState"));
19
19
  var hooks_1 = require("../../../hooks");
20
20
  var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
21
+ var enums_1 = require("../../../enums");
21
22
  function TimeField(props) {
22
23
  var components = (0, hooks_1.useComponents)();
23
24
  var _a = (0, useDateInputState_1["default"])({
@@ -49,4 +50,4 @@ TimeField.defaultProps = {
49
50
  dateInUTC: false,
50
51
  icon: true
51
52
  };
52
- exports["default"] = (0, fieldWrapper_1["default"])('TimeField', TimeField);
53
+ exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.TIME_FIELD, TimeField);
@@ -19,6 +19,7 @@ var hooks_1 = require("../../../hooks");
19
19
  var useDateInputState_1 = __importDefault(require("../DateField/useDateInputState"));
20
20
  var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
21
21
  var useDateRange_1 = __importDefault(require("../DateField/useDateRange"));
22
+ var enums_1 = require("../../../enums");
22
23
  function TimeRangeField(props) {
23
24
  var components = (0, hooks_1.useComponents)();
24
25
  // Global onChange (from props)
@@ -88,6 +89,6 @@ TimeRangeField.defaultProps = {
88
89
  dateInUTC: false,
89
90
  icon: true
90
91
  };
91
- exports["default"] = (0, fieldWrapper_1["default"])('TimeRangeField', TimeRangeField, {
92
+ exports["default"] = (0, fieldWrapper_1["default"])(enums_1.FieldEnum.TIME_RANGE_FIELD, TimeRangeField, {
92
93
  attributeSuffixes: ['from', 'to']
93
94
  });
@@ -29,12 +29,13 @@ 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
32
  import TextField from './TextField';
34
33
  import TimeField from './TimeField';
35
34
  import TimeRangeField from './TimeRangeField';
36
35
  import WizardForm from './WizardForm';
37
- 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, SwitcherField, TextField, TimeField, RateField, MaskField, EmailField, TimeRangeField, WizardForm, };
36
+ import SwitcherField from './SwitcherField';
37
+ import SwitcherListField from './SwitcherListField';
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, };
38
39
  declare const _default: {
39
40
  AutoCompleteField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./AutoCompleteField/AutoCompleteField").IAutoCompleteFieldProps>;
40
41
  BlankField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./BlankField/BlankField").IBlankFieldProps>;
@@ -59,11 +60,10 @@ declare const _default: {
59
60
  NavField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NavField/NavField").INavFieldProps>;
60
61
  NumberField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./NumberField/NumberField").INumberFieldProps>;
61
62
  PasswordField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./PasswordField/PasswordField").IPasswordFieldProps>;
62
- RadioField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioField/RadioField").IRadioFieldProps>;
63
- RadioListField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RadioListField/RadioListField").IRadioListFieldProps>;
63
+ RadioField: typeof RadioField;
64
+ RadioListField: typeof RadioListField;
64
65
  ReCaptchaField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./ReCaptchaField/ReCaptchaField").IReCaptchaFieldProps>;
65
66
  SliderField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SliderField/SliderField").ISliderFieldProps>;
66
- SwitcherField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./SwitcherField/SwitcherField").ISwitcherFieldProps>;
67
67
  TextField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TextField/TextField").ITextFieldProps>;
68
68
  TimeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeField/TimeField").ITimeFieldProps>;
69
69
  RateField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./RateField/RateField").IRateFieldProps>;
@@ -71,5 +71,7 @@ declare const _default: {
71
71
  EmailField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./EmailField/EmailField").IEmailFieldProps>;
72
72
  TimeRangeField: import("./Field/fieldWrapper").FieldWrapperComponent<import("./TimeRangeField/TimeRangeField").ITimeRangeFieldProps>;
73
73
  WizardForm: typeof WizardForm;
74
+ SwitcherField: typeof SwitcherField;
75
+ SwitcherListField: typeof SwitcherListField;
74
76
  };
75
77
  export default _default;
package/ui/form/index.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  exports.__esModule = true;
6
- exports.WizardForm = exports.TimeRangeField = exports.EmailField = exports.MaskField = exports.RateField = exports.TimeField = exports.TextField = exports.SwitcherField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.ImageField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxTreeField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
6
+ exports.SwitcherListField = exports.SwitcherField = exports.WizardForm = exports.TimeRangeField = exports.EmailField = exports.MaskField = exports.RateField = exports.TimeField = exports.TextField = exports.SliderField = exports.ReCaptchaField = exports.RadioListField = exports.RadioField = exports.PasswordField = exports.NumberField = exports.NavField = exports.InputField = exports.ImageField = exports.HtmlField = exports.Form = exports.FileField = exports.FieldSet = exports.FieldList = exports.FieldLayout = exports.Field = exports.DropDownField = exports.DateTimeRangeField = exports.DateTimeField = exports.DateRangeField = exports.DateField = exports.CheckboxTreeField = exports.CheckboxListField = exports.CheckboxField = exports.Button = exports.BlankField = exports.AutoCompleteField = void 0;
7
7
  var AutoCompleteField_1 = __importDefault(require("./AutoCompleteField"));
8
8
  exports.AutoCompleteField = AutoCompleteField_1["default"];
9
9
  var BlankField_1 = __importDefault(require("./BlankField"));
@@ -64,8 +64,6 @@ 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
67
  var TextField_1 = __importDefault(require("./TextField"));
70
68
  exports.TextField = TextField_1["default"];
71
69
  var TimeField_1 = __importDefault(require("./TimeField"));
@@ -74,6 +72,10 @@ var TimeRangeField_1 = __importDefault(require("./TimeRangeField"));
74
72
  exports.TimeRangeField = TimeRangeField_1["default"];
75
73
  var WizardForm_1 = __importDefault(require("./WizardForm"));
76
74
  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"];
77
79
  exports["default"] = {
78
80
  AutoCompleteField: AutoCompleteField_1["default"],
79
81
  BlankField: BlankField_1["default"],
@@ -102,12 +104,13 @@ exports["default"] = {
102
104
  RadioListField: RadioListField_1["default"],
103
105
  ReCaptchaField: ReCaptchaField_1["default"],
104
106
  SliderField: SliderField_1["default"],
105
- SwitcherField: SwitcherField_1["default"],
106
107
  TextField: TextField_1["default"],
107
108
  TimeField: TimeField_1["default"],
108
109
  RateField: RateField_1["default"],
109
110
  MaskField: MaskField_1["default"],
110
111
  EmailField: EmailField_1["default"],
111
112
  TimeRangeField: TimeRangeField_1["default"],
112
- WizardForm: WizardForm_1["default"]
113
+ WizardForm: WizardForm_1["default"],
114
+ SwitcherField: SwitcherField_1["default"],
115
+ SwitcherListField: SwitcherListField_1["default"]
113
116
  };