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

package/ui/form/TimeField/index.ts

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

package/ui/form/index.ts

@@ -1,84 +1,84 @@
-import AutoCompleteField from './AutoCompleteField';
-import BlankField from './BlankField';
-import Button from './Button';
-import CheckboxField from './CheckboxField';
-import CheckboxListField from './CheckboxListField';
-import DateField from './DateField';
-import DateTimeField from './DateTimeField';
-import DropDownField from './DropDownField';
-import Field from './Field';
-import FieldLayout from './FieldLayout';
-import FieldList from './FieldList';
-import FieldSet from './FieldSet';
-import FileField from './FileField';
-import Form from './Form';
-import HtmlField from './HtmlField';
-import InputField from './InputField';
-import NavField from './NavField';
-import NumberField from './NumberField';
-import PasswordField from './PasswordField';
-import RadioListField from './RadioListField';
-import RangeField from './RangeField';
-import ReCaptchaField from './ReCaptchaField';
-import SliderField from './SliderField';
-import SwitcherField from './SwitcherField';
-import TextField from './TextField';
-import TimeField from './TimeField';
-
-export {
-    AutoCompleteField,
-    BlankField,
-    Button,
-    CheckboxField,
-    CheckboxListField,
-    DateField,
-    DateTimeField,
-    DropDownField,
-    Field,
-    FieldLayout,
-    FieldList,
-    FieldSet,
-    FileField,
-    Form,
-    HtmlField,
-    InputField,
-    NavField,
-    NumberField,
-    PasswordField,
-    RadioListField,
-    RangeField,
-    ReCaptchaField,
-    SliderField,
-    SwitcherField,
-    TextField,
-    TimeField,
-};
-
-export default {
-    AutoCompleteField,
-    BlankField,
-    Button,
-    CheckboxField,
-    CheckboxListField,
-    DateField,
-    DateTimeField,
-    DropDownField,
-    Field,
-    FieldLayout,
-    FieldList,
-    FieldSet,
-    FileField,
-    Form,
-    HtmlField,
-    InputField,
-    NavField,
-    NumberField,
-    PasswordField,
-    RadioListField,
-    RangeField,
-    ReCaptchaField,
-    SliderField,
-    SwitcherField,
-    TextField,
-    TimeField,
-};
+import AutoCompleteField from './AutoCompleteField';
+import BlankField from './BlankField';
+import Button from './Button';
+import CheckboxField from './CheckboxField';
+import CheckboxListField from './CheckboxListField';
+import DateField from './DateField';
+import DateTimeField from './DateTimeField';
+import DropDownField from './DropDownField';
+import Field from './Field';
+import FieldLayout from './FieldLayout';
+import FieldList from './FieldList';
+import FieldSet from './FieldSet';
+import FileField from './FileField';
+import Form from './Form';
+import HtmlField from './HtmlField';
+import InputField from './InputField';
+import NavField from './NavField';
+import NumberField from './NumberField';
+import PasswordField from './PasswordField';
+import RadioListField from './RadioListField';
+import RangeField from './RangeField';
+import ReCaptchaField from './ReCaptchaField';
+import SliderField from './SliderField';
+import SwitcherField from './SwitcherField';
+import TextField from './TextField';
+import TimeField from './TimeField';
+
+export {
+    AutoCompleteField,
+    BlankField,
+    Button,
+    CheckboxField,
+    CheckboxListField,
+    DateField,
+    DateTimeField,
+    DropDownField,
+    Field,
+    FieldLayout,
+    FieldList,
+    FieldSet,
+    FileField,
+    Form,
+    HtmlField,
+    InputField,
+    NavField,
+    NumberField,
+    PasswordField,
+    RadioListField,
+    RangeField,
+    ReCaptchaField,
+    SliderField,
+    SwitcherField,
+    TextField,
+    TimeField,
+};
+
+export default {
+    AutoCompleteField,
+    BlankField,
+    Button,
+    CheckboxField,
+    CheckboxListField,
+    DateField,
+    DateTimeField,
+    DropDownField,
+    Field,
+    FieldLayout,
+    FieldList,
+    FieldSet,
+    FileField,
+    Form,
+    HtmlField,
+    InputField,
+    NavField,
+    NumberField,
+    PasswordField,
+    RadioListField,
+    RangeField,
+    ReCaptchaField,
+    SliderField,
+    SwitcherField,
+    TextField,
+    TimeField,
+};

package/ui/form/validate.ts

@@ -1,90 +1,90 @@
-import _isString from 'lodash-es/isString';
-import _isInteger from 'lodash-es/isInteger';
-import _set from 'lodash-es/set';
-import _get from 'lodash-es/get';
-import _isEmpty from 'lodash-es/isEmpty';
-import _size from 'lodash-es/size';
-import _isFunction from 'lodash-es/isFunction';
-import moment from 'moment';
-import {SubmissionError} from 'redux-form';
-
-const validate = function (data, rules) {
-    const errors = {};
-    rules.forEach(item => {
-        const attributes = [].concat(item[0]);
-        const rule = item[1];
-        const params = item[2] || {};
-        attributes.forEach(attribute => {
-            let value = _get(data, attribute);
-            switch (rule) {
-                case 'required':
-                    if (!value) {
-                        errors[attribute] = __('Field is required');
-                    }
-                    break;
-                case 'date':
-                    if (value && !moment(value, 'YYYY-MM-DD').isValid()) {
-                        errors[attribute] = __('Date wrong format');
-                    }
-                    break;
-                case 'integer':
-                case 'number':
-                    if (value) {
-                        if (_isString(value)) {
-                            value = Number(value);
-                        }
-                        if (rule === 'integer' && !_isInteger(value)) {
-                            errors[attribute] = __('Field must be integer');
-                        } else if ((params.min || params.min === 0) && value < params.min) {
-                            errors[attribute] = __('Value is too small, min: {min}', {
-                                min: params.min
-                            });
-                        } else if ((params.max || params.max === 0) && value > params.max) {
-                            errors[attribute] = __('Value is too large, max: {max}', {
-                                max: params.max
-                            });
-                        }
-                    }
-                    break;
-                case 'string':
-                    params.max = params.max || 1000;
-                    if (value) {
-                        if (_isInteger(value)) {
-                            value = String(value);
-                        }
-                        if (!_isString(value)) {
-                            errors[attribute] = __('Field must be string');
-                        } else if (_size(value) > params.max) {
-                            errors[attribute] = __('String is too long, max: {max}', {
-                                max: params.max
-                            });
-                        } else if (
-                            (params.min || params.min === 0) &&
-                            _size(value) < params.min
-                        ) {
-                            errors[attribute] = __('String is too short, min: {min}', {
-                                min: params.min
-                            });
-                        }
-                    }
-                    break;
-            }
-            if (_isFunction(rule)) {
-                const error = rule(data, attribute);
-                if (error) {
-                    errors[attribute] = error;
-                }
-            }
-            _set(data, attribute, value);
-        });
-    });
-    if (!_isEmpty(errors)) {
-        throw new SubmissionError(errors);
-    }
-};
-validate.error = (attribute, message) => {
-    throw new SubmissionError({
-        [attribute]: message
-    });
-};
-export default validate;
+import _isString from 'lodash-es/isString';
+import _isInteger from 'lodash-es/isInteger';
+import _set from 'lodash-es/set';
+import _get from 'lodash-es/get';
+import _isEmpty from 'lodash-es/isEmpty';
+import _size from 'lodash-es/size';
+import _isFunction from 'lodash-es/isFunction';
+import moment from 'moment';
+import {SubmissionError} from 'redux-form';
+
+const validate = function (data, rules) {
+    const errors = {};
+    rules.forEach(item => {
+        const attributes = [].concat(item[0]);
+        const rule = item[1];
+        const params = item[2] || {};
+        attributes.forEach(attribute => {
+            let value = _get(data, attribute);
+            switch (rule) {
+                case 'required':
+                    if (!value) {
+                        errors[attribute] = __('Field is required');
+                    }
+                    break;
+                case 'date':
+                    if (value && !moment(value, 'YYYY-MM-DD').isValid()) {
+                        errors[attribute] = __('Date wrong format');
+                    }
+                    break;
+                case 'integer':
+                case 'number':
+                    if (value) {
+                        if (_isString(value)) {
+                            value = Number(value);
+                        }
+                        if (rule === 'integer' && !_isInteger(value)) {
+                            errors[attribute] = __('Field must be integer');
+                        } else if ((params.min || params.min === 0) && value < params.min) {
+                            errors[attribute] = __('Value is too small, min: {min}', {
+                                min: params.min
+                            });
+                        } else if ((params.max || params.max === 0) && value > params.max) {
+                            errors[attribute] = __('Value is too large, max: {max}', {
+                                max: params.max
+                            });
+                        }
+                    }
+                    break;
+                case 'string':
+                    params.max = params.max || 1000;
+                    if (value) {
+                        if (_isInteger(value)) {
+                            value = String(value);
+                        }
+                        if (!_isString(value)) {
+                            errors[attribute] = __('Field must be string');
+                        } else if (_size(value) > params.max) {
+                            errors[attribute] = __('String is too long, max: {max}', {
+                                max: params.max
+                            });
+                        } else if (
+                            (params.min || params.min === 0) &&
+                            _size(value) < params.min
+                        ) {
+                            errors[attribute] = __('String is too short, min: {min}', {
+                                min: params.min
+                            });
+                        }
+                    }
+                    break;
+            }
+            if (_isFunction(rule)) {
+                const error = rule(data, attribute);
+                if (error) {
+                    errors[attribute] = error;
+                }
+            }
+            _set(data, attribute, value);
+        });
+    });
+    if (!_isEmpty(errors)) {
+        throw new SubmissionError(errors);
+    }
+};
+validate.error = (attribute, message) => {
+    throw new SubmissionError({
+        [attribute]: message
+    });
+};
+export default validate;

package/ui/format/BooleanFormatter/BooleanFormatter.tsx

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import {components} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IBooleanFormatterProps {
-    value?: string | number | boolean;
-    view?: CustomView;
-    [key: string]: any;
-}
-
-export interface IBooleanFormatterPropsView {
-    value?: string | number | boolean;
-}
-
-@components('ui')
-export default class BooleanFormatter extends React.Component<IBooleanFormatterProps & IComponentsHocOutput> {
-    render() {
-        const BooleanFormatterView = this.props.view || this.props.ui.getView('format.BooleanFormatterView');
-        return <BooleanFormatterView
-            value={this.props.value}
-        />;
-    }
-}
+import * as React from 'react';
+import {components} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IBooleanFormatterProps {
+    value?: string | number | boolean;
+    view?: CustomView;
+    [key: string]: any;
+}
+
+export interface IBooleanFormatterPropsView {
+    value?: string | number | boolean;
+}
+
+@components('ui')
+export default class BooleanFormatter extends React.Component<IBooleanFormatterProps & IComponentsHocOutput> {
+    render() {
+        const BooleanFormatterView = this.props.view || this.props.ui.getView('format.BooleanFormatterView');
+        return <BooleanFormatterView
+            value={this.props.value}
+        />;
+    }
+}

package/ui/format/BooleanFormatter/index.ts

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

package/ui/format/DateFormatter/DateFormatter.tsx

@@ -1,40 +1,40 @@
-import * as React from 'react';
-import {components} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IDateFormatterProps {
-
-    /**
-     * Формат даты
-     * @example LL
-     */
-    format?: string;
-    view?: CustomView;
-
-    /**
-     * Дата
-     * @example 2023-09-11
-     */
-    value?: any;
-
-    [key: string]: any;
-}
-
-@components('locale','ui')
-export default class DateFormatter extends React.Component<IDateFormatterProps & IComponentsHocOutput> {
-
-    static defaultProps = {
-        format: 'LL'
-    };
-
-    render() {
-        if (!this.props.value) {
-            return null;
-        }
-        const DateFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
-        return <DateFormatterView
-            value={this.props.locale.moment(this.props.value).format(this.props.format)}
-        />;
-    }
-
-}
+import * as React from 'react';
+import {components} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IDateFormatterProps {
+
+    /**
+     * Формат даты
+     * @example LL
+     */
+    format?: string;
+    view?: CustomView;
+
+    /**
+     * Дата
+     * @example 2023-09-11
+     */
+    value?: any;
+
+    [key: string]: any;
+}
+
+@components('locale','ui')
+export default class DateFormatter extends React.Component<IDateFormatterProps & IComponentsHocOutput> {
+
+    static defaultProps = {
+        format: 'LL'
+    };
+
+    render() {
+        if (!this.props.value) {
+            return null;
+        }
+        const DateFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
+        return <DateFormatterView
+            value={this.props.locale.moment(this.props.value).format(this.props.format)}
+        />;
+    }
+
+}

package/ui/format/DateFormatter/demo/basic.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react';
-
-import DateFormatter from '../DateFormatter';
-
-export default () => (
-    <>
-        <DateFormatter
-            value='2018-05-04'
-        />
-    </>
-);
+import * as React from 'react';
+
+import DateFormatter from '../DateFormatter';
+
+export default () => (
+    <>
+        <DateFormatter
+            value='2018-05-04'
+        />
+    </>
+);

package/ui/format/DateFormatter/index.ts

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

package/ui/format/DateTimeFormatter/DateTimeFormatter.tsx

@@ -1,52 +1,52 @@
-import * as React from 'react';
-import moment from 'moment';
-import {components} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IDateTimeFormatterProps{
-
-    /**
-     * Формат даты
-     * @example LLL
-     */
-    format?: string;
-
-    /**
-     * Показывать ли дату учитываю временную зону
-     * @example true
-     */
-    timeZone?: string | boolean;
-    view?: CustomView;
-
-    /**
-    * Дата
-    * @example 2023-09-11
-    */
-    value?: any;
-
-    [key: string]: any;
-}
-
-@components('locale','ui')
-export default class DateTimeFormatter extends React.Component<IDateTimeFormatterProps & IComponentsHocOutput> {
-
-    static defaultProps = {
-        format: 'LLL'
-    };
-
-    render() {
-        if (!this.props.value) {
-            return null;
-        }
-        const date =
-            this.props.timeZone === false
-                ? moment(this.props.value).locale(this.props.locale.language)
-                : this.props.locale.moment(this.props.value);
-
-        const DateTimeFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
-        return <DateTimeFormatterView
-            value={date.format(this.props.format)}
-        />;
-    }
-
-}
+import * as React from 'react';
+import moment from 'moment';
+import {components} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IDateTimeFormatterProps{
+
+    /**
+     * Формат даты
+     * @example LLL
+     */
+    format?: string;
+
+    /**
+     * Показывать ли дату учитываю временную зону
+     * @example true
+     */
+    timeZone?: string | boolean;
+    view?: CustomView;
+
+    /**
+    * Дата
+    * @example 2023-09-11
+    */
+    value?: any;
+
+    [key: string]: any;
+}
+
+@components('locale','ui')
+export default class DateTimeFormatter extends React.Component<IDateTimeFormatterProps & IComponentsHocOutput> {
+
+    static defaultProps = {
+        format: 'LLL'
+    };
+
+    render() {
+        if (!this.props.value) {
+            return null;
+        }
+        const date =
+            this.props.timeZone === false
+                ? moment(this.props.value).locale(this.props.locale.language)
+                : this.props.locale.moment(this.props.value);
+
+        const DateTimeFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
+        return <DateTimeFormatterView
+            value={date.format(this.props.format)}
+        />;
+    }
+
+}

package/ui/format/DateTimeFormatter/demo/basic.tsx

@@ -1,11 +1,11 @@
-import * as React from 'react';
-
-import DateTimeFormatter from '../DateTimeFormatter';
-
-export default () => (
-    <>
-        <DateTimeFormatter
-            value='2018-05-04 16:15:00'
-        />
-    </>
-);
+import * as React from 'react';
+
+import DateTimeFormatter from '../DateTimeFormatter';
+
+export default () => (
+    <>
+        <DateTimeFormatter
+            value='2018-05-04 16:15:00'
+        />
+    </>
+);

package/ui/format/DateTimeFormatter/index.ts

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