@fluentui/react-table 9.2.12 → 9.3.0

package/lib/components/DataGridHeaderCell/renderDataGridHeaderCell.js

@@ -1,8 +1,6 @@
 import { renderTableHeaderCell_unstable } from '../TableHeaderCell/renderTableHeaderCell';
 /**
  * Render the final JSX of DataGridHeaderCell
- */
-export const renderDataGridHeaderCell_unstable = state => {
-  return renderTableHeaderCell_unstable(state);
+ */ export const renderDataGridHeaderCell_unstable = (state)=>{
+    return renderTableHeaderCell_unstable(state);
 };
-//# sourceMappingURL=renderDataGridHeaderCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["renderTableHeaderCell_unstable","renderDataGridHeaderCell_unstable","state"],"sources":["../../../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,SAASA,8BAA8B,QAAQ;AAE/C;;;AAGA,OAAO,MAAMC,iCAAA,GAAqCC,KAAA,IAAmC;EACnF,OAAOF,8BAAA,CAA+BE,KAAA;AACxC"}
+{"version":3,"sources":["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"],"names":["renderTableHeaderCell_unstable","renderDataGridHeaderCell_unstable","state"],"mappings":"AACA,SAASA,8BAA8B,QAAQ,2CAA2C;AAE1F;;CAEC,GACD,OAAO,MAAMC,oCAAoC,CAACC,QAAmC;IACnF,OAAOF,+BAA+BE;AACxC,EAAE"}

package/lib/components/DataGridHeaderCell/useDataGridHeaderCell.js

@@ -12,30 +12,27 @@ import { useTableContext } from '../../contexts/tableContext';
  *
  * @param props - props from this instance of DataGridHeaderCell
  * @param ref - reference to root HTMLElement of DataGridHeaderCell
- */
-export const useDataGridHeaderCell_unstable = (props, ref) => {
-  const columnId = useColumnIdContext();
-  const {
-    sortable
-  } = useTableContext();
-  const toggleColumnSort = useDataGridContext_unstable(ctx => ctx.sort.toggleColumnSort);
-  const sortDirection = useDataGridContext_unstable(ctx => sortable ? ctx.sort.getSortDirection(columnId) : undefined);
-  const resizableColumns = useDataGridContext_unstable(ctx => ctx.resizableColumns);
-  const columnSizing = useDataGridContext_unstable(ctx => ctx.columnSizing_unstable);
-  const onClick = useEventCallback(e => {
-    var _props_onClick;
-    if (sortable) {
-      toggleColumnSort(e, columnId);
-    }
-    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
-  });
-  return useTableHeaderCell_unstable({
-    sortDirection,
-    as: 'div',
-    tabIndex: sortable ? undefined : 0,
-    ...(resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {}),
-    ...props,
-    onClick
-  }, ref);
+ */ export const useDataGridHeaderCell_unstable = (props, ref)=>{
+    const columnId = useColumnIdContext();
+    const { sortable  } = useTableContext();
+    const toggleColumnSort = useDataGridContext_unstable((ctx)=>ctx.sort.toggleColumnSort);
+    const sortDirection = useDataGridContext_unstable((ctx)=>sortable ? ctx.sort.getSortDirection(columnId) : undefined);
+    const resizableColumns = useDataGridContext_unstable((ctx)=>ctx.resizableColumns);
+    const columnSizing = useDataGridContext_unstable((ctx)=>ctx.columnSizing_unstable);
+    // eslint-disable-next-line deprecation/deprecation -- prefer HTMLTableCellElement
+    const onClick = useEventCallback((e)=>{
+        var _props_onClick;
+        if (sortable) {
+            toggleColumnSort(e, columnId);
+        }
+        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
+    });
+    return useTableHeaderCell_unstable({
+        sortDirection,
+        as: 'div',
+        tabIndex: sortable ? undefined : 0,
+        ...resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {},
+        ...props,
+        onClick
+    }, ref);
 };
-//# sourceMappingURL=useDataGridHeaderCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEventCallback","useTableHeaderCell_unstable","useDataGridContext_unstable","useColumnIdContext","useTableContext","useDataGridHeaderCell_unstable","props","ref","columnId","sortable","toggleColumnSort","ctx","sort","sortDirection","getSortDirection","undefined","resizableColumns","columnSizing","columnSizing_unstable","onClick","e","_props_onClick","call","as","tabIndex","getTableHeaderCellProps"],"sources":["../../../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":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AAEjC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,kBAAkB,QAAQ;AACnC,SAASC,eAAe,QAAQ;AAEhC;;;;;;;;;AASA,OAAO,MAAMC,8BAAA,GAAiCA,CAC5CC,KAAA,EACAC,GAAA,KAC4B;EAC5B,MAAMC,QAAA,GAAWL,kBAAA;EACjB,MAAM;IAAEM;EAAQ,CAAE,GAAGL,eAAA;EACrB,MAAMM,gBAAA,GAAmBR,2BAAA,CAA4BS,GAAA,IAAOA,GAAA,CAAIC,IAAI,CAACF,gBAAgB;EACrF,MAAMG,aAAA,GAAgBX,2BAAA,CAA4BS,GAAA,IAChDF,QAAA,GAAWE,GAAA,CAAIC,IAAI,CAACE,gBAAgB,CAACN,QAAA,IAAYO,SAAS;EAG5D,MAAMC,gBAAA,GAAmBd,2BAAA,CAA4BS,GAAA,IAAOA,GAAA,CAAIK,gBAAgB;EAChF,MAAMC,YAAA,GAAef,2BAAA,CAA4BS,GAAA,IAAOA,GAAA,CAAIO,qBAAqB;EAEjF,MAAMC,OAAA,GAAUnB,gBAAA,CAAkBoB,CAAA,IAAoD;QAIpFC,cAAA;IAHA,IAAIZ,QAAA,EAAU;MACZC,gBAAA,CAAiBU,CAAA,EAAGZ,QAAA;IACtB;IACA,CAAAa,cAAA,GAAAf,KAAA,CAAMa,OAAO,cAAbE,cAAA,uBAAAA,cAAA,CAAAC,IAAA,CAAAhB,KAAA,EAAgBc,CAAA;EAClB;EAEA,OAAOnB,2BAAA,CACL;IACEY,aAAA;IACAU,EAAA,EAAI;IACJC,QAAA,EAAUf,QAAA,GAAWM,SAAA,GAAY,CAAC;IAClC,IAAIC,gBAAA,GAAmBC,YAAA,CAAaQ,uBAAuB,CAACjB,QAAA,IAAY,CAAC,CAAC;IAC1E,GAAGF,KAAK;IACRa;EACF,GACAZ,GAAA;AAEJ"}
+{"version":3,"sources":["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  // eslint-disable-next-line deprecation/deprecation -- prefer HTMLTableCellElement\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"],"names":["React","useEventCallback","useTableHeaderCell_unstable","useDataGridContext_unstable","useColumnIdContext","useTableContext","useDataGridHeaderCell_unstable","props","ref","columnId","sortable","toggleColumnSort","ctx","sort","sortDirection","getSortDirection","undefined","resizableColumns","columnSizing","columnSizing_unstable","onClick","e","as","tabIndex","getTableHeaderCellProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAE7D,SAASC,2BAA2B,QAAQ,wCAAwC;AACpF,SAASC,2BAA2B,QAAQ,iCAAiC;AAC7E,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,eAAe,QAAQ,8BAA8B;AAE9D;;;;;;;;CAQC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC,MAC4B;IAC5B,MAAMC,WAAWL;IACjB,MAAM,EAAEM,SAAQ,EAAE,GAAGL;IACrB,MAAMM,mBAAmBR,4BAA4BS,CAAAA,MAAOA,IAAIC,IAAI,CAACF,gBAAgB;IACrF,MAAMG,gBAAgBX,4BAA4BS,CAAAA,MAChDF,WAAWE,IAAIC,IAAI,CAACE,gBAAgB,CAACN,YAAYO,SAAS;IAG5D,MAAMC,mBAAmBd,4BAA4BS,CAAAA,MAAOA,IAAIK,gBAAgB;IAChF,MAAMC,eAAef,4BAA4BS,CAAAA,MAAOA,IAAIO,qBAAqB;IAEjF,kFAAkF;IAClF,MAAMC,UAAUnB,iBAAiB,CAACoB,IAAoD;YAIpFd;QAHA,IAAIG,UAAU;YACZC,iBAAiBU,GAAGZ;QACtB,CAAC;QACDF,CAAAA,iBAAAA,MAAMa,OAAO,cAAbb,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBc;IAClB;IAEA,OAAOnB,4BACL;QACEY;QACAQ,IAAI;QACJC,UAAUb,WAAWM,YAAY,CAAC;QAClC,GAAIC,mBAAmBC,aAAaM,uBAAuB,CAACf,YAAY,CAAC,CAAC;QAC1E,GAAGF,KAAK;QACRa;IACF,GACAZ;AAEJ,EAAE"}

package/lib/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","useTableHeaderCellStyles_unstable","dataGridHeaderCellClassNames","root","button","sortIcon","aside","useDataGridHeaderCellStyles_unstable","state","className"],"sources":["../../../src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.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.styles';\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,SAASA,YAAY,QAAQ;AAG7B,SAASC,iCAAiC,QAAQ;AAElD,OAAO,MAAMC,4BAAA,GAAwE;EACnFC,IAAA,EAAM;EACNC,MAAA,EAAQ;EACRC,QAAA,EAAU;EACVC,KAAA,EAAO;AACT;AAEA;;;AAGA,OAAO,MAAMC,oCAAA,GAAwCC,KAAA,IAA4D;EAC/GP,iCAAA,CAAkCO,KAAA;EAClCA,KAAA,CAAML,IAAI,CAACM,SAAS,GAAGT,YAAA,CAAaE,4BAAA,CAA6BC,IAAI,EAAEK,KAAA,CAAML,IAAI,CAACM,SAAS;EAE3F,IAAID,KAAA,CAAMJ,MAAM,EAAE;IAChBI,KAAA,CAAMJ,MAAM,CAACK,SAAS,GAAGT,YAAA,CAAaE,4BAAA,CAA6BE,MAAM,EAAEI,KAAA,CAAMJ,MAAM,CAACK,SAAS;EACnG;EAEA,IAAID,KAAA,CAAMH,QAAQ,EAAE;IAClBG,KAAA,CAAMH,QAAQ,CAACI,SAAS,GAAGT,YAAA,CAAaE,4BAAA,CAA6BG,QAAQ,EAAEG,KAAA,CAAMH,QAAQ,CAACI,SAAS;EACzG;EAEA,IAAID,KAAA,CAAMF,KAAK,EAAE;IACfE,KAAA,CAAMF,KAAK,CAACG,SAAS,GAAGT,YAAA,CAAaE,4BAAA,CAA6BI,KAAK,EAAEE,KAAA,CAAMF,KAAK,CAACG,SAAS;EAChG;EAEA,OAAOD,KAAA;AACT"}
+{"version":3,"names":["mergeClasses","useTableHeaderCellStyles_unstable","dataGridHeaderCellClassNames","root","button","sortIcon","aside","useDataGridHeaderCellStyles_unstable","state","className"],"sources":["useDataGridHeaderCellStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles.styles';\nexport const dataGridHeaderCellClassNames = {\n    root: 'fui-DataGridHeaderCell',\n    button: 'fui-DataGridHeaderCell__button',\n    sortIcon: 'fui-DataGridHeaderCell__sortIcon',\n    aside: 'fui-DataGridHeaderCell__aside'\n};\n/**\n * Apply styling to the DataGridHeaderCell slots based on the state\n */ export const useDataGridHeaderCellStyles_unstable = (state)=>{\n    useTableHeaderCellStyles_unstable(state);\n    state.root.className = mergeClasses(dataGridHeaderCellClassNames.root, state.root.className);\n    if (state.button) {\n        state.button.className = mergeClasses(dataGridHeaderCellClassNames.button, state.button.className);\n    }\n    if (state.sortIcon) {\n        state.sortIcon.className = mergeClasses(dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);\n    }\n    if (state.aside) {\n        state.aside.className = mergeClasses(dataGridHeaderCellClassNames.aside, state.aside.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,iCAAiC,QAAQ,oDAAoD;AACtG,OAAO,MAAMC,4BAA4B,GAAG;EACxCC,IAAI,EAAE,wBAAwB;EAC9BC,MAAM,EAAE,gCAAgC;EACxCC,QAAQ,EAAE,kCAAkC;EAC5CC,KAAK,EAAE;AACX,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,oCAAoC,GAAIC,KAAK,IAAG;EAC7DP,iCAAiC,CAACO,KAAK,CAAC;EACxCA,KAAK,CAACL,IAAI,CAACM,SAAS,GAAGT,YAAY,CAACE,4BAA4B,CAACC,IAAI,EAAEK,KAAK,CAACL,IAAI,CAACM,SAAS,CAAC;EAC5F,IAAID,KAAK,CAACJ,MAAM,EAAE;IACdI,KAAK,CAACJ,MAAM,CAACK,SAAS,GAAGT,YAAY,CAACE,4BAA4B,CAACE,MAAM,EAAEI,KAAK,CAACJ,MAAM,CAACK,SAAS,CAAC;EACtG;EACA,IAAID,KAAK,CAACH,QAAQ,EAAE;IAChBG,KAAK,CAACH,QAAQ,CAACI,SAAS,GAAGT,YAAY,CAACE,4BAA4B,CAACG,QAAQ,EAAEG,KAAK,CAACH,QAAQ,CAACI,SAAS,CAAC;EAC5G;EACA,IAAID,KAAK,CAACF,KAAK,EAAE;IACbE,KAAK,CAACF,KAAK,CAACG,SAAS,GAAGT,YAAY,CAACE,4BAA4B,CAACI,KAAK,EAAEE,KAAK,CAACF,KAAK,CAACG,SAAS,CAAC;EACnG;EACA,OAAOD,KAAK;AAChB,CAAC"}

package/lib/components/DataGridRow/DataGridRow.js

@@ -5,12 +5,10 @@ import { useDataGridRowStyles_unstable } from './useDataGridRowStyles.styles';
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * DataGridRow component
- */
-export const DataGridRow = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDataGridRow_unstable(props, ref);
-  useDataGridRowStyles_unstable(state);
-  useCustomStyleHook_unstable('useDataGridRowStyles_unstable')(state);
-  return renderDataGridRow_unstable(state);
+ */ export const DataGridRow = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useDataGridRow_unstable(props, ref);
+    useDataGridRowStyles_unstable(state);
+    useCustomStyleHook_unstable('useDataGridRowStyles_unstable')(state);
+    return renderDataGridRow_unstable(state);
 });
 DataGridRow.displayName = 'DataGridRow';
-//# sourceMappingURL=DataGridRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useDataGridRow_unstable","renderDataGridRow_unstable","useDataGridRowStyles_unstable","useCustomStyleHook_unstable","DataGridRow","forwardRef","props","ref","state","displayName"],"sources":["../../../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.styles';\nimport type { DataGridRowProps } from './DataGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useDataGridRowStyles_unstable')(state);\n\n  return renderDataGridRow_unstable(state);\n}) as ForwardRefComponent<DataGridRowProps> & (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element);\n\nDataGridRow.displayName = 'DataGridRow';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,uBAAuB,QAAQ;AACxC,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,6BAA6B,QAAQ;AAG9C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,WAAA,gBACgDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EAC5F,MAAMC,KAAA,GAAQR,uBAAA,CAAwBM,KAAA,EAAOC,GAAA;EAE7CL,6BAAA,CAA8BM,KAAA;EAE9BL,2BAAA,CAA4B,iCAAiCK,KAAA;EAE7D,OAAOP,0BAAA,CAA2BO,KAAA;AACpC;AAEAJ,WAAA,CAAYK,WAAW,GAAG"}
+{"version":3,"sources":["DataGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridRow_unstable } from './useDataGridRow';\nimport { renderDataGridRow_unstable } from './renderDataGridRow';\nimport { useDataGridRowStyles_unstable } from './useDataGridRowStyles.styles';\nimport type { DataGridRowProps } from './DataGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_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  useCustomStyleHook_unstable('useDataGridRowStyles_unstable')(state);\n\n  return renderDataGridRow_unstable(state);\n}) as ForwardRefComponent<DataGridRowProps> & (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element);\n\nDataGridRow.displayName = 'DataGridRow';\n"],"names":["React","useDataGridRow_unstable","renderDataGridRow_unstable","useDataGridRowStyles_unstable","useCustomStyleHook_unstable","DataGridRow","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,uBAAuB,QAAQ,mBAAmB;AAC3D,SAASC,0BAA0B,QAAQ,sBAAsB;AACjE,SAASC,6BAA6B,QAAQ,gCAAgC;AAG9E,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,4BACgDL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC5F,MAAMC,QAAQR,wBAAwBM,OAAOC;IAE7CL,8BAA8BM;IAE9BL,4BAA4B,iCAAiCK;IAE7D,OAAOP,2BAA2BO;AACpC,GAAuG;AAEvGJ,YAAYK,WAAW,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/DataGridRow/DataGridRow.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TableColumnDefinition } from '../../hooks';\nimport { DataGridContextValue } from '../DataGrid/DataGrid.types';\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> = (\n  column: TableColumnDefinition<TItem>,\n  dataGridContextValue: DataGridContextValue,\n) => 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    dataGridContextValue: DataGridContextValue;\n  };\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["DataGridRow.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { TableColumnDefinition } from '../../hooks';\nimport { DataGridContextValue } from '../DataGrid/DataGrid.types';\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> = (\n  column: TableColumnDefinition<TItem>,\n  dataGridContextValue: DataGridContextValue,\n) => 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    dataGridContextValue: DataGridContextValue;\n  };\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/DataGridRow/index.js

@@ -3,4 +3,3 @@ export * from './DataGridRow.types';
 export * from './renderDataGridRow';
 export * from './useDataGridRow';
 export * from './useDataGridRowStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/DataGridRow/index.ts"],"sourcesContent":["export * from './DataGridRow';\nexport * from './DataGridRow.types';\nexport * from './renderDataGridRow';\nexport * from './useDataGridRow';\nexport * from './useDataGridRowStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './DataGridRow';\nexport * from './DataGridRow.types';\nexport * from './renderDataGridRow';\nexport * from './useDataGridRow';\nexport * from './useDataGridRowStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,sBAAsB;AACpC,cAAc,sBAAsB;AACpC,cAAc,mBAAmB;AACjC,cAAc,gCAAgC"}

package/lib/components/DataGridRow/renderDataGridRow.js

@@ -1,17 +1,12 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 import { ColumnIdContextProvider } from '../../contexts/columnIdContext';
 /**
  * Render the final JSX of DataGridRow
- */
-export const renderDataGridRow_unstable = state => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(slots.root, slotProps.root, slots.selectionCell && /*#__PURE__*/createElement(slots.selectionCell, slotProps.selectionCell), state.columnDefs.map(columnDef => /*#__PURE__*/createElement(ColumnIdContextProvider, {
-    value: columnDef.columnId,
-    key: columnDef.columnId
-  }, state.renderCell(columnDef, state.dataGridContextValue))));
+ */ export const renderDataGridRow_unstable = (state)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, slots.selectionCell && /*#__PURE__*/ createElement(slots.selectionCell, slotProps.selectionCell), state.columnDefs.map((columnDef)=>/*#__PURE__*/ createElement(ColumnIdContextProvider, {
+            value: columnDef.columnId,
+            key: columnDef.columnId
+        }, state.renderCell(columnDef, state.dataGridContextValue))));
 };
-//# sourceMappingURL=renderDataGridRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","ColumnIdContextProvider","renderDataGridRow_unstable","state","slots","slotProps","root","selectionCell","columnDefs","map","columnDef","value","columnId","key","renderCell","dataGridContextValue"],"sources":["../../../src/components/DataGridRow/renderDataGridRow.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { DataGridRowState, DataGridRowSlots } from './DataGridRow.types';\nimport { ColumnIdContextProvider } from '../../contexts/columnIdContext';\n\n/**\n * Render the final JSX of DataGridRow\n */\nexport const renderDataGridRow_unstable = (state: DataGridRowState) => {\n  const { slots, slotProps } = getSlotsNext<DataGridRowSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.selectionCell && <slots.selectionCell {...slotProps.selectionCell} />}\n      {state.columnDefs.map(columnDef => (\n        <ColumnIdContextProvider value={columnDef.columnId} key={columnDef.columnId}>\n          {state.renderCell(columnDef, state.dataGridContextValue)}\n        </ColumnIdContextProvider>\n      ))}\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAE7B,SAASC,uBAAuB,QAAQ;AAExC;;;AAGA,OAAO,MAAMC,0BAAA,GAA8BC,KAAA,IAA4B;EACrE,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGL,YAAA,CAA+BG,KAAA;EAE5D,oBACEJ,aAdJ,CAcKK,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,EAC3BF,KAAA,CAAMG,aAAa,iBAAIR,aAf9B,CAe+BK,KAAA,CAAMG,aAAa,EAAKF,SAAA,CAAUE,aAAa,GACvEJ,KAAA,CAAMK,UAAU,CAACC,GAAG,CAACC,SAAA,iBACpBX,aAjBR,CAiBSE,uBAAA;IAAwBU,KAAA,EAAOD,SAAA,CAAUE,QAAQ;IAAEC,GAAA,EAAKH,SAAA,CAAUE;KAChET,KAAA,CAAMW,UAAU,CAACJ,SAAA,EAAWP,KAAA,CAAMY,oBAAoB;AAKjE"}
+{"version":3,"sources":["renderDataGridRow.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { DataGridRowState, DataGridRowSlots } from './DataGridRow.types';\nimport { ColumnIdContextProvider } from '../../contexts/columnIdContext';\n\n/**\n * Render the final JSX of DataGridRow\n */\nexport const renderDataGridRow_unstable = (state: DataGridRowState) => {\n  const { slots, slotProps } = getSlotsNext<DataGridRowSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {slots.selectionCell && <slots.selectionCell {...slotProps.selectionCell} />}\n      {state.columnDefs.map(columnDef => (\n        <ColumnIdContextProvider value={columnDef.columnId} key={columnDef.columnId}>\n          {state.renderCell(columnDef, state.dataGridContextValue)}\n        </ColumnIdContextProvider>\n      ))}\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","ColumnIdContextProvider","renderDataGridRow_unstable","state","slots","slotProps","root","selectionCell","columnDefs","map","columnDef","value","columnId","key","renderCell","dataGridContextValue"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,uBAAuB,QAAQ,iCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,6BAA6B,CAACC,QAA4B;IACrE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGL,aAA+BG;IAE5D,qBACE,AAdJ,cAcKC,MAAME,IAAI,EAAKD,UAAUC,IAAI,EAC3BF,MAAMG,aAAa,kBAAI,AAf9B,cAe+BH,MAAMG,aAAa,EAAKF,UAAUE,aAAa,GACvEJ,MAAMK,UAAU,CAACC,GAAG,CAACC,CAAAA,0BACpB,AAjBR,cAiBST;YAAwBU,OAAOD,UAAUE,QAAQ;YAAEC,KAAKH,UAAUE,QAAQ;WACxET,MAAMW,UAAU,CAACJ,WAAWP,MAAMY,oBAAoB;AAKjE,EAAE"}

package/lib/components/DataGridRow/useDataGridRow.js

@@ -14,60 +14,58 @@ import { useIsInTableHeader } from '../../contexts/tableHeaderContext';
  *
  * @param props - props from this instance of DataGridRow
  * @param ref - reference to root HTMLElement of DataGridRow
- */
-export const useDataGridRow_unstable = (props, ref) => {
-  const rowId = useTableRowIdContext();
-  const isHeader = useIsInTableHeader();
-  const columnDefs = useDataGridContext_unstable(ctx => ctx.columns);
-  const selectable = useDataGridContext_unstable(ctx => ctx.selectableRows);
-  const selected = useDataGridContext_unstable(ctx => ctx.selection.isRowSelected(rowId));
-  const tabbable = useDataGridContext_unstable(ctx => ctx.focusMode === 'row_unstable');
-  const appearance = useDataGridContext_unstable(ctx => {
-    if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {
-      return ctx.selectionAppearance;
-    }
-    return 'none';
-  });
-  const toggleRow = useDataGridContext_unstable(ctx => ctx.selection.toggleRow);
-  const dataGridContextValue = useDataGridContext_unstable(ctx => ctx);
-  const onClick = useEventCallback(e => {
-    var _props_onClick;
-    if (selectable && !isHeader) {
-      toggleRow(e, rowId);
-    }
-    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
-  });
-  const onKeyDown = useEventCallback(e => {
-    var _props_onKeyDown;
-    if (selectable && !isHeader && e.key === Space && !isInteractiveHTMLElement(e.target)) {
-      // stop scrolling
-      e.preventDefault();
-      toggleRow(e, rowId);
-    }
-    (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);
-  });
-  const baseState = useTableRow_unstable({
-    appearance,
-    'aria-selected': selectable ? selected : undefined,
-    ...props,
-    onClick,
-    onKeyDown,
-    children: null,
-    as: 'div',
-    tabIndex: tabbable && !isHeader ? 0 : undefined
-  }, ref);
-  return {
-    ...baseState,
-    components: {
-      ...baseState.components,
-      selectionCell: DataGridSelectionCell
-    },
-    selectionCell: resolveShorthand(props.selectionCell, {
-      required: selectable
-    }),
-    renderCell: props.children,
-    columnDefs,
-    dataGridContextValue
-  };
+ */ export const useDataGridRow_unstable = (props, ref)=>{
+    const rowId = useTableRowIdContext();
+    const isHeader = useIsInTableHeader();
+    const columnDefs = useDataGridContext_unstable((ctx)=>ctx.columns);
+    const selectable = useDataGridContext_unstable((ctx)=>ctx.selectableRows);
+    const selected = useDataGridContext_unstable((ctx)=>ctx.selection.isRowSelected(rowId));
+    const tabbable = useDataGridContext_unstable((ctx)=>ctx.focusMode === 'row_unstable');
+    const appearance = useDataGridContext_unstable((ctx)=>{
+        if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {
+            return ctx.selectionAppearance;
+        }
+        return 'none';
+    });
+    const toggleRow = useDataGridContext_unstable((ctx)=>ctx.selection.toggleRow);
+    const dataGridContextValue = useDataGridContext_unstable((ctx)=>ctx);
+    const onClick = useEventCallback((e)=>{
+        var _props_onClick;
+        if (selectable && !isHeader) {
+            toggleRow(e, rowId);
+        }
+        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
+    });
+    const onKeyDown = useEventCallback((e)=>{
+        var _props_onKeyDown;
+        if (selectable && !isHeader && e.key === Space && !isInteractiveHTMLElement(e.target)) {
+            // stop scrolling
+            e.preventDefault();
+            toggleRow(e, rowId);
+        }
+        (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);
+    });
+    const baseState = useTableRow_unstable({
+        appearance,
+        'aria-selected': selectable ? selected : undefined,
+        ...props,
+        onClick,
+        onKeyDown,
+        children: null,
+        as: 'div',
+        tabIndex: tabbable && !isHeader ? 0 : undefined
+    }, ref);
+    return {
+        ...baseState,
+        components: {
+            ...baseState.components,
+            selectionCell: DataGridSelectionCell
+        },
+        selectionCell: resolveShorthand(props.selectionCell, {
+            required: selectable
+        }),
+        renderCell: props.children,
+        columnDefs,
+        dataGridContextValue
+    };
 };
-//# sourceMappingURL=useDataGridRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","isInteractiveHTMLElement","useEventCallback","resolveShorthand","Space","useTableRow_unstable","useDataGridContext_unstable","DataGridSelectionCell","useTableRowIdContext","useIsInTableHeader","useDataGridRow_unstable","props","ref","rowId","isHeader","columnDefs","ctx","columns","selectable","selectableRows","selected","selection","isRowSelected","tabbable","focusMode","appearance","selectionAppearance","toggleRow","dataGridContextValue","onClick","e","_props_onClick","call","onKeyDown","_props_onKeyDown","key","target","preventDefault","baseState","undefined","children","as","tabIndex","components","selectionCell","required","renderCell"],"sources":["../../../src/components/DataGridRow/useDataGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isInteractiveHTMLElement, useEventCallback, resolveShorthand } from '@fluentui/react-utilities';\nimport { Space } from '@fluentui/keyboard-keys';\nimport type { DataGridRowProps, DataGridRowState } from './DataGridRow.types';\nimport { useTableRow_unstable } from '../TableRow/useTableRow';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { DataGridSelectionCell } from '../DataGridSelectionCell/DataGridSelectionCell';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n\n/**\n * Create the state required to render DataGridRow.\n *\n * The returned state can be modified with hooks such as useDataGridRowStyles_unstable,\n * before being passed to renderDataGridRow_unstable.\n *\n * @param props - props from this instance of DataGridRow\n * @param ref - reference to root HTMLElement of DataGridRow\n */\nexport const useDataGridRow_unstable = (props: DataGridRowProps, ref: React.Ref<HTMLElement>): DataGridRowState => {\n  const rowId = useTableRowIdContext();\n  const isHeader = useIsInTableHeader();\n  const columnDefs = useDataGridContext_unstable(ctx => ctx.columns);\n  const selectable = useDataGridContext_unstable(ctx => ctx.selectableRows);\n  const selected = useDataGridContext_unstable(ctx => ctx.selection.isRowSelected(rowId));\n  const tabbable = useDataGridContext_unstable(ctx => ctx.focusMode === 'row_unstable');\n  const appearance = useDataGridContext_unstable(ctx => {\n    if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {\n      return ctx.selectionAppearance;\n    }\n\n    return 'none';\n  });\n  const toggleRow = useDataGridContext_unstable(ctx => ctx.selection.toggleRow);\n  const dataGridContextValue = useDataGridContext_unstable(ctx => ctx);\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableRowElement>) => {\n    if (selectable && !isHeader) {\n      toggleRow(e, rowId);\n    }\n\n    props.onClick?.(e);\n  });\n\n  const onKeyDown = useEventCallback((e: React.KeyboardEvent<HTMLTableRowElement>) => {\n    if (selectable && !isHeader && e.key === Space && !isInteractiveHTMLElement(e.target as HTMLElement)) {\n      // stop scrolling\n      e.preventDefault();\n      toggleRow(e, rowId);\n    }\n\n    props.onKeyDown?.(e);\n  });\n\n  const baseState = useTableRow_unstable(\n    {\n      appearance,\n      'aria-selected': selectable ? selected : undefined,\n      ...props,\n      onClick,\n      onKeyDown,\n      children: null,\n      as: 'div',\n      tabIndex: tabbable && !isHeader ? 0 : undefined,\n    },\n    ref,\n  );\n\n  return {\n    ...baseState,\n    components: {\n      ...baseState.components,\n      selectionCell: DataGridSelectionCell,\n    },\n    selectionCell: resolveShorthand(props.selectionCell, { required: selectable }),\n    renderCell: props.children,\n    columnDefs,\n    dataGridContextValue,\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ;AAC7E,SAASC,KAAK,QAAQ;AAEtB,SAASC,oBAAoB,QAAQ;AACrC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,qBAAqB,QAAQ;AACtC,SAASC,oBAAoB,QAAQ;AACrC,SAASC,kBAAkB,QAAQ;AAEnC;;;;;;;;;AASA,OAAO,MAAMC,uBAAA,GAA0BA,CAACC,KAAA,EAAyBC,GAAA,KAAkD;EACjH,MAAMC,KAAA,GAAQL,oBAAA;EACd,MAAMM,QAAA,GAAWL,kBAAA;EACjB,MAAMM,UAAA,GAAaT,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIC,OAAO;EACjE,MAAMC,UAAA,GAAaZ,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIG,cAAc;EACxE,MAAMC,QAAA,GAAWd,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIK,SAAS,CAACC,aAAa,CAACT,KAAA;EAChF,MAAMU,QAAA,GAAWjB,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIQ,SAAS,KAAK;EACtE,MAAMC,UAAA,GAAanB,2BAAA,CAA4BU,GAAA,IAAO;IACpD,IAAI,CAACF,QAAA,IAAYI,UAAA,IAAcF,GAAA,CAAIK,SAAS,CAACC,aAAa,CAACT,KAAA,GAAQ;MACjE,OAAOG,GAAA,CAAIU,mBAAmB;IAChC;IAEA,OAAO;EACT;EACA,MAAMC,SAAA,GAAYrB,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIK,SAAS,CAACM,SAAS;EAC5E,MAAMC,oBAAA,GAAuBtB,2BAAA,CAA4BU,GAAA,IAAOA,GAAA;EAEhE,MAAMa,OAAA,GAAU3B,gBAAA,CAAkB4B,CAAA,IAA6C;QAK7EC,cAAA;IAJA,IAAIb,UAAA,IAAc,CAACJ,QAAA,EAAU;MAC3Ba,SAAA,CAAUG,CAAA,EAAGjB,KAAA;IACf;IAEA,CAAAkB,cAAA,GAAApB,KAAA,CAAMkB,OAAO,cAAbE,cAAA,uBAAAA,cAAA,CAAAC,IAAA,CAAArB,KAAA,EAAgBmB,CAAA;EAClB;EAEA,MAAMG,SAAA,GAAY/B,gBAAA,CAAkB4B,CAAA,IAAgD;QAOlFI,gBAAA;IANA,IAAIhB,UAAA,IAAc,CAACJ,QAAA,IAAYgB,CAAA,CAAEK,GAAG,KAAK/B,KAAA,IAAS,CAACH,wBAAA,CAAyB6B,CAAA,CAAEM,MAAM,GAAkB;MACpG;MACAN,CAAA,CAAEO,cAAc;MAChBV,SAAA,CAAUG,CAAA,EAAGjB,KAAA;IACf;IAEA,CAAAqB,gBAAA,GAAAvB,KAAA,CAAMsB,SAAS,cAAfC,gBAAA,uBAAAA,gBAAA,CAAAF,IAAA,CAAArB,KAAA,EAAkBmB,CAAA;EACpB;EAEA,MAAMQ,SAAA,GAAYjC,oBAAA,CAChB;IACEoB,UAAA;IACA,iBAAiBP,UAAA,GAAaE,QAAA,GAAWmB,SAAS;IAClD,GAAG5B,KAAK;IACRkB,OAAA;IACAI,SAAA;IACAO,QAAA,EAAU,IAAI;IACdC,EAAA,EAAI;IACJC,QAAA,EAAUnB,QAAA,IAAY,CAACT,QAAA,GAAW,IAAIyB;EACxC,GACA3B,GAAA;EAGF,OAAO;IACL,GAAG0B,SAAS;IACZK,UAAA,EAAY;MACV,GAAGL,SAAA,CAAUK,UAAU;MACvBC,aAAA,EAAerC;IACjB;IACAqC,aAAA,EAAezC,gBAAA,CAAiBQ,KAAA,CAAMiC,aAAa,EAAE;MAAEC,QAAA,EAAU3B;IAAW;IAC5E4B,UAAA,EAAYnC,KAAA,CAAM6B,QAAQ;IAC1BzB,UAAA;IACAa;EACF;AACF"}
+{"version":3,"sources":["useDataGridRow.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isInteractiveHTMLElement, useEventCallback, resolveShorthand } from '@fluentui/react-utilities';\nimport { Space } from '@fluentui/keyboard-keys';\nimport type { DataGridRowProps, DataGridRowState } from './DataGridRow.types';\nimport { useTableRow_unstable } from '../TableRow/useTableRow';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { DataGridSelectionCell } from '../DataGridSelectionCell/DataGridSelectionCell';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\n\n/**\n * Create the state required to render DataGridRow.\n *\n * The returned state can be modified with hooks such as useDataGridRowStyles_unstable,\n * before being passed to renderDataGridRow_unstable.\n *\n * @param props - props from this instance of DataGridRow\n * @param ref - reference to root HTMLElement of DataGridRow\n */\nexport const useDataGridRow_unstable = (props: DataGridRowProps, ref: React.Ref<HTMLElement>): DataGridRowState => {\n  const rowId = useTableRowIdContext();\n  const isHeader = useIsInTableHeader();\n  const columnDefs = useDataGridContext_unstable(ctx => ctx.columns);\n  const selectable = useDataGridContext_unstable(ctx => ctx.selectableRows);\n  const selected = useDataGridContext_unstable(ctx => ctx.selection.isRowSelected(rowId));\n  const tabbable = useDataGridContext_unstable(ctx => ctx.focusMode === 'row_unstable');\n  const appearance = useDataGridContext_unstable(ctx => {\n    if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {\n      return ctx.selectionAppearance;\n    }\n\n    return 'none';\n  });\n  const toggleRow = useDataGridContext_unstable(ctx => ctx.selection.toggleRow);\n  const dataGridContextValue = useDataGridContext_unstable(ctx => ctx);\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableRowElement>) => {\n    if (selectable && !isHeader) {\n      toggleRow(e, rowId);\n    }\n\n    props.onClick?.(e);\n  });\n\n  const onKeyDown = useEventCallback((e: React.KeyboardEvent<HTMLTableRowElement>) => {\n    if (selectable && !isHeader && e.key === Space && !isInteractiveHTMLElement(e.target as HTMLElement)) {\n      // stop scrolling\n      e.preventDefault();\n      toggleRow(e, rowId);\n    }\n\n    props.onKeyDown?.(e);\n  });\n\n  const baseState = useTableRow_unstable(\n    {\n      appearance,\n      'aria-selected': selectable ? selected : undefined,\n      ...props,\n      onClick,\n      onKeyDown,\n      children: null,\n      as: 'div',\n      tabIndex: tabbable && !isHeader ? 0 : undefined,\n    },\n    ref,\n  );\n\n  return {\n    ...baseState,\n    components: {\n      ...baseState.components,\n      selectionCell: DataGridSelectionCell,\n    },\n    selectionCell: resolveShorthand(props.selectionCell, { required: selectable }),\n    renderCell: props.children,\n    columnDefs,\n    dataGridContextValue,\n  };\n};\n"],"names":["React","isInteractiveHTMLElement","useEventCallback","resolveShorthand","Space","useTableRow_unstable","useDataGridContext_unstable","DataGridSelectionCell","useTableRowIdContext","useIsInTableHeader","useDataGridRow_unstable","props","ref","rowId","isHeader","columnDefs","ctx","columns","selectable","selectableRows","selected","selection","isRowSelected","tabbable","focusMode","appearance","selectionAppearance","toggleRow","dataGridContextValue","onClick","e","onKeyDown","key","target","preventDefault","baseState","undefined","children","as","tabIndex","components","selectionCell","required","renderCell"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,gBAAgB,EAAEC,gBAAgB,QAAQ,4BAA4B;AACzG,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,SAASC,2BAA2B,QAAQ,iCAAiC;AAC7E,SAASC,qBAAqB,QAAQ,iDAAiD;AACvF,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE,SAASC,kBAAkB,QAAQ,oCAAoC;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,0BAA0B,CAACC,OAAyBC,MAAkD;IACjH,MAAMC,QAAQL;IACd,MAAMM,WAAWL;IACjB,MAAMM,aAAaT,4BAA4BU,CAAAA,MAAOA,IAAIC,OAAO;IACjE,MAAMC,aAAaZ,4BAA4BU,CAAAA,MAAOA,IAAIG,cAAc;IACxE,MAAMC,WAAWd,4BAA4BU,CAAAA,MAAOA,IAAIK,SAAS,CAACC,aAAa,CAACT;IAChF,MAAMU,WAAWjB,4BAA4BU,CAAAA,MAAOA,IAAIQ,SAAS,KAAK;IACtE,MAAMC,aAAanB,4BAA4BU,CAAAA,MAAO;QACpD,IAAI,CAACF,YAAYI,cAAcF,IAAIK,SAAS,CAACC,aAAa,CAACT,QAAQ;YACjE,OAAOG,IAAIU,mBAAmB;QAChC,CAAC;QAED,OAAO;IACT;IACA,MAAMC,YAAYrB,4BAA4BU,CAAAA,MAAOA,IAAIK,SAAS,CAACM,SAAS;IAC5E,MAAMC,uBAAuBtB,4BAA4BU,CAAAA,MAAOA;IAEhE,MAAMa,UAAU3B,iBAAiB,CAAC4B,IAA6C;YAK7EnB;QAJA,IAAIO,cAAc,CAACJ,UAAU;YAC3Ba,UAAUG,GAAGjB;QACf,CAAC;QAEDF,CAAAA,iBAAAA,MAAMkB,OAAO,cAAblB,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBmB;IAClB;IAEA,MAAMC,YAAY7B,iBAAiB,CAAC4B,IAAgD;YAOlFnB;QANA,IAAIO,cAAc,CAACJ,YAAYgB,EAAEE,GAAG,KAAK5B,SAAS,CAACH,yBAAyB6B,EAAEG,MAAM,GAAkB;YACpG,iBAAiB;YACjBH,EAAEI,cAAc;YAChBP,UAAUG,GAAGjB;QACf,CAAC;QAEDF,CAAAA,mBAAAA,MAAMoB,SAAS,cAAfpB,8BAAAA,KAAAA,IAAAA,iBAAAA,KAAAA,OAAkBmB;IACpB;IAEA,MAAMK,YAAY9B,qBAChB;QACEoB;QACA,iBAAiBP,aAAaE,WAAWgB,SAAS;QAClD,GAAGzB,KAAK;QACRkB;QACAE;QACAM,UAAU,IAAI;QACdC,IAAI;QACJC,UAAUhB,YAAY,CAACT,WAAW,IAAIsB,SAAS;IACjD,GACAxB;IAGF,OAAO;QACL,GAAGuB,SAAS;QACZK,YAAY;YACV,GAAGL,UAAUK,UAAU;YACvBC,eAAelC;QACjB;QACAkC,eAAetC,iBAAiBQ,MAAM8B,aAAa,EAAE;YAAEC,UAAUxB;QAAW;QAC5EyB,YAAYhC,MAAM0B,QAAQ;QAC1BtB;QACAa;IACF;AACF,EAAE"}

package/lib/components/DataGridRow/useDataGridRowStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","useTableRowStyles_unstable","dataGridRowClassNames","root","selectionCell","useDataGridRowStyles_unstable","state","className"],"sources":["../../../src/components/DataGridRow/useDataGridRowStyles.styles.ts"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridRowSlots, DataGridRowState } from './DataGridRow.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableRowStyles_unstable } from '../TableRow/useTableRowStyles.styles';\n\nexport const dataGridRowClassNames: SlotClassNames<DataGridRowSlots> = {\n  root: 'fui-DataGridRow',\n  selectionCell: 'fui-DataGridRow__selectionCell',\n};\n\n/**\n * Apply styling to the DataGridRow slots based on the state\n */\nexport const useDataGridRowStyles_unstable = (state: DataGridRowState): DataGridRowState => {\n  useTableRowStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridRowClassNames.root, state.root.className);\n  if (state.selectionCell) {\n    state.selectionCell.className = mergeClasses(dataGridRowClassNames.selectionCell, state.selectionCell.className);\n  }\n\n  return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ;AAG7B,SAASC,0BAA0B,QAAQ;AAE3C,OAAO,MAAMC,qBAAA,GAA0D;EACrEC,IAAA,EAAM;EACNC,aAAA,EAAe;AACjB;AAEA;;;AAGA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA8C;EAC1FL,0BAAA,CAA2BK,KAAA;EAC3BA,KAAA,CAAMH,IAAI,CAACI,SAAS,GAAGP,YAAA,CAAaE,qBAAA,CAAsBC,IAAI,EAAEG,KAAA,CAAMH,IAAI,CAACI,SAAS;EACpF,IAAID,KAAA,CAAMF,aAAa,EAAE;IACvBE,KAAA,CAAMF,aAAa,CAACG,SAAS,GAAGP,YAAA,CAAaE,qBAAA,CAAsBE,aAAa,EAAEE,KAAA,CAAMF,aAAa,CAACG,SAAS;EACjH;EAEA,OAAOD,KAAA;AACT"}
+{"version":3,"names":["mergeClasses","useTableRowStyles_unstable","dataGridRowClassNames","root","selectionCell","useDataGridRowStyles_unstable","state","className"],"sources":["useDataGridRowStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableRowStyles_unstable } from '../TableRow/useTableRowStyles.styles';\nexport const dataGridRowClassNames = {\n    root: 'fui-DataGridRow',\n    selectionCell: 'fui-DataGridRow__selectionCell'\n};\n/**\n * Apply styling to the DataGridRow slots based on the state\n */ export const useDataGridRowStyles_unstable = (state)=>{\n    useTableRowStyles_unstable(state);\n    state.root.className = mergeClasses(dataGridRowClassNames.root, state.root.className);\n    if (state.selectionCell) {\n        state.selectionCell.className = mergeClasses(dataGridRowClassNames.selectionCell, state.selectionCell.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,0BAA0B,QAAQ,sCAAsC;AACjF,OAAO,MAAMC,qBAAqB,GAAG;EACjCC,IAAI,EAAE,iBAAiB;EACvBC,aAAa,EAAE;AACnB,CAAC;AACD;AACA;AACA;AAAI,OAAO,MAAMC,6BAA6B,GAAIC,KAAK,IAAG;EACtDL,0BAA0B,CAACK,KAAK,CAAC;EACjCA,KAAK,CAACH,IAAI,CAACI,SAAS,GAAGP,YAAY,CAACE,qBAAqB,CAACC,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACI,SAAS,CAAC;EACrF,IAAID,KAAK,CAACF,aAAa,EAAE;IACrBE,KAAK,CAACF,aAAa,CAACG,SAAS,GAAGP,YAAY,CAACE,qBAAqB,CAACE,aAAa,EAAEE,KAAK,CAACF,aAAa,CAACG,SAAS,CAAC;EACpH;EACA,OAAOD,KAAK;AAChB,CAAC"}

package/lib/components/DataGridSelectionCell/DataGridSelectionCell.js

@@ -5,12 +5,10 @@ import { useDataGridSelectionCellStyles_unstable } from './useDataGridSelectionC
 import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * DataGridSelectionCell component
- */
-export const DataGridSelectionCell = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDataGridSelectionCell_unstable(props, ref);
-  useDataGridSelectionCellStyles_unstable(state);
-  useCustomStyleHook_unstable('useDataGridSelectionCellStyles_unstable')(state);
-  return renderDataGridSelectionCell_unstable(state);
+ */ export const DataGridSelectionCell = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useDataGridSelectionCell_unstable(props, ref);
+    useDataGridSelectionCellStyles_unstable(state);
+    useCustomStyleHook_unstable('useDataGridSelectionCellStyles_unstable')(state);
+    return renderDataGridSelectionCell_unstable(state);
 });
 DataGridSelectionCell.displayName = 'DataGridSelectionCell';
-//# sourceMappingURL=DataGridSelectionCell.js.map

package/lib/components/DataGridSelectionCell/DataGridSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useDataGridSelectionCell_unstable","renderDataGridSelectionCell_unstable","useDataGridSelectionCellStyles_unstable","useCustomStyleHook_unstable","DataGridSelectionCell","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/DataGridSelectionCell/DataGridSelectionCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridSelectionCell_unstable } from './useDataGridSelectionCell';\nimport { renderDataGridSelectionCell_unstable } from './renderDataGridSelectionCell';\nimport { useDataGridSelectionCellStyles_unstable } from './useDataGridSelectionCellStyles.styles';\nimport type { DataGridSelectionCellProps } from './DataGridSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * DataGridSelectionCell component\n */\nexport const DataGridSelectionCell: ForwardRefComponent<DataGridSelectionCellProps> = React.forwardRef((props, ref) => {\n  const state = useDataGridSelectionCell_unstable(props, ref);\n\n  useDataGridSelectionCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDataGridSelectionCellStyles_unstable')(state);\n\n  return renderDataGridSelectionCell_unstable(state);\n});\n\nDataGridSelectionCell.displayName = 'DataGridSelectionCell';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,iCAAiC,QAAQ;AAClD,SAASC,oCAAoC,QAAQ;AACrD,SAASC,uCAAuC,QAAQ;AAGxD,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,qBAAA,gBAAyEL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrH,MAAMC,KAAA,GAAQR,iCAAA,CAAkCM,KAAA,EAAOC,GAAA;EAEvDL,uCAAA,CAAwCM,KAAA;EAExCL,2BAAA,CAA4B,2CAA2CK,KAAA;EAEvE,OAAOP,oCAAA,CAAqCO,KAAA;AAC9C;AAEAJ,qBAAA,CAAsBK,WAAW,GAAG"}
+{"version":3,"sources":["DataGridSelectionCell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridSelectionCell_unstable } from './useDataGridSelectionCell';\nimport { renderDataGridSelectionCell_unstable } from './renderDataGridSelectionCell';\nimport { useDataGridSelectionCellStyles_unstable } from './useDataGridSelectionCellStyles.styles';\nimport type { DataGridSelectionCellProps } from './DataGridSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * DataGridSelectionCell component\n */\nexport const DataGridSelectionCell: ForwardRefComponent<DataGridSelectionCellProps> = React.forwardRef((props, ref) => {\n  const state = useDataGridSelectionCell_unstable(props, ref);\n\n  useDataGridSelectionCellStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDataGridSelectionCellStyles_unstable')(state);\n\n  return renderDataGridSelectionCell_unstable(state);\n});\n\nDataGridSelectionCell.displayName = 'DataGridSelectionCell';\n"],"names":["React","useDataGridSelectionCell_unstable","renderDataGridSelectionCell_unstable","useDataGridSelectionCellStyles_unstable","useCustomStyleHook_unstable","DataGridSelectionCell","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iCAAiC,QAAQ,6BAA6B;AAC/E,SAASC,oCAAoC,QAAQ,gCAAgC;AACrF,SAASC,uCAAuC,QAAQ,0CAA0C;AAGlG,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,sCAAyEL,MAAMM,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrH,MAAMC,QAAQR,kCAAkCM,OAAOC;IAEvDL,wCAAwCM;IAExCL,4BAA4B,2CAA2CK;IAEvE,OAAOP,qCAAqCO;AAC9C,GAAG;AAEHJ,sBAAsBK,WAAW,GAAG"}

package/lib/components/DataGridSelectionCell/DataGridSelectionCell.types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=DataGridSelectionCell.types.js.map
+export { };

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/DataGridSelectionCell/DataGridSelectionCell.types.ts"],"sourcesContent":["import {\n  TableSelectionCellProps,\n  TableSelectionCellSlots,\n  TableSelectionCellState,\n} from '../TableSelectionCell/TableSelectionCell.types';\n\nexport type DataGridSelectionCellSlots = TableSelectionCellSlots;\n\n/**\n * DataGridSelectionCell Props\n */\nexport type DataGridSelectionCellProps = TableSelectionCellProps;\n\n/**\n * State used in rendering DataGridSelectionCell\n */\nexport type DataGridSelectionCellState = TableSelectionCellState;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["DataGridSelectionCell.types.ts"],"sourcesContent":["import {\n  TableSelectionCellProps,\n  TableSelectionCellSlots,\n  TableSelectionCellState,\n} from '../TableSelectionCell/TableSelectionCell.types';\n\nexport type DataGridSelectionCellSlots = TableSelectionCellSlots;\n\n/**\n * DataGridSelectionCell Props\n */\nexport type DataGridSelectionCellProps = TableSelectionCellProps;\n\n/**\n * State used in rendering DataGridSelectionCell\n */\nexport type DataGridSelectionCellState = TableSelectionCellState;\n"],"names":[],"mappings":"AAAA,WAgBiE"}

package/lib/components/DataGridSelectionCell/index.js

@@ -3,4 +3,3 @@ export * from './DataGridSelectionCell.types';
 export * from './renderDataGridSelectionCell';
 export * from './useDataGridSelectionCell';
 export * from './useDataGridSelectionCellStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/DataGridSelectionCell/index.ts"],"sourcesContent":["export * from './DataGridSelectionCell';\nexport * from './DataGridSelectionCell.types';\nexport * from './renderDataGridSelectionCell';\nexport * from './useDataGridSelectionCell';\nexport * from './useDataGridSelectionCellStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './DataGridSelectionCell';\nexport * from './DataGridSelectionCell.types';\nexport * from './renderDataGridSelectionCell';\nexport * from './useDataGridSelectionCell';\nexport * from './useDataGridSelectionCellStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,gCAAgC;AAC9C,cAAc,gCAAgC;AAC9C,cAAc,6BAA6B;AAC3C,cAAc,0CAA0C"}

package/lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js

@@ -1,8 +1,6 @@
 import { renderTableSelectionCell_unstable } from '../TableSelectionCell/renderTableSelectionCell';
 /**
  * Render the final JSX of DataGridSelectionCell
- */
-export const renderDataGridSelectionCell_unstable = state => {
-  return renderTableSelectionCell_unstable(state);
+ */ export const renderDataGridSelectionCell_unstable = (state)=>{
+    return renderTableSelectionCell_unstable(state);
 };
-//# sourceMappingURL=renderDataGridSelectionCell.js.map

package/lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["renderTableSelectionCell_unstable","renderDataGridSelectionCell_unstable","state"],"sources":["../../../src/components/DataGridSelectionCell/renderDataGridSelectionCell.tsx"],"sourcesContent":["import type { DataGridSelectionCellState } from './DataGridSelectionCell.types';\nimport { renderTableSelectionCell_unstable } from '../TableSelectionCell/renderTableSelectionCell';\n\n/**\n * Render the final JSX of DataGridSelectionCell\n */\nexport const renderDataGridSelectionCell_unstable = (state: DataGridSelectionCellState) => {\n  return renderTableSelectionCell_unstable(state);\n};\n"],"mappings":"AACA,SAASA,iCAAiC,QAAQ;AAElD;;;AAGA,OAAO,MAAMC,oCAAA,GAAwCC,KAAA,IAAsC;EACzF,OAAOF,iCAAA,CAAkCE,KAAA;AAC3C"}
+{"version":3,"sources":["renderDataGridSelectionCell.tsx"],"sourcesContent":["import type { DataGridSelectionCellState } from './DataGridSelectionCell.types';\nimport { renderTableSelectionCell_unstable } from '../TableSelectionCell/renderTableSelectionCell';\n\n/**\n * Render the final JSX of DataGridSelectionCell\n */\nexport const renderDataGridSelectionCell_unstable = (state: DataGridSelectionCellState) => {\n  return renderTableSelectionCell_unstable(state);\n};\n"],"names":["renderTableSelectionCell_unstable","renderDataGridSelectionCell_unstable","state"],"mappings":"AACA,SAASA,iCAAiC,QAAQ,iDAAiD;AAEnG;;CAEC,GACD,OAAO,MAAMC,uCAAuC,CAACC,QAAsC;IACzF,OAAOF,kCAAkCE;AAC3C,EAAE"}

package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js

@@ -12,37 +12,35 @@ import { useTableSelectionCell_unstable } from '../TableSelectionCell/useTableSe
  *
  * @param props - props from this instance of DataGridSelectionCell
  * @param ref - reference to root HTMLElement of DataGridSelectionCell
- */
-export const useDataGridSelectionCell_unstable = (props, ref) => {
-  const isHeader = useIsInTableHeader();
-  const rowId = useTableRowIdContext();
-  const subtle = useDataGridContext_unstable(ctx => ctx.subtleSelection);
-  const checked = useDataGridContext_unstable(ctx => {
-    if (isHeader && ctx.selection.selectionMode === 'multiselect') {
-      return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;
-    }
-    return ctx.selection.isRowSelected(rowId);
-  });
-  const toggleAllRows = useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);
-  const type = useDataGridContext_unstable(ctx => ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio');
-  const onClick = useEventCallback(e => {
-    var _props_onClick;
-    if (isHeader) {
-      toggleAllRows(e);
-    }
-    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
-  });
-  return useTableSelectionCell_unstable({
-    as: 'div',
-    role: 'gridcell',
-    checked,
-    type,
-    hidden: isHeader && type === 'radio',
-    'aria-checked': isHeader ? checked : undefined,
-    'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,
-    subtle,
-    ...props,
-    onClick
-  }, ref);
+ */ export const useDataGridSelectionCell_unstable = (props, ref)=>{
+    const isHeader = useIsInTableHeader();
+    const rowId = useTableRowIdContext();
+    const subtle = useDataGridContext_unstable((ctx)=>ctx.subtleSelection);
+    const checked = useDataGridContext_unstable((ctx)=>{
+        if (isHeader && ctx.selection.selectionMode === 'multiselect') {
+            return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;
+        }
+        return ctx.selection.isRowSelected(rowId);
+    });
+    const toggleAllRows = useDataGridContext_unstable((ctx)=>ctx.selection.toggleAllRows);
+    const type = useDataGridContext_unstable((ctx)=>ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio');
+    const onClick = useEventCallback((e)=>{
+        var _props_onClick;
+        if (isHeader) {
+            toggleAllRows(e);
+        }
+        (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);
+    });
+    return useTableSelectionCell_unstable({
+        as: 'div',
+        role: 'gridcell',
+        checked,
+        type,
+        hidden: isHeader && type === 'radio',
+        'aria-checked': isHeader ? checked : undefined,
+        'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,
+        subtle,
+        ...props,
+        onClick
+    }, ref);
 };
-//# sourceMappingURL=useDataGridSelectionCell.js.map

package/lib/components/DataGridSelectionCell/useDataGridSelectionCell.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEventCallback","useDataGridContext_unstable","useTableRowIdContext","useIsInTableHeader","useTableSelectionCell_unstable","useDataGridSelectionCell_unstable","props","ref","isHeader","rowId","subtle","ctx","subtleSelection","checked","selection","selectionMode","allRowsSelected","someRowsSelected","isRowSelected","toggleAllRows","type","onClick","e","_props_onClick","call","as","role","hidden","undefined"],"sources":["../../../src/components/DataGridSelectionCell/useDataGridSelectionCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\nimport { useTableSelectionCell_unstable } from '../TableSelectionCell/useTableSelectionCell';\nimport type { DataGridSelectionCellProps, DataGridSelectionCellState } from './DataGridSelectionCell.types';\n\n/**\n * Create the state required to render DataGridSelectionCell.\n *\n * The returned state can be modified with hooks such as useDataGridSelectionCellStyles_unstable,\n * before being passed to renderDataGridSelectionCell_unstable.\n *\n * @param props - props from this instance of DataGridSelectionCell\n * @param ref - reference to root HTMLElement of DataGridSelectionCell\n */\nexport const useDataGridSelectionCell_unstable = (\n  props: DataGridSelectionCellProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridSelectionCellState => {\n  const isHeader = useIsInTableHeader();\n  const rowId = useTableRowIdContext();\n  const subtle = useDataGridContext_unstable(ctx => ctx.subtleSelection);\n  const checked = useDataGridContext_unstable(ctx => {\n    if (isHeader && ctx.selection.selectionMode === 'multiselect') {\n      return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;\n    }\n\n    return ctx.selection.isRowSelected(rowId);\n  });\n\n  const toggleAllRows = useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);\n  const type = useDataGridContext_unstable(ctx =>\n    ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio',\n  );\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableCellElement>) => {\n    if (isHeader) {\n      toggleAllRows(e);\n    }\n\n    props.onClick?.(e);\n  });\n\n  return useTableSelectionCell_unstable(\n    {\n      as: 'div',\n      role: 'gridcell',\n      checked,\n      type,\n      hidden: isHeader && type === 'radio',\n      'aria-checked': isHeader ? checked : undefined,\n      'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,\n      subtle,\n      ...props,\n      onClick,\n    },\n    ref,\n  );\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,oBAAoB,QAAQ;AACrC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,8BAA8B,QAAQ;AAG/C;;;;;;;;;AASA,OAAO,MAAMC,iCAAA,GAAoCA,CAC/CC,KAAA,EACAC,GAAA,KAC+B;EAC/B,MAAMC,QAAA,GAAWL,kBAAA;EACjB,MAAMM,KAAA,GAAQP,oBAAA;EACd,MAAMQ,MAAA,GAAST,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIC,eAAe;EACrE,MAAMC,OAAA,GAAUZ,2BAAA,CAA4BU,GAAA,IAAO;IACjD,IAAIH,QAAA,IAAYG,GAAA,CAAIG,SAAS,CAACC,aAAa,KAAK,eAAe;MAC7D,OAAOJ,GAAA,CAAIG,SAAS,CAACE,eAAe,GAAG,IAAI,GAAGL,GAAA,CAAIG,SAAS,CAACG,gBAAgB,GAAG,UAAU,KAAK;IAChG;IAEA,OAAON,GAAA,CAAIG,SAAS,CAACI,aAAa,CAACT,KAAA;EACrC;EAEA,MAAMU,aAAA,GAAgBlB,2BAAA,CAA4BU,GAAA,IAAOA,GAAA,CAAIG,SAAS,CAACK,aAAa;EACpF,MAAMC,IAAA,GAAOnB,2BAAA,CAA4BU,GAAA,IACvCA,GAAA,CAAIG,SAAS,CAACC,aAAa,KAAK,gBAAgB,aAAa,OAAO;EAGtE,MAAMM,OAAA,GAAUrB,gBAAA,CAAkBsB,CAAA,IAA8C;QAK9EC,cAAA;IAJA,IAAIf,QAAA,EAAU;MACZW,aAAA,CAAcG,CAAA;IAChB;IAEA,CAAAC,cAAA,GAAAjB,KAAA,CAAMe,OAAO,cAAbE,cAAA,uBAAAA,cAAA,CAAAC,IAAA,CAAAlB,KAAA,EAAgBgB,CAAA;EAClB;EAEA,OAAOlB,8BAAA,CACL;IACEqB,EAAA,EAAI;IACJC,IAAA,EAAM;IACNb,OAAA;IACAO,IAAA;IACAO,MAAA,EAAQnB,QAAA,IAAYY,IAAA,KAAS;IAC7B,gBAAgBZ,QAAA,GAAWK,OAAA,GAAUe,SAAS;IAC9C,iBAAiBpB,QAAA,IAAYK,OAAA,KAAY,UAAUe,SAAA,GAAYf,OAAO;IACtEH,MAAA;IACA,GAAGJ,KAAK;IACRe;EACF,GACAd,GAAA;AAEJ"}
+{"version":3,"sources":["useDataGridSelectionCell.ts"],"sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useDataGridContext_unstable } from '../../contexts/dataGridContext';\nimport { useTableRowIdContext } from '../../contexts/rowIdContext';\nimport { useIsInTableHeader } from '../../contexts/tableHeaderContext';\nimport { useTableSelectionCell_unstable } from '../TableSelectionCell/useTableSelectionCell';\nimport type { DataGridSelectionCellProps, DataGridSelectionCellState } from './DataGridSelectionCell.types';\n\n/**\n * Create the state required to render DataGridSelectionCell.\n *\n * The returned state can be modified with hooks such as useDataGridSelectionCellStyles_unstable,\n * before being passed to renderDataGridSelectionCell_unstable.\n *\n * @param props - props from this instance of DataGridSelectionCell\n * @param ref - reference to root HTMLElement of DataGridSelectionCell\n */\nexport const useDataGridSelectionCell_unstable = (\n  props: DataGridSelectionCellProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridSelectionCellState => {\n  const isHeader = useIsInTableHeader();\n  const rowId = useTableRowIdContext();\n  const subtle = useDataGridContext_unstable(ctx => ctx.subtleSelection);\n  const checked = useDataGridContext_unstable(ctx => {\n    if (isHeader && ctx.selection.selectionMode === 'multiselect') {\n      return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;\n    }\n\n    return ctx.selection.isRowSelected(rowId);\n  });\n\n  const toggleAllRows = useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);\n  const type = useDataGridContext_unstable(ctx =>\n    ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio',\n  );\n\n  const onClick = useEventCallback((e: React.MouseEvent<HTMLTableCellElement>) => {\n    if (isHeader) {\n      toggleAllRows(e);\n    }\n\n    props.onClick?.(e);\n  });\n\n  return useTableSelectionCell_unstable(\n    {\n      as: 'div',\n      role: 'gridcell',\n      checked,\n      type,\n      hidden: isHeader && type === 'radio',\n      'aria-checked': isHeader ? checked : undefined,\n      'aria-selected': isHeader || checked === 'mixed' ? undefined : checked,\n      subtle,\n      ...props,\n      onClick,\n    },\n    ref,\n  );\n};\n"],"names":["React","useEventCallback","useDataGridContext_unstable","useTableRowIdContext","useIsInTableHeader","useTableSelectionCell_unstable","useDataGridSelectionCell_unstable","props","ref","isHeader","rowId","subtle","ctx","subtleSelection","checked","selection","selectionMode","allRowsSelected","someRowsSelected","isRowSelected","toggleAllRows","type","onClick","e","as","role","hidden","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,2BAA2B,QAAQ,iCAAiC;AAC7E,SAASC,oBAAoB,QAAQ,8BAA8B;AACnE,SAASC,kBAAkB,QAAQ,oCAAoC;AACvE,SAASC,8BAA8B,QAAQ,8CAA8C;AAG7F;;;;;;;;CAQC,GACD,OAAO,MAAMC,oCAAoC,CAC/CC,OACAC,MAC+B;IAC/B,MAAMC,WAAWL;IACjB,MAAMM,QAAQP;IACd,MAAMQ,SAAST,4BAA4BU,CAAAA,MAAOA,IAAIC,eAAe;IACrE,MAAMC,UAAUZ,4BAA4BU,CAAAA,MAAO;QACjD,IAAIH,YAAYG,IAAIG,SAAS,CAACC,aAAa,KAAK,eAAe;YAC7D,OAAOJ,IAAIG,SAAS,CAACE,eAAe,GAAG,IAAI,GAAGL,IAAIG,SAAS,CAACG,gBAAgB,GAAG,UAAU,KAAK;QAChG,CAAC;QAED,OAAON,IAAIG,SAAS,CAACI,aAAa,CAACT;IACrC;IAEA,MAAMU,gBAAgBlB,4BAA4BU,CAAAA,MAAOA,IAAIG,SAAS,CAACK,aAAa;IACpF,MAAMC,OAAOnB,4BAA4BU,CAAAA,MACvCA,IAAIG,SAAS,CAACC,aAAa,KAAK,gBAAgB,aAAa,OAAO;IAGtE,MAAMM,UAAUrB,iBAAiB,CAACsB,IAA8C;YAK9EhB;QAJA,IAAIE,UAAU;YACZW,cAAcG;QAChB,CAAC;QAEDhB,CAAAA,iBAAAA,MAAMe,OAAO,cAAbf,4BAAAA,KAAAA,IAAAA,eAAAA,KAAAA,OAAgBgB;IAClB;IAEA,OAAOlB,+BACL;QACEmB,IAAI;QACJC,MAAM;QACNX;QACAO;QACAK,QAAQjB,YAAYY,SAAS;QAC7B,gBAAgBZ,WAAWK,UAAUa,SAAS;QAC9C,iBAAiBlB,YAAYK,YAAY,UAAUa,YAAYb,OAAO;QACtEH;QACA,GAAGJ,KAAK;QACRe;IACF,GACAd;AAEJ,EAAE"}