magneto365.ui 2.43.4 → 2.44.0

package/dist/esm/index.js

@@ -2215,7 +2215,7 @@ var TextArea = function (_a) {
             hasCounter && React.createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
 };
 
-var style$C = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_1cw14","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_1cw14","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_1cw14","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_1cw14","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_1cw14","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_1cw14","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_1cw14","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_1cw14","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_1cw14","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_1cw14","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_1cw14","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_1cw14","checked":"mg_timeline_event_checked_1cw14","current":"mg_timeline_event_current_1cw14","blocked":"mg_timeline_event_blocked_1cw14"};
+var style$C = {"magneto-ui-timeline-event":"mg_timeline_event_magneto-ui-timeline-event_srl9l","magneto-ui-timeline-event__icon":"mg_timeline_event_magneto-ui-timeline-event_icon_srl9l","magneto-ui-timeline-event__icon--bar":"mg_timeline_event_magneto-ui-timeline-event_icon--bar_srl9l","magneto-ui-timeline-event__icon--icon":"mg_timeline_event_magneto-ui-timeline-event_icon--icon_srl9l","magneto-ui-timeline-event__text":"mg_timeline_event_magneto-ui-timeline-event_text_srl9l","magneto-ui-timeline-event__text--title":"mg_timeline_event_magneto-ui-timeline-event_text--title_srl9l","magneto-ui-timeline-event__text--title-checked":"mg_timeline_event_magneto-ui-timeline-event_text--title-checked_srl9l","magneto-ui-timeline-event__text--title-current":"mg_timeline_event_magneto-ui-timeline-event_text--title-current_srl9l","magneto-ui-timeline-event__text--title-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--title-blocked_srl9l","magneto-ui-timeline-event__text--subtitle":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle_srl9l","magneto-ui-timeline-event__text--subtitle-current":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-current_srl9l","magneto-ui-timeline-event__text--subtitle-blocked":"mg_timeline_event_magneto-ui-timeline-event_text--subtitle-blocked_srl9l","checked":"mg_timeline_event_checked_srl9l","current":"mg_timeline_event_current_srl9l","blocked":"mg_timeline_event_blocked_srl9l"};
 
 var timelineIcons = {
     checked: Checked,
@@ -2223,11 +2223,11 @@ var timelineIcons = {
     blocked: Lock
 };
 var Component$1g = function (_a) {
-    var title = _a.title, subtitle = _a.subtitle, status = _a.status;
+    var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
     var iconByType = useMemo(function () { return timelineIcons[status]; }, [status]);
     var titleStyle = style$C["".concat(classMUI, "-timeline-event__text--title-").concat(status)];
     var subtitleStyle = style$C["".concat(classMUI, "-timeline-event__text--subtitle-").concat(status)];
-    return (React.createElement("div", { className: style$C["".concat(classMUI, "-timeline-event")] },
+    return (React.createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$C["".concat(classMUI, "-timeline-event")] },
         React.createElement("div", { className: style$C["".concat(classMUI, "-timeline-event__icon")] },
             React.createElement("div", { className: "".concat(style$C["".concat(classMUI, "-timeline-event__icon--bar")], " ").concat(style$C[status]) }),
             React.createElement(IconItem, { className: style$C["".concat(classMUI, "-timeline-event__icon--icon")], icon: iconByType, alt: status })),
@@ -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, _b = _a.baseColor, baseColor = _b === void 0 ? 'transparent' : _b;
-    var _c = useState(''), isSelected = _c[0], setIsSelected = _c[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,17 +4398,16 @@ 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: baseColor,
-            color: textColor
+            color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
         };
     }, [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));
@@ -6375,7 +6374,7 @@ var STATUS = {
     BLOCKED: 'blocked'
 };
 var Component$7 = function (_a) {
-    var steps = _a.steps, currentStep = _a.currentStep;
+    var steps = _a.steps, currentStep = _a.currentStep, _b = _a.onClick, onClick = _b === void 0 ? function () { return ({}); } : _b;
     currentStep = Math.max(currentStep, 1);
     var getStatus = function (index) {
         if (index + 1 < currentStep) {
@@ -6388,7 +6387,7 @@ var Component$7 = function (_a) {
     };
     return (React.createElement("div", { className: style$8["".concat(classMUI, "-timeline")] }, steps.map(function (_a, index) {
         var subtitle = _a.subtitle, title = _a.title;
-        return (React.createElement(TimelineEvent, { key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
+        return (React.createElement(TimelineEvent, { index: index + 1, onClick: onClick, key: index, title: title, subtitle: subtitle, status: getStatus(index) }));
     })));
 };
 var Timeline = Component$7;