studiokit-scaffolding-js 4.3.20-next.3.2 → 4.3.21

package/lib/components/HOC/ActivityRequiredComponent.js

@@ -1,101 +1,101 @@
-"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) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configureMapStateToProps = exports.configureActivityRequiredComponent = void 0;
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var react_router_dom_1 = require("react-router-dom");
-var baseActivity_1 = require("../../utils/baseActivity");
-var configureActivityRequiredComponent = function (WrappedComponent) {
-    return /** @class */ (function (_super) {
-        __extends(ActivityRequiredComponent, _super);
-        function ActivityRequiredComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        ActivityRequiredComponent.prototype.render = function () {
-            var _a = this.props, hasAccess = _a.hasAccess, rest = __rest(_a, ["hasAccess"]);
-            if (!this.props.hasAccess) {
-                return react_1.default.createElement(react_router_dom_1.Redirect, { to: '/' });
-            }
-            return react_1.default.createElement(WrappedComponent, __assign({}, rest));
-        };
-        return ActivityRequiredComponent;
-    }(react_1.Component));
-};
-exports.configureActivityRequiredComponent = configureActivityRequiredComponent;
-/**
- * Return `mapStateToProps` function. Add a `hasAccess` boolean property to the component's props
- * checking whether the user has the passed `requiredActivity`
- *
- * @param {function} accessPredicate A predicate accepting a required activity and an optional entity and/or
- * 		userInfo object
- * @param {string} requiredActivity The required activity which is passed to the predicate for evaluation
- * @param {string} modelsProperty The property used to locate the entity or entities needed for entity-level
- * activity grants
- */
-var configureMapStateToProps = function (accessPredicate, requiredActivity, modelsProperty) { return function (state, ownProps) {
-    return {
-        hasAccess: accessPredicate(requiredActivity, baseActivity_1.defaultOptions(state, ownProps, modelsProperty))
-    };
-}; };
-exports.configureMapStateToProps = configureMapStateToProps;
-function activityRequiredComponent(WrappedComponent, accessPredicate, requiredActivity, modelsProperty) {
-    var ActivityRequiredComponent = exports.configureActivityRequiredComponent(WrappedComponent);
-    var mapStateToProps = exports.configureMapStateToProps(accessPredicate, requiredActivity, modelsProperty);
-    // @ts-ignore: could not match inferred type from the `connect` HOC
-    return react_redux_1.connect(mapStateToProps)(ActivityRequiredComponent);
-}
-exports.default = activityRequiredComponent;
+"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) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureMapStateToProps = exports.configureActivityRequiredComponent = void 0;
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var react_router_dom_1 = require("react-router-dom");
+var baseActivity_1 = require("../../utils/baseActivity");
+var configureActivityRequiredComponent = function (WrappedComponent) {
+    return /** @class */ (function (_super) {
+        __extends(ActivityRequiredComponent, _super);
+        function ActivityRequiredComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        ActivityRequiredComponent.prototype.render = function () {
+            var _a = this.props, hasAccess = _a.hasAccess, rest = __rest(_a, ["hasAccess"]);
+            if (!this.props.hasAccess) {
+                return react_1.default.createElement(react_router_dom_1.Redirect, { to: '/' });
+            }
+            return react_1.default.createElement(WrappedComponent, __assign({}, rest));
+        };
+        return ActivityRequiredComponent;
+    }(react_1.Component));
+};
+exports.configureActivityRequiredComponent = configureActivityRequiredComponent;
+/**
+ * Return `mapStateToProps` function. Add a `hasAccess` boolean property to the component's props
+ * checking whether the user has the passed `requiredActivity`
+ *
+ * @param {function} accessPredicate A predicate accepting a required activity and an optional entity and/or
+ * 		userInfo object
+ * @param {string} requiredActivity The required activity which is passed to the predicate for evaluation
+ * @param {string} modelsProperty The property used to locate the entity or entities needed for entity-level
+ * activity grants
+ */
+var configureMapStateToProps = function (accessPredicate, requiredActivity, modelsProperty) { return function (state, ownProps) {
+    return {
+        hasAccess: accessPredicate(requiredActivity, baseActivity_1.defaultOptions(state, ownProps, modelsProperty))
+    };
+}; };
+exports.configureMapStateToProps = configureMapStateToProps;
+function activityRequiredComponent(WrappedComponent, accessPredicate, requiredActivity, modelsProperty) {
+    var ActivityRequiredComponent = exports.configureActivityRequiredComponent(WrappedComponent);
+    var mapStateToProps = exports.configureMapStateToProps(accessPredicate, requiredActivity, modelsProperty);
+    // @ts-ignore: could not match inferred type from the `connect` HOC
+    return react_redux_1.connect(mapStateToProps)(ActivityRequiredComponent);
+}
+exports.default = activityRequiredComponent;

package/lib/components/HOC/AsyncComponent.d.ts

@@ -1,37 +1,37 @@
-import React, { ComponentType } from 'react';
-interface AsyncComponentState<TOwnProps extends {}> {
-    component: ComponentType<TOwnProps> | undefined;
-}
-export declare type AsyncWrappedComponent<TOwnProps extends {}> = () => Promise<{
-    default: ComponentType<TOwnProps>;
-}>;
-export default function asyncComponent<TOwnProps extends {}>(importComponent: AsyncWrappedComponent<TOwnProps>, showLoader?: boolean): {
-    new (props: TOwnProps): {
-        _isMounted: boolean;
-        componentDidMount(): Promise<void>;
-        componentWillUnmount(): void;
-        render(): JSX.Element | null;
-        context: any;
-        setState<K extends "component">(state: AsyncComponentState<TOwnProps> | ((prevState: Readonly<AsyncComponentState<TOwnProps>>, props: Readonly<TOwnProps>) => AsyncComponentState<TOwnProps> | Pick<AsyncComponentState<TOwnProps>, K> | null) | Pick<AsyncComponentState<TOwnProps>, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<TOwnProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<AsyncComponentState<TOwnProps>>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<TOwnProps>, nextState: Readonly<AsyncComponentState<TOwnProps>>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps>, prevState: Readonly<AsyncComponentState<TOwnProps>>): any;
-        componentDidUpdate?(prevProps: Readonly<TOwnProps>, prevState: Readonly<AsyncComponentState<TOwnProps>>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<TOwnProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<TOwnProps>, nextState: Readonly<AsyncComponentState<TOwnProps>>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps>, nextState: Readonly<AsyncComponentState<TOwnProps>>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export {};
+import React, { ComponentType } from 'react';
+interface AsyncComponentState<TOwnProps extends {}> {
+    component: ComponentType<TOwnProps> | undefined;
+}
+export declare type AsyncWrappedComponent<TOwnProps extends {}> = () => Promise<{
+    default: ComponentType<TOwnProps>;
+}>;
+export default function asyncComponent<TOwnProps extends {}>(importComponent: AsyncWrappedComponent<TOwnProps>, showLoader?: boolean): {
+    new (props: TOwnProps): {
+        _isMounted: boolean;
+        componentDidMount(): Promise<void>;
+        componentWillUnmount(): void;
+        render(): JSX.Element | null;
+        context: any;
+        setState<K extends "component">(state: AsyncComponentState<TOwnProps> | ((prevState: Readonly<AsyncComponentState<TOwnProps>>, props: Readonly<TOwnProps>) => AsyncComponentState<TOwnProps> | Pick<AsyncComponentState<TOwnProps>, K> | null) | Pick<AsyncComponentState<TOwnProps>, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<TOwnProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<AsyncComponentState<TOwnProps>>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<TOwnProps>, nextState: Readonly<AsyncComponentState<TOwnProps>>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps>, prevState: Readonly<AsyncComponentState<TOwnProps>>): any;
+        componentDidUpdate?(prevProps: Readonly<TOwnProps>, prevState: Readonly<AsyncComponentState<TOwnProps>>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TOwnProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TOwnProps>, nextState: Readonly<AsyncComponentState<TOwnProps>>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps>, nextState: Readonly<AsyncComponentState<TOwnProps>>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export {};

package/lib/components/HOC/AsyncComponent.js

@@ -1,136 +1,136 @@
-"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) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var ErrorBoundary_1 = __importDefault(require("../ErrorBoundary"));
-var Loading_1 = __importDefault(require("../Loading"));
-function asyncComponent(importComponent, showLoader) {
-    if (showLoader === void 0) { showLoader = true; }
-    return /** @class */ (function (_super) {
-        __extends(AsyncComponent, _super);
-        function AsyncComponent(props) {
-            var _this = _super.call(this, props) || this;
-            // tslint:disable-next-line: variable-name
-            _this._isMounted = false;
-            _this.state = {
-                component: undefined
-            };
-            return _this;
-        }
-        AsyncComponent.prototype.componentDidMount = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var component;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            this._isMounted = true;
-                            return [4 /*yield*/, importComponent()
-                                // component may have unmounted while awaiting importComponent()
-                            ];
-                        case 1:
-                            component = (_a.sent()).default;
-                            // component may have unmounted while awaiting importComponent()
-                            if (this._isMounted) {
-                                this.setState({ component: component });
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        AsyncComponent.prototype.componentWillUnmount = function () {
-            this._isMounted = false;
-        };
-        AsyncComponent.prototype.render = function () {
-            var ImportedComponent = this.state.component;
-            if (!ImportedComponent) {
-                return showLoader ? react_1.default.createElement(Loading_1.default, null) : null;
-            }
-            return (react_1.default.createElement(ErrorBoundary_1.default, null,
-                react_1.default.createElement(ImportedComponent, __assign({}, this.props))));
-        };
-        return AsyncComponent;
-    }(react_1.Component));
-}
-exports.default = asyncComponent;
+"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) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ErrorBoundary_1 = __importDefault(require("../ErrorBoundary"));
+var Loading_1 = __importDefault(require("../Loading"));
+function asyncComponent(importComponent, showLoader) {
+    if (showLoader === void 0) { showLoader = true; }
+    return /** @class */ (function (_super) {
+        __extends(AsyncComponent, _super);
+        function AsyncComponent(props) {
+            var _this = _super.call(this, props) || this;
+            // tslint:disable-next-line: variable-name
+            _this._isMounted = false;
+            _this.state = {
+                component: undefined
+            };
+            return _this;
+        }
+        AsyncComponent.prototype.componentDidMount = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var component;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this._isMounted = true;
+                            return [4 /*yield*/, importComponent()
+                                // component may have unmounted while awaiting importComponent()
+                            ];
+                        case 1:
+                            component = (_a.sent()).default;
+                            // component may have unmounted while awaiting importComponent()
+                            if (this._isMounted) {
+                                this.setState({ component: component });
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        AsyncComponent.prototype.componentWillUnmount = function () {
+            this._isMounted = false;
+        };
+        AsyncComponent.prototype.render = function () {
+            var ImportedComponent = this.state.component;
+            if (!ImportedComponent) {
+                return showLoader ? react_1.default.createElement(Loading_1.default, null) : null;
+            }
+            return (react_1.default.createElement(ErrorBoundary_1.default, null,
+                react_1.default.createElement(ImportedComponent, __assign({}, this.props))));
+        };
+        return AsyncComponent;
+    }(react_1.Component));
+}
+exports.default = asyncComponent;

package/lib/components/HOC/AuthenticatedComponent.d.ts

@@ -1,10 +1,10 @@
-import React, { ComponentClass, ComponentType } from 'react';
-import { RouteComponentProps } from 'react-router-dom';
-import { AuthState } from 'studiokit-auth-js';
-import { BaseReduxState } from '../../types';
-export declare type AuthenticatedComponentStateProps = Pick<AuthState, 'isAuthenticating' | 'isAuthenticated'>;
-export interface AuthenticatedComponentProps extends AuthenticatedComponentStateProps, RouteComponentProps {
-}
-export declare const configureAuthenticatedComponent: <TOwnProps extends {}>(WrappedComponent: React.ComponentType<TOwnProps>) => React.ComponentType<TOwnProps & AuthenticatedComponentProps>;
-export declare const configureMapStateToProps: () => (state: BaseReduxState) => AuthenticatedComponentStateProps;
-export default function authenticatedComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps>): ComponentClass<TOwnProps>;
+import React, { ComponentClass, ComponentType } from 'react';
+import { RouteComponentProps } from 'react-router-dom';
+import { AuthState } from 'studiokit-auth-js';
+import { BaseReduxState } from '../../types';
+export declare type AuthenticatedComponentStateProps = Pick<AuthState, 'isAuthenticating' | 'isAuthenticated'>;
+export interface AuthenticatedComponentProps extends AuthenticatedComponentStateProps, RouteComponentProps {
+}
+export declare const configureAuthenticatedComponent: <TOwnProps extends {}>(WrappedComponent: React.ComponentType<TOwnProps>) => React.ComponentType<TOwnProps & AuthenticatedComponentProps>;
+export declare const configureMapStateToProps: () => (state: BaseReduxState) => AuthenticatedComponentStateProps;
+export default function authenticatedComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps>): ComponentClass<TOwnProps>;