@aiquants/resize-panels 1.8.1 → 2.0.0

package/src/index.ts

@@ -5,44 +5,69 @@
  * 再利用可能なリサイズパネルコンポーネントとユーティリティ
  */
 
+export type { LayoutAllocation, PanelBounds } from "./allocateLayout"
+export { allocatePanelSizes, isPixelPanel, resolvePanelBounds } from "./allocateLayout"
 export { PanelGroupContext, usePanelGroup } from "./context"
 export { usePanelControls, useResizablePanels } from "./hooks"
 export { Panel } from "./Panel"
 export { PanelGroup } from "./PanelGroup"
 export { PanelResizeHandle } from "./PanelResizeHandle"
-
+export { findLayoutInvariantBreach, getPanelPreferenceInPixels, initialPanelGroupLayoutState, panelReducer } from "./reducer"
 export type {
     CollapsibleConfig,
     CollapsibleDirection,
     ContainerAxisMeasurement,
-    ContainerSize,
     FlexibleSize,
+    LayoutConstraintViolation,
+    LayoutConstraintViolationReason,
+    PanelAction,
     PanelCollapseDirection,
     PanelDirection,
     PanelGroupContextValue,
+    PanelGroupLayoutState,
     PanelGroupProps,
     PanelLayoutData,
+    PanelMeasurement,
     PanelProps,
+    PanelRegistration,
+    PanelResizeHandleIndicatorConfig,
     PanelResizeHandleProps,
+    PersistedPanelSize,
+    ResizeHandleLayoutData,
     SizeConfig,
     SizeUnit,
 } from "./types"
-
 export {
+    calculateSnapThreshold,
     clamp,
+    findOwningGroup,
     getConstraintInPixels,
     getContainerSize,
+    getGroupLayoutElements,
     loadLayout,
     normalizeSizeConfig,
+    percentageToPixels,
     saveLayout,
+    toRoundedPercentage,
 } from "./utils"
 
+/**
+ * Safely escape a selector identifier for use in CSS query selectors.
+ * セレクタ文字列を安全にエスケープする補助関数。
+ */
+const escapeIdentifier = (id: string): string => {
+    return typeof CSS !== "undefined" && typeof CSS.escape === "function" ? CSS.escape(id) : id.replace(/["\\]/g, "\\$&")
+}
+
 /**
  * Locate a panel element in the DOM by its data attribute.
  * data 属性を手がかりにパネル要素を DOM から取得する補助関数。
  */
 export const getPanelElement = (id: string): HTMLElement | null => {
-    return document.querySelector(`[data-panel-id="${id}"]`)
+    if (typeof document === "undefined") {
+        return null
+    }
+    return document.querySelector(`[data-panel-id="${escapeIdentifier(id)}"]`)
 }
 
 /**
@@ -50,7 +75,10 @@ export const getPanelElement = (id: string): HTMLElement | null => {
  * data 属性を手がかりにパネルグループ要素を DOM から取得する補助関数。
  */
 export const getPanelGroupElement = (id: string): HTMLElement | null => {
-    return document.querySelector(`[data-panel-group-id="${id}"]`)
+    if (typeof document === "undefined") {
+        return null
+    }
+    return document.querySelector(`[data-panel-group-id="${escapeIdentifier(id)}"]`)
 }
 
 /**
@@ -58,5 +86,8 @@ export const getPanelGroupElement = (id: string): HTMLElement | null => {
  * data 属性を手がかりにリサイズハンドル要素を DOM から取得する補助関数。
  */
 export const getResizeHandleElement = (id: string): HTMLElement | null => {
-    return document.querySelector(`[data-resize-handle-id="${id}"]`)
+    if (typeof document === "undefined") {
+        return null
+    }
+    return document.querySelector(`[data-resize-handle-id="${escapeIdentifier(id)}"]`)
 }