@bonlineza/luxity-lib 2.29.1 → 2.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/CommunicationPreferenceOptionsRenderer.js +588 -0
  3. package/CommunicationPreferenceSection.js +680 -0
  4. package/CommunicationPreferences.js +2465 -0
  5. package/GraphQLDropdownSelector.js +20 -2
  6. package/LuxityGraphQLDropdownSelector.js +20 -2
  7. package/MaterialSelector.js +20 -2
  8. package/ModelSelector.js +20 -2
  9. package/NotificationOptionsRenderer.js +588 -0
  10. package/NotificationSection.js +680 -0
  11. package/Notifications.js +2465 -0
  12. package/build/bundle.js +2189 -0
  13. package/package.json +2 -1
package/GraphQLDropdownSelector.js CHANGED
@@ -10957,12 +10957,30 @@
10957
10957
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10958
10958
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10959
10959
 
10960
- var _templateObject$Q;
10960
+ var _templateObject$Q, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10961
+ var OptionsRow = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10962
+ var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10963
+ var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10964
+ var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10965
+ var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10966
+
10967
+ var _templateObject$R, _templateObject2$e;
10968
+ var SectionContainer = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
10969
+ return props.theme.colors.primary;
10970
+ });
10971
+ var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10972
+
10973
+ var _templateObject$S, _templateObject2$f, _templateObject3$9;
10974
+ var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n"])));
10975
+ var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n"])));
10976
+ var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n"])));
10977
+
10978
+ var _templateObject$T;
10961
10979
  var ALL_ITEM$1 = {
10962
10980
  label: 'ALL',
10963
10981
  value: 'ALL'
10964
10982
  };
10965
- var StyledMultiselector$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10983
+ var StyledMultiselector$1 = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10966
10984
  return props.theme.colors.primary;
10967
10985
  }, function (props) {
10968
10986
  return props.theme.colors.ntrlMin;
package/LuxityGraphQLDropdownSelector.js CHANGED
@@ -10957,12 +10957,30 @@
10957
10957
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10958
10958
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10959
10959
 
10960
- var _templateObject$Q;
10960
+ var _templateObject$Q, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10961
+ var OptionsRow = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10962
+ var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10963
+ var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10964
+ var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10965
+ var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10966
+
10967
+ var _templateObject$R, _templateObject2$e;
10968
+ var SectionContainer = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
10969
+ return props.theme.colors.primary;
10970
+ });
10971
+ var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10972
+
10973
+ var _templateObject$S, _templateObject2$f, _templateObject3$9;
10974
+ var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n"])));
10975
+ var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n"])));
10976
+ var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n"])));
10977
+
10978
+ var _templateObject$T;
10961
10979
  var ALL_ITEM$1 = {
10962
10980
  label: 'ALL',
10963
10981
  value: 'ALL'
10964
10982
  };
10965
- var StyledMultiselector$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10983
+ var StyledMultiselector$1 = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10966
10984
  return props.theme.colors.primary;
10967
10985
  }, function (props) {
10968
10986
  return props.theme.colors.ntrlMin;
package/MaterialSelector.js CHANGED
@@ -10957,12 +10957,30 @@
10957
10957
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10958
10958
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10959
10959
 
10960
- var _templateObject$Q;
10960
+ var _templateObject$Q, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10961
+ var OptionsRow = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10962
+ var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10963
+ var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10964
+ var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10965
+ var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10966
+
10967
+ var _templateObject$R, _templateObject2$e;
10968
+ var SectionContainer = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
10969
+ return props.theme.colors.primary;
10970
+ });
10971
+ var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10972
+
10973
+ var _templateObject$S, _templateObject2$f, _templateObject3$9;
10974
+ var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n"])));
10975
+ var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n"])));
10976
+ var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n"])));
10977
+
10978
+ var _templateObject$T;
10961
10979
  var ALL_ITEM$1 = {
10962
10980
  label: 'ALL',
10963
10981
  value: 'ALL'
10964
10982
  };
10965
- var StyledMultiselector$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10983
+ var StyledMultiselector$1 = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10966
10984
  return props.theme.colors.primary;
10967
10985
  }, function (props) {
10968
10986
  return props.theme.colors.ntrlMin;
package/ModelSelector.js CHANGED
@@ -10957,12 +10957,30 @@
10957
10957
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
10958
10958
  var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
10959
10959
 
10960
- var _templateObject$Q;
10960
+ var _templateObject$Q, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
10961
+ var OptionsRow = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
10962
+ var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
10963
+ var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
10964
+ var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
10965
+ var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
10966
+
10967
+ var _templateObject$R, _templateObject2$e;
10968
+ var SectionContainer = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
10969
+ return props.theme.colors.primary;
10970
+ });
10971
+ var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
10972
+
10973
+ var _templateObject$S, _templateObject2$f, _templateObject3$9;
10974
+ var CommunicationPreferenceContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n"])));
10975
+ var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n"])));
10976
+ var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n"])));
10977
+
10978
+ var _templateObject$T;
10961
10979
  var ALL_ITEM$1 = {
10962
10980
  label: 'ALL',
10963
10981
  value: 'ALL'
10964
10982
  };
10965
- var StyledMultiselector$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10983
+ var StyledMultiselector$1 = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
10966
10984
  return props.theme.colors.primary;
10967
10985
  }, function (props) {
10968
10986
  return props.theme.colors.ntrlMin;