@fluentui/react-table 9.2.1 → 9.2.3

package/lib-amd/hooks/useTableColumnResizeMouseHandler.js

@@ -1,63 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-shared-contexts", "@fluentui/react-utilities"], function (require, exports, React, react_shared_contexts_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableColumnResizeMouseHandler = void 0;
-    function useTableColumnResizeMouseHandler(columnResizeState) {
-        var mouseX = React.useRef(0);
-        var currentWidth = React.useRef(0);
-        var colId = React.useRef(undefined);
-        var targetDocument = react_shared_contexts_1.useFluent_unstable().targetDocument;
-        var globalWin = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
-        var recalculatePosition = React.useCallback(function (e) {
-            var clientX = react_utilities_1.getEventClientCoords(e).clientX;
-            var dx = clientX - mouseX.current;
-            // Update the local width for the column and set it
-            currentWidth.current += dx;
-            colId.current && columnResizeState.setColumnWidth(e, { columnId: colId.current, width: currentWidth.current });
-            mouseX.current = clientX;
-        }, [columnResizeState]);
-        var onDrag = React.useCallback(function (e) {
-            // Using requestAnimationFrame here drastically improves resizing experience on slower CPUs
-            if (typeof (globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame) === 'function') {
-                requestAnimationFrame(function () { return recalculatePosition(e); });
-            }
-            else {
-                recalculatePosition(e);
-            }
-        }, [globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame, recalculatePosition]);
-        var onDragEnd = React.useCallback(function (event) {
-            if (react_utilities_1.isMouseEvent(event)) {
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mouseup', onDragEnd);
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mousemove', onDrag);
-            }
-            if (react_utilities_1.isTouchEvent(event)) {
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchend', onDragEnd);
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchmove', onDrag);
-            }
-        }, [onDrag, targetDocument]);
-        var getOnMouseDown = function (columnId) { return function (event) {
-            // Keep the width locally so that we decouple the calculation of the next with from rendering.
-            // This makes the whole experience much faster and more precise
-            currentWidth.current = columnResizeState.getColumnWidth(columnId);
-            mouseX.current = react_utilities_1.getEventClientCoords(event).clientX;
-            colId.current = columnId;
-            if (react_utilities_1.isMouseEvent(event)) {
-                // ignore other buttons than primary mouse button
-                if (event.target !== event.currentTarget || event.button !== 0) {
-                    return;
-                }
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mouseup', onDragEnd);
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mousemove', onDrag);
-            }
-            if (react_utilities_1.isTouchEvent(event)) {
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchend', onDragEnd);
-                targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchmove', onDrag);
-            }
-        }; };
-        return {
-            getOnMouseDown: function (columnId) { return getOnMouseDown(columnId); },
-        };
-    }
-    exports.useTableColumnResizeMouseHandler = useTableColumnResizeMouseHandler;
-});
-//# sourceMappingURL=useTableColumnResizeMouseHandler.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumnResizeMouseHandler.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useTableColumnResizeMouseHandler.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { TableColumnId, ColumnResizeState } from './types';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport {\n  NativeTouchOrMouseEvent,\n  ReactTouchOrMouseEvent,\n  getEventClientCoords,\n  isMouseEvent,\n  isTouchEvent,\n} from '@fluentui/react-utilities';\n\nexport function useTableColumnResizeMouseHandler(columnResizeState: ColumnResizeState) {\n  const mouseX = React.useRef(0);\n  const currentWidth = React.useRef(0);\n  const colId = React.useRef<TableColumnId | undefined>(undefined);\n\n  const { targetDocument } = useFluent();\n  const globalWin = targetDocument?.defaultView;\n\n  const recalculatePosition = React.useCallback(\n    (e: NativeTouchOrMouseEvent) => {\n      const { clientX } = getEventClientCoords(e);\n      const dx = clientX - mouseX.current;\n\n      // Update the local width for the column and set it\n      currentWidth.current += dx;\n      colId.current && columnResizeState.setColumnWidth(e, { columnId: colId.current, width: currentWidth.current });\n      mouseX.current = clientX;\n    },\n    [columnResizeState],\n  );\n\n  const onDrag = React.useCallback(\n    (e: NativeTouchOrMouseEvent) => {\n      // Using requestAnimationFrame here drastically improves resizing experience on slower CPUs\n      if (typeof globalWin?.requestAnimationFrame === 'function') {\n        requestAnimationFrame(() => recalculatePosition(e));\n      } else {\n        recalculatePosition(e);\n      }\n    },\n    [globalWin?.requestAnimationFrame, recalculatePosition],\n  );\n\n  const onDragEnd = React.useCallback(\n    (event: NativeTouchOrMouseEvent) => {\n      if (isMouseEvent(event)) {\n        targetDocument?.removeEventListener('mouseup', onDragEnd);\n        targetDocument?.removeEventListener('mousemove', onDrag);\n      }\n      if (isTouchEvent(event)) {\n        targetDocument?.removeEventListener('touchend', onDragEnd);\n        targetDocument?.removeEventListener('touchmove', onDrag);\n      }\n    },\n    [onDrag, targetDocument],\n  );\n\n  const getOnMouseDown = (columnId: TableColumnId) => (event: ReactTouchOrMouseEvent) => {\n    // Keep the width locally so that we decouple the calculation of the next with from rendering.\n    // This makes the whole experience much faster and more precise\n    currentWidth.current = columnResizeState.getColumnWidth(columnId);\n    mouseX.current = getEventClientCoords(event).clientX;\n    colId.current = columnId;\n\n    if (isMouseEvent(event)) {\n      // ignore other buttons than primary mouse button\n      if (event.target !== event.currentTarget || event.button !== 0) {\n        return;\n      }\n      targetDocument?.addEventListener('mouseup', onDragEnd);\n      targetDocument?.addEventListener('mousemove', onDrag);\n    }\n\n    if (isTouchEvent(event)) {\n      targetDocument?.addEventListener('touchend', onDragEnd);\n      targetDocument?.addEventListener('touchmove', onDrag);\n    }\n  };\n\n  return {\n    getOnMouseDown: (columnId: TableColumnId) => getOnMouseDown(columnId),\n  };\n}\n"]}

package/lib-amd/hooks/useTableColumnResizeState.js

@@ -1,75 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "react", "../utils/columnResizeUtils"], function (require, exports, tslib_1, react_utilities_1, React, columnResizeUtils_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableColumnResizeState = void 0;
-    var createReducer = function () {
-        return function (state, action) {
-            switch (action.type) {
-                case 'CONTAINER_WIDTH_UPDATED':
-                    return tslib_1.__assign(tslib_1.__assign({}, state), { containerWidth: action.containerWidth, columnWidthState: columnResizeUtils_1.adjustColumnWidthsToFitContainer(state.columnWidthState, action.containerWidth) });
-                case 'COLUMNS_UPDATED':
-                    var newS = columnResizeUtils_1.columnDefinitionsToState(action.columns, state.columnWidthState, state.columnSizingOptions);
-                    return tslib_1.__assign(tslib_1.__assign({}, state), { columns: action.columns, columnWidthState: columnResizeUtils_1.adjustColumnWidthsToFitContainer(newS, state.containerWidth) });
-                case 'COLUMN_SIZING_OPTIONS_UPDATED':
-                    var newState = columnResizeUtils_1.columnDefinitionsToState(state.columns, state.columnWidthState, action.columnSizingOptions);
-                    return tslib_1.__assign(tslib_1.__assign({}, state), { columnSizingOptions: action.columnSizingOptions, columnWidthState: columnResizeUtils_1.adjustColumnWidthsToFitContainer(newState, state.containerWidth) });
-                case 'SET_COLUMN_WIDTH':
-                    var columnId = action.columnId, width = action.width;
-                    var containerWidth = state.containerWidth;
-                    var column = columnResizeUtils_1.getColumnById(state.columnWidthState, columnId);
-                    var newColumnWidthState = tslib_1.__spreadArray([], state.columnWidthState);
-                    if (!column) {
-                        return state;
-                    }
-                    // Adjust the column width and measure the new total width
-                    newColumnWidthState = columnResizeUtils_1.setColumnProperty(newColumnWidthState, columnId, 'width', width);
-                    // Set this width as idealWidth, because its a deliberate change, not a recalculation because of container
-                    newColumnWidthState = columnResizeUtils_1.setColumnProperty(newColumnWidthState, columnId, 'idealWidth', width);
-                    // Adjust the widths to the container size
-                    newColumnWidthState = columnResizeUtils_1.adjustColumnWidthsToFitContainer(newColumnWidthState, containerWidth);
-                    return tslib_1.__assign(tslib_1.__assign({}, state), { columnWidthState: newColumnWidthState });
-            }
-        };
-    };
-    function useTableColumnResizeState(columns, containerWidth, params) {
-        if (params === void 0) { params = {}; }
-        var onColumnResize = params.onColumnResize, columnSizingOptions = params.columnSizingOptions;
-        var reducer = React.useMemo(function () { return createReducer(); }, []);
-        var _a = React.useReducer(reducer, {
-            columns: columns,
-            containerWidth: 0,
-            columnWidthState: columnResizeUtils_1.columnDefinitionsToState(columns, undefined, columnSizingOptions),
-            columnSizingOptions: columnSizingOptions,
-        }), state = _a[0], dispatch = _a[1];
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            dispatch({ type: 'CONTAINER_WIDTH_UPDATED', containerWidth: containerWidth });
-        }, [containerWidth]);
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            dispatch({ type: 'COLUMNS_UPDATED', columns: columns });
-        }, [columns]);
-        react_utilities_1.useIsomorphicLayoutEffect(function () {
-            dispatch({ type: 'COLUMN_SIZING_OPTIONS_UPDATED', columnSizingOptions: columnSizingOptions });
-        }, [columnSizingOptions]);
-        var setColumnWidth = react_utilities_1.useEventCallback(function (event, data) {
-            var width = data.width;
-            var columnId = data.columnId;
-            var col = columnResizeUtils_1.getColumnById(state.columnWidthState, columnId);
-            if (!col) {
-                return;
-            }
-            width = Math.max(col.minWidth || 0, width);
-            if (onColumnResize) {
-                onColumnResize(event, { columnId: columnId, width: width });
-            }
-            dispatch({ type: 'SET_COLUMN_WIDTH', columnId: columnId, width: width });
-        });
-        return {
-            getColumnById: function (colId) { return columnResizeUtils_1.getColumnById(state.columnWidthState, colId); },
-            getColumns: function () { return state.columnWidthState; },
-            getColumnWidth: function (colId) { return columnResizeUtils_1.getColumnWidth(state.columnWidthState, colId); },
-            setColumnWidth: setColumnWidth,
-        };
-    }
-    exports.useTableColumnResizeState = useTableColumnResizeState;
-});
-//# sourceMappingURL=useTableColumnResizeState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumnResizeState.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useTableColumnResizeState.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport {\n  TableColumnDefinition,\n  TableColumnId,\n  ColumnResizeState,\n  ColumnWidthState,\n  UseTableColumnSizingParams,\n  TableColumnSizingOptions,\n} from './types';\nimport {\n  columnDefinitionsToState,\n  adjustColumnWidthsToFitContainer,\n  getColumnById,\n  setColumnProperty,\n  getColumnWidth,\n} from '../utils/columnResizeUtils';\n\ntype ComponentState<T> = {\n  columns: TableColumnDefinition<T>[];\n  containerWidth: number;\n  columnWidthState: ColumnWidthState[];\n  columnSizingOptions: TableColumnSizingOptions | undefined;\n};\n\ntype ColumnResizeStateAction<T> =\n  | {\n      type: 'CONTAINER_WIDTH_UPDATED';\n      containerWidth: number;\n    }\n  | {\n      type: 'COLUMNS_UPDATED';\n      columns: TableColumnDefinition<T>[];\n    }\n  | {\n      type: 'COLUMN_SIZING_OPTIONS_UPDATED';\n      columnSizingOptions: TableColumnSizingOptions | undefined;\n    }\n  | {\n      type: 'SET_COLUMN_WIDTH';\n      columnId: TableColumnId;\n      width: number;\n    };\n\nconst createReducer =\n  <T>() =>\n  (state: ComponentState<T>, action: ColumnResizeStateAction<T>): ComponentState<T> => {\n    switch (action.type) {\n      case 'CONTAINER_WIDTH_UPDATED':\n        return {\n          ...state,\n          containerWidth: action.containerWidth,\n          columnWidthState: adjustColumnWidthsToFitContainer(state.columnWidthState, action.containerWidth),\n        };\n\n      case 'COLUMNS_UPDATED':\n        const newS = columnDefinitionsToState(action.columns, state.columnWidthState, state.columnSizingOptions);\n        return {\n          ...state,\n          columns: action.columns,\n          columnWidthState: adjustColumnWidthsToFitContainer(newS, state.containerWidth),\n        };\n\n      case 'COLUMN_SIZING_OPTIONS_UPDATED':\n        const newState = columnDefinitionsToState(state.columns, state.columnWidthState, action.columnSizingOptions);\n        return {\n          ...state,\n          columnSizingOptions: action.columnSizingOptions,\n          columnWidthState: adjustColumnWidthsToFitContainer(newState, state.containerWidth),\n        };\n\n      case 'SET_COLUMN_WIDTH':\n        const { columnId, width } = action;\n        const { containerWidth } = state;\n\n        const column = getColumnById(state.columnWidthState, columnId);\n        let newColumnWidthState = [...state.columnWidthState];\n\n        if (!column) {\n          return state;\n        }\n\n        // Adjust the column width and measure the new total width\n        newColumnWidthState = setColumnProperty(newColumnWidthState, columnId, 'width', width);\n        // Set this width as idealWidth, because its a deliberate change, not a recalculation because of container\n        newColumnWidthState = setColumnProperty(newColumnWidthState, columnId, 'idealWidth', width);\n        // Adjust the widths to the container size\n        newColumnWidthState = adjustColumnWidthsToFitContainer(newColumnWidthState, containerWidth);\n\n        return { ...state, columnWidthState: newColumnWidthState };\n    }\n  };\n\nexport function useTableColumnResizeState<T>(\n  columns: TableColumnDefinition<T>[],\n  containerWidth: number,\n  params: UseTableColumnSizingParams = {},\n): ColumnResizeState {\n  const { onColumnResize, columnSizingOptions } = params;\n\n  const reducer = React.useMemo(() => createReducer<T>(), []);\n\n  const [state, dispatch] = React.useReducer(reducer, {\n    columns,\n    containerWidth: 0,\n    columnWidthState: columnDefinitionsToState(columns, undefined, columnSizingOptions),\n    columnSizingOptions,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    dispatch({ type: 'CONTAINER_WIDTH_UPDATED', containerWidth });\n  }, [containerWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    dispatch({ type: 'COLUMNS_UPDATED', columns });\n  }, [columns]);\n\n  useIsomorphicLayoutEffect(() => {\n    dispatch({ type: 'COLUMN_SIZING_OPTIONS_UPDATED', columnSizingOptions });\n  }, [columnSizingOptions]);\n\n  const setColumnWidth = useEventCallback(\n    (event: KeyboardEvent | MouseEvent | TouchEvent | undefined, data: { columnId: TableColumnId; width: number }) => {\n      let { width } = data;\n      const { columnId } = data;\n      const col = getColumnById(state.columnWidthState, columnId);\n      if (!col) {\n        return;\n      }\n\n      width = Math.max(col.minWidth || 0, width);\n\n      if (onColumnResize) {\n        onColumnResize(event, { columnId, width });\n      }\n      dispatch({ type: 'SET_COLUMN_WIDTH', columnId, width });\n    },\n  );\n\n  return {\n    getColumnById: (colId: TableColumnId) => getColumnById(state.columnWidthState, colId),\n    getColumns: () => state.columnWidthState,\n    getColumnWidth: (colId: TableColumnId) => getColumnWidth(state.columnWidthState, colId),\n    setColumnWidth,\n  };\n}\n"]}

package/lib-amd/hooks/useTableColumnSizing.js

@@ -1,67 +0,0 @@
-define(["require", "exports", "tslib", "react", "../TableResizeHandle", "./useMeasureElement", "./useTableColumnResizeMouseHandler", "./useTableColumnResizeState", "./useKeyboardResizing"], function (require, exports, tslib_1, React, TableResizeHandle_1, useMeasureElement_1, useTableColumnResizeMouseHandler_1, useTableColumnResizeState_1, useKeyboardResizing_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableColumnSizing_unstable = exports.defaultColumnSizingState = void 0;
-    exports.defaultColumnSizingState = {
-        getColumnWidths: function () { return []; },
-        getOnMouseDown: function () { return function () { return null; }; },
-        setColumnWidth: function () { return null; },
-        getTableHeaderCellProps: function () { return ({ style: {}, columnId: '' }); },
-        getTableCellProps: function () { return ({ style: {}, columnId: '' }); },
-        enableKeyboardMode: function () { return function () { return null; }; },
-    };
-    function useTableColumnSizing_unstable(params) {
-        // False positive, these plugin hooks are intended to be run on every render
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        return function (tableState) { return useTableColumnSizingState(tableState, params); };
-    }
-    exports.useTableColumnSizing_unstable = useTableColumnSizing_unstable;
-    function getColumnStyles(column) {
-        var width = column.width;
-        return {
-            // native styles
-            width: width,
-            // non-native element styles (flex layout)
-            minWidth: width,
-            maxWidth: width,
-        };
-    }
-    function useTableColumnSizingState(tableState, params) {
-        var columns = tableState.columns;
-        // Gets the container width
-        var _a = useMeasureElement_1.useMeasureElement(), width = _a.width, measureElementRef = _a.measureElementRef;
-        // Creates the state based on columns and available containerWidth
-        var columnResizeState = useTableColumnResizeState_1.useTableColumnResizeState(columns, width + ((params === null || params === void 0 ? void 0 : params.containerWidthOffset) || 0), params);
-        // Creates the mouse handler and attaches the state to it
-        var mouseHandler = useTableColumnResizeMouseHandler_1.useTableColumnResizeMouseHandler(columnResizeState);
-        // Creates the keyboard handler for resizing columns
-        var keyboardResizing = useKeyboardResizing_1.useKeyboardResizing(columnResizeState);
-        var enableKeyboardMode = React.useCallback(function (columnId, onChange) {
-            return function (e) {
-                e.preventDefault();
-                e.nativeEvent.stopPropagation();
-                keyboardResizing.toggleInteractiveMode(columnId, onChange);
-            };
-        }, [keyboardResizing]);
-        return tslib_1.__assign(tslib_1.__assign({}, tableState), { tableRef: measureElementRef, 
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            columnSizing_unstable: {
-                getOnMouseDown: mouseHandler.getOnMouseDown,
-                setColumnWidth: function (columnId, w) {
-                    return columnResizeState.setColumnWidth(undefined, { columnId: columnId, width: w });
-                },
-                getColumnWidths: columnResizeState.getColumns,
-                getTableHeaderCellProps: function (columnId) {
-                    var col = columnResizeState.getColumnById(columnId);
-                    var aside = (React.createElement(TableResizeHandle_1.TableResizeHandle, { onMouseDown: mouseHandler.getOnMouseDown(columnId), onTouchStart: mouseHandler.getOnMouseDown(columnId) }));
-                    return col ? { style: getColumnStyles(col), aside: aside } : {};
-                },
-                getTableCellProps: function (columnId) {
-                    var col = columnResizeState.getColumnById(columnId);
-                    return col ? { style: getColumnStyles(col) } : {};
-                },
-                enableKeyboardMode: enableKeyboardMode,
-            } });
-    }
-});
-//# sourceMappingURL=useTableColumnSizing.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableColumnSizing.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useTableColumnSizing.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { TableResizeHandle } from '../TableResizeHandle';\nimport {\n  ColumnWidthState,\n  EnableKeyboardModeOnChangeCallback,\n  TableColumnId,\n  TableColumnSizingState,\n  TableFeaturesState,\n  UseTableColumnSizingParams,\n} from './types';\nimport { useMeasureElement } from './useMeasureElement';\nimport { useTableColumnResizeMouseHandler } from './useTableColumnResizeMouseHandler';\nimport { useTableColumnResizeState } from './useTableColumnResizeState';\nimport { useKeyboardResizing } from './useKeyboardResizing';\n\nexport const defaultColumnSizingState: TableColumnSizingState = {\n  getColumnWidths: () => [],\n  getOnMouseDown: () => () => null,\n  setColumnWidth: () => null,\n  getTableHeaderCellProps: () => ({ style: {}, columnId: '' }),\n  getTableCellProps: () => ({ style: {}, columnId: '' }),\n  enableKeyboardMode: () => () => null,\n};\n\nexport function useTableColumnSizing_unstable<TItem>(params?: UseTableColumnSizingParams) {\n  // False positive, these plugin hooks are intended to be run on every render\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return (tableState: TableFeaturesState<TItem>) => useTableColumnSizingState(tableState, params);\n}\n\nfunction getColumnStyles(column: ColumnWidthState): React.CSSProperties {\n  const width = column.width;\n\n  return {\n    // native styles\n    width,\n    // non-native element styles (flex layout)\n    minWidth: width,\n    maxWidth: width,\n  };\n}\n\nfunction useTableColumnSizingState<TItem>(\n  tableState: TableFeaturesState<TItem>,\n  params?: UseTableColumnSizingParams,\n): TableFeaturesState<TItem> {\n  const { columns } = tableState;\n\n  // Gets the container width\n  const { width, measureElementRef } = useMeasureElement();\n  // Creates the state based on columns and available containerWidth\n  const columnResizeState = useTableColumnResizeState(columns, width + (params?.containerWidthOffset || 0), params);\n  // Creates the mouse handler and attaches the state to it\n  const mouseHandler = useTableColumnResizeMouseHandler(columnResizeState);\n  // Creates the keyboard handler for resizing columns\n  const keyboardResizing = useKeyboardResizing(columnResizeState);\n\n  const enableKeyboardMode = React.useCallback(\n    (columnId: TableColumnId, onChange?: EnableKeyboardModeOnChangeCallback) =>\n      (e: React.MouseEvent | React.TouchEvent) => {\n        e.preventDefault();\n        e.nativeEvent.stopPropagation();\n        keyboardResizing.toggleInteractiveMode(columnId, onChange);\n      },\n    [keyboardResizing],\n  );\n\n  return {\n    ...tableState,\n    tableRef: measureElementRef,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    columnSizing_unstable: {\n      getOnMouseDown: mouseHandler.getOnMouseDown,\n      setColumnWidth: (columnId: TableColumnId, w: number) =>\n        columnResizeState.setColumnWidth(undefined, { columnId, width: w }),\n      getColumnWidths: columnResizeState.getColumns,\n      getTableHeaderCellProps: (columnId: TableColumnId) => {\n        const col = columnResizeState.getColumnById(columnId);\n\n        const aside = (\n          <TableResizeHandle\n            onMouseDown={mouseHandler.getOnMouseDown(columnId)}\n            onTouchStart={mouseHandler.getOnMouseDown(columnId)}\n          />\n        );\n        return col ? { style: getColumnStyles(col), aside } : {};\n      },\n      getTableCellProps: (columnId: TableColumnId) => {\n        const col = columnResizeState.getColumnById(columnId);\n        return col ? { style: getColumnStyles(col) } : {};\n      },\n      enableKeyboardMode,\n    },\n  };\n}\n"]}

package/lib-amd/hooks/useTableFeatures.js

@@ -1,39 +0,0 @@
-define(["require", "exports", "react", "./useTableSelection", "./useTableSort", "./useTableColumnSizing"], function (require, exports, React, useTableSelection_1, useTableSort_1, useTableColumnSizing_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableFeatures = exports.defaultTableState = void 0;
-    var defaultRowEnhancer = function (row) { return row; };
-    exports.defaultTableState = {
-        selection: useTableSelection_1.defaultTableSelectionState,
-        sort: useTableSort_1.defaultTableSortState,
-        getRows: function () { return []; },
-        getRowId: function () { return ''; },
-        items: [],
-        columns: [],
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        columnSizing_unstable: useTableColumnSizing_1.defaultColumnSizingState,
-        tableRef: React.createRef(),
-    };
-    function useTableFeatures(options, plugins) {
-        if (plugins === void 0) { plugins = []; }
-        var items = options.items, getRowId = options.getRowId, columns = options.columns;
-        var getRows = function (rowEnhancer) {
-            if (rowEnhancer === void 0) { rowEnhancer = defaultRowEnhancer; }
-            return items.map(function (item, i) { var _a; return rowEnhancer({ item: item, rowId: (_a = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _a !== void 0 ? _a : i }); });
-        };
-        var initialState = {
-            getRowId: getRowId,
-            items: items,
-            columns: columns,
-            getRows: getRows,
-            selection: useTableSelection_1.defaultTableSelectionState,
-            sort: useTableSort_1.defaultTableSortState,
-            // eslint-disable-next-line @typescript-eslint/naming-convention
-            columnSizing_unstable: useTableColumnSizing_1.defaultColumnSizingState,
-            tableRef: React.createRef(),
-        };
-        return plugins.reduce(function (state, plugin) { return plugin(state); }, initialState);
-    }
-    exports.useTableFeatures = useTableFeatures;
-});
-//# sourceMappingURL=useTableFeatures.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableFeatures.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useTableFeatures.ts"],"names":[],"mappings":";;;;IAaA,IAAM,kBAAkB,GAAgD,UAAA,GAAG,IAAI,OAAA,GAAG,EAAH,CAAG,CAAC;IAEtE,QAAA,iBAAiB,GAAgC;QAC5D,SAAS,EAAE,8CAA0B;QACrC,IAAI,EAAE,oCAAqB;QAC3B,OAAO,EAAE,cAAM,OAAA,EAAE,EAAF,CAAE;QACjB,QAAQ,EAAE,cAAM,OAAA,EAAE,EAAF,CAAE;QAClB,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,EAAE;QACX,gEAAgE;QAChE,qBAAqB,EAAE,+CAAwB;QAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAkB;KAC5C,CAAC;IAEF,SAAgB,gBAAgB,CAC9B,OAAuC,EACvC,OAAkC;QAAlC,wBAAA,EAAA,YAAkC;QAE1B,IAAA,KAAK,GAAwB,OAAO,MAA/B,EAAE,QAAQ,GAAc,OAAO,SAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAa;QAE7C,IAAM,OAAO,GAAG,UACd,WAAiE;YAAjE,4BAAA,EAAA,cAAc,kBAAmD;YAC9D,OAAA,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,YAAK,OAAA,WAAW,CAAC,EAAE,IAAI,MAAA,EAAE,KAAK,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,mCAAI,CAAC,EAAE,CAAC,CAAA,EAAA,CAAC;QAA3E,CAA2E,CAAC;QAEjF,IAAM,YAAY,GAA8B;YAC9C,QAAQ,UAAA;YACR,KAAK,OAAA;YACL,OAAO,SAAA;YACP,OAAO,SAAA;YACP,SAAS,EAAE,8CAA0B;YACrC,IAAI,EAAE,oCAA8C;YACpD,gEAAgE;YAChE,qBAAqB,EAAE,+CAAwB;YAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE;SAC5B,CAAC;QAEF,OAAO,OAAO,CAAC,MAAM,CAAC,UAAC,KAAK,EAAE,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,CAAC,EAAb,CAAa,EAAE,YAAY,CAAC,CAAC;IACxE,CAAC;IAvBD,4CAuBC","sourcesContent":["import * as React from 'react';\nimport type {\n  UseTableFeaturesOptions,\n  TableFeaturesState,\n  TableRowData,\n  RowEnhancer,\n  TableFeaturePlugin,\n  TableSortState,\n} from './types';\nimport { defaultTableSelectionState } from './useTableSelection';\nimport { defaultTableSortState } from './useTableSort';\nimport { defaultColumnSizingState } from './useTableColumnSizing';\n\nconst defaultRowEnhancer: RowEnhancer<unknown, TableRowData<unknown>> = row => row;\n\nexport const defaultTableState: TableFeaturesState<unknown> = {\n  selection: defaultTableSelectionState,\n  sort: defaultTableSortState,\n  getRows: () => [],\n  getRowId: () => '',\n  items: [],\n  columns: [],\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  columnSizing_unstable: defaultColumnSizingState,\n  tableRef: React.createRef<HTMLDivElement>(),\n};\n\nexport function useTableFeatures<TItem>(\n  options: UseTableFeaturesOptions<TItem>,\n  plugins: TableFeaturePlugin[] = [],\n): TableFeaturesState<TItem> {\n  const { items, getRowId, columns } = options;\n\n  const getRows = <TRowState extends TableRowData<TItem>>(\n    rowEnhancer = defaultRowEnhancer as RowEnhancer<TItem, TRowState>,\n  ) => items.map((item, i) => rowEnhancer({ item, rowId: getRowId?.(item) ?? i }));\n\n  const initialState: TableFeaturesState<TItem> = {\n    getRowId,\n    items,\n    columns,\n    getRows,\n    selection: defaultTableSelectionState,\n    sort: defaultTableSortState as TableSortState<TItem>,\n    // eslint-disable-next-line @typescript-eslint/naming-convention\n    columnSizing_unstable: defaultColumnSizingState,\n    tableRef: React.createRef(),\n  };\n\n  return plugins.reduce((state, plugin) => plugin(state), initialState);\n}\n"]}

package/lib-amd/hooks/useTableSelection.js

@@ -1,76 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./selectionManager"], function (require, exports, tslib_1, React, react_utilities_1, selectionManager_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableSelectionState = exports.useTableSelection = exports.defaultTableSelectionState = void 0;
-    var noop = function () { return undefined; };
-    exports.defaultTableSelectionState = {
-        allRowsSelected: false,
-        clearRows: noop,
-        deselectRow: noop,
-        isRowSelected: function () { return false; },
-        selectRow: noop,
-        selectedRows: new Set(),
-        someRowsSelected: false,
-        toggleAllRows: noop,
-        toggleRow: noop,
-        selectionMode: 'multiselect',
-    };
-    function useTableSelection(options) {
-        // False positive, these plugin hooks are intended to be run on every render
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        return function (tableState) { return useTableSelectionState(tableState, options); };
-    }
-    exports.useTableSelection = useTableSelection;
-    function useTableSelectionState(tableState, options) {
-        var items = tableState.items, getRowId = tableState.getRowId;
-        var selectionMode = options.selectionMode, defaultSelectedItems = options.defaultSelectedItems, selectedItems = options.selectedItems, onSelectionChange = options.onSelectionChange;
-        var _a = react_utilities_1.useControllableState({
-            initialState: new Set(),
-            defaultState: React.useMemo(function () { return defaultSelectedItems && createSetFromIterable(defaultSelectedItems); }, [defaultSelectedItems]),
-            state: React.useMemo(function () { return selectedItems && createSetFromIterable(selectedItems); }, [selectedItems]),
-        }), selected = _a[0], setSelected = _a[1];
-        var selectionManager = React.useMemo(function () {
-            return selectionManager_1.createSelectionManager(selectionMode, function (e, newSelectedItems) {
-                setSelected(function () {
-                    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(e, { selectedItems: newSelectedItems });
-                    return newSelectedItems;
-                });
-            });
-        }, [onSelectionChange, selectionMode, setSelected]);
-        var toggleAllRows = react_utilities_1.useEventCallback(function (e) {
-            selectionManager.toggleAllItems(e, items.map(function (item, i) { var _a; return (_a = getRowId === null || getRowId === void 0 ? void 0 : getRowId(item)) !== null && _a !== void 0 ? _a : i; }), selected);
-        });
-        var toggleRow = react_utilities_1.useEventCallback(function (e, rowId) {
-            return selectionManager.toggleItem(e, rowId, selected);
-        });
-        var deselectRow = react_utilities_1.useEventCallback(function (e, rowId) {
-            return selectionManager.deselectItem(e, rowId, selected);
-        });
-        var selectRow = react_utilities_1.useEventCallback(function (e, rowId) {
-            return selectionManager.selectItem(e, rowId, selected);
-        });
-        var isRowSelected = function (rowId) {
-            return selectionManager.isSelected(rowId, selected);
-        };
-        return tslib_1.__assign(tslib_1.__assign({}, tableState), { selection: {
-                selectionMode: selectionMode,
-                someRowsSelected: selected.size > 0,
-                allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,
-                selectedRows: selected,
-                toggleRow: toggleRow,
-                toggleAllRows: toggleAllRows,
-                clearRows: selectionManager.clearItems,
-                deselectRow: deselectRow,
-                selectRow: selectRow,
-                isRowSelected: isRowSelected,
-            } });
-    }
-    exports.useTableSelectionState = useTableSelectionState;
-    /**
-     * Creates a set from a given iterable, in case the iterable is a set itself, returns the given set instead.
-     */
-    function createSetFromIterable(iterable) {
-        return iterable instanceof Set ? iterable : new Set(iterable);
-    }
-});
-//# sourceMappingURL=useTableSelection.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableSelection.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useTableSelection.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { createSelectionManager } from './selectionManager';\nimport type { TableRowId, TableSelectionState, TableFeaturesState, UseTableSelectionOptions } from './types';\n\nconst noop = () => undefined;\n\nexport const defaultTableSelectionState: TableSelectionState = {\n  allRowsSelected: false,\n  clearRows: noop,\n  deselectRow: noop,\n  isRowSelected: () => false,\n  selectRow: noop,\n  selectedRows: new Set(),\n  someRowsSelected: false,\n  toggleAllRows: noop,\n  toggleRow: noop,\n  selectionMode: 'multiselect',\n};\n\nexport function useTableSelection<TItem>(options: UseTableSelectionOptions) {\n  // False positive, these plugin hooks are intended to be run on every render\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return (tableState: TableFeaturesState<TItem>) => useTableSelectionState(tableState, options);\n}\n\nexport function useTableSelectionState<TItem>(\n  tableState: TableFeaturesState<TItem>,\n  options: UseTableSelectionOptions,\n): TableFeaturesState<TItem> {\n  const { items, getRowId } = tableState;\n  const { selectionMode, defaultSelectedItems, selectedItems, onSelectionChange } = options;\n\n  const [selected, setSelected] = useControllableState<Set<TableRowId>>({\n    initialState: new Set(),\n    defaultState: React.useMemo(\n      () => defaultSelectedItems && createSetFromIterable(defaultSelectedItems),\n      [defaultSelectedItems],\n    ),\n    state: React.useMemo(() => selectedItems && createSetFromIterable(selectedItems), [selectedItems]),\n  });\n\n  const selectionManager = React.useMemo(() => {\n    return createSelectionManager(selectionMode, (e, newSelectedItems) => {\n      setSelected(() => {\n        onSelectionChange?.(e as React.SyntheticEvent, { selectedItems: newSelectedItems });\n        return newSelectedItems;\n      });\n    });\n  }, [onSelectionChange, selectionMode, setSelected]);\n\n  const toggleAllRows: TableSelectionState['toggleAllRows'] = useEventCallback(e => {\n    selectionManager.toggleAllItems(\n      e,\n      items.map((item, i) => getRowId?.(item) ?? i),\n      selected,\n    );\n  });\n\n  const toggleRow: TableSelectionState['toggleRow'] = useEventCallback((e, rowId: TableRowId) =>\n    selectionManager.toggleItem(e, rowId, selected),\n  );\n\n  const deselectRow: TableSelectionState['deselectRow'] = useEventCallback((e, rowId: TableRowId) =>\n    selectionManager.deselectItem(e, rowId, selected),\n  );\n\n  const selectRow: TableSelectionState['selectRow'] = useEventCallback((e, rowId: TableRowId) =>\n    selectionManager.selectItem(e, rowId, selected),\n  );\n\n  const isRowSelected: TableSelectionState['isRowSelected'] = (rowId: TableRowId) =>\n    selectionManager.isSelected(rowId, selected);\n\n  return {\n    ...tableState,\n    selection: {\n      selectionMode,\n      someRowsSelected: selected.size > 0,\n      allRowsSelected: selectionMode === 'single' ? selected.size > 0 : selected.size === items.length,\n      selectedRows: selected,\n      toggleRow,\n      toggleAllRows,\n      clearRows: selectionManager.clearItems,\n      deselectRow,\n      selectRow,\n      isRowSelected,\n    },\n  };\n}\n\n/**\n * Creates a set from a given iterable, in case the iterable is a set itself, returns the given set instead.\n */\nfunction createSetFromIterable<V>(iterable: Iterable<V>): Set<V> {\n  return iterable instanceof Set ? iterable : new Set(iterable);\n}\n"]}

package/lib-amd/hooks/useTableSort.js

@@ -1,74 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities"], function (require, exports, tslib_1, react_utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useTableSortState = exports.useTableSort = exports.defaultTableSortState = void 0;
-    var noop = function () { return undefined; };
-    exports.defaultTableSortState = {
-        getSortDirection: function () { return 'ascending'; },
-        setColumnSort: noop,
-        sort: function (rows) { return tslib_1.__spreadArray([], rows); },
-        sortColumn: undefined,
-        sortDirection: 'ascending',
-        toggleColumnSort: noop,
-    };
-    function useTableSort(options) {
-        // False positive, these plugin hooks are intended to be run on every render
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        return function (tableState) { return useTableSortState(tableState, options); };
-    }
-    exports.useTableSort = useTableSort;
-    function useTableSortState(tableState, options) {
-        var columns = tableState.columns;
-        var sortState = options.sortState, defaultSortState = options.defaultSortState, onSortChange = options.onSortChange;
-        var _a = react_utilities_1.useControllableState({
-            initialState: {
-                sortDirection: 'ascending',
-                sortColumn: undefined,
-            },
-            defaultState: defaultSortState,
-            state: sortState,
-        }), sorted = _a[0], setSorted = _a[1];
-        var sortColumn = sorted.sortColumn, sortDirection = sorted.sortDirection;
-        var toggleColumnSort = function (e, columnId) {
-            setSorted(function (s) {
-                var newState = tslib_1.__assign(tslib_1.__assign({}, s), { sortColumn: columnId });
-                if (s.sortColumn === columnId) {
-                    newState.sortDirection = s.sortDirection === 'ascending' ? 'descending' : 'ascending';
-                }
-                else {
-                    newState.sortDirection = 'ascending';
-                }
-                onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);
-                return newState;
-            });
-        };
-        var setColumnSort = function (e, nextSortColumn, nextSortDirection) {
-            var newState = { sortColumn: nextSortColumn, sortDirection: nextSortDirection };
-            onSortChange === null || onSortChange === void 0 ? void 0 : onSortChange(e, newState);
-            setSorted(newState);
-        };
-        var sort = function (rows) {
-            return rows.slice().sort(function (a, b) {
-                var sortColumnDef = columns.find(function (column) { return column.columnId === sortColumn; });
-                if (!(sortColumnDef === null || sortColumnDef === void 0 ? void 0 : sortColumnDef.compare)) {
-                    return 0;
-                }
-                var mod = sortDirection === 'ascending' ? 1 : -1;
-                return sortColumnDef.compare(a.item, b.item) * mod;
-            });
-        };
-        var getSortDirection = function (columnId) {
-            return sortColumn === columnId ? sortDirection : undefined;
-        };
-        return tslib_1.__assign(tslib_1.__assign({}, tableState), { sort: {
-                sort: sort,
-                sortColumn: sortColumn,
-                sortDirection: sortDirection,
-                setColumnSort: setColumnSort,
-                toggleColumnSort: toggleColumnSort,
-                getSortDirection: getSortDirection,
-            } });
-    }
-    exports.useTableSortState = useTableSortState;
-});
-//# sourceMappingURL=useTableSort.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useTableSort.js","sourceRoot":"","sources":["../../../../../../../../packages/react-components/react-table/src/hooks/useTableSort.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useControllableState } from '@fluentui/react-utilities';\nimport type {\n  TableColumnId,\n  TableRowData,\n  SortState,\n  TableSortState,\n  TableFeaturesState,\n  UseTableSortOptions,\n} from './types';\n\nconst noop = () => undefined;\n\nexport const defaultTableSortState: TableSortState<unknown> = {\n  getSortDirection: () => 'ascending',\n  setColumnSort: noop,\n  sort: <TRowState extends TableRowData<unknown>>(rows: TRowState[]) => [...rows],\n  sortColumn: undefined,\n  sortDirection: 'ascending',\n  toggleColumnSort: noop,\n};\n\nexport function useTableSort<TItem>(options: UseTableSortOptions) {\n  // False positive, these plugin hooks are intended to be run on every render\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  return (tableState: TableFeaturesState<TItem>) => useTableSortState(tableState, options);\n}\n\nexport function useTableSortState<TItem>(\n  tableState: TableFeaturesState<TItem>,\n  options: UseTableSortOptions,\n): TableFeaturesState<TItem> {\n  const { columns } = tableState;\n  const { sortState, defaultSortState, onSortChange } = options;\n\n  const [sorted, setSorted] = useControllableState<SortState>({\n    initialState: {\n      sortDirection: 'ascending' as const,\n      sortColumn: undefined,\n    },\n    defaultState: defaultSortState,\n    state: sortState,\n  });\n\n  const { sortColumn, sortDirection } = sorted;\n\n  const toggleColumnSort = (e: React.SyntheticEvent, columnId: TableColumnId | undefined) => {\n    setSorted(s => {\n      const newState = { ...s, sortColumn: columnId };\n      if (s.sortColumn === columnId) {\n        newState.sortDirection = s.sortDirection === 'ascending' ? 'descending' : 'ascending';\n      } else {\n        newState.sortDirection = 'ascending';\n      }\n\n      onSortChange?.(e, newState);\n      return newState;\n    });\n  };\n\n  const setColumnSort: TableSortState<TItem>['setColumnSort'] = (e, nextSortColumn, nextSortDirection) => {\n    const newState = { sortColumn: nextSortColumn, sortDirection: nextSortDirection };\n    onSortChange?.(e, newState);\n    setSorted(newState);\n  };\n\n  const sort = <TRowState extends TableRowData<TItem>>(rows: TRowState[]) => {\n    return rows.slice().sort((a, b) => {\n      const sortColumnDef = columns.find(column => column.columnId === sortColumn);\n      if (!sortColumnDef?.compare) {\n        return 0;\n      }\n\n      const mod = sortDirection === 'ascending' ? 1 : -1;\n      return sortColumnDef.compare(a.item, b.item) * mod;\n    });\n  };\n\n  const getSortDirection: TableSortState<TItem>['getSortDirection'] = (columnId: TableColumnId) => {\n    return sortColumn === columnId ? sortDirection : undefined;\n  };\n\n  return {\n    ...tableState,\n    sort: {\n      sort,\n      sortColumn,\n      sortDirection,\n      setColumnSort,\n      toggleColumnSort,\n      getSortDirection,\n    },\n  };\n}\n"]}