@steroidsjs/core 2.1.0-beta.26 → 2.1.0-beta.30

package/ui/form/BlankField/BlankField.d.ts

@@ -4,10 +4,5 @@ export interface IBlankFieldProps extends IFieldWrapperInputProps {
     text?: string | React.ReactNode;
     children?: React.ReactNode;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IBlankFieldProps>;
 export default _default;

package/ui/form/CheckboxField/CheckboxField.d.ts

@@ -30,10 +30,5 @@ export interface ICheckboxFieldViewProps extends ICheckboxFieldProps, IFieldWrap
         disabled: boolean;
     };
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ICheckboxFieldProps>;
 export default _default;

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

@@ -40,10 +40,5 @@ export interface ICheckboxListFieldViewProps extends IFieldWrapperOutputProps {
     onItemSelect: (id: PrimaryKey | any) => void;
     onItemHover: (id: PrimaryKey | any) => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../../ui/form/Field/fieldWrapper").FieldWrapperComponent<ICheckboxListFieldProps>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from './useDateInputState';
 export interface IDateFieldProps extends IDateInputStateInput {
@@ -29,10 +28,5 @@ export interface IDateFieldProps extends IDateInputStateInput {
 export interface IDateFieldViewProps extends IDateInputStateOutput, Pick<IDateFieldProps, 'size' | 'icon' | 'errors' | 'showRemove' | 'className' | 'calendarProps'> {
     [key: string]: any;
 }
-declare const _default: {
-    (props: import("../../form/Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateFieldProps>;
 export default _default;

package/ui/form/DateRangeField/DateRangeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from '../DateField/useDateInputState';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
@@ -80,10 +79,5 @@ export interface IDateRangeFieldViewProps extends IDateInputStateOutput, Omit<IF
     errorsFrom?: string[];
     errorsTo?: string[];
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateRangeFieldProps>;
 export default _default;

package/ui/form/DateRangeField/DateRangeField.js

@@ -71,7 +71,8 @@ function DateRangeField(props) {
         valueFormat: props.valueFormat,
         numberOfMonths: 2,
         showFooter: false
-    }); }, [focus, props.inputFrom.onChange, props.inputFrom.value, props.inputTo.onChange, props.inputTo.value, props.valueFormat]);
+    }); }, [focus, props.inputFrom.onChange, props.inputFrom.value, props.inputTo.onChange,
+        props.inputTo.value, props.valueFormat]);
     return components.ui.renderView(props.view || 'form.DateRangeFieldView', __assign(__assign({}, props.viewProps), { onClear: onClear,
         onClose: onClose,
         calendarProps: calendarProps, icon: props.icon, size: props.size, errorsTo: props.errorsTo, disabled: props.disabled, noBorder: props.noBorder, className: props.className, showRemove: props.showRemove, errorsFrom: props.errorsFrom, inputPropsTo: extendedInputPropsTo, inputPropsFrom: extendedInputPropsFrom, isOpened: focus === 'from' ? isOpenedFrom : isOpenedTo }));

package/ui/form/DateTimeField/DateTimeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
 export interface IDateTimeFieldProps extends IDateInputStateInput {
@@ -29,10 +28,5 @@ export interface IDateTimeFieldProps extends IDateInputStateInput {
 export interface IDateTimeFieldViewProps extends IDateInputStateOutput, Pick<IDateTimeFieldProps, 'size' | 'errors' | 'showRemove' | 'calendarProps' | 'className' | 'timePanelViewProps'> {
     [key: string]: any;
 }
-declare const _default: {
-    (props: import("../../form/Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateTimeFieldProps>;
 export default _default;

package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICalendarProps } from '../../content/Calendar/Calendar';
 import { IDateRangeFieldProps } from '../../form/DateRangeField/DateRangeField';
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
@@ -68,10 +67,5 @@ export interface IDateTimeRangeFieldViewProps extends IDateInputStateOutput, Omi
     errorsFrom?: any;
     errorsTo?: any;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDateTimeRangeFieldProps>;
 export default _default;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
 import { IFieldWrapperInputProps } from '../../form/Field/fieldWrapper';
@@ -66,10 +65,5 @@ export interface IDropDownFieldViewProps extends Omit<IDropDownFieldProps, 'item
     isAutoComplete?: boolean;
     searchAutoFocus?: any;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IDropDownFieldProps>;
 export default _default;

package/ui/form/DropDownField/DropDownField.js

@@ -67,6 +67,7 @@ function DropDownField(props) {
     // Outside click -> close
     var forwardedRef = react_1.useRef(null);
     if (process.env.PLATFORM !== 'mobile') {
+        // eslint-disable-next-line react-hooks/rules-of-hooks
         react_use_1.useClickAway(forwardedRef, onClose);
     }
     // Search input props
@@ -79,19 +80,21 @@ function DropDownField(props) {
     // Sync with form
     var prevSelectedIds = react_use_1.usePrevious(selectedIds);
     react_1.useEffect(function () {
-        var _a;
-        if (!isEqual_1["default"](prevSelectedIds, selectedIds)) {
-            var newValues = props.multiple ? selectedIds : ((_a = selectedIds[0]) !== null && _a !== void 0 ? _a : null);
+        if (!isEqual_1["default"](prevSelectedIds || [], selectedIds)) {
+            var newValues = props.multiple ? selectedIds : (selectedIds[0] || null);
             props.input.onChange.call(null, newValues);
             if (props.onChange) {
-                props.onChange(newValues);
+                props.onChange.call(null, newValues);
             }
         }
+    }, [prevSelectedIds, props.input.onChange, props.multiple, props.onChange, selectedIds]);
+    // form reset
+    react_1.useEffect(function () {
         //if form reset
         if (props.input.value === undefined && selectedIds.length > 0) {
             onReset();
         }
-    }, [selectedIds, props.input.onChange, props.multiple, prevSelectedIds, props.attribute, props, onReset]);
+    }, [onReset, props.input.value, selectedIds.length]);
     return components.ui.renderView(props.view || 'form.DropDownFieldView', __assign(__assign({}, props), { isAutoComplete: isAutoComplete,
         items: items,
         hoveredId: hoveredId,

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

@@ -78,11 +78,11 @@ interface IFieldWrapperOptions {
     list?: boolean;
     attributeSuffixes?: string[];
 }
-declare type FieldWrapperComponent = {
-    (props: IFieldWrapperInputProps): JSX.Element;
+export interface FieldWrapperComponent<T> {
+    (props: IFieldWrapperInputProps & T): JSX.Element;
     WrappedComponent: any;
     displayName: any;
     defaultProps: any;
-};
-export default function fieldWrapper(componentId: any, Component: any, optionsConfig?: IFieldWrapperOptions): FieldWrapperComponent;
+}
+export default function fieldWrapper<T = any>(componentId: any, Component: any, optionsConfig?: IFieldWrapperOptions): FieldWrapperComponent<T>;
 export {};

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

@@ -118,10 +118,5 @@ export interface IFieldListItemViewProps extends IFieldWrapperOutputProps {
     rowIndex: number;
     showRemove: boolean;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IFieldListProps>;
 export default _default;

package/ui/form/FileField/FileField.d.ts

@@ -87,10 +87,5 @@ export interface IFileFieldViewProps extends IFileFieldProps {
     itemView?: React.ReactNode | any;
     items: IFileFieldItemViewProps[];
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IFileFieldProps>;
 export default _default;

package/ui/form/Form/Form.js

@@ -306,7 +306,7 @@ function Form(props) {
         ? 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 }))
+            onSubmit: onSubmit, submitLabel: props.submitLabel, fields: props.fields, children: props.children, isBordered: props.isBordered, className: props.className, style: props.style }))
         : props.children));
 }
 Form.defaultProps = {

package/ui/form/HtmlField/HtmlField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * HtmlField
@@ -44,10 +43,5 @@ export interface IHtmlFieldProps extends IFieldWrapperInputProps, IFieldWrapperO
 export interface IHtmlFieldViewProps extends IHtmlFieldProps {
     onChange: (event: any, editor: any) => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IHtmlFieldProps>;
 export default _default;

package/ui/form/ImageField/ImageField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ReactCropProps, { Crop } from 'react-image-crop';
 import { IModalProps } from '../../modal/Modal/Modal';
 import { IFieldWrapperInputProps } from '../Field/fieldWrapper';
@@ -78,10 +77,5 @@ export interface IImageFieldViewProps extends IImageFieldProps {
     };
     onClick: () => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IImageFieldProps>;
 export default _default;

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

@@ -95,10 +95,5 @@ export interface IInputFieldViewProps extends IInputFieldProps, IFieldWrapperOut
     onBlur?: (e: Event | React.FocusEvent) => void;
     onMouseDown?: (e: Event | React.MouseEvent) => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IInputFieldProps>;
 export default _default;

package/ui/form/NavField/NavField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { INavProps } from '../../nav/Nav/Nav';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../../form/Field/fieldWrapper';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
@@ -10,13 +9,8 @@ export interface INavFieldProps extends IFieldWrapperInputProps, IFieldWrapperOu
     /**
      * Свойства для компонента Nav
      */
-    navProps: INavProps;
+    navProps?: INavProps;
     [key: string]: any;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<INavFieldProps>;
 export default _default;

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

@@ -36,10 +36,5 @@ export interface INumberFieldViewProps extends INumberFieldProps, IFieldWrapperO
         step: string | number;
     };
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<INumberFieldProps>;
 export default _default;

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

@@ -30,10 +30,5 @@ export interface IPasswordFieldViewProps extends IPasswordFieldProps, IFieldWrap
     onHidePassword: () => void;
 }
 export declare const checkPassword: (password: any) => "success" | "warning" | "danger";
-declare const _default: {
-    (props: import("../Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IPasswordFieldProps>;
 export default _default;

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

@@ -38,10 +38,5 @@ export interface IRadioListFieldViewProps extends IFieldWrapperOutputProps {
     selectedIds: (PrimaryKey | any)[];
     onItemSelect: (id: PrimaryKey | any) => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../../form/Field/fieldWrapper").FieldWrapperComponent<IRadioListFieldProps>;
 export default _default;

package/ui/form/RateField/RateField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * RateField
@@ -33,7 +32,7 @@ export interface IRateFieldProps extends IFieldWrapperInputProps {
      * Дополнительный CSS-класс для элемента отображения
      */
     className?: CssClassName;
-    inputProps: {
+    inputProps?: {
         [key: string]: any;
     };
 }
@@ -44,10 +43,5 @@ export interface IRateFieldViewProps extends IRateFieldProps, IFieldWrapperOutpu
     value: number;
     onItemClick: (item: IRateFieldItem) => void;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IRateFieldProps>;
 export default _default;

package/ui/form/ReCaptchaField/ReCaptchaField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * ReCaptchaField
@@ -21,10 +20,5 @@ export interface IReCaptchaFieldProps extends IFieldWrapperInputProps {
 }
 export interface IReCaptchaFieldViewProps extends IReCaptchaFieldProps, IFieldWrapperOutputProps {
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<IReCaptchaFieldProps>;
 export default _default;

package/ui/form/SliderField/SliderField.d.ts

@@ -54,14 +54,12 @@ export interface ISliderFieldProps extends IFieldWrapperInputProps {
      * содержащий свойства style и label.
      * @example { min: 20, 40: 40, max: 100 }
      */
-    marks?: {
-        number: React.ReactNode;
-    } | {
-        number: {
+    marks?: Record<string, {
+        string: {
             style: any;
             label: any;
         };
-    };
+    } | React.ReactNode | string>;
     /**
      * Функция, вызываемая после отпускания tip'а у слайдера (при событии onmouseup)
      * @see https://github.com/schrodinger/rc-slider
@@ -74,10 +72,5 @@ export interface ISliderFieldViewProps extends ISliderFieldProps, IFieldWrapperO
     sliderDefaultValue?: number;
     rangeDefaultValue?: number[];
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ISliderFieldProps>;
 export default _default;

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

@@ -21,7 +21,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var _a;
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var SliderField_1 = __importDefault(require("../SliderField"));
@@ -30,18 +29,17 @@ var SliderField_1 = __importDefault(require("../SliderField"));
  * @order 7
  * @col 4
  */
-var marks = (_a = {},
-    _a[-10] = '-10°C',
-    _a[0] = React.createElement("strong", null, "0\u00B0C"),
-    _a[26] = '26°C',
-    _a[37] = '37°C',
-    _a[50] = '50°C',
-    _a[80] = {
+var marks = {
+    0: React.createElement("strong", null, "0\u00B0C"),
+    26: '26°C',
+    37: '37°C',
+    50: '50°C',
+    80: {
         style: {
             color: 'red'
         },
         label: React.createElement("strong", null, "80\u00B0C")
-    },
-    _a);
+    }
+};
 exports["default"] = (function () { return (React.createElement("div", { style: { padding: '20px 30px' } },
     React.createElement(SliderField_1["default"], { min: -10, max: 80, marks: marks }))); });

package/ui/form/SwitcherField/SwitcherField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 import { IDataProviderConfig } from '../../../hooks/useDataProvider';
 import { IDataSelectConfig } from '../../../hooks/useDataSelect';
@@ -30,10 +29,5 @@ export interface ISwitcherFieldViewProps extends IFieldWrapperOutputProps, Omit<
     onItemHover: (id: PrimaryKey | any) => void;
     buttonProps?: any;
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ISwitcherFieldProps>;
 export default _default;

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

@@ -42,10 +42,5 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
         disabled: boolean;
     };
 }
-declare const _default: {
-    (props: IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITextFieldProps>;
 export default _default;

package/ui/form/TimeField/TimeField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IDateInputStateInput, IDateInputStateOutput } from '../../form/DateField/useDateInputState';
 export interface ITimePanelViewProps extends Pick<ITimeFieldViewProps, 'value' | 'onClose' | 'onNow' | 'onSelect' | 'className'> {
     showHeader?: boolean;
@@ -41,10 +40,5 @@ export interface ITimeFieldProps extends IDateInputStateInput {
 export interface ITimeFieldViewProps extends IDateInputStateOutput, Pick<ITimeFieldProps, 'size' | 'errors' | 'showRemove' | 'noBorder' | 'className' | 'timePanelViewProps'> {
     [key: string]: any;
 }
-declare const _default: {
-    (props: import("../Field/fieldWrapper").IFieldWrapperInputProps): JSX.Element;
-    WrappedComponent: any;
-    displayName: any;
-    defaultProps: any;
-};
+declare const _default: import("../Field/fieldWrapper").FieldWrapperComponent<ITimeFieldProps>;
 export default _default;