npm - react-headless-dock-layout - Versions diffs - 0.1.0 → 0.1.1 - Mend

react-headless-dock-layout 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/dist/index.cjs +894 -0
package/dist/index.d.cts +164 -0
package/dist/index.d.ts +164 -0
package/dist/index.js +894 -0
package/package.json +4 -1
package/.vscode/settings.json +0 -7
package/biome.json +0 -34
package/index.html +0 -12
package/src/App.tsx +0 -119
package/src/global.css +0 -5
package/src/index.ts +0 -3
package/src/index.tsx +0 -8
package/src/internal/EventEmitter.ts +0 -17
package/src/internal/LayoutManager/LayoutManager.test.ts +0 -948
package/src/internal/LayoutManager/LayoutManager.ts +0 -515
package/src/internal/LayoutManager/LayoutTree.test.ts +0 -341
package/src/internal/LayoutManager/LayoutTree.ts +0 -82
package/src/internal/LayoutManager/calculateLayoutRects.test.ts +0 -211
package/src/internal/LayoutManager/calculateLayoutRects.ts +0 -88
package/src/internal/LayoutManager/calculateMinSize.test.ts +0 -77
package/src/internal/LayoutManager/calculateMinSize.ts +0 -40
package/src/internal/LayoutManager/findClosestDirection.test.ts +0 -95
package/src/internal/LayoutManager/findClosestDirection.ts +0 -15
package/src/internal/LayoutManager/types.ts +0 -20
package/src/internal/assertNever.ts +0 -3
package/src/internal/clamp.tsx +0 -3
package/src/internal/findParentNode.ts +0 -30
package/src/internal/invariant.tsx +0 -6
package/src/strategies.ts +0 -76
package/src/types.ts +0 -31
package/src/useDockLayout.ts +0 -249
package/tsconfig.json +0 -7
package/tsup.config.ts +0 -9

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "react-headless-dock-layout",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A lightweight, headless dock layout library for React.",
   "type": "module",
   "exports": {
@@ -20,6 +20,9 @@
     "headless",
     "dock layout"
   ],
+  "files": [
+    "dist"
+  ],
   "license": "ISC",
   "devDependencies": {
     "@biomejs/biome": "2.3.10",

package/.vscode/settings.json DELETED Viewed

@@ -1,7 +0,0 @@
-{
-  "editor.defaultFormatter": "biomejs.biome",
-  "editor.codeActionsOnSave": {
-    "source.organizeImports.biome": "explicit",
-    "source.fixAll.biome": "explicit"
-  }
-}

package/biome.json DELETED Viewed

@@ -1,34 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/2.3.10/schema.json",
-  "vcs": {
-    "enabled": true,
-    "clientKind": "git",
-    "useIgnoreFile": true
-  },
-  "files": {
-    "includes": ["**", "!!**/dist"]
-  },
-  "formatter": {
-    "enabled": true,
-    "indentStyle": "space"
-  },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "quoteStyle": "double"
-    }
-  },
-  "assist": {
-    "enabled": true,
-    "actions": {
-      "source": {
-        "organizeImports": "on"
-      }
-    }
-  }
-}

package/index.html DELETED Viewed

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>React Headless Dock Layout</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="dist/bundle.js"></script>
-  </body>
-</html>

package/src/App.tsx DELETED Viewed

@@ -1,119 +0,0 @@
-import type { LayoutNode } from ".";
-import { assertNever } from "./internal/assertNever";
-import { useDockLayout } from "./useDockLayout";
-const INITIAL_LAYOUT: LayoutNode | null = null;
-function loadInitialLayout() {
-  const savedLayout = localStorage.getItem("layout");
-  if (savedLayout === null) {
-    return INITIAL_LAYOUT;
-  }
-  try {
-    const parsed = JSON.parse(savedLayout);
-    return parsed.root;
-  } catch (error) {
-    console.error(error);
-    return INITIAL_LAYOUT;
-  }
-}
-export function App() {
-  const {
-    layoutManager,
-    containerRef,
-    layoutRects,
-    draggingRect,
-    getRectProps,
-    getDropZoneProps,
-    getDragHandleProps,
-  } = useDockLayout<HTMLDivElement>(loadInitialLayout());
-  return (
-    <div>
-      <div style={{ height: "10vh", border: "1px solid white" }}>
-        <button
-          type="button"
-          onClick={() => {
-            layoutManager.addPanel();
-          }}
-        >
-          Add panel
-        </button>
-        <button
-          type="button"
-          onClick={() => {
-            localStorage.setItem("layout", layoutManager.serialize());
-          }}
-        >
-          Save to Local Storage
-        </button>
-      </div>
-      <div
-        ref={containerRef}
-        style={{
-          height: "90vh",
-          position: "relative",
-        }}
-      >
-        {layoutRects.map((rect) => {
-          if (rect.type === "split") {
-            const { style, ...props } = getRectProps(rect);
-            return (
-              <div
-                key={rect.id}
-                style={{ ...style, backgroundColor: "white", fontSize: 20 }}
-                {...props}
-              ></div>
-            );
-          } else if (rect.type === "panel") {
-            const { style, ...props } = getRectProps(rect);
-            const dropZoneProps = getDropZoneProps(rect);
-            return (
-              <div
-                key={rect.id}
-                style={{
-                  ...style,
-                  fontSize: 20,
-                  display: "grid",
-                  placeItems: "center",
-                  opacity: draggingRect?.id === rect.id ? 0.5 : 1,
-                }}
-                {...props}
-              >
-                {dropZoneProps !== null && (
-                  <div
-                    style={{
-                      ...dropZoneProps.style,
-                      backgroundColor: "#3182f6",
-                      opacity: 0.5,
-                    }}
-                  />
-                )}
-                <button type="button" {...getDragHandleProps(rect)}>
-                  Drag Handle
-                </button>
-                <button
-                  type="button"
-                  onClick={() => {
-                    layoutManager.removePanel(rect.id);
-                  }}
-                >
-                  Close Panel
-                </button>
-                {rect.id}
-              </div>
-            );
-          } else {
-            assertNever(rect);
-          }
-        })}
-      </div>
-    </div>
-  );
-}

package/src/global.css DELETED Viewed

@@ -1,5 +0,0 @@
-body {
-  margin: 0;
-  background-color: black;
-  color: white;
-}

package/src/index.ts DELETED Viewed

@@ -1,3 +0,0 @@
-export * from "./strategies";
-export * from "./types";
-export * from "./useDockLayout";

package/src/index.tsx DELETED Viewed

@@ -1,8 +0,0 @@
-import { createRoot } from "react-dom/client";
-import "./global.css";
-import { App } from "./App";
-const domNode = document.getElementById("root")!;
-const root = createRoot(domNode);
-root.render(<App />);

package/src/internal/EventEmitter.ts DELETED Viewed

@@ -1,17 +0,0 @@
-export class EventEmitter {
-  private _listeners = new Set<() => void>();
-  subscribe(listener: () => void) {
-    this._listeners.add(listener);
-    return () => {
-      this._listeners.delete(listener);
-    };
-  }
-  emit() {
-    this._listeners.forEach((listener) => {
-      listener();
-    });
-  }
-}