@steroidsjs/core 2.1.0-beta.15 → 2.1.0-beta.19

package/ui/layout/ProgressBar/index.js

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

package/ui/layout/Skeleton/Skeleton.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+export interface ISkeletonViewProps {
+    className?: string;
+    children?: React.ReactNode;
+    animation?: 'pulse' | 'wave';
+    type?: 'text' | 'rect' | 'circle';
+    height?: string | number;
+    width?: string | number;
+}
+interface ISkeletonProps {
+    className?: string;
+    children?: React.ReactNode;
+    animation?: 'pulse' | 'wave';
+    type?: 'text' | 'rect' | 'circle';
+    height?: string | number;
+    width?: string | number;
+}
+declare function Skeleton(props: ISkeletonProps): JSX.Element;
+declare namespace Skeleton {
+    var defaultProps: {
+        animation: string;
+        type: string;
+    };
+}
+export default Skeleton;

package/ui/layout/Skeleton/Skeleton.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+var hooks_1 = require("../../../hooks");
+function Skeleton(props) {
+    return hooks_1.useComponents().ui.renderView('layout.SkeletonView', props);
+}
+Skeleton.defaultProps = {
+    animation: 'pulse',
+    type: 'text'
+};
+exports["default"] = Skeleton;

package/ui/layout/Skeleton/index.d.ts

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

package/ui/layout/Skeleton/index.js

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

package/ui/list/Steps/Steps.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+interface IStepsProps {
+    stepItems: IStepItem[];
+    currentStep: number;
+    isChangeable?: boolean;
+    className?: string;
+    onChange?: (index: number) => void;
+}
+export interface IStepsViewProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export interface IStepItemViewProps {
+    stepItem: IStepItem;
+    className?: string;
+    index: number;
+    status: string;
+    disabled: boolean;
+    onChange: () => void;
+}
+export interface IStepItem {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    icon?: string | React.ReactNode;
+    isError?: boolean;
+}
+declare function Steps(props: IStepsProps): JSX.Element;
+declare namespace Steps {
+    var defaultProps: {};
+}
+export default Steps;

package/ui/list/Steps/Steps.js

@@ -0,0 +1,23 @@
+"use strict";
+exports.__esModule = true;
+var hooks_1 = require("../../../hooks");
+var react_1 = require("react");
+function Steps(props) {
+    var _a = react_1.useState(false), isChangeable = _a[0], setIsChangeable = _a[1];
+    react_1.useEffect(function () { return setIsChangeable(props.isChangeable); }, [props.isChangeable]);
+    function getStepStatus(index, stepItem) {
+        if (stepItem.isError)
+            return 'error';
+        if (props.currentStep < index)
+            return 'wait';
+        if (props.currentStep === index)
+            return 'active';
+        return 'finish';
+    }
+    return hooks_1.useComponents().ui.renderView("list.StepsView", { className: props.className, children: props.stepItems.map(function (stepItem, index) {
+            return hooks_1.useComponents().ui.renderView("list.StepItemView", { stepItem: stepItem, index: index + 1, status: getStepStatus(index, stepItem), disabled: !isChangeable, onChange: function () { if (isChangeable)
+                    props.onChange(index); } });
+        }) });
+}
+Steps.defaultProps = {};
+exports["default"] = Steps;

package/ui/list/Steps/index.d.ts

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

package/ui/list/Steps/index.js

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

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
@@ -89,6 +91,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;

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;