@fluentui/react-table 9.2.1 → 9.2.3

package/lib-commonjs/hooks/useTableColumnResizeMouseHandler.js

@@ -1,73 +1,82 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
+});
+Object.defineProperty(exports, "useTableColumnResizeMouseHandler", {
+    enumerable: true,
+    get: ()=>useTableColumnResizeMouseHandler
 });
-exports.useTableColumnResizeMouseHandler = void 0;
-const React = /*#__PURE__*/require("react");
-const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _reactUtilities = require("@fluentui/react-utilities");
 function useTableColumnResizeMouseHandler(columnResizeState) {
-  const mouseX = React.useRef(0);
-  const currentWidth = React.useRef(0);
-  const colId = React.useRef(undefined);
-  const {
-    targetDocument
-  } = react_shared_contexts_1.useFluent_unstable();
-  const globalWin = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
-  const recalculatePosition = React.useCallback(e => {
-    const {
-      clientX
-    } = react_utilities_1.getEventClientCoords(e);
-    const 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]);
-  const onDrag = React.useCallback(e => {
-    // Using requestAnimationFrame here drastically improves resizing experience on slower CPUs
-    if (typeof (globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame) === 'function') {
-      requestAnimationFrame(() => recalculatePosition(e));
-    } else {
-      recalculatePosition(e);
-    }
-  }, [globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame, recalculatePosition]);
-  const onDragEnd = React.useCallback(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]);
-  const getOnMouseDown = columnId => 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: columnId => getOnMouseDown(columnId)
-  };
-}
-exports.useTableColumnResizeMouseHandler = useTableColumnResizeMouseHandler;
+    const mouseX = _react.useRef(0);
+    const currentWidth = _react.useRef(0);
+    const colId = _react.useRef(undefined);
+    const { targetDocument  } = (0, _reactSharedContexts.useFluent_unstable)();
+    const globalWin = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;
+    const recalculatePosition = _react.useCallback((e)=>{
+        const { clientX  } = (0, _reactUtilities.getEventClientCoords)(e);
+        const 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
+    ]);
+    const onDrag = _react.useCallback((e)=>{
+        // Using requestAnimationFrame here drastically improves resizing experience on slower CPUs
+        if (typeof (globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame) === 'function') {
+            requestAnimationFrame(()=>recalculatePosition(e));
+        } else {
+            recalculatePosition(e);
+        }
+    }, [
+        globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame,
+        recalculatePosition
+    ]);
+    const onDragEnd = _react.useCallback((event)=>{
+        if ((0, _reactUtilities.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 ((0, _reactUtilities.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
+    ]);
+    const getOnMouseDown = (columnId)=>{
+        return (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 = (0, _reactUtilities.getEventClientCoords)(event).clientX;
+            colId.current = columnId;
+            if ((0, _reactUtilities.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 ((0, _reactUtilities.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: (columnId)=>getOnMouseDown(columnId)
+    };
+} //# sourceMappingURL=useTableColumnResizeMouseHandler.js.map
+
 //# sourceMappingURL=useTableColumnResizeMouseHandler.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","require","react_shared_contexts_1","react_utilities_1","useTableColumnResizeMouseHandler","columnResizeState","mouseX","useRef","currentWidth","colId","undefined","targetDocument","useFluent_unstable","globalWin","defaultView","recalculatePosition","useCallback","e","clientX","getEventClientCoords","dx","current","setColumnWidth","columnId","width","onDrag","requestAnimationFrame","onDragEnd","event","isMouseEvent","removeEventListener","isTouchEvent","getOnMouseDown","getColumnWidth","target","currentTarget","button","addEventListener","exports"],"sources":["../src/packages/react-components/react-table/src/hooks/useTableColumnResizeMouseHandler.ts"],"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"],"mappings":"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"}
+{"version":3,"sources":["../../lib/hooks/useTableColumnResizeMouseHandler.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { getEventClientCoords, isMouseEvent, isTouchEvent } from '@fluentui/react-utilities';\nexport function useTableColumnResizeMouseHandler(columnResizeState) {\n  const mouseX = React.useRef(0);\n  const currentWidth = React.useRef(0);\n  const colId = React.useRef(undefined);\n  const {\n    targetDocument\n  } = useFluent();\n  const globalWin = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView;\n  const recalculatePosition = React.useCallback(e => {\n    const {\n      clientX\n    } = getEventClientCoords(e);\n    const dx = clientX - mouseX.current;\n    // Update the local width for the column and set it\n    currentWidth.current += dx;\n    colId.current && columnResizeState.setColumnWidth(e, {\n      columnId: colId.current,\n      width: currentWidth.current\n    });\n    mouseX.current = clientX;\n  }, [columnResizeState]);\n  const onDrag = React.useCallback(e => {\n    // Using requestAnimationFrame here drastically improves resizing experience on slower CPUs\n    if (typeof (globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame) === 'function') {\n      requestAnimationFrame(() => recalculatePosition(e));\n    } else {\n      recalculatePosition(e);\n    }\n  }, [globalWin === null || globalWin === void 0 ? void 0 : globalWin.requestAnimationFrame, recalculatePosition]);\n  const onDragEnd = React.useCallback(event => {\n    if (isMouseEvent(event)) {\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mouseup', onDragEnd);\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('mousemove', onDrag);\n    }\n    if (isTouchEvent(event)) {\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchend', onDragEnd);\n      targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.removeEventListener('touchmove', onDrag);\n    }\n  }, [onDrag, targetDocument]);\n  const getOnMouseDown = columnId => {\n    return event => {\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      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 === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mouseup', onDragEnd);\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('mousemove', onDrag);\n      }\n      if (isTouchEvent(event)) {\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchend', onDragEnd);\n        targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.addEventListener('touchmove', onDrag);\n      }\n    };\n  };\n  return {\n    getOnMouseDown: columnId => getOnMouseDown(columnId)\n  };\n}\n//# sourceMappingURL=useTableColumnResizeMouseHandler.js.map"],"names":["useTableColumnResizeMouseHandler","columnResizeState","mouseX","React","useRef","currentWidth","colId","undefined","targetDocument","useFluent","globalWin","defaultView","recalculatePosition","useCallback","e","clientX","getEventClientCoords","dx","current","setColumnWidth","columnId","width","onDrag","requestAnimationFrame","onDragEnd","event","isMouseEvent","removeEventListener","isTouchEvent","getOnMouseDown","getColumnWidth","target","currentTarget","button","addEventListener"],"mappings":"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"}

package/lib-commonjs/hooks/useTableColumnResizeState.js

@@ -1,119 +1,118 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useTableColumnResizeState = void 0;
-const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-const React = /*#__PURE__*/require("react");
-const columnResizeUtils_1 = /*#__PURE__*/require("../utils/columnResizeUtils");
-const createReducer = () => (state, action) => {
-  switch (action.type) {
-    case 'CONTAINER_WIDTH_UPDATED':
-      return {
-        ...state,
-        containerWidth: action.containerWidth,
-        columnWidthState: columnResizeUtils_1.adjustColumnWidthsToFitContainer(state.columnWidthState, action.containerWidth)
-      };
-    case 'COLUMNS_UPDATED':
-      const newS = columnResizeUtils_1.columnDefinitionsToState(action.columns, state.columnWidthState, state.columnSizingOptions);
-      return {
-        ...state,
-        columns: action.columns,
-        columnWidthState: columnResizeUtils_1.adjustColumnWidthsToFitContainer(newS, state.containerWidth)
-      };
-    case 'COLUMN_SIZING_OPTIONS_UPDATED':
-      const newState = columnResizeUtils_1.columnDefinitionsToState(state.columns, state.columnWidthState, action.columnSizingOptions);
-      return {
-        ...state,
-        columnSizingOptions: action.columnSizingOptions,
-        columnWidthState: columnResizeUtils_1.adjustColumnWidthsToFitContainer(newState, state.containerWidth)
-      };
-    case 'SET_COLUMN_WIDTH':
-      const {
-        columnId,
-        width
-      } = action;
-      const {
-        containerWidth
-      } = state;
-      const column = columnResizeUtils_1.getColumnById(state.columnWidthState, columnId);
-      let newColumnWidthState = [...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 {
-        ...state,
-        columnWidthState: newColumnWidthState
-      };
-  }
-};
+Object.defineProperty(exports, "useTableColumnResizeState", {
+    enumerable: true,
+    get: ()=>useTableColumnResizeState
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _reactUtilities = require("@fluentui/react-utilities");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _columnResizeUtils = require("../utils/columnResizeUtils");
+const createReducer = ()=>(state, action)=>{
+        switch(action.type){
+            case 'CONTAINER_WIDTH_UPDATED':
+                return {
+                    ...state,
+                    containerWidth: action.containerWidth,
+                    columnWidthState: (0, _columnResizeUtils.adjustColumnWidthsToFitContainer)(state.columnWidthState, action.containerWidth)
+                };
+            case 'COLUMNS_UPDATED':
+                const newS = (0, _columnResizeUtils.columnDefinitionsToState)(action.columns, state.columnWidthState, state.columnSizingOptions);
+                return {
+                    ...state,
+                    columns: action.columns,
+                    columnWidthState: (0, _columnResizeUtils.adjustColumnWidthsToFitContainer)(newS, state.containerWidth)
+                };
+            case 'COLUMN_SIZING_OPTIONS_UPDATED':
+                const newState = (0, _columnResizeUtils.columnDefinitionsToState)(state.columns, state.columnWidthState, action.columnSizingOptions);
+                return {
+                    ...state,
+                    columnSizingOptions: action.columnSizingOptions,
+                    columnWidthState: (0, _columnResizeUtils.adjustColumnWidthsToFitContainer)(newState, state.containerWidth)
+                };
+            case 'SET_COLUMN_WIDTH':
+                const { columnId , width  } = action;
+                const { containerWidth  } = state;
+                const column = (0, _columnResizeUtils.getColumnById)(state.columnWidthState, columnId);
+                let newColumnWidthState = [
+                    ...state.columnWidthState
+                ];
+                if (!column) {
+                    return state;
+                }
+                // Adjust the column width and measure the new total width
+                newColumnWidthState = (0, _columnResizeUtils.setColumnProperty)(newColumnWidthState, columnId, 'width', width);
+                // Set this width as idealWidth, because its a deliberate change, not a recalculation because of container
+                newColumnWidthState = (0, _columnResizeUtils.setColumnProperty)(newColumnWidthState, columnId, 'idealWidth', width);
+                // Adjust the widths to the container size
+                newColumnWidthState = (0, _columnResizeUtils.adjustColumnWidthsToFitContainer)(newColumnWidthState, containerWidth);
+                return {
+                    ...state,
+                    columnWidthState: newColumnWidthState
+                };
+        }
+    };
 function useTableColumnResizeState(columns, containerWidth, params = {}) {
-  const {
-    onColumnResize,
-    columnSizingOptions
-  } = params;
-  const reducer = React.useMemo(() => createReducer(), []);
-  const [state, dispatch] = React.useReducer(reducer, {
-    columns,
-    containerWidth: 0,
-    columnWidthState: columnResizeUtils_1.columnDefinitionsToState(columns, undefined, columnSizingOptions),
-    columnSizingOptions
-  });
-  react_utilities_1.useIsomorphicLayoutEffect(() => {
-    dispatch({
-      type: 'CONTAINER_WIDTH_UPDATED',
-      containerWidth
-    });
-  }, [containerWidth]);
-  react_utilities_1.useIsomorphicLayoutEffect(() => {
-    dispatch({
-      type: 'COLUMNS_UPDATED',
-      columns
+    const { onColumnResize , columnSizingOptions  } = params;
+    const reducer = _react.useMemo(()=>createReducer(), []);
+    const [state, dispatch] = _react.useReducer(reducer, {
+        columns,
+        containerWidth: 0,
+        columnWidthState: (0, _columnResizeUtils.columnDefinitionsToState)(columns, undefined, columnSizingOptions),
+        columnSizingOptions
     });
-  }, [columns]);
-  react_utilities_1.useIsomorphicLayoutEffect(() => {
-    dispatch({
-      type: 'COLUMN_SIZING_OPTIONS_UPDATED',
-      columnSizingOptions
-    });
-  }, [columnSizingOptions]);
-  const setColumnWidth = react_utilities_1.useEventCallback((event, data) => {
-    let {
-      width
-    } = data;
-    const {
-      columnId
-    } = data;
-    const col = columnResizeUtils_1.getColumnById(state.columnWidthState, columnId);
-    if (!col) {
-      return;
-    }
-    width = Math.max(col.minWidth || 0, width);
-    if (onColumnResize) {
-      onColumnResize(event, {
-        columnId,
-        width
-      });
-    }
-    dispatch({
-      type: 'SET_COLUMN_WIDTH',
-      columnId,
-      width
+    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+        dispatch({
+            type: 'CONTAINER_WIDTH_UPDATED',
+            containerWidth
+        });
+    }, [
+        containerWidth
+    ]);
+    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+        dispatch({
+            type: 'COLUMNS_UPDATED',
+            columns
+        });
+    }, [
+        columns
+    ]);
+    (0, _reactUtilities.useIsomorphicLayoutEffect)(()=>{
+        dispatch({
+            type: 'COLUMN_SIZING_OPTIONS_UPDATED',
+            columnSizingOptions
+        });
+    }, [
+        columnSizingOptions
+    ]);
+    const setColumnWidth = (0, _reactUtilities.useEventCallback)((event, data)=>{
+        let { width  } = data;
+        const { columnId  } = data;
+        const col = (0, _columnResizeUtils.getColumnById)(state.columnWidthState, columnId);
+        if (!col) {
+            return;
+        }
+        width = Math.max(col.minWidth || 0, width);
+        if (onColumnResize) {
+            onColumnResize(event, {
+                columnId,
+                width
+            });
+        }
+        dispatch({
+            type: 'SET_COLUMN_WIDTH',
+            columnId,
+            width
+        });
     });
-  });
-  return {
-    getColumnById: colId => columnResizeUtils_1.getColumnById(state.columnWidthState, colId),
-    getColumns: () => state.columnWidthState,
-    getColumnWidth: colId => columnResizeUtils_1.getColumnWidth(state.columnWidthState, colId),
-    setColumnWidth
-  };
-}
-exports.useTableColumnResizeState = useTableColumnResizeState;
+    return {
+        getColumnById: (colId)=>(0, _columnResizeUtils.getColumnById)(state.columnWidthState, colId),
+        getColumns: ()=>state.columnWidthState,
+        getColumnWidth: (colId)=>(0, _columnResizeUtils.getColumnWidth)(state.columnWidthState, colId),
+        setColumnWidth
+    };
+} //# sourceMappingURL=useTableColumnResizeState.js.map
+
 //# sourceMappingURL=useTableColumnResizeState.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["react_utilities_1","require","React","columnResizeUtils_1","createReducer","state","action","type","containerWidth","columnWidthState","adjustColumnWidthsToFitContainer","newS","columnDefinitionsToState","columns","columnSizingOptions","newState","columnId","width","column","getColumnById","newColumnWidthState","setColumnProperty","useTableColumnResizeState","params","onColumnResize","reducer","useMemo","dispatch","useReducer","undefined","useIsomorphicLayoutEffect","setColumnWidth","useEventCallback","event","data","col","Math","max","minWidth","colId","getColumns","getColumnWidth","exports"],"sources":["../src/packages/react-components/react-table/src/hooks/useTableColumnResizeState.ts"],"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"],"mappings":"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"}
+{"version":3,"sources":["../../lib/hooks/useTableColumnResizeState.js"],"sourcesContent":["import { useEventCallback, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { columnDefinitionsToState, adjustColumnWidthsToFitContainer, getColumnById, setColumnProperty, getColumnWidth } from '../utils/columnResizeUtils';\nconst createReducer = () => (state, action) => {\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    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    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    case 'SET_COLUMN_WIDTH':\n      const {\n        columnId,\n        width\n      } = action;\n      const {\n        containerWidth\n      } = state;\n      const column = getColumnById(state.columnWidthState, columnId);\n      let newColumnWidthState = [...state.columnWidthState];\n      if (!column) {\n        return state;\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      return {\n        ...state,\n        columnWidthState: newColumnWidthState\n      };\n  }\n};\nexport function useTableColumnResizeState(columns, containerWidth, params = {}) {\n  const {\n    onColumnResize,\n    columnSizingOptions\n  } = params;\n  const reducer = React.useMemo(() => createReducer(), []);\n  const [state, dispatch] = React.useReducer(reducer, {\n    columns,\n    containerWidth: 0,\n    columnWidthState: columnDefinitionsToState(columns, undefined, columnSizingOptions),\n    columnSizingOptions\n  });\n  useIsomorphicLayoutEffect(() => {\n    dispatch({\n      type: 'CONTAINER_WIDTH_UPDATED',\n      containerWidth\n    });\n  }, [containerWidth]);\n  useIsomorphicLayoutEffect(() => {\n    dispatch({\n      type: 'COLUMNS_UPDATED',\n      columns\n    });\n  }, [columns]);\n  useIsomorphicLayoutEffect(() => {\n    dispatch({\n      type: 'COLUMN_SIZING_OPTIONS_UPDATED',\n      columnSizingOptions\n    });\n  }, [columnSizingOptions]);\n  const setColumnWidth = useEventCallback((event, data) => {\n    let {\n      width\n    } = data;\n    const {\n      columnId\n    } = data;\n    const col = getColumnById(state.columnWidthState, columnId);\n    if (!col) {\n      return;\n    }\n    width = Math.max(col.minWidth || 0, width);\n    if (onColumnResize) {\n      onColumnResize(event, {\n        columnId,\n        width\n      });\n    }\n    dispatch({\n      type: 'SET_COLUMN_WIDTH',\n      columnId,\n      width\n    });\n  });\n  return {\n    getColumnById: colId => getColumnById(state.columnWidthState, colId),\n    getColumns: () => state.columnWidthState,\n    getColumnWidth: colId => getColumnWidth(state.columnWidthState, colId),\n    setColumnWidth\n  };\n}\n//# sourceMappingURL=useTableColumnResizeState.js.map"],"names":["useTableColumnResizeState","createReducer","state","action","type","containerWidth","columnWidthState","adjustColumnWidthsToFitContainer","newS","columnDefinitionsToState","columns","columnSizingOptions","newState","columnId","width","column","getColumnById","newColumnWidthState","setColumnProperty","params","onColumnResize","reducer","React","useMemo","dispatch","useReducer","undefined","useIsomorphicLayoutEffect","setColumnWidth","useEventCallback","event","data","col","Math","max","minWidth","colId","getColumns","getColumnWidth"],"mappings":"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"}