@fluentui/react-menu 9.74.7-experimental.cli-api.20261006-ccaa611d58.0 → 9.75.0-experimental.css-modules.20261031-810ab07afb.0

package/lib-commonjs/utils/useValidateNesting.cjs

@@ -26,8 +26,8 @@ const useValidateNesting = (componentName)=>{
             let ancestor = ref.current;
             let ancestorComponentName = '';
             do {
-                var _ancestor_parentElement;
-                ancestor = (_ancestor_parentElement = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ancestor_parentElement !== void 0 ? _ancestor_parentElement : null;
+                var _ref;
+                ancestor = (_ref = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ref !== void 0 ? _ref : null;
                 if (ancestor === null || ancestor === void 0 ? void 0 : ancestor.classList.contains('fui-MenuList')) {
                     break;
                 } else if (ancestor === null || ancestor === void 0 ? void 0 : ancestor.classList.contains('fui-MenuGrid')) {
@@ -80,11 +80,11 @@ const useValidateNesting = (componentName)=>{
 const getCellOfTrigger = (trigger, targetDocument)=>{
     let ancestor = trigger === null || trigger === void 0 ? void 0 : trigger.parentElement;
     while(ancestor && ancestor !== (targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.body)){
+        var _ref;
         if (ancestor === null || ancestor === void 0 ? void 0 : ancestor.classList.contains('fui-MenuGridCell')) {
             return ancestor;
         }
-        var _ancestor_parentElement;
-        ancestor = (_ancestor_parentElement = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ancestor_parentElement !== void 0 ? _ancestor_parentElement : null;
+        ancestor = (_ref = ancestor === null || ancestor === void 0 ? void 0 : ancestor.parentElement) !== null && _ref !== void 0 ? _ref : null;
     }
     return null;
 };

package/lib-commonjs/utils/useValidateNesting.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/useValidateNesting.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport type { MenuContextValue } from '../contexts/menuContext';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\n\ntype NestingComponentName = 'MenuList' | 'MenuItem' | 'MenuItemCheckbox' | 'MenuItemRadio';\n\nexport const useValidateNesting = (componentName: NestingComponentName): React.RefObject<HTMLElement | null> => {\n  const { targetDocument } = useFluent();\n  const triggerRef = useMenuContext_unstable((context: MenuContextValue) => context.triggerRef);\n  const inline = useMenuContext_unstable((context: MenuContextValue) => context.inline);\n  const ref = React.useRef<HTMLElement | null>(null);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This check should run only in development mode\n    // It's okay to disable the ESLint rule because we ar checking env variable statically (not at runtime)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      let ancestor = ref.current;\n      let ancestorComponentName = '';\n      do {\n        ancestor = ancestor?.parentElement ?? null;\n        if (ancestor?.classList.contains('fui-MenuList')) {\n          break;\n        } else if (ancestor?.classList.contains('fui-MenuGrid')) {\n          ancestorComponentName = 'MenuGrid';\n        } else if (ancestor?.classList.contains('fui-MenuGridItem')) {\n          ancestorComponentName = 'MenuGridItem';\n        } else if (ancestor?.classList.contains('fui-MenuGridRow')) {\n          ancestorComponentName = 'MenuGridRow';\n        } else if (ancestor?.classList.contains('fui-MenuGridCell')) {\n          ancestorComponentName = 'MenuGridCell';\n        }\n        if (['MenuItem', 'MenuItemCheckbox', 'MenuItemRadio'].includes(componentName)) {\n          if (['MenuGrid', 'MenuGridItem', 'MenuGridRow', 'MenuGridCell'].includes(ancestorComponentName)) {\n            throw new Error(\n              `${componentName} is incorrectly nested within ${ancestorComponentName}. You probably want to wrap it in a MenuList instead.`,\n            );\n          }\n        } else if (componentName === 'MenuList') {\n          if (ancestorComponentName === 'MenuGridCell') {\n            if (inline && getCellOfTrigger(triggerRef.current, targetDocument) === ancestor) {\n              break;\n            }\n            throw new Error(`MenuList is incorrectly nested within MenuGridCell.`);\n          } else if (['MenuGrid', 'MenuGridItem', 'MenuGridRow'].includes(ancestorComponentName)) {\n            throw new Error(`MenuList is incorrectly nested within ${ancestorComponentName}.`);\n          }\n        }\n      } while (ancestor && ancestor !== targetDocument?.body);\n    }, [componentName, ref, triggerRef, inline, targetDocument]);\n  }\n  return ref;\n};\n\nconst getCellOfTrigger = (trigger: HTMLElement | null, targetDocument?: Document): HTMLElement | null => {\n  let ancestor = trigger?.parentElement;\n  while (ancestor && ancestor !== targetDocument?.body) {\n    if (ancestor?.classList.contains('fui-MenuGridCell')) {\n      return ancestor;\n    }\n    ancestor = ancestor?.parentElement ?? null;\n  }\n  return null;\n};\n"],"names":["React","useFluent_unstable","useFluent","useMenuContext_unstable","useValidateNesting","componentName","targetDocument","triggerRef","context","inline","ref","useRef","process","env","NODE_ENV","useEffect","ancestor","current","ancestorComponentName","parentElement","classList","contains","includes","Error","getCellOfTrigger","body","trigger"],"mappings":"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"}
+{"version":3,"sources":["../../src/utils/useValidateNesting.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nimport type { MenuContextValue } from '../contexts/menuContext';\nimport { useMenuContext_unstable } from '../contexts/menuContext';\n\ntype NestingComponentName = 'MenuList' | 'MenuItem' | 'MenuItemCheckbox' | 'MenuItemRadio';\n\nexport const useValidateNesting = (componentName: NestingComponentName): React.RefObject<HTMLElement | null> => {\n  const { targetDocument } = useFluent();\n  const triggerRef = useMenuContext_unstable((context: MenuContextValue) => context.triggerRef);\n  const inline = useMenuContext_unstable((context: MenuContextValue) => context.inline);\n  const ref = React.useRef<HTMLElement | null>(null);\n\n  if (process.env.NODE_ENV !== 'production') {\n    // This check should run only in development mode\n    // It's okay to disable the ESLint rule because we ar checking env variable statically (not at runtime)\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    React.useEffect(() => {\n      let ancestor = ref.current;\n      let ancestorComponentName = '';\n      do {\n        ancestor = ancestor?.parentElement ?? null;\n        if (ancestor?.classList.contains('fui-MenuList')) {\n          break;\n        } else if (ancestor?.classList.contains('fui-MenuGrid')) {\n          ancestorComponentName = 'MenuGrid';\n        } else if (ancestor?.classList.contains('fui-MenuGridItem')) {\n          ancestorComponentName = 'MenuGridItem';\n        } else if (ancestor?.classList.contains('fui-MenuGridRow')) {\n          ancestorComponentName = 'MenuGridRow';\n        } else if (ancestor?.classList.contains('fui-MenuGridCell')) {\n          ancestorComponentName = 'MenuGridCell';\n        }\n        if (['MenuItem', 'MenuItemCheckbox', 'MenuItemRadio'].includes(componentName)) {\n          if (['MenuGrid', 'MenuGridItem', 'MenuGridRow', 'MenuGridCell'].includes(ancestorComponentName)) {\n            throw new Error(\n              `${componentName} is incorrectly nested within ${ancestorComponentName}. You probably want to wrap it in a MenuList instead.`,\n            );\n          }\n        } else if (componentName === 'MenuList') {\n          if (ancestorComponentName === 'MenuGridCell') {\n            if (inline && getCellOfTrigger(triggerRef.current, targetDocument) === ancestor) {\n              break;\n            }\n            throw new Error(`MenuList is incorrectly nested within MenuGridCell.`);\n          } else if (['MenuGrid', 'MenuGridItem', 'MenuGridRow'].includes(ancestorComponentName)) {\n            throw new Error(`MenuList is incorrectly nested within ${ancestorComponentName}.`);\n          }\n        }\n      } while (ancestor && ancestor !== targetDocument?.body);\n    }, [componentName, ref, triggerRef, inline, targetDocument]);\n  }\n  return ref;\n};\n\nconst getCellOfTrigger = (trigger: HTMLElement | null, targetDocument?: Document): HTMLElement | null => {\n  let ancestor = trigger?.parentElement;\n  while (ancestor && ancestor !== targetDocument?.body) {\n    if (ancestor?.classList.contains('fui-MenuGridCell')) {\n      return ancestor;\n    }\n    ancestor = ancestor?.parentElement ?? null;\n  }\n  return null;\n};\n"],"names":["React","useFluent_unstable","useFluent","useMenuContext_unstable","useValidateNesting","componentName","targetDocument","triggerRef","context","inline","ref","useRef","process","env","NODE_ENV","useEffect","ancestor","current","ancestorComponentName","parentElement","classList","contains","includes","Error","getCellOfTrigger","body","trigger"],"mappings":"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"}

package/package.json

@@ -1,32 +1,35 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+  "version": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/keyboard-keys": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-aria": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-context-selector": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/keyboard-keys": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-aria": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-context-selector": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-motion": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-motion-components-preview": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-portal": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-positioning": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-shared-contexts": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-tabster": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-theme": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
-    "@fluentui/react-utilities": "9.74.7-experimental.cli-api.20261006-ccaa611d58.0",
+    "@fluentui/react-jsx-runtime": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-motion": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-motion-components-preview": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-portal": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-positioning": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-shared-contexts": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-tabster": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-theme": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
+    "@fluentui/react-utilities": "9.75.0-experimental.css-modules.20261031-810ab07afb.0",
     "@griffel/react": "^1.5.32",
-    "@swc/helpers": "^0.5.1"
+    "@swc/helpers": "^0.5.1",
+    "clsx": "^2.1.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <20.0.0",
@@ -49,7 +52,6 @@
         "default": "./lib-commonjs/index.cjs"
       }
     },
-    "./metadata.json": "./dist/metadata/index.json",
     "./package.json": "./package.json"
   },
   "files": [
@@ -57,9 +59,7 @@
     "dist/*.d.ts",
     "dist/*.d.cts",
     "lib",
-    "lib-commonjs",
-    "dist/metadata"
+    "lib-commonjs"
   ],
-  "type": "module",
-  "fluentuiCatalog": "./metadata.json"
+  "type": "module"
 }