studiokit-scaffolding-js 4.5.9 → 4.5.10-alpha.2

package/lib/components/AlertDialog.js

@@ -14,8 +14,8 @@ var AlertDialog = function (props) {
             react_1.default.createElement(react_bootstrap_1.Modal.Title, null, title)),
         !!description && react_1.default.createElement(react_bootstrap_1.Modal.Body, null, description),
         react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
-            !!onProceed && (react_1.default.createElement(Button_1.default, { id: "alert-dialog-proceed-btn", variant: "contained", "aria-label": proceedText || 'Confirm', color: "primary", className: "fr", onClick: onProceed }, proceedText || 'Confirm')),
-            !hideCancel && (react_1.default.createElement(Button_1.default, { id: "alert-dialog-cancel-btn", "aria-label": cancelText || 'Cancel', className: (onDestroy ? 'fr' : 'fl') + " " + (onProceed ? 'mr1' : ''), onClick: onCancel }, cancelText || 'Cancel')),
-            !!onDestroy && (react_1.default.createElement(Button_1.default, { id: "alert-dialog-destroy-btn", "aria-label": destroyText || 'Destroy', color: "secondary", className: "fl color-red", onClick: onDestroy }, destroyText || 'Destroy')))));
+            !!onProceed && (react_1.default.createElement(Button_1.default, { id: "alert-dialog-proceed-btn", "aria-label": proceedText || 'Confirm', className: "fr btn-primary", color: "primary", onClick: onProceed }, proceedText || 'Confirm')),
+            !hideCancel && (react_1.default.createElement(Button_1.default, { id: "alert-dialog-cancel-btn", color: "primary", "aria-label": cancelText || 'Cancel', className: (onDestroy ? 'fr' : 'fl') + " " + (onProceed ? 'mr1' : ''), onClick: onCancel }, cancelText || 'Cancel')),
+            !!onDestroy && (react_1.default.createElement(Button_1.default, { id: "alert-dialog-destroy-btn", "aria-label": destroyText || 'Destroy', color: "secondary", className: "fl btn-text color-red", onClick: onDestroy }, destroyText || 'Destroy')))));
 };
 exports.default = AlertDialog;

package/lib/components/Groups/CreateEditCopySaveButtons.js

@@ -11,8 +11,8 @@ var GroupCreateEditCopySaveButtons = function (_a) {
     var disabled = _a.disabled, cannotSave = _a.cannotSave, cannotSaveAndAddOwners = _a.cannotSaveAndAddOwners, canAddInstructors = _a.canAddInstructors, save = _a.save, cancel = _a.cancel;
     return (react_1.default.createElement("div", null,
         !!disabled && react_1.default.createElement(CircularProgress_1.default, { size: 30, className: "fr" }),
-        react_1.default.createElement(Button_1.default, { onClick: function () { return save(); }, className: "fr btn-primary" + (disabled ? ' visually-hidden' : ''), disabled: cannotSave() }, "Save"),
-        canAddInstructors && (react_1.default.createElement(Button_1.default, { onClick: function () { return save(true); }, className: "fr btn-primary mr1" + (disabled ? ' visually-hidden' : ''), disabled: cannotSaveAndAddOwners() }, "Save and Add Instructors")),
-        react_1.default.createElement(Button_1.default, { onClick: cancel, className: "fr btn-text mr1" + (disabled ? ' visually-hidden' : '') }, "Cancel")));
+        react_1.default.createElement(Button_1.default, { onClick: function () { return save(); }, color: "primary", className: "fr btn-primary" + (disabled ? ' visually-hidden' : ''), disabled: cannotSave() }, "Save"),
+        canAddInstructors && (react_1.default.createElement(Button_1.default, { onClick: function () { return save(true); }, color: "primary", className: "fr btn-primary mr1" + (disabled ? ' visually-hidden' : ''), disabled: cannotSaveAndAddOwners() }, "Save and Add Instructors")),
+        react_1.default.createElement(Button_1.default, { onClick: cancel, color: "primary", className: "fr btn-text mr1" + (disabled ? ' visually-hidden' : '') }, "Cancel")));
 };
 exports.GroupCreateEditCopySaveButtons = GroupCreateEditCopySaveButtons;

package/lib/components/Groups/RosterSyncInfo.js

@@ -35,9 +35,9 @@ var RosterSyncInfo = function (_a) {
     var lmsName = configuration_1.getAppConfig().LMS_NAME;
     var title = (hasLtiRosterSync ? lmsName + " " : '') + "Roster Sync";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", className: "mb0 mr1-ns pv2 ph2 fr-ns", onClick: function () { return setIsModalOpen(true); } },
+        react_1.default.createElement(Button_1.default, { color: "primary", className: "mb0 mr1-ns pv2 ph2 fr-ns btn-text", onClick: function () { return setIsModalOpen(true); } },
             react_1.default.createElement(Highlight_1.default, { className: "ml1 v-mid mr1" }),
-            react_1.default.createElement("span", { className: "mb0 b " }, title)),
+            react_1.default.createElement("span", { className: "mb0 b" }, title)),
         react_1.default.createElement(ConnectedModal_1.default, { show: isModalOpen, onHide: function () { return setIsModalOpen(false); } },
             react_1.default.createElement(react_bootstrap_1.Modal.Header, { closeButton: true },
                 react_1.default.createElement(react_bootstrap_1.Modal.Title, { className: "f4" }, title)),
@@ -49,6 +49,6 @@ var RosterSyncInfo = function (_a) {
                     hasLtiRosterSync ? "roster changes in " + lmsName : 'external roster changes',
                     ".")),
             react_1.default.createElement(react_bootstrap_1.Modal.Footer, null,
-                react_1.default.createElement(Button_1.default, { color: "primary", className: "ma0", onClick: function () { return setIsModalOpen(false); } }, "Close")))));
+                react_1.default.createElement(Button_1.default, { color: "primary", className: "ma0 btn-primary", onClick: function () { return setIsModalOpen(false); } }, "Close")))));
 };
 exports.RosterSyncInfo = RosterSyncInfo;

package/lib/components/Impersonation/Button.js

@@ -54,7 +54,7 @@ var ImpersonationButton = function (_a) {
     var userId = _a.userId, icon = _a.icon, buttonProps = __rest(_a, ["userId", "icon"]);
     var guid = react_1.useState(uuid_1.v4())[0];
     var Icon = icon !== null && icon !== void 0 ? icon : react_1.default.createElement(IconImpersonation_1.IconImpersonation, null);
-    return (react_1.default.createElement(Button_1.default, __assign({ color: "primary", onClick: function () { return user_1.startImpersonation(guid, userId); } }, buttonProps),
+    return (react_1.default.createElement(Button_1.default, __assign({ className: "btn-text", color: "primary", onClick: function () { return user_1.startImpersonation(guid, userId); } }, buttonProps),
         Icon,
         "Impersonate"));
 };

package/lib/components/SearchControls.js

@@ -24,7 +24,7 @@ var SearchControls = function (_a) {
             react_1.default.createElement(DateField_1.default, { id: "date", onChange: handleDateChange, label: "Date", "aria-label": "Active date", className: "fl-ns mw5-ns mr3-ns mb3 mb0-ns w-100-lt-xs date-align", value: dateString }))),
         react_1.default.createElement("div", { className: "fl-ns mt3-ns pt3-ns w-100-lt-xs" },
             canReadAnyGlobally && !!handleQueryAllChange && (react_1.default.createElement(react_bootstrap_1.FormCheck, { name: "queryAll", id: "queryAll", checked: queryAll, disabled: canReadAnyGlobally && !canReadSome, onChange: handleQueryAllChange, className: "fl-ns f6 mr2-ns mb3 mt2 w-100-lt-xs", label: react_1.default.createElement("span", { className: "b black" }, queryAllText || 'Search All') })),
-            react_1.default.createElement(Button_1.default, { className: "btn-primary fr-ns ml2-ns mb3 w-100-lt-xs", onClick: handleSearchClick },
+            react_1.default.createElement(Button_1.default, { className: "btn-primary fr-ns ml2-ns mb3 w-100-lt-xs", onClick: handleSearchClick, color: "primary" },
                 react_1.default.createElement(Search_1.default, { className: "fill-white v-mid" }),
                 "Search"),
             react_1.default.createElement(Button_1.default, { className: "btn-text color-pink fr-ns mb3 w-100-lt-xs", onClick: resetSearch },

package/lib/components/UserRoles/Add.js

@@ -143,7 +143,7 @@ var UserRolesAdd = /** @class */ (function (_super) {
                 react_1.default.createElement(Select_1.RoleSelect, { options: roles, value: role, onChange: this.updateRole, labelVisible: true, popoverContentComponent: rolePopover, textForRole: textForRole })),
             react_1.default.createElement(react_bootstrap_1.Col, { xs: 12, sm: 2, className: "mt3-ns pt2-ns" },
                 isAddingUsersToRole && react_1.default.createElement(Inline_1.default, { className: "mr3" }),
-                !isAddingUsersToRole && (react_1.default.createElement(Button_1.default, { id: "userRolesAddButton", className: "btn-primary w-100-lt-xs", disabled: !identifiers || disabled, onClick: this.handleSubmit },
+                !isAddingUsersToRole && (react_1.default.createElement(Button_1.default, { id: "userRolesAddButton", color: "primary", className: "btn-primary w-100-lt-xs", disabled: !identifiers || disabled, onClick: this.handleSubmit },
                     react_1.default.createElement(AddCircle_1.default, { className: "v-mid" }),
                     "Add")),
                 react_1.default.createElement(AlertDialog_1.default, { isOpen: showErrorAlert, title: "Error Adding People to the " + entityName, description: react_1.default.createElement("div", { className: "pre-wrap" }, errorMessage), proceedText: "Got it. Thanks!", onProceed: this.closeErrorAlert, onCancel: this.closeErrorAlert })),

package/lib/css/components/_buttons.css

@@ -40,7 +40,7 @@ button:focus,
 	}
 }
 
-*[class*="btn-"]:not(.btn-link) {
+*[class*="btn-"]:not(.btn-link):not(.btn-copy-to-clipboard) {
 	padding: 0.5rem 0.75rem;
 	text-transform: capitalize;
 	font-size: 0.9rem;

package/package.json

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