@fluentui/react-menu-grid-preview 0.2.4 → 0.2.6
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.
- package/CHANGELOG.md +28 -2
- package/dist/index.d.ts +2 -2
- package/lib/MenuGridGroup.js +1 -1
- package/lib/MenuGridGroup.js.map +1 -1
- package/lib/components/MenuGridGroup/MenuGridGroup.types.js.map +1 -1
- package/lib/components/MenuGridGroup/index.js +1 -1
- package/lib/components/MenuGridGroup/index.js.map +1 -1
- package/lib/components/MenuGridGroup/renderMenuGridGroup.js +1 -1
- package/lib/components/MenuGridGroup/renderMenuGridGroup.js.map +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroup.js +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroup.js.map +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js +2 -2
- package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js.map +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js +2 -2
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js.map +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js +2 -2
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js +5 -5
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +5 -5
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/MenuGridGroup.js +2 -2
- package/lib-commonjs/MenuGridGroup.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/MenuGridGroup.types.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/index.js +2 -2
- package/lib-commonjs/components/MenuGridGroup/index.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/renderMenuGridGroup.js +1 -1
- package/lib-commonjs/components/MenuGridGroup/renderMenuGridGroup.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroup.js +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroup.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupContextValues.js +2 -2
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupContextValues.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.js +4 -4
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js +4 -4
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js +5 -5
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +5 -5
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/index.js +3 -3
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,38 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-menu-grid-preview
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 05 Dec 2025 22:36:14 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.6)
|
|
8
|
+
|
|
9
|
+
Fri, 05 Dec 2025 22:36:14 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.5..@fluentui/react-menu-grid-preview_v0.2.6)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Use proper property name for MenuGridGroup context ([PR #35521](https://github.com/microsoft/fluentui/pull/35521) by adam.samec@gmail.com)
|
|
15
|
+
- Fix id for MenuGridGroupHeader ([PR #35529](https://github.com/microsoft/fluentui/pull/35529) by adam.samec@gmail.com)
|
|
16
|
+
- Fix MenuGridItem class names and MenuGridGroup class names object name ([PR #35525](https://github.com/microsoft/fluentui/pull/35525) by adam.samec@gmail.com)
|
|
17
|
+
|
|
18
|
+
## [0.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.5)
|
|
19
|
+
|
|
20
|
+
Tue, 11 Nov 2025 19:18:26 GMT
|
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.4..@fluentui/react-menu-grid-preview_v0.2.5)
|
|
22
|
+
|
|
23
|
+
### Patches
|
|
24
|
+
|
|
25
|
+
- chore: Bump @griffel/react package. ([PR #35469](https://github.com/microsoft/fluentui/pull/35469) by estebanmu@microsoft.com)
|
|
26
|
+
- Bump @fluentui/react-menu to v9.20.5 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
27
|
+
- Bump @fluentui/react-table to v9.19.5 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
28
|
+
- Bump @fluentui/react-tabster to v9.26.10 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
29
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.3 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
30
|
+
- Bump @fluentui/react-shared-contexts to v9.26.0 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
31
|
+
- Bump @fluentui/react-utilities to v9.25.4 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
32
|
+
|
|
7
33
|
## [0.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.4)
|
|
8
34
|
|
|
9
|
-
Thu, 06 Nov 2025
|
|
35
|
+
Thu, 06 Nov 2025 15:01:21 GMT
|
|
10
36
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.3..@fluentui/react-menu-grid-preview_v0.2.4)
|
|
11
37
|
|
|
12
38
|
### Patches
|
package/dist/index.d.ts
CHANGED
|
@@ -56,7 +56,7 @@ export declare type MenuGridContextValues = {
|
|
|
56
56
|
*/
|
|
57
57
|
export declare const MenuGridGroup: ForwardRefComponent<MenuGridGroupProps>;
|
|
58
58
|
|
|
59
|
-
export declare const
|
|
59
|
+
export declare const menuGridGroupClassNames: SlotClassNames<MenuGridGroupSlots>;
|
|
60
60
|
|
|
61
61
|
export declare const MenuGridGroupContextProvider: React_2.Provider<MenuGridGroupContextValue>;
|
|
62
62
|
|
|
@@ -71,7 +71,7 @@ export declare type MenuGridGroupContextValue = {
|
|
|
71
71
|
};
|
|
72
72
|
|
|
73
73
|
export declare type MenuGridGroupContextValues = {
|
|
74
|
-
|
|
74
|
+
menuGridGroup: MenuGridGroupContextValue;
|
|
75
75
|
};
|
|
76
76
|
|
|
77
77
|
/**
|
package/lib/MenuGridGroup.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { MenuGridGroup,
|
|
1
|
+
export { MenuGridGroup, menuGridGroupClassNames, renderMenuGridGroup_unstable, useMenuGridGroupContextValues_unstable, useMenuGridGroupStyles_unstable, useMenuGridGroup_unstable } from './components/MenuGridGroup/index';
|
package/lib/MenuGridGroup.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/MenuGridGroup.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './components/MenuGridGroup/index';\nexport {\n MenuGridGroup,\n
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroup.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './components/MenuGridGroup/index';\nexport {\n MenuGridGroup,\n menuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './components/MenuGridGroup/index';\n"],"names":["MenuGridGroup","menuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable"],"mappings":"AAMA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGridGroupContextValue } from '../../contexts/menuGridGroupContext';\n\nexport type MenuGridGroupSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridGroupProps = ComponentProps<MenuGridGroupSlots>;\n\nexport type MenuGridGroupState = ComponentState<MenuGridGroupSlots> & {\n /**\n * id applied to the DOM element of `MenuGridGroupHeader`\n */\n headerId: string;\n};\n\nexport type MenuGridGroupContextValues = {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGridGroupContextValue } from '../../contexts/menuGridGroupContext';\n\nexport type MenuGridGroupSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridGroupProps = ComponentProps<MenuGridGroupSlots>;\n\nexport type MenuGridGroupState = ComponentState<MenuGridGroupSlots> & {\n /**\n * id applied to the DOM element of `MenuGridGroupHeader`\n */\n headerId: string;\n};\n\nexport type MenuGridGroupContextValues = {\n menuGridGroup: MenuGridGroupContextValue;\n};\n"],"names":[],"mappings":"AAgBA,WAEE"}
|
|
@@ -2,4 +2,4 @@ export { MenuGridGroup } from './MenuGridGroup';
|
|
|
2
2
|
export { renderMenuGridGroup_unstable } from './renderMenuGridGroup';
|
|
3
3
|
export { useMenuGridGroup_unstable } from './useMenuGridGroup';
|
|
4
4
|
export { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';
|
|
5
|
-
export {
|
|
5
|
+
export { menuGridGroupClassNames, useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/index.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup.types';\nexport { MenuGridGroup } from './MenuGridGroup';\nexport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nexport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nexport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nexport {
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/index.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup.types';\nexport { MenuGridGroup } from './MenuGridGroup';\nexport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nexport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nexport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nexport { menuGridGroupClassNames, useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';\n"],"names":["MenuGridGroup","renderMenuGridGroup_unstable","useMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","menuGridGroupClassNames","useMenuGridGroupStyles_unstable"],"mappings":"AAMA,SAASA,aAAa,QAAQ,kBAAkB;AAChD,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,uBAAuB,EAAEC,+BAA+B,QAAQ,kCAAkC"}
|
|
@@ -6,7 +6,7 @@ import { MenuGridGroupContextProvider } from '../../contexts/menuGridGroupContex
|
|
|
6
6
|
*/ export const renderMenuGridGroup_unstable = (state, contextValues)=>{
|
|
7
7
|
assertSlots(state);
|
|
8
8
|
return /*#__PURE__*/ _jsx(MenuGridGroupContextProvider, {
|
|
9
|
-
value: contextValues.
|
|
9
|
+
value: contextValues.menuGridGroup,
|
|
10
10
|
children: /*#__PURE__*/ _jsx(state.root, {})
|
|
11
11
|
});
|
|
12
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/renderMenuGridGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuGridGroupContextValues, MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\nimport { MenuGridGroupContextProvider } from '../../contexts/menuGridGroupContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroup_unstable = (\n state: MenuGridGroupState,\n contextValues: MenuGridGroupContextValues,\n): JSXElement => {\n assertSlots<MenuGridGroupSlots>(state);\n\n return (\n <MenuGridGroupContextProvider value={contextValues.
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/renderMenuGridGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuGridGroupContextValues, MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\nimport { MenuGridGroupContextProvider } from '../../contexts/menuGridGroupContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroup_unstable = (\n state: MenuGridGroupState,\n contextValues: MenuGridGroupContextValues,\n): JSXElement => {\n assertSlots<MenuGridGroupSlots>(state);\n\n return (\n <MenuGridGroupContextProvider value={contextValues.menuGridGroup}>\n <state.root />\n </MenuGridGroupContextProvider>\n );\n};\n"],"names":["assertSlots","MenuGridGroupContextProvider","renderMenuGridGroup_unstable","state","contextValues","value","menuGridGroup","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AACjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,4BAA4B,QAAQ,sCAAsC;AAEnF;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAC1CC,OACAC;IAEAJ,YAAgCG;IAEhC,qBACE,KAACF;QAA6BI,OAAOD,cAAcE,aAAa;kBAC9D,cAAA,KAACH,MAAMI,IAAI;;AAGjB,EAAE"}
|
|
@@ -3,7 +3,7 @@ import { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities
|
|
|
3
3
|
/**
|
|
4
4
|
* Given user props, returns state and render function for a MenuGridGroup.
|
|
5
5
|
*/ export function useMenuGridGroup_unstable(props, ref) {
|
|
6
|
-
const headerId = useId('menu-grid-
|
|
6
|
+
const headerId = useId('menu-grid-group-header');
|
|
7
7
|
return {
|
|
8
8
|
components: {
|
|
9
9
|
root: 'div'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { MenuGridGroupProps, MenuGridGroupState } from './MenuGridGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroup.\n */\nexport function useMenuGridGroup_unstable(\n props: MenuGridGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupState {\n const headerId = useId('menu-grid-
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { MenuGridGroupProps, MenuGridGroupState } from './MenuGridGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroup.\n */\nexport function useMenuGridGroup_unstable(\n props: MenuGridGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupState {\n const headerId = useId('menu-grid-group-header');\n\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'rowgroup',\n 'aria-labelledby': headerId,\n ...props,\n }),\n { elementType: 'div' },\n ),\n headerId,\n };\n}\n"],"names":["React","getIntrinsicElementProps","useId","slot","useMenuGridGroup_unstable","props","ref","headerId","components","root","always","role","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAGlF;;CAEC,GACD,OAAO,SAASC,0BACdC,KAAyB,EACzBC,GAA8B;IAE9B,MAAMC,WAAWL,MAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,KAAKO,MAAM,CACfT,yBAAyB,OAAO;YAC9BK;YACAK,MAAM;YACN,mBAAmBJ;YACnB,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL;IACF;AACF"}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
export function useMenuGridGroupContextValues_unstable(state) {
|
|
4
4
|
const { headerId } = state;
|
|
5
|
-
const
|
|
5
|
+
const menuGridGroup = React.useMemo(()=>({
|
|
6
6
|
headerId
|
|
7
7
|
}), [
|
|
8
8
|
headerId
|
|
9
9
|
]);
|
|
10
10
|
return {
|
|
11
|
-
|
|
11
|
+
menuGridGroup
|
|
12
12
|
};
|
|
13
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { MenuGridGroupContextValues, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport function useMenuGridGroupContextValues_unstable(state: MenuGridGroupState): MenuGridGroupContextValues {\n const { headerId } = state;\n const
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { MenuGridGroupContextValues, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport function useMenuGridGroupContextValues_unstable(state: MenuGridGroupState): MenuGridGroupContextValues {\n const { headerId } = state;\n const menuGridGroup = React.useMemo(() => ({ headerId }), [headerId]);\n\n return { menuGridGroup };\n}\n"],"names":["React","useMenuGridGroupContextValues_unstable","state","headerId","menuGridGroup","useMemo"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,SAASC,uCAAuCC,KAAyB;IAC9E,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,gBAAgBJ,MAAMK,OAAO,CAAC,IAAO,CAAA;YAAEF;QAAS,CAAA,GAAI;QAACA;KAAS;IAEpE,OAAO;QAAEC;IAAc;AACzB"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { mergeClasses } from '@griffel/react';
|
|
2
|
-
export const
|
|
2
|
+
export const menuGridGroupClassNames = {
|
|
3
3
|
root: 'fui-MenuGridGroup'
|
|
4
4
|
};
|
|
5
5
|
export const useMenuGridGroupStyles_unstable = state => {
|
|
6
6
|
'use no memo';
|
|
7
7
|
|
|
8
|
-
state.root.className = mergeClasses(
|
|
8
|
+
state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);
|
|
9
9
|
return state;
|
|
10
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeClasses","
|
|
1
|
+
{"version":3,"names":["mergeClasses","menuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"sources":["useMenuGridGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const menuGridGroupClassNames = {\n root: 'fui-MenuGridGroup'\n};\nexport const useMenuGridGroupStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACpD,aAAa;;EACbA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EACvF,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { mergeClasses } from '@griffel/react';
|
|
2
|
-
export const
|
|
2
|
+
export const menuGridGroupClassNames = {
|
|
3
3
|
root: 'fui-MenuGridGroup'
|
|
4
4
|
};
|
|
5
5
|
export const useMenuGridGroupStyles_unstable = (state)=>{
|
|
6
6
|
'use no memo';
|
|
7
|
-
state.root.className = mergeClasses(
|
|
7
|
+
state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);
|
|
8
8
|
return state;
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport const
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport const menuGridGroupClassNames: SlotClassNames<MenuGridGroupSlots> = {\n root: 'fui-MenuGridGroup',\n};\n\nexport const useMenuGridGroupStyles_unstable = (state: MenuGridGroupState): MenuGridGroupState => {\n 'use no memo';\n\n state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","menuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":"AACA,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;AACR,EAAE;AAEF,OAAO,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMF,IAAI,CAACG,SAAS,GAAGL,aAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
import { __styles, mergeClasses } from '@griffel/react';
|
|
4
4
|
export const menuGridItemClassNames = {
|
|
5
5
|
root: 'fui-MenuGridItem',
|
|
6
|
-
icon: 'fui-
|
|
7
|
-
content: 'fui-
|
|
8
|
-
subText: 'fui-
|
|
9
|
-
firstSubAction: 'fui-
|
|
10
|
-
secondSubAction: 'fui-
|
|
6
|
+
icon: 'fui-MenuGridItem__icon',
|
|
7
|
+
content: 'fui-MenuGridItem__content',
|
|
8
|
+
subText: 'fui-MenuGridItem__subText',
|
|
9
|
+
firstSubAction: 'fui-MenuGridItem__firstSubAction',
|
|
10
|
+
secondSubAction: 'fui-MenuGridItem__secondSubAction'
|
|
11
11
|
};
|
|
12
12
|
const useStyles = /*#__PURE__*/__styles({
|
|
13
13
|
content: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","Bqenvij","Bf4jedk","d","useMenuGridItemStyles_unstable","state","styles","className"],"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const menuGridItemClassNames = {\n root: 'fui-MenuGridItem',\n icon: 'fui-
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","Bqenvij","Bf4jedk","d","useMenuGridItemStyles_unstable","state","styles","className"],"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 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n if (state.subText) {\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n if (state.firstSubAction) {\n state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);\n }\n if (state.secondSubAction) {\n state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);\n }\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,wBAAwB;EAC9BC,OAAO,EAAE,2BAA2B;EACpCC,OAAO,EAAE,2BAA2B;EACpCC,cAAc,EAAE,kCAAkC;EAClDC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,gBAAGT,QAAA;EAAAK,OAAA;IAAAK,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAR,IAAA;IAAAO,OAAA;EAAA;EAAAJ,cAAA;IAAAI,OAAA;EAAA;EAAAH,eAAA;IAAAG,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,CAejB,CAAC;AACF,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACnD,aAAa;;EACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;EAC1BM,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACC,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EACtF,IAAIF,KAAK,CAACX,IAAI,EAAE;IACZW,KAAK,CAACX,IAAI,CAACa,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACE,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;EACvG;EACA,IAAIF,KAAK,CAACV,OAAO,EAAE;IACfU,KAAK,CAACV,OAAO,CAACY,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACG,OAAO,EAAEW,MAAM,CAACX,OAAO,EAAEU,KAAK,CAACV,OAAO,CAACY,SAAS,CAAC;EACnH;EACA,IAAIF,KAAK,CAACT,OAAO,EAAE;IACfS,KAAK,CAACT,OAAO,CAACW,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACI,OAAO,EAAES,KAAK,CAACT,OAAO,CAACW,SAAS,CAAC;EACnG;EACA,IAAIF,KAAK,CAACR,cAAc,EAAE;IACtBQ,KAAK,CAACR,cAAc,CAACU,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACK,cAAc,EAAES,MAAM,CAACT,cAAc,EAAEQ,KAAK,CAACR,cAAc,CAACU,SAAS,CAAC;EAC/I;EACA,IAAIF,KAAK,CAACP,eAAe,EAAE;IACvBO,KAAK,CAACP,eAAe,CAACS,SAAS,GAAGhB,YAAY,CAACC,sBAAsB,CAACM,eAAe,EAAEQ,MAAM,CAACR,eAAe,EAAEO,KAAK,CAACP,eAAe,CAACS,SAAS,CAAC;EACnJ;EACA,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import { makeStyles, mergeClasses } from '@griffel/react';
|
|
3
3
|
export const menuGridItemClassNames = {
|
|
4
4
|
root: 'fui-MenuGridItem',
|
|
5
|
-
icon: 'fui-
|
|
6
|
-
content: 'fui-
|
|
7
|
-
subText: 'fui-
|
|
8
|
-
firstSubAction: 'fui-
|
|
9
|
-
secondSubAction: 'fui-
|
|
5
|
+
icon: 'fui-MenuGridItem__icon',
|
|
6
|
+
content: 'fui-MenuGridItem__content',
|
|
7
|
+
subText: 'fui-MenuGridItem__subText',
|
|
8
|
+
firstSubAction: 'fui-MenuGridItem__firstSubAction',
|
|
9
|
+
secondSubAction: 'fui-MenuGridItem__secondSubAction'
|
|
10
10
|
};
|
|
11
11
|
const useStyles = makeStyles({
|
|
12
12
|
content: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\nexport const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots> = {\n root: 'fui-MenuGridItem',\n icon: 'fui-
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\nexport const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots> = {\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};\n\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%', // ensures content stay centered vertically when menu item's height is overridden\n minWidth: 0,\n },\n icon: {\n height: '100%',\n },\n firstSubAction: {\n height: '100%',\n },\n secondSubAction: {\n height: '100%',\n },\n});\n\nexport const useMenuGridItemStyles_unstable = (state: MenuGridItemState): MenuGridItemState => {\n 'use no memo';\n\n const styles = useStyles();\n\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n\n if (state.content) {\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n\n if (state.subText) {\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n\n if (state.firstSubAction) {\n state.firstSubAction.className = mergeClasses(\n menuGridItemClassNames.firstSubAction,\n styles.firstSubAction,\n state.firstSubAction.className,\n );\n }\n if (state.secondSubAction) {\n state.secondSubAction.className = mergeClasses(\n menuGridItemClassNames.secondSubAction,\n styles.secondSubAction,\n state.secondSubAction.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","flexGrow","height","minWidth","useMenuGridItemStyles_unstable","state","styles","className"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D,OAAO,MAAMC,yBAA4D;IACvEC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,iBAAiB;AACnB,EAAE;AAEF,MAAMC,YAAYT,WAAW;IAC3BK,SAAS;QACPK,UAAU;QACVC,QAAQ;QACRC,UAAU;IACZ;IACAR,MAAM;QACJO,QAAQ;IACV;IACAJ,gBAAgB;QACdI,QAAQ;IACV;IACAH,iBAAiB;QACfG,QAAQ;IACV;AACF;AAEA,OAAO,MAAME,iCAAiC,CAACC;IAC7C;IAEA,MAAMC,SAASN;IAEfK,MAAMX,IAAI,CAACa,SAAS,GAAGf,aAAaC,uBAAuBC,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IAErF,IAAIF,MAAMV,IAAI,EAAE;QACdU,MAAMV,IAAI,CAACY,SAAS,GAAGf,aAAaC,uBAAuBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IACpG;IAEA,IAAIF,MAAMT,OAAO,EAAE;QACjBS,MAAMT,OAAO,CAACW,SAAS,GAAGf,aAAaC,uBAAuBG,OAAO,EAAEU,OAAOV,OAAO,EAAES,MAAMT,OAAO,CAACW,SAAS;IAChH;IAEA,IAAIF,MAAMR,OAAO,EAAE;QACjBQ,MAAMR,OAAO,CAACU,SAAS,GAAGf,aAAaC,uBAAuBI,OAAO,EAAEQ,MAAMR,OAAO,CAACU,SAAS;IAChG;IAEA,IAAIF,MAAMP,cAAc,EAAE;QACxBO,MAAMP,cAAc,CAACS,SAAS,GAAGf,aAC/BC,uBAAuBK,cAAc,EACrCQ,OAAOR,cAAc,EACrBO,MAAMP,cAAc,CAACS,SAAS;IAElC;IACA,IAAIF,MAAMN,eAAe,EAAE;QACzBM,MAAMN,eAAe,CAACQ,SAAS,GAAGf,aAChCC,uBAAuBM,eAAe,EACtCO,OAAOP,eAAe,EACtBM,MAAMN,eAAe,CAACQ,SAAS;IAEnC;IAEA,OAAOF;AACT,EAAE"}
|
package/lib/index.js
CHANGED
|
@@ -4,5 +4,5 @@ export { MenuGrid, menuGridClassNames, renderMenuGrid_unstable, useMenuGridConte
|
|
|
4
4
|
export { MenuGridCell, menuGridCellClassNames, renderMenuGridCell_unstable, useMenuGridCellStyles_unstable, useMenuGridCell_unstable } from './MenuGridCell';
|
|
5
5
|
export { MenuGridItem, menuGridItemClassNames, renderMenuGridItem_unstable, useMenuGridItemStyles_unstable, useMenuGridItem_unstable } from './MenuGridItem';
|
|
6
6
|
export { MenuGridRow, menuGridRowClassNames, renderMenuGridRow_unstable, useMenuGridRowStyles_unstable, useMenuGridRow_unstable } from './MenuGridRow';
|
|
7
|
-
export { MenuGridGroup,
|
|
7
|
+
export { MenuGridGroup, menuGridGroupClassNames, renderMenuGridGroup_unstable, useMenuGridGroupContextValues_unstable, useMenuGridGroupStyles_unstable, useMenuGridGroup_unstable } from './MenuGridGroup';
|
|
8
8
|
export { MenuGridGroupHeader, menuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from './MenuGridGroupHeader';
|
package/lib/index.js.map
CHANGED
|
@@ -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
|
|
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":"AAAA,SAASA,uBAAuB,EAAEC,2BAA2B,QAAQ,6BAA6B;AAElG,SAASC,4BAA4B,EAAEC,gCAAgC,QAAQ,kCAAkC;AAEjH,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AAEpB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAExB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAExB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,gBAAgB;AAEvB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAOzB,SACEC,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB"}
|
|
@@ -12,8 +12,8 @@ _export(exports, {
|
|
|
12
12
|
MenuGridGroup: function() {
|
|
13
13
|
return _index.MenuGridGroup;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return _index.
|
|
15
|
+
menuGridGroupClassNames: function() {
|
|
16
|
+
return _index.menuGridGroupClassNames;
|
|
17
17
|
},
|
|
18
18
|
renderMenuGridGroup_unstable: function() {
|
|
19
19
|
return _index.renderMenuGridGroup_unstable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/MenuGridGroup.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './components/MenuGridGroup/index';\nexport {\n MenuGridGroup,\n
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroup.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './components/MenuGridGroup/index';\nexport {\n MenuGridGroup,\n menuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './components/MenuGridGroup/index';\n"],"names":["MenuGridGroup","menuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable"],"mappings":";;;;;;;;;;;;eAOEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAC5BC,6CAAsC;;;eACtCC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,mCAAmC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGridGroupContextValue } from '../../contexts/menuGridGroupContext';\n\nexport type MenuGridGroupSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridGroupProps = ComponentProps<MenuGridGroupSlots>;\n\nexport type MenuGridGroupState = ComponentState<MenuGridGroupSlots> & {\n /**\n * id applied to the DOM element of `MenuGridGroupHeader`\n */\n headerId: string;\n};\n\nexport type MenuGridGroupContextValues = {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGridGroupContextValue } from '../../contexts/menuGridGroupContext';\n\nexport type MenuGridGroupSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridGroupProps = ComponentProps<MenuGridGroupSlots>;\n\nexport type MenuGridGroupState = ComponentState<MenuGridGroupSlots> & {\n /**\n * id applied to the DOM element of `MenuGridGroupHeader`\n */\n headerId: string;\n};\n\nexport type MenuGridGroupContextValues = {\n menuGridGroup: MenuGridGroupContextValue;\n};\n"],"names":[],"mappings":""}
|
|
@@ -12,8 +12,8 @@ _export(exports, {
|
|
|
12
12
|
MenuGridGroup: function() {
|
|
13
13
|
return _MenuGridGroup.MenuGridGroup;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return _useMenuGridGroupStylesstyles.
|
|
15
|
+
menuGridGroupClassNames: function() {
|
|
16
|
+
return _useMenuGridGroupStylesstyles.menuGridGroupClassNames;
|
|
17
17
|
},
|
|
18
18
|
renderMenuGridGroup_unstable: function() {
|
|
19
19
|
return _renderMenuGridGroup.renderMenuGridGroup_unstable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/index.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup.types';\nexport { MenuGridGroup } from './MenuGridGroup';\nexport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nexport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nexport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nexport {
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/index.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup.types';\nexport { MenuGridGroup } from './MenuGridGroup';\nexport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nexport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nexport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nexport { menuGridGroupClassNames, useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';\n"],"names":["MenuGridGroup","renderMenuGridGroup_unstable","useMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","menuGridGroupClassNames","useMenuGridGroupStyles_unstable"],"mappings":";;;;;;;;;;;;eAMSA,4BAAa;;;eAIbI,qDAAuB;;;eAHvBH,iDAA4B;;;eAE5BE,qEAAsC;;;eACbE,6DAA+B;;;eAFxDH,2CAAyB;;;+BAFJ,kBAAkB;qCACH,wBAAwB;kCAC3B,qBAAqB;+CACR,kCAAkC;8CAChB,kCAAkC"}
|
|
@@ -14,7 +14,7 @@ const _menuGridGroupContext = require("../../contexts/menuGridGroupContext");
|
|
|
14
14
|
const renderMenuGridGroup_unstable = (state, contextValues)=>{
|
|
15
15
|
(0, _reactutilities.assertSlots)(state);
|
|
16
16
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_menuGridGroupContext.MenuGridGroupContextProvider, {
|
|
17
|
-
value: contextValues.
|
|
17
|
+
value: contextValues.menuGridGroup,
|
|
18
18
|
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
|
|
19
19
|
});
|
|
20
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/renderMenuGridGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuGridGroupContextValues, MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\nimport { MenuGridGroupContextProvider } from '../../contexts/menuGridGroupContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroup_unstable = (\n state: MenuGridGroupState,\n contextValues: MenuGridGroupContextValues,\n): JSXElement => {\n assertSlots<MenuGridGroupSlots>(state);\n\n return (\n <MenuGridGroupContextProvider value={contextValues.
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/renderMenuGridGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport { MenuGridGroupContextValues, MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\nimport { MenuGridGroupContextProvider } from '../../contexts/menuGridGroupContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroup_unstable = (\n state: MenuGridGroupState,\n contextValues: MenuGridGroupContextValues,\n): JSXElement => {\n assertSlots<MenuGridGroupSlots>(state);\n\n return (\n <MenuGridGroupContextProvider value={contextValues.menuGridGroup}>\n <state.root />\n </MenuGridGroupContextProvider>\n );\n};\n"],"names":["assertSlots","MenuGridGroupContextProvider","renderMenuGridGroup_unstable","state","contextValues","value","menuGridGroup","root"],"mappings":";;;;+BAUaE;;;;;;4BATb,gDAAiD;gCACrB,4BAA4B;sCAGX,sCAAsC;AAK5E,qCAAqC,CAC1CC,OACAC;QAEAJ,2BAAAA,EAAgCG;IAEhC,OAAA,WAAA,OACE,eAAA,EAACF,kDAAAA,EAAAA;QAA6BI,OAAOD,cAAcE,aAAa;kBAC9D,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}
|
|
@@ -12,7 +12,7 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
|
|
|
12
12
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
13
|
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
14
|
function useMenuGridGroup_unstable(props, ref) {
|
|
15
|
-
const headerId = (0, _reactutilities.useId)('menu-grid-
|
|
15
|
+
const headerId = (0, _reactutilities.useId)('menu-grid-group-header');
|
|
16
16
|
return {
|
|
17
17
|
components: {
|
|
18
18
|
root: 'div'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { MenuGridGroupProps, MenuGridGroupState } from './MenuGridGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroup.\n */\nexport function useMenuGridGroup_unstable(\n props: MenuGridGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupState {\n const headerId = useId('menu-grid-
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { MenuGridGroupProps, MenuGridGroupState } from './MenuGridGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroup.\n */\nexport function useMenuGridGroup_unstable(\n props: MenuGridGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupState {\n const headerId = useId('menu-grid-group-header');\n\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'rowgroup',\n 'aria-labelledby': headerId,\n ...props,\n }),\n { elementType: 'div' },\n ),\n headerId,\n };\n}\n"],"names":["React","getIntrinsicElementProps","useId","slot","useMenuGridGroup_unstable","props","ref","headerId","components","root","always","role","elementType"],"mappings":";;;;+BAOgBI;;;;;;;iEAPO,QAAQ;gCACuB,4BAA4B;AAM3E,mCACLC,KAAyB,EACzBC,GAA8B;IAE9B,MAAMC,eAAWL,qBAAAA,EAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,oBAAAA,CAAKO,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9BK;YACAK,MAAM;YACN,mBAAmBJ;YACnB,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL;IACF;AACF"}
|
|
@@ -13,12 +13,12 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
|
|
|
13
13
|
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
14
14
|
function useMenuGridGroupContextValues_unstable(state) {
|
|
15
15
|
const { headerId } = state;
|
|
16
|
-
const
|
|
16
|
+
const menuGridGroup = _react.useMemo(()=>({
|
|
17
17
|
headerId
|
|
18
18
|
}), [
|
|
19
19
|
headerId
|
|
20
20
|
]);
|
|
21
21
|
return {
|
|
22
|
-
|
|
22
|
+
menuGridGroup
|
|
23
23
|
};
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { MenuGridGroupContextValues, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport function useMenuGridGroupContextValues_unstable(state: MenuGridGroupState): MenuGridGroupContextValues {\n const { headerId } = state;\n const
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupContextValues.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { MenuGridGroupContextValues, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport function useMenuGridGroupContextValues_unstable(state: MenuGridGroupState): MenuGridGroupContextValues {\n const { headerId } = state;\n const menuGridGroup = React.useMemo(() => ({ headerId }), [headerId]);\n\n return { menuGridGroup };\n}\n"],"names":["React","useMenuGridGroupContextValues_unstable","state","headerId","menuGridGroup","useMemo"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;AAGxB,SAASC,uCAAuCC,KAAyB;IAC9E,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IACrB,MAAME,gBAAgBJ,OAAMK,OAAO,CAAC,IAAO,CAAA;YAAEF;SAAS,CAAA,EAAI;QAACA;KAAS;IAEpE,OAAO;QAAEC;IAAc;AACzB"}
|
|
@@ -9,19 +9,19 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
|
|
13
|
-
return
|
|
12
|
+
menuGridGroupClassNames: function() {
|
|
13
|
+
return menuGridGroupClassNames;
|
|
14
14
|
},
|
|
15
15
|
useMenuGridGroupStyles_unstable: function() {
|
|
16
16
|
return useMenuGridGroupStyles_unstable;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
const _react = require("@griffel/react");
|
|
20
|
-
const
|
|
20
|
+
const menuGridGroupClassNames = {
|
|
21
21
|
root: 'fui-MenuGridGroup'
|
|
22
22
|
};
|
|
23
23
|
const useMenuGridGroupStyles_unstable = (state)=>{
|
|
24
24
|
'use no memo';
|
|
25
|
-
state.root.className = (0, _react.mergeClasses)(
|
|
25
|
+
state.root.className = (0, _react.mergeClasses)(menuGridGroupClassNames.root, state.root.className);
|
|
26
26
|
return state;
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMenuGridGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const
|
|
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 'use no memo';\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;IACpD,aAAa;IACbA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACvF,OAAOD,KAAK;AAChB,CAAC"}
|
|
@@ -9,19 +9,19 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
|
|
13
|
-
return
|
|
12
|
+
menuGridGroupClassNames: function() {
|
|
13
|
+
return menuGridGroupClassNames;
|
|
14
14
|
},
|
|
15
15
|
useMenuGridGroupStyles_unstable: function() {
|
|
16
16
|
return useMenuGridGroupStyles_unstable;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
const _react = require("@griffel/react");
|
|
20
|
-
const
|
|
20
|
+
const menuGridGroupClassNames = {
|
|
21
21
|
root: 'fui-MenuGridGroup'
|
|
22
22
|
};
|
|
23
23
|
const useMenuGridGroupStyles_unstable = (state)=>{
|
|
24
24
|
'use no memo';
|
|
25
|
-
state.root.className = (0, _react.mergeClasses)(
|
|
25
|
+
state.root.className = (0, _react.mergeClasses)(menuGridGroupClassNames.root, state.root.className);
|
|
26
26
|
return state;
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport const
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport const menuGridGroupClassNames: SlotClassNames<MenuGridGroupSlots> = {\n root: 'fui-MenuGridGroup',\n};\n\nexport const useMenuGridGroupStyles_unstable = (state: MenuGridGroupState): MenuGridGroupState => {\n 'use no memo';\n\n state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","menuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,uBAAAA;;;mCAIAE;;;;uBAPgB,iBAAiB;AAGvC,gCAAoE;IACzED,MAAM;AACR,EAAE;AAEK,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}
|
|
@@ -20,11 +20,11 @@ _export(exports, {
|
|
|
20
20
|
const _react = require("@griffel/react");
|
|
21
21
|
const menuGridItemClassNames = {
|
|
22
22
|
root: 'fui-MenuGridItem',
|
|
23
|
-
icon: 'fui-
|
|
24
|
-
content: 'fui-
|
|
25
|
-
subText: 'fui-
|
|
26
|
-
firstSubAction: 'fui-
|
|
27
|
-
secondSubAction: 'fui-
|
|
23
|
+
icon: 'fui-MenuGridItem__icon',
|
|
24
|
+
content: 'fui-MenuGridItem__content',
|
|
25
|
+
subText: 'fui-MenuGridItem__subText',
|
|
26
|
+
firstSubAction: 'fui-MenuGridItem__firstSubAction',
|
|
27
|
+
secondSubAction: 'fui-MenuGridItem__secondSubAction'
|
|
28
28
|
};
|
|
29
29
|
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
30
30
|
content: {
|
|
@@ -1 +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-
|
|
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 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.content) {\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n if (state.subText) {\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n if (state.firstSubAction) {\n state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);\n }\n if (state.secondSubAction) {\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,aAAa;IACb,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1BM,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IACtF,IAAIF,KAAK,CAACX,IAAI,EAAE;QACZW,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;QACfU,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;QACfS,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;QACtBQ,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;QACvBO,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"}
|
|
@@ -20,11 +20,11 @@ _export(exports, {
|
|
|
20
20
|
const _react = require("@griffel/react");
|
|
21
21
|
const menuGridItemClassNames = {
|
|
22
22
|
root: 'fui-MenuGridItem',
|
|
23
|
-
icon: 'fui-
|
|
24
|
-
content: 'fui-
|
|
25
|
-
subText: 'fui-
|
|
26
|
-
firstSubAction: 'fui-
|
|
27
|
-
secondSubAction: 'fui-
|
|
23
|
+
icon: 'fui-MenuGridItem__icon',
|
|
24
|
+
content: 'fui-MenuGridItem__content',
|
|
25
|
+
subText: 'fui-MenuGridItem__subText',
|
|
26
|
+
firstSubAction: 'fui-MenuGridItem__firstSubAction',
|
|
27
|
+
secondSubAction: 'fui-MenuGridItem__secondSubAction'
|
|
28
28
|
};
|
|
29
29
|
const useStyles = (0, _react.makeStyles)({
|
|
30
30
|
content: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\nexport const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots> = {\n root: 'fui-MenuGridItem',\n icon: 'fui-
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\nexport const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots> = {\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};\n\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%', // ensures content stay centered vertically when menu item's height is overridden\n minWidth: 0,\n },\n icon: {\n height: '100%',\n },\n firstSubAction: {\n height: '100%',\n },\n secondSubAction: {\n height: '100%',\n },\n});\n\nexport const useMenuGridItemStyles_unstable = (state: MenuGridItemState): MenuGridItemState => {\n 'use no memo';\n\n const styles = useStyles();\n\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n\n if (state.content) {\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n\n if (state.subText) {\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n\n if (state.firstSubAction) {\n state.firstSubAction.className = mergeClasses(\n menuGridItemClassNames.firstSubAction,\n styles.firstSubAction,\n state.firstSubAction.className,\n );\n }\n if (state.secondSubAction) {\n state.secondSubAction.className = mergeClasses(\n menuGridItemClassNames.secondSubAction,\n styles.secondSubAction,\n state.secondSubAction.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","flexGrow","height","minWidth","useMenuGridItemStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAMaE,sBAAAA;;;IA0BAW,8BAAAA;;;;uBA7B4B,iBAAiB;AAGnD,+BAAkE;IACvEV,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,iBAAiB;AACnB,EAAE;AAEF,MAAMC,gBAAYT,iBAAAA,EAAW;IAC3BK,SAAS;QACPK,UAAU;QACVC,QAAQ;QACRC,UAAU;IACZ;IACAR,MAAM;QACJO,QAAQ;IACV;IACAJ,gBAAgB;QACdI,QAAQ;IACV;IACAH,iBAAiB;QACfG,QAAQ;IACV;AACF;AAEO,uCAAuC,CAACG;IAC7C;IAEA,MAAMC,SAASN;IAEfK,MAAMX,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EAAaC,uBAAuBC,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IAErF,IAAIF,MAAMV,IAAI,EAAE;QACdU,MAAMV,IAAI,CAACY,SAAS,OAAGf,mBAAAA,EAAaC,uBAAuBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IACpG;IAEA,IAAIF,MAAMT,OAAO,EAAE;QACjBS,MAAMT,OAAO,CAACW,SAAS,GAAGf,uBAAAA,EAAaC,uBAAuBG,OAAO,EAAEU,OAAOV,OAAO,EAAES,MAAMT,OAAO,CAACW,SAAS;IAChH;IAEA,IAAIF,MAAMR,OAAO,EAAE;QACjBQ,MAAMR,OAAO,CAACU,SAAS,GAAGf,uBAAAA,EAAaC,uBAAuBI,OAAO,EAAEQ,MAAMR,OAAO,CAACU,SAAS;IAChG;IAEA,IAAIF,MAAMP,cAAc,EAAE;QACxBO,MAAMP,cAAc,CAACS,SAAS,OAAGf,mBAAAA,EAC/BC,uBAAuBK,cAAc,EACrCQ,OAAOR,cAAc,EACrBO,MAAMP,cAAc,CAACS,SAAS;IAElC;IACA,IAAIF,MAAMN,eAAe,EAAE;QACzBM,MAAMN,eAAe,CAACQ,SAAS,OAAGf,mBAAAA,EAChCC,uBAAuBM,eAAe,EACtCO,OAAOP,eAAe,EACtBM,MAAMN,eAAe,CAACQ,SAAS;IAEnC;IAEA,OAAOF;AACT,EAAE"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -21,9 +21,6 @@ _export(exports, {
|
|
|
21
21
|
MenuGridGroup: function() {
|
|
22
22
|
return _MenuGridGroup.MenuGridGroup;
|
|
23
23
|
},
|
|
24
|
-
MenuGridGroupClassNames: function() {
|
|
25
|
-
return _MenuGridGroup.MenuGridGroupClassNames;
|
|
26
|
-
},
|
|
27
24
|
MenuGridGroupContextProvider: function() {
|
|
28
25
|
return _menuGridGroupContext.MenuGridGroupContextProvider;
|
|
29
26
|
},
|
|
@@ -42,6 +39,9 @@ _export(exports, {
|
|
|
42
39
|
menuGridClassNames: function() {
|
|
43
40
|
return _MenuGrid.menuGridClassNames;
|
|
44
41
|
},
|
|
42
|
+
menuGridGroupClassNames: function() {
|
|
43
|
+
return _MenuGridGroup.menuGridGroupClassNames;
|
|
44
|
+
},
|
|
45
45
|
menuGridGroupHeaderClassNames: function() {
|
|
46
46
|
return _MenuGridGroupHeader.menuGridGroupHeaderClassNames;
|
|
47
47
|
},
|
|
@@ -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
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-menu-grid-preview",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.6",
|
|
4
4
|
"description": "New fluentui react package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@fluentui/keyboard-keys": "^9.0.8",
|
|
28
|
-
"@fluentui/react-menu": "^9.20.
|
|
28
|
+
"@fluentui/react-menu": "^9.20.5",
|
|
29
29
|
"@fluentui/react-icons": "^2.0.245",
|
|
30
|
-
"@fluentui/react-table": "^9.19.
|
|
31
|
-
"@fluentui/react-tabster": "^9.26.
|
|
32
|
-
"@fluentui/react-jsx-runtime": "^9.3.
|
|
33
|
-
"@fluentui/react-shared-contexts": "^9.
|
|
30
|
+
"@fluentui/react-table": "^9.19.5",
|
|
31
|
+
"@fluentui/react-tabster": "^9.26.10",
|
|
32
|
+
"@fluentui/react-jsx-runtime": "^9.3.3",
|
|
33
|
+
"@fluentui/react-shared-contexts": "^9.26.0",
|
|
34
34
|
"@fluentui/react-theme": "^9.2.0",
|
|
35
|
-
"@fluentui/react-utilities": "^9.25.
|
|
36
|
-
"@griffel/react": "^1.5.
|
|
35
|
+
"@fluentui/react-utilities": "^9.25.4",
|
|
36
|
+
"@griffel/react": "^1.5.32",
|
|
37
37
|
"@swc/helpers": "^0.5.1"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|