@fluentui/react-menu-grid-preview 0.1.0

package/lib-commonjs/components/MenuGridItem/MenuGridItem.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/MenuGridItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { MenuGridCellProps } from './../MenuGridCell/MenuGridCell.types';\nimport { MenuGridRowProps } from './../MenuGridRow/MenuGridRow.types';\n\nexport type MenuGridItemSlots = {\n  root: Slot<MenuGridRowProps>;\n\n  /**\n   * Icon slot rendered as cell before content cell\n   */\n  icon?: Slot<MenuGridCellProps>;\n\n  /**\n   * Component children are placed in this slot\n   * Avoid using the `children` property in this slot in favour of Component children whenever possible\n   */\n  content?: Slot<MenuGridCellProps>;\n\n  /**\n   * Additional descriptor to main content that creates a multiline layout\n   */\n  subText?: Slot<'span'>;\n\n  /**\n   * Firstd sub-action slot rendered as cell after content cell\n   */\n  firstSubAction?: Slot<MenuGridCellProps>;\n\n  /**\n   * Second sub-action slot rendered as cell after first sub-action cell\n   */\n  secondSubAction?: Slot<MenuGridCellProps>;\n};\n\nexport type MenuGridItemProps = ComponentProps<Partial<MenuGridItemSlots>>;\n\nexport type MenuGridItemState = ComponentState<MenuGridItemSlots>;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/MenuGridItem/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MenuGridItem: function() {
+        return _MenuGridItem.MenuGridItem;
+    },
+    menuGridItemClassNames: function() {
+        return _useMenuGridItemStylesstyles.menuGridItemClassNames;
+    },
+    renderMenuGridItem_unstable: function() {
+        return _renderMenuGridItem.renderMenuGridItem_unstable;
+    },
+    useMenuGridItemStyles_unstable: function() {
+        return _useMenuGridItemStylesstyles.useMenuGridItemStyles_unstable;
+    },
+    useMenuGridItem_unstable: function() {
+        return _useMenuGridItem.useMenuGridItem_unstable;
+    }
+});
+const _MenuGridItem = require("./MenuGridItem");
+const _renderMenuGridItem = require("./renderMenuGridItem");
+const _useMenuGridItem = require("./useMenuGridItem");
+const _useMenuGridItemStylesstyles = require("./useMenuGridItemStyles.styles");

package/lib-commonjs/components/MenuGridItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/index.ts"],"sourcesContent":["export type { MenuGridItemProps, MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\nexport { MenuGridItem } from './MenuGridItem';\nexport { renderMenuGridItem_unstable } from './renderMenuGridItem';\nexport { useMenuGridItem_unstable } from './useMenuGridItem';\nexport { menuGridItemClassNames, useMenuGridItemStyles_unstable } from './useMenuGridItemStyles.styles';\n"],"names":["MenuGridItem","renderMenuGridItem_unstable","useMenuGridItem_unstable","menuGridItemClassNames","useMenuGridItemStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,0BAAY;;;eAGZG,mDAAsB;;;eAFtBF,+CAA2B;;;eAEHG,2DAA8B;;;eADtDF,yCAAwB;;;8BAFJ,iBAAiB;oCACF,uBAAuB;iCAC1B,oBAAoB;6CACU,iCAAiC"}

package/lib-commonjs/components/MenuGridItem/renderMenuGridItem.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMenuGridItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMenuGridItem_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderMenuGridItem_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
+            state.content && /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.content, {
+                children: [
+                    state.content.children,
+                    state.subText && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.subText, {})
+                ]
+            }),
+            state.firstSubAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.firstSubAction, {}),
+            state.secondSubAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.secondSubAction, {})
+        ]
+    });
+};

package/lib-commonjs/components/MenuGridItem/renderMenuGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/renderMenuGridItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridItem_unstable = (state: MenuGridItemState) => {\n  assertSlots<MenuGridItemSlots>(state);\n\n  return (\n    <state.root>\n      {state.icon && <state.icon />}\n      {state.content && (\n        <state.content>\n          {state.content.children}\n          {state.subText && <state.subText />}\n        </state.content>\n      )}\n      {state.firstSubAction && <state.firstSubAction />}\n      {state.secondSubAction && <state.secondSubAction />}\n    </state.root>\n  );\n};\n"],"names":["assertSlots","renderMenuGridItem_unstable","state","root","icon","content","children","subText","firstSubAction","secondSubAction"],"mappings":";;;;+BAQaC;;;;;;4BAPb,iCAAiD;gCACrB,4BAA4B;AAMjD,oCAAoC,CAACC;QAC1CF,2BAAAA,EAA+BE;IAE/B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,IAAI,EAAA;;YACRD,MAAME,IAAI,IAAA,WAAA,OAAI,eAAA,EAACF,MAAME,IAAI,EAAA,CAAA;YACzBF,MAAMG,OAAO,IAAA,WAAA,OACZ,gBAAA,EAACH,MAAMG,OAAO,EAAA;;oBACXH,MAAMG,OAAO,CAACC,QAAQ;oBACtBJ,MAAMK,OAAO,IAAA,WAAA,OAAI,eAAA,EAACL,MAAMK,OAAO,EAAA,CAAA;;;YAGnCL,MAAMM,cAAc,IAAA,WAAA,OAAI,eAAA,EAACN,MAAMM,cAAc,EAAA,CAAA;YAC7CN,MAAMO,eAAe,IAAA,WAAA,OAAI,eAAA,EAACP,MAAMO,eAAe,EAAA,CAAA;;;AAGtD,EAAE"}

package/lib-commonjs/components/MenuGridItem/useMenuGridItem.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMenuGridItem_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMenuGridItem_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _MenuGridCell = require("./../MenuGridCell/MenuGridCell");
+const _MenuGridRow = require("./../MenuGridRow/MenuGridRow");
+function useMenuGridItem_unstable(props, ref) {
+    const { icon, content: _content, subText, firstSubAction, secondSubAction, ...rest } = props;
+    return {
+        components: {
+            root: _MenuGridRow.MenuGridRow,
+            icon: _MenuGridCell.MenuGridCell,
+            content: _MenuGridCell.MenuGridCell,
+            subText: 'span',
+            firstSubAction: _MenuGridCell.MenuGridCell,
+            secondSubAction: _MenuGridCell.MenuGridCell
+        },
+        root: _reactutilities.slot.always({
+            ref,
+            ...rest
+        }, {
+            elementType: _MenuGridRow.MenuGridRow
+        }),
+        icon: _reactutilities.slot.optional(props.icon, {
+            elementType: _MenuGridCell.MenuGridCell
+        }),
+        content: _reactutilities.slot.optional(props.content, {
+            renderByDefault: !!props.children,
+            defaultProps: {
+                children: props.children
+            },
+            elementType: _MenuGridCell.MenuGridCell
+        }),
+        subText: _reactutilities.slot.optional(props.subText, {
+            elementType: 'span'
+        }),
+        firstSubAction: _reactutilities.slot.optional(props.firstSubAction, {
+            elementType: _MenuGridCell.MenuGridCell
+        }),
+        secondSubAction: _reactutilities.slot.optional(props.secondSubAction, {
+            elementType: _MenuGridCell.MenuGridCell
+        })
+    };
+}

package/lib-commonjs/components/MenuGridItem/useMenuGridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { slot } from '@fluentui/react-utilities';\n\nimport { MenuGridItemProps, MenuGridItemState } from './MenuGridItem.types';\nimport { MenuGridCell } from './../MenuGridCell/MenuGridCell';\nimport { MenuGridRow } from './../MenuGridRow/MenuGridRow';\n\n/**\n * Given user props, returns state and render function for a MenuGridItem.\n */\nexport function useMenuGridItem_unstable(props: MenuGridItemProps, ref: React.Ref<HTMLDivElement>): MenuGridItemState {\n  const {\n    icon,\n    content: _content, // `content` is a slot and it's type clashes with the HTMLElement `content` attribute\n    subText,\n    firstSubAction,\n    secondSubAction,\n    ...rest\n  } = props;\n\n  return {\n    components: {\n      root: MenuGridRow,\n      icon: MenuGridCell,\n      content: MenuGridCell,\n      subText: 'span',\n      firstSubAction: MenuGridCell,\n      secondSubAction: MenuGridCell,\n    },\n    root: slot.always(\n      {\n        ref,\n        ...rest,\n      },\n      { elementType: MenuGridRow },\n    ),\n    icon: slot.optional(props.icon, { elementType: MenuGridCell }),\n    content: slot.optional(props.content, {\n      renderByDefault: !!props.children,\n      defaultProps: { children: props.children },\n      elementType: MenuGridCell,\n    }),\n    subText: slot.optional(props.subText, { elementType: 'span' }),\n    firstSubAction: slot.optional(props.firstSubAction, { elementType: MenuGridCell }),\n    secondSubAction: slot.optional(props.secondSubAction, { elementType: MenuGridCell }),\n  };\n}\n"],"names":["React","slot","MenuGridCell","MenuGridRow","useMenuGridItem_unstable","props","ref","icon","content","_content","subText","firstSubAction","secondSubAction","rest","components","root","always","elementType","optional","renderByDefault","children","defaultProps"],"mappings":";;;;+BAUgBI;;;;;;;iEAVO,QAAQ;gCACV,4BAA4B;8BAGpB,iCAAiC;6BAClC,+BAA+B;AAKpD,kCAAkCC,KAAwB,EAAEC,GAA8B;IAC/F,MAAM,EACJC,IAAI,EACJC,SAASC,QAAQ,EACjBC,OAAO,EACPC,cAAc,EACdC,eAAe,EACf,GAAGC,MACJ,GAAGR;IAEJ,OAAO;QACLS,YAAY;YACVC,MAAMZ,wBAAAA;YACNI,MAAML,0BAAAA;YACNM,SAASN,0BAAAA;YACTQ,SAAS;YACTC,gBAAgBT,0BAAAA;YAChBU,iBAAiBV,0BAAAA;QACnB;QACAa,MAAMd,oBAAAA,CAAKe,MAAM,CACf;YACEV;YACA,GAAGO,IAAI;QACT,GACA;YAAEI,aAAad,wBAAAA;QAAY;QAE7BI,MAAMN,oBAAAA,CAAKiB,QAAQ,CAACb,MAAME,IAAI,EAAE;YAAEU,aAAaf,0BAAAA;QAAa;QAC5DM,SAASP,oBAAAA,CAAKiB,QAAQ,CAACb,MAAMG,OAAO,EAAE;YACpCW,iBAAiB,CAAC,CAACd,MAAMe,QAAQ;YACjCC,cAAc;gBAAED,UAAUf,MAAMe,QAAQ;YAAC;YACzCH,aAAaf,0BAAAA;QACf;QACAQ,SAAST,oBAAAA,CAAKiB,QAAQ,CAACb,MAAMK,OAAO,EAAE;YAAEO,aAAa;QAAO;QAC5DN,gBAAgBV,oBAAAA,CAAKiB,QAAQ,CAACb,MAAMM,cAAc,EAAE;YAAEM,aAAaf,0BAAAA;QAAa;QAChFU,iBAAiBX,oBAAAA,CAAKiB,QAAQ,CAACb,MAAMO,eAAe,EAAE;YAAEK,aAAaf,0BAAAA;QAAa;IACpF;AACF"}

package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuGridItemClassNames: function() {
+        return menuGridItemClassNames;
+    },
+    useMenuGridItemStyles_unstable: function() {
+        return useMenuGridItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const menuGridItemClassNames = {
+    root: 'fui-MenuGridItem',
+    icon: 'fui-MenuGridRow__icon',
+    content: 'fui-MenuGridRow__content',
+    subText: 'fui-MenuGridRow__subText',
+    firstSubAction: 'fui-MenuGridRow__firstSubAction',
+    secondSubAction: 'fui-MenuGridRow__secondSubAction'
+};
+const useMenuGridItemStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(menuGridItemClassNames.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMenuGridItemStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const menuGridItemClassNames = {\n    root: 'fui-MenuGridItem',\n    icon: 'fui-MenuGridRow__icon',\n    content: 'fui-MenuGridRow__content',\n    subText: 'fui-MenuGridRow__subText',\n    firstSubAction: 'fui-MenuGridRow__firstSubAction',\n    secondSubAction: 'fui-MenuGridRow__secondSubAction'\n};\nexport const useMenuGridItemStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n    return state;\n};\n"],"names":["mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useMenuGridItemStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,sBAAsB;;;kCAQQ;;;;uBATd,gBAAgB;AACtC,+BAA+B;IAClCC,IAAI,EAAE,kBAAkB;IACxBC,IAAI,EAAE,uBAAuB;IAC7BC,OAAO,EAAE,0BAA0B;IACnCC,OAAO,EAAE,0BAA0B;IACnCC,cAAc,EAAE,iCAAiC;IACjDC,eAAe,EAAE;AACrB,CAAC;AACM,MAAMC,kCAAkCC,KAAK,IAAG;IACnD,aAAa;IACbA,KAAK,CAACP,IAAI,CAACQ,SAAS,OAAGV,mBAAY,EAACC,sBAAsB,CAACC,IAAI,EAAEO,KAAK,CAACP,IAAI,CAACQ,SAAS,CAAC;IACtF,OAAOD,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuGridItemClassNames: function() {
+        return menuGridItemClassNames;
+    },
+    useMenuGridItemStyles_unstable: function() {
+        return useMenuGridItemStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const menuGridItemClassNames = {
+    root: 'fui-MenuGridItem',
+    icon: 'fui-MenuGridRow__icon',
+    content: 'fui-MenuGridRow__content',
+    subText: 'fui-MenuGridRow__subText',
+    firstSubAction: 'fui-MenuGridRow__firstSubAction',
+    secondSubAction: 'fui-MenuGridRow__secondSubAction'
+};
+const useMenuGridItemStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(menuGridItemClassNames.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/MenuGridItem/useMenuGridItemStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridItem/useMenuGridItemStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridItemSlots, MenuGridItemState } from './MenuGridItem.types';\n\nexport const menuGridItemClassNames: SlotClassNames<MenuGridItemSlots> = {\n  root: 'fui-MenuGridItem',\n  icon: 'fui-MenuGridRow__icon',\n  content: 'fui-MenuGridRow__content',\n  subText: 'fui-MenuGridRow__subText',\n  firstSubAction: 'fui-MenuGridRow__firstSubAction',\n  secondSubAction: 'fui-MenuGridRow__secondSubAction',\n};\n\nexport const useMenuGridItemStyles_unstable = (state: MenuGridItemState): MenuGridItemState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(menuGridItemClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","menuGridItemClassNames","root","icon","content","subText","firstSubAction","secondSubAction","useMenuGridItemStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,sBAAAA;;;kCASAO;;;;uBAZgB,iBAAiB;AAGvC,+BAAkE;IACvEN,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,gBAAgB;IAChBC,iBAAiB;AACnB,EAAE;AAEK,MAAMC,iCAAiC,CAACC;IAC7C;IAEAA,MAAMP,IAAI,CAACQ,SAAS,OAAGV,mBAAAA,EAAaC,uBAAuBC,IAAI,EAAEO,MAAMP,IAAI,CAACQ,SAAS;IAErF,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/MenuGridRow/MenuGridRow.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MenuGridRow", {
+    enumerable: true,
+    get: function() {
+        return MenuGridRow;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _useMenuGridRow = require("./useMenuGridRow");
+const _renderMenuGridRow = require("./renderMenuGridRow");
+const _useMenuGridRowStylesstyles = require("./useMenuGridRowStyles.styles");
+const MenuGridRow = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useMenuGridRow.useMenuGridRow_unstable)(props, ref);
+    (0, _useMenuGridRowStylesstyles.useMenuGridRowStyles_unstable)(state);
+    // useCustomStyleHook_unstable('useMenuGridRowStyles_unstable')(state);
+    return (0, _renderMenuGridRow.renderMenuGridRow_unstable)(state);
+});
+MenuGridRow.displayName = 'MenuGridRow';

package/lib-commonjs/components/MenuGridRow/MenuGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/MenuGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMenuGridRow_unstable } from './useMenuGridRow';\nimport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nimport type { MenuGridRowProps } from './MenuGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n// import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Define a MenuGridRow, using the `useMenuGridRow_unstable` hook.\n */\nexport const MenuGridRow: ForwardRefComponent<MenuGridRowProps> = React.forwardRef((props, ref) => {\n  const state = useMenuGridRow_unstable(props, ref);\n\n  useMenuGridRowStyles_unstable(state);\n\n  // useCustomStyleHook_unstable('useMenuGridRowStyles_unstable')(state);\n\n  return renderMenuGridRow_unstable(state);\n});\n\nMenuGridRow.displayName = 'MenuGridRow';\n"],"names":["React","useMenuGridRow_unstable","renderMenuGridRow_unstable","useMenuGridRowStyles_unstable","MenuGridRow","forwardRef","props","ref","state","displayName"],"mappings":";;;;+BAWaI;;;;;;;iEAXU,QAAQ;gCACS,mBAAmB;mCAChB,sBAAsB;4CAGnB,gCAAgC;AAMvE,oBAAMA,WAAAA,GAAqDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACzF,MAAMC,YAAQP,uCAAAA,EAAwBK,OAAOC;QAE7CJ,yDAAAA,EAA8BK;IAE9B,uEAAuE;IAEvE,WAAON,6CAAAA,EAA2BM;AACpC,GAAG;AAEHJ,YAAYK,WAAW,GAAG"}

package/lib-commonjs/components/MenuGridRow/MenuGridRow.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib-commonjs/components/MenuGridRow/MenuGridRow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/MenuGridRow.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MenuGridRowSlots = {\n  root: Slot<'div'>;\n};\n\nexport type MenuGridRowProps = ComponentProps<Partial<MenuGridRowSlots>>;\n\nexport type MenuGridRowState = ComponentState<MenuGridRowSlots>;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/MenuGridRow/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MenuGridRow: function() {
+        return _MenuGridRow.MenuGridRow;
+    },
+    menuGridRowClassNames: function() {
+        return _useMenuGridRowStylesstyles.menuGridRowClassNames;
+    },
+    renderMenuGridRow_unstable: function() {
+        return _renderMenuGridRow.renderMenuGridRow_unstable;
+    },
+    useMenuGridRowStyles_unstable: function() {
+        return _useMenuGridRowStylesstyles.useMenuGridRowStyles_unstable;
+    },
+    useMenuGridRow_unstable: function() {
+        return _useMenuGridRow.useMenuGridRow_unstable;
+    }
+});
+const _MenuGridRow = require("./MenuGridRow");
+const _renderMenuGridRow = require("./renderMenuGridRow");
+const _useMenuGridRow = require("./useMenuGridRow");
+const _useMenuGridRowStylesstyles = require("./useMenuGridRowStyles.styles");

package/lib-commonjs/components/MenuGridRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/index.ts"],"sourcesContent":["export type { MenuGridRowProps, MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\nexport { MenuGridRow } from './MenuGridRow';\nexport { renderMenuGridRow_unstable } from './renderMenuGridRow';\nexport { useMenuGridRow_unstable } from './useMenuGridRow';\nexport { menuGridRowClassNames, useMenuGridRowStyles_unstable } from './useMenuGridRowStyles.styles';\n"],"names":["MenuGridRow","renderMenuGridRow_unstable","useMenuGridRow_unstable","menuGridRowClassNames","useMenuGridRowStyles_unstable"],"mappings":";;;;;;;;;;;;eACSA,wBAAW;;;eAGXG,iDAAqB;;;eAFrBF,6CAA0B;;;eAEHG,yDAA6B;;;eADpDF,uCAAuB;;;6BAFJ,gBAAgB;mCACD,sBAAsB;gCACzB,mBAAmB;4CACU,gCAAgC"}

package/lib-commonjs/components/MenuGridRow/renderMenuGridRow.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMenuGridRow_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderMenuGridRow_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderMenuGridRow_unstable = (state)=>{
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

package/lib-commonjs/components/MenuGridRow/renderMenuGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/renderMenuGridRow.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderMenuGridRow_unstable = (state: MenuGridRowState) => {\n  assertSlots<MenuGridRowSlots>(state);\n\n  return <state.root />;\n};\n"],"names":["assertSlots","renderMenuGridRow_unstable","state","root"],"mappings":";;;;;;;;;;4BACA,gDAAiD;gCACrB,4BAA4B;AAMjD,MAAMC,6BAA6B,CAACC;QACzCF,2BAAAA,EAA8BE;IAE9B,OAAA,WAAA,OAAO,eAAA,EAACA,MAAMC,IAAI,EAAA,CAAA;AACpB,EAAE"}

package/lib-commonjs/components/MenuGridRow/useMenuGridRow.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useMenuGridRow_unstable", {
+    enumerable: true,
+    get: function() {
+        return useMenuGridRow_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _menuGridContext = require("../../contexts/menuGridContext");
+function useMenuGridRow_unstable(props, ref) {
+    const { tableRowTabsterAttribute } = (0, _menuGridContext.useMenuGridContext_unstable)();
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ref,
+            role: 'row',
+            tabIndex: 0,
+            ...tableRowTabsterAttribute,
+            ...props
+        }), {
+            elementType: 'div'
+        })
+    };
+}

package/lib-commonjs/components/MenuGridRow/useMenuGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRow.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport { useMenuGridContext_unstable } from '../../contexts/menuGridContext';\nimport { MenuGridRowProps, MenuGridRowState } from './MenuGridRow.types';\n\n/**\n * Given user props, returns state and render function for a MenuGridRow.\n */\nexport function useMenuGridRow_unstable(props: MenuGridRowProps, ref: React.Ref<HTMLDivElement>): MenuGridRowState {\n  const { tableRowTabsterAttribute } = useMenuGridContext_unstable();\n\n  return {\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        ref,\n        role: 'row',\n        tabIndex: 0,\n        ...tableRowTabsterAttribute,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n}\n"],"names":["React","getIntrinsicElementProps","slot","useMenuGridContext_unstable","useMenuGridRow_unstable","props","ref","tableRowTabsterAttribute","components","root","always","role","tabIndex","elementType"],"mappings":";;;;+BASgBI;;;;;;;iEATO,QAAQ;gCACgB,4BAA4B;iCAE/B,iCAAiC;AAMtE,iCAAiCC,KAAuB,EAAEC,GAA8B;IAC7F,MAAM,EAAEC,wBAAwB,EAAE,OAAGJ,4CAAAA;IAErC,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,oBAAAA,CAAKQ,MAAM,KACfT,wCAAAA,EAAyB,OAAO;YAC9BK;YACAK,MAAM;YACNC,UAAU;YACV,GAAGL,wBAAwB;YAC3B,GAAGF,KAAK;QACV,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF"}

package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuGridRowClassNames: function() {
+        return menuGridRowClassNames;
+    },
+    useMenuGridRowStyles_unstable: function() {
+        return useMenuGridRowStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const menuGridRowClassNames = {
+    root: 'fui-MenuGridRow'
+};
+const useMenuGridRowStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(menuGridRowClassNames.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMenuGridRowStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const menuGridRowClassNames = {\n    root: 'fui-MenuGridRow'\n};\nexport const useMenuGridRowStyles_unstable = (state)=>{\n    'use no memo';\n    state.root.className = mergeClasses(menuGridRowClassNames.root, state.root.className);\n    return state;\n};\n"],"names":["mergeClasses","menuGridRowClassNames","root","useMenuGridRowStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IACaC,qBAAqB;;;iCAGQ;;;;uBAJb,gBAAgB;AACtC,8BAA8B;IACjCC,IAAI,EAAE;AACV,CAAC;AACM,MAAMC,gCAAiCC,KAAK,IAAG;IAClD,aAAa;IACbA,KAAK,CAACF,IAAI,CAACG,SAAS,OAAGL,mBAAY,EAACC,qBAAqB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;IACrF,OAAOD,KAAK;AAChB,CAAC"}

package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    menuGridRowClassNames: function() {
+        return menuGridRowClassNames;
+    },
+    useMenuGridRowStyles_unstable: function() {
+        return useMenuGridRowStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const menuGridRowClassNames = {
+    root: 'fui-MenuGridRow'
+};
+const useMenuGridRowStyles_unstable = (state)=>{
+    'use no memo';
+    state.root.className = (0, _react.mergeClasses)(menuGridRowClassNames.root, state.root.className);
+    return state;
+};

package/lib-commonjs/components/MenuGridRow/useMenuGridRowStyles.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MenuGridRow/useMenuGridRowStyles.styles.ts"],"sourcesContent":["import type { SlotClassNames } from '@fluentui/react-utilities';\nimport { mergeClasses } from '@griffel/react';\nimport type { MenuGridRowSlots, MenuGridRowState } from './MenuGridRow.types';\n\nexport const menuGridRowClassNames: SlotClassNames<MenuGridRowSlots> = {\n  root: 'fui-MenuGridRow',\n};\n\nexport const useMenuGridRowStyles_unstable = (state: MenuGridRowState): MenuGridRowState => {\n  'use no memo';\n\n  state.root.className = mergeClasses(menuGridRowClassNames.root, state.root.className);\n\n  return state;\n};\n"],"names":["mergeClasses","menuGridRowClassNames","root","useMenuGridRowStyles_unstable","state","className"],"mappings":";;;;;;;;;;;IAIaC,qBAAAA;;;iCAIAE;;;;uBAPgB,iBAAiB;AAGvC,8BAAgE;IACrED,MAAM;AACR,EAAE;AAEK,MAAMC,gCAAgC,CAACC;IAC5C;IAEAA,MAAMF,IAAI,CAACG,SAAS,OAAGL,mBAAAA,EAAaC,sBAAsBC,IAAI,EAAEE,MAAMF,IAAI,CAACG,SAAS;IAEpF,OAAOD;AACT,EAAE"}

package/lib-commonjs/components/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MenuGrid: function() {
+        return _index.MenuGrid;
+    },
+    menuGridClassNames: function() {
+        return _index.menuGridClassNames;
+    },
+    renderMenuGrid_unstable: function() {
+        return _index.renderMenuGrid_unstable;
+    },
+    useMenuGridContextValues_unstable: function() {
+        return _index.useMenuGridContextValues_unstable;
+    },
+    useMenuGridStyles_unstable: function() {
+        return _index.useMenuGridStyles_unstable;
+    },
+    useMenuGrid_unstable: function() {
+        return _index.useMenuGrid_unstable;
+    }
+});
+const _index = require("./MenuGrid/index");

package/lib-commonjs/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/index.ts"],"sourcesContent":["export type { MenuGridContextValues, MenuGridProps, MenuGridSlots, MenuGridState } from './MenuGrid/index';\nexport {\n  MenuGrid,\n  menuGridClassNames,\n  renderMenuGrid_unstable,\n  useMenuGridContextValues_unstable,\n  useMenuGridStyles_unstable,\n  useMenuGrid_unstable,\n} from './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,mBAAmB"}

package/lib-commonjs/contexts/menuGridContext.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MenuGridContext: function() {
+        return MenuGridContext;
+    },
+    MenuGridContextProvider: function() {
+        return MenuGridContextProvider;
+    },
+    useMenuGridContext_unstable: function() {
+        return useMenuGridContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const MenuGridContext = /*#__PURE__*/ _react.createContext(undefined);
+const menuGridContextDefaultValue = {
+    tableRowTabsterAttribute: null
+};
+const MenuGridContextProvider = MenuGridContext.Provider;
+const useMenuGridContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(MenuGridContext)) !== null && _React_useContext !== void 0 ? _React_useContext : menuGridContextDefaultValue;
+};

package/lib-commonjs/contexts/menuGridContext.js.map

@@ -0,0 +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":";;;;;;;;;;;IAGaC,eAAAA;;;2BAkBAK;;;+BAEAE;;;;;iEAvBU,QAAQ;AAGxB,sCAAwBR,OAAME,aAAa,CAChDC,WACuC;AAEzC,MAAMC,8BAAoD;IACxDC,0BAA0B;AAC5B;AAYO,MAAMC,0BAA0BL,gBAAgBM,QAAQ,CAAC;AAEzD,MAAMC,8BAA8B;QAAMR;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACR,gBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAAqCI;EAA4B"}

package/lib-commonjs/contexts/menuGridGroupContext.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MenuGridGroupContextProvider: function() {
+        return MenuGridGroupContextProvider;
+    },
+    useMenuGridGroupContext_unstable: function() {
+        return useMenuGridGroupContext_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const MenuGridGroupContext = /*#__PURE__*/ _react.createContext(undefined);
+const MenuGridGroupContextDefaultValue = {
+    headerId: ''
+};
+const MenuGridGroupContextProvider = MenuGridGroupContext.Provider;
+const useMenuGridGroupContext_unstable = ()=>{
+    var _React_useContext;
+    return (_React_useContext = _react.useContext(MenuGridGroupContext)) !== null && _React_useContext !== void 0 ? _React_useContext : MenuGridGroupContextDefaultValue;
+};

package/lib-commonjs/contexts/menuGridGroupContext.js.map

@@ -0,0 +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":";;;;;;;;;;;gCAoBaM;;;oCACAE;;;;;iEArBU,QAAQ;AAE/B,MAAMP,qCAAuBD,OAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAA8D;IAClEC,UAAU;AACZ;AAYO,MAAMC,+BAA+BL,qBAAqBM,QAAQ,CAAC;AACnE,MAAMC,mCAAmC;QAC9CR;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACR,qBAAAA,MAAAA,QAAjBD,sBAAAA,KAAAA,IAAAA,oBAA0CI;EAAiC"}