studiokit-scaffolding-js 6.0.0 → 7.0.0

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, "ref" | "title" | "id" | "key" | "anyRoleButLearner">>;
 export default _default;

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/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/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

@@ -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;

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/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;

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/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/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, "description" | "id" | "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/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 {};

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

@@ -101,10 +101,10 @@ export declare class UserRoles extends Component<UserRolesProps, UserRolesState>
     didUpdate: (isSuccess: boolean) => void;
     alertRemoveUserRole: (userRoleToRemove: UserRole) => void;
     removeUserRoleTitle: (roleForRemove: string) => string;
-    renderRemoveUserRoleDescription: (userRoleToRemove: UserRole, warning?: JSX.Element | undefined) => JSX.Element;
+    renderRemoveUserRoleDescription: (userRoleToRemove: UserRole, warning?: JSX.Element | undefined) => React.JSX.Element;
     removeUserRole: (shouldRemove: boolean) => void;
     didRemove: (isSuccess: boolean) => void;
-    render(): JSX.Element;
+    render(): React.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, "guid" | "ref" | "modelName" | "pathParams" | "queryParams" | "externalProviders" | "model" | "key" | "readOnly" | "entityName" | "load" | "modelStatus" | "disableAutoLoad" | "disableAutoLoadOnParamsChange" | "modelArray" | "stopPeriodicLoad" | "create" | "update" | "delete" | "previousModelStatus" | "fetchingId" | "textForRole" | "defaultRole" | "roleDescriptions" | "renderAddDescription" | "isUpdateDisabled" | "isDeleteDisabled" | "allowMultipleRoles" | "requiredRole" | "isAddDisabled" | "modifyUserRoleActivityName" | "deleteOwnUserRoleActivityName" | "addRoleExcludeList" | "entity" | "filterUsers" | "onAdd" | "onUpdate" | "onRemove" | "renderTableDescription" | "lowercaseTextForRole" | "singularArticleForRole"> & UserRolesOwnProps>;

package/lib/config/eslint/{index.js → index.cjs}

@@ -10,12 +10,12 @@ module.exports = {
 		browser: true,
 		jest: true
 	},
-	extends: ['eslint:recommended', './lib/order.js', 'prettier', './lib/prettier.js'],
+	extends: ['eslint:recommended', './lib/order.cjs', 'prettier', './lib/prettier.cjs'],
 	plugins: ['import', 'prettier'],
 	overrides: [
 		{
 			files: ['**/*.ts?(x)'],
-			extends: ['./lib/typescript.js']
+			extends: ['./lib/typescript.cjs']
 		}
 	]
 }

package/lib/config/eslint/lib/{typescript.js → typescript.cjs}

@@ -15,10 +15,10 @@ module.exports = {
 		'plugin:@typescript-eslint/eslint-recommended',
 		'plugin:@typescript-eslint/recommended',
 		'plugin:@typescript-eslint/recommended-requiring-type-checking',
-		'./order.js',
+		'./order.cjs',
 		'prettier',
 		'prettier/@typescript-eslint',
-		'./prettier.js'
+		'./prettier.cjs'
 	],
 	plugins: ['@typescript-eslint', 'import', 'prettier'],
 	rules: {

package/lib/config/eslint/react.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+	extends: ['react-app', './index.cjs', 'prettier/react', './lib/prettier.cjs'],
+	overrides: [
+		{
+			files: ['**/*.ts?(x)'],
+			extends: ['react-app', './lib/typescript.cjs', 'prettier/react', './lib/prettier.cjs']
+		}
+	]
+}

package/lib/constants/fetchErrorData.d.ts

@@ -1,3 +1,3 @@
-import { FetchErrorData } from '..';
+import { FetchErrorData } from '../types';
 export declare const unknownErrorData: FetchErrorData;
 export declare const networkOfflineErrorData: FetchErrorData;

package/lib/constants/fetchErrorData.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.networkOfflineErrorData = exports.unknownErrorData = void 0;
-var __1 = require("..");
+var types_1 = require("../types");
 exports.unknownErrorData = {
-    status: __1.CUSTOM_ERROR_STATUS_CODE.UNKNOWN,
+    status: types_1.CUSTOM_ERROR_STATUS_CODE.UNKNOWN,
     title: 'Unknown Error',
     detail: 'An unknown error has occurred.'
 };
 exports.networkOfflineErrorData = {
-    status: __1.CUSTOM_ERROR_STATUS_CODE.NO_NETWORK_CONNECTION,
+    status: types_1.CUSTOM_ERROR_STATUS_CODE.NO_NETWORK_CONNECTION,
     title: 'Network Offline',
     detail: 'There is no network connection.'
 };

package/lib/constants/userRole.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const renderAddDescription: (entityName?: string | undefined) => JSX.Element;
+import React from 'react';
+export declare const renderAddDescription: (entityName?: string | undefined) => React.JSX.Element;

package/lib/css/index-with-variables.css

@@ -1,14 +1,15 @@
-/* Do not write any CSS in here, add it to the appropriate module or make a new one */
 @charset "UTF-8";
 
+/* Do not write any CSS in here, add it to the appropriate module or make a new one */
+
 /* 1. Variables */
 @import 'variables.css';
 
 /* 2. Utils */
-@import 'utils/*.css';
+@import-glob 'utils/*.css';
 
 /* 3. Base */
-@import 'base/*.css';
+@import-glob 'base/*.css';
 
 /* 4. Global components */
-@import 'components/*.css';
+@import-glob 'components/*.css';

package/lib/css/index.css

@@ -1,13 +1,14 @@
-/* Do not write any CSS in here, add it to the appropriate module or make a new one */
 @charset "UTF-8";
 
+/* Do not write any CSS in here, add it to the appropriate module or make a new one */
+
 /* NOTE: variables.css is NOT imported to allow app specific overrides. *
 
 /* 1. Utils */
-@import 'utils/*.css';
+@import-glob 'utils/*.css';
 
 /* 2. Base */
-@import 'base/*.css';
+@import-glob 'base/*.css';
 
 /* 3. Global components */
-@import 'components/*.css';
+@import-glob 'components/*.css';

package/lib/redux/sagas/caliperSaga.js

@@ -128,7 +128,7 @@ function getToken() {
                     noStore: true
                 });
                 return [4 /*yield*/, effects_1.race({
-                        receivedResult: effects_1.take(function (action) { return actions_1.isTransientModelFetchErrorAction(action) && action.modelPath === 'caliperToken'; }),
+                        receivedResult: effects_1.take(function (action) { return actions_1.isTransientModelFetchResultAction(action) && action.modelPath === 'caliperToken'; }),
                         failedResult: effects_1.take(function (action) { return actions_1.isTransientModelFetchErrorAction(action) && action.modelPath === 'caliperToken'; })
                     })];
             case 1:

package/lib/utils/dom.js

@@ -63,7 +63,7 @@ var setHasExternalKeyboard = function (hasExternalKeyboard) {
  *
  */
 var setVisualViewportHeightVar = function () {
-    var height = visualViewport.height;
+    var height = visualViewport ? visualViewport.height : 0;
     document.documentElement.style.setProperty('--visual-viewport-height', height + "px");
 };
 /**
@@ -86,11 +86,11 @@ exports.isTextInput = isTextInput;
 var updateHasExternalKeyboardAfterFocusTimeout = undefined;
 var scrollToElementAfterFocusTimeout = undefined;
 var updateHasExternalKeyboardAfterFocus = function () {
-    var closedVisualViewportHeight = visualViewport.height;
+    var closedVisualViewportHeight = visualViewport ? visualViewport.height : 0;
     // wait for the keyboard animation
     updateHasExternalKeyboardAfterFocusTimeout = window.setTimeout(function () {
         // find the keyboard height based on the difference in viewport height
-        var keyboardHeight = closedVisualViewportHeight - visualViewport.height;
+        var keyboardHeight = closedVisualViewportHeight - (visualViewport ? visualViewport.height : 0);
         // on first-load the input focus can fail
         // when this happens the height is 0, and this ONLY happens when there is NOT an external keyboard
         if (keyboardHeight === 0 && exports.hasExternalKeyboard() === undefined) {
@@ -181,7 +181,7 @@ var checkForExternalKeyboard = function () {
     document.documentElement.append(el);
 };
 var setupMobileEventListeners = function () {
-    if (!exports.isMobileDevice())
+    if (!exports.isMobileDevice() || !visualViewport)
         return;
     // set viewport height var at setup
     setVisualViewportHeightVar();

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "studiokit-scaffolding-js",
-	"version": "6.0.0",
+	"version": "7.0.0",
 	"description": "Common scaffolding for Studio apps at Purdue",
 	"repository": "https://gitlab.com/purdue-informatics/studiokit/studiokit-scaffolding-js",
 	"license": "MIT",
@@ -13,7 +13,7 @@
 		"build": "yarn clean && tsc -p ./tsconfig.build.json && yarn copy",
 		"build:watch": "tsc -p ./tsconfig.build.json -w",
 		"clean": "rimraf ./lib",
-		"copy": "copyfiles -u 1 \"src/**/*.css\" lib && copyfiles -u 1 \"src/config/**/*.js\" lib",
+		"copy": "copyfiles -u 1 \"src/**/*.css\" lib && copyfiles -u 1 \"src/config/**/*.cjs\" lib",
 		"coverage": "jest --coverage",
 		"fix": "run-s 'fix:**'",
 		"fix:code": "yarn lint:code --fix",
@@ -46,7 +46,7 @@
 	},
 	"eslintConfig": {
 		"extends": [
-			"./src/config/eslint/react.js"
+			"./src/config/eslint/react.cjs"
 		],
 		"overrides": [
 			{
@@ -67,7 +67,15 @@
 	"stylelint": {
 		"extends": "stylelint-config-standard",
 		"rules": {
-			"indentation": "tab"
+			"indentation": "tab",
+			"at-rule-no-unknown": [
+				true,
+				{
+					"ignoreAtRules": [
+						"import-glob"
+					]
+				}
+			]
 		},
 		"ignoreFiles": "src/**/*.{ts,tsx,js,jsx}"
 	},
@@ -91,10 +99,10 @@
 	},
 	"resolutions": {
 		"@sentry/browser": "^7.113.0",
+		"@types/node": "~18.6.0",
 		"@types/react": "^17.0.0",
 		"@types/react-router": "^5.1.11",
 		"kind-of": "^6.0.3",
-		"lodash": "^4.17.20",
 		"mixin-deep": "^1.3.2",
 		"set-value": "^2.0.1"
 	},
@@ -103,11 +111,13 @@
 		"@material-ui/icons": "^4.11.2",
 		"@material-ui/lab": "^4.0.0-alpha.57",
 		"@microsoft/applicationinsights-web": "^3.1.0",
+		"@redux-saga/core": "^1.1.3",
 		"@redux-saga/types": "^1.1.0",
 		"@sentry/react": "^7.113.0",
 		"@types/history": "^4.7.8",
-		"@types/lodash": "^4.14.168",
+		"@types/lodash": "^4.14.202",
 		"@types/pluralize": "^0.0.29",
+		"@types/quill": "^1.3.10",
 		"@types/react": "^17.0.0",
 		"@types/react-dom": "^17.0.0",
 		"@types/react-helmet": "^6.1.0",
@@ -117,26 +127,25 @@
 		"@types/react-router-bootstrap": "^0.24.5",
 		"@types/react-router-dom": "^5.1.7",
 		"@types/react-table": "^6.8.7",
-		"@types/redux-logger": "^3.0.8",
+		"@types/redux-logger": "3.0.12",
 		"@types/uuid": "^8.3.0",
 		"bootstrap": "^4.6.0",
 		"compare-versions": "^3.6.0",
 		"connected-react-router": "^6.8.0",
 		"detect-browser": "^5.2.0",
 		"history": "^4.10.1",
-		"local-storage-fallback": "^4.1.1",
-		"lodash": "^4.17.20",
+		"local-storage-fallback": "^4.1.2",
+		"lodash": "^4.17.21",
 		"memoize-one": "^6.0.0",
-		"moment-timezone": "^0.5.32",
+		"moment": "^2.29.4",
+		"moment-timezone": "^0.5.43",
 		"parchment": "^1.1.4",
 		"pluralize": "^8.0.0",
 		"prop-types": "^15.7.2",
 		"query-string": "^6.13.8",
 		"quill": "^1.3.7",
-		"quill-blot-formatter": "purdue-tlt/quill-blot-formatter#53b533fda234b008af9a427e14e475bcdb66dd88",
-		"react": "^17.0.1",
+		"quill-blot-formatter": "purdue-tlt/quill-blot-formatter#a01562a213eb615abcdf2963457890e81ebc1ab3",
 		"react-bootstrap": "^1.4.3",
-		"react-dom": "^17.0.1",
 		"react-ga4": "^2.1.0",
 		"react-helmet": "^6.1.0",
 		"react-modal": "^3.12.1",
@@ -152,7 +161,7 @@
 		"redux-logger": "^3.0.6",
 		"redux-persist": "^6.0.0",
 		"redux-saga": "^1.1.3",
-		"studiokit-caliper-js": "^1.0.23",
+		"studiokit-caliper-js": "^1.0.25",
 		"tachyons": "^4.12.0",
 		"tslib": "^2.1.0",
 		"uuid": "^8.3.2"
@@ -163,8 +172,9 @@
 		"@types/enzyme-adapter-react-16": "^1.0.6",
 		"@types/jest": "^26.0.20",
 		"@types/mockdate": "^2.0.0",
-		"@typescript-eslint/eslint-plugin": "^4.14.1",
-		"@typescript-eslint/parser": "4.14.1",
+		"@types/react": "^17.0.0",
+		"@typescript-eslint/eslint-plugin": "4.33.0",
+		"@typescript-eslint/parser": "4.33.0",
 		"@wojtekmaj/enzyme-adapter-react-17": "^0.4.1",
 		"babel-eslint": "^10.1.0",
 		"copyfiles": "^2.4.1",
@@ -173,8 +183,9 @@
 		"eslint": "^7.11.0",
 		"eslint-config-prettier": "^7.2.0",
 		"eslint-config-react-app": "^6.0.0",
+		"eslint-import-resolver-node": "^0.3.9",
 		"eslint-plugin-flowtype": "^5.2.0",
-		"eslint-plugin-import": "^2.22.1",
+		"eslint-plugin-import": "~2.22.1",
 		"eslint-plugin-jsx-a11y": "^6.4.1",
 		"eslint-plugin-prettier": "^3.3.1",
 		"eslint-plugin-react": "^7.22.0",
@@ -188,13 +199,29 @@
 		"lint-staged": "^10.5.3",
 		"mockdate": "^3.0.2",
 		"npm-run-all": "^4.1.5",
-		"prettier": "^2.2.1",
+		"prettier": "~2.2.1",
+		"react": "^17.0.2",
+		"react-dom": "^17.0.1",
 		"rimraf": "^3.0.2",
 		"sort-package-json": "^1.48.1",
 		"stylelint": "^13.9.0",
 		"stylelint-config-standard": "^20.0.0",
 		"ts-jest": "^26.4.4",
-		"typescript": "^4.1.3"
+		"typescript": "~4.1.6"
+	},
+	"peerDependencies": {
+		"@types/react": "^17.0.0",
+		"@types/react-redux": "^7.1.16",
+		"react": "^17.0.2",
+		"react-dom": "^17.0.1"
+	},
+	"peerDependenciesMeta": {
+		"@types/react": {
+			"optional": true
+		},
+		"@types/react-redux": {
+			"optional": true
+		}
 	},
-	"packageManager": "yarn@3.1.0"
+	"packageManager": "yarn@4.2.2"
 }

package/lib/config/eslint/react.js

@@ -1,9 +0,0 @@
-module.exports = {
-	extends: ['react-app', './index.js', 'prettier/react', './lib/prettier.js'],
-	overrides: [
-		{
-			files: ['**/*.ts?(x)'],
-			extends: ['react-app', './lib/typescript.js', 'prettier/react', './lib/prettier.js']
-		}
-	]
-}

package/lib/setupTests.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/setupTests.js

@@ -1,41 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var enzyme_adapter_react_17_1 = __importDefault(require("@wojtekmaj/enzyme-adapter-react-17"));
-var enzyme_1 = require("enzyme");
-var jest_fetch_mock_1 = __importDefault(require("jest-fetch-mock"));
-var mockdate_1 = __importDefault(require("mockdate"));
-var configuration_1 = require("./constants/configuration");
-var mockData_1 = require("./constants/mockData");
-var endpointMappings_1 = require("./endpointMappings");
-var logger_1 = require("./utils/logger");
-logger_1.setLogger(logger_1.dummyLogger);
-configuration_1.setEndpointMappings(__assign(__assign({}, endpointMappings_1.endpointMappings), { groups: endpointMappings_1.groupEndpointMapping }));
-jest_fetch_mock_1.default.enableMocks();
-jest.mock('./utils/timezone', function () {
-    return {
-        getDefaultTimeZone: function () { return 'America/Indianapolis'; },
-        guessTimeZoneId: function () { return 'America/Indianapolis'; }
-    };
-});
-// globally mock the date
-beforeEach(function () {
-    mockdate_1.default.set(mockData_1.defaultDate);
-});
-afterEach(function () {
-    mockdate_1.default.reset();
-});
-enzyme_1.configure({ adapter: new enzyme_adapter_react_17_1.default() });