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

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.32",
+ "version": "3.0.0-beta.33",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {

package/ui/form/DateField/DateField.js

@@ -36,7 +36,7 @@ function DateField(props) {
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     // Calendar props
     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]);
-    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 }));
+    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 }));
 }
 DateField.defaultProps = {
     disabled: false,
@@ -44,6 +44,7 @@ DateField.defaultProps = {
     icon: true,
     required: false,
     showRemove: true,
-    valueFormat: 'YYYY-MM-DD'
+    valueFormat: 'YYYY-MM-DD',
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('DateField', DateField);

package/ui/form/DateRangeField/demo/icon.js

@@ -35,5 +35,5 @@ var DateRangeField_1 = __importDefault(require("../DateRangeField"));
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
     React.createElement(DateRangeField_1["default"], { label: 'Default', icon: true }),
-    React.createElement(DateRangeField_1["default"], { label: 'With error', icon: 'plane', errors: ['Error 1 text'] }),
-    React.createElement(DateRangeField_1["default"], { label: 'Custom', icon: 'dizzy' }))); });
+    React.createElement(DateRangeField_1["default"], { label: 'With error', icon: 'user', errors: ['Error 1 text'] }),
+    React.createElement(DateRangeField_1["default"], { label: 'Custom', icon: 'map' }))); });

package/ui/form/DateTimeRangeField/demo/icon.js

@@ -33,4 +33,4 @@ var DateTimeRangeField_1 = __importDefault(require("../DateTimeRangeField"));
  * @order 3
  * @col 6
  */
-exports["default"] = (function () { return (React.createElement(DateTimeRangeField_1["default"], { icon: 'plane' })); });
+exports["default"] = (function () { return (React.createElement(DateTimeRangeField_1["default"], { icon: 'user' })); });

package/ui/form/SwitcherField/SwitcherField.d.ts

@@ -1,33 +1,39 @@
+import * as React from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
+export interface ISwitcherItem {
+    id: number | string | boolean;
+    label?: string | {
+        checked: string;
+        unchecked: string;
+    };
+    [key: string]: any;
+}
 /**
  * SwitcherField
  * Список с кнопками. Используется для выбора одного значения.
  */
-export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
-    /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
+export interface ISwitcherFieldProps extends IFieldWrapperInputProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'>, IUiComponent {
     /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Свойства для компонента Button
-     */
-    buttonProps?: any;
-    [key: string]: any;
+    * Свойства для элемента \<input /\>
+    * @example {onKeyDown: ...}
+    */
+    inputProps?: any;
 }
 export interface ISwitcherFieldViewProps extends IFieldWrapperOutputProps, Omit<ISwitcherFieldProps, 'items'> {
-    items: Record<string, unknown>[];
+    items: ISwitcherItem[];
     hoveredId: PrimaryKey | any;
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;
     onItemHover: (id: PrimaryKey | any) => void;
     buttonProps?: any;
+    inputProps: {
+        name: string;
+        type: string;
+        disabled?: boolean;
+        onChange: (value: string | React.ChangeEvent) => void;
+    };
 }
 declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ISwitcherFieldProps>;
 export default _default;

package/ui/form/SwitcherField/SwitcherField.js

@@ -10,10 +10,34 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
@@ -31,7 +55,8 @@ function SwitcherField(props) {
         selectedIds: props.selectedIds,
         primaryKey: props.primaryKey,
         items: items,
-        inputValue: props.input.value
+        inputValue: props.input.value,
+        multiple: props.multiple
     }), hoveredId = _a.hoveredId, setHoveredId = _a.setHoveredId, selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
     var onItemHover = (0, react_1.useCallback)(function (id) {
         setHoveredId(id);
@@ -39,6 +64,7 @@ function SwitcherField(props) {
     var onItemSelect = (0, react_1.useCallback)(function (id) {
         setSelectedIds(id);
     }, [setSelectedIds]);
+    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]);
     // Sync with form
     var prevSelectedIds = (0, react_use_1.usePrevious)(selectedIds);
     (0, react_1.useEffect)(function () {
@@ -47,13 +73,14 @@ function SwitcherField(props) {
             props.input.onChange.call(null, (_a = selectedIds[0]) !== null && _a !== void 0 ? _a : null);
         }
     }, [selectedIds, props.input.onChange, prevSelectedIds]);
-    return components.ui.renderView(props.view || 'form.SwitcherFieldView', __assign(__assign({}, props), { items: items, hoveredId: hoveredId, selectedIds: selectedIds, onItemHover: onItemHover, onItemSelect: onItemSelect }));
+    return components.ui.renderView(props.view || 'form.SwitcherFieldView', __assign(__assign({}, props), { items: items, inputProps: inputProps, hoveredId: hoveredId, selectedIds: selectedIds, onItemHover: onItemHover, onItemSelect: onItemSelect }));
 }
 SwitcherField.defaultProps = {
     primaryKey: 'id',
     disabled: false,
     required: false,
     className: '',
-    errors: null
+    errors: null,
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('SwitcherField', SwitcherField);

package/ui/form/BlankField/demo/basic.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-/**
- * Простой пример использзования BlankField.
- * @order 1
- * @col 6
- */
-export declare const items: {
-    id: string;
-    label: string;
-}[];
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/BlankField/demo/basic.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.items = void 0;
-var React = __importStar(require("react"));
-var form_1 = require("../../../form");
-var BlankField_1 = __importDefault(require("../BlankField"));
-/**
- * Простой пример использзования BlankField.
- * @order 1
- * @col 6
- */
-exports.items = [
-    {
-        id: '1',
-        label: 'Moscow'
-    },
-    {
-        id: '2',
-        label: 'Krasnoyarsk'
-    },
-    {
-        id: '3',
-        label: 'Krasnodar'
-    },
-];
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(BlankField_1["default"], { text: 'BlankField text' },
-        React.createElement(form_1.AutoCompleteField, { items: exports.items }),
-        React.createElement(form_1.DateTimeField, null)))); });

package/ui/form/DateField/demo/basic.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Обычный  пример использования DateField.
- * @order 1
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/DateField/demo/basic.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateField_1 = __importDefault(require("../DateField"));
-/**
- * Обычный  пример использования DateField.
- * @order 1
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateField_1["default"], null))); });

package/ui/form/DateField/demo/disabled.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Выключенный или недоступный для использования.
- * @order 2
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/DateField/demo/disabled.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateField_1 = __importDefault(require("../DateField"));
-/**
- * Выключенный или недоступный для использования.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateField_1["default"], { label: 'Disabled', disabled: true }))); });

package/ui/form/DateField/demo/errors.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Обработка ошибок.
- * @order 4
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/DateField/demo/errors.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateField_1 = __importDefault(require("../DateField"));
-/**
- * Обработка ошибок.
- * @order 4
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/DateField/demo/icon.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * С использованием кастомной иконкой.
- * @order 5
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/DateField/demo/icon.js

@@ -1,39 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateField_1 = __importDefault(require("../DateField"));
-/**
- * С использованием кастомной иконкой.
- * @order 5
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateField_1["default"], { label: 'Default', icon: true }),
-    React.createElement(DateField_1["default"], { label: 'With error', icon: 'plane', errors: ['Error 1 text'] }),
-    React.createElement(DateField_1["default"], { label: 'Custom', icon: 'dizzy' }))); });

package/ui/form/DateField/demo/placeholder.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * С сообщением для пользователя по контексту использования.
- * @order 6
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/DateField/demo/placeholder.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateField_1 = __importDefault(require("../DateField"));
-/**
- * С сообщением для пользователя по контексту использования.
- * @order 6
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateField_1["default"], { label: 'Placeholder', placeholder: 'Your date...' }))); });

package/ui/form/DateField/demo/required.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Как обязательное поле для заполнения.
- * @order 3
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/DateField/demo/required.js

@@ -1,37 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateField_1 = __importDefault(require("../DateField"));
-/**
- * Как обязательное поле для заполнения.
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateField_1["default"], { label: 'Required', required: true }))); });

package/ui/form/DateField/demo/sizes.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * По-умлочанию DateField имеет 3 заданных размера.
- * @order 7
- * @col 12
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/DateField/demo/sizes.js

@@ -1,43 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var DateField_1 = __importDefault(require("../DateField"));
-var sizes = {
-    sm: 'Small',
-    md: 'Middle',
-    lg: 'Large'
-};
-/**
- * По-умлочанию DateField имеет 3 заданных размера.
- * @order 7
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement("div", { className: 'row mb-4' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
-        React.createElement(DateField_1["default"], { label: size, size: size }))); })))); });