@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 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/contexts/menuGridContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { TabsterDOMAttribute } from '@fluentui/react-tabster';\n\nexport const MenuGridContext = React.createContext<MenuGridContextValue | undefined>(\n undefined,\n) as React.Context<MenuGridContextValue>;\n\nconst menuGridContextDefaultValue: MenuGridContextValue = {\n tableRowTabsterAttribute: null,\n};\n\n/**\n * Context shared between MenuGrid and its children components\n */\nexport type MenuGridContextValue = {\n /**\n * Tabster row attributes applied to the `MenuGridRow` components\n */\n tableRowTabsterAttribute: TabsterDOMAttribute | null;\n};\n\nexport const MenuGridContextProvider = MenuGridContext.Provider;\n\nexport const useMenuGridContext_unstable = () => React.useContext(MenuGridContext) ?? menuGridContextDefaultValue;\n"],"names":["React","MenuGridContext","createContext","undefined","menuGridContextDefaultValue","tableRowTabsterAttribute","MenuGridContextProvider","Provider","useMenuGridContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,kBAAkBD,MAAME,aAAa,CAChDC,WACuC;AAEzC,MAAMC,8BAAoD;IACxDC,0BAA0B;AAC5B;AAYA,OAAO,MAAMC,0BAA0BL,gBAAgBM,QAAQ,CAAC;AAEhE,OAAO,MAAMC,8BAA8B;QAAMR;WAAAA,CAAAA,oBAAAA,MAAMS,UAAU,CAACR,8BAAjBD,+BAAAA,oBAAqCI;EAA4B"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
const MenuGridGroupContext = React.createContext(undefined);
|
|
3
|
+
const MenuGridGroupContextDefaultValue = {
|
|
4
|
+
headerId: ''
|
|
5
|
+
};
|
|
6
|
+
export const MenuGridGroupContextProvider = MenuGridGroupContext.Provider;
|
|
7
|
+
export const useMenuGridGroupContext_unstable = ()=>{
|
|
8
|
+
var _React_useContext;
|
|
9
|
+
return (_React_useContext = React.useContext(MenuGridGroupContext)) !== null && _React_useContext !== void 0 ? _React_useContext : MenuGridGroupContextDefaultValue;
|
|
10
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/contexts/menuGridGroupContext.ts"],"sourcesContent":["import * as React from 'react';\n\nconst MenuGridGroupContext = React.createContext<MenuGridGroupContextValue | undefined>(\n undefined,\n) as React.Context<MenuGridGroupContextValue>;\n\nconst MenuGridGroupContextDefaultValue: MenuGridGroupContextValue = {\n headerId: '',\n};\n\n/**\n * Context used to guarantee correct aria-relationship between row group and header\n */\nexport type MenuGridGroupContextValue = {\n /**\n * Element id applied to the `MenuGridGroupHeader` component\n */\n headerId: string;\n};\n\nexport const MenuGridGroupContextProvider = MenuGridGroupContext.Provider;\nexport const useMenuGridGroupContext_unstable = () =>\n React.useContext(MenuGridGroupContext) ?? MenuGridGroupContextDefaultValue;\n"],"names":["React","MenuGridGroupContext","createContext","undefined","MenuGridGroupContextDefaultValue","headerId","MenuGridGroupContextProvider","Provider","useMenuGridGroupContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,MAAMC,uBAAuBD,MAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAA8D;IAClEC,UAAU;AACZ;AAYA,OAAO,MAAMC,+BAA+BL,qBAAqBM,QAAQ,CAAC;AAC1E,OAAO,MAAMC,mCAAmC;QAC9CR;WAAAA,CAAAA,oBAAAA,MAAMS,UAAU,CAACR,mCAAjBD,+BAAAA,oBAA0CI;EAAiC"}
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { MenuGridContextProvider, useMenuGridContext_unstable } from './contexts/menuGridContext';
|
|
2
|
+
export { MenuGridGroupContextProvider, useMenuGridGroupContext_unstable } from './contexts/menuGridGroupContext';
|
|
3
|
+
export { MenuGrid, menuGridClassNames, renderMenuGrid_unstable, useMenuGridContextValues_unstable, useMenuGridStyles_unstable, useMenuGrid_unstable } from './MenuGrid';
|
|
4
|
+
export { MenuGridCell, menuGridCellClassNames, renderMenuGridCell_unstable, useMenuGridCellStyles_unstable, useMenuGridCell_unstable } from './MenuGridCell';
|
|
5
|
+
export { MenuGridItem, menuGridItemClassNames, renderMenuGridItem_unstable, useMenuGridItemStyles_unstable, useMenuGridItem_unstable } from './MenuGridItem';
|
|
6
|
+
export { MenuGridRow, menuGridRowClassNames, renderMenuGridRow_unstable, useMenuGridRowStyles_unstable, useMenuGridRow_unstable } from './MenuGridRow';
|
|
7
|
+
export { MenuGridGroup, MenuGridGroupClassNames, renderMenuGridGroup_unstable, useMenuGridGroupContextValues_unstable, useMenuGridGroupStyles_unstable, useMenuGridGroup_unstable } from './MenuGridGroup';
|
|
8
|
+
export { MenuGridGroupHeader, MenuGridGroupHeaderClassNames, renderMenuGridGroupHeader_unstable, useMenuGridGroupHeaderStyles_unstable, useMenuGridGroupHeader_unstable } from './MenuGridGroupHeader';
|
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { MenuGridContextProvider, useMenuGridContext_unstable } from './contexts/menuGridContext';\nexport type { MenuGridContextValue } from './contexts/menuGridContext';\nexport { MenuGridGroupContextProvider, useMenuGridGroupContext_unstable } from './contexts/menuGridGroupContext';\nexport type { MenuGridGroupContextValue } from './contexts/menuGridGroupContext';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid';\nexport {\n MenuGridCell,\n menuGridCellClassNames,\n renderMenuGridCell_unstable,\n useMenuGridCellStyles_unstable,\n useMenuGridCell_unstable,\n} from './MenuGridCell';\nexport type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell';\nexport {\n MenuGridItem,\n menuGridItemClassNames,\n renderMenuGridItem_unstable,\n useMenuGridItemStyles_unstable,\n useMenuGridItem_unstable,\n} from './MenuGridItem';\nexport type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem';\nexport {\n MenuGridRow,\n menuGridRowClassNames,\n renderMenuGridRow_unstable,\n useMenuGridRowStyles_unstable,\n useMenuGridRow_unstable,\n} from './MenuGridRow';\nexport type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow';\nexport {\n MenuGridGroup,\n MenuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './MenuGridGroup';\nexport type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './MenuGridGroup';\nexport {\n MenuGridGroupHeader,\n MenuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './MenuGridGroupHeader';\nexport type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './MenuGridGroupHeader';\n"],"names":["MenuGridContextProvider","useMenuGridContext_unstable","MenuGridGroupContextProvider","useMenuGridGroupContext_unstable","MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable","MenuGridCell","menuGridCellClassNames","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","useMenuGridCell_unstable","MenuGridItem","menuGridItemClassNames","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","useMenuGridItem_unstable","MenuGridRow","menuGridRowClassNames","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","useMenuGridRow_unstable","MenuGridGroup","MenuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable","MenuGridGroupHeader","MenuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,2BAA2B,QAAQ,6BAA6B;AAElG,SAASC,4BAA4B,EAAEC,gCAAgC,QAAQ,kCAAkC;AAEjH,SACEC,QAAQ,EACRC,kBAAkB,EAClBC,uBAAuB,EACvBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,oBAAoB,QACf,aAAa;AAEpB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAExB,SACEC,YAAY,EACZC,sBAAsB,EACtBC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,wBAAwB,QACnB,iBAAiB;AAExB,SACEC,WAAW,EACXC,qBAAqB,EACrBC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,uBAAuB,QAClB,gBAAgB;AAEvB,SACEC,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,kBAAkB;AAOzB,SACEC,mBAAmB,EACnBC,6BAA6B,EAC7BC,kCAAkC,EAClCC,qCAAqC,EACrCC,+BAA+B,QAC1B,wBAAwB"}
|
|
@@ -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
|
+
MenuGrid: function() {
|
|
13
|
+
return _index.MenuGrid;
|
|
14
|
+
},
|
|
15
|
+
menuGridClassNames: function() {
|
|
16
|
+
return _index.menuGridClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGrid_unstable: function() {
|
|
19
|
+
return _index.renderMenuGrid_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridContextValues_unstable: function() {
|
|
22
|
+
return _index.useMenuGridContextValues_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridStyles_unstable: function() {
|
|
25
|
+
return _index.useMenuGridStyles_unstable;
|
|
26
|
+
},
|
|
27
|
+
useMenuGrid_unstable: function() {
|
|
28
|
+
return _index.useMenuGrid_unstable;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const _index = require("./components/MenuGrid/index");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/MenuGrid.ts"],"sourcesContent":["export type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './components/MenuGrid/index';\nexport {\n MenuGrid,\n menuGridClassNames,\n renderMenuGrid_unstable,\n useMenuGridContextValues_unstable,\n useMenuGridStyles_unstable,\n useMenuGrid_unstable,\n} from './components/MenuGrid/index';\n"],"names":["MenuGrid","menuGridClassNames","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","useMenuGrid_unstable"],"mappings":";;;;;;;;;;;;eAEEA,eAAQ;;;eACRC,yBAAkB;;;eAClBC,8BAAuB;;;eACvBC,wCAAiC;;;eACjCC,iCAA0B;;;eAC1BC,2BAAoB;;;uBACf,8BAA8B"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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
|
+
MenuGridCell: function() {
|
|
13
|
+
return _index.MenuGridCell;
|
|
14
|
+
},
|
|
15
|
+
menuGridCellClassNames: function() {
|
|
16
|
+
return _index.menuGridCellClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridCell_unstable: function() {
|
|
19
|
+
return _index.renderMenuGridCell_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridCellStyles_unstable: function() {
|
|
22
|
+
return _index.useMenuGridCellStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridCell_unstable: function() {
|
|
25
|
+
return _index.useMenuGridCell_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./components/MenuGridCell/index");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridCell.ts"],"sourcesContent":["export type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './components/MenuGridCell/index';\nexport {\n MenuGridCell,\n menuGridCellClassNames,\n renderMenuGridCell_unstable,\n useMenuGridCellStyles_unstable,\n useMenuGridCell_unstable,\n} from './components/MenuGridCell/index';\n"],"names":["MenuGridCell","menuGridCellClassNames","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","useMenuGridCell_unstable"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,6BAAsB;;;eACtBC,kCAA2B;;;eAC3BC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}
|
|
@@ -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
|
+
MenuGridGroup: function() {
|
|
13
|
+
return _index.MenuGridGroup;
|
|
14
|
+
},
|
|
15
|
+
MenuGridGroupClassNames: function() {
|
|
16
|
+
return _index.MenuGridGroupClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridGroup_unstable: function() {
|
|
19
|
+
return _index.renderMenuGridGroup_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridGroupContextValues_unstable: function() {
|
|
22
|
+
return _index.useMenuGridGroupContextValues_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridGroupStyles_unstable: function() {
|
|
25
|
+
return _index.useMenuGridGroupStyles_unstable;
|
|
26
|
+
},
|
|
27
|
+
useMenuGridGroup_unstable: function() {
|
|
28
|
+
return _index.useMenuGridGroup_unstable;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const _index = require("./components/MenuGridGroup/index");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroup.ts"],"sourcesContent":["export type {\n MenuGridGroupContextValues,\n MenuGridGroupProps,\n MenuGridGroupSlots,\n MenuGridGroupState,\n} from './components/MenuGridGroup/index';\nexport {\n MenuGridGroup,\n MenuGridGroupClassNames,\n renderMenuGridGroup_unstable,\n useMenuGridGroupContextValues_unstable,\n useMenuGridGroupStyles_unstable,\n useMenuGridGroup_unstable,\n} from './components/MenuGridGroup/index';\n"],"names":["MenuGridGroup","MenuGridGroupClassNames","renderMenuGridGroup_unstable","useMenuGridGroupContextValues_unstable","useMenuGridGroupStyles_unstable","useMenuGridGroup_unstable"],"mappings":";;;;;;;;;;;;eAOEA,oBAAa;;;eACbC,8BAAuB;;;eACvBC,mCAA4B;;;eAC5BC,6CAAsC;;;eACtCC,sCAA+B;;;eAC/BC,gCAAyB;;;uBACpB,mCAAmC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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 _index.MenuGridGroupHeader;
|
|
14
|
+
},
|
|
15
|
+
MenuGridGroupHeaderClassNames: function() {
|
|
16
|
+
return _index.MenuGridGroupHeaderClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridGroupHeader_unstable: function() {
|
|
19
|
+
return _index.renderMenuGridGroupHeader_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridGroupHeaderStyles_unstable: function() {
|
|
22
|
+
return _index.useMenuGridGroupHeaderStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridGroupHeader_unstable: function() {
|
|
25
|
+
return _index.useMenuGridGroupHeader_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./components/MenuGridGroupHeader/index");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridGroupHeader.ts"],"sourcesContent":["export type {\n MenuGridGroupHeaderProps,\n MenuGridGroupHeaderSlots,\n MenuGridGroupHeaderState,\n} from './components/MenuGridGroupHeader/index';\nexport {\n MenuGridGroupHeader,\n MenuGridGroupHeaderClassNames,\n renderMenuGridGroupHeader_unstable,\n useMenuGridGroupHeaderStyles_unstable,\n useMenuGridGroupHeader_unstable,\n} from './components/MenuGridGroupHeader/index';\n"],"names":["MenuGridGroupHeader","MenuGridGroupHeaderClassNames","renderMenuGridGroupHeader_unstable","useMenuGridGroupHeaderStyles_unstable","useMenuGridGroupHeader_unstable"],"mappings":";;;;;;;;;;;;eAMEA,0BAAmB;;;eACnBC,oCAA6B;;;eAC7BC,yCAAkC;;;eAClCC,4CAAqC;;;eACrCC,sCAA+B;;;uBAC1B,yCAAyC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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
|
+
MenuGridItem: function() {
|
|
13
|
+
return _index.MenuGridItem;
|
|
14
|
+
},
|
|
15
|
+
menuGridItemClassNames: function() {
|
|
16
|
+
return _index.menuGridItemClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridItem_unstable: function() {
|
|
19
|
+
return _index.renderMenuGridItem_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridItemStyles_unstable: function() {
|
|
22
|
+
return _index.useMenuGridItemStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridItem_unstable: function() {
|
|
25
|
+
return _index.useMenuGridItem_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./components/MenuGridItem/index");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridItem.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './components/MenuGridItem/index';\nexport {\n MenuGridItem,\n menuGridItemClassNames,\n renderMenuGridItem_unstable,\n useMenuGridItemStyles_unstable,\n useMenuGridItem_unstable,\n} from './components/MenuGridItem/index';\n"],"names":["MenuGridItem","menuGridItemClassNames","renderMenuGridItem_unstable","useMenuGridItemStyles_unstable","useMenuGridItem_unstable"],"mappings":";;;;;;;;;;;;eAEEA,mBAAY;;;eACZC,6BAAsB;;;eACtBC,kCAA2B;;;eAC3BC,qCAA8B;;;eAC9BC,+BAAwB;;;uBACnB,kCAAkC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
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
|
+
MenuGridRow: function() {
|
|
13
|
+
return _index.MenuGridRow;
|
|
14
|
+
},
|
|
15
|
+
menuGridRowClassNames: function() {
|
|
16
|
+
return _index.menuGridRowClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridRow_unstable: function() {
|
|
19
|
+
return _index.renderMenuGridRow_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridRowStyles_unstable: function() {
|
|
22
|
+
return _index.useMenuGridRowStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridRow_unstable: function() {
|
|
25
|
+
return _index.useMenuGridRow_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _index = require("./components/MenuGridRow/index");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/MenuGridRow.ts"],"sourcesContent":["export type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './components/MenuGridRow/index';\nexport {\n MenuGridRow,\n menuGridRowClassNames,\n renderMenuGridRow_unstable,\n useMenuGridRowStyles_unstable,\n useMenuGridRow_unstable,\n} from './components/MenuGridRow/index';\n"],"names":["MenuGridRow","menuGridRowClassNames","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","useMenuGridRow_unstable"],"mappings":";;;;;;;;;;;;eAEEA,kBAAW;;;eACXC,4BAAqB;;;eACrBC,iCAA0B;;;eAC1BC,oCAA6B;;;eAC7BC,8BAAuB;;;uBAClB,iCAAiC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "MenuGrid", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return MenuGrid;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _useMenuGrid = require("./useMenuGrid");
|
|
14
|
+
const _renderMenuGrid = require("./renderMenuGrid");
|
|
15
|
+
const _useMenuGridContextValues = require("./useMenuGridContextValues");
|
|
16
|
+
const _useMenuGridStylesstyles = require("./useMenuGridStyles.styles");
|
|
17
|
+
const MenuGrid = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
18
|
+
const state = (0, _useMenuGrid.useMenuGrid_unstable)(props, ref);
|
|
19
|
+
const contextValues = (0, _useMenuGridContextValues.useMenuGridContextValues_unstable)(state);
|
|
20
|
+
(0, _useMenuGridStylesstyles.useMenuGridStyles_unstable)(state);
|
|
21
|
+
// useCustomStyleHook_unstable('useMenuGridStyles_unstable')(state);
|
|
22
|
+
return (0, _renderMenuGrid.renderMenuGrid_unstable)(state, contextValues);
|
|
23
|
+
});
|
|
24
|
+
MenuGrid.displayName = 'MenuGrid';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGrid/MenuGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGrid_unstable } from './useMenuGrid';\nimport { renderMenuGrid_unstable } from './renderMenuGrid';\nimport { useMenuGridContextValues_unstable } from './useMenuGridContextValues';\nimport { useMenuGridStyles_unstable } from './useMenuGridStyles.styles';\nimport type { MenuGridProps } from './MenuGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a styled MenuGrid, using the `useMenuGrid_unstable` hook.\n */\nexport const MenuGrid: ForwardRefComponent<MenuGridProps> = React.forwardRef((props, ref) => {\n const state = useMenuGrid_unstable(props, ref);\n const contextValues = useMenuGridContextValues_unstable(state);\n\n useMenuGridStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridStyles_unstable')(state);\n\n return renderMenuGrid_unstable(state, contextValues);\n});\n\nMenuGrid.displayName = 'MenuGrid';\n"],"names":["React","useMenuGrid_unstable","renderMenuGrid_unstable","useMenuGridContextValues_unstable","useMenuGridStyles_unstable","MenuGrid","forwardRef","props","ref","state","contextValues","displayName"],"mappings":";;;;+BAYaK;;;;;;;iEAZU,QAAQ;6BACM,gBAAgB;gCACb,mBAAmB;0CACT,6BAA6B;yCACpC,6BAA6B;AAQjE,iBAAMA,WAAAA,GAA+CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACnF,MAAMC,QAAQR,qCAAAA,EAAqBM,OAAOC;IAC1C,MAAME,oBAAgBP,2DAAAA,EAAkCM;QAExDL,mDAAAA,EAA2BK;IAE3B,oEAAoE;IAEpE,WAAOP,uCAAAA,EAAwBO,OAAOC;AACxC,GAAG;AAEHL,SAASM,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGrid/MenuGrid.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { TabsterDOMAttribute } from '@fluentui/react-tabster';\n\nimport type { MenuGridContextValue } from '../../contexts/menuGridContext';\n\nexport type MenuGridSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridProps = ComponentProps<MenuGridSlots> & {};\n\nexport type MenuGridState = ComponentState<MenuGridSlots> & {\n /**\n * Tabster row attributes applied to the `MenuGridRow` components\n */\n tableRowTabsterAttribute: TabsterDOMAttribute | null;\n};\n\nexport type MenuGridContextValues = {\n menuGrid: MenuGridContextValue;\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
|
+
MenuGrid: function() {
|
|
13
|
+
return _MenuGrid.MenuGrid;
|
|
14
|
+
},
|
|
15
|
+
menuGridClassNames: function() {
|
|
16
|
+
return _useMenuGridStylesstyles.menuGridClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGrid_unstable: function() {
|
|
19
|
+
return _renderMenuGrid.renderMenuGrid_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridContextValues_unstable: function() {
|
|
22
|
+
return _useMenuGridContextValues.useMenuGridContextValues_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridStyles_unstable: function() {
|
|
25
|
+
return _useMenuGridStylesstyles.useMenuGridStyles_unstable;
|
|
26
|
+
},
|
|
27
|
+
useMenuGrid_unstable: function() {
|
|
28
|
+
return _useMenuGrid.useMenuGrid_unstable;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const _MenuGrid = require("./MenuGrid");
|
|
32
|
+
const _renderMenuGrid = require("./renderMenuGrid");
|
|
33
|
+
const _useMenuGrid = require("./useMenuGrid");
|
|
34
|
+
const _useMenuGridStylesstyles = require("./useMenuGridStyles.styles");
|
|
35
|
+
const _useMenuGridContextValues = require("./useMenuGridContextValues");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGrid/index.ts"],"sourcesContent":["export { MenuGrid } from './MenuGrid';\nexport type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid.types';\nexport { renderMenuGrid_unstable } from './renderMenuGrid';\nexport { useMenuGrid_unstable } from './useMenuGrid';\nexport { menuGridClassNames, useMenuGridStyles_unstable } from './useMenuGridStyles.styles';\nexport { useMenuGridContextValues_unstable } from './useMenuGridContextValues';\n"],"names":["MenuGrid","renderMenuGrid_unstable","useMenuGrid_unstable","menuGridClassNames","useMenuGridStyles_unstable","useMenuGridContextValues_unstable"],"mappings":";;;;;;;;;;;;eAASA,kBAAQ;;;eAIRG,2CAAkB;;;eAFlBF,uCAAuB;;;eAGvBI,2DAAiC;;;eADbD,mDAA0B;;;eAD9CF,iCAAoB;;;0BAHJ,aAAa;gCAEE,mBAAmB;6BACtB,gBAAgB;yCACU,6BAA6B;0CAC1C,6BAA6B"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderMenuGrid_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderMenuGrid_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const _menuGridContext = require("../../contexts/menuGridContext");
|
|
14
|
+
const renderMenuGrid_unstable = (state, contextValues)=>{
|
|
15
|
+
(0, _reactutilities.assertSlots)(state);
|
|
16
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_menuGridContext.MenuGridContextProvider, {
|
|
17
|
+
value: contextValues.menuGrid,
|
|
18
|
+
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
|
|
19
|
+
});
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGrid/renderMenuGrid.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridContextValues, MenuGridSlots, MenuGridState } from './MenuGrid.types';\nimport { MenuGridContextProvider } from '../../contexts/menuGridContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGrid_unstable = (state: MenuGridState, contextValues: MenuGridContextValues) => {\n assertSlots<MenuGridSlots>(state);\n\n return (\n <MenuGridContextProvider value={contextValues.menuGrid}>\n <state.root />\n </MenuGridContextProvider>\n );\n};\n"],"names":["assertSlots","MenuGridContextProvider","renderMenuGrid_unstable","state","contextValues","value","menuGrid","root"],"mappings":";;;;+BASaE;;;;;;4BARb,gDAAiD;gCACrB,4BAA4B;iCAEhB,iCAAiC;AAKlE,gCAAgC,CAACC,OAAsBC;QAC5DJ,2BAAAA,EAA2BG;IAE3B,OAAA,WAAA,OACE,eAAA,EAACF,wCAAAA,EAAAA;QAAwBI,OAAOD,cAAcE,QAAQ;kBACpD,WAAA,OAAA,eAAA,EAACH,MAAMI,IAAI,EAAA,CAAA;;AAGjB,EAAE"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMenuGrid_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMenuGrid_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 _reacttable = require("@fluentui/react-table");
|
|
15
|
+
const _reactmenu = require("@fluentui/react-menu");
|
|
16
|
+
const useMenuGrid_unstable = (props, ref)=>{
|
|
17
|
+
const triggerId = (0, _reactmenu.useMenuContext_unstable)((context)=>context.triggerId);
|
|
18
|
+
const { tableRowTabsterAttribute, tableTabsterAttribute, onTableKeyDown } = (0, _reacttable.useTableCompositeNavigation)();
|
|
19
|
+
return {
|
|
20
|
+
components: {
|
|
21
|
+
root: 'div'
|
|
22
|
+
},
|
|
23
|
+
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
|
|
24
|
+
ref,
|
|
25
|
+
role: 'grid',
|
|
26
|
+
'aria-labelledby': triggerId,
|
|
27
|
+
onKeyDown: onTableKeyDown,
|
|
28
|
+
...tableTabsterAttribute,
|
|
29
|
+
...props
|
|
30
|
+
}), {
|
|
31
|
+
elementType: 'div'
|
|
32
|
+
}),
|
|
33
|
+
tableRowTabsterAttribute
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGrid/useMenuGrid.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useTableCompositeNavigation } from '@fluentui/react-table';\nimport type { MenuGridProps, MenuGridState } from './MenuGrid.types';\nimport { useMenuContext_unstable } from '@fluentui/react-menu';\n\n/**\n * Returns the props and state required to render the component\n */\nexport const useMenuGrid_unstable = (props: MenuGridProps, ref: React.Ref<HTMLDivElement>): MenuGridState => {\n const triggerId = useMenuContext_unstable(context => context.triggerId);\n const { tableRowTabsterAttribute, tableTabsterAttribute, onTableKeyDown } = useTableCompositeNavigation();\n\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'grid',\n 'aria-labelledby': triggerId,\n onKeyDown: onTableKeyDown,\n ...tableTabsterAttribute,\n ...props,\n }),\n { elementType: 'div' },\n ),\n tableRowTabsterAttribute,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useTableCompositeNavigation","useMenuContext_unstable","useMenuGrid_unstable","props","ref","triggerId","context","tableRowTabsterAttribute","tableTabsterAttribute","onTableKeyDown","components","root","always","role","onKeyDown","elementType"],"mappings":";;;;+BASaK;;;;;;;iEATU,QAAQ;gCACgB,4BAA4B;4BAC/B,wBAAwB;2BAE5B,uBAAuB;AAKxD,6BAA6B,CAACC,OAAsBC;IACzD,MAAMC,gBAAYJ,kCAAAA,EAAwBK,CAAAA,UAAWA,QAAQD,SAAS;IACtE,MAAM,EAAEE,wBAAwB,EAAEC,qBAAqB,EAAEC,cAAc,EAAE,OAAGT,uCAAAA;IAE5E,OAAO;QACLU,YAAY;YACVC,MAAM;QACR;QACAA,MAAMZ,oBAAAA,CAAKa,MAAM,KACfd,wCAAAA,EAAyB,OAAO;YAC9BM;YACAS,MAAM;YACN,mBAAmBR;YACnBS,WAAWL;YACX,GAAGD,qBAAqB;YACxB,GAAGL,KAAK;QACV,IACA;YAAEY,aAAa;QAAM;QAEvBR;IACF;AACF,EAAE"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useMenuGridContextValues_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useMenuGridContextValues_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 useMenuGridContextValues_unstable(state) {
|
|
14
|
+
const { tableRowTabsterAttribute } = state;
|
|
15
|
+
const menuGrid = _react.useMemo(()=>({
|
|
16
|
+
tableRowTabsterAttribute
|
|
17
|
+
}), [
|
|
18
|
+
tableRowTabsterAttribute
|
|
19
|
+
]);
|
|
20
|
+
return {
|
|
21
|
+
menuGrid
|
|
22
|
+
};
|
|
23
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGrid/useMenuGridContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MenuGridContextValues, MenuGridState } from './MenuGrid.types';\n\nexport function useMenuGridContextValues_unstable(state: MenuGridState): MenuGridContextValues {\n const { tableRowTabsterAttribute } = state;\n const menuGrid = React.useMemo(() => ({ tableRowTabsterAttribute }), [tableRowTabsterAttribute]);\n\n return { menuGrid };\n}\n"],"names":["React","useMenuGridContextValues_unstable","state","tableRowTabsterAttribute","menuGrid","useMemo"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;AAGxB,SAASC,kCAAkCC,KAAoB;IACpE,MAAM,EAAEC,wBAAwB,EAAE,GAAGD;IACrC,MAAME,WAAWJ,OAAMK,OAAO,CAAC,IAAO,CAAA;YAAEF;SAAyB,CAAA,EAAI;QAACA;KAAyB;IAE/F,OAAO;QAAEC;IAAS;AACpB"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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
|
+
menuGridClassNames: function() {
|
|
13
|
+
return menuGridClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridStyles_unstable: function() {
|
|
16
|
+
return useMenuGridStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const menuGridClassNames = {
|
|
21
|
+
root: 'fui-MenuGrid'
|
|
22
|
+
};
|
|
23
|
+
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
24
|
+
root: {
|
|
25
|
+
mc9l5x: "f22iagw",
|
|
26
|
+
Beiy3e4: "f1vx9l62",
|
|
27
|
+
i8kkvl: 0,
|
|
28
|
+
Belr9w4: 0,
|
|
29
|
+
rmohyg: "f1t6b6ee"
|
|
30
|
+
},
|
|
31
|
+
hasMenuContext: {
|
|
32
|
+
Bqenvij: "f1l02sjl"
|
|
33
|
+
}
|
|
34
|
+
}, {
|
|
35
|
+
d: [
|
|
36
|
+
".f22iagw{display:flex;}",
|
|
37
|
+
".f1vx9l62{flex-direction:column;}",
|
|
38
|
+
[
|
|
39
|
+
".f1t6b6ee{gap:2px;}",
|
|
40
|
+
{
|
|
41
|
+
p: -1
|
|
42
|
+
}
|
|
43
|
+
],
|
|
44
|
+
".f1l02sjl{height:100%;}"
|
|
45
|
+
]
|
|
46
|
+
});
|
|
47
|
+
const useMenuGridStyles_unstable = (state)=>{
|
|
48
|
+
'use no memo';
|
|
49
|
+
const styles = useStyles();
|
|
50
|
+
state.root.className = (0, _react.mergeClasses)(menuGridClassNames.root, styles.root, state.root.className);
|
|
51
|
+
return state;
|
|
52
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useMenuGridStyles.styles.js"],"sourcesContent":["import { mergeClasses, makeStyles } from '@griffel/react';\nexport const menuGridClassNames = {\n root: 'fui-MenuGrid'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: '2px'\n },\n hasMenuContext: {\n height: '100%'\n }\n});\n/**\n * Apply styling to the Menu slots based on the state\n */ export const useMenuGridStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","__styles","menuGridClassNames","root","useStyles","mc9l5x","Beiy3e4","i8kkvl","Belr9w4","rmohyg","hasMenuContext","Bqenvij","d","p","useMenuGridStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IACaE,kBAAkB;;;IAedY,0BAA0B;;;;uBAhBF,gBAAgB;AAClD,2BAA2B;IAC9BX,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAE,IAAA,EAAA;QAAAE,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,cAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,CAAA,EAAA,CAAA;YAAA;SAAA;QAAA;KAAA;AAAA,CASjB,CAAC;AAGS,oCAAoCE,KAAK,IAAG;IACnD,aAAa;IACb,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;IAC1BW,KAAK,CAACZ,IAAI,CAACc,SAAS,OAAGjB,mBAAY,EAACE,kBAAkB,CAACC,IAAI,EAAEa,MAAM,CAACb,IAAI,EAAEY,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;IAC/F,OAAOF,KAAK;AAChB,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
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
|
+
menuGridClassNames: function() {
|
|
13
|
+
return menuGridClassNames;
|
|
14
|
+
},
|
|
15
|
+
useMenuGridStyles_unstable: function() {
|
|
16
|
+
return useMenuGridStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const menuGridClassNames = {
|
|
21
|
+
root: 'fui-MenuGrid'
|
|
22
|
+
};
|
|
23
|
+
const useStyles = (0, _react.makeStyles)({
|
|
24
|
+
root: {
|
|
25
|
+
display: 'flex',
|
|
26
|
+
flexDirection: 'column',
|
|
27
|
+
gap: '2px'
|
|
28
|
+
},
|
|
29
|
+
hasMenuContext: {
|
|
30
|
+
height: '100%'
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
const useMenuGridStyles_unstable = (state)=>{
|
|
34
|
+
'use no memo';
|
|
35
|
+
const styles = useStyles();
|
|
36
|
+
state.root.className = (0, _react.mergeClasses)(menuGridClassNames.root, styles.root, state.root.className);
|
|
37
|
+
return state;
|
|
38
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGrid/useMenuGridStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses, makeStyles } from '@griffel/react';\nimport type { MenuGridSlots, MenuGridState } from './MenuGrid.types';\n\nexport const menuGridClassNames: SlotClassNames<MenuGridSlots> = {\n root: 'fui-MenuGrid',\n};\n\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n gap: '2px',\n },\n hasMenuContext: {\n height: '100%',\n },\n});\n\n/**\n * Apply styling to the Menu slots based on the state\n */\nexport const useMenuGridStyles_unstable = (state: MenuGridState): MenuGridState => {\n 'use no memo';\n\n const styles = useStyles();\n state.root.className = mergeClasses(menuGridClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"names":["mergeClasses","makeStyles","menuGridClassNames","root","useStyles","display","flexDirection","gap","hasMenuContext","height","useMenuGridStyles_unstable","state","styles","className"],"mappings":";;;;;;;;;;;IAIaE,kBAAAA;;;IAkBAQ,0BAAAA;;;;uBArB4B,iBAAiB;AAGnD,2BAA0D;IAC/DP,MAAM;AACR,EAAE;AAEF,MAAMC,gBAAYH,iBAAAA,EAAW;IAC3BE,MAAM;QACJE,SAAS;QACTC,eAAe;QACfC,KAAK;IACP;IACAC,gBAAgB;QACdC,QAAQ;IACV;AACF;AAKO,mCAAmC,CAACE;IACzC;IAEA,MAAMC,SAASR;IACfO,MAAMR,IAAI,CAACU,SAAS,OAAGb,mBAAAA,EAAaE,mBAAmBC,IAAI,EAAES,OAAOT,IAAI,EAAEQ,MAAMR,IAAI,CAACU,SAAS;IAC9F,OAAOF;AACT,EAAE"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "MenuGridCell", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return MenuGridCell;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _useMenuGridCell = require("./useMenuGridCell");
|
|
14
|
+
const _renderMenuGridCell = require("./renderMenuGridCell");
|
|
15
|
+
const _useMenuGridCellStylesstyles = require("./useMenuGridCellStyles.styles");
|
|
16
|
+
const MenuGridCell = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useMenuGridCell.useMenuGridCell_unstable)(props, ref);
|
|
18
|
+
(0, _useMenuGridCellStylesstyles.useMenuGridCellStyles_unstable)(state);
|
|
19
|
+
// useCustomStyleHook_unstable('useMenuGridCellStyles_unstable')(state);
|
|
20
|
+
return (0, _renderMenuGridCell.renderMenuGridCell_unstable)(state);
|
|
21
|
+
});
|
|
22
|
+
MenuGridCell.displayName = 'MenuGridCell';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/MenuGridCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGridCell_unstable } from './useMenuGridCell';\nimport { renderMenuGridCell_unstable } from './renderMenuGridCell';\nimport type { MenuGridCellProps } from './MenuGridCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridCell, using the `useMenuGridCell_unstable` hook.\n */\nexport const MenuGridCell: ForwardRefComponent<MenuGridCellProps> = React.forwardRef((props, ref) => {\n const state = useMenuGridCell_unstable(props, ref);\n\n useMenuGridCellStyles_unstable(state);\n\n // useCustomStyleHook_unstable('useMenuGridCellStyles_unstable')(state);\n\n return renderMenuGridCell_unstable(state);\n});\n\nMenuGridCell.displayName = 'MenuGridCell';\n"],"names":["React","useMenuGridCell_unstable","renderMenuGridCell_unstable","useMenuGridCellStyles_unstable","MenuGridCell","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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/MenuGridCell.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGridCellSlots = {\n root: Slot<'div'>;\n};\n\nexport type MenuGridCellProps = ComponentProps<MenuGridCellSlots> & {\n /**\n * A MenuGridCell can be visually hidden, which is used for asymmetric grids\n * @defaultvalue false\n */\n visuallyHidden?: boolean;\n};\n\nexport type MenuGridCellState = ComponentState<MenuGridCellSlots> & Pick<MenuGridCellProps, 'visuallyHidden'>;\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
|
+
MenuGridCell: function() {
|
|
13
|
+
return _MenuGridCell.MenuGridCell;
|
|
14
|
+
},
|
|
15
|
+
menuGridCellClassNames: function() {
|
|
16
|
+
return _useMenuGridCellStylesstyles.menuGridCellClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderMenuGridCell_unstable: function() {
|
|
19
|
+
return _renderMenuGridCell.renderMenuGridCell_unstable;
|
|
20
|
+
},
|
|
21
|
+
useMenuGridCellStyles_unstable: function() {
|
|
22
|
+
return _useMenuGridCellStylesstyles.useMenuGridCellStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useMenuGridCell_unstable: function() {
|
|
25
|
+
return _useMenuGridCell.useMenuGridCell_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _MenuGridCell = require("./MenuGridCell");
|
|
29
|
+
const _renderMenuGridCell = require("./renderMenuGridCell");
|
|
30
|
+
const _useMenuGridCell = require("./useMenuGridCell");
|
|
31
|
+
const _useMenuGridCellStylesstyles = require("./useMenuGridCellStyles.styles");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/MenuGridCell/index.ts"],"sourcesContent":["export type { MenuGridCellProps, MenuGridCellSlots, MenuGridCellState } from './MenuGridCell.types';\nexport { MenuGridCell } from './MenuGridCell';\nexport { renderMenuGridCell_unstable } from './renderMenuGridCell';\nexport { useMenuGridCell_unstable } from './useMenuGridCell';\nexport { menuGridCellClassNames, useMenuGridCellStyles_unstable } from './useMenuGridCellStyles.styles';\n"],"names":["MenuGridCell","renderMenuGridCell_unstable","useMenuGridCell_unstable","menuGridCellClassNames","useMenuGridCellStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,0BAAY;;;eAGZG,mDAAsB;;;eAFtBF,+CAA2B;;;eAEHG,2DAA8B;;;eADtDF,yCAAwB;;;8BAFJ,iBAAiB;oCACF,uBAAuB;iCAC1B,oBAAoB;6CACU,iCAAiC"}
|