@steroidsjs/core 3.0.0-beta.31 → 3.0.0-beta.33

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steroidsjs/core",
3
- "version": "3.0.0-beta.31",
3
+ "version": "3.0.0-beta.33",
4
4
  "description": "",
5
5
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
6
6
  "repository": {
@@ -83,6 +83,7 @@
83
83
  "enzyme": "^3.11.0",
84
84
  "eslint": "^8.34.0",
85
85
  "jest": "^26.6.3",
86
+ "jest-environment-jsdom-fifteen": "^1.0.2",
86
87
  "jest-enzyme": "^7.1.2",
87
88
  "ts-jest": "^26.5.1",
88
89
  "typescript": "^4.9.5"
@@ -19,12 +19,17 @@ var react_use_1 = require("react-use");
19
19
  var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
20
20
  var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
21
21
  var hooks_1 = require("../../../hooks");
22
- var getCategories = function (items) { return items.reduce(function (allCategories, item) {
23
- if (item.category && !allCategories.includes(item.category)) {
24
- allCategories.push(item.category);
22
+ var getCategories = function (items) {
23
+ if (!items) {
24
+ return [];
25
25
  }
26
- return allCategories;
27
- }, []); };
26
+ return items.reduce(function (allCategories, item) {
27
+ if (item.category && !allCategories.includes(item.category)) {
28
+ allCategories.push(item.category);
29
+ }
30
+ return allCategories;
31
+ }, []);
32
+ };
28
33
  function AutoCompleteField(props) {
29
34
  var components = (0, useComponents_1["default"])();
30
35
  // Query state
@@ -36,7 +36,7 @@ function DateField(props) {
36
36
  }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
37
37
  // Calendar props
38
38
  var calendarProps = (0, react_1.useMemo)(function () { return (__assign({ value: props.input.value, onChange: props.input.onChange, valueFormat: props.valueFormat }, props.calendarProps)); }, [props.calendarProps, props.input.onChange, props.input.value, props.valueFormat]);
39
- return components.ui.renderView(props.view || 'form.DateFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, calendarProps: calendarProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove }));
39
+ return components.ui.renderView(props.view || 'form.DateFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, isOpened: isOpened, inputProps: inputProps, calendarProps: calendarProps, size: props.size, icon: props.icon, errors: props.errors, label: props.label, disabled: props.disabled, className: props.className, showRemove: props.showRemove, style: props.style }));
40
40
  }
41
41
  DateField.defaultProps = {
42
42
  disabled: false,
@@ -44,6 +44,7 @@ DateField.defaultProps = {
44
44
  icon: true,
45
45
  required: false,
46
46
  showRemove: true,
47
- valueFormat: 'YYYY-MM-DD'
47
+ valueFormat: 'YYYY-MM-DD',
48
+ size: 'md'
48
49
  };
49
50
  exports["default"] = (0, fieldWrapper_1["default"])('DateField', DateField);
@@ -35,5 +35,5 @@ var DateRangeField_1 = __importDefault(require("../DateRangeField"));
35
35
  */
36
36
  exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
37
  React.createElement(DateRangeField_1["default"], { label: 'Default', icon: true }),
38
- React.createElement(DateRangeField_1["default"], { label: 'With error', icon: 'plane', errors: ['Error 1 text'] }),
39
- React.createElement(DateRangeField_1["default"], { label: 'Custom', icon: 'dizzy' }))); });
38
+ React.createElement(DateRangeField_1["default"], { label: 'With error', icon: 'user', errors: ['Error 1 text'] }),
39
+ React.createElement(DateRangeField_1["default"], { label: 'Custom', icon: 'map' }))); });
@@ -33,4 +33,4 @@ var DateTimeRangeField_1 = __importDefault(require("../DateTimeRangeField"));
33
33
  * @order 3
34
34
  * @col 6
35
35
  */
36
- exports["default"] = (function () { return (React.createElement(DateTimeRangeField_1["default"], { icon: 'plane' })); });
36
+ exports["default"] = (function () { return (React.createElement(DateTimeRangeField_1["default"], { icon: 'user' })); });
@@ -146,9 +146,7 @@ export interface IFormViewProps {
146
146
  submitLabel?: string;
147
147
  fields?: (string | IFieldProps)[];
148
148
  onSubmit: any;
149
- isInvalid?: boolean;
150
149
  className?: CssClassName;
151
- isBordered?: boolean;
152
150
  autoFocus?: boolean;
153
151
  style?: CustomStyle;
154
152
  children?: React.ReactNode;
@@ -333,7 +333,7 @@ function Form(props) {
333
333
  }
334
334
  // Render context and form
335
335
  return (React.createElement(exports.FormContext.Provider, { value: formContextValue }, props.view !== false
336
- ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isInvalid: isInvalid, isSubmitting: isSubmitting, onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style, autoFocus: props.autoFocus }))
336
+ ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isSubmitting: isSubmitting, onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, className: props.className, style: props.style, autoFocus: props.autoFocus }))
337
337
  : props.children));
338
338
  }
339
339
  Form.defaultProps = {
@@ -1,33 +1,39 @@
1
+ import * as React from 'react';
1
2
  import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
2
3
  import { IDataProviderConfig } from '../../../hooks/useDataProvider';
3
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
+ }
4
13
  /**
5
14
  * SwitcherField
6
15
  * Список с кнопками. Используется для выбора одного значения.
7
16
  */
8
- export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
9
- /**
10
- * Дополнительный CSS-класс для элемента отображения
11
- */
12
- className?: CssClassName;
17
+ export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'>, IUiComponent {
13
18
  /**
14
- * Переопределение view React компонента для кастомизации отображения
15
- * @example MyCustomView
16
- */
17
- view?: CustomView;
18
- /**
19
- * Свойства для компонента Button
20
- */
21
- buttonProps?: any;
22
- [key: string]: any;
19
+ * Свойства для элемента \<input /\>
20
+ * @example {onKeyDown: ...}
21
+ */
22
+ inputProps?: any;
23
23
  }
24
24
  export interface ISwitcherFieldViewProps extends IFieldWrapperOutputProps, Omit<ISwitcherFieldProps, 'items'> {
25
- items: Record<string, unknown>[];
25
+ items: ISwitcherItem[];
26
26
  hoveredId: PrimaryKey | any;
27
27
  selectedIds: (PrimaryKey | any)[];
28
28
  onItemSelect: (id: PrimaryKey | any) => void;
29
29
  onItemHover: (id: PrimaryKey | any) => void;
30
30
  buttonProps?: any;
31
+ inputProps: {
32
+ name: string;
33
+ type: string;
34
+ disabled?: boolean;
35
+ onChange: (value: string | React.ChangeEvent) => void;
36
+ };
31
37
  }
32
38
  declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ISwitcherFieldProps>;
33
39
  export default _default;
@@ -10,10 +10,34 @@ 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
+ };
13
36
  var __importDefault = (this && this.__importDefault) || function (mod) {
14
37
  return (mod && mod.__esModule) ? mod : { "default": mod };
15
38
  };
16
39
  exports.__esModule = true;
40
+ var React = __importStar(require("react"));
17
41
  var react_1 = require("react");
18
42
  var react_use_1 = require("react-use");
19
43
  var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
@@ -31,7 +55,8 @@ function SwitcherField(props) {
31
55
  selectedIds: props.selectedIds,
32
56
  primaryKey: props.primaryKey,
33
57
  items: items,
34
- inputValue: props.input.value
58
+ inputValue: props.input.value,
59
+ multiple: props.multiple
35
60
  }), hoveredId = _a.hoveredId, setHoveredId = _a.setHoveredId, selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
36
61
  var onItemHover = (0, react_1.useCallback)(function (id) {
37
62
  setHoveredId(id);
@@ -39,6 +64,7 @@ function SwitcherField(props) {
39
64
  var onItemSelect = (0, react_1.useCallback)(function (id) {
40
65
  setSelectedIds(id);
41
66
  }, [setSelectedIds]);
67
+ var inputProps = React.useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input.name, props.inputProps]);
42
68
  // Sync with form
43
69
  var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
44
70
  (0, react_1.useEffect)(function () {
@@ -47,13 +73,14 @@ function SwitcherField(props) {
47
73
  props.input.onChange.call(null, (_a = selectedIds[0]) !== null && _a !== void 0 ? _a : null);
48
74
  }
49
75
  }, [selectedIds, props.input.onChange, prevSelectedIds]);
50
- return components.ui.renderView(props.view || 'form.SwitcherFieldView', __assign(__assign({}, props), { items: items, hoveredId: hoveredId, selectedIds: selectedIds, onItemHover: onItemHover, onItemSelect: onItemSelect }));
76
+ return components.ui.renderView(props.view || 'form.SwitcherFieldView', __assign(__assign({}, props), { items: items, inputProps: inputProps, hoveredId: hoveredId, selectedIds: selectedIds, onItemHover: onItemHover, onItemSelect: onItemSelect }));
51
77
  }
52
78
  SwitcherField.defaultProps = {
53
79
  primaryKey: 'id',
54
80
  disabled: false,
55
81
  required: false,
56
82
  className: '',
57
- errors: null
83
+ errors: null,
84
+ size: 'md'
58
85
  };
59
86
  exports["default"] = (0, fieldWrapper_1["default"])('SwitcherField', SwitcherField);
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Простой пример использзования BlankField.
4
- * @order 1
5
- * @col 6
6
- */
7
- export declare const items: {
8
- id: string;
9
- label: string;
10
- }[];
11
- declare const _default: () => JSX.Element;
12
- export default _default;
@@ -1,55 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- exports.items = void 0;
30
- var React = __importStar(require("react"));
31
- var form_1 = require("../../../form");
32
- var BlankField_1 = __importDefault(require("../BlankField"));
33
- /**
34
- * Простой пример использзования BlankField.
35
- * @order 1
36
- * @col 6
37
- */
38
- exports.items = [
39
- {
40
- id: '1',
41
- label: 'Moscow'
42
- },
43
- {
44
- id: '2',
45
- label: 'Krasnoyarsk'
46
- },
47
- {
48
- id: '3',
49
- label: 'Krasnodar'
50
- },
51
- ];
52
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
53
- React.createElement(BlankField_1["default"], { text: 'BlankField text' },
54
- React.createElement(form_1.AutoCompleteField, { items: exports.items }),
55
- React.createElement(form_1.DateTimeField, null)))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обычный пример использования DateField.
4
- * @order 1
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var DateField_1 = __importDefault(require("../DateField"));
31
- /**
32
- * Обычный пример использования DateField.
33
- * @order 1
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(DateField_1["default"], null))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Выключенный или недоступный для использования.
4
- * @order 2
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var DateField_1 = __importDefault(require("../DateField"));
31
- /**
32
- * Выключенный или недоступный для использования.
33
- * @order 2
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(DateField_1["default"], { label: 'Disabled', disabled: true }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Обработка ошибок.
4
- * @order 4
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var DateField_1 = __importDefault(require("../DateField"));
31
- /**
32
- * Обработка ошибок.
33
- * @order 4
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(DateField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * С использованием кастомной иконкой.
4
- * @order 5
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var DateField_1 = __importDefault(require("../DateField"));
31
- /**
32
- * С использованием кастомной иконкой.
33
- * @order 5
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(DateField_1["default"], { label: 'Default', icon: true }),
38
- React.createElement(DateField_1["default"], { label: 'With error', icon: 'plane', errors: ['Error 1 text'] }),
39
- React.createElement(DateField_1["default"], { label: 'Custom', icon: 'dizzy' }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * С сообщением для пользователя по контексту использования.
4
- * @order 6
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var DateField_1 = __importDefault(require("../DateField"));
31
- /**
32
- * С сообщением для пользователя по контексту использования.
33
- * @order 6
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(DateField_1["default"], { label: 'Placeholder', placeholder: 'Your date...' }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Как обязательное поле для заполнения.
4
- * @order 3
5
- * @col 6
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var DateField_1 = __importDefault(require("../DateField"));
31
- /**
32
- * Как обязательное поле для заполнения.
33
- * @order 3
34
- * @col 6
35
- */
36
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
37
- React.createElement(DateField_1["default"], { label: 'Required', required: true }))); });
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * По-умлочанию DateField имеет 3 заданных размера.
4
- * @order 7
5
- * @col 12
6
- */
7
- declare const _default: () => JSX.Element;
8
- export default _default;
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- exports.__esModule = true;
29
- var React = __importStar(require("react"));
30
- var DateField_1 = __importDefault(require("../DateField"));
31
- var sizes = {
32
- sm: 'Small',
33
- md: 'Middle',
34
- lg: 'Large'
35
- };
36
- /**
37
- * По-умлочанию DateField имеет 3 заданных размера.
38
- * @order 7
39
- * @col 12
40
- */
41
- exports["default"] = (function () { return (React.createElement(React.Fragment, null,
42
- React.createElement("div", { className: 'row mb-4' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
43
- React.createElement(DateField_1["default"], { label: size, size: size }))); })))); });