@fluentui/react-menu-grid-preview 0.5.8 → 0.5.10
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 +23 -2
- package/lib/components/MenuGrid/MenuGrid.js.map +1 -1
- package/lib/components/MenuGrid/MenuGrid.types.js.map +1 -1
- package/lib/components/MenuGrid/index.js.map +1 -1
- package/lib/components/MenuGrid/renderMenuGrid.js +2 -2
- package/lib/components/MenuGrid/renderMenuGrid.js.map +1 -1
- package/lib/components/MenuGrid/useMenuGrid.js.map +1 -1
- package/lib/components/MenuGrid/useMenuGridContextValues.js.map +1 -1
- package/lib/components/MenuGrid/useMenuGridStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridCell/MenuGridCell.js.map +1 -1
- package/lib/components/MenuGridCell/MenuGridCell.types.js.map +1 -1
- package/lib/components/MenuGridCell/index.js.map +1 -1
- package/lib/components/MenuGridCell/renderMenuGridCell.js +2 -2
- package/lib/components/MenuGridCell/renderMenuGridCell.js.map +1 -1
- package/lib/components/MenuGridCell/useMenuGridCell.js.map +1 -1
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridGroup/MenuGridGroup.js.map +1 -1
- package/lib/components/MenuGridGroup/MenuGridGroup.types.js.map +1 -1
- package/lib/components/MenuGridGroup/index.js.map +1 -1
- package/lib/components/MenuGridGroup/renderMenuGridGroup.js +2 -2
- package/lib/components/MenuGridGroup/renderMenuGridGroup.js.map +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroup.js.map +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js.map +1 -1
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.types.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/index.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js +2 -2
- package/lib/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeader.js.map +1 -1
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridItem/MenuGridItem.js.map +1 -1
- package/lib/components/MenuGridItem/MenuGridItem.types.js.map +1 -1
- package/lib/components/MenuGridItem/index.js.map +1 -1
- package/lib/components/MenuGridItem/renderMenuGridItem.js +2 -2
- package/lib/components/MenuGridItem/renderMenuGridItem.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItem.js.map +1 -1
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map +1 -1
- package/lib/components/MenuGridRow/MenuGridRow.js.map +1 -1
- package/lib/components/MenuGridRow/MenuGridRow.types.js.map +1 -1
- package/lib/components/MenuGridRow/index.js.map +1 -1
- package/lib/components/MenuGridRow/renderMenuGridRow.js +2 -2
- package/lib/components/MenuGridRow/renderMenuGridRow.js.map +1 -1
- package/lib/components/MenuGridRow/useCharacterSearch.js.map +1 -1
- package/lib/components/MenuGridRow/useMenuGridRow.js.map +1 -1
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js.map +1 -1
- package/lib/components/index.js.map +1 -1
- package/lib/contexts/menuGridContext.js.map +1 -1
- package/lib/contexts/menuGridGroupContext.js.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/useValidateNesting.js +4 -4
- package/lib/utils/useValidateNesting.js.map +1 -1
- package/lib-commonjs/MenuGrid.cjs +7 -7
- package/lib-commonjs/MenuGridCell.cjs +6 -6
- package/lib-commonjs/MenuGridGroup.cjs +7 -7
- package/lib-commonjs/MenuGridGroupHeader.cjs +6 -6
- package/lib-commonjs/MenuGridItem.cjs +6 -6
- package/lib-commonjs/MenuGridRow.cjs +6 -6
- package/lib-commonjs/components/MenuGrid/MenuGrid.cjs.map +1 -1
- package/lib-commonjs/components/MenuGrid/MenuGrid.types.cjs.map +1 -1
- package/lib-commonjs/components/MenuGrid/index.cjs +7 -7
- package/lib-commonjs/components/MenuGrid/index.cjs.map +1 -1
- package/lib-commonjs/components/MenuGrid/renderMenuGrid.cjs.map +1 -1
- package/lib-commonjs/components/MenuGrid/useMenuGrid.cjs.map +1 -1
- package/lib-commonjs/components/MenuGrid/useMenuGridContextValues.cjs.map +1 -1
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridCell/MenuGridCell.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridCell/MenuGridCell.types.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridCell/index.cjs +6 -6
- package/lib-commonjs/components/MenuGridCell/index.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridCell/renderMenuGridCell.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCell.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/MenuGridGroup.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/MenuGridGroup.types.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/index.cjs +7 -7
- package/lib-commonjs/components/MenuGridGroup/index.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/renderMenuGridGroup.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroup.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupContextValues.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/MenuGridGroupHeader.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/MenuGridGroupHeader.types.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/index.cjs +6 -6
- package/lib-commonjs/components/MenuGridGroupHeader/index.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/renderMenuGridGroupHeader.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeader.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridItem/MenuGridItem.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridItem/MenuGridItem.types.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridItem/index.cjs +6 -6
- package/lib-commonjs/components/MenuGridItem/index.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridItem/renderMenuGridItem.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItem.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/MenuGridRow.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/MenuGridRow.types.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/index.cjs +6 -6
- package/lib-commonjs/components/MenuGridRow/index.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/renderMenuGridRow.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/useCharacterSearch.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/useMenuGridRow.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.cjs +3 -3
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.cjs.map +1 -1
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.cjs +3 -3
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.cjs.map +1 -1
- package/lib-commonjs/components/index.cjs +7 -7
- package/lib-commonjs/components/index.cjs.map +1 -1
- package/lib-commonjs/contexts/menuGridContext.cjs +4 -4
- package/lib-commonjs/contexts/menuGridContext.cjs.map +1 -1
- package/lib-commonjs/contexts/menuGridGroupContext.cjs +3 -3
- package/lib-commonjs/contexts/menuGridGroupContext.cjs.map +1 -1
- package/lib-commonjs/index.cjs +37 -37
- package/lib-commonjs/index.cjs.map +1 -1
- package/lib-commonjs/utils/index.cjs.map +1 -1
- package/lib-commonjs/utils/useValidateNesting.cjs +4 -4
- package/lib-commonjs/utils/useValidateNesting.cjs.map +1 -1
- package/package.json +6 -6
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
menuGridCellClassNames
|
|
13
|
+
get menuGridCellClassNames () {
|
|
14
14
|
return menuGridCellClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMenuGridCellStyles_unstable
|
|
16
|
+
get useMenuGridCellStyles_unstable () {
|
|
17
17
|
return useMenuGridCellStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMenuGridCellStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const menuGridCellClassNames = {\n root: 'fui-MenuGridCell'\n};\nconst useRootStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n minHeight: '24px'\n },\n visuallyHidden: {\n position: 'absolute'\n }\n});\nexport const useMenuGridCellStyles_unstable = (state)=>{\n const rootStyles = useRootStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridCellClassNames.root, rootStyles.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","menuGridCellClassNames","root","useRootStyles","mc9l5x","Bt984gj","B7ck84d","sshi5w","visuallyHidden","qhf8xq","d","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["useMenuGridCellStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const menuGridCellClassNames = {\n root: 'fui-MenuGridCell'\n};\nconst useRootStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n boxSizing: 'border-box',\n minHeight: '24px'\n },\n visuallyHidden: {\n position: 'absolute'\n }\n});\nexport const useMenuGridCellStyles_unstable = (state)=>{\n const rootStyles = useRootStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridCellClassNames.root, rootStyles.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","menuGridCellClassNames","root","useRootStyles","mc9l5x","Bt984gj","B7ck84d","sshi5w","visuallyHidden","qhf8xq","d","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;QAECE,sBAAsB;;;QActBU,8BAA8B;;;;uBAfF,gBAAgB;AAClD,+BAA+B;IAClCT,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,aAAa,GAAA,WAAA,OAAGJ,eAAA,EAAA;IAAAG,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAUrB,CAAC;AACK,wCAAwCE,KAAK,IAAG;IACnD,MAAMC,UAAU,GAAGV,aAAa,CAAC,CAAC;IAClC,oDAAA;IACAS,KAAK,CAACV,IAAI,CAACY,SAAS,OAAGd,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEW,UAAU,CAACX,IAAI,EAAEU,KAAK,CAACJ,cAAc,IAAIK,UAAU,CAACL,cAAc,EAAEI,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;IAC1J,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
menuGridCellClassNames
|
|
13
|
+
get menuGridCellClassNames () {
|
|
14
14
|
return menuGridCellClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMenuGridCellStyles_unstable
|
|
16
|
+
get useMenuGridCellStyles_unstable () {
|
|
17
17
|
return useMenuGridCellStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridCell/useMenuGridCellStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\n\nexport const menuGridCellClassNames: SlotClassNames<MenuGridCellSlots> = {\n root: 'fui-MenuGridCell',\n};\n\nconst useRootStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n\n boxSizing: 'border-box',\n minHeight: '24px', // To match small button size\n },\n visuallyHidden: {\n position: 'absolute',\n },\n});\n\nexport const useMenuGridCellStyles_unstable = (state: MenuGridCellState): MenuGridCellState => {\n const rootStyles = useRootStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(\n menuGridCellClassNames.root,\n rootStyles.root,\n state.visuallyHidden && rootStyles.visuallyHidden,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","menuGridCellClassNames","root","useRootStyles","display","alignItems","boxSizing","minHeight","visuallyHidden","position","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":"AAAA;;;;;;;;;;;;QAMaE;;;;eAiBAS;;;uBApB4B,iBAAiB;AAGnD,+BAAkE;IACvER,MAAM;AACR,EAAE;AAEF,MAAMC,oBAAgBJ,iBAAAA,EAAW;IAC/BG,MAAM;QACJE,SAAS;QACTC,YAAY;QAEZC,WAAW;QACXC,WAAW;IACb;IACAC,gBAAgB;QACdC,UAAU;IACZ;AACF;AAEO,uCAAuC,CAACE;IAC7C,MAAMC,aAAaT;IACnB,oDAAoD;IACpDQ,MAAMT,IAAI,CAACW,SAAS,OAAGb,mBAAAA,EACrBC,uBAAuBC,IAAI,EAC3BU,WAAWV,IAAI,EACfS,MAAMH,cAAc,IAAII,WAAWJ,cAAc,EACjDG,MAAMT,IAAI,CAACW,SAAS;IAGtB,OAAOF;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridGroup/MenuGridGroup.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nimport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nimport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nimport type { MenuGridGroupProps } from './MenuGridGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridGroup, using the `useMenuGridGroup_unstable` hook.\n */\nexport const MenuGridGroup: ForwardRefComponent<MenuGridGroupProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridGroup_unstable(props, ref);\n const contextValues = useMenuGridGroupContextValues_unstable(state);\n\n useMenuGridGroupStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridGroupStyles_unstable')(state);\n\n return renderMenuGridGroup_unstable(state, contextValues);\n});\n\nMenuGridGroup.displayName = 'MenuGridGroup';\n"],"names":["React","useMenuGridGroup_unstable","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","MenuGridGroup","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;kCACW,wBAAqB;qCAClB,2BAAwB;+CACd,qCAAkC;8CAGzC,qCAAkC;AAM3E,MAAMK,gBAAAA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,YAAQR,2CAAAA,EAA0BM,OAAOC;IAC/C,MAAME,oBAAgBP,qEAAAA,EAAuCM;QAE7DL,6DAAAA,EAAgCK;IAEhC,yEAAyE;IAEzE,WAAOP,iDAAAA,EAA6BO,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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":""}
|
|
@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
MenuGridGroup
|
|
12
|
+
get MenuGridGroup () {
|
|
13
13
|
return _MenuGridGroup.MenuGridGroup;
|
|
14
14
|
},
|
|
15
|
-
menuGridGroupClassNames
|
|
15
|
+
get menuGridGroupClassNames () {
|
|
16
16
|
return _useMenuGridGroupStylesstyles.menuGridGroupClassNames;
|
|
17
17
|
},
|
|
18
|
-
renderMenuGridGroup_unstable
|
|
18
|
+
get renderMenuGridGroup_unstable () {
|
|
19
19
|
return _renderMenuGridGroup.renderMenuGridGroup_unstable;
|
|
20
20
|
},
|
|
21
|
-
useMenuGridGroupContextValues_unstable
|
|
21
|
+
get useMenuGridGroupContextValues_unstable () {
|
|
22
22
|
return _useMenuGridGroupContextValues.useMenuGridGroupContextValues_unstable;
|
|
23
23
|
},
|
|
24
|
-
useMenuGridGroupStyles_unstable
|
|
24
|
+
get useMenuGridGroupStyles_unstable () {
|
|
25
25
|
return _useMenuGridGroupStylesstyles.useMenuGridGroupStyles_unstable;
|
|
26
26
|
},
|
|
27
|
-
useMenuGridGroup_unstable
|
|
27
|
+
get useMenuGridGroup_unstable () {
|
|
28
28
|
return _useMenuGridGroup.useMenuGridGroup_unstable;
|
|
29
29
|
}
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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,qBAAkB;qCACH,2BAAwB;kCAC3B,wBAAqB;+CACR,qCAAkC;8CAChB,qCAAkC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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 type { 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;;;;;;;gCATb,gDAAiD,GACjD,SAASF,WAAW,QAAQ,4BAA4B;sCAGX,yCAAsC;AAK5E,qCAAqC,CAC1CG,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridGroup/useMenuGridGroup.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { 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":["getIntrinsicElementProps","useId","slot","useMenuGridGroup_unstable","props","ref","headerId","components","root","always","role","elementType"],"mappings":";;;;+BAOgBG;;;;;;gCANsC,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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"}
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
menuGridGroupClassNames
|
|
12
|
+
get menuGridGroupClassNames () {
|
|
13
13
|
return menuGridGroupClassNames;
|
|
14
14
|
},
|
|
15
|
-
useMenuGridGroupStyles_unstable
|
|
15
|
+
get useMenuGridGroupStyles_unstable () {
|
|
16
16
|
return useMenuGridGroupStyles_unstable;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMenuGridGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from \"@griffel/react\";\nexport const menuGridGroupClassNames = {\n root: 'fui-MenuGridGroup'\n};\nexport const useMenuGridGroupStyles_unstable = (state)=>{\n state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","menuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["useMenuGridGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from \"@griffel/react\";\nexport const menuGridGroupClassNames = {\n root: 'fui-MenuGridGroup'\n};\nexport const useMenuGridGroupStyles_unstable = (state)=>{\n state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","menuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QACaC,uBAAuB;;;;;;;uBADP,gBAAgB;AACtC,gCAAgC;IACnCC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,+BAA+B,IAAIC,KAAK,IAAG;IACpDA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACvF,OAAOD,KAAK;AAChB,CAAC"}
|
|
@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
menuGridGroupClassNames
|
|
12
|
+
get menuGridGroupClassNames () {
|
|
13
13
|
return menuGridGroupClassNames;
|
|
14
14
|
},
|
|
15
|
-
useMenuGridGroupStyles_unstable
|
|
15
|
+
get useMenuGridGroupStyles_unstable () {
|
|
16
16
|
return useMenuGridGroupStyles_unstable;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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 state.root.className = mergeClasses(menuGridGroupClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","menuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;QAIaC;;;;;;;uBAHgB,iBAAiB;AAGvC,gCAAoE;IACzEC,MAAM;AACR,EAAE;AAEK,MAAMC,kCAAkC,CAACC;IAC9CA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridGroupHeader/MenuGridGroupHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridGroupHeader_unstable } from './useMenuGridGroupHeader';\nimport { renderMenuGridGroupHeader_unstable } from './renderMenuGridGroupHeader';\nimport type { MenuGridGroupHeaderProps } from './MenuGridGroupHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridGroupHeaderStyles_unstable } from './useMenuGridGroupHeaderStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridGroupHeader, using the `useMenuGridGroupHeader_unstable` hook.\n */\nexport const MenuGridGroupHeader: ForwardRefComponent<MenuGridGroupHeaderProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridGroupHeader_unstable(props, ref);\n\n useMenuGridGroupHeaderStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridGroupHeaderStyles_unstable')(state);\n\n return renderMenuGridGroupHeader_unstable(state);\n});\n\nMenuGridGroupHeader.displayName = 'MenuGridGroupHeader';\n"],"names":["React","useMenuGridGroupHeader_unstable","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","MenuGridGroupHeader","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;wCACiB,8BAA2B;2CACxB,iCAA8B;oDAG3B,2CAAwC;AAMvF,MAAMI,sBAAAA,WAAAA,GAAqEJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,QAAQP,2DAAAA,EAAgCK,OAAOC;QAErDJ,yEAAAA,EAAsCK;IAEtC,+EAA+E;IAE/E,WAAON,6DAAAA,EAAmCM;AAC5C,GAAG;AAEHJ,oBAAoBK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridGroupHeader/MenuGridGroupHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGridGroupHeaderSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridGroupHeaderProps = ComponentProps<MenuGridGroupHeaderSlots>;\n\nexport type MenuGridGroupHeaderState = ComponentState<MenuGridGroupHeaderSlots>;\n"],"names":[],"mappings":""}
|
|
@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
MenuGridGroupHeader
|
|
12
|
+
get MenuGridGroupHeader () {
|
|
13
13
|
return _MenuGridGroupHeader.MenuGridGroupHeader;
|
|
14
14
|
},
|
|
15
|
-
menuGridGroupHeaderClassNames
|
|
15
|
+
get menuGridGroupHeaderClassNames () {
|
|
16
16
|
return _useMenuGridGroupHeaderStylesstyles.menuGridGroupHeaderClassNames;
|
|
17
17
|
},
|
|
18
|
-
renderMenuGridGroupHeader_unstable
|
|
18
|
+
get renderMenuGridGroupHeader_unstable () {
|
|
19
19
|
return _renderMenuGridGroupHeader.renderMenuGridGroupHeader_unstable;
|
|
20
20
|
},
|
|
21
|
-
useMenuGridGroupHeaderStyles_unstable
|
|
21
|
+
get useMenuGridGroupHeaderStyles_unstable () {
|
|
22
22
|
return _useMenuGridGroupHeaderStylesstyles.useMenuGridGroupHeaderStyles_unstable;
|
|
23
23
|
},
|
|
24
|
-
useMenuGridGroupHeader_unstable
|
|
24
|
+
get useMenuGridGroupHeader_unstable () {
|
|
25
25
|
return _useMenuGridGroupHeader.useMenuGridGroupHeader_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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,2BAAwB;2CACT,iCAA8B;wCACjC,8BAA2B;oDAIpE,2CAAwC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridGroupHeader/renderMenuGridGroupHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroupHeader_unstable = (state: MenuGridGroupHeaderState): JSXElement => {\n assertSlots<MenuGridGroupHeaderSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderMenuGridGroupHeader_unstable","state","root"],"mappings":";;;;;;;;;;;gCACA,gDAAiD,GACjD,SAASA,WAAW,QAAQ,4BAA4B;AAOjD,MAAMC,qCAAqC,CAACC;QACjDF,2BAAAA,EAAsCE;IAEtC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridGroupHeader/useMenuGridGroupHeader.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport { useMenuGridGroupContext_unstable } from '../../contexts/menuGridGroupContext';\nimport type { MenuGridGroupHeaderProps, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroupHeader.\n */\nexport function useMenuGridGroupHeader_unstable(\n props: MenuGridGroupHeaderProps,\n ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupHeaderState {\n const { headerId: id } = useMenuGridGroupContext_unstable();\n\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'presentation',\n id,\n 'aria-hidden': true,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n}\n"],"names":["getIntrinsicElementProps","slot","useMenuGridGroupContext_unstable","useMenuGridGroupHeader_unstable","props","ref","headerId","id","components","root","always","role","elementType"],"mappings":"AAAA;;;;;;;;;;;gCAG+C,4BAA4B;sCAE1B,yCAAsC;AAMhF,SAASG,gCACdC,KAA+B,EAC/BC,GAA8B;IAE9B,MAAM,EAAEC,UAAUC,EAAE,EAAE,OAAGL,sDAAAA;IAEzB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMR,oBAAAA,CAAKS,MAAM,KACfV,wCAAAA,EAAyB,OAAO;YAC9BK;YACAM,MAAM;YACNJ;YACA,eAAe;YACf,GAAGH,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
menuGridGroupHeaderClassNames
|
|
13
|
+
get menuGridGroupHeaderClassNames () {
|
|
14
14
|
return menuGridGroupHeaderClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMenuGridGroupHeaderStyles_unstable
|
|
16
|
+
get useMenuGridGroupHeaderStyles_unstable () {
|
|
17
17
|
return useMenuGridGroupHeaderStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMenuGridGroupHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const menuGridGroupHeaderClassNames = {\n root: 'fui-MenuGridGroupHeader'\n};\nconst useStyles = makeStyles({\n root: {\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n paddingLeft: '8px',\n paddingRight: '8px',\n fontWeight: tokens.fontWeightSemibold,\n height: '32px',\n display: 'flex',\n alignItems: 'center'\n }\n});\nexport const useMenuGridGroupHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","Be2twd7","sj55zd","uwmqm3","z189sj","Bhrd7zp","Bqenvij","mc9l5x","Bt984gj","d","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["useMenuGridGroupHeaderStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const menuGridGroupHeaderClassNames = {\n root: 'fui-MenuGridGroupHeader'\n};\nconst useStyles = makeStyles({\n root: {\n fontSize: tokens.fontSizeBase200,\n color: tokens.colorNeutralForeground3,\n paddingLeft: '8px',\n paddingRight: '8px',\n fontWeight: tokens.fontWeightSemibold,\n height: '32px',\n display: 'flex',\n alignItems: 'center'\n }\n});\nexport const useMenuGridGroupHeaderStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridGroupHeaderClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["__styles","mergeClasses","tokens","menuGridGroupHeaderClassNames","root","useStyles","Be2twd7","sj55zd","uwmqm3","z189sj","Bhrd7zp","Bqenvij","mc9l5x","Bt984gj","d","useMenuGridGroupHeaderStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;QAGCG,6BAA6B;;;QAe7BY,qCAAqC;;;;uBAjBT,gBAAgB;AAElD,sCAAsC;IACzCX,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGL,eAAA,EAAA;IAAAI,IAAA,EAAA;QAAAE,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,MAAA,EAAA;YAAA;YAAA;SAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAWjB,CAAC;AACK,+CAA+CE,KAAK,IAAG;IAC1D,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAW,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGjB,mBAAY,EAACE,6BAA6B,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IAC1G,OAAOF,KAAK;AAChB,CAAC"}
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.cjs
CHANGED
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
menuGridGroupHeaderClassNames
|
|
13
|
+
get menuGridGroupHeaderClassNames () {
|
|
14
14
|
return menuGridGroupHeaderClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMenuGridGroupHeaderStyles_unstable
|
|
16
|
+
get useMenuGridGroupHeaderStyles_unstable () {
|
|
17
17
|
return useMenuGridGroupHeaderStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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 const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\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;;;;;;;;;;;;QAOaG;;;QAiBAc;;;;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,MAAMC,SAASd;IACf,oDAAoD;IACpDa,MAAMd,IAAI,CAACgB,SAAS,OAAGnB,mBAAAA,EAAaE,8BAA8BC,IAAI,EAAEe,OAAOf,IAAI,EAAEc,MAAMd,IAAI,CAACgB,SAAS;IAEzG,OAAOF;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridItem_unstable } from './useMenuGridItem';\nimport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nimport type { MenuGridItemProps } from './MenuGridItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridItem, using the `useMenuGridItem_unstable` hook.\n */\nexport const MenuGridItem: ForwardRefComponent<MenuGridItemProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridItem_unstable(props, ref);\n\n useMenuGridItemStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridItemStyles_unstable')(state);\n\n return renderMenuGridItem_unstable(state);\n});\n\nMenuGridItem.displayName = 'MenuGridItem';\n"],"names":["React","useMenuGridItem_unstable","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","MenuGridItem","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;iCACU,uBAAoB;oCACjB,0BAAuB;6CAGpB,oCAAiC;AAMzE,MAAMI,eAAAA,WAAAA,GAAuDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,QAAQP,6CAAAA,EAAyBK,OAAOC;QAE9CJ,2DAAAA,EAA+BK;IAE/B,wEAAwE;IAExE,WAAON,+CAAAA,EAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridItem/MenuGridItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGridCellProps } from './../MenuGridCell/MenuGridCell.types';\nimport type { MenuGridRowProps } from './../MenuGridRow/MenuGridRow.types';\n\nexport type MenuGridItemSlots = {\n root: Slot<MenuGridRowProps>;\n\n /**\n * Icon slot rendered as cell before content cell\n */\n icon?: Slot<MenuGridCellProps>;\n\n /**\n * Component children are placed in this slot\n * Avoid using the `children` property in this slot in favour of Component children whenever possible\n */\n content?: Slot<MenuGridCellProps>;\n\n /**\n * Additional descriptor to main content that creates a multiline layout\n */\n subText?: Slot<'span'>;\n\n /**\n * Firstd sub-action slot rendered as cell after content cell\n */\n firstSubAction?: Slot<MenuGridCellProps>;\n\n /**\n * Second sub-action slot rendered as cell after first sub-action cell\n */\n secondSubAction?: Slot<MenuGridCellProps>;\n};\n\nexport type MenuGridItemProps = Omit<ComponentProps<Partial<MenuGridItemSlots>>, 'content'> &\n Pick<Partial<MenuGridItemSlots>, 'content'>;\n\nexport type MenuGridItemState = ComponentState<MenuGridItemSlots>;\n"],"names":[],"mappings":""}
|
|
@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
MenuGridItem
|
|
12
|
+
get MenuGridItem () {
|
|
13
13
|
return _MenuGridItem.MenuGridItem;
|
|
14
14
|
},
|
|
15
|
-
menuGridItemClassNames
|
|
15
|
+
get menuGridItemClassNames () {
|
|
16
16
|
return _useMenuGridItemStylesstyles.menuGridItemClassNames;
|
|
17
17
|
},
|
|
18
|
-
renderMenuGridItem_unstable
|
|
18
|
+
get renderMenuGridItem_unstable () {
|
|
19
19
|
return _renderMenuGridItem.renderMenuGridItem_unstable;
|
|
20
20
|
},
|
|
21
|
-
useMenuGridItemStyles_unstable
|
|
21
|
+
get useMenuGridItemStyles_unstable () {
|
|
22
22
|
return _useMenuGridItemStylesstyles.useMenuGridItemStyles_unstable;
|
|
23
23
|
},
|
|
24
|
-
useMenuGridItem_unstable
|
|
24
|
+
get useMenuGridItem_unstable () {
|
|
25
25
|
return _useMenuGridItem.useMenuGridItem_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridItem/index.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\nexport { MenuGridItem } from './MenuGridItem';\nexport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nexport { useMenuGridItem_unstable } from './useMenuGridItem';\nexport { menuGridItemClassNames, useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n"],"names":["MenuGridItem","renderMenuGridItem_unstable","useMenuGridItem_unstable","menuGridItemClassNames","useMenuGridItemStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,0BAAY;;;eAGZG,mDAAsB;;;eAFtBF,+CAA2B;;;eAEHG,2DAA8B;;;eADtDF,yCAAwB;;;8BAFJ,oBAAiB;oCACF,0BAAuB;iCAC1B,uBAAoB;6CACU,oCAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridItem/renderMenuGridItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridItem_unstable = (state: MenuGridItemState): JSXElement => {\n assertSlots<MenuGridItemSlots>(state);\n\n return (\n <state.root>\n {state.icon && <state.icon />}\n {state.content && (\n <state.content>\n {state.content.children}\n {state.subText && <state.subText />}\n </state.content>\n )}\n {state.firstSubAction && <state.firstSubAction />}\n {state.secondSubAction && <state.secondSubAction />}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderMenuGridItem_unstable","state","root","icon","content","children","subText","firstSubAction","secondSubAction"],"mappings":";;;;+BASaC;;;;;;;gCARb,gDAAiD,GACjD,SAASD,WAAW,QAAQ,4BAA4B;AAOjD,oCAAoC,CAACE;QAC1CF,2BAAAA,EAA+BE;IAE/B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,IAAI,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;YACzBF,MAAMG,OAAO,IAAA,WAAA,OACZ,gBAAA,EAACH,MAAMG,OAAO,EAAA;;oBACXH,MAAMG,OAAO,CAACC,QAAQ;oBACtBJ,MAAMK,OAAO,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,OAAO,EAAA,CAAA;;;YAGnCL,MAAMM,cAAc,IAAA,WAAA,OAAI,eAAA,EAACN,MAAMM,cAAc,EAAA,CAAA;YAC7CN,MAAMO,eAAe,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,eAAe,EAAA,CAAA;;;AAGtD,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridItem/useMenuGridItem.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useMergedRefs, slot } from '@fluentui/react-utilities';\n\nimport type { MenuGridItemProps, MenuGridItemState } from './MenuGridItem.types';\nimport { MenuGridCell } from './../MenuGridCell/MenuGridCell';\nimport { MenuGridRow } from './../MenuGridRow/MenuGridRow';\nimport { useValidateNesting } from '../../utils/useValidateNesting';\n\n/**\n * Given user props, returns state and render function for a MenuGridItem.\n */\nexport function useMenuGridItem_unstable(props: MenuGridItemProps, ref: React.Ref<HTMLDivElement>): MenuGridItemState {\n const {\n icon,\n content: _content, // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n subText,\n firstSubAction,\n secondSubAction,\n ...rest\n } = props;\n const validateNestingRef = useValidateNesting('MenuGridItem');\n\n return {\n components: {\n root: MenuGridRow,\n icon: MenuGridCell,\n content: MenuGridCell,\n subText: 'span',\n firstSubAction: MenuGridCell,\n secondSubAction: MenuGridCell,\n },\n root: slot.always(\n {\n ref: useMergedRefs(ref, validateNestingRef),\n ...rest,\n },\n { elementType: MenuGridRow },\n ),\n icon: slot.optional(props.icon, { elementType: MenuGridCell }),\n content: slot.optional(props.content, {\n renderByDefault: !!props.children,\n defaultProps: { children: props.children },\n elementType: MenuGridCell,\n }),\n subText: slot.optional(props.subText, { elementType: 'span' }),\n firstSubAction: slot.optional(props.firstSubAction, { elementType: MenuGridCell }),\n secondSubAction: slot.optional(props.secondSubAction, { elementType: MenuGridCell }),\n };\n}\n"],"names":["useMergedRefs","slot","MenuGridCell","MenuGridRow","useValidateNesting","useMenuGridItem_unstable","props","ref","icon","content","_content","subText","firstSubAction","secondSubAction","rest","validateNestingRef","components","root","always","elementType","optional","renderByDefault","children","defaultProps"],"mappings":"AAAA;;;;;+BAagBK;;;;;;gCAVoB,4BAA4B;8BAGnC,kCAAiC;6BAClC,gCAA+B;oCACxB,oCAAiC;AAK7D,kCAAkCC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EACJC,IAAI,EACJC,SAASC,QAAQ,EACjBC,OAAO,EACPC,cAAc,EACdC,eAAe,EACf,GAAGC,MACJ,GAAGR;IACJ,MAAMS,yBAAqBX,sCAAAA,EAAmB;IAE9C,OAAO;QACLY,YAAY;YACVC,MAAMd,wBAAAA;YACNK,MAAMN,0BAAAA;YACNO,SAASP,0BAAAA;YACTS,SAAS;YACTC,gBAAgBV,0BAAAA;YAChBW,iBAAiBX,0BAAAA;QACnB;QACAe,MAAMhB,oBAAAA,CAAKiB,MAAM,CACf;YACEX,SAAKP,6BAAAA,EAAcO,KAAKQ;YACxB,GAAGD,IAAI;QACT,GACA;YAAEK,aAAahB,wBAAAA;QAAY;QAE7BK,MAAMP,oBAAAA,CAAKmB,QAAQ,CAACd,MAAME,IAAI,EAAE;YAAEW,aAAajB,0BAAAA;QAAa;QAC5DO,SAASR,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMG,OAAO,EAAE;YACpCY,iBAAiB,CAAC,CAACf,MAAMgB,QAAQ;YACjCC,cAAc;gBAAED,UAAUhB,MAAMgB,QAAQ;YAAC;YACzCH,aAAajB,0BAAAA;QACf;QACAS,SAASV,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMK,OAAO,EAAE;YAAEQ,aAAa;QAAO;QAC5DP,gBAAgBX,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMM,cAAc,EAAE;YAAEO,aAAajB,0BAAAA;QAAa;QAChFW,iBAAiBZ,oBAAAA,CAAKmB,QAAQ,CAACd,MAAMO,eAAe,EAAE;YAAEM,aAAajB,0BAAAA;QAAa;IACpF;AACF"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
menuGridItemClassNames
|
|
13
|
+
get menuGridItemClassNames () {
|
|
14
14
|
return menuGridItemClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMenuGridItemStyles_unstable
|
|
16
|
+
get useMenuGridItemStyles_unstable () {
|
|
17
17
|
return useMenuGridItemStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
@@ -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-MenuGridItem__icon',\n content: 'fui-MenuGridItem__content',\n subText: 'fui-MenuGridItem__subText',\n firstSubAction: 'fui-MenuGridItem__firstSubAction',\n secondSubAction: 'fui-MenuGridItem__secondSubAction'\n};\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%',\n minWidth: 0\n },\n icon: {\n height: '100%'\n },\n firstSubAction: {\n height: '100%'\n },\n secondSubAction: {\n height: '100%'\n }\n});\nexport const useMenuGridItemStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.content) {\n // eslint-disable-next-line react-hooks/immutability\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n if (state.subText) {\n // eslint-disable-next-line react-hooks/immutability\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n if (state.firstSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);\n }\n if (state.secondSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","Bqenvij","Bf4jedk","d","useMenuGridItemStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["'use client';\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\nexport const menuGridItemClassNames = {\n root: 'fui-MenuGridItem',\n icon: 'fui-MenuGridItem__icon',\n content: 'fui-MenuGridItem__content',\n subText: 'fui-MenuGridItem__subText',\n firstSubAction: 'fui-MenuGridItem__firstSubAction',\n secondSubAction: 'fui-MenuGridItem__secondSubAction'\n};\nconst useStyles = makeStyles({\n content: {\n flexGrow: 1,\n height: '100%',\n minWidth: 0\n },\n icon: {\n height: '100%'\n },\n firstSubAction: {\n height: '100%'\n },\n secondSubAction: {\n height: '100%'\n }\n});\nexport const useMenuGridItemStyles_unstable = (state)=>{\n const styles = useStyles();\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n if (state.content) {\n // eslint-disable-next-line react-hooks/immutability\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n if (state.subText) {\n // eslint-disable-next-line react-hooks/immutability\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n if (state.firstSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.firstSubAction.className = mergeClasses(menuGridItemClassNames.firstSubAction, styles.firstSubAction, state.firstSubAction.className);\n }\n if (state.secondSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.secondSubAction.className = mergeClasses(menuGridItemClassNames.secondSubAction, styles.secondSubAction, state.secondSubAction.className);\n }\n return state;\n};\n"],"names":["__styles","mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useStyles","Bh6795r","Bqenvij","Bf4jedk","d","useMenuGridItemStyles_unstable","state","styles","className"],"mappings":"AAAA,YAAY;;;;;;;;;;;;QAECE,sBAAsB;;;;eAwBtBY,8BAA8B;;;uBAzBF,gBAAgB;AAClD,+BAA+B;IAClCX,IAAI,EAAE,kBAAkB;IACxBC,IAAI,EAAE,wBAAwB;IAC9BC,OAAO,EAAE,2BAA2B;IACpCC,OAAO,EAAE,2BAA2B;IACpCC,cAAc,EAAE,kCAAkC;IAClDC,eAAe,EAAE;AACrB,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGT,eAAA,EAAA;IAAAK,OAAA,EAAA;QAAAK,OAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAR,IAAA,EAAA;QAAAO,OAAA,EAAA;IAAA;IAAAJ,cAAA,EAAA;QAAAI,OAAA,EAAA;IAAA;IAAAH,eAAA,EAAA;QAAAG,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAejB,CAAC;AACK,wCAAwCE,KAAK,IAAG;IACnD,MAAMC,MAAM,GAAGP,SAAS,CAAC,CAAC;IAC1B,oDAAA;IACAM,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IACtF,IAAIF,KAAK,CAACX,IAAI,EAAE;QACZ,oDAAA;QACAW,KAAK,CAACX,IAAI,CAACa,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACE,IAAI,EAAEY,MAAM,CAACZ,IAAI,EAAEW,KAAK,CAACX,IAAI,CAACa,SAAS,CAAC;IACvG;IACA,IAAIF,KAAK,CAACV,OAAO,EAAE;QACf,oDAAA;QACAU,KAAK,CAACV,OAAO,CAACY,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACG,OAAO,EAAEW,MAAM,CAACX,OAAO,EAAEU,KAAK,CAACV,OAAO,CAACY,SAAS,CAAC;IACnH;IACA,IAAIF,KAAK,CAACT,OAAO,EAAE;QACf,oDAAA;QACAS,KAAK,CAACT,OAAO,CAACW,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACI,OAAO,EAAES,KAAK,CAACT,OAAO,CAACW,SAAS,CAAC;IACnG;IACA,IAAIF,KAAK,CAACR,cAAc,EAAE;QACtB,oDAAA;QACAQ,KAAK,CAACR,cAAc,CAACU,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACK,cAAc,EAAES,MAAM,CAACT,cAAc,EAAEQ,KAAK,CAACR,cAAc,CAACU,SAAS,CAAC;IAC/I;IACA,IAAIF,KAAK,CAACP,eAAe,EAAE;QACvB,oDAAA;QACAO,KAAK,CAACP,eAAe,CAACS,SAAS,OAAGhB,mBAAY,EAACC,sBAAsB,CAACM,eAAe,EAAEQ,MAAM,CAACR,eAAe,EAAEO,KAAK,CAACP,eAAe,CAACS,SAAS,CAAC;IACnJ;IACA,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
function _export(target, all) {
|
|
7
7
|
for(var name in all)Object.defineProperty(target, name, {
|
|
8
8
|
enumerable: true,
|
|
9
|
-
get: all
|
|
9
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
|
-
menuGridItemClassNames
|
|
13
|
+
get menuGridItemClassNames () {
|
|
14
14
|
return menuGridItemClassNames;
|
|
15
15
|
},
|
|
16
|
-
useMenuGridItemStyles_unstable
|
|
16
|
+
get useMenuGridItemStyles_unstable () {
|
|
17
17
|
return useMenuGridItemStyles_unstable;
|
|
18
18
|
}
|
|
19
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
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 const styles = useStyles();\n\n // eslint-disable-next-line react-hooks/immutability\n state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n\n if (state.icon) {\n // eslint-disable-next-line react-hooks/immutability\n state.icon.className = mergeClasses(menuGridItemClassNames.icon, styles.icon, state.icon.className);\n }\n\n if (state.content) {\n // eslint-disable-next-line react-hooks/immutability\n state.content.className = mergeClasses(menuGridItemClassNames.content, styles.content, state.content.className);\n }\n\n if (state.subText) {\n // eslint-disable-next-line react-hooks/immutability\n state.subText.className = mergeClasses(menuGridItemClassNames.subText, state.subText.className);\n }\n\n if (state.firstSubAction) {\n // eslint-disable-next-line react-hooks/immutability\n state.firstSubAction.className = mergeClasses(\n menuGridItemClassNames.firstSubAction,\n styles.firstSubAction,\n state.firstSubAction.className,\n );\n }\n if (state.secondSubAction) {\n // eslint-disable-next-line react-hooks/immutability\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;;;;;;;;;;;;QAMaE;;;;eA0BAW;;;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,MAAMC,SAASN;IAEf,oDAAoD;IACpDK,MAAMX,IAAI,CAACa,SAAS,OAAGf,mBAAAA,EAAaC,uBAAuBC,IAAI,EAAEW,MAAMX,IAAI,CAACa,SAAS;IAErF,IAAIF,MAAMV,IAAI,EAAE;QACd,oDAAoD;QACpDU,MAAMV,IAAI,CAACY,SAAS,OAAGf,mBAAAA,EAAaC,uBAAuBE,IAAI,EAAEW,OAAOX,IAAI,EAAEU,MAAMV,IAAI,CAACY,SAAS;IACpG;IAEA,IAAIF,MAAMT,OAAO,EAAE;QACjB,oDAAoD;QACpDS,MAAMT,OAAO,CAACW,SAAS,GAAGf,uBAAAA,EAAaC,uBAAuBG,OAAO,EAAEU,OAAOV,OAAO,EAAES,MAAMT,OAAO,CAACW,SAAS;IAChH;IAEA,IAAIF,MAAMR,OAAO,EAAE;QACjB,oDAAoD;QACpDQ,MAAMR,OAAO,CAACU,SAAS,OAAGf,mBAAAA,EAAaC,uBAAuBI,OAAO,EAAEQ,MAAMR,OAAO,CAACU,SAAS;IAChG;IAEA,IAAIF,MAAMP,cAAc,EAAE;QACxB,oDAAoD;QACpDO,MAAMP,cAAc,CAACS,SAAS,GAAGf,uBAAAA,EAC/BC,uBAAuBK,cAAc,EACrCQ,OAAOR,cAAc,EACrBO,MAAMP,cAAc,CAACS,SAAS;IAElC;IACA,IAAIF,MAAMN,eAAe,EAAE;QACzB,oDAAoD;QACpDM,MAAMN,eAAe,CAACQ,SAAS,OAAGf,mBAAAA,EAChCC,uBAAuBM,eAAe,EACtCO,OAAOP,eAAe,EACtBM,MAAMN,eAAe,CAACQ,SAAS;IAEnC;IAEA,OAAOF;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridRow/MenuGridRow.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuGridRow_unstable } from './useMenuGridRow';\nimport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nimport type { MenuGridRowProps } from './MenuGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridRow, using the `useMenuGridRow_unstable` hook.\n */\nexport const MenuGridRow: ForwardRefComponent<MenuGridRowProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridRow_unstable(props, ref);\n\n useMenuGridRowStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridRowStyles_unstable')(state);\n\n return renderMenuGridRow_unstable(state);\n});\n\nMenuGridRow.displayName = 'MenuGridRow';\n"],"names":["React","useMenuGridRow_unstable","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","MenuGridRow","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;gCACS,sBAAmB;mCAChB,yBAAsB;4CAGnB,mCAAgC;AAMvE,MAAMI,cAAAA,WAAAA,GAAqDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,QAAQP,2CAAAA,EAAwBK,OAAOC;QAE7CJ,yDAAAA,EAA8BK;IAE9B,uEAAuE;IAEvE,WAAON,6CAAAA,EAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuGridRow/MenuGridRow.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGridRowSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridRowProps = ComponentProps<Partial<MenuGridRowSlots>>;\n\nexport type MenuGridRowState = ComponentState<MenuGridRowSlots>;\n"],"names":[],"mappings":""}
|
|
@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
function _export(target, all) {
|
|
6
6
|
for(var name in all)Object.defineProperty(target, name, {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: all
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
MenuGridRow
|
|
12
|
+
get MenuGridRow () {
|
|
13
13
|
return _MenuGridRow.MenuGridRow;
|
|
14
14
|
},
|
|
15
|
-
menuGridRowClassNames
|
|
15
|
+
get menuGridRowClassNames () {
|
|
16
16
|
return _useMenuGridRowStylesstyles.menuGridRowClassNames;
|
|
17
17
|
},
|
|
18
|
-
renderMenuGridRow_unstable
|
|
18
|
+
get renderMenuGridRow_unstable () {
|
|
19
19
|
return _renderMenuGridRow.renderMenuGridRow_unstable;
|
|
20
20
|
},
|
|
21
|
-
useMenuGridRowStyles_unstable
|
|
21
|
+
get useMenuGridRowStyles_unstable () {
|
|
22
22
|
return _useMenuGridRowStylesstyles.useMenuGridRowStyles_unstable;
|
|
23
23
|
},
|
|
24
|
-
useMenuGridRow_unstable
|
|
24
|
+
get useMenuGridRow_unstable () {
|
|
25
25
|
return _useMenuGridRow.useMenuGridRow_unstable;
|
|
26
26
|
}
|
|
27
27
|
});
|