@wipco/sdui 0.18.0 → 0.18.2

package/dist/{chunk-3MS4UWWZ.js → chunk-IXC547V6.js}

@@ -66,6 +66,17 @@ function AutocompleteFieldImpl({
   const [results, setResults] = useState([]);
   const [activeIndex, setActiveIndex] = useState(0);
   const [focusPending, setFocusPending] = useState(false);
+  const listRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const box = listRef.current;
+    const active = box?.querySelector(`#${CSS.escape(`${listId}-opt-${activeIndex}`)}`);
+    if (!box || !active) return;
+    const top = active.offsetTop;
+    const bottom = top + active.offsetHeight;
+    if (top < box.scrollTop) box.scrollTop = top;
+    else if (bottom > box.scrollTop + box.clientHeight) box.scrollTop = bottom - box.clientHeight;
+  }, [open, activeIndex, listId, results]);
   useEffect(() => {
     if (disabled || hasSelection) return;
     const keyword = query.trim();
@@ -235,9 +246,15 @@ function AutocompleteFieldImpl({
       "div",
       {
         id: listId,
+        ref: listRef,
         role: "listbox",
         className: "erp-popover__body",
-        style: { maxHeight: 280, padding: "var(--wp-space-1)" },
+        style: {
+          maxHeight: 280,
+          overflowY: "auto",
+          overscrollBehavior: "contain",
+          padding: "var(--wp-space-1)"
+        },
         children: status === "loading" ? /* @__PURE__ */ jsx("div", { className: "wp-row", style: statusRowStyle, children: /* @__PURE__ */ jsx(Spinner, { size: "sm", label: "\uAC80\uC0C9 \uC911\u2026" }) }) : status === "offline" ? /* @__PURE__ */ jsxs("div", { className: "wp-row", style: statusRowStyle, children: [
           /* @__PURE__ */ jsx(Icon, { name: "unplug", size: 16, style: { color: "var(--wp-text-muted)", flex: "none" } }),
           /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "\uBC31\uC5D4\uB4DC \uBBF8\uC5F0\uB3D9 \u2014 \uAC80\uC0C9 \uACB0\uACFC\uB97C \uBD88\uB7EC\uC62C \uC218 \uC5C6\uC2B5\uB2C8\uB2E4" })

package/dist/{chunk-RK64BOF5.js → chunk-J532YYGP.js}

@@ -1,5 +1,5 @@
 import { resolveTreeNodes, TreeView } from './chunk-PYSTET2C.js';
-import { OverlayLayer } from './chunk-JOAUXZZA.js';
+import { OverlayLayer } from './chunk-XQPTSEJC.js';
 import { Field, Dialog, Icon, Button, Input } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo, useEffect } from 'react';

package/dist/{chunk-54UHTU6R.js → chunk-WXBOQRD6.js}

@@ -1,4 +1,4 @@
-import { OverlayLayer } from './chunk-JOAUXZZA.js';
+import { OverlayLayer } from './chunk-XQPTSEJC.js';
 import { includesLooseSearch } from './chunk-GZB6YLUI.js';
 import { Button, Dialog, Input, Tag, Checkbox } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';

package/dist/{chunk-JOAUXZZA.js → chunk-XQPTSEJC.js}

@@ -45,6 +45,14 @@ function topLayer(list) {
   }
   return best;
 }
+function layerHoldsTop(list, id) {
+  const top = topLayer(list);
+  if (!top) return false;
+  if (top.id === id) return true;
+  const mine = list.find((l) => l.id === id)?.node();
+  const topNode = top.node();
+  return !!mine && !!topNode && mine.contains(topNode);
+}
 function escapeTopmost() {
   topLayer(layers)?.onEscape();
 }
@@ -81,16 +89,20 @@ function useOverlayLayer(active, onEscape, nodeRef) {
   nodeRefRef.current = nodeRef;
   useEffect(() => {
     if (!active) return;
-    const id = idRef.current;
+    const id2 = idRef.current;
     push({
-      id,
+      id: id2,
       onEscape: () => escapeRef.current?.(),
       node: () => nodeRefRef.current?.current ?? null
     });
-    return () => remove(id);
+    return () => remove(id2);
   }, [active]);
   const current = useSyncExternalStore(subscribe, snapshot, serverSnapshot);
-  return { isTop: active && topLayer(current)?.id === idRef.current };
+  const id = idRef.current;
+  return {
+    isTop: active && topLayer(current)?.id === id,
+    holdsTop: active && layerHoldsTop(current, id)
+  };
 }
 var OverlayContainerContext = React.createContext(null);
 function OverlayLayer({
@@ -99,10 +111,10 @@ function OverlayLayer({
 }) {
   const ref = useRef(null);
   const container = React.useContext(OverlayContainerContext);
-  const { isTop } = useOverlayLayer(true, onClose, ref);
+  const { holdsTop } = useOverlayLayer(true, onClose, ref);
   useEffect(() => {
-    ref.current?.toggleAttribute("inert", !isTop);
-  }, [isTop]);
+    ref.current?.toggleAttribute("inert", !holdsTop);
+  }, [holdsTop]);
   const layer = /* @__PURE__ */ jsx(
     "div",
     {

package/dist/{chunk-HYSYJO3Q.js → chunk-YJSOC5KM.js}

@@ -1,4 +1,4 @@
-import { useOverlayLayer } from './chunk-JOAUXZZA.js';
+import { useOverlayLayer } from './chunk-XQPTSEJC.js';
 import { Icon } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { createContext, useState, useRef, useMemo, useCallback, useEffect, useLayoutEffect, useContext } from 'react';

package/dist/index.d.ts

@@ -1760,6 +1760,7 @@ declare function getOverlayRoot(): HTMLElement | null;
  */
 declare function useOverlayLayer(active: boolean, onEscape?: () => void, nodeRef?: React__default.RefObject<HTMLElement | null>): {
     isTop: boolean;
+    holdsTop: boolean;
 };
 /**
  * 겹을 담을 곳을 바꾼다. 기본은 body 밑 단일 루트지만, **화면 일부에 페이지를

package/dist/index.js

@@ -1,9 +1,9 @@
-import { DEV, HoistedStyle, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, DateRangePicker, DatePicker, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-HYSYJO3Q.js';
-export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-HYSYJO3Q.js';
+import { DEV, HoistedStyle, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, DateRangePicker, DatePicker, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-YJSOC5KM.js';
+export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-YJSOC5KM.js';
 import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
-import { OverlayLayer } from './chunk-JOAUXZZA.js';
-export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-JOAUXZZA.js';
+import { OverlayLayer } from './chunk-XQPTSEJC.js';
+export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XQPTSEJC.js';
 import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-GZB6YLUI.js';
 export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-GZB6YLUI.js';
 import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce, Dialog } from './chunk-WIDDHR7L.js';

package/dist/rich.js

@@ -1,6 +1,6 @@
-import { useSduiAssetResolver, HoistedStyle } from './chunk-HYSYJO3Q.js';
-export { DatePicker, DateRangePicker } from './chunk-HYSYJO3Q.js';
-import './chunk-JOAUXZZA.js';
+import { useSduiAssetResolver, HoistedStyle } from './chunk-YJSOC5KM.js';
+export { DatePicker, DateRangePicker } from './chunk-YJSOC5KM.js';
+import './chunk-XQPTSEJC.js';
 import { Spinner, EmptyState } from './chunk-WIDDHR7L.js';
 import './chunk-SAN4IX6N.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';

package/dist/widgets/AutocompleteField.js

@@ -1,4 +1,4 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-3MS4UWWZ.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-IXC547V6.js';
 import '../chunk-GZB6YLUI.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,5 +1,5 @@
-export { SearchableMultiPicker } from '../chunk-54UHTU6R.js';
-import '../chunk-JOAUXZZA.js';
+export { SearchableMultiPicker } from '../chunk-WXBOQRD6.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-GZB6YLUI.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreePicker.js

@@ -1,6 +1,6 @@
-export { TreePicker } from '../chunk-RK64BOF5.js';
+export { TreePicker } from '../chunk-J532YYGP.js';
 import '../chunk-PYSTET2C.js';
-import '../chunk-JOAUXZZA.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-GZB6YLUI.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.js

@@ -1,5 +1,5 @@
-import { SearchableMultiPicker } from '../chunk-54UHTU6R.js';
-export { SearchableMultiPicker } from '../chunk-54UHTU6R.js';
+import { SearchableMultiPicker } from '../chunk-WXBOQRD6.js';
+export { SearchableMultiPicker } from '../chunk-WXBOQRD6.js';
 import { SecureScreen } from '../chunk-IIRENCDS.js';
 export { SecureScreen } from '../chunk-IIRENCDS.js';
 import { StackedMeter } from '../chunk-BMZKZGJF.js';
@@ -12,8 +12,8 @@ import { TagMultiSelect } from '../chunk-QDEZXA34.js';
 export { TagMultiSelect } from '../chunk-QDEZXA34.js';
 import { Timeline } from '../chunk-EFYEOT47.js';
 export { Timeline } from '../chunk-EFYEOT47.js';
-import { TreePicker } from '../chunk-RK64BOF5.js';
-export { TreePicker } from '../chunk-RK64BOF5.js';
+import { TreePicker } from '../chunk-J532YYGP.js';
+export { TreePicker } from '../chunk-J532YYGP.js';
 import { TreeView } from '../chunk-PYSTET2C.js';
 export { TreeView, buildTreeNodes } from '../chunk-PYSTET2C.js';
 import { EventCalendar } from '../chunk-C3JY6GA3.js';
@@ -33,8 +33,8 @@ export { PeriodFilter } from '../chunk-M3TDEPD2.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
 import '../chunk-THEP3VWY.js';
-import '../chunk-JOAUXZZA.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-3MS4UWWZ.js';
+import '../chunk-XQPTSEJC.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-IXC547V6.js';
 import '../chunk-GZB6YLUI.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",