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

package/ui/form/Button/Button.d.ts

@@ -21,11 +21,6 @@ export interface IButtonProps {
      * @example Save
      */
     hint?: string | any;
-    /**
-     * Должна ли показываться надпись на кнопке в состоянии загрузки
-     * @example true
-     */
-    showLabelOnLoading?: boolean;
     /**
      * HTML Тип
      * @example submit
@@ -105,7 +100,7 @@ export interface IButtonProps {
      * Объект CSS стилей
      * @example {width: '45%'}
      */
-    style?: any;
+    style?: CustomStyle;
     /**
      * Дополнительный CSS-класс для кнопки или ссылки
      */
@@ -114,7 +109,11 @@ export interface IButtonProps {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    view?: React.ComponentType;
+    view?: CustomView;
+    /**
+     * Вложенные элементы
+     */
+    children?: string | any;
     /**
      * ID роута, на который необходимо перейти, указанный в дереве `steroids` роутинга. Для передачи параметров
      * используйте свойство `toRouteParams`
@@ -126,14 +125,6 @@ export interface IButtonProps {
      * @example {userId: 52}
      */
     toRouteParams?: Record<string, unknown>;
-    /**
-     * Выбор макета для распложения кнопки в форме. Если кнопка находится внутри `<Form>...</Form>`, то `layout` будет
-     * взят из контекста формы и автоматически применен при отораженн. Для его отключения укажите `false`.
-     * Данное свойство так же может принимать объект, если нужно прокинуть дополнительные свойства в шаблон макета.
-     * Пример: `{layout: 'horizontal', cols: [2,6]}`
-     * @example horizontal
-     */
-    layout?: FormLayout;
     /**
      * ID формы, для которой кнопка выполняет submit. При указании ID формы кнопка будет показывать состояние загрузки
      * при отправке формы.
@@ -162,11 +153,9 @@ export interface IButtonViewProps extends IButtonProps {
     badge?: IButtonBadge;
     url?: string;
     formId?: string;
-    layout?: string;
     disabled?: boolean;
     onClick?: any;
     submitting?: boolean;
-    showLabelOnLoading: boolean;
 }
 declare function Button(props: IButtonProps): JSX.Element;
 declare namespace Button {
@@ -180,7 +169,6 @@ declare namespace Button {
         size: string;
         className: string;
         resetFailedMs: number;
-        showLabelOnLoading: boolean;
         badge: {
             enable: boolean;
             value: number;

package/ui/form/Button/Button.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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];
@@ -29,45 +33,41 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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_redux_1 = require("react-redux");
 var react_1 = require("react");
-var react_use_1 = require("react-use");
-var FieldLayout_1 = __importDefault(require("../FieldLayout"));
 var router_1 = require("../../../actions/router");
 var router_2 = require("../../../reducers/router");
 var hooks_1 = require("../../../hooks");
 var Form_1 = require("../Form/Form");
-var form_1 = require("../../../utils/form");
 function Button(props) {
-    var components = hooks_1.useComponents();
-    var dispatch = react_redux_1.useDispatch();
+    var components = (0, hooks_1.useComponents)();
+    var dispatch = (0, react_redux_1.useDispatch)();
     // Badge
-    var badge = react_1.useMemo(function () { return (__assign(__assign(__assign({}, Button.defaultProps.badge), { enable: !!props.badge || props.badge === 0 }), (typeof props.badge === 'object' ? props.badge : { value: props.badge }))); }, [props.badge]);
+    var badge = (0, react_1.useMemo)(function () { return (__assign(__assign(__assign({}, Button.defaultProps.badge), { enable: !!props.badge || props.badge === 0 }), (typeof props.badge === 'object' ? props.badge : { value: props.badge }))); }, [props.badge]);
     // Route -> url
-    var routePath = react_redux_1.useSelector(function (state) { return props.toRoute ? router_2.getRouteProp(state, props.toRoute, 'path') : null; });
+    var routePath = (0, react_redux_1.useSelector)(function (state) { return props.toRoute ? (0, router_2.getRouteProp)(state, props.toRoute, 'path') : null; });
     var url = typeof props.url !== 'undefined'
         ? props.url
-        : (routePath ? router_2.buildUrl(routePath, props.toRouteParams) : null);
+        : (routePath ? (0, router_2.buildUrl)(routePath, props.toRouteParams) : null);
     // Flags: isLoading, isFailed
-    var _a = react_1.useState({ isLoading: false, isFailed: false }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
-    react_use_1.useUpdateEffect(function () { return setStateFlags({ isLoading: props.isLoading, isFailed: props.isFailed }); }, [props.isLoading, props.isFailed]);
+    var _a = (0, react_1.useState)({ isLoading: false, isFailed: false }), _b = _a[0], isLoading = _b.isLoading, isFailed = _b.isFailed, setStateFlags = _a[1];
+    React.useEffect(function () {
+        setStateFlags({ isLoading: props.isLoading, isFailed: props.isFailed });
+    }, [props.isLoading, props.isFailed]);
     // Form submitting
-    var context = react_1.useContext(Form_1.FormContext);
-    var form = hooks_1.useForm();
+    var context = (0, react_1.useContext)(Form_1.FormContext);
+    var form = (0, hooks_1.useForm)();
+    // eslint-disable-next-line react/prop-types
     var submitting = !!props.submitting;
     if (form) {
         submitting = form.formSelector(function (state) { return state.isSubmitting; });
     }
-    var disabled = submitting || props.disabled || isLoading;
+    var disabled = submitting || props.disabled;
     var tag = props.tag || (props.link || url ? 'a' : 'button');
-    var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(context.layout, props.layout); }, [context.layout, props.layout]);
-    var failedTimer = react_1.useRef(null);
-    var onClick = react_1.useCallback(function (e) {
+    var failedTimer = (0, react_1.useRef)(null);
+    var onClick = (0, react_1.useCallback)(function (e) {
         e.stopPropagation();
         if (process.env.IS_WEB && props.confirm && !window.confirm(props.confirm)) {
             e.preventDefault();
@@ -79,7 +79,9 @@ function Button(props) {
             }
         }
         if (props.toRoute) {
-            dispatch(router_1.goToRoute(props.toRoute, props.toRouteParams));
+            //TODO remove @ts-ignore
+            //@ts-ignore
+            dispatch((0, router_1.goToRoute)(props.toRoute, props.toRouteParams));
         }
         if (props.onClick) {
             var result = props.onClick(e);
@@ -118,16 +120,7 @@ function Button(props) {
             }
         }
     }, [dispatch, props, tag]);
-    var button = components.ui.renderView(props.view || 'form.ButtonView', __assign(__assign({}, props), { badge: badge,
-        layout: layout,
-        isFailed: isFailed,
-        isLoading: isLoading,
-        disabled: disabled,
-        submitting: submitting,
-        tag: tag, formId: (context === null || context === void 0 ? void 0 : context.formId) || null, url: url || (tag === 'a' ? '#' : null), onClick: !disabled ? onClick : undefined, children: props.label || props.children }));
-    if (layout) {
-        return (React.createElement(FieldLayout_1["default"], { layout: layout }, button));
-    }
+    var button = components.ui.renderView(props.view || 'form.ButtonView', __assign(__assign({}, props), { badge: badge, isFailed: isFailed, isLoading: isLoading, disabled: disabled, submitting: submitting, tag: tag, formId: (context === null || context === void 0 ? void 0 : context.formId) || null, url: url || (tag === 'a' ? '#' : null), onClick: !disabled ? onClick : undefined, children: props.label || props.children }));
     return button;
 }
 Button.defaultProps = {
@@ -140,7 +133,6 @@ Button.defaultProps = {
     size: 'md',
     className: '',
     resetFailedMs: 2000,
-    showLabelOnLoading: true,
     badge: {
         enable: false,
         value: 0,

package/ui/form/Button/index.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/CheckboxField/CheckboxField.d.ts

@@ -19,6 +19,11 @@ export interface ICheckboxFieldProps extends IFieldWrapperInputProps {
      * @example MyCustomView
      */
     view?: CustomView;
+    /**
+     * Флаг определяющий включен ли элемент
+     * @example {'true'}
+     */
+    checked?: boolean;
     [key: string]: any;
 }
 export interface ICheckboxFieldViewProps extends ICheckboxFieldProps, IFieldWrapperOutputProps {

package/ui/form/CheckboxField/CheckboxField.js

@@ -10,28 +10,53 @@ 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_use_1 = require("react-use");
+var React = __importStar(require("react"));
 var react_1 = require("react");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
 function CheckboxField(props) {
-    var components = hooks_1.useComponents();
-    react_use_1.useMount(function () {
-        if (props.input.value === undefined) {
-            props.input.onChange(false);
+    var components = (0, hooks_1.useComponents)();
+    var onChangeHandler = React.useCallback(function () {
+        props.input.onChange(!props.input.value);
+        if (props.onChange) {
+            props.onChange();
         }
-    });
-    var inputProps = react_1.useMemo(function () { return (__assign({ name: props.input.name, type: 'checkbox', checked: !!props.input.value, onChange: function () { return props.input.onChange(!props.input.value); }, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps]);
+    }, [props]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, type: 'checkbox', checked: !!props.input.value, onChange: onChangeHandler, disabled: props.disabled }, props.inputProps)); }, [onChangeHandler, props.disabled, props.input.name, props.input.value, props.inputProps]);
     return components.ui.renderView(props.view || 'form.CheckboxFieldView', __assign(__assign({}, props), { inputProps: inputProps }));
 }
 CheckboxField.defaultProps = {
     disabled: false,
     required: false,
     className: '',
+    size: 'md',
     inputProps: {}
 };
-exports["default"] = fieldWrapper_1["default"]('CheckboxField', CheckboxField, { label: false });
+exports["default"] = (0, fieldWrapper_1["default"])('CheckboxField', CheckboxField, { label: false });

package/ui/form/CheckboxListField/CheckboxListField.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../../ui/form/Field/fieldWrapper';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
+import { ICheckboxFieldViewProps } from '../CheckboxField/CheckboxField';
 /**
  * CheckboxListField
  * Список с чекбоксами. Используется в формах для выбора нескольких значений.
@@ -21,6 +22,10 @@ export interface ICheckboxListFieldProps extends IFieldWrapperInputProps, IDataP
      * @example MyCustomView
      */
     view?: CustomView;
+    /**
+     * Ориентация списка
+     */
+    orientation?: 'horizontal' | 'vertical';
     [key: string]: any;
 }
 export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
@@ -38,7 +43,8 @@ export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
     }[];
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;
-    onItemHover: (id: PrimaryKey | any) => void;
+    orientation?: 'horizontal' | 'vertical';
+    renderCheckbox: (checkboxProps: ICheckboxFieldViewProps) => JSX.Element;
 }
 declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxListFieldProps>;
 export default _default;

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -10,61 +10,81 @@ 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 hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../../../ui/form/Field/fieldWrapper"));
 function CheckboxListField(props) {
-    var components = hooks_1.useComponents();
+    var components = (0, hooks_1.useComponents)();
+    var inputSelectedIds = (0, react_1.useMemo)(function () { return props.selectedIds || [].concat(props.input.value || []); }, [props.input.value, props.selectedIds]);
     // Data Provider
-    var items = hooks_1.useDataProvider({
+    var items = (0, hooks_1.useDataProvider)({
         items: props.items
     }).items;
     // Data select
-    var _a = hooks_1.useDataSelect({
+    var _a = (0, hooks_1.useDataSelect)({
+        selectedIds: inputSelectedIds,
         multiple: props.multiple,
-        selectedIds: props.selectedIds,
         primaryKey: props.primaryKey,
         items: items,
         inputValue: props.input.value
-    }), hoveredId = _a.hoveredId, setHoveredId = _a.setHoveredId, selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
-    var onItemSelect = react_1.useCallback(function (id) {
+    }), selectedIds = _a.selectedIds, setSelectedIds = _a.setSelectedIds;
+    var onItemSelect = (0, react_1.useCallback)(function (id) {
         setSelectedIds(id);
     }, [setSelectedIds]);
-    var onItemHover = react_1.useCallback(function (id) {
-        setHoveredId(id);
-    }, [setHoveredId]);
-    var inputProps = react_1.useMemo(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input, props.inputProps]);
+    var inputProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.inputProps), { type: 'checkbox', name: props.input.name, disabled: props.disabled })); }, [props.disabled, props.input, props.inputProps]);
     // Sync with form
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         props.input.onChange.call(null, selectedIds);
     }, [props.input.onChange, selectedIds]);
-    var onReset = react_1.useCallback(function () {
+    var onReset = (0, react_1.useCallback)(function () {
         setSelectedIds([]);
     }, [setSelectedIds]);
     // Reset selected ids on form reset
-    var prevInputValue = react_use_1.usePrevious(props.input.value);
-    react_use_1.useUpdateEffect(function () {
+    var prevInputValue = (0, react_use_1.usePrevious)(props.input.value);
+    (0, react_use_1.useUpdateEffect)(function () {
         // if form reset
         if (prevInputValue && props.input.value === undefined && selectedIds.length > 0) {
             onReset();
         }
     }, [onReset, prevInputValue, props.input.value, selectedIds.length]);
-    return components.ui.renderView(props.view || 'form.CheckboxListFieldView', __assign(__assign({}, props), { items: items,
-        inputProps: inputProps,
-        onItemSelect: onItemSelect,
-        selectedIds: selectedIds,
-        onItemHover: onItemHover,
-        hoveredId: hoveredId }));
+    var CheckboxFieldView = components.ui.getView('form.CheckboxFieldView');
+    var renderCheckbox = function (checkboxProps) { return React.createElement(CheckboxFieldView, __assign({}, checkboxProps)); };
+    return components.ui.renderView(props.view || 'form.CheckboxListFieldView', __assign(__assign({}, props), { items: items, inputProps: inputProps, onItemSelect: onItemSelect, selectedIds: selectedIds, renderCheckbox: renderCheckbox }));
 }
 CheckboxListField.defaultProps = {
     disabled: false,
     required: false,
     className: '',
-    multiple: true
+    multiple: false,
+    orientation: 'vertical'
 };
-exports["default"] = fieldWrapper_1["default"]('CheckboxListField', CheckboxListField);
+exports["default"] = (0, fieldWrapper_1["default"])('CheckboxListField', CheckboxListField);

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

@@ -9,7 +9,7 @@ export interface IDateFieldProps extends IDateInputStateInput {
      * Объект CSS стилей
      * @example {width: '45%'}
      */
-    style?: any;
+    style?: CustomStyle;
     /**
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView

package/ui/form/DateField/DateField.js

@@ -23,8 +23,8 @@ var fieldWrapper_1 = __importDefault(require("../../form/Field/fieldWrapper"));
  * Поле ввода с выпадающим календарём для выбора даты
  */
 function DateField(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,
@@ -35,12 +35,8 @@ function DateField(props) {
         displayFormat: props.displayFormat
     }), onClear = _a.onClear, onClose = _a.onClose, isOpened = _a.isOpened, inputProps = _a.inputProps;
     // Calendar props
-    var calendarProps = 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 }));
+    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 }));
 }
 DateField.defaultProps = {
     disabled: false,
@@ -50,4 +46,4 @@ DateField.defaultProps = {
     showRemove: true,
     valueFormat: 'YYYY-MM-DD'
 };
-exports["default"] = fieldWrapper_1["default"]('DateField', DateField);
+exports["default"] = (0, fieldWrapper_1["default"])('DateField', DateField);

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

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

package/ui/form/DateField/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/DateField/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/DateField/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/DateField/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/DateField/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 DateField_1 = __importDefault(require("../DateField"));
  * @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'], layout: true }))); });
+    React.createElement(DateField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/DateField/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/DateField/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/DateField/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/DateField/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/DateField/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/DateField/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/DateField/demo/sizes.d.ts

@@ -1,7 +1,8 @@
-declare const _default: () => JSX.Element;
+/// <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,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];