@steroidsjs/core 3.0.0-beta.2 → 3.0.0-beta.21

package/ui/form/DateField/useDateInputState.js

@@ -20,16 +20,16 @@ var moment_1 = __importDefault(require("moment"));
 var calendar_1 = require("../../../utils/calendar");
 function useDateInputState(props) {
     // Get props value
-    var propsDisplayValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [
+    var propsDisplayValue = (0, react_1.useMemo)(function () { return (0, calendar_1.convertDate)(props.input.value, [
         props.valueFormat,
         props.displayFormat,
     ], props.displayFormat, props.useUTC, props.dateInUTC) || ''; }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [props.displayFormat, props.input.value, props.valueFormat]);
     // Display value state
-    var _a = react_1.useState(propsDisplayValue), displayValue = _a[0], setDisplayValue = _a[1];
+    var _a = (0, react_1.useState)(propsDisplayValue), displayValue = _a[0], setDisplayValue = _a[1];
     // Update display value on update props input value
-    react_use_1.useUpdateEffect(function () {
+    (0, react_use_1.useUpdateEffect)(function () {
         if (displayValue !== propsDisplayValue) {
             setDisplayValue(propsDisplayValue);
             if (props.onChange) {
@@ -40,12 +40,12 @@ function useDateInputState(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [propsDisplayValue]);
     // Display input change handler
-    var onDisplayValueChange = react_1.useCallback(function (value) {
+    var onDisplayValueChange = (0, react_1.useCallback)(function (value) {
         value = value.replace(/[^0-9:. ]/g, '');
         setDisplayValue(value);
         var newValue = value;
         if (value !== null) {
-            var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat, props.useUTC, props.dateInUTC);
+            var parsedValue = (0, calendar_1.convertDate)(value, props.displayFormat, props.valueFormat, props.useUTC, props.dateInUTC);
             newValue = parsedValue || !value ? parsedValue : false;
         }
         if (newValue !== false && newValue !== props.input.value) {
@@ -57,32 +57,31 @@ function useDateInputState(props) {
         // eslint-disable-next-line max-len
     }, [props.displayFormat, props.input.onChange, props.input.value, props.onChange, props.valueFormat, props.useUTC, props.dateInUTC]);
     // Dropdown opened state
-    var _b = react_1.useState(false), isOpened = _b[0], setIsOpened = _b[1];
+    var _b = (0, react_1.useState)(false), isOpened = _b[0], setIsOpened = _b[1];
     // Focus/blur handlers
-    var onFocus = react_1.useCallback(function (e) {
+    var onFocus = (0, react_1.useCallback)(function (e) {
         e.preventDefault();
         setIsOpened(true);
     }, [setIsOpened]);
-    var onBlur = react_1.useCallback(function () {
+    var onBlur = (0, react_1.useCallback)(function () {
         if (propsDisplayValue !== displayValue) {
             setDisplayValue(propsDisplayValue);
         }
     }, [displayValue, propsDisplayValue]);
-    var onClose = react_1.useCallback(function () {
+    var onClose = (0, react_1.useCallback)(function () {
         setIsOpened(false);
         if (propsDisplayValue !== displayValue) {
             setDisplayValue(propsDisplayValue);
         }
     }, [displayValue, propsDisplayValue]);
-    var onClear = react_1.useCallback(function () {
+    var onClear = (0, react_1.useCallback)(function () {
         onDisplayValueChange('');
     }, [onDisplayValueChange]);
-    var onNow = react_1.useCallback(function () {
-        onDisplayValueChange(moment_1["default"]().format(props.displayFormat));
+    var onNow = (0, react_1.useCallback)(function () {
+        onDisplayValueChange((0, moment_1["default"])().format(props.displayFormat));
     }, [onDisplayValueChange, props.displayFormat]);
     // Display input props
-    var inputProps = 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, 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/DateField/useDateRange.d.ts

@@ -10,7 +10,7 @@ interface IUseDateRangeProps {
     useSmartFocus: boolean;
 }
 export default function useDateRange(props: IUseDateRangeProps): {
-    focus: "from" | "to";
+    focus: "to" | "from";
     onClose: () => void;
     onClear: () => void;
     extendedInputPropsFrom: any;

package/ui/form/DateField/useDateRange.js

@@ -15,12 +15,12 @@ var react_1 = require("react");
 var react_use_1 = require("react-use");
 function useDateRange(props) {
     // Tracking focus for input being edited
-    var _a = react_1.useState('from'), focus = _a[0], setFocus = _a[1];
+    var _a = (0, react_1.useState)('from'), focus = _a[0], setFocus = _a[1];
     // Local refs to handle auto-focus
-    var valueFromRef = react_1.useRef('');
-    var valueToRef = react_1.useRef('');
+    var valueFromRef = (0, react_1.useRef)('');
+    var valueToRef = (0, react_1.useRef)('');
     // Close handler
-    var onClose = react_1.useCallback(function () {
+    var onClose = (0, react_1.useCallback)(function () {
         if (focus === 'from') {
             props.onCloseFrom();
         }
@@ -31,27 +31,27 @@ function useDateRange(props) {
         valueToRef.current = '';
     }, [focus, props]);
     // Clear handler
-    var onClear = react_1.useCallback(function () {
+    var onClear = (0, react_1.useCallback)(function () {
         props.onClearFrom();
         props.onClearTo();
     }, [props]);
     // Custom onFocus for inputFrom
-    var inputFromRef = react_1.useRef(null);
-    var onFocusFrom = react_1.useCallback(function (e) {
+    var inputFromRef = (0, react_1.useRef)(null);
+    var onFocusFrom = (0, react_1.useCallback)(function (e) {
         props.inputPropsFrom.onFocus.call(null, e);
         setFocus('from');
     }, [props.inputPropsFrom.onFocus]);
-    var extendedInputPropsFrom = react_1.useMemo(function () { return (__assign(__assign({}, props.inputPropsFrom), { onFocus: onFocusFrom, ref: inputFromRef })); }, [onFocusFrom, props.inputPropsFrom]);
+    var extendedInputPropsFrom = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputPropsFrom), { onFocus: onFocusFrom, ref: inputFromRef })); }, [onFocusFrom, props.inputPropsFrom]);
     // Custom onFocus for inputTo
-    var inputToRef = react_1.useRef(null);
-    var onFocusTo = react_1.useCallback(function (e) {
+    var inputToRef = (0, react_1.useRef)(null);
+    var onFocusTo = (0, react_1.useCallback)(function (e) {
         props.inputPropsTo.onFocus.call(null, e);
         setFocus('to');
     }, [props.inputPropsTo.onFocus]);
-    var extendedInputPropsTo = react_1.useMemo(function () { return (__assign(__assign({}, props.inputPropsTo), { onFocus: onFocusTo, ref: inputToRef })); }, [onFocusTo, props.inputPropsTo]);
-    var prevValueFrom = react_use_1.usePrevious(props.inputFrom.value);
-    var prevValueTo = react_use_1.usePrevious(props.inputTo.value);
-    react_1.useEffect(function () {
+    var extendedInputPropsTo = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputPropsTo), { onFocus: onFocusTo, ref: inputToRef })); }, [onFocusTo, props.inputPropsTo]);
+    var prevValueFrom = (0, react_use_1.usePrevious)(props.inputFrom.value);
+    var prevValueTo = (0, react_use_1.usePrevious)(props.inputTo.value);
+    (0, react_1.useEffect)(function () {
         if (props.useSmartFocus) {
             if (focus === 'from' && !valueToRef.current && prevValueFrom !== props.inputFrom.value) {
                 valueFromRef.current = props.inputFrom.value;

package/ui/form/DateField/useDateTime.js

@@ -13,21 +13,21 @@ var calendar_1 = require("../../../utils/calendar");
  */
 function useDateTime(props) {
     var _a = props.valueFormat.split(props.dateTimeSeparator), dateValueFormat = _a[0], timeValueFormat = _a[1];
-    var dateValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.valueFormat, props.displayFormat], dateValueFormat, props.useUTC, props.dateInUTC); }, [dateValueFormat, props.displayFormat, props.input.value, props.valueFormat]);
-    var timeValue = react_1.useMemo(function () { return calendar_1.convertDate(props.input.value, [props.displayFormat, props.valueFormat], timeValueFormat, props.useUTC, props.dateInUTC); }, [props.displayFormat, props.input.value, props.valueFormat, timeValueFormat]);
+    var dateValue = (0, react_1.useMemo)(function () { return (0, calendar_1.convertDate)(props.input.value, [props.valueFormat, props.displayFormat], dateValueFormat, props.useUTC, props.dateInUTC); }, [dateValueFormat, props.displayFormat, props.input.value, props.valueFormat]);
+    var timeValue = (0, react_1.useMemo)(function () { return (0, calendar_1.convertDate)(props.input.value, [props.displayFormat, props.valueFormat], timeValueFormat, props.useUTC, props.dateInUTC); }, [props.displayFormat, props.input.value, props.valueFormat, timeValueFormat]);
     // Handler for calendar and time picker changes
-    var onDateSelect = react_1.useCallback(function (date) {
+    var onDateSelect = (0, react_1.useCallback)(function (date) {
         var result = date + props.dateTimeSeparator + (timeValue || '00:00');
-        props.input.onChange.call(null, calendar_1.convertDate(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, 
+        props.input.onChange.call(null, (0, calendar_1.convertDate)(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, 
         // converting to UTC here depends on whether the date is stored in UTC
         props.dateInUTC, 
         // whether the date provided from onSelect is in UTC or not depends on this flag
         props.useUTC));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.dateTimeSeparator, props.input.onChange, props.valueFormat, timeValue]);
-    var onTimeSelect = react_1.useCallback(function (time) {
-        var result = (dateValue || moment_1["default"]().format(dateValueFormat)) + props.dateTimeSeparator + time;
-        props.input.onChange.call(null, calendar_1.convertDate(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, 
+    var onTimeSelect = (0, react_1.useCallback)(function (time) {
+        var result = (dateValue || (0, moment_1["default"])().format(dateValueFormat)) + props.dateTimeSeparator + time;
+        props.input.onChange.call(null, (0, calendar_1.convertDate)(result, [props.valueFormat, 'YYYY-MM-DD HH:mm'], props.valueFormat, 
         // converting to UTC here depends on whether the date is stored in UTC
         props.dateInUTC, 
         // whether the date provided from onSelect is in UTC or not depends on this flag

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

@@ -49,7 +49,7 @@ export interface IDateRangeFieldProps extends IDateInputStateInput, Omit<IFieldW
      * Объект CSS стилей
      * @example {width: '45%'}
      */
-    style?: any;
+    style?: CustomStyle;
     /**
      * Иконка
      * @example calendar-day

package/ui/form/DateRangeField/DateRangeField.js

@@ -20,9 +20,9 @@ var hooks_1 = require("../../../hooks");
 var useDateInputState_1 = __importDefault(require("../DateField/useDateInputState"));
 var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
 function DateRangeField(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
     // Global onChange (from props)
-    var onChange = react_1.useCallback(function () {
+    var onChange = (0, react_1.useCallback)(function () {
         var _a;
         if (props.onChange) {
             props.onChange.call(null, (_a = {},
@@ -32,7 +32,7 @@ function DateRangeField(props) {
         }
     }, [props.attributeFrom, props.attributeTo, props.inputFrom.value, props.inputTo.value, props.onChange]);
     // Input 'from'
-    var _a = useDateInputState_1["default"]({
+    var _a = (0, useDateInputState_1["default"])({
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat,
         input: props.inputFrom,
@@ -43,7 +43,7 @@ function DateRangeField(props) {
         onChange: onChange
     }), isOpenedFrom = _a.isOpened, onCloseFrom = _a.onClose, inputPropsFrom = _a.inputProps, onClearFrom = _a.onClear;
     // Input 'to'
-    var _b = useDateInputState_1["default"]({
+    var _b = (0, useDateInputState_1["default"])({
         displayFormat: props.displayFormat,
         valueFormat: props.valueFormat,
         input: props.inputTo,
@@ -53,7 +53,7 @@ function DateRangeField(props) {
         inputProps: props.inputPropsTo,
         onChange: onChange
     }), isOpenedTo = _b.isOpened, onCloseTo = _b.onClose, inputPropsTo = _b.inputProps, onClearTo = _b.onClear;
-    var _c = useDateRange_1["default"]({
+    var _c = (0, useDateRange_1["default"])({
         onClearFrom: onClearFrom,
         onCloseTo: onCloseTo,
         onCloseFrom: onCloseFrom,
@@ -65,7 +65,7 @@ function DateRangeField(props) {
         useSmartFocus: true
     }), focus = _c.focus, onClose = _c.onClose, onClear = _c.onClear, extendedInputPropsFrom = _c.extendedInputPropsFrom, extendedInputPropsTo = _c.extendedInputPropsTo;
     // Calendar props
-    var calendarProps = react_1.useMemo(function () { return ({
+    var calendarProps = (0, react_1.useMemo)(function () { return ({
         value: [props.inputFrom.value, props.inputTo.value],
         onChange: focus === 'from' ? props.inputFrom.onChange : props.inputTo.onChange,
         valueFormat: props.valueFormat,
@@ -73,9 +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 }));
 }
 DateRangeField.defaultProps = {
     disabled: false,
@@ -87,4 +85,4 @@ DateRangeField.defaultProps = {
     icon: true,
     noBorder: false
 };
-exports["default"] = fieldWrapper_1["default"]('DateRangeField', DateRangeField, { attributeSuffixes: ['from', 'to'] });
+exports["default"] = (0, fieldWrapper_1["default"])('DateRangeField', DateRangeField, { attributeSuffixes: ['from', 'to'] });

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -30,4 +34,4 @@ var DateRangeField_1 = __importDefault(require("../DateRangeField"));
  * @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'], layout: true }))); });
+    React.createElement(DateRangeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

@@ -5,7 +5,7 @@ export interface IDateTimeFieldProps extends IDateInputStateInput {
      * Объект CSS стилей
      * @example {width: '45%'}
      */
-    style?: any;
+    style?: CustomStyle;
     /**
      * Дополнительный CSS-класс
      */

package/ui/form/DateTimeField/DateTimeField.js

@@ -25,8 +25,8 @@ var DATE_TIME_SEPARATOR = ' ';
  * Поля ввода с выпадающими списками для выбора даты и времени
  */
 function DateTimeField(props) {
-    var components = hooks_1.useComponents();
-    var _a = useDateInputState_1["default"]({
+    var components = (0, hooks_1.useComponents)();
+    var _a = (0, useDateInputState_1["default"])({
         input: props.input,
         disabled: props.disabled,
         onChange: props.onChange,
@@ -38,7 +38,7 @@ function DateTimeField(props) {
         useUTC: props.useUTC,
         dateInUTC: props.dateInUTC
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
-    var _b = useDateTime_1["default"]({
+    var _b = (0, useDateTime_1["default"])({
         displayFormat: props.displayFormat,
         dateTimeSeparator: DATE_TIME_SEPARATOR,
         input: props.input,
@@ -47,25 +47,20 @@ function DateTimeField(props) {
         dateInUTC: props.dateInUTC
     }), dateValueFormat = _b.dateValueFormat, dateValue = _b.dateValue, timeValue = _b.timeValue, onDateSelect = _b.onDateSelect, onTimeSelect = _b.onTimeSelect;
     // Calendar props
-    var calendarProps = react_1.useMemo(function () { return ({
+    var calendarProps = (0, react_1.useMemo)(function () { return ({
         value: dateValue,
         onChange: onDateSelect,
         valueFormat: dateValueFormat
     }); }, [dateValue, dateValueFormat, onDateSelect]);
     // TimePanel props
-    var timePanelViewProps = react_1.useMemo(function () { return ({
+    var timePanelViewProps = (0, react_1.useMemo)(function () { return ({
         onClose: onClose,
         showHeader: true,
         showNow: false,
         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 }));
 }
 DateTimeField.defaultProps = {
     disabled: false,
@@ -76,4 +71,4 @@ DateTimeField.defaultProps = {
     useUTC: true,
     dateInUTC: false
 };
-exports["default"] = fieldWrapper_1["default"]('DateTimeField', DateTimeField);
+exports["default"] = (0, fieldWrapper_1["default"])('DateTimeField', DateTimeField);

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -30,4 +34,4 @@ var DateTimeField_1 = __importDefault(require("../DateTimeField"));
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateTimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(DateTimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];

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

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

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

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];