react-magma-dom 4.10.0-next.4 → 4.10.0-next.5

package/dist/hooks/useDeviceDetect.d.ts

@@ -4,5 +4,10 @@ declare const useDeviceDetect: () => {
     isFirefox: boolean;
     isEdge: boolean;
     isMobile: boolean;
+    isWindows: boolean;
+    isMacOS: boolean;
+    isLinux: boolean;
+    isAndroid: boolean;
+    isIOS: boolean;
 };
 export default useDeviceDetect;

package/dist/properties.json

@@ -396,22 +396,22 @@
       "types": [
         {
           "type": "reference",
-          "id": 7148,
+          "id": 7162,
           "name": "AccordionMultipleProps"
         },
         {
           "type": "reference",
-          "id": 7423,
+          "id": 7437,
           "name": "AccordionSingleProps"
         },
         {
           "type": "reference",
-          "id": 7697,
+          "id": 7711,
           "name": "AccordionMultipleControlledProps"
         },
         {
           "type": "reference",
-          "id": 7971,
+          "id": 7985,
           "name": "AccordionSingleControlledProps"
         }
       ]
@@ -716,7 +716,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 6850,
+            "id": 6864,
             "name": "useAccordion"
           }
         }
@@ -763,7 +763,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 8859,
+            "id": 8873,
             "name": "useAccordionButton"
           }
         }
@@ -866,7 +866,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 8274,
+            "id": 8288,
             "name": "useAccordionItem"
           }
         }
@@ -3934,7 +3934,7 @@
     },
     "indexSignature": [
       {
-        "id": 25380,
+        "id": 25394,
         "name": "__index",
         "kind": 8192,
         "kindString": "Index signature",
@@ -3946,7 +3946,7 @@
         },
         "parameters": [
           {
-            "id": 25381,
+            "id": 25395,
             "name": "key",
             "kind": 32768,
             "kindString": "Parameter",
@@ -4036,12 +4036,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 25386,
+          "id": 25400,
           "name": "BaseDatagridProps"
         },
         {
           "type": "reference",
-          "id": 25689,
+          "id": 25703,
           "name": "DatagridSelectedRowsProps"
         }
       ]
@@ -4260,12 +4260,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 25685,
+          "id": 25699,
           "name": "ControlledSelectedRowsProps"
         },
         {
           "type": "reference",
-          "id": 25687,
+          "id": 25701,
           "name": "UncontrolledSelectedRowsProps"
         }
       ],
@@ -5648,7 +5648,7 @@
     },
     "type": {
       "type": "reference",
-      "id": 9298,
+      "id": 9312,
       "name": "AccordionPanelProps"
     },
     "id": "DropdownExpandableMenuPanelProps",
@@ -9567,12 +9567,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 16785,
+          "id": 16799,
           "name": "NavTabChildrenProps"
         },
         {
           "type": "reference",
-          "id": 17059,
+          "id": 17073,
           "name": "NavTabComponentProps"
         }
       ],
@@ -9674,7 +9674,7 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 14990,
+          "id": 15004,
           "name": "TabsProps"
         },
         {
@@ -10029,12 +10029,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 28535,
+          "id": 28549,
           "name": "ControlledPaginationProps"
         },
         {
           "type": "reference",
-          "id": 28818,
+          "id": 28832,
           "name": "UncontrolledPaginationProps"
         }
       ]
@@ -11008,12 +11008,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 32551,
+          "id": 32565,
           "name": "IconOnlyPopoverTriggerProps"
         },
         {
           "type": "reference",
-          "id": 32556,
+          "id": 32570,
           "name": "IconTextPopoverTriggerProps"
         }
       ],
@@ -14850,12 +14850,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 24694,
+          "id": 24708,
           "name": "ControlledPageProps"
         },
         {
           "type": "reference",
-          "id": 24696,
+          "id": 24710,
           "name": "UncontrolledPageProps"
         }
       ],
@@ -14877,12 +14877,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 24698,
+          "id": 24712,
           "name": "ControlledRowsPerPageProps"
         },
         {
           "type": "reference",
-          "id": 24700,
+          "id": 24714,
           "name": "UncontrolledRowsPerPageProps"
         }
       ],
@@ -14904,17 +14904,17 @@
       "types": [
         {
           "type": "reference",
-          "id": 24415,
+          "id": 24429,
           "name": "BaseTablePaginationProps"
         },
         {
           "type": "reference",
-          "id": 24710,
+          "id": 24724,
           "name": "PagePaginationProps"
         },
         {
           "type": "reference",
-          "id": 24711,
+          "id": 24725,
           "name": "RowsPaginationProps"
         }
       ]
@@ -15530,12 +15530,12 @@
       "types": [
         {
           "type": "reference",
-          "id": 14987,
+          "id": 15001,
           "name": "HorizontalTabsProps"
         },
         {
           "type": "reference",
-          "id": 14984,
+          "id": 14998,
           "name": "VerticalTabsProps"
         }
       ]
@@ -16013,12 +16013,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 30814,
+          "id": 30828,
           "name": "DeletableTagProps"
         },
         {
           "type": "reference",
-          "id": 30827,
+          "id": 30841,
           "name": "ClickableTagProps"
         }
       ],
@@ -16263,7 +16263,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 32155,
+            "id": 32169,
             "name": "useTimePicker"
           }
         }
@@ -16958,12 +16958,12 @@
       "typeArguments": [
         {
           "type": "reference",
-          "id": 34889,
+          "id": 34903,
           "name": "ToggleButtonTextProps"
         },
         {
           "type": "reference",
-          "id": 35173,
+          "id": 35187,
           "name": "ToggleButtonIconProps"
         }
       ],
@@ -17565,7 +17565,7 @@
     },
     "type": {
       "type": "reference",
-      "id": 34160,
+      "id": 34174,
       "name": "UseTreeItemProps"
     },
     "id": "TreeItemProps",
@@ -18304,7 +18304,7 @@
           "type": "query",
           "queryType": {
             "type": "reference",
-            "id": 33934,
+            "id": 33948,
             "name": "useTreeView"
           }
         }
@@ -18501,7 +18501,7 @@
     },
     "typeParameter": [
       {
-        "id": 22555,
+        "id": 22569,
         "name": "PaginatedItem",
         "kind": 131072,
         "kindString": "Type parameter",
@@ -18561,7 +18561,7 @@
     },
     "typeParameter": [
       {
-        "id": 22564,
+        "id": 22578,
         "name": "PaginatedItem",
         "kind": 131072,
         "kindString": "Type parameter",

package/dist/react-magma-dom.cjs.development.js

@@ -1458,6 +1458,20 @@ var _reactNodeToString = function reactNodeToString(node) {
   }
   return '';
 };
+function collectTextFromReactNode(node) {
+  var result = [];
+  React__default.Children.forEach(node, function (child) {
+    if (child === null || typeof child === 'boolean') {
+      return;
+    }
+    if (typeof child === 'string' || typeof child === 'number') {
+      result.push(child);
+    } else if (React__default.isValidElement(child)) {
+      result.push(collectTextFromReactNode(child.props.children));
+    }
+  });
+  return result.join(' ');
+}
 
 var _excluded = ["alignment", "children", "color", "isInverse", "orientation", "noSpace", "size", "testId", "textTransform", "variant"];
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -7925,11 +7939,59 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (props, forwardedR
 });
 DropdownMenuItem.displayName = 'DropdownMenuItem';
 
+var useDeviceDetect = function useDeviceDetect() {
+  var userAgent = React.useMemo(function () {
+    return navigator.userAgent.toLowerCase();
+  }, []);
+  var isSafari = React.useMemo(function () {
+    return /^((?!chrome|android).)*safari/i.test(userAgent);
+  }, [userAgent]);
+  var isChrome = React.useMemo(function () {
+    return /chrome|crios/i.test(userAgent) && !/edge|edg/i.test(userAgent);
+  }, [userAgent]);
+  var isFirefox = React.useMemo(function () {
+    return /firefox|fxios/i.test(userAgent);
+  }, [userAgent]);
+  var isEdge = React.useMemo(function () {
+    return /edge|edg/i.test(userAgent);
+  }, [userAgent]);
+  var isMobile = React.useMemo(function () {
+    return /mobi|android|touch|mini/i.test(userAgent);
+  }, [userAgent]);
+  var isWindows = React.useMemo(function () {
+    return /windows nt/.test(userAgent);
+  }, [userAgent]);
+  var isMacOS = React.useMemo(function () {
+    return /macintosh/.test(userAgent);
+  }, [userAgent]);
+  var isAndroid = React.useMemo(function () {
+    return /android/.test(userAgent);
+  }, [userAgent]);
+  var isIOS = React.useMemo(function () {
+    return /iphone|ipad|ipod/.test(userAgent);
+  }, [userAgent]);
+  var isLinux = React.useMemo(function () {
+    return /linux/.test(userAgent) && !isAndroid;
+  }, [userAgent, isAndroid]);
+  return {
+    isSafari: isSafari,
+    isChrome: isChrome,
+    isFirefox: isFirefox,
+    isEdge: isEdge,
+    isMobile: isMobile,
+    isWindows: isWindows,
+    isMacOS: isMacOS,
+    isLinux: isLinux,
+    isAndroid: isAndroid,
+    isIOS: isIOS
+  };
+};
+
 var _excluded$O = ["children", "icon", "to"];
 var StyledItem$3 = /*#__PURE__*/_styled("a", {
   target: "e1b21r9q0",
   label: "StyledItem"
-})(MenuItemStyles, " text-decoration:none;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudU5hdkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00QiIsImZpbGUiOiJEcm9wZG93bk1lbnVOYXZJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBEcm9wZG93bkNvbnRleHQgfSBmcm9tICcuL0Ryb3Bkb3duJztcclxuaW1wb3J0IHsgTWVudUl0ZW1TdHlsZXMsIEljb25XcmFwcGVyIH0gZnJvbSAnLi9Ecm9wZG93bk1lbnVJdGVtJztcclxuaW1wb3J0IHsgVGhlbWVDb250ZXh0IH0gZnJvbSAnLi4vLi4vdGhlbWUvVGhlbWVDb250ZXh0JztcclxuaW1wb3J0IHsgdXNlRm9ya2VkUmVmIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xyXG5jb25zdCBTdHlsZWRJdGVtID0gc3R5bGVkLmEgYFxuICAke01lbnVJdGVtU3R5bGVzfVxuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG5gO1xyXG5leHBvcnQgY29uc3QgRHJvcGRvd25NZW51TmF2SXRlbSA9IFJlYWN0LmZvcndhcmRSZWYoKHByb3BzLCBmb3J3YXJkZWRSZWYpID0+IHtcclxuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGljb24sIHRvLCAuLi5vdGhlciB9ID0gcHJvcHM7XHJcbiAgICBjb25zdCBvd25SZWYgPSBSZWFjdC51c2VSZWYoKTtcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgY29uc3QgY29udGV4dCA9IFJlYWN0LnVzZUNvbnRleHQoRHJvcGRvd25Db250ZXh0KTtcclxuICAgIGNvbnN0IHJlZiA9IHVzZUZvcmtlZFJlZihmb3J3YXJkZWRSZWYsIG93blJlZik7XHJcbiAgICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGNvbnRleHQucmVnaXN0ZXJEcm9wZG93bk1lbnVJdGVtKGNvbnRleHQuaXRlbVJlZkFycmF5LCBvd25SZWYpO1xyXG4gICAgfSwgW10pO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEl0ZW0sIE9iamVjdC5hc3NpZ24oe30sIG90aGVyLCB7IGhyZWY6IHRvLCBpc0ZpeGVkV2lkdGg6IGNvbnRleHQuaXNGaXhlZFdpZHRoLCBpc0ludmVyc2U6IGNvbnRleHQuaXNJbnZlcnNlLCByZWY6IHJlZiwgcm9sZTogXCJtZW51aXRlbVwiLCB0YWJJbmRleDogLTEsIHRoZW1lOiB0aGVtZSB9KSxcclxuICAgICAgICBpY29uICYmIFJlYWN0LmNyZWF0ZUVsZW1lbnQoSWNvbldyYXBwZXIsIHsgdGhlbWU6IHRoZW1lIH0sIGljb24pLFxyXG4gICAgICAgIGNoaWxkcmVuKSk7XHJcbn0pO1xyXG5Ecm9wZG93bk1lbnVOYXZJdGVtLmRpc3BsYXlOYW1lID0gJ0Ryb3Bkb3duTWVudU5hdkl0ZW0nO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ecm9wZG93bk1lbnVOYXZJdGVtLmpzLm1hcCJdfQ== */"));
+})(MenuItemStyles, " text-decoration:none;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3Bkb3duTWVudU5hdkl0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU80QiIsImZpbGUiOiJEcm9wZG93bk1lbnVOYXZJdGVtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBEcm9wZG93bkNvbnRleHQgfSBmcm9tICcuL0Ryb3Bkb3duJztcclxuaW1wb3J0IHsgTWVudUl0ZW1TdHlsZXMsIEljb25XcmFwcGVyIH0gZnJvbSAnLi9Ecm9wZG93bk1lbnVJdGVtJztcclxuaW1wb3J0IHVzZURldmljZURldGVjdCBmcm9tICcuLi8uLi9ob29rcy91c2VEZXZpY2VEZXRlY3QnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgeyB1c2VGb3JrZWRSZWYsIGNvbGxlY3RUZXh0RnJvbVJlYWN0Tm9kZSB9IGZyb20gJy4uLy4uL3V0aWxzJztcclxuY29uc3QgU3R5bGVkSXRlbSA9IHN0eWxlZC5hIGBcbiAgJHtNZW51SXRlbVN0eWxlc31cbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuYDtcclxuZXhwb3J0IGNvbnN0IERyb3Bkb3duTWVudU5hdkl0ZW0gPSBSZWFjdC5mb3J3YXJkUmVmKChwcm9wcywgZm9yd2FyZGVkUmVmKSA9PiB7XHJcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBpY29uLCB0bywgLi4ub3RoZXIgfSA9IHByb3BzO1xyXG4gICAgY29uc3Qgb3duUmVmID0gUmVhY3QudXNlUmVmKCk7XHJcbiAgICBjb25zdCB0aGVtZSA9IFJlYWN0LnVzZUNvbnRleHQoVGhlbWVDb250ZXh0KTtcclxuICAgIGNvbnN0IGNvbnRleHQgPSBSZWFjdC51c2VDb250ZXh0KERyb3Bkb3duQ29udGV4dCk7XHJcbiAgICBjb25zdCByZWYgPSB1c2VGb3JrZWRSZWYoZm9yd2FyZGVkUmVmLCBvd25SZWYpO1xyXG4gICAgUmVhY3QudXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb250ZXh0LnJlZ2lzdGVyRHJvcGRvd25NZW51SXRlbShjb250ZXh0Lml0ZW1SZWZBcnJheSwgb3duUmVmKTtcclxuICAgIH0sIFtdKTtcclxuICAgIGNvbnN0IHsgaXNGaXJlZm94LCBpc1dpbmRvd3MgfSA9IHVzZURldmljZURldGVjdCgpO1xyXG4gICAgY29uc3QgYXJpYUxhYmVsID0gUmVhY3QudXNlTWVtbygoKSA9PiB7XHJcbiAgICAgICAgaWYgKGlzV2luZG93cyAmJiBpc0ZpcmVmb3gpIHtcclxuICAgICAgICAgICAgY29uc3QgY29sbGVjdGVkVGV4dCA9IGNvbGxlY3RUZXh0RnJvbVJlYWN0Tm9kZShjaGlsZHJlbik7XHJcbiAgICAgICAgICAgIHJldHVybiBjb2xsZWN0ZWRUZXh0Lmxlbmd0aCA+IDAgPyBjb2xsZWN0ZWRUZXh0IDogdW5kZWZpbmVkO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xyXG4gICAgfSwgW10pO1xyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEl0ZW0sIE9iamVjdC5hc3NpZ24oe30sIG90aGVyLCB7IGhyZWY6IHRvLCBpc0ZpeGVkV2lkdGg6IGNvbnRleHQuaXNGaXhlZFdpZHRoLCBpc0ludmVyc2U6IGNvbnRleHQuaXNJbnZlcnNlLCByZWY6IHJlZiwgcm9sZTogXCJtZW51aXRlbVwiLCB0YWJJbmRleDogLTEsIHRoZW1lOiB0aGVtZSwgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCB9KSxcclxuICAgICAgICBpY29uICYmIFJlYWN0LmNyZWF0ZUVsZW1lbnQoSWNvbldyYXBwZXIsIHsgdGhlbWU6IHRoZW1lIH0sIGljb24pLFxyXG4gICAgICAgIGNoaWxkcmVuKSk7XHJcbn0pO1xyXG5Ecm9wZG93bk1lbnVOYXZJdGVtLmRpc3BsYXlOYW1lID0gJ0Ryb3Bkb3duTWVudU5hdkl0ZW0nO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ecm9wZG93bk1lbnVOYXZJdGVtLmpzLm1hcCJdfQ== */"));
 var DropdownMenuNavItem = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
   var children = props.children,
     icon = props.icon,
@@ -7942,6 +8004,16 @@ var DropdownMenuNavItem = /*#__PURE__*/React.forwardRef(function (props, forward
   React.useEffect(function () {
     context.registerDropdownMenuItem(context.itemRefArray, ownRef);
   }, []);
+  var _useDeviceDetect = useDeviceDetect(),
+    isFirefox = _useDeviceDetect.isFirefox,
+    isWindows = _useDeviceDetect.isWindows;
+  var ariaLabel = React.useMemo(function () {
+    if (isWindows && isFirefox) {
+      var collectedText = collectTextFromReactNode(children);
+      return collectedText.length > 0 ? collectedText : undefined;
+    }
+    return undefined;
+  }, []);
   return React.createElement(StyledItem$3, Object.assign({}, other, {
     href: to,
     isFixedWidth: context.isFixedWidth,
@@ -7949,7 +8021,8 @@ var DropdownMenuNavItem = /*#__PURE__*/React.forwardRef(function (props, forward
     ref: ref,
     role: "menuitem",
     tabIndex: -1,
-    theme: theme
+    theme: theme,
+    "aria-label": ariaLabel
   }), icon && React.createElement(IconWrapper$7, {
     theme: theme
   }, icon), children);