@wipco/sdui 0.18.0 → 0.18.1

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/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,7 +33,7 @@ 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';
+import '../chunk-XQPTSEJC.js';
 export { AutocompleteField, toAutocompleteOptions } from '../chunk-3MS4UWWZ.js';
 import '../chunk-GZB6YLUI.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';

package/package.json

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