@steroidsjs/core 2.1.0-beta.9 → 2.1.0-beta.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.1.0-beta.9",
+  "version": "2.1.0-beta.9.1",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {
@@ -43,13 +43,15 @@
     "react-day-picker": "^7.4.8",
     "react-dom": "^17.0.2",
     "react-grid-gallery": "^0.4.8",
+    "react-helmet": "^6.1.0",
     "react-input-mask": "^3.0.0-alpha.2",
     "react-redux": "^7.1.1",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-use": "^17.1.0",
     "redux": "^4.0.4",
-    "redux-mock-store": "^1.5.4"
+    "redux-mock-store": "^1.5.4",
+    "set-cookie-parser": "^2.4.8"
   },
   "devDependencies": {
     "@babel/cli": "^7.13.14",
@@ -58,12 +60,12 @@
     "@babel/preset-react": "^7.13.13",
     "@babel/preset-typescript": "^7.13.0",
     "@types/enzyme": "^3.10.8",
+    "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^26.0.22",
     "@types/markdown-to-jsx": "^6.11.3",
     "@types/reach__router": "^1.3.7",
     "@types/react": "=17.0.3",
     "@types/react-color": "^3.0.4",
-    "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/react-syntax-highlighter": "^13.5.0",
     "@types/webpack-env": "^1.16.0",
     "@typescript-eslint/eslint-plugin": "^4.15.0",

package/providers/ComponentsProvider.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+declare global {
+    interface Window {
+        SteroidsComponents: IComponents;
+    }
+}
+export interface IComponents {
+    api?: any;
+    clientStorage?: any;
+    html?: any;
+    http?: any;
+    locale?: any;
+    store?: any;
+    ui?: any;
+    resource?: any;
+    ws?: any;
+    pushNotification?: any;
+    meta?: any;
+    [key: string]: any;
+}
+export interface IComponentsProviderProps extends PropsWithChildren<any> {
+    components: IComponents;
+}
+export declare const ComponentsContext: React.Context<IComponents>;
+export default function ComponentsProvider(props: IComponentsProviderProps): JSX.Element;

package/providers/ComponentsProvider.js

@@ -0,0 +1,28 @@
+"use strict";
+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.ComponentsContext = void 0;
+var React = __importStar(require("react"));
+exports.ComponentsContext = React.createContext({});
+function ComponentsProvider(props) {
+    return (React.createElement(exports.ComponentsContext.Provider, { value: props.components }, props.children));
+}
+exports["default"] = ComponentsProvider;

package/providers/ScreenProvider.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+export interface IScreen {
+    width: number;
+    media: Record<string, any>;
+    setMedia: any;
+    isPhone: () => boolean;
+    isTablet: () => boolean;
+    isDesktop: () => boolean;
+    getDeviceType: () => string;
+}
+export declare const ScreenContext: React.Context<IScreen>;
+export interface IScreenProviderProps extends PropsWithChildren<any> {
+    media?: Record<string, any>;
+    skipTimeout?: boolean;
+}
+export declare const SCREEN_PHONE = "phone";
+export declare const SCREEN_TABLET = "tablet";
+export declare const SCREEN_DESKTOP = "desktop";
+export default function ScreenProvider(props: IScreenProviderProps): JSX.Element;

package/providers/ScreenProvider.js

@@ -0,0 +1,87 @@
+"use strict";
+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.SCREEN_DESKTOP = exports.SCREEN_TABLET = exports.SCREEN_PHONE = exports.ScreenContext = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+exports.ScreenContext = React.createContext({});
+exports.SCREEN_PHONE = 'phone';
+exports.SCREEN_TABLET = 'tablet';
+exports.SCREEN_DESKTOP = 'desktop';
+function ScreenProvider(props) {
+    var _a;
+    var _b = react_1.useState(!process.env.IS_SSR ? window.innerWidth : 1280), width = _b[0], setWidth = _b[1];
+    var _c = react_1.useState(props.media || (_a = {},
+        _a[exports.SCREEN_PHONE] = 320,
+        _a[exports.SCREEN_TABLET] = 768,
+        _a[exports.SCREEN_DESKTOP] = 1024,
+        _a)), media = _c[0], setMedia = _c[1];
+    var timer = null;
+    var onResize = function () {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        if (props.skipTimeout) {
+            setWidth(window.innerWidth);
+        }
+        else {
+            timer = setTimeout(function () { return setWidth(window.innerWidth); }, 100);
+        }
+    };
+    react_use_1.useMount(function () {
+        window.addEventListener('resize', onResize, false);
+    });
+    react_use_1.useUnmount(function () {
+        window.removeEventListener('resize', onResize);
+    });
+    var getDeviceType = react_1.useCallback(function () {
+        if (width < media[exports.SCREEN_TABLET]) {
+            return exports.SCREEN_PHONE;
+        }
+        if (width < media[exports.SCREEN_DESKTOP]) {
+            return exports.SCREEN_TABLET;
+        }
+        return exports.SCREEN_DESKTOP;
+    }, [width, media]);
+    var isPhone = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_PHONE; }, [getDeviceType]);
+    var isTablet = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_TABLET; }, [getDeviceType]);
+    var isDesktop = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_DESKTOP; }, [getDeviceType]);
+    var value = react_1.useMemo(function () { return ({
+        width: width,
+        media: media,
+        setMedia: setMedia,
+        isPhone: isPhone,
+        isTablet: isTablet,
+        isDesktop: isDesktop,
+        getDeviceType: getDeviceType
+    }); }, [
+        width,
+        media,
+        setMedia,
+        isPhone,
+        isTablet,
+        isDesktop,
+        getDeviceType,
+    ]);
+    return (React.createElement(exports.ScreenContext.Provider, { value: value }, props.children));
+}
+exports["default"] = ScreenProvider;

package/providers/SsrProvider.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { PropsWithChildren } from 'react';
+import { StaticRouterContext } from 'react-router';
+export interface IPreloadedData {
+    [configId: string]: any;
+}
+export interface ISsr {
+    history?: {
+        initialEntries: string[];
+    };
+    staticContext?: StaticRouterContext;
+    preloadedData?: IPreloadedData;
+}
+export declare const SsrProviderContext: React.Context<ISsr>;
+export interface ISsrProviderProps extends ISsr, PropsWithChildren<any> {
+}
+export default function SsrProvider(props: ISsrProviderProps): JSX.Element;

package/providers/SsrProvider.js

@@ -0,0 +1,32 @@
+"use strict";
+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"));
+exports.SsrProviderContext = React.createContext(null);
+function SsrProvider(props) {
+    return (React.createElement(exports.SsrProviderContext.Provider, { value: {
+            history: props.history,
+            staticContext: props.staticContext,
+            preloadedData: props.preloadedData
+        } }, props.children));
+}
+exports["default"] = SsrProvider;

package/providers/index.d.ts

@@ -0,0 +1,4 @@
+import SsrProvider from '@steroidsjs/core/providers/SsrProvider';
+import ScreenProvider from '@steroidsjs/core/providers/ScreenProvider';
+import ComponentsProvider from '@steroidsjs/core/providers/ComponentsProvider';
+export { SsrProvider, ScreenProvider, ComponentsProvider };

package/providers/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ComponentsProvider = exports.ScreenProvider = exports.SsrProvider = void 0;
+var SsrProvider_1 = __importDefault(require("@steroidsjs/core/providers/SsrProvider"));
+exports.SsrProvider = SsrProvider_1["default"];
+var ScreenProvider_1 = __importDefault(require("@steroidsjs/core/providers/ScreenProvider"));
+exports.ScreenProvider = ScreenProvider_1["default"];
+var ComponentsProvider_1 = __importDefault(require("@steroidsjs/core/providers/ComponentsProvider"));
+exports.ComponentsProvider = ComponentsProvider_1["default"];

package/reducers/form.d.ts

@@ -4,6 +4,6 @@
  * @param action
  */
 export declare function reducerItem(state: any, action: any): any;
-declare const _default: (state: {}, action: any) => {};
+declare const _default: (state: {}, action: any) => any;
 export default _default;
 export declare const formSelector: (state: any, formId: any, selector: any) => any;

package/reducers/form.js

@@ -58,7 +58,7 @@ var initialState = {};
 exports["default"] = (function (state, action) {
     if (state === void 0) { state = initialState; }
     if (action.formId) {
-        state[action.formId] = reducerItem(state[action.formId], action);
+        return dot_prop_immutable_1.set(state, action.formId, reducerItem(state[action.formId], action));
     }
     return state;
 });

package/reducers/list.js

@@ -32,9 +32,7 @@ var reducerMap = (_a = {},
     },
     _a[list_1.LIST_SET_ITEMS] = function (state, action) {
         var _a;
-        return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = {
-                items: action.items
-            }, _a)) }));
+        return (__assign(__assign({}, state), { lists: __assign(__assign({}, state.lists), (_a = {}, _a[action.listId] = __assign(__assign({}, state.lists[action.listId]), { items: action.items }), _a)) }));
     },
     _a[list_1.LIST_BEFORE_FETCH] = function (state, action) {
         var _a;

package/reducers/router.js

@@ -95,7 +95,7 @@ exports.buildUrl = buildUrl;
  */
 var checkIsActive = function (state, item) {
     // Check is active
-    var pathname = window.location.protocol === 'file:'
+    var pathname = !process.env.IS_SSR && window.location.protocol === 'file:'
         ? window.location.hash.replace(/^#/, '')
         : get_1["default"](state, 'location.pathname');
     var checkActive = function (subPathname, subItem) {

package/ui/crud/Crud/Crud.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { IApiRest } from '../../../components/ApiComponent';
-import { IComponents } from '../../../hooks/useComponents';
+import { IComponents } from '../../../providers/ComponentsProvider';
 import { IComponentsHocOutput } from '../../../hoc/components';
 import { IConnectHocOutput } from '../../../hoc/connect';
 import { IFormProps } from '../../form/Form/Form';

package/ui/crud/index.d.ts

@@ -31,4 +31,5 @@ export declare const generateCrud: (routeId: string, props: ICrudGeneratorProps)
     items?: IRouteItem[] | {
         [key: string]: IRouteItem;
     };
+    preloadData?: (match: Record<string, any>) => (import("../../hooks/useFetch").IFetchConfig | import("../list/List/List").IListProps)[];
 };

package/ui/form/TextField/TextField.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { KeyboardEventHandler } from 'react';
 import { IFieldWrapperInputProps, IFieldWrapperOutputProps } from '../Field/fieldWrapper';
 /**
  * TextField
@@ -35,7 +36,7 @@ export interface ITextFieldViewProps extends ITextFieldProps, IFieldWrapperOutpu
     inputProps: {
         name: string;
         onChange: (value: string | React.ChangeEvent) => void;
-        onKeyUp: (e: Event | React.KeyboardEvent) => void;
+        onKeyUp: KeyboardEventHandler<HTMLTextAreaElement>;
         value: string | number;
         placeholder: string;
         disabled: boolean;

package/ui/form/TextField/TextField.js

@@ -30,7 +30,7 @@ function TextField(props) {
             // TODO This is not worked in redux... =(
             // dispatch(submit(props.formId));
         }
-    }, [dispatch, props.formId, props.submitOnEnter]);
+    }, [props.formId, props.submitOnEnter]);
     var onChange = react_1.useCallback(function (e) { return props.input.onChange.call(null, e.target ? e.target.value : e.nativeEvent.text); }, [props.input.onChange]);
     var inputProps = react_1.useMemo(function () { return (__assign({ name: props.input.name, value: props.input.value || '', onChange: onChange,
         onKeyUp: onKeyUp, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [onKeyUp, onChange, props.disabled, props.input.name, props.input.value, props.inputProps, props.placeholder]);

package/ui/icon/Icon/Icon.js

@@ -20,6 +20,9 @@ var hooks_1 = require("../../../hooks");
 function Icon(props) {
     var components = hooks_1.useComponents();
     var name = props.name;
+    if (!isString_1["default"](name)) {
+        return null;
+    }
     var icon;
     if (process.env.PLATFORM === 'mobile') {
         icon = components.ui.getIcon(name) || name;

package/ui/layout/Meta/Meta.d.ts

@@ -0,0 +1,56 @@
+import { BaseHTMLAttributes, LinkHTMLAttributes, MetaHTMLAttributes, PropsWithChildren, ScriptHTMLAttributes, StyleHTMLAttributes } from 'react';
+interface IInnerHTML {
+    /**
+     * Содержимое тега
+     */
+    innerHtml?: string;
+}
+interface IScript extends ScriptHTMLAttributes<any>, IInnerHTML {
+}
+interface IStyle extends StyleHTMLAttributes<any>, IInnerHTML {
+}
+/**
+ * Meta
+ * Компонент используется для ssr и нужен для конфигурации html-тегов в документе.
+ */
+interface IMetaProps extends PropsWithChildren<any> {
+    /**
+     * Заголовок документа
+     * @example Home page
+     */
+    title?: string;
+    /**
+     * Описание документа
+     * @example The main page of the site
+     */
+    description?: string;
+    /**
+     * Скрипты, которые необходимо разместить на сайте
+     * @example [{src: '/lib/SomeLibrary.min.js'}]
+     */
+    scripts?: IScript[];
+    /**
+     * Мета-теги
+     * @example [{name: 'yandex-verification', content: 'ce...9e6'}]
+     */
+    meta?: MetaHTMLAttributes<any>[];
+    /**
+     * Ссылки на ресурсы
+     * @example [{href: '/lib/SomeLibrary.css', rel: 'stylesheet', type: 'text/css'}]
+     */
+    links?: LinkHTMLAttributes<any>[];
+    /**
+     * Контент для тегов \<style\>
+     */
+    styles?: IStyle[];
+    /**
+     * Контент для тегов \<noscript\>
+     */
+    noScripts?: IInnerHTML[];
+    /**
+     * Конфигурация тега \<base\>
+     */
+    base?: BaseHTMLAttributes<any>;
+}
+declare function Meta(props: IMetaProps): JSX.Element;
+export default Meta;

package/ui/layout/Meta/Meta.js

@@ -0,0 +1,36 @@
+"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 react_1 = __importDefault(require("react"));
+var react_helmet_1 = __importDefault(require("react-helmet"));
+function Meta(props) {
+    var _a, _b, _c, _d, _e;
+    return (react_1["default"].createElement(react_helmet_1["default"], null,
+        react_1["default"].createElement("title", null, props.title),
+        props.base && react_1["default"].createElement("base", __assign({}, props.base)),
+        props.description && react_1["default"].createElement("meta", { name: 'description', content: props.description }), (_a = props.meta) === null || _a === void 0 ? void 0 :
+        _a.map(function (attrs, index) { return react_1["default"].createElement("meta", __assign({ key: index }, attrs)); }), (_b = props.links) === null || _b === void 0 ? void 0 :
+        _b.map(function (attrs, index) { return react_1["default"].createElement("link", __assign({ key: index }, attrs)); }), (_c = props.styles) === null || _c === void 0 ? void 0 :
+        _c.map(function (attrs, index) { return (react_1["default"].createElement("style", __assign({ key: index }, attrs, { dangerouslySetInnerHTML: {
+                __html: attrs.innerHtml
+            } }))); }), (_d = props.scripts) === null || _d === void 0 ? void 0 :
+        _d.map(function (attrs, index) { return (react_1["default"].createElement("script", __assign({ key: index }, attrs), attrs.innerHtml || '')); }), (_e = props.noScripts) === null || _e === void 0 ? void 0 :
+        _e.map(function (attrs, index) { return (react_1["default"].createElement("noscript", { key: index, dangerouslySetInnerHTML: {
+                __html: attrs.innerHtml
+            } })); }),
+        props.children));
+}
+exports["default"] = Meta;

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

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

package/ui/layout/Meta/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 Meta_1 = __importDefault(require("./Meta"));
+exports["default"] = Meta_1["default"];

package/ui/layout/Notifications/Notifications.js

@@ -54,7 +54,7 @@ function Notifications(props) {
         if (props.initialFlashes) {
             dispatch(notifications_1.setFlashes(props.initialFlashes));
             // Disable scroll or scroll to top on show notifications
-            if (typeof window !== 'undefined') {
+            if (!process.env.IS_SSR) {
                 if ('scrollRestoration' in window.history) {
                     window.history.scrollRestoration = 'manual';
                 }

package/ui/layout/Portal.js

@@ -21,6 +21,9 @@ function Portal(props) {
             document.body.removeChild(elementRef.current);
         }
     });
+    if (process.env.IS_SSR) {
+        return null;
+    }
     return react_dom_1.createPortal(props.children, elementRef.current);
 }
 exports["default"] = Portal;

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

@@ -1,4 +1,6 @@
 import * as React from 'react';
+import { IFetchConfig } from '@steroidsjs/core/hooks/useFetch';
+import { IListProps } from '@steroidsjs/core/ui/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/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;