@fluentui/react-table 9.2.1 → 9.2.3

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

@@ -1,79 +1,74 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useDataGridRow_unstable", {
+    enumerable: true,
+    get: ()=>useDataGridRow_unstable
 });
-exports.useDataGridRow_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const keyboard_keys_1 = /*#__PURE__*/require("@fluentui/keyboard-keys");
-const useTableRow_1 = /*#__PURE__*/require("../TableRow/useTableRow");
-const dataGridContext_1 = /*#__PURE__*/require("../../contexts/dataGridContext");
-const DataGridSelectionCell_1 = /*#__PURE__*/require("../DataGridSelectionCell/DataGridSelectionCell");
-const rowIdContext_1 = /*#__PURE__*/require("../../contexts/rowIdContext");
-const tableHeaderContext_1 = /*#__PURE__*/require("../../contexts/tableHeaderContext");
-/**
- * Create the state required to render DataGridRow.
- *
- * The returned state can be modified with hooks such as useDataGridRowStyles_unstable,
- * before being passed to renderDataGridRow_unstable.
- *
- * @param props - props from this instance of DataGridRow
- * @param ref - reference to root HTMLElement of DataGridRow
- */
-const useDataGridRow_unstable = (props, ref) => {
-  const rowId = rowIdContext_1.useTableRowIdContext();
-  const isHeader = tableHeaderContext_1.useIsInTableHeader();
-  const columnDefs = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.columns);
-  const selectable = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.selectableRows);
-  const selected = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.selection.isRowSelected(rowId));
-  const tabbable = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.focusMode === 'row_unstable');
-  const appearance = dataGridContext_1.useDataGridContext_unstable(ctx => {
-    if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {
-      return ctx.selectionAppearance;
-    }
-    return 'none';
-  });
-  const toggleRow = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.selection.toggleRow);
-  const dataGridContextValue = dataGridContext_1.useDataGridContext_unstable(ctx => ctx);
-  const onClick = react_utilities_1.useEventCallback(e => {
-    var _a;
-    if (selectable && !isHeader) {
-      toggleRow(e, rowId);
-    }
-    (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  });
-  const onKeyDown = react_utilities_1.useEventCallback(e => {
-    var _a;
-    if (selectable && !isHeader && e.key === keyboard_keys_1.Space && !react_utilities_1.isInteractiveHTMLElement(e.target)) {
-      // stop scrolling
-      e.preventDefault();
-      toggleRow(e, rowId);
-    }
-    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  });
-  const baseState = useTableRow_1.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_1.DataGridSelectionCell
-    },
-    selectionCell: react_utilities_1.resolveShorthand(props.selectionCell, {
-      required: selectable
-    }),
-    renderCell: props.children,
-    columnDefs,
-    dataGridContextValue
-  };
-};
-exports.useDataGridRow_unstable = useDataGridRow_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _keyboardKeys = require("@fluentui/keyboard-keys");
+const _useTableRow = require("../TableRow/useTableRow");
+const _dataGridContext = require("../../contexts/dataGridContext");
+const _dataGridSelectionCell = require("../DataGridSelectionCell/DataGridSelectionCell");
+const _rowIdContext = require("../../contexts/rowIdContext");
+const _tableHeaderContext = require("../../contexts/tableHeaderContext");
+const useDataGridRow_unstable = (props, ref)=>{
+    const rowId = (0, _rowIdContext.useTableRowIdContext)();
+    const isHeader = (0, _tableHeaderContext.useIsInTableHeader)();
+    const columnDefs = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.columns);
+    const selectable = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.selectableRows);
+    const selected = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.selection.isRowSelected(rowId));
+    const tabbable = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.focusMode === 'row_unstable');
+    const appearance = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>{
+        if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {
+            return ctx.selectionAppearance;
+        }
+        return 'none';
+    });
+    const toggleRow = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.selection.toggleRow);
+    const dataGridContextValue = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx);
+    const onClick = (0, _reactUtilities.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 = (0, _reactUtilities.useEventCallback)((e)=>{
+        var _props_onKeyDown;
+        if (selectable && !isHeader && e.key === _keyboardKeys.Space && !(0, _reactUtilities.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 = (0, _useTableRow.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.DataGridSelectionCell
+        },
+        selectionCell: (0, _reactUtilities.resolveShorthand)(props.selectionCell, {
+            required: selectable
+        }),
+        renderCell: props.children,
+        columnDefs,
+        dataGridContextValue
+    };
+}; //# sourceMappingURL=useDataGridRow.js.map
+
 //# sourceMappingURL=useDataGridRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","keyboard_keys_1","useTableRow_1","dataGridContext_1","DataGridSelectionCell_1","rowIdContext_1","tableHeaderContext_1","useDataGridRow_unstable","props","ref","rowId","useTableRowIdContext","isHeader","useIsInTableHeader","columnDefs","useDataGridContext_unstable","ctx","columns","selectable","selectableRows","selected","selection","isRowSelected","tabbable","focusMode","appearance","selectionAppearance","toggleRow","dataGridContextValue","onClick","useEventCallback","e","_a","call","onKeyDown","key","Space","isInteractiveHTMLElement","target","preventDefault","baseState","useTableRow_unstable","undefined","children","as","tabIndex","components","selectionCell","DataGridSelectionCell","resolveShorthand","required","renderCell","exports"],"sources":["../src/packages/react-components/react-table/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":"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"}
+{"version":3,"sources":["../../../lib/components/DataGridRow/useDataGridRow.js"],"sourcesContent":["import * as React from 'react';\nimport { isInteractiveHTMLElement, useEventCallback, resolveShorthand } from '@fluentui/react-utilities';\nimport { Space } from '@fluentui/keyboard-keys';\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 * 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, ref) => {\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    return 'none';\n  });\n  const toggleRow = useDataGridContext_unstable(ctx => ctx.selection.toggleRow);\n  const dataGridContextValue = useDataGridContext_unstable(ctx => ctx);\n  const onClick = useEventCallback(e => {\n    var _props_onClick;\n    if (selectable && !isHeader) {\n      toggleRow(e, rowId);\n    }\n    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);\n  });\n  const onKeyDown = useEventCallback(e => {\n    var _props_onKeyDown;\n    if (selectable && !isHeader && e.key === Space && !isInteractiveHTMLElement(e.target)) {\n      // stop scrolling\n      e.preventDefault();\n      toggleRow(e, rowId);\n    }\n    (_props_onKeyDown = props.onKeyDown) === null || _props_onKeyDown === void 0 ? void 0 : _props_onKeyDown.call(props, e);\n  });\n  const baseState = useTableRow_unstable({\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  }, ref);\n  return {\n    ...baseState,\n    components: {\n      ...baseState.components,\n      selectionCell: DataGridSelectionCell\n    },\n    selectionCell: resolveShorthand(props.selectionCell, {\n      required: selectable\n    }),\n    renderCell: props.children,\n    columnDefs,\n    dataGridContextValue\n  };\n};\n//# sourceMappingURL=useDataGridRow.js.map"],"names":["useDataGridRow_unstable","props","ref","rowId","useTableRowIdContext","isHeader","useIsInTableHeader","columnDefs","useDataGridContext_unstable","ctx","columns","selectable","selectableRows","selected","selection","isRowSelected","tabbable","focusMode","appearance","selectionAppearance","toggleRow","dataGridContextValue","onClick","useEventCallback","e","_props_onClick","call","onKeyDown","_props_onKeyDown","key","Space","isInteractiveHTMLElement","target","preventDefault","baseState","useTableRow_unstable","undefined","children","as","tabIndex","components","selectionCell","DataGridSelectionCell","resolveShorthand","required","renderCell"],"mappings":";;;;+BAiBaA;;aAAAA;;;6DAjBU;gCACsD;8BACvD;6BACe;iCACO;uCACN;8BACD;oCACF;AAU5B,MAAMA,0BAA0B,CAACC,OAAOC,MAAQ;IACrD,MAAMC,QAAQC,IAAAA,kCAAoB;IAClC,MAAMC,WAAWC,IAAAA,sCAAkB;IACnC,MAAMC,aAAaC,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIC,OAAO;IACjE,MAAMC,aAAaH,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIG,cAAc;IACxE,MAAMC,WAAWL,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIK,SAAS,CAACC,aAAa,CAACZ;IAChF,MAAMa,WAAWR,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIQ,SAAS,KAAK;IACtE,MAAMC,aAAaV,IAAAA,4CAA2B,EAACC,CAAAA,MAAO;QACpD,IAAI,CAACJ,YAAYM,cAAcF,IAAIK,SAAS,CAACC,aAAa,CAACZ,QAAQ;YACjE,OAAOM,IAAIU,mBAAmB;QAChC,CAAC;QACD,OAAO;IACT;IACA,MAAMC,YAAYZ,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIK,SAAS,CAACM,SAAS;IAC5E,MAAMC,uBAAuBb,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA;IAChE,MAAMa,UAAUC,IAAAA,gCAAgB,EAACC,CAAAA,IAAK;QACpC,IAAIC;QACJ,IAAId,cAAc,CAACN,UAAU;YAC3Be,UAAUI,GAAGrB;QACf,CAAC;QACAsB,CAAAA,iBAAiBxB,MAAMqB,OAAO,AAAD,MAAO,IAAI,IAAIG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAACzB,OAAOuB,EAAE;IACjH;IACA,MAAMG,YAAYJ,IAAAA,gCAAgB,EAACC,CAAAA,IAAK;QACtC,IAAII;QACJ,IAAIjB,cAAc,CAACN,YAAYmB,EAAEK,GAAG,KAAKC,mBAAK,IAAI,CAACC,IAAAA,wCAAwB,EAACP,EAAEQ,MAAM,GAAG;YACrF,iBAAiB;YACjBR,EAAES,cAAc;YAChBb,UAAUI,GAAGrB;QACf,CAAC;QACAyB,CAAAA,mBAAmB3B,MAAM0B,SAAS,AAAD,MAAO,IAAI,IAAIC,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBF,IAAI,CAACzB,OAAOuB,EAAE;IACzH;IACA,MAAMU,YAAYC,IAAAA,iCAAoB,EAAC;QACrCjB;QACA,iBAAiBP,aAAaE,WAAWuB,SAAS;QAClD,GAAGnC,KAAK;QACRqB;QACAK;QACAU,UAAU,IAAI;QACdC,IAAI;QACJC,UAAUvB,YAAY,CAACX,WAAW,IAAI+B,SAAS;IACjD,GAAGlC;IACH,OAAO;QACL,GAAGgC,SAAS;QACZM,YAAY;YACV,GAAGN,UAAUM,UAAU;YACvBC,eAAeC,4CAAqB;QACtC;QACAD,eAAeE,IAAAA,gCAAgB,EAAC1C,MAAMwC,aAAa,EAAE;YACnDG,UAAUjC;QACZ;QACAkC,YAAY5C,MAAMoC,QAAQ;QAC1B9B;QACAc;IACF;AACF,GACA,0CAA0C"}

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

@@ -1,25 +1,30 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useDataGridRowStyles_unstable = exports.dataGridRowClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const useTableRowStyles_1 = /*#__PURE__*/require("../TableRow/useTableRowStyles");
-exports.dataGridRowClassNames = {
-  root: 'fui-DataGridRow',
-  selectionCell: 'fui-DataGridRow__selectionCell'
-};
-/**
- * Apply styling to the DataGridRow slots based on the state
- */
-const useDataGridRowStyles_unstable = state => {
-  useTableRowStyles_1.useTableRowStyles_unstable(state);
-  state.root.className = react_1.mergeClasses(exports.dataGridRowClassNames.root, state.root.className);
-  if (state.selectionCell) {
-    state.selectionCell.className = react_1.mergeClasses(exports.dataGridRowClassNames.selectionCell, state.selectionCell.className);
-  }
-  return state;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dataGridRowClassNames: ()=>dataGridRowClassNames,
+    useDataGridRowStyles_unstable: ()=>useDataGridRowStyles_unstable
+});
+const _react = require("@griffel/react");
+const _useTableRowStyles = require("../TableRow/useTableRowStyles");
+const dataGridRowClassNames = {
+    root: 'fui-DataGridRow',
+    selectionCell: 'fui-DataGridRow__selectionCell'
 };
-exports.useDataGridRowStyles_unstable = useDataGridRowStyles_unstable;
+const useDataGridRowStyles_unstable = (state)=>{
+    (0, _useTableRowStyles.useTableRowStyles_unstable)(state);
+    state.root.className = (0, _react.mergeClasses)(dataGridRowClassNames.root, state.root.className);
+    if (state.selectionCell) {
+        state.selectionCell.className = (0, _react.mergeClasses)(dataGridRowClassNames.selectionCell, state.selectionCell.className);
+    }
+    return state;
+}; //# sourceMappingURL=useDataGridRowStyles.js.map
+
 //# sourceMappingURL=useDataGridRowStyles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_1","require","useTableRowStyles_1","exports","dataGridRowClassNames","root","selectionCell","useDataGridRowStyles_unstable","state","useTableRowStyles_unstable","className","mergeClasses"],"sources":["../src/packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.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';\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,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,mBAAA,gBAAAD,OAAA;AAEaE,OAAA,CAAAC,qBAAqB,GAAqC;EACrEC,IAAI,EAAE,iBAAiB;EACvBC,aAAa,EAAE;CAChB;AAED;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzFN,mBAAA,CAAAO,0BAA0B,CAACD,KAAK,CAAC;EACjCA,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGV,OAAA,CAAAW,YAAY,CAACR,OAAA,CAAAC,qBAAqB,CAACC,IAAI,EAAEG,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACrF,IAAIF,KAAK,CAACF,aAAa,EAAE;IACvBE,KAAK,CAACF,aAAa,CAACI,SAAS,GAAGV,OAAA,CAAAW,YAAY,CAACR,OAAA,CAAAC,qBAAqB,CAACE,aAAa,EAAEE,KAAK,CAACF,aAAa,CAACI,SAAS,CAAC;;EAGlH,OAAOF,KAAK;AACd,CAAC;AARYL,OAAA,CAAAI,6BAA6B,GAAAA,6BAAA"}
+{"version":3,"sources":["../../../lib/components/DataGridRow/useDataGridRowStyles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { useTableRowStyles_unstable } from '../TableRow/useTableRowStyles';\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 */\nexport 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//# sourceMappingURL=useDataGridRowStyles.js.map"],"names":["dataGridRowClassNames","useDataGridRowStyles_unstable","root","selectionCell","state","useTableRowStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,qBAAqB,MAArBA;IAOAC,6BAA6B,MAA7BA;;uBATgB;mCACc;AACpC,MAAMD,wBAAwB;IACnCE,MAAM;IACNC,eAAe;AACjB;AAIO,MAAMF,gCAAgCG,CAAAA,QAAS;IACpDC,IAAAA,6CAA0B,EAACD;IAC3BA,MAAMF,IAAI,CAACI,SAAS,GAAGC,IAAAA,mBAAY,EAACP,sBAAsBE,IAAI,EAAEE,MAAMF,IAAI,CAACI,SAAS;IACpF,IAAIF,MAAMD,aAAa,EAAE;QACvBC,MAAMD,aAAa,CAACG,SAAS,GAAGC,IAAAA,mBAAY,EAACP,sBAAsBG,aAAa,EAAEC,MAAMD,aAAa,CAACG,SAAS;IACjH,CAAC;IACD,OAAOF;AACT,GACA,gDAAgD"}

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

@@ -1,25 +1,24 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "DataGridSelectionCell", {
+    enumerable: true,
+    get: ()=>DataGridSelectionCell
 });
-exports.DataGridSelectionCell = void 0;
-const React = /*#__PURE__*/require("react");
-const useDataGridSelectionCell_1 = /*#__PURE__*/require("./useDataGridSelectionCell");
-const renderDataGridSelectionCell_1 = /*#__PURE__*/require("./renderDataGridSelectionCell");
-const useDataGridSelectionCellStyles_1 = /*#__PURE__*/require("./useDataGridSelectionCellStyles");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-/**
- * DataGridSelectionCell component
- */
-exports.DataGridSelectionCell = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useDataGridSelectionCell_1.useDataGridSelectionCell_unstable(props, ref);
-  useDataGridSelectionCellStyles_1.useDataGridSelectionCellStyles_unstable(state);
-  const {
-    useDataGridSelectionCellStyles_unstable: useCustomStyles
-  } = react_shared_contexts_1.useCustomStyleHooks_unstable();
-  useCustomStyles(state);
-  return renderDataGridSelectionCell_1.renderDataGridSelectionCell_unstable(state);
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _useDataGridSelectionCell = require("./useDataGridSelectionCell");
+const _renderDataGridSelectionCell = require("./renderDataGridSelectionCell");
+const _useDataGridSelectionCellStyles = require("./useDataGridSelectionCellStyles");
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const DataGridSelectionCell = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useDataGridSelectionCell.useDataGridSelectionCell_unstable)(props, ref);
+    (0, _useDataGridSelectionCellStyles.useDataGridSelectionCellStyles_unstable)(state);
+    const { useDataGridSelectionCellStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
+    useCustomStyles(state);
+    return (0, _renderDataGridSelectionCell.renderDataGridSelectionCell_unstable)(state);
 });
-exports.DataGridSelectionCell.displayName = 'DataGridSelectionCell';
+DataGridSelectionCell.displayName = 'DataGridSelectionCell'; //# sourceMappingURL=DataGridSelectionCell.js.map
+
 //# sourceMappingURL=DataGridSelectionCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","useDataGridSelectionCell_1","renderDataGridSelectionCell_1","useDataGridSelectionCellStyles_1","react_shared_contexts_1","exports","DataGridSelectionCell","forwardRef","props","ref","state","useDataGridSelectionCell_unstable","useDataGridSelectionCellStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridSelectionCell_unstable","displayName"],"sources":["../src/packages/react-components/react-table/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';\nimport type { DataGridSelectionCellProps } from './DataGridSelectionCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_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  const { useDataGridSelectionCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridSelectionCell_unstable(state);\n});\n\nDataGridSelectionCell.displayName = 'DataGridSelectionCell';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,0BAAA,gBAAAD,OAAA;AACA,MAAAE,6BAAA,gBAAAF,OAAA;AACA,MAAAG,gCAAA,gBAAAH,OAAA;AAGA,MAAAI,uBAAA,gBAAAJ,OAAA;AAEA;;;AAGaK,OAAA,CAAAC,qBAAqB,gBAAoDP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpH,MAAMC,KAAK,GAAGT,0BAAA,CAAAU,iCAAiC,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE3DN,gCAAA,CAAAS,uCAAuC,CAACF,KAAK,CAAC;EAE9C,MAAM;IAAEE,uCAAuC,EAAEC;EAAe,CAAE,GAAGT,uBAAA,CAAAU,4BAA4B,EAAE;EACnGD,eAAe,CAACH,KAAK,CAAC;EAEtB,OAAOR,6BAAA,CAAAa,oCAAoC,CAACL,KAAK,CAAC;AACpD,CAAC,CAAC;AAEFL,OAAA,CAAAC,qBAAqB,CAACU,WAAW,GAAG,uBAAuB"}
+{"version":3,"sources":["../../../lib/components/DataGridSelectionCell/DataGridSelectionCell.js"],"sourcesContent":["import * as React from 'react';\nimport { useDataGridSelectionCell_unstable } from './useDataGridSelectionCell';\nimport { renderDataGridSelectionCell_unstable } from './renderDataGridSelectionCell';\nimport { useDataGridSelectionCellStyles_unstable } from './useDataGridSelectionCellStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DataGridSelectionCell component\n */\nexport const DataGridSelectionCell = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useDataGridSelectionCell_unstable(props, ref);\n  useDataGridSelectionCellStyles_unstable(state);\n  const {\n    useDataGridSelectionCellStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderDataGridSelectionCell_unstable(state);\n});\nDataGridSelectionCell.displayName = 'DataGridSelectionCell';\n//# sourceMappingURL=DataGridSelectionCell.js.map"],"names":["DataGridSelectionCell","React","forwardRef","props","ref","state","useDataGridSelectionCell_unstable","useDataGridSelectionCellStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderDataGridSelectionCell_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;0CAC2B;6CACG;gDACG;qCACX;AAItC,MAAMA,wBAAwB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACjF,MAAMC,QAAQC,IAAAA,2DAAiC,EAACH,OAAOC;IACvDG,IAAAA,uEAAuC,EAACF;IACxC,MAAM,EACJE,yCAAyCC,gBAAe,EACzD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,iEAAoC,EAACL;AAC9C;AACAL,sBAAsBW,WAAW,GAAG,yBACpC,iDAAiD"}

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

@@ -1,6 +1,7 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
+ //# sourceMappingURL=DataGridSelectionCell.types.js.map
+
 //# sourceMappingURL=DataGridSelectionCell.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../src/packages/react-components/react-table/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":""}
+{"version":3,"sources":["../../../lib/components/DataGridSelectionCell/DataGridSelectionCell.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=DataGridSelectionCell.types.js.map"],"names":[],"mappings":";;;;CACA,uDAAuD"}

package/lib-commonjs/components/DataGridSelectionCell/index.js

@@ -1,12 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-const tslib_1 = /*#__PURE__*/require("tslib");
-tslib_1.__exportStar(require("./DataGridSelectionCell"), exports);
-tslib_1.__exportStar(require("./DataGridSelectionCell.types"), exports);
-tslib_1.__exportStar(require("./renderDataGridSelectionCell"), exports);
-tslib_1.__exportStar(require("./useDataGridSelectionCell"), exports);
-tslib_1.__exportStar(require("./useDataGridSelectionCellStyles"), exports);
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./DataGridSelectionCell"), exports);
+_exportStar(require("./DataGridSelectionCell.types"), exports);
+_exportStar(require("./renderDataGridSelectionCell"), exports);
+_exportStar(require("./useDataGridSelectionCell"), exports);
+_exportStar(require("./useDataGridSelectionCellStyles"), exports);
+ //# sourceMappingURL=index.js.map
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-table/src/components/DataGridSelectionCell/index.ts"],"sourcesContent":["export * from './DataGridSelectionCell';\nexport * from './DataGridSelectionCell.types';\nexport * from './renderDataGridSelectionCell';\nexport * from './useDataGridSelectionCell';\nexport * from './useDataGridSelectionCellStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,6BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,mCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,gCAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sCAAAC,OAAA"}
+{"version":3,"sources":["../../../lib/components/DataGridSelectionCell/index.js"],"sourcesContent":["export * from './DataGridSelectionCell';\nexport * from './DataGridSelectionCell.types';\nexport * from './renderDataGridSelectionCell';\nexport * from './useDataGridSelectionCell';\nexport * from './useDataGridSelectionCellStyles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}

package/lib-commonjs/components/DataGridSelectionCell/renderDataGridSelectionCell.js

@@ -1,15 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "renderDataGridSelectionCell_unstable", {
+    enumerable: true,
+    get: ()=>renderDataGridSelectionCell_unstable
 });
-exports.renderDataGridSelectionCell_unstable = void 0;
-const renderTableSelectionCell_1 = /*#__PURE__*/require("../TableSelectionCell/renderTableSelectionCell");
-/**
- * Render the final JSX of DataGridSelectionCell
- */
-const renderDataGridSelectionCell_unstable = state => {
-  return renderTableSelectionCell_1.renderTableSelectionCell_unstable(state);
-};
-exports.renderDataGridSelectionCell_unstable = renderDataGridSelectionCell_unstable;
+const _renderTableSelectionCell = require("../TableSelectionCell/renderTableSelectionCell");
+const renderDataGridSelectionCell_unstable = (state)=>{
+    return (0, _renderTableSelectionCell.renderTableSelectionCell_unstable)(state);
+}; //# sourceMappingURL=renderDataGridSelectionCell.js.map
+
 //# sourceMappingURL=renderDataGridSelectionCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["renderTableSelectionCell_1","require","renderDataGridSelectionCell_unstable","state","renderTableSelectionCell_unstable","exports"],"sources":["../src/packages/react-components/react-table/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,MAAAA,0BAAA,gBAAAC,OAAA;AAEA;;;AAGO,MAAMC,oCAAoC,GAAIC,KAAiC,IAAI;EACxF,OAAOH,0BAAA,CAAAI,iCAAiC,CAACD,KAAK,CAAC;AACjD,CAAC;AAFYE,OAAA,CAAAH,oCAAoC,GAAAA,oCAAA"}
+{"version":3,"sources":["../../../lib/components/DataGridSelectionCell/renderDataGridSelectionCell.js"],"sourcesContent":["import { renderTableSelectionCell_unstable } from '../TableSelectionCell/renderTableSelectionCell';\n/**\n * Render the final JSX of DataGridSelectionCell\n */\nexport const renderDataGridSelectionCell_unstable = state => {\n  return renderTableSelectionCell_unstable(state);\n};\n//# sourceMappingURL=renderDataGridSelectionCell.js.map"],"names":["renderDataGridSelectionCell_unstable","state","renderTableSelectionCell_unstable"],"mappings":";;;;+BAIaA;;aAAAA;;0CAJqC;AAI3C,MAAMA,uCAAuCC,CAAAA,QAAS;IAC3D,OAAOC,IAAAA,2DAAiC,EAACD;AAC3C,GACA,uDAAuD"}

package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCell.js

@@ -1,54 +1,49 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useDataGridSelectionCell_unstable", {
+    enumerable: true,
+    get: ()=>useDataGridSelectionCell_unstable
 });
-exports.useDataGridSelectionCell_unstable = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const dataGridContext_1 = /*#__PURE__*/require("../../contexts/dataGridContext");
-const rowIdContext_1 = /*#__PURE__*/require("../../contexts/rowIdContext");
-const tableHeaderContext_1 = /*#__PURE__*/require("../../contexts/tableHeaderContext");
-const useTableSelectionCell_1 = /*#__PURE__*/require("../TableSelectionCell/useTableSelectionCell");
-/**
- * Create the state required to render DataGridSelectionCell.
- *
- * The returned state can be modified with hooks such as useDataGridSelectionCellStyles_unstable,
- * before being passed to renderDataGridSelectionCell_unstable.
- *
- * @param props - props from this instance of DataGridSelectionCell
- * @param ref - reference to root HTMLElement of DataGridSelectionCell
- */
-const useDataGridSelectionCell_unstable = (props, ref) => {
-  const isHeader = tableHeaderContext_1.useIsInTableHeader();
-  const rowId = rowIdContext_1.useTableRowIdContext();
-  const subtle = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.subtleSelection);
-  const checked = dataGridContext_1.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 = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);
-  const type = dataGridContext_1.useDataGridContext_unstable(ctx => ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio');
-  const onClick = react_utilities_1.useEventCallback(e => {
-    var _a;
-    if (isHeader) {
-      toggleAllRows(e);
-    }
-    (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-  });
-  return useTableSelectionCell_1.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);
-};
-exports.useDataGridSelectionCell_unstable = useDataGridSelectionCell_unstable;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactUtilities = require("@fluentui/react-utilities");
+const _dataGridContext = require("../../contexts/dataGridContext");
+const _rowIdContext = require("../../contexts/rowIdContext");
+const _tableHeaderContext = require("../../contexts/tableHeaderContext");
+const _useTableSelectionCell = require("../TableSelectionCell/useTableSelectionCell");
+const useDataGridSelectionCell_unstable = (props, ref)=>{
+    const isHeader = (0, _tableHeaderContext.useIsInTableHeader)();
+    const rowId = (0, _rowIdContext.useTableRowIdContext)();
+    const subtle = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.subtleSelection);
+    const checked = (0, _dataGridContext.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 = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.selection.toggleAllRows);
+    const type = (0, _dataGridContext.useDataGridContext_unstable)((ctx)=>ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio');
+    const onClick = (0, _reactUtilities.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 (0, _useTableSelectionCell.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
+
 //# sourceMappingURL=useDataGridSelectionCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","dataGridContext_1","rowIdContext_1","tableHeaderContext_1","useTableSelectionCell_1","useDataGridSelectionCell_unstable","props","ref","isHeader","useIsInTableHeader","rowId","useTableRowIdContext","subtle","useDataGridContext_unstable","ctx","subtleSelection","checked","selection","selectionMode","allRowsSelected","someRowsSelected","isRowSelected","toggleAllRows","type","onClick","useEventCallback","e","_a","call","useTableSelectionCell_unstable","as","role","hidden","undefined","exports"],"sources":["../src/packages/react-components/react-table/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":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,cAAA,gBAAAF,OAAA;AACA,MAAAG,oBAAA,gBAAAH,OAAA;AACA,MAAAI,uBAAA,gBAAAJ,OAAA;AAGA;;;;;;;;;AASO,MAAMK,iCAAiC,GAAGA,CAC/CC,KAAiC,EACjCC,GAA2B,KACG;EAC9B,MAAMC,QAAQ,GAAGL,oBAAA,CAAAM,kBAAkB,EAAE;EACrC,MAAMC,KAAK,GAAGR,cAAA,CAAAS,oBAAoB,EAAE;EACpC,MAAMC,MAAM,GAAGX,iBAAA,CAAAY,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACC,eAAe,CAAC;EACtE,MAAMC,OAAO,GAAGf,iBAAA,CAAAY,2BAA2B,CAACC,GAAG,IAAG;IAChD,IAAIN,QAAQ,IAAIM,GAAG,CAACG,SAAS,CAACC,aAAa,KAAK,aAAa,EAAE;MAC7D,OAAOJ,GAAG,CAACG,SAAS,CAACE,eAAe,GAAG,IAAI,GAAGL,GAAG,CAACG,SAAS,CAACG,gBAAgB,GAAG,OAAO,GAAG,KAAK;;IAGhG,OAAON,GAAG,CAACG,SAAS,CAACI,aAAa,CAACX,KAAK,CAAC;EAC3C,CAAC,CAAC;EAEF,MAAMY,aAAa,GAAGrB,iBAAA,CAAAY,2BAA2B,CAACC,GAAG,IAAIA,GAAG,CAACG,SAAS,CAACK,aAAa,CAAC;EACrF,MAAMC,IAAI,GAAGtB,iBAAA,CAAAY,2BAA2B,CAACC,GAAG,IAC1CA,GAAG,CAACG,SAAS,CAACC,aAAa,KAAK,aAAa,GAAG,UAAU,GAAG,OAAO,CACrE;EAED,MAAMM,OAAO,GAAGzB,iBAAA,CAAA0B,gBAAgB,CAAEC,CAAyC,IAAI;;IAC7E,IAAIlB,QAAQ,EAAE;MACZc,aAAa,CAACI,CAAC,CAAC;;IAGlB,CAAAC,EAAA,GAAArB,KAAK,CAACkB,OAAO,cAAAG,EAAA,uBAAAA,EAAA,CAAAC,IAAA,CAAbtB,KAAK,EAAWoB,CAAC,CAAC;EACpB,CAAC,CAAC;EAEF,OAAOtB,uBAAA,CAAAyB,8BAA8B,CACnC;IACEC,EAAE,EAAE,KAAK;IACTC,IAAI,EAAE,UAAU;IAChBf,OAAO;IACPO,IAAI;IACJS,MAAM,EAAExB,QAAQ,IAAIe,IAAI,KAAK,OAAO;IACpC,cAAc,EAAEf,QAAQ,GAAGQ,OAAO,GAAGiB,SAAS;IAC9C,eAAe,EAAEzB,QAAQ,IAAIQ,OAAO,KAAK,OAAO,GAAGiB,SAAS,GAAGjB,OAAO;IACtEJ,MAAM;IACN,GAAGN,KAAK;IACRkB;GACD,EACDjB,GAAG,CACJ;AACH,CAAC;AA3CY2B,OAAA,CAAA7B,iCAAiC,GAAAA,iCAAA"}
+{"version":3,"sources":["../../../lib/components/DataGridSelectionCell/useDataGridSelectionCell.js"],"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';\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 = (props, ref) => {\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    return ctx.selection.isRowSelected(rowId);\n  });\n  const toggleAllRows = useDataGridContext_unstable(ctx => ctx.selection.toggleAllRows);\n  const type = useDataGridContext_unstable(ctx => ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio');\n  const onClick = useEventCallback(e => {\n    var _props_onClick;\n    if (isHeader) {\n      toggleAllRows(e);\n    }\n    (_props_onClick = props.onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(props, e);\n  });\n  return useTableSelectionCell_unstable({\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  }, ref);\n};\n//# sourceMappingURL=useDataGridSelectionCell.js.map"],"names":["useDataGridSelectionCell_unstable","props","ref","isHeader","useIsInTableHeader","rowId","useTableRowIdContext","subtle","useDataGridContext_unstable","ctx","subtleSelection","checked","selection","selectionMode","allRowsSelected","someRowsSelected","isRowSelected","toggleAllRows","type","onClick","useEventCallback","e","_props_onClick","call","useTableSelectionCell_unstable","as","role","hidden","undefined"],"mappings":";;;;+BAeaA;;aAAAA;;;6DAfU;gCACU;iCACW;8BACP;oCACF;uCACY;AAUxC,MAAMA,oCAAoC,CAACC,OAAOC,MAAQ;IAC/D,MAAMC,WAAWC,IAAAA,sCAAkB;IACnC,MAAMC,QAAQC,IAAAA,kCAAoB;IAClC,MAAMC,SAASC,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIC,eAAe;IACrE,MAAMC,UAAUH,IAAAA,4CAA2B,EAACC,CAAAA,MAAO;QACjD,IAAIN,YAAYM,IAAIG,SAAS,CAACC,aAAa,KAAK,eAAe;YAC7D,OAAOJ,IAAIG,SAAS,CAACE,eAAe,GAAG,IAAI,GAAGL,IAAIG,SAAS,CAACG,gBAAgB,GAAG,UAAU,KAAK;QAChG,CAAC;QACD,OAAON,IAAIG,SAAS,CAACI,aAAa,CAACX;IACrC;IACA,MAAMY,gBAAgBT,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIG,SAAS,CAACK,aAAa;IACpF,MAAMC,OAAOV,IAAAA,4CAA2B,EAACC,CAAAA,MAAOA,IAAIG,SAAS,CAACC,aAAa,KAAK,gBAAgB,aAAa,OAAO;IACpH,MAAMM,UAAUC,IAAAA,gCAAgB,EAACC,CAAAA,IAAK;QACpC,IAAIC;QACJ,IAAInB,UAAU;YACZc,cAAcI;QAChB,CAAC;QACAC,CAAAA,iBAAiBrB,MAAMkB,OAAO,AAAD,MAAO,IAAI,IAAIG,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeC,IAAI,CAACtB,OAAOoB,EAAE;IACjH;IACA,OAAOG,IAAAA,qDAA8B,EAAC;QACpCC,IAAI;QACJC,MAAM;QACNf;QACAO;QACAS,QAAQxB,YAAYe,SAAS;QAC7B,gBAAgBf,WAAWQ,UAAUiB,SAAS;QAC9C,iBAAiBzB,YAAYQ,YAAY,UAAUiB,YAAYjB,OAAO;QACtEJ;QACA,GAAGN,KAAK;QACRkB;IACF,GAAGjB;AACL,GACA,oDAAoD"}

package/lib-commonjs/components/DataGridSelectionCell/useDataGridSelectionCellStyles.js

@@ -1,29 +1,34 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useDataGridSelectionCellStyles_unstable = exports.dataGridSelectionCellClassNames = void 0;
-const react_1 = /*#__PURE__*/require("@griffel/react");
-const useTableSelectionCellStyles_1 = /*#__PURE__*/require("../TableSelectionCell/useTableSelectionCellStyles");
-exports.dataGridSelectionCellClassNames = {
-  root: 'fui-DataGridSelectionCell',
-  checkboxIndicator: 'fui-DataGridSelectionCell__checkboxIndicator',
-  radioIndicator: 'fui-DataGridSelectionCell__radioIndicator'
-};
-/**
- * Apply styling to the DataGridSelectionCell slots based on the state
- */
-const useDataGridSelectionCellStyles_unstable = state => {
-  useTableSelectionCellStyles_1.useTableSelectionCellStyles_unstable(state);
-  state.root.className = react_1.mergeClasses(exports.dataGridSelectionCellClassNames.root, state.root.className);
-  if (state.checkboxIndicator) {
-    state.checkboxIndicator.className = react_1.mergeClasses(exports.dataGridSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);
-  }
-  if (state.radioIndicator) {
-    state.radioIndicator.className = react_1.mergeClasses(exports.dataGridSelectionCellClassNames.radioIndicator, state.radioIndicator.className);
-  }
-  return state;
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    dataGridSelectionCellClassNames: ()=>dataGridSelectionCellClassNames,
+    useDataGridSelectionCellStyles_unstable: ()=>useDataGridSelectionCellStyles_unstable
+});
+const _react = require("@griffel/react");
+const _useTableSelectionCellStyles = require("../TableSelectionCell/useTableSelectionCellStyles");
+const dataGridSelectionCellClassNames = {
+    root: 'fui-DataGridSelectionCell',
+    checkboxIndicator: 'fui-DataGridSelectionCell__checkboxIndicator',
+    radioIndicator: 'fui-DataGridSelectionCell__radioIndicator'
 };
-exports.useDataGridSelectionCellStyles_unstable = useDataGridSelectionCellStyles_unstable;
+const useDataGridSelectionCellStyles_unstable = (state)=>{
+    (0, _useTableSelectionCellStyles.useTableSelectionCellStyles_unstable)(state);
+    state.root.className = (0, _react.mergeClasses)(dataGridSelectionCellClassNames.root, state.root.className);
+    if (state.checkboxIndicator) {
+        state.checkboxIndicator.className = (0, _react.mergeClasses)(dataGridSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);
+    }
+    if (state.radioIndicator) {
+        state.radioIndicator.className = (0, _react.mergeClasses)(dataGridSelectionCellClassNames.radioIndicator, state.radioIndicator.className);
+    }
+    return state;
+}; //# sourceMappingURL=useDataGridSelectionCellStyles.js.map
+
 //# sourceMappingURL=useDataGridSelectionCellStyles.js.map