@fluentui/react-table 9.2.1 → 9.2.3

package/lib-amd/components/TableSelectionCell/renderTableSelectionCell.js

@@ -1,16 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities"], function (require, exports, tslib_1, React, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.renderTableSelectionCell_unstable = void 0;
-    /**
-     * Render the final JSX of TableSelectionCell
-     */
-    var renderTableSelectionCell_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),
-            state.type === 'checkbox' && slots.checkboxIndicator && (React.createElement(slots.checkboxIndicator, tslib_1.__assign({}, slotProps.checkboxIndicator))),
-            state.type === 'radio' && slots.radioIndicator && React.createElement(slots.radioIndicator, tslib_1.__assign({}, slotProps.radioIndicator))));
-    };
-    exports.renderTableSelectionCell_unstable = renderTableSelectionCell_unstable;
-});
-//# sourceMappingURL=renderTableSelectionCell.js.map

package/lib-amd/components/TableSelectionCell/renderTableSelectionCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"renderTableSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/renderTableSelectionCell.tsx"],"names":[],"mappings":";;;;IAIA;;OAEG;IACI,IAAM,iCAAiC,GAAG,UAAC,KAA8B;QACxE,IAAA,KAAuB,0BAAQ,CAA0B,KAAK,CAAC,EAA7D,KAAK,WAAA,EAAE,SAAS,eAA6C,CAAC;QAEtE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC3B,KAAK,CAAC,IAAI,KAAK,UAAU,IAAI,KAAK,CAAC,iBAAiB,IAAI,CACvD,oBAAC,KAAK,CAAC,iBAAiB,uBAAK,SAAS,CAAC,iBAAiB,EAAI,CAC7D;YACA,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,cAAc,IAAI,oBAAC,KAAK,CAAC,cAAc,uBAAK,SAAS,CAAC,cAAc,EAAI,CAC9F,CACd,CAAC;IACJ,CAAC,CAAC;IAXW,QAAA,iCAAiC,qCAW5C","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TableSelectionCellState, TableSelectionCellSlots } from './TableSelectionCell.types';\n\n/**\n * Render the final JSX of TableSelectionCell\n */\nexport const renderTableSelectionCell_unstable = (state: TableSelectionCellState) => {\n  const { slots, slotProps } = getSlots<TableSelectionCellSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      {state.type === 'checkbox' && slots.checkboxIndicator && (\n        <slots.checkboxIndicator {...slotProps.checkboxIndicator} />\n      )}\n      {state.type === 'radio' && slots.radioIndicator && <slots.radioIndicator {...slotProps.radioIndicator} />}\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/TableSelectionCell/useTableSelectionCell.js

@@ -1,28 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-checkbox", "@fluentui/react-radio", "../TableCell/useTableCell", "../../contexts/tableContext"], function (require, exports, tslib_1, react_utilities_1, react_checkbox_1, react_radio_1, useTableCell_1, tableContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableSelectionCell_unstable = void 0;
-    /**
-     * Create the state required to render TableSelectionCell.
-     *
-     * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,
-     * before being passed to renderTableSelectionCell_unstable.
-     *
-     * @param props - props from this instance of TableSelectionCell
-     * @param ref - reference to root HTMLElement of TableSelectionCell
-     */
-    var useTableSelectionCell_unstable = function (props, ref) {
-        var tableCellState = useTableCell_1.useTableCell_unstable(props, ref);
-        var noNativeElements = tableContext_1.useTableContext().noNativeElements;
-        var _a = props.type, type = _a === void 0 ? 'checkbox' : _a, _b = props.checked, checked = _b === void 0 ? false : _b, _c = props.subtle, subtle = _c === void 0 ? false : _c, _d = props.hidden, hidden = _d === void 0 ? false : _d;
-        return tslib_1.__assign(tslib_1.__assign({}, tableCellState), { components: tslib_1.__assign(tslib_1.__assign({}, tableCellState.components), { checkboxIndicator: react_checkbox_1.Checkbox, radioIndicator: react_radio_1.Radio }), checkboxIndicator: react_utilities_1.resolveShorthand(props.checkboxIndicator, {
-                required: type === 'checkbox',
-                defaultProps: { checked: props.checked },
-            }), radioIndicator: react_utilities_1.resolveShorthand(props.radioIndicator, {
-                required: type === 'radio',
-                defaultProps: { checked: !!checked, input: { name: react_utilities_1.useId('table-selection-radio') } },
-            }), type: type, checked: checked, noNativeElements: noNativeElements, subtle: subtle, hidden: hidden });
-    };
-    exports.useTableSelectionCell_unstable = useTableSelectionCell_unstable;
-});
-//# sourceMappingURL=useTableSelectionCell.js.map

package/lib-amd/components/TableSelectionCell/useTableSelectionCell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableSelectionCell.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCell.tsx"],"names":[],"mappings":";;;;IAQA;;;;;;;;OAQG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA8B,EAC9B,GAA2B;QAE3B,IAAM,cAAc,GAAG,oCAAqB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QACjD,IAAA,gBAAgB,GAAK,8BAAe,EAAE,iBAAtB,CAAuB;QACvC,IAAA,KAAuE,KAAK,KAA3D,EAAjB,IAAI,mBAAG,UAAU,KAAA,EAAE,KAAoD,KAAK,QAA1C,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,KAAmC,KAAK,OAA1B,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,KAAmB,KAAK,OAAV,EAAd,MAAM,mBAAG,KAAK,KAAA,CAAW;QAErF,6CACK,cAAc,KACjB,UAAU,wCACL,cAAc,CAAC,UAAU,KAC5B,iBAAiB,EAAE,yBAAQ,EAC3B,cAAc,EAAE,mBAAK,KAEvB,iBAAiB,EAAE,kCAAgB,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAC3D,QAAQ,EAAE,IAAI,KAAK,UAAU;gBAC7B,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;aACzC,CAAC,EACF,cAAc,EAAE,kCAAgB,CAAC,KAAK,CAAC,cAAc,EAAE;gBACrD,QAAQ,EAAE,IAAI,KAAK,OAAO;gBAC1B,YAAY,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,uBAAK,CAAC,uBAAuB,CAAC,EAAE,EAAE;aACtF,CAAC,EACF,IAAI,MAAA,EACJ,OAAO,SAAA,EACP,gBAAgB,kBAAA,EAChB,MAAM,QAAA,EACN,MAAM,QAAA,IACN;IACJ,CAAC,CAAC;IA7BW,QAAA,8BAA8B,kCA6BzC","sourcesContent":["import * as React from 'react';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { Checkbox } from '@fluentui/react-checkbox';\nimport { Radio } from '@fluentui/react-radio';\nimport type { TableSelectionCellProps, TableSelectionCellState } from './TableSelectionCell.types';\nimport { useTableCell_unstable } from '../TableCell/useTableCell';\nimport { useTableContext } from '../../contexts/tableContext';\n\n/**\n * Create the state required to render TableSelectionCell.\n *\n * The returned state can be modified with hooks such as useTableSelectionCellStyles_unstable,\n * before being passed to renderTableSelectionCell_unstable.\n *\n * @param props - props from this instance of TableSelectionCell\n * @param ref - reference to root HTMLElement of TableSelectionCell\n */\nexport const useTableSelectionCell_unstable = (\n  props: TableSelectionCellProps,\n  ref: React.Ref<HTMLElement>,\n): TableSelectionCellState => {\n  const tableCellState = useTableCell_unstable(props, ref);\n  const { noNativeElements } = useTableContext();\n  const { type = 'checkbox', checked = false, subtle = false, hidden = false } = props;\n\n  return {\n    ...tableCellState,\n    components: {\n      ...tableCellState.components,\n      checkboxIndicator: Checkbox,\n      radioIndicator: Radio,\n    },\n    checkboxIndicator: resolveShorthand(props.checkboxIndicator, {\n      required: type === 'checkbox',\n      defaultProps: { checked: props.checked },\n    }),\n    radioIndicator: resolveShorthand(props.radioIndicator, {\n      required: type === 'radio',\n      defaultProps: { checked: !!checked, input: { name: useId('table-selection-radio') } },\n    }),\n    type,\n    checked,\n    noNativeElements,\n    subtle,\n    hidden,\n  };\n};\n"]}

package/lib-amd/components/TableSelectionCell/useTableSelectionCellStyles.js

@@ -1,58 +0,0 @@
-define(["require", "exports", "tslib", "@griffel/react", "@fluentui/react-tabster", "@fluentui/react-theme"], function (require, exports, tslib_1, react_1, react_tabster_1, react_theme_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableSelectionCellStyles_unstable = exports.tableSelectionCellClassNames = exports.CELL_WIDTH = void 0;
-    exports.CELL_WIDTH = 44;
-    exports.tableSelectionCellClassNames = {
-        root: 'fui-TableSelectionCell',
-        checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',
-        radioIndicator: 'fui-TableSelectionCell__radioIndicator',
-    };
-    var useTableLayoutStyles = react_1.makeStyles({
-        root: {
-            display: 'table-cell',
-            width: exports.CELL_WIDTH + "px",
-        },
-    });
-    var useFlexLayoutStyles = react_1.makeStyles({
-        root: tslib_1.__assign(tslib_1.__assign({ display: 'flex' }, react_1.shorthands.flex(1, 1, '0px')), { minWidth: exports.CELL_WIDTH + "px", maxWidth: exports.CELL_WIDTH + "px", justifyContent: 'center' }),
-    });
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_1.makeStyles({
-        root: tslib_1.__assign(tslib_1.__assign({ textAlign: 'center', whiteSpace: 'nowrap' }, react_1.shorthands.padding(0)), react_tabster_1.createCustomFocusIndicatorStyle(tslib_1.__assign(tslib_1.__assign({}, react_1.shorthands.outline('2px', 'solid', react_theme_1.tokens.colorStrokeFocus2)), react_1.shorthands.borderRadius(react_theme_1.tokens.borderRadiusMedium)), { selector: 'focus', enableOutline: true })),
-        radioIndicator: {
-            display: 'flex',
-            flexGrow: 1,
-            alignItems: 'center',
-            justifyContent: 'center',
-        },
-        subtle: tslib_1.__assign({ opacity: 0 }, react_tabster_1.createCustomFocusIndicatorStyle({
-            opacity: 1,
-        }, { selector: 'focus-within' })),
-        hidden: {
-            visibility: 'hidden',
-        },
-    });
-    /**
-     * Apply styling to the TableSelectionCell slots based on the state
-     */
-    var useTableSelectionCellStyles_unstable = function (state) {
-        var styles = useStyles();
-        var layoutStyles = {
-            table: useTableLayoutStyles(),
-            flex: useFlexLayoutStyles(),
-        };
-        state.root.className = react_1.mergeClasses(exports.tableSelectionCellClassNames.root, styles.root, state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, state.subtle && state.checked === false && styles.subtle, state.hidden && styles.hidden, state.root.className);
-        if (state.checkboxIndicator) {
-            state.checkboxIndicator.className = react_1.mergeClasses(exports.tableSelectionCellClassNames.checkboxIndicator, state.checkboxIndicator.className);
-        }
-        if (state.radioIndicator) {
-            state.radioIndicator.className = react_1.mergeClasses(exports.tableSelectionCellClassNames.radioIndicator, styles.radioIndicator, state.radioIndicator.className);
-        }
-        return state;
-    };
-    exports.useTableSelectionCellStyles_unstable = useTableSelectionCellStyles_unstable;
-});
-//# sourceMappingURL=useTableSelectionCellStyles.js.map

package/lib-amd/components/TableSelectionCell/useTableSelectionCellStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableSelectionCellStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCellStyles.ts"],"names":[],"mappings":";;;;IAMa,QAAA,UAAU,GAAG,EAAE,CAAC;IAEhB,QAAA,4BAA4B,GAA4C;QACnF,IAAI,EAAE,wBAAwB;QAC9B,iBAAiB,EAAE,2CAA2C;QAC9D,cAAc,EAAE,wCAAwC;KACzD,CAAC;IAEF,IAAM,oBAAoB,GAAG,kBAAU,CAAC;QACtC,IAAI,EAAE;YACJ,OAAO,EAAE,YAAY;YACrB,KAAK,EAAK,kBAAU,OAAI;SACzB;KACF,CAAC,CAAC;IAEH,IAAM,mBAAmB,GAAG,kBAAU,CAAC;QACrC,IAAI,sCACF,OAAO,EAAE,MAAM,IACZ,kBAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,KAC/B,QAAQ,EAAK,kBAAU,OAAI,EAC3B,QAAQ,EAAK,kBAAU,OAAI,EAC3B,cAAc,EAAE,QAAQ,GACzB;KACF,CAAC,CAAC;IAEH;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,sCACF,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,QAAQ,IACjB,kBAAU,CAAC,OAAO,CAAC,CAAC,CAAC,GACrB,+CAA+B,uCAE3B,kBAAU,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,oBAAM,CAAC,iBAAiB,CAAC,GAC5D,kBAAU,CAAC,YAAY,CAAC,oBAAM,CAAC,kBAAkB,CAAC,GAEvD,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,CAC3C,CACF;QAED,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QAED,MAAM,qBACJ,OAAO,EAAE,CAAC,IACP,+CAA+B,CAChC;YACE,OAAO,EAAE,CAAC;SACX,EACD,EAAE,QAAQ,EAAE,cAAc,EAAE,CAC7B,CACF;QAED,MAAM,EAAE;YACN,UAAU,EAAE,QAAQ;SACrB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAA8B;QACjF,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,IAAM,YAAY,GAAG;YACnB,KAAK,EAAE,oBAAoB,EAAE;YAC7B,IAAI,EAAE,mBAAmB,EAAE;SAC5B,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CACjC,oCAA4B,CAAC,IAAI,EACjC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EACzE,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,MAAM,EACxD,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,EAC7B,KAAK,CAAC,IAAI,CAAC,SAAS,CACrB,CAAC;QACF,IAAI,KAAK,CAAC,iBAAiB,EAAE;YAC3B,KAAK,CAAC,iBAAiB,CAAC,SAAS,GAAG,oBAAY,CAC9C,oCAA4B,CAAC,iBAAiB,EAC9C,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAClC,CAAC;SACH;QAED,IAAI,KAAK,CAAC,cAAc,EAAE;YACxB,KAAK,CAAC,cAAc,CAAC,SAAS,GAAG,oBAAY,CAC3C,oCAA4B,CAAC,cAAc,EAC3C,MAAM,CAAC,cAAc,EACrB,KAAK,CAAC,cAAc,CAAC,SAAS,CAC/B,CAAC;SACH;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA9BW,QAAA,oCAAoC,wCA8B/C","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { TableSelectionCellSlots, TableSelectionCellState } from './TableSelectionCell.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\n\nexport const CELL_WIDTH = 44;\n\nexport const tableSelectionCellClassNames: SlotClassNames<TableSelectionCellSlots> = {\n  root: 'fui-TableSelectionCell',\n  checkboxIndicator: 'fui-TableSelectionCell__checkboxIndicator',\n  radioIndicator: 'fui-TableSelectionCell__radioIndicator',\n};\n\nconst useTableLayoutStyles = makeStyles({\n  root: {\n    display: 'table-cell',\n    width: `${CELL_WIDTH}px`,\n  },\n});\n\nconst useFlexLayoutStyles = makeStyles({\n  root: {\n    display: 'flex',\n    ...shorthands.flex(1, 1, '0px'),\n    minWidth: `${CELL_WIDTH}px`,\n    maxWidth: `${CELL_WIDTH}px`,\n    justifyContent: 'center',\n  },\n});\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    textAlign: 'center',\n    whiteSpace: 'nowrap',\n    ...shorthands.padding(0),\n    ...createCustomFocusIndicatorStyle(\n      {\n        ...shorthands.outline('2px', 'solid', tokens.colorStrokeFocus2),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium),\n      },\n      { selector: 'focus', enableOutline: true },\n    ),\n  },\n\n  radioIndicator: {\n    display: 'flex',\n    flexGrow: 1,\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n\n  subtle: {\n    opacity: 0,\n    ...createCustomFocusIndicatorStyle(\n      {\n        opacity: 1,\n      },\n      { selector: 'focus-within' },\n    ),\n  },\n\n  hidden: {\n    visibility: 'hidden',\n  },\n});\n\n/**\n * Apply styling to the TableSelectionCell slots based on the state\n */\nexport const useTableSelectionCellStyles_unstable = (state: TableSelectionCellState): TableSelectionCellState => {\n  const styles = useStyles();\n  const layoutStyles = {\n    table: useTableLayoutStyles(),\n    flex: useFlexLayoutStyles(),\n  };\n  state.root.className = mergeClasses(\n    tableSelectionCellClassNames.root,\n    styles.root,\n    state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root,\n    state.subtle && state.checked === false && styles.subtle,\n    state.hidden && styles.hidden,\n    state.root.className,\n  );\n  if (state.checkboxIndicator) {\n    state.checkboxIndicator.className = mergeClasses(\n      tableSelectionCellClassNames.checkboxIndicator,\n      state.checkboxIndicator.className,\n    );\n  }\n\n  if (state.radioIndicator) {\n    state.radioIndicator.className = mergeClasses(\n      tableSelectionCellClassNames.radioIndicator,\n      styles.radioIndicator,\n      state.radioIndicator.className,\n    );\n  }\n\n  return state;\n};\n"]}

package/lib-amd/contexts/columnIdContext.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.ColumnIdContextProvider = exports.useColumnIdContext = exports.columnIdContextDefaultValue = void 0;
-    var columnIdContext = React.createContext(undefined);
-    exports.columnIdContextDefaultValue = '';
-    var useColumnIdContext = function () { var _a; return (_a = React.useContext(columnIdContext)) !== null && _a !== void 0 ? _a : exports.columnIdContextDefaultValue; };
-    exports.useColumnIdContext = useColumnIdContext;
-    exports.ColumnIdContextProvider = columnIdContext.Provider;
-});
-//# sourceMappingURL=columnIdContext.js.map

package/lib-amd/contexts/columnIdContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"columnIdContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/columnIdContext.ts"],"names":[],"mappings":";;;;IAGA,IAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA4B,SAAS,CAAC,CAAC;IAErE,QAAA,2BAA2B,GAAG,EAAE,CAAC;IAEvC,IAAM,kBAAkB,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,mCAAI,mCAA2B,CAAA,EAAA,CAAC;IAA5F,QAAA,kBAAkB,sBAA0E;IAE5F,QAAA,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport type { TableColumnId } from '../hooks/';\n\nconst columnIdContext = React.createContext<TableColumnId | undefined>(undefined);\n\nexport const columnIdContextDefaultValue = '';\n\nexport const useColumnIdContext = () => React.useContext(columnIdContext) ?? columnIdContextDefaultValue;\n\nexport const ColumnIdContextProvider = columnIdContext.Provider;\n"]}

package/lib-amd/contexts/dataGridContext.js

@@ -1,16 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-context-selector", "../hooks"], function (require, exports, tslib_1, react_context_selector_1, hooks_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useDataGridContext_unstable = exports.DataGridContextProvider = void 0;
-    var dataGridContext = react_context_selector_1.createContext(undefined);
-    var dataGridContextDefaultValue = tslib_1.__assign(tslib_1.__assign({}, hooks_1.defaultTableState), { subtleSelection: false, selectableRows: false, selectionAppearance: 'brand', focusMode: 'none' });
-    exports.DataGridContextProvider = dataGridContext.Provider;
-    var useDataGridContext_unstable = function (selector) {
-        return react_context_selector_1.useContextSelector(dataGridContext, function (ctx) {
-            if (ctx === void 0) { ctx = dataGridContextDefaultValue; }
-            return selector(ctx);
-        });
-    };
-    exports.useDataGridContext_unstable = useDataGridContext_unstable;
-});
-//# sourceMappingURL=dataGridContext.js.map

package/lib-amd/contexts/dataGridContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataGridContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/dataGridContext.ts"],"names":[],"mappings":";;;;IAKA,IAAM,eAAe,GAAG,sCAAa,CAAmC,SAAS,CAAC,CAAC;IAEnF,IAAM,2BAA2B,yCAC5B,yBAAiB,KACpB,eAAe,EAAE,KAAK,EACtB,cAAc,EAAE,KAAK,EACrB,mBAAmB,EAAE,OAAO,EAC5B,SAAS,EAAE,MAAM,GAClB,CAAC;IAEW,QAAA,uBAAuB,GAAG,eAAe,CAAC,QAAQ,CAAC;IAEzD,IAAM,2BAA2B,GAAG,UAAI,QAAkD;QAC/F,OAAA,2CAAkB,CAAC,eAAe,EAAE,UAAC,GAAiC;YAAjC,oBAAA,EAAA,iCAAiC;YAAK,OAAA,QAAQ,CAAC,GAAG,CAAC;QAAb,CAAa,CAAC;IAAzF,CAAyF,CAAC;IAD/E,QAAA,2BAA2B,+BACoD","sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { ContextSelector } from '@fluentui/react-context-selector';\nimport { DataGridContextValue } from '../components/DataGrid/DataGrid.types';\nimport { defaultTableState } from '../hooks';\n\nconst dataGridContext = createContext<DataGridContextValue | undefined>(undefined);\n\nconst dataGridContextDefaultValue: DataGridContextValue = {\n  ...defaultTableState,\n  subtleSelection: false,\n  selectableRows: false,\n  selectionAppearance: 'brand',\n  focusMode: 'none',\n};\n\nexport const DataGridContextProvider = dataGridContext.Provider;\n\nexport const useDataGridContext_unstable = <T>(selector: ContextSelector<DataGridContextValue, T>) =>\n  useContextSelector(dataGridContext, (ctx = dataGridContextDefaultValue) => selector(ctx));\n"]}

package/lib-amd/contexts/rowIdContext.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TableRowIdContextProvider = exports.useTableRowIdContext = exports.tableRowIdContextDefaultValue = void 0;
-    var rowIdContext = React.createContext(undefined);
-    exports.tableRowIdContextDefaultValue = '';
-    var useTableRowIdContext = function () { var _a; return (_a = React.useContext(rowIdContext)) !== null && _a !== void 0 ? _a : exports.tableRowIdContextDefaultValue; };
-    exports.useTableRowIdContext = useTableRowIdContext;
-    exports.TableRowIdContextProvider = rowIdContext.Provider;
-});
-//# sourceMappingURL=rowIdContext.js.map

package/lib-amd/contexts/rowIdContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"rowIdContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/rowIdContext.ts"],"names":[],"mappings":";;;;IAGA,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAyB,SAAS,CAAC,CAAC;IAE/D,QAAA,6BAA6B,GAAG,EAAE,CAAC;IAEzC,IAAM,oBAAoB,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,mCAAI,qCAA6B,CAAA,EAAA,CAAC;IAA7F,QAAA,oBAAoB,wBAAyE;IAE7F,QAAA,yBAAyB,GAAG,YAAY,CAAC,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport type { TableRowId } from '../hooks/';\n\nconst rowIdContext = React.createContext<TableRowId | undefined>(undefined);\n\nexport const tableRowIdContextDefaultValue = '';\n\nexport const useTableRowIdContext = () => React.useContext(rowIdContext) ?? tableRowIdContextDefaultValue;\n\nexport const TableRowIdContextProvider = rowIdContext.Provider;\n"]}

package/lib-amd/contexts/tableContext.js

@@ -1,15 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableContext = exports.TableContextProvider = exports.tableContextDefaultValue = void 0;
-    var tableContext = React.createContext(undefined);
-    exports.tableContextDefaultValue = {
-        size: 'medium',
-        noNativeElements: false,
-        sortable: false,
-    };
-    exports.TableContextProvider = tableContext.Provider;
-    var useTableContext = function () { var _a; return (_a = React.useContext(tableContext)) !== null && _a !== void 0 ? _a : exports.tableContextDefaultValue; };
-    exports.useTableContext = useTableContext;
-});
-//# sourceMappingURL=tableContext.js.map

package/lib-amd/contexts/tableContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/tableContext.ts"],"names":[],"mappings":";;;;IAGA,IAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAgC,SAAS,CAAC,CAAC;IAEtE,QAAA,wBAAwB,GAAsB;QACzD,IAAI,EAAE,QAAQ;QACd,gBAAgB,EAAE,KAAK;QACvB,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEW,QAAA,oBAAoB,GAAG,YAAY,CAAC,QAAQ,CAAC;IACnD,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,mCAAI,gCAAwB,CAAA,EAAA,CAAC;IAAnF,QAAA,eAAe,mBAAoE","sourcesContent":["import * as React from 'react';\nimport { TableContextValue } from '../components/Table/Table.types';\n\nconst tableContext = React.createContext<TableContextValue | undefined>(undefined);\n\nexport const tableContextDefaultValue: TableContextValue = {\n  size: 'medium',\n  noNativeElements: false,\n  sortable: false,\n};\n\nexport const TableContextProvider = tableContext.Provider;\nexport const useTableContext = () => React.useContext(tableContext) ?? tableContextDefaultValue;\n"]}

package/lib-amd/contexts/tableHeaderContext.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useIsInTableHeader = exports.TableHeaderContextProvider = void 0;
-    var tableHeaderContext = React.createContext(undefined);
-    var tableHeaderContextDefaultValue = '';
-    exports.TableHeaderContextProvider = tableHeaderContext.Provider;
-    var useIsInTableHeader = function () { return React.useContext(tableHeaderContext) === tableHeaderContextDefaultValue; };
-    exports.useIsInTableHeader = useIsInTableHeader;
-});
-//# sourceMappingURL=tableHeaderContext.js.map

package/lib-amd/contexts/tableHeaderContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableHeaderContext.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/contexts/tableHeaderContext.ts"],"names":[],"mappings":";;;;IAEA,IAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAqB,SAAS,CAAC,CAAC;IAE9E,IAAM,8BAA8B,GAAG,EAAE,CAAC;IAE7B,QAAA,0BAA0B,GAAG,kBAAkB,CAAC,QAAQ,CAAC;IAC/D,IAAM,kBAAkB,GAAG,cAAM,OAAA,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,KAAK,8BAA8B,EAAvE,CAAuE,CAAC;IAAnG,QAAA,kBAAkB,sBAAiF","sourcesContent":["import * as React from 'react';\n\nconst tableHeaderContext = React.createContext<string | undefined>(undefined);\n\nconst tableHeaderContextDefaultValue = '';\n\nexport const TableHeaderContextProvider = tableHeaderContext.Provider;\nexport const useIsInTableHeader = () => React.useContext(tableHeaderContext) === tableHeaderContextDefaultValue;\n"]}

package/lib-amd/hooks/createColumn.js

@@ -1,36 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.createTableColumn = void 0;
-    var defaultCompare = function () { return 0; };
-    var defaultRenderCell = function () {
-        if (process.env.NODE_ENV !== 'production') {
-            // eslint-disable-next-line no-console
-            console.warn('@fluentui/react-table: You are using the default column renderCell function that renders null');
-        }
-        return null;
-    };
-    var defaultRenderHeaderCell = function () {
-        if (process.env.NODE_ENV !== 'production') {
-            // eslint-disable-next-line no-console
-            console.warn('@fluentui/react-table: You are using the default column renderHeaderCell function that renders null');
-        }
-        return null;
-    };
-    /**
-     * Helper function to create column definition with defaults
-     * @param options - column definition options
-     * @returns - column definition with defaults
-     */
-    function createTableColumn(options) {
-        var columnId = options.columnId, _a = options.renderCell, renderCell = _a === void 0 ? defaultRenderCell : _a, _b = options.renderHeaderCell, renderHeaderCell = _b === void 0 ? defaultRenderHeaderCell : _b, _c = options.compare, compare = _c === void 0 ? defaultCompare : _c;
-        return {
-            columnId: columnId,
-            renderCell: renderCell,
-            renderHeaderCell: renderHeaderCell,
-            compare: compare,
-        };
-    }
-    exports.createTableColumn = createTableColumn;
-});
-//# sourceMappingURL=createColumn.js.map

package/lib-amd/hooks/createColumn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createColumn.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/createColumn.ts"],"names":[],"mappings":";;;;IAEA,IAAM,cAAc,GAAG,cAAM,OAAA,CAAC,EAAD,CAAC,CAAC;IAE/B,IAAM,iBAAiB,GAAG;QACxB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,+FAA+F,CAAC,CAAC;SAC/G;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,uBAAuB,GAAG;QAC9B,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YACzC,sCAAsC;YACtC,OAAO,CAAC,IAAI,CAAC,qGAAqG,CAAC,CAAC;SACrH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF;;;;OAIG;IACH,SAAgB,iBAAiB,CAAQ,OAAwC;QAE7E,IAAA,QAAQ,GAIN,OAAO,SAJD,EACR,KAGE,OAAO,WAHqB,EAA9B,UAAU,mBAAG,iBAAiB,KAAA,EAC9B,KAEE,OAAO,iBAFiC,EAA1C,gBAAgB,mBAAG,uBAAuB,KAAA,EAC1C,KACE,OAAO,QADe,EAAxB,OAAO,mBAAG,cAAc,KAAA,CACd;QAEZ,OAAO;YACL,QAAQ,UAAA;YACR,UAAU,YAAA;YACV,gBAAgB,kBAAA;YAChB,OAAO,SAAA;SACR,CAAC;IACJ,CAAC;IAdD,8CAcC","sourcesContent":["import { CreateTableColumnOptions } from './types';\n\nconst defaultCompare = () => 0;\n\nconst defaultRenderCell = () => {\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn('@fluentui/react-table: You are using the default column renderCell function that renders null');\n  }\n\n  return null;\n};\n\nconst defaultRenderHeaderCell = () => {\n  if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.warn('@fluentui/react-table: You are using the default column renderHeaderCell function that renders null');\n  }\n\n  return null;\n};\n\n/**\n * Helper function to create column definition with defaults\n * @param options - column definition options\n * @returns - column definition with defaults\n */\nexport function createTableColumn<TItem>(options: CreateTableColumnOptions<TItem>) {\n  const {\n    columnId,\n    renderCell = defaultRenderCell,\n    renderHeaderCell = defaultRenderHeaderCell,\n    compare = defaultCompare,\n  } = options;\n\n  return {\n    columnId,\n    renderCell,\n    renderHeaderCell,\n    compare,\n  };\n}\n"]}

package/lib-amd/hooks/index.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "tslib", "./types", "./useTableFeatures", "./useTableSort", "./useTableSelection", "./createColumn", "./useTableColumnSizing"], function (require, exports, tslib_1, types_1, useTableFeatures_1, useTableSort_1, useTableSelection_1, createColumn_1, useTableColumnSizing_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(types_1, exports);
-    tslib_1.__exportStar(useTableFeatures_1, exports);
-    tslib_1.__exportStar(useTableSort_1, exports);
-    tslib_1.__exportStar(useTableSelection_1, exports);
-    tslib_1.__exportStar(createColumn_1, exports);
-    tslib_1.__exportStar(useTableColumnSizing_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IACxB,kDAAmC;IACnC,8CAA+B;IAC/B,mDAAoC;IACpC,8CAA+B;IAC/B,sDAAuC","sourcesContent":["export * from './types';\nexport * from './useTableFeatures';\nexport * from './useTableSort';\nexport * from './useTableSelection';\nexport * from './createColumn';\nexport * from './useTableColumnSizing';\n"]}

package/lib-amd/hooks/selectionManager.js

@@ -1,82 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.createSelectionManager = void 0;
-    function createSelectionManager(mode, onSelectionChange) {
-        if (onSelectionChange === void 0) { onSelectionChange = function () { return undefined; }; }
-        var managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;
-        return managerFactory(onSelectionChange);
-    }
-    exports.createSelectionManager = createSelectionManager;
-    function createMultipleSelectionManager(onSelectionChange) {
-        var toggleAllItems = function (e, itemIds, selectedItems) {
-            var allItemsSelected = itemIds.every(function (itemId) { return selectedItems.has(itemId); });
-            if (allItemsSelected) {
-                selectedItems.clear();
-            }
-            else {
-                itemIds.forEach(function (itemId) { return selectedItems.add(itemId); });
-            }
-            onSelectionChange(e, new Set(selectedItems));
-        };
-        var toggleItem = function (e, itemId, selectedItems) {
-            if (selectedItems.has(itemId)) {
-                selectedItems.delete(itemId);
-            }
-            else {
-                selectedItems.add(itemId);
-            }
-            onSelectionChange(e, new Set(selectedItems));
-        };
-        var selectItem = function (e, itemId, selectedItems) {
-            selectedItems.add(itemId);
-            onSelectionChange(e, new Set(selectedItems));
-        };
-        var deselectItem = function (e, itemId, selectedItems) {
-            selectedItems.delete(itemId);
-            onSelectionChange(e, new Set(selectedItems));
-        };
-        var clearItems = function (e) {
-            onSelectionChange(e, new Set());
-        };
-        var isSelected = function (itemId, selectedItems) {
-            return selectedItems.has(itemId);
-        };
-        return {
-            toggleItem: toggleItem,
-            selectItem: selectItem,
-            deselectItem: deselectItem,
-            clearItems: clearItems,
-            isSelected: isSelected,
-            toggleAllItems: toggleAllItems,
-        };
-    }
-    function createSingleSelectionManager(onSelectionChange) {
-        var toggleItem = function (e, itemId) {
-            onSelectionChange(e, new Set([itemId]));
-        };
-        var clearItems = function (e) {
-            onSelectionChange(e, new Set());
-        };
-        var isSelected = function (itemId, selectedItems) {
-            return selectedItems.has(itemId);
-        };
-        var selectItem = function (e, itemId) {
-            onSelectionChange(e, new Set([itemId]));
-        };
-        return {
-            deselectItem: clearItems,
-            selectItem: selectItem,
-            toggleAllItems: function () {
-                if (process.env.NODE_ENV !== 'production') {
-                    throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');
-                }
-                return undefined;
-            },
-            toggleItem: toggleItem,
-            clearItems: clearItems,
-            isSelected: isSelected,
-        };
-    }
-});
-//# sourceMappingURL=selectionManager.js.map

package/lib-amd/hooks/selectionManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selectionManager.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/selectionManager.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { SelectionMode } from './types';\n\ntype OnSelectionChangeCallback = (e: React.SyntheticEvent, selectedItems: Set<SelectionItemId>) => void;\n\nexport interface SelectionManager {\n  toggleItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n  selectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n  deselectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set<SelectionItemId>): void;\n  clearItems(e: React.SyntheticEvent): void;\n  isSelected(id: SelectionItemId, selectedItems: Set<SelectionItemId>): boolean;\n  toggleAllItems(e: React.SyntheticEvent, itemIds: SelectionItemId[], selectedItems: Set<SelectionItemId>): void;\n}\n\nexport type SelectionItemId = string | number;\n\nexport function createSelectionManager(\n  mode: SelectionMode,\n  onSelectionChange: OnSelectionChangeCallback = () => undefined,\n): SelectionManager {\n  const managerFactory = mode === 'multiselect' ? createMultipleSelectionManager : createSingleSelectionManager;\n\n  return managerFactory(onSelectionChange);\n}\n\nfunction createMultipleSelectionManager(onSelectionChange: OnSelectionChangeCallback): SelectionManager {\n  const toggleAllItems: SelectionManager['toggleAllItems'] = (e, itemIds, selectedItems) => {\n    const allItemsSelected = itemIds.every(itemId => selectedItems.has(itemId));\n\n    if (allItemsSelected) {\n      selectedItems.clear();\n    } else {\n      itemIds.forEach(itemId => selectedItems.add(itemId));\n    }\n\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const toggleItem: SelectionManager['toggleItem'] = (e, itemId, selectedItems) => {\n    if (selectedItems.has(itemId)) {\n      selectedItems.delete(itemId);\n    } else {\n      selectedItems.add(itemId);\n    }\n\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const selectItem: SelectionManager['selectItem'] = (e, itemId, selectedItems) => {\n    selectedItems.add(itemId);\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const deselectItem: SelectionManager['deselectItem'] = (e, itemId, selectedItems) => {\n    selectedItems.delete(itemId);\n    onSelectionChange(e, new Set(selectedItems));\n  };\n\n  const clearItems: SelectionManager['clearItems'] = e => {\n    onSelectionChange(e, new Set());\n  };\n\n  const isSelected = (itemId: SelectionItemId, selectedItems: Set<SelectionItemId>) => {\n    return selectedItems.has(itemId);\n  };\n\n  return {\n    toggleItem,\n    selectItem,\n    deselectItem,\n    clearItems,\n    isSelected,\n    toggleAllItems,\n  };\n}\n\nfunction createSingleSelectionManager(onSelectionChange: OnSelectionChangeCallback): SelectionManager {\n  const toggleItem: SelectionManager['toggleItem'] = (e, itemId) => {\n    onSelectionChange(e, new Set([itemId]));\n  };\n\n  const clearItems: SelectionManager['clearItems'] = e => {\n    onSelectionChange(e, new Set<SelectionItemId>());\n  };\n\n  const isSelected = (itemId: SelectionItemId, selectedItems: Set<SelectionItemId>) => {\n    return selectedItems.has(itemId);\n  };\n\n  const selectItem: SelectionManager['selectItem'] = (e, itemId) => {\n    onSelectionChange(e, new Set([itemId]));\n  };\n\n  return {\n    deselectItem: clearItems,\n    selectItem,\n    toggleAllItems: () => {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('[react-table]: `toggleAllItems` should not be used in single selection mode');\n      }\n\n      return undefined;\n    },\n    toggleItem,\n    clearItems,\n    isSelected,\n  };\n}\n"]}

package/lib-amd/hooks/types.js

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

package/lib-amd/hooks/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { SortDirection } from '../components/Table/Table.types';\nimport { TableHeaderCellProps } from '../components/TableHeaderCell/TableHeaderCell.types';\n\nexport type TableRowId = string | number;\nexport type TableColumnId = string | number;\nexport type SelectionMode = 'single' | 'multiselect';\n\nexport interface SortState {\n  sortColumn: TableColumnId | undefined;\n  sortDirection: SortDirection;\n}\n\nexport interface OnSelectionChangeData {\n  selectedItems: Set<TableRowId>;\n}\n\nexport interface CreateTableColumnOptions<TItem> extends Partial<TableColumnDefinition<TItem>> {\n  columnId: TableColumnId;\n}\n\nexport interface TableColumnDefinition<TItem> {\n  columnId: TableColumnId;\n  compare: (a: TItem, b: TItem) => number;\n  renderHeaderCell: () => React.ReactNode;\n  renderCell: (item: TItem) => React.ReactNode;\n}\n\nexport type RowEnhancer<TItem, TRowState extends TableRowData<TItem> = TableRowData<TItem>> = (\n  row: TableRowData<TItem>,\n) => TRowState;\n\nexport interface TableSortState<TItem> {\n  /**\n   * Current sort direction\n   */\n  sortDirection: SortDirection;\n  /**\n   * Column id of the currently sorted column\n   */\n  sortColumn: TableColumnId | undefined;\n  /**\n   * Set the sort direction for the specified column\n   */\n  setColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId, sortDirection: SortDirection) => void;\n  /**\n   * Toggles the sort direction for specified column\n   */\n  toggleColumnSort: (event: React.SyntheticEvent, columnId: TableColumnId) => void;\n  /**\n   * Returns the sort direction if a column is sorted,\n   * returns undefined if the column is not sorted\n   */\n  getSortDirection: (columnId: TableColumnId) => SortDirection | undefined;\n\n  /**\n   * Sorts rows and returns a **shallow** copy of original items\n   */\n  sort: <TRowState extends TableRowData<TItem>>(rows: TRowState[]) => TRowState[];\n}\n\nexport interface TableSelectionState {\n  /**\n   * Clears all selected rows\n   */\n  clearRows: (e: React.SyntheticEvent) => void;\n  /**\n   * Selects single row\n   */\n  selectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n  /**\n   * De-selects single row\n   */\n  deselectRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n  /**\n   * Toggle selection of all rows\n   */\n  toggleAllRows: (e: React.SyntheticEvent) => void;\n  /**\n   * Toggle selection of single row\n   */\n  toggleRow: (e: React.SyntheticEvent, rowId: TableRowId) => void;\n  /**\n   * Collection of row ids corresponding to selected rows\n   */\n  selectedRows: Set<TableRowId>;\n  /**\n   * Whether all rows are selected\n   */\n  allRowsSelected: boolean;\n  /**\n   * Whether some rows are selected\n   */\n  someRowsSelected: boolean;\n\n  /**\n   * Checks if a given rowId is selected\n   */\n  isRowSelected: (rowId: TableRowId) => boolean;\n\n  selectionMode: SelectionMode;\n}\n\nexport interface TableRowData<TItem> {\n  /**\n   * User provided data\n   */\n  item: TItem;\n  /**\n   * The row id, defaults to index position in the collection\n   */\n  rowId: TableRowId;\n}\n\nexport interface TableFeaturesState<TItem> extends Pick<UseTableFeaturesOptions<TItem>, 'items' | 'getRowId'> {\n  /**\n   * The row data for rendering\n   * @param rowEnhancer - Enhances the row with extra user data\n   */\n  getRows: <TRowState extends TableRowData<TItem> = TableRowData<TItem>>(\n    rowEnhancer?: RowEnhancer<TItem, TRowState>,\n  ) => TRowState[];\n  /**\n   * State and actions to manage row selection\n   */\n  selection: TableSelectionState;\n  /**\n   * State and actions to manage row sorting\n   */\n  sort: TableSortState<TItem>;\n  /**\n   * Table columns\n   */\n  columns: TableColumnDefinition<TItem>[];\n  /**\n   * State and actions to manage column resizing\n   */\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  columnSizing_unstable: TableColumnSizingState;\n  /**\n   * A React.Ref object to be set as a ref for the table.\n   * Used with column resizing.\n   */\n  tableRef: React.Ref<HTMLDivElement>;\n}\n\nexport interface UseTableSortOptions {\n  /**\n   * Used to control sorting\n   */\n  sortState?: SortState;\n  /**\n   * Used in uncontrolled mode to set initial sort column and direction on mount\n   */\n  defaultSortState?: SortState;\n  /**\n   * Called when sort changes\n   */\n  onSortChange?(e: React.SyntheticEvent, state: SortState): void;\n}\n\nexport interface UseTableSelectionOptions {\n  /**\n   * Can be multi or single select\n   */\n  selectionMode: SelectionMode;\n  /**\n   * Used in uncontrolled mode to set initial selected rows on mount\n   */\n  defaultSelectedItems?: Iterable<TableRowId>;\n  /**\n   * Used to control row selection\n   */\n  selectedItems?: Iterable<TableRowId>;\n  /**\n   * Called when selection changes\n   */\n  onSelectionChange?(e: React.SyntheticEvent, data: OnSelectionChangeData): void;\n}\n\nexport interface UseTableFeaturesOptions<TItem> {\n  columns: TableColumnDefinition<TItem>[];\n  items: TItem[];\n  getRowId?: (item: TItem) => TableRowId;\n}\n\nexport type TableFeaturePlugin = <TItem>(tableState: TableFeaturesState<TItem>) => TableFeaturesState<TItem>;\n\nexport interface ColumnWidthState {\n  columnId: TableColumnId;\n  width: number;\n  minWidth: number;\n  idealWidth: number;\n  padding: number;\n}\n\nexport type ColumnSizingTableHeaderCellProps = Pick<TableHeaderCellProps, 'style' | 'aside'>;\nexport type ColumnSizingTableCellProps = Pick<TableHeaderCellProps, 'style'>;\n\nexport type EnableKeyboardModeOnChangeCallback = (columnId: TableColumnId, isKeyboardMode: boolean) => void;\n\nexport interface TableColumnSizingState {\n  getOnMouseDown: (columnId: TableColumnId) => (e: React.MouseEvent | React.TouchEvent) => void;\n  setColumnWidth: (columnId: TableColumnId, newSize: number) => void;\n  getColumnWidths: () => ColumnWidthState[];\n  getTableHeaderCellProps: (columnId: TableColumnId) => ColumnSizingTableHeaderCellProps;\n  getTableCellProps: (columnId: TableColumnId) => ColumnSizingTableCellProps;\n  enableKeyboardMode: (\n    columnId: TableColumnId,\n    onChange?: EnableKeyboardModeOnChangeCallback,\n  ) => (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\nexport type ColumnResizeState = {\n  getColumnWidth: (columnId: TableColumnId) => number;\n  setColumnWidth: (\n    e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n    data: { columnId: TableColumnId; width: number },\n  ) => void;\n  getColumnById: (columnId: TableColumnId) => ColumnWidthState | undefined;\n  getColumns: () => ColumnWidthState[];\n};\n\nexport type TableColumnSizingOptions = Record<\n  TableColumnId,\n  Partial<Pick<ColumnWidthState, 'minWidth' | 'idealWidth' | 'padding'>> & { defaultWidth?: number }\n>;\n\nexport type UseTableColumnSizingParams = {\n  columnSizingOptions?: TableColumnSizingOptions;\n  onColumnResize?: (\n    e: KeyboardEvent | TouchEvent | MouseEvent | undefined,\n    data: { columnId: TableColumnId; width: number },\n  ) => void;\n  containerWidthOffset?: number;\n};\n"]}

package/lib-amd/hooks/useKeyboardResizing.js

@@ -1,97 +0,0 @@
-define(["require", "exports", "react", "@fluentui/keyboard-keys", "@fluentui/react-utilities", "@fluentui/react-shared-contexts"], function (require, exports, React, keyboard_keys_1, react_utilities_1, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useKeyboardResizing = void 0;
-    var STEP = 20;
-    var PRECISION_MODIFIER = keyboard_keys_1.Shift;
-    var PRECISION_FACTOR = 1 / 4;
-    function useKeyboardResizing(columnResizeState) {
-        var columnId = React.useRef();
-        var onChangeRef = React.useRef();
-        var addListenerTimeout = React.useRef();
-        var columnResizeStateRef = React.useRef(columnResizeState);
-        React.useEffect(function () {
-            columnResizeStateRef.current = columnResizeState;
-        }, [columnResizeState]);
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        var keyboardHandler = react_utilities_1.useEventCallback(function (event) {
-            var colId = columnId.current;
-            if (!colId) {
-                return;
-            }
-            var width = columnResizeStateRef.current.getColumnWidth(colId);
-            var precisionModifier = event.getModifierState(PRECISION_MODIFIER);
-            var stopEvent = function () {
-                event.preventDefault();
-                event.stopPropagation();
-            };
-            switch (event.key) {
-                case keyboard_keys_1.ArrowLeft:
-                    stopEvent();
-                    columnResizeStateRef.current.setColumnWidth(event, {
-                        columnId: colId,
-                        width: width - (precisionModifier ? STEP * PRECISION_FACTOR : STEP),
-                    });
-                    return;
-                case keyboard_keys_1.ArrowRight:
-                    stopEvent();
-                    columnResizeStateRef.current.setColumnWidth(event, {
-                        columnId: colId,
-                        width: width + (precisionModifier ? STEP * PRECISION_FACTOR : STEP),
-                    });
-                    return;
-                case keyboard_keys_1.Space:
-                case keyboard_keys_1.Enter:
-                case keyboard_keys_1.Escape:
-                    stopEvent();
-                    disableInteractiveMode();
-                    break;
-            }
-        });
-        // On component unmout, cancel any timer for adding a listener (if it exists) and remove the listener
-        React.useEffect(function () { return function () {
-            var _a, _b;
-            (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.clearTimeout(addListenerTimeout.current);
-            (_b = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _b === void 0 ? void 0 : _b.removeEventListener('keydown', keyboardHandler);
-        }; }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);
-        var enableInteractiveMode = React.useCallback(function (colId) {
-            var _a, _b;
-            columnId.current = colId;
-            (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, colId, true);
-            // Create the listener in the next tick, because the event that triggered this is still propagating
-            // when Enter was pressed and would be caught in the keyboardHandler, disabling the keyboard mode immediately.
-            // No idea why this is happening, but this is a working workaround.
-            // Tracked here: https://github.com/microsoft/fluentui/issues/27177
-            addListenerTimeout.current = (_b = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _b === void 0 ? void 0 : _b.setTimeout(function () {
-                var _a;
-                (_a = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _a === void 0 ? void 0 : _a.addEventListener('keydown', keyboardHandler);
-            }, 0);
-        }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);
-        var disableInteractiveMode = React.useCallback(function () {
-            var _a, _b;
-            if (columnId.current) {
-                (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, columnId.current, false);
-            }
-            columnId.current = undefined;
-            (_b = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView) === null || _b === void 0 ? void 0 : _b.removeEventListener('keydown', keyboardHandler);
-        }, [keyboardHandler, targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView]);
-        var toggleInteractiveMode = function (colId, onChange) {
-            onChangeRef.current = onChange;
-            if (!columnId.current) {
-                enableInteractiveMode(colId);
-            }
-            else if (colId && columnId.current !== colId) {
-                columnId.current = colId;
-                onChange === null || onChange === void 0 ? void 0 : onChange(columnId.current, true);
-            }
-            else {
-                disableInteractiveMode();
-            }
-        };
-        return {
-            toggleInteractiveMode: toggleInteractiveMode,
-        };
-    }
-    exports.useKeyboardResizing = useKeyboardResizing;
-});
-//# sourceMappingURL=useKeyboardResizing.js.map

package/lib-amd/hooks/useKeyboardResizing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardResizing.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useKeyboardResizing.ts"],"names":[],"mappings":";;;;IAMA,IAAM,IAAI,GAAG,EAAE,CAAC;IAChB,IAAM,kBAAkB,GAAG,qBAAK,CAAC;IACjC,IAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC;IAE/B,SAAgB,mBAAmB,CAAC,iBAAoC;QACtE,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAiB,CAAC;QAC/C,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAsC,CAAC;QACvE,IAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;QAElD,IAAM,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAoB,iBAAiB,CAAC,CAAC;QAChF,KAAK,CAAC,SAAS,CAAC;YACd,oBAAoB,CAAC,OAAO,GAAG,iBAAiB,CAAC;QACnD,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;QAEhB,IAAA,cAAc,GAAK,0CAAS,EAAE,eAAhB,CAAiB;QAEvC,IAAM,eAAe,GAAG,kCAAgB,CAAC,UAAC,KAAoB;YAC5D,IAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;YAE/B,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO;aACR;YAED,IAAM,KAAK,GAAG,oBAAoB,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YACjE,IAAM,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;YAErE,IAAM,SAAS,GAAG;gBAChB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YAC1B,CAAC,CAAC;YAEF,QAAQ,KAAK,CAAC,GAAG,EAAE;gBACjB,KAAK,yBAAS;oBACZ,SAAS,EAAE,CAAC;oBACZ,oBAAoB,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE;wBACjD,QAAQ,EAAE,KAAK;wBACf,KAAK,EAAE,KAAK,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,GAAG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;qBACpE,CAAC,CAAC;oBACH,OAAO;gBAET,KAAK,0BAAU;oBACb,SAAS,EAAE,CAAC;oBACZ,oBAAoB,CAAC,OAAO,CAAC,cAAc,CAAC,KAAK,EAAE;wBACjD,QAAQ,EAAE,KAAK;wBACf,KAAK,EAAE,KAAK,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,GAAG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;qBACpE,CAAC,CAAC;oBACH,OAAO;gBAET,KAAK,qBAAK,CAAC;gBACX,KAAK,qBAAK,CAAC;gBACX,KAAK,sBAAM;oBACT,SAAS,EAAE,CAAC;oBACZ,sBAAsB,EAAE,CAAC;oBACzB,MAAM;aACT;QACH,CAAC,CAAC,CAAC;QAEH,qGAAqG;QACrG,KAAK,CAAC,SAAS,CACb,cAAM,OAAA;;YACJ,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,0CAAE,YAAY,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;YACtE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,0CAAE,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QAC/E,CAAC,EAHK,CAGL,EACD,CAAC,eAAe,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,CAAC,CAC/C,CAAC;QAEF,IAAM,qBAAqB,GAAG,KAAK,CAAC,WAAW,CAC7C,UAAC,KAAoB;;YACnB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,MAAA,WAAW,CAAC,OAAO,+CAAnB,WAAW,EAAW,KAAK,EAAE,IAAI,CAAC,CAAC;YACnC,mGAAmG;YACnG,8GAA8G;YAC9G,mEAAmE;YACnE,mEAAmE;YACnE,kBAAkB,CAAC,OAAO,GAAG,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,0CAAE,UAAU,CAAC;;gBACnE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,0CAAE,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;YAC5E,CAAC,EAAE,CAAC,CAAC,CAAC;QACR,CAAC,EACD,CAAC,eAAe,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,CAAC,CAC/C,CAAC;QAEF,IAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC;;YAC/C,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,MAAA,WAAW,CAAC,OAAO,+CAAnB,WAAW,EAAW,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;aAChD;YACD,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;YAC7B,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,0CAAE,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;QAC/E,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,WAAW,CAAC,CAAC,CAAC;QAEnD,IAAM,qBAAqB,GAAG,UAAC,KAAoB,EAAE,QAA6C;YAChG,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;YAC/B,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBACrB,qBAAqB,CAAC,KAAK,CAAC,CAAC;aAC9B;iBAAM,IAAI,KAAK,IAAI,QAAQ,CAAC,OAAO,KAAK,KAAK,EAAE;gBAC9C,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;gBACzB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;aACpC;iBAAM;gBACL,sBAAsB,EAAE,CAAC;aAC1B;QACH,CAAC,CAAC;QAEF,OAAO;YACL,qBAAqB,uBAAA;SACtB,CAAC;IACJ,CAAC;IApGD,kDAoGC","sourcesContent":["import * as React from 'react';\nimport { ArrowLeft, ArrowRight, Enter, Escape, Shift, Space } from '@fluentui/keyboard-keys';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { ColumnResizeState, EnableKeyboardModeOnChangeCallback, TableColumnId } from './types';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\nconst STEP = 20;\nconst PRECISION_MODIFIER = Shift;\nconst PRECISION_FACTOR = 1 / 4;\n\nexport function useKeyboardResizing(columnResizeState: ColumnResizeState) {\n  const columnId = React.useRef<TableColumnId>();\n  const onChangeRef = React.useRef<EnableKeyboardModeOnChangeCallback>();\n  const addListenerTimeout = React.useRef<number>();\n\n  const columnResizeStateRef = React.useRef<ColumnResizeState>(columnResizeState);\n  React.useEffect(() => {\n    columnResizeStateRef.current = columnResizeState;\n  }, [columnResizeState]);\n\n  const { targetDocument } = useFluent();\n\n  const keyboardHandler = useEventCallback((event: KeyboardEvent) => {\n    const colId = columnId.current;\n\n    if (!colId) {\n      return;\n    }\n\n    const width = columnResizeStateRef.current.getColumnWidth(colId);\n    const precisionModifier = event.getModifierState(PRECISION_MODIFIER);\n\n    const stopEvent = () => {\n      event.preventDefault();\n      event.stopPropagation();\n    };\n\n    switch (event.key) {\n      case ArrowLeft:\n        stopEvent();\n        columnResizeStateRef.current.setColumnWidth(event, {\n          columnId: colId,\n          width: width - (precisionModifier ? STEP * PRECISION_FACTOR : STEP),\n        });\n        return;\n\n      case ArrowRight:\n        stopEvent();\n        columnResizeStateRef.current.setColumnWidth(event, {\n          columnId: colId,\n          width: width + (precisionModifier ? STEP * PRECISION_FACTOR : STEP),\n        });\n        return;\n\n      case Space:\n      case Enter:\n      case Escape:\n        stopEvent();\n        disableInteractiveMode();\n        break;\n    }\n  });\n\n  // On component unmout, cancel any timer for adding a listener (if it exists) and remove the listener\n  React.useEffect(\n    () => () => {\n      targetDocument?.defaultView?.clearTimeout(addListenerTimeout.current);\n      targetDocument?.defaultView?.removeEventListener('keydown', keyboardHandler);\n    },\n    [keyboardHandler, targetDocument?.defaultView],\n  );\n\n  const enableInteractiveMode = React.useCallback(\n    (colId: TableColumnId) => {\n      columnId.current = colId;\n      onChangeRef.current?.(colId, true);\n      // Create the listener in the next tick, because the event that triggered this is still propagating\n      // when Enter was pressed and would be caught in the keyboardHandler, disabling the keyboard mode immediately.\n      // No idea why this is happening, but this is a working workaround.\n      // Tracked here: https://github.com/microsoft/fluentui/issues/27177\n      addListenerTimeout.current = targetDocument?.defaultView?.setTimeout(() => {\n        targetDocument?.defaultView?.addEventListener('keydown', keyboardHandler);\n      }, 0);\n    },\n    [keyboardHandler, targetDocument?.defaultView],\n  );\n\n  const disableInteractiveMode = React.useCallback(() => {\n    if (columnId.current) {\n      onChangeRef.current?.(columnId.current, false);\n    }\n    columnId.current = undefined;\n    targetDocument?.defaultView?.removeEventListener('keydown', keyboardHandler);\n  }, [keyboardHandler, targetDocument?.defaultView]);\n\n  const toggleInteractiveMode = (colId: TableColumnId, onChange?: EnableKeyboardModeOnChangeCallback) => {\n    onChangeRef.current = onChange;\n    if (!columnId.current) {\n      enableInteractiveMode(colId);\n    } else if (colId && columnId.current !== colId) {\n      columnId.current = colId;\n      onChange?.(columnId.current, true);\n    } else {\n      disableInteractiveMode();\n    }\n  };\n\n  return {\n    toggleInteractiveMode,\n  };\n}\n"]}

package/lib-amd/hooks/useMeasureElement.js

@@ -1,46 +0,0 @@
-define(["require", "exports", "@fluentui/react-utilities", "react", "@fluentui/react-shared-contexts"], function (require, exports, react_utilities_1, React, react_shared_contexts_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useMeasureElement = void 0;
-    /**
-     * Provides a way of reporting element width.
-     * Returns
-     * `width` - current element width (0 by default),
-     * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure
-     */
-    function useMeasureElement() {
-        var _a = React.useState(0), width = _a[0], setWidth = _a[1];
-        var container = React.useRef(undefined);
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        // the handler for resize observer
-        var handleResize = React.useCallback(function () {
-            var _a;
-            var containerWidth = (_a = container.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
-            setWidth(containerWidth || 0);
-        }, []);
-        // Keep the reference of ResizeObserver in the state, as it should live through renders
-        var resizeObserver = React.useState(react_utilities_1.canUseDOM() ? new ResizeObserver(handleResize) : undefined)[0];
-        var measureElementRef = React.useCallback(function (el) {
-            if (!targetDocument || !resizeObserver) {
-                return;
-            }
-            // cleanup previous container
-            if (container.current) {
-                resizeObserver.unobserve(container.current);
-                container.current.remove();
-            }
-            if (el) {
-                container.current = targetDocument.createElement('div');
-                el.insertAdjacentElement('beforebegin', container.current);
-                resizeObserver.observe(container.current);
-                handleResize();
-            }
-        }, [targetDocument, resizeObserver, handleResize]);
-        React.useEffect(function () {
-            return function () { return resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.disconnect(); };
-        }, [resizeObserver]);
-        return { width: width, measureElementRef: measureElementRef };
-    }
-    exports.useMeasureElement = useMeasureElement;
-});
-//# sourceMappingURL=useMeasureElement.js.map

package/lib-amd/hooks/useMeasureElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMeasureElement.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useMeasureElement.ts"],"names":[],"mappings":";;;;IAIA;;;;;OAKG;IACH,SAAgB,iBAAiB;QACzB,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAApC,KAAK,QAAA,EAAE,QAAQ,QAAqB,CAAC;QAC5C,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAA0B,SAAS,CAAC,CAAC;QAE3D,IAAA,cAAc,GAAK,0CAAS,EAAE,eAAhB,CAAiB;QAEvC,kCAAkC;QAClC,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC;;YACrC,IAAM,cAAc,GAAG,MAAA,SAAS,CAAC,OAAO,0CAAE,qBAAqB,GAAG,KAAK,CAAC;YACxE,QAAQ,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC;QAChC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,uFAAuF;QAChF,IAAA,cAAc,GAAI,KAAK,CAAC,QAAQ,CAAC,2BAAS,EAAE,CAAC,CAAC,CAAC,IAAI,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAA9E,CAA+E;QACpG,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,UAAC,EAAmB;YAClB,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,EAAE;gBACtC,OAAO;aACR;YAED,6BAA6B;YAC7B,IAAI,SAAS,CAAC,OAAO,EAAE;gBACrB,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAC5C,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;aAC5B;YAED,IAAI,EAAE,EAAE;gBACN,SAAS,CAAC,OAAO,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACxD,EAAE,CAAC,qBAAqB,CAAC,aAAa,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;gBAC3D,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAC1C,YAAY,EAAE,CAAC;aAChB;QACH,CAAC,EACD,CAAC,cAAc,EAAE,cAAc,EAAE,YAAY,CAAC,CAC/C,CAAC;QAEF,KAAK,CAAC,SAAS,CAAC;YACd,OAAO,cAAM,OAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,EAA5B,CAA4B,CAAC;QAC5C,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;QAErB,OAAO,EAAE,KAAK,OAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAC;IACtC,CAAC;IAzCD,8CAyCC","sourcesContent":["import { canUseDOM } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\n/**\n * Provides a way of reporting element width.\n * Returns\n * `width` - current element width (0 by default),\n * `measureElementRef` - a ref function to be passed as `ref` to the element you want to measure\n */\nexport function useMeasureElement<TElement extends HTMLElement = HTMLElement>() {\n  const [width, setWidth] = React.useState(0);\n  const container = React.useRef<HTMLElement | undefined>(undefined);\n\n  const { targetDocument } = useFluent();\n\n  // the handler for resize observer\n  const handleResize = React.useCallback(() => {\n    const containerWidth = container.current?.getBoundingClientRect().width;\n    setWidth(containerWidth || 0);\n  }, []);\n\n  // Keep the reference of ResizeObserver in the state, as it should live through renders\n  const [resizeObserver] = React.useState(canUseDOM() ? new ResizeObserver(handleResize) : undefined);\n  const measureElementRef = React.useCallback(\n    (el: TElement | null) => {\n      if (!targetDocument || !resizeObserver) {\n        return;\n      }\n\n      // cleanup previous container\n      if (container.current) {\n        resizeObserver.unobserve(container.current);\n        container.current.remove();\n      }\n\n      if (el) {\n        container.current = targetDocument.createElement('div');\n        el.insertAdjacentElement('beforebegin', container.current);\n        resizeObserver.observe(container.current);\n        handleResize();\n      }\n    },\n    [targetDocument, resizeObserver, handleResize],\n  );\n\n  React.useEffect(() => {\n    return () => resizeObserver?.disconnect();\n  }, [resizeObserver]);\n\n  return { width, measureElementRef };\n}\n"]}