@wipco/sdui 0.25.0 → 0.27.0

package/dist/meta.js

@@ -3393,6 +3393,279 @@ var ApprovalStepperMeta = {
   },
   resize: { kind: "none" }
 };
+var RankBoardMeta = {
+  name: "RankBoard",
+  label: "\uC9C1\uC704 \uC11C\uC5F4 \uBCF4\uB4DC",
+  category: "input",
+  icon: "list",
+  description: "\uC9C1\uC704 \uB9C8\uC2A4\uD130\uB97C \uAE09(rank_order) \uD589 \xD7 \uC9C1\uC704 \uCE69\uC758 2\uCC28\uC6D0 \uB4DC\uB798\uADF8 \uBCF4\uB4DC\uB85C \uD3B8\uC9D1\uD55C\uB2E4. \uBAA9\uB85D\xB7\uB4F1\uB85D\xB7\uC218\uC815\xB7\uC0AD\uC81C\xB7\uC21C\uC11C \uC800\uC7A5(PUT {endpoint}/order {ranks})\uC744 \uC704\uC82F\uC774 \uC18C\uC720\uD558\uACE0, \uBCC0\uACBD \uD6C4 invalidate \uC561\uC158\uC73C\uB85C \uB2E4\uB978 \uD654\uBA74\uC758 \uC9C1\uC704 \uC870\uD68C\uB97C \uB3D9\uAE30\uD654\uD55C\uB2E4.",
+  props: [
+    { name: "endpoint", kind: "string", label: "API \uACBD\uB85C", default: "/job-positions", description: "\uC9C1\uC704 \uB9C8\uC2A4\uD130 \uB9AC\uC18C\uC2A4 \uACBD\uB85C \u2014 GET/POST/PATCH/DELETE\uC640 PUT {endpoint}/order \uC804\uBD80 \uC774 \uACBD\uB85C\uB97C \uC4F4\uB2E4.", group: "data", advanced: true },
+    { name: "entity", kind: "string", label: "\uAD8C\uD55C \uC5D4\uD2F0\uD2F0", default: "job_position", description: "\uD504\uB86D \uC0DD\uB7B5 \uC2DC \uB80C\uB354\uB7EC \uAD8C\uD55C \uD310\uC815\uC5D0 \uC4F8 \uC5D4\uD2F0\uD2F0.", group: "behavior", advanced: true },
+    { name: "canCreate", kind: "boolean", label: "\uB4F1\uB85D \uD5C8\uC6A9", bindable: true, description: "\uC0DD\uB7B5\uD558\uBA74 \uB80C\uB354\uB7EC \uAD8C\uD55C \uD310\uC815(entity.create)\uC73C\uB85C \uC2A4\uC2A4\uB85C \uD310\uB2E8\uD55C\uB2E4.", group: "behavior", advanced: true },
+    { name: "canUpdate", kind: "boolean", label: "\uC218\uC815 \uD5C8\uC6A9", bindable: true, description: "\uC0DD\uB7B5\uD558\uBA74 entity.update \uD310\uC815.", group: "behavior", advanced: true },
+    { name: "canDelete", kind: "boolean", label: "\uC0AD\uC81C \uD5C8\uC6A9", bindable: true, description: "\uC0DD\uB7B5\uD558\uBA74 entity.delete \uD310\uC815.", group: "behavior", advanced: true }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "RankBoard",
+    // 빈 props 는 저장 왕복에서 사라지므로(편집기 계약) 프리셋은 실제로 채운다.
+    // 경로·엔티티는 도메인이 아니라 설정이라 예시 값을 둔다 — 드롭한 사람이 곧 바꾼다.
+    props: { endpoint: "/job-positions", entity: "job_position" }
+  },
+  resize: { kind: "none" }
+};
+var customApproverItem = [
+  { name: "id", kind: "string", label: "\uC2DD\uBCC4\uC790", required: true },
+  { name: "name", kind: "string", label: "\uD45C\uC2DC\uBA85", required: true },
+  {
+    name: "type",
+    kind: "enum",
+    label: "\uC885\uB958",
+    required: true,
+    options: [
+      { value: "user", label: "\uC9C1\uC6D0" },
+      { value: "group", label: "\uBD80\uC11C\xB7\uADF8\uB8F9" }
+    ]
+  }
+];
+var approvalLineStepItem = [
+  { name: "id", kind: "string", label: "\uC2A4\uD15D id", required: true },
+  {
+    name: "type",
+    kind: "enum",
+    label: "\uC720\uD615",
+    description: "\uC5C6\uC73C\uBA74 \uBC31\uC5D4\uB4DC\uAC00 custom\uC73C\uB85C \uCDE8\uAE09\uD55C\uB2E4(\uB9C8\uC774\uADF8\uB808\uC774\uC158 \uC774\uAD00 \uC2A4\uD15D \uD638\uD658).",
+    options: [
+      { value: "team_leader", label: "\uD300\uC7A5" },
+      { value: "division_head", label: "\uBCF8\uBD80\uC7A5\xB7\uC2E4\uC7A5" },
+      { value: "custom", label: "\uC0AC\uC6A9\uC790 \uC9C0\uC815" }
+    ]
+  },
+  {
+    name: "name",
+    kind: "string",
+    label: "\uD45C\uC2DC\uBA85",
+    description: "\uBC31\uC5D4\uB4DC\uAC00 \uACB0\uC7AC \uB2E8\uACC4 \uC124\uBA85\uC73C\uB85C \uADF8\uB300\uB85C \uC4F4\uB2E4. \uC5C6\uC73C\uBA74 type\uC73C\uB85C \uB300\uC2E0\uD55C\uB2E4."
+  },
+  {
+    name: "order",
+    kind: "number",
+    label: "\uC21C\uBC88",
+    required: true,
+    description: "1\uBD80\uD130. \uD3B8\uC9D1\uAE30\uAC00 \uAC12\uC744 \uBC14\uAFC0 \uB54C\uB9C8\uB2E4 1..n\uC73C\uB85C \uC815\uADDC\uD654\uD55C\uB2E4."
+  },
+  {
+    name: "customApprovers",
+    kind: "array",
+    label: "\uC9C0\uC815 \uACB0\uC7AC\uC790",
+    description: "type\uC774 custom\uC77C \uB54C\uB9CC \uC758\uBBF8\uAC00 \uC788\uB2E4. \uC2A4\uD399 \uB9AC\uD130\uB7F4\uC5D0\uB294 \uD55C \uBC88\uB3C4 \uB4F1\uC7A5\uD558\uC9C0 \uC54A\uC558\uACE0, \uD615\uD0DC\uC758 \uADFC\uAC70\uB294 \uC800\uC7A5 JSON \uACC4\uC57D\uC774\uB2E4.",
+    item: customApproverItem
+  }
+];
+var ApprovalLineEditorMeta = {
+  name: "ApprovalLineEditor",
+  label: "\uAE30\uBCF8 \uACB0\uC7AC\uC120 \uD3B8\uC9D1\uAE30",
+  category: "input",
+  icon: "route",
+  description: "\uACB0\uC7AC \uB2E8\uACC4\uB97C \uCD94\uAC00\xB7\uC0AD\uC81C\xB7\uC7AC\uC815\uB82C\uD558\uB294 controlled \uD3B8\uC9D1\uAE30. \uC800\uC7A5 JSON(approval_forms.default_steps)\uC758 \uD0A4\uB97C \uADF8\uB300\uB85C \uC4F4\uB2E4.",
+  props: [
+    {
+      name: "value",
+      kind: "array",
+      label: "\uACB0\uC7AC\uC120",
+      required: true,
+      bindable: true,
+      description: "\uC2A4\uD15D \uBC30\uC5F4. \uC2E4\uCE21 4/4\uAC00 \uC804\uBD80 $state \uBC14\uC778\uB529\uC774\uB2E4.",
+      group: "data",
+      item: approvalLineStepItem
+    },
+    {
+      name: "onChange",
+      kind: "action",
+      label: "\uACB0\uC7AC\uC120 \uBCC0\uACBD",
+      required: true,
+      eventArg: "order\uB97C 1..n\uC73C\uB85C \uC815\uADDC\uD654\uD55C \uC2A4\uD15D \uBC30\uC5F4",
+      group: "behavior"
+    },
+    // 실측 4/4 — 전부 setState + fromEvent
+    {
+      name: "options",
+      kind: "array",
+      label: "\uACB0\uC7AC\uC790 \uD6C4\uBCF4",
+      bindable: true,
+      description: "\uAC80\uC0C9 \uACBD\uB85C\uAC00 \uC5C6\uC744 \uB54C \uB85C\uCEEC \uAC80\uC0C9 \uB300\uC0C1.",
+      group: "data",
+      item: customApproverItem
+    },
+    // 실측 4/4 (원소 28개)
+    {
+      name: "searchEndpoint",
+      kind: "string",
+      label: "\uACB0\uC7AC\uC790 \uAC80\uC0C9 \uACBD\uB85C",
+      description: "GET {\uACBD\uB85C}?q=\u2026 \uB85C \uC9C1\uC6D0\xB7\uBD80\uC11C\uB97C \uD1B5\uD569 \uAC80\uC0C9\uD55C\uB2E4. \uC5C6\uC73C\uBA74 options\uB85C \uB85C\uCEEC \uAC80\uC0C9\uB9CC \uD55C\uB2E4.",
+      group: "data",
+      advanced: true
+    },
+    // 실측 0/4 — 구현에는 있다
+    {
+      name: "groupSearchEndpoint",
+      kind: "string",
+      label: "\uBD80\uC11C \uAC80\uC0C9 \uACBD\uB85C",
+      description: "\uC8FC\uBA74 searchEndpoint\uC640 \uBCD1\uB82C\uB85C \uC870\uD68C\uD574 \uACB0\uACFC\uB97C \uD569\uCE5C\uB2E4(v2\uC758 /employees + /departments \uBCD1\uB82C \uAC80\uC0C9\uACFC \uAC19\uC740 \uBAA8\uC591). \uC774 \uACBD\uB85C\uC758 \uC751\uB2F5\uC740 \uC804\uBD80 \uADF8\uB8F9\uC73C\uB85C \uCDE8\uAE09\uD55C\uB2E4.",
+      group: "data",
+      advanced: true
+    },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+    // 실측 0/4
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  // 실측: 루트가 <div class="wp-col">
+  // 프리셋에 searchEndpoint를 넣지 않는다 — 소스가 `if (searchEndpoint)`로 감싸고 있어
+  // 미지정이면 fetch 경로 자체가 없다. default에 2스텝을 넣어 빈 상태가 아닌 모습을 보여 준다.
+  preset: {
+    component: "ApprovalLineEditor",
+    props: {
+      value: {
+        $state: "approvalLineForm.defaultSteps",
+        default: [
+          { id: "st1", name: "\uD300\uC7A5", type: "team_leader", order: 1 },
+          { id: "st2", name: "\uBCF8\uBD80\uC7A5", type: "division_head", order: 2 }
+        ]
+      },
+      onChange: { action: "setState", key: "approvalLineForm.defaultSteps", fromEvent: true },
+      options: [
+        { id: "u1", name: "\uAE40\uB3C4\uD604", type: "user" },
+        { id: "u2", name: "\uC774\uC11C\uC5F0", type: "user" },
+        { id: "g1", name: "\uC778\uC0AC\uD300", type: "group" }
+      ]
+    }
+  },
+  resize: { kind: "none" }
+};
+var ApprovalOverridesEditorMeta = {
+  name: "ApprovalOverridesEditor",
+  label: "\uACB0\uC7AC\uC120 \uC624\uBC84\uB77C\uC774\uB4DC \uD3B8\uC9D1\uAE30",
+  category: "input",
+  icon: "layers",
+  description: "\uC9C1\uCC45\xB7\uC9C1\uAE09\uBCC4\uB85C \uAE30\uBCF8 \uACB0\uC7AC\uC120 \uB300\uC2E0 \uC801\uC6A9\uD560 \uACB0\uC7AC\uB77C\uC778 \uBAA9\uB85D. \uC9C1\uCC45\uACFC \uC9C1\uAE09\uC740 OR\uC774\uACE0, \uC704\uC5D0\uC11C\uBD80\uD130 \uBA3C\uC800 \uB9DE\uB294 \uAC83\uC774 \uC6B0\uC120\uD55C\uB2E4.",
+  props: [
+    {
+      name: "value",
+      kind: "array",
+      label: "\uC624\uBC84\uB77C\uC774\uB4DC \uBAA9\uB85D",
+      required: true,
+      bindable: true,
+      description: "\uC2E4\uCE21 2/2\uAC00 \uC804\uBD80 $state \uBC14\uC778\uB529\uC774\uACE0 default\uAC00 \uBE48 \uBC30\uC5F4\uC774\uB2E4. \uC6D0\uC18C \uB9AC\uD130\uB7F4\uC740 \uC2A4\uD399\uC5D0 \uD55C \uAC74\uB3C4 \uC5C6\uC5B4 \uD615\uD0DC\uC758 \uADFC\uAC70\uB294 \uC800\uC7A5 JSON \uACC4\uC57D(approval_forms.line_overrides)\uC774\uB2E4.",
+      group: "data",
+      item: [
+        { name: "id", kind: "string", label: "\uC2DD\uBCC4\uC790", required: true },
+        { name: "name", kind: "string", label: "\uADDC\uCE59 \uC774\uB984", required: true },
+        { name: "jobTitles", kind: "array", label: "\uC801\uC6A9 \uC9C1\uCC45", item: [], itemKind: "string" },
+        { name: "grades", kind: "array", label: "\uC801\uC6A9 \uC9C1\uAE09", item: [], itemKind: "string" },
+        {
+          name: "entityTypes",
+          kind: "array",
+          label: "\uC801\uC6A9 \uC5C5\uBB34\uC720\uD615(\uB808\uAC70\uC2DC)",
+          description: '\uB808\uAC70\uC2DC \uC774\uAD00 \uD0A4 \u2014 UI\uAC00 \uD3B8\uC9D1\uD558\uC9C0 \uC54A\uACE0 spread\uB85C \uBCF4\uC874\uB9CC \uD55C\uB2E4. \uB2E4\uB9CC \uC801\uC6A9 \uC870\uAC74\uC774\uB77C, \uC9C1\uCC45\xB7\uC9C1\uAE09\uC774 \uBAA8\uB450 \uBE44\uC5C8\uC744 \uB54C \uC774 \uAC12\uC758 \uC720\uBB34\uB85C "\uC804 \uC9C1\uC6D0 \uC801\uC6A9"\uACFC "\uB9E4\uCE6D \uC548 \uB428"\uC774 \uAC08\uB9B0\uB2E4.',
+          item: [],
+          itemKind: "string",
+          advanced: true
+        },
+        { name: "steps", kind: "array", label: "\uACB0\uC7AC\uC120", item: approvalLineStepItem }
+      ]
+    },
+    {
+      name: "onChange",
+      kind: "action",
+      label: "\uC624\uBC84\uB77C\uC774\uB4DC \uBCC0\uACBD",
+      required: true,
+      eventArg: "\uBCC0\uACBD\uB41C \uC624\uBC84\uB77C\uC774\uB4DC \uBC30\uC5F4(\uC54C \uC218 \uC5C6\uB294 \uD0A4\uB294 \uADF8\uB300\uB85C \uBCF4\uC874\uB41C\uB2E4)",
+      group: "behavior"
+    },
+    // 실측 2/2
+    {
+      name: "jobTitleOptions",
+      kind: "array",
+      label: "\uC9C1\uCC45 \uD6C4\uBCF4",
+      required: true,
+      bindable: true,
+      description: "\uC9C1\uC6D0 \uB370\uC774\uD130\uC5D0\uC11C distinct\uB85C \uBF51\uC740 \uBB38\uC790\uC5F4 \uBAA9\uB85D.",
+      group: "data",
+      item: [],
+      itemKind: "string"
+    },
+    // 실측 2/2 (원소 10개)
+    {
+      name: "gradeOptions",
+      kind: "array",
+      label: "\uC9C1\uAE09 \uD6C4\uBCF4",
+      required: true,
+      bindable: true,
+      group: "data",
+      item: [],
+      itemKind: "string"
+    },
+    // 실측 2/2 (원소 15개)
+    {
+      name: "searchOptions",
+      kind: "array",
+      label: "\uACB0\uC7AC\uC790 \uD6C4\uBCF4",
+      bindable: true,
+      description: "\uC911\uCCA9\uB41C \uACB0\uC7AC\uC120 \uD3B8\uC9D1\uAE30\uB85C \uADF8\uB300\uB85C \uC804\uB2EC\uB41C\uB2E4. \uAC80\uC0C9 \uACBD\uB85C\uAC00 \uC5C6\uC744 \uB54C\uC758 \uB85C\uCEEC \uAC80\uC0C9 \uB300\uC0C1.",
+      group: "data",
+      item: customApproverItem
+    },
+    // 실측 2/2 (원소 15개)
+    {
+      name: "facetsEndpoint",
+      kind: "string",
+      label: "\uC9C1\uCC45\xB7\uC9C1\uAE09 \uC635\uC158 \uACBD\uB85C",
+      description: "\uC9C1\uC6D0 \uBAA9\uB85D \uACBD\uB85C(\uC608: /employees?limit=500). \uC751\uB2F5\uC758 job_title\xB7grade\uB97C distinct \uCD94\uCD9C\uD574 \uC815\uC801 \uC635\uC158 \uBAA9\uB85D\uC5D0 \uD569\uCE5C\uB2E4 \u2014 v2\uAC00 \uD3B8\uC9D1\uAE30\uC5D0\uC11C \uC9C1\uC811 \uD558\uB358 \uC870\uD68C\uB2E4.",
+      group: "data",
+      advanced: true
+    },
+    {
+      name: "searchEndpoint",
+      kind: "string",
+      label: "\uACB0\uC7AC\uC790 \uAC80\uC0C9 \uACBD\uB85C",
+      description: "\uC911\uCCA9\uB41C \uACB0\uC7AC\uC120 \uD3B8\uC9D1\uAE30\uB85C \uADF8\uB300\uB85C \uC804\uB2EC\uB41C\uB2E4.",
+      group: "data",
+      advanced: true
+    },
+    // 실측 0/2
+    {
+      name: "groupSearchEndpoint",
+      kind: "string",
+      label: "\uBD80\uC11C \uAC80\uC0C9 \uACBD\uB85C",
+      description: "\uC911\uCCA9\uB41C \uACB0\uC7AC\uC120 \uD3B8\uC9D1\uAE30\uB85C \uADF8\uB300\uB85C \uC804\uB2EC\uB41C\uB2E4 \u2014 searchEndpoint\uC640 \uBCD1\uB82C \uC870\uD68C.",
+      group: "data",
+      advanced: true
+    },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+    // 실측 0/2
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  // 실측: 루트가 <div class="wp-col">
+  // searchEndpoint 금지는 ApprovalLineEditor와 같은 이유다 — 중첩 편집기로 그대로 내려간다.
+  preset: {
+    component: "ApprovalOverridesEditor",
+    props: {
+      value: { $state: "approvalLineForm.lineOverrides", default: [] },
+      onChange: { action: "setState", key: "approvalLineForm.lineOverrides", fromEvent: true },
+      jobTitleOptions: ["\uBCF8\uBD80\uC7A5", "\uD300\uC7A5", "\uD30C\uD2B8\uC7A5"],
+      gradeOptions: ["\uC0AC\uC6D0", "\uB300\uB9AC", "\uACFC\uC7A5", "\uBD80\uC7A5"],
+      searchOptions: [
+        { id: "u1", name: "\uAE40\uB3C4\uD604", type: "user" },
+        { id: "g1", name: "\uC778\uC0AC\uD300", type: "group" }
+      ]
+    }
+  },
+  resize: { kind: "none" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -4810,7 +5083,10 @@ var StripMeta = {
   resize: { kind: "none" }
 };
 var widgetComponentMeta = {
+  ApprovalLineEditor: ApprovalLineEditorMeta,
+  ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  RankBoard: RankBoardMeta,
   AutocompleteField: AutocompleteFieldMeta,
   ColumnBoard: ColumnBoardMeta,
   DiffView: DiffViewMeta,
@@ -4868,4 +5144,4 @@ function paletteGroups(catalog = allComponentMeta) {
   })).filter((group) => group.items.length > 0);
 }
 
-export { ActionsMeta, AlertMeta, ApprovalStepperMeta, AutocompleteFieldMeta, AvatarMeta, BadgeMeta, BreadcrumbMeta, ButtonMeta, CanMeta, CardMeta, ChartMeta, CheckboxMeta, ColMeta, ColumnBoardMeta, DatePickerMeta, DateRangePickerMeta, DialogMeta, DiffViewMeta, DisclosureMeta, DividerMeta, EmptyStateMeta, EventCalendarMeta, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RecordSheetMeta, RemoteSearchResultsMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, 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, FieldMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OrgChartMeta, PageHeadMeta, PaginationMeta, PeriodFilterMeta, PrintSheetMeta, ProgressBarMeta, RadioMeta, RankBoardMeta, RecordSheetMeta, RemoteSearchResultsMeta, RowMeta, SDUI_CATEGORIES, SELF_AXIS_PROPS, SearchResultsMeta, SearchableMultiPickerMeta, SectionMeta, SecureScreenMeta, SegmentedControlMeta, SelectMeta, ShowMeta, SidebarNavMeta, SortHandleMeta, SortableListMeta, SpacerMeta, SpinnerMeta, StackedMeterMeta, 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/rich.js

@@ -1,8 +1,9 @@
-import { useOptionalModule, DependencyPlaceholder } from './chunk-36MXPCJP.js';
-export { TimePicker } from './chunk-36MXPCJP.js';
+import { useOptionalModule, DependencyPlaceholder } from './chunk-WXOU7QTN.js';
+export { TimePicker } from './chunk-WXOU7QTN.js';
 import { useSduiAssetResolver } from './chunk-DVOPZFQS.js';
-import { HoistedStyle } from './chunk-XKLUCUVA.js';
-export { DatePicker, DateRangePicker } from './chunk-XKLUCUVA.js';
+import { HoistedStyle } from './chunk-EFMKWPZ3.js';
+export { DatePicker, DateRangePicker } from './chunk-EFMKWPZ3.js';
+import './chunk-XQPTSEJC.js';
 import { Spinner, EmptyState } from './chunk-WIDDHR7L.js';
 import './chunk-SAN4IX6N.js';
 import { useRef, useCallback, useMemo, useState, useEffect, useLayoutEffect } from 'react';

package/dist/widgets/ApprovalLineEditor.d.ts

@@ -0,0 +1,43 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+
+/** 저장 JSON 계약(approval-line) — 키 이름 변경 금지. */
+interface CustomApprover {
+    id: string;
+    name: string;
+    type: 'user' | 'group';
+}
+/** 저장 JSON 계약(approval-line) — 키 이름 변경 금지. */
+interface ApprovalLineStep {
+    id: string;
+    /** 없으면 백엔드가 custom으로 취급한다(마이그레이션 이관 스텝 호환). */
+    type?: 'team_leader' | 'division_head' | 'custom';
+    /** 스텝 표시명 — 백엔드가 결재 단계 설명으로 그대로 쓴다(없으면 type). */
+    name?: string;
+    customApprovers?: CustomApprover[];
+    order: number;
+}
+interface ApprovalLineEditorProps {
+    value: ApprovalLineStep[];
+    onChange: (steps: ApprovalLineStep[]) => void;
+    /** 직원·부서 통합 검색 경로 — GET {endpoint}?q=… (어댑터 fetch). */
+    searchEndpoint?: string;
+    /**
+     * 부서(그룹) 검색 경로 — 주면 searchEndpoint 와 **병렬로** 조회해 결과를 합친다.
+     * v2 원본이 이 모양이다: `/employees?q=` 와 `/departments?q=` 를 동시에 던져
+     * 사용자·그룹을 한 목록으로 보여 준다(approval-step-editor.tsx:167-168).
+     * 이 경로의 응답은 전부 `type:'group'` 으로 정규화한다 — 부서 행에는 type 필드가
+     * 없어 기본값(user)으로 잘못 접히기 때문이다.
+     */
+    groupSearchEndpoint?: string;
+    /** 정적 데모 폴백 — searchEndpoint가 없을 때 로컬 검색 대상. */
+    options?: CustomApprover[];
+    disabled?: boolean;
+}
+declare const stepTypeIcon: (type: ApprovalLineStep["type"]) => "user" | "users" | "building-2";
+/** 스텝 표시 라벨 — 운영자가 붙인 이름 > 유형 > 커스텀 결재자 나열(30자 말줄임). */
+declare const stepLabel: (step: ApprovalLineStep) => string;
+/** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자기 축(폭·여백)이 닿게 하는 통로. */
+declare const ApprovalLineEditor: React__default.FC<ApprovalLineEditorProps & SduiBoxProps>;
+
+export { ApprovalLineEditor, type ApprovalLineEditorProps, type ApprovalLineStep, type CustomApprover, stepLabel, stepTypeIcon };

package/dist/widgets/ApprovalLineEditor.js

@@ -0,0 +1,7 @@
+export { ApprovalLineEditor, stepLabel, stepTypeIcon } from '../chunk-SAPJVLZM.js';
+import '../chunk-BD75U73S.js';
+import '../chunk-DVOPZFQS.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/ApprovalOverridesEditor.d.ts

@@ -0,0 +1,42 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+import { ApprovalLineStep, CustomApprover } from './ApprovalLineEditor.js';
+
+/** 저장 JSON 계약(approval-line) — 키 이름 변경 금지. */
+interface ApprovalLineOverride {
+    id: string;
+    name: string;
+    jobTitles: string[];
+    grades: string[];
+    /** 레거시 이관 키(적용 업무유형) — 편집 금지, spread로 보존만 한다. */
+    entityTypes?: string[];
+    steps: ApprovalLineStep[];
+}
+interface ApprovalOverridesEditorProps {
+    value: ApprovalLineOverride[];
+    onChange: (value: ApprovalLineOverride[]) => void;
+    /** 선택 가능한 직책 목록(직원 데이터에서 distinct 추출한 문자열). */
+    jobTitleOptions: string[];
+    /** 선택 가능한 직급 목록. */
+    gradeOptions: string[];
+    /**
+     * 직책·직급 옵션을 스스로 끌어올 직원 목록 경로(예: `/employees?limit=500`).
+     * v2 는 편집기가 직접 `/employees` 를 distinct 추출했다(approval-line-overrides-
+     * editor.tsx) — 같은 방식이다. 주면 응답의 `job_title`·`grade` 를 모아
+     * jobTitleOptions/gradeOptions **에 합친다**(대체가 아니라 합집합 — 정적 폴백이
+     * 캔버스 샌드박스에서 살아남아야 한다). 실패는 조용히 무시한다: 폴백 목록이
+     * 그대로 남고, 저장된 값은 withSelected 가 어차피 살린다.
+     */
+    facetsEndpoint?: string;
+    /** 결재자 통합 검색 경로 — 중첩 결재선 편집기로 전달. */
+    searchEndpoint?: string;
+    /** 부서(그룹) 검색 경로 — 중첩 결재선 편집기로 전달. */
+    groupSearchEndpoint?: string;
+    /** 정적 데모 폴백 결재자 목록 — 중첩 결재선 편집기로 전달. */
+    searchOptions?: CustomApprover[];
+    disabled?: boolean;
+}
+/** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자기 축(폭·여백)이 닿게 하는 통로. */
+declare const ApprovalOverridesEditor: React__default.FC<ApprovalOverridesEditorProps & SduiBoxProps>;
+
+export { type ApprovalLineOverride, ApprovalOverridesEditor, type ApprovalOverridesEditorProps };

package/dist/widgets/ApprovalOverridesEditor.js

@@ -0,0 +1,9 @@
+export { ApprovalOverridesEditor } from '../chunk-ZDRERW4G.js';
+import '../chunk-QDEZXA34.js';
+import '../chunk-SAPJVLZM.js';
+import '../chunk-BD75U73S.js';
+import '../chunk-DVOPZFQS.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/AutocompleteField.js

@@ -1,6 +1,7 @@
-export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-OG62LSFH.js';
-import '../chunk-U7ZK7WYH.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-6S5CFNFM.js';
+import '../chunk-BD75U73S.js';
 import '../chunk-DVOPZFQS.js';
-import '../chunk-XKLUCUVA.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/PeriodFilter.js

@@ -1,4 +1,5 @@
-export { PeriodFilter } from '../chunk-PFUULIZ2.js';
-import '../chunk-XKLUCUVA.js';
+export { PeriodFilter } from '../chunk-INWASR2G.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/RankBoard.d.ts

@@ -0,0 +1,27 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+
+/** 내부 표준형 — 서버 행(snake_case)을 이 모양으로 정규화해 들고 다닌다. */
+interface JobPosition {
+    id: string;
+    name: string;
+    rankOrder: number;
+    sortOrder: number;
+    isActive: boolean;
+}
+interface RankBoardProps {
+    /** 직위 마스터 API 경로(기본 /job-positions). 목록·등록·수정·삭제·순서 저장 전부 이 경로다. */
+    endpoint?: string;
+    /** 권한 판정에 쓸 엔티티(기본 job_position). */
+    entity?: string;
+    /** 등록(신규 카드·이 급에 추가) 게이트 — 생략 시 렌더러 권한 판정으로 판단. */
+    canCreate?: boolean;
+    /** 수정(드래그·▲▼·이동·이름변경·사용전환) 게이트 — 생략 시 렌더러 권한 판정. */
+    canUpdate?: boolean;
+    /** 삭제 게이트 — 생략 시 렌더러 권한 판정. */
+    canDelete?: boolean;
+}
+/** 바깥 style·className 을 뿌리에 얹는다 — 자기 축(폭·여백) 통로. */
+declare const RankBoard: React__default.FC<RankBoardProps & SduiBoxProps>;
+
+export { type JobPosition, RankBoard, type RankBoardProps };

package/dist/widgets/RankBoard.js

@@ -0,0 +1,6 @@
+export { RankBoard } from '../chunk-DIVN4TBW.js';
+import '../chunk-QU7YVMFA.js';
+import '../chunk-DVOPZFQS.js';
+import '../chunk-XQPTSEJC.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,5 +1,6 @@
-export { SearchableMultiPicker } from '../chunk-N5IATDUF.js';
-import '../chunk-U7ZK7WYH.js';
-import '../chunk-XKLUCUVA.js';
+export { SearchableMultiPicker } from '../chunk-C53NGSA3.js';
+import '../chunk-BD75U73S.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreePicker.js

@@ -1,6 +1,7 @@
-export { TreePicker } from '../chunk-EQW24SJC.js';
-import '../chunk-IDUN2ESE.js';
-import '../chunk-U7ZK7WYH.js';
-import '../chunk-XKLUCUVA.js';
+export { TreePicker } from '../chunk-U3HYQCFA.js';
+import '../chunk-X5R2HHEN.js';
+import '../chunk-BD75U73S.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreeView.js

@@ -1,5 +1,6 @@
-export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-IDUN2ESE.js';
-import '../chunk-U7ZK7WYH.js';
-import '../chunk-XKLUCUVA.js';
+export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-X5R2HHEN.js';
+import '../chunk-BD75U73S.js';
+import '../chunk-EFMKWPZ3.js';
+import '../chunk-XQPTSEJC.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.d.ts

@@ -18,6 +18,8 @@ import { SearchableMultiPickerProps } from './SearchableMultiPicker.js';
 export { MultiPickerOption, SearchableMultiPicker } from './SearchableMultiPicker.js';
 import { RecordSheetProps } from './RecordSheet.js';
 export { RecordSheet, RecordSheetCell, RecordSheetCellKind, RecordSheetRow } from './RecordSheet.js';
+import { RankBoardProps } from './RankBoard.js';
+export { RankBoard } from './RankBoard.js';
 import { PrintSheetProps } from './PrintSheet.js';
 export { PrintSheet } from './PrintSheet.js';
 import { PeriodFilterProps } from './PeriodFilter.js';
@@ -40,10 +42,14 @@ import { DiffViewProps } from './DiffView.js';
 export { DiffField, DiffList, DiffView } from './DiffView.js';
 import { ColumnBoardProps } from './ColumnBoard.js';
 export { ColumnBoard, ColumnBoardColumn, ColumnBoardItem, ColumnBoardTone } from './ColumnBoard.js';
-import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
 import { ApprovalStepperProps } from './ApprovalStepper.js';
 export { ApprovalStepper, ApprovalStepperStep } from './ApprovalStepper.js';
+import { ApprovalOverridesEditorProps } from './ApprovalOverridesEditor.js';
+export { ApprovalLineOverride, ApprovalOverridesEditor } from './ApprovalOverridesEditor.js';
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import { ApprovalLineEditorProps } from './ApprovalLineEditor.js';
+export { ApprovalLineEditor, ApprovalLineStep, CustomApprover } from './ApprovalLineEditor.js';
 export { AutocompleteField, AutocompleteFieldProps, AutocompleteOption, AutocompleteSearchFn, AutocompleteSearchResult, toAutocompleteOptions } from './AutocompleteField.js';
 
 /**
@@ -54,6 +60,8 @@ export { AutocompleteField, AutocompleteFieldProps, AutocompleteOption, Autocomp
  * `SduiWidgetComponentName`이 어휘 목록이 되게 한다.
  */
 declare const widgetComponents: {
+    ApprovalLineEditor: React.FC<ApprovalLineEditorProps & SduiBoxProps>;
+    ApprovalOverridesEditor: React.FC<ApprovalOverridesEditorProps & SduiBoxProps>;
     ApprovalStepper: React.FC<ApprovalStepperProps & SduiBoxProps>;
     ColumnBoard: React.FC<ColumnBoardProps & SduiBoxProps>;
     DiffView: React.FC<DiffViewProps & SduiBoxProps>;
@@ -66,6 +74,7 @@ declare const widgetComponents: {
     OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
     PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
     PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
+    RankBoard: React.FC<RankBoardProps & SduiBoxProps>;
     RecordSheet: React.FC<RecordSheetProps & SduiBoxProps>;
     SearchableMultiPicker: React.FC<SearchableMultiPickerProps & SduiBoxProps>;
     SecureScreen: React.FC<SecureScreenProps & SduiBoxProps>;
@@ -80,4 +89,4 @@ declare const widgetComponents: {
 /** 위젯 어휘의 컴포넌트 이름 union — 메타데이터 대조에 쓴다(`@wipco/sdui/meta`). */
 type SduiWidgetComponentName = keyof typeof widgetComponents;
 
-export { ApprovalStepperProps, ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, RecordSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };
+export { ApprovalLineEditorProps, ApprovalOverridesEditorProps, ApprovalStepperProps, ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, RankBoardProps, RecordSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };