magneto365.ui 2.43.2 → 2.43.5

package/dist/esm/index.js

@@ -4377,8 +4377,8 @@ var Tags = function (_a) {
 var styles$z = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_nfgc1","toggle-button-selected":"mg_toggle_button_toggle-button-selected_nfgc1"};
 
 var Component$D = function (_a) {
-    var className = _a.className, color = _a.color, onChange = _a.onChange, id = _a.id, name = _a.name, currentSelect = _a.currentSelect;
-    var _b = useState(''), isSelected = _b[0], setIsSelected = _b[1];
+    var className = _a.className, _b = _a.color, color = _b === void 0 ? 'blue' : _b, onChange = _a.onChange, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _c = _a.baseColor, baseColor = _c === void 0 ? 'transparent' : _c;
+    var _d = useState(''), isSelected = _d[0], setIsSelected = _d[1];
     var isColorDark = function (color) {
         var hex = color.replace('#', '');
         var r = parseInt(hex.substring(0, 2), 16);
@@ -4398,18 +4398,18 @@ var Component$D = function (_a) {
         setIsSelected(id.toString());
     }, [currentSelect, isSelected, onChange]);
     var selectStyles = useMemo(function () {
-        var textColor = isColorDark(color || '#FFFFFF') ? '#FFFFFF' : '#000000';
         if (isSelected || currentSelect) {
             return {
-                backgroundColor: color || '#F0F1F3',
-                color: textColor,
+                backgroundColor: color,
+                color: isColorDark(color || '#FFFFFF') ? '#FFFFFF' : '#000000',
                 border: 'none'
             };
         }
         return {
-            backgroundColor: 'transparent'
+            backgroundColor: baseColor,
+            color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
         };
-    }, [color, currentSelect, isSelected]);
+    }, [baseColor, color, currentSelect, isSelected]);
     return (React.createElement("button", { className: "".concat(styles$z["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(isSelected || currentSelect ? styles$z['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" }, name));
 };
 var ToggleButton = Component$D;
@@ -6203,7 +6203,7 @@ var Component$c = function (_a) {
  */
 var Select2Input = Component$c;
 
-var styles$9 = {"magneto-ui-select2-list":"mg_select2_list_magneto-ui-select2-list_2hiux","magneto-ui-select2-list--desktop":"mg_select2_list_magneto-ui-select2-list--desktop_2hiux","magneto-ui-select2-list__item--is-selected":"mg_select2_list_magneto-ui-select2-list_item--is-selected_2hiux","magneto-ui-select2-list__item--not-selected":"mg_select2_list_magneto-ui-select2-list_item--not-selected_2hiux"};
+var styles$9 = {"magneto-ui-select2-list":"mg_select2_list_magneto-ui-select2-list_vqso0","magneto-ui-select2-list--desktop":"mg_select2_list_magneto-ui-select2-list--desktop_vqso0","magneto-ui-select2-list__item--is-selected":"mg_select2_list_magneto-ui-select2-list_item--is-selected_vqso0","magneto-ui-select2-list__item--not-selected":"mg_select2_list_magneto-ui-select2-list_item--not-selected_vqso0"};
 
 var Component$b = function (_a) {
     var disabledList = _a.disabledList, isMobile = _a.isMobile, list = _a.list, onSelected = _a.onSelected, selected = _a.selected, visible = _a.visible, render = _a.render;
@@ -6259,7 +6259,7 @@ var Component$a = function (_a) {
         setIsModalOpen(visible);
     }, []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: false, disabled: disabled, handleSearch: handleSearch, setClickOut: function () { return handleVisible(true); }, disableList: disableList, isMultiple: isMultiple, icon: icon, valueSelected: valueSelected }),
+        React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: false, disabled: disabled, handleSearch: handleSearch, setClickOut: function () { return handleVisible(true); }, disableList: disableList, isMultiple: isMultiple, icon: icon, valueSelected: valueSelected, setTerm: setTerm }),
         React.createElement(Select2Tags, { onRemove: removeValue, tags: valueSelected, visible: haveTags }),
         React.createElement(MobileDrawer, { isOpen: isModalOpen && !disableList, onClose: function () { return handleVisible(false); }, className: CNM.get({ styles: styles$8, cls: ['select2-desktop', className] }) },
             React.createElement(Select2Input, { searchValue: searchValue, placeholder: placeholder, clickOut: true, disabled: disabled, handleSearch: handleSearch, setClickOut: setClickOut, disableList: disableList, icon: icon, valueSelected: valueSelected, name: "".concat(placeholder, "-mobile"), isMultiple: isMultiple, setTerm: setTerm }),