@steroidsjs/core 3.0.0-beta.17 → 3.0.0-beta.19

package/hooks/useForm.d.ts

@@ -3,7 +3,6 @@ export default function useForm(): {
     model: any;
     prefix: string | boolean;
     size: string;
-    layout: FormLayout;
     formDispatch: any;
     formSelector: (selector: (state: any, setValue: any) => any) => any;
 };

package/hooks/useForm.js

@@ -10,7 +10,6 @@ function useForm() {
             model: context.model,
             prefix: context.prefix,
             size: context.size,
-            layout: context.layout,
             formDispatch: context === null || context === void 0 ? void 0 : context.dispatch,
             formSelector: function (selector) { var _a; return (_a = context === null || context === void 0 ? void 0 : context.provider) === null || _a === void 0 ? void 0 : _a.select(context.formId, selector); }
         }

package/index.d.ts

@@ -47,23 +47,6 @@ declare type PrimaryKey = number | string;
  */
 declare type Size = 'small' | 'middle' | 'large' | string;
 
-/**
- * Макет формы или ее части, влияющий на расположение полей
- */
-declare type FormLayoutName = 'default' | 'vertical' | 'inline' | string;
-
-/**
- * Свойства для настройки макета формы
- */
-declare type FormLayout = FormLayoutName | boolean | {
-    layout?: FormLayoutName | boolean,
-    className?: CssClassName,
-    style?: CustomStyle,
-    label?: boolean,
-    cols?: number[],
-    [key: string]: any,
-};
-
 /**
  * Объект из свойства `input` от redux-form
  */

package/package.json

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

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

@@ -35,4 +35,4 @@ var basic_1 = require("./basic");
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(AutoCompleteField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(AutoCompleteField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'] }))); });

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

@@ -125,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 формы кнопка будет показывать состояние загрузки
      * при отправке формы.
@@ -161,7 +153,6 @@ export interface IButtonViewProps extends IButtonProps {
     badge?: IButtonBadge;
     url?: string;
     formId?: string;
-    layout?: string;
     disabled?: boolean;
     onClick?: any;
     submitting?: boolean;

package/ui/form/Button/Button.js

@@ -33,19 +33,14 @@ 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 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 = (0, hooks_1.useComponents)();
     var dispatch = (0, react_redux_1.useDispatch)();
@@ -71,7 +66,6 @@ function Button(props) {
     }
     var disabled = submitting || props.disabled;
     var tag = props.tag || (props.link || url ? 'a' : 'button');
-    var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(context.layout, props.layout); }, [context.layout, props.layout]);
     var failedTimer = (0, react_1.useRef)(null);
     var onClick = (0, react_1.useCallback)(function (e) {
         e.stopPropagation();
@@ -126,10 +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 = {

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

@@ -34,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/DateRangeField/demo/errors.js

@@ -34,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/DateTimeField/demo/errors.js

@@ -34,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/DateTimeRangeField/demo/errors.js

@@ -34,4 +34,4 @@ var DateTimeRangeField_1 = __importDefault(require("../DateTimeRangeField"));
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateTimeRangeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(DateTimeRangeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

package/ui/form/DropDownField/DropDownField.d.ts

@@ -86,7 +86,7 @@ export interface IDropDownFieldProps extends IFieldWrapperInputProps, Omit<IData
      * Элементы вложенные внутрь DropDownField
      * @example [{id: 1, label: 'Ivan Ivanov', type: 'icon', typeSrc: 'user'}]
      */
-    items: IDropDownFieldItem[];
+    items?: IDropDownFieldItem[];
     /**
      * Нужно ли использовать троеточие при переполнении DropDownField
      * @example {'true'}

package/ui/form/Field/fieldWrapper.d.ts

@@ -40,12 +40,6 @@ export interface IFieldWrapperInputProps {
      * @example Your text...
      */
     placeholder?: string;
-    /**
-     * Шаблон для поля, который настраивает его расположение внутри формы.
-     * Если false, то поле будет отрендерено без шаблона.
-     * @example 'horizontal'
-     */
-    layout?: FormLayout;
     /**
      * Input ID для связи поля с label
      */

package/ui/form/Field/fieldWrapper.js

@@ -129,14 +129,9 @@ function fieldWrapper(componentId, Component, optionsConfig) {
         if (!Component.DynamicField) {
             Component.DynamicField = createDynamicField(componentId, Component, options);
         }
-        // Resolve layout
-        var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(context.layout, props.layout); }, [context.layout, props.layout]);
         var uniqueId = (0, hooks_1.useUniqueId)('input');
         var inputId = props.id || uniqueId;
-        if (layout !== null) {
-            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId }))) }));
-        }
-        return components.ui.renderView(Component.DynamicField, props);
+        return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { size: props.size || context.size || null, required: (0, has_1["default"])(props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : ((0, has_1["default"])(props, 'label') ? props.label : metaProps.label), hint: (0, has_1["default"])(props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, id: inputId, children: (React.createElement(Component.DynamicField, __assign({}, props, { id: inputId }))) }));
     };
     NewComponent.WrappedComponent = Component;
     NewComponent.displayName = componentId;

package/ui/form/FieldLayout/FieldLayout.d.ts

@@ -10,7 +10,7 @@ export interface IFieldLayoutProps {
      */
     label?: string | boolean | any;
     /**
-     * Подсказка, которая отображается, когда в поле нет ошибок и layout !== 'inline'
+     * Подсказка, которая отображается, когда в поле нет ошибок
      * @example 'Save'
      */
     hint?: string | boolean;
@@ -20,11 +20,6 @@ export interface IFieldLayoutProps {
      * @example true
      */
     required?: boolean;
-    /**
-     * Выбор шаблона для расположения поля. Если false, то поле будет отрендерено без шаблона
-     * @example 'inline'
-     */
-    layout?: FormLayout;
     /**
      * Ошибки в поле
      * @example 'Field is required'
@@ -39,7 +34,7 @@ export interface IFieldLayoutProps {
      * Переопределение view React компонента для кастомизации отображения
      * @example MyCustomView
      */
-    layoutView?: CustomView;
+    view?: CustomView;
     [key: string]: any;
 }
 export interface IFieldLayoutViewProps {
@@ -50,14 +45,6 @@ export interface IFieldLayoutViewProps {
     successful: boolean;
     id: string;
     size: Size;
-    layout?: {
-        layout: FormLayoutName | boolean;
-        className?: CssClassName;
-        style?: CustomStyle;
-        label: boolean;
-        cols: number[];
-        [key: string]: any;
-    };
     children?: React.ReactNode;
 }
 declare function FieldLayout(props: IFieldLayoutProps): JSX.Element;

package/ui/form/FieldLayout/FieldLayout.js

@@ -39,23 +39,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var get_1 = __importDefault(require("lodash-es/get"));
-var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
-var form_1 = require("../../../utils/form");
-var defaultProps = {
-    layout: {
-        layout: 'default',
-        cols: [3, 6]
-    }
-};
 function FieldLayout(props) {
     var components = (0, hooks_1.useComponents)();
     // Error from state
     var errors = (0, hooks_1.useForm)().formSelector(function (state) { return (0, get_1["default"])(state, 'errors.' + props.attribute); });
-    var layout = (0, react_1.useMemo)(function () { return (0, form_1.mergeLayoutProp)(defaultProps.layout, props.layout); }, [props.layout]);
-    if (layout === false) {
-        return props.children;
-    }
-    return components.ui.renderView(props.layoutView || 'form.FieldLayoutView', __assign(__assign({}, props), { errors: props.errors || errors, layout: layout }));
+    return components.ui.renderView(props.view || 'form.FieldLayoutView', __assign(__assign({}, props), { errors: props.errors || errors }));
 }
 exports["default"] = React.memo(FieldLayout);

package/ui/form/FieldList/FieldList.js

@@ -90,10 +90,9 @@ function FieldList(props) {
         model: props.model,
         prefix: props.prefix,
         size: props.size,
-        layout: props.layout,
         provider: context.provider,
         reducer: context.reducer
-    }); }, [context.provider, context.reducer, props.formId, props.layout, props.model, props.prefix, props.size]);
+    }); }, [context.provider, context.reducer, props.formId, props.model, props.prefix, props.size]);
     var commonProps = {
         showAdd: props.showAdd,
         showRemove: props.showRemove,

package/ui/form/FieldSet/FieldSet.js

@@ -42,7 +42,6 @@ var isString_1 = __importDefault(require("lodash-es/isString"));
 var Field_1 = __importDefault(require("../Field"));
 var Form_1 = require("../Form/Form");
 var hooks_1 = require("../../../hooks");
-var form_1 = require("../../../utils/form");
 function FieldSet(props) {
     var components = (0, hooks_1.useComponents)();
     var context = (0, react_1.useContext)(Form_1.FormContext);
@@ -53,11 +52,10 @@ function FieldSet(props) {
             .filter(Boolean)
             .join('.'),
         size: props.size || context.size,
-        layout: (0, form_1.mergeLayoutProp)(context.layout, props.layout),
         provider: context.provider,
         reducer: context.reducer
-    }); }, [context.formId, context.layout, context.model, context.prefix, context.provider, context.reducer,
-        context.size, props.formId, props.layout, props.model, props.prefix, props.size]);
+    }); }, [context.formId, context.model, context.prefix, context.provider, context.reducer,
+        context.size, props.formId, props.model, props.prefix, props.size]);
     var FieldSetView = props.view || components.ui.getView('form.FieldSetView');
     return (react_1["default"].createElement(Form_1.FormContext.Provider, { value: contextValue },
         react_1["default"].createElement(FieldSetView, __assign({ className: props.className, label: props.label }, props),

package/ui/form/Form/Form.d.ts

@@ -33,11 +33,6 @@ export interface IFormProps {
      * @example Упс, что-то пошло не так
      */
     submitErrorMessage?: string;
-    /**
-     * Шаблон для полей в форме
-     * @example horizontal
-     */
-    layout?: FormLayout;
     /**
      * Обработчик события отправки формы
      * @param args
@@ -156,13 +151,6 @@ export interface IFormViewProps {
     isBordered?: boolean;
     autoFocus?: boolean;
     style?: CustomStyle;
-    layout?: {
-        layout: FormLayoutName | boolean;
-        className: CssClassName;
-        label: boolean;
-        cols: number[];
-        [key: string]: any;
-    };
     children?: React.ReactNode;
 }
 export interface IFormReducerState {
@@ -176,7 +164,6 @@ export interface IFormContext {
     formId?: string;
     model?: any;
     prefix?: string | boolean;
-    layout?: FormLayout;
     size?: Size;
     provider?: any;
     reducer?: {
@@ -191,7 +178,6 @@ declare namespace Form {
     var defaultProps: {
         actionMethod: string;
         autoStartTwoFactor: boolean;
-        layout: string;
         captchaActionName: string;
     };
 }

package/ui/form/Form/Form.js

@@ -111,8 +111,6 @@ function Form(props) {
     // Get components and dispatch method
     var components = (0, hooks_1.useComponents)();
     var reduxDispatch = (0, hooks_1.useDispatch)();
-    // Normalize layout
-    var layout = (0, react_1.useMemo)(function () { return (0, form_1.normalizeLayout)(props.layout); }, [props.layout]);
     // Address bar synchronization
     var _a = (0, useAddressBar_1["default"])(__assign({ enable: !!props.addressBar, model: props.model }, (typeof props.addressBar === 'boolean' ? { enable: props.addressBar } : props.addressBar))), initialQuery = _a.initialQuery, updateQuery = _a.updateQuery;
     // Resolve initial values
@@ -325,24 +323,22 @@ function Form(props) {
         model: props.model,
         prefix: props.prefix,
         size: props.size,
-        layout: props.layout,
         provider: provider,
         reducer: reducer,
         dispatch: dispatch
-    }); }, [dispatch, props.formId, props.layout, props.model, props.prefix, props.size, provider, reducer]);
+    }); }, [dispatch, props.formId, props.model, props.prefix, props.size, provider, reducer]);
     // Wait initialization (only for redux)
     if (values === undefined) {
         return null;
     }
     // Render context and form
     return (React.createElement(exports.FormContext.Provider, { value: formContextValue }, props.view !== false
-        ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isInvalid: isInvalid, isSubmitting: isSubmitting, layout: layout, onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style, autoFocus: props.autoFocus }))
+        ? components.ui.renderView(props.view || 'form.FormView', __assign(__assign({}, props.viewProps), { isInvalid: isInvalid, isSubmitting: isSubmitting, onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style, autoFocus: props.autoFocus }))
         : props.children));
 }
 Form.defaultProps = {
     actionMethod: 'POST',
     autoStartTwoFactor: true,
-    layout: 'default',
     captchaActionName: 'submit'
 };
 exports["default"] = Form;

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

@@ -35,4 +35,4 @@ var basic_1 = require("./basic");
  * @col 3
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(NavField_1["default"], { items: basic_1.items, label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(NavField_1["default"], { items: basic_1.items, label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

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

@@ -34,4 +34,4 @@ var RateField_1 = __importDefault(require("../RateField"));
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(RateField_1["default"], { errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(RateField_1["default"], { errors: ['Error 1 text', 'Error 2 text'] }))); });

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

@@ -37,7 +37,7 @@ var ReCaptchaField_1 = __importDefault(require("../ReCaptchaField"));
  * @col 4
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Form_1["default"], { formId: 'CaptchaForm', layout: false },
+    React.createElement(Form_1["default"], { formId: 'CaptchaForm' },
         React.createElement(InputField_1["default"], { label: 'Label', attribute: 'text', required: true }),
         React.createElement(ReCaptchaField_1["default"], { attribute: 'token' }),
         React.createElement(Button_1["default"], { type: 'submit', label: 'Submit' })))); });

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

@@ -34,4 +34,4 @@ var SliderField_1 = __importDefault(require("../SliderField"));
  * @col 4
  */
 exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px 10px' } },
-    React.createElement(SliderField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(SliderField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

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

@@ -35,4 +35,4 @@ var basic_1 = require("./basic");
  * @col 6
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(SwitcherField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(SwitcherField_1["default"], { label: 'Errors', items: basic_1.items, errors: ['Error 1 text', 'Error 2 text'] }))); });

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

@@ -34,4 +34,4 @@ var TimeField_1 = __importDefault(require("../TimeField"));
  * @col 3
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(TimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'], layout: true }))); });
+    React.createElement(TimeField_1["default"], { label: 'Errors', errors: ['Error 1 text', 'Error 2 text'] }))); });

package/utils/form.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 export declare const setInWithPath: (state: any, value: any, path: string[], pathIndex?: number) => any;
-export declare const normalizeLayout: (layout: any) => any;
-export declare const mergeLayoutProp: (layout1: any, layout2: any) => any;
 export declare const cleanEmptyObject: (object: any) => any;
 export declare const providers: {
     redux: {

package/utils/form.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.providers = exports.cleanEmptyObject = exports.mergeLayoutProp = exports.normalizeLayout = exports.setInWithPath = void 0;
+exports.providers = exports.cleanEmptyObject = exports.setInWithPath = void 0;
 var isPlainObject_1 = __importDefault(require("lodash-es/isPlainObject"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
@@ -51,17 +51,6 @@ var setInWithPath = function (state, value, path, pathIndex) {
     return __assign(__assign({}, state), (_b = {}, _b[first] = next, _b));
 };
 exports.setInWithPath = setInWithPath;
-var normalizeLayout = function (layout) { return (typeof layout === 'object' ? layout : { layout: layout }); };
-exports.normalizeLayout = normalizeLayout;
-var mergeLayoutProp = function (layout1, layout2) {
-    if (layout2 === false) {
-        return null;
-    }
-    layout1 = layout1 ? (0, exports.normalizeLayout)(layout1) : null;
-    layout2 = layout2 ? (0, exports.normalizeLayout)(layout2) : null;
-    return layout1 || layout2 ? __assign(__assign({}, layout1), layout2) : null;
-};
-exports.mergeLayoutProp = mergeLayoutProp;
 var cleanEmptyObject = function (object) {
     // if all properties are null substitute the object with null
     if (!Object.values(object).some(function (x) { return x !== null; })) {

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

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

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

package/ui/form/Field/demo/component.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-/**
- * Field с компонентом.
- * @order 3
- * @col 6
- */
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/form/Field/demo/component.js

@@ -1,38 +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 Field_1 = __importDefault(require("../Field"));
-var DateField_1 = __importDefault(require("../../DateField"));
-/**
- * Field с компонентом.
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Field_1["default"], { component: DateField_1["default"], label: 'Date' }))); });

package/ui/form/Field/demo/model.d.ts

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

package/ui/form/Field/demo/model.js

@@ -1,48 +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 Field_1 = __importDefault(require("../Field"));
-/**
- * Field с прокинутой моделью.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Field_1["default"], { attribute: 'category', model: {
-            attributes: [
-                {
-                    attribute: 'category',
-                    label: 'Category',
-                    field: 'DropDownField',
-                    fieldProps: {
-                        items: ['items_1', 'items_2', 'items_3']
-                    }
-                },
-            ]
-        } }))); });

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

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

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

@@ -1,38 +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 InputField_1 = __importDefault(require("../../InputField"));
-var FieldLayout_1 = __importDefault(require("../FieldLayout"));
-/**
- * Обработка ошибок.
- * @order 3
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(FieldLayout_1["default"], { errors: ['The field is filled incorrectly'] },
-    React.createElement(InputField_1["default"], null))); });

package/ui/form/FieldLayout/demo/layouts.d.ts

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

package/ui/form/FieldLayout/demo/layouts.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 InputField_1 = __importDefault(require("../../InputField"));
-var FieldLayout_1 = __importDefault(require("../FieldLayout"));
-var layouts = {
-    inline: 'Inline',
-    "default": 'Default',
-    horizontal: 'Horizontal'
-};
-/**
- * По-умлочанию FieldLayout имеет 3 заданных ориентации.
- * @order 5
- * @col 12
- */
-exports["default"] = (function () { return (React.createElement("div", { style: { display: 'grid', gridGap: '10px' } }, Object.keys(layouts).map(function (layout) { return (React.createElement(FieldLayout_1["default"], { className: 'col-12 mb-4', key: layout, layout: layout },
-    React.createElement(InputField_1["default"], { label: layouts[layout] }))); }))); });

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

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

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

@@ -1,38 +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 InputField_1 = __importDefault(require("../../InputField"));
-var FieldLayout_1 = __importDefault(require("../FieldLayout"));
-/**
- * Как обязательное поле для заполнения.
- * @order 2
- * @col 6
- */
-exports["default"] = (function () { return (React.createElement(FieldLayout_1["default"], { required: true },
-    React.createElement(InputField_1["default"], { required: true, label: 'Required' }))); });

package/ui/format/DateFormatter/demo/basic.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/format/DateFormatter/demo/basic.js

@@ -1,32 +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 DateFormatter_1 = __importDefault(require("../DateFormatter"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateFormatter_1["default"], { value: '2018-05-04' }))); });

package/ui/format/DateTimeFormatter/demo/basic.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const _default: () => JSX.Element;
-export default _default;

package/ui/format/DateTimeFormatter/demo/basic.js

@@ -1,32 +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 DateTimeFormatter_1 = __importDefault(require("../DateTimeFormatter"));
-exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement(DateTimeFormatter_1["default"], { value: '2018-05-04 16:15:00' }))); });