magneto365.ui 2.63.4 → 2.63.5

package/dist/esm/index.js

@@ -239,20 +239,66 @@ var useMediaQuery = function (defaultValue, options) {
     return component;
 };
 
-var style$11 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_4jxnv","magneto-ui-hover":"mg_icon_magneto-ui-hover_4jxnv"};
+var styles$2t = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_tp25u","magneto-ui-hover":"mg_icon_magneto-ui-hover_tp25u","magneto-ui-rotate":"mg_icon_magneto-ui-rotate_tp25u"};
 
+function formatNumber(num) {
+    if (typeof num !== 'number')
+        return num;
+    return new Intl.NumberFormat().format(num);
+}
+var notNumberRegex = new RegExp('\\D*', 'g');
+
+var isDate = function (value) {
+    return value instanceof Date && !isNaN(value.valueOf());
+};
+
+var stubTrue = function () { return true; };
+var stubUndefined = function () { return undefined; };
+
+var classNames = {
+    bind: function (stylesObj) {
+        return function () {
+            var params = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                params[_i] = arguments[_i];
+            }
+            return params
+                // avoid nullish
+                .filter(function (param) { return param != null; })
+                .map(function (cls) {
+                var _a;
+                if (typeof cls === 'string')
+                    return (_a = stylesObj[cls]) !== null && _a !== void 0 ? _a : cls;
+                return Object.entries(cls)
+                    .filter(function (_a) {
+                    var value = _a[1];
+                    return value;
+                })
+                    .map(function (_a) {
+                    var _b;
+                    var key = _a[0];
+                    return (_b = stylesObj[key]) !== null && _b !== void 0 ? _b : key;
+                })
+                    .join(' ');
+            })
+                .join(' ');
+        };
+    }
+};
+
+var cx$P = classNames.bind(styles$2t);
 var Component$2D = function (_a) {
-    var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt;
+    var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt, isRotate = _a.isRotate;
     var _d = useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
         setImageError(true);
     };
     var iconSrc = useMemo(function () { return (!imageError ? icon !== null && icon !== void 0 ? icon : undefined : fallbackIcon); }, [fallbackIcon, imageError, icon]);
-    var isHover = hover ? style$11['magneto-ui-hover'] : '';
+    var isHover = hover ? cx$P('magneto-ui-hover') : '';
     var customStyle = size ? { width: size + 'px' } : {};
     if (!iconSrc && !showDefaultFallback)
         return null;
-    return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: "".concat(style$11['magneto-ui-icon'], " ").concat(isHover, " ").concat(className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
+    return (React.createElement(Fragment, null, icon && (React.createElement("img", { "data-name": "icon", style: customStyle, className: cx$P('magneto-ui-icon', { 'magneto-ui-rotate': isRotate }, isHover, className), src: iconSrc, alt: alt !== null && alt !== void 0 ? alt : "".concat(icon, " icon item"), loading: "lazy", width: '25px', onError: handleError }))));
 };
 /**
  * Atom UI component of Icon for general purpose
@@ -840,51 +886,6 @@ var DrawerPortal = function (_a) {
 
 var style$Z = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_1e2s0","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_1e2s0","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_1e2s0","background-drawer":"mg_mobile_drawer_background-drawer_1e2s0","fadeIn":"mg_mobile_drawer_fadeIn_1e2s0","show":"mg_mobile_drawer_show_1e2s0","hidden":"mg_mobile_drawer_hidden_1e2s0"};
 
-function formatNumber(num) {
-    if (typeof num !== 'number')
-        return num;
-    return new Intl.NumberFormat().format(num);
-}
-var notNumberRegex = new RegExp('\\D*', 'g');
-
-var isDate = function (value) {
-    return value instanceof Date && !isNaN(value.valueOf());
-};
-
-var stubTrue = function () { return true; };
-var stubUndefined = function () { return undefined; };
-
-var classNames = {
-    bind: function (stylesObj) {
-        return function () {
-            var params = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                params[_i] = arguments[_i];
-            }
-            return params
-                // avoid nullish
-                .filter(function (param) { return param != null; })
-                .map(function (cls) {
-                var _a;
-                if (typeof cls === 'string')
-                    return (_a = stylesObj[cls]) !== null && _a !== void 0 ? _a : cls;
-                return Object.entries(cls)
-                    .filter(function (_a) {
-                    var value = _a[1];
-                    return value;
-                })
-                    .map(function (_a) {
-                    var _b;
-                    var key = _a[0];
-                    return (_b = stylesObj[key]) !== null && _b !== void 0 ? _b : key;
-                })
-                    .join(' ');
-            })
-                .join(' ');
-        };
-    }
-};
-
 var cx$O = classNames.bind(style$Z);
 var Component$2y = function (_a) {
     var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c;
@@ -2962,7 +2963,7 @@ var SortMenu = function (_a) {
     return (React.createElement(Popover, { widthBase: 180, show: clickOut, content: React.createElement(ListSortMenu, __assign({}, listMenuProps)), positionX: "left", positionY: "bottom" },
         React.createElement("button", { className: "".concat(style$E['magneto-ui-btn-menu'], " ").concat(loading && style$E.disabled), title: textOrderFilter, onClick: function () { return setClickOut(!clickOut); }, disabled: loading },
             React.createElement("p", { className: style$E['magneto-ui-btn-text'] }, textOrderFilter),
-            React.createElement(IconItem, __assign({}, menuSortButton)))));
+            React.createElement(IconItem, __assign({}, menuSortButton, { isRotate: clickOut })))));
 };
 var SortMenu$1 = withClickOut(SortMenu);