studiokit-scaffolding-js 7.0.7 → 7.0.8-alpha.2

package/lib/components/Quill/CustomToolbar.js

@@ -237,8 +237,8 @@ var CustomToolbar = function (props) {
     var ref = react_1.default.createRef();
     react_1.useEffect(function () {
         var _a;
-        // initialize the toolbar after reactQuill exists and the buttons are displayed (not disabled)
-        if (!isInitialized && reactQuillRef && !disabled) {
+        // initialize the toolbar after reactQuill exists and the buttons are displayed
+        if (!isInitialized && reactQuillRef && (!disabled || isVisibleWhenDisabled)) {
             accessibilityFix_1.applyAccessibilityHacks(ref, reactQuillRef.getEditor());
             // manually modify the table picker select svg icon
             var label = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('.ql-table .ql-picker-label');
@@ -259,11 +259,11 @@ var CustomToolbar = function (props) {
             }
             setIsInitialized(true);
         }
-    }, [disabled, isInitialized, reactQuillRef, ref]);
+    }, [disabled, isInitialized, isVisibleWhenDisabled, reactQuillRef, ref]);
     var toolbarSections = react_1.useMemo(function () { return getToolbarSectionsForOptions(sectionOptions); }, [sectionOptions]);
     var hasMoreOptions = !lodash_1.isUndefined(moreSectionOptions);
     var moreToolbarSections = react_1.useMemo(function () { return (!lodash_1.isUndefined(moreSectionOptions) ? getToolbarSectionsForOptions(moreSectionOptions) : []); }, [moreSectionOptions]);
-    return (react_1.default.createElement("div", { id: "quill-toolbar-" + guid, className: "" + (className ? " " + className : '') + (disabled ? ' disabled' : '') + (!isVisibleWhenDisabled && disabled ? ' disabled-invisible' : ''), ref: ref }, (!disabled || (isVisibleWhenDisabled && isInitialized)) && (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement("div", { id: "quill-toolbar-" + guid, className: "" + (className ? " " + className : '') + (disabled ? ' disabled' : '') + (!isVisibleWhenDisabled && disabled ? ' disabled-invisible' : ''), ref: ref }, (!disabled || isVisibleWhenDisabled) && (react_1.default.createElement(react_1.default.Fragment, null,
         toolbarSections.map(function (section, i) { return (react_1.default.createElement("span", { className: "ql-formats", key: i }, section(disabled))); }),
         hasMoreOptions && (react_1.default.createElement("button", { className: "more-options f6 fw5" + (isShowingMoreOptions ? ' expanded color-primary' : ''), type: "button", title: "More options", "aria-expanded": isShowingMoreOptions, onClick: function () { return setIsShowingMoreOptions(!isShowingMoreOptions); } },
             react_1.default.createElement(MoreHoriz_1.default, { className: "ma0" }))),

package/package.json

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