@wipco/sdui 0.33.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-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

@@ -436,6 +436,7 @@ 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;
@@ -472,6 +473,7 @@ declare const widgetComponentMeta: {
     ApprovalLineEditor: SduiComponentMeta;
     ApprovalOverridesEditor: SduiComponentMeta;
     ApprovalStepper: SduiComponentMeta;
+    PositionSelect: SduiComponentMeta;
     QRDisplay: SduiComponentMeta;
     OptionSchemaEditor: SduiComponentMeta;
     OptionValueFields: SduiComponentMeta;
@@ -614,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, 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 };
+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

@@ -4229,6 +4229,44 @@ var QRDisplayMeta = {
   // 죽어 있었다. 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",
@@ -5041,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" }
       ]
     }
   ],
@@ -5649,6 +5696,7 @@ var widgetComponentMeta = {
   ApprovalLineEditor: ApprovalLineEditorMeta,
   ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  PositionSelect: PositionSelectMeta,
   QRDisplay: QRDisplayMeta,
   OptionSchemaEditor: OptionSchemaEditorMeta,
   OptionValueFields: OptionValueFieldsMeta,
@@ -5716,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, 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 };
+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/index.d.ts

@@ -28,6 +28,8 @@ 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';
@@ -92,6 +94,7 @@ 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>;
@@ -111,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, QRDisplayProps, 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,5 @@
+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';
@@ -10,6 +12,8 @@ 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';
@@ -24,8 +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 { JsonField } from '../chunk-JVBZRDC2.js';
 export { JsonField } from '../chunk-JVBZRDC2.js';
 import { LiveClock } from '../chunk-Z3WGIFJP.js';
@@ -45,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';
@@ -94,6 +96,7 @@ var widgetComponents = {
   OrgChartBoard,
   PermissionMatrixEditor,
   PeriodFilter,
+  PositionSelect,
   PrintSheet,
   QRDisplay,
   RankBoard,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",
@@ -116,6 +116,10 @@
       "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"