studiokit-scaffolding-js 4.3.21 → 4.3.22

package/lib/components/HOC/CollectionItemComponent.js

@@ -1,172 +1,172 @@
-"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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configureMapStateToProps = exports.configureCollectionItemComponent = void 0;
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var react_router_1 = require("react-router");
-var modelStatus_1 = require("../../constants/modelStatus");
-var collection_1 = require("../../utils/collection");
-var model_1 = require("../../utils/model");
-var Loading_1 = __importDefault(require("../Loading"));
-var GuidComponent_1 = __importDefault(require("./GuidComponent"));
-function configureCollectionItemComponent(WrappedComponent, LoaderComponent) {
-    if (LoaderComponent === void 0) { LoaderComponent = Loading_1.default; }
-    return /** @class */ (function (_super) {
-        __extends(CollectionItemComponent, _super);
-        function CollectionItemComponent(props) {
-            var _this = _super.call(this, props) || this;
-            _this.setModelStatus = function (newModelStatus) {
-                _this.setState(function (prevState) { return ({
-                    previousModelStatus: prevState.modelStatus,
-                    modelStatus: newModelStatus
-                }); });
-            };
-            _this.getCollectionMethodConfig = function () {
-                var _a = _this.props, guid = _a.guid, modelName = _a.modelName, pathParams = _a.pathParams, queryParams = _a.queryParams, disableAutoLoad = _a.disableAutoLoad;
-                var modelStatus = _this.state.modelStatus;
-                var collectionMethodConfig = {
-                    modelName: modelName,
-                    pathParams: pathParams,
-                    queryParams: queryParams,
-                    disableAutoLoad: disableAutoLoad,
-                    guid: guid,
-                    modelStatus: modelStatus,
-                    changeModelStatus: _this.setModelStatus
-                };
-                return collectionMethodConfig;
-            };
-            _this.load = function (params) {
-                if (params === void 0) { params = {}; }
-                collection_1.loadCollectionItem(_this.getCollectionMethodConfig(), params);
-            };
-            _this.stopPeriodicLoad = function (taskId) {
-                var modelName = _this.props.modelName;
-                collection_1.stopCollectionPeriodicLoad(modelName, taskId);
-            };
-            _this.create = function (params) {
-                var model = _this.props.model;
-                collection_1.createCollectionItem(model, _this.getCollectionMethodConfig(), params);
-            };
-            _this.update = function (params) {
-                var model = _this.props.model;
-                collection_1.updateCollectionItem(model, _this.getCollectionMethodConfig(), params);
-            };
-            _this.delete = function (params) {
-                if (params === void 0) { params = {}; }
-                var model = _this.props.model;
-                collection_1.deleteCollectionItem(model, _this.getCollectionMethodConfig(), params);
-            };
-            _this.state = {
-                // initializing until model is loaded, or if no model
-                modelStatus: modelStatus_1.MODEL_STATUS.UNINITIALIZED,
-                previousModelStatus: modelStatus_1.MODEL_STATUS.UNINITIALIZED
-            };
-            return _this;
-        }
-        CollectionItemComponent.prototype.componentDidMount = function () {
-            var model = this.props.model;
-            collection_1.initializeCollectionItem(model, this.load, this.getCollectionMethodConfig());
-        };
-        CollectionItemComponent.prototype.componentDidUpdate = function (prevProps) {
-            var prevModel = prevProps.model, prevPathParams = prevProps.pathParams, prevQueryParams = prevProps.queryParams;
-            var _a = this.props, modelName = _a.modelName, model = _a.model, pathParams = _a.pathParams, queryParams = _a.queryParams;
-            model_1.handleModelFetchFinish(model, prevModel, undefined, this.setModelStatus);
-            collection_1.handleCollectionItemParamsChange(modelName, pathParams, prevPathParams, queryParams, prevQueryParams, this.load);
-        };
-        CollectionItemComponent.prototype.render = function () {
-            var _a = this.props, history = _a.history, match = _a.match, location = _a.location, staticContext = _a.staticContext, otherProps = __rest(_a, ["history", "match", "location", "staticContext"]);
-            var _b = this.state, modelStatus = _b.modelStatus, previousModelStatus = _b.previousModelStatus;
-            if (modelStatus === modelStatus_1.MODEL_STATUS.UNINITIALIZED) {
-                return react_1.default.createElement(LoaderComponent, null);
-            }
-            return (react_1.default.createElement(WrappedComponent, __assign({}, otherProps, { model: this.props.model, modelMinusRelations: this.props.modelMinusRelations, modelStatus: modelStatus, previousModelStatus: previousModelStatus, load: this.load, stopPeriodicLoad: this.stopPeriodicLoad, create: this.create, update: this.update, delete: this.delete })));
-        };
-        return CollectionItemComponent;
-    }(react_1.Component));
-}
-exports.configureCollectionItemComponent = configureCollectionItemComponent;
-var configureMapStateToProps = function (modelName) { return function (state, ownProps) {
-    return collection_1.selectCollectionItemFromState({
-        guid: ownProps.guid,
-        modelName: ownProps.modelName || modelName,
-        pathParams: ownProps.pathParams,
-        routeMatchParams: ownProps.match.params,
-        state: state
-    });
-}; };
-exports.configureMapStateToProps = configureMapStateToProps;
-/**
- * HOC that provides "collection" related functionality for a single item in a collection, using redux `connect()`, react-router-dom `withRouter()`, and `GuidComponent`.
- *
- * @template T The type of model.
- *
- * @param WrappedComponent The component to wrap.
- * @param modelName The generic path (no Ids) to where the collection item is stored in redux.
- * A path relating to an item in defined in `constants/configuration/getEndpointMappings()` (levels separated by a '.').
- * Can override at render time, e.g. `<C modelName="otherModel" />`.
- * @param LoaderComponent Component to use as the Loader. Defaults to `<Loading />`.
- */
-function collectionItemComponent(WrappedComponent, modelName, LoaderComponent) {
-    var CollectionItemComponent = configureCollectionItemComponent(WrappedComponent, LoaderComponent);
-    var mapStateToProps = exports.configureMapStateToProps(modelName);
-    // @ts-ignore: could not match inferred type from the `connect` HOC
-    return react_router_1.withRouter(GuidComponent_1.default(react_redux_1.connect(mapStateToProps)(CollectionItemComponent)));
-}
-exports.default = collectionItemComponent;
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureMapStateToProps = exports.configureCollectionItemComponent = void 0;
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var react_router_1 = require("react-router");
+var modelStatus_1 = require("../../constants/modelStatus");
+var collection_1 = require("../../utils/collection");
+var model_1 = require("../../utils/model");
+var Loading_1 = __importDefault(require("../Loading"));
+var GuidComponent_1 = __importDefault(require("./GuidComponent"));
+function configureCollectionItemComponent(WrappedComponent, LoaderComponent) {
+    if (LoaderComponent === void 0) { LoaderComponent = Loading_1.default; }
+    return /** @class */ (function (_super) {
+        __extends(CollectionItemComponent, _super);
+        function CollectionItemComponent(props) {
+            var _this = _super.call(this, props) || this;
+            _this.setModelStatus = function (newModelStatus) {
+                _this.setState(function (prevState) { return ({
+                    previousModelStatus: prevState.modelStatus,
+                    modelStatus: newModelStatus
+                }); });
+            };
+            _this.getCollectionMethodConfig = function () {
+                var _a = _this.props, guid = _a.guid, modelName = _a.modelName, pathParams = _a.pathParams, queryParams = _a.queryParams, disableAutoLoad = _a.disableAutoLoad;
+                var modelStatus = _this.state.modelStatus;
+                var collectionMethodConfig = {
+                    modelName: modelName,
+                    pathParams: pathParams,
+                    queryParams: queryParams,
+                    disableAutoLoad: disableAutoLoad,
+                    guid: guid,
+                    modelStatus: modelStatus,
+                    changeModelStatus: _this.setModelStatus
+                };
+                return collectionMethodConfig;
+            };
+            _this.load = function (params) {
+                if (params === void 0) { params = {}; }
+                collection_1.loadCollectionItem(_this.getCollectionMethodConfig(), params);
+            };
+            _this.stopPeriodicLoad = function (taskId) {
+                var modelName = _this.props.modelName;
+                collection_1.stopCollectionPeriodicLoad(modelName, taskId);
+            };
+            _this.create = function (params) {
+                var model = _this.props.model;
+                collection_1.createCollectionItem(model, _this.getCollectionMethodConfig(), params);
+            };
+            _this.update = function (params) {
+                var model = _this.props.model;
+                collection_1.updateCollectionItem(model, _this.getCollectionMethodConfig(), params);
+            };
+            _this.delete = function (params) {
+                if (params === void 0) { params = {}; }
+                var model = _this.props.model;
+                collection_1.deleteCollectionItem(model, _this.getCollectionMethodConfig(), params);
+            };
+            _this.state = {
+                // initializing until model is loaded, or if no model
+                modelStatus: modelStatus_1.MODEL_STATUS.UNINITIALIZED,
+                previousModelStatus: modelStatus_1.MODEL_STATUS.UNINITIALIZED
+            };
+            return _this;
+        }
+        CollectionItemComponent.prototype.componentDidMount = function () {
+            var model = this.props.model;
+            collection_1.initializeCollectionItem(model, this.load, this.getCollectionMethodConfig());
+        };
+        CollectionItemComponent.prototype.componentDidUpdate = function (prevProps) {
+            var prevModel = prevProps.model, prevPathParams = prevProps.pathParams, prevQueryParams = prevProps.queryParams;
+            var _a = this.props, modelName = _a.modelName, model = _a.model, pathParams = _a.pathParams, queryParams = _a.queryParams;
+            model_1.handleModelFetchFinish(model, prevModel, undefined, this.setModelStatus);
+            collection_1.handleCollectionItemParamsChange(modelName, pathParams, prevPathParams, queryParams, prevQueryParams, this.load);
+        };
+        CollectionItemComponent.prototype.render = function () {
+            var _a = this.props, history = _a.history, match = _a.match, location = _a.location, staticContext = _a.staticContext, otherProps = __rest(_a, ["history", "match", "location", "staticContext"]);
+            var _b = this.state, modelStatus = _b.modelStatus, previousModelStatus = _b.previousModelStatus;
+            if (modelStatus === modelStatus_1.MODEL_STATUS.UNINITIALIZED) {
+                return react_1.default.createElement(LoaderComponent, null);
+            }
+            return (react_1.default.createElement(WrappedComponent, __assign({}, otherProps, { model: this.props.model, modelMinusRelations: this.props.modelMinusRelations, modelStatus: modelStatus, previousModelStatus: previousModelStatus, load: this.load, stopPeriodicLoad: this.stopPeriodicLoad, create: this.create, update: this.update, delete: this.delete })));
+        };
+        return CollectionItemComponent;
+    }(react_1.Component));
+}
+exports.configureCollectionItemComponent = configureCollectionItemComponent;
+var configureMapStateToProps = function (modelName) { return function (state, ownProps) {
+    return collection_1.selectCollectionItemFromState({
+        guid: ownProps.guid,
+        modelName: ownProps.modelName || modelName,
+        pathParams: ownProps.pathParams,
+        routeMatchParams: ownProps.match.params,
+        state: state
+    });
+}; };
+exports.configureMapStateToProps = configureMapStateToProps;
+/**
+ * HOC that provides "collection" related functionality for a single item in a collection, using redux `connect()`, react-router-dom `withRouter()`, and `GuidComponent`.
+ *
+ * @template T The type of model.
+ *
+ * @param WrappedComponent The component to wrap.
+ * @param modelName The generic path (no Ids) to where the collection item is stored in redux.
+ * A path relating to an item in defined in `constants/configuration/getEndpointMappings()` (levels separated by a '.').
+ * Can override at render time, e.g. `<C modelName="otherModel" />`.
+ * @param LoaderComponent Component to use as the Loader. Defaults to `<Loading />`.
+ */
+function collectionItemComponent(WrappedComponent, modelName, LoaderComponent) {
+    var CollectionItemComponent = configureCollectionItemComponent(WrappedComponent, LoaderComponent);
+    var mapStateToProps = exports.configureMapStateToProps(modelName);
+    // @ts-ignore: could not match inferred type from the `connect` HOC
+    return react_router_1.withRouter(GuidComponent_1.default(react_redux_1.connect(mapStateToProps)(CollectionItemComponent)));
+}
+exports.default = collectionItemComponent;

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

@@ -1,26 +1,26 @@
-import { ComponentClass, ComponentType } from 'react';
-import { GuidComponentWrappedProps } from '../HOC/GuidComponent';
-export interface ConnectedModalWrappedProps {
-    onEntering: () => void;
-    onExited: () => void;
-}
-export interface ConnectedModalState {
-    isModalOpen: boolean;
-}
-/**
- * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
- *
- * NOTE: Meant for testing. Should be wrapped in `guidComponent` to provide the `guid` prop normally.
- *
- * @param {*} WrappedComponent The component to wrap.
- */
-export declare function configureConnectedModalComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): ComponentClass<TOwnProps & GuidComponentWrappedProps>;
-/**
- * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
- *
- * Uses `guidComponent`.
- *
- * @param {*} WrappedComponent The component to wrap.
- */
-export declare function connectedModalComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): ComponentClass<TOwnProps>;
-export default connectedModalComponent;
+import { ComponentClass, ComponentType } from 'react';
+import { GuidComponentWrappedProps } from '../HOC/GuidComponent';
+export interface ConnectedModalWrappedProps {
+    onEntering: () => void;
+    onExited: () => void;
+}
+export interface ConnectedModalState {
+    isModalOpen: boolean;
+}
+/**
+ * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
+ *
+ * NOTE: Meant for testing. Should be wrapped in `guidComponent` to provide the `guid` prop normally.
+ *
+ * @param {*} WrappedComponent The component to wrap.
+ */
+export declare function configureConnectedModalComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): ComponentClass<TOwnProps & GuidComponentWrappedProps>;
+/**
+ * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
+ *
+ * Uses `guidComponent`.
+ *
+ * @param {*} WrappedComponent The component to wrap.
+ */
+export declare function connectedModalComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): ComponentClass<TOwnProps>;
+export default connectedModalComponent;

package/lib/components/HOC/ConnectedModalComponent.js

@@ -1,110 +1,110 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.connectedModalComponent = exports.configureConnectedModalComponent = void 0;
-var react_1 = __importStar(require("react"));
-var actionCreator_1 = require("../../redux/actionCreator");
-var actions_1 = require("../../redux/actions");
-var GuidComponent_1 = __importDefault(require("../HOC/GuidComponent"));
-/**
- * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
- *
- * NOTE: Meant for testing. Should be wrapped in `guidComponent` to provide the `guid` prop normally.
- *
- * @param {*} WrappedComponent The component to wrap.
- */
-function configureConnectedModalComponent(WrappedComponent) {
-    return /** @class */ (function (_super) {
-        __extends(ConnectedModalComponent, _super);
-        function ConnectedModalComponent(props) {
-            var _this = _super.call(this, props) || this;
-            _this.onEntering = function () {
-                var guid = _this.props.guid;
-                actionCreator_1.dispatchAction(actions_1.ACTION.MODAL_ENTERING, { guid: guid });
-                _this.setState({
-                    isModalOpen: true
-                });
-            };
-            _this.onExited = function () {
-                var guid = _this.props.guid;
-                var isModalOpen = _this.state.isModalOpen;
-                if (isModalOpen) {
-                    actionCreator_1.dispatchAction(actions_1.ACTION.MODAL_EXITED, { guid: guid });
-                }
-                _this.setState({
-                    isModalOpen: false
-                });
-            };
-            _this.state = {
-                isModalOpen: false
-            };
-            return _this;
-        }
-        ConnectedModalComponent.prototype.componentWillUnmount = function () {
-            this.onExited();
-        };
-        ConnectedModalComponent.prototype.render = function () {
-            return react_1.default.createElement(WrappedComponent, __assign({}, this.props, { onEntering: this.onEntering, onExited: this.onExited }));
-        };
-        return ConnectedModalComponent;
-    }(react_1.Component));
-}
-exports.configureConnectedModalComponent = configureConnectedModalComponent;
-/**
- * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
- *
- * Uses `guidComponent`.
- *
- * @param {*} WrappedComponent The component to wrap.
- */
-function connectedModalComponent(WrappedComponent) {
-    var component = configureConnectedModalComponent(WrappedComponent);
-    return GuidComponent_1.default(component);
-}
-exports.connectedModalComponent = connectedModalComponent;
-exports.default = connectedModalComponent;
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.connectedModalComponent = exports.configureConnectedModalComponent = void 0;
+var react_1 = __importStar(require("react"));
+var actionCreator_1 = require("../../redux/actionCreator");
+var actions_1 = require("../../redux/actions");
+var GuidComponent_1 = __importDefault(require("../HOC/GuidComponent"));
+/**
+ * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
+ *
+ * NOTE: Meant for testing. Should be wrapped in `guidComponent` to provide the `guid` prop normally.
+ *
+ * @param {*} WrappedComponent The component to wrap.
+ */
+function configureConnectedModalComponent(WrappedComponent) {
+    return /** @class */ (function (_super) {
+        __extends(ConnectedModalComponent, _super);
+        function ConnectedModalComponent(props) {
+            var _this = _super.call(this, props) || this;
+            _this.onEntering = function () {
+                var guid = _this.props.guid;
+                actionCreator_1.dispatchAction(actions_1.ACTION.MODAL_ENTERING, { guid: guid });
+                _this.setState({
+                    isModalOpen: true
+                });
+            };
+            _this.onExited = function () {
+                var guid = _this.props.guid;
+                var isModalOpen = _this.state.isModalOpen;
+                if (isModalOpen) {
+                    actionCreator_1.dispatchAction(actions_1.ACTION.MODAL_EXITED, { guid: guid });
+                }
+                _this.setState({
+                    isModalOpen: false
+                });
+            };
+            _this.state = {
+                isModalOpen: false
+            };
+            return _this;
+        }
+        ConnectedModalComponent.prototype.componentWillUnmount = function () {
+            this.onExited();
+        };
+        ConnectedModalComponent.prototype.render = function () {
+            return react_1.default.createElement(WrappedComponent, __assign({}, this.props, { onEntering: this.onEntering, onExited: this.onExited }));
+        };
+        return ConnectedModalComponent;
+    }(react_1.Component));
+}
+exports.configureConnectedModalComponent = configureConnectedModalComponent;
+/**
+ * HOC that provides modal lifecycle event methods to coordinate modal state in redux.
+ *
+ * Uses `guidComponent`.
+ *
+ * @param {*} WrappedComponent The component to wrap.
+ */
+function connectedModalComponent(WrappedComponent) {
+    var component = configureConnectedModalComponent(WrappedComponent);
+    return GuidComponent_1.default(component);
+}
+exports.connectedModalComponent = connectedModalComponent;
+exports.default = connectedModalComponent;