@steroidsjs/core 3.0.0-beta.40 → 3.0.0-beta.42

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.40",
+ "version": "3.0.0-beta.42",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {
@@ -42,7 +42,7 @@
   "query-string": "^6.14.0",
   "react": "^18.2.0",
   "react-click-outside": "^3.0.1",
-  "react-day-picker": "^8.2.1",
+  "react-day-picker": "^8.7.1",
   "react-dom": "^18.2.0",
   "react-grid-gallery": "^0.4.8",
   "react-helmet": "^6.1.0",

package/ui/content/Calendar/Calendar.js

@@ -31,7 +31,9 @@ function Calendar(props) {
             setMonth(selectedDates[0]);
         }
     }, [selectedDates]);
-    var onDaySelect = (0, react_1.useCallback)(function (date) { return props.onChange.call(null, (0, calendar_1.convertDate)(date, null, props.valueFormat, false, true)); }, [props.onChange, props.valueFormat]);
+    var onDaySelect = (0, react_1.useCallback)(function (date) {
+        props.onChange.call(null, (0, calendar_1.convertDate)(date, null, props.valueFormat, false, true));
+    }, [props.onChange, props.valueFormat]);
     var toggleCaptionPanel = (0, react_1.useCallback)(function () {
         setIsCaptionPanelVisible(!isCaptionPanelVisible);
     }, [isCaptionPanelVisible]);

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

@@ -1,20 +1,6 @@
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from './useDateInputState';
-export interface IDateFieldProps extends IDateInputStateInput {
-    /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
-    /**
-     * Объект CSS стилей
-     * @example {width: '45%'}
-     */
-    style?: CustomStyle;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
+export interface IDateFieldProps extends IDateInputStateInput, IUiComponent {
     /**
      * Свойства для view компонента
      */

package/ui/form/DateField/useDateInputState.js

@@ -81,7 +81,7 @@ function useDateInputState(props) {
         onDisplayValueChange((0, moment_1["default"])().format(props.displayFormat));
     }, [onDisplayValueChange, props.displayFormat]);
     // Display input props
-    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ value: displayValue, onChange: onDisplayValueChange, onFocus: onFocus, onBlur: onBlur, disabled: props.disabled, placeholder: props.placeholder || props.displayFormat, required: props.required, name: props.input.name, autoComplete: 'off', type: 'text' }, props.inputProps)); }, [displayValue, onBlur, onDisplayValueChange, onFocus, props.disabled, props.displayFormat,
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ value: displayValue, onChange: onDisplayValueChange, onFocus: onFocus, onBlur: onBlur, disabled: props.disabled, placeholder: props.placeholder || props.displayFormat.toLowerCase(), required: props.required, name: props.input.name, autoComplete: 'off', type: 'text' }, props.inputProps)); }, [displayValue, onBlur, onDisplayValueChange, onFocus, props.disabled, props.displayFormat,
         props.input.name, props.inputProps, props.placeholder, props.required]);
     return {
         isOpened: isOpened,

package/ui/form/DateRangeField/DateRangeField.d.ts

@@ -5,7 +5,7 @@ import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Fi
  * DateRangeField
  * Поле ввода дипазона двух дат с выпадающим календарём
  */
-export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldWrapperInputProps, 'attribute'> {
+export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldWrapperInputProps, 'attribute'>, IUiComponent {
     /**
      * Аттрибут (название) поля в форме
      * @example 'fromTime'
@@ -31,25 +31,11 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
      * @example YYYY-MM-DD
      */
     valueFormat?: string;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
     /**
      * Placeholder подсказка
      * @example Your text...
      */
     placeholder?: any;
-    /**
-     * Объект CSS стилей
-     * @example {width: '45%'}
-     */
-    style?: CustomStyle;
     /**
      * Иконка
      * @example calendar-day
@@ -66,11 +52,6 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
      * Свойства для компонента Calendar
      */
     calendarProps?: ICalendarProps;
-    /**
-     * Отключить border вокруг элемента
-     * @example 'true'
-     */
-    noBorder?: boolean;
     [key: string]: any;
 }
 export interface IDateRangeFieldViewProps extends IDateInputStateOutput, Omit<IFieldWrapperOutputProps, 'input'>, Pick<IDateRangeFieldProps, 'size' | 'icon' | 'errors' | 'showRemove' | 'calendarProps' | 'className' | 'disabled' | 'noBorder' | 'style'> {

package/ui/form/DateRangeField/DateRangeField.js

@@ -73,7 +73,7 @@ function DateRangeField(props) {
         showFooter: false
     }); }, [focus, props.inputFrom.onChange, props.inputFrom.value, props.inputTo.onChange,
         props.inputTo.value, props.valueFormat]);
-    return components.ui.renderView(props.view || 'form.DateRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, calendarProps: calendarProps, icon: props.icon, size: props.size, errorsTo: props.errorsTo, disabled: props.disabled, noBorder: props.noBorder, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo }));
+    return components.ui.renderView(props.view || 'form.DateRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, calendarProps: calendarProps, icon: props.icon, size: props.size, errorsTo: props.errorsTo, disabled: props.disabled, noBorder: props.noBorder, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, style: props.style }));
 }
 DateRangeField.defaultProps = {
     disabled: false,
@@ -83,6 +83,7 @@ DateRangeField.defaultProps = {
     valueFormat: 'YYYY-MM-DD',
     showRemove: true,
     icon: true,
-    noBorder: false
+    noBorder: false,
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('DateRangeField', DateRangeField, { attributeSuffixes: ['from', 'to'] });

package/ui/form/DateTimeField/DateTimeField.d.ts

@@ -1,20 +1,6 @@
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
-export interface IDateTimeFieldProps extends IDateInputStateInput {
-    /**
-     * Объект CSS стилей
-     * @example {width: '45%'}
-     */
-    style?: CustomStyle;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
+export interface IDateTimeFieldProps extends IDateInputStateInput, IUiComponent {
     /**
      * Свойства для компонента Calendar
      */

package/ui/form/DateTimeField/DateTimeField.js

@@ -60,7 +60,7 @@ function DateTimeField(props) {
         value: timeValue,
         onSelect: onTimeSelect
     }); }, [onClose, onTimeSelect, timeValue]);
-    return components.ui.renderView(props.view || 'form.DateTimeFieldView', __assign(__assign({}, props.viewProps), { isOpened: isOpened, onClear: onClear, onClose: onClose, inputProps: inputProps, calendarProps: calendarProps, timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, label: props.label, errors: props.errors, className: props.className, showRemove: props.showRemove, isInvalid: props.isInvalid, disabled: props.disabled }));
+    return components.ui.renderView(props.view || 'form.DateTimeFieldView', __assign(__assign({}, props.viewProps), { isOpened: isOpened, onClear: onClear, onClose: onClose, inputProps: inputProps, calendarProps: calendarProps, timePanelViewProps: timePanelViewProps, size: props.size, icon: props.icon, label: props.label, errors: props.errors, className: props.className, showRemove: props.showRemove, isInvalid: props.isInvalid, disabled: props.disabled, style: props.style }));
 }
 DateTimeField.defaultProps = {
     disabled: false,
@@ -69,6 +69,8 @@ DateTimeField.defaultProps = {
     displayFormat: 'DD.MM.YYYY' + DATE_TIME_SEPARATOR + 'HH:mm',
     valueFormat: 'YYYY-MM-DD' + DATE_TIME_SEPARATOR + 'HH:mm',
     useUTC: true,
-    dateInUTC: false
+    dateInUTC: false,
+    size: 'md',
+    icon: true
 };
 exports["default"] = (0, fieldWrapper_1["default"])('DateTimeField', DateTimeField);

package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts

@@ -6,7 +6,7 @@ import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Fi
  * DateTimeRangeField
  * Поле ввода дипазона двух дат со временем, с выпадающим календарём
  */
-export interface IDateTimeRangeFieldProps extends Omit<IDateInputStateInput, 'inputProps' | 'input'>, Omit<IFieldWrapperInputProps, 'attribute'> {
+export interface IDateTimeRangeFieldProps extends Omit<IDateInputStateInput, 'inputProps' | 'input'>, Omit<IFieldWrapperInputProps, 'attribute'>, IUiComponent {
     /**
     * Аттрибут (название) поля в форме
     * @example 'fromTime'
@@ -22,20 +22,6 @@ export interface IDateTimeRangeFieldProps extends Omit<IDateInputStateInput, 'in
      * @example {dayPickerProps: {showWeekNumbers: true}}
      */
     pickerProps?: any;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     * Объект CSS стилей
-     * @example {width: '45%'}
-     */
-    style?: CustomStyle;
     /**
      * Свойства для поля 'from'
      */
@@ -52,11 +38,6 @@ export interface IDateTimeRangeFieldProps extends Omit<IDateInputStateInput, 'in
      * Свойства для компонента Calendar
      */
     calendarProps?: ICalendarProps;
-    /**
-     * Отключить border вокруг элемента
-     * @example 'true'
-     */
-    noBorder?: boolean;
     [key: string]: any;
 }
 export interface IDateTimeRangeFieldViewProps extends IDateInputStateOutput, Omit<IFieldWrapperOutputProps, 'input'>, Pick<IDateRangeFieldProps, 'size' | 'icon' | 'errors' | 'showRemove' | 'calendarProps' | 'className' | 'disabled' | 'noBorder' | 'style'> {

package/ui/form/DateTimeRangeField/DateTimeRangeField.js

@@ -91,7 +91,7 @@ function DateTimeRangeField(props) {
         timeValueFrom,
         timeValueTo,
     ]);
-    return components.ui.renderView(props.view || 'form.DateTimeRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, calendarProps: calendarProps, timePanelViewProps: timePanelViewProps, icon: props.icon, size: props.size, errorsTo: props.errorsTo, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, disabled: props.disabled, noBorder: props.noBorder }));
+    return components.ui.renderView(props.view || 'form.DateTimeRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear, onClose: onClose, calendarProps: calendarProps, timePanelViewProps: timePanelViewProps, icon: props.icon, size: props.size, errorsTo: props.errorsTo, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo, disabled: props.disabled, noBorder: props.noBorder, style: props.style }));
 }
 DateTimeRangeField.defaultProps = {
     disabled: false,
@@ -100,6 +100,7 @@ DateTimeRangeField.defaultProps = {
     displayFormat: 'DD.MM.YYYY' + DATE_TIME_SEPARATOR + 'HH:mm',
     valueFormat: 'YYYY-MM-DD' + DATE_TIME_SEPARATOR + 'HH:mm',
     showRemove: true,
-    icon: true
+    icon: true,
+    size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('DateTimeRangeField', DateTimeRangeField, { attributeSuffixes: ['from', 'to'] });

package/ui/nav/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { IButtonProps } from 'src/ui/form/Button/Button';
+import { DataProviderItems } from '../../../hooks/useDataProvider';
+export interface IButtonGroupProps extends IUiComponent {
+    /**
+     * Элементы для группы кнопок
+     * @example ['button1', 'button2', 'button3']
+     */
+    items: DataProviderItems;
+    /**
+     * Функция, которая будет вызываться при клике по кнопке
+     * @example setActiveTab
+     */
+    onClick: (value: number | string | boolean) => void;
+    /**
+     * Активная кнопка
+     * @example 'button1'
+     */
+    activeButton?: number | string;
+    /**
+     * Общие свойства для всех кнопок группы
+     * @example {outline: true, color: 'secondary'}
+     */
+    buttonProps?: IButtonProps;
+}
+export interface IButtonGroupViewProps extends Omit<IButtonGroupProps, 'items'> {
+    items: {
+        id: number | string | boolean;
+        label?: string;
+        [key: string]: unknown;
+    }[];
+    size: Size;
+}
+declare function ButtonGroup(props: IButtonGroupProps): JSX.Element;
+export default ButtonGroup;

package/ui/nav/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+var useDataProvider_1 = __importDefault(require("../../../hooks/useDataProvider"));
+var DEFAULT_BUTTON_GROUP_SIZE = 'md';
+function ButtonGroup(props) {
+    var _a;
+    var components = (0, hooks_1.useComponents)();
+    var items = (0, useDataProvider_1["default"])({
+        items: props.items
+    }).items;
+    var _b = (0, react_1.useState)(props.activeButton || items[0].id), activeButton = _b[0], setActiveButton = _b[1];
+    var onClick = function (buttonId) {
+        setActiveButton(buttonId);
+        props.onClick(buttonId);
+    };
+    return components.ui.renderView(props.view || 'nav.ButtonGroupView', {
+        className: props.className,
+        style: props.style,
+        buttonProps: props.buttonProps,
+        size: ((_a = props.buttonProps) === null || _a === void 0 ? void 0 : _a.size) || DEFAULT_BUTTON_GROUP_SIZE,
+        activeButton: activeButton,
+        items: items,
+        onClick: onClick
+    });
+}
+exports["default"] = ButtonGroup;

package/ui/nav/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+import ButtonGroup from './ButtonGroup';
+export default ButtonGroup;

package/ui/nav/ButtonGroup/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var ButtonGroup_1 = __importDefault(require("./ButtonGroup"));
+exports["default"] = ButtonGroup_1["default"];

package/ui/nav/index.d.ts

@@ -2,4 +2,5 @@ import Nav from './Nav';
 import Router from './Router';
 import Link from './Link';
 import Breadcrumbs from './Breadcrumbs';
-export { Nav, Router, Link, Breadcrumbs };
+import ButtonGroup from './ButtonGroup';
+export { Nav, Router, Link, Breadcrumbs, ButtonGroup };

package/ui/nav/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.Breadcrumbs = exports.Link = exports.Router = exports.Nav = void 0;
+exports.ButtonGroup = exports.Breadcrumbs = exports.Link = exports.Router = exports.Nav = void 0;
 var Nav_1 = __importDefault(require("./Nav"));
 exports.Nav = Nav_1["default"];
 var Router_1 = __importDefault(require("./Router"));
@@ -12,3 +12,5 @@ var Link_1 = __importDefault(require("./Link"));
 exports.Link = Link_1["default"];
 var Breadcrumbs_1 = __importDefault(require("./Breadcrumbs"));
 exports.Breadcrumbs = Breadcrumbs_1["default"];
+var ButtonGroup_1 = __importDefault(require("./ButtonGroup"));
+exports.ButtonGroup = ButtonGroup_1["default"];

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

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

package/ui/form/DateRangeField/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 DateRangeField_1 = __importDefault(require("../DateRangeField"));
-/**
- * Обычный пример использования DateRangeField.
- * @order 1
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateRangeField_1["default"], { attributeFrom: 'fromTime', attributeTo: 'toTime' }))); });

package/ui/form/DateRangeField/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/DateRangeField/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 DateRangeField_1 = __importDefault(require("../DateRangeField"));
-/**
- * Выключенный или недоступный для использования.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateRangeField_1["default"], { label: 'Disabled', disabled: true }))); });

package/ui/form/DateRangeField/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/DateRangeField/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 DateRangeField_1 = __importDefault(require("../DateRangeField"));
-/**
- * Обработка ошибок.
- * @order 4
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateRangeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/DateRangeField/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/DateRangeField/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 DateRangeField_1 = __importDefault(require("../DateRangeField"));
-/**
- * С использованием кастомной иконкой.
- * @order 5
- * @col 6
- */
-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: 'user', errors: ['Error 1 text'] }),
-    React.createElement(DateRangeField_1["default"], { label: 'Custom', icon: 'map' }))); });

package/ui/form/DateRangeField/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/DateRangeField/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 DateRangeField_1 = __importDefault(require("../DateRangeField"));
-/**
- * С сообщением для пользователя по контексту использования.
- * @order 6
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateRangeField_1["default"], { label: 'Placeholder', placeholder: 'Your date...' }))); });

package/ui/form/DateRangeField/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/DateRangeField/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 DateRangeField_1 = __importDefault(require("../DateRangeField"));
-/**
- * Как обязательное поле для заполнения.
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateRangeField_1["default"], { label: 'Required', required: true }))); });

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

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