@steroidsjs/core 2.0.0-rc.7 → 2.0.1-beta.113

package/ui/format/Format/Format.js

@@ -1,49 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.getFormatterPropsFromModel = void 0;
-var get_1 = __importDefault(require("lodash-es/get"));
-var isObject_1 = __importDefault(require("lodash-es/isObject"));
-var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
-var Form_1 = require("../../form/Form/Form");
-function getFormatterPropsFromModel(model, attribute) {
-    if (!model || !attribute) {
-        return null;
-    }
-    if (isFunction_1["default"](model.formatters)) {
-        return model.formatters()[attribute] || null;
-    }
-    if (isObject_1["default"](model.formatters)) {
-        return model.formatters[attribute] || null;
-    }
-    return null;
-}
-exports.getFormatterPropsFromModel = getFormatterPropsFromModel;
-function Format(props) {
-    var context = react_1.useContext(Form_1.FormContext);
-    var components = hooks_1.useComponents();
-    // Get field config from model
-    var model = props.model || (context === null || context === void 0 ? void 0 : context.model);
-    props = __assign(__assign({}, getFormatterPropsFromModel(model, props.attribute)), props);
-    var component = isString_1["default"](props.component)
-        ? components.getFormatter('format.' + props.component)
-        : props.component;
-    return components.ui.renderView(component || 'format.DefaultFormatterView', __assign(__assign({}, props), { value: get_1["default"](props.item, props.attribute) || props.emptyText || null }));
-}
-exports["default"] = Format;

package/ui/format/Format/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Format_1 = __importDefault(require("./Format"));
-exports["default"] = Format_1["default"];

package/ui/format/MoneyFormatter/MoneyFormatter.d.ts

@@ -1,29 +0,0 @@
-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 declare const moneyFormat: (amount: any, currency: any, scale: any) => string;
-declare function MoneyFormatter(props: IMoneyFormatterProps): any;
-declare namespace MoneyFormatter {
-    var defaultProps: {
-        scale: number;
-        precision: number;
-    };
-}
-export default MoneyFormatter;

package/ui/format/MoneyFormatter/MoneyFormatter.js

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.moneyFormat = void 0;
-var round_1 = __importDefault(require("lodash-es/round"));
-var hooks_1 = require("../../../hooks");
-var moneyFormat = function (amount, currency, scale) {
-    var symbols = {
-        eur: __('€'),
-        rub: __('₽'),
-        usd: __('$')
-    };
-    return __('{amount, number} {symbol}', {
-        amount: round_1["default"](amount, scale),
-        symbol: symbols[currency] || currency.toUpperCase()
-    });
-};
-exports.moneyFormat = moneyFormat;
-function MoneyFormatter(props) {
-    var value = props.precision > 0
-        ? props.value / Math.pow(10, props.precision)
-        : props.value;
-    return hooks_1.useComponents().ui.renderView(props.view || 'format.DefaultFormatterView', {
-        value: exports.moneyFormat(value, props.currency, props.scale)
-    });
-}
-MoneyFormatter.defaultProps = {
-    scale: 2,
-    precision: 0
-};
-exports["default"] = MoneyFormatter;

package/ui/format/MoneyFormatter/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var MoneyFormatter_1 = __importDefault(require("./MoneyFormatter"));
-exports["default"] = MoneyFormatter_1["default"];

package/ui/format/index.d.ts

@@ -1,16 +0,0 @@
-import BooleanFormatter from './BooleanFormatter';
-import DateFormatter from './DateFormatter';
-import DateTimeFormatter from './DateTimeFormatter';
-import EnumFormatter from './EnumFormatter';
-import FileSize from './FileSize';
-import MoneyFormatter from './MoneyFormatter';
-export { BooleanFormatter, DateFormatter, DateTimeFormatter, EnumFormatter, FileSize, MoneyFormatter, };
-declare const _default: {
-    BooleanFormatter: typeof BooleanFormatter;
-    DateFormatter: typeof DateFormatter;
-    DateTimeFormatter: typeof DateTimeFormatter;
-    EnumFormatter: typeof EnumFormatter;
-    FileSize: typeof FileSize;
-    MoneyFormatter: typeof MoneyFormatter;
-};
-export default _default;

package/ui/format/index.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.MoneyFormatter = exports.FileSize = exports.EnumFormatter = exports.DateTimeFormatter = exports.DateFormatter = exports.BooleanFormatter = void 0;
-var BooleanFormatter_1 = __importDefault(require("./BooleanFormatter"));
-exports.BooleanFormatter = BooleanFormatter_1["default"];
-var DateFormatter_1 = __importDefault(require("./DateFormatter"));
-exports.DateFormatter = DateFormatter_1["default"];
-var DateTimeFormatter_1 = __importDefault(require("./DateTimeFormatter"));
-exports.DateTimeFormatter = DateTimeFormatter_1["default"];
-var EnumFormatter_1 = __importDefault(require("./EnumFormatter"));
-exports.EnumFormatter = EnumFormatter_1["default"];
-var FileSize_1 = __importDefault(require("./FileSize"));
-exports.FileSize = FileSize_1["default"];
-var MoneyFormatter_1 = __importDefault(require("./MoneyFormatter"));
-exports.MoneyFormatter = MoneyFormatter_1["default"];
-exports["default"] = {
-    BooleanFormatter: BooleanFormatter_1["default"],
-    DateFormatter: DateFormatter_1["default"],
-    DateTimeFormatter: DateTimeFormatter_1["default"],
-    EnumFormatter: EnumFormatter_1["default"],
-    FileSize: FileSize_1["default"],
-    MoneyFormatter: MoneyFormatter_1["default"]
-};

package/ui/icon/Icon/Icon.d.ts

@@ -1,46 +0,0 @@
-import * as React from 'react';
-/**
- * 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 {
-    /**
-     * Имя иконки (латиницей). Импорт иконок происходит на старте приложения.
-     * @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;
-}
-export default function Icon(props: IIconProps): any;

package/ui/icon/Icon/Icon.js

@@ -1,47 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var isObject_1 = __importDefault(require("lodash-es/isObject"));
-var isString_1 = __importDefault(require("lodash-es/isString"));
-var hooks_1 = require("../../../hooks");
-function Icon(props) {
-    var components = hooks_1.useComponents();
-    var name = props.name;
-    var icon;
-    if (process.env.PLATFORM === 'mobile') {
-        icon = components.ui.getIcon(name) || name;
-    }
-    else {
-        icon = name.indexOf('<svg') === 0 || name.indexOf('http') === 0
-            ? name
-            : components.ui.getIcon(name);
-        if (isObject_1["default"](icon) && isString_1["default"](icon["default"])) {
-            icon = icon["default"];
-        }
-        // Fix width attribute in icon
-        if (isString_1["default"](icon) && icon.indexOf('<svg') === 0) {
-            var 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 components.ui.renderView(props.view || 'icon.IconView', __assign(__assign({}, props), { icon: icon }));
-}
-exports["default"] = Icon;

package/ui/icon/Icon/index.d.ts

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

package/ui/icon/Icon/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Icon_1 = __importDefault(require("./Icon"));
-exports["default"] = Icon_1["default"];

package/ui/layout/Header/Header.d.ts

@@ -1,23 +0,0 @@
-import { INavProps } from '../../nav/Nav/Nav';
-export interface IHeaderProps {
-    className?: CssClassName;
-    view?: any;
-    logo?: {
-        title: string;
-        linkProps?: Record<string, unknown>;
-        icon?: string | any;
-        className?: CssClassName;
-    };
-    nav?: INavProps;
-    /**
-     * Размер
-     */
-    size?: Size;
-    /**
-     * Темная тема
-     */
-    dark?: boolean;
-    [key: string]: any;
-}
-export declare type IHeaderViewProps = IHeaderProps;
-export default function Header(props: IHeaderProps): any;

package/ui/layout/Header/Header.js

@@ -1,7 +0,0 @@
-"use strict";
-exports.__esModule = true;
-var hooks_1 = require("../../../hooks");
-function Header(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'layout.HeaderView', props);
-}
-exports["default"] = Header;

package/ui/layout/Header/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Header_1 = __importDefault(require("./Header"));
-exports["default"] = Header_1["default"];

package/ui/layout/Loader/Loader.d.ts

@@ -1,5 +0,0 @@
-export interface ILoaderProps {
-    view?: any;
-    [key: string]: any;
-}
-export default function Loader(props: ILoaderProps): any;

package/ui/layout/Loader/Loader.js

@@ -1,7 +0,0 @@
-"use strict";
-exports.__esModule = true;
-var hooks_1 = require("../../../hooks");
-function Loader(props) {
-    return hooks_1.useComponents().ui.renderView(props.view || 'layout.LoaderView', props);
-}
-exports["default"] = Loader;

package/ui/layout/Loader/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Loader_1 = __importDefault(require("./Loader"));
-exports["default"] = Loader_1["default"];

package/ui/layout/Notifications/Notifications.d.ts

@@ -1,45 +0,0 @@
-import * as React from 'react';
-interface INotificationItem {
-    id?: number;
-    /**
-     * Цвет всплывающего уведомления
-     * @example warning
-     */
-    level?: ColorName;
-    /**
-     * Сообщение во всплывающем уведомлении
-     * @example Сохранено!
-     */
-    message?: string;
-    isClosing?: boolean;
-}
-export interface INotificationsProps {
-    initialFlashes?: {
-        [key: string]: string | any;
-    };
-    notifications?: INotificationItem[];
-    closeTimeoutMs?: number;
-    className?: CssClassName;
-    view?: any;
-    itemView?: any;
-    position?: string;
-    [key: string]: any;
-}
-export interface INotificationsViewProps {
-    notifications?: INotificationItem[];
-    className?: CssClassName;
-    position: string;
-    children?: React.ReactNode;
-}
-export interface INotificationsItemViewProps extends INotificationItem {
-    isClosing: boolean;
-    onClose: () => void;
-    position: string;
-}
-declare function Notifications(props: INotificationsProps): any;
-declare namespace Notifications {
-    var defaultProps: {
-        closeTimeoutMs: number;
-    };
-}
-export default Notifications;

package/ui/layout/Notifications/Notifications.js

@@ -1,86 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var React = __importStar(require("react"));
-var orderBy_1 = __importDefault(require("lodash-es/orderBy"));
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
-var hooks_1 = require("../../../hooks");
-var notifications_1 = require("../../../actions/notifications");
-var notifications_2 = require("../../../reducers/notifications");
-function Notifications(props) {
-    var _a = hooks_1.useSelector(function (state) { return ({
-        notifications: notifications_2.getNotifications(state),
-        position: notifications_2.getPosition(state)
-    }); }), notifications = _a.notifications, position = _a.position;
-    var components = hooks_1.useComponents();
-    var _b = react_1.useState(props.notifications || []), innerNotifications = _b[0], setInnerNotifications = _b[1];
-    var _c = react_1.useState([]), closing = _c[0], setClosing = _c[1];
-    var dispatch = useDispatch_1["default"]();
-    react_use_1.useMount(function () {
-        if (props.initialFlashes) {
-            dispatch(notifications_1.setFlashes(props.initialFlashes));
-            // Disable scroll or scroll to top on show notifications
-            if (typeof window !== 'undefined') {
-                if ('scrollRestoration' in window.history) {
-                    window.history.scrollRestoration = 'manual';
-                }
-                else {
-                    setTimeout(function () { return window.scrollTo(0, 0); }, 1000);
-                }
-            }
-        }
-    });
-    react_use_1.useUpdateEffect(function () {
-        var propsIds = notifications.map(function (item) { return item.id; });
-        var toClose = innerNotifications.filter(function (item) { return !propsIds.includes(item.id); });
-        setInnerNotifications([].concat(notifications));
-        setClosing(closing.concat(innerNotifications.filter(function (item) { return !propsIds.includes(item.id); })));
-        if (toClose.length > 0) {
-            setTimeout(function () { return setClosing(closing.filter(function (item) { return !toClose.includes(item); })); }, props.closeTimeoutMs);
-        }
-    }, [closing, innerNotifications, notifications, props.closeTimeoutMs]);
-    var onClose = react_1.useCallback(function (notificationId) { return dispatch(notifications_1.closeNotification(notificationId)); }, [dispatch]);
-    var closingIds = closing.map(function (item) { return item.id; });
-    var items = react_1.useMemo(function () { return (orderBy_1["default"]([].concat(innerNotifications).concat(closing), ['id'], 'asc')
-        .map(function (item) { return (__assign(__assign({}, item), { isClosing: closingIds.includes(item.id), onClose: function () { return onClose(item.id); } })); })); }, [innerNotifications, closing, closingIds, onClose]);
-    var NotificationsItemView = props.itemView || components.ui.getView('layout.NotificationsItemView');
-    return components.ui.renderView(props.view || 'layout.NotificationsView', __assign(__assign({}, props), { position: position || '', children: items.map(function (item) { return (React.createElement(NotificationsItemView, __assign({ key: item.id }, item))); }) }));
-}
-Notifications.defaultProps = {
-    closeTimeoutMs: 1500
-};
-exports["default"] = Notifications;

package/ui/layout/Notifications/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var Notifications_1 = __importDefault(require("./Notifications"));
-exports["default"] = Notifications_1["default"];

package/ui/layout/Portal.d.ts

@@ -1 +0,0 @@
-export default function Portal(props: any): any;

package/ui/layout/Portal.js

@@ -1,26 +0,0 @@
-"use strict";
-exports.__esModule = true;
-var react_dom_1 = require("react-dom");
-var react_1 = require("react");
-var react_use_1 = require("react-use");
-var hooks_1 = require("../../hooks");
-function Portal(props) {
-    var components = hooks_1.useComponents();
-    var elementRef = react_1.useRef(null);
-    if (!elementRef.current) {
-        elementRef.current = document.createElement('div');
-        elementRef.current.className = 'Portal';
-    }
-    react_use_1.useMount(function () {
-        document.body.appendChild(elementRef.current);
-        components.ui.setPortalElement(elementRef.current);
-    });
-    react_use_1.useUnmount(function () {
-        if (elementRef.current) {
-            components.ui.setPortalElement(null);
-            document.body.removeChild(elementRef.current);
-        }
-    });
-    return react_dom_1.createPortal(props.children, elementRef.current);
-}
-exports["default"] = Portal;

package/ui/layout/Tooltip/Tooltip.d.ts

@@ -1,63 +0,0 @@
-/**
- * Варианты позиций всплывающей подсказки
- * @example 'top'
- */
-declare type TooltipPosition = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
-export interface TooltipArrowPosition {
-    left?: number | string;
-    right?: number | string;
-    top?: number | string;
-    bottom?: number | string;
-}
-export interface TooltipStylePosition {
-    left: 'unset' | number;
-    right: 'unset' | number;
-    top: 'unset' | number;
-}
-export interface ITooltipProps {
-    /**
-     * Текст подсказки
-     * @example 'Это всплывающая подсказка.'
-     */
-    content?: string | any;
-    /**
-     * Позиционирование подсказки, относительно целевого элемента
-     */
-    position?: TooltipPosition;
-    /**
-     * Показывать ли подсказку сразу после рендера страницы
-     * @example true
-     */
-    defaultVisible?: boolean;
-    /**
-     * Стили для абсолютного позиционирования подсказки
-     */
-    style?: TooltipStylePosition;
-    /**
-     * Стили для позиционирования стрелки
-     * @example {left: 10}
-     */
-    arrowPosition?: TooltipArrowPosition;
-    /**
-     * Рассчет позиции подсказки
-     */
-    calculatePosition?: (tooltipDimensions: object, arrowDimensions: object) => void;
-    [key: string]: any;
-}
-export interface ITooltipViewProps extends ITooltipProps {
-    isTooltipVisible: boolean;
-    content: string | any;
-    position: TooltipPosition;
-    style: TooltipStylePosition;
-}
-declare function Tooltip(props: ITooltipProps): any;
-declare namespace Tooltip {
-    var defaultProps: {
-        content: string;
-        position: string;
-        defaultVisible: boolean;
-        gap: number;
-        animationMs: number;
-    };
-}
-export default Tooltip;