@wipco/sdui 0.32.0 → 0.34.0

package/dist/chunk-D4AILKSJ.js

@@ -0,0 +1,159 @@
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
+import { Select, Button } from './chunk-WIDDHR7L.js';
+import { boxed } from './chunk-SAN4IX6N.js';
+import { useState, useEffect, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EMPTY_VALUE = "__wipco_position_none__";
+var LOADING_VALUE = "__wipco_position_loading__";
+var toNumber = (v) => typeof v === "number" && Number.isFinite(v) ? v : 0;
+function parseRow(raw) {
+  if (typeof raw !== "object" || raw === null) return null;
+  const row = raw;
+  if (typeof row.name !== "string") return null;
+  return {
+    name: row.name,
+    rankOrder: toNumber(row.rank_order),
+    sortOrder: toNumber(row.sort_order),
+    // is_active 결측은 true 폴백 — 파서 사정으로 목록이 전부 사라지는 사고 방지(v2와 동일).
+    isActive: row.is_active === void 0 || row.is_active === null ? true : row.is_active === true
+  };
+}
+async function fetchAllPositions(api, endpoint) {
+  const LIMIT = 500;
+  const MAX_PAGES = 10;
+  const rows = [];
+  let offset = 0;
+  for (let page = 0; page < MAX_PAGES; page += 1) {
+    const sep = endpoint.includes("?") ? "&" : "?";
+    const res = await api(`${endpoint}${sep}limit=${LIMIT}&offset=${offset}`, {
+      method: "GET"
+    });
+    const data = Array.isArray(res?.data) ? res.data : [];
+    for (const raw of data) {
+      const parsed = parseRow(raw);
+      if (parsed) rows.push(parsed);
+    }
+    const total = typeof res?.total === "number" ? res.total : rows.length;
+    offset += LIMIT;
+    if (data.length === 0 || rows.length >= total) break;
+  }
+  return rows;
+}
+var inflight = /* @__PURE__ */ new Map();
+function loadPositions(api, endpoint) {
+  const pending = inflight.get(endpoint);
+  if (pending) return pending;
+  const next = fetchAllPositions(api, endpoint).finally(() => {
+    inflight.delete(endpoint);
+  });
+  inflight.set(endpoint, next);
+  return next;
+}
+function PositionSelectImpl({
+  endpoint = "/job-positions",
+  value,
+  onChange,
+  allowEmpty = false,
+  disabled = false,
+  size,
+  invalid,
+  placeholder = "\uC9C1\uC704\uB97C \uC120\uD0DD\uD558\uC138\uC694",
+  id
+}) {
+  const adapter = useSduiAdapter();
+  const api = hostFetchOf(adapter) ?? defaultAdapter.fetch;
+  const [positions, setPositions] = useState(null);
+  const [failed, setFailed] = useState(false);
+  const [attempt, setAttempt] = useState(0);
+  useEffect(() => {
+    let alive = true;
+    loadPositions(api, endpoint).then((rows2) => {
+      if (!alive) return;
+      setPositions(rows2);
+      setFailed(false);
+    }).catch(() => {
+      if (!alive) return;
+      setPositions([]);
+      setFailed(true);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [attempt]);
+  const isLoading = positions === null && !failed;
+  const rows = useMemo(() => positions ?? [], [positions]);
+  const activeByName = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const position of rows) {
+      if (position.name.trim() === "") continue;
+      map.set(position.name, (map.get(position.name) ?? false) || position.isActive);
+    }
+    return map;
+  }, [rows]);
+  const activeNames = useMemo(() => {
+    const sorted = [...rows].sort(
+      (a, b) => a.rankOrder - b.rankOrder || a.sortOrder - b.sortOrder || a.name.localeCompare(b.name, "ko")
+    );
+    const seen = /* @__PURE__ */ new Set();
+    const names = [];
+    for (const position of sorted) {
+      if (!position.isActive) continue;
+      if (position.name.trim() === "" || seen.has(position.name)) continue;
+      seen.add(position.name);
+      names.push(position.name);
+    }
+    return names;
+  }, [rows]);
+  const current = typeof value === "string" ? value : "";
+  const isOffList = current !== "" && !activeNames.includes(current);
+  const suffix = isLoading || failed ? "" : activeByName.has(current) ? " (\uBBF8\uC0AC\uC6A9)" : " (\uBBF8\uB4F1\uB85D \uC9C1\uC704)";
+  const options = useMemo(() => {
+    const list = [];
+    if (allowEmpty) list.push({ value: EMPTY_VALUE, label: "\uC120\uD0DD \uC548 \uD568" });
+    if (isOffList) list.push({ value: current, label: `${current}${suffix}` });
+    if (isLoading) list.push({ value: LOADING_VALUE, label: "\uBD88\uB7EC\uC624\uB294 \uC911\u2026", disabled: true });
+    for (const name of activeNames) list.push({ value: name, label: name });
+    return list;
+  }, [allowEmpty, isOffList, current, suffix, isLoading, activeNames]);
+  return /* @__PURE__ */ jsxs("div", { className: "wp-col", style: { gap: "var(--wp-space-1)" }, children: [
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        id,
+        size,
+        invalid,
+        disabled,
+        value: current,
+        options,
+        placeholder,
+        onChange: (event) => {
+          const next = event.target.value;
+          if (next === LOADING_VALUE) return;
+          onChange?.(next === EMPTY_VALUE ? "" : next);
+        }
+      }
+    ),
+    !isLoading && failed && /* @__PURE__ */ jsxs("div", { className: "wp-row", style: { alignItems: "center", gap: "var(--wp-space-2)" }, children: [
+      /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-muted)" }, children: "\uC9C1\uC704 \uBAA9\uB85D\uC744 \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          size: "sm",
+          variant: "secondary",
+          onClick: () => {
+            setPositions(null);
+            setFailed(false);
+            setAttempt((n) => n + 1);
+          },
+          children: "\uB2E4\uC2DC \uC2DC\uB3C4"
+        }
+      )
+    ] }),
+    !isLoading && !failed && activeNames.length === 0 && !isOffList && /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-muted)" }, children: "\uB4F1\uB85D\uB41C \uC9C1\uC704\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4. \uC778\uC0AC > \uC9C1\uC704 \uAD00\uB9AC\uC5D0\uC11C \uB4F1\uB85D\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." })
+  ] });
+}
+var PositionSelect = boxed(PositionSelectImpl, "PositionSelect");
+
+export { PositionSelect };

package/dist/chunk-PCMJE2GO.js

@@ -0,0 +1,109 @@
+import { useSduiAssetResolver } from './chunk-DKPNFEVU.js';
+import { Spinner, Icon } from './chunk-WIDDHR7L.js';
+import { boxed } from './chunk-SAN4IX6N.js';
+import { useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FALLBACK_NOTE = "QR \uC774\uBBF8\uC9C0\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4 \u2014 \uC11C\uBC84 \uC5F0\uACB0\uC744 \uD655\uC778\uD558\uC138\uC694";
+var boxStyle = (size) => ({
+  width: size,
+  height: size,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: "var(--wp-space-2)"
+});
+function QRDisplayImpl({
+  path,
+  url,
+  size = 128,
+  endpoint = "/qr",
+  caption
+}) {
+  const [absoluteUrl, setAbsoluteUrl] = useState(null);
+  const [failed, setFailed] = useState(false);
+  const resolveAsset = useSduiAssetResolver();
+  useEffect(() => {
+    setFailed(false);
+    try {
+      const base = window.location.origin;
+      const target = url ?? path ?? window.location.href;
+      setAbsoluteUrl(new URL(target, base).toString());
+    } catch {
+      setAbsoluteUrl(null);
+      setFailed(true);
+    }
+  }, [path, url]);
+  const raw = absoluteUrl !== null ? `${endpoint}${endpoint.includes("?") ? "&" : "?"}data=${encodeURIComponent(absoluteUrl)}&size=${size}` : null;
+  const src = raw === null ? null : resolveAsset(raw, { component: "QRDisplay", prop: "src", kind: "attribute" });
+  const pending = absoluteUrl === null && !failed;
+  return /* @__PURE__ */ jsxs(
+    "figure",
+    {
+      style: {
+        display: "inline-flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: "var(--wp-space-3)",
+        margin: 0,
+        padding: "var(--wp-space-4)",
+        background: "var(--wp-surface-card)",
+        border: "1px solid var(--wp-border-subtle)",
+        borderRadius: "var(--wp-radius-md)",
+        boxShadow: "var(--wp-shadow-xs)"
+      },
+      children: [
+        failed || src === null ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "img",
+            "aria-label": FALLBACK_NOTE,
+            style: {
+              ...boxStyle(size),
+              border: "1px dashed var(--wp-border-strong)",
+              borderRadius: "var(--wp-radius-md)",
+              background: "var(--wp-surface-sunken)",
+              color: "var(--wp-text-subtle)"
+            },
+            children: pending ? /* @__PURE__ */ jsx(Spinner, { label: "QR \uC900\uBE44 \uC911" }) : /* @__PURE__ */ jsx(Icon, { name: "scan", size: 24 })
+          }
+        ) : /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            width: size,
+            height: size,
+            alt: caption ? `QR \uCF54\uB4DC \u2014 ${caption}` : "QR \uCF54\uB4DC",
+            onError: () => setFailed(true),
+            style: {
+              display: "block",
+              borderRadius: "var(--wp-radius-xs)",
+              maxWidth: "100%"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "figcaption",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              gap: "var(--wp-space-1)",
+              maxWidth: Math.max(size, 160),
+              textAlign: "center"
+            },
+            children: [
+              caption && /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-muted)" }, children: caption }),
+              failed && /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-subtle)" }, children: FALLBACK_NOTE })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var QRDisplay = boxed(QRDisplayImpl, "QRDisplay");
+
+export { QRDisplay };

package/dist/{chunk-LDJ2CFFH.js → chunk-XAYXHY7R.js}

@@ -51,10 +51,17 @@ function DiffViewImpl({ fields, lists }) {
       const added = list.added ?? [];
       const removed = list.removed ?? [];
       const kept = list.kept ?? [];
-      const isEmpty = added.length === 0 && removed.length === 0 && kept.length === 0;
+      const isReplace = list.before !== void 0 || list.after !== void 0;
+      const before = list.before ?? [];
+      const after = list.after ?? [];
+      const isEmpty = isReplace ? before.length === 0 && after.length === 0 : added.length === 0 && removed.length === 0 && kept.length === 0;
       return /* @__PURE__ */ jsxs(React.Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "erp-diff__label", children: list.label }),
-        /* @__PURE__ */ jsx("span", { className: "erp-diff__badges", children: isEmpty ? /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "\uBCC0\uACBD \uC5C6\uC74C" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "erp-diff__badges", children: isEmpty ? /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "\uBCC0\uACBD \uC5C6\uC74C" }) : isReplace ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          before.map((value, i) => /* @__PURE__ */ jsx(Badge, { tone: "neutral", children: value }, `b-${value}-${i}`)),
+          /* @__PURE__ */ jsx("span", { className: "erp-diff__arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon, { name: "arrow-right", size: 14 }) }),
+          after.length === 0 ? /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "\uBE44\uC6C0" }) : after.map((value, i) => /* @__PURE__ */ jsx(Badge, { tone: "success", children: value }, `f-${value}-${i}`))
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           added.map((value, i) => /* @__PURE__ */ jsxs(Badge, { tone: "success", children: [
             "+ ",
             value

package/dist/meta.d.ts

@@ -435,6 +435,8 @@ declare const ExcelUploadCardMeta: SduiComponentMeta;
 declare const OptionSchemaEditorMeta: SduiComponentMeta;
 declare const OptionValueFieldsMeta: SduiComponentMeta;
 declare const StagePeriodEditorMeta: SduiComponentMeta;
+declare const QRDisplayMeta: SduiComponentMeta;
+declare const PositionSelectMeta: SduiComponentMeta;
 declare const AutocompleteFieldMeta: SduiComponentMeta;
 declare const InlineEditMeta: SduiComponentMeta;
 declare const JsonFieldMeta: SduiComponentMeta;
@@ -471,6 +473,8 @@ declare const widgetComponentMeta: {
     ApprovalLineEditor: SduiComponentMeta;
     ApprovalOverridesEditor: SduiComponentMeta;
     ApprovalStepper: SduiComponentMeta;
+    PositionSelect: SduiComponentMeta;
+    QRDisplay: SduiComponentMeta;
     OptionSchemaEditor: SduiComponentMeta;
     OptionValueFields: SduiComponentMeta;
     StagePeriodEditor: SduiComponentMeta;
@@ -612,4 +616,4 @@ declare function paletteGroups(catalog?: Record<string, SduiComponentMeta>): Arr
     items: SduiComponentMeta[];
 }>;
 
-export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, type SduiCategory, type SduiChildrenMeta, type SduiComponentMeta, type SduiDomMeta, type SduiEnumOption, type SduiPropGroup, type SduiPropKind, type SduiPropMeta, type SduiResizeMeta, type SduiSlotMeta, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StagePeriodEditorMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };
+export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PositionSelectMeta, PrintSheetMeta, ProgressBarMeta, QRDisplayMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, type SduiCategory, type SduiChildrenMeta, type SduiComponentMeta, type SduiDomMeta, type SduiEnumOption, type SduiPropGroup, type SduiPropKind, type SduiPropMeta, type SduiResizeMeta, type SduiSlotMeta, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StagePeriodEditorMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };

package/dist/meta.js

@@ -4177,6 +4177,96 @@ var StagePeriodEditorMeta = {
   },
   resize: { kind: "none" }
 };
+var QRDisplayMeta = {
+  name: "QRDisplay",
+  label: "QR \uCF54\uB4DC",
+  category: "display",
+  icon: "scan",
+  description: "\uBC31\uC5D4\uB4DC QR \uB80C\uB354\uB7EC(GET /qr)\uB85C \uB9CC\uB4E0 QR \uC774\uBBF8\uC9C0\uB97C \uCEA1\uC158\uACFC \uD568\uAED8 \uBCF4\uC5EC\uC900\uB2E4. \uB85C\uB4DC\uC5D0 \uC2E4\uD328\uD558\uBA74 \uC810\uC120 \uD50C\uB808\uC774\uC2A4\uD640\uB354\uB85C \uB300\uCCB4\uB41C\uB2E4.",
+  props: [
+    {
+      name: "path",
+      kind: "string",
+      label: "\uC571 \uB0B4\uBD80 \uACBD\uB85C",
+      bindable: true,
+      description: '\uC608: "/public/asset/unit/WP-0001". \uB9C8\uC6B4\uD2B8 \uD6C4 \uC808\uB300 URL\uB85C \uBCC0\uD658\uD574 \uC778\uCF54\uB529\uD55C\uB2E4.',
+      group: "content"
+    },
+    // 실측 2/2
+    {
+      name: "url",
+      kind: "string",
+      label: "URL \uC9C1\uC811 \uC9C0\uC815",
+      bindable: true,
+      description: "path\uBCF4\uB2E4 \uC6B0\uC120\uD55C\uB2E4.",
+      group: "content",
+      advanced: true
+    },
+    // 실측 0/2 — 구현에는 있다
+    {
+      name: "size",
+      kind: "number",
+      label: "\uD06C\uAE30(px)",
+      default: 128,
+      description: "QR \uD55C \uBCC0. \uAC00\uB85C\xB7\uC138\uB85C\uAC00 \uAC19\uC774 \uC6C0\uC9C1\uC778\uB2E4.",
+      group: "appearance"
+    },
+    // 실측 2/2 (148, 112)
+    { name: "caption", kind: "string", label: "\uCEA1\uC158", group: "content" }
+    // 실측 2/2
+  ],
+  children: { accepts: false },
+  dom: { element: "figure" },
+  // 실측: 루트가 <figure>
+  preset: {
+    component: "QRDisplay",
+    props: { path: "/", size: 128, caption: "QR \uCF54\uB4DC" }
+  },
+  // size 하나가 한 변이라 가로 손잡이든 세로 손잡이든 같은 프롭을 움직인다.
+  // 실측(resizePatch 직접 호출): dx=+40 dy=0 → {size:168} · dx=0 dy=+40 → {size:168} ·
+  // dx=+40 dy=+10 → {size:168}. 대각선은 더 많이 끈 축을 따른다(합산이 아니다).
+  // 처음 적을 때는 이 문장을 재보지 않고 썼고 실제로는 거짓이었다 — 가로 손잡이가
+  // 죽어 있었다. resize.ts의 "같은 프롭이면 축을 합친다" 분기를 그때 넣어 참으로 만들었다.
+  resize: { kind: "numeric", widthProp: "size", heightProp: "size", unit: "px", axis: "both" }
+};
+var PositionSelectMeta = {
+  name: "PositionSelect",
+  label: "\uC9C1\uC704 \uC120\uD0DD",
+  category: "input",
+  icon: "circle-user",
+  description: '\uC9C1\uC704 \uB9C8\uC2A4\uD130(/job-positions) \uC140\uB809\uD2B8. \uD65C\uC131 \uC9C1\uC704\uB97C \uC11C\uC5F4(rank_order\u2192sort_order) \uC21C\uC73C\uB85C \uBCF4\uC5EC\uC8FC\uACE0, \uBAA9\uB85D \uBC16 \uD604\uC7AC \uAC12\uC740 " (\uBBF8\uC0AC\uC6A9)"/" (\uBBF8\uB4F1\uB85D \uC9C1\uC704)" \uC811\uBBF8\uC0AC\uB85C \uC5B9\uC5B4 \uBCF4\uC874\uD55C\uB2E4. \uAC12\uC740 employees.grade \uBB38\uC790\uC5F4 \uC0AC\uBCF8 \uADF8\uB300\uB85C\uB2E4.',
+  props: [
+    { name: "value", kind: "string", label: "\uD604\uC7AC \uC9C1\uC704", required: true, bindable: true, description: "\uC9C1\uC704 \uC774\uB984 \uBB38\uC790\uC5F4(employees.grade).", group: "data" },
+    { name: "onChange", kind: "action", label: "\uC9C1\uC704 \uBCC0\uACBD", required: true, eventArg: '\uBC14\uB010 \uC9C1\uC704 \uC774\uB984 \uBB38\uC790\uC5F4 \u2014 "\uC120\uD0DD \uC548 \uD568"\uC740 \uBE48 \uBB38\uC790\uC5F4', group: "behavior" },
+    { name: "allowEmpty", kind: "boolean", label: "\uC120\uD0DD \uC548 \uD568 \uB178\uCD9C", default: false, description: '\uB9E8 \uC704\uC5D0 "\uC120\uD0DD \uC548 \uD568" \uD56D\uBAA9\uC744 \uB178\uCD9C\uD55C\uB2E4. \uC120\uD0DD \uC2DC \uBE48 \uBB38\uC790\uC5F4\uC744 \uD758\uB9B0\uB2E4.', group: "behavior" },
+    { name: "placeholder", kind: "string", label: "\uD50C\uB808\uC774\uC2A4\uD640\uB354", default: "\uC9C1\uC704\uB97C \uC120\uD0DD\uD558\uC138\uC694", group: "content" },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    { name: "invalid", kind: "boolean", label: "\uC624\uB958 \uD45C\uC2DC", bindable: true, group: "appearance", advanced: true },
+    { name: "size", kind: "enum", label: "\uD06C\uAE30", options: [{ value: "sm", label: "\uC791\uAC8C" }, { value: "md", label: "\uBCF4\uD1B5" }, { value: "lg", label: "\uD06C\uAC8C" }], group: "appearance", advanced: true },
+    { name: "id", kind: "string", label: "\uC694\uC18C id", group: "behavior", advanced: true },
+    {
+      name: "endpoint",
+      kind: "string",
+      label: "\uC9C1\uC704 \uBAA9\uB85D \uACBD\uB85C",
+      description: "\uC751\uB2F5 {data:[\u2026], total} \uC744 500\uAC74\uC529 \uC218\uC9D1\uD55C\uB2E4. \uAE30\uBCF8 '/job-positions'.",
+      group: "data",
+      advanced: true
+    }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  // 루트 <div class="wp-col"> (Select + 안내문)
+  // 마운트 즉시 GET /job-positions 1회가 나간다 — RoleTagPicker.sourceEndpoint와 같은 결(캔버스에서는 조용히 실패).
+  preset: {
+    component: "PositionSelect",
+    props: {
+      value: { $state: "empForm.grade", default: "" },
+      onChange: { action: "setState", key: "empForm.grade", fromEvent: true },
+      allowEmpty: true
+    }
+  },
+  resize: { kind: "none" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -4989,7 +5079,16 @@ var DiffViewMeta = {
         { name: "label", kind: "string", label: "\uD56D\uBAA9\uBA85", required: true },
         { name: "added", kind: "array", label: "\uCD94\uAC00\uB428", item: [], itemKind: "string" },
         { name: "removed", kind: "array", label: "\uC0AD\uC81C\uB428", item: [], itemKind: "string" },
-        { name: "kept", kind: "array", label: "\uC720\uC9C0\uB428", item: [], itemKind: "string" }
+        { name: "kept", kind: "array", label: "\uC720\uC9C0\uB428", item: [], itemKind: "string" },
+        {
+          name: "before",
+          kind: "array",
+          label: "\uBCC0\uACBD \uC804(\uC804\uCCB4 \uAD50\uCCB4)",
+          item: [],
+          itemKind: "string",
+          description: '\uC774 \uCD95\uC744 \uC8FC\uBA74 added/removed/kept \uB300\uC2E0 "before \u2192 after" \uB85C \uADF8\uB9B0\uB2E4 \u2014 \uC885\uB958 \uB2E8\uC704 \uC804\uCCB4 \uAD50\uCCB4.'
+        },
+        { name: "after", kind: "array", label: "\uBCC0\uACBD \uD6C4(\uC804\uCCB4 \uAD50\uCCB4)", item: [], itemKind: "string" }
       ]
     }
   ],
@@ -5597,6 +5696,8 @@ var widgetComponentMeta = {
   ApprovalLineEditor: ApprovalLineEditorMeta,
   ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  PositionSelect: PositionSelectMeta,
+  QRDisplay: QRDisplayMeta,
   OptionSchemaEditor: OptionSchemaEditorMeta,
   OptionValueFields: OptionValueFieldsMeta,
   StagePeriodEditor: StagePeriodEditorMeta,
@@ -5663,4 +5764,4 @@ function paletteGroups(catalog = allComponentMeta) {
   })).filter((group) => group.items.length > 0);
 }
 
-export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StagePeriodEditorMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };
+export { ActionsMeta, AlertMeta, ApprovalLineEditorMeta, ApprovalOverridesEditorMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, OrgChartBoardMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PermissionMatrixEditorMeta, PositionSelectMeta, PrintSheetMeta, ProgressBarMeta, QRDisplayMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RoleMemberPickerMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, StagePeriodEditorMeta, StatCardMeta, StripMeta, SummaryTableMeta, SwitchMeta, TableMeta, TabsMeta, TagMeta, TagMultiSelectMeta, TextMeta, TextareaMeta, TimePickerMeta, TimelineMeta, ToastMeta, TooltipMeta, TreePickerMeta, TreeViewMeta, allComponentMeta, builtinComponentMeta, coreComponentMeta, dsComponentMeta, getComponentMeta, paletteGroups, richComponentMeta, slotNamesOf, widgetComponentMeta, withSelfAxis, withSelfAxisAll };

package/dist/widgets/DiffView.d.ts

@@ -11,6 +11,17 @@ interface DiffList {
     added?: string[];
     removed?: string[];
     kept?: string[];
+    /**
+     * **종류 단위 전체 교체**를 그린다 — `before`/`after` 중 하나라도 있으면
+     * added/removed/kept 대신 이쪽으로 그린다.
+     *
+     * 항목별 추가·삭제가 아니라 "이 종류가 통째로 이 목록으로 바뀐다"가 참인 자리가
+     * 있다(학력·자격처럼 서버가 종류째 갈아 끼우는 관계). 그걸 added/removed 로 그리면
+     * **의미가 달라진다** — 같은 값이 양쪽에 있어도 "유지"가 아니라 "지웠다 다시 넣음"이
+     * 서버에서 실제로 일어나기 때문이다.
+     */
+    before?: string[];
+    after?: string[];
 }
 interface DiffViewProps {
     fields?: DiffField[];

package/dist/widgets/DiffView.js

@@ -1,3 +1,3 @@
-export { DiffView } from '../chunk-LDJ2CFFH.js';
+export { DiffView } from '../chunk-XAYXHY7R.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/PositionSelect.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+
+/**
+ * PositionSelect — 직위 마스터(/job-positions) 셀렉트. v2 position-select.tsx 이식.
+ *
+ * 옵션은 **활성 직위만**, 마스터 서열(rank_order → sort_order → 이름 ko) 순서 그대로다 —
+ * 서열이 곧 표시 순서라 가나다 재정렬로 덮으면 안 된다. 같은 이름이 중복되면
+ * 첫 등장(서열 높은 쪽)만 남긴다(같은 value 옵션이 둘 생기는 사고 방지).
+ *
+ * **off-list 값 처리**: 현재 값이 활성 목록에 없으면(미사용 전환·예전 자유 입력) 그 값을
+ * 항목으로 얹어 표시를 유지한다 — 안 얹으면 셀렉트가 비어 보이고 저장 시 기존 값이
+ * 날아간 것처럼 오해된다(v2가 고친 문제). 접미사: 마스터에 있으나 미사용이면 " (미사용)",
+ * 마스터에 아예 없으면 " (미등록 직위)". 로딩/에러 중에는 접미사를 생략한다 —
+ * 조회 한 번 실패했다고 멀쩡한 값이 "미등록"으로 낙인찍히면 안 된다.
+ *
+ * **조회는 매 마운트 1회**(limit 500씩 total까지 페이지 수집) — v2의 60초 모듈 캐시 +
+ * 세대 카운터 대신 단순화했다. 직위 관리 화면 변경 뒤 폼 다이얼로그가 다시 열리면
+ * (Show 언마운트→재마운트) 새로 읽으므로 invalidate 별도 배선이 필요 없다.
+ * 한 화면 다중 인스턴스(등록 폼+필터)의 중복 조회만 모듈 인플라이트 공유로 억제한다.
+ *
+ * **onChange는 문자열**을 흘린다 — "선택 안 함"은 ''(빈 문자열). v2 계약은 null이었지만
+ * 호출부가 전부 null→''로 접어 저장했고, SDUI setState(fromEvent)에는 값 변환 어휘가
+ * 없어 그 접기를 위젯이 대신한다. employees.grade는 문자열 사본 컬럼이라 ''가 "미지정"이다.
+ */
+interface PositionSelectProps {
+    /** 직위 목록 경로. 응답 `{data:[…], total}` 을 500건씩 수집한다. 기본 '/job-positions'. */
+    endpoint?: string;
+    /** 현재 직위 이름(employees.grade 문자열 사본). */
+    value?: string | null;
+    /** 바뀐 직위 이름. "선택 안 함"은 ''(빈 문자열). */
+    onChange?: (value: string) => void;
+    /** "선택 안 함" 항목을 맨 위에 노출한다. 선택 시 onChange(''). */
+    allowEmpty?: boolean;
+    disabled?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    invalid?: boolean;
+    placeholder?: string;
+    id?: string;
+}
+/** 바깥 style·className을 뿌리에 얹는다 — 자기 축(폭·여백) 통로. */
+declare const PositionSelect: React.FC<PositionSelectProps & SduiBoxProps>;
+
+export { PositionSelect, type PositionSelectProps };

package/dist/widgets/PositionSelect.js

@@ -0,0 +1,4 @@
+export { PositionSelect } from '../chunk-D4AILKSJ.js';
+import '../chunk-DKPNFEVU.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/QRDisplay.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+
+/**
+ * QRDisplay — 백엔드 QR 렌더러(GET {API_BASE}/qr)로 만든 QR 이미지를 카드로 표시.
+ *
+ * path(앱 내부 경로) 또는 url을 받아 마운트 후 절대 URL로 변환해
+ * 인코딩한다(SSR 안전). 백엔드가 없어 이미지 로드가 실패하면 점선
+ * 플레이스홀더 + 안내 문구로 대체한다.
+ *
+ * ## 자산 관문을 스스로 통과시킨다 (useSduiAssetResolver)
+ *
+ * 렌더러의 자산 순회는 **스펙이 준 URL**만 본다. 이 컴포넌트는 그 검사에 걸릴 문자열이
+ * 애초에 없다 — `src`를 프롭으로 받지 않고 `apiUrl('/qr?data=…')`로 **안에서 만들어**
+ * 붙이기 때문이다. 그래서 편집기 캔버스가 클릭·fetch·navigate를 다 막아 둔 상태에서도
+ * 이 `<img>` 하나는 잠금 밖이었다. 목적지가 동일 오리진이라 **세션 쿠키까지 실린다.**
+ *
+ * 더 나쁜 경우가 둘 더 있다.
+ * - 프롭을 아예 안 주면 `window.location.href`로 채우는데(아래 effect), 캔버스에서 그건
+ *   **편집기 자신의 URL**이다. 남의 스펙을 여는 것만으로 편집 중인 화면 주소가 QR 인코딩
+ *   요청에 실려 나간다.
+ * - Tauri 데스크톱에서 `apiUrl`의 기준은 **사용자가 설정한 임의 호스트**다. 웹처럼
+ *   동일 오리진으로 끝나지 않는다.
+ *
+ * 그래서 URL을 만든 쪽이 직접 관문에 태운다. 진짜 앱에서는 항등함수라
+ * (`defaultAdapter.resolveAsset`) 바이트 단위로 같은 요청이 나간다.
+ */
+interface QRDisplayProps {
+    /** QR에 담을 앱 내부 경로(예: "/hr/employees/1"). 마운트 후 절대 URL로 변환. */
+    path?: string;
+    /** 절대/상대 URL을 직접 지정. path보다 우선한다. */
+    url?: string;
+    /** QR 한 변(px). 기본 128. */
+    size?: number;
+    /**
+     * QR 이미지를 내주는 서버 경로. `?data=<인코딩된 URL>&size=<px>` 가 붙는다.
+     * 기본 '/qr'. API 가 다른 오리진이면 그 절대 주소를 넘긴다.
+     */
+    endpoint?: string;
+    caption?: string;
+}
+/** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자기 축(폭·여백)이 닿게 하는 통로. */
+declare const QRDisplay: React.FC<QRDisplayProps & SduiBoxProps>;
+
+export { QRDisplay, type QRDisplayProps };

package/dist/widgets/QRDisplay.js

@@ -0,0 +1,4 @@
+export { QRDisplay } from '../chunk-PCMJE2GO.js';
+import '../chunk-DKPNFEVU.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.d.ts

@@ -24,8 +24,12 @@ import { RecordSheetProps } from './RecordSheet.js';
 export { RecordSheet, RecordSheetCell, RecordSheetCellKind, RecordSheetRow } from './RecordSheet.js';
 import { RankBoardProps } from './RankBoard.js';
 export { RankBoard } from './RankBoard.js';
+import { QRDisplayProps } from './QRDisplay.js';
+export { QRDisplay } from './QRDisplay.js';
 import { PrintSheetProps } from './PrintSheet.js';
 export { PrintSheet } from './PrintSheet.js';
+import { PositionSelectProps } from './PositionSelect.js';
+export { PositionSelect } from './PositionSelect.js';
 import { PeriodFilterProps } from './PeriodFilter.js';
 export { Period, PeriodFilter, PeriodMode, PeriodModeItem } from './PeriodFilter.js';
 import { PermissionMatrixEditorProps } from './PermissionMatrixEditor.js';
@@ -90,7 +94,9 @@ declare const widgetComponents: {
     OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
     PermissionMatrixEditor: React.FC<PermissionMatrixEditorProps & SduiBoxProps>;
     PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
+    PositionSelect: React.FC<PositionSelectProps & SduiBoxProps>;
     PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
+    QRDisplay: React.FC<QRDisplayProps & SduiBoxProps>;
     RankBoard: React.FC<RankBoardProps & SduiBoxProps>;
     RecordSheet: React.FC<RecordSheetProps & SduiBoxProps>;
     RoleMemberPicker: React.FC<RoleMemberPickerProps & SduiBoxProps>;
@@ -108,4 +114,4 @@ declare const widgetComponents: {
 /** 위젯 어휘의 컴포넌트 이름 union — 메타데이터 대조에 쓴다(`@wipco/sdui/meta`). */
 type SduiWidgetComponentName = keyof typeof widgetComponents;
 
-export { ApprovalLineEditorProps, ApprovalOverridesEditorProps, ApprovalStepperProps, ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OptionSchemaEditorProps, OptionValueFieldsProps, OrgChartBoardProps, OrgChartProps, PeriodFilterProps, PermissionMatrixEditorProps, PrintSheetProps, RankBoardProps, RecordSheetProps, RoleMemberPickerProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StagePeriodEditorProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };
+export { ApprovalLineEditorProps, ApprovalOverridesEditorProps, ApprovalStepperProps, ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OptionSchemaEditorProps, OptionValueFieldsProps, OrgChartBoardProps, OrgChartProps, PeriodFilterProps, PermissionMatrixEditorProps, PositionSelectProps, PrintSheetProps, QRDisplayProps, RankBoardProps, RecordSheetProps, RoleMemberPickerProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StagePeriodEditorProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };

package/dist/widgets/index.js

@@ -1,3 +1,7 @@
+import { StackedMeter } from '../chunk-BMZKZGJF.js';
+export { StackedMeter } from '../chunk-BMZKZGJF.js';
+import { StagePeriodEditor } from '../chunk-KVFHPBAY.js';
+export { StagePeriodEditor } from '../chunk-KVFHPBAY.js';
 import { Strip } from '../chunk-ZH5MLOZS.js';
 export { Strip } from '../chunk-ZH5MLOZS.js';
 import { SummaryTable } from '../chunk-O4U7Y3XL.js';
@@ -8,8 +12,12 @@ import { TreePicker } from '../chunk-U3HYQCFA.js';
 export { TreePicker } from '../chunk-U3HYQCFA.js';
 import { TreeView } from '../chunk-X5R2HHEN.js';
 export { TreeView, buildTreeNodes } from '../chunk-X5R2HHEN.js';
+import { PositionSelect } from '../chunk-D4AILKSJ.js';
+export { PositionSelect } from '../chunk-D4AILKSJ.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
+import { QRDisplay } from '../chunk-PCMJE2GO.js';
+export { QRDisplay } from '../chunk-PCMJE2GO.js';
 import { RankBoard } from '../chunk-U6H7YN4I.js';
 export { RankBoard } from '../chunk-U6H7YN4I.js';
 import { RecordSheet } from '../chunk-K3JBSWFI.js';
@@ -20,10 +28,6 @@ import { SearchableMultiPicker } from '../chunk-C53NGSA3.js';
 export { SearchableMultiPicker } from '../chunk-C53NGSA3.js';
 import { SecureScreen } from '../chunk-IIRENCDS.js';
 export { SecureScreen } from '../chunk-IIRENCDS.js';
-import { StackedMeter } from '../chunk-BMZKZGJF.js';
-export { StackedMeter } from '../chunk-BMZKZGJF.js';
-import { StagePeriodEditor } from '../chunk-KVFHPBAY.js';
-export { StagePeriodEditor } from '../chunk-KVFHPBAY.js';
 import { JsonField } from '../chunk-JVBZRDC2.js';
 export { JsonField } from '../chunk-JVBZRDC2.js';
 import { LiveClock } from '../chunk-Z3WGIFJP.js';
@@ -43,8 +47,8 @@ export { PeriodFilter } from '../chunk-INWASR2G.js';
 export { AutocompleteField, toAutocompleteOptions } from '../chunk-CVCP52OD.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
-import { DiffView } from '../chunk-LDJ2CFFH.js';
-export { DiffView } from '../chunk-LDJ2CFFH.js';
+import { DiffView } from '../chunk-XAYXHY7R.js';
+export { DiffView } from '../chunk-XAYXHY7R.js';
 import { Disclosure } from '../chunk-HIZ2OVJA.js';
 export { Disclosure } from '../chunk-HIZ2OVJA.js';
 import { EventCalendar } from '../chunk-C3JY6GA3.js';
@@ -92,7 +96,9 @@ var widgetComponents = {
   OrgChartBoard,
   PermissionMatrixEditor,
   PeriodFilter,
+  PositionSelect,
   PrintSheet,
+  QRDisplay,
   RankBoard,
   RecordSheet,
   RoleMemberPicker,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",
@@ -116,10 +116,18 @@
       "types": "./dist/widgets/PeriodFilter.d.ts",
       "default": "./dist/widgets/PeriodFilter.js"
     },
+    "./widgets/PositionSelect": {
+      "types": "./dist/widgets/PositionSelect.d.ts",
+      "default": "./dist/widgets/PositionSelect.js"
+    },
     "./widgets/PrintSheet": {
       "types": "./dist/widgets/PrintSheet.d.ts",
       "default": "./dist/widgets/PrintSheet.js"
     },
+    "./widgets/QRDisplay": {
+      "types": "./dist/widgets/QRDisplay.d.ts",
+      "default": "./dist/widgets/QRDisplay.js"
+    },
     "./widgets/RankBoard": {
       "types": "./dist/widgets/RankBoard.d.ts",
       "default": "./dist/widgets/RankBoard.js"