studiokit-scaffolding-js 4.5.4 → 4.5.6-alpha.3

package/lib/components/Quill/Formats/Image.d.ts

@@ -21,7 +21,7 @@ declare const Parchment: {
 };
 export interface ImageValue {
     src: string;
-    alt: string;
+    alt?: string;
     width: string;
     height: string;
 }

package/lib/components/Quill/Formats/Image.js

@@ -62,8 +62,12 @@ var Image = /** @class */ (function (_super) {
     Image.create = function (value) {
         var _a, _b, _c;
         var node = _super.create.call(this, this.tagName);
-        // Adding a default value for images already saved in the db
-        node.setAttribute('alt', (_a = value.alt) !== null && _a !== void 0 ? _a : 'Statement Image');
+        if ((_a = value.alt) === null || _a === void 0 ? void 0 : _a.trim()) {
+            node.setAttribute('alt', value.alt);
+        }
+        else {
+            node.className = 'alt-text-missing';
+        }
         node.setAttribute('src', value.src);
         // Setting up the height and width to be reactive when an image is getting resize
         node.setAttribute('height', (_b = value.height) !== null && _b !== void 0 ? _b : 'auto');
@@ -75,7 +79,7 @@ var Image = /** @class */ (function (_super) {
         return {
             width: node.getAttribute('width'),
             height: node.getAttribute('height'),
-            alt: node.getAttribute('alt'),
+            alt: node.getAttribute('alt') || undefined,
             src: node.getAttribute('src')
         };
     };

package/lib/css/variables.css

@@ -27,7 +27,7 @@
 	--color-light-red: #f5ccd1;
 	--color-dark-gold: #7d882d;
 	--color-light-green: #e4f1d4;
-	--color-orange: #ef7d2f;
+	--color-orange: #ee701b;
 	--color-light-orange: #f8f5e6;
 	--color-dark-yellow: #b2a44a;
 	--color-dark-grey: #30363d;

package/lib/redux/configureStore.d.ts

@@ -1,5 +1,5 @@
 import { History } from 'history';
-import { Store } from 'redux';
+import { AnyAction, Store } from 'redux';
 import { Persistor, PersistState } from 'redux-persist';
 import { BaseReduxState } from '../types';
 export declare type CustomStore<TReduxState extends BaseReduxState> = Store<TReduxState & {
@@ -7,6 +7,8 @@ export declare type CustomStore<TReduxState extends BaseReduxState> = Store<TRed
 }, any> & {
     dispatch: unknown;
 };
+export declare const stripState: (obj: any, parentKey?: any) => any;
+export declare const actionTransformer: (action: AnyAction) => any;
 declare const configureStore: <TReduxState extends BaseReduxState<import("../types").BaseModelsState<import("../types").Group, import("../types").BaseSearchModelsState<import("../types").Group>>>>(history: History<any>) => {
     store: CustomStore<TReduxState>;
     persistor: Persistor;

package/lib/redux/configureStore.js

@@ -29,6 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.actionTransformer = exports.stripState = void 0;
 var Sentry = __importStar(require("@sentry/react"));
 var connected_react_router_1 = require("connected-react-router");
 var lodash_1 = require("lodash");
@@ -43,49 +44,52 @@ var actionCreator_1 = require("./actionCreator");
 var actions_1 = require("./actions");
 var configureReducers_1 = __importDefault(require("./configureReducers"));
 var rootSaga_1 = __importDefault(require("./sagas/rootSaga"));
-var sensitiveKeys = ['puid', 'employeeNumber', 'access_token', 'refresh_token', 'password', 'Password'];
-var stripSensitiveData = function (obj) {
+var keysToFilter = ['puid', 'employeeNumber', 'access_token', 'refresh_token', 'password', 'Password', 'content'];
+var filterData = function (obj) {
     return lodash_1.transform(obj, function (result, value, key) {
-        if (sensitiveKeys.includes(key)) {
+        if (keysToFilter.includes(key)) {
             result[key] = '[Filtered]';
             return;
         }
-        result[key] = lodash_1.isPlainObject(value) ? stripSensitiveData(value) : value;
+        result[key] = lodash_1.isPlainObject(value) || lodash_1.isArray(value) ? filterData(value) : value;
     });
 };
 var stripState = function (obj, parentKey) {
     return lodash_1.transform(obj, function (result, value, key) {
         if (lodash_1.isPlainObject(value)) {
-            result[key] = stripState(value, key);
+            result[key] = exports.stripState(value, key);
         }
         else if (key === 'id' || parentKey === '_metadata') {
             result[key] = value;
         }
     });
 };
+exports.stripState = stripState;
+var actionTransformer = function (action) {
+    var _a;
+    // action breadcrumb filtering
+    if (
+    // do not track API responses
+    action.type === studiokit_net_js_1.NET_ACTION.FETCH_RESULT_RECEIVED ||
+        action.type === studiokit_net_js_1.NET_ACTION.TRANSIENT_FETCH_RESULT_RECEIVED ||
+        // do not track modal actions
+        action.type === actions_1.ACTION.MODAL_ENTERING ||
+        action.type === actions_1.ACTION.MODAL_EXITED ||
+        // do not track API requests for tokens
+        (action.type === studiokit_net_js_1.NET_ACTION.DATA_REQUESTED && ((_a = action.data) === null || _a === void 0 ? void 0 : _a.modelName) === 'getToken')) {
+        return null;
+    }
+    return filterData(action);
+};
+exports.actionTransformer = actionTransformer;
 var configureStore = function (history) {
     var appConfig = configuration_1.getAppConfig();
     var sentryReduxEnhancer = Sentry.createReduxEnhancer({
         stateTransformer: function (state) {
             // Transform the state to remove unneeded data
-            return stripState(state);
+            return exports.stripState(state);
         },
-        actionTransformer: function (action) {
-            var _a;
-            // action breadcrumb filtering
-            if (
-            // do not track API responses
-            action.type === studiokit_net_js_1.NET_ACTION.FETCH_RESULT_RECEIVED ||
-                action.type === studiokit_net_js_1.NET_ACTION.TRANSIENT_FETCH_RESULT_RECEIVED ||
-                // do not track modal actions
-                action.type === actions_1.ACTION.MODAL_ENTERING ||
-                action.type === actions_1.ACTION.MODAL_EXITED ||
-                // do not track API requests for tokens
-                (action.type === studiokit_net_js_1.NET_ACTION.DATA_REQUESTED && ((_a = action.data) === null || _a === void 0 ? void 0 : _a.modelName) === 'getToken')) {
-                return null;
-            }
-            return stripSensitiveData(action);
-        }
+        actionTransformer: exports.actionTransformer
     });
     var sagaMiddleware = redux_saga_1.default();
     var reduxRouterMiddleware = connected_react_router_1.routerMiddleware(history);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "studiokit-scaffolding-js",
-	"version": "4.5.4",
+	"version": "4.5.6-alpha.3",
 	"description": "Common scaffolding for Studio apps at Purdue",
 	"repository": "https://gitlab.com/purdue-informatics/studiokit/studiokit-scaffolding-js",
 	"license": "MIT",