@aiquants/resize-panels 0.2.0

package/dist/utils.d.ts

@@ -0,0 +1,68 @@
+import { ContainerAxisMeasurement, FlexibleSize, PanelDirection, PanelLayoutData, SizeConfig, SizeUnit } from './types';
+
+/**
+ * Number of significant fractional digits to preserve when rounding percentage-based sizes.
+ * パーセンテージサイズの丸めで保持する有効小数桁数。
+ */
+export declare const PERCENTAGE_DIGITS = 6;
+/**
+ * Convert a pixel measurement to a percentage of the container using banker’s rounding.
+ * ピクセル寸法をバンカーズラウンディングでコンテナ比率のパーセンテージへ変換する。
+ */
+export declare const toRoundedPercentage: (size: number, base: number) => number;
+/**
+ * Translate a percentage-based size back into pixels relative to the container.
+ * パーセンテージ指定のサイズをコンテナ基準のピクセル値へ変換する。
+ */
+export declare const percentageToPixels: (percentage: number | undefined, base: number) => number;
+/**
+ * Normalize a flexible size into a size configuration object.
+ * 柔軟なサイズ指定をサイズ設定オブジェクトへ正規化する。
+ */
+export declare const normalizeSizeConfig: (size: FlexibleSize | undefined, defaultUnit?: SizeUnit) => SizeConfig | undefined;
+/**
+ * Convert flexible size constraints into pixel values based on container size.
+ * 柔軟サイズ制約をコンテナサイズ基準のピクセル値へ変換する。
+ */
+export declare const getConstraintInPixels: (size: FlexibleSize | undefined, defaultValue: number, containerSize: number) => number;
+/**
+ * Clamp a numeric value between the provided bounds.
+ * 数値を指定した範囲に収めるためのクリッピング処理。
+ */
+export declare const clamp: (value: number, min: number, max: number) => number;
+/**
+ * Derive a snap-to-zero threshold from the container axis length using shared heuristics.
+ * 共通ヒューリスティクスに基づきコンテナ軸長からゼロスナップ閾値を算出する。
+ */
+export declare const calculateSnapThreshold: (axisSize: number) => number;
+/**
+ * Adjust pixel-based panels in priority order to absorb remaining space.
+ * 残余スペースを吸収するためにピクセル基準パネルを優先度順に調整する。
+ */
+export declare const adjustPixelPanelsByPriority: (panels: PanelLayoutData[], sizeDiff: number, containerSize: number) => number;
+/**
+ * Measure container size in a given direction, returning inner (borderless) and outer dimensions.
+ * 指定方向で枠線控除後と控除前の両方の寸法を測定して返す。
+ */
+export declare const getContainerSize: (element: HTMLElement, direction: PanelDirection) => ContainerAxisMeasurement;
+/**
+ * Generate a panel identifier compatible with server and client rendering.
+ * サーバー・クライアント双方で利用できるパネル識別子を生成する。
+ */
+export declare const generatePanelId: () => string;
+/**
+ * Generate a resize handle identifier compatible with server and client rendering.
+ * サーバー・クライアント双方で利用できるリサイズハンドル識別子を生成する。
+ */
+export declare const generateResizeHandleId: () => string;
+/**
+ * Persist panel layout sizes to local storage.
+ * パネルレイアウトのサイズをローカルストレージへ保存する。
+ */
+export declare const saveLayout: (id: string, sizes: number[]) => void;
+/**
+ * Restore panel layout sizes from local storage.
+ * パネルレイアウトのサイズをローカルストレージから復元する。
+ */
+export declare const loadLayout: (id: string) => number[] | null;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACH,KAAK,wBAAwB,EAC7B,KAAK,YAAY,EAKjB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,QAAQ,EAChB,MAAM,SAAS,CAAA;AAEhB;;;GAGG;AACH,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAElC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,MAAM,MAAM,KAAG,MAMhE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,GAAG,SAAS,EAAE,MAAM,MAAM,KAAG,MAKjF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,YAAY,GAAG,SAAS,EAAE,cAAa,QAAuB,KAAG,UAAU,GAAG,SAMvH,CAAA;AAcD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,MAAM,YAAY,GAAG,SAAS,EAAE,cAAc,MAAM,EAAE,eAAe,MAAM,KAAG,MASnH,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAU,MAAM,KAAG,MAOzD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,QAAQ,eAAe,EAAE,EAAE,UAAU,MAAM,EAAE,eAAe,MAAM,KAAG,MA0GhH,CAAA;AAcD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,WAAW,EAAE,WAAW,cAAc,KAAG,wBAuBlF,CAAA;AAKD;;;GAGG;AACH,eAAO,MAAM,eAAe,QAAO,MAMlC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,QAAO,MAMzC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,EAAE,OAAO,MAAM,EAAE,KAAG,IAMxD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,IAAI,MAAM,KAAG,MAAM,EAAE,GAAG,IAQlD,CAAA"}

package/package.json

@@ -0,0 +1,74 @@
+{
+    "name": "@aiquants/resize-panels",
+    "version": "0.2.0",
+    "description": "Reusable resizable panel components and utilities for React",
+    "keywords": [
+        "react",
+        "resizable",
+        "panels",
+        "layout",
+        "component",
+        "ui"
+    ],
+    "author": {
+        "name": "fehde-k",
+        "url": "https://x.com/fehdek"
+    },
+    "license": "MIT",
+    "main": "dist/index.umd.js",
+    "module": "dist/index.es.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.es.js",
+            "require": "./dist/index.umd.js"
+        },
+        "./css": "./dist/resize-panels.css"
+    },
+    "files": [
+        "dist",
+        "README.md"
+    ],
+    "scripts": {
+        "build": "vite build",
+        "dev": "vite build --watch",
+        "typecheck": "tsc --noEmit",
+        "license-check": "pnpm dlx license-checker --production --onlyAllow \"MIT;Apache-2.0;BSD-2-Clause;BSD-3-Clause;ISC;Unlicense\"",
+        "license-check:json": "pnpm dlx license-checker --production --onlyAllow \"MIT;Apache-2.0;BSD-2-Clause;BSD-3-Clause;ISC;Unlicense\" --json",
+        "clean": "rimraf dist",
+        "prepublishOnly": "npm run clean && npm run typecheck && npm run test --if-present && npm run build",
+        "publish:patch": "npm version patch && npm publish",
+        "publish:minor": "npm version minor && npm publish",
+        "publish:major": "npm version major && npm publish"
+    },
+    "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+    },
+    "peerDependencies": {
+        "react": "^19.1.0",
+        "react-dom": "^19.1.0"
+    },
+    "dependencies": {
+        "@tailwindcss/postcss": "^4.1.16",
+        "tailwind-merge": "^3.3.1",
+        "tailwindcss": "^4.1.16"
+    },
+    "devDependencies": {
+        "@tailwindcss/vite": "^4.1.16",
+        "@types/react": "^19.2.2",
+        "@types/react-dom": "^19.2.2",
+        "@vitejs/plugin-react": "^4.7.0",
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "rimraf": "^6.0.1",
+        "typescript": "^5.9.3",
+        "vite": "^7.1.12",
+        "vite-plugin-dts": "^3.9.1",
+        "vite-tsconfig-paths": "^5.1.4"
+    },
+    "publishConfig": {
+        "access": "public"
+    }
+}