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

package/ui/format/EnumFormatter/EnumFormatter.tsx

@@ -1,62 +1,62 @@
-import * as React from 'react';
-import {connect} from 'react-redux';
-import _isArray from 'lodash-es/isArray';
-import _isString from 'lodash-es/isString';
-import _isFunction from 'lodash-es/isFunction';
-import _isObject from 'lodash-es/isObject';
-import {getEnumLabels} from '../../../reducers/fields';
-import {components} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IEnumFormatterProps {
-
-    /**
-     * Перечисление элементов.
-     * 1) Может быть строкой вида: `app.geo.enums.Cities`
-     * 2) Массивом: [{id: 1, label: "London"}]
-     */
-    items?: string
-        | {id: number | string, label: string}[]
-        | {getLabel: () => string | any};
-
-    /**
-     * Уникальный идентификатор элемента из `items`
-     * @example unique label
-     */
-    value?: number | string,
-    view?: CustomView;
-    [key: string]: any;
-}
-
-/**
- * @param {array|function} items
- * @param {string|number} id
- * @returns {*}
- */
-export const getLabel = (items, id) => {
-    // Array
-    if (_isArray(items)) {
-        const foundItem = items.find(item => item.id === id);
-        return foundItem ? foundItem.label : null;
-    }
-    // Enum
-    if (_isObject(items) && _isFunction(items.getLabel)) {
-        return items.getLabel(id);
-    }
-    return null;
-};
-
-@connect((state, props) => ({
-    items: _isString(props.items)
-        ? getEnumLabels(state, props.items)
-        : props.items
-}))
-@components('ui')
-export default class EnumFormatter extends React.Component<IEnumFormatterProps & IComponentsHocOutput> {
-    render() {
-        const EnumFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
-        return <EnumFormatterView
-            value={getLabel(this.props.items, this.props.value)}
-        />;
-    }
-}
+import * as React from 'react';
+import {connect} from 'react-redux';
+import _isArray from 'lodash-es/isArray';
+import _isString from 'lodash-es/isString';
+import _isFunction from 'lodash-es/isFunction';
+import _isObject from 'lodash-es/isObject';
+import {getEnumLabels} from '../../../reducers/fields';
+import {components} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IEnumFormatterProps {
+
+    /**
+     * Перечисление элементов.
+     * 1) Может быть строкой вида: `app.geo.enums.Cities`
+     * 2) Массивом: [{id: 1, label: "London"}]
+     */
+    items?: string
+        | {id: number | string, label: string}[]
+        | {getLabel: () => string | any};
+
+    /**
+     * Уникальный идентификатор элемента из `items`
+     * @example unique label
+     */
+    value?: number | string,
+    view?: CustomView;
+    [key: string]: any;
+}
+
+/**
+ * @param {array|function} items
+ * @param {string|number} id
+ * @returns {*}
+ */
+export const getLabel = (items, id) => {
+    // Array
+    if (_isArray(items)) {
+        const foundItem = items.find(item => item.id === id);
+        return foundItem ? foundItem.label : null;
+    }
+    // Enum
+    if (_isObject(items) && _isFunction(items.getLabel)) {
+        return items.getLabel(id);
+    }
+    return null;
+};
+
+@connect((state, props) => ({
+    items: _isString(props.items)
+        ? getEnumLabels(state, props.items)
+        : props.items
+}))
+@components('ui')
+export default class EnumFormatter extends React.Component<IEnumFormatterProps & IComponentsHocOutput> {
+    render() {
+        const EnumFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
+        return <EnumFormatterView
+            value={getLabel(this.props.items, this.props.value)}
+        />;
+    }
+}

package/ui/format/EnumFormatter/index.ts

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

package/ui/format/FileSize/FileSize.tsx

@@ -1,60 +1,60 @@
-import * as React from 'react';
-import {components} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IFileSizeFormatterProps {
-
-    /**
-     * Если не указан размер файла, то в случае, если showZero = true
-     * то будет показан `0`, иначе пустая строка
-     * @example true
-     */
-    showZero?: boolean;
-    view?: CustomView;
-
-    /**
-     * Размер файла
-     * @example 6920
-     */
-    value?: any;
-
-    [key: string]: any;
-}
-
-@components('ui')
-export default class FileSize extends React.Component<IFileSizeFormatterProps & IComponentsHocOutput> {
-
-    static asHumanFileSize(bytes, showZero) {
-        if (!bytes) {
-            return showZero ? '0' : '';
-        }
-        const thresh = 1000;
-        if (Math.abs(bytes) < thresh) {
-            return bytes + ' ' + __('B');
-        }
-        const units = [
-            __('kB'),
-            __('MB'),
-            __('GB'),
-            __('TB'),
-            __('PB'),
-            __('EB'),
-            __('ZB'),
-            __('YB')
-        ];
-        let u = -1;
-        do {
-            bytes /= thresh;
-            ++u;
-        } while (Math.abs(bytes) >= thresh && u < units.length - 1);
-        return bytes.toFixed(1) + ' ' + units[u];
-    }
-
-    render() {
-        const FileSizeFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
-        return <FileSizeFormatterView
-            value={ FileSize.asHumanFileSize(this.props.value, this.props.showZero)}
-        />;
-    }
-
-}
+import * as React from 'react';
+import {components} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IFileSizeFormatterProps {
+
+    /**
+     * Если не указан размер файла, то в случае, если showZero = true
+     * то будет показан `0`, иначе пустая строка
+     * @example true
+     */
+    showZero?: boolean;
+    view?: CustomView;
+
+    /**
+     * Размер файла
+     * @example 6920
+     */
+    value?: any;
+
+    [key: string]: any;
+}
+
+@components('ui')
+export default class FileSize extends React.Component<IFileSizeFormatterProps & IComponentsHocOutput> {
+
+    static asHumanFileSize(bytes, showZero) {
+        if (!bytes) {
+            return showZero ? '0' : '';
+        }
+        const thresh = 1000;
+        if (Math.abs(bytes) < thresh) {
+            return bytes + ' ' + __('B');
+        }
+        const units = [
+            __('kB'),
+            __('MB'),
+            __('GB'),
+            __('TB'),
+            __('PB'),
+            __('EB'),
+            __('ZB'),
+            __('YB')
+        ];
+        let u = -1;
+        do {
+            bytes /= thresh;
+            ++u;
+        } while (Math.abs(bytes) >= thresh && u < units.length - 1);
+        return bytes.toFixed(1) + ' ' + units[u];
+    }
+
+    render() {
+        const FileSizeFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
+        return <FileSizeFormatterView
+            value={ FileSize.asHumanFileSize(this.props.value, this.props.showZero)}
+        />;
+    }
+
+}

package/ui/format/FileSize/index.ts

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

package/ui/format/Format/Format.tsx

@@ -1,80 +1,80 @@
-import * as React from 'react';
-import _get from 'lodash-es/get';
-import _isObject from 'lodash-es/isObject';
-import _isFunction from 'lodash-es/isFunction';
-import _isString from 'lodash-es/isString';
-import {components} from '../../../hoc';
-import {FormContext} from '../../../hoc/form';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IFormatProps {
-    attribute?: string;
-    model?: string | ((...args: any[]) => any) | any;
-    item?: any;
-    component?: string | ((...args: any[]) => any);
-    getFormatter?: any;
-    ui?: any;
-    emptyText?: any;
-    [key: string]: any;
-}
-
-interface IFormatPrivateProps extends IComponentsHocOutput {}
-
-export function getFormatterPropsFromModel(model, attribute) {
-    if (!model || !attribute) {
-        return null;
-    }
-    if (_isFunction(model.formatters)) {
-        return model.formatters()[attribute] || null;
-    }
-    if (_isObject(model.formatters)) {
-        return model.formatters[attribute] || null;
-    }
-    return null;
-}
-
-@components('ui')
-export default class Format extends React.Component<IFormatProps & IFormatPrivateProps> {
-
-    static WrappedComponent: any;
-
-    render() {
-      return (
-          <FormContext.Consumer>
-            {context => this.renderContent(context)}
-          </FormContext.Consumer>
-      )
-    }
-
-    renderContent(context) {
-        let props = this.props;
-        // Get field config from model
-        const model = this.props.model || context.model;
-        props = {
-            ...getFormatterPropsFromModel(model, this.props.attribute),
-            ...props
-        };
-        const ComponentField = _isString(props.component)
-            ? this.props.ui.getFormatter('format.' + props.component)
-            : props.component;
-        const resultValue = _get(this.props.item, this.props.attribute) || this.props.emptyText || null;
-        if (ComponentField) {
-            return (
-                <ComponentField
-                    {...props}
-                    value={resultValue}
-                />
-            );
-        }
-
-        let FormatDefaultView = null;
-        try {
-            FormatDefaultView = this.props.ui.getView('format.DefaultFormatterView');
-        } catch (e) {
-        }
-
-        return FormatDefaultView
-            ? <FormatDefaultView>{resultValue}</FormatDefaultView>
-            : resultValue;
-    }
-}
+import * as React from 'react';
+import _get from 'lodash-es/get';
+import _isObject from 'lodash-es/isObject';
+import _isFunction from 'lodash-es/isFunction';
+import _isString from 'lodash-es/isString';
+import {components} from '../../../hoc';
+import {FormContext} from '../../../hoc/form';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IFormatProps {
+    attribute?: string;
+    model?: string | ((...args: any[]) => any) | any;
+    item?: any;
+    component?: string | ((...args: any[]) => any);
+    getFormatter?: any;
+    ui?: any;
+    emptyText?: any;
+    [key: string]: any;
+}
+
+interface IFormatPrivateProps extends IComponentsHocOutput {}
+
+export function getFormatterPropsFromModel(model, attribute) {
+    if (!model || !attribute) {
+        return null;
+    }
+    if (_isFunction(model.formatters)) {
+        return model.formatters()[attribute] || null;
+    }
+    if (_isObject(model.formatters)) {
+        return model.formatters[attribute] || null;
+    }
+    return null;
+}
+
+@components('ui')
+export default class Format extends React.Component<IFormatProps & IFormatPrivateProps> {
+
+    static WrappedComponent: any;
+
+    render() {
+      return (
+          <FormContext.Consumer>
+            {context => this.renderContent(context)}
+          </FormContext.Consumer>
+      )
+    }
+
+    renderContent(context) {
+        let props = this.props;
+        // Get field config from model
+        const model = this.props.model || context.model;
+        props = {
+            ...getFormatterPropsFromModel(model, this.props.attribute),
+            ...props
+        };
+        const ComponentField = _isString(props.component)
+            ? this.props.ui.getFormatter('format.' + props.component)
+            : props.component;
+        const resultValue = _get(this.props.item, this.props.attribute) || this.props.emptyText || null;
+        if (ComponentField) {
+            return (
+                <ComponentField
+                    {...props}
+                    value={resultValue}
+                />
+            );
+        }
+
+        let FormatDefaultView = null;
+        try {
+            FormatDefaultView = this.props.ui.getView('format.DefaultFormatterView');
+        } catch (e) {
+        }
+
+        return FormatDefaultView
+            ? <FormatDefaultView>{resultValue}</FormatDefaultView>
+            : resultValue;
+    }
+}

package/ui/format/Format/index.ts

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

package/ui/format/MoneyFormatter/MoneyFormatter.tsx

@@ -1,67 +1,67 @@
-import * as React from 'react';
-import _round from 'lodash-es/round';
-import {components} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface IMoneyFormatterProps {
-
-    /**
-     * Валюта @enum {eur, rub, usd}
-     * @example rub
-     */
-    currency?: string;
-
-    /**
-     * Округление числа
-     * @example 2
-     */
-    scale?: number;
-
-    /**
-     * Разрядность (при передаче int в значении)
-     * @example 2
-     */
-    precision?: number;
-
-
-    view?: CustomView;
-    value?: any;
-    [key: string]: any;
-}
-
-export const moneyFormat = (amount, currency, scale) => {
-    const symbols = {
-        eur: __('€'),
-        rub: __('₽'),
-        usd: __('$')
-    };
-    return __('{amount, number} {symbol}', {
-        amount: _round(amount, scale),
-        symbol: symbols[currency] || currency.toUpperCase()
-    });
-}
-
-@components('ui')
-export default class MoneyFormatter extends React.Component<IMoneyFormatterProps & IComponentsHocOutput> {
-
-    static defaultProps = {
-        scale: 2,
-        precision: 0,
-    };
-
-    render() {
-        const MoneyFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
-        const value = this.props.precision > 0
-            ? this.props.value / Math.pow(10, this.props.precision)
-            : this.props.value;
-
-        return <MoneyFormatterView
-            value={moneyFormat(
-                value,
-                this.props.currency,
-                this.props.scale
-            )}
-        />;
-    }
-
-}
+import * as React from 'react';
+import _round from 'lodash-es/round';
+import {components} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface IMoneyFormatterProps {
+
+    /**
+     * Валюта @enum {eur, rub, usd}
+     * @example rub
+     */
+    currency?: string;
+
+    /**
+     * Округление числа
+     * @example 2
+     */
+    scale?: number;
+
+    /**
+     * Разрядность (при передаче int в значении)
+     * @example 2
+     */
+    precision?: number;
+
+
+    view?: CustomView;
+    value?: any;
+    [key: string]: any;
+}
+
+export const moneyFormat = (amount, currency, scale) => {
+    const symbols = {
+        eur: __('€'),
+        rub: __('₽'),
+        usd: __('$')
+    };
+    return __('{amount, number} {symbol}', {
+        amount: _round(amount, scale),
+        symbol: symbols[currency] || currency.toUpperCase()
+    });
+}
+
+@components('ui')
+export default class MoneyFormatter extends React.Component<IMoneyFormatterProps & IComponentsHocOutput> {
+
+    static defaultProps = {
+        scale: 2,
+        precision: 0,
+    };
+
+    render() {
+        const MoneyFormatterView = this.props.view || this.props.ui.getView('format.DefaultFormatterView');
+        const value = this.props.precision > 0
+            ? this.props.value / Math.pow(10, this.props.precision)
+            : this.props.value;
+
+        return <MoneyFormatterView
+            value={moneyFormat(
+                value,
+                this.props.currency,
+                this.props.scale
+            )}
+        />;
+    }
+
+}

package/ui/format/MoneyFormatter/index.ts

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