Function Resizer

packages/react-aria/stories/table/example-docs.tsx:180–207

(props)

}

function Resizer(props) {
  let {column, layoutState, onResizeStart, onResize, onResizeEnd} = props;
  let ref = useRef<HTMLInputElement | null>(null);
  let {resizerProps, inputProps, isResizing} = useTableColumnResize(
    {
      column,
      'aria-label': 'Resizer',
      onResizeStart,
      onResize,
      onResizeEnd
    },
    layoutState,
    ref
  );
  let {focusProps, isFocusVisible} = useFocusRing();

  return (
    <div
      role="presentation"
      className={classNames(ariaStyles, 'aria-table-resizer', {
        focus: isFocusVisible,
        resizing: isResizing
      })}
      {...resizerProps}>
      <input ref={ref} {...mergeProps(inputProps, focusProps)} />
    </div>
  );
}

function ResizableTableRow({item, children, state}) {
  let ref = useRef<HTMLTableRowElement | null>(null);