@steroidsjs/core 2.0.1-beta.112 → 2.0.1-beta.113

package/ui/form/RadioListField/RadioListField.tsx

@@ -1,70 +1,70 @@
-import * as React from 'react';
-import {components, field} from '../../../hoc';
-import dataProvider, {IDataProviderHocInput, IDataProviderHocOutput} from "../../../hoc/dataProvider";
-import {IFieldHocInput, IFieldHocOutput} from '../../../hoc/field';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IRadioListFieldProps extends IFieldHocInput, IDataProviderHocInput {
-    inputProps?: any;
-    className?: CssClassName;
-    view?: CustomView;
-    [key: string]: any;
-}
-
-export interface IRadioListFieldViewProps extends IFieldHocOutput, IDataProviderHocOutput {
-    inputProps: {
-        type: string,
-        name: string,
-        disabled: string,
-        onChange: any,
-    },
-    items: {
-        id: number | string | boolean,
-        label?: string,
-        isSelected: boolean,
-        isHovered: boolean,
-    }[];
-    onItemClick: (item: {id: number | string | boolean}) => void,
-}
-
-interface IRadioListFieldPrivateProps extends IFieldHocOutput, IDataProviderHocOutput, IComponentsHocOutput {
-
-}
-
-@field({
-    componentId: 'form.RadioListField'
-})
-@dataProvider()
-@components('ui')
-export default class RadioListField extends React.PureComponent<IRadioListFieldProps & IRadioListFieldPrivateProps> {
-    static defaultProps = {
-        disabled: false,
-        required: false,
-        className: '',
-        errors: []
-    };
-
-    render() {
-        const RadioListFieldView =
-            this.props.view || this.props.ui.getView('form.RadioListFieldView');
-        return (
-            <RadioListFieldView
-                {...this.props}
-                inputProps={{
-                    name: this.props.input.name,
-                    type: 'radio',
-                    ...this.props.inputProps,
-                    disabled: this.props.disabled
-                }}
-                items={this.props.items.map(item => ({
-                    ...item,
-                    isSelected: !!this.props.selectedItems.find(
-                        selectedItem => selectedItem.id === item.id
-                    ),
-                    isHovered: this.props.hoveredItem && this.props.hoveredItem.id === item.id
-                }))}
-                onItemClick={this.props.onItemClick}
-            />
-        );
-    }
-}
+import * as React from 'react';
+import {components, field} from '../../../hoc';
+import dataProvider, {IDataProviderHocInput, IDataProviderHocOutput} from "../../../hoc/dataProvider";
+import {IFieldHocInput, IFieldHocOutput} from '../../../hoc/field';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IRadioListFieldProps extends IFieldHocInput, IDataProviderHocInput {
+    inputProps?: any;
+    className?: CssClassName;
+    view?: CustomView;
+    [key: string]: any;
+}
+
+export interface IRadioListFieldViewProps extends IFieldHocOutput, IDataProviderHocOutput {
+    inputProps: {
+        type: string,
+        name: string,
+        disabled: string,
+        onChange: any,
+    },
+    items: {
+        id: number | string | boolean,
+        label?: string,
+        isSelected: boolean,
+        isHovered: boolean,
+    }[];
+    onItemClick: (item: {id: number | string | boolean}) => void,
+}
+
+interface IRadioListFieldPrivateProps extends IFieldHocOutput, IDataProviderHocOutput, IComponentsHocOutput {
+
+}
+
+@field({
+    componentId: 'form.RadioListField'
+})
+@dataProvider()
+@components('ui')
+export default class RadioListField extends React.PureComponent<IRadioListFieldProps & IRadioListFieldPrivateProps> {
+    static defaultProps = {
+        disabled: false,
+        required: false,
+        className: '',
+        errors: []
+    };
+
+    render() {
+        const RadioListFieldView =
+            this.props.view || this.props.ui.getView('form.RadioListFieldView');
+        return (
+            <RadioListFieldView
+                {...this.props}
+                inputProps={{
+                    name: this.props.input.name,
+                    type: 'radio',
+                    ...this.props.inputProps,
+                    disabled: this.props.disabled
+                }}
+                items={this.props.items.map(item => ({
+                    ...item,
+                    isSelected: !!this.props.selectedItems.find(
+                        selectedItem => selectedItem.id === item.id
+                    ),
+                    isHovered: this.props.hoveredItem && this.props.hoveredItem.id === item.id
+                }))}
+                onItemClick={this.props.onItemClick}
+            />
+        );
+    }
+}

package/ui/form/RadioListField/demo/disabled.tsx

@@ -1,31 +1,31 @@
-import * as React from 'react';
-import RadioListField from '../RadioListField';
-
-export const items = [
-    {
-        id: 1,
-        label: 'First',
-    },
-    {
-        id: 2,
-        label: 'Second',
-    },
-    {
-        id: 3,
-        label: 'Third',
-    },
-    {
-        id: 4,
-        label: 'Fourth',
-    },
-];
-
-export default () => (
-    <>
-        <RadioListField
-            label='Disabled'
-            disabled
-            items={items}
-        />
-    </>
+import * as React from 'react';
+import RadioListField from '../RadioListField';
+
+export const items = [
+    {
+        id: 1,
+        label: 'First',
+    },
+    {
+        id: 2,
+        label: 'Second',
+    },
+    {
+        id: 3,
+        label: 'Third',
+    },
+    {
+        id: 4,
+        label: 'Fourth',
+    },
+];
+
+export default () => (
+    <>
+        <RadioListField
+            label='Disabled'
+            disabled
+            items={items}
+        />
+    </>
 );

package/ui/form/RadioListField/demo/errors.tsx

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import RadioListField from '../RadioListField';
-import {items} from './disabled'
-
-export default () => (
-    <>
-        <RadioListField
-            label='Errors'
-            errors={['Error 1 text', 'Error 2 text']}
-            items={items}
-        />
-    </>
+import * as React from 'react';
+import RadioListField from '../RadioListField';
+import {items} from './disabled'
+
+export default () => (
+    <>
+        <RadioListField
+            label='Errors'
+            errors={['Error 1 text', 'Error 2 text']}
+            items={items}
+        />
+    </>
 );

package/ui/form/RadioListField/demo/required.tsx

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import RadioListField from '../RadioListField';
-import {items} from './disabled'
-
-export default () => (
-    <>
-        <RadioListField
-            label='Errors'
-            errors={['Error 1 text', 'Error 2 text']}
-            items={items}
-        />
-    </>
+import * as React from 'react';
+import RadioListField from '../RadioListField';
+import {items} from './disabled'
+
+export default () => (
+    <>
+        <RadioListField
+            label='Errors'
+            errors={['Error 1 text', 'Error 2 text']}
+            items={items}
+        />
+    </>
 );

package/ui/form/RadioListField/index.ts

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

package/ui/form/RangeField/RangeField.story.js

@@ -1,19 +1,19 @@
-import date from './demo/date';
-import disabled from './demo/disabled';
-import errors from './demo/errors';
-import placeholders from './demo/placeholders';
-import required from './demo/required';
-import sizes from './demo/sizes';
-
-export default {
-  title: 'form.RangeField',
-};
-
-export {
-    date,
-    disabled,
-    errors,
-    placeholders,
-    required,
-    sizes,
+import date from './demo/date';
+import disabled from './demo/disabled';
+import errors from './demo/errors';
+import placeholders from './demo/placeholders';
+import required from './demo/required';
+import sizes from './demo/sizes';
+
+export default {
+  title: 'form.RangeField',
+};
+
+export {
+    date,
+    disabled,
+    errors,
+    placeholders,
+    required,
+    sizes,
 }

package/ui/form/RangeField/RangeField.tsx

@@ -1,173 +1,173 @@
-import * as React from 'react';
-import {findDOMNode} from 'react-dom';
-import moment from 'moment';
-import _get from 'lodash-es/get';
-import {components, field} from '../../../hoc';
-import InputField from '../InputField';
-import DateField from '../DateField';
-import {IFieldHocInput, IFieldHocOutput} from '../../../hoc/field';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IRangeFieldProps extends IFieldHocInput {
-    attributeFrom?: string;
-    attributeTo?: string;
-    inputFrom?: FormInputType;
-    inputTo?: FormInputType;
-    type?: 'input' | 'date' | string;
-    fieldComponent?: any;
-    placeholderFrom?: string;
-    placeholderTo?: string;
-    fromProps?: any;
-    toProps?: any;
-    className?: CssClassName;
-    view?: CustomView;
-    [key: string]: any;
-}
-
-export interface IRangeFieldViewProps extends IFieldHocOutput {
-    fromField: any,
-    toField: any,
-}
-
-interface IRangeFieldPrivateProps extends IFieldHocOutput, IComponentsHocOutput {
-
-}
-
-const fieldsMap = {
-    input: InputField,
-    date: DateField
-};
-
-@field({
-    componentId: 'form.RangeField',
-    attributes: ['from', 'to']
-})
-@components('ui')
-export default class RangeField extends React.PureComponent<IRangeFieldProps & IRangeFieldPrivateProps> {
-    _timer: any;
-    refTo: any;
-    static defaultProps = {
-        type: 'input',
-        disabled: false,
-        required: false,
-        className: '',
-        placeholderFrom: '',
-        placeholderTo: '',
-        errors: []
-    };
-
-    constructor(props) {
-        super(props);
-        this.refTo = React.createRef();
-        this._timer = null;
-    }
-
-    UNSAFE_componentWillReceiveProps(nextProps) {
-        // Auto focus on set 'from' value
-        if (
-            !this.props.inputFrom.value &&
-            nextProps.inputFrom.value &&
-            !nextProps.inputTo.value
-        ) {
-            this._timer = setTimeout(() => {
-                const inputEl = this.refTo.current.querySelector('input');
-                if (inputEl) {
-                    inputEl.focus();
-                }
-            });
-        }
-    }
-
-    componentWillUnmount() {
-        clearTimeout(this._timer);
-    }
-
-    render() {
-        const RangeFieldView =
-            this.props.view || this.props.ui.getView('form.RangeFieldView');
-        const FieldComponent =
-            this.props.fieldComponent || fieldsMap[this.props.type];
-        const FieldComponentInternal = FieldComponent.WrappedComponent;
-        let fieldProps = {
-            disabled: this.props.disabled,
-            size: this.props.size
-        };
-        let fieldFromProps = {};
-        let fieldToProps = {};
-        switch (this.props.type) {
-            case 'date':
-                const valueFromFormat = _get(
-                    this.props.fromProps,
-                    'valueFormat',
-                    'YYYY-MM-DD'
-                );
-                const valueToFormat = _get(
-                    this.props.toProps,
-                    'valueFormat',
-                    'YYYY-MM-DD'
-                );
-                const from = this.props.inputFrom.value
-                    ? moment(this.props.inputFrom.value, valueFromFormat).toDate()
-                    : undefined;
-                const to = this.props.inputTo.value
-                    ? moment(this.props.inputTo.value, valueToFormat).toDate()
-                    : undefined;
-                const modifiers = {
-                    start: from,
-                    end: to
-                };
-                fieldFromProps = {
-                    ...fieldFromProps,
-                    pickerProps: {
-                        dayPickerProps: {
-                            selectedDays: [from, {from, to}],
-                            disabledDays: {after: to},
-                            toMonth: to,
-                            modifiers,
-                            numberOfMonths: 2
-                        }
-                    }
-                };
-                fieldToProps = {
-                    ...fieldToProps,
-                    pickerProps: {
-                        dayPickerProps: {
-                            selectedDays: [from, {from, to}],
-                            disabledDays: {before: from},
-                            modifiers,
-                            month: from,
-                            fromMonth: from,
-                            numberOfMonths: 2
-                        }
-                    }
-                };
-                break;
-        }
-        return (
-            <RangeFieldView
-                {...this.props}
-                fromField={
-                    <FieldComponentInternal
-                        input={this.props.inputFrom}
-                        placeholder={this.props.placeholderFrom}
-                        {...fieldProps}
-                        {...fieldFromProps}
-                        {...this.props.fromProps}
-                        isInvalid={this.props.isInvalid}
-                    />
-                }
-                toField={
-                    <FieldComponentInternal
-                        ref={this.refTo}
-                        input={this.props.inputTo}
-                        placeholder={this.props.placeholderTo}
-                        {...fieldProps}
-                        {...fieldToProps}
-                        {...this.props.toProps}
-                        isInvalid={this.props.isInvalid}
-                    />
-                }
-            />
-        );
-    }
-}
+import * as React from 'react';
+import {findDOMNode} from 'react-dom';
+import moment from 'moment';
+import _get from 'lodash-es/get';
+import {components, field} from '../../../hoc';
+import InputField from '../InputField';
+import DateField from '../DateField';
+import {IFieldHocInput, IFieldHocOutput} from '../../../hoc/field';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IRangeFieldProps extends IFieldHocInput {
+    attributeFrom?: string;
+    attributeTo?: string;
+    inputFrom?: FormInputType;
+    inputTo?: FormInputType;
+    type?: 'input' | 'date' | string;
+    fieldComponent?: any;
+    placeholderFrom?: string;
+    placeholderTo?: string;
+    fromProps?: any;
+    toProps?: any;
+    className?: CssClassName;
+    view?: CustomView;
+    [key: string]: any;
+}
+
+export interface IRangeFieldViewProps extends IFieldHocOutput {
+    fromField: any,
+    toField: any,
+}
+
+interface IRangeFieldPrivateProps extends IFieldHocOutput, IComponentsHocOutput {
+
+}
+
+const fieldsMap = {
+    input: InputField,
+    date: DateField
+};
+
+@field({
+    componentId: 'form.RangeField',
+    attributes: ['from', 'to']
+})
+@components('ui')
+export default class RangeField extends React.PureComponent<IRangeFieldProps & IRangeFieldPrivateProps> {
+    _timer: any;
+    refTo: any;
+    static defaultProps = {
+        type: 'input',
+        disabled: false,
+        required: false,
+        className: '',
+        placeholderFrom: '',
+        placeholderTo: '',
+        errors: []
+    };
+
+    constructor(props) {
+        super(props);
+        this.refTo = React.createRef();
+        this._timer = null;
+    }
+
+    UNSAFE_componentWillReceiveProps(nextProps) {
+        // Auto focus on set 'from' value
+        if (
+            !this.props.inputFrom.value &&
+            nextProps.inputFrom.value &&
+            !nextProps.inputTo.value
+        ) {
+            this._timer = setTimeout(() => {
+                const inputEl = this.refTo.current.querySelector('input');
+                if (inputEl) {
+                    inputEl.focus();
+                }
+            });
+        }
+    }
+
+    componentWillUnmount() {
+        clearTimeout(this._timer);
+    }
+
+    render() {
+        const RangeFieldView =
+            this.props.view || this.props.ui.getView('form.RangeFieldView');
+        const FieldComponent =
+            this.props.fieldComponent || fieldsMap[this.props.type];
+        const FieldComponentInternal = FieldComponent.WrappedComponent;
+        let fieldProps = {
+            disabled: this.props.disabled,
+            size: this.props.size
+        };
+        let fieldFromProps = {};
+        let fieldToProps = {};
+        switch (this.props.type) {
+            case 'date':
+                const valueFromFormat = _get(
+                    this.props.fromProps,
+                    'valueFormat',
+                    'YYYY-MM-DD'
+                );
+                const valueToFormat = _get(
+                    this.props.toProps,
+                    'valueFormat',
+                    'YYYY-MM-DD'
+                );
+                const from = this.props.inputFrom.value
+                    ? moment(this.props.inputFrom.value, valueFromFormat).toDate()
+                    : undefined;
+                const to = this.props.inputTo.value
+                    ? moment(this.props.inputTo.value, valueToFormat).toDate()
+                    : undefined;
+                const modifiers = {
+                    start: from,
+                    end: to
+                };
+                fieldFromProps = {
+                    ...fieldFromProps,
+                    pickerProps: {
+                        dayPickerProps: {
+                            selectedDays: [from, {from, to}],
+                            disabledDays: {after: to},
+                            toMonth: to,
+                            modifiers,
+                            numberOfMonths: 2
+                        }
+                    }
+                };
+                fieldToProps = {
+                    ...fieldToProps,
+                    pickerProps: {
+                        dayPickerProps: {
+                            selectedDays: [from, {from, to}],
+                            disabledDays: {before: from},
+                            modifiers,
+                            month: from,
+                            fromMonth: from,
+                            numberOfMonths: 2
+                        }
+                    }
+                };
+                break;
+        }
+        return (
+            <RangeFieldView
+                {...this.props}
+                fromField={
+                    <FieldComponentInternal
+                        input={this.props.inputFrom}
+                        placeholder={this.props.placeholderFrom}
+                        {...fieldProps}
+                        {...fieldFromProps}
+                        {...this.props.fromProps}
+                        isInvalid={this.props.isInvalid}
+                    />
+                }
+                toField={
+                    <FieldComponentInternal
+                        ref={this.refTo}
+                        input={this.props.inputTo}
+                        placeholder={this.props.placeholderTo}
+                        {...fieldProps}
+                        {...fieldToProps}
+                        {...this.props.toProps}
+                        isInvalid={this.props.isInvalid}
+                    />
+                }
+            />
+        );
+    }
+}

package/ui/form/RangeField/demo/date.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import RangeField from '../RangeField';
-
-export default () => (
-    <>
-        <RangeField
-            type='date'
-            label='Date period'
-        />
-    </>
+import * as React from 'react';
+import RangeField from '../RangeField';
+
+export default () => (
+    <>
+        <RangeField
+            type='date'
+            label='Date period'
+        />
+    </>
 );