@fluentui/react-table 9.7.2 → 9.7.4

package/lib/components/TableSelectionCell/useTableSelectionCellStyles.styles.js

@@ -26,7 +26,7 @@ const useFlexLayoutStyles = /*#__PURE__*/__styles({
     Brf1p80: "f4d9j23"
   }
 }, {
-  d: [".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}", ".fvrlu0f{min-width:44px;}", ".f1c71y05{max-width:44px;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}"]
+  d: [".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f1neuvcm{flex-shrink:1;}", ".fkjuxzh{flex-basis:0px;}", ".fvrlu0f{min-width:44px;}", ".f1c71y05{max-width:44px;}", ".f4d9j23{justify-content:center;}"]
 });
 /**
  * Styles for the root slot
@@ -61,7 +61,7 @@ const useStyles = /*#__PURE__*/__styles({
     Bcdw1i0: "fd7fpy0"
   }
 }, {
-  d: [".f17mccla{text-align:center;}", ".fz5stix{white-space:nowrap;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fz36nt7[data-fui-focus-visible]{outline-width:2px;}", ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}", ".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}", ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}", ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fk73vx1{opacity:0;}", ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}", ".fd7fpy0{visibility:hidden;}"]
+  d: [".f17mccla{text-align:center;}", ".fz5stix{white-space:nowrap;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fz36nt7[data-fui-focus-visible]{outline-width:2px;}", ".f9znhxp[data-fui-focus-visible]{outline-style:solid;}", ".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}", ".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}", ".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}", ".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}", ".f22iagw{display:flex;}", ".fqerorx{flex-grow:1;}", ".f122n59{align-items:center;}", ".f4d9j23{justify-content:center;}", ".fk73vx1{opacity:0;}", ".f1y7ij6c[data-fui-focus-within]:focus-within{opacity:1;}", ".fd7fpy0{visibility:hidden;}"]
 });
 /**
  * Apply styling to the TableSelectionCell slots based on the state

package/lib-commonjs/components/DataGridBody/renderDataGridBody.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _rowIdContext = require("../../contexts/rowIdContext");
 const renderDataGridBody_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, state.rows.map((row)=>/*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_rowIdContext.TableRowIdContextProvider, {
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.rows.map((row)=>/*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_rowIdContext.TableRowIdContextProvider, {
             key: row.rowId,
             value: row.rowId
         }, state.renderRow(row))));

package/lib-commonjs/components/DataGridBody/renderDataGridBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderDataGridBody.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { TableRowIdContextProvider } from '../../contexts/rowIdContext';\n/**\n * Render the final JSX of DataGridBody\n */ export const renderDataGridBody_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, state.rows.map((row)=>/*#__PURE__*/ createElement(TableRowIdContextProvider, {\n            key: row.rowId,\n            value: row.rowId\n        }, state.renderRow(row))));\n};\n"],"names":["renderDataGridBody_unstable","state","slots","slotProps","getSlotsNext","createElement","root","rows","map","row","TableRowIdContextProvider","key","rowId","value","renderRow"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;8BACa;AAG/B,MAAMA,8BAA8B,CAACC,QAAQ;IACpD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEL,MAAMM,IAAI,CAACC,GAAG,CAAC,CAACC,MAAM,WAAW,GAAGJ,IAAAA,8BAAa,EAACK,uCAAyB,EAAE;YACpIC,KAAKF,IAAIG,KAAK;YACdC,OAAOJ,IAAIG,KAAK;QACpB,GAAGX,MAAMa,SAAS,CAACL;AAC3B"}
+{"version":3,"sources":["renderDataGridBody.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TableRowIdContextProvider } from '../../contexts/rowIdContext';\n/**\n * Render the final JSX of DataGridBody\n */ export const renderDataGridBody_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.rows.map((row)=>/*#__PURE__*/ createElement(TableRowIdContextProvider, {\n            key: row.rowId,\n            value: row.rowId\n        }, state.renderRow(row))));\n};\n"],"names":["renderDataGridBody_unstable","state","assertSlots","createElement","root","rows","map","row","TableRowIdContextProvider","key","rowId","value","renderRow"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;8BACc;AAG/B,MAAMA,8BAA8B,CAACC,QAAQ;IACpDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,IAAI,CAACC,GAAG,CAAC,CAACC,MAAM,WAAW,GAAGJ,IAAAA,8BAAa,EAACK,uCAAyB,EAAE;YAC1HC,KAAKF,IAAIG,KAAK;YACdC,OAAOJ,IAAIG,KAAK;QACpB,GAAGT,MAAMW,SAAS,CAACL;AAC3B"}

package/lib-commonjs/components/DataGridRow/renderDataGridRow.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _columnIdContext = require("../../contexts/columnIdContext");
 const renderDataGridRow_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.selectionCell && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.selectionCell, slotProps.selectionCell), state.columnDefs.map((columnDef)=>/*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_columnIdContext.ColumnIdContextProvider, {
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.selectionCell && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.selectionCell, null), state.columnDefs.map((columnDef)=>/*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_columnIdContext.ColumnIdContextProvider, {
             value: columnDef.columnId,
             key: columnDef.columnId
         }, state.renderCell(columnDef, state.dataGridContextValue))));

package/lib-commonjs/components/DataGridRow/renderDataGridRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderDataGridRow.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { ColumnIdContextProvider } from '../../contexts/columnIdContext';\n/**\n * Render the final JSX of DataGridRow\n */ export const renderDataGridRow_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.selectionCell && /*#__PURE__*/ createElement(slots.selectionCell, slotProps.selectionCell), state.columnDefs.map((columnDef)=>/*#__PURE__*/ createElement(ColumnIdContextProvider, {\n            value: columnDef.columnId,\n            key: columnDef.columnId\n        }, state.renderCell(columnDef, state.dataGridContextValue))));\n};\n"],"names":["renderDataGridRow_unstable","state","slots","slotProps","getSlotsNext","createElement","root","selectionCell","columnDefs","map","columnDef","ColumnIdContextProvider","value","columnId","key","renderCell","dataGridContextValue"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;iCACW;AAG7B,MAAMA,6BAA6B,CAACC,QAAQ;IACnD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,aAAa,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMK,aAAa,EAAEJ,UAAUI,aAAa,GAAGN,MAAMO,UAAU,CAACC,GAAG,CAAC,CAACC,YAAY,WAAW,GAAGL,IAAAA,8BAAa,EAACM,wCAAuB,EAAE;YAChPC,OAAOF,UAAUG,QAAQ;YACzBC,KAAKJ,UAAUG,QAAQ;QAC3B,GAAGZ,MAAMc,UAAU,CAACL,WAAWT,MAAMe,oBAAoB;AACjE"}
+{"version":3,"sources":["renderDataGridRow.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ColumnIdContextProvider } from '../../contexts/columnIdContext';\n/**\n * Render the final JSX of DataGridRow\n */ export const renderDataGridRow_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.selectionCell && /*#__PURE__*/ createElement(state.selectionCell, null), state.columnDefs.map((columnDef)=>/*#__PURE__*/ createElement(ColumnIdContextProvider, {\n            value: columnDef.columnId,\n            key: columnDef.columnId\n        }, state.renderCell(columnDef, state.dataGridContextValue))));\n};\n"],"names":["renderDataGridRow_unstable","state","assertSlots","createElement","root","selectionCell","columnDefs","map","columnDef","ColumnIdContextProvider","value","columnId","key","renderCell","dataGridContextValue"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;iCACY;AAG7B,MAAMA,6BAA6B,CAACC,QAAQ;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI,EAAEH,MAAMI,aAAa,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMI,aAAa,EAAE,IAAI,GAAGJ,MAAMK,UAAU,CAACC,GAAG,CAAC,CAACC,YAAY,WAAW,GAAGL,IAAAA,8BAAa,EAACM,wCAAuB,EAAE;YACnNC,OAAOF,UAAUG,QAAQ;YACzBC,KAAKJ,UAAUG,QAAQ;QAC3B,GAAGV,MAAMY,UAAU,CAACL,WAAWP,MAAMa,oBAAoB;AACjE"}

package/lib-commonjs/components/DataGridRow/useDataGridRow.js

@@ -65,8 +65,9 @@ const useDataGridRow_unstable = (props, ref)=>{
             ...baseState.components,
             selectionCell: _dataGridSelectionCell.DataGridSelectionCell
         },
-        selectionCell: (0, _reactUtilities.resolveShorthand)(props.selectionCell, {
-            required: selectable
+        selectionCell: _reactUtilities.slot.optional(props.selectionCell, {
+            renderByDefault: selectable,
+            elementType: _dataGridSelectionCell.DataGridSelectionCell
         }),
         renderCell: props.children,
         columnDefs,

package/lib-commonjs/components/DataGridRow/useDataGridRow.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDataGridRow.js"],"sourcesContent":["import * as React from 'react';\nimport { isInteractiveHTMLElement, useEventCallback, resolveShorthand } from '@fluentui/react-utilities';\nimport { Space } from '@fluentui/keyboard-keys';\nimport { useTableRow_unstable } from '../TableRow/useTableRow';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { DataGridSelectionCell } from '../DataGridSelectionCell/DataGridSelectionCell';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n/**\n * Create the state required to render DataGridRow.\n *\n * The returned state can be modified with hooks such as useDataGridRowStyles_unstable,\n * before being passed to renderDataGridRow_unstable.\n *\n * @param props - props from this instance of DataGridRow\n * @param ref - reference to root HTMLElement of DataGridRow\n */ export const useDataGridRow_unstable = (props, ref)=>{\n    const rowId = useTableRowIdContext();\n    const isHeader = useIsInTableHeader();\n    const columnDefs = useDataGridContext_unstable((ctx)=>ctx.columns);\n    const selectable = useDataGridContext_unstable((ctx)=>ctx.selectableRows);\n    const selected = useDataGridContext_unstable((ctx)=>ctx.selection.isRowSelected(rowId));\n    const focusMode = useDataGridContext_unstable((ctx)=>ctx.focusMode);\n    const compositeRowTabsterAttribute = useDataGridContext_unstable((ctx)=>ctx.compositeRowTabsterAttribute);\n    const tabbable = focusMode === 'row_unstable' || focusMode === 'composite';\n    const appearance = useDataGridContext_unstable((ctx)=>{\n        if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {\n            return ctx.selectionAppearance;\n        }\n        return 'none';\n    });\n    const toggleRow = useDataGridContext_unstable((ctx)=>ctx.selection.toggleRow);\n    const dataGridContextValue = useDataGridContext_unstable((ctx)=>ctx);\n    const onClick = useEventCallback((e)=>{\n        var _props_onClick;\n        if (selectable && !isHeader) {\n            toggleRow(e, rowId);\n        }\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);\n    });\n    const onKeyDown = useEventCallback((e)=>{\n        var _props_onKeyDown;\n        if (selectable && !isHeader && e.key === Space && !isInteractiveHTMLElement(e.target)) {\n            // stop scrolling\n            e.preventDefault();\n            toggleRow(e, rowId);\n        }\n        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);\n    });\n    const baseState = useTableRow_unstable({\n        appearance,\n        'aria-selected': selectable ? selected : undefined,\n        tabIndex: tabbable && !isHeader ? 0 : undefined,\n        ...focusMode === 'composite' && !isHeader && compositeRowTabsterAttribute,\n        ...props,\n        onClick,\n        onKeyDown,\n        children: null,\n        as: 'div'\n    }, ref);\n    return {\n        ...baseState,\n        components: {\n            ...baseState.components,\n            selectionCell: DataGridSelectionCell\n        },\n        selectionCell: resolveShorthand(props.selectionCell, {\n            required: selectable\n        }),\n        renderCell: props.children,\n        columnDefs,\n        dataGridContextValue\n    };\n};\n"],"names":["useDataGridRow_unstable","props","ref","rowId","useTableRowIdContext","isHeader","useIsInTableHeader","columnDefs","useDataGridContext_unstable","ctx","columns","selectable","selectableRows","selected","selection","isRowSelected","focusMode","compositeRowTabsterAttribute","tabbable","appearance","selectionAppearance","toggleRow","dataGridContextValue","onClick","useEventCallback","e","_props_onClick","call","onKeyDown","_props_onKeyDown","key","Space","isInteractiveHTMLElement","target","preventDefault","baseState","useTableRow_unstable","undefined","tabIndex","children","as","components","selectionCell","DataGridSelectionCell","resolveShorthand","required","renderCell"],"mappings":";;;;+BAgBiBA;;aAAAA;;;6DAhBM;gCACsD;8BACvD;6BACe;iCACO;uCACN;8BACD;oCACF;AASxB,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAMC,QAAQC,IAAAA,kCAAoB;IAClC,MAAMC,WAAWC,IAAAA,sCAAkB;IACnC,MAAMC,aAAaC,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIC,OAAO;IACjE,MAAMC,aAAaH,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIG,cAAc;IACxE,MAAMC,WAAWL,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIK,SAAS,CAACC,aAAa,CAACZ;IAChF,MAAMa,YAAYR,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIO,SAAS;IAClE,MAAMC,+BAA+BT,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIQ,4BAA4B;IACxG,MAAMC,WAAWF,cAAc,kBAAkBA,cAAc;IAC/D,MAAMG,aAAaX,IAAAA,4CAA2B,EAAC,CAACC,MAAM;QAClD,IAAI,CAACJ,YAAYM,cAAcF,IAAIK,SAAS,CAACC,aAAa,CAACZ,QAAQ;YAC/D,OAAOM,IAAIW,mBAAmB;QAClC,CAAC;QACD,OAAO;IACX;IACA,MAAMC,YAAYb,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIK,SAAS,CAACO,SAAS;IAC5E,MAAMC,uBAAuBd,IAAAA,4CAA2B,EAAC,CAACC,MAAMA;IAChE,MAAMc,UAAUC,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QAClC,IAAIC;QACJ,IAAIf,cAAc,CAACN,UAAU;YACzBgB,UAAUI,GAAGtB;QACjB,CAAC;QACAuB,CAAAA,iBAAiBzB,MAAMsB,OAAO,AAAD,MAAO,IAAI,IAAIG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAAC1B,OAAOwB,EAAE;IACnH;IACA,MAAMG,YAAYJ,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QACpC,IAAII;QACJ,IAAIlB,cAAc,CAACN,YAAYoB,EAAEK,GAAG,KAAKC,mBAAK,IAAI,CAACC,IAAAA,wCAAwB,EAACP,EAAEQ,MAAM,GAAG;YACnF,iBAAiB;YACjBR,EAAES,cAAc;YAChBb,UAAUI,GAAGtB;QACjB,CAAC;QACA0B,CAAAA,mBAAmB5B,MAAM2B,SAAS,AAAD,MAAO,IAAI,IAAIC,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBF,IAAI,CAAC1B,OAAOwB,EAAE;IAC3H;IACA,MAAMU,YAAYC,IAAAA,iCAAoB,EAAC;QACnCjB;QACA,iBAAiBR,aAAaE,WAAWwB,SAAS;QAClDC,UAAUpB,YAAY,CAACb,WAAW,IAAIgC,SAAS;QAC/C,GAAGrB,cAAc,eAAe,CAACX,YAAYY,4BAA4B;QACzE,GAAGhB,KAAK;QACRsB;QACAK;QACAW,UAAU,IAAI;QACdC,IAAI;IACR,GAAGtC;IACH,OAAO;QACH,GAAGiC,SAAS;QACZM,YAAY;YACR,GAAGN,UAAUM,UAAU;YACvBC,eAAeC,4CAAqB;QACxC;QACAD,eAAeE,IAAAA,gCAAgB,EAAC3C,MAAMyC,aAAa,EAAE;YACjDG,UAAUlC;QACd;QACAmC,YAAY7C,MAAMsC,QAAQ;QAC1BhC;QACAe;IACJ;AACJ"}
+{"version":3,"sources":["useDataGridRow.js"],"sourcesContent":["import * as React from 'react';\nimport { isInteractiveHTMLElement, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { Space } from '@fluentui/keyboard-keys';\nimport { useTableRow_unstable } from '../TableRow/useTableRow';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { DataGridSelectionCell } from '../DataGridSelectionCell/DataGridSelectionCell';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n/**\n * Create the state required to render DataGridRow.\n *\n * The returned state can be modified with hooks such as useDataGridRowStyles_unstable,\n * before being passed to renderDataGridRow_unstable.\n *\n * @param props - props from this instance of DataGridRow\n * @param ref - reference to root HTMLElement of DataGridRow\n */ export const useDataGridRow_unstable = (props, ref)=>{\n    const rowId = useTableRowIdContext();\n    const isHeader = useIsInTableHeader();\n    const columnDefs = useDataGridContext_unstable((ctx)=>ctx.columns);\n    const selectable = useDataGridContext_unstable((ctx)=>ctx.selectableRows);\n    const selected = useDataGridContext_unstable((ctx)=>ctx.selection.isRowSelected(rowId));\n    const focusMode = useDataGridContext_unstable((ctx)=>ctx.focusMode);\n    const compositeRowTabsterAttribute = useDataGridContext_unstable((ctx)=>ctx.compositeRowTabsterAttribute);\n    const tabbable = focusMode === 'row_unstable' || focusMode === 'composite';\n    const appearance = useDataGridContext_unstable((ctx)=>{\n        if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {\n            return ctx.selectionAppearance;\n        }\n        return 'none';\n    });\n    const toggleRow = useDataGridContext_unstable((ctx)=>ctx.selection.toggleRow);\n    const dataGridContextValue = useDataGridContext_unstable((ctx)=>ctx);\n    const onClick = useEventCallback((e)=>{\n        var _props_onClick;\n        if (selectable && !isHeader) {\n            toggleRow(e, rowId);\n        }\n        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);\n    });\n    const onKeyDown = useEventCallback((e)=>{\n        var _props_onKeyDown;\n        if (selectable && !isHeader && e.key === Space && !isInteractiveHTMLElement(e.target)) {\n            // stop scrolling\n            e.preventDefault();\n            toggleRow(e, rowId);\n        }\n        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);\n    });\n    const baseState = useTableRow_unstable({\n        appearance,\n        'aria-selected': selectable ? selected : undefined,\n        tabIndex: tabbable && !isHeader ? 0 : undefined,\n        ...focusMode === 'composite' && !isHeader && compositeRowTabsterAttribute,\n        ...props,\n        onClick,\n        onKeyDown,\n        children: null,\n        as: 'div'\n    }, ref);\n    return {\n        ...baseState,\n        components: {\n            ...baseState.components,\n            selectionCell: DataGridSelectionCell\n        },\n        selectionCell: slot.optional(props.selectionCell, {\n            renderByDefault: selectable,\n            elementType: DataGridSelectionCell\n        }),\n        renderCell: props.children,\n        columnDefs,\n        dataGridContextValue\n    };\n};\n"],"names":["useDataGridRow_unstable","props","ref","rowId","useTableRowIdContext","isHeader","useIsInTableHeader","columnDefs","useDataGridContext_unstable","ctx","columns","selectable","selectableRows","selected","selection","isRowSelected","focusMode","compositeRowTabsterAttribute","tabbable","appearance","selectionAppearance","toggleRow","dataGridContextValue","onClick","useEventCallback","e","_props_onClick","call","onKeyDown","_props_onKeyDown","key","Space","isInteractiveHTMLElement","target","preventDefault","baseState","useTableRow_unstable","undefined","tabIndex","children","as","components","selectionCell","DataGridSelectionCell","slot","optional","renderByDefault","elementType","renderCell"],"mappings":";;;;+BAgBiBA;;aAAAA;;;6DAhBM;gCAC0C;8BAC3C;6BACe;iCACO;uCACN;8BACD;oCACF;AASxB,MAAMA,0BAA0B,CAACC,OAAOC,MAAM;IACrD,MAAMC,QAAQC,IAAAA,kCAAoB;IAClC,MAAMC,WAAWC,IAAAA,sCAAkB;IACnC,MAAMC,aAAaC,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIC,OAAO;IACjE,MAAMC,aAAaH,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIG,cAAc;IACxE,MAAMC,WAAWL,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIK,SAAS,CAACC,aAAa,CAACZ;IAChF,MAAMa,YAAYR,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIO,SAAS;IAClE,MAAMC,+BAA+BT,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIQ,4BAA4B;IACxG,MAAMC,WAAWF,cAAc,kBAAkBA,cAAc;IAC/D,MAAMG,aAAaX,IAAAA,4CAA2B,EAAC,CAACC,MAAM;QAClD,IAAI,CAACJ,YAAYM,cAAcF,IAAIK,SAAS,CAACC,aAAa,CAACZ,QAAQ;YAC/D,OAAOM,IAAIW,mBAAmB;QAClC,CAAC;QACD,OAAO;IACX;IACA,MAAMC,YAAYb,IAAAA,4CAA2B,EAAC,CAACC,MAAMA,IAAIK,SAAS,CAACO,SAAS;IAC5E,MAAMC,uBAAuBd,IAAAA,4CAA2B,EAAC,CAACC,MAAMA;IAChE,MAAMc,UAAUC,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QAClC,IAAIC;QACJ,IAAIf,cAAc,CAACN,UAAU;YACzBgB,UAAUI,GAAGtB;QACjB,CAAC;QACAuB,CAAAA,iBAAiBzB,MAAMsB,OAAO,AAAD,MAAO,IAAI,IAAIG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAAC1B,OAAOwB,EAAE;IACnH;IACA,MAAMG,YAAYJ,IAAAA,gCAAgB,EAAC,CAACC,IAAI;QACpC,IAAII;QACJ,IAAIlB,cAAc,CAACN,YAAYoB,EAAEK,GAAG,KAAKC,mBAAK,IAAI,CAACC,IAAAA,wCAAwB,EAACP,EAAEQ,MAAM,GAAG;YACnF,iBAAiB;YACjBR,EAAES,cAAc;YAChBb,UAAUI,GAAGtB;QACjB,CAAC;QACA0B,CAAAA,mBAAmB5B,MAAM2B,SAAS,AAAD,MAAO,IAAI,IAAIC,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBF,IAAI,CAAC1B,OAAOwB,EAAE;IAC3H;IACA,MAAMU,YAAYC,IAAAA,iCAAoB,EAAC;QACnCjB;QACA,iBAAiBR,aAAaE,WAAWwB,SAAS;QAClDC,UAAUpB,YAAY,CAACb,WAAW,IAAIgC,SAAS;QAC/C,GAAGrB,cAAc,eAAe,CAACX,YAAYY,4BAA4B;QACzE,GAAGhB,KAAK;QACRsB;QACAK;QACAW,UAAU,IAAI;QACdC,IAAI;IACR,GAAGtC;IACH,OAAO;QACH,GAAGiC,SAAS;QACZM,YAAY;YACR,GAAGN,UAAUM,UAAU;YACvBC,eAAeC,4CAAqB;QACxC;QACAD,eAAeE,oBAAI,CAACC,QAAQ,CAAC5C,MAAMyC,aAAa,EAAE;YAC9CI,iBAAiBnC;YACjBoC,aAAaJ,4CAAqB;QACtC;QACAK,YAAY/C,MAAMsC,QAAQ;QAC1BhC;QACAe;IACJ;AACJ"}

package/lib-commonjs/components/Table/renderTable.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _tableContext = require("../../contexts/tableContext");
 const renderTable_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    (0, _reactUtilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_tableContext.TableContextProvider, {
         value: contextValues.table
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null));
 };

package/lib-commonjs/components/Table/renderTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTable.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { TableContextProvider } from '../../contexts/tableContext';\n/**\n * Render the final JSX of Table\n */ export const renderTable_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(TableContextProvider, {\n        value: contextValues.table\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));\n};\n"],"names":["renderTable_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","TableContextProvider","value","table","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;8BACQ;AAG1B,MAAMA,uBAAuB,CAACC,OAAOC,gBAAgB;IAC5D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,kCAAoB,EAAE;QACrDC,OAAON,cAAcO,KAAK;IAC9B,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC7D"}
+{"version":3,"sources":["renderTable.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TableContextProvider } from '../../contexts/tableContext';\n/**\n * Render the final JSX of Table\n */ export const renderTable_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(TableContextProvider, {\n        value: contextValues.table\n    }, /*#__PURE__*/ createElement(state.root, null));\n};\n"],"names":["renderTable_unstable","state","contextValues","assertSlots","createElement","TableContextProvider","value","table","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;8BACS;AAG1B,MAAMA,uBAAuB,CAACC,OAAOC,gBAAgB;IAC5DC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,kCAAoB,EAAE;QACrDC,OAAOJ,cAAcK,KAAK;IAC9B,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAE,IAAI;AACnD"}

package/lib-commonjs/components/Table/useTable.js

@@ -17,10 +17,12 @@ const useTable_unstable = (props, ref)=>{
         components: {
             root: rootComponent
         },
-        root: (0, _reactUtilities.getNativeElementProps)(rootComponent, {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(rootComponent, {
             ref,
             role: rootComponent === 'div' ? 'table' : undefined,
             ...props
+        }), {
+            elementType: rootComponent
         }),
         size: (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : 'medium',
         noNativeElements: (_props_noNativeElements = props.noNativeElements) !== null && _props_noNativeElements !== void 0 ? _props_noNativeElements : false,

package/lib-commonjs/components/Table/useTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTable.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render Table.\n *\n * The returned state can be modified with hooks such as useTableStyles_unstable,\n * before being passed to renderTable_unstable.\n *\n * @param props - props from this instance of Table\n * @param ref - reference to root HTMLElement of Table\n */ export const useTable_unstable = (props, ref)=>{\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : props.noNativeElements) ? 'div' : 'table';\n    var _props_size, _props_noNativeElements, _props_sortable;\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: getNativeElementProps(rootComponent, {\n            ref,\n            role: rootComponent === 'div' ? 'table' : undefined,\n            ...props\n        }),\n        size: (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : 'medium',\n        noNativeElements: (_props_noNativeElements = props.noNativeElements) !== null && _props_noNativeElements !== void 0 ? _props_noNativeElements : false,\n        sortable: (_props_sortable = props.sortable) !== null && _props_sortable !== void 0 ? _props_sortable : false\n    };\n};\n"],"names":["useTable_unstable","props","ref","_props_as","rootComponent","as","noNativeElements","_props_size","_props_noNativeElements","_props_sortable","components","root","getNativeElementProps","role","undefined","size","sortable"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/C,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYF,MAAMI,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYF,MAAMK,gBAAgB,AAAD,IAAK,QAAQ,OAAO;IACtI,IAAIC,aAAaC,yBAAyBC;IAC1C,OAAO;QACHC,YAAY;YACRC,MAAMP;QACV;QACAO,MAAMC,IAAAA,qCAAqB,EAACR,eAAe;YACvCF;YACAW,MAAMT,kBAAkB,QAAQ,UAAUU,SAAS;YACnD,GAAGb,KAAK;QACZ;QACAc,MAAM,AAACR,CAAAA,cAAcN,MAAMc,IAAI,AAAD,MAAO,IAAI,IAAIR,gBAAgB,KAAK,IAAIA,cAAc,QAAQ;QAC5FD,kBAAkB,AAACE,CAAAA,0BAA0BP,MAAMK,gBAAgB,AAAD,MAAO,IAAI,IAAIE,4BAA4B,KAAK,IAAIA,0BAA0B,KAAK;QACrJQ,UAAU,AAACP,CAAAA,kBAAkBR,MAAMe,QAAQ,AAAD,MAAO,IAAI,IAAIP,oBAAoB,KAAK,IAAIA,kBAAkB,KAAK;IACjH;AACJ"}
+{"version":3,"sources":["useTable.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render Table.\n *\n * The returned state can be modified with hooks such as useTableStyles_unstable,\n * before being passed to renderTable_unstable.\n *\n * @param props - props from this instance of Table\n * @param ref - reference to root HTMLElement of Table\n */ export const useTable_unstable = (props, ref)=>{\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : props.noNativeElements) ? 'div' : 'table';\n    var _props_size, _props_noNativeElements, _props_sortable;\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: slot.always(getNativeElementProps(rootComponent, {\n            ref,\n            role: rootComponent === 'div' ? 'table' : undefined,\n            ...props\n        }), {\n            elementType: rootComponent\n        }),\n        size: (_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : 'medium',\n        noNativeElements: (_props_noNativeElements = props.noNativeElements) !== null && _props_noNativeElements !== void 0 ? _props_noNativeElements : false,\n        sortable: (_props_sortable = props.sortable) !== null && _props_sortable !== void 0 ? _props_sortable : false\n    };\n};\n"],"names":["useTable_unstable","props","ref","_props_as","rootComponent","as","noNativeElements","_props_size","_props_noNativeElements","_props_sortable","components","root","slot","always","getNativeElementProps","role","undefined","elementType","size","sortable"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACqB;AASjC,MAAMA,oBAAoB,CAACC,OAAOC,MAAM;IAC/C,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYF,MAAMI,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYF,MAAMK,gBAAgB,AAAD,IAAK,QAAQ,OAAO;IACtI,IAAIC,aAAaC,yBAAyBC;IAC1C,OAAO;QACHC,YAAY;YACRC,MAAMP;QACV;QACAO,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACV,eAAe;YACnDF;YACAa,MAAMX,kBAAkB,QAAQ,UAAUY,SAAS;YACnD,GAAGf,KAAK;QACZ,IAAI;YACAgB,aAAab;QACjB;QACAc,MAAM,AAACX,CAAAA,cAAcN,MAAMiB,IAAI,AAAD,MAAO,IAAI,IAAIX,gBAAgB,KAAK,IAAIA,cAAc,QAAQ;QAC5FD,kBAAkB,AAACE,CAAAA,0BAA0BP,MAAMK,gBAAgB,AAAD,MAAO,IAAI,IAAIE,4BAA4B,KAAK,IAAIA,0BAA0B,KAAK;QACrJW,UAAU,AAACV,CAAAA,kBAAkBR,MAAMkB,QAAQ,AAAD,MAAO,IAAI,IAAIV,oBAAoB,KAAK,IAAIA,kBAAkB,KAAK;IACjH;AACJ"}

package/lib-commonjs/components/TableBody/renderTableBody.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderTableBody_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderTableBody_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

package/lib-commonjs/components/TableBody/renderTableBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableBody.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableBody\n */ export const renderTableBody_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderTableBody_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,2BAA2B,CAACC,QAAQ;IACjD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"version":3,"sources":["renderTableBody.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableBody\n */ export const renderTableBody_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderTableBody_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,2BAA2B,CAACC,QAAQ;IACjDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}

package/lib-commonjs/components/TableBody/useTableBody.js

@@ -18,10 +18,12 @@ const useTableBody_unstable = (props, ref)=>{
         components: {
             root: rootComponent
         },
-        root: (0, _reactUtilities.getNativeElementProps)(rootComponent, {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(rootComponent, {
             ref,
             role: rootComponent === 'div' ? 'rowgroup' : undefined,
             ...props
+        }), {
+            elementType: rootComponent
         }),
         noNativeElements
     };

package/lib-commonjs/components/TableBody/useTableBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableBody.\n *\n * The returned state can be modified with hooks such as useTableBodyStyles_unstable,\n * before being passed to renderTableBody_unstable.\n *\n * @param props - props from this instance of TableBody\n * @param ref - reference to root HTMLElement of TableBody\n */ export const useTableBody_unstable = (props, ref)=>{\n    const { noNativeElements  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'tbody';\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: getNativeElementProps(rootComponent, {\n            ref,\n            role: rootComponent === 'div' ? 'rowgroup' : undefined,\n            ...props\n        }),\n        noNativeElements\n    };\n};\n"],"names":["useTableBody_unstable","props","ref","noNativeElements","useTableContext","_props_as","rootComponent","as","components","root","getNativeElementProps","role","undefined"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACe;8BACN;AASrB,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,iBAAgB,EAAG,GAAGC,IAAAA,6BAAe;IAC7C,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYJ,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYF,gBAAgB,AAAD,IAAK,QAAQ,OAAO;IAChI,OAAO;QACHK,YAAY;YACRC,MAAMH;QACV;QACAG,MAAMC,IAAAA,qCAAqB,EAACJ,eAAe;YACvCJ;YACAS,MAAML,kBAAkB,QAAQ,aAAaM,SAAS;YACtD,GAAGX,KAAK;QACZ;QACAE;IACJ;AACJ"}
+{"version":3,"sources":["useTableBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableBody.\n *\n * The returned state can be modified with hooks such as useTableBodyStyles_unstable,\n * before being passed to renderTableBody_unstable.\n *\n * @param props - props from this instance of TableBody\n * @param ref - reference to root HTMLElement of TableBody\n */ export const useTableBody_unstable = (props, ref)=>{\n    const { noNativeElements  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'tbody';\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: slot.always(getNativeElementProps(rootComponent, {\n            ref,\n            role: rootComponent === 'div' ? 'rowgroup' : undefined,\n            ...props\n        }), {\n            elementType: rootComponent\n        }),\n        noNativeElements\n    };\n};\n"],"names":["useTableBody_unstable","props","ref","noNativeElements","useTableContext","_props_as","rootComponent","as","components","root","slot","always","getNativeElementProps","role","undefined","elementType"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACqB;8BACZ;AASrB,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,iBAAgB,EAAG,GAAGC,IAAAA,6BAAe;IAC7C,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYJ,MAAMM,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYF,gBAAgB,AAAD,IAAK,QAAQ,OAAO;IAChI,OAAO;QACHK,YAAY;YACRC,MAAMH;QACV;QACAG,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACN,eAAe;YACnDJ;YACAW,MAAMP,kBAAkB,QAAQ,aAAaQ,SAAS;YACtD,GAAGb,KAAK;QACZ,IAAI;YACAc,aAAaT;QACjB;QACAH;IACJ;AACJ"}

package/lib-commonjs/components/TableCell/renderTableCell.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderTableCell_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderTableCell_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

package/lib-commonjs/components/TableCell/renderTableCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableCell.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableCell\n */ export const renderTableCell_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderTableCell_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,2BAA2B,CAACC,QAAQ;IACjD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"version":3,"sources":["renderTableCell.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableCell\n */ export const renderTableCell_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderTableCell_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,2BAA2B,CAACC,QAAQ;IACjDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}

package/lib-commonjs/components/TableCell/useTableCell.js

@@ -18,10 +18,12 @@ const useTableCell_unstable = (props, ref)=>{
         components: {
             root: rootComponent
         },
-        root: (0, _reactUtilities.getNativeElementProps)(rootComponent, {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(rootComponent, {
             ref,
             role: rootComponent === 'div' ? 'cell' : undefined,
             ...props
+        }), {
+            elementType: rootComponent
         }),
         noNativeElements,
         size

package/lib-commonjs/components/TableCell/useTableCell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCell.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableCell.\n *\n * The returned state can be modified with hooks such as useTableCellStyles_unstable,\n * before being passed to renderTableCell_unstable.\n *\n * @param props - props from this instance of TableCell\n * @param ref - reference to root HTMLElement of TableCell\n */ export const useTableCell_unstable = (props, ref)=>{\n    const { noNativeElements , size  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'td';\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: getNativeElementProps(rootComponent, {\n            ref,\n            role: rootComponent === 'div' ? 'cell' : undefined,\n            ...props\n        }),\n        noNativeElements,\n        size\n    };\n};\n"],"names":["useTableCell_unstable","props","ref","noNativeElements","size","useTableContext","_props_as","rootComponent","as","components","root","getNativeElementProps","role","undefined"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACe;8BACN;AASrB,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,iBAAgB,EAAGC,KAAI,EAAG,GAAGC,IAAAA,6BAAe;IACpD,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYL,MAAMO,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYH,gBAAgB,AAAD,IAAK,QAAQ,IAAI;IAC7H,OAAO;QACHM,YAAY;YACRC,MAAMH;QACV;QACAG,MAAMC,IAAAA,qCAAqB,EAACJ,eAAe;YACvCL;YACAU,MAAML,kBAAkB,QAAQ,SAASM,SAAS;YAClD,GAAGZ,KAAK;QACZ;QACAE;QACAC;IACJ;AACJ"}
+{"version":3,"sources":["useTableCell.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\n/**\n * Create the state required to render TableCell.\n *\n * The returned state can be modified with hooks such as useTableCellStyles_unstable,\n * before being passed to renderTableCell_unstable.\n *\n * @param props - props from this instance of TableCell\n * @param ref - reference to root HTMLElement of TableCell\n */ export const useTableCell_unstable = (props, ref)=>{\n    const { noNativeElements , size  } = useTableContext();\n    var _props_as;\n    const rootComponent = ((_props_as = props.as) !== null && _props_as !== void 0 ? _props_as : noNativeElements) ? 'div' : 'td';\n    return {\n        components: {\n            root: rootComponent\n        },\n        root: slot.always(getNativeElementProps(rootComponent, {\n            ref,\n            role: rootComponent === 'div' ? 'cell' : undefined,\n            ...props\n        }), {\n            elementType: rootComponent\n        }),\n        noNativeElements,\n        size\n    };\n};\n"],"names":["useTableCell_unstable","props","ref","noNativeElements","size","useTableContext","_props_as","rootComponent","as","components","root","slot","always","getNativeElementProps","role","undefined","elementType"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACqB;8BACZ;AASrB,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,iBAAgB,EAAGC,KAAI,EAAG,GAAGC,IAAAA,6BAAe;IACpD,IAAIC;IACJ,MAAMC,gBAAgB,AAAC,CAAA,AAACD,CAAAA,YAAYL,MAAMO,EAAE,AAAD,MAAO,IAAI,IAAIF,cAAc,KAAK,IAAIA,YAAYH,gBAAgB,AAAD,IAAK,QAAQ,IAAI;IAC7H,OAAO;QACHM,YAAY;YACRC,MAAMH;QACV;QACAG,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACN,eAAe;YACnDL;YACAY,MAAMP,kBAAkB,QAAQ,SAASQ,SAAS;YAClD,GAAGd,KAAK;QACZ,IAAI;YACAe,aAAaT;QACjB;QACAJ;QACAC;IACJ;AACJ"}

package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js

@@ -61,12 +61,12 @@ const useFlexLayoutStyles = /*#__PURE__*/ (0, _react["__styles"])({
     }
 }, {
     d: [
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
+        ".f22iagw{display:flex;}",
         ".f10tiqix{min-width:0px;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
-        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
-        ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}",
+        ".f122n59{align-items:center;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f1neuvcm{flex-shrink:1;}",
+        ".fkjuxzh{flex-basis:0px;}",
         ".f5pgtk9{min-height:44px;}",
         ".fcep9tg{min-height:34px;}",
         ".f1pha7fy{min-height:24px;}"

package/lib-commonjs/components/TableCell/useTableCellStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n  root: tableCellClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    ha4doy: \"fmrv4ls\"\n  },\n  medium: {\n    Bqenvij: \"f1ft4266\"\n  },\n  small: {\n    Bqenvij: \"fbsu25e\"\n  },\n  \"extra-small\": {\n    Bqenvij: \"frvgh55\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\", \".f1ft4266{height:44px;}\", \".fbsu25e{height:34px;}\", \".frvgh55{height:24px;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bf4jedk: \"f10tiqix\",\n    Bt984gj: \"f122n59\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\"\n  },\n  medium: {\n    sshi5w: \"f5pgtk9\"\n  },\n  small: {\n    sshi5w: \"fcep9tg\"\n  },\n  \"extra-small\": {\n    sshi5w: \"f1pha7fy\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f10tiqix{min-width:0px;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".f5pgtk9{min-height:44px;}\", \".fcep9tg{min-height:34px;}\", \".f1pha7fy{min-height:24px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    De3pzq: \"f1u2r49w\",\n    qhf8xq: \"f10pi13n\",\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    Bn4voq9: \"fz36nt7\",\n    g9k6zt: \"f9znhxp\",\n    Bfpq7zp: \"fqrak0z\",\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"]\n  }\n}, {\n  d: [\".f1u2r49w{background-color:inherit;}\", \".f10pi13n{position:relative;}\", \".f1nbblvp{padding-top:0px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fz36nt7[data-fui-focus-visible]{outline-width:2px;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\"]\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */\nexport const useTableCellStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableCellStyles.styles.js.map"],"names":["tableCellClassName","tableCellClassNames","useTableCellStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","Bh6795r","Bnnss6s","xawz","sshi5w","useStyles","De3pzq","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements","size"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB,MAAlBA;IACAC,mBAAmB,MAAnBA;IAkEAC,2BAA2B,MAA3BA;;uBAtEsC;AAG5C,MAAMF,qBAAqB;AAC3B,MAAMC,sBAAsB;IACjCE,MAAMH;AACR;AACA,MAAMI,uBAAuB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACjDF,MAAM;QACJG,QAAQ;QACRC,QAAQ;IACV;IACAC,QAAQ;QACNC,SAAS;IACX;IACAC,OAAO;QACLD,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAkC;QAAoC;QAA2B;QAA0B;KAAyB;AAC1J;AACA,MAAMC,sBAAsB,WAAW,GAAEP,IAAAA,kBAAQ,EAAC;IAChDF,MAAM;QACJG,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAT,QAAQ;QACNU,QAAQ;IACV;IACAR,OAAO;QACLQ,QAAQ;IACV;IACA,eAAe;QACbA,QAAQ;IACV;AACF,GAAG;IACDP,GAAG;QAAC;QAAwF;QAA6B;QAA2G;QAAqF;QAAuE;QAAgF;QAA8B;QAA8B;KAA8B;AAC5iB;AACA;;CAEC,GACD,MAAMQ,YAAY,WAAW,GAAEd,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJiB,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDrB,GAAG;QAAC;QAAwC;QAAiC;QAA+B;QAAuD;QAAsD;QAAkC;QAAwD;QAA0D;QAA6E;QAA4F;QAA2F;QAAwF;KAAuF;AAClyB;AAIO,MAAMT,8BAA8B+B,CAAAA,QAAS;IAClD,MAAMC,SAASf;IACf,MAAMgB,eAAe;QACnBC,OAAOhC;QACPiC,MAAMzB;IACR;IACAqB,MAAM9B,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACtC,oBAAoBE,IAAI,EAAE+B,OAAO/B,IAAI,EAAE8B,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAAClC,IAAI,GAAGgC,aAAaC,KAAK,CAACjC,IAAI,EAAE8B,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACJ,MAAMQ,IAAI,CAAC,GAAGN,aAAaC,KAAK,CAACH,MAAMQ,IAAI,CAAC,EAAER,MAAM9B,IAAI,CAACmC,SAAS;IACnQ,OAAOL;AACT,GACA,qDAAqD"}
+{"version":3,"sources":["useTableCellStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nexport const tableCellClassName = 'fui-TableCell';\nexport const tableCellClassNames = {\n  root: tableCellClassName\n};\nconst useTableLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f15pt5es\",\n    ha4doy: \"fmrv4ls\"\n  },\n  medium: {\n    Bqenvij: \"f1ft4266\"\n  },\n  small: {\n    Bqenvij: \"fbsu25e\"\n  },\n  \"extra-small\": {\n    Bqenvij: \"frvgh55\"\n  }\n}, {\n  d: [\".f15pt5es{display:table-cell;}\", \".fmrv4ls{vertical-align:middle;}\", \".f1ft4266{height:44px;}\", \".fbsu25e{height:34px;}\", \".frvgh55{height:24px;}\"]\n});\nconst useFlexLayoutStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bf4jedk: \"f10tiqix\",\n    Bt984gj: \"f122n59\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\"\n  },\n  medium: {\n    sshi5w: \"f5pgtk9\"\n  },\n  small: {\n    sshi5w: \"fcep9tg\"\n  },\n  \"extra-small\": {\n    sshi5w: \"f1pha7fy\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f10tiqix{min-width:0px;}\", \".f122n59{align-items:center;}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".fkjuxzh{flex-basis:0px;}\", \".f5pgtk9{min-height:44px;}\", \".fcep9tg{min-height:34px;}\", \".f1pha7fy{min-height:24px;}\"]\n});\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    De3pzq: \"f1u2r49w\",\n    qhf8xq: \"f10pi13n\",\n    z8tnut: \"f1nbblvp\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1ov4xf1\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    Bn4voq9: \"fz36nt7\",\n    g9k6zt: \"f9znhxp\",\n    Bfpq7zp: \"fqrak0z\",\n    kdpuga: [\"f1o2ludy\", \"f1kjnpwc\"],\n    Bw81rd7: [\"f1kjnpwc\", \"f1o2ludy\"],\n    B6xbmo0: [\"fxmnebo\", \"f1witrsb\"],\n    dm238s: [\"f1witrsb\", \"fxmnebo\"]\n  }\n}, {\n  d: [\".f1u2r49w{background-color:inherit;}\", \".f10pi13n{position:relative;}\", \".f1nbblvp{padding-top:0px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fz36nt7[data-fui-focus-visible]{outline-width:2px;}\", \".f9znhxp[data-fui-focus-visible]{outline-style:solid;}\", \".fqrak0z[data-fui-focus-visible]{outline-color:var(--colorStrokeFocus2);}\", \".f1o2ludy[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f1kjnpwc[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".fxmnebo[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusMedium);}\", \".f1witrsb[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusMedium);}\"]\n});\n/**\n * Apply styling to the TableCell slots based on the state\n */\nexport const useTableCellStyles_unstable = state => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles()\n  };\n  state.root.className = mergeClasses(tableCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.noNativeElements ? layoutStyles.flex[state.size] : layoutStyles.table[state.size], state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableCellStyles.styles.js.map"],"names":["tableCellClassName","tableCellClassNames","useTableCellStyles_unstable","root","useTableLayoutStyles","__styles","mc9l5x","ha4doy","medium","Bqenvij","small","d","useFlexLayoutStyles","Bf4jedk","Bt984gj","Bh6795r","Bnnss6s","xawz","sshi5w","useStyles","De3pzq","qhf8xq","z8tnut","z189sj","Byoj8tv","uwmqm3","Bn4voq9","g9k6zt","Bfpq7zp","kdpuga","Bw81rd7","B6xbmo0","dm238s","state","styles","layoutStyles","table","flex","className","mergeClasses","noNativeElements","size"],"mappings":";;;;;;;;;;;IAGaA,kBAAkB,MAAlBA;IACAC,mBAAmB,MAAnBA;IAkEAC,2BAA2B,MAA3BA;;uBAtEsC;AAG5C,MAAMF,qBAAqB;AAC3B,MAAMC,sBAAsB;IACjCE,MAAMH;AACR;AACA,MAAMI,uBAAuB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACjDF,MAAM;QACJG,QAAQ;QACRC,QAAQ;IACV;IACAC,QAAQ;QACNC,SAAS;IACX;IACAC,OAAO;QACLD,SAAS;IACX;IACA,eAAe;QACbA,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAkC;QAAoC;QAA2B;QAA0B;KAAyB;AAC1J;AACA,MAAMC,sBAAsB,WAAW,GAAEP,IAAAA,kBAAQ,EAAC;IAChDF,MAAM;QACJG,QAAQ;QACRO,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAT,QAAQ;QACNU,QAAQ;IACV;IACAR,OAAO;QACLQ,QAAQ;IACV;IACA,eAAe;QACbA,QAAQ;IACV;AACF,GAAG;IACDP,GAAG;QAAC;QAA2B;QAA6B;QAAiC;QAA0B;QAA6B;QAA6B;QAA8B;QAA8B;KAA8B;AAC7Q;AACA;;CAEC,GACD,MAAMQ,YAAY,WAAW,GAAEd,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJiB,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAW;QACjCC,SAAS;YAAC;YAAW;SAAW;QAChCC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDrB,GAAG;QAAC;QAAwC;QAAiC;QAA+B;QAAuD;QAAsD;QAAkC;QAAwD;QAA0D;QAA6E;QAA4F;QAA2F;QAAwF;KAAuF;AAClyB;AAIO,MAAMT,8BAA8B+B,CAAAA,QAAS;IAClD,MAAMC,SAASf;IACf,MAAMgB,eAAe;QACnBC,OAAOhC;QACPiC,MAAMzB;IACR;IACAqB,MAAM9B,IAAI,CAACmC,SAAS,GAAGC,IAAAA,mBAAY,EAACtC,oBAAoBE,IAAI,EAAE+B,OAAO/B,IAAI,EAAE8B,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAAClC,IAAI,GAAGgC,aAAaC,KAAK,CAACjC,IAAI,EAAE8B,MAAMO,gBAAgB,GAAGL,aAAaE,IAAI,CAACJ,MAAMQ,IAAI,CAAC,GAAGN,aAAaC,KAAK,CAACH,MAAMQ,IAAI,CAAC,EAAER,MAAM9B,IAAI,CAACmC,SAAS;IACnQ,OAAOL;AACT,GACA,qDAAqD"}

package/lib-commonjs/components/TableCellActions/renderTableCellActions.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderTableCellActions_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderTableCellActions_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root);
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null);
 };

package/lib-commonjs/components/TableCellActions/renderTableCellActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableCellActions.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableCellActions\n */ export const renderTableCellActions_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root);\n};\n"],"names":["renderTableCellActions_unstable","state","slots","slotProps","getSlotsNext","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,kCAAkC,CAACC,QAAQ;IACxD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI;AACjE"}
+{"version":3,"sources":["renderTableCellActions.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of TableCellActions\n */ export const renderTableCellActions_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null);\n};\n"],"names":["renderTableCellActions_unstable","state","assertSlots","createElement","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,kCAAkC,CAACC,QAAQ;IACxDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACF,MAAMG,IAAI,EAAE,IAAI;AACvD"}

package/lib-commonjs/components/TableCellActions/useTableCellActions.js

@@ -15,9 +15,11 @@ const useTableCellActions_unstable = (props, ref)=>{
         components: {
             root: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         }),
         visible: (_props_visible = props.visible) !== null && _props_visible !== void 0 ? _props_visible : false
     };

package/lib-commonjs/components/TableCellActions/useTableCellActions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */ export const useTableCellActions_unstable = (props, ref)=>{\n    var _props_visible;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        }),\n        visible: (_props_visible = props.visible) !== null && _props_visible !== void 0 ? _props_visible : false\n    };\n};\n"],"names":["useTableCellActions_unstable","props","ref","_props_visible","components","root","getNativeElementProps","visible"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,+BAA+B,CAACC,OAAOC,MAAM;IAC1D,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BJ;YACA,GAAGD,KAAK;QACZ;QACAM,SAAS,AAACJ,CAAAA,iBAAiBF,MAAMM,OAAO,AAAD,MAAO,IAAI,IAAIJ,mBAAmB,KAAK,IAAIA,iBAAiB,KAAK;IAC5G;AACJ"}
+{"version":3,"sources":["useTableCellActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render TableCellActions.\n *\n * The returned state can be modified with hooks such as useTableCellActionsStyles_unstable,\n * before being passed to renderTableCellActions_unstable.\n *\n * @param props - props from this instance of TableCellActions\n * @param ref - reference to root HTMLElement of TableCellActions\n */ export const useTableCellActions_unstable = (props, ref)=>{\n    var _props_visible;\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        visible: (_props_visible = props.visible) !== null && _props_visible !== void 0 ? _props_visible : false\n    };\n};\n"],"names":["useTableCellActions_unstable","props","ref","_props_visible","components","root","slot","always","getNativeElementProps","elementType","visible"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACqB;AASjC,MAAMA,+BAA+B,CAACC,OAAOC,MAAM;IAC1D,IAAIC;IACJ,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CN;YACA,GAAGD,KAAK;QACZ,IAAI;YACAQ,aAAa;QACjB;QACAC,SAAS,AAACP,CAAAA,iBAAiBF,MAAMS,OAAO,AAAD,MAAO,IAAI,IAAIP,mBAAmB,KAAK,IAAIA,iBAAiB,KAAK;IAC5G;AACJ"}

package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js

@@ -44,7 +44,7 @@ const tableCellActionsClassNames = {
         ".f10k790i{right:0px;}",
         ".f1xynx9j{left:0px;}",
         ".f1i1t8d1{top:50%;}",
-        ".f188r07x{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}",
+        ".f188r07x{transform:translateY(-50%);}",
         ".fk73vx1{opacity:0;}",
         ".fcgxt0o{margin-left:auto;}",
         ".f1ujusj6{margin-right:auto;}",

package/lib-commonjs/components/TableCellActions/useTableCellActionsStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tableCellActionsClassNames = {\n  root: 'fui-TableCellActions'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    De3pzq: \"f1u2r49w\",\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f10k790i\", \"f1xynx9j\"],\n    Bhzewxz: \"f1i1t8d1\",\n    Bz10aip: \"f188r07x\",\n    abs64n: \"fk73vx1\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"]\n  },\n  visible: {\n    abs64n: \"f5p0z4x\"\n  }\n}, {\n  d: [\".f1u2r49w{background-color:inherit;}\", \".f1euv43f{position:absolute;}\", \".f10k790i{right:0px;}\", \".f1xynx9j{left:0px;}\", \".f1i1t8d1{top:50%;}\", \".f188r07x{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}\", \".fk73vx1{opacity:0;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f5p0z4x{opacity:1;}\"]\n});\n/**\n * Apply styling to the TableCellActions slots based on the state\n */\nexport const useTableCellActionsStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableCellActionsStyles.styles.js.map"],"names":["tableCellActionsClassNames","useTableCellActionsStyles_unstable","root","useStyles","__styles","De3pzq","qhf8xq","j35jbq","Bhzewxz","Bz10aip","abs64n","Frg6f3","visible","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,0BAA0B,MAA1BA;IAyBAC,kCAAkC,MAAlCA;;uBA1B0B;AAChC,MAAMD,6BAA6B;IACxCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,SAAS;QACPF,QAAQ;IACV;AACF,GAAG;IACDG,GAAG;QAAC;QAAwC;QAAiC;QAAyB;QAAwB;QAAuB;QAA4I;QAAwB;QAA+B;QAAiC;KAAuB;AAClZ;AAIO,MAAMZ,qCAAqCa,CAAAA,QAAS;IACzD,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,2BAA2BE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMF,OAAO,IAAIG,OAAOH,OAAO,EAAEE,MAAMZ,IAAI,CAACc,SAAS;IACvI,OAAOF;AACT,GACA,4DAA4D"}
+{"version":3,"sources":["useTableCellActionsStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nexport const tableCellActionsClassNames = {\n  root: 'fui-TableCellActions'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    De3pzq: \"f1u2r49w\",\n    qhf8xq: \"f1euv43f\",\n    j35jbq: [\"f10k790i\", \"f1xynx9j\"],\n    Bhzewxz: \"f1i1t8d1\",\n    Bz10aip: \"f188r07x\",\n    abs64n: \"fk73vx1\",\n    Frg6f3: [\"fcgxt0o\", \"f1ujusj6\"]\n  },\n  visible: {\n    abs64n: \"f5p0z4x\"\n  }\n}, {\n  d: [\".f1u2r49w{background-color:inherit;}\", \".f1euv43f{position:absolute;}\", \".f10k790i{right:0px;}\", \".f1xynx9j{left:0px;}\", \".f1i1t8d1{top:50%;}\", \".f188r07x{transform:translateY(-50%);}\", \".fk73vx1{opacity:0;}\", \".fcgxt0o{margin-left:auto;}\", \".f1ujusj6{margin-right:auto;}\", \".f5p0z4x{opacity:1;}\"]\n});\n/**\n * Apply styling to the TableCellActions slots based on the state\n */\nexport const useTableCellActionsStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(tableCellActionsClassNames.root, styles.root, state.visible && styles.visible, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useTableCellActionsStyles.styles.js.map"],"names":["tableCellActionsClassNames","useTableCellActionsStyles_unstable","root","useStyles","__styles","De3pzq","qhf8xq","j35jbq","Bhzewxz","Bz10aip","abs64n","Frg6f3","visible","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,0BAA0B,MAA1BA;IAyBAC,kCAAkC,MAAlCA;;uBA1B0B;AAChC,MAAMD,6BAA6B;IACxCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,SAAS;QACPF,QAAQ;IACV;AACF,GAAG;IACDG,GAAG;QAAC;QAAwC;QAAiC;QAAyB;QAAwB;QAAuB;QAA0C;QAAwB;QAA+B;QAAiC;KAAuB;AAChT;AAIO,MAAMZ,qCAAqCa,CAAAA,QAAS;IACzD,MAAMC,SAASZ;IACfW,MAAMZ,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACjB,2BAA2BE,IAAI,EAAEa,OAAOb,IAAI,EAAEY,MAAMF,OAAO,IAAIG,OAAOH,OAAO,EAAEE,MAAMZ,IAAI,CAACc,SAAS;IACvI,OAAOF;AACT,GACA,4DAA4D"}

package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _reactAvatar = require("@fluentui/react-avatar");
 const renderTableCellLayout_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slots.media && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactAvatar.AvatarContextProvider, {
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.media && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactAvatar.AvatarContextProvider, {
         value: contextValues.avatar
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.media, slotProps.media)), slots.content && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.content, slotProps.content, slots.main && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.main, slotProps.main, slotProps.root.children), slots.description && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.description, slotProps.description)));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.media, null)), state.content && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.content, null, state.main && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.main, null, state.root.children), state.description && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.description, null)));
 };

package/lib-commonjs/components/TableCellLayout/renderTableCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableCellLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\n/**\n * Render the final JSX of TableCellLayout\n */ export const renderTableCellLayout_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.media && /*#__PURE__*/ createElement(AvatarContextProvider, {\n        value: contextValues.avatar\n    }, /*#__PURE__*/ createElement(slots.media, slotProps.media)), slots.content && /*#__PURE__*/ createElement(slots.content, slotProps.content, slots.main && /*#__PURE__*/ createElement(slots.main, slotProps.main, slotProps.root.children), slots.description && /*#__PURE__*/ createElement(slots.description, slotProps.description)));\n};\n"],"names":["renderTableCellLayout_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","media","AvatarContextProvider","value","avatar","content","main","children","description"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;6BACS;AAG3B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAgB;IACtE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAEJ,MAAMK,KAAK,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACG,kCAAqB,EAAE;QAC7HC,OAAOR,cAAcS,MAAM;IAC/B,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMK,KAAK,EAAEJ,UAAUI,KAAK,IAAIL,MAAMS,OAAO,IAAI,WAAW,GAAGN,IAAAA,8BAAa,EAACH,MAAMS,OAAO,EAAER,UAAUQ,OAAO,EAAET,MAAMU,IAAI,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,IAAI,EAAET,UAAUS,IAAI,EAAET,UAAUG,IAAI,CAACO,QAAQ,GAAGX,MAAMY,WAAW,IAAI,WAAW,GAAGT,IAAAA,8BAAa,EAACH,MAAMY,WAAW,EAAEX,UAAUW,WAAW;AAC3U"}
+{"version":3,"sources":["renderTableCellLayout.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AvatarContextProvider } from '@fluentui/react-avatar';\n/**\n * Render the final JSX of TableCellLayout\n */ export const renderTableCellLayout_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, state.media && /*#__PURE__*/ createElement(AvatarContextProvider, {\n        value: contextValues.avatar\n    }, /*#__PURE__*/ createElement(state.media, null)), state.content && /*#__PURE__*/ createElement(state.content, null, state.main && /*#__PURE__*/ createElement(state.main, null, state.root.children), state.description && /*#__PURE__*/ createElement(state.description, null)));\n};\n"],"names":["renderTableCellLayout_unstable","state","contextValues","assertSlots","createElement","root","media","AvatarContextProvider","value","avatar","content","main","children","description"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;6BACU;AAG3B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAgB;IACtEC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAE,IAAI,EAAEJ,MAAMK,KAAK,IAAI,WAAW,GAAGF,IAAAA,8BAAa,EAACG,kCAAqB,EAAE;QACnHC,OAAON,cAAcO,MAAM;IAC/B,GAAG,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMK,KAAK,EAAE,IAAI,IAAIL,MAAMS,OAAO,IAAI,WAAW,GAAGN,IAAAA,8BAAa,EAACH,MAAMS,OAAO,EAAE,IAAI,EAAET,MAAMU,IAAI,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,IAAI,EAAE,IAAI,EAAEV,MAAMI,IAAI,CAACO,QAAQ,GAAGX,MAAMY,WAAW,IAAI,WAAW,GAAGT,IAAAA,8BAAa,EAACH,MAAMY,WAAW,EAAE,IAAI;AACpR"}

package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js

@@ -25,19 +25,27 @@ const useTableCellLayout_unstable = (props, ref)=>{
             content: 'div',
             media: 'span'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         }),
         appearance: props.appearance,
         truncate: props.truncate,
-        main: (0, _reactUtilities.resolveShorthand)(props.main, {
-            required: true
+        main: _reactUtilities.slot.optional(props.main, {
+            renderByDefault: true,
+            elementType: 'span'
         }),
-        media: (0, _reactUtilities.resolveShorthand)(props.media),
-        description: (0, _reactUtilities.resolveShorthand)(props.description),
-        content: (0, _reactUtilities.resolveShorthand)(props.content, {
-            required: !!props.description || !!props.children
+        media: _reactUtilities.slot.optional(props.media, {
+            elementType: 'span'
+        }),
+        description: _reactUtilities.slot.optional(props.description, {
+            elementType: 'span'
+        }),
+        content: _reactUtilities.slot.optional(props.content, {
+            renderByDefault: !!props.description || !!props.children,
+            elementType: 'div'
         }),
         avatarSize: tableAvatarSizeMap[size],
         size

package/lib-commonjs/components/TableCellLayout/useTableCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\nconst tableAvatarSizeMap = {\n    medium: 32,\n    small: 24,\n    'extra-small': 20\n};\n/**\n * Create the state required to render TableCellLayout.\n *\n * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,\n * before being passed to renderTableCellLayout_unstable.\n *\n * @param props - props from this instance of TableCellLayout\n * @param ref - reference to root HTMLElement of TableCellLayout\n */ export const useTableCellLayout_unstable = (props, ref)=>{\n    const { size  } = useTableContext();\n    return {\n        components: {\n            root: 'div',\n            main: 'span',\n            description: 'span',\n            content: 'div',\n            media: 'span'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        }),\n        appearance: props.appearance,\n        truncate: props.truncate,\n        main: resolveShorthand(props.main, {\n            required: true\n        }),\n        media: resolveShorthand(props.media),\n        description: resolveShorthand(props.description),\n        content: resolveShorthand(props.content, {\n            required: !!props.description || !!props.children\n        }),\n        avatarSize: tableAvatarSizeMap[size],\n        size\n    };\n};\n"],"names":["useTableCellLayout_unstable","tableAvatarSizeMap","medium","small","props","ref","size","useTableContext","components","root","main","description","content","media","getNativeElementProps","appearance","truncate","resolveShorthand","required","children","avatarSize"],"mappings":";;;;+BAgBiBA;;aAAAA;;;6DAhBM;gCACiC;8BACxB;AAChC,MAAMC,qBAAqB;IACvBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACnB;AASW,MAAMH,8BAA8B,CAACI,OAAOC,MAAM;IACzD,MAAM,EAAEC,KAAI,EAAG,GAAGC,IAAAA,6BAAe;IACjC,OAAO;QACHC,YAAY;YACRC,MAAM;YACNC,MAAM;YACNC,aAAa;YACbC,SAAS;YACTC,OAAO;QACX;QACAJ,MAAMK,IAAAA,qCAAqB,EAAC,OAAO;YAC/BT;YACA,GAAGD,KAAK;QACZ;QACAW,YAAYX,MAAMW,UAAU;QAC5BC,UAAUZ,MAAMY,QAAQ;QACxBN,MAAMO,IAAAA,gCAAgB,EAACb,MAAMM,IAAI,EAAE;YAC/BQ,UAAU,IAAI;QAClB;QACAL,OAAOI,IAAAA,gCAAgB,EAACb,MAAMS,KAAK;QACnCF,aAAaM,IAAAA,gCAAgB,EAACb,MAAMO,WAAW;QAC/CC,SAASK,IAAAA,gCAAgB,EAACb,MAAMQ,OAAO,EAAE;YACrCM,UAAU,CAAC,CAACd,MAAMO,WAAW,IAAI,CAAC,CAACP,MAAMe,QAAQ;QACrD;QACAC,YAAYnB,kBAAkB,CAACK,KAAK;QACpCA;IACJ;AACJ"}
+{"version":3,"sources":["useTableCellLayout.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useTableContext } from '../../contexts/tableContext';\nconst tableAvatarSizeMap = {\n    medium: 32,\n    small: 24,\n    'extra-small': 20\n};\n/**\n * Create the state required to render TableCellLayout.\n *\n * The returned state can be modified with hooks such as useTableCellLayoutStyles_unstable,\n * before being passed to renderTableCellLayout_unstable.\n *\n * @param props - props from this instance of TableCellLayout\n * @param ref - reference to root HTMLElement of TableCellLayout\n */ export const useTableCellLayout_unstable = (props, ref)=>{\n    const { size  } = useTableContext();\n    return {\n        components: {\n            root: 'div',\n            main: 'span',\n            description: 'span',\n            content: 'div',\n            media: 'span'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        appearance: props.appearance,\n        truncate: props.truncate,\n        main: slot.optional(props.main, {\n            renderByDefault: true,\n            elementType: 'span'\n        }),\n        media: slot.optional(props.media, {\n            elementType: 'span'\n        }),\n        description: slot.optional(props.description, {\n            elementType: 'span'\n        }),\n        content: slot.optional(props.content, {\n            renderByDefault: !!props.description || !!props.children,\n            elementType: 'div'\n        }),\n        avatarSize: tableAvatarSizeMap[size],\n        size\n    };\n};\n"],"names":["useTableCellLayout_unstable","tableAvatarSizeMap","medium","small","props","ref","size","useTableContext","components","root","main","description","content","media","slot","always","getNativeElementProps","elementType","appearance","truncate","optional","renderByDefault","children","avatarSize"],"mappings":";;;;+BAgBiBA;;aAAAA;;;6DAhBM;gCACqB;8BACZ;AAChC,MAAMC,qBAAqB;IACvBC,QAAQ;IACRC,OAAO;IACP,eAAe;AACnB;AASW,MAAMH,8BAA8B,CAACI,OAAOC,MAAM;IACzD,MAAM,EAAEC,KAAI,EAAG,GAAGC,IAAAA,6BAAe;IACjC,OAAO;QACHC,YAAY;YACRC,MAAM;YACNC,MAAM;YACNC,aAAa;YACbC,SAAS;YACTC,OAAO;QACX;QACAJ,MAAMK,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CX;YACA,GAAGD,KAAK;QACZ,IAAI;YACAa,aAAa;QACjB;QACAC,YAAYd,MAAMc,UAAU;QAC5BC,UAAUf,MAAMe,QAAQ;QACxBT,MAAMI,oBAAI,CAACM,QAAQ,CAAChB,MAAMM,IAAI,EAAE;YAC5BW,iBAAiB,IAAI;YACrBJ,aAAa;QACjB;QACAJ,OAAOC,oBAAI,CAACM,QAAQ,CAAChB,MAAMS,KAAK,EAAE;YAC9BI,aAAa;QACjB;QACAN,aAAaG,oBAAI,CAACM,QAAQ,CAAChB,MAAMO,WAAW,EAAE;YAC1CM,aAAa;QACjB;QACAL,SAASE,oBAAI,CAACM,QAAQ,CAAChB,MAAMQ,OAAO,EAAE;YAClCS,iBAAiB,CAAC,CAACjB,MAAMO,WAAW,IAAI,CAAC,CAACP,MAAMkB,QAAQ;YACxDL,aAAa;QACjB;QACAM,YAAYtB,kBAAkB,CAACK,KAAK;QACpCA;IACJ;AACJ"}

package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js

@@ -72,15 +72,15 @@ const tableCellLayoutClassNames = {
     }
 }, {
     d: [
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}",
+        ".f22iagw{display:flex;}",
+        ".f122n59{align-items:center;}",
+        ".fsnqrgy{column-gap:var(--spacingHorizontalS);}",
         ".fylz90v{row-gap:var(--spacingHorizontalS);}",
-        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
-        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
-        ".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}",
+        ".fqerorx{flex-grow:1;}",
+        ".f1neuvcm{flex-shrink:1;}",
+        ".fkjuxzh{flex-basis:0px;}",
         ".f1p9o1ba{overflow-x:hidden;}",
-        ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
+        ".f1vx9l62{flex-direction:column;}",
         ".f4ybsrx{font-size:16px;}",
         ".fe5j1ua{font-size:20px;}",
         ".f1rt2boy{font-size:24px;}",

package/lib-commonjs/components/TableCellLayout/useTableCellLayoutStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n  root: 'fui-TableCellLayout',\n  media: 'fui-TableCellLayout__media',\n  main: 'fui-TableCellLayout__main',\n  description: 'fui-TableCellLayout__description',\n  content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"fsnqrgy\",\n    Belr9w4: \"fylz90v\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\"\n  },\n  rootTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  content: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\"\n  },\n  contentTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  media: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  },\n  mediaExtraSmall: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  mediaSmallAndMedium: {\n    Be2twd7: \"fe5j1ua\"\n  },\n  mediaPrimary: {\n    Be2twd7: \"f1rt2boy\"\n  },\n  mainPrimary: {\n    Bhrd7zp: \"fl43uef\"\n  },\n  mainTruncate: {\n    B68tc82: \"f1p9o1ba\",\n    Huce71: \"fz5stix\",\n    ygn44y: \"f1cmbuwj\"\n  },\n  description: {\n    sj55zd: \"fkfq4zb\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".fkjuxzh{-webkit-flex-basis:0px;-ms-flex-preferred-size:0px;flex-basis:0px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fz5stix{white-space:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    truncate\n  } = state;\n  state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n  const primary = state.appearance === 'primary';\n  if (state.media) {\n    const mediaSizedStyles = {\n      small: styles.mediaSmallAndMedium,\n      medium: styles.mediaSmallAndMedium,\n      'extra-small': styles.mediaExtraSmall\n    };\n    state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n  }\n  if (state.main) {\n    state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n  }\n  if (state.content) {\n    state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableCellLayoutStyles.styles.js.map"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","Bh6795r","Bnnss6s","xawz","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB,MAAzBA;IAgEAC,iCAAiC,MAAjCA;;uBAnEsC;AAG5C,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCN,MAAM;QACJO,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAC,cAAc;QACZC,SAAS;IACX;IACAX,SAAS;QACPG,QAAQ;QACRS,SAAS;IACX;IACAC,iBAAiB;QACfF,SAAS;IACX;IACAd,OAAO;QACLM,QAAQ;QACRC,SAAS;IACX;IACAU,iBAAiB;QACfC,SAAS;IACX;IACAC,qBAAqB;QACnBD,SAAS;IACX;IACAE,cAAc;QACZF,SAAS;IACX;IACAG,aAAa;QACXC,SAAS;IACX;IACAC,cAAc;QACZT,SAAS;QACTU,QAAQ;QACRC,QAAQ;IACV;IACAvB,aAAa;QACXwB,QAAQ;QACRC,SAAS;QACTT,SAAS;QACTI,SAAS;QACTM,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAA2G;QAAgG;QAAgD;QAAqF;QAAuE;QAAgF;QAAiC;QAA6F;QAA6B;QAA6B;QAA8B;QAAoD;QAAiC;QAAsC;QAAmD;QAAgD;QAA+C;QAAmD;KAAkD;AAC7oC;AAIO,MAAM/B,oCAAoCgC,CAAAA,QAAS;IACxD,MAAMC,SAAS3B;IACf,MAAM,EACJ4B,SAAQ,EACT,GAAGF;IACJA,MAAM/B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BE,IAAI,EAAEgC,OAAOhC,IAAI,EAAEiC,YAAYD,OAAOlB,YAAY,EAAEiB,MAAM/B,IAAI,CAACkC,SAAS;IACtI,MAAME,UAAUL,MAAMM,UAAU,KAAK;IACrC,IAAIN,MAAM9B,KAAK,EAAE;QACf,MAAMqC,mBAAmB;YACvBC,OAAOP,OAAOZ,mBAAmB;YACjCoB,QAAQR,OAAOZ,mBAAmB;YAClC,eAAeY,OAAOd,eAAe;QACvC;QACAa,MAAM9B,KAAK,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BG,KAAK,EAAE+B,OAAO/B,KAAK,EAAEqC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAAEL,WAAWJ,OAAOX,YAAY,EAAEU,MAAM9B,KAAK,CAACiC,SAAS;IACzK,CAAC;IACD,IAAIH,MAAM7B,IAAI,EAAE;QACd6B,MAAM7B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BI,IAAI,EAAE+B,YAAYD,OAAOR,YAAY,EAAEY,WAAWJ,OAAOV,WAAW,EAAES,MAAM7B,IAAI,CAACgC,SAAS;IAC1J,CAAC;IACD,IAAIH,MAAM5B,WAAW,EAAE;QACrB4B,MAAM5B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BK,WAAW,EAAE6B,OAAO7B,WAAW,EAAE4B,MAAM5B,WAAW,CAAC+B,SAAS;IACnI,CAAC;IACD,IAAIH,MAAM3B,OAAO,EAAE;QACjB2B,MAAM3B,OAAO,CAAC8B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BM,OAAO,EAAE4B,OAAO5B,OAAO,EAAE6B,YAAYD,OAAOf,eAAe,EAAEc,MAAM3B,OAAO,CAAC8B,SAAS;IACvJ,CAAC;IACD,OAAOH;AACT,GACA,2DAA2D"}
+{"version":3,"sources":["useTableCellLayoutStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const tableCellLayoutClassNames = {\n  root: 'fui-TableCellLayout',\n  media: 'fui-TableCellLayout__media',\n  main: 'fui-TableCellLayout__main',\n  description: 'fui-TableCellLayout__description',\n  content: 'fui-TableCellLayout__content'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"fsnqrgy\",\n    Belr9w4: \"fylz90v\",\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"fkjuxzh\"\n  },\n  rootTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  content: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\"\n  },\n  contentTruncate: {\n    B68tc82: \"f1p9o1ba\"\n  },\n  media: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\"\n  },\n  mediaExtraSmall: {\n    Be2twd7: \"f4ybsrx\"\n  },\n  mediaSmallAndMedium: {\n    Be2twd7: \"fe5j1ua\"\n  },\n  mediaPrimary: {\n    Be2twd7: \"f1rt2boy\"\n  },\n  mainPrimary: {\n    Bhrd7zp: \"fl43uef\"\n  },\n  mainTruncate: {\n    B68tc82: \"f1p9o1ba\",\n    Huce71: \"fz5stix\",\n    ygn44y: \"f1cmbuwj\"\n  },\n  description: {\n    sj55zd: \"fkfq4zb\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".fylz90v{row-gap:var(--spacingHorizontalS);}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".fkjuxzh{flex-basis:0px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1vx9l62{flex-direction:column;}\", \".f4ybsrx{font-size:16px;}\", \".fe5j1ua{font-size:20px;}\", \".f1rt2boy{font-size:24px;}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".fz5stix{white-space:nowrap;}\", \".f1cmbuwj{text-overflow:ellipsis;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\"]\n});\n/**\n * Apply styling to the TableCellLayout slots based on the state\n */\nexport const useTableCellLayoutStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    truncate\n  } = state;\n  state.root.className = mergeClasses(tableCellLayoutClassNames.root, styles.root, truncate && styles.rootTruncate, state.root.className);\n  const primary = state.appearance === 'primary';\n  if (state.media) {\n    const mediaSizedStyles = {\n      small: styles.mediaSmallAndMedium,\n      medium: styles.mediaSmallAndMedium,\n      'extra-small': styles.mediaExtraSmall\n    };\n    state.media.className = mergeClasses(tableCellLayoutClassNames.media, styles.media, mediaSizedStyles[state.size], primary && styles.mediaPrimary, state.media.className);\n  }\n  if (state.main) {\n    state.main.className = mergeClasses(tableCellLayoutClassNames.main, truncate && styles.mainTruncate, primary && styles.mainPrimary, state.main.className);\n  }\n  if (state.description) {\n    state.description.className = mergeClasses(tableCellLayoutClassNames.description, styles.description, state.description.className);\n  }\n  if (state.content) {\n    state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, truncate && styles.contentTruncate, state.content.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useTableCellLayoutStyles.styles.js.map"],"names":["tableCellLayoutClassNames","useTableCellLayoutStyles_unstable","root","media","main","description","content","useStyles","__styles","mc9l5x","Bt984gj","i8kkvl","Belr9w4","Bh6795r","Bnnss6s","xawz","rootTruncate","B68tc82","Beiy3e4","contentTruncate","mediaExtraSmall","Be2twd7","mediaSmallAndMedium","mediaPrimary","mainPrimary","Bhrd7zp","mainTruncate","Huce71","ygn44y","sj55zd","Bahqtrf","Bg96gwp","d","state","styles","truncate","className","mergeClasses","primary","appearance","mediaSizedStyles","small","medium","size"],"mappings":";;;;;;;;;;;IAGaA,yBAAyB,MAAzBA;IAgEAC,iCAAiC,MAAjCA;;uBAnEsC;AAG5C,MAAMD,4BAA4B;IACvCE,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,aAAa;IACbC,SAAS;AACX;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCN,MAAM;QACJO,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,MAAM;IACR;IACAC,cAAc;QACZC,SAAS;IACX;IACAX,SAAS;QACPG,QAAQ;QACRS,SAAS;IACX;IACAC,iBAAiB;QACfF,SAAS;IACX;IACAd,OAAO;QACLM,QAAQ;QACRC,SAAS;IACX;IACAU,iBAAiB;QACfC,SAAS;IACX;IACAC,qBAAqB;QACnBD,SAAS;IACX;IACAE,cAAc;QACZF,SAAS;IACX;IACAG,aAAa;QACXC,SAAS;IACX;IACAC,cAAc;QACZT,SAAS;QACTU,QAAQ;QACRC,QAAQ;IACV;IACAvB,aAAa;QACXwB,QAAQ;QACRC,SAAS;QACTT,SAAS;QACTI,SAAS;QACTM,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAAiC;QAAmD;QAAgD;QAA0B;QAA6B;QAA6B;QAAiC;QAAqC;QAA6B;QAA6B;QAA8B;QAAoD;QAAiC;QAAsC;QAAmD;QAAgD;QAA+C;QAAmD;KAAkD;AACzwB;AAIO,MAAM/B,oCAAoCgC,CAAAA,QAAS;IACxD,MAAMC,SAAS3B;IACf,MAAM,EACJ4B,SAAQ,EACT,GAAGF;IACJA,MAAM/B,IAAI,CAACkC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BE,IAAI,EAAEgC,OAAOhC,IAAI,EAAEiC,YAAYD,OAAOlB,YAAY,EAAEiB,MAAM/B,IAAI,CAACkC,SAAS;IACtI,MAAME,UAAUL,MAAMM,UAAU,KAAK;IACrC,IAAIN,MAAM9B,KAAK,EAAE;QACf,MAAMqC,mBAAmB;YACvBC,OAAOP,OAAOZ,mBAAmB;YACjCoB,QAAQR,OAAOZ,mBAAmB;YAClC,eAAeY,OAAOd,eAAe;QACvC;QACAa,MAAM9B,KAAK,CAACiC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BG,KAAK,EAAE+B,OAAO/B,KAAK,EAAEqC,gBAAgB,CAACP,MAAMU,IAAI,CAAC,EAAEL,WAAWJ,OAAOX,YAAY,EAAEU,MAAM9B,KAAK,CAACiC,SAAS;IACzK,CAAC;IACD,IAAIH,MAAM7B,IAAI,EAAE;QACd6B,MAAM7B,IAAI,CAACgC,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BI,IAAI,EAAE+B,YAAYD,OAAOR,YAAY,EAAEY,WAAWJ,OAAOV,WAAW,EAAES,MAAM7B,IAAI,CAACgC,SAAS;IAC1J,CAAC;IACD,IAAIH,MAAM5B,WAAW,EAAE;QACrB4B,MAAM5B,WAAW,CAAC+B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BK,WAAW,EAAE6B,OAAO7B,WAAW,EAAE4B,MAAM5B,WAAW,CAAC+B,SAAS;IACnI,CAAC;IACD,IAAIH,MAAM3B,OAAO,EAAE;QACjB2B,MAAM3B,OAAO,CAAC8B,SAAS,GAAGC,IAAAA,mBAAY,EAACrC,0BAA0BM,OAAO,EAAE4B,OAAO5B,OAAO,EAAE6B,YAAYD,OAAOf,eAAe,EAAEc,MAAM3B,OAAO,CAAC8B,SAAS;IACvJ,CAAC;IACD,OAAOH;AACT,GACA,2DAA2D"}

package/lib-commonjs/components/TableHeader/renderTableHeader.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _tableHeaderContext = require("../../contexts/tableHeaderContext");
 const renderTableHeader_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    (0, _reactUtilities.assertSlots)(state);
     return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_tableHeaderContext.TableHeaderContextProvider, {
         value: ""
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null));
 };

package/lib-commonjs/components/TableHeader/renderTableHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderTableHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\n/**\n * Render the final JSX of TableHeader\n */ export const renderTableHeader_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(TableHeaderContextProvider, {\n        value: \"\"\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root));\n};\n"],"names":["renderTableHeader_unstable","state","slots","slotProps","getSlotsNext","createElement","TableHeaderContextProvider","value","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;oCACc;AAGhC,MAAMA,6BAA6B,CAACC,QAAQ;IACnD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACC,8CAA0B,EAAE;QAC3DC,OAAO;IACX,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI;AAC7D"}
+{"version":3,"sources":["renderTableHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { TableHeaderContextProvider } from '../../contexts/tableHeaderContext';\n/**\n * Render the final JSX of TableHeader\n */ export const renderTableHeader_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(TableHeaderContextProvider, {\n        value: \"\"\n    }, /*#__PURE__*/ createElement(state.root, null));\n};\n"],"names":["renderTableHeader_unstable","state","assertSlots","createElement","TableHeaderContextProvider","value","root"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;oCACe;AAGhC,MAAMA,6BAA6B,CAACC,QAAQ;IACnDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,8BAAa,EAACC,8CAA0B,EAAE;QAC3DC,OAAO;IACX,GAAG,WAAW,GAAGF,IAAAA,8BAAa,EAACF,MAAMK,IAAI,EAAE,IAAI;AACnD"}