react-resizable-panels 0.0.47 → 0.0.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-resizable-panels",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "React components for resizable panel groups/layouts",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "license": "MIT",
@@ -9,11 +9,33 @@
     "url": "git+https://github.com/bvaughn/react-resizable-panels.git"
   },
   "source": "src/index.ts",
-  "main": "dist/react-resizable-panels.js",
-  "module": "dist/react-resizable-panels.module.js",
-  "types": "dist/react-resizable-panels.d.ts",
+  "main": "dist/react-resizable-panels.cjs.js",
+  "module": "dist/react-resizable-panels.esm.js",
+  "exports": {
+    ".": {
+      "types": {
+        "import": "./dist/react-resizable-panels.cjs.mjs",
+        "default": "./dist/react-resizable-panels.cjs.js"
+      },
+      "development": {
+        "module": "./dist/react-resizable-panels.development.esm.js",
+        "import": "./dist/react-resizable-panels.development.cjs.mjs",
+        "default": "./dist/react-resizable-panels.development.cjs.js"
+      },
+      "module": "./dist/react-resizable-panels.esm.js",
+      "import": "./dist/react-resizable-panels.cjs.mjs",
+      "default": "./dist/react-resizable-panels.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "imports": {
+    "#is-development": {
+      "development": "./src/env-conditions/development.ts",
+      "default": "./src/env-conditions/production.ts"
+    }
+  },
+  "types": "dist/react-resizable-panels.cjs.d.ts",
   "scripts": {
-    "build": "parcel build",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "watch": "parcel watch --port=2345"
   },

package/src/PanelGroup.ts

@@ -1,3 +1,4 @@
+import { isDevelopment } from "#is-development";
 import {
   createElement,
   CSSProperties,
@@ -291,14 +292,13 @@ function PanelGroupWithForwardedRef({
         }
       });
 
-      if (totalDefaultSize > 100) {
-        throw new Error(
-          `The sum of the defaultSize of all panels in a group cannot exceed 100.`
-        );
+      if (
+        totalDefaultSize > 100 ||
+        (panelsWithNullDefaultSize === 0 && totalDefaultSize !== 100)
+      ) {
+        throw new Error(`Invalid default sizes specified for panels`);
       } else if (totalMinSize > 100) {
-        throw new Error(
-          `The sum of the minSize of all panels in a group cannot exceed 100.`
-        );
+        throw new Error(`Invalid minimum sizes specified for panels`);
       }
 
       setSizes(
@@ -338,10 +338,12 @@ function PanelGroupWithForwardedRef({
       // This includes server rendering.
       // At this point the best we can do is render everything with the same size.
       if (panels.size === 0) {
-        if (isServerRendering() && defaultSize == null) {
-          console.warn(
-            `WARNING: Panel defaultSize prop recommended to avoid layout shift after server rendering`
-          );
+        if (isDevelopment) {
+          if (isServerRendering() && defaultSize == null) {
+            console.warn(
+              `WARNING: Panel defaultSize prop recommended to avoid layout shift after server rendering`
+            );
+          }
         }
 
         return {

package/src/env-conditions/development.ts

@@ -0,0 +1 @@
+export const isDevelopment = true;

package/src/env-conditions/production.ts

@@ -0,0 +1 @@
+export const isDevelopment = false;

package/src/index.ts

@@ -5,17 +5,27 @@ import { PanelResizeHandle } from "./PanelResizeHandle";
 import type { ImperativePanelHandle, PanelProps } from "./Panel";
 import type { ImperativePanelGroupHandle, PanelGroupProps } from "./PanelGroup";
 import type { PanelResizeHandleProps } from "./PanelResizeHandle";
-import type { PanelGroupStorage } from "./types";
+import type {
+  PanelGroupOnLayout,
+  PanelGroupStorage,
+  PanelOnCollapse,
+  PanelOnResize,
+  PanelResizeHandleOnDragging,
+} from "./types";
 
 export {
   // TypeScript types
   ImperativePanelGroupHandle,
   ImperativePanelHandle,
   Panel,
+  PanelOnCollapse,
+  PanelOnResize,
   PanelGroup,
+  PanelGroupOnLayout,
   PanelGroupProps,
   PanelGroupStorage,
   PanelProps,
   PanelResizeHandle,
+  PanelResizeHandleOnDragging,
   PanelResizeHandleProps,
 };

package/dist/react-resizable-panels.d.ts

@@ -1,61 +0,0 @@
-import { CSSProperties, ElementType, ReactNode } from "react";
-type Direction = "horizontal" | "vertical";
-export type PanelGroupStorage = {
-    getItem(name: string): string | null;
-    setItem(name: string, value: string): void;
-};
-type PanelGroupOnLayout = (sizes: number[]) => void;
-type PanelOnCollapse = (collapsed: boolean) => void;
-type PanelOnResize = (size: number) => void;
-type PanelResizeHandleOnDragging = (isDragging: boolean) => void;
-export type PanelProps = {
-    children?: ReactNode;
-    className?: string;
-    collapsible?: boolean;
-    defaultSize?: number | null;
-    id?: string | null;
-    maxSize?: number;
-    minSize?: number;
-    onCollapse?: PanelOnCollapse | null;
-    onResize?: PanelOnResize | null;
-    order?: number | null;
-    style?: CSSProperties;
-    tagName?: ElementType;
-};
-export type ImperativePanelHandle = {
-    collapse: () => void;
-    expand: () => void;
-    getCollapsed(): boolean;
-    getSize(): number;
-    resize: (percentage: number) => void;
-};
-export const Panel: import("react").ForwardRefExoticComponent<PanelProps & import("react").RefAttributes<ImperativePanelHandle>>;
-export type PanelGroupProps = {
-    autoSaveId?: string;
-    children?: ReactNode;
-    className?: string;
-    direction: Direction;
-    disablePointerEventsDuringResize?: boolean;
-    id?: string | null;
-    onLayout?: PanelGroupOnLayout;
-    storage?: PanelGroupStorage;
-    style?: CSSProperties;
-    tagName?: ElementType;
-};
-export type ImperativePanelGroupHandle = {
-    getLayout: () => number[];
-    setLayout: (panelSizes: number[]) => void;
-};
-export const PanelGroup: import("react").ForwardRefExoticComponent<PanelGroupProps & import("react").RefAttributes<ImperativePanelGroupHandle>>;
-export type PanelResizeHandleProps = {
-    children?: ReactNode;
-    className?: string;
-    disabled?: boolean;
-    id?: string | null;
-    onDragging?: PanelResizeHandleOnDragging;
-    style?: CSSProperties;
-    tagName?: ElementType;
-};
-export function PanelResizeHandle({ children, className: classNameFromProps, disabled, id: idFromProps, onDragging, style: styleFromProps, tagName: Type, }: PanelResizeHandleProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-
-//# sourceMappingURL=react-resizable-panels.d.ts.map

package/dist/react-resizable-panels.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";AGEA,iBAAwB,YAAY,GAAG,UAAU,CAAC;AAElD,gCAAgC;IAC9B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,0BAAiC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;AAC3D,uBAA8B,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;AAC3D,qBAA4B,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;AACnD,mCAA0C,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AEWxE,yBAAyB;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,oCAAoC;IAClC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,YAAY,IAAI,OAAO,CAAC;IACxB,OAAO,IAAI,MAAM,CAAC;IAClB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AA+IF,OAAO,MAAM,mHAGZ,CAAC;AWvEF,8BAA8B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,yCAAyC;IACvC,SAAS,EAAE,MAAM,MAAM,EAAE,CAAC;IAC1B,SAAS,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC3C,CAAC;AAklBF,OAAO,MAAM,kIAKZ,CAAC;ACtsBF,qCAAqC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,kCAAkC,EAChC,QAAe,EACf,SAAS,EAAE,kBAAuB,EAClC,QAAgB,EAChB,EAAE,EAAE,WAAkB,EACtB,UAAU,EACV,KAAK,EAAE,cAAmB,EAC1B,OAAO,EAAE,IAAY,GACtB,EAAE,sBAAsB,0FAoJxB","sources":["packages/react-resizable-panels/src/src/vendor/react.ts","packages/react-resizable-panels/src/src/hooks/useIsomorphicEffect.ts","packages/react-resizable-panels/src/src/hooks/useUniqueId.ts","packages/react-resizable-panels/src/src/types.ts","packages/react-resizable-panels/src/src/PanelContexts.ts","packages/react-resizable-panels/src/src/Panel.ts","packages/react-resizable-panels/src/src/constants.ts","packages/react-resizable-panels/src/src/utils/group.ts","packages/react-resizable-panels/src/src/utils/assert.ts","packages/react-resizable-panels/src/src/hooks/useWindowSplitterBehavior.ts","packages/react-resizable-panels/src/src/utils/arrays.ts","packages/react-resizable-panels/src/src/utils/coordinates.ts","packages/react-resizable-panels/src/src/utils/cursor.ts","packages/react-resizable-panels/src/src/utils/debounce.ts","packages/react-resizable-panels/src/src/utils/serialization.ts","packages/react-resizable-panels/src/src/utils/ssr.ts","packages/react-resizable-panels/src/src/PanelGroup.ts","packages/react-resizable-panels/src/src/PanelResizeHandle.ts","packages/react-resizable-panels/src/src/index.ts","packages/react-resizable-panels/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"import { Panel } from \"./Panel\";\nimport { PanelGroup } from \"./PanelGroup\";\nimport { PanelResizeHandle } from \"./PanelResizeHandle\";\n\nimport type { ImperativePanelHandle, PanelProps } from \"./Panel\";\nimport type { ImperativePanelGroupHandle, PanelGroupProps } from \"./PanelGroup\";\nimport type { PanelResizeHandleProps } from \"./PanelResizeHandle\";\nimport type { PanelGroupStorage } from \"./types\";\n\nexport {\n  // TypeScript types\n  ImperativePanelGroupHandle,\n  ImperativePanelHandle,\n  Panel,\n  PanelGroup,\n  PanelGroupProps,\n  PanelGroupStorage,\n  PanelProps,\n  PanelResizeHandle,\n  PanelResizeHandleProps,\n};\n"],"names":[],"version":3,"file":"react-resizable-panels.d.ts.map"}