studiokit-scaffolding-js 7.0.12-next.1.5 → 7.0.12-next.1.7

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2019 Purdue Informatics / StudioKit
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2019 Purdue Informatics / StudioKit
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,137 +1,137 @@
-# studiokit-scaffolding-js
-
-**studiokit-scaffolding-js** provides a common scaffolding for react apps.
-
-1. [Installation](#installation)
-1. [Usage](#usage)
-1. [Development](#development)
-
-# Installation
-
-## Install this library and call startup methods
-1. `yarn add studiokit-scaffolding-js`
-1. (Optional) Call configurable extensions in your main entry file
-	* `redux/sagas/rootSaga`
-		* `setOtherDependentSagas` to add more sagas
-	* `redux/sagas/postLoginDataSaga`
-		* `setOnPostLogin` to load more data after login
-	* `redux/configureReducers`
-		* `updatePersistBlacklist` and `setOtherReducers` to add more reducers
-1. In your main entry file call `startup`
-	```js
-	import { startup, endpointMappings } from 'studiokit-scaffolding-js'
-
-	const appConfig = {/* AppConfiguration */}
-	const endpointMappings = {...endpointMappings, .../* App EndpointMappings */}
-	const { history, store, persistor } = startup(appConfig, endpointMappings)
-
-	// render using history, store, persistor
-	ReactDOM.render(
-		...
-	)
-	```
-## Styles
-
-### Basic Setup
-
-In your project’s startup `index.tsx` file, import the scaffolding styles as follows
-
-```ts
-...third party css...
-
-import 'studiokit-scaffolding-js/lib/css/index-with-variables.css'
-
-...project specific css...
-```
-
-In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
-
-```js
-importFrom: [
-	'node_modules/studiokit-scaffolding-js/lib/css/variables.css'
-]
-```
-### Variable Override Setup
-
-In order to override certain color variables from `variables.css`, they must be overridden _before_ scaffolding’s `index.css` file is imported.
-
-In your project’s startup `index.tsx` file, import the scaffolding styles as follows
-
-```ts
-...third party css...
-
-import 'studiokit-scaffolding-js/lib/css/variables.css'
-import './css/variables.css'
-import 'studiokit-scaffolding-js/lib/css/index.css'
-import './css/index.css'
-```
-
-In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
-
-```js
-importFrom: [
-	'node_modules/studiokit-scaffolding-js/lib/css/variables.css',
-	'src/css/variables.css'
-]
-```
-
-# Usage
-
-## Components and Utils
-
-Components and utils can be imported from `studiokit-scaffolding-js/lib/...`
-
-# Development
-
-## Branches
-
-1. Create a new branch
-	* **Feature/Issue**: In GitLab from an issue, create a branch off of `develop`
-	* **Hotfix**: Create a `hotfix` branch off of `master` (manually or in GitLab by making an MR)
-1. Update the version number
-	* **Feature/Issue**
-		* append `-next.1.1`
-		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.0-next.1.1`
-	* **Hotfix**
-		* increase the version number and append `-alpha.1`
-		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.1-alpha.1` for hotfix
-	* **NOTE:** if **more than one** branch is being developed on at the same time, simply increment the **first** number after "next"
-		* e.g. `1.0.0-next.2.1` for the second issue branch (this won't apply for hotfixes)
-1. Development Loop
-	1. Add/update new components, utils, or styles
-	1. Add/update unit tests for those components or utils to confirm basic functionality
-	1. Increment the **last** number in the version
-		* e.g. `1.0.0-next.2.1` => `1.0.0-next.2.2` for a feature/issue branch
-		* e.g. `1.0.1-alpha.1` => `1.0.1-alpha.2` for a hotfix branch
-	1. Push to gitlab. Azure DevOps will run a pipeline and publish this version to npmjs.org
-	1. Install the new version in the project(s) you are working on by updating its `package.json` and running `yarn`
-		  * As an alternative to the two steps above, if you don't need to make changes available to other devs yet you can:
-		    1. In the studiokit directory, run `yarn build` then `yarn pack`. You'll still need to have incremented the version number to avoid having it cached.
-			1. Over in the Circuit/Variate/etc. directory, run `yarn add ../studiokit-scaffolding-js/package.tgz`. 
-	1. Repeat as needed
-1. Merging
-	* After the Merge Request is approved, **remove** the "next" or "alpha" suffix from the version **before** merging to develop or master
-	* For **hotfix** branches, the version number should be the new patch number, e.g. `1.0.1`
-1. Release
-	* **Feature/Issue**: After merging, create a new "release" branch from `develop` and follow the "git flow" release steps as normal
-	* **Hotfix**: Finish the "git flow" hotfix steps as normal from the hotfix branch
-	* Azure DevOps will run a pipeline to publish the version merged to `master` to npmjs.org
-
-## Styles
-
-Styles are organized into the following folders and files inside of `src/css`
-
-1. `variables.css`
-	* Global constant variables
-	* Common app-specific variables
-1. `utils`
-	* Assorted utility styles, similar to tachyons
-	* Break out similar styles into separate files once a few similar ones exist
-		* e.g. `_display.css` contains all `display: ...;` related modifier styles
-1. `base`
-	* `_base.css`: Generic tags, .skip-main link, and .main-content
-	* `_typography.css`: Default fonts, font scale, and text colors
-1. `components`
-	* Global component specific styles (e.g. not functional like tachyons)
-
-Your project’s css folders and files should follow this same pattern.
+# studiokit-scaffolding-js
+
+**studiokit-scaffolding-js** provides a common scaffolding for react apps.
+
+1. [Installation](#installation)
+1. [Usage](#usage)
+1. [Development](#development)
+
+# Installation
+
+## Install this library and call startup methods
+1. `yarn add studiokit-scaffolding-js`
+1. (Optional) Call configurable extensions in your main entry file
+	* `redux/sagas/rootSaga`
+		* `setOtherDependentSagas` to add more sagas
+	* `redux/sagas/postLoginDataSaga`
+		* `setOnPostLogin` to load more data after login
+	* `redux/configureReducers`
+		* `updatePersistBlacklist` and `setOtherReducers` to add more reducers
+1. In your main entry file call `startup`
+	```js
+	import { startup, endpointMappings } from 'studiokit-scaffolding-js'
+
+	const appConfig = {/* AppConfiguration */}
+	const endpointMappings = {...endpointMappings, .../* App EndpointMappings */}
+	const { history, store, persistor } = startup(appConfig, endpointMappings)
+
+	// render using history, store, persistor
+	ReactDOM.render(
+		...
+	)
+	```
+## Styles
+
+### Basic Setup
+
+In your project’s startup `index.tsx` file, import the scaffolding styles as follows
+
+```ts
+...third party css...
+
+import 'studiokit-scaffolding-js/lib/css/index-with-variables.css'
+
+...project specific css...
+```
+
+In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
+
+```js
+importFrom: [
+	'node_modules/studiokit-scaffolding-js/lib/css/variables.css'
+]
+```
+### Variable Override Setup
+
+In order to override certain color variables from `variables.css`, they must be overridden _before_ scaffolding’s `index.css` file is imported.
+
+In your project’s startup `index.tsx` file, import the scaffolding styles as follows
+
+```ts
+...third party css...
+
+import 'studiokit-scaffolding-js/lib/css/variables.css'
+import './css/variables.css'
+import 'studiokit-scaffolding-js/lib/css/index.css'
+import './css/index.css'
+```
+
+In `config-overrides.js` when setting up `react-app-require-postcss`, in order for css variables to work, the `importFrom` array should look like the following:
+
+```js
+importFrom: [
+	'node_modules/studiokit-scaffolding-js/lib/css/variables.css',
+	'src/css/variables.css'
+]
+```
+
+# Usage
+
+## Components and Utils
+
+Components and utils can be imported from `studiokit-scaffolding-js/lib/...`
+
+# Development
+
+## Branches
+
+1. Create a new branch
+	* **Feature/Issue**: In GitLab from an issue, create a branch off of `develop`
+	* **Hotfix**: Create a `hotfix` branch off of `master` (manually or in GitLab by making an MR)
+1. Update the version number
+	* **Feature/Issue**
+		* append `-next.1.1`
+		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.0-next.1.1`
+	* **Hotfix**
+		* increase the version number and append `-alpha.1`
+		* e.g. If the current version is `1.0.0`, the new branch should be `1.0.1-alpha.1` for hotfix
+	* **NOTE:** if **more than one** branch is being developed on at the same time, simply increment the **first** number after "next"
+		* e.g. `1.0.0-next.2.1` for the second issue branch (this won't apply for hotfixes)
+1. Development Loop
+	1. Add/update new components, utils, or styles
+	1. Add/update unit tests for those components or utils to confirm basic functionality
+	1. Increment the **last** number in the version
+		* e.g. `1.0.0-next.2.1` => `1.0.0-next.2.2` for a feature/issue branch
+		* e.g. `1.0.1-alpha.1` => `1.0.1-alpha.2` for a hotfix branch
+	1. Push to gitlab. Azure DevOps will run a pipeline and publish this version to npmjs.org
+	1. Install the new version in the project(s) you are working on by updating its `package.json` and running `yarn`
+		  * As an alternative to the two steps above, if you don't need to make changes available to other devs yet you can:
+		    1. In the studiokit directory, run `yarn build` then `yarn pack`. You'll still need to have incremented the version number to avoid having it cached.
+			1. Over in the Circuit/Variate/etc. directory, run `yarn add ../studiokit-scaffolding-js/package.tgz`. 
+	1. Repeat as needed
+1. Merging
+	* After the Merge Request is approved, **remove** the "next" or "alpha" suffix from the version **before** merging to develop or master
+	* For **hotfix** branches, the version number should be the new patch number, e.g. `1.0.1`
+1. Release
+	* **Feature/Issue**: After merging, create a new "release" branch from `develop` and follow the "git flow" release steps as normal
+	* **Hotfix**: Finish the "git flow" hotfix steps as normal from the hotfix branch
+	* Azure DevOps will run a pipeline to publish the version merged to `master` to npmjs.org
+
+## Styles
+
+Styles are organized into the following folders and files inside of `src/css`
+
+1. `variables.css`
+	* Global constant variables
+	* Common app-specific variables
+1. `utils`
+	* Assorted utility styles, similar to tachyons
+	* Break out similar styles into separate files once a few similar ones exist
+		* e.g. `_display.css` contains all `display: ...;` related modifier styles
+1. `base`
+	* `_base.css`: Generic tags, .skip-main link, and .main-content
+	* `_typography.css`: Default fonts, font scale, and text colors
+1. `components`
+	* Global component specific styles (e.g. not functional like tachyons)
+
+Your project’s css folders and files should follow this same pattern.

package/lib/components/ActionList.js

@@ -27,11 +27,7 @@ const ActionList = ({ actions = [], model = null, className, alwaysShowKebab })
     if (defaultAction) {
         allowedActions = allowedActions.filter(a => a !== defaultAction);
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: !!defaultAction && !!model && (actionCount > 1 || alwaysShowKebab) ? 'inline-flex' : 'di', children: [!!defaultAction && ((0, jsx_runtime_1.jsxs)(core_1.Button, { color: "primary", onClick: defaultAction.action, id: defaultAction.id, className: defaultAction.className || '', disabled: defaultAction.disabled, children: [defaultAction.icon, defaultAction.name] })), !!model && (actionCount > 1 || alwaysShowKebab) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(core_1.Button, { ref: anchorRef, onClick: event => {
-                            setInfoMenuAnchorElement(event.currentTarget);
-                        }, "aria-label": "Actions", "aria-haspopup": "true", "aria-controls": infoMenuAnchorElement ? `info-menu-${model.id}` : undefined, className: `action-list-text-button${defaultAction ? ' with-default-action' : ''}`, color: "primary", children: ["Actions", (0, jsx_runtime_1.jsx)(MoreVert_1.default, { color: "primary" })] }), (0, jsx_runtime_1.jsx)(core_1.IconButton, { ref: anchorRef, onClick: event => {
-                            setInfoMenuAnchorElement(event.currentTarget);
-                        }, "aria-label": "Actions", "aria-haspopup": "true", "aria-controls": infoMenuAnchorElement ? `info-menu-${model.id}` : undefined, className: `action-list-icon-button${defaultAction ? ' with-default-action' : ''}`, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, { color: "primary" }) }), (0, jsx_runtime_1.jsx)(core_1.Popper, { open: !!infoMenuAnchorElement, anchorEl: infoMenuAnchorElement, placement: "bottom-end", className: `z-1${className ? ` ${className}` : ''}`, transition: true, children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(core_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom-end' ? 'top right' : 'bottom right' }, children: (0, jsx_runtime_1.jsx)(core_1.Paper, { children: (0, jsx_runtime_1.jsx)(core_1.ClickAwayListener, { onClickAway: onActionItemClick(), children: (0, jsx_runtime_1.jsx)(core_1.MenuList, { id: `info-menu-${model.id}`, autoFocusItem: !!infoMenuAnchorElement, onKeyDown: handleListKeyDown, className: "action-list shadow-large", children: allowedActions.map((a, index) => a.predicate
+    return ((0, jsx_runtime_1.jsxs)("div", { className: !!defaultAction && !!model && (actionCount > 1 || alwaysShowKebab) ? 'inline-flex' : 'di', children: [!!defaultAction && ((0, jsx_runtime_1.jsxs)(core_1.Button, { color: "primary", onClick: defaultAction.action, id: defaultAction.id, className: defaultAction.className || '', disabled: defaultAction.disabled, children: [defaultAction.icon, defaultAction.name] })), !!model && (actionCount > 1 || alwaysShowKebab) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(core_1.Button, { ref: anchorRef, onClick: event => setInfoMenuAnchorElement(event.currentTarget), "aria-label": "Actions", "aria-haspopup": "true", "aria-controls": infoMenuAnchorElement ? `info-menu-${model.id}` : undefined, className: `action-list-text-button${defaultAction ? ' with-default-action' : ''}`, color: "primary", children: ["Actions", (0, jsx_runtime_1.jsx)(MoreVert_1.default, { color: "primary" })] }), (0, jsx_runtime_1.jsx)(core_1.IconButton, { ref: anchorRef, onClick: event => setInfoMenuAnchorElement(event.currentTarget), "aria-label": "Actions", "aria-haspopup": "true", "aria-controls": infoMenuAnchorElement ? `info-menu-${model.id}` : undefined, className: `action-list-icon-button${defaultAction ? ' with-default-action' : ''}`, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, { color: "primary" }) }), (0, jsx_runtime_1.jsx)(core_1.Popper, { open: !!infoMenuAnchorElement, anchorEl: infoMenuAnchorElement, placement: "bottom-end", className: `z-1${className ? ` ${className}` : ''}`, transition: true, children: ({ TransitionProps, placement }) => ((0, jsx_runtime_1.jsx)(core_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom-end' ? 'top right' : 'bottom right' }, children: (0, jsx_runtime_1.jsx)(core_1.Paper, { children: (0, jsx_runtime_1.jsx)(core_1.ClickAwayListener, { onClickAway: onActionItemClick(), children: (0, jsx_runtime_1.jsx)(core_1.MenuList, { id: `info-menu-${model.id}`, autoFocusItem: !!infoMenuAnchorElement, onKeyDown: handleListKeyDown, className: "action-list shadow-large", children: allowedActions.map((a, index) => a.predicate
                                             ? [
                                                 ...(index > 0 ? [(0, jsx_runtime_1.jsx)(core_1.Divider, {})] : []),
                                                 (0, jsx_runtime_1.jsxs)(core_1.MenuItem, { className: `action-list-menu mv1 pv2 ${a.className}`, onClick: onActionItemClick(a.action), color: "primary", disabled: a.disabled, children: [a.icon, a.name] }, a.id)

package/lib/components/Dropdowns/UserDropdown.js

@@ -20,8 +20,6 @@ const UserDropdown = (_a) => {
     var { userInfo, children } = _a, props = tslib_1.__rest(_a, ["userInfo", "children"]);
     const [guid] = (0, react_1.useState)((0, uuid_1.v4)());
     const dropdownTitle = userInfo.isImpersonated ? ((0, jsx_runtime_1.jsx)(UserDetail_1.ImpersonationUserDetail, Object.assign({ userInfo: userInfo }, props))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Hi, ", (0, user_1.displayFirstName)(userInfo)] }));
-    return ((0, jsx_runtime_1.jsxs)(ManagedNavDropdown_1.ManagedNavDropdown, { id: "user-menu", className: `user-menu${userInfo.isImpersonated ? ' user-menu-impersonated' : ''}`, title: dropdownTitle, children: [children, userInfo.isImpersonated && ((0, jsx_runtime_1.jsxs)(react_bootstrap_1.NavDropdown.Item, { onSelect: () => {
-                    (0, user_1.stopImpersonation)(guid);
-                }, children: [(0, jsx_runtime_1.jsx)(IconStopImpersonating_1.IconStopImpersonating, { className: "menu-icon" }), "Stop Impersonating"] })), (0, jsx_runtime_1.jsxs)(react_bootstrap_1.NavDropdown.Item, { onSelect: doLogOut, children: [(0, jsx_runtime_1.jsx)(Lock_1.default, { className: "menu-icon" }), "Log Out"] })] }));
+    return ((0, jsx_runtime_1.jsxs)(ManagedNavDropdown_1.ManagedNavDropdown, { id: "user-menu", className: `user-menu${userInfo.isImpersonated ? ' user-menu-impersonated' : ''}`, title: dropdownTitle, children: [children, userInfo.isImpersonated && ((0, jsx_runtime_1.jsxs)(react_bootstrap_1.NavDropdown.Item, { onSelect: () => (0, user_1.stopImpersonation)(guid), children: [(0, jsx_runtime_1.jsx)(IconStopImpersonating_1.IconStopImpersonating, { className: "menu-icon" }), "Stop Impersonating"] })), (0, jsx_runtime_1.jsxs)(react_bootstrap_1.NavDropdown.Item, { onSelect: doLogOut, children: [(0, jsx_runtime_1.jsx)(Lock_1.default, { className: "menu-icon" }), "Log Out"] })] }));
 };
 exports.UserDropdown = UserDropdown;

package/lib/components/Groups/CreateEditCopySaveButtons.js

@@ -6,10 +6,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = tslib_1.__importDefault(require("@material-ui/core/Button"));
 const CircularProgress_1 = tslib_1.__importDefault(require("@material-ui/core/CircularProgress"));
 const GroupCreateEditCopySaveButtons = ({ disabled, cannotSave, cannotSaveAndAddOwners, canAddInstructors, save, cancel }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [!!disabled && (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 30, className: "fr" }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: () => {
-                    save();
-                }, color: "primary", className: `fr btn-primary${disabled ? ' visually-hidden' : ''}`, disabled: cannotSave(), children: "Save" }), canAddInstructors && ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: () => {
-                    save(true);
-                }, color: "primary", className: `fr btn-primary mr1${disabled ? ' visually-hidden' : ''}`, disabled: cannotSaveAndAddOwners(), children: "Save and Add Instructors" })), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: cancel, color: "primary", className: `fr btn-text mr1${disabled ? ' visually-hidden' : ''}`, children: "Cancel" })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [!!disabled && (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: 30, className: "fr" }), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: () => save(), color: "primary", className: `fr btn-primary${disabled ? ' visually-hidden' : ''}`, disabled: cannotSave(), children: "Save" }), canAddInstructors && ((0, jsx_runtime_1.jsx)(Button_1.default, { onClick: () => save(true), color: "primary", className: `fr btn-primary mr1${disabled ? ' visually-hidden' : ''}`, disabled: cannotSaveAndAddOwners(), children: "Save and Add Instructors" })), (0, jsx_runtime_1.jsx)(Button_1.default, { onClick: cancel, color: "primary", className: `fr btn-text mr1${disabled ? ' visually-hidden' : ''}`, children: "Cancel" })] }));
 };
 exports.GroupCreateEditCopySaveButtons = GroupCreateEditCopySaveButtons;

package/lib/components/Groups/ExternalGroups/Attach.js

@@ -131,9 +131,7 @@ class ExternalGroupsAttach extends react_1.Component {
     }
     componentWillUnmount() {
         const { ownerSchedules } = this.state;
-        (0, lodash_1.forEach)(ownerSchedules, os => {
-            (0, noStoreSaga_1.unregisterNoStoreActionHook)(os.hookId);
-        });
+        (0, lodash_1.forEach)(ownerSchedules, os => (0, noStoreSaga_1.unregisterNoStoreActionHook)(os.hookId));
     }
     componentDidUpdate(prevProps) {
         const { externalTermId: prevExternalTermId, groupUserRoles: prevGroupUserRoles } = prevProps;

package/lib/components/Groups/RosterSyncInfo.js

@@ -13,12 +13,6 @@ const RosterSyncInfo = ({ hasLtiRosterSync }) => {
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
     const lmsName = (0, configuration_1.getAppConfig)().LMS_NAME;
     const title = `${hasLtiRosterSync ? `${lmsName} ` : ''}Roster Sync`;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Button_1.default, { color: "primary", className: "mb0 mr1-ns pv2 ph2 fr-ns btn-text", onClick: () => {
-                    setIsModalOpen(true);
-                }, children: [(0, jsx_runtime_1.jsx)(Highlight_1.default, { className: "v-mid mr1" }), (0, jsx_runtime_1.jsx)("span", { className: "mb0 b", children: title })] }), (0, jsx_runtime_1.jsxs)(ConnectedModal_1.default, { show: isModalOpen, onHide: () => {
-                    setIsModalOpen(false);
-                }, children: [(0, jsx_runtime_1.jsx)(react_bootstrap_1.Modal.Header, { closeButton: true, children: (0, jsx_runtime_1.jsx)(react_bootstrap_1.Modal.Title, { className: "f4", children: title }) }), (0, jsx_runtime_1.jsxs)(react_bootstrap_1.Modal.Body, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "When is the roster synced?" }), (0, jsx_runtime_1.jsxs)("p", { children: ["The roster is synced nightly throughout the duration of the course. People are added and removed automatically as the", ' ', hasLtiRosterSync ? `roster changes in ${lmsName}` : 'external roster changes', "."] })] }), (0, jsx_runtime_1.jsx)(react_bootstrap_1.Modal.Footer, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { color: "primary", className: "ma0 btn-primary", onClick: () => {
-                                setIsModalOpen(false);
-                            }, children: "Close" }) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Button_1.default, { color: "primary", className: "mb0 mr1-ns pv2 ph2 fr-ns btn-text", onClick: () => setIsModalOpen(true), children: [(0, jsx_runtime_1.jsx)(Highlight_1.default, { className: "v-mid mr1" }), (0, jsx_runtime_1.jsx)("span", { className: "mb0 b", children: title })] }), (0, jsx_runtime_1.jsxs)(ConnectedModal_1.default, { show: isModalOpen, onHide: () => setIsModalOpen(false), children: [(0, jsx_runtime_1.jsx)(react_bootstrap_1.Modal.Header, { closeButton: true, children: (0, jsx_runtime_1.jsx)(react_bootstrap_1.Modal.Title, { className: "f4", children: title }) }), (0, jsx_runtime_1.jsxs)(react_bootstrap_1.Modal.Body, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "When is the roster synced?" }), (0, jsx_runtime_1.jsxs)("p", { children: ["The roster is synced nightly throughout the duration of the course. People are added and removed automatically as the", ' ', hasLtiRosterSync ? `roster changes in ${lmsName}` : 'external roster changes', "."] })] }), (0, jsx_runtime_1.jsx)(react_bootstrap_1.Modal.Footer, { children: (0, jsx_runtime_1.jsx)(Button_1.default, { color: "primary", className: "ma0 btn-primary", onClick: () => setIsModalOpen(false), children: "Close" }) })] })] }));
 };
 exports.RosterSyncInfo = RosterSyncInfo;

package/lib/components/HOC/SearchPersistorComponent.js

@@ -162,9 +162,9 @@ const configureMapDispatchToProps = (key) => (dispatch) => {
     };
     const persistSearchDebounce = (search) => {
         if (searchDebounce) {
-            clearTimeout(searchDebounce);
+            window.clearTimeout(searchDebounce);
         }
-        searchDebounce = setTimeout(() => dispatchPersistSearch(search), 1000);
+        searchDebounce = window.setTimeout(() => dispatchPersistSearch(search), 1000);
     };
     return {
         persistSearch: persistSearchDebounce

package/lib/components/Impersonation/UserDetail.css

@@ -1,22 +1,22 @@
-.ImpersonationUserDetail {
-	display: inline-block;
-	text-align: center;
-
-	& > .ImpersonationUserDetail-IconWrapper {
-		display: block;
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		font-size: 0.7rem;
-		line-height: 1.5;
-		text-transform: uppercase;
-		border-radius: 0.25rem;
-		border-top-left-radius: 0;
-		border-top-right-radius: 0;
-	}
-
-	& svg {
-		font-size: 1rem;
-	}
-}
+.ImpersonationUserDetail {
+	display: inline-block;
+	text-align: center;
+
+	& > .ImpersonationUserDetail-IconWrapper {
+		display: block;
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		font-size: 0.7rem;
+		line-height: 1.5;
+		text-transform: uppercase;
+		border-radius: 0.25rem;
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+	}
+
+	& svg {
+		font-size: 1rem;
+	}
+}

package/lib/components/Notifications.d.ts

@@ -16,7 +16,7 @@ interface NotificationsState {
     isOpen: boolean;
 }
 export declare class Notifications extends Component<NotificationsProps, NotificationsState> {
-    afterCloseTimeout: NodeJS.Timeout | undefined;
+    afterCloseTimeout: number | undefined;
     constructor(props: NotificationsProps);
     componentDidMount(): void;
     componentDidUpdate(): void;

package/lib/components/Notifications.js

@@ -17,7 +17,7 @@ class Notifications extends react_1.Component {
         this.afterCloseTimeout = undefined;
         this.clearAfterCloseTimeout = () => {
             if (this.afterCloseTimeout) {
-                clearTimeout(this.afterCloseTimeout);
+                window.clearTimeout(this.afterCloseTimeout);
                 this.afterCloseTimeout = undefined;
             }
         };
@@ -60,7 +60,7 @@ class Notifications extends react_1.Component {
                 isOpen: false
             }, () => {
                 // wait until after Snackbar hide animation to clear the UI
-                this.afterCloseTimeout = setTimeout(() => {
+                this.afterCloseTimeout = window.setTimeout(() => {
                     this.removeNotification();
                     this.clearAfterCloseTimeout();
                     // removing the last notification, clear state

package/lib/components/Quill/ImageDropModule.js

@@ -54,7 +54,7 @@ class ImageDropModule {
             if (evt.clipboardData && evt.clipboardData.items && evt.clipboardData.items.length) {
                 this.readFiles(evt.clipboardData.items, base64DataUrl => {
                     // wait until after the default paste action finishes
-                    setTimeout(() => this.insert(base64DataUrl, alt), 50);
+                    window.setTimeout(() => this.insert(base64DataUrl, alt), 50);
                 });
             }
         };