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

package/ui/format/PhotosFormatter/PhotosFormatter.tsx

@@ -1,63 +1,63 @@
-import * as React from 'react';
-import {IComponentsHocOutput} from '../../../hoc/components';
-import {components} from "../../../hoc";
-
-export interface IPhotosFormatterProps {
-    value?: {
-        /**
-         * Уникальный текстовый идентификатор
-         * @example e65f5867-0083-48a7-af43-1121ed9e6280
-         */
-        uid?: number,
-        src?: string,
-
-        /**
-         * Url thumbnail картинки
-         * @example assets/apple.thumbnail.png
-         */
-        thumbnail?: string,
-
-        /**
-         * Ширина thumbnail картинки
-         * @example 1920
-         */
-        thumbnailWidth?: number,
-
-        /**
-         * Высота thumbnail картинки
-         * @example 1080
-         */
-        thumbnailHeight?: number
-    }[];
-    photoRowHeight?: number;
-    videoRowHeight?: number;
-    view?: CustomView;
-    [key: string]: any;
-}
-
-export interface IPhotosFormatterViewProps extends IPhotosFormatterProps {
-
-}
-
-@components('ui')
-export default class PhotosFormatter extends React.Component<IPhotosFormatterProps & IComponentsHocOutput> {
-
-    static defaultProps = {
-        photoRowHeight: 120
-    };
-
-    render() {
-        // TODO react-grid-gallery library now is not supported! We need implement our gallery with blackjack and hookers 8<)
-        const photos = this.props.value;
-        if (!photos || photos.length === 0) {
-        return null;
-        }
-
-        const PhotoFormatterView = this.props.view || this.props.ui.getView('format.PhotosFormatterView');
-        return <PhotoFormatterView
-            value={photos}
-            photoRowHeight={this.props.photoRowHeight}
-        />;
-    }
-
-}
+import * as React from 'react';
+import {IComponentsHocOutput} from '../../../hoc/components';
+import {components} from "../../../hoc";
+
+export interface IPhotosFormatterProps {
+    value?: {
+        /**
+         * Уникальный текстовый идентификатор
+         * @example e65f5867-0083-48a7-af43-1121ed9e6280
+         */
+        uid?: number,
+        src?: string,
+
+        /**
+         * Url thumbnail картинки
+         * @example assets/apple.thumbnail.png
+         */
+        thumbnail?: string,
+
+        /**
+         * Ширина thumbnail картинки
+         * @example 1920
+         */
+        thumbnailWidth?: number,
+
+        /**
+         * Высота thumbnail картинки
+         * @example 1080
+         */
+        thumbnailHeight?: number
+    }[];
+    photoRowHeight?: number;
+    videoRowHeight?: number;
+    view?: CustomView;
+    [key: string]: any;
+}
+
+export interface IPhotosFormatterViewProps extends IPhotosFormatterProps {
+
+}
+
+@components('ui')
+export default class PhotosFormatter extends React.Component<IPhotosFormatterProps & IComponentsHocOutput> {
+
+    static defaultProps = {
+        photoRowHeight: 120
+    };
+
+    render() {
+        // TODO react-grid-gallery library now is not supported! We need implement our gallery with blackjack and hookers 8<)
+        const photos = this.props.value;
+        if (!photos || photos.length === 0) {
+        return null;
+        }
+
+        const PhotoFormatterView = this.props.view || this.props.ui.getView('format.PhotosFormatterView');
+        return <PhotoFormatterView
+            value={photos}
+            photoRowHeight={this.props.photoRowHeight}
+        />;
+    }
+
+}

package/ui/format/PhotosFormatter/index.ts

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

package/ui/format/index.ts

@@ -1,27 +1,27 @@
-import BooleanFormatter from './BooleanFormatter';
-import DateFormatter from './DateFormatter';
-import DateTimeFormatter from './DateTimeFormatter';
-import EnumFormatter from './EnumFormatter';
-import FileSize from './FileSize';
-import MoneyFormatter from './MoneyFormatter';
-import PhotosFormatter from './PhotosFormatter';
-
-export {
-    BooleanFormatter,
-    DateFormatter,
-    DateTimeFormatter,
-    EnumFormatter,
-    FileSize,
-    MoneyFormatter,
-    PhotosFormatter,
-};
-
-export default {
-    BooleanFormatter,
-    DateFormatter,
-    DateTimeFormatter,
-    EnumFormatter,
-    FileSize,
-    MoneyFormatter,
-    PhotosFormatter,
+import BooleanFormatter from './BooleanFormatter';
+import DateFormatter from './DateFormatter';
+import DateTimeFormatter from './DateTimeFormatter';
+import EnumFormatter from './EnumFormatter';
+import FileSize from './FileSize';
+import MoneyFormatter from './MoneyFormatter';
+import PhotosFormatter from './PhotosFormatter';
+
+export {
+    BooleanFormatter,
+    DateFormatter,
+    DateTimeFormatter,
+    EnumFormatter,
+    FileSize,
+    MoneyFormatter,
+    PhotosFormatter,
+};
+
+export default {
+    BooleanFormatter,
+    DateFormatter,
+    DateTimeFormatter,
+    EnumFormatter,
+    FileSize,
+    MoneyFormatter,
+    PhotosFormatter,
 };

package/ui/icon/Icon/Icon.tsx

@@ -1,98 +1,98 @@
-import * as React from 'react';
-
-import {components} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-import _isObject from 'lodash-es/isObject';
-import _isString from 'lodash-es/isString';
-
-/**
- * Install the latest free version of Font Awesome via yarn:
- * ```
- * $ yarn add @fortawesome/fontawesome-free
- * ```
- *
- * in your root style file (e.g. index.scss) import fontawesome styles
- * ```
- *  @import "~@fortawesome/fontawesome-free/scss/fontawesome";
- * ```
- *
- * and in hoc @application add the following code
- * ```
- *   ui.addIcons(getFontAwesomeIcons())
- * ```
- *
- * That get the icon used <Icon name={'icon-name'} />
- */
-export interface IIconProps extends IComponentsHocOutput {
-    /**
-     * Имя иконки (латиницей). Импорт иконок происходит на старте приложения.
-     * @example create
-     */
-    name?: string,
-
-    /**
-     * Заголовок, отображаемый при наведении (через нативное поле title)
-     * @example Добавить запись
-     */
-    title?: string,
-
-    className?: CssClassName;
-
-    /**
-     * Переопределение view React компонента для кастомизациии отображения
-     * @example MyCustomView
-     */
-    view?: React.ComponentType;
-
-    onClick?: any,
-
-    [key: string]: any,
-}
-
-export interface IIconViewProps extends IIconProps {
-    /**
-     * @example require('icon.png'), <svg .../>, 'https://<site-name>/icon.png
-     */
-    icon: string,
-}
-
-@components('ui')
-export default class Icon extends React.PureComponent<IIconProps> {
-
-    render() {
-        const IconView = this.props.view || this.props.ui.getView('icon.IconView');
-        const name = this.props.name;
-        let icon;
-
-        if (process.env.PLATFORM === 'mobile') {
-            icon = this.props.ui.getIcon(name) || name;
-        } else {
-            icon = name.indexOf('<svg') === 0 || name.indexOf('http') === 0
-                ? name
-                : this.props.ui.getIcon(this.props.name);
-
-            if (_isObject(icon) && _isString(icon.default)) {
-                icon = icon.default;
-            }
-
-            // Fix width attribute in icon
-            if (_isString(icon) && icon.indexOf('<svg') === 0) {
-                const match = icon.match(/<svg([^>]+)/);
-                if (match && match[0].indexOf('width') === -1) {
-                    icon = icon.replace(match[0], match[0] + ' width=16');
-                }
-            }
-
-            if (!icon) {
-                throw new Error('Not found icon with name "' + name + '"');
-            }
-        }
-
-        return (
-            <IconView
-                {...this.props}
-                icon={icon}
-            />
-        );
-    }
-}
+import * as React from 'react';
+
+import {components} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+import _isObject from 'lodash-es/isObject';
+import _isString from 'lodash-es/isString';
+
+/**
+ * Install the latest free version of Font Awesome via yarn:
+ * ```
+ * $ yarn add @fortawesome/fontawesome-free
+ * ```
+ *
+ * in your root style file (e.g. index.scss) import fontawesome styles
+ * ```
+ *  @import "~@fortawesome/fontawesome-free/scss/fontawesome";
+ * ```
+ *
+ * and in hoc @application add the following code
+ * ```
+ *   ui.addIcons(getFontAwesomeIcons())
+ * ```
+ *
+ * That get the icon used <Icon name={'icon-name'} />
+ */
+export interface IIconProps extends IComponentsHocOutput {
+    /**
+     * Имя иконки (латиницей). Импорт иконок происходит на старте приложения.
+     * @example create
+     */
+    name?: string,
+
+    /**
+     * Заголовок, отображаемый при наведении (через нативное поле title)
+     * @example Добавить запись
+     */
+    title?: string,
+
+    className?: CssClassName;
+
+    /**
+     * Переопределение view React компонента для кастомизациии отображения
+     * @example MyCustomView
+     */
+    view?: React.ComponentType;
+
+    onClick?: any,
+
+    [key: string]: any,
+}
+
+export interface IIconViewProps extends IIconProps {
+    /**
+     * @example require('icon.png'), <svg .../>, 'https://<site-name>/icon.png
+     */
+    icon: string,
+}
+
+@components('ui')
+export default class Icon extends React.PureComponent<IIconProps> {
+
+    render() {
+        const IconView = this.props.view || this.props.ui.getView('icon.IconView');
+        const name = this.props.name;
+        let icon;
+
+        if (process.env.PLATFORM === 'mobile') {
+            icon = this.props.ui.getIcon(name) || name;
+        } else {
+            icon = name.indexOf('<svg') === 0 || name.indexOf('http') === 0
+                ? name
+                : this.props.ui.getIcon(this.props.name);
+
+            if (_isObject(icon) && _isString(icon.default)) {
+                icon = icon.default;
+            }
+
+            // Fix width attribute in icon
+            if (_isString(icon) && icon.indexOf('<svg') === 0) {
+                const match = icon.match(/<svg([^>]+)/);
+                if (match && match[0].indexOf('width') === -1) {
+                    icon = icon.replace(match[0], match[0] + ' width=16');
+                }
+            }
+
+            if (!icon) {
+                throw new Error('Not found icon with name "' + name + '"');
+            }
+        }
+
+        return (
+            <IconView
+                {...this.props}
+                icon={icon}
+            />
+        );
+    }
+}

package/ui/icon/Icon/demo/icon.tsx

@@ -1,70 +1,70 @@
-import * as React from 'react';
-import '@fortawesome/fontawesome-free/js/all.min'
-
-import Icon from '../Icon';
-import fontAwesomeIcons from "@steroidsjs/bootstrap/icon/fontawesome";
-
-type IconState = {
-    selectedIcons: any
-};
-
-export default class extends React.PureComponent<{}, IconState> {
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            selectedIcons: null,
-        };
-    }
-
-    renderIcons(icons) {
-        return (
-            <div className='row'>
-                {icons.map((iconName, index) => {
-                    return (
-                        <div className='col-md-1 p-3' key={index}>
-                            <div>
-                                <Icon
-                                    name={iconName}
-                                />
-                            </div>
-                            <div style={{padding: '20px', textAlign: 'center'}}>{iconName}</div>
-                        </div>
-                    );
-                })}
-            </div>
-        )
-    }
-
-    renderSelectIcons(icons) {
-        if (!this.state.selectedIcons) {
-            return this.renderIcons(icons)
-        }
-        return this.renderIcons(this.state.selectedIcons);
-    }
-
-    render() {
-        const icons = Object.keys(fontAwesomeIcons);
-        return (
-            <>
-                <input
-                    className='form-control'
-                    onChange={(event) => {
-                        const value = event.target.value;
-                        if (value.length === 0) {
-                            this.setState({selectedIcons: null})
-                            return
-                        }
-                        const selectedIcons = icons.filter(iconName => {
-                            return iconName.indexOf(value) === 0;
-                        })
-                        this.setState({selectedIcons: selectedIcons})
-                    }}
-                />
-
-                {this.renderSelectIcons(icons)}
-            </>
-        );
-    }
-}
+import * as React from 'react';
+import '@fortawesome/fontawesome-free/js/all.min'
+
+import Icon from '../Icon';
+import fontAwesomeIcons from "@steroidsjs/bootstrap/icon/fontawesome";
+
+type IconState = {
+    selectedIcons: any
+};
+
+export default class extends React.PureComponent<{}, IconState> {
+
+    constructor(props) {
+        super(props);
+
+        this.state = {
+            selectedIcons: null,
+        };
+    }
+
+    renderIcons(icons) {
+        return (
+            <div className='row'>
+                {icons.map((iconName, index) => {
+                    return (
+                        <div className='col-md-1 p-3' key={index}>
+                            <div>
+                                <Icon
+                                    name={iconName}
+                                />
+                            </div>
+                            <div style={{padding: '20px', textAlign: 'center'}}>{iconName}</div>
+                        </div>
+                    );
+                })}
+            </div>
+        )
+    }
+
+    renderSelectIcons(icons) {
+        if (!this.state.selectedIcons) {
+            return this.renderIcons(icons)
+        }
+        return this.renderIcons(this.state.selectedIcons);
+    }
+
+    render() {
+        const icons = Object.keys(fontAwesomeIcons);
+        return (
+            <>
+                <input
+                    className='form-control'
+                    onChange={(event) => {
+                        const value = event.target.value;
+                        if (value.length === 0) {
+                            this.setState({selectedIcons: null})
+                            return
+                        }
+                        const selectedIcons = icons.filter(iconName => {
+                            return iconName.indexOf(value) === 0;
+                        })
+                        this.setState({selectedIcons: selectedIcons})
+                    }}
+                />
+
+                {this.renderSelectIcons(icons)}
+            </>
+        );
+    }
+}

package/ui/icon/Icon/index.ts

@@ -1,2 +1,2 @@
-import Icon from "./Icon";
+import Icon from "./Icon";
 export default Icon;

package/ui/layout/Header/Header.tsx

@@ -1,40 +1,40 @@
-import * as React from 'react';
-import {components, theme} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-import {IBemHocOutput} from '../../../hoc/bem';
-import {IConnectHocOutput} from '../../../hoc/connect';
-import {INavProps} from '../../nav/Nav/Nav';
-import {IThemeHocInput} from '../../../hoc/theme';
-
-export interface IHeaderProps extends IThemeHocInput {
-    className?: CssClassName;
-    view?: any;
-    logo?: {
-        title: string,
-        linkProps?: object,
-        icon?: string | any,
-        className?: CssClassName,
-    };
-    nav?: INavProps;
-    [key: string]: any;
-}
-
-export interface IHeaderViewProps extends IHeaderProps, IBemHocOutput {
-}
-
-interface IHeaderPrivateProps extends IConnectHocOutput, IComponentsHocOutput {
-
-}
-
-@theme()
-@components('ui')
-export default class Header extends React.PureComponent<IHeaderProps & IHeaderPrivateProps> {
-
-    render() {
-        const HeaderView = this.props.view || this.props.ui.getView('layout.HeaderView');
-        return (
-            <HeaderView {...this.props}/>
-        );
-    }
-
-}
+import * as React from 'react';
+import {components, theme} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+import {IBemHocOutput} from '../../../hoc/bem';
+import {IConnectHocOutput} from '../../../hoc/connect';
+import {INavProps} from '../../nav/Nav/Nav';
+import {IThemeHocInput} from '../../../hoc/theme';
+
+export interface IHeaderProps extends IThemeHocInput {
+    className?: CssClassName;
+    view?: any;
+    logo?: {
+        title: string,
+        linkProps?: object,
+        icon?: string | any,
+        className?: CssClassName,
+    };
+    nav?: INavProps;
+    [key: string]: any;
+}
+
+export interface IHeaderViewProps extends IHeaderProps, IBemHocOutput {
+}
+
+interface IHeaderPrivateProps extends IConnectHocOutput, IComponentsHocOutput {
+
+}
+
+@theme()
+@components('ui')
+export default class Header extends React.PureComponent<IHeaderProps & IHeaderPrivateProps> {
+
+    render() {
+        const HeaderView = this.props.view || this.props.ui.getView('layout.HeaderView');
+        return (
+            <HeaderView {...this.props}/>
+        );
+    }
+
+}

package/ui/layout/Header/index.ts

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

package/ui/layout/Loader/Loader.tsx

@@ -1,23 +1,23 @@
-import * as React from 'react';
-import {components, theme} from '../../../hoc';
-import {IComponentsHocOutput} from '../../../hoc/components';
-
-export interface ILoaderProps {
-    view?: any;
-    [key: string]: any;
-}
-
-interface ILoaderPrivateProps extends IComponentsHocOutput {
-
-}
-
-@theme()
-@components('ui')
-export default class Loader extends React.PureComponent<ILoaderProps & ILoaderPrivateProps> {
-
-    render() {
-        const LoaderView = this.props.view || this.props.ui.getView('layout.LoaderView');
-        return <LoaderView {...this.props} />;
-    }
-
-}
+import * as React from 'react';
+import {components, theme} from '../../../hoc';
+import {IComponentsHocOutput} from '../../../hoc/components';
+
+export interface ILoaderProps {
+    view?: any;
+    [key: string]: any;
+}
+
+interface ILoaderPrivateProps extends IComponentsHocOutput {
+
+}
+
+@theme()
+@components('ui')
+export default class Loader extends React.PureComponent<ILoaderProps & ILoaderPrivateProps> {
+
+    render() {
+        const LoaderView = this.props.view || this.props.ui.getView('layout.LoaderView');
+        return <LoaderView {...this.props} />;
+    }
+
+}

package/ui/layout/Loader/index.ts

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