@steroidsjs/core 2.3.0-beta.7 → 3.0.0-beta.1

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

@@ -1,89 +1,89 @@
-/// <reference types="react" />
-export interface IFieldWrapperInputProps {
-    /**
-     * Префикс, который добавится к аттрибуту (названию) поля в форме
-     */
-    prefix?: string | boolean;
-    /**
-     * Название поля либо отмена отображение поля (false)
-     * @example 'Visible'
-     */
-    label?: string | boolean | any;
-    /**
-     * Аттрибут (название) поля в форме
-     * @example 'isVisible'
-     */
-    attribute?: string;
-    /**
-     * Модель с полями формы
-     * @example {attributes: [{attribute: 'category', field: 'DropDownField'}]}
-     */
-    model?: string | ((...args: any[]) => any) | any;
-    /**
-     * Подсказка, которая отобразится рядом с полем
-     * @example 'Only english letters'
-     */
-    hint?: string;
-    /**
-     * Обязательное ли поле? Если true, то к названию будет добавлен
-     * модификатор 'required' - красная звездочка (по умолчанию)
-     * @example true
-     */
-    required?: boolean;
-    /**
-     * Переводит элемент в состояние "не активен"
-     * @example true
-     */
-    disabled?: boolean;
-    /**
-     * Подсказка для поля
-     * @example Your text...
-     */
-    placeholder?: string;
-    /**
-     * Шаблон для поля, который настраивает его расположение внутри формы.
-     * Если false, то поле будет отрендерено без шаблона.
-     * @example 'horizontal'
-     */
-    layout?: FormLayout;
-    value?: any;
-    onChange?: (...args: any[]) => any;
-    /**
-     * Ошибки в поле
-     * @example ['Error text']
-     */
-    errors?: string[];
-    date?: any;
-    /**
-     * Темная тема
-     */
-    dark?: boolean;
-    /**
-     * Размер поля
-     */
-    size?: Size;
-    [key: string]: any;
-}
-export interface IFieldWrapperOutputProps {
-    formId?: string;
-    componentId?: string;
-    errors?: string[];
-    input?: {
-        name?: string;
-        value?: any;
-        onChange: (value: any) => void;
-    };
-}
-interface IFieldWrapperOptions {
-    label?: boolean;
-    list?: boolean;
-    attributeSuffixes?: string[];
-}
-export interface FieldWrapperComponent<T> {
-    (props: IFieldWrapperInputProps & T): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-}
-export default function fieldWrapper<T = any>(componentId: any, Component: any, optionsConfig?: IFieldWrapperOptions): FieldWrapperComponent<T>;
-export {};
+/// <reference types="react" />
+export interface IFieldWrapperInputProps {
+    /**
+     * Префикс, который добавится к аттрибуту (названию) поля в форме
+     */
+    prefix?: string | boolean;
+    /**
+     * Название поля либо отмена отображение поля (false)
+     * @example 'Visible'
+     */
+    label?: string | boolean | any;
+    /**
+     * Аттрибут (название) поля в форме
+     * @example 'isVisible'
+     */
+    attribute?: string;
+    /**
+     * Модель с полями формы
+     * @example {attributes: [{attribute: 'category', field: 'DropDownField'}]}
+     */
+    model?: string | ((...args: any[]) => any) | any;
+    /**
+     * Подсказка, которая отобразится рядом с полем
+     * @example 'Only english letters'
+     */
+    hint?: string;
+    /**
+     * Обязательное ли поле? Если true, то к названию будет добавлен
+     * модификатор 'required' - красная звездочка (по умолчанию)
+     * @example true
+     */
+    required?: boolean;
+    /**
+     * Переводит элемент в состояние "не активен"
+     * @example true
+     */
+    disabled?: boolean;
+    /**
+     * Подсказка для поля
+     * @example Your text...
+     */
+    placeholder?: string;
+    /**
+     * Шаблон для поля, который настраивает его расположение внутри формы.
+     * Если false, то поле будет отрендерено без шаблона.
+     * @example 'horizontal'
+     */
+    layout?: FormLayout;
+    value?: any;
+    onChange?: (...args: any[]) => any;
+    /**
+     * Ошибки в поле
+     * @example ['Error text']
+     */
+    errors?: string[];
+    date?: any;
+    /**
+     * Темная тема
+     */
+    dark?: boolean;
+    /**
+     * Размер поля
+     */
+    size?: Size;
+    [key: string]: any;
+}
+export interface IFieldWrapperOutputProps {
+    formId?: string;
+    componentId?: string;
+    errors?: string[];
+    input?: {
+        name?: string;
+        value?: any;
+        onChange: (value: any) => void;
+    };
+}
+interface IFieldWrapperOptions {
+    label?: boolean;
+    list?: boolean;
+    attributeSuffixes?: string[];
+}
+export interface FieldWrapperComponent<T> {
+    (props: IFieldWrapperInputProps & T): JSX.Element;
+    WrappedComponent: any;
+    displayName: any;
+    defaultProps: any;
+}
+export default function fieldWrapper<T = any>(componentId: any, Component: any, optionsConfig?: IFieldWrapperOptions): FieldWrapperComponent<T>;
+export {};

package/ui/form/Field/fieldWrapper.js

@@ -1,140 +1,140 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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]; } });
-}) : (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 has_1 = __importDefault(require("lodash-es/has"));
-var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
-var react_1 = require("react");
-var React = __importStar(require("react"));
-var form_1 = require("../../../utils/form");
-var Form_1 = require("../Form/Form");
-var FieldLayout_1 = __importDefault(require("../FieldLayout/FieldLayout"));
-var hooks_1 = require("../../../hooks");
-var getKey = function (baseName, attribute) { return baseName + upperFirst_1["default"](attribute || ''); };
-var createDynamicField = function (componentId, Component, options) {
-    var DynamicField = function (props) {
-        var components = hooks_1.useComponents();
-        // Get context, formId
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var context = props.formId !== false ? react_1.useContext(Form_1.FormContext) : null;
-        var formId = props.formId || props.formId === false ? props.formId : ((context === null || context === void 0 ? void 0 : context.formId) || null);
-        var model = props.model || (context === null || context === void 0 ? void 0 : context.model) || null;
-        // Result wrapper props
-        var wrapperProps = {
-            componentId: componentId,
-            formId: formId
-        };
-        options.attributeSuffixes.forEach(function (suffix) {
-            var attributeKey = getKey('attribute', suffix);
-            var inputKey = getKey('input', suffix);
-            var errorsKey = getKey('errors', suffix);
-            // Get full name (attribute with prefix)
-            var name = [props.prefix, props[attributeKey]].filter(Boolean).join('.');
-            // Register field
-            if (formId) {
-                components.ui.registerField(formId, name, componentId);
-            }
-            var errors;
-            var value;
-            var setValue;
-            if (context === null || context === void 0 ? void 0 : context.provider) {
-                // Resolve data provider
-                var providerResult = context === null || context === void 0 ? void 0 : context.provider.useField(formId, name, options.list);
-                errors = providerResult.errors;
-                value = providerResult.value;
-                setValue = providerResult.setValue;
-            }
-            else if (has_1["default"](props, 'value') && has_1["default"](props, 'onChange')) {
-                // Controlled component via props
-                errors = null;
-                value = props.value;
-                setValue = props.onChange;
-            }
-            else {
-                // Uncontrolled component
-                var stateResult = form_1.providers.state.useField(props.value);
-                errors = stateResult.errors;
-                value = stateResult.value;
-                setValue = stateResult.setValue;
-            }
-            // Set errors
-            wrapperProps[errorsKey] = errors;
-            // Input object
-            wrapperProps[inputKey] = react_1.useMemo(function () { return ({
-                name: name,
-                value: value,
-                onChange: setValue
-            }); }, [name, setValue, value]);
-        });
-        return components.ui.renderView(Component, __assign(__assign(__assign({}, components.ui.getFieldProps(componentId, model, props.attribute)), props), wrapperProps));
-    };
-    DynamicField.displayName = componentId;
-    DynamicField.defaultProps = Component.defaultProps;
-    return DynamicField;
-};
-// Field Wrapper
-function fieldWrapper(componentId, Component, optionsConfig) {
-    if (optionsConfig === void 0) { optionsConfig = {
-        attributeSuffixes: ['']
-    }; }
-    var options = __assign(__assign({}, optionsConfig), { attributeSuffixes: optionsConfig.attributeSuffixes || [''] });
-    var NewComponent = function (props) {
-        var components = hooks_1.useComponents();
-        // Get context, formId
-        var context = react_1.useContext(Form_1.FormContext);
-        var model = props.model || (context === null || context === void 0 ? void 0 : context.model) || null;
-        var attributesProps = options.attributeSuffixes.reduce(function (obj, suffix) {
-            var attributeKey = getKey('attribute', suffix);
-            obj[attributeKey] = props[attributeKey];
-            return obj;
-        }, {});
-        var attribute = Object.values(attributesProps)[0];
-        // Get UI props and create Field Class dynamically (for add field props - input, errors, model, ...)
-        var metaProps = react_1.useMemo(function () { return components.ui.getFieldProps(componentId, model, attribute); }, [components.ui, attribute, model]);
-        if (!Component.DynamicField) {
-            Component.DynamicField = createDynamicField(componentId, Component, options);
-        }
-        // Resolve layout
-        var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(context.layout, props.layout); }, [context.layout, props.layout]);
-        if (layout !== null) {
-            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, required: has_1["default"](props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : (has_1["default"](props, 'label') ? props.label : metaProps.label), hint: has_1["default"](props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, children: (React.createElement(Component.DynamicField, __assign({}, props))) }));
-        }
-        return components.ui.renderView(Component.DynamicField, props);
-    };
-    NewComponent.WrappedComponent = Component;
-    NewComponent.displayName = componentId;
-    NewComponent.defaultProps = Component.defaultProps;
-    return NewComponent;
-}
-exports["default"] = fieldWrapper;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (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 has_1 = __importDefault(require("lodash-es/has"));
+var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
+var react_1 = require("react");
+var React = __importStar(require("react"));
+var form_1 = require("../../../utils/form");
+var Form_1 = require("../Form/Form");
+var FieldLayout_1 = __importDefault(require("../FieldLayout/FieldLayout"));
+var hooks_1 = require("../../../hooks");
+var getKey = function (baseName, attribute) { return baseName + upperFirst_1["default"](attribute || ''); };
+var createDynamicField = function (componentId, Component, options) {
+    var DynamicField = function (props) {
+        var components = hooks_1.useComponents();
+        // Get context, formId
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        var context = props.formId !== false ? react_1.useContext(Form_1.FormContext) : null;
+        var formId = props.formId || props.formId === false ? props.formId : ((context === null || context === void 0 ? void 0 : context.formId) || null);
+        var model = props.model || (context === null || context === void 0 ? void 0 : context.model) || null;
+        // Result wrapper props
+        var wrapperProps = {
+            componentId: componentId,
+            formId: formId
+        };
+        options.attributeSuffixes.forEach(function (suffix) {
+            var attributeKey = getKey('attribute', suffix);
+            var inputKey = getKey('input', suffix);
+            var errorsKey = getKey('errors', suffix);
+            // Get full name (attribute with prefix)
+            var name = [props.prefix, props[attributeKey]].filter(Boolean).join('.');
+            // Register field
+            if (formId) {
+                components.ui.registerField(formId, name, componentId);
+            }
+            var errors;
+            var value;
+            var setValue;
+            if (context === null || context === void 0 ? void 0 : context.provider) {
+                // Resolve data provider
+                var providerResult = context === null || context === void 0 ? void 0 : context.provider.useField(formId, name, options.list);
+                errors = providerResult.errors;
+                value = providerResult.value;
+                setValue = providerResult.setValue;
+            }
+            else if (has_1["default"](props, 'value') && has_1["default"](props, 'onChange')) {
+                // Controlled component via props
+                errors = null;
+                value = props.value;
+                setValue = props.onChange;
+            }
+            else {
+                // Uncontrolled component
+                var stateResult = form_1.providers.state.useField(props.value);
+                errors = stateResult.errors;
+                value = stateResult.value;
+                setValue = stateResult.setValue;
+            }
+            // Set errors
+            wrapperProps[errorsKey] = errors;
+            // Input object
+            wrapperProps[inputKey] = react_1.useMemo(function () { return ({
+                name: name,
+                value: value,
+                onChange: setValue
+            }); }, [name, setValue, value]);
+        });
+        return components.ui.renderView(Component, __assign(__assign(__assign({}, components.ui.getFieldProps(componentId, model, props.attribute)), props), wrapperProps));
+    };
+    DynamicField.displayName = componentId;
+    DynamicField.defaultProps = Component.defaultProps;
+    return DynamicField;
+};
+// Field Wrapper
+function fieldWrapper(componentId, Component, optionsConfig) {
+    if (optionsConfig === void 0) { optionsConfig = {
+        attributeSuffixes: ['']
+    }; }
+    var options = __assign(__assign({}, optionsConfig), { attributeSuffixes: optionsConfig.attributeSuffixes || [''] });
+    var NewComponent = function (props) {
+        var components = hooks_1.useComponents();
+        // Get context, formId
+        var context = react_1.useContext(Form_1.FormContext);
+        var model = props.model || (context === null || context === void 0 ? void 0 : context.model) || null;
+        var attributesProps = options.attributeSuffixes.reduce(function (obj, suffix) {
+            var attributeKey = getKey('attribute', suffix);
+            obj[attributeKey] = props[attributeKey];
+            return obj;
+        }, {});
+        var attribute = Object.values(attributesProps)[0];
+        // Get UI props and create Field Class dynamically (for add field props - input, errors, model, ...)
+        var metaProps = react_1.useMemo(function () { return components.ui.getFieldProps(componentId, model, attribute); }, [components.ui, attribute, model]);
+        if (!Component.DynamicField) {
+            Component.DynamicField = createDynamicField(componentId, Component, options);
+        }
+        // Resolve layout
+        var layout = react_1.useMemo(function () { return form_1.mergeLayoutProp(context.layout, props.layout); }, [context.layout, props.layout]);
+        if (layout !== null) {
+            return components.ui.renderView(FieldLayout_1["default"], __assign(__assign({}, attributesProps), { layout: layout, size: props.size || context.size || null, required: has_1["default"](props, 'required') ? props.required : metaProps.required, label: options.label === false ? null : (has_1["default"](props, 'label') ? props.label : metaProps.label), hint: has_1["default"](props, 'hint') ? props.hint : metaProps.hint, errors: props.errors, children: (React.createElement(Component.DynamicField, __assign({}, props))) }));
+        }
+        return components.ui.renderView(Component.DynamicField, props);
+    };
+    NewComponent.WrappedComponent = Component;
+    NewComponent.displayName = componentId;
+    NewComponent.defaultProps = Component.defaultProps;
+    return NewComponent;
+}
+exports["default"] = fieldWrapper;

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

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

package/ui/form/Field/index.js

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

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

@@ -1,57 +1,57 @@
-import * as React from 'react';
-/**
- * FieldLayout
- * Специальный шаблон для поля, который настраивает его расположение внутри формы, рендерит лейбл, подсказки и ошибки
- */
-export interface IFieldLayoutProps {
-    /**
-     * Название поля либо отмена отображение поля (false)
-     * @example 'Visible'
-     */
-    label?: string | boolean | any;
-    /**
-     * Подсказка, которая отображается, когда в поле нет ошибок и layout !== 'inline'
-     * @example 'Save'
-     */
-    hint?: string | boolean;
-    /**
-     * Обязательное ли поле? Если true,
-     * то к названию будет добавлен модификатор 'required' - красная звездочка (по умолчанию)
-     * @example true
-     */
-    required?: boolean;
-    /**
-     * Выбор шаблона для расположения поля. Если false, то поле будет отрендерено без шаблона
-     * @example 'inline'
-     */
-    layout?: FormLayout;
-    /**
-     * Ошибки в поле
-     * @example 'Field is required'
-     */
-    errors?: string[];
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    layoutView?: CustomView;
-    [key: string]: any;
-}
-export interface IFieldLayoutViewProps {
-    label: string | boolean | any;
-    required: boolean;
-    hint: string | boolean;
-    errors: string | string[];
-    layout?: {
-        layout: FormLayoutName | boolean;
-        className?: string;
-        style?: any;
-        label: boolean;
-        cols: number[];
-        [key: string]: any;
-    };
-    children?: React.ReactNode;
-}
-declare function FieldLayout(props: IFieldLayoutProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FieldLayout>;
-export default _default;
+import * as React from 'react';
+/**
+ * FieldLayout
+ * Специальный шаблон для поля, который настраивает его расположение внутри формы, рендерит лейбл, подсказки и ошибки
+ */
+export interface IFieldLayoutProps {
+    /**
+     * Название поля либо отмена отображение поля (false)
+     * @example 'Visible'
+     */
+    label?: string | boolean | any;
+    /**
+     * Подсказка, которая отображается, когда в поле нет ошибок и layout !== 'inline'
+     * @example 'Save'
+     */
+    hint?: string | boolean;
+    /**
+     * Обязательное ли поле? Если true,
+     * то к названию будет добавлен модификатор 'required' - красная звездочка (по умолчанию)
+     * @example true
+     */
+    required?: boolean;
+    /**
+     * Выбор шаблона для расположения поля. Если false, то поле будет отрендерено без шаблона
+     * @example 'inline'
+     */
+    layout?: FormLayout;
+    /**
+     * Ошибки в поле
+     * @example 'Field is required'
+     */
+    errors?: string[];
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
+    layoutView?: CustomView;
+    [key: string]: any;
+}
+export interface IFieldLayoutViewProps {
+    label: string | boolean | any;
+    required: boolean;
+    hint: string | boolean;
+    errors: string | string[];
+    layout?: {
+        layout: FormLayoutName | boolean;
+        className?: string;
+        style?: any;
+        label: boolean;
+        cols: number[];
+        [key: string]: any;
+    };
+    children?: React.ReactNode;
+}
+declare function FieldLayout(props: IFieldLayoutProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FieldLayout>;
+export default _default;