studiokit-scaffolding-js 4.3.21 → 4.3.22

package/lib/components/HOC/EntityComponent.js

@@ -1,120 +1,120 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configureMapStateToProps = exports.configureEntityComponent = void 0;
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var react_router_dom_1 = require("react-router-dom");
-var baseActivity_1 = require("../../utils/baseActivity");
-var route_1 = require("../../utils/route");
-var CollectionItemComponent_1 = __importDefault(require("./CollectionItemComponent"));
-var ModelErrorRedirectComponent_1 = __importDefault(require("./ModelErrorRedirectComponent"));
-var configureEntityComponent = function (WrappedComponent, WrappedHeader, propName, entityName) {
-    return /** @class */ (function (_super) {
-        __extends(EntityComponent, _super);
-        function EntityComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        EntityComponent.prototype.render = function () {
-            var _a;
-            var _b = this.props, model = _b.model, modelName = _b.modelName;
-            var newProps = (_a = {},
-                _a[propName] = model,
-                _a);
-            return (react_1.default.createElement("div", null,
-                !!WrappedHeader && react_1.default.createElement(WrappedHeader, __assign({}, newProps)),
-                model.isDeleted ? (react_1.default.createElement(react_router_dom_1.Redirect, { to: "/" + (entityName === 'groups' ? 'courses' : entityName) })) : (react_1.default.createElement(WrappedComponent, __assign({}, newProps, { modelName: modelName })))));
-        };
-        return EntityComponent;
-    }(react_1.Component));
-};
-exports.configureEntityComponent = configureEntityComponent;
-var configureMapStateToProps = function (readActivity, modelName) { return function (state, ownProps) {
-    var canReadGlobally = baseActivity_1.canPerformActivityGlobally(readActivity, baseActivity_1.defaultOptions(state));
-    // override modelName if admin does not have a role in the given entity
-    var newModelName = modelName;
-    var modelId = route_1.getModelIdFromRouteMatchParams(ownProps.match.params, newModelName);
-    var hasAccess;
-    if (modelId === undefined) {
-        hasAccess = false;
-    }
-    else {
-        hasAccess =
-            !!state.models[modelName] &&
-                !!state.models[modelName][modelId] &&
-                !!state.models[modelName][modelId].id;
-    }
-    if (canReadGlobally && !hasAccess) {
-        newModelName = "search." + newModelName;
-    }
-    return {
-        modelName: newModelName
-    };
-}; };
-exports.configureMapStateToProps = configureMapStateToProps;
-/**
- * A wrapper using CollectionItemComponent that passes down the `model`, to allow nesting of collection components.
- * Uses `CollectionItemComponent`, `ModelErrorRedirectComponent`, `withRouter`, and `connect`.
- *
- * This HOC does NOT pass extra props through to children
- *
- * @param WrappedComponent The wrapped component
- * @param WrappedHeader The wrapped header
- * @param readActivity Read activity that will be checked for global access
- * @param modelName Model name passed to wrapped component and `CollectionItemComponent`. May be modified when only global read is available
- * @param propName The name for the prop with which the `model` will be passed to the wrapped component
- */
-function entityComponent(WrappedComponent, WrappedHeader, readActivity, modelName, propName) {
-    var EntityComponent = exports.configureEntityComponent(WrappedComponent, WrappedHeader, propName, modelName);
-    var mapStateToProps = exports.configureMapStateToProps(readActivity, modelName);
-    // @ts-ignore: could not match inferred type from the `connect` HOC
-    return react_router_dom_1.withRouter(
-    // @ts-ignore: could not match inferred type from the `connect` HOC
-    react_redux_1.connect(mapStateToProps)(CollectionItemComponent_1.default(ModelErrorRedirectComponent_1.default(EntityComponent), modelName)));
-}
-exports.default = entityComponent;
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureMapStateToProps = exports.configureEntityComponent = void 0;
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var react_router_dom_1 = require("react-router-dom");
+var baseActivity_1 = require("../../utils/baseActivity");
+var route_1 = require("../../utils/route");
+var CollectionItemComponent_1 = __importDefault(require("./CollectionItemComponent"));
+var ModelErrorRedirectComponent_1 = __importDefault(require("./ModelErrorRedirectComponent"));
+var configureEntityComponent = function (WrappedComponent, WrappedHeader, propName, entityName) {
+    return /** @class */ (function (_super) {
+        __extends(EntityComponent, _super);
+        function EntityComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        EntityComponent.prototype.render = function () {
+            var _a;
+            var _b = this.props, model = _b.model, modelName = _b.modelName;
+            var newProps = (_a = {},
+                _a[propName] = model,
+                _a);
+            return (react_1.default.createElement("div", null,
+                !!WrappedHeader && react_1.default.createElement(WrappedHeader, __assign({}, newProps)),
+                model.isDeleted ? (react_1.default.createElement(react_router_dom_1.Redirect, { to: "/" + (entityName === 'groups' ? 'courses' : entityName) })) : (react_1.default.createElement(WrappedComponent, __assign({}, newProps, { modelName: modelName })))));
+        };
+        return EntityComponent;
+    }(react_1.Component));
+};
+exports.configureEntityComponent = configureEntityComponent;
+var configureMapStateToProps = function (readActivity, modelName) { return function (state, ownProps) {
+    var canReadGlobally = baseActivity_1.canPerformActivityGlobally(readActivity, baseActivity_1.defaultOptions(state));
+    // override modelName if admin does not have a role in the given entity
+    var newModelName = modelName;
+    var modelId = route_1.getModelIdFromRouteMatchParams(ownProps.match.params, newModelName);
+    var hasAccess;
+    if (modelId === undefined) {
+        hasAccess = false;
+    }
+    else {
+        hasAccess =
+            !!state.models[modelName] &&
+                !!state.models[modelName][modelId] &&
+                !!state.models[modelName][modelId].id;
+    }
+    if (canReadGlobally && !hasAccess) {
+        newModelName = "search." + newModelName;
+    }
+    return {
+        modelName: newModelName
+    };
+}; };
+exports.configureMapStateToProps = configureMapStateToProps;
+/**
+ * A wrapper using CollectionItemComponent that passes down the `model`, to allow nesting of collection components.
+ * Uses `CollectionItemComponent`, `ModelErrorRedirectComponent`, `withRouter`, and `connect`.
+ *
+ * This HOC does NOT pass extra props through to children
+ *
+ * @param WrappedComponent The wrapped component
+ * @param WrappedHeader The wrapped header
+ * @param readActivity Read activity that will be checked for global access
+ * @param modelName Model name passed to wrapped component and `CollectionItemComponent`. May be modified when only global read is available
+ * @param propName The name for the prop with which the `model` will be passed to the wrapped component
+ */
+function entityComponent(WrappedComponent, WrappedHeader, readActivity, modelName, propName) {
+    var EntityComponent = exports.configureEntityComponent(WrappedComponent, WrappedHeader, propName, modelName);
+    var mapStateToProps = exports.configureMapStateToProps(readActivity, modelName);
+    // @ts-ignore: could not match inferred type from the `connect` HOC
+    return react_router_dom_1.withRouter(
+    // @ts-ignore: could not match inferred type from the `connect` HOC
+    react_redux_1.connect(mapStateToProps)(CollectionItemComponent_1.default(ModelErrorRedirectComponent_1.default(EntityComponent), modelName)));
+}
+exports.default = entityComponent;

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

@@ -1,74 +1,74 @@
-import React, { ComponentType } from 'react';
-import { ConnectedModalWrappedProps } from './ConnectedModalComponent';
-import { GuidComponentWrappedProps } from './GuidComponent';
-export interface FullscreenModalOwnProps {
-    isOpen?: boolean;
-    /**
-     * Function that will be called when the modal should be closed, and the parent should set `props.isOpen` to `false`.
-     * If not provided, the modal manages itself.
-     */
-    closeModal?: () => void;
-    contentLabel?: string;
-}
-export interface FullscreenModalWrappedProps {
-    /** Function that will close the modal. */
-    closeModal: () => void;
-}
-export interface FullscreenModalState {
-    isOpen: boolean;
-}
-/**
- * HOC that manages a `ReactModal`, adds inline css, and
- * coordinates modal state in redux using.
- *
- * NOTE: Meant for testing. Should be wrapped in `connectedModalComponent` normally.
- *
- * @param WrappedComponent The component to wrap.
- */
-export declare function configureFullscreenModalComponent<TOwnProps extends FullscreenModalOwnProps>(WrappedComponent: ComponentType<TOwnProps & FullscreenModalWrappedProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): {
-    new (props: TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps): {
-        componentDidMount(): void;
-        componentWillUnmount(): void;
-        componentDidUpdate(prevProps: TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps, prevState: FullscreenModalState): void;
-        disableScroll: (e: Event) => boolean;
-        onOpen: () => void;
-        closeModal: () => void;
-        render(): 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;
-        readonly props: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        state: Readonly<FullscreenModalState>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextState: Readonly<FullscreenModalState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, prevState: Readonly<FullscreenModalState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextState: Readonly<FullscreenModalState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextState: Readonly<FullscreenModalState>, nextContext: any): void;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-/**
- * HOC that contains a `ReactModal` which can be auto managed or managed with props,
- * adds fullscreen styles, and coordinates modal state in redux.
- *
- * Uses `connectedModalComponent`.
- *
- * NOTE: Please add the following css
- *
- * .ReactModal__Body--open {
- * 	overflow: hidden;
- * }
- *
- * @param WrappedComponent The component to wrap.
- */
-export declare function fullscreenModalComponent<TOwnProps extends FullscreenModalOwnProps>(WrappedComponent: ComponentType<TOwnProps & FullscreenModalWrappedProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): ComponentType<TOwnProps>;
-export default fullscreenModalComponent;
+import React, { ComponentType } from 'react';
+import { ConnectedModalWrappedProps } from './ConnectedModalComponent';
+import { GuidComponentWrappedProps } from './GuidComponent';
+export interface FullscreenModalOwnProps {
+    isOpen?: boolean;
+    /**
+     * Function that will be called when the modal should be closed, and the parent should set `props.isOpen` to `false`.
+     * If not provided, the modal manages itself.
+     */
+    closeModal?: () => void;
+    contentLabel?: string;
+}
+export interface FullscreenModalWrappedProps {
+    /** Function that will close the modal. */
+    closeModal: () => void;
+}
+export interface FullscreenModalState {
+    isOpen: boolean;
+}
+/**
+ * HOC that manages a `ReactModal`, adds inline css, and
+ * coordinates modal state in redux using.
+ *
+ * NOTE: Meant for testing. Should be wrapped in `connectedModalComponent` normally.
+ *
+ * @param WrappedComponent The component to wrap.
+ */
+export declare function configureFullscreenModalComponent<TOwnProps extends FullscreenModalOwnProps>(WrappedComponent: ComponentType<TOwnProps & FullscreenModalWrappedProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): {
+    new (props: TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps): {
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        componentDidUpdate(prevProps: TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps, prevState: FullscreenModalState): void;
+        disableScroll: (e: Event) => boolean;
+        onOpen: () => void;
+        closeModal: () => void;
+        render(): 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;
+        readonly props: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<FullscreenModalState>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextState: Readonly<FullscreenModalState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, prevState: Readonly<FullscreenModalState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextState: Readonly<FullscreenModalState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<TOwnProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>, nextState: Readonly<FullscreenModalState>, nextContext: any): void;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+/**
+ * HOC that contains a `ReactModal` which can be auto managed or managed with props,
+ * adds fullscreen styles, and coordinates modal state in redux.
+ *
+ * Uses `connectedModalComponent`.
+ *
+ * NOTE: Please add the following css
+ *
+ * .ReactModal__Body--open {
+ * 	overflow: hidden;
+ * }
+ *
+ * @param WrappedComponent The component to wrap.
+ */
+export declare function fullscreenModalComponent<TOwnProps extends FullscreenModalOwnProps>(WrappedComponent: ComponentType<TOwnProps & FullscreenModalWrappedProps & ConnectedModalWrappedProps & GuidComponentWrappedProps>): ComponentType<TOwnProps>;
+export default fullscreenModalComponent;