magneto365.ui 2.65.9 → 2.66.0

package/dist/esm/index.js

@@ -659,7 +659,7 @@ var Component$35 = function (_a) {
 };
 var Badge = Component$35;
 
-var styles$2V = {"magneto-ui-chart-bar":"mg_bar_chart_magneto-ui-chart-bar_by1hf","magneto-ui-chart-bar__popover":"mg_bar_chart_magneto-ui-chart-bar_popover_by1hf","popover-left":"mg_bar_chart_popover-left_by1hf","popover-right":"mg_bar_chart_popover-right_by1hf"};
+var styles$2V = {"magneto-ui-chart-bar":"mg_bar_chart_magneto-ui-chart-bar_1jzzq","magneto-ui-chart-bar__point":"mg_bar_chart_magneto-ui-chart-bar_point_1jzzq","magneto-ui-chart-bar__popover":"mg_bar_chart_magneto-ui-chart-bar_popover_1jzzq","popover-left":"mg_bar_chart_popover-left_1jzzq","popover-right":"mg_bar_chart_popover-right_1jzzq"};
 
 var numberToCurrency = function (currency, withSymbol) {
     if (withSymbol === void 0) { withSymbol = true; }
@@ -676,7 +676,7 @@ var EPositions;
 })(EPositions || (EPositions = {}));
 
 var Component$34 = function (_a) {
-    var range = _a.bin, percentage = _a.heightPercentage, jobText = _a.jobText, _b = _a.maxHeight, maxHeight = _b === void 0 ? 400 : _b, _c = _a.maxPercentage, maxPercentage = _c === void 0 ? 1 : _c;
+    var range = _a.bin, percentage = _a.heightPercentage, jobText = _a.jobText, point = _a.point, _b = _a.maxHeight, maxHeight = _b === void 0 ? 400 : _b, _c = _a.maxPercentage, maxPercentage = _c === void 0 ? 1 : _c;
     var barRef = useRef(null);
     var _d = useState(false), isHover = _d[0], setIsHover = _d[1];
     var _e = useMemo(function () { return range; }, [range]), minRange = _e[0], maxRange = _e[1];
@@ -703,7 +703,9 @@ var Component$34 = function (_a) {
     }, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
     return (React.createElement("div", { style: {
             height: Math.max((percentage / maxPercentage) * maxHeight, 1)
-        }, ref: barRef, className: styles$2V['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } }, popoverContent));
+        }, ref: barRef, className: styles$2V['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
+        React.createElement("div", { className: styles$2V['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
+        popoverContent));
 };
 var BarChart = Component$34;
 
@@ -3205,8 +3207,17 @@ var Component$2g = function (_a) {
     var maxHeight = _a.maxHeight, data = _a.data, mean = _a.mean, texts = _a.texts;
     var minValue = useMemo(function () { return data[0].bin[0]; }, [data]);
     var maxValue = useMemo(function () { return data[data.length - 1].bin[1]; }, [data]);
+    var _b = useMemo(function () {
+        var getHeightPercentage = function (_a) {
+            var heightPercentage = _a.heightPercentage;
+            return heightPercentage;
+        };
+        var shorterBar = Math.min.apply(Math, data.map(getHeightPercentage));
+        var talestBar = Math.max.apply(Math, data.map(getHeightPercentage));
+        return { talestBar: talestBar, shorterBar: shorterBar };
+    }, [data]), talestBar = _b.talestBar, shorterBar = _b.shorterBar;
     return (React.createElement("div", { className: styles$2d['magneto-ui-chart-bars'] },
-        React.createElement("div", { className: styles$2d['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React.createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight }))); })),
+        React.createElement("div", { className: styles$2d['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React.createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight, point: talestBar == bar.heightPercentage || shorterBar == bar.heightPercentage ? '#1a324c' : undefined }))); })),
         React.createElement("div", { className: styles$2d['magneto-ui-chart-bars__minmax'] },
             React.createElement("p", null,
                 " ",
@@ -6807,13 +6818,13 @@ var MagnetoSocialMedia = function (_a) {
         }))));
 };
 
-var style$o = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_16j6z","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_16j6z","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_16j6z","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_16j6z","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_16j6z"};
+var style$o = {"mega-menu-cards":"mg_mega_menu_cards_mega-menu-cards_2819j","mega-menu-cards__filter":"mg_mega_menu_cards_mega-menu-cards_filter_2819j","mega-menu-cards__title":"mg_mega_menu_cards_mega-menu-cards_title_2819j","mega-menu-cards__action":"mg_mega_menu_cards_mega-menu-cards_action_2819j","mega-menu-cards__action--grey":"mg_mega_menu_cards_mega-menu-cards_action--grey_2819j"};
 
 var MegaMenuCards = function (_a) {
     var _b;
     var jobs = _a.jobs, action = _a.action, title = _a.title, actionTitle = _a.actionTitle, className = _a.className, filterProps = _a.filterProps, _c = _a.maxCards, maxCards = _c === void 0 ? 39 : _c;
     var renderTitle = useMediaQuery(title && (React.createElement("div", { className: "".concat(style$o["mega-menu-cards__title"]) },
-        React.createElement("h4", null, title),
+        React.createElement("p", null, title),
         actionTitle && (React.createElement(ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: "".concat(style$o["mega-menu-cards__action--grey"]) })))), {
         md: title && actionTitle && (React.createElement(ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: "".concat(style$o["mega-menu-cards__action--grey"]) }))
     });