@wipco/sdui 0.12.0 → 0.13.0

package/dist/{chunk-PEDU6LQK.js → chunk-PBGYAVQZ.js}

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

package/dist/{chunk-CDYIUQAD.js → chunk-QIDMPWZH.js}

@@ -66,10 +66,16 @@ function normalizeSearchOptions(options, valueKey, labelKey) {
 function normalizeSearchFields(fields) {
   return fields.map((field) => {
     if (field.type === "select") {
-      return { ...field, options: normalizeSearchOptions(field.options, field.valueKey, field.labelKey) };
+      if (!field.valueKey && !field.labelKey) return field;
+      return {
+        ...field,
+        options: normalizeSearchOptions(field.options, field.valueKey, field.labelKey),
+        valueKey: void 0,
+        labelKey: void 0
+      };
     }
     if (field.type === "cascading" && field.tree) {
-      return { ...field, options: buildCascadingTree(field.options, field.tree) };
+      return { ...field, options: buildCascadingTree(field.options, field.tree), tree: void 0 };
     }
     return field;
   });

package/dist/{chunk-4TS2N5KU.js → chunk-UA5CT24N.js}

@@ -1,4 +1,4 @@
-import { includesLooseSearch } from './chunk-CDYIUQAD.js';
+import { includesLooseSearch } from './chunk-QIDMPWZH.js';
 import { Button, Dialog, Input, Tag, Checkbox } from './chunk-B5JTXYDB.js';
 import { boxed } from './chunk-SAN4IX6N.js';
 import React, { useMemo, useState, useEffect } from 'react';

package/dist/index.d.ts

@@ -1551,6 +1551,18 @@ interface SduiRendererProps {
     registry?: SduiRegistry;
     /** 내비게이션·API·실시간 연결점 — 생략 시 브라우저 기본 구현 */
     adapter?: SduiAdapter;
+    /**
+     * 마운트 시 한 번 심는 초기 상태 — **경로 파라미터가 들어오는 자리**다.
+     *
+     * 동적 상세 라우트(`asset/asset/:id`)를 열 때 호스트 라우터가
+     * `{ 'route.id': '<실제 id>' }` 를 심으면, 스펙은 `page.data` 의 endpoint 에서
+     * `{"$state":"route.id"}` 로 그 값을 읽어 **그 행의** 데이터를 조회한다.
+     * 이 자리가 없던 동안 목록의 행 클릭이 전부 고정 샘플 상세로 갔다(실사용 지적).
+     *
+     * 마운트 시 1회다 — 라우트가 바뀌면 호스트가 `key` 로 렌더러를 갈아 끼워야 한다
+     * (같은 인스턴스를 재사용하면 이전 화면의 상태가 새 화면으로 샌다).
+     */
+    initialState?: Record<string, SduiPropValue>;
     /**
      * page.urlState ↔ URL 쿼리 동기화 여부 (기본 true).
      * 편집기 미리보기처럼 실제 페이지 라우트가 아닌 곳에 마운트할 때 false로 끈다 —
@@ -1577,7 +1589,7 @@ interface SduiRendererProps {
  * 서버(JSON 스펙) 주도 페이지 렌더러.
  * 스펙은 직렬화 가능한 데이터만 담고, 상태·이벤트·폼·내비게이션은 여기서 해석한다.
  */
-declare function SduiRenderer({ page, registry, adapter, syncUrlState, can, onCustomAction, customValidators, }: SduiRendererProps): React__default.JSX.Element;
+declare function SduiRenderer({ page, registry, adapter, syncUrlState, initialState, can, onCustomAction, customValidators, }: SduiRendererProps): React__default.JSX.Element;
 
 /**
  * 스펙 구조 검증기 — 서버(또는 편집기)가 만든 스펙의 형태 오류를 렌더 전에 찾아낸다.

package/dist/index.js

@@ -1,7 +1,7 @@
 import { DEV, HoistedStyle, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, DateRangePicker, DatePicker, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-5A7BWIGN.js';
 export { DatePicker, DateRangePicker, defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-5A7BWIGN.js';
-import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-CDYIUQAD.js';
-export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-CDYIUQAD.js';
+import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-QIDMPWZH.js';
+export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-QIDMPWZH.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-B5JTXYDB.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-B5JTXYDB.js';
 import { boxed, mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SAN4IX6N.js';
@@ -2247,6 +2247,7 @@ function SduiRenderer({
   registry = defaultRegistry,
   adapter,
   syncUrlState = true,
+  initialState,
   can,
   onCustomAction,
   customValidators
@@ -2254,7 +2255,7 @@ function SduiRenderer({
   const host = useMemo(() => resolveAdapter(adapter), [adapter]);
   const hostRef = useRef(host);
   hostRef.current = host;
-  const [state, setState] = useState({});
+  const [state, setState] = useState(() => ({ ...initialState ?? {} }));
   const urlSeeded = useRef(false);
   const [toasts, setToasts] = useState([]);
   const toastSeq = useRef(0);

package/dist/styles.css

@@ -947,7 +947,11 @@
   z-index: var(--wp-z-dropdown);
 }
 .erp-popover--left { right: auto; left: 0; }
-.erp-popover__body { max-height: 60vh; overflow: auto; padding: var(--wp-space-4); }
+/* 내부 스크롤을 두지 않는다 — 낮은 창에서 60vh 캡이 필드 두 줄짜리 패널마저 잘라
+   컨트롤이 반쯤 걸친 채 스크롤됐다(실사용 지적, 법인차 관리). 패널은 내용만큼 크고,
+   화면보다 길면 페이지가 스크롤된다. 정말 긴 목록(분류 175종)은 목록 자신이
+   스크롤한다(SearchToolbar 의 옵션 목록 max-height). */
+.erp-popover__body { padding: var(--wp-space-4); }
 .erp-popover__foot {
   display: flex; align-items: center; justify-content: space-between; gap: var(--wp-space-2);
   padding: var(--wp-space-3); border-top: var(--wp-border-w) solid var(--wp-divider);

package/dist/widgets/AutocompleteField.js

@@ -1,4 +1,4 @@
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-PEDU6LQK.js';
-import '../chunk-CDYIUQAD.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-PBGYAVQZ.js';
+import '../chunk-QIDMPWZH.js';
 import '../chunk-B5JTXYDB.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,4 +1,4 @@
-export { SearchableMultiPicker } from '../chunk-4TS2N5KU.js';
-import '../chunk-CDYIUQAD.js';
+export { SearchableMultiPicker } from '../chunk-UA5CT24N.js';
+import '../chunk-QIDMPWZH.js';
 import '../chunk-B5JTXYDB.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.js

@@ -1,5 +1,5 @@
-import { SearchableMultiPicker } from '../chunk-4TS2N5KU.js';
-export { SearchableMultiPicker } from '../chunk-4TS2N5KU.js';
+import { SearchableMultiPicker } from '../chunk-UA5CT24N.js';
+export { SearchableMultiPicker } from '../chunk-UA5CT24N.js';
 import { SecureScreen } from '../chunk-4CZJF5PR.js';
 export { SecureScreen } from '../chunk-4CZJF5PR.js';
 import { StackedMeter } from '../chunk-BMZKZGJF.js';
@@ -32,8 +32,8 @@ import { PeriodFilter } from '../chunk-WJEGCCPY.js';
 export { PeriodFilter } from '../chunk-WJEGCCPY.js';
 import { PrintSheet } from '../chunk-JWYBFODH.js';
 export { PrintSheet } from '../chunk-JWYBFODH.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-PEDU6LQK.js';
-import '../chunk-CDYIUQAD.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-PBGYAVQZ.js';
+import '../chunk-QIDMPWZH.js';
 import { ColumnBoard } from '../chunk-VK6KWB65.js';
 export { ColumnBoard } from '../chunk-VK6KWB65.js';
 import { DiffView } from '../chunk-4IRLQWQC.js';

package/package.json

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