studiokit-scaffolding-js 4.7.1 → 4.8.0-next.1.2

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

@@ -9,6 +9,8 @@ export interface UserRolesReduxProps {
     canDeleteSelf?: boolean;
 }
 export interface UserRolesOwnProps extends CollectionComponentWrappedProps<UserRole> {
+    /** Should the component prevent modifications, independent of permissions? */
+    readOnly?: boolean;
     /** Is the current user allowed to delete their own user role? Overrides the value from redux. */
     canDeleteSelf?: boolean;
     /** If multiple roles allowed, each role is displayed per user, otherwise a select dropdown is displayed. */
@@ -104,5 +106,5 @@ export declare class UserRoles extends Component<UserRolesProps, UserRolesState>
     render(): JSX.Element;
 }
 export declare const mapStateToProps: (state: BaseReduxState, ownProps: UserRolesOwnProps) => UserRolesReduxProps;
-declare const _default: import("react-redux").ConnectedComponent<typeof UserRoles, Pick<React.ClassAttributes<UserRoles> & UserRolesProps, "externalProviders" | "model" | "ref" | "key" | "guid" | "load" | "modelName" | "pathParams" | "modelStatus" | "queryParams" | "disableAutoLoad" | "modelArray" | "stopPeriodicLoad" | "create" | "update" | "delete" | "previousModelStatus" | "fetchingId" | "textForRole" | "entityName" | "defaultRole" | "roleDescriptions" | "renderAddDescription" | "isUpdateDisabled" | "isDeleteDisabled" | "allowMultipleRoles" | "requiredRole" | "isAddDisabled" | "modifyUserRoleActivityName" | "deleteOwnUserRoleActivityName" | "addRoleExcludeList" | "entity" | "filterUsers" | "onAdd" | "onUpdate" | "onRemove" | "renderTableDescription" | "singularArticleForRole"> & UserRolesOwnProps>;
+declare const _default: import("react-redux").ConnectedComponent<typeof UserRoles, Pick<React.ClassAttributes<UserRoles> & UserRolesProps, "externalProviders" | "model" | "ref" | "key" | "readOnly" | "guid" | "load" | "modelName" | "pathParams" | "modelStatus" | "queryParams" | "disableAutoLoad" | "modelArray" | "stopPeriodicLoad" | "create" | "update" | "delete" | "previousModelStatus" | "fetchingId" | "textForRole" | "entityName" | "defaultRole" | "roleDescriptions" | "renderAddDescription" | "isUpdateDisabled" | "isDeleteDisabled" | "allowMultipleRoles" | "requiredRole" | "isAddDisabled" | "modifyUserRoleActivityName" | "deleteOwnUserRoleActivityName" | "addRoleExcludeList" | "entity" | "filterUsers" | "onAdd" | "onUpdate" | "onRemove" | "renderTableDescription" | "singularArticleForRole"> & UserRolesOwnProps>;
 export default _default;

package/lib/components/UserRoles/index.js

@@ -390,12 +390,13 @@ var UserRoles = /** @class */ (function (_super) {
     //#endregion Remove User
     UserRoles.prototype.render = function () {
         var _this = this;
-        var _a = this.props, modelStatus = _a.modelStatus, canModify = _a.canModify, canDeleteSelf = _a.canDeleteSelf, allowMultipleRoles = _a.allowMultipleRoles, isAddDisabled = _a.isAddDisabled, isUpdateDisabled = _a.isUpdateDisabled, isDeleteDisabled = _a.isDeleteDisabled, defaultRole = _a.defaultRole, requiredRole = _a.requiredRole, roleDescriptions = _a.roleDescriptions, addRoleExcludeList = _a.addRoleExcludeList, entityName = _a.entityName, renderTableDescription = _a.renderTableDescription, renderAddDescription = _a.renderAddDescription;
+        var _a = this.props, modelStatus = _a.modelStatus, canModify = _a.canModify, readOnly = _a.readOnly, canDeleteSelf = _a.canDeleteSelf, allowMultipleRoles = _a.allowMultipleRoles, isAddDisabled = _a.isAddDisabled, isUpdateDisabled = _a.isUpdateDisabled, isDeleteDisabled = _a.isDeleteDisabled, defaultRole = _a.defaultRole, requiredRole = _a.requiredRole, roleDescriptions = _a.roleDescriptions, addRoleExcludeList = _a.addRoleExcludeList, entityName = _a.entityName, renderTableDescription = _a.renderTableDescription, renderAddDescription = _a.renderAddDescription;
         var _b = this.state, sortedUsers = _b.sortedUsers, isAdding = _b.isAdding, isUpdating = _b.isUpdating, isRemoving = _b.isRemoving, shouldResetAddForm = _b.shouldResetAddForm, shouldShowRemoveDialog = _b.shouldShowRemoveDialog, userRoleToUpdate = _b.userRoleToUpdate, userRoleToRemove = _b.userRoleToRemove, successMessage = _b.successMessage, existingMessage = _b.existingMessage, blockedMessage = _b.blockedMessage, failMessage = _b.failMessage;
         var addableRoleDescriptions = addRoleExcludeList
             ? lodash_1.pickBy(roleDescriptions, function (_, key) { return !addRoleExcludeList.includes(key); })
             : roleDescriptions;
         var roles = Object.keys(roleDescriptions);
+        var shouldRenderAsMutable = !readOnly && canModify;
         return (react_1.default.createElement(react_1.default.Fragment, null,
             !!successMessage && (react_1.default.createElement(AlertWithIcon_1.default, { id: "successMessageAlert", variant: "success", dismissible: true, onClose: function () {
                     return _this.setState({
@@ -421,13 +422,13 @@ var UserRoles = /** @class */ (function (_super) {
                     });
                 } },
                 react_1.default.createElement("p", { className: "pre-wrap" }, failMessage))),
-            canModify && (react_1.default.createElement(Add_1.default, { id: "entityUserRolesAdd", disabled: isAddDisabled, entityName: entityName, defaultRole: defaultRole, roleDescriptions: addableRoleDescriptions, renderAddDescription: renderAddDescription, textForRole: this.textForRole, isAddingUsersToRole: isAdding, shouldReset: shouldResetAddForm, addUserRoles: this.addUserRoles })),
-            !!renderTableDescription && renderTableDescription(canModify),
+            shouldRenderAsMutable && (react_1.default.createElement(Add_1.default, { id: "entityUserRolesAdd", disabled: isAddDisabled, entityName: entityName, defaultRole: defaultRole, roleDescriptions: addableRoleDescriptions, renderAddDescription: renderAddDescription, textForRole: this.textForRole, isAddingUsersToRole: isAdding, shouldReset: shouldResetAddForm, addUserRoles: this.addUserRoles })),
+            !!renderTableDescription && renderTableDescription(shouldRenderAsMutable),
             react_1.default.createElement(react_bootstrap_1.Row, { className: "mt3" },
                 react_1.default.createElement(react_bootstrap_1.Col, { xs: 12 }, modelStatus === modelStatus_1.default.LOADING ? (react_1.default.createElement(Loading_1.default, null)) : sortedUsers.length > 0 ? (react_1.default.createElement(Context_1.UserRolesContext.Provider, { value: {
                         isUpdateDisabled: isUpdateDisabled,
                         isDeleteDisabled: isDeleteDisabled,
-                        canModify: canModify,
+                        canModify: shouldRenderAsMutable,
                         canDeleteSelf: canDeleteSelf,
                         allowMultipleRoles: allowMultipleRoles,
                         roles: roles,
@@ -448,7 +449,9 @@ var UserRoles = /** @class */ (function (_super) {
 exports.UserRoles = UserRoles;
 var mapStateToProps = function (state, ownProps) {
     var canModifyGlobally = baseActivity_1.canPerformActivityGlobally(ownProps.modifyUserRoleActivityName, baseActivity_1.defaultOptions(state));
-    var canModify = canModifyGlobally ||
+    var canModify = 
+    // If the parent specifies false for canModify, then make the component read-only regardless of the user's permissions
+    canModifyGlobally ||
         (ownProps.entity
             ? baseActivity_1.canPerformActivityOnEntity(ownProps.modifyUserRoleActivityName, baseActivity_1.defaultOptions(state, ownProps, 'entity'))
             : false);

package/lib/startup.js

@@ -84,14 +84,17 @@ var startup = function (appConfig, endpointMappings) {
                 // do not track console logs when running in development mode (locally)
                 return breadcrumb.category === 'console' && appConfig.NODE_ENV !== 'production' ? null : breadcrumb;
             },
-            // enable performance tracing
+            // enable performance tracing and session replays
             integrations: [
                 new tracing_1.Integrations.BrowserTracing({
                     routingInstrumentation: Sentry.reactRouterV5Instrumentation(history)
-                })
+                }),
+                new Sentry.Replay()
             ],
-            // set a uniform sample rate
-            tracesSampleRate: appConfig.SENTRY_TRACES_SAMPLE_RATE
+            // set sample rates for performance tracing and session replays
+            tracesSampleRate: appConfig.SENTRY_TRACES_SAMPLE_RATE,
+            replaysSessionSampleRate: appConfig.SENTRY_REPLAYS_SESSION_SAMPLE_RATE,
+            replaysOnErrorSampleRate: appConfig.SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE
         });
     }
     // Unhandled Errors

package/lib/types/AppConfiguration.d.ts

@@ -23,6 +23,8 @@ export interface AppConfiguration {
     GOOGLE_ANALYTICS_TRACKING_ID?: string;
     SENTRY_DSN?: string;
     SENTRY_TRACES_SAMPLE_RATE?: number;
+    SENTRY_REPLAYS_SESSION_SAMPLE_RATE?: number;
+    SENTRY_REPLAYS_ON_ERROR_SAMPLE_RATE?: number;
     APP_INSIGHTS_KEY?: string;
     CLIENT_ID: string;
     CLIENT_SECRET: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "studiokit-scaffolding-js",
-	"version": "4.7.1",
+	"version": "4.8.0-next.1.2",
 	"description": "Common scaffolding for Studio apps at Purdue",
 	"repository": "https://gitlab.com/purdue-informatics/studiokit/studiokit-scaffolding-js",
 	"license": "MIT",
@@ -85,7 +85,7 @@
 		]
 	},
 	"resolutions": {
-		"@sentry/browser": "^6.14.1",
+		"@sentry/browser": "^7.38.0",
 		"@types/react": "^17.0.0",
 		"@types/react-router": "^5.1.11",
 		"kind-of": "^6.0.3",
@@ -99,8 +99,8 @@
 		"@material-ui/icons": "^4.11.2",
 		"@microsoft/applicationinsights-web": "^2.5.11",
 		"@redux-saga/types": "^1.1.0",
-		"@sentry/react": "^6.14.1",
-		"@sentry/tracing": "^6.14.1",
+		"@sentry/react": "^7.38.0",
+		"@sentry/tracing": "^7.38.0",
 		"@types/history": "^4.7.8",
 		"@types/lodash": "^4.14.168",
 		"@types/pluralize": "^0.0.29",