@wipco/sdui 0.47.0 → 0.49.0

package/dist/{chunk-5XCEDVZL.js → chunk-IV5YTVHR.js}

@@ -1,4 +1,4 @@
-import { TagMultiSelect } from './chunk-NMUN2RSW.js';
+import { TagMultiSelect } from './chunk-JBKNIALK.js';
 import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-STX2AX6Y.js';
 import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
 import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-TUOG7EEI.js';

package/dist/{chunk-NMUN2RSW.js → chunk-JBKNIALK.js}

@@ -23,6 +23,9 @@ function pickSeedValues(payload, valueKey) {
 function foldOptions(options, valueKey, labelKey) {
   if (!Array.isArray(options)) return [];
   return options.flatMap((raw) => {
+    if (typeof raw === "string" || typeof raw === "number") {
+      return [{ value: String(raw), label: String(raw) }];
+    }
     if (raw === null || typeof raw !== "object") return [];
     const row = raw;
     const value = (valueKey ? row[valueKey] : void 0) ?? row.value;

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { CSSProperties, ReactNode, ComponentType } from 'react';
-import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-C6cOUNPz.js';
-export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-C6cOUNPz.js';
+import { S as SduiPage, a as SduiAction, b as SduiPropValue, c as SduiRule } from './types-D14eqLpf.js';
+export { d as SduiArgRef, e as SduiCalcRef, f as SduiChild, g as SduiIndexRef, h as SduiItemRef, i as SduiNode, j as SduiPageQuery, k as SduiScalar, l as SduiStateRef } from './types-D14eqLpf.js';
 import { S as SduiBoxProps, a as SduiContainerLayoutProps, b as SduiColumnsScale, c as SduiGapScale, d as SduiWeightScale, e as SduiTextAlignScale } from './layout-C3nRXMwb.js';
 export { C as CHILD_LAYOUT_PROPS, L as LAYOUT_CSS, f as SduiAlignScale, g as SduiChildLayoutProps, h as SduiSizeScale, i as SduiSpanScale, j as childLayoutFrom, k as columnsClass, l as containerLayoutStyle, m as joinClass, n as mergeStyle, t as typographyStyle } from './layout-C3nRXMwb.js';
 import { D as DatePickerProps, a as DateRangePickerProps, T as TimePickerProps } from './DatePicker-BK_jsV7i.js';

package/dist/index.js

@@ -1660,7 +1660,14 @@ function isEmptyValue(v) {
 function fieldOf(row, field) {
   if (!field) return row;
   if (!isPlainObject(row)) return void 0;
-  return Object.hasOwn(row, field) ? row[field] : void 0;
+  if (Object.hasOwn(row, field)) return row[field];
+  if (!field.includes(".")) return void 0;
+  let current = row;
+  for (const segment of field.split(".")) {
+    if (!isPlainObject(current) || !Object.hasOwn(current, segment)) return void 0;
+    current = current[segment];
+  }
+  return current;
 }
 var FIELD_OPS = /* @__PURE__ */ new Set([
   "eq",
@@ -1782,8 +1789,24 @@ var CALC_OPS = /* @__PURE__ */ new Set([
   "length",
   "join",
   "split",
-  "sortBy"
+  "sortBy",
+  "map"
 ]);
+function isFieldRef(value) {
+  return isPlainObject(value) && "$field" in value;
+}
+function substituteFields(template, row) {
+  if (isFieldRef(template)) {
+    return template.$field === true ? row : fieldOf(row, String(template.$field)) ?? null;
+  }
+  if (Array.isArray(template)) return template.map((item) => substituteFields(item, row));
+  if (isPlainObject(template)) {
+    const out = {};
+    for (const [key, value] of Object.entries(template)) out[key] = substituteFields(value, row);
+    return out;
+  }
+  return template;
+}
 function evaluateCalc(calc, resolved, resolve) {
   const op = typeof calc.op === "string" ? calc.op : "";
   const field = typeof calc.field === "string" ? calc.field : void 0;
@@ -1960,6 +1983,11 @@ function evaluateCalc(calc, resolved, resolve) {
       const at = index < 0 ? parts.length + index : index;
       return parts[at] ?? null;
     }
+    case "map": {
+      const template = calc.select;
+      if (template === void 0) return listOrEmpty();
+      return listOrEmpty().map((row) => resolve(substituteFields(template, row)));
+    }
     case "sortBy": {
       const desc = Boolean(calc.desc);
       return [...listOrEmpty()].sort((a, b) => {

package/dist/meta.d.ts

@@ -1,4 +1,4 @@
-import { b as SduiPropValue, i as SduiNode } from './types-C6cOUNPz.js';
+import { b as SduiPropValue, i as SduiNode } from './types-D14eqLpf.js';
 
 /**
  * 시각 빌더용 컴포넌트 메타데이터 스키마.

package/dist/{types-C6cOUNPz.d.ts → types-D14eqLpf.d.ts}

@@ -188,9 +188,15 @@ type SduiAction = {
      *
      * ```json
      * { "action": "setState", "key": "gdRules", "fromEvent": true,
-     *   "path": [{ "$index": true }, "limits", { "$item": true }, "count"] }
+     *   "path": [{ "$arg": "ri" }, "limits", { "$item": true }, "count"] }
      * ```
      *
+     * ⚠ 중첩 반복에서 **바깥 번호는 `$index` 가 아니다.** `$index` 는 가장 안쪽 행
+     * 프레임을 읽으므로, 규칙 루프 안 등급 루프에서 `$index` 는 등급 번호다. 바깥
+     * 번호는 그 자리에 Fragment 를 놓고 `args: { ri: {"$index": true} }` 로 날라
+     * `{"$arg":"ri"}` 로 읽는다 — `$arg` 는 item 프레임을 건너뛰고 원본 값을 호출부
+     * 스코프로 다시 풀기 때문이다(`test/fragment.test.ts` 가 고정한다).
+     *
      * 이것이 없으면 **동적 키**(등급 이름처럼 사용자가 런타임에 타이핑하는 키)와
      * **중첩 쓰기**(`arrayUpdate`는 최상위 배열의 평탄 필드 하나만 바꾼다)를 스펙으로
      * 말할 수 없었다. 규칙과 거절 조건은 `state-path.ts` 머리말에 있다.

package/dist/widgets/ApprovalOverridesEditor.js

@@ -1,5 +1,5 @@
-export { ApprovalOverridesEditor } from '../chunk-5XCEDVZL.js';
-import '../chunk-NMUN2RSW.js';
+export { ApprovalOverridesEditor } from '../chunk-IV5YTVHR.js';
+import '../chunk-JBKNIALK.js';
 import '../chunk-STX2AX6Y.js';
 import '../chunk-VDBUXYEB.js';
 import '../chunk-I5Z2RVDF.js';

package/dist/widgets/TagMultiSelect.d.ts

@@ -18,7 +18,8 @@ interface TagMultiSelectProps {
      * 기본은 `{value, label}`이고, 도메인 행(`{id, name, …}`)을 그대로 넘길 거면
      * `valueKey`/`labelKey`로 읽을 키를 알려 준다 — Select 0.7.0과 같은 계약.
      */
-    options: Array<TagMultiSelectOption | Record<string, unknown>>;
+    /** 값과 라벨이 같은 목록은 문자열·숫자 배열을 그대로 줘도 된다. */
+    options: Array<TagMultiSelectOption | Record<string, unknown> | string | number>;
     /** 옵션에서 값을 읽을 키. 기본 'value'. */
     valueKey?: string;
     /** 옵션에서 표시 라벨을 읽을 키. 기본 'label'. */

package/dist/widgets/TagMultiSelect.js

@@ -1,4 +1,4 @@
-export { TagMultiSelect, pickSeedValues } from '../chunk-NMUN2RSW.js';
+export { TagMultiSelect, pickSeedValues } from '../chunk-JBKNIALK.js';
 import '../chunk-DKPNFEVU.js';
 import '../chunk-TUOG7EEI.js';
 import '../chunk-YQOMSWW5.js';

package/dist/widgets/index.js

@@ -64,10 +64,10 @@ import '../chunk-UMANGYRD.js';
 import '../chunk-QTHYLNJW.js';
 import '../chunk-AVRNQOB5.js';
 import '../chunk-EKVA7T7P.js';
-import { ApprovalOverridesEditor } from '../chunk-5XCEDVZL.js';
-export { ApprovalOverridesEditor } from '../chunk-5XCEDVZL.js';
-import { TagMultiSelect } from '../chunk-NMUN2RSW.js';
-export { TagMultiSelect, pickSeedValues } from '../chunk-NMUN2RSW.js';
+import { ApprovalOverridesEditor } from '../chunk-IV5YTVHR.js';
+export { ApprovalOverridesEditor } from '../chunk-IV5YTVHR.js';
+import { TagMultiSelect } from '../chunk-JBKNIALK.js';
+export { TagMultiSelect, pickSeedValues } from '../chunk-JBKNIALK.js';
 import { ApprovalLineEditor } from '../chunk-STX2AX6Y.js';
 export { ApprovalLineEditor } from '../chunk-STX2AX6Y.js';
 import '../chunk-VDBUXYEB.js';

package/package.json

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