@fluentui/react-menu-grid-preview 0.2.3 → 0.2.5
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 +31 -2
- package/dist/index.d.ts +1 -1
- package/lib/MenuGridGroupHeader.js +1 -1
- package/lib/MenuGridGroupHeader.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/index.js +1 -1
- package/lib/components/MenuGridGroupHeader/index.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js +21 -3
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js +18 -3
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js +27 -4
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +26 -3
- 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/MenuGridGroupHeader.js +2 -2
- package/lib-commonjs/MenuGridGroupHeader.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/index.js +2 -2
- package/lib-commonjs/components/MenuGridGroupHeader/index.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js +35 -4
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js +19 -4
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js +29 -4
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +26 -3
- 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,41 @@
|
|
|
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 Tue, 11 Nov 2025 19:13:34 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.5)
|
|
8
|
+
|
|
9
|
+
Tue, 11 Nov 2025 19:13:34 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.4..@fluentui/react-menu-grid-preview_v0.2.5)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Bump @griffel/react package. ([PR #35469](https://github.com/microsoft/fluentui/pull/35469) by estebanmu@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-menu to v9.20.5 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
16
|
+
- Bump @fluentui/react-table to v9.19.5 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
17
|
+
- Bump @fluentui/react-tabster to v9.26.10 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
18
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.3 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
19
|
+
- Bump @fluentui/react-shared-contexts to v9.26.0 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
20
|
+
- Bump @fluentui/react-utilities to v9.25.4 ([PR #35462](https://github.com/microsoft/fluentui/pull/35462) by beachball)
|
|
21
|
+
|
|
22
|
+
## [0.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.4)
|
|
23
|
+
|
|
24
|
+
Thu, 06 Nov 2025 15:01:21 GMT
|
|
25
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.3..@fluentui/react-menu-grid-preview_v0.2.4)
|
|
26
|
+
|
|
27
|
+
### Patches
|
|
28
|
+
|
|
29
|
+
- Update styles and rename menuGridGroupHeaderClassNames to camel case ([PR #35463](https://github.com/microsoft/fluentui/pull/35463) by yuanboxue@microsoft.com)
|
|
30
|
+
- Bump @fluentui/react-menu to v9.20.4 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
31
|
+
- Bump @fluentui/react-table to v9.19.4 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
32
|
+
- Bump @fluentui/react-tabster to v9.26.9 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
33
|
+
- Bump @fluentui/react-jsx-runtime to v9.3.2 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
34
|
+
- Bump @fluentui/react-utilities to v9.25.3 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
35
|
+
|
|
7
36
|
## [0.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu-grid-preview_v0.2.3)
|
|
8
37
|
|
|
9
|
-
Fri, 31 Oct 2025 16:
|
|
38
|
+
Fri, 31 Oct 2025 16:22:05 GMT
|
|
10
39
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu-grid-preview_v0.2.2..@fluentui/react-menu-grid-preview_v0.2.3)
|
|
11
40
|
|
|
12
41
|
### Patches
|
package/dist/index.d.ts
CHANGED
|
@@ -79,7 +79,7 @@ export declare type MenuGridGroupContextValues = {
|
|
|
79
79
|
*/
|
|
80
80
|
export declare const MenuGridGroupHeader: ForwardRefComponent<MenuGridGroupHeaderProps>;
|
|
81
81
|
|
|
82
|
-
export declare const
|
|
82
|
+
export declare const menuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots>;
|
|
83
83
|
|
|
84
84
|
export declare type MenuGridGroupHeaderProps = ComponentProps<MenuGridGroupHeaderSlots>;
|
|
85
85
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { MenuGridGroupHeader,
|
|
1
|
+
export { MenuGridGroupHeader, menuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from './components/MenuGridGroupHeader/index';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n menuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './components/MenuGridGroupHeader/index';\n"],"names":["MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":"AAKA,SACEA,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,yCAAyC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { MenuGridGroupHeader } from './MenuGridGroupHeader';
|
|
2
2
|
export { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';
|
|
3
3
|
export { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';
|
|
4
|
-
export {
|
|
4
|
+
export { menuGridGroupHeaderClassNames, useMenuGridGroupHeaderStyles_unstable } from './useMenuGridGroupHeaderStyles.styles';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroupHeader/index.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader.types';\nexport { MenuGridGroupHeader } from './MenuGridGroupHeader';\nexport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nexport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nexport {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/index.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader.types';\nexport { MenuGridGroupHeader } from './MenuGridGroupHeader';\nexport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nexport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nexport {\n menuGridGroupHeaderClassNames,\n useMenuGridGroupHeaderStyles_unstable,\n} from './useMenuGridGroupHeaderStyles.styles';\n"],"names":["MenuGridGroupHeader","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeader_unstable","menuGridGroupHeaderClassNames","useMenuGridGroupHeaderStyles_unstable"],"mappings":"AAKA,SAASA,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,+BAA+B,QAAQ,2BAA2B;AAC3E,SACEC,6BAA6B,EAC7BC,qCAAqC,QAChC,wCAAwC"}
|
|
@@ -1,10 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { __styles, mergeClasses } from '@griffel/react';
|
|
4
|
+
import { tokens } from '@fluentui/react-theme';
|
|
5
|
+
export const menuGridGroupHeaderClassNames = {
|
|
3
6
|
root: 'fui-MenuGridGroupHeader'
|
|
4
7
|
};
|
|
8
|
+
const useStyles = /*#__PURE__*/__styles({
|
|
9
|
+
root: {
|
|
10
|
+
Be2twd7: "fy9rknc",
|
|
11
|
+
sj55zd: "f11d4kpn",
|
|
12
|
+
uwmqm3: ["f177v4lu", "f19lj068"],
|
|
13
|
+
z189sj: ["f19lj068", "f177v4lu"],
|
|
14
|
+
Bhrd7zp: "fl43uef",
|
|
15
|
+
Bqenvij: "f1d2rq10",
|
|
16
|
+
mc9l5x: "f22iagw",
|
|
17
|
+
Bt984gj: "f122n59"
|
|
18
|
+
}
|
|
19
|
+
}, {
|
|
20
|
+
d: [".fy9rknc{font-size:var(--fontSizeBase200);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".f177v4lu{padding-left:8px;}", ".f19lj068{padding-right:8px;}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1d2rq10{height:32px;}", ".f22iagw{display:flex;}", ".f122n59{align-items:center;}"]
|
|
21
|
+
});
|
|
5
22
|
export const useMenuGridGroupHeaderStyles_unstable = state => {
|
|
6
23
|
'use no memo';
|
|
7
24
|
|
|
8
|
-
|
|
25
|
+
const styles = useStyles();
|
|
26
|
+
state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);
|
|
9
27
|
return state;
|
|
10
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["mergeClasses","
|
|
1
|
+
{"version":3,"names":["__styles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","Be2twd7","sj55zd","uwmqm3","z189sj","Bhrd7zp","Bqenvij","mc9l5x","Bt984gj","d","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"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 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,6BAA6B,GAAG;EACzCC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAWjB,CAAC;AACF,OAAO,MAAMC,qCAAqC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1BW,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGjB,YAAY,CAACE,6BAA6B,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EAC1G,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,9 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import { makeStyles, mergeClasses } from '@griffel/react';
|
|
3
|
+
import { tokens } from '@fluentui/react-theme';
|
|
4
|
+
export const menuGridGroupHeaderClassNames = {
|
|
3
5
|
root: 'fui-MenuGridGroupHeader'
|
|
4
6
|
};
|
|
7
|
+
const useStyles = makeStyles({
|
|
8
|
+
root: {
|
|
9
|
+
fontSize: tokens.fontSizeBase200,
|
|
10
|
+
color: tokens.colorNeutralForeground3,
|
|
11
|
+
paddingLeft: '8px',
|
|
12
|
+
paddingRight: '8px',
|
|
13
|
+
fontWeight: tokens.fontWeightSemibold,
|
|
14
|
+
height: '32px',
|
|
15
|
+
display: 'flex',
|
|
16
|
+
alignItems: 'center'
|
|
17
|
+
}
|
|
18
|
+
});
|
|
5
19
|
export const useMenuGridGroupHeaderStyles_unstable = (state)=>{
|
|
6
20
|
'use no memo';
|
|
7
|
-
|
|
21
|
+
const styles = useStyles();
|
|
22
|
+
state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);
|
|
8
23
|
return state;
|
|
9
24
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const menuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots> = {\n root: 'fui-MenuGridGroupHeader',\n};\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});\n\nexport const useMenuGridGroupHeaderStyles_unstable = (state: MenuGridGroupHeaderState): MenuGridGroupHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","fontSize","fontSizeBase200","color","colorNeutralForeground3","paddingLeft","paddingRight","fontWeight","fontWeightSemibold","height","display","alignItems","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA;AAGA,SAASA,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAE1D,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAO,MAAMC,gCAA0E;IACrFC,MAAM;AACR,EAAE;AAEF,MAAMC,YAAYL,WAAW;IAC3BI,MAAM;QACJE,UAAUJ,OAAOK,eAAe;QAChCC,OAAON,OAAOO,uBAAuB;QACrCC,aAAa;QACbC,cAAc;QACdC,YAAYV,OAAOW,kBAAkB;QACrCC,QAAQ;QACRC,SAAS;QACTC,YAAY;IACd;AACF;AAEA,OAAO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAMC,SAASd;IACfa,MAAMd,IAAI,CAACgB,SAAS,GAAGnB,aAAaE,8BAA8BC,IAAI,EAAEe,OAAOf,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IAEzG,OAAOF;AACT,EAAE"}
|
|
@@ -11,18 +11,41 @@ export const menuGridItemClassNames = {
|
|
|
11
11
|
};
|
|
12
12
|
const useStyles = /*#__PURE__*/__styles({
|
|
13
13
|
content: {
|
|
14
|
-
Bh6795r: "fqerorx"
|
|
14
|
+
Bh6795r: "fqerorx",
|
|
15
|
+
Bqenvij: "f1l02sjl",
|
|
16
|
+
Bf4jedk: "fy77jfu"
|
|
17
|
+
},
|
|
18
|
+
icon: {
|
|
19
|
+
Bqenvij: "f1l02sjl"
|
|
20
|
+
},
|
|
21
|
+
firstSubAction: {
|
|
22
|
+
Bqenvij: "f1l02sjl"
|
|
23
|
+
},
|
|
24
|
+
secondSubAction: {
|
|
25
|
+
Bqenvij: "f1l02sjl"
|
|
15
26
|
}
|
|
16
27
|
}, {
|
|
17
|
-
d: [".fqerorx{flex-grow:1;}"]
|
|
28
|
+
d: [".fqerorx{flex-grow:1;}", ".f1l02sjl{height:100%;}", ".fy77jfu{min-width:0;}"]
|
|
18
29
|
});
|
|
19
30
|
export const useMenuGridItemStyles_unstable = state => {
|
|
20
31
|
'use no memo';
|
|
21
32
|
|
|
22
|
-
const
|
|
33
|
+
const styles = useStyles();
|
|
23
34
|
state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);
|
|
35
|
+
if (state.icon) {
|
|
36
|
+
state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);
|
|
37
|
+
}
|
|
24
38
|
if (state.content) {
|
|
25
|
-
state.content.className = mergeClasses(menuGridItemClassNames.content,
|
|
39
|
+
state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);
|
|
40
|
+
}
|
|
41
|
+
if (state.subText) {
|
|
42
|
+
state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);
|
|
43
|
+
}
|
|
44
|
+
if (state.firstSubAction) {
|
|
45
|
+
state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);
|
|
46
|
+
}
|
|
47
|
+
if (state.secondSubAction) {
|
|
48
|
+
state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);
|
|
26
49
|
}
|
|
27
50
|
return state;
|
|
28
51
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","d","useMenuGridItemStyles_unstable","state","
|
|
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-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__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,uBAAuB;EAC7BC,OAAO,EAAE,0BAA0B;EACnCC,OAAO,EAAE,0BAA0B;EACnCC,cAAc,EAAE,iCAAiC;EACjDC,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":[]}
|
|
@@ -10,15 +10,38 @@ export const menuGridItemClassNames = {
|
|
|
10
10
|
};
|
|
11
11
|
const useStyles = makeStyles({
|
|
12
12
|
content: {
|
|
13
|
-
flexGrow: 1
|
|
13
|
+
flexGrow: 1,
|
|
14
|
+
height: '100%',
|
|
15
|
+
minWidth: 0
|
|
16
|
+
},
|
|
17
|
+
icon: {
|
|
18
|
+
height: '100%'
|
|
19
|
+
},
|
|
20
|
+
firstSubAction: {
|
|
21
|
+
height: '100%'
|
|
22
|
+
},
|
|
23
|
+
secondSubAction: {
|
|
24
|
+
height: '100%'
|
|
14
25
|
}
|
|
15
26
|
});
|
|
16
27
|
export const useMenuGridItemStyles_unstable = (state)=>{
|
|
17
28
|
'use no memo';
|
|
18
|
-
const
|
|
29
|
+
const styles = useStyles();
|
|
19
30
|
state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);
|
|
31
|
+
if (state.icon) {
|
|
32
|
+
state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);
|
|
33
|
+
}
|
|
20
34
|
if (state.content) {
|
|
21
|
-
state.content.className = mergeClasses(menuGridItemClassNames.content,
|
|
35
|
+
state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);
|
|
36
|
+
}
|
|
37
|
+
if (state.subText) {
|
|
38
|
+
state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);
|
|
39
|
+
}
|
|
40
|
+
if (state.firstSubAction) {
|
|
41
|
+
state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);
|
|
42
|
+
}
|
|
43
|
+
if (state.secondSubAction) {
|
|
44
|
+
state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);
|
|
22
45
|
}
|
|
23
46
|
return state;
|
|
24
47
|
};
|
|
@@ -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-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__secondSubAction',\n};\n\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n },\n});\n\nexport const useMenuGridItemStyles_unstable = (state: MenuGridItemState): MenuGridItemState => {\n 'use no memo';\n\n const
|
|
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-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__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
|
@@ -5,4 +5,4 @@ export { MenuGridCell, menuGridCellClassNames, renderMenuGridCell_unstable, useM
|
|
|
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
7
|
export { MenuGridGroup, MenuGridGroupClassNames, renderMenuGridGroup_unstable, useMenuGridGroupContextValues_unstable, useMenuGridGroupStyles_unstable, useMenuGridGroup_unstable } from './MenuGridGroup';
|
|
8
|
-
export { MenuGridGroupHeader,
|
|
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 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
|
|
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
|
MenuGridGroupHeader: function() {
|
|
13
13
|
return _index.MenuGridGroupHeader;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return _index.
|
|
15
|
+
menuGridGroupHeaderClassNames: function() {
|
|
16
|
+
return _index.menuGridGroupHeaderClassNames;
|
|
17
17
|
},
|
|
18
18
|
renderMenuGridGroupHeader_unstable: function() {
|
|
19
19
|
return _index.renderMenuGridGroupHeader_unstable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n menuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './components/MenuGridGroupHeader/index';\n"],"names":["MenuGridGroupHeader","menuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":";;;;;;;;;;;;eAMEA,0BAAmB;;;eACnBC,oCAA6B;;;eAC7BC,yCAAkC;;;eAClCC,4CAAqC;;;eACrCC,sCAA+B;;;uBAC1B,yCAAyC"}
|
|
@@ -12,8 +12,8 @@ _export(exports, {
|
|
|
12
12
|
MenuGridGroupHeader: function() {
|
|
13
13
|
return _MenuGridGroupHeader.MenuGridGroupHeader;
|
|
14
14
|
},
|
|
15
|
-
|
|
16
|
-
return _useMenuGridGroupHeaderStylesstyles.
|
|
15
|
+
menuGridGroupHeaderClassNames: function() {
|
|
16
|
+
return _useMenuGridGroupHeaderStylesstyles.menuGridGroupHeaderClassNames;
|
|
17
17
|
},
|
|
18
18
|
renderMenuGridGroupHeader_unstable: function() {
|
|
19
19
|
return _renderMenuGridGroupHeader.renderMenuGridGroupHeader_unstable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroupHeader/index.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader.types';\nexport { MenuGridGroupHeader } from './MenuGridGroupHeader';\nexport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nexport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nexport {\n
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/index.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader.types';\nexport { MenuGridGroupHeader } from './MenuGridGroupHeader';\nexport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nexport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nexport {\n menuGridGroupHeaderClassNames,\n useMenuGridGroupHeaderStyles_unstable,\n} from './useMenuGridGroupHeaderStyles.styles';\n"],"names":["MenuGridGroupHeader","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeader_unstable","menuGridGroupHeaderClassNames","useMenuGridGroupHeaderStyles_unstable"],"mappings":";;;;;;;;;;;;eAKSA,wCAAmB;;;eAI1BG,iEAA6B;;;eAHtBF,6DAAkC;;;eAIzCG,yEAAqC;;;eAH9BF,uDAA+B;;;qCAFJ,wBAAwB;2CACT,8BAA8B;wCACjC,2BAA2B;oDAIpE,wCAAwC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
4
|
value: true
|
|
@@ -9,19 +10,49 @@ function _export(target, all) {
|
|
|
9
10
|
});
|
|
10
11
|
}
|
|
11
12
|
_export(exports, {
|
|
12
|
-
|
|
13
|
-
return
|
|
13
|
+
menuGridGroupHeaderClassNames: function() {
|
|
14
|
+
return menuGridGroupHeaderClassNames;
|
|
14
15
|
},
|
|
15
16
|
useMenuGridGroupHeaderStyles_unstable: function() {
|
|
16
17
|
return useMenuGridGroupHeaderStyles_unstable;
|
|
17
18
|
}
|
|
18
19
|
});
|
|
19
20
|
const _react = require("@griffel/react");
|
|
20
|
-
const
|
|
21
|
+
const menuGridGroupHeaderClassNames = {
|
|
21
22
|
root: 'fui-MenuGridGroupHeader'
|
|
22
23
|
};
|
|
24
|
+
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
25
|
+
root: {
|
|
26
|
+
Be2twd7: "fy9rknc",
|
|
27
|
+
sj55zd: "f11d4kpn",
|
|
28
|
+
uwmqm3: [
|
|
29
|
+
"f177v4lu",
|
|
30
|
+
"f19lj068"
|
|
31
|
+
],
|
|
32
|
+
z189sj: [
|
|
33
|
+
"f19lj068",
|
|
34
|
+
"f177v4lu"
|
|
35
|
+
],
|
|
36
|
+
Bhrd7zp: "fl43uef",
|
|
37
|
+
Bqenvij: "f1d2rq10",
|
|
38
|
+
mc9l5x: "f22iagw",
|
|
39
|
+
Bt984gj: "f122n59"
|
|
40
|
+
}
|
|
41
|
+
}, {
|
|
42
|
+
d: [
|
|
43
|
+
".fy9rknc{font-size:var(--fontSizeBase200);}",
|
|
44
|
+
".f11d4kpn{color:var(--colorNeutralForeground3);}",
|
|
45
|
+
".f177v4lu{padding-left:8px;}",
|
|
46
|
+
".f19lj068{padding-right:8px;}",
|
|
47
|
+
".fl43uef{font-weight:var(--fontWeightSemibold);}",
|
|
48
|
+
".f1d2rq10{height:32px;}",
|
|
49
|
+
".f22iagw{display:flex;}",
|
|
50
|
+
".f122n59{align-items:center;}"
|
|
51
|
+
]
|
|
52
|
+
});
|
|
23
53
|
const useMenuGridGroupHeaderStyles_unstable = (state)=>{
|
|
24
54
|
'use no memo';
|
|
25
|
-
|
|
55
|
+
const styles = useStyles();
|
|
56
|
+
state.root.className = (0, _react.mergeClasses)(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);
|
|
26
57
|
return state;
|
|
27
58
|
};
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMenuGridGroupHeaderStyles.styles.js"],"sourcesContent":["
|
|
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 'use no memo';\n const styles = useStyles();\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,aAAa;IACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;IAC1BW,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"}
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
"use strict";
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
4
|
value: true
|
|
@@ -9,19 +10,33 @@ function _export(target, all) {
|
|
|
9
10
|
});
|
|
10
11
|
}
|
|
11
12
|
_export(exports, {
|
|
12
|
-
|
|
13
|
-
return
|
|
13
|
+
menuGridGroupHeaderClassNames: function() {
|
|
14
|
+
return menuGridGroupHeaderClassNames;
|
|
14
15
|
},
|
|
15
16
|
useMenuGridGroupHeaderStyles_unstable: function() {
|
|
16
17
|
return useMenuGridGroupHeaderStyles_unstable;
|
|
17
18
|
}
|
|
18
19
|
});
|
|
19
20
|
const _react = require("@griffel/react");
|
|
20
|
-
const
|
|
21
|
+
const _reacttheme = require("@fluentui/react-theme");
|
|
22
|
+
const menuGridGroupHeaderClassNames = {
|
|
21
23
|
root: 'fui-MenuGridGroupHeader'
|
|
22
24
|
};
|
|
25
|
+
const useStyles = (0, _react.makeStyles)({
|
|
26
|
+
root: {
|
|
27
|
+
fontSize: _reacttheme.tokens.fontSizeBase200,
|
|
28
|
+
color: _reacttheme.tokens.colorNeutralForeground3,
|
|
29
|
+
paddingLeft: '8px',
|
|
30
|
+
paddingRight: '8px',
|
|
31
|
+
fontWeight: _reacttheme.tokens.fontWeightSemibold,
|
|
32
|
+
height: '32px',
|
|
33
|
+
display: 'flex',
|
|
34
|
+
alignItems: 'center'
|
|
35
|
+
}
|
|
36
|
+
});
|
|
23
37
|
const useMenuGridGroupHeaderStyles_unstable = (state)=>{
|
|
24
38
|
'use no memo';
|
|
25
|
-
|
|
39
|
+
const styles = useStyles();
|
|
40
|
+
state.root.className = (0, _react.mergeClasses)(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);
|
|
26
41
|
return state;
|
|
27
42
|
};
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const menuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots> = {\n root: 'fui-MenuGridGroupHeader',\n};\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});\n\nexport const useMenuGridGroupHeaderStyles_unstable = (state: MenuGridGroupHeaderState): MenuGridGroupHeaderState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","fontSize","fontSizeBase200","color","colorNeutralForeground3","paddingLeft","paddingRight","fontWeight","fontWeightSemibold","height","display","alignItems","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA;;;;;;;;;;;;IAOaG,6BAAAA;;;yCAiBAc;eAAAA;;;uBArB4B,iBAAiB;4BAEnC,wBAAwB;AAExC,sCAAgF;IACrFb,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYL,iBAAAA,EAAW;IAC3BI,MAAM;QACJE,UAAUJ,kBAAAA,CAAOK,eAAe;QAChCC,OAAON,kBAAAA,CAAOO,uBAAuB;QACrCC,aAAa;QACbC,cAAc;QACdC,YAAYV,kBAAAA,CAAOW,kBAAkB;QACrCC,QAAQ;QACRC,SAAS;QACTC,YAAY;IACd;AACF;AAEO,8CAA8C,CAACE;IACpD;IAEA,MAAMC,SAASd;IACfa,MAAMd,IAAI,CAACgB,SAAS,OAAGnB,mBAAAA,EAAaE,8BAA8BC,IAAI,EAAEe,OAAOf,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IAEzG,OAAOF;AACT,EAAE"}
|
|
@@ -28,19 +28,44 @@ const menuGridItemClassNames = {
|
|
|
28
28
|
};
|
|
29
29
|
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
30
30
|
content: {
|
|
31
|
-
Bh6795r: "fqerorx"
|
|
31
|
+
Bh6795r: "fqerorx",
|
|
32
|
+
Bqenvij: "f1l02sjl",
|
|
33
|
+
Bf4jedk: "fy77jfu"
|
|
34
|
+
},
|
|
35
|
+
icon: {
|
|
36
|
+
Bqenvij: "f1l02sjl"
|
|
37
|
+
},
|
|
38
|
+
firstSubAction: {
|
|
39
|
+
Bqenvij: "f1l02sjl"
|
|
40
|
+
},
|
|
41
|
+
secondSubAction: {
|
|
42
|
+
Bqenvij: "f1l02sjl"
|
|
32
43
|
}
|
|
33
44
|
}, {
|
|
34
45
|
d: [
|
|
35
|
-
".fqerorx{flex-grow:1;}"
|
|
46
|
+
".fqerorx{flex-grow:1;}",
|
|
47
|
+
".f1l02sjl{height:100%;}",
|
|
48
|
+
".fy77jfu{min-width:0;}"
|
|
36
49
|
]
|
|
37
50
|
});
|
|
38
51
|
const useMenuGridItemStyles_unstable = (state)=>{
|
|
39
52
|
'use no memo';
|
|
40
|
-
const
|
|
53
|
+
const styles = useStyles();
|
|
41
54
|
state.root.className = (0, _react.mergeClasses)(menuGridItemClassNames.root, state.root.className);
|
|
55
|
+
if (state.icon) {
|
|
56
|
+
state.icon.className = (0, _react.mergeClasses)(menuGridItemClassNames.icon, styles.icon, state.icon.className);
|
|
57
|
+
}
|
|
42
58
|
if (state.content) {
|
|
43
|
-
state.content.className = (0, _react.mergeClasses)(menuGridItemClassNames.content,
|
|
59
|
+
state.content.className = (0, _react.mergeClasses)(menuGridItemClassNames.content, styles.content, state.content.className);
|
|
60
|
+
}
|
|
61
|
+
if (state.subText) {
|
|
62
|
+
state.subText.className = (0, _react.mergeClasses)(menuGridItemClassNames.subText, state.subText.className);
|
|
63
|
+
}
|
|
64
|
+
if (state.firstSubAction) {
|
|
65
|
+
state.firstSubAction.className = (0, _react.mergeClasses)(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);
|
|
66
|
+
}
|
|
67
|
+
if (state.secondSubAction) {
|
|
68
|
+
state.secondSubAction.className = (0, _react.mergeClasses)(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);
|
|
44
69
|
}
|
|
45
70
|
return state;
|
|
46
71
|
};
|
|
@@ -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-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__secondSubAction'\n};\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1\n }\n});\nexport const useMenuGridItemStyles_unstable = (state)=>{\n 'use no memo';\n const
|
|
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-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__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,uBAAuB;IAC7BC,OAAO,EAAE,0BAA0B;IACnCC,OAAO,EAAE,0BAA0B;IACnCC,cAAc,EAAE,iCAAiC;IACjDC,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"}
|
|
@@ -28,15 +28,38 @@ const menuGridItemClassNames = {
|
|
|
28
28
|
};
|
|
29
29
|
const useStyles = (0, _react.makeStyles)({
|
|
30
30
|
content: {
|
|
31
|
-
flexGrow: 1
|
|
31
|
+
flexGrow: 1,
|
|
32
|
+
height: '100%',
|
|
33
|
+
minWidth: 0
|
|
34
|
+
},
|
|
35
|
+
icon: {
|
|
36
|
+
height: '100%'
|
|
37
|
+
},
|
|
38
|
+
firstSubAction: {
|
|
39
|
+
height: '100%'
|
|
40
|
+
},
|
|
41
|
+
secondSubAction: {
|
|
42
|
+
height: '100%'
|
|
32
43
|
}
|
|
33
44
|
});
|
|
34
45
|
const useMenuGridItemStyles_unstable = (state)=>{
|
|
35
46
|
'use no memo';
|
|
36
|
-
const
|
|
47
|
+
const styles = useStyles();
|
|
37
48
|
state.root.className = (0, _react.mergeClasses)(menuGridItemClassNames.root, state.root.className);
|
|
49
|
+
if (state.icon) {
|
|
50
|
+
state.icon.className = (0, _react.mergeClasses)(menuGridItemClassNames.icon, styles.icon, state.icon.className);
|
|
51
|
+
}
|
|
38
52
|
if (state.content) {
|
|
39
|
-
state.content.className = (0, _react.mergeClasses)(menuGridItemClassNames.content,
|
|
53
|
+
state.content.className = (0, _react.mergeClasses)(menuGridItemClassNames.content, styles.content, state.content.className);
|
|
54
|
+
}
|
|
55
|
+
if (state.subText) {
|
|
56
|
+
state.subText.className = (0, _react.mergeClasses)(menuGridItemClassNames.subText, state.subText.className);
|
|
57
|
+
}
|
|
58
|
+
if (state.firstSubAction) {
|
|
59
|
+
state.firstSubAction.className = (0, _react.mergeClasses)(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);
|
|
60
|
+
}
|
|
61
|
+
if (state.secondSubAction) {
|
|
62
|
+
state.secondSubAction.className = (0, _react.mergeClasses)(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);
|
|
40
63
|
}
|
|
41
64
|
return state;
|
|
42
65
|
};
|
|
@@ -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-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__secondSubAction',\n};\n\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n },\n});\n\nexport const useMenuGridItemStyles_unstable = (state: MenuGridItemState): MenuGridItemState => {\n 'use no memo';\n\n const
|
|
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-MenuGridRow__icon',\n content: 'fui-MenuGridRow__content',\n subText: 'fui-MenuGridRow__subText',\n firstSubAction: 'fui-MenuGridRow__firstSubAction',\n secondSubAction: 'fui-MenuGridRow__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
|
@@ -30,9 +30,6 @@ _export(exports, {
|
|
|
30
30
|
MenuGridGroupHeader: function() {
|
|
31
31
|
return _MenuGridGroupHeader.MenuGridGroupHeader;
|
|
32
32
|
},
|
|
33
|
-
MenuGridGroupHeaderClassNames: function() {
|
|
34
|
-
return _MenuGridGroupHeader.MenuGridGroupHeaderClassNames;
|
|
35
|
-
},
|
|
36
33
|
MenuGridItem: function() {
|
|
37
34
|
return _MenuGridItem.MenuGridItem;
|
|
38
35
|
},
|
|
@@ -45,6 +42,9 @@ _export(exports, {
|
|
|
45
42
|
menuGridClassNames: function() {
|
|
46
43
|
return _MenuGrid.menuGridClassNames;
|
|
47
44
|
},
|
|
45
|
+
menuGridGroupHeaderClassNames: function() {
|
|
46
|
+
return _MenuGridGroupHeader.menuGridGroupHeaderClassNames;
|
|
47
|
+
},
|
|
48
48
|
menuGridItemClassNames: function() {
|
|
49
49
|
return _MenuGridItem.menuGridItemClassNames;
|
|
50
50
|
},
|
|
@@ -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
|
|
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;;;eACbC,sCAAuB;;;eArChBxB,kDAA4B;;IAkDnC6B,mBAAmB;;;IA9BnBhB,YAAY;;;IAQZK;uCAAW;;;eAfXT,oCAAsB;;;eATtBN,4BAAkB;;IA+ClB2B,6BAA6B;;;;eA9B7BhB,oCAAsB;;;eAQtBK,kCAAqB;;;eAfrBT,yCAA2B;;;eAsC3BqB,uDAAkC;;;eAdlCN,2CAA4B;;;eAhB5BV,yCAA2B;;IAQ3BK,0BAA0B;;;;eAzB1BhB,iCAAuB;;;eAUvBO,4CAA8B;;4BACN;eAAxBC;;IAVAP;0DAAiC;;;eARDN,4CAA2B;;;eAyC3D2B,qDAAsC;;;eAvCDzB,sDAAgC;;yCAqDhC;eAArC+B;;;eACAC,oDAA+B;;IAd/BN,+BAA+B;;;;eAC/BC,wCAAyB;;;eAlBzBZ,4CAA8B;;;eAC9BC,sCAAwB;;;eAOxBI,0CAA6B;;;eAC7BC,oCAAuB;;;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.5",
|
|
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": {
|