@wipco/sdui 0.50.6 → 1.0.1

package/dist/chunk-MMIGOPO5.js

@@ -0,0 +1,111 @@
+import { useRef, useState, useEffect, useCallback } from 'react';
+
+// src/widgets/usePanZoomCanvas.ts
+var MIN_ZOOM = 0.35;
+var MAX_ZOOM = 1.8;
+var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
+function applyZoom(current, nextScale, focal) {
+  const scale = clamp(nextScale, MIN_ZOOM, MAX_ZOOM);
+  return {
+    scale,
+    x: focal.x - (focal.x - current.x) / current.scale * scale,
+    y: focal.y - (focal.y - current.y) / current.scale * scale
+  };
+}
+function usePanZoomCanvas(options) {
+  const { stopSelector, initialView } = options;
+  const viewportRef = useRef(null);
+  const dragRef = useRef(null);
+  const [view, setView] = useState(initialView);
+  const [dragging, setDragging] = useState(false);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  useEffect(() => {
+    const handleFullscreenChange = () => {
+      setIsFullscreen(document.fullscreenElement === viewportRef.current);
+    };
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => document.removeEventListener("fullscreenchange", handleFullscreenChange);
+  }, []);
+  useEffect(() => {
+    const viewport = viewportRef.current;
+    if (!viewport) return;
+    const onWheel = (event) => {
+      event.preventDefault();
+      const rect = viewport.getBoundingClientRect();
+      const focal = { x: event.clientX - rect.left, y: event.clientY - rect.top };
+      setView(
+        (current) => applyZoom(current, current.scale * (event.deltaY > 0 ? 0.9 : 1.1), focal)
+      );
+    };
+    viewport.addEventListener("wheel", onWheel, { passive: false });
+    return () => viewport.removeEventListener("wheel", onWheel);
+  }, []);
+  const viewportCenter = useCallback(() => {
+    const rect = viewportRef.current?.getBoundingClientRect();
+    if (!rect) return { x: 0, y: 0 };
+    return { x: rect.width / 2, y: rect.height / 2 };
+  }, []);
+  const zoomAt = useCallback((nextScale, focal) => {
+    setView((current) => applyZoom(current, nextScale, focal));
+  }, []);
+  const handlePointerDown = (event) => {
+    if (event.target.closest(stopSelector)) return;
+    dragRef.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      originX: view.x,
+      originY: view.y
+    };
+    setDragging(true);
+    event.currentTarget.setPointerCapture(event.pointerId);
+  };
+  const handlePointerMove = (event) => {
+    const drag = dragRef.current;
+    if (!drag || drag.pointerId !== event.pointerId) return;
+    setView((current) => ({
+      ...current,
+      x: drag.originX + event.clientX - drag.startX,
+      y: drag.originY + event.clientY - drag.startY
+    }));
+  };
+  const handlePointerUp = (event) => {
+    if (dragRef.current?.pointerId !== event.pointerId) return;
+    dragRef.current = null;
+    setDragging(false);
+    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+    }
+  };
+  const toggleFullscreen = async () => {
+    const viewport = viewportRef.current;
+    if (!viewport) return;
+    try {
+      if (document.fullscreenElement === viewport) {
+        await document.exitFullscreen();
+        return;
+      }
+      await viewport.requestFullscreen();
+    } catch {
+    }
+  };
+  return {
+    viewportRef,
+    view,
+    setView,
+    dragging,
+    isFullscreen,
+    viewportCenter,
+    zoomAt,
+    toggleFullscreen,
+    /** 뷰포트 div에 그대로 spread — 패닝 4종 핸들러. */
+    pointerHandlers: {
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp,
+      onPointerCancel: handlePointerUp
+    }
+  };
+}
+
+export { MAX_ZOOM, MIN_ZOOM, usePanZoomCanvas };

package/dist/{chunk-YSSNP6JM.js → chunk-N25YP7ID.js}

@@ -1,7 +1,8 @@
-import { includesLooseSearch } from './chunk-VDBUXYEB.js';
-import { useSduiAdapter, hostFetchOf } from './chunk-DKPNFEVU.js';
-import { Icon, Button, Input, Spinner } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { ellipsisStyle, unwrapRows } from './chunk-Q4SWUINA.js';
+import { includesLooseSearch } from './chunk-WOYMEEPH.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-KO6OEY3G.js';
+import { Icon, Button, Input, Spinner } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useId, useRef, useMemo, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -19,18 +20,8 @@ function endpointSearchFn(endpoint, searchParam, hostFetch) {
     }
   };
 }
-function isRecord(value) {
-  return typeof value === "object" && value !== null && !Array.isArray(value);
-}
 function toAutocompleteOptions(payload) {
-  if (Array.isArray(payload)) return payload.filter(isRecord);
-  if (isRecord(payload)) {
-    for (const key of ["items", "data", "results", "rows"]) {
-      const inner = payload[key];
-      if (Array.isArray(inner)) return inner.filter(isRecord);
-    }
-  }
-  return [];
+  return unwrapRows(payload);
 }
 function pickText(option, key) {
   if (!key) return "";
@@ -38,12 +29,6 @@ function pickText(option, key) {
   if (raw === null || raw === void 0) return "";
   return String(raw);
 }
-var ellipsisStyle = {
-  display: "block",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
 var statusRowStyle = {
   padding: "var(--wp-space-2) var(--wp-space-3)"
 };

package/dist/{chunk-F2W2FWOT.js → chunk-N5RKM6IC.js}

@@ -1,7 +1,7 @@
-import { ImageLightbox } from './chunk-KYGSMUUU.js';
-import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-DKPNFEVU.js';
-import { Spinner, Icon, IconButton } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { ImageLightbox } from './chunk-VY7MVBSE.js';
+import { useSduiSandbox, useSduiAdapter, hostRawFetchOf, defaultAdapter, useSduiAssetResolver } from './chunk-KO6OEY3G.js';
+import { Spinner, Icon, IconButton } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -58,7 +58,7 @@ function FileDropzoneImpl({
   const [busy, setBusy] = useState(false);
   const [progress, setProgress] = useState(null);
   const [warnings, setWarnings] = useState([]);
-  const [localMode, setLocalMode] = useState(!endpoint);
+  const [localMode, setLocalMode] = useState(!endpoint && !upload);
   const [dragOver, setDragOver] = useState(false);
   const [hovering, setHovering] = useState(false);
   const [hoverItemId, setHoverItemId] = useState(null);
@@ -84,7 +84,7 @@ function FileDropzoneImpl({
       setBusy(true);
       onBusyChange?.(true);
       const failures = [];
-      let local = localMode || !endpoint || sandbox || !canUpload;
+      let local = localMode || !endpoint && !upload || sandbox || !canUpload;
       try {
         for (let index = 0; index < queue.length; index += 1) {
           const file = queue[index];
@@ -201,7 +201,7 @@ function FileDropzoneImpl({
       }
       forget();
     },
-    [commit, deleteEndpoint, onRemove]
+    [commit, deleteEndpoint, onRemove, rawFetch]
   );
   const openPicker = () => {
     if (canAdd) inputRef.current?.click();

package/dist/{chunk-C4HYWZML.js → chunk-O4IISNE7.js}

@@ -1,4 +1,4 @@
-import { boxed } from './chunk-YQOMSWW5.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/chunk-Q4SWUINA.js

@@ -0,0 +1,51 @@
+import { isPlainObject } from './chunk-RNOUXUBO.js';
+
+// src/widgets/shared.ts
+function unwrapRows(payload) {
+  if (Array.isArray(payload)) return payload.filter(isPlainObject);
+  if (isPlainObject(payload)) {
+    for (const key of ["items", "data", "results", "rows"]) {
+      const inner = payload[key];
+      if (Array.isArray(inner)) return inner.filter(isPlainObject);
+    }
+  }
+  return [];
+}
+var PAGE_SIZE = 500;
+var MAX_PAGES = 20;
+async function fetchAllPages(api, endpoint, pick) {
+  const all = [];
+  const sep = endpoint.includes("?") ? "&" : "?";
+  for (let page = 0; page < MAX_PAGES; page += 1) {
+    const body = await api(`${endpoint}${sep}limit=${PAGE_SIZE}&offset=${page * PAGE_SIZE}`, {
+      method: "GET"
+    });
+    const rows = pick(body ?? {});
+    all.push(...rows);
+    const total = typeof body?.total === "number" ? body.total : null;
+    if (rows.length === 0) break;
+    if (total !== null ? all.length >= total : rows.length < PAGE_SIZE) break;
+  }
+  return all;
+}
+var uidCounter = 0;
+var uid = (prefix) => `${prefix}-${Date.now()}-${++uidCounter}`;
+var orderCircleStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: 28,
+  height: 28,
+  flex: "none",
+  borderRadius: "var(--wp-radius-pill)",
+  background: "var(--wp-surface-brand-tint)",
+  color: "var(--wp-text-brand)"
+};
+var ellipsisStyle = {
+  display: "block",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+
+export { ellipsisStyle, fetchAllPages, orderCircleStyle, uid, unwrapRows };