studiokit-scaffolding-js 4.3.21 → 4.3.22

package/lib/components/HOC/FullscreenModalComponent.js

@@ -1,173 +1,173 @@
-"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.fullscreenModalComponent = exports.configureFullscreenModalComponent = void 0;
-var react_1 = __importStar(require("react"));
-var react_modal_1 = __importDefault(require("react-modal"));
-var ConnectedModalComponent_1 = require("./ConnectedModalComponent");
-/**
- * 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.
- */
-function configureFullscreenModalComponent(WrappedComponent) {
-    return /** @class */ (function (_super) {
-        __extends(FullscreenModalComponent, _super);
-        function FullscreenModalComponent(props) {
-            var _this = _super.call(this, props) || this;
-            _this.disableScroll = function (e) {
-                document.documentElement.scrollTop = 0;
-                e.preventDefault();
-                return false;
-            };
-            _this.onOpen = function () {
-                document.documentElement.addEventListener('touchmove', _this.disableScroll);
-                _this.props.onEntering();
-            };
-            _this.closeModal = function () {
-                document.documentElement.removeEventListener('touchmove', _this.disableScroll);
-                if (_this.props.closeModal) {
-                    _this.props.closeModal();
-                    return;
-                }
-                _this.setState({
-                    isOpen: false
-                });
-            };
-            _this.state = {
-                isOpen: props.isOpen === undefined ? true : props.isOpen
-            };
-            // https://github.com/reactjs/react-modal#app-element
-            // Accessibility fixed when reading the content in the modal
-            if (document.getElementById('root')) {
-                react_modal_1.default.setAppElement('#root');
-            }
-            return _this;
-        }
-        FullscreenModalComponent.prototype.componentDidMount = function () {
-            var isOpen = this.state.isOpen;
-            if (isOpen) {
-                this.onOpen();
-            }
-        };
-        FullscreenModalComponent.prototype.componentWillUnmount = function () {
-            document.documentElement.removeEventListener('touchmove', this.disableScroll);
-        };
-        FullscreenModalComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
-            var isOpen;
-            if (this.props.isOpen !== undefined && this.props.isOpen !== this.state.isOpen) {
-                // using props to handle isOpen, update state
-                isOpen = this.props.isOpen;
-            }
-            else if (this.props.isOpen === undefined && prevState.isOpen !== this.state.isOpen) {
-                // using state only to handle isOpen
-                isOpen = this.state.isOpen;
-            }
-            if (isOpen === undefined) {
-                return;
-            }
-            if (isOpen) {
-                this.onOpen();
-            }
-            this.setState({
-                isOpen: isOpen
-            });
-        };
-        FullscreenModalComponent.prototype.render = function () {
-            var contentLabel = this.props.contentLabel;
-            var isOpen = this.state.isOpen;
-            return (react_1.default.createElement(react_modal_1.default, { isOpen: isOpen, contentLabel: contentLabel, style: {
-                    content: {
-                        position: 'absolute',
-                        top: 0,
-                        left: 0,
-                        right: 0,
-                        bottom: 0,
-                        overflow: 'hidden',
-                        padding: 0,
-                        border: 'none',
-                        backgroundColor: 'white'
-                    },
-                    overlay: {
-                        position: 'absolute',
-                        top: 0,
-                        left: 0,
-                        right: 0,
-                        bottom: 0,
-                        zIndex: 2000
-                    }
-                }, shouldCloseOnOverlayClick: false },
-                react_1.default.createElement(WrappedComponent, __assign({}, this.props, { closeModal: this.closeModal }))));
-        };
-        return FullscreenModalComponent;
-    }(react_1.Component));
-}
-exports.configureFullscreenModalComponent = configureFullscreenModalComponent;
-/**
- * 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.
- */
-function fullscreenModalComponent(WrappedComponent) {
-    var component = configureFullscreenModalComponent(WrappedComponent);
-    return ConnectedModalComponent_1.connectedModalComponent(component);
-}
-exports.fullscreenModalComponent = fullscreenModalComponent;
-exports.default = fullscreenModalComponent;
+"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.fullscreenModalComponent = exports.configureFullscreenModalComponent = void 0;
+var react_1 = __importStar(require("react"));
+var react_modal_1 = __importDefault(require("react-modal"));
+var ConnectedModalComponent_1 = require("./ConnectedModalComponent");
+/**
+ * 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.
+ */
+function configureFullscreenModalComponent(WrappedComponent) {
+    return /** @class */ (function (_super) {
+        __extends(FullscreenModalComponent, _super);
+        function FullscreenModalComponent(props) {
+            var _this = _super.call(this, props) || this;
+            _this.disableScroll = function (e) {
+                document.documentElement.scrollTop = 0;
+                e.preventDefault();
+                return false;
+            };
+            _this.onOpen = function () {
+                document.documentElement.addEventListener('touchmove', _this.disableScroll);
+                _this.props.onEntering();
+            };
+            _this.closeModal = function () {
+                document.documentElement.removeEventListener('touchmove', _this.disableScroll);
+                if (_this.props.closeModal) {
+                    _this.props.closeModal();
+                    return;
+                }
+                _this.setState({
+                    isOpen: false
+                });
+            };
+            _this.state = {
+                isOpen: props.isOpen === undefined ? true : props.isOpen
+            };
+            // https://github.com/reactjs/react-modal#app-element
+            // Accessibility fixed when reading the content in the modal
+            if (document.getElementById('root')) {
+                react_modal_1.default.setAppElement('#root');
+            }
+            return _this;
+        }
+        FullscreenModalComponent.prototype.componentDidMount = function () {
+            var isOpen = this.state.isOpen;
+            if (isOpen) {
+                this.onOpen();
+            }
+        };
+        FullscreenModalComponent.prototype.componentWillUnmount = function () {
+            document.documentElement.removeEventListener('touchmove', this.disableScroll);
+        };
+        FullscreenModalComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
+            var isOpen;
+            if (this.props.isOpen !== undefined && this.props.isOpen !== this.state.isOpen) {
+                // using props to handle isOpen, update state
+                isOpen = this.props.isOpen;
+            }
+            else if (this.props.isOpen === undefined && prevState.isOpen !== this.state.isOpen) {
+                // using state only to handle isOpen
+                isOpen = this.state.isOpen;
+            }
+            if (isOpen === undefined) {
+                return;
+            }
+            if (isOpen) {
+                this.onOpen();
+            }
+            this.setState({
+                isOpen: isOpen
+            });
+        };
+        FullscreenModalComponent.prototype.render = function () {
+            var contentLabel = this.props.contentLabel;
+            var isOpen = this.state.isOpen;
+            return (react_1.default.createElement(react_modal_1.default, { isOpen: isOpen, contentLabel: contentLabel, style: {
+                    content: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        right: 0,
+                        bottom: 0,
+                        overflow: 'hidden',
+                        padding: 0,
+                        border: 'none',
+                        backgroundColor: 'white'
+                    },
+                    overlay: {
+                        position: 'absolute',
+                        top: 0,
+                        left: 0,
+                        right: 0,
+                        bottom: 0,
+                        zIndex: 2000
+                    }
+                }, shouldCloseOnOverlayClick: false },
+                react_1.default.createElement(WrappedComponent, __assign({}, this.props, { closeModal: this.closeModal }))));
+        };
+        return FullscreenModalComponent;
+    }(react_1.Component));
+}
+exports.configureFullscreenModalComponent = configureFullscreenModalComponent;
+/**
+ * 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.
+ */
+function fullscreenModalComponent(WrappedComponent) {
+    var component = configureFullscreenModalComponent(WrappedComponent);
+    return ConnectedModalComponent_1.connectedModalComponent(component);
+}
+exports.fullscreenModalComponent = fullscreenModalComponent;
+exports.default = fullscreenModalComponent;

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

@@ -1,29 +1,29 @@
-import { ComponentClass, ComponentType } from 'react';
-import { Model } from 'studiokit-net-js';
-import { BaseReduxState } from '../../types/BaseReduxState';
-import { ActivityOptions } from '../../utils/baseActivity';
-import { ActivityRequiredStateProps } from './ActivityRequiredComponent';
-import { CollectionItemComponentWrappedProps } from './CollectionItemComponent';
-/**
- * An entity that has a `groupId`
- */
-export interface GroupRelatedEntity extends Model {
-    groupId: number;
-}
-/**
- * Return `mapStateToProps` function. Add a `hasAccess` boolean property to the component's props
- * checking whether the user has the passed `requiredActivity` for the group referenced by
- * `ownProps.model.groupId`, if any.
- *
- * @param {function} accessPredicate A predicate accepting a required activity and an optional entity and/or
- * 		userInfo object
- * @param {string} requiredActivity The required activity which is passed to the predicate for evaluation
- */
-export declare const configureMapStateToProps: <TOwnProps extends CollectionItemComponentWrappedProps<GroupRelatedEntity>>(accessPredicate: (requiredActivity: string, options: ActivityOptions) => boolean, requiredActivity: string) => (state: BaseReduxState, ownProps?: TOwnProps | undefined) => ActivityRequiredStateProps;
-/**
- * This HOC ensures that the wrapped component is only rendered if the group referenced by
- * `props.model.groupId`, if any, satisfies the `accessPredicate` for the `requiredActivity`.
- *
- * @see ActivityRequiredComponent
- */
-export default function groupActivityRequiredComponent<TOwnProps extends CollectionItemComponentWrappedProps<GroupRelatedEntity>>(WrappedComponent: ComponentType<TOwnProps>, accessPredicate: (requiredActivity: string, options: any) => boolean, requiredActivity: string): ComponentClass<TOwnProps>;
+import { ComponentClass, ComponentType } from 'react';
+import { Model } from 'studiokit-net-js';
+import { BaseReduxState } from '../../types/BaseReduxState';
+import { ActivityOptions } from '../../utils/baseActivity';
+import { ActivityRequiredStateProps } from './ActivityRequiredComponent';
+import { CollectionItemComponentWrappedProps } from './CollectionItemComponent';
+/**
+ * An entity that has a `groupId`
+ */
+export interface GroupRelatedEntity extends Model {
+    groupId: number;
+}
+/**
+ * Return `mapStateToProps` function. Add a `hasAccess` boolean property to the component's props
+ * checking whether the user has the passed `requiredActivity` for the group referenced by
+ * `ownProps.model.groupId`, if any.
+ *
+ * @param {function} accessPredicate A predicate accepting a required activity and an optional entity and/or
+ * 		userInfo object
+ * @param {string} requiredActivity The required activity which is passed to the predicate for evaluation
+ */
+export declare const configureMapStateToProps: <TOwnProps extends CollectionItemComponentWrappedProps<GroupRelatedEntity>>(accessPredicate: (requiredActivity: string, options: ActivityOptions) => boolean, requiredActivity: string) => (state: BaseReduxState, ownProps?: TOwnProps | undefined) => ActivityRequiredStateProps;
+/**
+ * This HOC ensures that the wrapped component is only rendered if the group referenced by
+ * `props.model.groupId`, if any, satisfies the `accessPredicate` for the `requiredActivity`.
+ *
+ * @see ActivityRequiredComponent
+ */
+export default function groupActivityRequiredComponent<TOwnProps extends CollectionItemComponentWrappedProps<GroupRelatedEntity>>(WrappedComponent: ComponentType<TOwnProps>, accessPredicate: (requiredActivity: string, options: any) => boolean, requiredActivity: string): ComponentClass<TOwnProps>;

package/lib/components/HOC/GroupActivityRequiredComponent.js

@@ -1,49 +1,49 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configureMapStateToProps = void 0;
-var react_redux_1 = require("react-redux");
-var baseActivity_1 = require("../../utils/baseActivity");
-var ActivityRequiredComponent_1 = require("./ActivityRequiredComponent");
-/**
- * Return `mapStateToProps` function. Add a `hasAccess` boolean property to the component's props
- * checking whether the user has the passed `requiredActivity` for the group referenced by
- * `ownProps.model.groupId`, if any.
- *
- * @param {function} accessPredicate A predicate accepting a required activity and an optional entity and/or
- * 		userInfo object
- * @param {string} requiredActivity The required activity which is passed to the predicate for evaluation
- */
-var configureMapStateToProps = function (accessPredicate, requiredActivity) { return function (state, ownProps) {
-    var entity = ownProps && ownProps.model && state.models && state.models.groups
-        ? state.models.groups[ownProps.model.groupId]
-        : undefined;
-    var options = __assign(__assign({}, baseActivity_1.defaultOptions(state, ownProps)), { entity: entity });
-    return {
-        hasAccess: accessPredicate(requiredActivity, options)
-    };
-}; };
-exports.configureMapStateToProps = configureMapStateToProps;
-/**
- * This HOC ensures that the wrapped component is only rendered if the group referenced by
- * `props.model.groupId`, if any, satisfies the `accessPredicate` for the `requiredActivity`.
- *
- * @see ActivityRequiredComponent
- */
-function groupActivityRequiredComponent(WrappedComponent, accessPredicate, requiredActivity) {
-    var ActivityRequiredComponent = ActivityRequiredComponent_1.configureActivityRequiredComponent(WrappedComponent);
-    var mapStateToProps = exports.configureMapStateToProps(accessPredicate, requiredActivity);
-    // @ts-ignore: could not match inferred type from the `connect` HOC
-    return react_redux_1.connect(mapStateToProps)(ActivityRequiredComponent);
-}
-exports.default = groupActivityRequiredComponent;
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureMapStateToProps = void 0;
+var react_redux_1 = require("react-redux");
+var baseActivity_1 = require("../../utils/baseActivity");
+var ActivityRequiredComponent_1 = require("./ActivityRequiredComponent");
+/**
+ * Return `mapStateToProps` function. Add a `hasAccess` boolean property to the component's props
+ * checking whether the user has the passed `requiredActivity` for the group referenced by
+ * `ownProps.model.groupId`, if any.
+ *
+ * @param {function} accessPredicate A predicate accepting a required activity and an optional entity and/or
+ * 		userInfo object
+ * @param {string} requiredActivity The required activity which is passed to the predicate for evaluation
+ */
+var configureMapStateToProps = function (accessPredicate, requiredActivity) { return function (state, ownProps) {
+    var entity = ownProps && ownProps.model && state.models && state.models.groups
+        ? state.models.groups[ownProps.model.groupId]
+        : undefined;
+    var options = __assign(__assign({}, baseActivity_1.defaultOptions(state, ownProps)), { entity: entity });
+    return {
+        hasAccess: accessPredicate(requiredActivity, options)
+    };
+}; };
+exports.configureMapStateToProps = configureMapStateToProps;
+/**
+ * This HOC ensures that the wrapped component is only rendered if the group referenced by
+ * `props.model.groupId`, if any, satisfies the `accessPredicate` for the `requiredActivity`.
+ *
+ * @see ActivityRequiredComponent
+ */
+function groupActivityRequiredComponent(WrappedComponent, accessPredicate, requiredActivity) {
+    var ActivityRequiredComponent = ActivityRequiredComponent_1.configureActivityRequiredComponent(WrappedComponent);
+    var mapStateToProps = exports.configureMapStateToProps(accessPredicate, requiredActivity);
+    // @ts-ignore: could not match inferred type from the `connect` HOC
+    return react_redux_1.connect(mapStateToProps)(ActivityRequiredComponent);
+}
+exports.default = groupActivityRequiredComponent;

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

@@ -1,14 +1,14 @@
-import { ComponentClass, ComponentType } from 'react';
-export interface GuidComponentWrappedProps {
-    guid: string;
-}
-export interface GuidComponentState {
-    guid: string;
-}
-/**
- * HOC that provides a `guid` prop to the `WrappedComponent`.
- *
- * @param WrappedComponent  The component to wrap.
- */
-export declare function guidComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & GuidComponentWrappedProps>): ComponentClass<TOwnProps>;
-export default guidComponent;
+import { ComponentClass, ComponentType } from 'react';
+export interface GuidComponentWrappedProps {
+    guid: string;
+}
+export interface GuidComponentState {
+    guid: string;
+}
+/**
+ * HOC that provides a `guid` prop to the `WrappedComponent`.
+ *
+ * @param WrappedComponent  The component to wrap.
+ */
+export declare function guidComponent<TOwnProps extends {}>(WrappedComponent: ComponentType<TOwnProps & GuidComponentWrappedProps>): ComponentClass<TOwnProps>;
+export default guidComponent;