import {TableColumnLayout as $a9e7ae544a4e41dd$export$7ff77a162970b30e} from "./TableColumnLayout.mjs"; import {useState as $cPT3l$useState, useMemo as $cPT3l$useMemo, useCallback as $cPT3l$useCallback} from "react"; /* * Copyright 2022 Adobe. All rights reserved. * This file is licensed to you under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. You may obtain a copy * of the License at http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS * OF ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. */ function $292bc4e09cd0eb62$export$cb895dcf85db1319(props, state) { let { getDefaultWidth: getDefaultWidth, getDefaultMinWidth: getDefaultMinWidth, tableWidth: tableWidth = 0 } = props; let [resizingColumn, setResizingColumn] = (0, $cPT3l$useState)(null); let columnLayout = (0, $cPT3l$useMemo)(()=>new (0, $a9e7ae544a4e41dd$export$7ff77a162970b30e)({ getDefaultWidth: getDefaultWidth, getDefaultMinWidth: getDefaultMinWidth }), [ getDefaultWidth, getDefaultMinWidth ]); let [controlledColumns, uncontrolledColumns] = (0, $cPT3l$useMemo)(()=>columnLayout.splitColumnsIntoControlledAndUncontrolled(state.collection.columns), [ state.collection.columns, columnLayout ]); // uncontrolled column widths let [uncontrolledWidths, setUncontrolledWidths] = (0, $cPT3l$useState)(()=>columnLayout.getInitialUncontrolledWidths(uncontrolledColumns)); // Update uncontrolled widths if the columns changed. let [lastColumns, setLastColumns] = (0, $cPT3l$useState)(state.collection.columns); if (state.collection.columns !== lastColumns) { if (state.collection.columns.length !== lastColumns.length || state.collection.columns.some((c, i)=>c.key !== lastColumns[i].key)) { let newUncontrolledWidths = columnLayout.getInitialUncontrolledWidths(uncontrolledColumns); setUncontrolledWidths(newUncontrolledWidths); } setLastColumns(state.collection.columns); } // combine columns back into one map that maintains same order as the columns let colWidths = (0, $cPT3l$useMemo)(()=>columnLayout.recombineColumns(state.collection.columns, uncontrolledWidths, uncontrolledColumns, controlledColumns), [ state.collection.columns, uncontrolledWidths, uncontrolledColumns, controlledColumns, columnLayout ]); let startResize = (0, $cPT3l$useCallback)((key)=>{ setResizingColumn(key); }, [ setResizingColumn ]); let updateResizedColumns = (0, $cPT3l$useCallback)((key, width)=>{ let newSizes = columnLayout.resizeColumnWidth(state.collection, uncontrolledWidths, key, width); let map = new Map(Array.from(uncontrolledColumns).map(([key])=>[ key, newSizes.get(key) ])); map.set(key, width); setUncontrolledWidths(map); return newSizes; }, [ uncontrolledColumns, setUncontrolledWidths, columnLayout, state.collection, uncontrolledWidths ]); let endResize = (0, $cPT3l$useCallback)(()=>{ setResizingColumn(null); }, [ setResizingColumn ]); let columnWidths = (0, $cPT3l$useMemo)(()=>columnLayout.buildColumnWidths(tableWidth, state.collection, colWidths), [ tableWidth, state.collection, colWidths, columnLayout ]); return (0, $cPT3l$useMemo)(()=>({ resizingColumn: resizingColumn, updateResizedColumns: updateResizedColumns, startResize: startResize, endResize: endResize, getColumnWidth: (key)=>columnLayout.getColumnWidth(key), getColumnMinWidth: (key)=>columnLayout.getColumnMinWidth(key), getColumnMaxWidth: (key)=>columnLayout.getColumnMaxWidth(key), tableState: state, columnWidths: columnWidths }), [ columnLayout, columnWidths, resizingColumn, updateResizedColumns, startResize, endResize, state ]); } export {$292bc4e09cd0eb62$export$cb895dcf85db1319 as useTableColumnResizeState}; //# sourceMappingURL=useTableColumnResizeState.module.js.map