@fluentui/react-table 9.2.12 → 9.3.0

package/CHANGELOG.json

@@ -2,7 +2,92 @@
   "name": "@fluentui/react-table",
   "entries": [
     {
-      "date": "Thu, 25 May 2023 09:57:45 GMT",
+      "date": "Wed, 31 May 2023 06:43:02 GMT",
+      "tag": "@fluentui/react-table_v9.3.0",
+      "version": "9.3.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "jirivyhnalek@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "f376f2871a07ce1f0b376de57968c780cdb13e01",
+            "comment": "A column header style now reflects if its being resized by keyboard"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-aria to v9.3.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-avatar to v9.5.5",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-checkbox to v9.1.17",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-radio to v9.1.17",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-tabster to v9.7.5",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-utilities to v9.9.2",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22",
+            "commit": "17ca96c6b7f684f36a5c63e40e78b4986a86c713"
+          }
+        ],
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "4b637ced41e430bf8d79c7fc67c103d5efdfd3a8",
+            "comment": "fix: tweak type errors exposed in ts 4.5"
+          }
+        ],
+        "patch": [
+          {
+            "author": "seanmonahan@microsoft.com",
+            "package": "@fluentui/react-table",
+            "commit": "d640b972d7ac86bfb76ae6c6329f12cdd33b3b7c",
+            "comment": "chore: Update Griffel to v1.5.7."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 25 May 2023 10:00:48 GMT",
       "tag": "@fluentui/react-table_v9.2.12",
       "version": "9.2.12",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,34 @@
 # Change Log - @fluentui/react-table
 
-This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
+This log was last generated on Wed, 31 May 2023 06:43:02 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.3.0)
+
+Wed, 31 May 2023 06:43:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.2.12..@fluentui/react-table_v9.3.0)
+
+### Minor changes
+
+- A column header style now reflects if its being resized by keyboard ([PR #27953](https://github.com/microsoft/fluentui/pull/27953) by jirivyhnalek@microsoft.com)
+- Bump @fluentui/react-aria to v9.3.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-avatar to v9.5.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-checkbox to v9.1.17 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-radio to v9.1.17 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-tabster to v9.7.5 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-utilities to v9.9.2 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.6 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.22 ([PR #28054](https://github.com/microsoft/fluentui/pull/28054) by beachball)
+
+### Patches
+
+- chore: Update Griffel to v1.5.7. ([PR #27925](https://github.com/microsoft/fluentui/pull/27925) by seanmonahan@microsoft.com)
+
 ## [9.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.2.12)
 
-Thu, 25 May 2023 09:57:45 GMT 
+Thu, 25 May 2023 10:00:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.2.11..@fluentui/react-table_v9.2.12)
 
 ### Patches

package/lib/DataGrid.js

@@ -1,2 +1 @@
 export * from './components/DataGrid/index';
-//# sourceMappingURL=DataGrid.js.map

package/lib/DataGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/DataGrid.ts"],"sourcesContent":["export * from './components/DataGrid/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["DataGrid.ts"],"sourcesContent":["export * from './components/DataGrid/index';\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}

package/lib/DataGridBody.js

@@ -1,2 +1 @@
 export * from './components/DataGridBody/index';
-//# sourceMappingURL=DataGridBody.js.map

package/lib/DataGridBody.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/DataGridBody.ts"],"sourcesContent":["export * from './components/DataGridBody/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["DataGridBody.ts"],"sourcesContent":["export * from './components/DataGridBody/index';\n"],"names":[],"mappings":"AAAA,cAAc,kCAAkC"}

package/lib/DataGridCell.js

@@ -1,2 +1 @@
 export * from './components/DataGridCell/index';
-//# sourceMappingURL=DataGridCell.js.map

package/lib/DataGridCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/DataGridCell.ts"],"sourcesContent":["export * from './components/DataGridCell/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["DataGridCell.ts"],"sourcesContent":["export * from './components/DataGridCell/index';\n"],"names":[],"mappings":"AAAA,cAAc,kCAAkC"}

package/lib/DataGridHeader.js

@@ -1,2 +1 @@
 export * from './components/DataGridHeader/index';
-//# sourceMappingURL=DataGridHeader.js.map

package/lib/DataGridHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/DataGridHeader.ts"],"sourcesContent":["export * from './components/DataGridHeader/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["DataGridHeader.ts"],"sourcesContent":["export * from './components/DataGridHeader/index';\n"],"names":[],"mappings":"AAAA,cAAc,oCAAoC"}

package/lib/DataGridHeaderCell.js

@@ -1,2 +1 @@
 export * from './components/DataGridHeaderCell/index';
-//# sourceMappingURL=DataGridHeaderCell.js.map

package/lib/DataGridHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/DataGridHeaderCell.ts"],"sourcesContent":["export * from './components/DataGridHeaderCell/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["DataGridHeaderCell.ts"],"sourcesContent":["export * from './components/DataGridHeaderCell/index';\n"],"names":[],"mappings":"AAAA,cAAc,wCAAwC"}

package/lib/DataGridRow.js

@@ -1,2 +1 @@
 export * from './components/DataGridRow/index';
-//# sourceMappingURL=DataGridRow.js.map

package/lib/DataGridRow.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/DataGridRow.ts"],"sourcesContent":["export * from './components/DataGridRow/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["DataGridRow.ts"],"sourcesContent":["export * from './components/DataGridRow/index';\n"],"names":[],"mappings":"AAAA,cAAc,iCAAiC"}

package/lib/DataGridSelectionCell.js

@@ -1,2 +1 @@
 export * from './components/DataGridSelectionCell/index';
-//# sourceMappingURL=DataGridSelectionCell.js.map

package/lib/DataGridSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/DataGridSelectionCell.ts"],"sourcesContent":["export * from './components/DataGridSelectionCell/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["DataGridSelectionCell.ts"],"sourcesContent":["export * from './components/DataGridSelectionCell/index';\n"],"names":[],"mappings":"AAAA,cAAc,2CAA2C"}

package/lib/Table.js

@@ -1,2 +1 @@
 export * from './components/Table/index';
-//# sourceMappingURL=Table.js.map

package/lib/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/Table.ts"],"sourcesContent":["export * from './components/Table/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["Table.ts"],"sourcesContent":["export * from './components/Table/index';\n"],"names":[],"mappings":"AAAA,cAAc,2BAA2B"}

package/lib/TableBody.js

@@ -1,2 +1 @@
 export * from './components/TableBody/index';
-//# sourceMappingURL=TableBody.js.map

package/lib/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableBody.ts"],"sourcesContent":["export * from './components/TableBody/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableBody.ts"],"sourcesContent":["export * from './components/TableBody/index';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B"}

package/lib/TableCell.js

@@ -1,2 +1 @@
 export * from './components/TableCell/index';
-//# sourceMappingURL=TableCell.js.map

package/lib/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableCell.ts"],"sourcesContent":["export * from './components/TableCell/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableCell.ts"],"sourcesContent":["export * from './components/TableCell/index';\n"],"names":[],"mappings":"AAAA,cAAc,+BAA+B"}

package/lib/TableCellActions.js

@@ -1,2 +1 @@
 export * from './components/TableCellActions/index';
-//# sourceMappingURL=TableCellActions.js.map

package/lib/TableCellActions.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableCellActions.ts"],"sourcesContent":["export * from './components/TableCellActions/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableCellActions.ts"],"sourcesContent":["export * from './components/TableCellActions/index';\n"],"names":[],"mappings":"AAAA,cAAc,sCAAsC"}

package/lib/TableCellLayout.js

@@ -1,2 +1 @@
 export * from './components/TableCellLayout/index';
-//# sourceMappingURL=TableCellLayout.js.map

package/lib/TableCellLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableCellLayout.ts"],"sourcesContent":["export * from './components/TableCellLayout/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableCellLayout.ts"],"sourcesContent":["export * from './components/TableCellLayout/index';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC"}

package/lib/TableCellPrimaryLayout.js

@@ -1,2 +1 @@
 export * from './components/TableCellLayout/index';
-//# sourceMappingURL=TableCellPrimaryLayout.js.map

package/lib/TableCellPrimaryLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableCellPrimaryLayout.ts"],"sourcesContent":["export * from './components/TableCellLayout/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableCellPrimaryLayout.ts"],"sourcesContent":["export * from './components/TableCellLayout/index';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC"}

package/lib/TableHeader.js

@@ -1,2 +1 @@
 export * from './components/TableHeader/index';
-//# sourceMappingURL=TableHeader.js.map

package/lib/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableHeader.ts"],"sourcesContent":["export * from './components/TableHeader/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableHeader.ts"],"sourcesContent":["export * from './components/TableHeader/index';\n"],"names":[],"mappings":"AAAA,cAAc,iCAAiC"}

package/lib/TableHeaderCell.js

@@ -1,2 +1 @@
 export * from './components/TableHeaderCell/index';
-//# sourceMappingURL=TableHeaderCell.js.map

package/lib/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableHeaderCell.ts"],"sourcesContent":["export * from './components/TableHeaderCell/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableHeaderCell.ts"],"sourcesContent":["export * from './components/TableHeaderCell/index';\n"],"names":[],"mappings":"AAAA,cAAc,qCAAqC"}

package/lib/TableResizeHandle.js

@@ -1,2 +1 @@
 export * from './components/TableResizeHandle/index';
-//# sourceMappingURL=TableResizeHandle.js.map

package/lib/TableResizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableResizeHandle.ts"],"sourcesContent":["export * from './components/TableResizeHandle/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableResizeHandle.ts"],"sourcesContent":["export * from './components/TableResizeHandle/index';\n"],"names":[],"mappings":"AAAA,cAAc,uCAAuC"}

package/lib/TableRow.js

@@ -1,2 +1 @@
 export * from './components/TableRow/index';
-//# sourceMappingURL=TableRow.js.map

package/lib/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableRow.ts"],"sourcesContent":["export * from './components/TableRow/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableRow.ts"],"sourcesContent":["export * from './components/TableRow/index';\n"],"names":[],"mappings":"AAAA,cAAc,8BAA8B"}

package/lib/TableSelectionCell.js

@@ -1,2 +1 @@
 export * from './components/TableSelectionCell/index';
-//# sourceMappingURL=TableSelectionCell.js.map

package/lib/TableSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/TableSelectionCell.ts"],"sourcesContent":["export * from './components/TableSelectionCell/index';\n"],"mappings":"AAAA,cAAc"}
+{"version":3,"sources":["TableSelectionCell.ts"],"sourcesContent":["export * from './components/TableSelectionCell/index';\n"],"names":[],"mappings":"AAAA,cAAc,wCAAwC"}

package/lib/components/DataGrid/DataGrid.js

@@ -6,12 +6,10 @@ import { useDataGridContextValues_unstable } from './useDataGridContextValues';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * DataGrid component
- */
-export const DataGrid = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDataGrid_unstable(props, ref);
-  useDataGridStyles_unstable(state);
-  useCustomStyleHook_unstable('useDataGridStyles_unstable')(state);
-  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));
+ */ export const DataGrid = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useDataGrid_unstable(props, ref);
+    useDataGridStyles_unstable(state);
+    useCustomStyleHook_unstable('useDataGridStyles_unstable')(state);
+    return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));
 });
 DataGrid.displayName = 'DataGrid';
-//# sourceMappingURL=DataGrid.js.map

package/lib/components/DataGrid/DataGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useDataGrid_unstable","renderDataGrid_unstable","useDataGridStyles_unstable","useDataGridContextValues_unstable","useCustomStyleHook_unstable","DataGrid","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/DataGrid/DataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGrid_unstable } from './useDataGrid';\nimport { renderDataGrid_unstable } from './renderDataGrid';\nimport { useDataGridStyles_unstable } from './useDataGridStyles.styles';\nimport type { DataGridProps } from './DataGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDataGridContextValues_unstable } from './useDataGridContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * DataGrid component\n */\nexport const DataGrid: ForwardRefComponent<DataGridProps> = React.forwardRef((props, ref) => {\n  const state = useDataGrid_unstable(props, ref);\n\n  useDataGridStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDataGridStyles_unstable')(state);\n\n  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));\n});\n\nDataGrid.displayName = 'DataGrid';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AACxC,SAASC,0BAA0B,QAAQ;AAG3C,SAASC,iCAAiC,QAAQ;AAClD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,QAAA,gBAA+CN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC3F,MAAMC,KAAA,GAAQT,oBAAA,CAAqBO,KAAA,EAAOC,GAAA;EAE1CN,0BAAA,CAA2BO,KAAA;EAE3BL,2BAAA,CAA4B,8BAA8BK,KAAA;EAE1D,OAAOR,uBAAA,CAAwBQ,KAAA,EAAON,iCAAA,CAAkCM,KAAA;AAC1E;AAEAJ,QAAA,CAASK,WAAW,GAAG"}
+{"version":3,"sources":["DataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGrid_unstable } from './useDataGrid';\nimport { renderDataGrid_unstable } from './renderDataGrid';\nimport { useDataGridStyles_unstable } from './useDataGridStyles.styles';\nimport type { DataGridProps } from './DataGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDataGridContextValues_unstable } from './useDataGridContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * DataGrid component\n */\nexport const DataGrid: ForwardRefComponent<DataGridProps> = React.forwardRef((props, ref) => {\n  const state = useDataGrid_unstable(props, ref);\n\n  useDataGridStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDataGridStyles_unstable')(state);\n\n  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));\n});\n\nDataGrid.displayName = 'DataGrid';\n"],"names":["React","useDataGrid_unstable","renderDataGrid_unstable","useDataGridStyles_unstable","useDataGridContextValues_unstable","useCustomStyleHook_unstable","DataGrid","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,6BAA6B;AAGxE,SAASC,iCAAiC,QAAQ,6BAA6B;AAC/E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,yBAA+CN,MAAMO,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC3F,MAAMC,QAAQT,qBAAqBO,OAAOC;IAE1CN,2BAA2BO;IAE3BL,4BAA4B,8BAA8BK;IAE1D,OAAOR,wBAAwBQ,OAAON,kCAAkCM;AAC1E,GAAG;AAEHJ,SAASK,WAAW,GAAG"}

package/lib/components/DataGrid/DataGrid.types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=DataGrid.types.js.map

package/lib/components/DataGrid/DataGrid.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/DataGrid/DataGrid.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableContextValues, TableProps, TableSlots, TableState } from '../Table/Table.types';\nimport type {\n  SortState,\n  TableFeaturesState,\n  UseTableSortOptions,\n  SelectionMode,\n  UseTableSelectionOptions,\n  OnSelectionChangeData,\n  TableColumnSizingOptions,\n  TableColumnId,\n} from '../../hooks';\nimport { TableRowProps } from '../TableRow/TableRow.types';\n\nexport type DataGridSlots = TableSlots;\n\nexport type DataGridFocusMode = 'none' | 'cell' | 'row_unstable';\n\nexport type DataGridContextValues = TableContextValues & {\n  dataGrid: DataGridContextValue;\n};\n\n// Use any here since we can't know the user types\n// The user is responsible for narrowing the type downstream\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type DataGridContextValue = TableFeaturesState<any> & {\n  /**\n   * How focus navigation will work in the datagrid\n   * @default cell\n   */\n  focusMode: DataGridFocusMode;\n\n  /**\n   * Lets child components know if rows selection is enabled\n   * @see selectionMode prop enables row selection on the component\n   */\n  selectableRows: boolean;\n\n  /**\n   * Enables subtle selection style\n   * @default false\n   */\n  subtleSelection: boolean;\n\n  /**\n   * Row appearance when selected\n   * @default brand\n   */\n  selectionAppearance: TableRowProps['appearance'];\n\n  /**\n   * Enables column resizing\n   */\n  resizableColumns?: boolean;\n};\n\n/**\n * DataGrid Props\n */\nexport type DataGridProps = TableProps &\n  Pick<DataGridContextValue, 'items' | 'columns' | 'getRowId'> &\n  Pick<Partial<DataGridContextValue>, 'focusMode' | 'subtleSelection' | 'selectionAppearance' | 'resizableColumns'> &\n  Pick<UseTableSortOptions, 'sortState' | 'defaultSortState'> &\n  Pick<UseTableSelectionOptions, 'defaultSelectedItems' | 'selectedItems'> & {\n    onSortChange?: (e: React.MouseEvent, sortState: SortState) => void;\n    onSelectionChange?: (e: React.MouseEvent | React.KeyboardEvent, data: OnSelectionChangeData) => void;\n    /**\n     * Enables row selection and sets the selection mode\n     * @default false\n     */\n    selectionMode?: SelectionMode;\n    /**\n     * Options for column resizing\n     */\n    columnSizingOptions?: TableColumnSizingOptions;\n    /**\n     * A callback triggered when a column is resized.\n     */\n    onColumnResize?: (\n      e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n      data: { columnId: TableColumnId; width: number },\n    ) => void;\n  };\n\n/**\n * State used in rendering DataGrid\n */\nexport type DataGridState = TableState & { tableState: TableFeaturesState<unknown> } & Pick<\n    DataGridContextValue,\n    'focusMode' | 'selectableRows' | 'subtleSelection' | 'selectionAppearance' | 'getRowId' | 'resizableColumns'\n  >;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["DataGrid.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TableContextValues, TableProps, TableSlots, TableState } from '../Table/Table.types';\nimport type {\n  SortState,\n  TableFeaturesState,\n  UseTableSortOptions,\n  SelectionMode,\n  UseTableSelectionOptions,\n  OnSelectionChangeData,\n  TableColumnSizingOptions,\n  TableColumnId,\n} from '../../hooks';\nimport { TableRowProps } from '../TableRow/TableRow.types';\n\nexport type DataGridSlots = TableSlots;\n\nexport type DataGridFocusMode = 'none' | 'cell' | 'row_unstable';\n\nexport type DataGridContextValues = TableContextValues & {\n  dataGrid: DataGridContextValue;\n};\n\n// Use any here since we can't know the user types\n// The user is responsible for narrowing the type downstream\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type DataGridContextValue = TableFeaturesState<any> & {\n  /**\n   * How focus navigation will work in the datagrid\n   * @default cell\n   */\n  focusMode: DataGridFocusMode;\n\n  /**\n   * Lets child components know if rows selection is enabled\n   * @see selectionMode prop enables row selection on the component\n   */\n  selectableRows: boolean;\n\n  /**\n   * Enables subtle selection style\n   * @default false\n   */\n  subtleSelection: boolean;\n\n  /**\n   * Row appearance when selected\n   * @default brand\n   */\n  selectionAppearance: TableRowProps['appearance'];\n\n  /**\n   * Enables column resizing\n   */\n  resizableColumns?: boolean;\n};\n\n/**\n * DataGrid Props\n */\nexport type DataGridProps = TableProps &\n  Pick<DataGridContextValue, 'items' | 'columns' | 'getRowId'> &\n  Pick<Partial<DataGridContextValue>, 'focusMode' | 'subtleSelection' | 'selectionAppearance' | 'resizableColumns'> &\n  Pick<UseTableSortOptions, 'sortState' | 'defaultSortState'> &\n  Pick<UseTableSelectionOptions, 'defaultSelectedItems' | 'selectedItems'> & {\n    onSortChange?: (e: React.MouseEvent, sortState: SortState) => void;\n    onSelectionChange?: (e: React.MouseEvent | React.KeyboardEvent, data: OnSelectionChangeData) => void;\n    /**\n     * Enables row selection and sets the selection mode\n     * @default false\n     */\n    selectionMode?: SelectionMode;\n    /**\n     * Options for column resizing\n     */\n    columnSizingOptions?: TableColumnSizingOptions;\n    /**\n     * A callback triggered when a column is resized.\n     */\n    onColumnResize?: (\n      e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n      data: { columnId: TableColumnId; width: number },\n    ) => void;\n  };\n\n/**\n * State used in rendering DataGrid\n */\nexport type DataGridState = TableState & { tableState: TableFeaturesState<unknown> } & Pick<\n    DataGridContextValue,\n    'focusMode' | 'selectableRows' | 'subtleSelection' | 'selectionAppearance' | 'getRowId' | 'resizableColumns'\n  >;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/DataGrid/index.js

@@ -4,4 +4,3 @@ export * from './renderDataGrid';
 export * from './useDataGrid';
 export * from './useDataGridStyles.styles';
 export * from './useDataGridContextValues';
-//# sourceMappingURL=index.js.map

package/lib/components/DataGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/DataGrid/index.ts"],"sourcesContent":["export * from './DataGrid';\nexport * from './DataGrid.types';\nexport * from './renderDataGrid';\nexport * from './useDataGrid';\nexport * from './useDataGridStyles.styles';\nexport * from './useDataGridContextValues';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './DataGrid';\nexport * from './DataGrid.types';\nexport * from './renderDataGrid';\nexport * from './useDataGrid';\nexport * from './useDataGridStyles.styles';\nexport * from './useDataGridContextValues';\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,6BAA6B;AAC3C,cAAc,6BAA6B"}

package/lib/components/DataGrid/renderDataGrid.js

@@ -3,10 +3,8 @@ import { renderTable_unstable } from '../Table/renderTable';
 import { DataGridContextProvider } from '../../contexts/dataGridContext';
 /**
  * Render the final JSX of DataGrid
- */
-export const renderDataGrid_unstable = (state, contextValues) => {
-  return /*#__PURE__*/React.createElement(DataGridContextProvider, {
-    value: contextValues.dataGrid
-  }, renderTable_unstable(state, contextValues));
+ */ export const renderDataGrid_unstable = (state, contextValues)=>{
+    return /*#__PURE__*/ React.createElement(DataGridContextProvider, {
+        value: contextValues.dataGrid
+    }, renderTable_unstable(state, contextValues));
 };
-//# sourceMappingURL=renderDataGrid.js.map

package/lib/components/DataGrid/renderDataGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","renderTable_unstable","DataGridContextProvider","renderDataGrid_unstable","state","contextValues","createElement","value","dataGrid"],"sources":["../../../src/components/DataGrid/renderDataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { DataGridContextValues, DataGridState } from './DataGrid.types';\nimport { renderTable_unstable } from '../Table/renderTable';\nimport { DataGridContextProvider } from '../../contexts/dataGridContext';\n\n/**\n * Render the final JSX of DataGrid\n */\nexport const renderDataGrid_unstable = (state: DataGridState, contextValues: DataGridContextValues) => {\n  return (\n    <DataGridContextProvider value={contextValues.dataGrid}>\n      {renderTable_unstable(state, contextValues)}\n    </DataGridContextProvider>\n  );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAEvB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AAExC;;;AAGA,OAAO,MAAMC,uBAAA,GAA0BA,CAACC,KAAA,EAAsBC,aAAA,KAAyC;EACrG,oBACEL,KAAA,CAAAM,aAAA,CAACJ,uBAAA;IAAwBK,KAAA,EAAOF,aAAA,CAAcG;KAC3CP,oBAAA,CAAqBG,KAAA,EAAOC,aAAA;AAGnC"}
+{"version":3,"sources":["renderDataGrid.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { DataGridContextValues, DataGridState } from './DataGrid.types';\nimport { renderTable_unstable } from '../Table/renderTable';\nimport { DataGridContextProvider } from '../../contexts/dataGridContext';\n\n/**\n * Render the final JSX of DataGrid\n */\nexport const renderDataGrid_unstable = (state: DataGridState, contextValues: DataGridContextValues) => {\n  return (\n    <DataGridContextProvider value={contextValues.dataGrid}>\n      {renderTable_unstable(state, contextValues)}\n    </DataGridContextProvider>\n  );\n};\n"],"names":["React","renderTable_unstable","DataGridContextProvider","renderDataGrid_unstable","state","contextValues","value","dataGrid"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,uBAAuB;AAC5D,SAASC,uBAAuB,QAAQ,iCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAsBC,gBAAyC;IACrG,qBACE,oBAACH;QAAwBI,OAAOD,cAAcE,QAAQ;OACnDN,qBAAqBG,OAAOC;AAGnC,EAAE"}

package/lib/components/DataGrid/useDataGrid.js

@@ -13,93 +13,75 @@ import { End, Home } from '@fluentui/keyboard-keys';
  *
  * @param props - props from this instance of DataGrid
  * @param ref - reference to root HTMLElement of DataGrid
- */
-export const useDataGrid_unstable = (props, ref) => {
-  const {
-    items,
-    columns,
-    focusMode = 'cell',
-    selectionMode,
-    onSortChange,
-    onSelectionChange,
-    defaultSortState,
-    sortState,
-    selectedItems,
-    defaultSelectedItems,
-    subtleSelection = false,
-    selectionAppearance = 'brand',
-    getRowId,
-    resizableColumns,
-    columnSizingOptions,
-    onColumnResize
-  } = props;
-  const navigable = focusMode !== 'none';
-  const keyboardNavAttr = useArrowNavigationGroup({
-    axis: 'grid'
-  });
-  const tableState = useTableFeatures({
-    items,
-    columns,
-    getRowId
-  }, [useTableSort({
-    defaultSortState,
-    sortState,
-    onSortChange
-  }), useTableSelection({
-    defaultSelectedItems,
-    selectedItems,
-    onSelectionChange,
-    selectionMode: selectionMode !== null && selectionMode !== void 0 ? selectionMode : 'multiselect'
-  }), useTableColumnSizing_unstable({
-    onColumnResize,
-    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 ? -CELL_WIDTH : 0
-  })]);
-  const innerRef = React.useRef(null);
-  const {
-    findFirstFocusable,
-    findLastFocusable
-  } = useFocusFinders();
-  const onKeyDown = useEventCallback(e => {
-    var _props_onKeyDown;
-    (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);
-    if (!innerRef.current || !e.ctrlKey || e.defaultPrevented) {
-      return;
-    }
-    if (e.key === Home) {
-      const firstRow = innerRef.current.querySelector('[role="row"]');
-      if (firstRow) {
-        var _findFirstFocusable;
-        (_findFirstFocusable = findFirstFocusable(firstRow)) === null || _findFirstFocusable === void 0 ? void 0 : _findFirstFocusable.focus();
-      }
-    }
-    if (e.key === End) {
-      const rows = innerRef.current.querySelectorAll('[role="row"]');
-      if (rows.length) {
-        var _findLastFocusable;
-        const lastRow = rows.item(rows.length - 1);
-        (_findLastFocusable = findLastFocusable(lastRow)) === null || _findLastFocusable === void 0 ? void 0 : _findLastFocusable.focus();
-      }
-    }
-  });
-  const baseTableState = useTable_unstable({
-    role: 'grid',
-    as: 'div',
-    noNativeElements: true,
-    ...(navigable && keyboardNavAttr),
-    ...props,
-    onKeyDown
-  }, useMergedRefs(ref, tableState.tableRef, innerRef));
-  return {
-    ...baseTableState,
-    focusMode,
-    tableState,
-    selectableRows: !!selectionMode,
-    subtleSelection,
-    selectionAppearance,
-    resizableColumns
-  };
+ */ export const useDataGrid_unstable = (props, ref)=>{
+    const { items , columns , focusMode ='cell' , selectionMode , onSortChange , onSelectionChange , defaultSortState , sortState , selectedItems , defaultSelectedItems , subtleSelection =false , selectionAppearance ='brand' , getRowId , resizableColumns , columnSizingOptions , onColumnResize  } = props;
+    const navigable = focusMode !== 'none';
+    const keyboardNavAttr = useArrowNavigationGroup({
+        axis: 'grid'
+    });
+    const tableState = useTableFeatures({
+        items,
+        columns,
+        getRowId
+    }, [
+        useTableSort({
+            defaultSortState,
+            sortState,
+            onSortChange
+        }),
+        useTableSelection({
+            defaultSelectedItems,
+            selectedItems,
+            onSelectionChange,
+            selectionMode: selectionMode !== null && selectionMode !== void 0 ? selectionMode : 'multiselect'
+        }),
+        useTableColumnSizing_unstable({
+            onColumnResize,
+            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 ? -CELL_WIDTH : 0
+        })
+    ]);
+    const innerRef = React.useRef(null);
+    const { findFirstFocusable , findLastFocusable  } = useFocusFinders();
+    const onKeyDown = useEventCallback((e)=>{
+        var _props_onKeyDown;
+        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);
+        if (!innerRef.current || !e.ctrlKey || e.defaultPrevented) {
+            return;
+        }
+        if (e.key === Home) {
+            const firstRow = innerRef.current.querySelector('[role="row"]');
+            if (firstRow) {
+                var _findFirstFocusable;
+                (_findFirstFocusable = findFirstFocusable(firstRow)) === null || _findFirstFocusable === void 0 ? void 0 : _findFirstFocusable.focus();
+            }
+        }
+        if (e.key === End) {
+            const rows = innerRef.current.querySelectorAll('[role="row"]');
+            if (rows.length) {
+                var _findLastFocusable;
+                const lastRow = rows.item(rows.length - 1);
+                (_findLastFocusable = findLastFocusable(lastRow)) === null || _findLastFocusable === void 0 ? void 0 : _findLastFocusable.focus();
+            }
+        }
+    });
+    const baseTableState = useTable_unstable({
+        role: 'grid',
+        as: 'div',
+        noNativeElements: true,
+        ...navigable && keyboardNavAttr,
+        ...props,
+        onKeyDown
+    }, useMergedRefs(ref, tableState.tableRef, innerRef));
+    return {
+        ...baseTableState,
+        focusMode,
+        tableState,
+        selectableRows: !!selectionMode,
+        subtleSelection,
+        selectionAppearance,
+        resizableColumns
+    };
 };
-//# sourceMappingURL=useDataGrid.js.map