magneto365.ui 2.65.9 → 2.66.0

package/dist/cjs/index.js

@@ -668,7 +668,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; }
@@ -685,7 +685,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 = React.useRef(null);
     var _d = React.useState(false), isHover = _d[0], setIsHover = _d[1];
     var _e = React.useMemo(function () { return range; }, [range]), minRange = _e[0], maxRange = _e[1];
@@ -712,7 +712,9 @@ var Component$34 = function (_a) {
     }, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
     return (React__default["default"].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__default["default"].createElement("div", { className: styles$2V['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
+        popoverContent));
 };
 var BarChart = Component$34;
 
@@ -3214,8 +3216,17 @@ var Component$2g = function (_a) {
     var maxHeight = _a.maxHeight, data = _a.data, mean = _a.mean, texts = _a.texts;
     var minValue = React.useMemo(function () { return data[0].bin[0]; }, [data]);
     var maxValue = React.useMemo(function () { return data[data.length - 1].bin[1]; }, [data]);
+    var _b = React.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__default["default"].createElement("div", { className: styles$2d['magneto-ui-chart-bars'] },
-        React__default["default"].createElement("div", { className: styles$2d['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React__default["default"].createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight }))); })),
+        React__default["default"].createElement("div", { className: styles$2d['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React__default["default"].createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight, point: talestBar == bar.heightPercentage || shorterBar == bar.heightPercentage ? '#1a324c' : undefined }))); })),
         React__default["default"].createElement("div", { className: styles$2d['magneto-ui-chart-bars__minmax'] },
             React__default["default"].createElement("p", null,
                 " ",
@@ -6816,13 +6827,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__default["default"].createElement("div", { className: "".concat(style$o["mega-menu-cards__title"]) },
-        React__default["default"].createElement("h4", null, title),
+        React__default["default"].createElement("p", null, title),
         actionTitle && (React__default["default"].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__default["default"].createElement(ButtonLink, { href: actionTitle.url, buttonText: actionTitle.label, onClick: actionTitle.onClick, prefixIcon: ArrowRight2, iconSize: 14, className: "".concat(style$o["mega-menu-cards__action--grey"]) }))
     });