@steroidsjs/core 2.2.74 → 2.2.75

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

@@ -1,89 +0,0 @@
-/// <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 +0,0 @@
-"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.js

@@ -1,7 +0,0 @@
-"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 +0,0 @@
-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;

package/ui/form/FieldLayout/FieldLayout.js

@@ -1,57 +0,0 @@
-"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 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 = hooks_1.useComponents();
-    // Error from state
-    var errors = hooks_1.useForm().formSelector(function (state) { return get_1["default"](state, 'errors.' + props.attribute); });
-    var layout = react_1.useMemo(function () { return 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 }));
-}
-exports["default"] = React.memo(FieldLayout);

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

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

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

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

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

@@ -1,39 +0,0 @@
-"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]; } });
-}) : (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" />
-declare const _default: () => JSX.Element;
-/**
- * Как обязательное поле для заполнения.
- * @order 2
- * @col 6
- */
-export default _default;

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

@@ -1,34 +0,0 @@
-"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]; } });
-}) : (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/form/FieldLayout/index.js

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

package/ui/form/FieldList/FieldList.d.ts

@@ -1,127 +0,0 @@
-import * as React from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
-/**
- * FieldList
- * Создает список из сгруппированных полей формы
- */
-interface IFieldListItem extends IFieldWrapperInputProps {
-    /**
-     * Будет ли отображён item ?
-     * @example true
-     */
-    visible?: boolean;
-    /**
-     * Какой компонент для item использовать?
-     * @example NumberField
-     */
-    component?: any;
-    /**
-     * Placeholder подсказка
-     * @example Your text...
-     */
-    placeholder?: string;
-    /**
-     * Дополнительный CSS-класс для item
-     */
-    className?: CssClassName;
-    /**
-     * Дополнительный CSS-класс для заголовка
-     */
-    headerClassName?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения item
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    [key: string]: any;
-}
-export interface IFieldListProps extends IFieldWrapperInputProps {
-    /**
-     * Начальные значения в полях
-     * @example {name: 'Ivan', amount: 5}
-     */
-    initialValues?: {
-        [key: string]: any;
-    };
-    /**
-     * Список с полями формы
-     */
-    items?: IFieldListItem[];
-    /**
-     * Изначальное количество групп с полями
-     * @example 2
-     */
-    initialRowsCount?: number;
-    /**
-     * Отображение кнопки для добавления ещё одной группы с полями
-     * @example true
-     */
-    showAdd?: boolean;
-    /**
-     * Возможность удаления группы с полями (добавляет крестик справа от группы)
-     * @example true
-     */
-    showRemove?: boolean;
-    /**
-     * Дополнительный CSS-класс для списка с группами полей
-     */
-    className?: CssClassName;
-    /**
-     * Дополнительный CSS-класс для таблицы
-     */
-    tableClassName?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения списка с группами полей
-     * @example MyCustomView
-     */
-    view?: any;
-    /**
-     * Пропсы для компонента отображения списка с группами полей - FieldListView
-     */
-    viewProps?: any;
-    /**
-     * Переопределение view React компонента для кастомизации отображения группы полей
-     * @example MyCustomView
-     */
-    itemView?: any;
-    /**
-     * Пропсы для компонента отображения группы полей - FieldListItemView
-     */
-    itemViewProps?: any;
-    /**
-     * При фокусировке на одном из элементов формы и нажатию на клавиши стрелок вверх/вниз + Shift
-     * происходит добавление группы полей сверху или снизу соответственно
-     * @example true
-     */
-    enableKeyboardNavigation?: boolean;
-    [key: string]: any;
-}
-export interface IFieldListViewProps {
-    items?: (IFieldListItem & {
-        disabled?: boolean;
-        size?: boolean;
-    })[];
-    onAdd?: () => void;
-    showRemove?: boolean;
-    showAdd?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    tableClassName?: string;
-    style?: any;
-    forwardedRef?: any;
-    disabled?: boolean;
-    size?: Size;
-}
-export interface IFieldListItemViewProps extends IFieldWrapperOutputProps {
-    items?: (IFieldListItem & {
-        disabled?: boolean;
-        size?: boolean;
-    })[];
-    onRemove?: (rowIndex: number) => void;
-    prefix: string;
-    required?: boolean;
-    rowIndex: number;
-    showRemove: boolean;
-}
-declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IFieldListProps>;
-export default _default;