@bonlineza/luxity-lib 2.30.0 → 2.30.1

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 ## Changelog
 
+### 2.30.1
+- adding a class name prop for the buttons on the communications preference components.
+- removing the default section header on communication preferences.
+
 ### 2.30.0
 - Components added:
   - `CommunicationPreferences` 

package/CommunicationPreferences.js

@@ -2362,9 +2362,9 @@
   };
 
   var _templateObject$2, _templateObject2$2, _templateObject3$1;
-  var CommunicationPreferenceContainer = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n"])));
-  var EditButtonRow = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n"])));
+  var CommunicationPreferenceContainer = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
+  var EditButtonRow = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
   var BaseRequest = {
     loading: false,
     success: false,
@@ -2375,7 +2375,8 @@
     var header = _ref.header,
         requestInstance = _ref.requestInstance,
         updateNotificationsApi = _ref.updateNotificationsApi,
-        preferenceData = _ref.preferenceData;
+        preferenceData = _ref.preferenceData,
+        btnClassName = _ref.btnClassName;
 
     var _useForm = useForm(),
         handleSubmit = _useForm.handleSubmit,
@@ -2437,7 +2438,6 @@
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, requestState.loading && /*#__PURE__*/React__default.createElement(EllipsisLoader, null), header, /*#__PURE__*/React__default.createElement(CommunicationPreferenceContainer, null, /*#__PURE__*/React__default.createElement("form", {
       onSubmit: handleSubmit(onSubmit)
     }, /*#__PURE__*/React__default.createElement(CommunicationPreferenceSection$1, {
-      section_heading: "Default",
       description: "How would you prefer to receive communication:  ",
       control: control,
       name: "default_communication",
@@ -2445,17 +2445,23 @@
       is_disabled: !isEditing,
       defaultValue: preferenceData.default_communication,
       setValue: setValue
-    }), isEditing && /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {
+    }), isEditing ? /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {
       type: "submit",
       value: "Save",
-      className: "btn--luxity"
-    })))), /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement("button", {
+      className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity')
+    }), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "btn--luxity",
+      className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity'),
       onClick: function onClick() {
         setIsEditing(!isEditing);
       }
-    }, isEditing ? 'Cancel' : 'Edit')));
+    }, "Cancel")) : /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity'),
+      onClick: function onClick() {
+        setIsEditing(!isEditing);
+      }
+    }, "Edit")))));
   };
 
   var index = themed(CommunicationPreferences);

package/GraphQLDropdownSelector.js

@@ -10971,9 +10971,9 @@
   var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n"])));
 
   var _templateObject$S, _templateObject2$f, _templateObject3$9;
-  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n"])));
-  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n"])));
+  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
+  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
 
   var _templateObject$T;
   var ALL_ITEM$1 = {

package/LuxityGraphQLDropdownSelector.js

@@ -10971,9 +10971,9 @@
   var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n"])));
 
   var _templateObject$S, _templateObject2$f, _templateObject3$9;
-  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n"])));
-  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n"])));
+  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
+  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
 
   var _templateObject$T;
   var ALL_ITEM$1 = {

package/MaterialSelector.js

@@ -10971,9 +10971,9 @@
   var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n"])));
 
   var _templateObject$S, _templateObject2$f, _templateObject3$9;
-  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n"])));
-  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n"])));
+  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
+  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
 
   var _templateObject$T;
   var ALL_ITEM$1 = {

package/ModelSelector.js

@@ -10971,9 +10971,9 @@
   var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n  padding: 5px 10px;\n"])));
 
   var _templateObject$S, _templateObject2$f, _templateObject3$9;
-  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n"])));
-  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n"])));
+  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
+  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
 
   var _templateObject$T;
   var ALL_ITEM$1 = {

package/build/bundle.js

@@ -13976,9 +13976,9 @@
   var CommunicationPreferenceSection$1 = themed(CommunicationPreferenceSection);
 
   var _templateObject$S, _templateObject2$f, _templateObject3$9;
-  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n"])));
-  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n"])));
-  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n"])));
+  var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n  border: solid 1px #d1d5dbff;\n  margin-bottom: 40px;\n"])));
+  var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: end;\n  padding: 10px 5px;\n  margin-right: 16px;\n"])));
+  var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n  flex-basis: 15%;\n  margin-right: 5px;\n"])));
   var BaseRequest = {
     loading: false,
     success: false,
@@ -13989,7 +13989,8 @@
     var header = _ref.header,
         requestInstance = _ref.requestInstance,
         updateNotificationsApi = _ref.updateNotificationsApi,
-        preferenceData = _ref.preferenceData;
+        preferenceData = _ref.preferenceData,
+        btnClassName = _ref.btnClassName;
 
     var _useForm = useForm(),
         handleSubmit = _useForm.handleSubmit,
@@ -14051,7 +14052,6 @@
     return /*#__PURE__*/React__default.createElement(React.Fragment, null, requestState.loading && /*#__PURE__*/React__default.createElement(EllipsisLoader, null), header, /*#__PURE__*/React__default.createElement(CommunicationPreferenceContainer, null, /*#__PURE__*/React__default.createElement("form", {
       onSubmit: handleSubmit(onSubmit)
     }, /*#__PURE__*/React__default.createElement(CommunicationPreferenceSection$1, {
-      section_heading: "Default",
       description: "How would you prefer to receive communication:  ",
       control: control,
       name: "default_communication",
@@ -14059,17 +14059,23 @@
       is_disabled: !isEditing,
       defaultValue: preferenceData.default_communication,
       setValue: setValue
-    }), isEditing && /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {
+    }), isEditing ? /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement(SubmitButton, {
       type: "submit",
       value: "Save",
-      className: "btn--luxity"
-    })))), /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement("button", {
+      className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity')
+    }), /*#__PURE__*/React__default.createElement("button", {
       type: "button",
-      className: "btn--luxity",
+      className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity'),
       onClick: function onClick() {
         setIsEditing(!isEditing);
       }
-    }, isEditing ? 'Cancel' : 'Edit')));
+    }, "Cancel")) : /*#__PURE__*/React__default.createElement(EditButtonRow, null, /*#__PURE__*/React__default.createElement("button", {
+      type: "button",
+      className: "".concat(btnClassName !== null && btnClassName !== void 0 ? btnClassName : 'btn--luxity'),
+      onClick: function onClick() {
+        setIsEditing(!isEditing);
+      }
+    }, "Edit")))));
   };
 
   var index$5 = themed(CommunicationPreferences);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonlineza/luxity-lib",
-  "version": "2.30.0",
+  "version": "2.30.1",
   "scripts": {
     "start": "start-storybook -p 9001 -c .storybook -s ./public",
     "clean": "rimraf ./build/*.*",