@aiquants/resize-panels 1.7.2 → 1.8.0

package/src/index.ts

@@ -0,0 +1,62 @@
+/**
+ * @package @aiquants/resize-panels
+ * @description Reusable resizable panel components and utilities for React
+ *
+ * 再利用可能なリサイズパネルコンポーネントとユーティリティ
+ */
+
+export { PanelGroupContext, usePanelGroup } from "./context"
+export { usePanelControls, useResizablePanels } from "./hooks"
+export { Panel } from "./Panel"
+export { PanelGroup } from "./PanelGroup"
+export { PanelResizeHandle } from "./PanelResizeHandle"
+
+export type {
+    CollapsibleConfig,
+    CollapsibleDirection,
+    ContainerAxisMeasurement,
+    ContainerSize,
+    FlexibleSize,
+    PanelCollapseDirection,
+    PanelDirection,
+    PanelGroupContextValue,
+    PanelGroupProps,
+    PanelLayoutData,
+    PanelProps,
+    PanelResizeHandleProps,
+    SizeConfig,
+    SizeUnit,
+} from "./types"
+
+export {
+    clamp,
+    getConstraintInPixels,
+    getContainerSize,
+    loadLayout,
+    normalizeSizeConfig,
+    saveLayout,
+} from "./utils"
+
+/**
+ * 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}"]`)
+}
+
+/**
+ * Locate a panel group element in the DOM by its data attribute.
+ * data 属性を手がかりにパネルグループ要素を DOM から取得する補助関数。
+ */
+export const getPanelGroupElement = (id: string): HTMLElement | null => {
+    return document.querySelector(`[data-panel-group-id="${id}"]`)
+}
+
+/**
+ * Locate a resize handle element in the DOM by its data attribute.
+ * data 属性を手がかりにリサイズハンドル要素を DOM から取得する補助関数。
+ */
+export const getResizeHandleElement = (id: string): HTMLElement | null => {
+    return document.querySelector(`[data-resize-handle-id="${id}"]`)
+}