studiokit-scaffolding-js 5.2.0 → 6.0.0-next.1.1

package/lib/components/AlertDialog.d.ts

@@ -7,7 +7,7 @@ export interface AlertDialogProps {
     onProceed?: MouseEventHandler<HTMLElement>;
     proceedText?: string;
     /** onCancel is needed for closing using the X button, clicking the backdrop, or clicking the cancel button*/
-    onCancel: MouseEventHandler<HTMLElement>;
+    onCancel: () => void;
     cancelText?: string;
     hideCancel?: boolean;
     onDestroy?: MouseEventHandler<HTMLElement>;

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

@@ -10,8 +10,8 @@ interface Props {
 declare class GroupsDropdown extends Component<Props> {
     loadGroups: () => void;
     didToggle: (isOpen: boolean) => void;
-    renderGroupMenu: (groups: Group[]) => JSX.Element[] | null;
-    render(): JSX.Element | null;
+    renderGroupMenu: (groups: Group[]) => React.JSX.Element[] | null;
+    render(): React.JSX.Element | null;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof GroupsDropdown, Pick<React.ClassAttributes<GroupsDropdown> & Props, "id" | "ref" | "title" | "key" | "anyRoleButLearner">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof GroupsDropdown, Pick<React.ClassAttributes<GroupsDropdown> & Props, "ref" | "title" | "id" | "key" | "anyRoleButLearner">>;
 export default _default;

package/lib/components/Dropdowns/GroupsDropdown.js

@@ -37,7 +37,6 @@ var react_bootstrap_1 = require("react-bootstrap");
 var react_redux_1 = require("react-redux");
 var react_router_bootstrap_1 = require("react-router-bootstrap");
 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");
@@ -48,7 +47,7 @@ var GroupsDropdown = /** @class */ (function (_super) {
     function GroupsDropdown() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.loadGroups = function () {
-            actionCreator_1.dispatchAction(actions_1.NET_ACTION.DATA_REQUESTED, { modelName: 'groups' });
+            actionCreator_1.dispatchModelFetchRequest({ modelName: 'groups' });
         };
         _this.didToggle = function (isOpen) {
             if (isOpen) {

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { NavDropdownProps } from 'react-bootstrap';
 declare enum EVENT_SOURCE {
     MOUSE_ENTER = "mouseEnter",
@@ -27,6 +27,6 @@ export declare class ManagedNavDropdown extends Component<ManagedNavDropdownProp
     onMouseLeave: () => void;
     onToggle: (nextIsOpen: boolean, event: any, source: Record<string, unknown>) => void;
     didToggle: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/components/Dropdowns/UserDropdown.js

@@ -56,7 +56,7 @@ var IconStopImpersonating_1 = require("../Icons/IconStopImpersonating");
 var UserDetail_1 = require("../Impersonation/UserDetail");
 var ManagedNavDropdown_1 = require("./ManagedNavDropdown");
 var doLogOut = function () {
-    actionCreator_1.dispatchAction(actions_1.AUTH_ACTION.LOG_OUT_REQUESTED, {});
+    actionCreator_1.dispatchAction({ type: actions_1.AUTH_ACTION_TYPE.LOG_OUT_REQUESTED });
 };
 var UserDropdown = function (_a) {
     var userInfo = _a.userInfo, children = _a.children, props = __rest(_a, ["userInfo", "children"]);

package/lib/components/EntityOwnerList.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { User } from '../types/User';
 export interface EntityOwnerListProps {
     owners: User[];
@@ -6,6 +6,6 @@ export interface EntityOwnerListProps {
     displayAsInstructors?: boolean;
 }
 export declare class EntityOwnerList extends Component<EntityOwnerListProps> {
-    renderOwner: (owner: User, className: string) => JSX.Element;
-    render(): JSX.Element;
+    renderOwner: (owner: User, className: string) => React.JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/Forms/DateField.d.ts

@@ -9,5 +9,5 @@ export interface DateFieldProps extends Pick<StandardTextFieldProps, Exclude<key
 export declare class DateField extends Component<DateFieldProps> {
     onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
     isDateValid: (dateString: string) => boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/lib/components/Forms/TimeField.d.ts

@@ -7,5 +7,5 @@ export interface TimeFieldProps extends Pick<StandardTextFieldProps, Exclude<key
 export declare class TimeField extends Component<TimeFieldProps> {
     onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>;
     isTimeValid: (timeString: string) => boolean;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

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

@@ -1,4 +1,5 @@
 import { Dictionary } from 'lodash';
+import React from 'react';
 import { Component } from 'react';
 import { ExternalGroup, GroupUserRole, LtiLaunch, ModelCollection, OwnerSchedule, UniTimeGroup, UserInfo } from '../../../types';
 export interface ExternalGroupsAttachProps {
@@ -28,8 +29,8 @@ export declare class ExternalGroupsAttach extends Component<ExternalGroupsAttach
     handleSelectExternalGroups: (event: any) => void;
     getOwnerUniTimeGroups: (ownerSchedule: OwnerSchedule, userId: string, externalTermId: number) => void;
     setUserUniTimeGroups: (userId: string, externalGroups: UniTimeGroup[]) => void;
-    displayOwnerSchedules: (ownerSchedules: Dictionary<OwnerSchedule>) => (JSX.Element | undefined)[];
-    displayUniTimeGroups: (externalGroups: UniTimeGroup[]) => (JSX.Element | null)[];
-    render(): JSX.Element;
+    displayOwnerSchedules: (ownerSchedules: Dictionary<OwnerSchedule>) => (React.JSX.Element | undefined)[];
+    displayUniTimeGroups: (externalGroups: UniTimeGroup[]) => (React.JSX.Element | null)[];
+    render(): React.JSX.Element;
 }
 export {};

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

@@ -24,8 +24,8 @@ var react_bootstrap_1 = require("react-bootstrap");
 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 fetch_1 = require("../../../utils/fetch");
 var model_1 = require("../../../utils/model");
 var shard_1 = require("../../../utils/shard");
 var user_1 = require("../../../utils/user");
@@ -89,14 +89,14 @@ var ExternalGroupsAttach = /** @class */ (function (_super) {
             if (shard_1.isPurdueShard() && ownerSchedule.status === constants_1.MODEL_STATUS.UNINITIALIZED && !ownerSchedule.externalGroups) {
                 noStoreSaga_1.registerNoStoreActionHook(ownerSchedule.hookId, function (data) {
                     noStoreSaga_1.unregisterNoStoreActionHook(ownerSchedule.hookId);
-                    if (data && data.errorData) {
+                    if (!data || fetch_1.isFetchErrorData(data)) {
                         _this.setState({ isShowingErrorAlert: true, isUniTimeScheduleLoadingDone: true });
                     }
                     else {
                         _this.setUserUniTimeGroups(userId, data.externalGroups);
                     }
                 });
-                actionCreator_1.dispatchAction(actions_1.NET_ACTION.DATA_REQUESTED, {
+                actionCreator_1.dispatchModelFetchRequest({
                     modelName: 'uniTimeInstructorSchedule',
                     queryParams: {
                         externalTermId: externalTermId,

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

@@ -7,7 +7,7 @@ export interface ActivityRequiredStateProps {
 }
 export declare const configureActivityRequiredComponent: <TOwnProps extends {}>(WrappedComponent: React.ComponentType<TOwnProps>) => {
     new (props: (TOwnProps & ActivityRequiredStateProps) | Readonly<TOwnProps & ActivityRequiredStateProps>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & ActivityRequiredStateProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -32,7 +32,7 @@ export declare const configureActivityRequiredComponent: <TOwnProps extends {}>(
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & ActivityRequiredStateProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: TOwnProps & ActivityRequiredStateProps, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & ActivityRequiredStateProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -10,7 +10,7 @@ export default function asyncComponent<TOwnProps extends {}>(importComponent: As
         _isMounted: boolean;
         componentDidMount(): Promise<void>;
         componentWillUnmount(): void;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
         context: any;
         setState<K extends "component">(state: AsyncComponentState<TOwnProps> | ((prevState: Readonly<AsyncComponentState<TOwnProps>>, props: Readonly<TOwnProps>) => AsyncComponentState<TOwnProps> | Pick<AsyncComponentState<TOwnProps>, K> | null) | Pick<AsyncComponentState<TOwnProps>, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -15,7 +15,7 @@ export declare function configureCollectionComponent<TModel extends Model, TOwnP
         componentDidMount(): void;
         componentDidUpdate(prevProps: TOwnProps & CollectionComponentProps<TModel>): void;
         componentWillUnmount(): void;
-        changeModelStatus: (newModelStatus: MODEL_STATUS, fetchingId?: string | undefined) => void;
+        changeModelStatus: (newModelStatus: MODEL_STATUS, fetchingId?: string | number | undefined) => void;
         getCollectionMethodConfig: () => CollectionMethodConfiguration;
         load: (params?: CollectionLoadParams) => void;
         stopPeriodicLoad: (taskId: string) => void;
@@ -23,7 +23,7 @@ export declare function configureCollectionComponent<TModel extends Model, TOwnP
         update: (params: CollectionUpdateParams) => void;
         delete: (params: CollectionDeleteParams) => void;
         getModelArray: import("memoize-one").MemoizedFn<(model: ModelCollection<TModel>, guid?: string | undefined) => TModel[]>;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends "modelStatus" | "previousModelStatus" | "fetchingId">(state: CollectionCommonState | ((prevState: Readonly<CollectionCommonState>, props: Readonly<TOwnProps & CollectionComponentProps<TModel>>) => CollectionCommonState | Pick<CollectionCommonState, K> | null) | Pick<CollectionCommonState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -46,7 +46,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" | "queryParams" | "modelName" | "guid" | "location" | "history" | "staticContext" | "pathParams" | "disableAutoLoad" | "disableAutoLoadOnParamsChange">>(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>, "guid" | "match" | "modelName" | "pathParams" | "queryParams" | "location" | "history" | "staticContext" | "disableAutoLoad" | "disableAutoLoadOnParamsChange">>(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

@@ -99,8 +99,7 @@ function configureCollectionComponent(WrappedComponent, LoaderComponent) {
                 collection_1.loadCollection(_this.getCollectionMethodConfig(), params);
             };
             _this.stopPeriodicLoad = function (taskId) {
-                var modelName = _this.props.modelName;
-                collection_1.stopCollectionPeriodicLoad(modelName, taskId);
+                collection_1.stopCollectionPeriodicLoad(taskId);
             };
             _this.create = function (params) {
                 collection_1.createItemInCollection(_this.getCollectionMethodConfig(), params);

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

@@ -13,7 +13,7 @@ export declare function configureCollectionFirstItemComponent<TModel extends Mod
         getModelArray: import("memoize-one").MemoizedFn<(model: ModelCollection<TModel>, guid?: string | undefined) => TModel[]>;
         getModelMinusRelations: import("memoize-one").MemoizedFn<(model: TModel) => Partial<TModel>>;
         getFirstItem: () => TModel;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -41,7 +41,7 @@ export declare function configureCollectionFirstItemComponent<TModel extends Mod
         getModelArray: import("memoize-one").MemoizedFn<(model: ModelCollection<TModel>, guid?: string | undefined) => TModel[]>;
         getModelMinusRelations: import("memoize-one").MemoizedFn<(model: TModel) => Partial<TModel>>;
         getFirstItem: () => TModel;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & CollectionComponentWrappedProps<TModel>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/lib/components/HOC/CollectionFirstItemComponent.js

@@ -86,7 +86,7 @@ function configureCollectionFirstItemComponent(WrappedComponent) {
             var modelMinusRelations = this.getModelMinusRelations(firstItem);
             var p = __spreadArrays(pathParams);
             if (firstItem.id) {
-                p.push(firstItem.id.toString());
+                p.push(firstItem.id);
             }
             return (react_1.default.createElement(WrappedComponent, __assign({}, this.props, { pathParams: p, model: firstItem, modelMinusRelations: modelMinusRelations })));
         };

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

@@ -21,7 +21,7 @@ export declare function configureCollectionItemComponent<TModel extends Model, T
         update: (params: CollectionItemUpdateParams) => void;
         delete: (params?: CollectionItemDeleteParams) => void;
         getModelMinusRelations: import("memoize-one").MemoizedFn<(model: TModel) => Partial<TModel>>;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends "modelStatus" | "previousModelStatus" | "fetchingId">(state: CollectionCommonState | ((prevState: Readonly<CollectionCommonState>, props: Readonly<TOwnProps & CollectionItemComponentProps<TModel>>) => CollectionCommonState | Pick<CollectionCommonState, K> | null) | Pick<CollectionCommonState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -45,7 +45,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" | "queryParams" | "modelName" | "guid" | "location" | "history" | "staticContext" | "pathParams" | "disableAutoLoad" | "disableAutoLoadOnParamsChange">>(modelName: string) => (state: BaseReduxState, ownProps: TOwnProps) => import("../../types").CollectionSelectorMethodResponse<Model>;
+export declare const configureMapStateToProps: <TModel extends Model, TOwnProps extends Pick<CollectionItemComponentProps<TModel>, "guid" | "match" | "modelName" | "pathParams" | "queryParams" | "location" | "history" | "staticContext" | "disableAutoLoad" | "disableAutoLoadOnParamsChange">>(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/CollectionItemComponent.js

@@ -98,8 +98,7 @@ function configureCollectionItemComponent(WrappedComponent, LoaderComponent) {
                 collection_1.loadCollectionItem(_this.getCollectionMethodConfig(), params);
             };
             _this.stopPeriodicLoad = function (taskId) {
-                var modelName = _this.props.modelName;
-                collection_1.stopCollectionPeriodicLoad(modelName, taskId);
+                collection_1.stopCollectionPeriodicLoad(taskId);
             };
             _this.create = function (params) {
                 var model = _this.props.model;

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

@@ -27,7 +27,7 @@ export declare function configureConnectedModalComponent<TOwnProps extends {}>(W
         componentWillUnmount(): void;
         onEntering: () => void;
         onExited: () => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends "isModalOpen">(state: ConnectedModalState | ((prevState: Readonly<ConnectedModalState>, props: Readonly<TOwnProps & ConnectedModalReduxProps & GuidComponentWrappedProps>) => ConnectedModalState | Pick<ConnectedModalState, K> | null) | Pick<ConnectedModalState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/lib/components/HOC/ConnectedModalComponent.js

@@ -89,7 +89,12 @@ function configureConnectedModalComponent(WrappedComponent, isFullscreen) {
                 var _b = _this.props, guid = _b.guid, modals = _b.modals;
                 // Store each modal's GUID in redux with a zero-based index to determine the order in which they were opened
                 var maxModal = lodash_1.maxBy(Object.values(modals), function (modal) { return modal.index; });
-                actionCreator_1.dispatchAction(actions_1.ACTION.MODAL_ENTERING, { guid: guid, index: ((_a = maxModal === null || maxModal === void 0 ? void 0 : maxModal.index) !== null && _a !== void 0 ? _a : -1) + 1, isFullscreen: isFullscreen });
+                actionCreator_1.dispatchAction({
+                    type: actions_1.MODAL_ACTION_TYPE.MODAL_ENTERING,
+                    guid: guid,
+                    index: ((_a = maxModal === null || maxModal === void 0 ? void 0 : maxModal.index) !== null && _a !== void 0 ? _a : -1) + 1,
+                    isFullscreen: isFullscreen
+                });
                 _this.setState({
                     isModalOpen: true
                 });
@@ -98,7 +103,7 @@ function configureConnectedModalComponent(WrappedComponent, isFullscreen) {
                 var guid = _this.props.guid;
                 var isModalOpen = _this.state.isModalOpen;
                 if (isModalOpen) {
-                    actionCreator_1.dispatchAction(actions_1.ACTION.MODAL_EXITED, { guid: guid });
+                    actionCreator_1.dispatchAction({ type: actions_1.MODAL_ACTION_TYPE.MODAL_EXITED, guid: guid });
                 }
                 _this.setState({
                     isModalOpen: false

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

@@ -5,7 +5,7 @@ interface DataDependentComponentStateProps {
 }
 export declare const configureDataDependentComponent: <TOwnProps extends {}>(WrappedComponent: React.ComponentType<TOwnProps>) => {
     new (props: (TOwnProps & DataDependentComponentStateProps) | Readonly<TOwnProps & DataDependentComponentStateProps>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & DataDependentComponentStateProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -30,7 +30,7 @@ export declare const configureDataDependentComponent: <TOwnProps extends {}>(Wra
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & DataDependentComponentStateProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: TOwnProps & DataDependentComponentStateProps, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & DataDependentComponentStateProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -14,7 +14,7 @@ export declare type EntityComponentWrappedProps<T extends DeletableModel, TProp
 };
 export declare const configureEntityComponent: <T extends DeletableModel, TPropName extends string | number | symbol>(WrappedComponent: React.ComponentType<EntityComponentWrappedProps<T, TPropName>>, WrappedHeader: React.ComponentClass<EntityComponentWrappedHeaderProps<T, TPropName>, any> | React.FunctionComponent<EntityComponentWrappedHeaderProps<T, TPropName>> | undefined, propName: TPropName, entityName: string) => {
     new (props: EntityComponentProps<T> | Readonly<EntityComponentProps<T>>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<EntityComponentProps<T>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -39,7 +39,7 @@ export declare const configureEntityComponent: <T extends DeletableModel, TPropN
         UNSAFE_componentWillUpdate?(nextProps: Readonly<EntityComponentProps<T>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: EntityComponentProps<T>, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<EntityComponentProps<T>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -33,7 +33,7 @@ export declare function configureFullscreenModalComponent<TOwnProps extends Full
         disableScroll: (e: Event) => boolean;
         onOpen: () => void;
         closeModal: () => void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends "isOpen">(state: FullscreenModalState | ((prevState: Readonly<FullscreenModalState>, props: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>) => FullscreenModalState | Pick<FullscreenModalState, K> | null) | Pick<FullscreenModalState, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -7,7 +7,7 @@ export interface ModelContextDependencyVerifyComponentProps {
 }
 export declare function setupModelContextDependencyVerifyComponent<TOwnProps extends ModelContextDependencyVerifyComponentProps>(WrappedComponent: ComponentType<TOwnProps>, modelName: string, dependentModelName: string): {
     new (props: (TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>) | Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -32,7 +32,7 @@ export declare function setupModelContextDependencyVerifyComponent<TOwnProps ext
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -67,7 +67,7 @@ export declare function setupModelContextDependencyVerifyComponent<TOwnProps ext
  */
 export default function modelContextDependencyVerifyComponent<TOwnProps extends ModelContextDependencyVerifyComponentProps>(WrappedComponent: ComponentType<TOwnProps>, modelName: string, dependentModelName: string): React.ComponentClass<import("react-router").Omit<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, "match" | "location" | "history" | "staticContext"> & import("react-router").WithRouterProps<{
     new (props: (TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>) | Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -92,7 +92,7 @@ export default function modelContextDependencyVerifyComponent<TOwnProps extends
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -119,7 +119,7 @@ export default function modelContextDependencyVerifyComponent<TOwnProps extends
     contextType?: React.Context<any> | undefined;
 }>, any> & import("react-router").WithRouterStatics<{
     new (props: (TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>) | Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -144,7 +144,7 @@ export default function modelContextDependencyVerifyComponent<TOwnProps extends
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & RouteComponentProps<{}, import("react-router").StaticContext, unknown>>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -16,7 +16,7 @@ import { CollectionItemComponentWrappedProps } from './CollectionItemComponent';
  */
 export default function modelErrorRedirectComponent<TOwnProps extends CollectionItemComponentWrappedProps<Model> | CollectionComponentWrappedProps<Model>>(WrappedComponent: ComponentType<TOwnProps>): {
     new (props: TOwnProps | Readonly<TOwnProps>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -41,7 +41,7 @@ export default function modelErrorRedirectComponent<TOwnProps extends Collection
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: TOwnProps, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

package/lib/components/HOC/ModelErrorRedirectComponent.js

@@ -46,6 +46,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_router_dom_1 = require("react-router-dom");
 var modelStatus_1 = require("../../constants/modelStatus");
+var types_1 = require("../../types");
 /**
  * This component exists as a child to CollectionItemComponent to
  * redirect the user to a 404/500 page if errors occur while fetching data.
@@ -71,13 +72,13 @@ function modelErrorRedirectComponent(WrappedComponent) {
                 model._metadata &&
                 model._metadata.hasError &&
                 model._metadata.lastFetchErrorData &&
-                model._metadata.lastFetchErrorData.code === 404;
+                model._metadata.lastFetchErrorData.status === types_1.HTTP_STATUS_CODE.NOT_FOUND;
             var errorRoute = previousModelStatus === modelStatus_1.MODEL_STATUS.UNINITIALIZED &&
                 modelStatus === modelStatus_1.MODEL_STATUS.ERROR &&
                 model._metadata &&
                 model._metadata.hasError &&
                 model._metadata.lastFetchErrorData &&
-                model._metadata.lastFetchErrorData.code === 500;
+                model._metadata.lastFetchErrorData.status === types_1.HTTP_STATUS_CODE.INTERNAL_SERVER_ERROR;
             if (notFoundRoute) {
                 var pathname = window.location.pathname;
                 return (react_1.default.createElement(react_router_dom_1.Redirect, { to: {

package/lib/components/HOC/SearchPersistorComponent.js

@@ -200,7 +200,7 @@ var configureMapDispatchToProps = function (key) { return function (dispatch) {
     var dispatchPersistSearch = function (search) {
         var _a;
         dispatch({
-            type: actions_1.ACTION.PERSIST_SEARCH,
+            type: actions_1.SEARCH_ACTION_TYPE.PERSIST_SEARCH,
             data: (_a = {},
                 _a["" + key] = search,
                 _a)

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

@@ -6,7 +6,7 @@ interface UnauthenticatedComponentStateProps {
 }
 export declare const configureUnauthenticatedComponent: <TOwnProps extends {}>(WrappedComponent: React.ComponentType<TOwnProps>) => {
     new (props: (TOwnProps & UnauthenticatedComponentStateProps) | Readonly<TOwnProps & UnauthenticatedComponentStateProps>): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & UnauthenticatedComponentStateProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
@@ -31,7 +31,7 @@ export declare const configureUnauthenticatedComponent: <TOwnProps extends {}>(W
         UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & UnauthenticatedComponentStateProps>, nextState: Readonly<{}>, nextContext: any): void;
     };
     new (props: TOwnProps & UnauthenticatedComponentStateProps, context: any): {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         context: any;
         setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<TOwnProps & UnauthenticatedComponentStateProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;

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

@@ -9,5 +9,5 @@ export interface CreateNonLtiGroupAlertDialogProps extends Omit<AlertDialogProps
 }
 export declare const CreateNonLtiGroupAlertDialog: FunctionComponent<CreateNonLtiGroupAlertDialogProps>;
 export declare const mapStateToProps: (state: BaseReduxState) => CreateNonLtiGroupAlertDialogReduxProps;
-declare const _default: import("react-redux").ConnectedComponent<React.FunctionComponent<CreateNonLtiGroupAlertDialogProps>, Pick<CreateNonLtiGroupAlertDialogProps, "id" | "description" | "isOpen" | "onProceed" | "proceedText" | "onCancel" | "cancelText" | "hideCancel" | "onDestroy" | "destroyText" | "manualBackground" | "externalHelpResourcePageUrl">>;
+declare const _default: import("react-redux").ConnectedComponent<React.FunctionComponent<CreateNonLtiGroupAlertDialogProps>, Pick<React.PropsWithChildren<CreateNonLtiGroupAlertDialogProps>, "description" | "id" | "children" | "onCancel" | "isOpen" | "onProceed" | "proceedText" | "cancelText" | "hideCancel" | "onDestroy" | "destroyText" | "manualBackground" | "externalHelpResourcePageUrl">>;
 export default _default;

package/lib/components/ManageTable.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Column, SortingRule } from 'react-table';
 import { Model, Search } from '../types';
 export interface ManageTableProps<TModel, TSearchDataParams> {
@@ -16,4 +16,4 @@ export interface ManageTableProps<TModel, TSearchDataParams> {
     entityName: string;
     canQueryAll?: boolean;
 }
-export declare const ManageTable: <TModel extends Model, TSearchDataParams extends {}>({ search: { hasSearched, queryAll, selectedTab, sortingRules, pageSize, pageByTab }, isFiltered, setSelectedTab, setSortingRules, setPageSize, setPage, tabs, getTabName, searchData, searchDataParams, columns, entityName, canQueryAll }: ManageTableProps<TModel, TSearchDataParams>) => JSX.Element;
+export declare const ManageTable: <TModel extends Model, TSearchDataParams extends {}>({ search: { hasSearched, queryAll, selectedTab, sortingRules, pageSize, pageByTab }, isFiltered, setSelectedTab, setSortingRules, setPageSize, setPage, tabs, getTabName, searchData, searchDataParams, columns, entityName, canQueryAll }: ManageTableProps<TModel, TSearchDataParams>) => React.JSX.Element;

package/lib/components/NewVersionAlert.d.ts

@@ -1,4 +1,4 @@
-import { Component, ComponentClass } from 'react';
+import React, { Component, ComponentClass } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { BaseReduxState } from '../types';
 import { Client } from '../types/Client';
@@ -11,7 +11,7 @@ export declare class NewVersionAlert extends Component<NewVersionAlertProps & Ro
     componentDidUpdate(prevProps: NewVersionAlertProps & RouteComponentProps): void;
     hasVersionUpdate: () => boolean;
     refresh: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const mapStateToProps: (state: BaseReduxState) => NewVersionAlertProps;
 declare const connectedNewVersionAlert: ComponentClass;

package/lib/components/Notifications.d.ts

@@ -26,7 +26,7 @@ export declare class Notifications extends Component<NotificationsProps, Notific
     closeNotification: () => void;
     removeNotification: () => void;
     classNameForType: (type: NOTIFICATION_TYPE) => "alert-info" | "alert-success" | "alert-warning" | "alert-danger";
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export declare const mapStateToProps: (state: {
     notifications: NotificationState;

package/lib/components/Notifications.js

@@ -112,7 +112,8 @@ var Notifications = /** @class */ (function (_super) {
             if (!notification) {
                 return;
             }
-            actionCreator_1.dispatchAction(actions_1.ACTION.REMOVE_NOTIFICATION, {
+            actionCreator_1.dispatchAction({
+                type: actions_1.NOTIFICATION_ACTION_TYPE.REMOVE_NOTIFICATION,
                 notification: notification
             });
         };

package/lib/components/Tables/RoleFilter.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { Filter } from 'react-table';
 import { UserRole } from '../../types';
 export declare enum ROLE_FILTER {
@@ -9,6 +9,6 @@ export declare enum ROLE_FILTER {
 export declare const RoleFilter: (roles: string[], textForRole?: ((role: string) => string) | undefined, hasExternal?: boolean | undefined) => ({ filter, onChange }: {
     filter: Filter;
     onChange: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const roleUserRoleFilterMethod: (filter: Filter, userRole: UserRole) => boolean;
 export declare const roleFilterMethod: (filter: Filter, row: any) => boolean;

package/lib/components/Tables/TextFilter.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from 'react';
 import { Filter } from 'react-table';
 export declare const TextFilter: ({ filter, onChange }: {
     filter: Filter;
     onChange: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export declare const textFilterMethod: (filter: Filter, row: any) => any;

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

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { RoleDescriptions } from '../../types';
 export interface UserRolesAddProps {
     id: string;
@@ -26,6 +26,6 @@ export declare class UserRolesAdd extends Component<UserRolesAddProps, UserRoles
     closeErrorAlert: () => void;
     updateIdentifiers: (e: any) => void;
     getValidationErrorMessage: (identifiers?: string[] | undefined) => string | undefined;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};