@fluentui/react-menu-grid-preview 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/LICENSE +15 -0
- package/README.md +5 -0
- package/dist/index.d.ts +251 -0
- package/lib/MenuGrid.js +1 -0
- package/lib/MenuGrid.js.map +1 -0
- package/lib/MenuGridCell.js +1 -0
- package/lib/MenuGridCell.js.map +1 -0
- package/lib/MenuGridGroup.js +1 -0
- package/lib/MenuGridGroup.js.map +1 -0
- package/lib/MenuGridGroupHeader.js +1 -0
- package/lib/MenuGridGroupHeader.js.map +1 -0
- package/lib/MenuGridItem.js +1 -0
- package/lib/MenuGridItem.js.map +1 -0
- package/lib/MenuGridRow.js +1 -0
- package/lib/MenuGridRow.js.map +1 -0
- package/lib/components/MenuGrid/MenuGrid.js +16 -0
- package/lib/components/MenuGrid/MenuGrid.js.map +1 -0
- package/lib/components/MenuGrid/MenuGrid.types.js +1 -0
- package/lib/components/MenuGrid/MenuGrid.types.js.map +1 -0
- package/lib/components/MenuGrid/index.js +5 -0
- package/lib/components/MenuGrid/index.js.map +1 -0
- package/lib/components/MenuGrid/renderMenuGrid.js +12 -0
- package/lib/components/MenuGrid/renderMenuGrid.js.map +1 -0
- package/lib/components/MenuGrid/useMenuGrid.js +26 -0
- package/lib/components/MenuGrid/useMenuGrid.js.map +1 -0
- package/lib/components/MenuGrid/useMenuGridContextValues.js +12 -0
- package/lib/components/MenuGrid/useMenuGridContextValues.js.map +1 -0
- package/lib/components/MenuGrid/useMenuGridStyles.styles.js +30 -0
- package/lib/components/MenuGrid/useMenuGridStyles.styles.js.map +1 -0
- package/lib/components/MenuGrid/useMenuGridStyles.styles.raw.js +22 -0
- package/lib/components/MenuGrid/useMenuGridStyles.styles.raw.js.map +1 -0
- package/lib/components/MenuGridCell/MenuGridCell.js +14 -0
- package/lib/components/MenuGridCell/MenuGridCell.js.map +1 -0
- package/lib/components/MenuGridCell/MenuGridCell.types.js +1 -0
- package/lib/components/MenuGridCell/MenuGridCell.types.js.map +1 -0
- package/lib/components/MenuGridCell/index.js +4 -0
- package/lib/components/MenuGridCell/index.js.map +1 -0
- package/lib/components/MenuGridCell/renderMenuGridCell.js +8 -0
- package/lib/components/MenuGridCell/renderMenuGridCell.js.map +1 -0
- package/lib/components/MenuGridCell/useMenuGridCell.js +20 -0
- package/lib/components/MenuGridCell/useMenuGridCell.js.map +1 -0
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.js +18 -0
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.js.map +1 -0
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js +15 -0
- package/lib/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js.map +1 -0
- package/lib/components/MenuGridGroup/MenuGridGroup.js +16 -0
- package/lib/components/MenuGridGroup/MenuGridGroup.js.map +1 -0
- package/lib/components/MenuGridGroup/MenuGridGroup.types.js +1 -0
- package/lib/components/MenuGridGroup/MenuGridGroup.types.js.map +1 -0
- package/lib/components/MenuGridGroup/index.js +5 -0
- package/lib/components/MenuGridGroup/index.js.map +1 -0
- package/lib/components/MenuGridGroup/renderMenuGridGroup.js +12 -0
- package/lib/components/MenuGridGroup/renderMenuGridGroup.js.map +1 -0
- package/lib/components/MenuGridGroup/useMenuGridGroup.js +21 -0
- package/lib/components/MenuGridGroup/useMenuGridGroup.js.map +1 -0
- package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js +12 -0
- package/lib/components/MenuGridGroup/useMenuGridGroupContextValues.js.map +1 -0
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js +10 -0
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.js.map +1 -0
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js +9 -0
- package/lib/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js.map +1 -0
- package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.js +14 -0
- package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.js.map +1 -0
- package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.types.js +1 -0
- package/lib/components/MenuGridGroupHeader/MenuGridGroupHeader.types.js.map +1 -0
- package/lib/components/MenuGridGroupHeader/index.js +4 -0
- package/lib/components/MenuGridGroupHeader/index.js.map +1 -0
- package/lib/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js +8 -0
- package/lib/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js.map +1 -0
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeader.js +22 -0
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeader.js.map +1 -0
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js +10 -0
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +1 -0
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js +9 -0
- package/lib/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map +1 -0
- package/lib/components/MenuGridItem/MenuGridItem.js +14 -0
- package/lib/components/MenuGridItem/MenuGridItem.js.map +1 -0
- package/lib/components/MenuGridItem/MenuGridItem.types.js +1 -0
- package/lib/components/MenuGridItem/MenuGridItem.types.js.map +1 -0
- package/lib/components/MenuGridItem/index.js +4 -0
- package/lib/components/MenuGridItem/index.js.map +1 -0
- package/lib/components/MenuGridItem/renderMenuGridItem.js +20 -0
- package/lib/components/MenuGridItem/renderMenuGridItem.js.map +1 -0
- package/lib/components/MenuGridItem/useMenuGridItem.js +44 -0
- package/lib/components/MenuGridItem/useMenuGridItem.js.map +1 -0
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js +15 -0
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -0
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +14 -0
- package/lib/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map +1 -0
- package/lib/components/MenuGridRow/MenuGridRow.js +14 -0
- package/lib/components/MenuGridRow/MenuGridRow.js.map +1 -0
- package/lib/components/MenuGridRow/MenuGridRow.types.js +1 -0
- package/lib/components/MenuGridRow/MenuGridRow.types.js.map +1 -0
- package/lib/components/MenuGridRow/index.js +4 -0
- package/lib/components/MenuGridRow/index.js.map +1 -0
- package/lib/components/MenuGridRow/renderMenuGridRow.js +8 -0
- package/lib/components/MenuGridRow/renderMenuGridRow.js.map +1 -0
- package/lib/components/MenuGridRow/useMenuGridRow.js +22 -0
- package/lib/components/MenuGridRow/useMenuGridRow.js.map +1 -0
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js +10 -0
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.js.map +1 -0
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js +9 -0
- package/lib/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js.map +1 -0
- package/lib/components/index.js +1 -0
- package/lib/components/index.js.map +1 -0
- package/lib/contexts/menuGridContext.js +10 -0
- package/lib/contexts/menuGridContext.js.map +1 -0
- package/lib/contexts/menuGridGroupContext.js +10 -0
- package/lib/contexts/menuGridGroupContext.js.map +1 -0
- package/lib/index.js +8 -0
- package/lib/index.js.map +1 -0
- package/lib-commonjs/MenuGrid.js +31 -0
- package/lib-commonjs/MenuGrid.js.map +1 -0
- package/lib-commonjs/MenuGridCell.js +28 -0
- package/lib-commonjs/MenuGridCell.js.map +1 -0
- package/lib-commonjs/MenuGridGroup.js +31 -0
- package/lib-commonjs/MenuGridGroup.js.map +1 -0
- package/lib-commonjs/MenuGridGroupHeader.js +28 -0
- package/lib-commonjs/MenuGridGroupHeader.js.map +1 -0
- package/lib-commonjs/MenuGridItem.js +28 -0
- package/lib-commonjs/MenuGridItem.js.map +1 -0
- package/lib-commonjs/MenuGridRow.js +28 -0
- package/lib-commonjs/MenuGridRow.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/MenuGrid.js +24 -0
- package/lib-commonjs/components/MenuGrid/MenuGrid.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/MenuGrid.types.js +4 -0
- package/lib-commonjs/components/MenuGrid/MenuGrid.types.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/index.js +35 -0
- package/lib-commonjs/components/MenuGrid/index.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/renderMenuGrid.js +20 -0
- package/lib-commonjs/components/MenuGrid/renderMenuGrid.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/useMenuGrid.js +35 -0
- package/lib-commonjs/components/MenuGrid/useMenuGrid.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/useMenuGridContextValues.js +23 -0
- package/lib-commonjs/components/MenuGrid/useMenuGridContextValues.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.js +52 -0
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.js.map +1 -0
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.raw.js +38 -0
- package/lib-commonjs/components/MenuGrid/useMenuGridStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/MenuGridCell/MenuGridCell.js +22 -0
- package/lib-commonjs/components/MenuGridCell/MenuGridCell.js.map +1 -0
- package/lib-commonjs/components/MenuGridCell/MenuGridCell.types.js +4 -0
- package/lib-commonjs/components/MenuGridCell/MenuGridCell.types.js.map +1 -0
- package/lib-commonjs/components/MenuGridCell/index.js +31 -0
- package/lib-commonjs/components/MenuGridCell/index.js.map +1 -0
- package/lib-commonjs/components/MenuGridCell/renderMenuGridCell.js +16 -0
- package/lib-commonjs/components/MenuGridCell/renderMenuGridCell.js.map +1 -0
- package/lib-commonjs/components/MenuGridCell/useMenuGridCell.js +29 -0
- package/lib-commonjs/components/MenuGridCell/useMenuGridCell.js.map +1 -0
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.js +37 -0
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.js.map +1 -0
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js +33 -0
- package/lib-commonjs/components/MenuGridCell/useMenuGridCellStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/MenuGridGroup.js +24 -0
- package/lib-commonjs/components/MenuGridGroup/MenuGridGroup.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/MenuGridGroup.types.js +4 -0
- package/lib-commonjs/components/MenuGridGroup/MenuGridGroup.types.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/index.js +35 -0
- package/lib-commonjs/components/MenuGridGroup/index.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/renderMenuGridGroup.js +20 -0
- package/lib-commonjs/components/MenuGridGroup/renderMenuGridGroup.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroup.js +30 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroup.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupContextValues.js +23 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupContextValues.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.js +27 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js +27 -0
- package/lib-commonjs/components/MenuGridGroup/useMenuGridGroupStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroupHeader/MenuGridGroupHeader.js +22 -0
- package/lib-commonjs/components/MenuGridGroupHeader/MenuGridGroupHeader.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroupHeader/MenuGridGroupHeader.types.js +4 -0
- package/lib-commonjs/components/MenuGridGroupHeader/MenuGridGroupHeader.types.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroupHeader/index.js +31 -0
- package/lib-commonjs/components/MenuGridGroupHeader/index.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js +16 -0
- package/lib-commonjs/components/MenuGridGroupHeader/renderMenuGridGroupHeader.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeader.js +31 -0
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeader.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js +27 -0
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map +1 -0
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js +27 -0
- package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/MenuGridItem/MenuGridItem.js +22 -0
- package/lib-commonjs/components/MenuGridItem/MenuGridItem.js.map +1 -0
- package/lib-commonjs/components/MenuGridItem/MenuGridItem.types.js +4 -0
- package/lib-commonjs/components/MenuGridItem/MenuGridItem.types.js.map +1 -0
- package/lib-commonjs/components/MenuGridItem/index.js +31 -0
- package/lib-commonjs/components/MenuGridItem/index.js.map +1 -0
- package/lib-commonjs/components/MenuGridItem/renderMenuGridItem.js +28 -0
- package/lib-commonjs/components/MenuGridItem/renderMenuGridItem.js.map +1 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItem.js +53 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItem.js.map +1 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js +32 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js.map +1 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js +32 -0
- package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/MenuGridRow/MenuGridRow.js +22 -0
- package/lib-commonjs/components/MenuGridRow/MenuGridRow.js.map +1 -0
- package/lib-commonjs/components/MenuGridRow/MenuGridRow.types.js +4 -0
- package/lib-commonjs/components/MenuGridRow/MenuGridRow.types.js.map +1 -0
- package/lib-commonjs/components/MenuGridRow/index.js +31 -0
- package/lib-commonjs/components/MenuGridRow/index.js.map +1 -0
- package/lib-commonjs/components/MenuGridRow/renderMenuGridRow.js +16 -0
- package/lib-commonjs/components/MenuGridRow/renderMenuGridRow.js.map +1 -0
- package/lib-commonjs/components/MenuGridRow/useMenuGridRow.js +31 -0
- package/lib-commonjs/components/MenuGridRow/useMenuGridRow.js.map +1 -0
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.js +27 -0
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.js.map +1 -0
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js +27 -0
- package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/components/index.js +31 -0
- package/lib-commonjs/components/index.js.map +1 -0
- package/lib-commonjs/contexts/menuGridContext.js +32 -0
- package/lib-commonjs/contexts/menuGridContext.js.map +1 -0
- package/lib-commonjs/contexts/menuGridGroupContext.js +29 -0
- package/lib-commonjs/contexts/menuGridGroupContext.js.map +1 -0
- package/lib-commonjs/index.js +128 -0
- package/lib-commonjs/index.js.map +1 -0
- package/package.json +58 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderMenuGridCell_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderMenuGridCell_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const renderMenuGridCell_unstable = (state)=>{
|
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/renderMenuGridCell.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridCell_unstable = (state: MenuGridCellState) => {\n assertSlots<MenuGridCellSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderMenuGridCell_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAMjD,MAAMC,8BAA8B,CAACC;QAC1CF,2BAAAA,EAA+BE;IAE/B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMenuGridCell_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMenuGridCell_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
|
+
function useMenuGridCell_unstable(props, ref) {
|
|
15
|
+
const { visuallyHidden } = props;
|
|
16
|
+
return {
|
|
17
|
+
visuallyHidden,
|
|
18
|
+
components: {
|
|
19
|
+
root: 'div'
|
|
20
|
+
},
|
|
21
|
+
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
|
|
22
|
+
ref,
|
|
23
|
+
role: 'gridcell',
|
|
24
|
+
...props
|
|
25
|
+
}), {
|
|
26
|
+
elementType: 'div'
|
|
27
|
+
})
|
|
28
|
+
};
|
|
29
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { MenuGridCellProps, MenuGridCellState } from './MenuGridCell.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridCell.\n */\nexport function useMenuGridCell_unstable(props: MenuGridCellProps, ref: React.Ref<HTMLDivElement>): MenuGridCellState {\n const { visuallyHidden } = props;\n\n return {\n visuallyHidden,\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'gridcell',\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n}\n"],"names":["React","getIntrinsicElementProps","slot","useMenuGridCell_unstable","props","ref","visuallyHidden","components","root","always","role","elementType"],"mappings":";;;;+BAOgBG;;;;;;;iEAPO,QAAQ;gCACgB,4BAA4B;AAMpE,kCAAkCC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EAAEC,cAAc,EAAE,GAAGF;IAE3B,OAAO;QACLE;QACAC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,oBAAAA,CAAKO,MAAM,KACfR,wCAAAA,EAAyB,OAAO;YAC9BI;YACAK,MAAM;YACN,GAAGN,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;IAEzB;AACF"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
menuGridCellClassNames: function() {
|
|
13
|
+
return menuGridCellClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridCellStyles_unstable: function() {
|
|
16
|
+
return useMenuGridCellStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const menuGridCellClassNames = {
|
|
21
|
+
root: 'fui-MenuGridCell'
|
|
22
|
+
};
|
|
23
|
+
const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
24
|
+
visuallyHidden: {
|
|
25
|
+
qhf8xq: "f1euv43f"
|
|
26
|
+
}
|
|
27
|
+
}, {
|
|
28
|
+
d: [
|
|
29
|
+
".f1euv43f{position:absolute;}"
|
|
30
|
+
]
|
|
31
|
+
});
|
|
32
|
+
const useMenuGridCellStyles_unstable = (state)=>{
|
|
33
|
+
'use no memo';
|
|
34
|
+
const rootStyles = useRootStyles();
|
|
35
|
+
state.root.className = (0, _react.mergeClasses)(menuGridCellClassNames.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);
|
|
36
|
+
return state;
|
|
37
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useMenuGridCellStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nexport const menuGridCellClassNames = {\n root: 'fui-MenuGridCell'\n};\nconst useRootStyles = makeStyles({\n visuallyHidden: {\n position: 'absolute'\n }\n});\nexport const useMenuGridCellStyles_unstable = (state)=>{\n 'use no memo';\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(menuGridCellClassNames.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","__styles","menuGridCellClassNames","root","useRootStyles","visuallyHidden","qhf8xq","d","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":";;;;;;;;;;;IACaE,sBAAsB;;;IAQtBM,8BAA8B;;;;uBATF,gBAAgB;AAClD,+BAA+B;IAClCL,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,aAAa,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAI,cAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAIrB,CAAC;AACK,uCAAwCE,KAAK,IAAG;IACnD,aAAa;IACb,MAAMC,UAAU,GAAGN,aAAa,CAAC,CAAC;IAClCK,KAAK,CAACN,IAAI,CAACQ,SAAS,OAAGX,mBAAY,EAACE,sBAAsB,CAACC,IAAI,EAAEM,KAAK,CAACJ,cAAc,IAAIK,UAAU,CAACL,cAAc,EAAEI,KAAK,CAACN,IAAI,CAACQ,SAAS,CAAC;IACzI,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
menuGridCellClassNames: function() {
|
|
13
|
+
return menuGridCellClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridCellStyles_unstable: function() {
|
|
16
|
+
return useMenuGridCellStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const menuGridCellClassNames = {
|
|
21
|
+
root: 'fui-MenuGridCell'
|
|
22
|
+
};
|
|
23
|
+
const useRootStyles = (0, _react.makeStyles)({
|
|
24
|
+
visuallyHidden: {
|
|
25
|
+
position: 'absolute'
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const useMenuGridCellStyles_unstable = (state)=>{
|
|
29
|
+
'use no memo';
|
|
30
|
+
const rootStyles = useRootStyles();
|
|
31
|
+
state.root.className = (0, _react.mergeClasses)(menuGridCellClassNames.root, state.visuallyHidden && rootStyles.visuallyHidden, state.root.className);
|
|
32
|
+
return state;
|
|
33
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/useMenuGridCellStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeStyles } 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 visuallyHidden: {\n position: 'absolute',\n },\n});\n\nexport const useMenuGridCellStyles_unstable = (state: MenuGridCellState): MenuGridCellState => {\n 'use no memo';\n\n const rootStyles = useRootStyles();\n state.root.className = mergeClasses(\n menuGridCellClassNames.root,\n state.visuallyHidden && rootStyles.visuallyHidden,\n state.root.className,\n );\n\n return state;\n};\n"],"names":["mergeClasses","makeStyles","menuGridCellClassNames","root","useRootStyles","visuallyHidden","position","useMenuGridCellStyles_unstable","state","rootStyles","className"],"mappings":";;;;;;;;;;;IAIaE,sBAAAA;;;kCAUAK;;;;uBAb4B,iBAAiB;AAGnD,+BAAkE;IACvEJ,MAAM;AACR,EAAE;AAEF,MAAMC,oBAAgBH,iBAAAA,EAAW;IAC/BI,gBAAgB;QACdC,UAAU;IACZ;AACF;AAEO,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAMC,aAAaL;IACnBI,MAAML,IAAI,CAACO,SAAS,OAAGV,mBAAAA,EACrBE,uBAAuBC,IAAI,EAC3BK,MAAMH,cAAc,IAAII,WAAWJ,cAAc,EACjDG,MAAML,IAAI,CAACO,SAAS;IAGtB,OAAOF;AACT,EAAE"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "MenuGridGroup", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return MenuGridGroup;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _useMenuGridGroup = require("./useMenuGridGroup");
|
|
14
|
+
const _renderMenuGridGroup = require("./renderMenuGridGroup");
|
|
15
|
+
const _useMenuGridGroupContextValues = require("./useMenuGridGroupContextValues");
|
|
16
|
+
const _useMenuGridGroupStylesstyles = require("./useMenuGridGroupStyles.styles");
|
|
17
|
+
const MenuGridGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
18
|
+
const state = (0, _useMenuGridGroup.useMenuGridGroup_unstable)(props, ref);
|
|
19
|
+
const contextValues = (0, _useMenuGridGroupContextValues.useMenuGridGroupContextValues_unstable)(state);
|
|
20
|
+
(0, _useMenuGridGroupStylesstyles.useMenuGridGroupStyles_unstable)(state);
|
|
21
|
+
// useCustomStyleHook_unstable('useMenuGridGroupStyles_unstable')(state);
|
|
22
|
+
return (0, _renderMenuGridGroup.renderMenuGridGroup_unstable)(state, contextValues);
|
|
23
|
+
});
|
|
24
|
+
MenuGridGroup.displayName = 'MenuGridGroup';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.tsx"],"sourcesContent":["import * 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":";;;;+BAYaK;;;;;;;iEAZU,QAAQ;kCACW,qBAAqB;qCAClB,wBAAwB;+CACd,kCAAkC;8CAGzC,kCAAkC;AAM3E,sBAAMA,WAAAA,GAAyDL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQR,+CAAAA,EAA0BM,OAAOC;IAC/C,MAAME,oBAAgBP,qEAAAA,EAAuCM;QAE7DL,6DAAAA,EAAgCK;IAEhC,yEAAyE;IAEzE,WAAOP,iDAAAA,EAA6BO,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/MenuGridGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MenuGridGroupContextValue } from '../../contexts/menuGridGroupContext';\n\nexport type MenuGridGroupSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridGroupProps = ComponentProps<MenuGridGroupSlots>;\n\nexport type MenuGridGroupState = ComponentState<MenuGridGroupSlots> & {\n /**\n * id applied to the DOM element of `MenuGridGroupHeader`\n */\n headerId: string;\n};\n\nexport type MenuGridGroupContextValues = {\n MenuGridGroup: MenuGridGroupContextValue;\n};\n"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
MenuGridGroup: function() {
|
|
13
|
+
return _MenuGridGroup.MenuGridGroup;
|
|
14
|
+
},
|
|
15
|
+
MenuGridGroupClassNames: function() {
|
|
16
|
+
return _useMenuGridGroupStylesstyles.MenuGridGroupClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridGroup_unstable: function() {
|
|
19
|
+
return _renderMenuGridGroup.renderMenuGridGroup_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridGroupContextValues_unstable: function() {
|
|
22
|
+
return _useMenuGridGroupContextValues.useMenuGridGroupContextValues_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridGroupStyles_unstable: function() {
|
|
25
|
+
return _useMenuGridGroupStylesstyles.useMenuGridGroupStyles_unstable;
|
|
26
|
+
},
|
|
27
|
+
useMenuGridGroup_unstable: function() {
|
|
28
|
+
return _useMenuGridGroup.useMenuGridGroup_unstable;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const _MenuGridGroup = require("./MenuGridGroup");
|
|
32
|
+
const _renderMenuGridGroup = require("./renderMenuGridGroup");
|
|
33
|
+
const _useMenuGridGroup = require("./useMenuGridGroup");
|
|
34
|
+
const _useMenuGridGroupContextValues = require("./useMenuGridGroupContextValues");
|
|
35
|
+
const _useMenuGridGroupStylesstyles = require("./useMenuGridGroupStyles.styles");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/index.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup.types';\nexport { MenuGridGroup } from './MenuGridGroup';\nexport { renderMenuGridGroup_unstable } from './renderMenuGridGroup';\nexport { useMenuGridGroup_unstable } from './useMenuGridGroup';\nexport { useMenuGridGroupContextValues_unstable } from './useMenuGridGroupContextValues';\nexport { MenuGridGroupClassNames, useMenuGridGroupStyles_unstable } from './useMenuGridGroupStyles.styles';\n"],"names":["MenuGridGroup","renderMenuGridGroup_unstable","useMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","MenuGridGroupClassNames","useMenuGridGroupStyles_unstable"],"mappings":";;;;;;;;;;;;eAMSA,4BAAa;;;eAIbI,qDAAuB;;;eAHvBH,iDAA4B;;;eAE5BE,qEAAsC;;;eACbE,6DAA+B;;;eAFxDH,2CAAyB;;;+BAFJ,kBAAkB;qCACH,wBAAwB;kCAC3B,qBAAqB;+CACR,kCAAkC;8CAChB,kCAAkC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderMenuGridGroup_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderMenuGridGroup_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const _menuGridGroupContext = require("../../contexts/menuGridGroupContext");
|
|
14
|
+
const renderMenuGridGroup_unstable = (state, contextValues)=>{
|
|
15
|
+
(0, _reactutilities.assertSlots)(state);
|
|
16
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_menuGridGroupContext.MenuGridGroupContextProvider, {
|
|
17
|
+
value: contextValues.MenuGridGroup,
|
|
18
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/renderMenuGridGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { 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 = (state: MenuGridGroupState, contextValues: MenuGridGroupContextValues) => {\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":";;;;+BASaE;;;;;;4BARb,gDAAiD;gCACrB,4BAA4B;sCAEX,sCAAsC;AAK5E,qCAAqC,CAACC,OAA2BC;QACtEJ,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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMenuGridGroup_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMenuGridGroup_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
|
+
function useMenuGridGroup_unstable(props, ref) {
|
|
15
|
+
const headerId = (0, _reactutilities.useId)('menu-grid-row-group-header');
|
|
16
|
+
return {
|
|
17
|
+
components: {
|
|
18
|
+
root: 'div'
|
|
19
|
+
},
|
|
20
|
+
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
|
|
21
|
+
ref,
|
|
22
|
+
role: 'rowgroup',
|
|
23
|
+
'aria-labelledby': headerId,
|
|
24
|
+
...props
|
|
25
|
+
}), {
|
|
26
|
+
elementType: 'div'
|
|
27
|
+
}),
|
|
28
|
+
headerId
|
|
29
|
+
};
|
|
30
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { MenuGridGroupProps, MenuGridGroupState } from './MenuGridGroup.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridGroup.\n */\nexport function useMenuGridGroup_unstable(\n props: MenuGridGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): MenuGridGroupState {\n const headerId = useId('menu-grid-row-group-header');\n\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'rowgroup',\n 'aria-labelledby': headerId,\n ...props,\n }),\n { elementType: 'div' },\n ),\n headerId,\n };\n}\n"],"names":["React","getIntrinsicElementProps","useId","slot","useMenuGridGroup_unstable","props","ref","headerId","components","root","always","role","elementType"],"mappings":";;;;+BAOgBI;;;;;;;iEAPO,QAAQ;gCACuB,4BAA4B;AAM3E,mCACLC,KAAyB,EACzBC,GAA8B;IAE9B,MAAMC,eAAWL,qBAAAA,EAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMN,oBAAAA,CAAKO,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9BK;YACAK,MAAM;YACN,mBAAmBJ;YACnB,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAM;QAEvBL;IACF;AACF"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMenuGridGroupContextValues_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMenuGridGroupContextValues_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
function useMenuGridGroupContextValues_unstable(state) {
|
|
14
|
+
const { headerId } = state;
|
|
15
|
+
const MenuGridGroup = _react.useMemo(()=>({
|
|
16
|
+
headerId
|
|
17
|
+
}), [
|
|
18
|
+
headerId
|
|
19
|
+
]);
|
|
20
|
+
return {
|
|
21
|
+
MenuGridGroup
|
|
22
|
+
};
|
|
23
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupContextValues.ts"],"sourcesContent":["import * 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":";;;;;;;;;;;iEAAuB,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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
MenuGridGroupClassNames: function() {
|
|
13
|
+
return MenuGridGroupClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridGroupStyles_unstable: function() {
|
|
16
|
+
return useMenuGridGroupStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const MenuGridGroupClassNames = {
|
|
21
|
+
root: 'fui-MenuGridGroup'
|
|
22
|
+
};
|
|
23
|
+
const useMenuGridGroupStyles_unstable = (state)=>{
|
|
24
|
+
'use no memo';
|
|
25
|
+
state.root.className = (0, _react.mergeClasses)(MenuGridGroupClassNames.root, state.root.className);
|
|
26
|
+
return state;
|
|
27
|
+
};
|
|
@@ -0,0 +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 'use no memo';\n state.root.className = mergeClasses(MenuGridGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","MenuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,uBAAuB;;;mCAGQ;;;;uBAJf,gBAAgB;AACtC,gCAAgC;IACnCC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,kCAAmCC,KAAK,IAAG;IACpD,aAAa;IACbA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,uBAAuB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACvF,OAAOD,KAAK;AAChB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
MenuGridGroupClassNames: function() {
|
|
13
|
+
return MenuGridGroupClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridGroupStyles_unstable: function() {
|
|
16
|
+
return useMenuGridGroupStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const MenuGridGroupClassNames = {
|
|
21
|
+
root: 'fui-MenuGridGroup'
|
|
22
|
+
};
|
|
23
|
+
const useMenuGridGroupStyles_unstable = (state)=>{
|
|
24
|
+
'use no memo';
|
|
25
|
+
state.root.className = (0, _react.mergeClasses)(MenuGridGroupClassNames.root, state.root.className);
|
|
26
|
+
return state;
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroup/useMenuGridGroupStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupSlots, MenuGridGroupState } from './MenuGridGroup.types';\n\nexport const MenuGridGroupClassNames: SlotClassNames<MenuGridGroupSlots> = {\n root: 'fui-MenuGridGroup',\n};\n\nexport const useMenuGridGroupStyles_unstable = (state: MenuGridGroupState): MenuGridGroupState => {\n 'use no memo';\n\n state.root.className = mergeClasses(MenuGridGroupClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","MenuGridGroupClassNames","root","useMenuGridGroupStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,uBAAAA;;;mCAIAE;;;;uBAPgB,iBAAiB;AAGvC,gCAAoE;IACzED,MAAM;AACR,EAAE;AAEK,MAAMC,kCAAkC,CAACC;IAC9C;IAEAA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,wBAAwBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEtF,OAAOD;AACT,EAAE"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "MenuGridGroupHeader", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return MenuGridGroupHeader;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _useMenuGridGroupHeader = require("./useMenuGridGroupHeader");
|
|
14
|
+
const _renderMenuGridGroupHeader = require("./renderMenuGridGroupHeader");
|
|
15
|
+
const _useMenuGridGroupHeaderStylesstyles = require("./useMenuGridGroupHeaderStyles.styles");
|
|
16
|
+
const MenuGridGroupHeader = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useMenuGridGroupHeader.useMenuGridGroupHeader_unstable)(props, ref);
|
|
18
|
+
(0, _useMenuGridGroupHeaderStylesstyles.useMenuGridGroupHeaderStyles_unstable)(state);
|
|
19
|
+
// useCustomStyleHook_unstable('useMenuGridGroupHeaderStyles_unstable')(state);
|
|
20
|
+
return (0, _renderMenuGridGroupHeader.renderMenuGridGroupHeader_unstable)(state);
|
|
21
|
+
});
|
|
22
|
+
MenuGridGroupHeader.displayName = 'MenuGridGroupHeader';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/MenuGridGroupHeader.tsx"],"sourcesContent":["import * 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":";;;;+BAWaI;;;;;;;iEAXU,QAAQ;wCACiB,2BAA2B;2CACxB,8BAA8B;oDAG3B,wCAAwC;AAMvF,4BAAMA,WAAAA,GAAqEJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACzG,MAAMC,YAAQP,uDAAAA,EAAgCK,OAAOC;QAErDJ,yEAAAA,EAAsCK;IAEtC,+EAA+E;IAE/E,WAAON,6DAAAA,EAAmCM;AAC5C,GAAG;AAEHJ,oBAAoBK,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
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":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
MenuGridGroupHeader: function() {
|
|
13
|
+
return _MenuGridGroupHeader.MenuGridGroupHeader;
|
|
14
|
+
},
|
|
15
|
+
MenuGridGroupHeaderClassNames: function() {
|
|
16
|
+
return _useMenuGridGroupHeaderStylesstyles.MenuGridGroupHeaderClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridGroupHeader_unstable: function() {
|
|
19
|
+
return _renderMenuGridGroupHeader.renderMenuGridGroupHeader_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridGroupHeaderStyles_unstable: function() {
|
|
22
|
+
return _useMenuGridGroupHeaderStylesstyles.useMenuGridGroupHeaderStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridGroupHeader_unstable: function() {
|
|
25
|
+
return _useMenuGridGroupHeader.useMenuGridGroupHeader_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _MenuGridGroupHeader = require("./MenuGridGroupHeader");
|
|
29
|
+
const _renderMenuGridGroupHeader = require("./renderMenuGridGroupHeader");
|
|
30
|
+
const _useMenuGridGroupHeader = require("./useMenuGridGroupHeader");
|
|
31
|
+
const _useMenuGridGroupHeaderStylesstyles = require("./useMenuGridGroupHeaderStyles.styles");
|
|
@@ -0,0 +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 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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderMenuGridGroupHeader_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderMenuGridGroupHeader_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const renderMenuGridGroupHeader_unstable = (state)=>{
|
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
|
|
16
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
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 { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridGroupHeader_unstable = (state: MenuGridGroupHeaderState) => {\n assertSlots<MenuGridGroupHeaderSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderMenuGridGroupHeader_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAMjD,MAAMC,qCAAqC,CAACC;QACjDF,2BAAAA,EAAsCE;IAEtC,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMenuGridGroupHeader_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMenuGridGroupHeader_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
|
+
const _menuGridGroupContext = require("../../contexts/menuGridGroupContext");
|
|
15
|
+
function useMenuGridGroupHeader_unstable(props, ref) {
|
|
16
|
+
const { headerId: id } = (0, _menuGridGroupContext.useMenuGridGroupContext_unstable)();
|
|
17
|
+
return {
|
|
18
|
+
components: {
|
|
19
|
+
root: 'div'
|
|
20
|
+
},
|
|
21
|
+
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
|
|
22
|
+
ref,
|
|
23
|
+
role: 'presentation',
|
|
24
|
+
id,
|
|
25
|
+
'aria-hidden': true,
|
|
26
|
+
...props
|
|
27
|
+
}), {
|
|
28
|
+
elementType: 'div'
|
|
29
|
+
})
|
|
30
|
+
};
|
|
31
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport { useMenuGridGroupContext_unstable } from '../../contexts/menuGridGroupContext';\nimport { 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":["React","getIntrinsicElementProps","slot","useMenuGridGroupContext_unstable","useMenuGridGroupHeader_unstable","props","ref","headerId","id","components","root","always","role","elementType"],"mappings":";;;;+BASgBI;;;;;;;iEATO,QAAQ;gCACgB,4BAA4B;sCAE1B,sCAAsC;AAMhF,yCACLC,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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
MenuGridGroupHeaderClassNames: function() {
|
|
13
|
+
return MenuGridGroupHeaderClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridGroupHeaderStyles_unstable: function() {
|
|
16
|
+
return useMenuGridGroupHeaderStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const MenuGridGroupHeaderClassNames = {
|
|
21
|
+
root: 'fui-MenuGridGroupHeader'
|
|
22
|
+
};
|
|
23
|
+
const useMenuGridGroupHeaderStyles_unstable = (state)=>{
|
|
24
|
+
'use no memo';
|
|
25
|
+
state.root.className = (0, _react.mergeClasses)(MenuGridGroupHeaderClassNames.root, state.root.className);
|
|
26
|
+
return state;
|
|
27
|
+
};
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useMenuGridGroupHeaderStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const MenuGridGroupHeaderClassNames = {\n root: 'fui-MenuGridGroupHeader'\n};\nexport const useMenuGridGroupHeaderStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(MenuGridGroupHeaderClassNames.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","MenuGridGroupHeaderClassNames","root","useMenuGridGroupHeaderStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,6BAA6B;;;yCAGQ;;;;uBAJrB,gBAAgB;AACtC,sCAAsC;IACzCC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,wCAAyCC,KAAK,IAAG;IAC1D,aAAa;IACbA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,6BAA6B,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IAC7F,OAAOD,KAAK;AAChB,CAAC"}
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
MenuGridGroupHeaderClassNames: function() {
|
|
13
|
+
return MenuGridGroupHeaderClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridGroupHeaderStyles_unstable: function() {
|
|
16
|
+
return useMenuGridGroupHeaderStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const MenuGridGroupHeaderClassNames = {
|
|
21
|
+
root: 'fui-MenuGridGroupHeader'
|
|
22
|
+
};
|
|
23
|
+
const useMenuGridGroupHeaderStyles_unstable = (state)=>{
|
|
24
|
+
'use no memo';
|
|
25
|
+
state.root.className = (0, _react.mergeClasses)(MenuGridGroupHeaderClassNames.root, state.root.className);
|
|
26
|
+
return state;
|
|
27
|
+
};
|
package/lib-commonjs/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.raw.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridGroupHeader/useMenuGridGroupHeaderStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridGroupHeaderSlots, MenuGridGroupHeaderState } from './MenuGridGroupHeader.types';\n\nexport const MenuGridGroupHeaderClassNames: SlotClassNames<MenuGridGroupHeaderSlots> = {\n root: 'fui-MenuGridGroupHeader',\n};\n\nexport const useMenuGridGroupHeaderStyles_unstable = (state: MenuGridGroupHeaderState): MenuGridGroupHeaderState => {\n 'use no memo';\n\n state.root.className = mergeClasses(MenuGridGroupHeaderClassNames.root, state.root.className);\n\n return state;\n};\n"],"names":["mergeClasses","MenuGridGroupHeaderClassNames","root","useMenuGridGroupHeaderStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,6BAAAA;;;yCAIAE;;;;uBAPgB,iBAAiB;AAGvC,sCAAgF;IACrFD,MAAM;AACR,EAAE;AAEK,MAAMC,wCAAwC,CAACC;IACpD;IAEAA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,8BAA8BC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAE5F,OAAOD;AACT,EAAE"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "MenuGridItem", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return MenuGridItem;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _useMenuGridItem = require("./useMenuGridItem");
|
|
14
|
+
const _renderMenuGridItem = require("./renderMenuGridItem");
|
|
15
|
+
const _useMenuGridItemStylesstyles = require("./useMenuGridItemStyles.styles");
|
|
16
|
+
const MenuGridItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useMenuGridItem.useMenuGridItem_unstable)(props, ref);
|
|
18
|
+
(0, _useMenuGridItemStylesstyles.useMenuGridItemStyles_unstable)(state);
|
|
19
|
+
// useCustomStyleHook_unstable('useMenuGridItemStyles_unstable')(state);
|
|
20
|
+
return (0, _renderMenuGridItem.renderMenuGridItem_unstable)(state);
|
|
21
|
+
});
|
|
22
|
+
MenuGridItem.displayName = 'MenuGridItem';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridItem/MenuGridItem.tsx"],"sourcesContent":["import * 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":";;;;+BAWaI;;;;;;;iEAXU,QAAQ;iCACU,oBAAoB;oCACjB,uBAAuB;6CAGpB,iCAAiC;AAMzE,qBAAMA,WAAAA,GAAuDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3F,MAAMC,YAAQP,yCAAAA,EAAyBK,OAAOC;QAE9CJ,2DAAAA,EAA+BK;IAE/B,wEAAwE;IAExE,WAAON,+CAAAA,EAA4BM;AACrC,GAAG;AAEHJ,aAAaK,WAAW,GAAG"}
|