@fluentui/react-table 9.0.4 → 9.1.0

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

@@ -9,12 +9,17 @@ const useDataGrid_1 = /*#__PURE__*/require("./useDataGrid");
 const renderDataGrid_1 = /*#__PURE__*/require("./renderDataGrid");
 const useDataGridStyles_1 = /*#__PURE__*/require("./useDataGridStyles");
 const useDataGridContextValues_1 = /*#__PURE__*/require("./useDataGridContextValues");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 /**
  * DataGrid component
  */
 exports.DataGrid = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useDataGrid_1.useDataGrid_unstable(props, ref);
   useDataGridStyles_1.useDataGridStyles_unstable(state);
+  const {
+    useDataGridStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderDataGrid_1.renderDataGrid_unstable(state, useDataGridContextValues_1.useDataGridContextValues_unstable(state));
 });
 exports.DataGrid.displayName = 'DataGrid';

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAGA;AAEA;;;AAGaA,gBAAQ,gBAAuCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGC,kCAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE9CG,8CAA0B,CAACF,KAAK,CAAC;EACjC,OAAOG,wCAAuB,CAACH,KAAK,EAAEI,4DAAiC,CAACJ,KAAK,CAAC,CAAC;AACjF,CAAC,CAAC;AAEFL,gBAAQ,CAACU,WAAW,GAAG,UAAU","names":["exports","React","forwardRef","props","ref","state","useDataGrid_1","useDataGridStyles_1","renderDataGrid_1","useDataGridContextValues_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/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';\nimport type { DataGridProps } from './DataGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDataGridContextValues_unstable } from './useDataGridContextValues';\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  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));\n});\n\nDataGrid.displayName = 'DataGrid';\n"]}
+{"version":3,"names":["React","require","useDataGrid_1","renderDataGrid_1","useDataGridStyles_1","useDataGridContextValues_1","react_shared_contexts_1","exports","DataGrid","forwardRef","props","ref","state","useDataGrid_unstable","useDataGridStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGrid_unstable","useDataGridContextValues_unstable","displayName"],"sources":["../src/packages/react-components/react-table/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';\nimport type { DataGridProps } from './DataGrid.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDataGridContextValues_unstable } from './useDataGridContextValues';\nimport { useCustomStyleHooks_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  const { useDataGridStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGrid_unstable(state, useDataGridContextValues_unstable(state));\n});\n\nDataGrid.displayName = 'DataGrid';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,gBAAA,gBAAAF,OAAA;AACA,MAAAG,mBAAA,gBAAAH,OAAA;AAGA,MAAAI,0BAAA,gBAAAJ,OAAA;AACA,MAAAK,uBAAA,gBAAAL,OAAA;AAEA;;;AAGaM,OAAA,CAAAC,QAAQ,gBAAuCR,KAAK,CAACS,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC1F,MAAMC,KAAK,GAAGV,aAAA,CAAAW,oBAAoB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE9CP,mBAAA,CAAAU,0BAA0B,CAACF,KAAK,CAAC;EAEjC,MAAM;IAAEE,0BAA0B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACtFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOT,gBAAA,CAAAc,uBAAuB,CAACL,KAAK,EAAEP,0BAAA,CAAAa,iCAAiC,CAACN,KAAK,CAAC,CAAC;AACjF,CAAC,CAAC;AAEFL,OAAA,CAAAC,QAAQ,CAACW,WAAW,GAAG,UAAU"}

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

@@ -1 +1 @@
-{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}
+{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/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?: (e: TouchEvent | MouseEvent | undefined, data: { columnId: TableColumnId; width: number }) => 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":""}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/index.ts"],"sourcesContent":["export * from './DataGrid';\nexport * from './DataGrid.types';\nexport * from './renderDataGrid';\nexport * from './useDataGrid';\nexport * from './useDataGridStyles';\nexport * from './useDataGridContextValues';\n"]}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGrid/index.ts"],"sourcesContent":["export * from './DataGrid';\nexport * from './DataGrid.types';\nexport * from './renderDataGrid';\nexport * from './useDataGrid';\nexport * from './useDataGridStyles';\nexport * from './useDataGridContextValues';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,gBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAEA;AACA;AAEA;;;AAGO,MAAMA,uBAAuB,GAAG,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,OACEC,oBAACC,yCAAuB;IAACC,KAAK,EAAEH,aAAa,CAACI;EAAQ,GACnDC,kCAAoB,CAACN,KAAK,EAAEC,aAAa,CAAC,CACnB;AAE9B,CAAC;AANYM,+BAAuB","names":["renderDataGrid_unstable","state","contextValues","React","dataGridContext_1","value","dataGrid","renderTable_1","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/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"]}
+{"version":3,"names":["React","require","renderTable_1","dataGridContext_1","renderDataGrid_unstable","state","contextValues","createElement","DataGridContextProvider","value","dataGrid","renderTable_unstable","exports"],"sources":["../src/packages/react-components/react-table/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,MAAAA,KAAA,gBAAAC,OAAA;AAEA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAEA;;;AAGO,MAAMG,uBAAuB,GAAGA,CAACC,KAAoB,EAAEC,aAAoC,KAAI;EACpG,OACEN,KAAA,CAAAO,aAAA,CAACJ,iBAAA,CAAAK,uBAAuB;IAACC,KAAK,EAAEH,aAAa,CAACI;EAAQ,GACnDR,aAAA,CAAAS,oBAAoB,CAACN,KAAK,EAAEC,aAAa,CAAC,CACnB;AAE9B,CAAC;AANYM,OAAA,CAAAR,uBAAuB,GAAAA,uBAAA"}

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

@@ -4,11 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDataGrid_unstable = void 0;
+const React = /*#__PURE__*/require("react");
 const react_tabster_1 = /*#__PURE__*/require("@fluentui/react-tabster");
 const useTable_1 = /*#__PURE__*/require("../Table/useTable");
 const hooks_1 = /*#__PURE__*/require("../../hooks");
 const TableSelectionCell_1 = /*#__PURE__*/require("../TableSelectionCell");
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
 /**
  * Create the state required to render DataGrid.
  *
@@ -61,13 +63,39 @@ const useDataGrid_unstable = (props, ref) => {
     // from the container to make sure the columns don't overflow the table.
     containerWidthOffset: selectionMode ? -TableSelectionCell_1.CELL_WIDTH : 0
   })]);
+  const innerRef = React.useRef(null);
+  const {
+    findFirstFocusable,
+    findLastFocusable
+  } = react_tabster_1.useFocusFinders();
+  const onKeyDown = react_utilities_1.useEventCallback(e => {
+    var _a, _b, _c;
+    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    if (!innerRef.current || !e.ctrlKey || e.defaultPrevented) {
+      return;
+    }
+    if (e.key === keyboard_keys_1.Home) {
+      const firstRow = innerRef.current.querySelector('[role="row"]');
+      if (firstRow) {
+        (_b = findFirstFocusable(firstRow)) === null || _b === void 0 ? void 0 : _b.focus();
+      }
+    }
+    if (e.key === keyboard_keys_1.End) {
+      const rows = innerRef.current.querySelectorAll('[role="row"]');
+      if (rows.length) {
+        const lastRow = rows.item(rows.length - 1);
+        (_c = findLastFocusable(lastRow)) === null || _c === void 0 ? void 0 : _c.focus();
+      }
+    }
+  });
   const baseTableState = useTable_1.useTable_unstable({
     role: 'grid',
     as: 'div',
     noNativeElements: true,
     ...(navigable && keyboardNavAttr),
-    ...props
-  }, react_utilities_1.useMergedRefs(ref, tableState.tableRef));
+    ...props,
+    onKeyDown
+  }, react_utilities_1.useMergedRefs(ref, tableState.tableRef, innerRef));
   return {
     ...baseTableState,
     focusMode,

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;AASO,MAAMA,oBAAoB,GAAG,CAACC,KAAoB,EAAEC,GAA2B,KAAmB;EACvG,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,SAAS,GAAG,MAAM;IAClBC,aAAa;IACbC,YAAY;IACZC,iBAAiB;IACjBC,gBAAgB;IAChBC,SAAS;IACTC,aAAa;IACbC,oBAAoB;IACpBC,eAAe,GAAG,KAAK;IACvBC,mBAAmB,GAAG,OAAO;IAC7BC,QAAQ;IACRC,gBAAgB;IAChBC,mBAAmB;IACnBC;EAAc,CACf,GAAGjB,KAAK;EAET,MAAMkB,SAAS,GAAGd,SAAS,KAAK,MAAM;EACtC,MAAMe,eAAe,GAAGC,uCAAuB,CAAC;IAAEC,IAAI,EAAE;EAAM,CAAE,CAAC;EAEjE,MAAMC,UAAU,GAAGC,wBAAgB,CAAC;IAAErB,KAAK;IAAEC,OAAO;IAAEW;EAAQ,CAAE,EAAE,CAChES,oBAAY,CAAC;IACXf,gBAAgB;IAChBC,SAAS;IACTH;GACD,CAAC,EACFiB,yBAAiB,CAAC;IAChBZ,oBAAoB;IACpBD,aAAa;IACbH,iBAAiB;IACjBF,aAAa,EAAEA,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI;GACjC,CAAC,EACFkB,qCAA6B,CAAC;IAC5BN,cAAc;IACdD,mBAAmB;IACnB;IACA;IACAQ,oBAAoB,EAAEnB,aAAa,GAAG,CAACoB,+BAAU,GAAG;GACrD,CAAC,CACH,CAAC;EAEF,MAAMC,cAAc,GAAGC,4BAAiB,CACtC;IACEC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,KAAK;IACTC,gBAAgB,EAAE,IAAI;IACtB,IAAIZ,SAAS,IAAIC,eAAe,CAAC;IACjC,GAAGnB;GACJ,EACD+B,+BAAa,CAAC9B,GAAG,EAAEqB,UAAU,CAACU,QAAQ,CAAC,CACxC;EAED,OAAO;IACL,GAAGN,cAAc;IACjBtB,SAAS;IACTkB,UAAU;IACVW,cAAc,EAAE,CAAC,CAAC5B,aAAa;IAC/BO,eAAe;IACfC,mBAAmB;IACnBE;GACD;AACH,CAAC;AAhEYmB,4BAAoB","names":["useDataGrid_unstable","props","ref","items","columns","focusMode","selectionMode","onSortChange","onSelectionChange","defaultSortState","sortState","selectedItems","defaultSelectedItems","subtleSelection","selectionAppearance","getRowId","resizableColumns","columnSizingOptions","onColumnResize","navigable","keyboardNavAttr","react_tabster_1","axis","tableState","hooks_1","containerWidthOffset","TableSelectionCell_1","baseTableState","useTable_1","role","as","noNativeElements","react_utilities_1","tableRef","selectableRows","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/useDataGrid.ts"],"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"]}
+{"version":3,"names":["React","require","react_tabster_1","useTable_1","hooks_1","TableSelectionCell_1","react_utilities_1","keyboard_keys_1","useDataGrid_unstable","props","ref","items","columns","focusMode","selectionMode","onSortChange","onSelectionChange","defaultSortState","sortState","selectedItems","defaultSelectedItems","subtleSelection","selectionAppearance","getRowId","resizableColumns","columnSizingOptions","onColumnResize","navigable","keyboardNavAttr","useArrowNavigationGroup","axis","tableState","useTableFeatures","useTableSort","useTableSelection","useTableColumnSizing_unstable","containerWidthOffset","CELL_WIDTH","innerRef","useRef","findFirstFocusable","findLastFocusable","useFocusFinders","onKeyDown","useEventCallback","e","_a","call","current","ctrlKey","defaultPrevented","key","Home","firstRow","querySelector","_b","focus","End","rows","querySelectorAll","length","lastRow","item","_c","baseTableState","useTable_unstable","role","as","noNativeElements","useMergedRefs","tableRef","selectableRows","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGrid/useDataGrid.ts"],"sourcesContent":["import * as React from 'react';\nimport { useArrowNavigationGroup, useFocusFinders } 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 { useEventCallback, useMergedRefs } from '@fluentui/react-utilities';\nimport { End, Home } from '@fluentui/keyboard-keys';\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 innerRef = React.useRef<HTMLDivElement>(null);\n  const { findFirstFocusable, findLastFocusable } = useFocusFinders();\n  const onKeyDown = useEventCallback((e: React.KeyboardEvent<HTMLTableElement>) => {\n    props.onKeyDown?.(e);\n    if (!innerRef.current || !e.ctrlKey || e.defaultPrevented) {\n      return;\n    }\n\n    if (e.key === Home) {\n      const firstRow = innerRef.current.querySelector('[role=\"row\"]') as HTMLElement | null;\n      if (firstRow) {\n        findFirstFocusable(firstRow)?.focus();\n      }\n    }\n\n    if (e.key === End) {\n      const rows = innerRef.current.querySelectorAll('[role=\"row\"]');\n      if (rows.length) {\n        const lastRow = rows.item(rows.length - 1);\n        findLastFocusable(lastRow as HTMLElement)?.focus();\n      }\n    }\n  });\n\n  const baseTableState = useTable_unstable(\n    {\n      role: 'grid',\n      as: 'div',\n      noNativeElements: true,\n      ...(navigable && keyboardNavAttr),\n      ...props,\n      onKeyDown,\n    },\n    useMergedRefs(ref, tableState.tableRef, innerRef),\n  );\n\n  return {\n    ...baseTableState,\n    focusMode,\n    tableState,\n    selectableRows: !!selectionMode,\n    subtleSelection,\n    selectionAppearance,\n    resizableColumns,\n  };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,eAAA,gBAAAD,OAAA;AAEA,MAAAE,UAAA,gBAAAF,OAAA;AACA,MAAAG,OAAA,gBAAAH,OAAA;AACA,MAAAI,oBAAA,gBAAAJ,OAAA;AACA,MAAAK,iBAAA,gBAAAL,OAAA;AACA,MAAAM,eAAA,gBAAAN,OAAA;AAEA;;;;;;;;;AASO,MAAMO,oBAAoB,GAAGA,CAACC,KAAoB,EAAEC,GAA2B,KAAmB;EACvG,MAAM;IACJC,KAAK;IACLC,OAAO;IACPC,SAAS,GAAG,MAAM;IAClBC,aAAa;IACbC,YAAY;IACZC,iBAAiB;IACjBC,gBAAgB;IAChBC,SAAS;IACTC,aAAa;IACbC,oBAAoB;IACpBC,eAAe,GAAG,KAAK;IACvBC,mBAAmB,GAAG,OAAO;IAC7BC,QAAQ;IACRC,gBAAgB;IAChBC,mBAAmB;IACnBC;EAAc,CACf,GAAGjB,KAAK;EAET,MAAMkB,SAAS,GAAGd,SAAS,KAAK,MAAM;EACtC,MAAMe,eAAe,GAAG1B,eAAA,CAAA2B,uBAAuB,CAAC;IAAEC,IAAI,EAAE;EAAM,CAAE,CAAC;EAEjE,MAAMC,UAAU,GAAG3B,OAAA,CAAA4B,gBAAgB,CAAC;IAAErB,KAAK;IAAEC,OAAO;IAAEW;EAAQ,CAAE,EAAE,CAChEnB,OAAA,CAAA6B,YAAY,CAAC;IACXhB,gBAAgB;IAChBC,SAAS;IACTH;GACD,CAAC,EACFX,OAAA,CAAA8B,iBAAiB,CAAC;IAChBd,oBAAoB;IACpBD,aAAa;IACbH,iBAAiB;IACjBF,aAAa,EAAEA,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI;GACjC,CAAC,EACFV,OAAA,CAAA+B,6BAA6B,CAAC;IAC5BT,cAAc;IACdD,mBAAmB;IACnB;IACA;IACAW,oBAAoB,EAAEtB,aAAa,GAAG,CAACT,oBAAA,CAAAgC,UAAU,GAAG;GACrD,CAAC,CACH,CAAC;EAEF,MAAMC,QAAQ,GAAGtC,KAAK,CAACuC,MAAM,CAAiB,IAAI,CAAC;EACnD,MAAM;IAAEC,kBAAkB;IAAEC;EAAiB,CAAE,GAAGvC,eAAA,CAAAwC,eAAe,EAAE;EACnE,MAAMC,SAAS,GAAGrC,iBAAA,CAAAsC,gBAAgB,CAAEC,CAAwC,IAAI;;IAC9E,CAAAC,EAAA,GAAArC,KAAK,CAACkC,SAAS,cAAAG,EAAA,uBAAAA,EAAA,CAAAC,IAAA,CAAftC,KAAK,EAAaoC,CAAC,CAAC;IACpB,IAAI,CAACP,QAAQ,CAACU,OAAO,IAAI,CAACH,CAAC,CAACI,OAAO,IAAIJ,CAAC,CAACK,gBAAgB,EAAE;MACzD;;IAGF,IAAIL,CAAC,CAACM,GAAG,KAAK5C,eAAA,CAAA6C,IAAI,EAAE;MAClB,MAAMC,QAAQ,GAAGf,QAAQ,CAACU,OAAO,CAACM,aAAa,CAAC,cAAc,CAAuB;MACrF,IAAID,QAAQ,EAAE;QACZ,CAAAE,EAAA,GAAAf,kBAAkB,CAACa,QAAQ,CAAC,cAAAE,EAAA,uBAAAA,EAAA,CAAEC,KAAK,EAAE;;;IAIzC,IAAIX,CAAC,CAACM,GAAG,KAAK5C,eAAA,CAAAkD,GAAG,EAAE;MACjB,MAAMC,IAAI,GAAGpB,QAAQ,CAACU,OAAO,CAACW,gBAAgB,CAAC,cAAc,CAAC;MAC9D,IAAID,IAAI,CAACE,MAAM,EAAE;QACf,MAAMC,OAAO,GAAGH,IAAI,CAACI,IAAI,CAACJ,IAAI,CAACE,MAAM,GAAG,CAAC,CAAC;QAC1C,CAAAG,EAAA,GAAAtB,iBAAiB,CAACoB,OAAsB,CAAC,cAAAE,EAAA,uBAAAA,EAAA,CAAEP,KAAK,EAAE;;;EAGxD,CAAC,CAAC;EAEF,MAAMQ,cAAc,GAAG7D,UAAA,CAAA8D,iBAAiB,CACtC;IACEC,IAAI,EAAE,MAAM;IACZC,EAAE,EAAE,KAAK;IACTC,gBAAgB,EAAE,IAAI;IACtB,IAAIzC,SAAS,IAAIC,eAAe,CAAC;IACjC,GAAGnB,KAAK;IACRkC;GACD,EACDrC,iBAAA,CAAA+D,aAAa,CAAC3D,GAAG,EAAEqB,UAAU,CAACuC,QAAQ,EAAEhC,QAAQ,CAAC,CAClD;EAED,OAAO;IACL,GAAG0B,cAAc;IACjBnD,SAAS;IACTkB,UAAU;IACVwC,cAAc,EAAE,CAAC,CAACzD,aAAa;IAC/BO,eAAe;IACfC,mBAAmB;IACnBE;GACD;AACH,CAAC;AAzFYgD,OAAA,CAAAhE,oBAAoB,GAAAA,oBAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA,SAAgBA,iCAAiC,CAACC,KAAoB;EACpE,MAAMC,kBAAkB,GAAGC,sDAA8B,CAACF,KAAK,CAAC;EAChE,OAAO;IACL,GAAGC,kBAAkB;IACrBE,QAAQ,EAAE;MACR,GAAGH,KAAK,CAACI,UAAU;MACnBC,SAAS,EAAEL,KAAK,CAACK,SAAS;MAC1BC,cAAc,EAAEN,KAAK,CAACM,cAAc;MACpCC,eAAe,EAAEP,KAAK,CAACO,eAAe;MACtCC,mBAAmB,EAAER,KAAK,CAACQ,mBAAmB;MAC9CC,gBAAgB,EAAET,KAAK,CAACS;;GAE3B;AACH;AAbAC","names":["useDataGridContextValues_unstable","state","tableContextValues","useTableContextValues_1","dataGrid","tableState","focusMode","selectableRows","subtleSelection","selectionAppearance","resizableColumns","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/useDataGridContextValues.ts"],"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"]}
+{"version":3,"names":["useTableContextValues_1","require","useDataGridContextValues_unstable","state","tableContextValues","useTableContextValues_unstable","dataGrid","tableState","focusMode","selectableRows","subtleSelection","selectionAppearance","resizableColumns","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGrid/useDataGridContextValues.ts"],"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"],"mappings":";;;;;;AAAA,MAAAA,uBAAA,gBAAAC,OAAA;AAGA,SAAgBC,iCAAiCA,CAACC,KAAoB;EACpE,MAAMC,kBAAkB,GAAGJ,uBAAA,CAAAK,8BAA8B,CAACF,KAAK,CAAC;EAChE,OAAO;IACL,GAAGC,kBAAkB;IACrBE,QAAQ,EAAE;MACR,GAAGH,KAAK,CAACI,UAAU;MACnBC,SAAS,EAAEL,KAAK,CAACK,SAAS;MAC1BC,cAAc,EAAEN,KAAK,CAACM,cAAc;MACpCC,eAAe,EAAEP,KAAK,CAACO,eAAe;MACtCC,mBAAmB,EAAER,KAAK,CAACQ,mBAAmB;MAC9CC,gBAAgB,EAAET,KAAK,CAACS;;GAE3B;AACH;AAbAC,OAAA,CAAAX,iCAAA,GAAAA,iCAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEaA,0BAAkB,GAAkC;EAC/DC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,0BAA0B,GAAIC,KAAoB,IAAmB;EAChFC,wCAAuB,CAACD,KAAK,CAAC;EAC9BA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGC,oBAAY,CAACN,0BAAkB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAElF,OAAOF,KAAK;AACd,CAAC;AALYH,kCAA0B","names":["exports","root","useDataGridStyles_unstable","state","useTableStyles_1","className","react_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.ts"],"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"]}
+{"version":3,"names":["react_1","require","useTableStyles_1","exports","dataGridClassNames","root","useDataGridStyles_unstable","state","useTableStyles_unstable","className","mergeClasses"],"sources":["../src/packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.ts"],"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"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,gBAAA,gBAAAD,OAAA;AAEaE,OAAA,CAAAC,kBAAkB,GAAkC;EAC/DC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,0BAA0B,GAAIC,KAAoB,IAAmB;EAChFL,gBAAA,CAAAM,uBAAuB,CAACD,KAAK,CAAC;EAC9BA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGT,OAAA,CAAAU,YAAY,CAACP,OAAA,CAAAC,kBAAkB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAElF,OAAOF,KAAK;AACd,CAAC;AALYJ,OAAA,CAAAG,0BAA0B,GAAAA,0BAAA"}

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

@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
 const useDataGridBody_1 = /*#__PURE__*/require("./useDataGridBody");
 const renderDataGridBody_1 = /*#__PURE__*/require("./renderDataGridBody");
 const useDataGridBodyStyles_1 = /*#__PURE__*/require("./useDataGridBodyStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 /**
  * DataGridBody component
  */
 exports.DataGridBody = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useDataGridBody_1.useDataGridBody_unstable(props, ref);
   useDataGridBodyStyles_1.useDataGridBodyStyles_unstable(state);
+  const {
+    useDataGridBodyStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderDataGridBody_1.renderDataGridBody_unstable(state);
 });
 exports.DataGridBody.displayName = 'DataGridBody';

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,oBAAY,gBACqCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC5F,MAAMC,KAAK,GAAGC,0CAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDG,sDAA8B,CAACF,KAAK,CAAC;EACrC,OAAOG,gDAA2B,CAACH,KAAK,CAAC;AAC3C,CAAC,CAAuG;AAExGL,oBAAY,CAACS,WAAW,GAAG,cAAc","names":["exports","React","forwardRef","props","ref","state","useDataGridBody_1","useDataGridBodyStyles_1","renderDataGridBody_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx"],"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"]}
+{"version":3,"names":["React","require","useDataGridBody_1","renderDataGridBody_1","useDataGridBodyStyles_1","react_shared_contexts_1","exports","DataGridBody","forwardRef","props","ref","state","useDataGridBody_unstable","useDataGridBodyStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridBody_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx"],"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  const { useDataGridBodyStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridBody_unstable(state);\n}) as ForwardRefComponent<DataGridBodyProps> & (<TItem>(props: DataGridBodyProps<TItem>) => JSX.Element);\n\nDataGridBody.displayName = 'DataGridBody';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,oBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,YAAY,gBACqCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC5F,MAAMC,KAAK,GAAGT,iBAAA,CAAAU,wBAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDN,uBAAA,CAAAS,8BAA8B,CAACF,KAAK,CAAC;EAErC,MAAM;IAAEE,8BAA8B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC1FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,oBAAA,CAAAa,2BAA2B,CAACL,KAAK,CAAC;AAC3C,CAAC,CAAuG;AAExGL,OAAA,CAAAC,YAAY,CAACU,WAAW,GAAG,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}
+{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.types.ts"],"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"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/index.ts"],"sourcesContent":["export * from './DataGridBody';\nexport * from './DataGridBody.types';\nexport * from './renderDataGridBody';\nexport * from './useDataGridBody';\nexport * from './useDataGridBodyStyles';\n"]}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridBody/index.ts"],"sourcesContent":["export * from './DataGridBody';\nexport * from './DataGridBody.types';\nexport * from './renderDataGridBody';\nexport * from './useDataGridBody';\nexport * from './useDataGridBodyStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AAEA;AAEA;;;AAGO,MAAMA,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAoBH,KAAK,CAAC;EAE/D,OACEI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BL,KAAK,CAACM,IAAI,CAACC,GAAG,CAACC,GAAG,IACjBJ,oBAACK,wCAAyB;IAACC,GAAG,EAAEF,GAAG,CAACG,KAAK;IAAEC,KAAK,EAAEJ,GAAG,CAACG;EAAK,GACxDX,KAAK,CAACa,SAAS,CAACL,GAAG,CAAC,CAExB,CAAC,CACS;AAEjB,CAAC;AAZYM,mCAA2B","names":["renderDataGridBody_unstable","state","slots","slotProps","react_utilities_1","React","root","rows","map","row","rowIdContext_1","key","rowId","value","renderRow","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx"],"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"]}
+{"version":3,"names":["React","require","react_utilities_1","rowIdContext_1","renderDataGridBody_unstable","state","slots","slotProps","getSlots","createElement","root","rows","map","row","TableRowIdContextProvider","key","rowId","value","renderRow","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,cAAA,gBAAAF,OAAA;AAEA;;;AAGO,MAAMG,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGL,iBAAA,CAAAM,QAAQ,CAAoBH,KAAK,CAAC;EAE/D,OACEL,KAAA,CAAAS,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAC3BL,KAAK,CAACM,IAAI,CAACC,GAAG,CAACC,GAAG,IACjBb,KAAA,CAAAS,aAAA,CAACN,cAAA,CAAAW,yBAAyB;IAACC,GAAG,EAAEF,GAAG,CAACG,KAAK;IAAEC,KAAK,EAAEJ,GAAG,CAACG;EAAK,GACxDX,KAAK,CAACa,SAAS,CAACL,GAAG,CAAC,CAExB,CAAC,CACS;AAEjB,CAAC;AAZYM,OAAA,CAAAf,2BAA2B,GAAAA,2BAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAEA;AACA;AACA;AAEA;;;;;;;;;AASO,MAAMA,wBAAwB,GAAG,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAM;IAAEC;EAAQ,CAAE,GAAGC,8BAAe,EAAE;EACtC,MAAMC,OAAO,GAAGC,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACF,OAAO,CAAC;EAC/D,MAAMG,IAAI,GAAGF,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAACA,IAAI,CAAC;EAC9D,MAAMC,IAAI,GAAGN,QAAQ,GAAGK,IAAI,CAACH,OAAO,EAAE,CAAC,GAAGA,OAAO,EAAE;EAEnD,MAAMK,SAAS,GAAGC,oCAAqB,CAAC;IAAE,GAAGV,KAAK;IAAEW,QAAQ,EAAE,IAAI;IAAEC,EAAE,EAAE;EAAK,CAAE,EAAEX,GAAG,CAAC;EACrF,OAAO;IACL,GAAGQ,SAAS;IACZD,IAAI;IACJK,SAAS,EAAEb,KAAK,CAACW;GAClB;AACH,CAAC;AAZYG,gCAAwB","names":["useDataGridBody_unstable","props","ref","sortable","tableContext_1","getRows","dataGridContext_1","ctx","sort","rows","baseState","useTableBody_1","children","as","renderRow","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/useDataGridBody.tsx"],"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"]}
+{"version":3,"names":["useTableBody_1","require","dataGridContext_1","tableContext_1","useDataGridBody_unstable","props","ref","sortable","useTableContext","getRows","useDataGridContext_unstable","ctx","sort","rows","baseState","useTableBody_unstable","children","as","renderRow","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridBody/useDataGridBody.tsx"],"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"],"mappings":";;;;;;AAEA,MAAAA,cAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AAEA;;;;;;;;;AASO,MAAMG,wBAAwB,GAAGA,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAM;IAAEC;EAAQ,CAAE,GAAGJ,cAAA,CAAAK,eAAe,EAAE;EACtC,MAAMC,OAAO,GAAGP,iBAAA,CAAAQ,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACF,OAAO,CAAC;EAC/D,MAAMG,IAAI,GAAGV,iBAAA,CAAAQ,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAACA,IAAI,CAAC;EAC9D,MAAMC,IAAI,GAAGN,QAAQ,GAAGK,IAAI,CAACH,OAAO,EAAE,CAAC,GAAGA,OAAO,EAAE;EAEnD,MAAMK,SAAS,GAAGd,cAAA,CAAAe,qBAAqB,CAAC;IAAE,GAAGV,KAAK;IAAEW,QAAQ,EAAE,IAAI;IAAEC,EAAE,EAAE;EAAK,CAAE,EAAEX,GAAG,CAAC;EACrF,OAAO;IACL,GAAGQ,SAAS;IACZD,IAAI;IACJK,SAAS,EAAEb,KAAK,CAACW;GAClB;AACH,CAAC;AAZYG,OAAA,CAAAf,wBAAwB,GAAAA,wBAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEaA,8BAAsB,GAAsC;EACvEC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,8BAA8B,GAAIC,KAAwB,IAAuB;EAC5FC,gDAA2B,CAACD,KAAK,CAAC;EAClCA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGC,oBAAY,CAACN,8BAAsB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAEtF,OAAOF,KAAK;AACd,CAAC;AALYH,sCAA8B","names":["exports","root","useDataGridBodyStyles_unstable","state","useTableBodyStyles_1","className","react_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.ts"],"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"]}
+{"version":3,"names":["react_1","require","useTableBodyStyles_1","exports","dataGridBodyClassNames","root","useDataGridBodyStyles_unstable","state","useTableBodyStyles_unstable","className","mergeClasses"],"sources":["../src/packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.ts"],"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"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,oBAAA,gBAAAD,OAAA;AAEaE,OAAA,CAAAC,sBAAsB,GAAsC;EACvEC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,8BAA8B,GAAIC,KAAwB,IAAuB;EAC5FL,oBAAA,CAAAM,2BAA2B,CAACD,KAAK,CAAC;EAClCA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGT,OAAA,CAAAU,YAAY,CAACP,OAAA,CAAAC,sBAAsB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAEtF,OAAOF,KAAK;AACd,CAAC;AALYJ,OAAA,CAAAG,8BAA8B,GAAAA,8BAAA"}

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

@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
 const useDataGridCell_1 = /*#__PURE__*/require("./useDataGridCell");
 const renderDataGridCell_1 = /*#__PURE__*/require("./renderDataGridCell");
 const useDataGridCellStyles_1 = /*#__PURE__*/require("./useDataGridCellStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 /**
  * DataGridCell component
  */
 exports.DataGridCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useDataGridCell_1.useDataGridCell_unstable(props, ref);
   useDataGridCellStyles_1.useDataGridCellStyles_unstable(state);
+  const {
+    useDataGridCellStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderDataGridCell_1.renderDataGridCell_unstable(state);
 });
 exports.DataGridCell.displayName = 'DataGridCell';

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,oBAAY,gBAA2CC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGC,0CAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDG,sDAA8B,CAACF,KAAK,CAAC;EACrC,OAAOG,gDAA2B,CAACH,KAAK,CAAC;AAC3C,CAAC,CAAC;AAEFL,oBAAY,CAACS,WAAW,GAAG,cAAc","names":["exports","React","forwardRef","props","ref","state","useDataGridCell_1","useDataGridCellStyles_1","renderDataGridCell_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx"],"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"]}
+{"version":3,"names":["React","require","useDataGridCell_1","renderDataGridCell_1","useDataGridCellStyles_1","react_shared_contexts_1","exports","DataGridCell","forwardRef","props","ref","state","useDataGridCell_unstable","useDataGridCellStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridCell_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx"],"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  const { useDataGridCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridCell_unstable(state);\n});\n\nDataGridCell.displayName = 'DataGridCell';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,oBAAA,gBAAAF,OAAA;AACA,MAAAG,uBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,YAAY,gBAA2CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClG,MAAMC,KAAK,GAAGT,iBAAA,CAAAU,wBAAwB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAElDN,uBAAA,CAAAS,8BAA8B,CAACF,KAAK,CAAC;EAErC,MAAM;IAAEE,8BAA8B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC1FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,oBAAA,CAAAa,2BAA2B,CAACL,KAAK,CAAC;AAC3C,CAAC,CAAC;AAEFL,OAAA,CAAAC,YAAY,CAACU,WAAW,GAAG,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}
+{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.types.ts"],"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"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridCell/index.ts"],"sourcesContent":["export * from './DataGridCell';\nexport * from './DataGridCell.types';\nexport * from './renderDataGridCell';\nexport * from './useDataGridCell';\nexport * from './useDataGridCellStyles';\n"]}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridCell/index.ts"],"sourcesContent":["export * from './DataGridCell';\nexport * from './DataGridCell.types';\nexport * from './renderDataGridCell';\nexport * from './useDataGridCell';\nexport * from './useDataGridCellStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,oBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,uBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AACA;AAEA;;;AAGO,MAAMA,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,OAAOC,0CAAwB,CAACD,KAAK,CAAC;AACxC,CAAC;AAFYE,mCAA2B","names":["renderDataGridCell_unstable","state","renderTableCell_1","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridCell/renderDataGridCell.tsx"],"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"]}
+{"version":3,"names":["renderTableCell_1","require","renderDataGridCell_unstable","state","renderTableCell_unstable","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridCell/renderDataGridCell.tsx"],"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"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA;;;AAGO,MAAMC,2BAA2B,GAAIC,KAAwB,IAAI;EACtE,OAAOH,iBAAA,CAAAI,wBAAwB,CAACD,KAAK,CAAC;AACxC,CAAC;AAFYE,OAAA,CAAAH,2BAA2B,GAAAA,2BAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAEA;AACA;AACA;AAEA;;;;;;;;;AASO,MAAMA,wBAAwB,GAAG,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAMC,QAAQ,GAAGC,oCAAkB,EAAE;EACrC,MAAMC,QAAQ,GAAGC,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,SAAS,KAAK,MAAM,CAAC;EAC7E,MAAMC,gBAAgB,GAAGH,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACE,gBAAgB,CAAC;EACjF,MAAMC,YAAY,GAAGJ,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACI,qBAAqB,CAAC;EAClF,OAAOC,oCAAqB,CAC1B;IACEC,EAAE,EAAE,KAAK;IACTC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAEV,QAAQ,GAAG,CAAC,GAAGW,SAAS;IAClC,IAAIP,gBAAgB,GAAGC,YAAY,CAACO,iBAAiB,CAACd,QAAQ,CAAC,GAAG,EAAE,CAAC;IACrE,GAAGF;GACJ,EACDC,GAAG,CACJ;AACH,CAAC;AAfYgB,gCAAwB","names":["useDataGridCell_unstable","props","ref","columnId","columnIdContext_1","tabbable","dataGridContext_1","ctx","focusMode","resizableColumns","columnSizing","columnSizing_unstable","useTableCell_1","as","role","tabIndex","undefined","getTableCellProps","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts"],"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"]}
+{"version":3,"names":["useTableCell_1","require","dataGridContext_1","columnIdContext_1","useDataGridCell_unstable","props","ref","columnId","useColumnIdContext","tabbable","useDataGridContext_unstable","ctx","focusMode","resizableColumns","columnSizing","columnSizing_unstable","useTableCell_unstable","as","role","tabIndex","undefined","getTableCellProps","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridCell/useDataGridCell.ts"],"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"],"mappings":";;;;;;AAEA,MAAAA,cAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AAEA;;;;;;;;;AASO,MAAMG,wBAAwB,GAAGA,CAACC,KAAwB,EAAEC,GAA2B,KAAuB;EACnH,MAAMC,QAAQ,GAAGJ,iBAAA,CAAAK,kBAAkB,EAAE;EACrC,MAAMC,QAAQ,GAAGP,iBAAA,CAAAQ,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,SAAS,KAAK,MAAM,CAAC;EAC7E,MAAMC,gBAAgB,GAAGX,iBAAA,CAAAQ,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACE,gBAAgB,CAAC;EACjF,MAAMC,YAAY,GAAGZ,iBAAA,CAAAQ,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACI,qBAAqB,CAAC;EAClF,OAAOf,cAAA,CAAAgB,qBAAqB,CAC1B;IACEC,EAAE,EAAE,KAAK;IACTC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAEV,QAAQ,GAAG,CAAC,GAAGW,SAAS;IAClC,IAAIP,gBAAgB,GAAGC,YAAY,CAACO,iBAAiB,CAACd,QAAQ,CAAC,GAAG,EAAE,CAAC;IACrE,GAAGF;GACJ,EACDC,GAAG,CACJ;AACH,CAAC;AAfYgB,OAAA,CAAAlB,wBAAwB,GAAAA,wBAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEaA,8BAAsB,GAAsC;EACvEC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,8BAA8B,GAAIC,KAAwB,IAAuB;EAC5FC,gDAA2B,CAACD,KAAK,CAAC;EAClCA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGC,oBAAY,CAACN,8BAAsB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAEtF,OAAOF,KAAK;AACd,CAAC;AALYH,sCAA8B","names":["exports","root","useDataGridCellStyles_unstable","state","useTableCellStyles_1","className","react_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.ts"],"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"]}
+{"version":3,"names":["react_1","require","useTableCellStyles_1","exports","dataGridCellClassNames","root","useDataGridCellStyles_unstable","state","useTableCellStyles_unstable","className","mergeClasses"],"sources":["../src/packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.ts"],"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"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,oBAAA,gBAAAD,OAAA;AAEaE,OAAA,CAAAC,sBAAsB,GAAsC;EACvEC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,8BAA8B,GAAIC,KAAwB,IAAuB;EAC5FL,oBAAA,CAAAM,2BAA2B,CAACD,KAAK,CAAC;EAClCA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGT,OAAA,CAAAU,YAAY,CAACP,OAAA,CAAAC,sBAAsB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAEtF,OAAOF,KAAK;AACd,CAAC;AALYJ,OAAA,CAAAG,8BAA8B,GAAAA,8BAAA"}

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

@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
 const useDataGridHeader_1 = /*#__PURE__*/require("./useDataGridHeader");
 const renderDataGridHeader_1 = /*#__PURE__*/require("./renderDataGridHeader");
 const useDataGridHeaderStyles_1 = /*#__PURE__*/require("./useDataGridHeaderStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 /**
  * DataGridHeader component
  */
 exports.DataGridHeader = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useDataGridHeader_1.useDataGridHeader_unstable(props, ref);
   useDataGridHeaderStyles_1.useDataGridHeaderStyles_unstable(state);
+  const {
+    useDataGridHeaderStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderDataGridHeader_1.renderDataGridHeader_unstable(state);
 });
 exports.DataGridHeader.displayName = 'DataGridHeader';

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,sBAAc,gBAA6CC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGC,8CAA0B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEpDG,0DAAgC,CAACF,KAAK,CAAC;EACvC,OAAOG,oDAA6B,CAACH,KAAK,CAAC;AAC7C,CAAC,CAAC;AAEFL,sBAAc,CAACS,WAAW,GAAG,gBAAgB","names":["exports","React","forwardRef","props","ref","state","useDataGridHeader_1","useDataGridHeaderStyles_1","renderDataGridHeader_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx"],"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"]}
+{"version":3,"names":["React","require","useDataGridHeader_1","renderDataGridHeader_1","useDataGridHeaderStyles_1","react_shared_contexts_1","exports","DataGridHeader","forwardRef","props","ref","state","useDataGridHeader_unstable","useDataGridHeaderStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridHeader_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx"],"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  const { useDataGridHeaderStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridHeader_unstable(state);\n});\n\nDataGridHeader.displayName = 'DataGridHeader';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,mBAAA,gBAAAD,OAAA;AACA,MAAAE,sBAAA,gBAAAF,OAAA;AACA,MAAAG,yBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,cAAc,gBAA6CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACtG,MAAMC,KAAK,GAAGT,mBAAA,CAAAU,0BAA0B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEpDN,yBAAA,CAAAS,gCAAgC,CAACF,KAAK,CAAC;EAEvC,MAAM;IAAEE,gCAAgC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAC5FD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,sBAAA,CAAAa,6BAA6B,CAACL,KAAK,CAAC;AAC7C,CAAC,CAAC;AAEFL,OAAA,CAAAC,cAAc,CAACU,WAAW,GAAG,gBAAgB"}

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

@@ -1 +1 @@
-{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}
+{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.types.ts"],"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"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeader/index.ts"],"sourcesContent":["export * from './DataGridHeader';\nexport * from './DataGridHeader.types';\nexport * from './renderDataGridHeader';\nexport * from './useDataGridHeader';\nexport * from './useDataGridHeaderStyles';\n"]}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeader/index.ts"],"sourcesContent":["export * from './DataGridHeader';\nexport * from './DataGridHeader.types';\nexport * from './renderDataGridHeader';\nexport * from './useDataGridHeader';\nexport * from './useDataGridHeaderStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,+BAAAC,OAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA;;;AAGO,MAAMA,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,OAAOC,8CAA0B,CAACD,KAAK,CAAC;AAC1C,CAAC;AAFYE,qCAA6B","names":["renderDataGridHeader_unstable","state","renderTableHeader_1","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeader/renderDataGridHeader.tsx"],"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"]}
+{"version":3,"names":["renderTableHeader_1","require","renderDataGridHeader_unstable","state","renderTableHeader_unstable","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeader/renderDataGridHeader.tsx"],"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"],"mappings":";;;;;;AAAA,MAAAA,mBAAA,gBAAAC,OAAA;AAGA;;;AAGO,MAAMC,6BAA6B,GAAIC,KAA0B,IAAI;EAC1E,OAAOH,mBAAA,CAAAI,0BAA0B,CAACD,KAAK,CAAC;AAC1C,CAAC;AAFYE,OAAA,CAAAH,6BAA6B,GAAAA,6BAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAEA;AAEA;;;;;;;;;AASO,MAAMA,0BAA0B,GAAG,CACxCC,KAA0B,EAC1BC,GAA2B,KACJ;EACvB,OAAOC,wCAAuB,CAAC;IAAE,GAAGF,KAAK;IAAEG,EAAE,EAAE;EAAK,CAAE,EAAEF,GAAG,CAAC;AAC9D,CAAC;AALYG,kCAA0B","names":["useDataGridHeader_unstable","props","ref","useTableHeader_1","as","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeader.ts"],"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"]}
+{"version":3,"names":["useTableHeader_1","require","useDataGridHeader_unstable","props","ref","useTableHeader_unstable","as","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeader.ts"],"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"],"mappings":";;;;;;AAEA,MAAAA,gBAAA,gBAAAC,OAAA;AAEA;;;;;;;;;AASO,MAAMC,0BAA0B,GAAGA,CACxCC,KAA0B,EAC1BC,GAA2B,KACJ;EACvB,OAAOJ,gBAAA,CAAAK,uBAAuB,CAAC;IAAE,GAAGF,KAAK;IAAEG,EAAE,EAAE;EAAK,CAAE,EAAEF,GAAG,CAAC;AAC9D,CAAC;AALYG,OAAA,CAAAL,0BAA0B,GAAAA,0BAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEaA,gCAAwB,GAAwC;EAC3EC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,gCAAgC,GAAIC,KAA0B,IAAyB;EAClGC,oDAA6B,CAACD,KAAK,CAAC;EACpCA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGC,oBAAY,CAACN,gCAAwB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAExF,OAAOF,KAAK;AACd,CAAC;AALYH,wCAAgC","names":["exports","root","useDataGridHeaderStyles_unstable","state","useTableHeaderStyles_1","className","react_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.ts"],"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"]}
+{"version":3,"names":["react_1","require","useTableHeaderStyles_1","exports","dataGridHeaderClassNames","root","useDataGridHeaderStyles_unstable","state","useTableHeaderStyles_unstable","className","mergeClasses"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.ts"],"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"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,sBAAA,gBAAAD,OAAA;AAEaE,OAAA,CAAAC,wBAAwB,GAAwC;EAC3EC,IAAI,EAAE;CACP;AAED;;;AAGO,MAAMC,gCAAgC,GAAIC,KAA0B,IAAyB;EAClGL,sBAAA,CAAAM,6BAA6B,CAACD,KAAK,CAAC;EACpCA,KAAK,CAACF,IAAI,CAACI,SAAS,GAAGT,OAAA,CAAAU,YAAY,CAACP,OAAA,CAAAC,wBAAwB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACI,SAAS,CAAC;EAExF,OAAOF,KAAK;AACd,CAAC;AALYJ,OAAA,CAAAG,gCAAgC,GAAAA,gCAAA"}

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

@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
 const useDataGridHeaderCell_1 = /*#__PURE__*/require("./useDataGridHeaderCell");
 const renderDataGridHeaderCell_1 = /*#__PURE__*/require("./renderDataGridHeaderCell");
 const useDataGridHeaderCellStyles_1 = /*#__PURE__*/require("./useDataGridHeaderCellStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 /**
  * DataGridHeaderCell component
  */
 exports.DataGridHeaderCell = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useDataGridHeaderCell_1.useDataGridHeaderCell_unstable(props, ref);
   useDataGridHeaderCellStyles_1.useDataGridHeaderCellStyles_unstable(state);
+  const {
+    useDataGridHeaderCellStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderDataGridHeaderCell_1.renderDataGridHeaderCell_unstable(state);
 });
 exports.DataGridHeaderCell.displayName = 'DataGridHeaderCell';

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,0BAAkB,gBAAiDC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9G,MAAMC,KAAK,GAAGC,sDAA8B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAExDG,kEAAoC,CAACF,KAAK,CAAC;EAC3C,OAAOG,4DAAiC,CAACH,KAAK,CAAC;AACjD,CAAC,CAAC;AAEFL,0BAAkB,CAACS,WAAW,GAAG,oBAAoB","names":["exports","React","forwardRef","props","ref","state","useDataGridHeaderCell_1","useDataGridHeaderCellStyles_1","renderDataGridHeaderCell_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx"],"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"]}
+{"version":3,"names":["React","require","useDataGridHeaderCell_1","renderDataGridHeaderCell_1","useDataGridHeaderCellStyles_1","react_shared_contexts_1","exports","DataGridHeaderCell","forwardRef","props","ref","state","useDataGridHeaderCell_unstable","useDataGridHeaderCellStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridHeaderCell_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx"],"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';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\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\n  const { useDataGridHeaderCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridHeaderCell_unstable(state);\n});\n\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,uBAAA,gBAAAD,OAAA;AACA,MAAAE,0BAAA,gBAAAF,OAAA;AACA,MAAAG,6BAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,kBAAkB,gBAAiDP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9G,MAAMC,KAAK,GAAGT,uBAAA,CAAAU,8BAA8B,CAACH,KAAK,EAAEC,GAAG,CAAC;EAExDN,6BAAA,CAAAS,oCAAoC,CAACF,KAAK,CAAC;EAE3C,MAAM;IAAEE,oCAAoC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EAChGD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,0BAAA,CAAAa,iCAAiC,CAACL,KAAK,CAAC;AACjD,CAAC,CAAC;AAEFL,OAAA,CAAAC,kBAAkB,CAACU,WAAW,GAAG,oBAAoB"}

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

@@ -1 +1 @@
-{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}
+{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.types.ts"],"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"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts"],"sourcesContent":["export * from './DataGridHeaderCell';\nexport * from './DataGridHeaderCell.types';\nexport * from './renderDataGridHeaderCell';\nexport * from './useDataGridHeaderCell';\nexport * from './useDataGridHeaderCellStyles';\n"]}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts"],"sourcesContent":["export * from './DataGridHeaderCell';\nexport * from './DataGridHeaderCell.types';\nexport * from './renderDataGridHeaderCell';\nexport * from './useDataGridHeaderCell';\nexport * from './useDataGridHeaderCellStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,0BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AACA;AAEA;;;AAGO,MAAMA,iCAAiC,GAAIC,KAA8B,IAAI;EAClF,OAAOC,sDAA8B,CAACD,KAAK,CAAC;AAC9C,CAAC;AAFYE,yCAAiC","names":["renderDataGridHeaderCell_unstable","state","renderTableHeaderCell_1","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeaderCell/renderDataGridHeaderCell.tsx"],"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"]}
+{"version":3,"names":["renderTableHeaderCell_1","require","renderDataGridHeaderCell_unstable","state","renderTableHeaderCell_unstable","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeaderCell/renderDataGridHeaderCell.tsx"],"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"],"mappings":";;;;;;AACA,MAAAA,uBAAA,gBAAAC,OAAA;AAEA;;;AAGO,MAAMC,iCAAiC,GAAIC,KAA8B,IAAI;EAClF,OAAOH,uBAAA,CAAAI,8BAA8B,CAACD,KAAK,CAAC;AAC9C,CAAC;AAFYE,OAAA,CAAAH,iCAAiC,GAAAA,iCAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AACA;AAEA;AACA;AACA;AACA;AAEA;;;;;;;;;AASO,MAAMA,8BAA8B,GAAG,CAC5CC,KAA8B,EAC9BC,GAA2B,KACA;EAC3B,MAAMC,QAAQ,GAAGC,oCAAkB,EAAE;EACrC,MAAM;IAAEC;EAAQ,CAAE,GAAGC,8BAAe,EAAE;EACtC,MAAMC,gBAAgB,GAAGC,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAACH,gBAAgB,CAAC;EACtF,MAAMI,aAAa,GAAGH,6CAA2B,CAACC,GAAG,IACnDJ,QAAQ,GAAGI,GAAG,CAACC,IAAI,CAACE,gBAAgB,CAACT,QAAQ,CAAC,GAAGU,SAAS,CAC3D;EAED,MAAMC,gBAAgB,GAAGN,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACK,gBAAgB,CAAC;EACjF,MAAMC,YAAY,GAAGP,6CAA2B,CAACC,GAAG,IAAIA,GAAG,CAACO,qBAAqB,CAAC;EAElF,MAAMC,OAAO,GAAGC,kCAAgB,CAAEC,CAA+C,IAAI;;IACnF,IAAId,QAAQ,EAAE;MACZE,gBAAgB,CAACY,CAAC,EAAEhB,QAAQ,CAAC;;IAE/B,WAAK,CAACc,OAAO,+CAAbhB,KAAK,EAAWkB,CAAC,CAAC;EACpB,CAAC,CAAC;EAEF,OAAOC,gDAA2B,CAChC;IACET,aAAa;IACbU,EAAE,EAAE,KAAK;IACTC,QAAQ,EAAEjB,QAAQ,GAAGQ,SAAS,GAAG,CAAC;IAClC,IAAIC,gBAAgB,GAAGC,YAAY,CAACQ,uBAAuB,CAACpB,QAAQ,CAAC,GAAG,EAAE,CAAC;IAC3E,GAAGF,KAAK;IACRgB;GACD,EACDf,GAAG,CACJ;AACH,CAAC;AAhCYsB,sCAA8B","names":["useDataGridHeaderCell_unstable","props","ref","columnId","columnIdContext_1","sortable","tableContext_1","toggleColumnSort","dataGridContext_1","ctx","sort","sortDirection","getSortDirection","undefined","resizableColumns","columnSizing","columnSizing_unstable","onClick","react_utilities_1","e","useTableHeaderCell_1","as","tabIndex","getTableHeaderCellProps","exports"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport type { DataGridHeaderCellProps, DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport { useTableHeaderCell_unstable } from '../TableHeaderCell/useTableHeaderCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render DataGridHeaderCell.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderCellStyles_unstable,\n * before being passed to renderDataGridHeaderCell_unstable.\n *\n * @param props - props from this instance of DataGridHeaderCell\n * @param ref - reference to root HTMLElement of DataGridHeaderCell\n */\nexport const useDataGridHeaderCell_unstable = (\n  props: DataGridHeaderCellProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridHeaderCellState => {\n  const columnId = useColumnIdContext();\n  const { sortable } = useTableContext();\n  const toggleColumnSort = useDataGridContext_unstable(ctx => ctx.sort.toggleColumnSort);\n  const sortDirection = useDataGridContext_unstable(ctx =>\n    sortable ? ctx.sort.getSortDirection(columnId) : undefined,\n  );\n\n  const resizableColumns = useDataGridContext_unstable(ctx => ctx.resizableColumns);\n  const columnSizing = useDataGridContext_unstable(ctx => ctx.columnSizing_unstable);\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableHeaderCellElement>) => {\n    if (sortable) {\n      toggleColumnSort(e, columnId);\n    }\n    props.onClick?.(e);\n  });\n\n  return useTableHeaderCell_unstable(\n    {\n      sortDirection,\n      as: 'div',\n      tabIndex: sortable ? undefined : 0,\n      ...(resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {}),\n      ...props,\n      onClick,\n    },\n    ref,\n  );\n};\n"]}
+{"version":3,"names":["react_utilities_1","require","useTableHeaderCell_1","dataGridContext_1","columnIdContext_1","tableContext_1","useDataGridHeaderCell_unstable","props","ref","columnId","useColumnIdContext","sortable","useTableContext","toggleColumnSort","useDataGridContext_unstable","ctx","sort","sortDirection","getSortDirection","undefined","resizableColumns","columnSizing","columnSizing_unstable","onClick","useEventCallback","e","_a","call","useTableHeaderCell_unstable","as","tabIndex","getTableHeaderCellProps","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport type { DataGridHeaderCellProps, DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport { useTableHeaderCell_unstable } from '../TableHeaderCell/useTableHeaderCell';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useColumnIdContext } from '../../contexts/columnIdContext';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render DataGridHeaderCell.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderCellStyles_unstable,\n * before being passed to renderDataGridHeaderCell_unstable.\n *\n * @param props - props from this instance of DataGridHeaderCell\n * @param ref - reference to root HTMLElement of DataGridHeaderCell\n */\nexport const useDataGridHeaderCell_unstable = (\n  props: DataGridHeaderCellProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridHeaderCellState => {\n  const columnId = useColumnIdContext();\n  const { sortable } = useTableContext();\n  const toggleColumnSort = useDataGridContext_unstable(ctx => ctx.sort.toggleColumnSort);\n  const sortDirection = useDataGridContext_unstable(ctx =>\n    sortable ? ctx.sort.getSortDirection(columnId) : undefined,\n  );\n\n  const resizableColumns = useDataGridContext_unstable(ctx => ctx.resizableColumns);\n  const columnSizing = useDataGridContext_unstable(ctx => ctx.columnSizing_unstable);\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableHeaderCellElement>) => {\n    if (sortable) {\n      toggleColumnSort(e, columnId);\n    }\n    props.onClick?.(e);\n  });\n\n  return useTableHeaderCell_unstable(\n    {\n      sortDirection,\n      as: 'div',\n      tabIndex: sortable ? undefined : 0,\n      ...(resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {}),\n      ...props,\n      onClick,\n    },\n    ref,\n  );\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAEA,MAAAC,oBAAA,gBAAAD,OAAA;AACA,MAAAE,iBAAA,gBAAAF,OAAA;AACA,MAAAG,iBAAA,gBAAAH,OAAA;AACA,MAAAI,cAAA,gBAAAJ,OAAA;AAEA;;;;;;;;;AASO,MAAMK,8BAA8B,GAAGA,CAC5CC,KAA8B,EAC9BC,GAA2B,KACA;EAC3B,MAAMC,QAAQ,GAAGL,iBAAA,CAAAM,kBAAkB,EAAE;EACrC,MAAM;IAAEC;EAAQ,CAAE,GAAGN,cAAA,CAAAO,eAAe,EAAE;EACtC,MAAMC,gBAAgB,GAAGV,iBAAA,CAAAW,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAACH,gBAAgB,CAAC;EACtF,MAAMI,aAAa,GAAGd,iBAAA,CAAAW,2BAA2B,CAACC,GAAG,IACnDJ,QAAQ,GAAGI,GAAG,CAACC,IAAI,CAACE,gBAAgB,CAACT,QAAQ,CAAC,GAAGU,SAAS,CAC3D;EAED,MAAMC,gBAAgB,GAAGjB,iBAAA,CAAAW,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACK,gBAAgB,CAAC;EACjF,MAAMC,YAAY,GAAGlB,iBAAA,CAAAW,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACO,qBAAqB,CAAC;EAElF,MAAMC,OAAO,GAAGvB,iBAAA,CAAAwB,gBAAgB,CAAEC,CAA+C,IAAI;;IACnF,IAAId,QAAQ,EAAE;MACZE,gBAAgB,CAACY,CAAC,EAAEhB,QAAQ,CAAC;;IAE/B,CAAAiB,EAAA,GAAAnB,KAAK,CAACgB,OAAO,cAAAG,EAAA,uBAAAA,EAAA,CAAAC,IAAA,CAAbpB,KAAK,EAAWkB,CAAC,CAAC;EACpB,CAAC,CAAC;EAEF,OAAOvB,oBAAA,CAAA0B,2BAA2B,CAChC;IACEX,aAAa;IACbY,EAAE,EAAE,KAAK;IACTC,QAAQ,EAAEnB,QAAQ,GAAGQ,SAAS,GAAG,CAAC;IAClC,IAAIC,gBAAgB,GAAGC,YAAY,CAACU,uBAAuB,CAACtB,QAAQ,CAAC,GAAG,EAAE,CAAC;IAC3E,GAAGF,KAAK;IACRgB;GACD,EACDf,GAAG,CACJ;AACH,CAAC;AAhCYwB,OAAA,CAAA1B,8BAA8B,GAAAA,8BAAA"}

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEaA,oCAA4B,GAA4C;EACnFC,IAAI,EAAE,wBAAwB;EAC9BC,MAAM,EAAE,gCAAgC;EACxCC,QAAQ,EAAE,kCAAkC;EAC5CC,KAAK,EAAE;CACR;AAED;;;AAGO,MAAMC,oCAAoC,GAAIC,KAA8B,IAA6B;EAC9GC,4DAAiC,CAACD,KAAK,CAAC;EACxCA,KAAK,CAACL,IAAI,CAACO,SAAS,GAAGC,oBAAY,CAACT,oCAA4B,CAACC,IAAI,EAAEK,KAAK,CAACL,IAAI,CAACO,SAAS,CAAC;EAE5F,IAAIF,KAAK,CAACJ,MAAM,EAAE;IAChBI,KAAK,CAACJ,MAAM,CAACM,SAAS,GAAGC,oBAAY,CAACT,oCAA4B,CAACE,MAAM,EAAEI,KAAK,CAACJ,MAAM,CAACM,SAAS,CAAC;;EAGpG,IAAIF,KAAK,CAACH,QAAQ,EAAE;IAClBG,KAAK,CAACH,QAAQ,CAACK,SAAS,GAAGC,oBAAY,CAACT,oCAA4B,CAACG,QAAQ,EAAEG,KAAK,CAACH,QAAQ,CAACK,SAAS,CAAC;;EAG1G,IAAIF,KAAK,CAACF,KAAK,EAAE;IACfE,KAAK,CAACF,KAAK,CAACI,SAAS,GAAGC,oBAAY,CAACT,oCAA4B,CAACI,KAAK,EAAEE,KAAK,CAACF,KAAK,CAACI,SAAS,CAAC;;EAGjG,OAAOF,KAAK;AACd,CAAC;AAjBYN,4CAAoC","names":["exports","root","button","sortIcon","aside","useDataGridHeaderCellStyles_unstable","state","useTableHeaderCellStyles_1","className","react_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridHeaderCellSlots, DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles';\n\nexport const dataGridHeaderCellClassNames: SlotClassNames<DataGridHeaderCellSlots> = {\n  root: 'fui-DataGridHeaderCell',\n  button: 'fui-DataGridHeaderCell__button',\n  sortIcon: 'fui-DataGridHeaderCell__sortIcon',\n  aside: 'fui-DataGridHeaderCell__aside',\n};\n\n/**\n * Apply styling to the DataGridHeaderCell slots based on the state\n */\nexport const useDataGridHeaderCellStyles_unstable = (state: DataGridHeaderCellState): DataGridHeaderCellState => {\n  useTableHeaderCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridHeaderCellClassNames.root, state.root.className);\n\n  if (state.button) {\n    state.button.className = mergeClasses(dataGridHeaderCellClassNames.button, state.button.className);\n  }\n\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);\n  }\n\n  if (state.aside) {\n    state.aside.className = mergeClasses(dataGridHeaderCellClassNames.aside, state.aside.className);\n  }\n\n  return state;\n};\n"]}
+{"version":3,"names":["react_1","require","useTableHeaderCellStyles_1","exports","dataGridHeaderCellClassNames","root","button","sortIcon","aside","useDataGridHeaderCellStyles_unstable","state","useTableHeaderCellStyles_unstable","className","mergeClasses"],"sources":["../src/packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridHeaderCellSlots, DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles';\n\nexport const dataGridHeaderCellClassNames: SlotClassNames<DataGridHeaderCellSlots> = {\n  root: 'fui-DataGridHeaderCell',\n  button: 'fui-DataGridHeaderCell__button',\n  sortIcon: 'fui-DataGridHeaderCell__sortIcon',\n  aside: 'fui-DataGridHeaderCell__aside',\n};\n\n/**\n * Apply styling to the DataGridHeaderCell slots based on the state\n */\nexport const useDataGridHeaderCellStyles_unstable = (state: DataGridHeaderCellState): DataGridHeaderCellState => {\n  useTableHeaderCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridHeaderCellClassNames.root, state.root.className);\n\n  if (state.button) {\n    state.button.className = mergeClasses(dataGridHeaderCellClassNames.button, state.button.className);\n  }\n\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);\n  }\n\n  if (state.aside) {\n    state.aside.className = mergeClasses(dataGridHeaderCellClassNames.aside, state.aside.className);\n  }\n\n  return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,0BAAA,gBAAAD,OAAA;AAEaE,OAAA,CAAAC,4BAA4B,GAA4C;EACnFC,IAAI,EAAE,wBAAwB;EAC9BC,MAAM,EAAE,gCAAgC;EACxCC,QAAQ,EAAE,kCAAkC;EAC5CC,KAAK,EAAE;CACR;AAED;;;AAGO,MAAMC,oCAAoC,GAAIC,KAA8B,IAA6B;EAC9GR,0BAAA,CAAAS,iCAAiC,CAACD,KAAK,CAAC;EACxCA,KAAK,CAACL,IAAI,CAACO,SAAS,GAAGZ,OAAA,CAAAa,YAAY,CAACV,OAAA,CAAAC,4BAA4B,CAACC,IAAI,EAAEK,KAAK,CAACL,IAAI,CAACO,SAAS,CAAC;EAE5F,IAAIF,KAAK,CAACJ,MAAM,EAAE;IAChBI,KAAK,CAACJ,MAAM,CAACM,SAAS,GAAGZ,OAAA,CAAAa,YAAY,CAACV,OAAA,CAAAC,4BAA4B,CAACE,MAAM,EAAEI,KAAK,CAACJ,MAAM,CAACM,SAAS,CAAC;;EAGpG,IAAIF,KAAK,CAACH,QAAQ,EAAE;IAClBG,KAAK,CAACH,QAAQ,CAACK,SAAS,GAAGZ,OAAA,CAAAa,YAAY,CAACV,OAAA,CAAAC,4BAA4B,CAACG,QAAQ,EAAEG,KAAK,CAACH,QAAQ,CAACK,SAAS,CAAC;;EAG1G,IAAIF,KAAK,CAACF,KAAK,EAAE;IACfE,KAAK,CAACF,KAAK,CAACI,SAAS,GAAGZ,OAAA,CAAAa,YAAY,CAACV,OAAA,CAAAC,4BAA4B,CAACI,KAAK,EAAEE,KAAK,CAACF,KAAK,CAACI,SAAS,CAAC;;EAGjG,OAAOF,KAAK;AACd,CAAC;AAjBYP,OAAA,CAAAM,oCAAoC,GAAAA,oCAAA"}

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

@@ -8,12 +8,17 @@ const React = /*#__PURE__*/require("react");
 const useDataGridRow_1 = /*#__PURE__*/require("./useDataGridRow");
 const renderDataGridRow_1 = /*#__PURE__*/require("./renderDataGridRow");
 const useDataGridRowStyles_1 = /*#__PURE__*/require("./useDataGridRowStyles");
+const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
 /**
  * DataGridRow component
  */
 exports.DataGridRow = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useDataGridRow_1.useDataGridRow_unstable(props, ref);
   useDataGridRowStyles_1.useDataGridRowStyles_unstable(state);
+  const {
+    useDataGridRowStyles_unstable: useCustomStyles
+  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
+  useCustomStyles(state);
   return renderDataGridRow_1.renderDataGridRow_unstable(state);
 });
 exports.DataGridRow.displayName = 'DataGridRow';

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,mBAAW,gBACqCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC3F,MAAMC,KAAK,GAAGC,wCAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDG,oDAA6B,CAACF,KAAK,CAAC;EACpC,OAAOG,8CAA0B,CAACH,KAAK,CAAC;AAC1C,CAAC,CAAqG;AAEtGL,mBAAW,CAACS,WAAW,GAAG,aAAa","names":["exports","React","forwardRef","props","ref","state","useDataGridRow_1","useDataGridRowStyles_1","renderDataGridRow_1","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridRow_unstable } from './useDataGridRow';\nimport { renderDataGridRow_unstable } from './renderDataGridRow';\nimport { useDataGridRowStyles_unstable } from './useDataGridRowStyles';\nimport type { DataGridRowProps } from './DataGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DataGridRow component\n */\nexport const DataGridRow: ForwardRefComponent<DataGridRowProps> &\n  (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element) = React.forwardRef((props, ref) => {\n  const state = useDataGridRow_unstable(props, ref);\n\n  useDataGridRowStyles_unstable(state);\n  return renderDataGridRow_unstable(state);\n}) as ForwardRefComponent<DataGridRowProps> & (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element);\n\nDataGridRow.displayName = 'DataGridRow';\n"]}
+{"version":3,"names":["React","require","useDataGridRow_1","renderDataGridRow_1","useDataGridRowStyles_1","react_shared_contexts_1","exports","DataGridRow","forwardRef","props","ref","state","useDataGridRow_unstable","useDataGridRowStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridRow_unstable","displayName"],"sources":["../src/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridRow_unstable } from './useDataGridRow';\nimport { renderDataGridRow_unstable } from './renderDataGridRow';\nimport { useDataGridRowStyles_unstable } from './useDataGridRowStyles';\nimport type { DataGridRowProps } from './DataGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * DataGridRow component\n */\nexport const DataGridRow: ForwardRefComponent<DataGridRowProps> &\n  (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element) = React.forwardRef((props, ref) => {\n  const state = useDataGridRow_unstable(props, ref);\n\n  useDataGridRowStyles_unstable(state);\n\n  const { useDataGridRowStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridRow_unstable(state);\n}) as ForwardRefComponent<DataGridRowProps> & (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element);\n\nDataGridRow.displayName = 'DataGridRow';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,WAAW,gBACqCP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC3F,MAAMC,KAAK,GAAGT,gBAAA,CAAAU,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDN,sBAAA,CAAAS,6BAA6B,CAACF,KAAK,CAAC;EAEpC,MAAM;IAAEE,6BAA6B,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACzFD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,mBAAA,CAAAa,0BAA0B,CAACL,KAAK,CAAC;AAC1C,CAAC,CAAqG;AAEtGL,OAAA,CAAAC,WAAW,CAACU,WAAW,GAAG,aAAa"}

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

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

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

@@ -1 +1 @@
-{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-table/src/components/DataGridRow/index.ts"],"sourcesContent":["export * from './DataGridRow';\nexport * from './DataGridRow.types';\nexport * from './renderDataGridRow';\nexport * from './useDataGridRow';\nexport * from './useDataGridRowStyles';\n"]}
+{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridRow/index.ts"],"sourcesContent":["export * from './DataGridRow';\nexport * from './DataGridRow.types';\nexport * from './renderDataGridRow';\nexport * from './useDataGridRow';\nexport * from './useDataGridRowStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}