@fluentui/react-table 9.0.0-rc.4 → 9.0.0

package/lib-amd/components/DataGridBody/index.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./DataGridBody", "./DataGridBody.types", "./renderDataGridBody", "./useDataGridBody", "./useDataGridBodyStyles"], function (require, exports, tslib_1, DataGridBody_1, DataGridBody_types_1, renderDataGridBody_1, useDataGridBody_1, useDataGridBodyStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(DataGridBody_1, exports);
+    tslib_1.__exportStar(DataGridBody_types_1, exports);
+    tslib_1.__exportStar(renderDataGridBody_1, exports);
+    tslib_1.__exportStar(useDataGridBody_1, exports);
+    tslib_1.__exportStar(useDataGridBodyStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/DataGridBody/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridBody/index.ts"],"names":[],"mappings":";;;IAAA,8CAA+B;IAC/B,oDAAqC;IACrC,oDAAqC;IACrC,iDAAkC;IAClC,uDAAwC","sourcesContent":["export * from './DataGridBody';\nexport * from './DataGridBody.types';\nexport * from './renderDataGridBody';\nexport * from './useDataGridBody';\nexport * from './useDataGridBodyStyles';\n"]}

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

@@ -0,0 +1,14 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "../../contexts/rowIdContext"], function (require, exports, tslib_1, React, react_utilities_1, rowIdContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderDataGridBody_unstable = void 0;
+    /**
+     * Render the final JSX of DataGridBody
+     */
+    var renderDataGridBody_unstable = function (state) {
+        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
+        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.rows.map(function (row) { return (React.createElement(rowIdContext_1.TableRowIdContextProvider, { key: row.rowId, value: row.rowId }, state.renderRow(row))); })));
+    };
+    exports.renderDataGridBody_unstable = renderDataGridBody_unstable;
+});
+//# sourceMappingURL=renderDataGridBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderDataGridBody.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,2BAA2B,GAAG,UAAC,KAAwB;QAC5D,IAAA,KAAuB,0BAAQ,CAAoB,KAAK,CAAC,EAAvD,KAAK,WAAA,EAAE,SAAS,eAAuC,CAAC;QAEhE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAC3B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAA,GAAG,IAAI,OAAA,CACrB,oBAAC,wCAAyB,IAAC,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACxD,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CACK,CAC7B,EAJsB,CAItB,CAAC,CACS,CACd,CAAC;IACJ,CAAC,CAAC;IAZW,QAAA,2BAA2B,+BAYtC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DataGridBodyState, DataGridBodySlots } from './DataGridBody.types';\nimport { TableRowIdContextProvider } from '../../contexts/rowIdContext';\n\n/**\n * Render the final JSX of DataGridBody\n */\nexport const renderDataGridBody_unstable = (state: DataGridBodyState) => {\n  const { slots, slotProps } = getSlots<DataGridBodySlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.rows.map(row => (\n        <TableRowIdContextProvider key={row.rowId} value={row.rowId}>\n          {state.renderRow(row)}\n        </TableRowIdContextProvider>\n      ))}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/DataGridBody/useDataGridBody.js

@@ -0,0 +1,24 @@
+define(["require", "exports", "tslib", "../TableBody/useTableBody", "../../contexts/dataGridContext", "../../contexts/tableContext"], function (require, exports, tslib_1, useTableBody_1, dataGridContext_1, tableContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridBody_unstable = void 0;
+    /**
+     * Create the state required to render DataGridBody.
+     *
+     * The returned state can be modified with hooks such as useDataGridBodyStyles_unstable,
+     * before being passed to renderDataGridBody_unstable.
+     *
+     * @param props - props from this instance of DataGridBody
+     * @param ref - reference to root HTMLElement of DataGridBody
+     */
+    var useDataGridBody_unstable = function (props, ref) {
+        var sortable = tableContext_1.useTableContext().sortable;
+        var getRows = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.getRows; });
+        var sort = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.sort.sort; });
+        var rows = sortable ? sort(getRows()) : getRows();
+        var baseState = useTableBody_1.useTableBody_unstable(tslib_1.__assign(tslib_1.__assign({}, props), { children: null, as: 'div' }), ref);
+        return tslib_1.__assign(tslib_1.__assign({}, baseState), { rows: rows, renderRow: props.children });
+    };
+    exports.useDataGridBody_unstable = useDataGridBody_unstable;
+});
+//# sourceMappingURL=useDataGridBody.js.map

package/lib-amd/components/DataGridBody/useDataGridBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridBody.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridBody/useDataGridBody.tsx"],"names":[],"mappings":";;;;IAMA;;;;;;;;OAQG;IACI,IAAM,wBAAwB,GAAG,UAAC,KAAwB,EAAE,GAA2B;QACpF,IAAA,QAAQ,GAAK,8BAAe,EAAE,SAAtB,CAAuB;QACvC,IAAM,OAAO,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,CAAC;QAChE,IAAM,IAAI,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,CAAC,IAAI,EAAb,CAAa,CAAC,CAAC;QAC/D,IAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QAEpD,IAAM,SAAS,GAAG,oCAAqB,uCAAM,KAAK,KAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,KAAI,GAAG,CAAC,CAAC;QACtF,6CACK,SAAS,KACZ,IAAI,MAAA,EACJ,SAAS,EAAE,KAAK,CAAC,QAAQ,IACzB;IACJ,CAAC,CAAC;IAZW,QAAA,wBAAwB,4BAYnC","sourcesContent":["import * as React from 'react';\nimport type { DataGridBodyProps, DataGridBodyState } from './DataGridBody.types';\nimport { useTableBody_unstable } from '../TableBody/useTableBody';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render DataGridBody.\n *\n * The returned state can be modified with hooks such as useDataGridBodyStyles_unstable,\n * before being passed to renderDataGridBody_unstable.\n *\n * @param props - props from this instance of DataGridBody\n * @param ref - reference to root HTMLElement of DataGridBody\n */\nexport const useDataGridBody_unstable = (props: DataGridBodyProps, ref: React.Ref<HTMLElement>): DataGridBodyState => {\n  const { sortable } = useTableContext();\n  const getRows = useDataGridContext_unstable(ctx => ctx.getRows);\n  const sort = useDataGridContext_unstable(ctx => ctx.sort.sort);\n  const rows = sortable ? sort(getRows()) : getRows();\n\n  const baseState = useTableBody_unstable({ ...props, children: null, as: 'div' }, ref);\n  return {\n    ...baseState,\n    rows,\n    renderRow: props.children,\n  };\n};\n"]}

package/lib-amd/components/DataGridBody/useDataGridBodyStyles.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "@griffel/react", "../TableBody/useTableBodyStyles"], function (require, exports, react_1, useTableBodyStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridBodyStyles_unstable = exports.dataGridBodyClassNames = void 0;
+    exports.dataGridBodyClassNames = {
+        root: 'fui-DataGridBody',
+    };
+    /**
+     * Apply styling to the DataGridBody slots based on the state
+     */
+    var useDataGridBodyStyles_unstable = function (state) {
+        useTableBodyStyles_1.useTableBodyStyles_unstable(state);
+        state.root.className = react_1.mergeClasses(exports.dataGridBodyClassNames.root, state.root.className);
+        return state;
+    };
+    exports.useDataGridBodyStyles_unstable = useDataGridBodyStyles_unstable;
+});
+//# sourceMappingURL=useDataGridBodyStyles.js.map

package/lib-amd/components/DataGridBody/useDataGridBodyStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridBodyStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,sBAAsB,GAAsC;QACvE,IAAI,EAAE,kBAAkB;KACzB,CAAC;IAEF;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAAC,KAAwB;QACrE,gDAA2B,CAAC,KAAK,CAAC,CAAC;QACnC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,8BAAsB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEvF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,8BAA8B,kCAKzC","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridBodySlots, DataGridBodyState } from './DataGridBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableBodyStyles_unstable } from '../TableBody/useTableBodyStyles';\n\nexport const dataGridBodyClassNames: SlotClassNames<DataGridBodySlots> = {\n  root: 'fui-DataGridBody',\n};\n\n/**\n * Apply styling to the DataGridBody slots based on the state\n */\nexport const useDataGridBodyStyles_unstable = (state: DataGridBodyState): DataGridBodyState => {\n  useTableBodyStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridBodyClassNames.root, state.root.className);\n\n  return state;\n};\n"]}

package/lib-amd/components/DataGridCell/DataGridCell.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useDataGridCell", "./renderDataGridCell", "./useDataGridCellStyles"], function (require, exports, React, useDataGridCell_1, renderDataGridCell_1, useDataGridCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataGridCell = void 0;
+    /**
+     * DataGridCell component
+     */
+    exports.DataGridCell = React.forwardRef(function (props, ref) {
+        var state = useDataGridCell_1.useDataGridCell_unstable(props, ref);
+        useDataGridCellStyles_1.useDataGridCellStyles_unstable(state);
+        return renderDataGridCell_1.renderDataGridCell_unstable(state);
+    });
+    exports.DataGridCell.displayName = 'DataGridCell';
+});
+//# sourceMappingURL=DataGridCell.js.map

package/lib-amd/components/DataGridCell/DataGridCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,YAAY,GAA2C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC9F,IAAM,KAAK,GAAG,0CAAwB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEnD,sDAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,OAAO,gDAA2B,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\nimport { useDataGridCell_unstable } from './useDataGridCell';\nimport { renderDataGridCell_unstable } from './renderDataGridCell';\nimport { useDataGridCellStyles_unstable } from './useDataGridCellStyles';\nimport type { DataGridCellProps } from './DataGridCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DataGridCell component\n */\nexport const DataGridCell: ForwardRefComponent<DataGridCellProps> = React.forwardRef((props, ref) => {\n  const state = useDataGridCell_unstable(props, ref);\n\n  useDataGridCellStyles_unstable(state);\n  return renderDataGridCell_unstable(state);\n});\n\nDataGridCell.displayName = 'DataGridCell';\n"]}

package/lib-amd/components/DataGridCell/DataGridCell.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=DataGridCell.types.js.map

package/lib-amd/components/DataGridCell/DataGridCell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridCell.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts"],"names":[],"mappings":"","sourcesContent":["import { TableCellProps, TableCellSlots, TableCellState } from '../TableCell/TableCell.types';\n\nexport type DataGridCellSlots = TableCellSlots;\n\n/**\n * DataGridCell Props\n */\nexport type DataGridCellProps = TableCellProps;\n\n/**\n * State used in rendering DataGridCell\n */\nexport type DataGridCellState = TableCellState;\n"]}

package/lib-amd/components/DataGridCell/index.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./DataGridCell", "./DataGridCell.types", "./renderDataGridCell", "./useDataGridCell", "./useDataGridCellStyles"], function (require, exports, tslib_1, DataGridCell_1, DataGridCell_types_1, renderDataGridCell_1, useDataGridCell_1, useDataGridCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(DataGridCell_1, exports);
+    tslib_1.__exportStar(DataGridCell_types_1, exports);
+    tslib_1.__exportStar(renderDataGridCell_1, exports);
+    tslib_1.__exportStar(useDataGridCell_1, exports);
+    tslib_1.__exportStar(useDataGridCellStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/DataGridCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridCell/index.ts"],"names":[],"mappings":";;;IAAA,8CAA+B;IAC/B,oDAAqC;IACrC,oDAAqC;IACrC,iDAAkC;IAClC,uDAAwC","sourcesContent":["export * from './DataGridCell';\nexport * from './DataGridCell.types';\nexport * from './renderDataGridCell';\nexport * from './useDataGridCell';\nexport * from './useDataGridCellStyles';\n"]}

package/lib-amd/components/DataGridCell/renderDataGridCell.js

@@ -0,0 +1,13 @@
+define(["require", "exports", "../TableCell/renderTableCell"], function (require, exports, renderTableCell_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderDataGridCell_unstable = void 0;
+    /**
+     * Render the final JSX of DataGridCell
+     */
+    var renderDataGridCell_unstable = function (state) {
+        return renderTableCell_1.renderTableCell_unstable(state);
+    };
+    exports.renderDataGridCell_unstable = renderDataGridCell_unstable;
+});
+//# sourceMappingURL=renderDataGridCell.js.map

package/lib-amd/components/DataGridCell/renderDataGridCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderDataGridCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridCell/renderDataGridCell.tsx"],"names":[],"mappings":";;;;IAGA;;OAEG;IACI,IAAM,2BAA2B,GAAG,UAAC,KAAwB;QAClE,OAAO,0CAAwB,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;IAFW,QAAA,2BAA2B,+BAEtC","sourcesContent":["import type { DataGridCellState } from './DataGridCell.types';\nimport { renderTableCell_unstable } from '../TableCell/renderTableCell';\n\n/**\n * Render the final JSX of DataGridCell\n */\nexport const renderDataGridCell_unstable = (state: DataGridCellState) => {\n  return renderTableCell_unstable(state);\n};\n"]}

package/lib-amd/components/DataGridCell/useDataGridCell.js

@@ -0,0 +1,23 @@
+define(["require", "exports", "tslib", "../TableCell/useTableCell", "../../contexts/dataGridContext", "../../contexts/columnIdContext"], function (require, exports, tslib_1, useTableCell_1, dataGridContext_1, columnIdContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridCell_unstable = void 0;
+    /**
+     * Create the state required to render DataGridCell.
+     *
+     * The returned state can be modified with hooks such as useDataGridCellStyles_unstable,
+     * before being passed to renderDataGridCell_unstable.
+     *
+     * @param props - props from this instance of DataGridCell
+     * @param ref - reference to root HTMLElement of DataGridCell
+     */
+    var useDataGridCell_unstable = function (props, ref) {
+        var columnId = columnIdContext_1.useColumnIdContext();
+        var tabbable = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.focusMode === 'cell'; });
+        var resizableColumns = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.resizableColumns; });
+        var columnSizing = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.columnSizing_unstable; });
+        return useTableCell_1.useTableCell_unstable(tslib_1.__assign(tslib_1.__assign({ as: 'div', role: 'gridcell', tabIndex: tabbable ? 0 : undefined }, (resizableColumns ? columnSizing.getTableCellProps(columnId) : {})), props), ref);
+    };
+    exports.useDataGridCell_unstable = useDataGridCell_unstable;
+});
+//# sourceMappingURL=useDataGridCell.js.map

package/lib-amd/components/DataGridCell/useDataGridCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts"],"names":[],"mappings":";;;;IAMA;;;;;;;;OAQG;IACI,IAAM,wBAAwB,GAAG,UAAC,KAAwB,EAAE,GAA2B;QAC5F,IAAM,QAAQ,GAAG,oCAAkB,EAAE,CAAC;QACtC,IAAM,QAAQ,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,KAAK,MAAM,EAAxB,CAAwB,CAAC,CAAC;QAC9E,IAAM,gBAAgB,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,gBAAgB,EAApB,CAAoB,CAAC,CAAC;QAClF,IAAM,YAAY,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,qBAAqB,EAAzB,CAAyB,CAAC,CAAC;QACnF,OAAO,oCAAqB,qCAExB,EAAE,EAAE,KAAK,EACT,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAC/B,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAClE,KAAK,GAEV,GAAG,CACJ,CAAC;IACJ,CAAC,CAAC;IAfW,QAAA,wBAAwB,4BAenC","sourcesContent":["import * as React from 'react';\nimport type { DataGridCellProps, DataGridCellState } from './DataGridCell.types';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\n\n/**\n * Create the state required to render DataGridCell.\n *\n * The returned state can be modified with hooks such as useDataGridCellStyles_unstable,\n * before being passed to renderDataGridCell_unstable.\n *\n * @param props - props from this instance of DataGridCell\n * @param ref - reference to root HTMLElement of DataGridCell\n */\nexport const useDataGridCell_unstable = (props: DataGridCellProps, ref: React.Ref<HTMLElement>): DataGridCellState => {\n  const columnId = useColumnIdContext();\n  const tabbable = useDataGridContext_unstable(ctx => ctx.focusMode === 'cell');\n  const resizableColumns = useDataGridContext_unstable(ctx => ctx.resizableColumns);\n  const columnSizing = useDataGridContext_unstable(ctx => ctx.columnSizing_unstable);\n  return useTableCell_unstable(\n    {\n      as: 'div',\n      role: 'gridcell',\n      tabIndex: tabbable ? 0 : undefined,\n      ...(resizableColumns ? columnSizing.getTableCellProps(columnId) : {}),\n      ...props,\n    },\n    ref,\n  );\n};\n"]}

package/lib-amd/components/DataGridCell/useDataGridCellStyles.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "@griffel/react", "../TableCell/useTableCellStyles"], function (require, exports, react_1, useTableCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridCellStyles_unstable = exports.dataGridCellClassNames = void 0;
+    exports.dataGridCellClassNames = {
+        root: 'fui-DataGridCell',
+    };
+    /**
+     * Apply styling to the DataGridCell slots based on the state
+     */
+    var useDataGridCellStyles_unstable = function (state) {
+        useTableCellStyles_1.useTableCellStyles_unstable(state);
+        state.root.className = react_1.mergeClasses(exports.dataGridCellClassNames.root, state.root.className);
+        return state;
+    };
+    exports.useDataGridCellStyles_unstable = useDataGridCellStyles_unstable;
+});
+//# sourceMappingURL=useDataGridCellStyles.js.map

package/lib-amd/components/DataGridCell/useDataGridCellStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,sBAAsB,GAAsC;QACvE,IAAI,EAAE,kBAAkB;KACzB,CAAC;IAEF;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAAC,KAAwB;QACrE,gDAA2B,CAAC,KAAK,CAAC,CAAC;QACnC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,8BAAsB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEvF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,8BAA8B,kCAKzC","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridCellSlots, DataGridCellState } from './DataGridCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableCellStyles_unstable } from '../TableCell/useTableCellStyles';\n\nexport const dataGridCellClassNames: SlotClassNames<DataGridCellSlots> = {\n  root: 'fui-DataGridCell',\n};\n\n/**\n * Apply styling to the DataGridCell slots based on the state\n */\nexport const useDataGridCellStyles_unstable = (state: DataGridCellState): DataGridCellState => {\n  useTableCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridCellClassNames.root, state.root.className);\n\n  return state;\n};\n"]}

package/lib-amd/components/DataGridHeader/DataGridHeader.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useDataGridHeader", "./renderDataGridHeader", "./useDataGridHeaderStyles"], function (require, exports, React, useDataGridHeader_1, renderDataGridHeader_1, useDataGridHeaderStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataGridHeader = void 0;
+    /**
+     * DataGridHeader component
+     */
+    exports.DataGridHeader = React.forwardRef(function (props, ref) {
+        var state = useDataGridHeader_1.useDataGridHeader_unstable(props, ref);
+        useDataGridHeaderStyles_1.useDataGridHeaderStyles_unstable(state);
+        return renderDataGridHeader_1.renderDataGridHeader_unstable(state);
+    });
+    exports.DataGridHeader.displayName = 'DataGridHeader';
+});
+//# sourceMappingURL=DataGridHeader.js.map

package/lib-amd/components/DataGridHeader/DataGridHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,cAAc,GAA6C,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAClG,IAAM,KAAK,GAAG,8CAA0B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAErD,0DAAgC,CAAC,KAAK,CAAC,CAAC;QACxC,OAAO,oDAA6B,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useDataGridHeader_unstable } from './useDataGridHeader';\nimport { renderDataGridHeader_unstable } from './renderDataGridHeader';\nimport { useDataGridHeaderStyles_unstable } from './useDataGridHeaderStyles';\nimport type { DataGridHeaderProps } from './DataGridHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DataGridHeader component\n */\nexport const DataGridHeader: ForwardRefComponent<DataGridHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useDataGridHeader_unstable(props, ref);\n\n  useDataGridHeaderStyles_unstable(state);\n  return renderDataGridHeader_unstable(state);\n});\n\nDataGridHeader.displayName = 'DataGridHeader';\n"]}

package/lib-amd/components/DataGridHeader/DataGridHeader.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=DataGridHeader.types.js.map

package/lib-amd/components/DataGridHeader/DataGridHeader.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeader.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import { TableHeaderProps, TableHeaderSlots, TableHeaderState } from '../TableHeader/TableHeader.types';\n\nexport type DataGridHeaderSlots = TableHeaderSlots;\n\n/**\n * DataGridHeader Props\n */\nexport type DataGridHeaderProps = TableHeaderProps;\n\n/**\n * State used in rendering DataGridHeader\n */\nexport type DataGridHeaderState = TableHeaderState;\n"]}

package/lib-amd/components/DataGridHeader/index.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./DataGridHeader", "./DataGridHeader.types", "./renderDataGridHeader", "./useDataGridHeader", "./useDataGridHeaderStyles"], function (require, exports, tslib_1, DataGridHeader_1, DataGridHeader_types_1, renderDataGridHeader_1, useDataGridHeader_1, useDataGridHeaderStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(DataGridHeader_1, exports);
+    tslib_1.__exportStar(DataGridHeader_types_1, exports);
+    tslib_1.__exportStar(renderDataGridHeader_1, exports);
+    tslib_1.__exportStar(useDataGridHeader_1, exports);
+    tslib_1.__exportStar(useDataGridHeaderStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/DataGridHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,sDAAuC;IACvC,sDAAuC;IACvC,mDAAoC;IACpC,yDAA0C","sourcesContent":["export * from './DataGridHeader';\nexport * from './DataGridHeader.types';\nexport * from './renderDataGridHeader';\nexport * from './useDataGridHeader';\nexport * from './useDataGridHeaderStyles';\n"]}

package/lib-amd/components/DataGridHeader/renderDataGridHeader.js

@@ -0,0 +1,13 @@
+define(["require", "exports", "../TableHeader/renderTableHeader"], function (require, exports, renderTableHeader_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderDataGridHeader_unstable = void 0;
+    /**
+     * Render the final JSX of DataGridHeader
+     */
+    var renderDataGridHeader_unstable = function (state) {
+        return renderTableHeader_1.renderTableHeader_unstable(state);
+    };
+    exports.renderDataGridHeader_unstable = renderDataGridHeader_unstable;
+});
+//# sourceMappingURL=renderDataGridHeader.js.map

package/lib-amd/components/DataGridHeader/renderDataGridHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderDataGridHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/renderDataGridHeader.tsx"],"names":[],"mappings":";;;;IAGA;;OAEG;IACI,IAAM,6BAA6B,GAAG,UAAC,KAA0B;QACtE,OAAO,8CAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IAFW,QAAA,6BAA6B,iCAExC","sourcesContent":["import { renderTableHeader_unstable } from '../TableHeader/renderTableHeader';\nimport type { DataGridHeaderState } from './DataGridHeader.types';\n\n/**\n * Render the final JSX of DataGridHeader\n */\nexport const renderDataGridHeader_unstable = (state: DataGridHeaderState) => {\n  return renderTableHeader_unstable(state);\n};\n"]}

package/lib-amd/components/DataGridHeader/useDataGridHeader.js

@@ -0,0 +1,19 @@
+define(["require", "exports", "tslib", "../TableHeader/useTableHeader"], function (require, exports, tslib_1, useTableHeader_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridHeader_unstable = void 0;
+    /**
+     * Create the state required to render DataGridHeader.
+     *
+     * The returned state can be modified with hooks such as useDataGridHeaderStyles_unstable,
+     * before being passed to renderDataGridHeader_unstable.
+     *
+     * @param props - props from this instance of DataGridHeader
+     * @param ref - reference to root HTMLElement of DataGridHeader
+     */
+    var useDataGridHeader_unstable = function (props, ref) {
+        return useTableHeader_1.useTableHeader_unstable(tslib_1.__assign(tslib_1.__assign({}, props), { as: 'div' }), ref);
+    };
+    exports.useDataGridHeader_unstable = useDataGridHeader_unstable;
+});
+//# sourceMappingURL=useDataGridHeader.js.map

package/lib-amd/components/DataGridHeader/useDataGridHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeader.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;;OAQG;IACI,IAAM,0BAA0B,GAAG,UACxC,KAA0B,EAC1B,GAA2B;QAE3B,OAAO,wCAAuB,uCAAM,KAAK,KAAE,EAAE,EAAE,KAAK,KAAI,GAAG,CAAC,CAAC;IAC/D,CAAC,CAAC;IALW,QAAA,0BAA0B,8BAKrC","sourcesContent":["import * as React from 'react';\nimport type { DataGridHeaderProps, DataGridHeaderState } from './DataGridHeader.types';\nimport { useTableHeader_unstable } from '../TableHeader/useTableHeader';\n\n/**\n * Create the state required to render DataGridHeader.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderStyles_unstable,\n * before being passed to renderDataGridHeader_unstable.\n *\n * @param props - props from this instance of DataGridHeader\n * @param ref - reference to root HTMLElement of DataGridHeader\n */\nexport const useDataGridHeader_unstable = (\n  props: DataGridHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridHeaderState => {\n  return useTableHeader_unstable({ ...props, as: 'div' }, ref);\n};\n"]}

package/lib-amd/components/DataGridHeader/useDataGridHeaderStyles.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "@griffel/react", "../TableHeader/useTableHeaderStyles"], function (require, exports, react_1, useTableHeaderStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridHeaderStyles_unstable = exports.dataGridHeaderClassNames = void 0;
+    exports.dataGridHeaderClassNames = {
+        root: 'fui-DataGridHeader',
+    };
+    /**
+     * Apply styling to the DataGridHeader slots based on the state
+     */
+    var useDataGridHeaderStyles_unstable = function (state) {
+        useTableHeaderStyles_1.useTableHeaderStyles_unstable(state);
+        state.root.className = react_1.mergeClasses(exports.dataGridHeaderClassNames.root, state.root.className);
+        return state;
+    };
+    exports.useDataGridHeaderStyles_unstable = useDataGridHeaderStyles_unstable;
+});
+//# sourceMappingURL=useDataGridHeaderStyles.js.map

package/lib-amd/components/DataGridHeader/useDataGridHeaderStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridHeaderStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,wBAAwB,GAAwC;QAC3E,IAAI,EAAE,oBAAoB;KAC3B,CAAC;IAEF;;OAEG;IACI,IAAM,gCAAgC,GAAG,UAAC,KAA0B;QACzE,oDAA6B,CAAC,KAAK,CAAC,CAAC;QACrC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,gCAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEzF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,gCAAgC,oCAK3C","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridHeaderSlots, DataGridHeaderState } from './DataGridHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableHeaderStyles_unstable } from '../TableHeader/useTableHeaderStyles';\n\nexport const dataGridHeaderClassNames: SlotClassNames<DataGridHeaderSlots> = {\n  root: 'fui-DataGridHeader',\n};\n\n/**\n * Apply styling to the DataGridHeader slots based on the state\n */\nexport const useDataGridHeaderStyles_unstable = (state: DataGridHeaderState): DataGridHeaderState => {\n  useTableHeaderStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridHeaderClassNames.root, state.root.className);\n\n  return state;\n};\n"]}

package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useDataGridHeaderCell", "./renderDataGridHeaderCell", "./useDataGridHeaderCellStyles"], function (require, exports, React, useDataGridHeaderCell_1, renderDataGridHeaderCell_1, useDataGridHeaderCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataGridHeaderCell = void 0;
+    /**
+     * DataGridHeaderCell component
+     */
+    exports.DataGridHeaderCell = React.forwardRef(function (props, ref) {
+        var state = useDataGridHeaderCell_1.useDataGridHeaderCell_unstable(props, ref);
+        useDataGridHeaderCellStyles_1.useDataGridHeaderCellStyles_unstable(state);
+        return renderDataGridHeaderCell_1.renderDataGridHeaderCell_unstable(state);
+    });
+    exports.DataGridHeaderCell.displayName = 'DataGridHeaderCell';
+});
+//# sourceMappingURL=DataGridHeaderCell.js.map

package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,kBAAkB,GAAiD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1G,IAAM,KAAK,GAAG,sDAA8B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzD,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAC5C,OAAO,4DAAiC,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useDataGridHeaderCell_unstable } from './useDataGridHeaderCell';\nimport { renderDataGridHeaderCell_unstable } from './renderDataGridHeaderCell';\nimport { useDataGridHeaderCellStyles_unstable } from './useDataGridHeaderCellStyles';\nimport type { DataGridHeaderCellProps } from './DataGridHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DataGridHeaderCell component\n */\nexport const DataGridHeaderCell: ForwardRefComponent<DataGridHeaderCellProps> = React.forwardRef((props, ref) => {\n  const state = useDataGridHeaderCell_unstable(props, ref);\n\n  useDataGridHeaderCellStyles_unstable(state);\n  return renderDataGridHeaderCell_unstable(state);\n});\n\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n"]}

package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=DataGridHeaderCell.types.js.map

package/lib-amd/components/DataGridHeaderCell/DataGridHeaderCell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridHeaderCell.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  TableHeaderCellProps,\n  TableHeaderCellSlots,\n  TableHeaderCellState,\n} from '../TableHeaderCell/TableHeaderCell.types';\n\nexport type DataGridHeaderCellSlots = TableHeaderCellSlots;\n\n/**\n * DataGridHeaderCell Props\n */\nexport type DataGridHeaderCellProps = TableHeaderCellProps;\n\n/**\n * State used in rendering DataGridHeaderCell\n */\nexport type DataGridHeaderCellState = TableHeaderCellState;\n"]}

package/lib-amd/components/DataGridHeaderCell/index.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./DataGridHeaderCell", "./DataGridHeaderCell.types", "./renderDataGridHeaderCell", "./useDataGridHeaderCell", "./useDataGridHeaderCellStyles"], function (require, exports, tslib_1, DataGridHeaderCell_1, DataGridHeaderCell_types_1, renderDataGridHeaderCell_1, useDataGridHeaderCell_1, useDataGridHeaderCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(DataGridHeaderCell_1, exports);
+    tslib_1.__exportStar(DataGridHeaderCell_types_1, exports);
+    tslib_1.__exportStar(renderDataGridHeaderCell_1, exports);
+    tslib_1.__exportStar(useDataGridHeaderCell_1, exports);
+    tslib_1.__exportStar(useDataGridHeaderCellStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/DataGridHeaderCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,0DAA2C;IAC3C,0DAA2C;IAC3C,uDAAwC;IACxC,6DAA8C","sourcesContent":["export * from './DataGridHeaderCell';\nexport * from './DataGridHeaderCell.types';\nexport * from './renderDataGridHeaderCell';\nexport * from './useDataGridHeaderCell';\nexport * from './useDataGridHeaderCellStyles';\n"]}

package/lib-amd/components/DataGridHeaderCell/renderDataGridHeaderCell.js

@@ -0,0 +1,13 @@
+define(["require", "exports", "../TableHeaderCell/renderTableHeaderCell"], function (require, exports, renderTableHeaderCell_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderDataGridHeaderCell_unstable = void 0;
+    /**
+     * Render the final JSX of DataGridHeaderCell
+     */
+    var renderDataGridHeaderCell_unstable = function (state) {
+        return renderTableHeaderCell_1.renderTableHeaderCell_unstable(state);
+    };
+    exports.renderDataGridHeaderCell_unstable = renderDataGridHeaderCell_unstable;
+});
+//# sourceMappingURL=renderDataGridHeaderCell.js.map

package/lib-amd/components/DataGridHeaderCell/renderDataGridHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderDataGridHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/renderDataGridHeaderCell.tsx"],"names":[],"mappings":";;;;IAGA;;OAEG;IACI,IAAM,iCAAiC,GAAG,UAAC,KAA8B;QAC9E,OAAO,sDAA8B,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC;IAFW,QAAA,iCAAiC,qCAE5C","sourcesContent":["import type { DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport { renderTableHeaderCell_unstable } from '../TableHeaderCell/renderTableHeaderCell';\n\n/**\n * Render the final JSX of DataGridHeaderCell\n */\nexport const renderDataGridHeaderCell_unstable = (state: DataGridHeaderCellState) => {\n  return renderTableHeaderCell_unstable(state);\n};\n"]}

package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCell.js

@@ -0,0 +1,34 @@
+define(["require", "exports", "tslib", "@fluentui/react-utilities", "../TableHeaderCell/useTableHeaderCell", "../../contexts/dataGridContext", "../../contexts/columnIdContext", "../../contexts/tableContext"], function (require, exports, tslib_1, react_utilities_1, useTableHeaderCell_1, dataGridContext_1, columnIdContext_1, tableContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridHeaderCell_unstable = void 0;
+    /**
+     * Create the state required to render DataGridHeaderCell.
+     *
+     * The returned state can be modified with hooks such as useDataGridHeaderCellStyles_unstable,
+     * before being passed to renderDataGridHeaderCell_unstable.
+     *
+     * @param props - props from this instance of DataGridHeaderCell
+     * @param ref - reference to root HTMLElement of DataGridHeaderCell
+     */
+    var useDataGridHeaderCell_unstable = function (props, ref) {
+        var columnId = columnIdContext_1.useColumnIdContext();
+        var sortable = tableContext_1.useTableContext().sortable;
+        var toggleColumnSort = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.sort.toggleColumnSort; });
+        var sortDirection = dataGridContext_1.useDataGridContext_unstable(function (ctx) {
+            return sortable ? ctx.sort.getSortDirection(columnId) : undefined;
+        });
+        var resizableColumns = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.resizableColumns; });
+        var columnSizing = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.columnSizing_unstable; });
+        var onClick = react_utilities_1.useEventCallback(function (e) {
+            var _a;
+            if (sortable) {
+                toggleColumnSort(e, columnId);
+            }
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        });
+        return useTableHeaderCell_1.useTableHeaderCell_unstable(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ sortDirection: sortDirection, as: 'div', tabIndex: sortable ? undefined : 0 }, (resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {})), props), { onClick: onClick }), ref);
+    };
+    exports.useDataGridHeaderCell_unstable = useDataGridHeaderCell_unstable;
+});
+//# sourceMappingURL=useDataGridHeaderCell.js.map

package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCell.ts"],"names":[],"mappings":";;;;IAQA;;;;;;;;OAQG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA8B,EAC9B,GAA2B;QAE3B,IAAM,QAAQ,GAAG,oCAAkB,EAAE,CAAC;QAC9B,IAAA,QAAQ,GAAK,8BAAe,EAAE,SAAtB,CAAuB;QACvC,IAAM,gBAAgB,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAzB,CAAyB,CAAC,CAAC;QACvF,IAAM,aAAa,GAAG,6CAA2B,CAAC,UAAA,GAAG;YACnD,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS;QAA1D,CAA0D,CAC3D,CAAC;QAEF,IAAM,gBAAgB,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,gBAAgB,EAApB,CAAoB,CAAC,CAAC;QAClF,IAAM,YAAY,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,qBAAqB,EAAzB,CAAyB,CAAC,CAAC;QAEnF,IAAM,OAAO,GAAG,kCAAgB,CAAC,UAAC,CAA+C;;YAC/E,IAAI,QAAQ,EAAE;gBACZ,gBAAgB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;aAC/B;YACD,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,OAAO,gDAA2B,sDAE9B,aAAa,eAAA,EACb,EAAE,EAAE,KAAK,EACT,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAC/B,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GACxE,KAAK,KACR,OAAO,SAAA,KAET,GAAG,CACJ,CAAC;IACJ,CAAC,CAAC;IAhCW,QAAA,8BAA8B,kCAgCzC","sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport type { DataGridHeaderCellProps, DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport { useTableHeaderCell_unstable } from '../TableHeaderCell/useTableHeaderCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render DataGridHeaderCell.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderCellStyles_unstable,\n * before being passed to renderDataGridHeaderCell_unstable.\n *\n * @param props - props from this instance of DataGridHeaderCell\n * @param ref - reference to root HTMLElement of DataGridHeaderCell\n */\nexport const useDataGridHeaderCell_unstable = (\n  props: DataGridHeaderCellProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridHeaderCellState => {\n  const columnId = useColumnIdContext();\n  const { sortable } = useTableContext();\n  const toggleColumnSort = useDataGridContext_unstable(ctx => ctx.sort.toggleColumnSort);\n  const sortDirection = useDataGridContext_unstable(ctx =>\n    sortable ? ctx.sort.getSortDirection(columnId) : undefined,\n  );\n\n  const resizableColumns = useDataGridContext_unstable(ctx => ctx.resizableColumns);\n  const columnSizing = useDataGridContext_unstable(ctx => ctx.columnSizing_unstable);\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableHeaderCellElement>) => {\n    if (sortable) {\n      toggleColumnSort(e, columnId);\n    }\n    props.onClick?.(e);\n  });\n\n  return useTableHeaderCell_unstable(\n    {\n      sortDirection,\n      as: 'div',\n      tabIndex: sortable ? undefined : 0,\n      ...(resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {}),\n      ...props,\n      onClick,\n    },\n    ref,\n  );\n};\n"]}

package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js

@@ -0,0 +1,30 @@
+define(["require", "exports", "@griffel/react", "../TableHeaderCell/useTableHeaderCellStyles"], function (require, exports, react_1, useTableHeaderCellStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridHeaderCellStyles_unstable = exports.dataGridHeaderCellClassNames = void 0;
+    exports.dataGridHeaderCellClassNames = {
+        root: 'fui-DataGridHeaderCell',
+        button: 'fui-DataGridHeaderCell__button',
+        sortIcon: 'fui-DataGridHeaderCell__sortIcon',
+        aside: 'fui-DataGridHeaderCell__aside',
+    };
+    /**
+     * Apply styling to the DataGridHeaderCell slots based on the state
+     */
+    var useDataGridHeaderCellStyles_unstable = function (state) {
+        useTableHeaderCellStyles_1.useTableHeaderCellStyles_unstable(state);
+        state.root.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.root, state.root.className);
+        if (state.button) {
+            state.button.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.button, state.button.className);
+        }
+        if (state.sortIcon) {
+            state.sortIcon.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);
+        }
+        if (state.aside) {
+            state.aside.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.aside, state.aside.className);
+        }
+        return state;
+    };
+    exports.useDataGridHeaderCellStyles_unstable = useDataGridHeaderCellStyles_unstable;
+});
+//# sourceMappingURL=useDataGridHeaderCellStyles.js.map

package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridHeaderCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,4BAA4B,GAA4C;QACnF,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,gCAAgC;QACxC,QAAQ,EAAE,kCAAkC;QAC5C,KAAK,EAAE,+BAA+B;KACvC,CAAC;IAEF;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAA8B;QACjF,4DAAiC,CAAC,KAAK,CAAC,CAAC;QACzC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE7F,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SACpG;QAED,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAC1G;QAED,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SACjG;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAjBW,QAAA,oCAAoC,wCAiB/C","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridHeaderCellSlots, DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles';\n\nexport const dataGridHeaderCellClassNames: SlotClassNames<DataGridHeaderCellSlots> = {\n  root: 'fui-DataGridHeaderCell',\n  button: 'fui-DataGridHeaderCell__button',\n  sortIcon: 'fui-DataGridHeaderCell__sortIcon',\n  aside: 'fui-DataGridHeaderCell__aside',\n};\n\n/**\n * Apply styling to the DataGridHeaderCell slots based on the state\n */\nexport const useDataGridHeaderCellStyles_unstable = (state: DataGridHeaderCellState): DataGridHeaderCellState => {\n  useTableHeaderCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridHeaderCellClassNames.root, state.root.className);\n\n  if (state.button) {\n    state.button.className = mergeClasses(dataGridHeaderCellClassNames.button, state.button.className);\n  }\n\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);\n  }\n\n  if (state.aside) {\n    state.aside.className = mergeClasses(dataGridHeaderCellClassNames.aside, state.aside.className);\n  }\n\n  return state;\n};\n"]}

package/lib-amd/components/DataGridRow/DataGridRow.js

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useDataGridRow", "./renderDataGridRow", "./useDataGridRowStyles"], function (require, exports, React, useDataGridRow_1, renderDataGridRow_1, useDataGridRowStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataGridRow = void 0;
+    /**
+     * DataGridRow component
+     */
+    exports.DataGridRow = React.forwardRef(function (props, ref) {
+        var state = useDataGridRow_1.useDataGridRow_unstable(props, ref);
+        useDataGridRowStyles_1.useDataGridRowStyles_unstable(state);
+        return renderDataGridRow_1.renderDataGridRow_unstable(state);
+    });
+    exports.DataGridRow.displayName = 'DataGridRow';
+});
+//# sourceMappingURL=DataGridRow.js.map

package/lib-amd/components/DataGridRow/DataGridRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,WAAW,GACqC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACvF,IAAM,KAAK,GAAG,wCAAuB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElD,oDAA6B,CAAC,KAAK,CAAC,CAAC;QACrC,OAAO,8CAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAqG,CAAC;IAEvG,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport { useDataGridRow_unstable } from './useDataGridRow';\nimport { renderDataGridRow_unstable } from './renderDataGridRow';\nimport { useDataGridRowStyles_unstable } from './useDataGridRowStyles';\nimport type { DataGridRowProps } from './DataGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DataGridRow component\n */\nexport const DataGridRow: ForwardRefComponent<DataGridRowProps> &\n  (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element) = React.forwardRef((props, ref) => {\n  const state = useDataGridRow_unstable(props, ref);\n\n  useDataGridRowStyles_unstable(state);\n  return renderDataGridRow_unstable(state);\n}) as ForwardRefComponent<DataGridRowProps> & (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element);\n\nDataGridRow.displayName = 'DataGridRow';\n"]}

package/lib-amd/components/DataGridRow/DataGridRow.types.js

@@ -0,0 +1,5 @@
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+});
+//# sourceMappingURL=DataGridRow.types.js.map

package/lib-amd/components/DataGridRow/DataGridRow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridRow.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/DataGridRow.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { Slot, ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport type { TableColumnDefinition } from '../../hooks';\nimport type { TableRowProps, TableRowSlots, TableRowState } from '../TableRow/TableRow.types';\nimport type { TableSelectionCell } from '../TableSelectionCell/TableSelectionCell';\n\nexport type DataGridRowSlots = TableRowSlots & {\n  /**\n   * When selection is enabled on the @see DataGrid, all rows\n   * will render the selection cell.\n   */\n  selectionCell?: Slot<typeof TableSelectionCell>;\n};\n\nexport type CellRenderFunction<TItem = unknown> = (column: TableColumnDefinition<TItem>) => React.ReactNode;\n\n/**\n * DataGridRow Props\n */\nexport type DataGridRowProps<TItem = unknown> = Omit<TableRowProps, 'children'> &\n  Omit<ComponentProps<DataGridRowSlots>, 'children'> & {\n    children: CellRenderFunction<TItem>;\n  };\n\n/**\n * State used in rendering DataGridRow\n */\nexport type DataGridRowState = TableRowState &\n  ComponentState<DataGridRowSlots> & {\n    renderCell: CellRenderFunction;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    columnDefs: TableColumnDefinition<any>[];\n  };\n"]}

package/lib-amd/components/DataGridRow/index.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "tslib", "./DataGridRow", "./DataGridRow.types", "./renderDataGridRow", "./useDataGridRow", "./useDataGridRowStyles"], function (require, exports, tslib_1, DataGridRow_1, DataGridRow_types_1, renderDataGridRow_1, useDataGridRow_1, useDataGridRowStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(DataGridRow_1, exports);
+    tslib_1.__exportStar(DataGridRow_types_1, exports);
+    tslib_1.__exportStar(renderDataGridRow_1, exports);
+    tslib_1.__exportStar(useDataGridRow_1, exports);
+    tslib_1.__exportStar(useDataGridRowStyles_1, exports);
+});
+//# sourceMappingURL=index.js.map

package/lib-amd/components/DataGridRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,mDAAoC;IACpC,mDAAoC;IACpC,gDAAiC;IACjC,sDAAuC","sourcesContent":["export * from './DataGridRow';\nexport * from './DataGridRow.types';\nexport * from './renderDataGridRow';\nexport * from './useDataGridRow';\nexport * from './useDataGridRowStyles';\n"]}

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

@@ -0,0 +1,16 @@
+define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "../../contexts/columnIdContext"], function (require, exports, tslib_1, React, react_utilities_1, columnIdContext_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.renderDataGridRow_unstable = void 0;
+    /**
+     * Render the final JSX of DataGridRow
+     */
+    var renderDataGridRow_unstable = function (state) {
+        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
+        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
+            slots.selectionCell && React.createElement(slots.selectionCell, tslib_1.__assign({}, slotProps.selectionCell)),
+            state.columnDefs.map(function (columnDef) { return (React.createElement(columnIdContext_1.ColumnIdContextProvider, { value: columnDef.columnId, key: columnDef.columnId }, state.renderCell(columnDef))); })));
+    };
+    exports.renderDataGridRow_unstable = renderDataGridRow_unstable;
+});
+//# sourceMappingURL=renderDataGridRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"renderDataGridRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/renderDataGridRow.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,0BAA0B,GAAG,UAAC,KAAuB;QAC1D,IAAA,KAAuB,0BAAQ,CAAmB,KAAK,CAAC,EAAtD,KAAK,WAAA,EAAE,SAAS,eAAsC,CAAC;QAE/D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,aAAa,IAAI,oBAAC,KAAK,CAAC,aAAa,uBAAK,SAAS,CAAC,aAAa,EAAI;YAC3E,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAA,SAAS,IAAI,OAAA,CACjC,oBAAC,yCAAuB,IAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,QAAQ,IACxE,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CACJ,CAC3B,EAJkC,CAIlC,CAAC,CACS,CACd,CAAC;IACJ,CAAC,CAAC;IAbW,QAAA,0BAA0B,8BAarC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DataGridRowState, DataGridRowSlots } from './DataGridRow.types';\nimport { ColumnIdContextProvider } from '../../contexts/columnIdContext';\n\n/**\n * Render the final JSX of DataGridRow\n */\nexport const renderDataGridRow_unstable = (state: DataGridRowState) => {\n  const { slots, slotProps } = getSlots<DataGridRowSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.selectionCell && <slots.selectionCell {...slotProps.selectionCell} />}\n      {state.columnDefs.map(columnDef => (\n        <ColumnIdContextProvider value={columnDef.columnId} key={columnDef.columnId}>\n          {state.renderCell(columnDef)}\n        </ColumnIdContextProvider>\n      ))}\n    </slots.root>\n  );\n};\n"]}