@fluentui/react-table 9.2.1 → 9.2.3

package/lib-amd/components/DataGridHeader/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./DataGridHeader", "./DataGridHeader.types", "./renderDataGridHeader", "./useDataGridHeader", "./useDataGridHeaderStyles"], function (require, exports, tslib_1, DataGridHeader_1, DataGridHeader_types_1, renderDataGridHeader_1, useDataGridHeader_1, useDataGridHeaderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(DataGridHeader_1, exports);
-    tslib_1.__exportStar(DataGridHeader_types_1, exports);
-    tslib_1.__exportStar(renderDataGridHeader_1, exports);
-    tslib_1.__exportStar(useDataGridHeader_1, exports);
-    tslib_1.__exportStar(useDataGridHeaderStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,sDAAuC;IACvC,sDAAuC;IACvC,mDAAoC;IACpC,yDAA0C","sourcesContent":["export * from './DataGridHeader';\nexport * from './DataGridHeader.types';\nexport * from './renderDataGridHeader';\nexport * from './useDataGridHeader';\nexport * from './useDataGridHeaderStyles';\n"]}

package/lib-amd/components/DataGridHeader/renderDataGridHeader.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "../TableHeader/renderTableHeader"], function (require, exports, renderTableHeader_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderDataGridHeader_unstable = void 0;
-    /**
-     * Render the final JSX of DataGridHeader
-     */
-    var renderDataGridHeader_unstable = function (state) {
-        return renderTableHeader_1.renderTableHeader_unstable(state);
-    };
-    exports.renderDataGridHeader_unstable = renderDataGridHeader_unstable;
-});
-//# sourceMappingURL=renderDataGridHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderDataGridHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/renderDataGridHeader.tsx"],"names":[],"mappings":";;;;IAGA;;OAEG;IACI,IAAM,6BAA6B,GAAG,UAAC,KAA0B;QACtE,OAAO,8CAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IAFW,QAAA,6BAA6B,iCAExC","sourcesContent":["import { renderTableHeader_unstable } from '../TableHeader/renderTableHeader';\nimport type { DataGridHeaderState } from './DataGridHeader.types';\n\n/**\n * Render the final JSX of DataGridHeader\n */\nexport const renderDataGridHeader_unstable = (state: DataGridHeaderState) => {\n  return renderTableHeader_unstable(state);\n};\n"]}

package/lib-amd/components/DataGridHeader/useDataGridHeader.js

@@ -1,19 +0,0 @@
-define(["require", "exports", "tslib", "../TableHeader/useTableHeader"], function (require, exports, tslib_1, useTableHeader_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridHeader_unstable = void 0;
-    /**
-     * Create the state required to render DataGridHeader.
-     *
-     * The returned state can be modified with hooks such as useDataGridHeaderStyles_unstable,
-     * before being passed to renderDataGridHeader_unstable.
-     *
-     * @param props - props from this instance of DataGridHeader
-     * @param ref - reference to root HTMLElement of DataGridHeader
-     */
-    var useDataGridHeader_unstable = function (props, ref) {
-        return useTableHeader_1.useTableHeader_unstable(tslib_1.__assign(tslib_1.__assign({}, props), { as: 'div' }), ref);
-    };
-    exports.useDataGridHeader_unstable = useDataGridHeader_unstable;
-});
-//# sourceMappingURL=useDataGridHeader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridHeader.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeader.ts"],"names":[],"mappings":";;;;IAIA;;;;;;;;OAQG;IACI,IAAM,0BAA0B,GAAG,UACxC,KAA0B,EAC1B,GAA2B;QAE3B,OAAO,wCAAuB,uCAAM,KAAK,KAAE,EAAE,EAAE,KAAK,KAAI,GAAG,CAAC,CAAC;IAC/D,CAAC,CAAC;IALW,QAAA,0BAA0B,8BAKrC","sourcesContent":["import * as React from 'react';\nimport type { DataGridHeaderProps, DataGridHeaderState } from './DataGridHeader.types';\nimport { useTableHeader_unstable } from '../TableHeader/useTableHeader';\n\n/**\n * Create the state required to render DataGridHeader.\n *\n * The returned state can be modified with hooks such as useDataGridHeaderStyles_unstable,\n * before being passed to renderDataGridHeader_unstable.\n *\n * @param props - props from this instance of DataGridHeader\n * @param ref - reference to root HTMLElement of DataGridHeader\n */\nexport const useDataGridHeader_unstable = (\n  props: DataGridHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): DataGridHeaderState => {\n  return useTableHeader_unstable({ ...props, as: 'div' }, ref);\n};\n"]}

package/lib-amd/components/DataGridHeader/useDataGridHeaderStyles.js

@@ -1,18 +0,0 @@
-define(["require", "exports", "@griffel/react", "../TableHeader/useTableHeaderStyles"], function (require, exports, react_1, useTableHeaderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridHeaderStyles_unstable = exports.dataGridHeaderClassNames = void 0;
-    exports.dataGridHeaderClassNames = {
-        root: 'fui-DataGridHeader',
-    };
-    /**
-     * Apply styling to the DataGridHeader slots based on the state
-     */
-    var useDataGridHeaderStyles_unstable = function (state) {
-        useTableHeaderStyles_1.useTableHeaderStyles_unstable(state);
-        state.root.className = react_1.mergeClasses(exports.dataGridHeaderClassNames.root, state.root.className);
-        return state;
-    };
-    exports.useDataGridHeaderStyles_unstable = useDataGridHeaderStyles_unstable;
-});
-//# sourceMappingURL=useDataGridHeaderStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridHeaderStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,wBAAwB,GAAwC;QAC3E,IAAI,EAAE,oBAAoB;KAC3B,CAAC;IAEF;;OAEG;IACI,IAAM,gCAAgC,GAAG,UAAC,KAA0B;QACzE,oDAA6B,CAAC,KAAK,CAAC,CAAC;QACrC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,gCAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEzF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,gCAAgC,oCAK3C","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridHeaderSlots, DataGridHeaderState } from './DataGridHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableHeaderStyles_unstable } from '../TableHeader/useTableHeaderStyles';\n\nexport const dataGridHeaderClassNames: SlotClassNames<DataGridHeaderSlots> = {\n  root: 'fui-DataGridHeader',\n};\n\n/**\n * Apply styling to the DataGridHeader slots based on the state\n */\nexport const useDataGridHeaderStyles_unstable = (state: DataGridHeaderState): DataGridHeaderState => {\n  useTableHeaderStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridHeaderClassNames.root, state.root.className);\n\n  return state;\n};\n"]}

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

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useDataGridHeaderCell", "./renderDataGridHeaderCell", "./useDataGridHeaderCellStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useDataGridHeaderCell_1, renderDataGridHeaderCell_1, useDataGridHeaderCellStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DataGridHeaderCell = void 0;
-    /**
-     * DataGridHeaderCell component
-     */
-    exports.DataGridHeaderCell = React.forwardRef(function (props, ref) {
-        var state = useDataGridHeaderCell_1.useDataGridHeaderCell_unstable(props, ref);
-        useDataGridHeaderCellStyles_1.useDataGridHeaderCellStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useDataGridHeaderCellStyles_unstable;
-        useCustomStyles(state);
-        return renderDataGridHeaderCell_1.renderDataGridHeaderCell_unstable(state);
-    });
-    exports.DataGridHeaderCell.displayName = 'DataGridHeaderCell';
-});
-//# sourceMappingURL=DataGridHeaderCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataGridHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,kBAAkB,GAAiD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1G,IAAM,KAAK,GAAG,sDAA8B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzD,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAsC,eAAe,GAAK,oDAA4B,EAAE,qCAAnC,CAAoC;QACjG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,4DAAiC,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useDataGridHeaderCell_unstable } from './useDataGridHeaderCell';\nimport { renderDataGridHeaderCell_unstable } from './renderDataGridHeaderCell';\nimport { useDataGridHeaderCellStyles_unstable } from './useDataGridHeaderCellStyles';\nimport type { DataGridHeaderCellProps } from './DataGridHeaderCell.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * DataGridHeaderCell component\n */\nexport const DataGridHeaderCell: ForwardRefComponent<DataGridHeaderCellProps> = React.forwardRef((props, ref) => {\n  const state = useDataGridHeaderCell_unstable(props, ref);\n\n  useDataGridHeaderCellStyles_unstable(state);\n\n  const { useDataGridHeaderCellStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridHeaderCell_unstable(state);\n});\n\nDataGridHeaderCell.displayName = 'DataGridHeaderCell';\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataGridHeaderCell.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  TableHeaderCellProps,\n  TableHeaderCellSlots,\n  TableHeaderCellState,\n} from '../TableHeaderCell/TableHeaderCell.types';\n\nexport type DataGridHeaderCellSlots = TableHeaderCellSlots;\n\n/**\n * DataGridHeaderCell Props\n */\nexport type DataGridHeaderCellProps = TableHeaderCellProps;\n\n/**\n * State used in rendering DataGridHeaderCell\n */\nexport type DataGridHeaderCellState = TableHeaderCellState;\n"]}

package/lib-amd/components/DataGridHeaderCell/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./DataGridHeaderCell", "./DataGridHeaderCell.types", "./renderDataGridHeaderCell", "./useDataGridHeaderCell", "./useDataGridHeaderCellStyles"], function (require, exports, tslib_1, DataGridHeaderCell_1, DataGridHeaderCell_types_1, renderDataGridHeaderCell_1, useDataGridHeaderCell_1, useDataGridHeaderCellStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(DataGridHeaderCell_1, exports);
-    tslib_1.__exportStar(DataGridHeaderCell_types_1, exports);
-    tslib_1.__exportStar(renderDataGridHeaderCell_1, exports);
-    tslib_1.__exportStar(useDataGridHeaderCell_1, exports);
-    tslib_1.__exportStar(useDataGridHeaderCellStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,0DAA2C;IAC3C,0DAA2C;IAC3C,uDAAwC;IACxC,6DAA8C","sourcesContent":["export * from './DataGridHeaderCell';\nexport * from './DataGridHeaderCell.types';\nexport * from './renderDataGridHeaderCell';\nexport * from './useDataGridHeaderCell';\nexport * from './useDataGridHeaderCellStyles';\n"]}

package/lib-amd/components/DataGridHeaderCell/renderDataGridHeaderCell.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "../TableHeaderCell/renderTableHeaderCell"], function (require, exports, renderTableHeaderCell_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderDataGridHeaderCell_unstable = void 0;
-    /**
-     * Render the final JSX of DataGridHeaderCell
-     */
-    var renderDataGridHeaderCell_unstable = function (state) {
-        return renderTableHeaderCell_1.renderTableHeaderCell_unstable(state);
-    };
-    exports.renderDataGridHeaderCell_unstable = renderDataGridHeaderCell_unstable;
-});
-//# sourceMappingURL=renderDataGridHeaderCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderDataGridHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/renderDataGridHeaderCell.tsx"],"names":[],"mappings":";;;;IAGA;;OAEG;IACI,IAAM,iCAAiC,GAAG,UAAC,KAA8B;QAC9E,OAAO,sDAA8B,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAC;IAFW,QAAA,iCAAiC,qCAE5C","sourcesContent":["import type { DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport { renderTableHeaderCell_unstable } from '../TableHeaderCell/renderTableHeaderCell';\n\n/**\n * Render the final JSX of DataGridHeaderCell\n */\nexport const renderDataGridHeaderCell_unstable = (state: DataGridHeaderCellState) => {\n  return renderTableHeaderCell_unstable(state);\n};\n"]}

package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCell.js

@@ -1,34 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "../TableHeaderCell/useTableHeaderCell", "../../contexts/dataGridContext", "../../contexts/columnIdContext", "../../contexts/tableContext"], function (require, exports, tslib_1, react_utilities_1, useTableHeaderCell_1, dataGridContext_1, columnIdContext_1, tableContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridHeaderCell_unstable = void 0;
-    /**
-     * Create the state required to render DataGridHeaderCell.
-     *
-     * The returned state can be modified with hooks such as useDataGridHeaderCellStyles_unstable,
-     * before being passed to renderDataGridHeaderCell_unstable.
-     *
-     * @param props - props from this instance of DataGridHeaderCell
-     * @param ref - reference to root HTMLElement of DataGridHeaderCell
-     */
-    var useDataGridHeaderCell_unstable = function (props, ref) {
-        var columnId = columnIdContext_1.useColumnIdContext();
-        var sortable = tableContext_1.useTableContext().sortable;
-        var toggleColumnSort = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.sort.toggleColumnSort; });
-        var sortDirection = dataGridContext_1.useDataGridContext_unstable(function (ctx) {
-            return sortable ? ctx.sort.getSortDirection(columnId) : undefined;
-        });
-        var resizableColumns = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.resizableColumns; });
-        var columnSizing = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.columnSizing_unstable; });
-        var onClick = react_utilities_1.useEventCallback(function (e) {
-            var _a;
-            if (sortable) {
-                toggleColumnSort(e, columnId);
-            }
-            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        });
-        return useTableHeaderCell_1.useTableHeaderCell_unstable(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ sortDirection: sortDirection, as: 'div', tabIndex: sortable ? undefined : 0 }, (resizableColumns ? columnSizing.getTableHeaderCellProps(columnId) : {})), props), { onClick: onClick }), ref);
-    };
-    exports.useDataGridHeaderCell_unstable = useDataGridHeaderCell_unstable;
-});
-//# sourceMappingURL=useDataGridHeaderCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridHeaderCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCell.ts"],"names":[],"mappings":";;;;IAQA;;;;;;;;OAQG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA8B,EAC9B,GAA2B;QAE3B,IAAM,QAAQ,GAAG,oCAAkB,EAAE,CAAC;QAC9B,IAAA,QAAQ,GAAK,8BAAe,EAAE,SAAtB,CAAuB;QACvC,IAAM,gBAAgB,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAzB,CAAyB,CAAC,CAAC;QACvF,IAAM,aAAa,GAAG,6CAA2B,CAAC,UAAA,GAAG;YACnD,OAAA,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS;QAA1D,CAA0D,CAC3D,CAAC;QAEF,IAAM,gBAAgB,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,gBAAgB,EAApB,CAAoB,CAAC,CAAC;QAClF,IAAM,YAAY,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,qBAAqB,EAAzB,CAAyB,CAAC,CAAC;QAEnF,IAAM,OAAO,GAAG,kCAAgB,CAAC,UAAC,CAA+C;;YAC/E,IAAI,QAAQ,EAAE;gBACZ,gBAAgB,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;aAC/B;YACD,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,OAAO,gDAA2B,sDAE9B,aAAa,eAAA,EACb,EAAE,EAAE,KAAK,EACT,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAC/B,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GACxE,KAAK,KACR,OAAO,SAAA,KAET,GAAG,CACJ,CAAC;IACJ,CAAC,CAAC;IAhCW,QAAA,8BAA8B,kCAgCzC","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"]}

package/lib-amd/components/DataGridHeaderCell/useDataGridHeaderCellStyles.js

@@ -1,30 +0,0 @@
-define(["require", "exports", "@griffel/react", "../TableHeaderCell/useTableHeaderCellStyles"], function (require, exports, react_1, useTableHeaderCellStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridHeaderCellStyles_unstable = exports.dataGridHeaderCellClassNames = void 0;
-    exports.dataGridHeaderCellClassNames = {
-        root: 'fui-DataGridHeaderCell',
-        button: 'fui-DataGridHeaderCell__button',
-        sortIcon: 'fui-DataGridHeaderCell__sortIcon',
-        aside: 'fui-DataGridHeaderCell__aside',
-    };
-    /**
-     * Apply styling to the DataGridHeaderCell slots based on the state
-     */
-    var useDataGridHeaderCellStyles_unstable = function (state) {
-        useTableHeaderCellStyles_1.useTableHeaderCellStyles_unstable(state);
-        state.root.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.root, state.root.className);
-        if (state.button) {
-            state.button.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.button, state.button.className);
-        }
-        if (state.sortIcon) {
-            state.sortIcon.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);
-        }
-        if (state.aside) {
-            state.aside.className = react_1.mergeClasses(exports.dataGridHeaderCellClassNames.aside, state.aside.className);
-        }
-        return state;
-    };
-    exports.useDataGridHeaderCellStyles_unstable = useDataGridHeaderCellStyles_unstable;
-});
-//# sourceMappingURL=useDataGridHeaderCellStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridHeaderCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,4BAA4B,GAA4C;QACnF,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,gCAAgC;QACxC,QAAQ,EAAE,kCAAkC;QAC5C,KAAK,EAAE,+BAA+B;KACvC,CAAC;IAEF;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAA8B;QACjF,4DAAiC,CAAC,KAAK,CAAC,CAAC;QACzC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE7F,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;SACpG;QAED,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;SAC1G;QAED,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,oBAAY,CAAC,oCAA4B,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;SACjG;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAjBW,QAAA,oCAAoC,wCAiB/C","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridHeaderCellSlots, DataGridHeaderCellState } from './DataGridHeaderCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles';\n\nexport const dataGridHeaderCellClassNames: SlotClassNames<DataGridHeaderCellSlots> = {\n  root: 'fui-DataGridHeaderCell',\n  button: 'fui-DataGridHeaderCell__button',\n  sortIcon: 'fui-DataGridHeaderCell__sortIcon',\n  aside: 'fui-DataGridHeaderCell__aside',\n};\n\n/**\n * Apply styling to the DataGridHeaderCell slots based on the state\n */\nexport const useDataGridHeaderCellStyles_unstable = (state: DataGridHeaderCellState): DataGridHeaderCellState => {\n  useTableHeaderCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridHeaderCellClassNames.root, state.root.className);\n\n  if (state.button) {\n    state.button.className = mergeClasses(dataGridHeaderCellClassNames.button, state.button.className);\n  }\n\n  if (state.sortIcon) {\n    state.sortIcon.className = mergeClasses(dataGridHeaderCellClassNames.sortIcon, state.sortIcon.className);\n  }\n\n  if (state.aside) {\n    state.aside.className = mergeClasses(dataGridHeaderCellClassNames.aside, state.aside.className);\n  }\n\n  return state;\n};\n"]}

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

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useDataGridRow", "./renderDataGridRow", "./useDataGridRowStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useDataGridRow_1, renderDataGridRow_1, useDataGridRowStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DataGridRow = void 0;
-    /**
-     * DataGridRow component
-     */
-    exports.DataGridRow = React.forwardRef(function (props, ref) {
-        var state = useDataGridRow_1.useDataGridRow_unstable(props, ref);
-        useDataGridRowStyles_1.useDataGridRowStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useDataGridRowStyles_unstable;
-        useCustomStyles(state);
-        return renderDataGridRow_1.renderDataGridRow_unstable(state);
-    });
-    exports.DataGridRow.displayName = 'DataGridRow';
-});
-//# sourceMappingURL=DataGridRow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataGridRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,WAAW,GACqC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACvF,IAAM,KAAK,GAAG,wCAAuB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElD,oDAA6B,CAAC,KAAK,CAAC,CAAC;QAE7B,IAA+B,eAAe,GAAK,oDAA4B,EAAE,8BAAnC,CAAoC;QAC1F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,8CAA0B,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAqG,CAAC;IAEvG,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport { useDataGridRow_unstable } from './useDataGridRow';\nimport { renderDataGridRow_unstable } from './renderDataGridRow';\nimport { useDataGridRowStyles_unstable } from './useDataGridRowStyles';\nimport type { DataGridRowProps } from './DataGridRow.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * DataGridRow component\n */\nexport const DataGridRow: ForwardRefComponent<DataGridRowProps> &\n  (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element) = React.forwardRef((props, ref) => {\n  const state = useDataGridRow_unstable(props, ref);\n\n  useDataGridRowStyles_unstable(state);\n\n  const { useDataGridRowStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderDataGridRow_unstable(state);\n}) as ForwardRefComponent<DataGridRowProps> & (<TItem>(props: DataGridRowProps<TItem>) => JSX.Element);\n\nDataGridRow.displayName = 'DataGridRow';\n"]}

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

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

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

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

package/lib-amd/components/DataGridRow/index.js

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./DataGridRow", "./DataGridRow.types", "./renderDataGridRow", "./useDataGridRow", "./useDataGridRowStyles"], function (require, exports, tslib_1, DataGridRow_1, DataGridRow_types_1, renderDataGridRow_1, useDataGridRow_1, useDataGridRowStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(DataGridRow_1, exports);
-    tslib_1.__exportStar(DataGridRow_types_1, exports);
-    tslib_1.__exportStar(renderDataGridRow_1, exports);
-    tslib_1.__exportStar(useDataGridRow_1, exports);
-    tslib_1.__exportStar(useDataGridRowStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/index.ts"],"names":[],"mappings":";;;IAAA,6CAA8B;IAC9B,mDAAoC;IACpC,mDAAoC;IACpC,gDAAiC;IACjC,sDAAuC","sourcesContent":["export * from './DataGridRow';\nexport * from './DataGridRow.types';\nexport * from './renderDataGridRow';\nexport * from './useDataGridRow';\nexport * from './useDataGridRowStyles';\n"]}

package/lib-amd/components/DataGridRow/renderDataGridRow.js

@@ -1,16 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "../../contexts/columnIdContext"], function (require, exports, tslib_1, React, react_utilities_1, columnIdContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderDataGridRow_unstable = void 0;
-    /**
-     * Render the final JSX of DataGridRow
-     */
-    var renderDataGridRow_unstable = function (state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            slots.selectionCell && React.createElement(slots.selectionCell, tslib_1.__assign({}, slotProps.selectionCell)),
-            state.columnDefs.map(function (columnDef) { return (React.createElement(columnIdContext_1.ColumnIdContextProvider, { value: columnDef.columnId, key: columnDef.columnId }, state.renderCell(columnDef, state.dataGridContextValue))); })));
-    };
-    exports.renderDataGridRow_unstable = renderDataGridRow_unstable;
-});
-//# sourceMappingURL=renderDataGridRow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderDataGridRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/renderDataGridRow.tsx"],"names":[],"mappings":";;;;IAKA;;OAEG;IACI,IAAM,0BAA0B,GAAG,UAAC,KAAuB;QAC1D,IAAA,KAAuB,0BAAQ,CAAmB,KAAK,CAAC,EAAtD,KAAK,WAAA,EAAE,SAAS,eAAsC,CAAC;QAE/D,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,aAAa,IAAI,oBAAC,KAAK,CAAC,aAAa,uBAAK,SAAS,CAAC,aAAa,EAAI;YAC3E,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAA,SAAS,IAAI,OAAA,CACjC,oBAAC,yCAAuB,IAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,EAAE,GAAG,EAAE,SAAS,CAAC,QAAQ,IACxE,KAAK,CAAC,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAChC,CAC3B,EAJkC,CAIlC,CAAC,CACS,CACd,CAAC;IACJ,CAAC,CAAC;IAbW,QAAA,0BAA0B,8BAarC","sourcesContent":["import * as React from 'react';\nimport { getSlots } 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 } = getSlots<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"]}

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

@@ -1,50 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/keyboard-keys", "../TableRow/useTableRow", "../../contexts/dataGridContext", "../DataGridSelectionCell/DataGridSelectionCell", "../../contexts/rowIdContext", "../../contexts/tableHeaderContext"], function (require, exports, tslib_1, react_utilities_1, keyboard_keys_1, useTableRow_1, dataGridContext_1, DataGridSelectionCell_1, rowIdContext_1, tableHeaderContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridRow_unstable = void 0;
-    /**
-     * 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
-     */
-    var useDataGridRow_unstable = function (props, ref) {
-        var rowId = rowIdContext_1.useTableRowIdContext();
-        var isHeader = tableHeaderContext_1.useIsInTableHeader();
-        var columnDefs = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.columns; });
-        var selectable = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.selectableRows; });
-        var selected = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.selection.isRowSelected(rowId); });
-        var tabbable = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.focusMode === 'row_unstable'; });
-        var appearance = dataGridContext_1.useDataGridContext_unstable(function (ctx) {
-            if (!isHeader && selectable && ctx.selection.isRowSelected(rowId)) {
-                return ctx.selectionAppearance;
-            }
-            return 'none';
-        });
-        var toggleRow = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.selection.toggleRow; });
-        var dataGridContextValue = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx; });
-        var onClick = react_utilities_1.useEventCallback(function (e) {
-            var _a;
-            if (selectable && !isHeader) {
-                toggleRow(e, rowId);
-            }
-            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-        });
-        var onKeyDown = react_utilities_1.useEventCallback(function (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);
-        });
-        var baseState = useTableRow_1.useTableRow_unstable(tslib_1.__assign(tslib_1.__assign({ appearance: appearance, 'aria-selected': selectable ? selected : undefined }, props), { onClick: onClick, onKeyDown: onKeyDown, children: null, as: 'div', tabIndex: tabbable && !isHeader ? 0 : undefined }), ref);
-        return tslib_1.__assign(tslib_1.__assign({}, baseState), { components: tslib_1.__assign(tslib_1.__assign({}, baseState.components), { selectionCell: DataGridSelectionCell_1.DataGridSelectionCell }), selectionCell: react_utilities_1.resolveShorthand(props.selectionCell, { required: selectable }), renderCell: props.children, columnDefs: columnDefs, dataGridContextValue: dataGridContextValue });
-    };
-    exports.useDataGridRow_unstable = useDataGridRow_unstable;
-});
-//# sourceMappingURL=useDataGridRow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridRow.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/useDataGridRow.tsx"],"names":[],"mappings":";;;;IAUA;;;;;;;;OAQG;IACI,IAAM,uBAAuB,GAAG,UAAC,KAAuB,EAAE,GAA2B;QAC1F,IAAM,KAAK,GAAG,mCAAoB,EAAE,CAAC;QACrC,IAAM,QAAQ,GAAG,uCAAkB,EAAE,CAAC;QACtC,IAAM,UAAU,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,CAAC;QACnE,IAAM,UAAU,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,cAAc,EAAlB,CAAkB,CAAC,CAAC;QAC1E,IAAM,QAAQ,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAlC,CAAkC,CAAC,CAAC;QACxF,IAAM,QAAQ,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,KAAK,cAAc,EAAhC,CAAgC,CAAC,CAAC;QACtF,IAAM,UAAU,GAAG,6CAA2B,CAAC,UAAA,GAAG;YAChD,IAAI,CAAC,QAAQ,IAAI,UAAU,IAAI,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;gBACjE,OAAO,GAAG,CAAC,mBAAmB,CAAC;aAChC;YAED,OAAO,MAAM,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,IAAM,SAAS,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,CAAC,SAAS,EAAvB,CAAuB,CAAC,CAAC;QAC9E,IAAM,oBAAoB,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,EAAH,CAAG,CAAC,CAAC;QAErE,IAAM,OAAO,GAAG,kCAAgB,CAAC,UAAC,CAAwC;;YACxE,IAAI,UAAU,IAAI,CAAC,QAAQ,EAAE;gBAC3B,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;aACrB;YAED,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,IAAM,SAAS,GAAG,kCAAgB,CAAC,UAAC,CAA2C;;YAC7E,IAAI,UAAU,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,qBAAK,IAAI,CAAC,0CAAwB,CAAC,CAAC,CAAC,MAAqB,CAAC,EAAE;gBACpG,iBAAiB;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;aACrB;YAED,MAAA,KAAK,CAAC,SAAS,+CAAf,KAAK,EAAa,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QAEH,IAAM,SAAS,GAAG,kCAAoB,qCAElC,UAAU,YAAA,EACV,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC/C,KAAK,KACR,OAAO,SAAA,EACP,SAAS,WAAA,EACT,QAAQ,EAAE,IAAI,EACd,EAAE,EAAE,KAAK,EACT,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAEjD,GAAG,CACJ,CAAC;QAEF,6CACK,SAAS,KACZ,UAAU,wCACL,SAAS,CAAC,UAAU,KACvB,aAAa,EAAE,6CAAqB,KAEtC,aAAa,EAAE,kCAAgB,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAC9E,UAAU,EAAE,KAAK,CAAC,QAAQ,EAC1B,UAAU,YAAA,EACV,oBAAoB,sBAAA,IACpB;IACJ,CAAC,CAAC;IA5DW,QAAA,uBAAuB,2BA4DlC","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"]}

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

@@ -1,22 +0,0 @@
-define(["require", "exports", "@griffel/react", "../TableRow/useTableRowStyles"], function (require, exports, react_1, useTableRowStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridRowStyles_unstable = exports.dataGridRowClassNames = void 0;
-    exports.dataGridRowClassNames = {
-        root: 'fui-DataGridRow',
-        selectionCell: 'fui-DataGridRow__selectionCell',
-    };
-    /**
-     * Apply styling to the DataGridRow slots based on the state
-     */
-    var useDataGridRowStyles_unstable = function (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;
-    };
-    exports.useDataGridRowStyles_unstable = useDataGridRowStyles_unstable;
-});
-//# sourceMappingURL=useDataGridRowStyles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridRowStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,qBAAqB,GAAqC;QACrE,IAAI,EAAE,iBAAiB;QACvB,aAAa,EAAE,gCAAgC;KAChD,CAAC;IAEF;;OAEG;IACI,IAAM,6BAA6B,GAAG,UAAC,KAAuB;QACnE,8CAA0B,CAAC,KAAK,CAAC,CAAC;QAClC,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,6BAAqB,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtF,IAAI,KAAK,CAAC,aAAa,EAAE;YACvB,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,oBAAY,CAAC,6BAAqB,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;SAClH;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IARW,QAAA,6BAA6B,iCAQxC","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"]}

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

@@ -1,17 +0,0 @@
-define(["require", "exports", "react", "./useDataGridSelectionCell", "./renderDataGridSelectionCell", "./useDataGridSelectionCellStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, useDataGridSelectionCell_1, renderDataGridSelectionCell_1, useDataGridSelectionCellStyles_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.DataGridSelectionCell = void 0;
-    /**
-     * DataGridSelectionCell component
-     */
-    exports.DataGridSelectionCell = React.forwardRef(function (props, ref) {
-        var state = useDataGridSelectionCell_1.useDataGridSelectionCell_unstable(props, ref);
-        useDataGridSelectionCellStyles_1.useDataGridSelectionCellStyles_unstable(state);
-        var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useDataGridSelectionCellStyles_unstable;
-        useCustomStyles(state);
-        return renderDataGridSelectionCell_1.renderDataGridSelectionCell_unstable(state);
-    });
-    exports.DataGridSelectionCell.displayName = 'DataGridSelectionCell';
-});
-//# sourceMappingURL=DataGridSelectionCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DataGridSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,qBAAqB,GAAoD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAChH,IAAM,KAAK,GAAG,4DAAiC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE5D,wEAAuC,CAAC,KAAK,CAAC,CAAC;QAEvC,IAAyC,eAAe,GAAK,oDAA4B,EAAE,wCAAnC,CAAoC;QACpG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,kEAAoC,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,6BAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC","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"]}

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

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

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

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

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

@@ -1,10 +0,0 @@
-define(["require", "exports", "tslib", "./DataGridSelectionCell", "./DataGridSelectionCell.types", "./renderDataGridSelectionCell", "./useDataGridSelectionCell", "./useDataGridSelectionCellStyles"], function (require, exports, tslib_1, DataGridSelectionCell_1, DataGridSelectionCell_types_1, renderDataGridSelectionCell_1, useDataGridSelectionCell_1, useDataGridSelectionCellStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(DataGridSelectionCell_1, exports);
-    tslib_1.__exportStar(DataGridSelectionCell_types_1, exports);
-    tslib_1.__exportStar(renderDataGridSelectionCell_1, exports);
-    tslib_1.__exportStar(useDataGridSelectionCell_1, exports);
-    tslib_1.__exportStar(useDataGridSelectionCellStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridSelectionCell/index.ts"],"names":[],"mappings":";;;IAAA,uDAAwC;IACxC,6DAA8C;IAC9C,6DAA8C;IAC9C,0DAA2C;IAC3C,gEAAiD","sourcesContent":["export * from './DataGridSelectionCell';\nexport * from './DataGridSelectionCell.types';\nexport * from './renderDataGridSelectionCell';\nexport * from './useDataGridSelectionCell';\nexport * from './useDataGridSelectionCellStyles';\n"]}

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

@@ -1,13 +0,0 @@
-define(["require", "exports", "../TableSelectionCell/renderTableSelectionCell"], function (require, exports, renderTableSelectionCell_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderDataGridSelectionCell_unstable = void 0;
-    /**
-     * Render the final JSX of DataGridSelectionCell
-     */
-    var renderDataGridSelectionCell_unstable = function (state) {
-        return renderTableSelectionCell_1.renderTableSelectionCell_unstable(state);
-    };
-    exports.renderDataGridSelectionCell_unstable = renderDataGridSelectionCell_unstable;
-});
-//# sourceMappingURL=renderDataGridSelectionCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderDataGridSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridSelectionCell/renderDataGridSelectionCell.tsx"],"names":[],"mappings":";;;;IAGA;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAAiC;QACpF,OAAO,4DAAiC,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAFW,QAAA,oCAAoC,wCAE/C","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"]}

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

@@ -1,39 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "../../contexts/dataGridContext", "../../contexts/rowIdContext", "../../contexts/tableHeaderContext", "../TableSelectionCell/useTableSelectionCell"], function (require, exports, tslib_1, react_utilities_1, dataGridContext_1, rowIdContext_1, tableHeaderContext_1, useTableSelectionCell_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridSelectionCell_unstable = void 0;
-    /**
-     * 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
-     */
-    var useDataGridSelectionCell_unstable = function (props, ref) {
-        var isHeader = tableHeaderContext_1.useIsInTableHeader();
-        var rowId = rowIdContext_1.useTableRowIdContext();
-        var subtle = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.subtleSelection; });
-        var checked = dataGridContext_1.useDataGridContext_unstable(function (ctx) {
-            if (isHeader && ctx.selection.selectionMode === 'multiselect') {
-                return ctx.selection.allRowsSelected ? true : ctx.selection.someRowsSelected ? 'mixed' : false;
-            }
-            return ctx.selection.isRowSelected(rowId);
-        });
-        var toggleAllRows = dataGridContext_1.useDataGridContext_unstable(function (ctx) { return ctx.selection.toggleAllRows; });
-        var type = dataGridContext_1.useDataGridContext_unstable(function (ctx) {
-            return ctx.selection.selectionMode === 'multiselect' ? 'checkbox' : 'radio';
-        });
-        var onClick = react_utilities_1.useEventCallback(function (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(tslib_1.__assign(tslib_1.__assign({ as: 'div', role: 'gridcell', checked: checked, type: type, hidden: isHeader && type === 'radio', 'aria-checked': isHeader ? checked : undefined, 'aria-selected': isHeader || checked === 'mixed' ? undefined : checked, subtle: subtle }, props), { onClick: onClick }), ref);
-    };
-    exports.useDataGridSelectionCell_unstable = useDataGridSelectionCell_unstable;
-});
-//# sourceMappingURL=useDataGridSelectionCell.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCell.ts"],"names":[],"mappings":";;;;IAQA;;;;;;;;OAQG;IACI,IAAM,iCAAiC,GAAG,UAC/C,KAAiC,EACjC,GAA2B;QAE3B,IAAM,QAAQ,GAAG,uCAAkB,EAAE,CAAC;QACtC,IAAM,KAAK,GAAG,mCAAoB,EAAE,CAAC;QACrC,IAAM,MAAM,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,eAAe,EAAnB,CAAmB,CAAC,CAAC;QACvE,IAAM,OAAO,GAAG,6CAA2B,CAAC,UAAA,GAAG;YAC7C,IAAI,QAAQ,IAAI,GAAG,CAAC,SAAS,CAAC,aAAa,KAAK,aAAa,EAAE;gBAC7D,OAAO,GAAG,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;aAChG;YAED,OAAO,GAAG,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QAEH,IAAM,aAAa,GAAG,6CAA2B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,CAAC,aAAa,EAA3B,CAA2B,CAAC,CAAC;QACtF,IAAM,IAAI,GAAG,6CAA2B,CAAC,UAAA,GAAG;YAC1C,OAAA,GAAG,CAAC,SAAS,CAAC,aAAa,KAAK,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;QAApE,CAAoE,CACrE,CAAC;QAEF,IAAM,OAAO,GAAG,kCAAgB,CAAC,UAAC,CAAyC;;YACzE,IAAI,QAAQ,EAAE;gBACZ,aAAa,CAAC,CAAC,CAAC,CAAC;aAClB;YAED,MAAA,KAAK,CAAC,OAAO,+CAAb,KAAK,EAAW,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,OAAO,sDAA8B,qCAEjC,EAAE,EAAE,KAAK,EACT,IAAI,EAAE,UAAU,EAChB,OAAO,SAAA,EACP,IAAI,MAAA,EACJ,MAAM,EAAE,QAAQ,IAAI,IAAI,KAAK,OAAO,EACpC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC9C,eAAe,EAAE,QAAQ,IAAI,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACtE,MAAM,QAAA,IACH,KAAK,KACR,OAAO,SAAA,KAET,GAAG,CACJ,CAAC;IACJ,CAAC,CAAC;IA3CW,QAAA,iCAAiC,qCA2C5C","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"]}

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

@@ -1,26 +0,0 @@
-define(["require", "exports", "@griffel/react", "../TableSelectionCell/useTableSelectionCellStyles"], function (require, exports, react_1, useTableSelectionCellStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridSelectionCellStyles_unstable = exports.dataGridSelectionCellClassNames = void 0;
-    exports.dataGridSelectionCellClassNames = {
-        root: 'fui-DataGridSelectionCell',
-        checkboxIndicator: 'fui-DataGridSelectionCell__checkboxIndicator',
-        radioIndicator: 'fui-DataGridSelectionCell__radioIndicator',
-    };
-    /**
-     * Apply styling to the DataGridSelectionCell slots based on the state
-     */
-    var useDataGridSelectionCellStyles_unstable = function (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;
-    };
-    exports.useDataGridSelectionCellStyles_unstable = useDataGridSelectionCellStyles_unstable;
-});
-//# sourceMappingURL=useDataGridSelectionCellStyles.js.map

package/lib-amd/components/DataGridSelectionCell/useDataGridSelectionCellStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDataGridSelectionCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.ts"],"names":[],"mappings":";;;;IAKa,QAAA,+BAA+B,GAA+C;QACzF,IAAI,EAAE,2BAA2B;QACjC,iBAAiB,EAAE,8CAA8C;QACjE,cAAc,EAAE,2CAA2C;KAC5D,CAAC;IAEF;;OAEG;IACI,IAAM,uCAAuC,GAAG,UACrD,KAAiC;QAEjC,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,uCAA+B,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEhG,IAAI,KAAK,CAAC,iBAAiB,EAAE;YAC3B,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG,oBAAY,CAC9C,uCAA+B,CAAC,iBAAiB,EACjD,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAClC,CAAC;SACH;QAED,IAAI,KAAK,CAAC,cAAc,EAAE;YACxB,KAAK,CAAC,cAAc,CAAC,SAAS,GAAG,oBAAY,CAC3C,uCAA+B,CAAC,cAAc,EAC9C,KAAK,CAAC,cAAc,CAAC,SAAS,CAC/B,CAAC;SACH;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IArBW,QAAA,uCAAuC,2CAqBlD","sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport type { DataGridSelectionCellSlots, DataGridSelectionCellState } from './DataGridSelectionCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { useTableSelectionCellStyles_unstable } from '../TableSelectionCell/useTableSelectionCellStyles';\n\nexport const dataGridSelectionCellClassNames: SlotClassNames<DataGridSelectionCellSlots> = {\n  root: 'fui-DataGridSelectionCell',\n  checkboxIndicator: 'fui-DataGridSelectionCell__checkboxIndicator',\n  radioIndicator: 'fui-DataGridSelectionCell__radioIndicator',\n};\n\n/**\n * Apply styling to the DataGridSelectionCell slots based on the state\n */\nexport const useDataGridSelectionCellStyles_unstable = (\n  state: DataGridSelectionCellState,\n): DataGridSelectionCellState => {\n  useTableSelectionCellStyles_unstable(state);\n  state.root.className = mergeClasses(dataGridSelectionCellClassNames.root, state.root.className);\n\n  if (state.checkboxIndicator) {\n    state.checkboxIndicator.className = mergeClasses(\n      dataGridSelectionCellClassNames.checkboxIndicator,\n      state.checkboxIndicator.className,\n    );\n  }\n\n  if (state.radioIndicator) {\n    state.radioIndicator.className = mergeClasses(\n      dataGridSelectionCellClassNames.radioIndicator,\n      state.radioIndicator.className,\n    );\n  }\n\n  return state;\n};\n"]}