react-resizable-panels 1.0.0-rc.3 → 1.0.0-rc.4

package/src/NewPanelGroup.ts

@@ -1,149 +0,0 @@
-import { isDevelopment } from "#is-development";
-import { PanelData } from "./Panel";
-import { DragState, PanelGroupContext, ResizeEvent } from "./PanelGroupContext";
-import useIsomorphicLayoutEffect from "./hooks/useIsomorphicEffect";
-import useUniqueId from "./hooks/useUniqueId";
-import { useWindowSplitterPanelGroupBehavior } from "./hooks/useWindowSplitterPanelGroupBehavior";
-import { Direction } from "./types";
-import { adjustLayoutByDelta } from "./utils/adjustLayoutByDelta";
-import { areEqual } from "./utils/arrays";
-import { assert } from "./utils/assert";
-import { calculateDeltaPercentage } from "./utils/calculateDeltaPercentage";
-import { calculateUnsafeDefaultLayout } from "./utils/calculateUnsafeDefaultLayout";
-import { callPanelCallbacks } from "./utils/callPanelCallbacks";
-import { compareLayouts } from "./utils/compareLayouts";
-import { computePanelFlexBoxStyle } from "./utils/computePanelFlexBoxStyle";
-import { resetGlobalCursorStyle, setGlobalCursorStyle } from "./utils/cursor";
-import debounce from "./utils/debounce";
-import { determinePivotIndices } from "./utils/determinePivotIndices";
-import { getPanelElementsForGroup } from "./utils/dom/getPanelElementsForGroup";
-import { getResizeHandleElement } from "./utils/dom/getResizeHandleElement";
-import { isKeyDown, isMouseEvent, isTouchEvent } from "./utils/events";
-import { getResizeEventCursorPosition } from "./utils/getResizeEventCursorPosition";
-import { initializeDefaultStorage } from "./utils/initializeDefaultStorage";
-import { loadPanelLayout, savePanelGroupLayout } from "./utils/serialization";
-import { validatePanelConstraints } from "./utils/validatePanelConstraints";
-import { validatePanelGroupLayout } from "./utils/validatePanelGroupLayout";
-import {
-  CSSProperties,
-  ElementType,
-  ForwardedRef,
-  HTMLAttributes,
-  PropsWithChildren,
-  createElement,
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState,
-} from "./vendor/react";
-
-const LOCAL_STORAGE_DEBOUNCE_INTERVAL = 100;
-
-export type ImperativePanelGroupHandle = {
-  getId: () => string;
-  getLayout: () => number[];
-  setLayout: (layout: number[]) => void;
-};
-
-export type PanelGroupStorage = {
-  getItem(name: string): string | null;
-  setItem(name: string, value: string): void;
-};
-
-export type PanelGroupOnLayout = (layout: number[]) => void;
-
-const defaultStorage: PanelGroupStorage = {
-  getItem: (name: string) => {
-    initializeDefaultStorage(defaultStorage);
-    return defaultStorage.getItem(name);
-  },
-  setItem: (name: string, value: string) => {
-    initializeDefaultStorage(defaultStorage);
-    defaultStorage.setItem(name, value);
-  },
-};
-
-export type PanelGroupProps = Omit<HTMLAttributes<ElementType>, "id"> &
-  PropsWithChildren<{
-    autoSaveId?: string | null;
-    className?: string;
-    direction: Direction;
-    id?: string | null;
-    keyboardResizeBy?: number | null;
-    onLayout?: PanelGroupOnLayout | null;
-    storage?: PanelGroupStorage;
-    style?: CSSProperties;
-    tagName?: ElementType;
-  }>;
-
-const debounceMap: {
-  [key: string]: typeof savePanelGroupLayout;
-} = {};
-
-function PanelGroupWithForwardedRef({
-  autoSaveId = null,
-  children,
-  className: classNameFromProps = "",
-  direction,
-  forwardedRef,
-  id: idFromProps = null,
-  onLayout = null,
-  keyboardResizeBy = null,
-  storage = defaultStorage,
-  style: styleFromProps,
-  tagName: Type = "div",
-  ...rest
-}: PanelGroupProps & {
-  forwardedRef: ForwardedRef<ImperativePanelGroupHandle>;
-}) {
-  const groupId = useUniqueId(idFromProps);
-
-  const stateRef = useRef<{
-    layout: number[];
-  }>({
-    layout: [],
-  });
-
-  const context = null as any;
-
-  const style: CSSProperties = {
-    display: "flex",
-    flexDirection: direction === "horizontal" ? "row" : "column",
-    height: "100%",
-    overflow: "hidden",
-    width: "100%",
-  };
-
-  return createElement(
-    PanelGroupContext.Provider,
-    { value: context },
-    createElement(Type, {
-      ...rest,
-
-      children,
-      className: classNameFromProps,
-      style: {
-        ...style,
-        ...styleFromProps,
-      },
-
-      // CSS selectors
-      "data-panel-group": "",
-      "data-panel-group-direction": direction,
-      "data-panel-group-id": groupId,
-    })
-  );
-}
-
-export const PanelGroup = forwardRef<
-  ImperativePanelGroupHandle,
-  PanelGroupProps
->((props: PanelGroupProps, ref: ForwardedRef<ImperativePanelGroupHandle>) =>
-  createElement(PanelGroupWithForwardedRef, { ...props, forwardedRef: ref })
-);
-
-PanelGroupWithForwardedRef.displayName = "PanelGroup";
-PanelGroup.displayName = "forwardRef(PanelGroup)";