@fluentui/react-menu-grid-preview 0.5.3 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (209) hide show
  1. package/CHANGELOG.md +19 -2
  2. package/dist/index.d.cts +269 -0
  3. package/lib/MenuGrid.js +1 -1
  4. package/lib/MenuGrid.js.map +1 -1
  5. package/lib/MenuGridCell.js +1 -1
  6. package/lib/MenuGridCell.js.map +1 -1
  7. package/lib/MenuGridGroup.js +1 -1
  8. package/lib/MenuGridGroup.js.map +1 -1
  9. package/lib/MenuGridGroupHeader.js +1 -1
  10. package/lib/MenuGridGroupHeader.js.map +1 -1
  11. package/lib/MenuGridItem.js +1 -1
  12. package/lib/MenuGridItem.js.map +1 -1
  13. package/lib/MenuGridRow.js +1 -1
  14. package/lib/MenuGridRow.js.map +1 -1
  15. package/lib/components/MenuGrid/MenuGrid.js +5 -5
  16. package/lib/components/MenuGrid/MenuGrid.js.map +1 -1
  17. package/lib/components/MenuGrid/index.js +5 -5
  18. package/lib/components/MenuGrid/index.js.map +1 -1
  19. package/lib/components/MenuGrid/renderMenuGrid.js +3 -3
  20. package/lib/components/MenuGrid/renderMenuGrid.js.map +1 -1
  21. package/lib/components/MenuGrid/useMenuGrid.js +6 -6
  22. package/lib/components/MenuGrid/useMenuGrid.js.map +1 -1
  23. package/lib/components/MenuGrid/useMenuGridContextValues.js +1 -1
  24. package/lib/components/MenuGrid/useMenuGridStyles.styles.js +1 -1
  25. package/lib/components/MenuGrid/useMenuGridStyles.styles.js.map +1 -1
  26. package/lib/components/MenuGrid/useMenuGridStyles.styles.raw.js +1 -1
  27. package/lib/components/MenuGridCell/MenuGridCell.js +4 -4
  28. package/lib/components/MenuGridCell/MenuGridCell.js.map +1 -1
  29. package/lib/components/MenuGridCell/index.js +4 -4
  30. package/lib/components/MenuGridCell/index.js.map +1 -1
  31. package/lib/components/MenuGridCell/renderMenuGridCell.js +1 -1
  32. package/lib/components/MenuGridCell/useMenuGridCell.js +4 -4
  33. package/lib/components/MenuGridCell/useMenuGridCell.js.map +1 -1
  34. package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.js +1 -1
  35. package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.js.map +1 -1
  36. package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js +1 -1
  37. package/lib/components/MenuGridGroup/MenuGridGroup.js +5 -5
  38. package/lib/components/MenuGridGroup/MenuGridGroup.js.map +1 -1
  39. package/lib/components/MenuGridGroup/index.js +5 -5
  40. package/lib/components/MenuGridGroup/index.js.map +1 -1
  41. package/lib/components/MenuGridGroup/renderMenuGridGroup.js +2 -2
  42. package/lib/components/MenuGridGroup/renderMenuGridGroup.js.map +1 -1
  43. package/lib/components/MenuGridGroup/useMenuGridGroup.js +1 -1
  44. package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js +1 -1
  45. package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js +1 -1
  46. package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js.map +1 -1
  47. package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js +1 -1
  48. package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.js +4 -4
  49. package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.js.map +1 -1
  50. package/lib/components/MenuGridGroupHeader/index.js +4 -4
  51. package/lib/components/MenuGridGroupHeader/index.js.map +1 -1
  52. package/lib/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js +1 -1
  53. package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeader.js +2 -2
  54. package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeader.js.map +1 -1
  55. package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js +2 -2
  56. package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +1 -1
  57. package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js +2 -2
  58. package/lib/components/MenuGridItem/MenuGridItem.js +4 -4
  59. package/lib/components/MenuGridItem/MenuGridItem.js.map +1 -1
  60. package/lib/components/MenuGridItem/index.js +4 -4
  61. package/lib/components/MenuGridItem/index.js.map +1 -1
  62. package/lib/components/MenuGridItem/renderMenuGridItem.js +1 -1
  63. package/lib/components/MenuGridItem/useMenuGridItem.js +4 -4
  64. package/lib/components/MenuGridItem/useMenuGridItem.js.map +1 -1
  65. package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js +1 -1
  66. package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -1
  67. package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +1 -1
  68. package/lib/components/MenuGridRow/MenuGridRow.js +4 -4
  69. package/lib/components/MenuGridRow/MenuGridRow.js.map +1 -1
  70. package/lib/components/MenuGridRow/index.js +4 -4
  71. package/lib/components/MenuGridRow/index.js.map +1 -1
  72. package/lib/components/MenuGridRow/renderMenuGridRow.js +1 -1
  73. package/lib/components/MenuGridRow/useCharacterSearch.js +2 -2
  74. package/lib/components/MenuGridRow/useCharacterSearch.js.map +1 -1
  75. package/lib/components/MenuGridRow/useMenuGridRow.js +6 -6
  76. package/lib/components/MenuGridRow/useMenuGridRow.js.map +1 -1
  77. package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js +4 -4
  78. package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js.map +1 -1
  79. package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js +4 -4
  80. package/lib/components/index.js +1 -1
  81. package/lib/components/index.js.map +1 -1
  82. package/lib/contexts/menuGridContext.js +1 -1
  83. package/lib/contexts/menuGridGroupContext.js +1 -1
  84. package/lib/index.js +8 -8
  85. package/lib/index.js.map +1 -1
  86. package/lib/utils/index.js +1 -1
  87. package/lib/utils/index.js.map +1 -1
  88. package/lib/utils/useValidateNesting.js +3 -3
  89. package/lib-commonjs/{MenuGrid.js → MenuGrid.cjs} +1 -1
  90. package/lib-commonjs/{MenuGrid.js.map → MenuGrid.cjs.map} +1 -1
  91. package/lib-commonjs/{MenuGridCell.js → MenuGridCell.cjs} +1 -1
  92. package/lib-commonjs/{MenuGridCell.js.map → MenuGridCell.cjs.map} +1 -1
  93. package/lib-commonjs/{MenuGridGroup.js → MenuGridGroup.cjs} +1 -1
  94. package/lib-commonjs/{MenuGridGroup.js.map → MenuGridGroup.cjs.map} +1 -1
  95. package/lib-commonjs/{MenuGridGroupHeader.js → MenuGridGroupHeader.cjs} +1 -1
  96. package/lib-commonjs/{MenuGridGroupHeader.js.map → MenuGridGroupHeader.cjs.map} +1 -1
  97. package/lib-commonjs/{MenuGridItem.js → MenuGridItem.cjs} +1 -1
  98. package/lib-commonjs/{MenuGridItem.js.map → MenuGridItem.cjs.map} +1 -1
  99. package/lib-commonjs/{MenuGridRow.js → MenuGridRow.cjs} +1 -1
  100. package/lib-commonjs/{MenuGridRow.js.map → MenuGridRow.cjs.map} +1 -1
  101. package/lib-commonjs/components/MenuGrid/{MenuGrid.js → MenuGrid.cjs} +4 -4
  102. package/lib-commonjs/components/MenuGrid/{MenuGrid.js.map → MenuGrid.cjs.map} +1 -1
  103. package/lib-commonjs/components/MenuGrid/{index.js → index.cjs} +5 -5
  104. package/lib-commonjs/components/MenuGrid/{index.js.map → index.cjs.map} +1 -1
  105. package/lib-commonjs/components/MenuGrid/{renderMenuGrid.js → renderMenuGrid.cjs} +1 -1
  106. package/lib-commonjs/components/MenuGrid/{renderMenuGrid.js.map → renderMenuGrid.cjs.map} +1 -1
  107. package/lib-commonjs/components/MenuGrid/{useMenuGrid.js → useMenuGrid.cjs} +1 -1
  108. package/lib-commonjs/components/MenuGrid/{useMenuGrid.js.map → useMenuGrid.cjs.map} +1 -1
  109. package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.cjs.map +1 -0
  110. package/lib-commonjs/components/MenuGridCell/{MenuGridCell.js → MenuGridCell.cjs} +3 -3
  111. package/lib-commonjs/components/MenuGridCell/{MenuGridCell.js.map → MenuGridCell.cjs.map} +1 -1
  112. package/lib-commonjs/components/MenuGridCell/{index.js → index.cjs} +4 -4
  113. package/lib-commonjs/components/MenuGridCell/{index.js.map → index.cjs.map} +1 -1
  114. package/lib-commonjs/components/MenuGridCell/{useMenuGridCell.js → useMenuGridCell.cjs} +1 -1
  115. package/lib-commonjs/components/MenuGridCell/{useMenuGridCell.js.map → useMenuGridCell.cjs.map} +1 -1
  116. package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.cjs.map +1 -0
  117. package/lib-commonjs/components/MenuGridGroup/{MenuGridGroup.js → MenuGridGroup.cjs} +4 -4
  118. package/lib-commonjs/components/MenuGridGroup/{MenuGridGroup.js.map → MenuGridGroup.cjs.map} +1 -1
  119. package/lib-commonjs/components/MenuGridGroup/{index.js → index.cjs} +5 -5
  120. package/lib-commonjs/components/MenuGridGroup/{index.js.map → index.cjs.map} +1 -1
  121. package/lib-commonjs/components/MenuGridGroup/{renderMenuGridGroup.js → renderMenuGridGroup.cjs} +1 -1
  122. package/lib-commonjs/components/MenuGridGroup/{renderMenuGridGroup.js.map → renderMenuGridGroup.cjs.map} +1 -1
  123. package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.cjs.map +1 -0
  124. package/lib-commonjs/components/MenuGridGroupHeader/{MenuGridGroupHeader.js → MenuGridGroupHeader.cjs} +3 -3
  125. package/lib-commonjs/components/MenuGridGroupHeader/{MenuGridGroupHeader.js.map → MenuGridGroupHeader.cjs.map} +1 -1
  126. package/lib-commonjs/components/MenuGridGroupHeader/{index.js → index.cjs} +4 -4
  127. package/lib-commonjs/components/MenuGridGroupHeader/{index.js.map → index.cjs.map} +1 -1
  128. package/lib-commonjs/components/MenuGridGroupHeader/{useMenuGridGroupHeader.js → useMenuGridGroupHeader.cjs} +1 -1
  129. package/lib-commonjs/components/MenuGridGroupHeader/{useMenuGridGroupHeader.js.map → useMenuGridGroupHeader.cjs.map} +1 -1
  130. package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.cjs.map +1 -0
  131. package/lib-commonjs/components/MenuGridItem/{MenuGridItem.js → MenuGridItem.cjs} +3 -3
  132. package/lib-commonjs/components/MenuGridItem/{MenuGridItem.js.map → MenuGridItem.cjs.map} +1 -1
  133. package/lib-commonjs/components/MenuGridItem/{index.js → index.cjs} +4 -4
  134. package/lib-commonjs/components/MenuGridItem/{index.js.map → index.cjs.map} +1 -1
  135. package/lib-commonjs/components/MenuGridItem/{useMenuGridItem.js → useMenuGridItem.cjs} +3 -3
  136. package/lib-commonjs/components/MenuGridItem/{useMenuGridItem.js.map → useMenuGridItem.cjs.map} +1 -1
  137. package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.cjs.map +1 -0
  138. package/lib-commonjs/components/MenuGridRow/{MenuGridRow.js → MenuGridRow.cjs} +3 -3
  139. package/lib-commonjs/components/MenuGridRow/{MenuGridRow.js.map → MenuGridRow.cjs.map} +1 -1
  140. package/lib-commonjs/components/MenuGridRow/{index.js → index.cjs} +4 -4
  141. package/lib-commonjs/components/MenuGridRow/{index.js.map → index.cjs.map} +1 -1
  142. package/lib-commonjs/components/MenuGridRow/{useCharacterSearch.js → useCharacterSearch.cjs} +1 -1
  143. package/lib-commonjs/components/MenuGridRow/{useCharacterSearch.js.map → useCharacterSearch.cjs.map} +1 -1
  144. package/lib-commonjs/components/MenuGridRow/{useMenuGridRow.js → useMenuGridRow.cjs} +3 -3
  145. package/lib-commonjs/components/MenuGridRow/{useMenuGridRow.js.map → useMenuGridRow.cjs.map} +1 -1
  146. package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.cjs.map +1 -0
  147. package/lib-commonjs/components/{index.js → index.cjs} +1 -1
  148. package/lib-commonjs/components/{index.js.map → index.cjs.map} +1 -1
  149. package/lib-commonjs/{index.js → index.cjs} +8 -8
  150. package/lib-commonjs/{index.js.map → index.cjs.map} +1 -1
  151. package/lib-commonjs/utils/{index.js → index.cjs} +1 -1
  152. package/lib-commonjs/utils/{index.js.map → index.cjs.map} +1 -1
  153. package/package.json +21 -20
  154. package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.js.map +0 -1
  155. package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.js.map +0 -1
  156. package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.js.map +0 -1
  157. package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +0 -1
  158. package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +0 -1
  159. package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.js.map +0 -1
  160. /package/lib-commonjs/components/MenuGrid/{MenuGrid.types.js → MenuGrid.types.cjs} +0 -0
  161. /package/lib-commonjs/components/MenuGrid/{MenuGrid.types.js.map → MenuGrid.types.cjs.map} +0 -0
  162. /package/lib-commonjs/components/MenuGrid/{useMenuGridContextValues.js → useMenuGridContextValues.cjs} +0 -0
  163. /package/lib-commonjs/components/MenuGrid/{useMenuGridContextValues.js.map → useMenuGridContextValues.cjs.map} +0 -0
  164. /package/lib-commonjs/components/MenuGrid/{useMenuGridStyles.styles.js → useMenuGridStyles.styles.cjs} +0 -0
  165. /package/lib-commonjs/components/MenuGrid/{useMenuGridStyles.styles.raw.js → useMenuGridStyles.styles.raw.cjs} +0 -0
  166. /package/lib-commonjs/components/MenuGrid/{useMenuGridStyles.styles.raw.js.map → useMenuGridStyles.styles.raw.cjs.map} +0 -0
  167. /package/lib-commonjs/components/MenuGridCell/{MenuGridCell.types.js → MenuGridCell.types.cjs} +0 -0
  168. /package/lib-commonjs/components/MenuGridCell/{MenuGridCell.types.js.map → MenuGridCell.types.cjs.map} +0 -0
  169. /package/lib-commonjs/components/MenuGridCell/{renderMenuGridCell.js → renderMenuGridCell.cjs} +0 -0
  170. /package/lib-commonjs/components/MenuGridCell/{renderMenuGridCell.js.map → renderMenuGridCell.cjs.map} +0 -0
  171. /package/lib-commonjs/components/MenuGridCell/{useMenuGridCellStyles.styles.js → useMenuGridCellStyles.styles.cjs} +0 -0
  172. /package/lib-commonjs/components/MenuGridCell/{useMenuGridCellStyles.styles.raw.js → useMenuGridCellStyles.styles.raw.cjs} +0 -0
  173. /package/lib-commonjs/components/MenuGridCell/{useMenuGridCellStyles.styles.raw.js.map → useMenuGridCellStyles.styles.raw.cjs.map} +0 -0
  174. /package/lib-commonjs/components/MenuGridGroup/{MenuGridGroup.types.js → MenuGridGroup.types.cjs} +0 -0
  175. /package/lib-commonjs/components/MenuGridGroup/{MenuGridGroup.types.js.map → MenuGridGroup.types.cjs.map} +0 -0
  176. /package/lib-commonjs/components/MenuGridGroup/{useMenuGridGroup.js → useMenuGridGroup.cjs} +0 -0
  177. /package/lib-commonjs/components/MenuGridGroup/{useMenuGridGroup.js.map → useMenuGridGroup.cjs.map} +0 -0
  178. /package/lib-commonjs/components/MenuGridGroup/{useMenuGridGroupContextValues.js → useMenuGridGroupContextValues.cjs} +0 -0
  179. /package/lib-commonjs/components/MenuGridGroup/{useMenuGridGroupContextValues.js.map → useMenuGridGroupContextValues.cjs.map} +0 -0
  180. /package/lib-commonjs/components/MenuGridGroup/{useMenuGridGroupStyles.styles.js → useMenuGridGroupStyles.styles.cjs} +0 -0
  181. /package/lib-commonjs/components/MenuGridGroup/{useMenuGridGroupStyles.styles.raw.js → useMenuGridGroupStyles.styles.raw.cjs} +0 -0
  182. /package/lib-commonjs/components/MenuGridGroup/{useMenuGridGroupStyles.styles.raw.js.map → useMenuGridGroupStyles.styles.raw.cjs.map} +0 -0
  183. /package/lib-commonjs/components/MenuGridGroupHeader/{MenuGridGroupHeader.types.js → MenuGridGroupHeader.types.cjs} +0 -0
  184. /package/lib-commonjs/components/MenuGridGroupHeader/{MenuGridGroupHeader.types.js.map → MenuGridGroupHeader.types.cjs.map} +0 -0
  185. /package/lib-commonjs/components/MenuGridGroupHeader/{renderMenuGridGroupHeader.js → renderMenuGridGroupHeader.cjs} +0 -0
  186. /package/lib-commonjs/components/MenuGridGroupHeader/{renderMenuGridGroupHeader.js.map → renderMenuGridGroupHeader.cjs.map} +0 -0
  187. /package/lib-commonjs/components/MenuGridGroupHeader/{useMenuGridGroupHeaderStyles.styles.js → useMenuGridGroupHeaderStyles.styles.cjs} +0 -0
  188. /package/lib-commonjs/components/MenuGridGroupHeader/{useMenuGridGroupHeaderStyles.styles.raw.js → useMenuGridGroupHeaderStyles.styles.raw.cjs} +0 -0
  189. /package/lib-commonjs/components/MenuGridGroupHeader/{useMenuGridGroupHeaderStyles.styles.raw.js.map → useMenuGridGroupHeaderStyles.styles.raw.cjs.map} +0 -0
  190. /package/lib-commonjs/components/MenuGridItem/{MenuGridItem.types.js → MenuGridItem.types.cjs} +0 -0
  191. /package/lib-commonjs/components/MenuGridItem/{MenuGridItem.types.js.map → MenuGridItem.types.cjs.map} +0 -0
  192. /package/lib-commonjs/components/MenuGridItem/{renderMenuGridItem.js → renderMenuGridItem.cjs} +0 -0
  193. /package/lib-commonjs/components/MenuGridItem/{renderMenuGridItem.js.map → renderMenuGridItem.cjs.map} +0 -0
  194. /package/lib-commonjs/components/MenuGridItem/{useMenuGridItemStyles.styles.js → useMenuGridItemStyles.styles.cjs} +0 -0
  195. /package/lib-commonjs/components/MenuGridItem/{useMenuGridItemStyles.styles.raw.js → useMenuGridItemStyles.styles.raw.cjs} +0 -0
  196. /package/lib-commonjs/components/MenuGridItem/{useMenuGridItemStyles.styles.raw.js.map → useMenuGridItemStyles.styles.raw.cjs.map} +0 -0
  197. /package/lib-commonjs/components/MenuGridRow/{MenuGridRow.types.js → MenuGridRow.types.cjs} +0 -0
  198. /package/lib-commonjs/components/MenuGridRow/{MenuGridRow.types.js.map → MenuGridRow.types.cjs.map} +0 -0
  199. /package/lib-commonjs/components/MenuGridRow/{renderMenuGridRow.js → renderMenuGridRow.cjs} +0 -0
  200. /package/lib-commonjs/components/MenuGridRow/{renderMenuGridRow.js.map → renderMenuGridRow.cjs.map} +0 -0
  201. /package/lib-commonjs/components/MenuGridRow/{useMenuGridRowStyles.styles.js → useMenuGridRowStyles.styles.cjs} +0 -0
  202. /package/lib-commonjs/components/MenuGridRow/{useMenuGridRowStyles.styles.raw.js → useMenuGridRowStyles.styles.raw.cjs} +0 -0
  203. /package/lib-commonjs/components/MenuGridRow/{useMenuGridRowStyles.styles.raw.js.map → useMenuGridRowStyles.styles.raw.cjs.map} +0 -0
  204. /package/lib-commonjs/contexts/{menuGridContext.js → menuGridContext.cjs} +0 -0
  205. /package/lib-commonjs/contexts/{menuGridContext.js.map → menuGridContext.cjs.map} +0 -0
  206. /package/lib-commonjs/contexts/{menuGridGroupContext.js → menuGridGroupContext.cjs} +0 -0
  207. /package/lib-commonjs/contexts/{menuGridGroupContext.js.map → menuGridGroupContext.cjs.map} +0 -0
  208. /package/lib-commonjs/utils/{useValidateNesting.js → useValidateNesting.cjs} +0 -0
  209. /package/lib-commonjs/utils/{useValidateNesting.js.map → useValidateNesting.cjs.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridItem_unstable } from './useMenuGridItem';\nimport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nimport type { MenuGridItemProps } from './MenuGridItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridItem, using the `useMenuGridItem_unstable` hook.\n */\nexport const MenuGridItem: ForwardRefComponent<MenuGridItemProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridItem_unstable(props, ref);\n\n useMenuGridItemStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridItemStyles_unstable')(state);\n\n return renderMenuGridItem_unstable(state);\n});\n\nMenuGridItem.displayName = 'MenuGridItem';\n"],"names":["React","useMenuGridItem_unstable","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","MenuGridItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACU,oBAAoB;oCACjB,uBAAuB;6CAGpB,iCAAiC;AAMzE,MAAMI,eAAAA,WAAAA,GAAuDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQP,6CAAAA,EAAyBK,OAAOC;QAE9CJ,2DAAAA,EAA+BK;IAE/B,wEAAwE;IAExE,WAAON,+CAAAA,EAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridItem_unstable } from './useMenuGridItem';\nimport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nimport type { MenuGridItemProps } from './MenuGridItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridItem, using the `useMenuGridItem_unstable` hook.\n */\nexport const MenuGridItem: ForwardRefComponent<MenuGridItemProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridItem_unstable(props, ref);\n\n useMenuGridItemStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridItemStyles_unstable')(state);\n\n return renderMenuGridItem_unstable(state);\n});\n\nMenuGridItem.displayName = 'MenuGridItem';\n"],"names":["React","useMenuGridItem_unstable","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","MenuGridItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACU,uBAAoB;oCACjB,0BAAuB;6CAGpB,oCAAiC;AAMzE,MAAMI,eAAAA,WAAAA,GAAuDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQP,6CAAAA,EAAyBK,OAAOC;QAE9CJ,2DAAAA,EAA+BK;IAE/B,wEAAwE;IAExE,WAAON,+CAAAA,EAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
@@ -25,7 +25,7 @@ _export(exports, {
25
25
  return _useMenuGridItem.useMenuGridItem_unstable;
26
26
  }
27
27
  });
28
- const _MenuGridItem = require("./MenuGridItem");
29
- const _renderMenuGridItem = require("./renderMenuGridItem");
30
- const _useMenuGridItem = require("./useMenuGridItem");
31
- const _useMenuGridItemStylesstyles = require("./useMenuGridItemStyles.styles");
28
+ const _MenuGridItem = require("./MenuGridItem.cjs");
29
+ const _renderMenuGridItem = require("./renderMenuGridItem.cjs");
30
+ const _useMenuGridItem = require("./useMenuGridItem.cjs");
31
+ const _useMenuGridItemStylesstyles = require("./useMenuGridItemStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/MenuGridItem/index.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\nexport { MenuGridItem } from './MenuGridItem';\nexport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nexport { useMenuGridItem_unstable } from './useMenuGridItem';\nexport { menuGridItemClassNames, useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n"],"names":["MenuGridItem","renderMenuGridItem_unstable","useMenuGridItem_unstable","menuGridItemClassNames","useMenuGridItemStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,0BAAY;;;eAGZG,mDAAsB;;;eAFtBF,+CAA2B;;;eAEHG,2DAA8B;;;eADtDF,yCAAwB;;;8BAFJ,iBAAiB;oCACF,uBAAuB;iCAC1B,oBAAoB;6CACU,iCAAiC"}
1
+ {"version":3,"sources":["../src/components/MenuGridItem/index.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\nexport { MenuGridItem } from './MenuGridItem';\nexport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nexport { useMenuGridItem_unstable } from './useMenuGridItem';\nexport { menuGridItemClassNames, useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n"],"names":["MenuGridItem","renderMenuGridItem_unstable","useMenuGridItem_unstable","menuGridItemClassNames","useMenuGridItemStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,0BAAY;;;eAGZG,mDAAsB;;;eAFtBF,+CAA2B;;;eAEHG,2DAA8B;;;eADtDF,yCAAwB;;;8BAFJ,oBAAiB;oCACF,0BAAuB;iCAC1B,uBAAoB;6CACU,oCAAiC"}
@@ -10,9 +10,9 @@ Object.defineProperty(exports, "useMenuGridItem_unstable", {
10
10
  }
11
11
  });
12
12
  const _reactutilities = require("@fluentui/react-utilities");
13
- const _MenuGridCell = require("./../MenuGridCell/MenuGridCell");
14
- const _MenuGridRow = require("./../MenuGridRow/MenuGridRow");
15
- const _useValidateNesting = require("../../utils/useValidateNesting");
13
+ const _MenuGridCell = require("../MenuGridCell/MenuGridCell.cjs");
14
+ const _MenuGridRow = require("../MenuGridRow/MenuGridRow.cjs");
15
+ const _useValidateNesting = require("../../utils/useValidateNesting.cjs");
16
16
  function useMenuGridItem_unstable(props, ref) {
17
17
  const { icon, content: _content, subText, firstSubAction, secondSubAction, ...rest } = props;
18
18
  const validateNestingRef = (0, _useValidateNesting.useValidateNesting)('MenuGridItem');
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useMergedRefs, slot } from '@fluentui/react-utilities';\n\nimport type { MenuGridItemProps, MenuGridItemState } from './MenuGridItem.types';\nimport { MenuGridCell } from './../MenuGridCell/MenuGridCell';\nimport { MenuGridRow } from './../MenuGridRow/MenuGridRow';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\n\n/**\n * Given user props, returns state and render function for a MenuGridItem.\n */\nexport function useMenuGridItem_unstable(props: MenuGridItemProps, ref: React.Ref<HTMLDivElement>): MenuGridItemState {\n const {\n icon,\n content: _content, // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n subText,\n firstSubAction,\n secondSubAction,\n ...rest\n } = props;\n const validateNestingRef = useValidateNesting('MenuGridItem');\n\n return {\n components: {\n root: MenuGridRow,\n icon: MenuGridCell,\n content: MenuGridCell,\n subText: 'span',\n firstSubAction: MenuGridCell,\n secondSubAction: MenuGridCell,\n },\n root: slot.always(\n {\n ref: useMergedRefs(ref, validateNestingRef),\n ...rest,\n },\n { elementType: MenuGridRow },\n ),\n icon: slot.optional(props.icon, { elementType: MenuGridCell }),\n content: slot.optional(props.content, {\n renderByDefault: !!props.children,\n defaultProps: { children: props.children },\n elementType: MenuGridCell,\n }),\n subText: slot.optional(props.subText, { elementType: 'span' }),\n firstSubAction: slot.optional(props.firstSubAction, { elementType: MenuGridCell }),\n secondSubAction: slot.optional(props.secondSubAction, { elementType: MenuGridCell }),\n };\n}\n"],"names":["useMergedRefs","slot","MenuGridCell","MenuGridRow","useValidateNesting","useMenuGridItem_unstable","props","ref","icon","content","_content","subText","firstSubAction","secondSubAction","rest","validateNestingRef","components","root","always","elementType","optional","renderByDefault","children","defaultProps"],"mappings":"AAAA;;;;;+BAagBK;;;;;;gCAVoB,4BAA4B;8BAGnC,iCAAiC;6BAClC,+BAA+B;oCACxB,iCAAiC;AAK7D,kCAAkCC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EACJC,IAAI,EACJC,SAASC,QAAQ,EACjBC,OAAO,EACPC,cAAc,EACdC,eAAe,EACf,GAAGC,MACJ,GAAGR;IACJ,MAAMS,yBAAqBX,sCAAAA,EAAmB;IAE9C,OAAO;QACLY,YAAY;YACVC,MAAMd,wBAAAA;YACNK,MAAMN,0BAAAA;YACNO,SAASP,0BAAAA;YACTS,SAAS;YACTC,gBAAgBV,0BAAAA;YAChBW,iBAAiBX,0BAAAA;QACnB;QACAe,MAAMhB,oBAAAA,CAAKiB,MAAM,CACf;YACEX,SAAKP,6BAAAA,EAAcO,KAAKQ;YACxB,GAAGD,IAAI;QACT,GACA;YAAEK,aAAahB,wBAAAA;QAAY;QAE7BK,MAAMP,oBAAAA,CAAKmB,QAAQ,CAACd,MAAME,IAAI,EAAE;YAAEW,aAAajB,0BAAAA;QAAa;QAC5DO,SAASR,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMG,OAAO,EAAE;YACpCY,iBAAiB,CAAC,CAACf,MAAMgB,QAAQ;YACjCC,cAAc;gBAAED,UAAUhB,MAAMgB,QAAQ;YAAC;YACzCH,aAAajB,0BAAAA;QACf;QACAS,SAASV,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMK,OAAO,EAAE;YAAEQ,aAAa;QAAO;QAC5DP,gBAAgBX,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMM,cAAc,EAAE;YAAEO,aAAajB,0BAAAA;QAAa;QAChFW,iBAAiBZ,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMO,eAAe,EAAE;YAAEM,aAAajB,0BAAAA;QAAa;IACpF;AACF"}
1
+ {"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useMergedRefs, slot } from '@fluentui/react-utilities';\n\nimport type { MenuGridItemProps, MenuGridItemState } from './MenuGridItem.types';\nimport { MenuGridCell } from './../MenuGridCell/MenuGridCell';\nimport { MenuGridRow } from './../MenuGridRow/MenuGridRow';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\n\n/**\n * Given user props, returns state and render function for a MenuGridItem.\n */\nexport function useMenuGridItem_unstable(props: MenuGridItemProps, ref: React.Ref<HTMLDivElement>): MenuGridItemState {\n const {\n icon,\n content: _content, // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n subText,\n firstSubAction,\n secondSubAction,\n ...rest\n } = props;\n const validateNestingRef = useValidateNesting('MenuGridItem');\n\n return {\n components: {\n root: MenuGridRow,\n icon: MenuGridCell,\n content: MenuGridCell,\n subText: 'span',\n firstSubAction: MenuGridCell,\n secondSubAction: MenuGridCell,\n },\n root: slot.always(\n {\n ref: useMergedRefs(ref, validateNestingRef),\n ...rest,\n },\n { elementType: MenuGridRow },\n ),\n icon: slot.optional(props.icon, { elementType: MenuGridCell }),\n content: slot.optional(props.content, {\n renderByDefault: !!props.children,\n defaultProps: { children: props.children },\n elementType: MenuGridCell,\n }),\n subText: slot.optional(props.subText, { elementType: 'span' }),\n firstSubAction: slot.optional(props.firstSubAction, { elementType: MenuGridCell }),\n secondSubAction: slot.optional(props.secondSubAction, { elementType: MenuGridCell }),\n };\n}\n"],"names":["useMergedRefs","slot","MenuGridCell","MenuGridRow","useValidateNesting","useMenuGridItem_unstable","props","ref","icon","content","_content","subText","firstSubAction","secondSubAction","rest","validateNestingRef","components","root","always","elementType","optional","renderByDefault","children","defaultProps"],"mappings":"AAAA;;;;;+BAagBK;;;;;;gCAVoB,4BAA4B;8BAGnC,kCAAiC;6BAClC,gCAA+B;oCACxB,oCAAiC;AAK7D,kCAAkCC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EACJC,IAAI,EACJC,SAASC,QAAQ,EACjBC,OAAO,EACPC,cAAc,EACdC,eAAe,EACf,GAAGC,MACJ,GAAGR;IACJ,MAAMS,yBAAqBX,sCAAAA,EAAmB;IAE9C,OAAO;QACLY,YAAY;YACVC,MAAMd,wBAAAA;YACNK,MAAMN,0BAAAA;YACNO,SAASP,0BAAAA;YACTS,SAAS;YACTC,gBAAgBV,0BAAAA;YAChBW,iBAAiBX,0BAAAA;QACnB;QACAe,MAAMhB,oBAAAA,CAAKiB,MAAM,CACf;YACEX,SAAKP,6BAAAA,EAAcO,KAAKQ;YACxB,GAAGD,IAAI;QACT,GACA;YAAEK,aAAahB,wBAAAA;QAAY;QAE7BK,MAAMP,oBAAAA,CAAKmB,QAAQ,CAACd,MAAME,IAAI,EAAE;YAAEW,aAAajB,0BAAAA;QAAa;QAC5DO,SAASR,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMG,OAAO,EAAE;YACpCY,iBAAiB,CAAC,CAACf,MAAMgB,QAAQ;YACjCC,cAAc;gBAAED,UAAUhB,MAAMgB,QAAQ;YAAC;YACzCH,aAAajB,0BAAAA;QACf;QACAS,SAASV,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMK,OAAO,EAAE;YAAEQ,aAAa;QAAO;QAC5DP,gBAAgBX,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMM,cAAc,EAAE;YAAEO,aAAajB,0BAAAA;QAAa;QAChFW,iBAAiBZ,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMO,eAAe,EAAE;YAAEM,aAAajB,0BAAAA;QAAa;IACpF;AACF"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const menuGridItemClassNames = {\n root: 'fui-MenuGridItem',\n icon: 'fui-MenuGridItem__icon',\n content: 'fui-MenuGridItem__content',\n subText: 'fui-MenuGridItem__subText',\n firstSubAction: 'fui-MenuGridItem__firstSubAction',\n secondSubAction: 'fui-MenuGridItem__secondSubAction'\n};\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%',\n minWidth: 0\n },\n icon: {\n height: '100%'\n },\n firstSubAction: {\n height: '100%'\n },\n secondSubAction: {\n height: '100%'\n }\n});\nexport const useMenuGridItemStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.content) {\n // eslint-disable-next-line react-hooks/immutability\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n if (state.subText) {\n // eslint-disable-next-line react-hooks/immutability\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n if (state.firstSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);\n }\n if (state.secondSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","Bqenvij","Bf4jedk","d","useMenuGridItemStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,sBAAsB;;;kCAwBQ;eAA9BY;;;uBAzB4B,gBAAgB;AAClD,+BAA+B;IAClCX,IAAI,EAAE,kBAAkB;IACxBC,IAAI,EAAE,wBAAwB;IAC9BC,OAAO,EAAE,2BAA2B;IACpCC,OAAO,EAAE,2BAA2B;IACpCC,cAAc,EAAE,kCAAkC;IAClDC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAK,OAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAR,IAAA,EAAA;QAAAO,OAAA,EAAA;IAAA;IAAAJ,cAAA,EAAA;QAAAI,OAAA,EAAA;IAAA;IAAAH,eAAA,EAAA;QAAAG,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAejB,CAAC;AACK,wCAAwCE,KAAK,IAAG;IACnD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAM,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IACtF,IAAIF,KAAK,CAACX,IAAI,EAAE;QACZ,oDAAA;QACAW,KAAK,CAACX,IAAI,CAACa,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACE,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;IACvG;IACA,IAAIF,KAAK,CAACV,OAAO,EAAE;QACf,oDAAA;QACAU,KAAK,CAACV,OAAO,CAACY,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACG,OAAO,EAAEW,MAAM,CAACX,OAAO,EAAEU,KAAK,CAACV,OAAO,CAACY,SAAS,CAAC;IACnH;IACA,IAAIF,KAAK,CAACT,OAAO,EAAE;QACf,oDAAA;QACAS,KAAK,CAACT,OAAO,CAACW,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACI,OAAO,EAAES,KAAK,CAACT,OAAO,CAACW,SAAS,CAAC;IACnG;IACA,IAAIF,KAAK,CAACR,cAAc,EAAE;QACtB,oDAAA;QACAQ,KAAK,CAACR,cAAc,CAACU,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACK,cAAc,EAAES,MAAM,CAACT,cAAc,EAAEQ,KAAK,CAACR,cAAc,CAACU,SAAS,CAAC;IAC/I;IACA,IAAIF,KAAK,CAACP,eAAe,EAAE;QACvB,oDAAA;QACAO,KAAK,CAACP,eAAe,CAACS,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACM,eAAe,EAAEQ,MAAM,CAACR,eAAe,EAAEO,KAAK,CAACP,eAAe,CAACS,SAAS,CAAC;IACnJ;IACA,OAAOF,KAAK;AAChB,CAAC"}
@@ -11,9 +11,9 @@ Object.defineProperty(exports, "MenuGridRow", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _useMenuGridRow = require("./useMenuGridRow");
15
- const _renderMenuGridRow = require("./renderMenuGridRow");
16
- const _useMenuGridRowStylesstyles = require("./useMenuGridRowStyles.styles");
14
+ const _useMenuGridRow = require("./useMenuGridRow.cjs");
15
+ const _renderMenuGridRow = require("./renderMenuGridRow.cjs");
16
+ const _useMenuGridRowStylesstyles = require("./useMenuGridRowStyles.styles.cjs");
17
17
  const MenuGridRow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
18
  const state = (0, _useMenuGridRow.useMenuGridRow_unstable)(props, ref);
19
19
  (0, _useMenuGridRowStylesstyles.useMenuGridRowStyles_unstable)(state);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/MenuGridRow/MenuGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridRow_unstable } from './useMenuGridRow';\nimport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nimport type { MenuGridRowProps } from './MenuGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridRow, using the `useMenuGridRow_unstable` hook.\n */\nexport const MenuGridRow: ForwardRefComponent<MenuGridRowProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridRow_unstable(props, ref);\n\n useMenuGridRowStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridRowStyles_unstable')(state);\n\n return renderMenuGridRow_unstable(state);\n});\n\nMenuGridRow.displayName = 'MenuGridRow';\n"],"names":["React","useMenuGridRow_unstable","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","MenuGridRow","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACS,mBAAmB;mCAChB,sBAAsB;4CAGnB,gCAAgC;AAMvE,MAAMI,cAAAA,WAAAA,GAAqDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQP,2CAAAA,EAAwBK,OAAOC;QAE7CJ,yDAAAA,EAA8BK;IAE9B,uEAAuE;IAEvE,WAAON,6CAAAA,EAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}
1
+ {"version":3,"sources":["../src/components/MenuGridRow/MenuGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridRow_unstable } from './useMenuGridRow';\nimport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nimport type { MenuGridRowProps } from './MenuGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridRow, using the `useMenuGridRow_unstable` hook.\n */\nexport const MenuGridRow: ForwardRefComponent<MenuGridRowProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridRow_unstable(props, ref);\n\n useMenuGridRowStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridRowStyles_unstable')(state);\n\n return renderMenuGridRow_unstable(state);\n});\n\nMenuGridRow.displayName = 'MenuGridRow';\n"],"names":["React","useMenuGridRow_unstable","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","MenuGridRow","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACS,sBAAmB;mCAChB,yBAAsB;4CAGnB,mCAAgC;AAMvE,MAAMI,cAAAA,WAAAA,GAAqDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQP,2CAAAA,EAAwBK,OAAOC;QAE7CJ,yDAAAA,EAA8BK;IAE9B,uEAAuE;IAEvE,WAAON,6CAAAA,EAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}
@@ -25,7 +25,7 @@ _export(exports, {
25
25
  return _useMenuGridRow.useMenuGridRow_unstable;
26
26
  }
27
27
  });
28
- const _MenuGridRow = require("./MenuGridRow");
29
- const _renderMenuGridRow = require("./renderMenuGridRow");
30
- const _useMenuGridRow = require("./useMenuGridRow");
31
- const _useMenuGridRowStylesstyles = require("./useMenuGridRowStyles.styles");
28
+ const _MenuGridRow = require("./MenuGridRow.cjs");
29
+ const _renderMenuGridRow = require("./renderMenuGridRow.cjs");
30
+ const _useMenuGridRow = require("./useMenuGridRow.cjs");
31
+ const _useMenuGridRowStylesstyles = require("./useMenuGridRowStyles.styles.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/MenuGridRow/index.ts"],"sourcesContent":["export type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\nexport { MenuGridRow } from './MenuGridRow';\nexport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nexport { useMenuGridRow_unstable } from './useMenuGridRow';\nexport { menuGridRowClassNames, useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n"],"names":["MenuGridRow","renderMenuGridRow_unstable","useMenuGridRow_unstable","menuGridRowClassNames","useMenuGridRowStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,wBAAW;;;eAGXG,iDAAqB;;;eAFrBF,6CAA0B;;;eAEHG,yDAA6B;;;eADpDF,uCAAuB;;;6BAFJ,gBAAgB;mCACD,sBAAsB;gCACzB,mBAAmB;4CACU,gCAAgC"}
1
+ {"version":3,"sources":["../src/components/MenuGridRow/index.ts"],"sourcesContent":["export type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\nexport { MenuGridRow } from './MenuGridRow';\nexport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nexport { useMenuGridRow_unstable } from './useMenuGridRow';\nexport { menuGridRowClassNames, useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n"],"names":["MenuGridRow","renderMenuGridRow_unstable","useMenuGridRow_unstable","menuGridRowClassNames","useMenuGridRowStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,wBAAW;;;eAGXG,iDAAqB;;;eAFrBF,6CAA0B;;;eAEHG,yDAA6B;;;eADpDF,uCAAuB;;;6BAFJ,mBAAgB;mCACD,yBAAsB;gCACzB,sBAAmB;4CACU,mCAAgC"}
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "useCharacterSearch", {
11
11
  });
12
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
- const _menuGridContext = require("../../contexts/menuGridContext");
14
+ const _menuGridContext = require("../../contexts/menuGridContext.cjs");
15
15
  const useCharacterSearch = ()=>{
16
16
  'use no memo'; // justified: compiler would optimize useCharacterSearch — manual opt-out to preserve runtime behavior
17
17
  const characterSearchRef = _react.useRef(null);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/MenuGridRow/useCharacterSearch.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridContext_unstable } from '../../contexts/menuGridContext';\n\n/**\n * Returns the MenuGridRow's `onKeyDown` handler to support first-letter navigation.\n * When a single character key is pressed, it delegates to the grid-level `setFocusByFirstCharacter`\n * callback which finds and focuses the next row starting with that character.\n */\nexport const useCharacterSearch = (): {\n characterSearchOnKeyDown: React.KeyboardEventHandler<HTMLElement>;\n characterSearchRef: React.RefObject<HTMLElement | null>;\n} => {\n 'use no memo'; // justified: compiler would optimize useCharacterSearch — manual opt-out to preserve runtime behavior\n\n const characterSearchRef = React.useRef<HTMLDivElement>(null);\n\n const { setFocusByFirstCharacter } = useMenuGridContext_unstable();\n\n const characterSearchOnKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key?.length > 1) {\n return;\n }\n\n if (characterSearchRef.current) {\n setFocusByFirstCharacter?.(e, characterSearchRef.current);\n }\n };\n\n return { characterSearchOnKeyDown, characterSearchRef };\n};\n"],"names":["React","useMenuGridContext_unstable","useCharacterSearch","characterSearchRef","useRef","setFocusByFirstCharacter","characterSearchOnKeyDown","e","key","length","current"],"mappings":"AAAA;;;;;+BAUaE;;;;;;;iEARU,QAAQ;iCACa,iCAAiC;AAOtE,2BAA2B;IAIhC,eAAe,sGAAsG;IAErH,MAAMC,qBAAqBH,OAAMI,MAAM,CAAiB;IAExD,MAAM,EAAEC,wBAAwB,EAAE,GAAGJ,gDAAAA;IAErC,MAAMK,2BAA2B,CAACC;YAC5BA;QAAJ,IAAIA,CAAAA,CAAAA,SAAAA,EAAEC,GAAAA,AAAG,MAAA,QAALD,WAAAA,KAAAA,IAAAA,KAAAA,IAAAA,OAAOE,MAAAA,AAAM,IAAG,GAAG;YACrB;QACF;QAEA,IAAIN,mBAAmBO,OAAO,EAAE;YAC9BL,6BAAAA,QAAAA,6BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,yBAA2BE,GAAGJ,mBAAmBO,OAAO;QAC1D;IACF;IAEA,OAAO;QAAEJ;QAA0BH;IAAmB;AACxD,EAAE"}
1
+ {"version":3,"sources":["../src/components/MenuGridRow/useCharacterSearch.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridContext_unstable } from '../../contexts/menuGridContext';\n\n/**\n * Returns the MenuGridRow's `onKeyDown` handler to support first-letter navigation.\n * When a single character key is pressed, it delegates to the grid-level `setFocusByFirstCharacter`\n * callback which finds and focuses the next row starting with that character.\n */\nexport const useCharacterSearch = (): {\n characterSearchOnKeyDown: React.KeyboardEventHandler<HTMLElement>;\n characterSearchRef: React.RefObject<HTMLElement | null>;\n} => {\n 'use no memo'; // justified: compiler would optimize useCharacterSearch — manual opt-out to preserve runtime behavior\n\n const characterSearchRef = React.useRef<HTMLDivElement>(null);\n\n const { setFocusByFirstCharacter } = useMenuGridContext_unstable();\n\n const characterSearchOnKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n if (e.key?.length > 1) {\n return;\n }\n\n if (characterSearchRef.current) {\n setFocusByFirstCharacter?.(e, characterSearchRef.current);\n }\n };\n\n return { characterSearchOnKeyDown, characterSearchRef };\n};\n"],"names":["React","useMenuGridContext_unstable","useCharacterSearch","characterSearchRef","useRef","setFocusByFirstCharacter","characterSearchOnKeyDown","e","key","length","current"],"mappings":"AAAA;;;;;+BAUaE;;;;;;;iEARU,QAAQ;iCACa,oCAAiC;AAOtE,2BAA2B;IAIhC,eAAe,sGAAsG;IAErH,MAAMC,qBAAqBH,OAAMI,MAAM,CAAiB;IAExD,MAAM,EAAEC,wBAAwB,EAAE,GAAGJ,gDAAAA;IAErC,MAAMK,2BAA2B,CAACC;YAC5BA;QAAJ,IAAIA,CAAAA,CAAAA,SAAAA,EAAEC,GAAAA,AAAG,MAAA,QAALD,WAAAA,KAAAA,IAAAA,KAAAA,IAAAA,OAAOE,MAAAA,AAAM,IAAG,GAAG;YACrB;QACF;QAEA,IAAIN,mBAAmBO,OAAO,EAAE;YAC9BL,6BAAAA,QAAAA,6BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,yBAA2BE,GAAGJ,mBAAmBO,OAAO;QAC1D;IACF;IAEA,OAAO;QAAEJ;QAA0BH;IAAmB;AACxD,EAAE"}
@@ -13,9 +13,9 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
13
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
14
14
  const _keyboardkeys = require("@fluentui/keyboard-keys");
15
15
  const _reactutilities = require("@fluentui/react-utilities");
16
- const _menuGridContext = require("../../contexts/menuGridContext");
17
- const _useValidateNesting = require("../../utils/useValidateNesting");
18
- const _useCharacterSearch = require("./useCharacterSearch");
16
+ const _menuGridContext = require("../../contexts/menuGridContext.cjs");
17
+ const _useValidateNesting = require("../../utils/useValidateNesting.cjs");
18
+ const _useCharacterSearch = require("./useCharacterSearch.cjs");
19
19
  function useMenuGridRow_unstable(props, ref) {
20
20
  const validateNestingRef = (0, _useValidateNesting.useValidateNesting)('MenuGridRow');
21
21
  const innerRef = _react.useRef(null);
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRow.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport {\n useMergedRefs,\n useEventCallback,\n mergeCallbacks,\n getIntrinsicElementProps,\n slot,\n} from '@fluentui/react-utilities';\n\nimport { useMenuGridContext_unstable } from '../../contexts/menuGridContext';\nimport type { MenuGridRowProps, MenuGridRowState } from './MenuGridRow.types';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\nimport { useCharacterSearch } from './useCharacterSearch';\n\n/**\n * Given user props, returns state and render function for a MenuGridRow.\n */\nexport function useMenuGridRow_unstable(props: MenuGridRowProps, ref: React.Ref<HTMLDivElement>): MenuGridRowState {\n const validateNestingRef = useValidateNesting('MenuGridRow');\n const innerRef = React.useRef<HTMLDivElement>(null);\n const { tableRowTabsterAttribute } = useMenuGridContext_unstable();\n\n const { characterSearchOnKeyDown, characterSearchRef } = useCharacterSearch();\n\n const onKeyDownToClick = useEventCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n if (\n !event.isDefaultPrevented() &&\n (event.key === Enter || event.key === Space) &&\n event.target === event.currentTarget\n ) {\n event.currentTarget.click();\n }\n });\n\n const onKeyDown = useEventCallback(\n mergeCallbacks(props.onKeyDown, mergeCallbacks(onKeyDownToClick, characterSearchOnKeyDown)),\n );\n\n const onClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n let element = event.target as HTMLElement | null;\n while (element && element !== event.currentTarget) {\n if (element.tabIndex >= 0) {\n return;\n }\n element = element.parentElement;\n }\n props.onClick?.(event);\n });\n\n const state: MenuGridRowState = {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, validateNestingRef, innerRef, characterSearchRef),\n role: 'row',\n tabIndex: 0,\n ...tableRowTabsterAttribute,\n ...props,\n onKeyDown,\n onClick,\n }),\n { elementType: 'div' },\n ),\n };\n\n return state;\n}\n"],"names":["React","Enter","Space","useMergedRefs","useEventCallback","mergeCallbacks","getIntrinsicElementProps","slot","useMenuGridContext_unstable","useValidateNesting","useCharacterSearch","useMenuGridRow_unstable","props","ref","validateNestingRef","innerRef","useRef","tableRowTabsterAttribute","characterSearchOnKeyDown","characterSearchRef","onKeyDownToClick","event","isDefaultPrevented","key","target","currentTarget","click","onKeyDown","onClick","element","tabIndex","parentElement","state","components","root","always","role","elementType"],"mappings":"AAAA;;;;;+BAoBgBW;;;;;;;iEAlBO,QAAQ;8BACF,0BAA0B;gCAOhD,4BAA4B;iCAES,iCAAiC;oCAE1C,iCAAiC;oCACjC,uBAAuB;AAKnD,iCAAiCC,KAAuB,EAAEC,GAA8B;IAC7F,MAAMC,yBAAqBL,sCAAAA,EAAmB;IAC9C,MAAMM,WAAWf,OAAMgB,MAAM,CAAiB;IAC9C,MAAM,EAAEC,wBAAwB,EAAE,GAAGT,gDAAAA;IAErC,MAAM,EAAEU,wBAAwB,EAAEC,kBAAkB,EAAE,OAAGT,sCAAAA;IAEzD,MAAMU,uBAAmBhB,gCAAAA,EAAiB,CAACiB;QACzC,IACE,CAACA,MAAMC,kBAAkB,MACxBD,CAAAA,MAAME,GAAG,KAAKtB,mBAAAA,IAASoB,MAAME,GAAG,KAAKrB,mBAAAA,AAAI,KAC1CmB,MAAMG,MAAM,KAAKH,MAAMI,aAAa,EACpC;YACAJ,MAAMI,aAAa,CAACC,KAAK;QAC3B;IACF;IAEA,MAAMC,gBAAYvB,gCAAAA,MAChBC,8BAAAA,EAAeO,MAAMe,SAAS,MAAEtB,8BAAAA,EAAee,kBAAkBF;IAGnE,MAAMU,cAAUxB,gCAAAA,EAAiB,CAACiB;YAQhCT;QAPA,IAAIiB,UAAUR,MAAMG,MAAM;QAC1B,MAAOK,WAAWA,YAAYR,MAAMI,aAAa,CAAE;YACjD,IAAII,QAAQC,QAAQ,IAAI,GAAG;gBACzB;YACF;YACAD,UAAUA,QAAQE,aAAa;QACjC;QACAnB,kBAAAA,MAAMgB,OAAAA,AAAO,MAAA,QAAbhB,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA,CAAAA,OAAgBS;IAClB;IAEA,MAAMW,QAA0B;QAC9BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAM3B,oBAAAA,CAAK4B,MAAM,KACf7B,wCAAAA,EAAyB,OAAO;YAC9BO,SAAKV,6BAAAA,EAAcU,KAAKC,oBAAoBC,UAAUI;YACtDiB,MAAM;YACNN,UAAU;YACV,GAAGb,wBAAwB;YAC3B,GAAGL,KAAK;YACRe;YACAC;QACF,IACA;YAAES,aAAa;QAAM;IAEzB;IAEA,OAAOL;AACT"}
1
+ {"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRow.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport {\n useMergedRefs,\n useEventCallback,\n mergeCallbacks,\n getIntrinsicElementProps,\n slot,\n} from '@fluentui/react-utilities';\n\nimport { useMenuGridContext_unstable } from '../../contexts/menuGridContext';\nimport type { MenuGridRowProps, MenuGridRowState } from './MenuGridRow.types';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\nimport { useCharacterSearch } from './useCharacterSearch';\n\n/**\n * Given user props, returns state and render function for a MenuGridRow.\n */\nexport function useMenuGridRow_unstable(props: MenuGridRowProps, ref: React.Ref<HTMLDivElement>): MenuGridRowState {\n const validateNestingRef = useValidateNesting('MenuGridRow');\n const innerRef = React.useRef<HTMLDivElement>(null);\n const { tableRowTabsterAttribute } = useMenuGridContext_unstable();\n\n const { characterSearchOnKeyDown, characterSearchRef } = useCharacterSearch();\n\n const onKeyDownToClick = useEventCallback((event: React.KeyboardEvent<HTMLDivElement>) => {\n if (\n !event.isDefaultPrevented() &&\n (event.key === Enter || event.key === Space) &&\n event.target === event.currentTarget\n ) {\n event.currentTarget.click();\n }\n });\n\n const onKeyDown = useEventCallback(\n mergeCallbacks(props.onKeyDown, mergeCallbacks(onKeyDownToClick, characterSearchOnKeyDown)),\n );\n\n const onClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n let element = event.target as HTMLElement | null;\n while (element && element !== event.currentTarget) {\n if (element.tabIndex >= 0) {\n return;\n }\n element = element.parentElement;\n }\n props.onClick?.(event);\n });\n\n const state: MenuGridRowState = {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, validateNestingRef, innerRef, characterSearchRef),\n role: 'row',\n tabIndex: 0,\n ...tableRowTabsterAttribute,\n ...props,\n onKeyDown,\n onClick,\n }),\n { elementType: 'div' },\n ),\n };\n\n return state;\n}\n"],"names":["React","Enter","Space","useMergedRefs","useEventCallback","mergeCallbacks","getIntrinsicElementProps","slot","useMenuGridContext_unstable","useValidateNesting","useCharacterSearch","useMenuGridRow_unstable","props","ref","validateNestingRef","innerRef","useRef","tableRowTabsterAttribute","characterSearchOnKeyDown","characterSearchRef","onKeyDownToClick","event","isDefaultPrevented","key","target","currentTarget","click","onKeyDown","onClick","element","tabIndex","parentElement","state","components","root","always","role","elementType"],"mappings":"AAAA;;;;;+BAoBgBW;;;;;;;iEAlBO,QAAQ;8BACF,0BAA0B;gCAOhD,4BAA4B;iCAES,oCAAiC;oCAE1C,oCAAiC;oCACjC,0BAAuB;AAKnD,iCAAiCC,KAAuB,EAAEC,GAA8B;IAC7F,MAAMC,yBAAqBL,sCAAAA,EAAmB;IAC9C,MAAMM,WAAWf,OAAMgB,MAAM,CAAiB;IAC9C,MAAM,EAAEC,wBAAwB,EAAE,GAAGT,gDAAAA;IAErC,MAAM,EAAEU,wBAAwB,EAAEC,kBAAkB,EAAE,OAAGT,sCAAAA;IAEzD,MAAMU,uBAAmBhB,gCAAAA,EAAiB,CAACiB;QACzC,IACE,CAACA,MAAMC,kBAAkB,MACxBD,CAAAA,MAAME,GAAG,KAAKtB,mBAAAA,IAASoB,MAAME,GAAG,KAAKrB,mBAAAA,AAAI,KAC1CmB,MAAMG,MAAM,KAAKH,MAAMI,aAAa,EACpC;YACAJ,MAAMI,aAAa,CAACC,KAAK;QAC3B;IACF;IAEA,MAAMC,gBAAYvB,gCAAAA,MAChBC,8BAAAA,EAAeO,MAAMe,SAAS,MAAEtB,8BAAAA,EAAee,kBAAkBF;IAGnE,MAAMU,cAAUxB,gCAAAA,EAAiB,CAACiB;YAQhCT;QAPA,IAAIiB,UAAUR,MAAMG,MAAM;QAC1B,MAAOK,WAAWA,YAAYR,MAAMI,aAAa,CAAE;YACjD,IAAII,QAAQC,QAAQ,IAAI,GAAG;gBACzB;YACF;YACAD,UAAUA,QAAQE,aAAa;QACjC;QACAnB,kBAAAA,MAAMgB,OAAAA,AAAO,MAAA,QAAbhB,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAAA,IAAAA,CAAAA,OAAgBS;IAClB;IAEA,MAAMW,QAA0B;QAC9BC,YAAY;YACVC,MAAM;QACR;QACAA,MAAM3B,oBAAAA,CAAK4B,MAAM,KACf7B,wCAAAA,EAAyB,OAAO;YAC9BO,SAAKV,6BAAAA,EAAcU,KAAKC,oBAAoBC,UAAUI;YACtDiB,MAAM;YACNN,UAAU;YACV,GAAGb,wBAAwB;YAC3B,GAAGL,KAAK;YACRe;YACAC;QACF,IACA;YAAES,aAAa;QAAM;IAEzB;IAEA,OAAOL;AACT"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useMenuGridRowStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeResetStyles } from \"@griffel/react\";\nimport { iconFilledClassName, iconRegularClassName } from \"@fluentui/react-icons\";\nimport { tokens } from \"@fluentui/react-theme\";\nimport { createFocusOutlineStyle } from \"@fluentui/react-tabster\";\nexport const menuGridRowClassNames = {\n root: 'fui-MenuGridRow'\n};\n// Base styles similar to regular menu item\n// Right now ecludes icon color, hover active style for secondary text\nconst useRootBaseStyles = makeResetStyles({\n borderRadius: tokens.borderRadiusMedium,\n position: 'relative',\n color: tokens.colorNeutralForeground2,\n backgroundColor: tokens.colorNeutralBackground1,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalSNudge}`,\n boxSizing: 'border-box',\n maxWidth: '290px',\n minHeight: '32px',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'start',\n fontSize: tokens.fontSizeBase300,\n cursor: 'pointer',\n gap: '4px',\n userSelect: 'none',\n ...createFocusOutlineStyle(),\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n color: tokens.colorNeutralForeground2Pressed\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'Canvas',\n borderColor: 'Highlight',\n color: 'Highlight'\n },\n ...createFocusOutlineStyle({\n style: {\n outlineColor: 'Highlight'\n }\n })\n }\n});\nexport const useMenuGridRowStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridRowClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","__resetStyles","iconFilledClassName","iconRegularClassName","tokens","createFocusOutlineStyle","menuGridRowClassNames","root","useRootBaseStyles","r","s","useMenuGridRowStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKCM,qBAAqB;;;iCAkDQ;eAA7BK;;;uBAtDiC,gBAAgB;AAIvD,8BAA8B;IACjCJ,IAAI,EAAE;AACV,CAAC;AACD,2CAAA;AACA,sEAAA;AACA,MAAMC,iBAAiB,GAAA,WAAA,OAAGP,oBAAA,EAAA,YAAA,WAAA;IAAAQ,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA4CzB,CAAC;AACK,uCAAuCE,KAAK,IAAG;IAClD,MAAMC,cAAc,GAAGL,iBAAiB,CAAC,CAAC;IAC1C,oDAAA;IACAI,KAAK,CAACL,IAAI,CAACO,SAAS,OAAGd,mBAAY,EAACM,qBAAqB,CAACC,IAAI,EAAEM,cAAc,EAAED,KAAK,CAACL,IAAI,CAACO,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}
@@ -28,4 +28,4 @@ _export(exports, {
28
28
  return _index.useMenuGrid_unstable;
29
29
  }
30
30
  });
31
- const _index = require("./MenuGrid/index");
31
+ const _index = require("./MenuGrid/index.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/index.ts"],"sourcesContent":["export type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid/index';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './MenuGrid/index';\n"],"names":["MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable"],"mappings":";;;;;;;;;;;;eAEEA,eAAQ;;;eACRC,yBAAkB;;;eAClBC,8BAAuB;;;eACvBC,wCAAiC;;;eACjCC,iCAA0B;;;eAC1BC,2BAAoB;;;uBACf,mBAAmB"}
1
+ {"version":3,"sources":["../src/components/index.ts"],"sourcesContent":["export type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid/index';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './MenuGrid/index';\n"],"names":["MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable"],"mappings":";;;;;;;;;;;;eAEEA,eAAQ;;;eACRC,yBAAkB;;;eAClBC,8BAAuB;;;eACvBC,wCAAiC;;;eACjCC,iCAA0B;;;eAC1BC,2BAAoB;;;uBACf,sBAAmB"}
@@ -118,11 +118,11 @@ _export(exports, {
118
118
  return _MenuGrid.useMenuGrid_unstable;
119
119
  }
120
120
  });
121
- const _menuGridContext = require("./contexts/menuGridContext");
122
- const _menuGridGroupContext = require("./contexts/menuGridGroupContext");
123
- const _MenuGrid = require("./MenuGrid");
124
- const _MenuGridCell = require("./MenuGridCell");
125
- const _MenuGridItem = require("./MenuGridItem");
126
- const _MenuGridRow = require("./MenuGridRow");
127
- const _MenuGridGroup = require("./MenuGridGroup");
128
- const _MenuGridGroupHeader = require("./MenuGridGroupHeader");
121
+ const _menuGridContext = require("./contexts/menuGridContext.cjs");
122
+ const _menuGridGroupContext = require("./contexts/menuGridGroupContext.cjs");
123
+ const _MenuGrid = require("./MenuGrid.cjs");
124
+ const _MenuGridCell = require("./MenuGridCell.cjs");
125
+ const _MenuGridItem = require("./MenuGridItem.cjs");
126
+ const _MenuGridRow = require("./MenuGridRow.cjs");
127
+ const _MenuGridGroup = require("./MenuGridGroup.cjs");
128
+ const _MenuGridGroupHeader = require("./MenuGridGroupHeader.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { MenuGridContextProvider, useMenuGridContext_unstable } from './contexts/menuGridContext';\nexport type { MenuGridContextValue } from './contexts/menuGridContext';\nexport { MenuGridGroupContextProvider, useMenuGridGroupContext_unstable } from './contexts/menuGridGroupContext';\nexport type { MenuGridGroupContextValue } from './contexts/menuGridGroupContext';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid';\nexport {\n MenuGridCell,\n menuGridCellClassNames,\n renderMenuGridCell_unstable,\n useMenuGridCellStyles_unstable,\n useMenuGridCell_unstable,\n} from './MenuGridCell';\nexport type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell';\nexport {\n MenuGridItem,\n menuGridItemClassNames,\n renderMenuGridItem_unstable,\n useMenuGridItemStyles_unstable,\n useMenuGridItem_unstable,\n} from './MenuGridItem';\nexport type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem';\nexport {\n MenuGridRow,\n menuGridRowClassNames,\n renderMenuGridRow_unstable,\n useMenuGridRowStyles_unstable,\n useMenuGridRow_unstable,\n} from './MenuGridRow';\nexport type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow';\nexport {\n MenuGridGroup,\n menuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './MenuGridGroup';\nexport type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup';\nexport {\n MenuGridGroupHeader,\n menuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './MenuGridGroupHeader';\nexport type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader';\n"],"names":["MenuGridContextProvider","useMenuGridContext_unstable","MenuGridGroupContextProvider","useMenuGridGroupContext_unstable","MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable","MenuGridCell","menuGridCellClassNames","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","useMenuGridCell_unstable","MenuGridItem","menuGridItemClassNames","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","useMenuGridItem_unstable","MenuGridRow","menuGridRowClassNames","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","useMenuGridRow_unstable","MenuGridGroup","menuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable","MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":";;;;;;;;;;;IAKEI;iCAAQ;;;eASRM,0BAAY;;;eAdLV,wCAAuB;;IAsC9ByB;2CAAa;;;eApCNvB,kDAA4B;;uBAkDhB;eAAnB6B;;gBA9BY;eAAZhB;;eAQW;eAAXK;;;eAfAT,oCAAsB;;;eATtBN,4BAAkB;;IAiClBqB,uBAAuB;;;IAcvBM;iEAA6B;;;eA9B7BhB,oCAAsB;;;eAQtBK,kCAAqB;;IAfrBT,2BAA2B;;;;eAsC3BqB,uDAAkC;;IAdlCN,4BAA4B;;;;eAhB5BV,yCAA2B;;;eAQ3BK,uCAA0B;;;eAzB1BhB,iCAAuB;;;eAUvBO,4CAA8B;;IAC9BC,wBAAwB;;;IAVxBP;0DAAiC;;;eARDN,4CAA2B;;;eAyC3D2B,qDAAsC;;;eAvCDzB,sDAAgC;;;eAqDrE+B,0DAAqC;;;eACrCC,oDAA+B;;;eAd/BN,8CAA+B;;;eAC/BC,wCAAyB;;;eAlBzBZ,4CAA8B;;;eAC9BC,sCAAwB;;;eAOxBI,0CAA6B;;IAC7BC;mDAAuB;;;eAzBvBhB,oCAA0B;;;eAC1BC,8BAAoB;;;iCAV+C,6BAA6B;sCAEnB,kCAAkC;0BAS1G,aAAa;8BAQb,iBAAiB;8BAQjB,iBAAiB;6BAQjB,gBAAgB;+BAShB,kBAAkB;qCAalB,wBAAwB"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { MenuGridContextProvider, useMenuGridContext_unstable } from './contexts/menuGridContext';\nexport type { MenuGridContextValue } from './contexts/menuGridContext';\nexport { MenuGridGroupContextProvider, useMenuGridGroupContext_unstable } from './contexts/menuGridGroupContext';\nexport type { MenuGridGroupContextValue } from './contexts/menuGridGroupContext';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid';\nexport {\n MenuGridCell,\n menuGridCellClassNames,\n renderMenuGridCell_unstable,\n useMenuGridCellStyles_unstable,\n useMenuGridCell_unstable,\n} from './MenuGridCell';\nexport type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell';\nexport {\n MenuGridItem,\n menuGridItemClassNames,\n renderMenuGridItem_unstable,\n useMenuGridItemStyles_unstable,\n useMenuGridItem_unstable,\n} from './MenuGridItem';\nexport type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem';\nexport {\n MenuGridRow,\n menuGridRowClassNames,\n renderMenuGridRow_unstable,\n useMenuGridRowStyles_unstable,\n useMenuGridRow_unstable,\n} from './MenuGridRow';\nexport type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow';\nexport {\n MenuGridGroup,\n menuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './MenuGridGroup';\nexport type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup';\nexport {\n MenuGridGroupHeader,\n menuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './MenuGridGroupHeader';\nexport type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader';\n"],"names":["MenuGridContextProvider","useMenuGridContext_unstable","MenuGridGroupContextProvider","useMenuGridGroupContext_unstable","MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable","MenuGridCell","menuGridCellClassNames","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","useMenuGridCell_unstable","MenuGridItem","menuGridItemClassNames","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","useMenuGridItem_unstable","MenuGridRow","menuGridRowClassNames","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","useMenuGridRow_unstable","MenuGridGroup","menuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable","MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":";;;;;;;;;;;IAKEI;iCAAQ;;;eASRM,0BAAY;;;eAdLV,wCAAuB;;IAsC9ByB;2CAAa;;;eApCNvB,kDAA4B;;uBAkDhB;eAAnB6B;;gBA9BY;eAAZhB;;eAQW;eAAXK;;;eAfAT,oCAAsB;;;eATtBN,4BAAkB;;IAiClBqB,uBAAuB;;;IAcvBM;iEAA6B;;;eA9B7BhB,oCAAsB;;;eAQtBK,kCAAqB;;IAfrBT,2BAA2B;;;;eAsC3BqB,uDAAkC;;IAdlCN,4BAA4B;;;;eAhB5BV,yCAA2B;;;eAQ3BK,uCAA0B;;;eAzB1BhB,iCAAuB;;;eAUvBO,4CAA8B;;IAC9BC,wBAAwB;;;IAVxBP;0DAAiC;;;eARDN,4CAA2B;;;eAyC3D2B,qDAAsC;;;eAvCDzB,sDAAgC;;;eAqDrE+B,0DAAqC;;;eACrCC,oDAA+B;;;eAd/BN,8CAA+B;;;eAC/BC,wCAAyB;;;eAlBzBZ,4CAA8B;;;eAC9BC,sCAAwB;;;eAOxBI,0CAA6B;;IAC7BC;mDAAuB;;;eAzBvBhB,oCAA0B;;;eAC1BC,8BAAoB;;;iCAV+C,gCAA6B;sCAEnB,qCAAkC;0BAS1G,gBAAa;8BAQb,oBAAiB;8BAQjB,oBAAiB;6BAQjB,mBAAgB;+BAShB,qBAAkB;qCAalB,2BAAwB"}
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "useValidateNesting", {
8
8
  return _useValidateNesting.useValidateNesting;
9
9
  }
10
10
  });
11
- const _useValidateNesting = require("./useValidateNesting");
11
+ const _useValidateNesting = require("./useValidateNesting.cjs");
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export { useValidateNesting } from './useValidateNesting';\n"],"names":["useValidateNesting"],"mappings":";;;;;;;eAASA,sCAAkB;;;oCAAQ,uBAAuB"}
1
+ {"version":3,"sources":["../src/utils/index.ts"],"sourcesContent":["export { useValidateNesting } from './useValidateNesting';\n"],"names":["useValidateNesting"],"mappings":";;;;;;;eAASA,sCAAkB;;;oCAAQ,0BAAuB"}
package/package.json CHANGED
@@ -1,14 +1,15 @@
1
1
  {
2
2
  "name": "@fluentui/react-menu-grid-preview",
3
- "version": "0.5.3",
3
+ "version": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
4
4
  "description": "New fluentui react package",
5
- "main": "lib-commonjs/index.js",
5
+ "main": "lib-commonjs/index.cjs",
6
6
  "module": "lib/index.js",
7
7
  "typings": "./dist/index.d.ts",
8
8
  "sideEffects": false,
9
9
  "files": [
10
10
  "*.md",
11
11
  "dist/*.d.ts",
12
+ "dist/*.d.cts",
12
13
  "lib",
13
14
  "lib-commonjs"
14
15
  ],
@@ -18,15 +19,15 @@
18
19
  },
19
20
  "license": "MIT",
20
21
  "dependencies": {
21
- "@fluentui/keyboard-keys": "^9.0.8",
22
- "@fluentui/react-menu": "^9.25.1",
22
+ "@fluentui/keyboard-keys": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
23
+ "@fluentui/react-menu": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
23
24
  "@fluentui/react-icons": "^2.0.245",
24
- "@fluentui/react-table": "^9.19.17",
25
- "@fluentui/react-tabster": "^9.26.16",
26
- "@fluentui/react-jsx-runtime": "^9.4.4",
27
- "@fluentui/react-shared-contexts": "^9.26.2",
28
- "@fluentui/react-theme": "^9.2.1",
29
- "@fluentui/react-utilities": "^9.26.5",
25
+ "@fluentui/react-table": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
26
+ "@fluentui/react-tabster": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
27
+ "@fluentui/react-jsx-runtime": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
28
+ "@fluentui/react-shared-contexts": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
29
+ "@fluentui/react-theme": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
30
+ "@fluentui/react-utilities": "9.74.3-experimental.esm.20260709-49ee7a20cf.0",
30
31
  "@griffel/react": "^1.5.32",
31
32
  "@swc/helpers": "^0.5.1"
32
33
  },
@@ -38,17 +39,17 @@
38
39
  },
39
40
  "exports": {
40
41
  ".": {
41
- "types": "./dist/index.d.ts",
42
- "node": "./lib-commonjs/index.js",
43
- "import": "./lib/index.js",
44
- "require": "./lib-commonjs/index.js"
42
+ "import": {
43
+ "types": "./dist/index.d.ts",
44
+ "default": "./lib/index.js"
45
+ },
46
+ "require": {
47
+ "types": "./dist/index.d.cts",
48
+ "default": "./lib-commonjs/index.cjs"
49
+ }
45
50
  },
46
51
  "./package.json": "./package.json"
47
52
  },
48
- "beachball": {
49
- "disallowedChangeTypes": [
50
- "major",
51
- "prerelease"
52
- ]
53
- }
53
+ "beachball": {},
54
+ "type": "module"
54
55
  }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMenuGridStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nexport const menuGridClassNames = {\n root: 'fui-MenuGrid'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: '2px'\n },\n hasMenuContext: {\n height: '100%'\n }\n});\n/**\n * Apply styling to the Menu slots based on the state\n */ export const useMenuGridStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","__styles","menuGridClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","hasMenuContext","Bqenvij","d","p","useMenuGridStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,kBAAkB;;;IAedY,0BAA0B;;;;uBAhBF,gBAAgB;AAClD,2BAA2B;IAC9BX,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAE,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CASjB,CAAC;AAGS,oCAAoCE,KAAK,IAAG;IACnD,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAW,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGjB,mBAAY,EAACE,kBAAkB,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IAC/F,OAAOF,KAAK;AAChB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMenuGridCellStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const menuGridCellClassNames = {\n root: 'fui-MenuGridCell'\n};\nconst useRootStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n minHeight: '24px'\n },\n visuallyHidden: {\n position: 'absolute'\n }\n});\nexport const useMenuGridCellStyles_unstable = (state)=>{\n const rootStyles = useRootStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridCellClassNames.root, rootStyles.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","menuGridCellClassNames","root","useRootStyles","mc9l5x","Bt984gj","B7ck84d","sshi5w","visuallyHidden","qhf8xq","d","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,sBAAsB;;;kCAcQ;eAA9BU;;;uBAf4B,gBAAgB;AAClD,+BAA+B;IAClCT,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,aAAa,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AACK,wCAAwCE,KAAK,IAAG;IACnD,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;IAClC,oDAAA;IACAS,KAAK,CAACV,IAAI,CAACY,SAAS,OAAGd,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEW,UAAU,CAACX,IAAI,EAAEU,KAAK,CAACJ,cAAc,IAAIK,UAAU,CAACL,cAAc,EAAEI,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;IAC1J,OAAOF,KAAK;AAChB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMenuGridGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const menuGridGroupClassNames = {\n root: 'fui-MenuGridGroup'\n};\nexport const useMenuGridGroupStyles_unstable = (state)=>{\n state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","menuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,uBAAuB;;;mCAGQ;;;;uBAJf,gBAAgB;AACtC,gCAAgC;IACnCC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,kCAAmCC,KAAK,IAAG;IACpDA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACvF,OAAOD,KAAK;AAChB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMenuGridGroupHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const menuGridGroupHeaderClassNames = {\n root: 'fui-MenuGridGroupHeader'\n};\nconst useStyles = makeStyles({\n root: {\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n paddingLeft: '8px',\n paddingRight: '8px',\n fontWeight: tokens.fontWeightSemibold,\n height: '32px',\n display: 'flex',\n alignItems: 'center'\n }\n});\nexport const useMenuGridGroupHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","Be2twd7","sj55zd","uwmqm3","z189sj","Bhrd7zp","Bqenvij","mc9l5x","Bt984gj","d","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAGCG,6BAA6B;;;IAe7BY,qCAAqC;;;;uBAjBT,gBAAgB;AAElD,sCAAsC;IACzCX,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAWjB,CAAC;AACK,+CAA+CE,KAAK,IAAG;IAC1D,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAW,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGjB,mBAAY,EAACE,6BAA6B,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IAC1G,OAAOF,KAAK;AAChB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const menuGridItemClassNames = {\n root: 'fui-MenuGridItem',\n icon: 'fui-MenuGridItem__icon',\n content: 'fui-MenuGridItem__content',\n subText: 'fui-MenuGridItem__subText',\n firstSubAction: 'fui-MenuGridItem__firstSubAction',\n secondSubAction: 'fui-MenuGridItem__secondSubAction'\n};\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%',\n minWidth: 0\n },\n icon: {\n height: '100%'\n },\n firstSubAction: {\n height: '100%'\n },\n secondSubAction: {\n height: '100%'\n }\n});\nexport const useMenuGridItemStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.content) {\n // eslint-disable-next-line react-hooks/immutability\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n if (state.subText) {\n // eslint-disable-next-line react-hooks/immutability\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n if (state.firstSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);\n }\n if (state.secondSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","Bqenvij","Bf4jedk","d","useMenuGridItemStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAECE,sBAAsB;;;kCAwBQ;eAA9BY;;;uBAzB4B,gBAAgB;AAClD,+BAA+B;IAClCX,IAAI,EAAE,kBAAkB;IACxBC,IAAI,EAAE,wBAAwB;IAC9BC,OAAO,EAAE,2BAA2B;IACpCC,OAAO,EAAE,2BAA2B;IACpCC,cAAc,EAAE,kCAAkC;IAClDC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAK,OAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAR,IAAA,EAAA;QAAAO,OAAA,EAAA;IAAA;IAAAJ,cAAA,EAAA;QAAAI,OAAA,EAAA;IAAA;IAAAH,eAAA,EAAA;QAAAG,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAejB,CAAC;AACK,wCAAwCE,KAAK,IAAG;IACnD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAM,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IACtF,IAAIF,KAAK,CAACX,IAAI,EAAE;QACZ,oDAAA;QACAW,KAAK,CAACX,IAAI,CAACa,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACE,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;IACvG;IACA,IAAIF,KAAK,CAACV,OAAO,EAAE;QACf,oDAAA;QACAU,KAAK,CAACV,OAAO,CAACY,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACG,OAAO,EAAEW,MAAM,CAACX,OAAO,EAAEU,KAAK,CAACV,OAAO,CAACY,SAAS,CAAC;IACnH;IACA,IAAIF,KAAK,CAACT,OAAO,EAAE;QACf,oDAAA;QACAS,KAAK,CAACT,OAAO,CAACW,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACI,OAAO,EAAES,KAAK,CAACT,OAAO,CAACW,SAAS,CAAC;IACnG;IACA,IAAIF,KAAK,CAACR,cAAc,EAAE;QACtB,oDAAA;QACAQ,KAAK,CAACR,cAAc,CAACU,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACK,cAAc,EAAES,MAAM,CAACT,cAAc,EAAEQ,KAAK,CAACR,cAAc,CAACU,SAAS,CAAC;IAC/I;IACA,IAAIF,KAAK,CAACP,eAAe,EAAE;QACvB,oDAAA;QACAO,KAAK,CAACP,eAAe,CAACS,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACM,eAAe,EAAEQ,MAAM,CAACR,eAAe,EAAEO,KAAK,CAACP,eAAe,CAACS,SAAS,CAAC;IACnJ;IACA,OAAOF,KAAK;AAChB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useMenuGridRowStyles.styles.js"],"sourcesContent":["'use client';\nimport { mergeClasses, makeResetStyles } from '@griffel/react';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nexport const menuGridRowClassNames = {\n root: 'fui-MenuGridRow'\n};\n// Base styles similar to regular menu item\n// Right now ecludes icon color, hover active style for secondary text\nconst useRootBaseStyles = makeResetStyles({\n borderRadius: tokens.borderRadiusMedium,\n position: 'relative',\n color: tokens.colorNeutralForeground2,\n backgroundColor: tokens.colorNeutralBackground1,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingVerticalSNudge}`,\n boxSizing: 'border-box',\n maxWidth: '290px',\n minHeight: '32px',\n flexShrink: 0,\n display: 'flex',\n alignItems: 'start',\n fontSize: tokens.fontSizeBase300,\n cursor: 'pointer',\n gap: '4px',\n userSelect: 'none',\n ...createFocusOutlineStyle(),\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n color: tokens.colorNeutralForeground2Pressed\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: 'Canvas',\n borderColor: 'Highlight',\n color: 'Highlight'\n },\n ...createFocusOutlineStyle({\n style: {\n outlineColor: 'Highlight'\n }\n })\n }\n});\nexport const useMenuGridRowStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridRowClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","__resetStyles","iconFilledClassName","iconRegularClassName","tokens","createFocusOutlineStyle","menuGridRowClassNames","root","useRootBaseStyles","r","s","useMenuGridRowStyles_unstable","state","rootBaseStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;IAKCM,qBAAqB;;;iCAkDQ;eAA7BK;;;uBAtDiC,gBAAgB;AAIvD,8BAA8B;IACjCJ,IAAI,EAAE;AACV,CAAC;AACD,2CAAA;AACA,sEAAA;AACA,MAAMC,iBAAiB,GAAA,WAAA,OAAGP,oBAAA,EAAA,YAAA,WAAA;IAAAQ,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CA4CzB,CAAC;AACK,uCAAuCE,KAAK,IAAG;IAClD,MAAMC,cAAc,GAAGL,iBAAiB,CAAC,CAAC;IAC1C,oDAAA;IACAI,KAAK,CAACL,IAAI,CAACO,SAAS,OAAGd,mBAAY,EAACM,qBAAqB,CAACC,IAAI,EAAEM,cAAc,EAAED,KAAK,CAACL,IAAI,CAACO,SAAS,CAAC;IACrG,OAAOF,KAAK;AAChB,CAAC"}