@wipco/sdui 0.19.0 → 0.19.1

package/dist/{chunk-5H5DSIQW.js → chunk-BQ5ZGGW7.js}

@@ -1,4 +1,4 @@
-import { buildCascadingTree } from './chunk-VAXBRGDZ.js';
+import { buildCascadingTree } from './chunk-SUJCS7SU.js';
 import { Input, IconButton, EmptyState, Icon, Badge } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useRef, useEffect } from 'react';

package/dist/{chunk-L6HNC4B5.js → chunk-HPZUPYPK.js}

@@ -501,6 +501,7 @@ function DatePickerImpl({
     const next = event.relatedTarget;
     if (next instanceof Node && hostRef.current?.contains(next)) return;
     if (text !== fieldText) setText(fieldText);
+    setOpen(false);
   };
   return /* @__PURE__ */ jsxs("div", { ref: hostRef, className: "wp-dp-host", onBlur: handleBlur, children: [
     /* @__PURE__ */ jsx(HoistedStyle, { id: "wp-datepicker", css: DP_CSS }),
@@ -639,6 +640,7 @@ function DateRangePickerImpl({
     if (next instanceof Node && hostRef.current?.contains(next)) return;
     if (fromText !== fromValue) setFromText(fromValue);
     if (toText !== toValue) setToText(toValue);
+    setOpen(false);
   };
   const pick = (date) => {
     const ymd = formatYmd(date);

package/dist/{chunk-ACZHPPGA.js → chunk-IB4NDAYU.js}

@@ -1,4 +1,4 @@
-import { DateRangePicker } from './chunk-L6HNC4B5.js';
+import { DateRangePicker } from './chunk-HPZUPYPK.js';
 import { SegmentedControl, Select } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useState, useMemo } from 'react';

package/dist/{chunk-LDVPLJ3S.js → chunk-NXY6QH36.js}

@@ -1,5 +1,5 @@
-import { includesLooseSearch } from './chunk-VAXBRGDZ.js';
-import { OverlayLayer } from './chunk-L6HNC4B5.js';
+import { includesLooseSearch } from './chunk-SUJCS7SU.js';
+import { OverlayLayer } from './chunk-HPZUPYPK.js';
 import { Button, Dialog, Input, Tag, Checkbox } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useEffect } from 'react';

package/dist/{chunk-VAXBRGDZ.js → chunk-SUJCS7SU.js}

@@ -1,4 +1,4 @@
-import { DateRangePicker } from './chunk-L6HNC4B5.js';
+import { useOverlayLayer, DateRangePicker } from './chunk-HPZUPYPK.js';
 import { Input, Button, IconButton, Tag, Field, Checkbox } from './chunk-WIDDHR7L.js';
 import { useRef, useEffect, useState, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -21,16 +21,12 @@ function Popover({
       if (event.target instanceof Node && hostRef.current?.contains(event.target)) return;
       closeRef.current();
     };
-    const closeOnEscape = (event) => {
-      if (event.key === "Escape") closeRef.current();
-    };
     document.addEventListener("pointerdown", closeOnOutside);
-    document.addEventListener("keydown", closeOnEscape);
     return () => {
       document.removeEventListener("pointerdown", closeOnOutside);
-      document.removeEventListener("keydown", closeOnEscape);
     };
   }, [open]);
+  useOverlayLayer(open, () => closeRef.current(), hostRef);
   return (
     // 트리거와 패널을 함께 감싸는 기준 상자 — .erp-popover-host의 position:relative가
     // 패널 absolute의 기준이 된다

package/dist/{chunk-4IJGZ2TV.js → chunk-YLYSOOVR.js}

@@ -1,5 +1,5 @@
-import { resolveTreeNodes, TreeView } from './chunk-5H5DSIQW.js';
-import { OverlayLayer } from './chunk-L6HNC4B5.js';
+import { resolveTreeNodes, TreeView } from './chunk-BQ5ZGGW7.js';
+import { OverlayLayer } from './chunk-HPZUPYPK.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-6KGO2PO4.js → chunk-ZODL6LE2.js}

@@ -1,4 +1,4 @@
-import { includesLooseSearch } from './chunk-VAXBRGDZ.js';
+import { includesLooseSearch } from './chunk-SUJCS7SU.js';
 import { Icon, Button, Input, Spinner } from './chunk-WIDDHR7L.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import { useId, useRef, useState, useEffect, useMemo } from 'react';

package/dist/index.js

@@ -2,10 +2,10 @@ import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbo
 export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-WGRB5UL4.js';
 import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
-import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-VAXBRGDZ.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-VAXBRGDZ.js';
-import { HoistedStyle, DateRangePicker, DatePicker, OverlayLayer } from './chunk-L6HNC4B5.js';
-export { DatePicker, DateRangePicker, OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-L6HNC4B5.js';
+import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-SUJCS7SU.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-SUJCS7SU.js';
+import { HoistedStyle, DateRangePicker, DatePicker, OverlayLayer } from './chunk-HPZUPYPK.js';
+export { DatePicker, DateRangePicker, OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-HPZUPYPK.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';
 export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-WIDDHR7L.js';
 import { boxed, mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SAN4IX6N.js';

package/dist/rich.js

@@ -1,6 +1,6 @@
 import { useSduiAssetResolver } from './chunk-WGRB5UL4.js';
-import { HoistedStyle } from './chunk-L6HNC4B5.js';
-export { DatePicker, DateRangePicker } from './chunk-L6HNC4B5.js';
+import { HoistedStyle } from './chunk-HPZUPYPK.js';
+export { DatePicker, DateRangePicker } from './chunk-HPZUPYPK.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,5 +1,5 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-6KGO2PO4.js';
-import '../chunk-VAXBRGDZ.js';
-import '../chunk-L6HNC4B5.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-ZODL6LE2.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/PeriodFilter.js

@@ -1,4 +1,4 @@
-export { PeriodFilter } from '../chunk-ACZHPPGA.js';
-import '../chunk-L6HNC4B5.js';
+export { PeriodFilter } from '../chunk-IB4NDAYU.js';
+import '../chunk-HPZUPYPK.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,5 +1,5 @@
-export { SearchableMultiPicker } from '../chunk-LDVPLJ3S.js';
-import '../chunk-VAXBRGDZ.js';
-import '../chunk-L6HNC4B5.js';
+export { SearchableMultiPicker } from '../chunk-NXY6QH36.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreePicker.js

@@ -1,6 +1,6 @@
-export { TreePicker } from '../chunk-4IJGZ2TV.js';
-import '../chunk-5H5DSIQW.js';
-import '../chunk-VAXBRGDZ.js';
-import '../chunk-L6HNC4B5.js';
+export { TreePicker } from '../chunk-YLYSOOVR.js';
+import '../chunk-BQ5ZGGW7.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreeView.js

@@ -1,5 +1,5 @@
-export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-5H5DSIQW.js';
-import '../chunk-VAXBRGDZ.js';
-import '../chunk-L6HNC4B5.js';
+export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-BQ5ZGGW7.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.js

@@ -1,5 +1,5 @@
-import { SearchableMultiPicker } from '../chunk-LDVPLJ3S.js';
-export { SearchableMultiPicker } from '../chunk-LDVPLJ3S.js';
+import { SearchableMultiPicker } from '../chunk-NXY6QH36.js';
+export { SearchableMultiPicker } from '../chunk-NXY6QH36.js';
 import { SecureScreen } from '../chunk-IIRENCDS.js';
 export { SecureScreen } from '../chunk-IIRENCDS.js';
 import { StackedMeter } from '../chunk-BMZKZGJF.js';
@@ -12,10 +12,10 @@ 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-4IJGZ2TV.js';
-export { TreePicker } from '../chunk-4IJGZ2TV.js';
-import { TreeView } from '../chunk-5H5DSIQW.js';
-export { TreeView, buildTreeNodes } from '../chunk-5H5DSIQW.js';
+import { TreePicker } from '../chunk-YLYSOOVR.js';
+export { TreePicker } from '../chunk-YLYSOOVR.js';
+import { TreeView } from '../chunk-BQ5ZGGW7.js';
+export { TreeView, buildTreeNodes } from '../chunk-BQ5ZGGW7.js';
 import { EventCalendar } from '../chunk-C3JY6GA3.js';
 export { EventCalendar } from '../chunk-C3JY6GA3.js';
 import { ImageLightbox } from '../chunk-XPBZMECW.js';
@@ -28,14 +28,14 @@ import { LiveClock } from '../chunk-Z3WGIFJP.js';
 export { LiveClock } from '../chunk-Z3WGIFJP.js';
 import { OrgChart } from '../chunk-QWJ3OBBL.js';
 export { OrgChart } from '../chunk-QWJ3OBBL.js';
-import { PeriodFilter } from '../chunk-ACZHPPGA.js';
-export { PeriodFilter } from '../chunk-ACZHPPGA.js';
+import { PeriodFilter } from '../chunk-IB4NDAYU.js';
+export { PeriodFilter } from '../chunk-IB4NDAYU.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
 import '../chunk-THEP3VWY.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-6KGO2PO4.js';
-import '../chunk-VAXBRGDZ.js';
-import '../chunk-L6HNC4B5.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-ZODL6LE2.js';
+import '../chunk-SUJCS7SU.js';
+import '../chunk-HPZUPYPK.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
 import { DiffView } from '../chunk-LDJ2CFFH.js';

package/package.json

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