studiokit-scaffolding-js 4.11.4 → 4.12.0-next.1.2

package/lib/components/ActionList.d.ts

@@ -1,5 +1,5 @@
 import { FunctionComponent } from 'react';
-import { Model } from 'studiokit-net-js';
+import { Model } from '../types';
 export interface ActionListProps {
     actions?: ListAction[];
     model: Model | null;

package/lib/components/Dropdowns/GroupsDropdown.d.ts

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
-import { ModelCollection } from 'studiokit-net-js';
-import { ExternalTerm, Group } from '../../types';
+import { ExternalTerm, Group, ModelCollection } from '../../types';
 interface Props {
     title: string;
     id: string;
@@ -14,5 +13,5 @@ declare class GroupsDropdown extends Component<Props> {
     renderGroupMenu: (groups: Group[]) => JSX.Element[] | null;
     render(): JSX.Element | null;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof GroupsDropdown, Pick<React.ClassAttributes<GroupsDropdown> & Props, "id" | "title" | "ref" | "key" | "anyRoleButLearner">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof GroupsDropdown, Pick<React.ClassAttributes<GroupsDropdown> & Props, "id" | "ref" | "title" | "key" | "anyRoleButLearner">>;
 export default _default;

package/lib/components/Dropdowns/GroupsDropdown.js

@@ -39,8 +39,8 @@ var react_1 = __importStar(require("react"));
 var react_bootstrap_1 = require("react-bootstrap");
 var react_redux_1 = require("react-redux");
 var react_router_bootstrap_1 = require("react-router-bootstrap");
-var studiokit_net_js_1 = require("studiokit-net-js");
 var actionCreator_1 = require("../../redux/actionCreator");
+var actions_1 = require("../../redux/actions");
 var date_1 = require("../../utils/date");
 var groupDates_1 = require("../../utils/groupDates");
 var groupRoles_1 = require("../../utils/groupRoles");
@@ -51,7 +51,7 @@ var GroupsDropdown = /** @class */ (function (_super) {
     function GroupsDropdown() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.loadGroups = function () {
-            actionCreator_1.dispatchAction(studiokit_net_js_1.NET_ACTION.DATA_REQUESTED, { modelName: 'groups' });
+            actionCreator_1.dispatchAction(actions_1.NET_ACTION.DATA_REQUESTED, { modelName: 'groups' });
         };
         _this.didToggle = function (isOpen) {
             if (isOpen) {

package/lib/components/Dropdowns/UserDropdown.js

@@ -48,15 +48,15 @@ exports.UserDropdown = void 0;
 var Lock_1 = __importDefault(require("@material-ui/icons/Lock"));
 var react_1 = __importStar(require("react"));
 var react_bootstrap_1 = require("react-bootstrap");
-var studiokit_auth_js_1 = require("studiokit-auth-js");
 var uuid_1 = require("uuid");
 var actionCreator_1 = require("../../redux/actionCreator");
+var actions_1 = require("../../redux/actions");
 var user_1 = require("../../utils/user");
 var IconStopImpersonating_1 = require("../Icons/IconStopImpersonating");
 var UserDetail_1 = require("../Impersonation/UserDetail");
 var ManagedNavDropdown_1 = __importDefault(require("./ManagedNavDropdown"));
 var doLogOut = function () {
-    actionCreator_1.dispatchAction(studiokit_auth_js_1.AUTH_ACTION.LOG_OUT_REQUESTED, {});
+    actionCreator_1.dispatchAction(actions_1.AUTH_ACTION.LOG_OUT_REQUESTED, {});
 };
 var UserDropdown = function (_a) {
     var userInfo = _a.userInfo, children = _a.children, props = __rest(_a, ["userInfo", "children"]);

package/lib/components/Groups/ExternalGroups/Attach.d.ts

@@ -1,7 +1,6 @@
 import { Dictionary } from 'lodash';
 import { Component } from 'react';
-import { ModelCollection } from 'studiokit-net-js';
-import { ExternalGroup, GroupUserRole, LtiLaunch, OwnerSchedule, UniTimeGroup, UserInfo } from '../../../types';
+import { ExternalGroup, GroupUserRole, LtiLaunch, ModelCollection, OwnerSchedule, UniTimeGroup, UserInfo } from '../../../types';
 export interface ExternalGroupsAttachProps {
     userInfo: UserInfo;
     canReadExternalGroups: boolean;

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

@@ -21,10 +21,11 @@ var lodash_1 = require("lodash");
 var react_1 = __importDefault(require("react"));
 var react_2 = require("react");
 var react_bootstrap_1 = require("react-bootstrap");
-var studiokit_net_js_1 = require("studiokit-net-js");
 var uuid_1 = require("uuid");
 var constants_1 = require("../../../constants");
 var actionCreator_1 = require("../../../redux/actionCreator");
+var actions_1 = require("../../../redux/actions");
+var noStoreSaga_1 = require("../../../redux/sagas/noStoreSaga");
 var model_1 = require("../../../utils/model");
 var shard_1 = require("../../../utils/shard");
 var user_1 = require("../../../utils/user");
@@ -86,8 +87,8 @@ var ExternalGroupsAttach = /** @class */ (function (_super) {
         };
         _this.getOwnerUniTimeGroups = function (ownerSchedule, userId, externalTermId) {
             if (shard_1.isPurdueShard() && ownerSchedule.status === constants_1.MODEL_STATUS.UNINITIALIZED && !ownerSchedule.externalGroups) {
-                studiokit_net_js_1.hooks.registerNoStoreActionHook(ownerSchedule.hookId, function (data) {
-                    studiokit_net_js_1.hooks.unregisterNoStoreActionHook(ownerSchedule.hookId);
+                noStoreSaga_1.registerNoStoreActionHook(ownerSchedule.hookId, function (data) {
+                    noStoreSaga_1.unregisterNoStoreActionHook(ownerSchedule.hookId);
                     if (data && data.errorData) {
                         _this.setState({ isShowingErrorAlert: true, isUniTimeScheduleLoadingDone: true });
                     }
@@ -95,7 +96,7 @@ var ExternalGroupsAttach = /** @class */ (function (_super) {
                         _this.setUserUniTimeGroups(userId, data.externalGroups);
                     }
                 });
-                actionCreator_1.dispatchAction(studiokit_net_js_1.NET_ACTION.DATA_REQUESTED, {
+                actionCreator_1.dispatchAction(actions_1.NET_ACTION.DATA_REQUESTED, {
                     modelName: 'uniTimeInstructorSchedule',
                     queryParams: {
                         externalTermId: externalTermId,
@@ -155,7 +156,7 @@ var ExternalGroupsAttach = /** @class */ (function (_super) {
     };
     ExternalGroupsAttach.prototype.componentWillUnmount = function () {
         var ownerSchedules = this.state.ownerSchedules;
-        lodash_1.forEach(ownerSchedules, function (os) { return studiokit_net_js_1.hooks.unregisterNoStoreActionHook(os.hookId); });
+        lodash_1.forEach(ownerSchedules, function (os) { return noStoreSaga_1.unregisterNoStoreActionHook(os.hookId); });
     };
     ExternalGroupsAttach.prototype.componentDidUpdate = function (prevProps) {
         var prevExternalTermId = prevProps.externalTermId, prevGroupUserRoles = prevProps.groupUserRoles;

package/lib/components/Groups/ExternalGroups/Table.d.ts

@@ -1,6 +1,5 @@
 import { FunctionComponent, TableHTMLAttributes } from 'react';
-import { ModelCollection } from 'studiokit-net-js';
-import { ExternalGroup, Group, GroupUserRole, LtiLaunch, UniTimeGroup } from '../../../types';
+import { ExternalGroup, Group, GroupUserRole, LtiLaunch, ModelCollection, UniTimeGroup } from '../../../types';
 export interface ExternalGroupsTableProps extends TableHTMLAttributes<Element> {
     group: Partial<Group>;
     externalGroups: Array<ExternalGroup | LtiLaunch | UniTimeGroup>;

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

@@ -1,6 +1,5 @@
 import React, { ComponentClass, ComponentType } from 'react';
-import { Model } from 'studiokit-net-js';
-import { BaseReduxState, OptionalRecord } from '../../types';
+import { BaseReduxState, Model, OptionalRecord } from '../../types';
 import { ActivityOptions } from '../../utils/baseActivity';
 export interface ActivityRequiredStateProps {
     hasAccess: boolean;

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

@@ -1,7 +1,6 @@
 import React, { ComponentClass, ComponentType } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
-import { AuthState } from 'studiokit-auth-js';
-import { BaseReduxState } from '../../types';
+import { AuthState, BaseReduxState } from '../../types';
 export declare type AuthenticatedComponentStateProps = Pick<AuthState, 'isAuthenticating' | 'isAuthenticated'>;
 export interface AuthenticatedComponentProps extends AuthenticatedComponentStateProps, RouteComponentProps {
 }

package/lib/components/HOC/AuthenticatedComponent.js

@@ -58,7 +58,7 @@ exports.configureMapStateToProps = exports.configureAuthenticatedComponent = voi
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var react_router_dom_1 = require("react-router-dom");
-var persistenceService_1 = __importStar(require("../../services/persistenceService"));
+var persistenceService_1 = require("../../services/persistenceService");
 var configureAuthenticatedComponent = function (WrappedComponent) {
     return /** @class */ (function (_super) {
         __extends(AuthenticatedComponent, _super);
@@ -71,9 +71,9 @@ var configureAuthenticatedComponent = function (WrappedComponent) {
         };
         AuthenticatedComponent.prototype.persistReturnUrlIfNeeded = function () {
             var pathname = this.props.location.pathname;
-            var returnUrl = persistenceService_1.default.getItem(persistenceService_1.returnUrlKey);
+            var returnUrl = persistenceService_1.persistenceService.getItem(persistenceService_1.returnUrlKey);
             if (!returnUrl) {
-                void persistenceService_1.default.setItem(persistenceService_1.returnUrlKey, pathname);
+                void persistenceService_1.persistenceService.setItem(persistenceService_1.returnUrlKey, pathname);
             }
         };
         AuthenticatedComponent.prototype.render = function () {

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

@@ -1,8 +1,7 @@
 import React, { ComponentClass, ComponentType } from 'react';
 import { RouteComponentProps } from 'react-router';
-import { Model } from 'studiokit-net-js';
-import MODEL_STATUS from '../../constants/modelStatus';
-import { BaseReduxState } from '../../types';
+import { MODEL_STATUS } from '../../constants/modelStatus';
+import { BaseReduxState, Model } from '../../types';
 import { CollectionCommonProps, CollectionCommonState, CollectionCreateParams, CollectionDeleteParams, CollectionLoadParams, CollectionMethodConfiguration, CollectionMethods, CollectionReduxResponse, CollectionUpdateParams } from '../../types/Collection';
 import { GuidComponentWrappedProps } from './GuidComponent';
 /** The props passed into `CollectionComponent` from the user and other HOCs. */
@@ -46,7 +45,7 @@ export declare function configureCollectionComponent<TModel extends Model, TOwnP
     };
     contextType?: React.Context<any> | undefined;
 };
-export declare const configureMapStateToProps: <TModel extends Model, TOwnProps extends Pick<CollectionComponentProps<TModel>, "match" | "guid" | "location" | "history" | "staticContext" | "modelName" | "pathParams" | "queryParams" | "disableAutoLoad">>(modelName: string) => (state: BaseReduxState, ownProps: TOwnProps & Partial<CollectionComponentProps<TModel>>) => import("../../types").CollectionSelectorMethodResponse<Model>;
+export declare const configureMapStateToProps: <TModel extends Model, TOwnProps extends Pick<CollectionComponentProps<TModel>, "match" | "queryParams" | "modelName" | "guid" | "location" | "history" | "staticContext" | "pathParams" | "disableAutoLoad">>(modelName: string) => (state: BaseReduxState, ownProps: TOwnProps & Partial<CollectionComponentProps<TModel>>) => import("../../types").CollectionSelectorMethodResponse<Model>;
 /**
  * HOC that provides "collection" related functionality, using redux `connect()`, react-router-dom `withRouter()`, and `GuidComponent`.
  *

package/lib/components/HOC/CollectionComponent.js

@@ -61,7 +61,7 @@ exports.configureMapStateToProps = exports.configureCollectionComponent = 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 = __importDefault(require("../../constants/modelStatus"));
+var modelStatus_1 = require("../../constants/modelStatus");
 var collection_1 = require("../../utils/collection");
 var model_1 = require("../../utils/model");
 var Loading_1 = __importDefault(require("../Loading"));
@@ -112,8 +112,8 @@ function configureCollectionComponent(WrappedComponent, LoaderComponent) {
             };
             _this.state = {
                 // initializing until model is loaded
-                modelStatus: modelStatus_1.default.UNINITIALIZED,
-                previousModelStatus: modelStatus_1.default.UNINITIALIZED,
+                modelStatus: modelStatus_1.MODEL_STATUS.UNINITIALIZED,
+                previousModelStatus: modelStatus_1.MODEL_STATUS.UNINITIALIZED,
                 fetchingId: undefined
             };
             return _this;
@@ -136,7 +136,7 @@ function configureCollectionComponent(WrappedComponent, LoaderComponent) {
         CollectionComponent.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, fetchingId = _b.fetchingId;
-            if (modelStatus === modelStatus_1.default.UNINITIALIZED) {
+            if (modelStatus === modelStatus_1.MODEL_STATUS.UNINITIALIZED) {
                 return react_1.default.createElement(LoaderComponent, null);
             }
             return (react_1.default.createElement(WrappedComponent, __assign({}, otherProps, { modelStatus: modelStatus, previousModelStatus: previousModelStatus, fetchingId: fetchingId, load: this.load, stopPeriodicLoad: this.stopPeriodicLoad, create: this.create, update: this.update, delete: this.delete })));

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

@@ -1,6 +1,5 @@
 import React, { ComponentClass, ComponentType } from 'react';
-import { Model } from 'studiokit-net-js';
-import { CollectionItemReduxResponse } from '../../types/Collection';
+import { CollectionItemReduxResponse, Model } from '../../types';
 import { CollectionComponentWrappedProps } from './CollectionComponent';
 /** The props passed into `WrappedComponent`. */
 export interface CollectionFirstItemComponentWrappedProps<TModel extends Model> extends Omit<CollectionComponentWrappedProps<TModel>, 'model'>, CollectionItemReduxResponse<TModel> {

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

@@ -1,9 +1,7 @@
 import React, { ComponentClass, ComponentType } from 'react';
 import { RouteComponentProps } from 'react-router';
-import { Model } from 'studiokit-net-js';
 import { MODEL_STATUS } from '../../constants/modelStatus';
-import { BaseReduxState } from '../../types';
-import { CollectionCommonProps, CollectionCommonState, CollectionCreateParams, CollectionItemDeleteParams, CollectionItemLoadParams, CollectionItemMethods, CollectionItemReduxResponse, CollectionItemUpdateParams, CollectionMethodConfiguration } from '../../types/Collection';
+import { BaseReduxState, CollectionCommonProps, CollectionCommonState, CollectionCreateParams, CollectionItemDeleteParams, CollectionItemLoadParams, CollectionItemMethods, CollectionItemReduxResponse, CollectionItemUpdateParams, CollectionMethodConfiguration, Model } from '../../types';
 import { GuidComponentWrappedProps } from './GuidComponent';
 /** The props passed into `CollectionItemComponent` from the user and other HOCs. */
 export interface CollectionItemComponentProps<TModel extends Model> extends CollectionCommonProps, GuidComponentWrappedProps, RouteComponentProps, CollectionItemReduxResponse<TModel> {
@@ -46,7 +44,7 @@ export declare function configureCollectionItemComponent<TModel extends Model, T
     };
     contextType?: React.Context<any> | undefined;
 };
-export declare const configureMapStateToProps: <TModel extends Model, TOwnProps extends Pick<CollectionItemComponentProps<TModel>, "match" | "guid" | "location" | "history" | "staticContext" | "modelName" | "pathParams" | "queryParams" | "disableAutoLoad">>(modelName: string) => (state: BaseReduxState, ownProps: TOwnProps) => import("../../types").CollectionSelectorMethodResponse<Model>;
+export declare const configureMapStateToProps: <TModel extends Model, TOwnProps extends Pick<CollectionItemComponentProps<TModel>, "match" | "queryParams" | "modelName" | "guid" | "location" | "history" | "staticContext" | "pathParams" | "disableAutoLoad">>(modelName: string) => (state: BaseReduxState, ownProps: TOwnProps) => import("../../types").CollectionSelectorMethodResponse<Model>;
 /**
  * HOC that provides "collection" related functionality for a single item in a collection, using redux `connect()`, react-router-dom `withRouter()`, and `GuidComponent`.
  *

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

@@ -1,6 +1,5 @@
 import { ComponentClass, ComponentType } from 'react';
-import { Model } from 'studiokit-net-js';
-import { BaseReduxState } from '../../types/BaseReduxState';
+import { BaseReduxState, Model } from '../../types';
 import { ActivityOptions } from '../../utils/baseActivity';
 import { ActivityRequiredStateProps } from './ActivityRequiredComponent';
 import { CollectionItemComponentWrappedProps } from './CollectionItemComponent';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ComponentType } from 'react';
 import { RouteComponentProps } from 'react-router';
-import { Model } from 'studiokit-net-js';
+import { Model } from '../../types';
 export interface ModelContextDependencyVerifyComponentProps {
     model: Model;
 }

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

@@ -1,5 +1,5 @@
 import React, { ComponentType } from 'react';
-import { Model } from 'studiokit-net-js';
+import { Model } from '../../types';
 import { CollectionComponentWrappedProps } from './CollectionComponent';
 import { CollectionItemComponentWrappedProps } from './CollectionItemComponent';
 /**

package/lib/components/HOC/ModelErrorRedirectComponent.js

@@ -42,13 +42,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
 var react_1 = __importStar(require("react"));
 var react_router_dom_1 = require("react-router-dom");
-var modelStatus_1 = __importDefault(require("../../constants/modelStatus"));
+var modelStatus_1 = require("../../constants/modelStatus");
 /**
  * This component exists as a child to CollectionItemComponent to
  * redirect the user to a 404/500 page if errors occur while fetching data.
@@ -69,14 +66,14 @@ function modelErrorRedirectComponent(WrappedComponent) {
         }
         ModelErrorRedirectComponent.prototype.render = function () {
             var _a = this.props, model = _a.model, modelStatus = _a.modelStatus, previousModelStatus = _a.previousModelStatus;
-            var notFoundRoute = previousModelStatus === modelStatus_1.default.UNINITIALIZED &&
-                modelStatus === modelStatus_1.default.ERROR &&
+            var notFoundRoute = previousModelStatus === modelStatus_1.MODEL_STATUS.UNINITIALIZED &&
+                modelStatus === modelStatus_1.MODEL_STATUS.ERROR &&
                 model._metadata &&
                 model._metadata.hasError &&
                 model._metadata.lastFetchErrorData &&
                 model._metadata.lastFetchErrorData.code === 404;
-            var errorRoute = previousModelStatus === modelStatus_1.default.UNINITIALIZED &&
-                modelStatus === modelStatus_1.default.ERROR &&
+            var errorRoute = previousModelStatus === modelStatus_1.MODEL_STATUS.UNINITIALIZED &&
+                modelStatus === modelStatus_1.MODEL_STATUS.ERROR &&
                 model._metadata &&
                 model._metadata.hasError &&
                 model._metadata.lastFetchErrorData &&

package/lib/components/Lti/CreateNonLtiGroupAlertDialog.d.ts

@@ -1,7 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { ModelCollection } from 'studiokit-net-js';
-import { BaseReduxState } from '../../types/BaseReduxState';
-import { ExternalProvider } from '../../types/External';
+import { BaseReduxState, ExternalProvider, ModelCollection } from '../../types';
 import { AlertDialogProps } from '../AlertDialog';
 export interface CreateNonLtiGroupAlertDialogReduxProps {
     externalProviders: ModelCollection<ExternalProvider>;

package/lib/components/Lti/CreateNonLtiGroupAlertDialog.js

@@ -29,19 +29,19 @@ exports.mapStateToProps = exports.CreateNonLtiGroupAlertDialog = void 0;
 var react_1 = __importDefault(require("react"));
 var react_redux_1 = require("react-redux");
 var constants_1 = require("../../constants");
-var externalProviderType_1 = __importDefault(require("../../constants/externalProviderType"));
+var externalProviderType_1 = require("../../constants/externalProviderType");
 var model_1 = require("../../utils/model");
 var AlertDialog_1 = __importDefault(require("../AlertDialog"));
 var CreateNonLtiGroupAlertDialog = function (_a) {
     var externalProviders = _a.externalProviders, externalHelpResourcePageUrl = _a.externalHelpResourcePageUrl, otherProps = __rest(_a, ["externalProviders", "externalHelpResourcePageUrl"]);
     var isLtiRosterSyncEnabled = model_1.getModelArray(externalProviders)
-        .filter(function (ep) { return ep.typename === externalProviderType_1.default.LTI; })
+        .filter(function (ep) { return ep.typename === externalProviderType_1.EXTERNAL_PROVIDER_TYPE.LTI; })
         .some(function (ep) { return ep.rosterSyncEnabled; });
     var isLtiGradePushEnabled = model_1.getModelArray(externalProviders)
-        .filter(function (ep) { return ep.typename === externalProviderType_1.default.LTI; })
+        .filter(function (ep) { return ep.typename === externalProviderType_1.EXTERNAL_PROVIDER_TYPE.LTI; })
         .some(function (ep) { return ep.gradePushEnabled; });
     var isNonLtiRosterSyncEnabled = model_1.getModelArray(externalProviders)
-        .filter(function (ep) { return ep.typename !== externalProviderType_1.default.LTI; })
+        .filter(function (ep) { return ep.typename !== externalProviderType_1.EXTERNAL_PROVIDER_TYPE.LTI; })
         .some(function (ep) { return ep.rosterSyncEnabled; });
     var config = constants_1.getAppConfig();
     return (react_1.default.createElement(AlertDialog_1.default, __assign({}, otherProps, { title: "Add a Course without " + config.LMS_NAME + " Integration", description: react_1.default.createElement(react_1.default.Fragment, null,

package/lib/components/Lti/Launch.js

@@ -27,7 +27,7 @@ var react_1 = __importStar(require("react"));
 var react_helmet_1 = __importDefault(require("react-helmet"));
 var react_router_1 = require("react-router");
 var Loading_1 = __importDefault(require("../../components/Loading"));
-var modelStatus_1 = __importDefault(require("../../constants/modelStatus"));
+var modelStatus_1 = require("../../constants/modelStatus");
 var useCollectionItem_1 = require("../../hooks/useCollectionItem");
 var lti_1 = require("../../utils/lti");
 var LaunchGroup_1 = require("./LaunchGroup");
@@ -44,8 +44,8 @@ var LtiLaunch = function (_a) {
     var isBasicLtiLaunch = lti_1.isBasicLaunch(ltiLaunch);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(react_helmet_1.default, { title: "LTI " + (isBasicLtiLaunch ? 'Launch' : 'Link') }),
-        ltiLaunchStatus !== modelStatus_1.default.READY && react_1.default.createElement(Loading_1.default, null),
-        ltiLaunchStatus === modelStatus_1.default.READY &&
+        ltiLaunchStatus !== modelStatus_1.MODEL_STATUS.READY && react_1.default.createElement(Loading_1.default, null),
+        ltiLaunchStatus === modelStatus_1.MODEL_STATUS.READY &&
             (isBasicLtiLaunch || !launchGroupId ? (react_1.default.createElement(LaunchGroup_1.LtiLaunchGroup, { ltiLaunch: ltiLaunch, setNewGroupId: !isBasicLtiLaunch ? setNewGroupId : undefined, GroupCreateOrEdit: GroupCreateOrEdit })) : (react_1.default.createElement(ChooseGradable, { ltiLaunch: ltiLaunch, groupId: launchGroupId })))));
 };
 exports.LtiLaunch = LtiLaunch;

package/lib/components/UserRoles/Add.js

@@ -43,13 +43,13 @@ var react_bootstrap_1 = require("react-bootstrap");
 var AlertDialog_1 = __importDefault(require("../../components/AlertDialog"));
 var Inline_1 = __importDefault(require("../../components/RefreshIndicator/Inline"));
 var Select_1 = require("../../components/UserRoles/Select");
-var baseRole_1 = __importDefault(require("../../constants/baseRole"));
+var baseRole_1 = require("../../constants/baseRole");
 var configuration_1 = require("../../constants/configuration");
 var domainIdentifier_1 = require("../../utils/domainIdentifier");
 var shard_1 = require("../../utils/shard");
 var string_1 = require("../../utils/string");
 var AlertWithIcon_1 = __importDefault(require("../AlertWithIcon"));
-var FERPA_ROLES = [baseRole_1.default.SUPER_ADMIN, baseRole_1.default.ADMIN, baseRole_1.default.GROUP_OWNER, baseRole_1.default.GROUP_GRADER];
+var FERPA_ROLES = [baseRole_1.BASE_ROLE.SUPER_ADMIN, baseRole_1.BASE_ROLE.ADMIN, baseRole_1.BASE_ROLE.GROUP_OWNER, baseRole_1.BASE_ROLE.GROUP_GRADER];
 var UserRolesAdd = /** @class */ (function (_super) {
     __extends(UserRolesAdd, _super);
     function UserRolesAdd(props) {

package/lib/components/UserRoles/index.d.ts

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
-import { FetchError, Model, ModelCollection } from 'studiokit-net-js';
-import { BaseReduxState, ExternalProvider, RoleDescriptions, UserRole, UserWithRoles } from '../../types';
+import { BaseReduxState, ExternalProvider, FetchError, Model, ModelCollection, RoleDescriptions, UserRole, UserWithRoles } from '../../types';
 import { CollectionComponentWrappedProps } from '../HOC/CollectionComponent';
 export interface UserRolesReduxProps {
     /** Is the current user allowed to add, update, and delete user roles? */
@@ -108,5 +107,5 @@ export declare class UserRoles extends Component<UserRolesProps, UserRolesState>
     render(): JSX.Element;
 }
 export declare const mapStateToProps: (state: BaseReduxState, ownProps: UserRolesOwnProps) => UserRolesReduxProps;
-declare const _default: import("react-redux").ConnectedComponent<typeof UserRoles, Pick<React.ClassAttributes<UserRoles> & UserRolesProps, "externalProviders" | "model" | "ref" | "key" | "readOnly" | "guid" | "load" | "modelName" | "pathParams" | "modelStatus" | "queryParams" | "disableAutoLoad" | "modelArray" | "stopPeriodicLoad" | "create" | "update" | "delete" | "previousModelStatus" | "fetchingId" | "textForRole" | "entityName" | "defaultRole" | "roleDescriptions" | "renderAddDescription" | "isUpdateDisabled" | "isDeleteDisabled" | "allowMultipleRoles" | "requiredRole" | "isAddDisabled" | "modifyUserRoleActivityName" | "deleteOwnUserRoleActivityName" | "addRoleExcludeList" | "entity" | "filterUsers" | "onAdd" | "onUpdate" | "onRemove" | "renderTableDescription" | "lowercaseTextForRole" | "singularArticleForRole"> & UserRolesOwnProps>;
+declare const _default: import("react-redux").ConnectedComponent<typeof UserRoles, Pick<React.ClassAttributes<UserRoles> & UserRolesProps, "ref" | "queryParams" | "modelName" | "externalProviders" | "model" | "key" | "readOnly" | "guid" | "load" | "pathParams" | "modelStatus" | "disableAutoLoad" | "modelArray" | "stopPeriodicLoad" | "create" | "update" | "delete" | "previousModelStatus" | "fetchingId" | "textForRole" | "entityName" | "defaultRole" | "roleDescriptions" | "renderAddDescription" | "isUpdateDisabled" | "isDeleteDisabled" | "allowMultipleRoles" | "requiredRole" | "isAddDisabled" | "modifyUserRoleActivityName" | "deleteOwnUserRoleActivityName" | "addRoleExcludeList" | "entity" | "filterUsers" | "onAdd" | "onUpdate" | "onRemove" | "renderTableDescription" | "lowercaseTextForRole" | "singularArticleForRole"> & UserRolesOwnProps>;
 export default _default;

package/lib/components/UserRoles/index.js

@@ -40,16 +40,17 @@ var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var react_bootstrap_1 = require("react-bootstrap");
 var react_redux_1 = require("react-redux");
-var studiokit_net_js_1 = require("studiokit-net-js");
-var fetchSaga_1 = require("studiokit-net-js/lib/fetchSaga");
 var uuid_1 = require("uuid");
 var AlertDialog_1 = __importDefault(require("../../components/AlertDialog"));
 var Loading_1 = __importDefault(require("../../components/Loading"));
 var Add_1 = __importDefault(require("../../components/UserRoles/Add"));
 var Table_1 = require("../../components/UserRoles/Table");
-var baseRole_1 = __importDefault(require("../../constants/baseRole"));
-var modelStatus_1 = __importDefault(require("../../constants/modelStatus"));
+var baseRole_1 = require("../../constants/baseRole");
+var modelStatus_1 = require("../../constants/modelStatus");
 var actionCreator_1 = require("../../redux/actionCreator");
+var actions_1 = require("../../redux/actions");
+var fetchSaga_1 = require("../../redux/sagas/fetchSaga");
+var noStoreSaga_1 = require("../../redux/sagas/noStoreSaga");
 var baseActivity_1 = require("../../utils/baseActivity");
 var baseRole_2 = require("../../utils/baseRole");
 var domainIdentifier_1 = require("../../utils/domainIdentifier");
@@ -123,12 +124,12 @@ var UserRoles = /** @class */ (function (_super) {
                 isAdding: true
             });
             var addUsersHookId = _this.state.addUsersHookId;
-            studiokit_net_js_1.hooks.registerNoStoreActionHook(addUsersHookId, function (data) {
-                studiokit_net_js_1.hooks.unregisterNoStoreActionHook(addUsersHookId);
+            noStoreSaga_1.noStoreHooks.registerNoStoreActionHook(addUsersHookId, function (data) {
+                noStoreSaga_1.noStoreHooks.unregisterNoStoreActionHook(addUsersHookId);
                 _this.didAdd(data);
             });
             var rootModelName = entityUserRole_1.getRootModelName(_this.props);
-            actionCreator_1.dispatchAction(studiokit_net_js_1.NET_ACTION.DATA_REQUESTED, {
+            actionCreator_1.dispatchAction(actions_1.NET_ACTION.DATA_REQUESTED, {
                 modelName: (rootModelName ? rootModelName + "." : '') + "addUserRoles",
                 pathParams: entity ? [entity.id] : undefined,
                 body: {
@@ -209,8 +210,8 @@ var UserRoles = /** @class */ (function (_super) {
                 // update redux with added userRoles
                 var updatedModel_1 = lodash_1.cloneDeep(model);
                 addedUserRoles.forEach(function (userRole) { return (updatedModel_1[userRole.id] = lodash_1.cloneDeep(userRole)); });
-                var prepareFetchResult = fetchSaga_1.prepareFetch({ type: studiokit_net_js_1.NET_ACTION.DATA_REQUESTED, modelName: modelName, pathParams: pathParams });
-                actionCreator_1.dispatchAction(studiokit_net_js_1.NET_ACTION.FETCH_RESULT_RECEIVED, {
+                var prepareFetchResult = fetchSaga_1.prepareFetch({ type: actions_1.NET_ACTION.DATA_REQUESTED, modelName: modelName, pathParams: pathParams });
+                actionCreator_1.dispatchAction(actions_1.NET_ACTION.FETCH_RESULT_RECEIVED, {
                     modelName: prepareFetchResult.modelName,
                     data: updatedModel_1
                 });
@@ -300,7 +301,7 @@ var UserRoles = /** @class */ (function (_super) {
             var externalGroupsToRemove = group === null || group === void 0 ? void 0 : group.externalGroups.filter(function (eg) { return eg.userId === userRoleToRemove.id; });
             if (!externalGroupsToRemove ||
                 externalGroupsToRemove.length === 0 ||
-                userRoleToRemove.role !== baseRole_1.default.GROUP_OWNER) {
+                userRoleToRemove.role !== baseRole_1.BASE_ROLE.GROUP_OWNER) {
                 return defaultWarning;
             }
             var externalGroupsToRemoveWithRosterSync = externalGroupsToRemove.filter(function (eg) { var _a; return (_a = externalProviders === null || externalProviders === void 0 ? void 0 : externalProviders[eg.externalProviderId]) === null || _a === void 0 ? void 0 : _a.rosterSyncEnabled; });
@@ -368,7 +369,7 @@ var UserRoles = /** @class */ (function (_super) {
     UserRoles.prototype.componentDidMount = function () {
         this.setStateFromProps(this.props);
         var addUsersHookId = this.state.addUsersHookId;
-        studiokit_net_js_1.hooks.unregisterNoStoreActionHook(addUsersHookId);
+        noStoreSaga_1.noStoreHooks.unregisterNoStoreActionHook(addUsersHookId);
     };
     UserRoles.prototype.componentDidUpdate = function (prevProps) {
         var prevModelArray = prevProps.modelArray, prevModelStatus = prevProps.modelStatus;
@@ -377,19 +378,19 @@ var UserRoles = /** @class */ (function (_super) {
             this.setStateFromProps(this.props);
         }
         // loading error
-        if ((prevModelStatus === modelStatus_1.default.UNINITIALIZED || prevModelStatus === modelStatus_1.default.LOADING) &&
-            modelStatus === modelStatus_1.default.ERROR) {
+        if ((prevModelStatus === modelStatus_1.MODEL_STATUS.UNINITIALIZED || prevModelStatus === modelStatus_1.MODEL_STATUS.LOADING) &&
+            modelStatus === modelStatus_1.MODEL_STATUS.ERROR) {
             this.setState({
                 failMessage: "Oops! There was an error loading" + (entityName ? " the people for your " + entityName : '') + ".\r\nPlease try again."
             });
         }
         // updating
-        if (prevModelStatus === modelStatus_1.default.UPDATING && modelStatus !== modelStatus_1.default.UPDATING) {
-            this.didUpdate(modelStatus === modelStatus_1.default.READY);
+        if (prevModelStatus === modelStatus_1.MODEL_STATUS.UPDATING && modelStatus !== modelStatus_1.MODEL_STATUS.UPDATING) {
+            this.didUpdate(modelStatus === modelStatus_1.MODEL_STATUS.READY);
         }
         // removing
-        if (prevModelStatus === modelStatus_1.default.DELETING && modelStatus !== modelStatus_1.default.DELETING) {
-            this.didRemove(modelStatus === modelStatus_1.default.READY);
+        if (prevModelStatus === modelStatus_1.MODEL_STATUS.DELETING && modelStatus !== modelStatus_1.MODEL_STATUS.DELETING) {
+            this.didRemove(modelStatus === modelStatus_1.MODEL_STATUS.READY);
         }
     };
     //#endregion Remove User
@@ -430,7 +431,7 @@ var UserRoles = /** @class */ (function (_super) {
             shouldRenderAsMutable && (react_1.default.createElement(Add_1.default, { id: "entityUserRolesAdd", disabled: isAddDisabled, entityName: entityName, defaultRole: defaultRole, roleDescriptions: addableRoleDescriptions, renderAddDescription: renderAddDescription, textForRole: this.textForRole, isAddingUsersToRole: isAdding, shouldReset: shouldResetAddForm, addUserRoles: this.addUserRoles })),
             !!renderTableDescription && renderTableDescription(shouldRenderAsMutable),
             react_1.default.createElement(react_bootstrap_1.Row, { className: "mt3" },
-                react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 }, modelStatus === modelStatus_1.default.LOADING ? (react_1.default.createElement(Loading_1.default, null)) : sortedUsers.length > 0 ? (react_1.default.createElement(Context_1.UserRolesContext.Provider, { value: {
+                react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 }, modelStatus === modelStatus_1.MODEL_STATUS.LOADING ? (react_1.default.createElement(Loading_1.default, null)) : sortedUsers.length > 0 ? (react_1.default.createElement(Context_1.UserRolesContext.Provider, { value: {
                         isUpdateDisabled: isUpdateDisabled || readOnly,
                         isDeleteDisabled: isDeleteDisabled || readOnly,
                         canModify: shouldRenderAsMutable,

package/lib/config/eslint/index.js

@@ -0,0 +1,21 @@
+module.exports = {
+	parser: 'babel-eslint',
+	parserOptions: {
+		ecmaVersion: 2018,
+		sourceType: 'module'
+	},
+	env: {
+		es6: true,
+		node: true,
+		browser: true,
+		jest: true
+	},
+	extends: ['eslint:recommended', './lib/order.js', 'prettier', './lib/prettier.js'],
+	plugins: ['import', 'prettier'],
+	overrides: [
+		{
+			files: ['**/*.ts?(x)'],
+			extends: ['./lib/typescript.js']
+		}
+	]
+}

package/lib/config/eslint/lib/order.js

@@ -0,0 +1,22 @@
+module.exports = {
+	rules: {
+		'import/order': [
+			'error',
+			{
+				groups: ['builtin', 'external', 'internal', 'parent', 'sibling', 'index'],
+				alphabetize: {
+					order: 'asc',
+					caseInsensitive: true
+				}
+			}
+		],
+		'sort-imports': [
+			'error',
+			{
+				ignoreCase: true,
+				ignoreDeclarationSort: true,
+				ignoreMemberSort: false
+			}
+		]
+	}
+}

package/lib/config/eslint/lib/prettier.js

@@ -0,0 +1,18 @@
+module.exports = {
+	rules: {
+		'prettier/prettier': [
+			'error',
+			{
+				trailingComma: 'none',
+				useTabs: true,
+				tabWidth: 4,
+				semi: false,
+				singleQuote: true,
+				printWidth: 120,
+				jsxBracketSameLine: true,
+				arrowParens: 'avoid',
+				endOfLine: 'auto'
+			}
+		]
+	}
+}