@fluentui/react-table 9.0.0-rc.5 → 9.0.1

package/lib-amd/components/DataGrid/useDataGrid.js

@@ -0,0 +1,43 @@
+define(["require", "exports", "tslib", "@fluentui/react-tabster", "../Table/useTable", "../../hooks", "../TableSelectionCell", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_tabster_1, useTable_1, hooks_1, TableSelectionCell_1, react_utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGrid_unstable = void 0;
+    /**
+     * Create the state required to render DataGrid.
+     *
+     * The returned state can be modified with hooks such as useDataGridStyles_unstable,
+     * before being passed to renderDataGrid_unstable.
+     *
+     * @param props - props from this instance of DataGrid
+     * @param ref - reference to root HTMLElement of DataGrid
+     */
+    var useDataGrid_unstable = function (props, ref) {
+        var items = props.items, columns = props.columns, _a = props.focusMode, focusMode = _a === void 0 ? 'cell' : _a, selectionMode = props.selectionMode, onSortChange = props.onSortChange, onSelectionChange = props.onSelectionChange, defaultSortState = props.defaultSortState, sortState = props.sortState, selectedItems = props.selectedItems, defaultSelectedItems = props.defaultSelectedItems, _b = props.subtleSelection, subtleSelection = _b === void 0 ? false : _b, _c = props.selectionAppearance, selectionAppearance = _c === void 0 ? 'brand' : _c, getRowId = props.getRowId, resizableColumns = props.resizableColumns, columnSizingOptions = props.columnSizingOptions, onColumnResize = props.onColumnResize;
+        var navigable = focusMode !== 'none';
+        var keyboardNavAttr = react_tabster_1.useArrowNavigationGroup({ axis: 'grid' });
+        var tableState = hooks_1.useTableFeatures({ items: items, columns: columns, getRowId: getRowId }, [
+            hooks_1.useTableSort({
+                defaultSortState: defaultSortState,
+                sortState: sortState,
+                onSortChange: onSortChange,
+            }),
+            hooks_1.useTableSelection({
+                defaultSelectedItems: defaultSelectedItems,
+                selectedItems: selectedItems,
+                onSelectionChange: onSelectionChange,
+                selectionMode: selectionMode !== null && selectionMode !== void 0 ? selectionMode : 'multiselect',
+            }),
+            hooks_1.useTableColumnSizing_unstable({
+                onColumnResize: onColumnResize,
+                columnSizingOptions: columnSizingOptions,
+                // The selection cell is not part of the columns, therefore its width needs to be subtracted
+                // from the container to make sure the columns don't overflow the table.
+                containerWidthOffset: selectionMode ? -TableSelectionCell_1.CELL_WIDTH : 0,
+            }),
+        ]);
+        var baseTableState = useTable_1.useTable_unstable(tslib_1.__assign(tslib_1.__assign({ role: 'grid', as: 'div', noNativeElements: true }, (navigable && keyboardNavAttr)), props), react_utilities_1.useMergedRefs(ref, tableState.tableRef));
+        return tslib_1.__assign(tslib_1.__assign({}, baseTableState), { focusMode: focusMode, tableState: tableState, selectableRows: !!selectionMode, subtleSelection: subtleSelection, selectionAppearance: selectionAppearance, resizableColumns: resizableColumns });
+    };
+    exports.useDataGrid_unstable = useDataGrid_unstable;
+});
+//# sourceMappingURL=useDataGrid.js.map

package/lib-amd/components/DataGrid/useDataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGrid.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGrid/useDataGrid.ts"],"names":[],"mappings":";;;;IAQA;;;;;;;;OAQG;IACI,IAAM,oBAAoB,GAAG,UAAC,KAAoB,EAAE,GAA2B;QAElF,IAAA,KAAK,GAgBH,KAAK,MAhBF,EACL,OAAO,GAeL,KAAK,QAfA,EACP,KAcE,KAAK,UAdW,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,aAAa,GAaX,KAAK,cAbM,EACb,YAAY,GAYV,KAAK,aAZK,EACZ,iBAAiB,GAWf,KAAK,kBAXU,EACjB,gBAAgB,GAUd,KAAK,iBAVS,EAChB,SAAS,GASP,KAAK,UATE,EACT,aAAa,GAQX,KAAK,cARM,EACb,oBAAoB,GAOlB,KAAK,qBAPa,EACpB,KAME,KAAK,gBANgB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,KAKE,KAAK,oBALsB,EAA7B,mBAAmB,mBAAG,OAAO,KAAA,EAC7B,QAAQ,GAIN,KAAK,SAJC,EACR,gBAAgB,GAGd,KAAK,iBAHS,EAChB,mBAAmB,GAEjB,KAAK,oBAFY,EACnB,cAAc,GACZ,KAAK,eADO,CACN;QAEV,IAAM,SAAS,GAAG,SAAS,KAAK,MAAM,CAAC;QACvC,IAAM,eAAe,GAAG,uCAAuB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QAElE,IAAM,UAAU,GAAG,wBAAgB,CAAC,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,EAAE;YAChE,oBAAY,CAAC;gBACX,gBAAgB,kBAAA;gBAChB,SAAS,WAAA;gBACT,YAAY,cAAA;aACb,CAAC;YACF,yBAAiB,CAAC;gBAChB,oBAAoB,sBAAA;gBACpB,aAAa,eAAA;gBACb,iBAAiB,mBAAA;gBACjB,aAAa,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,aAAa;aAC9C,CAAC;YACF,qCAA6B,CAAC;gBAC5B,cAAc,gBAAA;gBACd,mBAAmB,qBAAA;gBACnB,4FAA4F;gBAC5F,wEAAwE;gBACxE,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,+BAAU,CAAC,CAAC,CAAC,CAAC;aACtD,CAAC;SACH,CAAC,CAAC;QAEH,IAAM,cAAc,GAAG,4BAAiB,qCAEpC,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,KAAK,EACT,gBAAgB,EAAE,IAAI,IACnB,CAAC,SAAS,IAAI,eAAe,CAAC,GAC9B,KAAK,GAEV,+BAAa,CAAC,GAAG,EAAE,UAAU,CAAC,QAAQ,CAAC,CACxC,CAAC;QAEF,6CACK,cAAc,KACjB,SAAS,WAAA,EACT,UAAU,YAAA,EACV,cAAc,EAAE,CAAC,CAAC,aAAa,EAC/B,eAAe,iBAAA,EACf,mBAAmB,qBAAA,EACnB,gBAAgB,kBAAA,IAChB;IACJ,CAAC,CAAC;IAhEW,QAAA,oBAAoB,wBAgE/B","sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport type { DataGridProps, DataGridState } from './DataGrid.types';\nimport { useTable_unstable } from '../Table/useTable';\nimport { useTableFeatures, useTableSort, useTableSelection, useTableColumnSizing_unstable } from '../../hooks';\nimport { CELL_WIDTH } from '../TableSelectionCell';\nimport { useMergedRefs } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render DataGrid.\n *\n * The returned state can be modified with hooks such as useDataGridStyles_unstable,\n * before being passed to renderDataGrid_unstable.\n *\n * @param props - props from this instance of DataGrid\n * @param ref - reference to root HTMLElement of DataGrid\n */\nexport const useDataGrid_unstable = (props: DataGridProps, ref: React.Ref<HTMLElement>): DataGridState => {\n  const {\n    items,\n    columns,\n    focusMode = 'cell',\n    selectionMode,\n    onSortChange,\n    onSelectionChange,\n    defaultSortState,\n    sortState,\n    selectedItems,\n    defaultSelectedItems,\n    subtleSelection = false,\n    selectionAppearance = 'brand',\n    getRowId,\n    resizableColumns,\n    columnSizingOptions,\n    onColumnResize,\n  } = props;\n\n  const navigable = focusMode !== 'none';\n  const keyboardNavAttr = useArrowNavigationGroup({ axis: 'grid' });\n\n  const tableState = useTableFeatures({ items, columns, getRowId }, [\n    useTableSort({\n      defaultSortState,\n      sortState,\n      onSortChange,\n    }),\n    useTableSelection({\n      defaultSelectedItems,\n      selectedItems,\n      onSelectionChange,\n      selectionMode: selectionMode ?? 'multiselect',\n    }),\n    useTableColumnSizing_unstable({\n      onColumnResize,\n      columnSizingOptions,\n      // The selection cell is not part of the columns, therefore its width needs to be subtracted\n      // from the container to make sure the columns don't overflow the table.\n      containerWidthOffset: selectionMode ? -CELL_WIDTH : 0,\n    }),\n  ]);\n\n  const baseTableState = useTable_unstable(\n    {\n      role: 'grid',\n      as: 'div',\n      noNativeElements: true,\n      ...(navigable && keyboardNavAttr),\n      ...props,\n    },\n    useMergedRefs(ref, tableState.tableRef),\n  );\n\n  return {\n    ...baseTableState,\n    focusMode,\n    tableState,\n    selectableRows: !!selectionMode,\n    subtleSelection,\n    selectionAppearance,\n    resizableColumns,\n  };\n};\n"]}

package/lib-amd/components/DataGrid/useDataGridContextValues.js

@@ -0,0 +1,11 @@
+define(["require", "exports", "tslib", "../Table/useTableContextValues"], function (require, exports, tslib_1, useTableContextValues_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridContextValues_unstable = void 0;
+    function useDataGridContextValues_unstable(state) {
+        var tableContextValues = useTableContextValues_1.useTableContextValues_unstable(state);
+        return tslib_1.__assign(tslib_1.__assign({}, tableContextValues), { dataGrid: tslib_1.__assign(tslib_1.__assign({}, state.tableState), { focusMode: state.focusMode, selectableRows: state.selectableRows, subtleSelection: state.subtleSelection, selectionAppearance: state.selectionAppearance, resizableColumns: state.resizableColumns }) });
+    }
+    exports.useDataGridContextValues_unstable = useDataGridContextValues_unstable;
+});
+//# sourceMappingURL=useDataGridContextValues.js.map

package/lib-amd/components/DataGrid/useDataGridContextValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridContextValues.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGrid/useDataGridContextValues.ts"],"names":[],"mappings":";;;;IAGA,SAAgB,iCAAiC,CAAC,KAAoB;QACpE,IAAM,kBAAkB,GAAG,sDAA8B,CAAC,KAAK,CAAC,CAAC;QACjE,6CACK,kBAAkB,KACrB,QAAQ,wCACH,KAAK,CAAC,UAAU,KACnB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,OAE1C;IACJ,CAAC;IAbD,8EAaC","sourcesContent":["import { useTableContextValues_unstable } from '../Table/useTableContextValues';\nimport { DataGridContextValues, DataGridState } from './DataGrid.types';\n\nexport function useDataGridContextValues_unstable(state: DataGridState): DataGridContextValues {\n  const tableContextValues = useTableContextValues_unstable(state);\n  return {\n    ...tableContextValues,\n    dataGrid: {\n      ...state.tableState,\n      focusMode: state.focusMode,\n      selectableRows: state.selectableRows,\n      subtleSelection: state.subtleSelection,\n      selectionAppearance: state.selectionAppearance,\n      resizableColumns: state.resizableColumns,\n    },\n  };\n}\n"]}

package/lib-amd/components/DataGrid/useDataGridStyles.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "@griffel/react", "../Table/useTableStyles"], function (require, exports, react_1, useTableStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.useDataGridStyles_unstable = exports.dataGridClassNames = void 0;
+    exports.dataGridClassNames = {
+        root: 'fui-DataGrid',
+    };
+    /**
+     * Apply styling to the DataGrid slots based on the state
+     */
+    var useDataGridStyles_unstable = function (state) {
+        useTableStyles_1.useTableStyles_unstable(state);
+        state.root.className = react_1.mergeClasses(exports.dataGridClassNames.root, state.root.className);
+        return state;
+    };
+    exports.useDataGridStyles_unstable = useDataGridStyles_unstable;
+});
+//# sourceMappingURL=useDataGridStyles.js.map

package/lib-amd/components/DataGrid/useDataGridStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,kBAAkB,GAAkC;QAC/D,IAAI,EAAE,cAAc;KACrB,CAAC;IAEF;;OAEG;IACI,IAAM,0BAA0B,GAAG,UAAC,KAAoB;QAC7D,wCAAuB,CAAC,KAAK,CAAC,CAAC;QAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,0BAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEnF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,0BAA0B,8BAKrC","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridSlots, DataGridState } from './DataGrid.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableStyles_unstable } from '../Table/useTableStyles';\n\nexport const dataGridClassNames: SlotClassNames<DataGridSlots> = {\n  root: 'fui-DataGrid',\n};\n\n/**\n * Apply styling to the DataGrid slots based on the state\n */\nexport const useDataGridStyles_unstable = (state: DataGridState): DataGridState => {\n  useTableStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridClassNames.root, state.root.className);\n\n  return state;\n};\n"]}

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

@@ -0,0 +1,15 @@
+define(["require", "exports", "react", "./useDataGridBody", "./renderDataGridBody", "./useDataGridBodyStyles"], function (require, exports, React, useDataGridBody_1, renderDataGridBody_1, useDataGridBodyStyles_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.DataGridBody = void 0;
+    /**
+     * DataGridBody component
+     */
+    exports.DataGridBody = React.forwardRef(function (props, ref) {
+        var state = useDataGridBody_1.useDataGridBody_unstable(props, ref);
+        useDataGridBodyStyles_1.useDataGridBodyStyles_unstable(state);
+        return renderDataGridBody_1.renderDataGridBody_unstable(state);
+    });
+    exports.DataGridBody.displayName = 'DataGridBody';
+});
+//# sourceMappingURL=DataGridBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridBody.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx"],"names":[],"mappings":";;;;IAOA;;OAEG;IACU,QAAA,YAAY,GACqC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACxF,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,CAAuG,CAAC;IAEzG,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC","sourcesContent":["import * as React from 'react';\nimport { useDataGridBody_unstable } from './useDataGridBody';\nimport { renderDataGridBody_unstable } from './renderDataGridBody';\nimport { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles';\nimport type { DataGridBodyProps } from './DataGridBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DataGridBody component\n */\nexport const DataGridBody: ForwardRefComponent<DataGridBodyProps> &\n  (<TItem>(props: DataGridBodyProps<TItem>) => JSX.Element) = React.forwardRef((props, ref) => {\n  const state = useDataGridBody_unstable(props, ref);\n\n  useDataGridBodyStyles_unstable(state);\n  return renderDataGridBody_unstable(state);\n}) as ForwardRefComponent<DataGridBodyProps> & (<TItem>(props: DataGridBodyProps<TItem>) => JSX.Element);\n\nDataGridBody.displayName = 'DataGridBody';\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGridBody.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridBody/DataGridBody.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { TableRowData } from '../../hooks';\nimport type { TableBodySlots, TableBodyProps, TableBodyState } from '../TableBody/TableBody.types';\n\nexport type DataGridBodySlots = TableBodySlots;\n\nexport type RowRenderFunction<TItem = unknown> = (row: TableRowData<TItem>, ...rest: unknown[]) => React.ReactNode;\n\n/**\n * DataGridBody Props\n */\nexport type DataGridBodyProps<TItem = unknown> = Omit<TableBodyProps, 'children'> & {\n  /**\n   * Render function for rows\n   */\n  children: RowRenderFunction<TItem>;\n};\n\n/**\n * State used in rendering DataGridBody\n */\nexport type DataGridBodyState = TableBodyState & {\n  rows: TableRowData<unknown>[];\n\n  renderRow: RowRenderFunction;\n};\n"]}

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