@steroidsjs/core 3.0.0-beta.29 → 3.0.0-beta.31

package/index.d.ts

@@ -89,3 +89,22 @@ declare type CustomIcon = string | React.ReactElement;
  * HTTP метод
  */
 declare type HttpMethod = 'get' | 'post' | 'put' | 'delete' | string;
+
+declare interface IUiComponent {
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
+    view?: CustomView;
+
+    /**
+     * Дополнительный CSS-класс для элемента отображения
+     */
+    className?: CssClassName;
+
+    /**
+     * Объект CSS стилей
+     * @example {width: '45%'}
+     */
+    style?: CustomStyle;
+}

package/package.json

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

package/ui/form/AutoCompleteField/AutoCompleteField.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
-import { IInputFieldProps } from '../InputField/InputField';
+import { IBaseFieldProps } from '../InputField/InputField';
 export interface IAutoCompleteItem {
     id: number | string | boolean;
     label?: string;
@@ -16,13 +16,12 @@ export interface IAutoCompleteItem {
  * AutoComplete
  * Поле ввода текста с подсказками (auto-complete)
  */
-export interface IAutoCompleteFieldProps extends IInputFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
+export interface IAutoCompleteFieldProps extends IBaseFieldProps, IDataProviderConfig, Omit<IDataSelectConfig, 'items'> {
     /**
      * При фокусировке на поле ввода будет запускаться поиск
      * @example true
      */
     searchOnFocus?: boolean;
-    [key: string]: any;
 }
 export interface IAutoCompleteFieldViewProps extends Omit<IAutoCompleteFieldProps, 'items'> {
     items: IAutoCompleteItem[];

package/ui/form/AutoCompleteField/AutoCompleteField.js

@@ -100,7 +100,6 @@ AutoCompleteField.defaultProps = {
     multiple: false,
     disabled: false,
     required: false,
-    className: '',
     size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('AutoCompleteField', AutoCompleteField);

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

@@ -44,6 +44,7 @@ export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;
     orientation?: Orientation;
+    disabled?: boolean;
     renderCheckbox: (checkboxProps: ICheckboxFieldViewProps) => JSX.Element;
 }
 declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxListFieldProps>;

package/ui/form/CheckboxListField/CheckboxListField.js

@@ -84,7 +84,7 @@ CheckboxListField.defaultProps = {
     disabled: false,
     required: false,
     className: '',
-    multiple: false,
+    multiple: true,
     orientation: 'vertical'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('CheckboxListField', CheckboxListField);

package/ui/form/InputField/InputField.d.ts

@@ -2,48 +2,35 @@ import * as React from 'react';
 import { ChangeEventHandler, ReactNode } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 type IElementInputType = 'button' | 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'radio' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | string;
-/**
- * InputField
- * Поле ввода текста
- */
-export interface IInputFieldProps extends IFieldWrapperInputProps {
-    /**
-     * HTML Тип
-     * @example email
-     */
-    type?: IElementInputType;
-    /**
-     * Placeholder подсказка
-     * @example Your text...
-     */
-    placeholder?: string;
+export interface IBaseFieldProps extends IFieldWrapperInputProps, IUiComponent {
     /**
      * Свойства для элемента \<input /\>
      * @example {onKeyDown: ...}
      */
     inputProps?: any;
     /**
-     * Дополнительный CSS-класс для элемента отображения
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     */
-    viewProps?: any;
+     * Показывать иконку очищения поля
+     * @example {'true'}
+    */
+    showClear?: boolean;
     /**
-     * Размер Input
-     * @example 'large'
+     * Свойства для компонента отображения
+     * @example {customHandler: () => {...}}
      */
-    size?: Size;
+    viewProps?: {
+        [key: string]: any;
+    };
+}
+/**
+ * InputField
+ * Поле ввода текста
+ */
+export interface IInputFieldProps extends IBaseFieldProps {
     /**
-     * Объект CSS стилей
-     * @example {width: '45%'}
+     * HTML Тип
+     * @example email
      */
-    style?: CustomStyle;
+    type?: IElementInputType;
     /**
      * Изображение или React-нода, которая будет отрендерена слева от поля.
      * @example require('icon.png') | <component/>
@@ -73,18 +60,10 @@ export interface IInputFieldProps extends IFieldWrapperInputProps {
         maskPlaceholder?: string;
         alwaysShowMask?: boolean;
     };
-    /**
-     * Показывать иконку очищения поля
-     * @example {'true'}
-    */
-    showClear?: boolean;
     /**
      * Пользовательская иконка svg или название иконки
      */
     leadIcon?: React.ReactElement | string;
-    success?: boolean;
-    failed?: boolean;
-    [key: string]: any;
 }
 export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/InputField/InputField.js

@@ -66,14 +66,6 @@ InputField.defaultProps = {
     size: 'md',
     disabled: false,
     required: false,
-    className: '',
-    placeholder: '',
-    errors: null,
-    showClear: false,
-    successful: false,
-    textBefore: null,
-    textAfter: null,
-    addonBefore: null,
-    addonAfter: null
+    showClear: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])('InputField', InputField);

package/ui/form/NumberField/NumberField.d.ts

@@ -1,10 +1,10 @@
-import { IInputFieldProps } from '../InputField/InputField';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { IBaseFieldProps } from '../InputField/InputField';
+import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * NumberField
  * Числовое поле ввода
  */
-export interface INumberFieldProps extends IInputFieldProps, IFieldWrapperInputProps {
+export interface INumberFieldProps extends IBaseFieldProps {
     /**
      * Минимальное значение
      * @example 1
@@ -20,7 +20,6 @@ export interface INumberFieldProps extends IInputFieldProps, IFieldWrapperInputP
      * @example 5
      */
     step?: string | number;
-    [key: string]: any;
 }
 export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperOutputProps {
     inputProps: {

package/ui/form/NumberField/NumberField.js

@@ -28,12 +28,6 @@ function NumberField(props) {
 NumberField.defaultProps = {
     disabled: false,
     required: false,
-    className: '',
-    placeholder: '',
-    min: null,
-    max: null,
-    step: null,
-    errors: null,
     size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('NumberField', NumberField);

package/ui/form/PasswordField/PasswordField.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { IInputFieldProps } from '../InputField/InputField';
+import { ChangeEvent } from 'react';
+import { IBaseFieldProps } from '../InputField/InputField';
 import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * PasswordField
  * Поле ввода пароля
  */
-export interface IPasswordFieldProps extends IInputFieldProps {
+export interface IPasswordFieldProps extends IBaseFieldProps {
     /**
      * Если true, то отображается шкала сложности пароля
      * @example true
@@ -15,19 +15,16 @@ export interface IPasswordFieldProps extends IInputFieldProps {
      * Если true, то отображается иконка скрытия/показа пароля
      */
     showSecurityIcon?: boolean;
-    [key: string]: any;
 }
 export interface IPasswordFieldViewProps extends IPasswordFieldProps, IFieldWrapperOutputProps {
     inputProps: {
         type: string;
         name: string;
-        onChange: (value: Event | React.ChangeEvent) => void;
+        onChange: (value: Event | ChangeEvent) => void;
         value: string | number;
         placeholder: string;
         disabled: boolean;
     };
-    errors?: string[];
-    className?: CssClassName;
     onClear?: () => void;
     securityLevel?: 'success' | 'warning' | 'danger';
     onShowPassword: () => void;

package/ui/form/PasswordField/PasswordField.js

@@ -10,35 +10,11 @@ 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;
 exports.checkPassword = void 0;
-var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
@@ -73,7 +49,7 @@ exports.checkPassword = checkPassword;
 function PasswordField(props) {
     var _a = (0, react_1.useState)('password'), type = _a[0], setType = _a[1];
     var components = (0, hooks_1.useComponents)();
-    var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
+    var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     props.inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: type, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, type]);
     props.securityLevel = props.showSecurityBar ? (0, exports.checkPassword)(props.input.value) : null;
     props.onShowPassword = function () { return setType('text'); };
@@ -86,9 +62,6 @@ PasswordField.defaultProps = {
     showSecurityBar: false,
     showSecurityIcon: true,
     required: false,
-    className: '',
-    placeholder: '',
-    errors: null,
     size: 'md'
 };
 exports["default"] = (0, fieldWrapper_1["default"])('PasswordField', PasswordField);

package/ui/form/RadioListField/RadioListField.d.ts

@@ -44,6 +44,7 @@ export interface IRadioListFieldViewProps extends IFieldWrapperOutputProps {
     selectedIds: (PrimaryKey | any)[];
     className?: CssClassName;
     orientation?: Orientation;
+    disabled?: boolean;
     size?: Size;
     onItemSelect: (id: PrimaryKey | any) => void;
     renderRadio: (radioProps: IRadioFieldViewProps) => JSX.Element;

package/ui/form/TextField/TextField.d.ts

@@ -1,45 +1,21 @@
-import * as React from 'react';
-import { KeyboardEventHandler } from 'react';
-import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { ChangeEvent, KeyboardEventHandler } from 'react';
+import { IFieldWrapperOutputProps } from '../Field/fieldWrapper';
+import { IBaseFieldProps } from '../InputField/InputField';
 /**
  * TextField
  * Поле для ввода нескольких строк теста
  */
-export interface ITextFieldProps extends IFieldWrapperInputProps {
-    /**
-     * Placeholder подсказка
-     * @example Your text...
-     */
-    placeholder?: string;
+export interface ITextFieldProps extends IBaseFieldProps {
     /**
      * Отправлять форму при нажатии на кнопку `enter`
      * @example true
      */
     submitOnEnter?: boolean;
-    /**
-     * Свойства для элемента \<input /\>
-     * @example {onKeyDown: ...}
-     */
-    inputProps?: any;
-    /**
-     * Дополнительный CSS-класс для тега \<textarea\>
-     */
-    className?: CssClassName;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
-    /**
-     *  Отображение кнопки очищения поля
-     */
-    showClear?: boolean;
-    [key: string]: any;
 }
 export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutputProps {
     inputProps: {
         name: string;
-        onChange: (value: string | React.ChangeEvent) => void;
+        onChange: (value: string | ChangeEvent) => void;
         onKeyUp: KeyboardEventHandler<HTMLTextAreaElement>;
         value: string | number;
         placeholder: string;

package/ui/form/TextField/TextField.js

@@ -10,34 +10,10 @@ 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 hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
@@ -55,16 +31,13 @@ function TextField(props) {
         }
     }, [props.formId, props.submitOnEnter]);
     var onChange = (0, react_1.useCallback)(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
-    var onClear = React.useCallback(function () { return props.input.onChange(''); }, [props.input]);
+    var onClear = (0, react_1.useCallback)(function () { return props.input.onChange(''); }, [props.input]);
     var inputProps = (0, react_1.useMemo)(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange, onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);
     return components.ui.renderView(props.view || 'form.TextFieldView', __assign(__assign({}, props), { inputProps: inputProps, onClear: onClear }));
 }
 TextField.defaultProps = {
     disabled: false,
     required: false,
-    className: '',
-    placeholder: '',
-    submitOnEnter: false,
-    errors: null
+    submitOnEnter: false
 };
 exports["default"] = (0, fieldWrapper_1["default"])('TextField', TextField);

package/ui/list/List/List.d.ts

@@ -34,6 +34,7 @@ export interface IListViewProps extends Omit<IListProps, 'onFetch'>, Omit<IListO
 }
 export interface IListItemViewProps {
     id: PrimaryKey;
+    primaryKey: PrimaryKey;
     item: {
         id?: PrimaryKey;
         title?: string | any;

package/ui/nav/Controls/Controls.js

@@ -17,31 +17,31 @@ var hooks_1 = require("../../../hooks");
 function Controls(props) {
     var defaultItems = {
         index: {
-            icon: 'comeback',
+            icon: 'left_12x12',
             label: __('К списку'),
             color: 'secondary',
             outline: true
         },
         create: {
-            icon: 'add1',
+            icon: 'add_square',
             label: __('Добавить'),
             color: 'success',
             outline: true
         },
         view: {
-            icon: 'show',
+            icon: 'view',
             label: __('Просмотр'),
             color: 'secondary',
             outline: true
         },
         update: {
-            icon: 'edit1',
+            icon: 'edit',
             label: __('Редактировать'),
             color: 'secondary',
             outline: true
         },
         "delete": {
-            icon: 'remove',
+            icon: 'cancel_ellips',
             label: __('Удалить'),
             confirm: __('Удалить запись?'),
             color: 'danger',