@steroidsjs/core 2.1.0-beta.3 → 2.1.0-beta.30

package/ui/nav/Breadcrumbs/demo/items.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+/**
+ * Передаем заданный массив роутов.
+ * @order 3
+ * @col 12
+ */
+export default _default;

package/ui/{form/TimeField/demo/sizes.js → nav/Breadcrumbs/demo/items.js}

@@ -23,17 +23,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var TimeField_1 = __importDefault(require("../TimeField"));
-var sizes = {
-    sm: 'Small',
-    md: 'Middle',
-    lg: 'Large'
-};
+var Breadcrumbs_1 = __importDefault(require("../Breadcrumbs"));
 /**
- * Sizes
- * @order 5
+ * Передаем заданный массив роутов.
+ * @order 3
  * @col 12
  */
 exports["default"] = (function () { return (React.createElement(React.Fragment, null,
-    React.createElement("div", { className: 'row' }, Object.keys(sizes).map(function (size) { return (React.createElement("div", { className: 'col', key: size },
-        React.createElement(TimeField_1["default"], { label: sizes[size], size: size }))); })))); });
+    React.createElement(Breadcrumbs_1["default"], { items: [
+            { id: 'root', title: 'Home' },
+            { id: 'react', title: 'Frontend React' },
+            { id: 'ui', title: 'Ui' },
+            { id: 'Breadcrumbs', title: 'Breadcrumbs' },
+        ] }))); });

package/ui/nav/Breadcrumbs/demo/page-title.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
- * Basic
+ * Изменяем заголовок последней в списке страницы.
  * @order 2
  * @col 6
  */

package/ui/nav/Breadcrumbs/demo/page-title.js

@@ -25,7 +25,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var Breadcrumbs_1 = __importDefault(require("../Breadcrumbs"));
 /**
- * Basic
+ * Изменяем заголовок последней в списке страницы.
  * @order 2
  * @col 6
  */

package/ui/nav/Nav/Nav.js

@@ -96,7 +96,7 @@ function Nav(props) {
         }); })
             .filter(function (item) { return item.visible !== false; })); }, [activeRouteIds, activeTab, props.items, routerParams, routes]);
     return components.ui.renderView(props.view || defaultViewMap[props.layout], __assign(__assign({}, props), { items: items,
-        onClick: onClick, children: renderContent() }));
+        onClick: onClick, disabled: props.disabled, children: renderContent() }));
 }
 Nav.defaultProps = {
     layout: 'button'

package/ui/nav/Router/Router.d.ts

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { IFetchConfig } from '../../../hooks/useFetch';
+import { IListProps } from '../../list/List/List';
 import { IFetchHocConfigFunc } from '../../../hoc/fetch';
 /**
  * Router
@@ -71,6 +73,11 @@ export interface IRouteItem {
      * Название или список с названиями перечислений, полученных с бэкенда
      */
     enums?: string | string[];
+    /**
+     * Назначение страницы, указывается, чтобы приложение автоматически могло найти страницу авторизации или 404-ю..
+     * @example 'login'
+     */
+    role?: 'login' | '404' | string;
     /**
      * Список с ролями, который показывает, кому из пользователей будет доступен просмотр страницы
      * @example ['user', 'admin']
@@ -89,6 +96,17 @@ export interface IRouteItem {
     items?: IRouteItem[] | {
         [key: string]: IRouteItem;
     };
+    /**
+     * Обработчик, который принимает параметры URL и возвращает массив с пропсами для хука useFetch и компонента
+     * List.
+     * Функция запускается перед рендерингом приложения в режиме SSR и используется для предварительной
+     * загрузки данных, необходимых на текущей странице.
+     * Хук useFetch и компонент List не будут повторно инициализироваться и делать запросы на клиенте,
+     * если подгруженные данные существуют.
+     * @param {Object} match
+     * @return {Array} Например, [{url: '/api/v1/some-data'}, {listId: 'someList', action: '/api/v1/some-list'}]
+     */
+    preloadData?: (match: Record<string, any>) => (IFetchConfig | IListProps)[];
     [key: string]: any;
 }
 export interface IRouterProps {

package/ui/nav/Router/Router.js

@@ -49,7 +49,7 @@ var hoc_1 = require("../../../hoc");
 var router_1 = require("../../../actions/router");
 var useDispatch_1 = __importDefault(require("../../../hooks/useDispatch"));
 var router_2 = require("../../../reducers/router");
-var SsrProvider_1 = require("./SsrProvider");
+var SsrProvider_1 = require("../../../providers/SsrProvider");
 var findRedirectPathRecursive = function (route) {
     if (!route) {
         return null;
@@ -132,7 +132,6 @@ var renderComponent = function (route, activePath, routeProps) {
     }
     return (React.createElement(Component, __assign({}, routeProps, route.componentProps)));
 };
-// TODO @navigationHoc()
 function Router(props) {
     var components = hooks_1.useComponents();
     var _a = hooks_1.useSelector(function (state) {
@@ -209,7 +208,6 @@ function Router(props) {
     if (!isInitialized) {
         return null;
     }
-    // TODO double render!!..
     if (process.env.IS_SSR) {
         return (React.createElement(SsrProvider_1.SsrProviderContext.Consumer, null, function (context) { return (React.createElement(react_router_1.StaticRouter, { location: components.store.history.location, context: context.staticContext }, renderContent())); }));
     }

package/utils/calendar.d.ts

@@ -1,4 +1,4 @@
-export declare const convertDate: (date: string | Date, fromFormats: string | string[], toFormat?: string) => any;
+export declare const convertDate: (date: string | Date, fromFormats: string | string[], toFormat?: string, utc?: boolean) => any;
 /**
  * Регулярка проверяет соответствие введенной строки формату 'hh:mm'
  * Максимальная величина - 23:59

package/utils/calendar.js

@@ -5,8 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 exports.convertDate = void 0;
 var moment_1 = __importDefault(require("moment"));
-var convertDate = function (date, fromFormats, toFormat) {
+var convertDate = function (date, fromFormats, toFormat, utc) {
     if (toFormat === void 0) { toFormat = null; }
+    if (utc === void 0) { utc = false; }
     if (!date) {
         return null;
     }
@@ -26,6 +27,12 @@ var convertDate = function (date, fromFormats, toFormat) {
     if (!momentDate) {
         return null;
     }
+    if (utc) {
+        momentDate = momentDate.utc();
+    }
+    else {
+        momentDate = momentDate.utc(true).local();
+    }
     return toFormat ? momentDate.format(toFormat) : momentDate.toDate();
 };
 exports.convertDate = convertDate;

package/components/social/index.d.ts

@@ -1,11 +0,0 @@
-import facebook from './FacebookProvider';
-import google from './GoogleProvider';
-import steam from './SteamProvider';
-import vk from './VkProvider';
-declare const _default: {
-    facebook: typeof facebook;
-    google: typeof google;
-    steam: typeof steam;
-    vk: typeof vk;
-};
-export default _default;

package/components/social/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-var FacebookProvider_1 = __importDefault(require("./FacebookProvider"));
-var GoogleProvider_1 = __importDefault(require("./GoogleProvider"));
-var SteamProvider_1 = __importDefault(require("./SteamProvider"));
-var VkProvider_1 = __importDefault(require("./VkProvider"));
-exports["default"] = {
-    facebook: FacebookProvider_1["default"],
-    google: GoogleProvider_1["default"],
-    steam: SteamProvider_1["default"],
-    vk: VkProvider_1["default"]
-};

package/ui/content/Avatar/SizeContext.d.ts

@@ -1 +0,0 @@
-export {};

package/ui/content/Avatar/SizeContext.js

@@ -1,14 +0,0 @@
-"use strict";
-exports.__esModule = true;
-// const SizeContext = React.createContext<Size>('medium');
-// export interface SizeContextProps {
-//     size?: Size 
-// }
-// export const SizeContextProvider = ({ children, size }) => (
-//     <SizeContext.Consumer>
-//       {originSize => (
-//         <SizeContext.Provider value={size || originSize}>{children}</SizeContext.Provider>
-//       )}
-//     </SizeContext.Consumer>
-//   );
-// export default SizeContext;

package/ui/nav/Router/SsrProvider.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-interface ISsrProviderContext {
-    history?: any;
-    staticContext?: any;
-}
-export declare const SsrProviderContext: React.Context<ISsrProviderContext>;
-interface ISsrProviderProps {
-    history?: any;
-    store?: any;
-    staticContext?: any;
-}
-export default class SsrProvider extends React.PureComponent<ISsrProviderProps> {
-    render(): JSX.Element;
-}
-export {};

package/ui/nav/Router/SsrProvider.js

@@ -1,55 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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;
-};
-exports.__esModule = true;
-exports.SsrProviderContext = void 0;
-var React = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-exports.SsrProviderContext = React.createContext(null);
-var SsrProvider = /** @class */ (function (_super) {
-    __extends(SsrProvider, _super);
-    function SsrProvider() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SsrProvider.prototype.render = function () {
-        return (React.createElement(exports.SsrProviderContext.Provider, { value: {
-                history: this.props.history,
-                staticContext: this.props.staticContext
-            } },
-            React.createElement(react_redux_1.Provider, { store: this.props.store }, this.props.children)));
-    };
-    return SsrProvider;
-}(React.PureComponent));
-exports["default"] = SsrProvider;