@wipco/sdui 0.26.0 → 0.28.0

package/dist/meta.js

@@ -3416,6 +3416,326 @@ var RankBoardMeta = {
   },
   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 OrgChartBoardMeta = {
+  name: "OrgChartBoard",
+  label: "\uC870\uC9C1\uB3C4 \uBCF4\uB4DC",
+  category: "display",
+  icon: "git-branch",
+  description: "\uC2E4\uB370\uC774\uD130 \uC870\uC9C1\uB3C4 \uCE94\uBC84\uC2A4(v2 \uC774\uC2DD). /employees\xB7/departments?include=paths\xB7/job-positions 3\uC6D0\uC744 \uC2A4\uC2A4\uB85C \uD398\uC774\uC9C0 \uC218\uC9D1\uD574 \uB9AC\uB354\uC2ED \uC2A4\uD0DD\xB7\uBCF8\uBD80 \uC0C9 \uD5E4\uB354\xB7\uC138\uB85C\uC4F0\uAE30 \uD300 \uB77C\uBCA8\xB72\uC5F4 \uAD6C\uC131\uC6D0 \uADF8\uB9AC\uB4DC\uB85C \uADF8\uB9B0\uB2E4(\uBD80\uC11C\xB7\uC9C1\uC704 \uC870\uD68C\uB294 \uC2E4\uD328 \uD5C8\uC6A9). \uAD6C\uC131\uC6D0 \uC815\uB82C\uC740 \uC9C1\uCC45\u2192\uC9C1\uC704 \uB9C8\uC2A4\uD130 rank_order(\uCD5C\uC7A5 \uD3EC\uD568 \uB9E4\uCE6D)\u2192GRADE_ORDER \uD3F4\uBC31\u2192level\u2192\uC774\uB984. \uD720 \uC90C\xB7\uB4DC\uB798\uADF8 \uD32C\xB7\uC804\uCCB4\uD654\uBA74 \uB0B4\uC7A5, \uBBF8\uC9C0\uC815 \uADF8\uB8F9\uC740 \uC228\uAE34\uB2E4.",
+  props: [
+    {
+      name: "onMemberClick",
+      kind: "action",
+      label: "\uC0AC\uC6D0 \uCE74\uB4DC \uD074\uB9AD",
+      eventArg: "\uC0AC\uC6D0 \uD589(snake_case \uC6D0\uBB38 \u2014 id\xB7name\xB7grade\xB7job_title\xB7department_id \u2026)",
+      description: "\uBE44\uC6B0\uBA74 \uC704\uC82F\uC774 /hr/personal-card/{id}\uB85C \uC9C1\uC811 \uC774\uB3D9\uD55C\uB2E4.",
+      group: "behavior"
+    },
+    {
+      name: "height",
+      kind: "string",
+      label: "\uCE94\uBC84\uC2A4 \uB192\uC774",
+      default: "72vh",
+      description: "px \uC22B\uC790 \uB610\uB294 CSS \uAE38\uC774. \uCD5C\uC18C 620px\uB294 \uC704\uC82F\uC774 \uBCF4\uC7A5\uD55C\uB2E4.",
+      group: "appearance",
+      advanced: true
+    },
+    {
+      name: "employeesEndpoint",
+      kind: "string",
+      label: "\uC0AC\uC6D0 \uBAA9\uB85D \uACBD\uB85C",
+      description: "\uC751\uB2F5\uC740 {data:[\u2026], total}. \uD589\uC5D0\uC11C id\xB7name\xB7grade\xB7job_title\xB7department_id \uB97C \uC77D\uB294\uB2E4(\uC2A4\uB124\uC774\uD06C\xB7\uCE74\uBA5C \uAD00\uC6A9 \uC218\uC6A9). \uAE30\uBCF8 '/employees'.",
+      group: "data",
+      advanced: true
+    },
+    {
+      name: "departmentsEndpoint",
+      kind: "string",
+      label: "\uBD80\uC11C \uBAA9\uB85D \uACBD\uB85C",
+      description: "\uAE30\uBCF8 '/departments?include=paths' \u2014 \uACBD\uB85C \uC815\uBCF4\uAC00 \uC788\uC5B4\uC57C \uACC4\uCE35\uC774 \uC120\uB2E4.",
+      group: "data",
+      advanced: true
+    },
+    {
+      name: "positionsEndpoint",
+      kind: "string",
+      label: "\uC9C1\uC704 \uB9C8\uC2A4\uD130 \uACBD\uB85C",
+      description: "\uC11C\uC5F4 \uC815\uB82C\uC5D0 \uC4F4\uB2E4. \uC2E4\uD328\uD574\uB3C4 \uC774\uB984\uC21C\uC73C\uB85C \uB5A8\uC5B4\uC9C4\uB2E4. \uAE30\uBCF8 '/job-positions'.",
+      group: "data",
+      advanced: true
+    }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "OrgChartBoard",
+    props: {
+      onMemberClick: [
+        { action: "setState", key: "orgMember", fromEvent: true },
+        {
+          action: "navigate",
+          to: {
+            $calc: {
+              op: "concat",
+              args: ["/hr/personal-card/", { $state: "orgMember.id", default: "" }]
+            }
+          }
+        }
+      ]
+    }
+  },
+  resize: { kind: "none" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -4833,7 +5153,10 @@ var StripMeta = {
   resize: { kind: "none" }
 };
 var widgetComponentMeta = {
+  ApprovalLineEditor: ApprovalLineEditorMeta,
+  ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  OrgChartBoard: OrgChartBoardMeta,
   RankBoard: RankBoardMeta,
   AutocompleteField: AutocompleteFieldMeta,
   ColumnBoard: ColumnBoardMeta,
@@ -4892,4 +5215,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, 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 };
+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, OrgChartBoardMeta, 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/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/OrgChartBoard.d.ts

@@ -0,0 +1,72 @@
+import * as React from 'react';
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+
+/**
+ * OrgChartBoard — 실데이터 조직도 보드(v2 organization-chart.tsx 1522줄 직이식).
+ *
+ * 라이브러리 OrgChart(단순 상하 트리)로는 v2 개편 화면(리더십 스택·노드 내 사원 카드·
+ * 세로쓰기 팀 라벨·세대 홀짝 레이아웃·마스터 직위 서열 정렬)을 표현할 수 없어
+ * ERP 위젯으로 옮겼다. 데이터도 스펙($state/$calc)에는 3원 조인·트리 조립 어휘가
+ * 없으므로 위젯이 스스로 불러온다(PermissionMatrixEditor의 "묶기 연산은 위젯" 원칙).
+ *
+ * 데이터 3원(전부 페이지 수집, limit=500):
+ *  - GET /employees            — 필수. 실패하면 화면 전체가 오류 상태.
+ *  - GET /departments?include=paths — **실패 허용**: 사원의 department 참조로 그룹을 합성.
+ *  - GET /job-positions        — **실패 허용**: 정렬 보조일 뿐(마스터 없으면 GRADE_ORDER).
+ *
+ * v3 서버 응답은 snake_case이고 v2와 필드가 다르다(실측):
+ *  - 사원: position 없음 → 직위 = `grade`, 직책 = `job_title`. groups/teamGroup 없음 →
+ *    소속 = `department_id ?? department.id`(v2 규칙의 잔여 폴백만 남음).
+ *  - 부서: {id, name, parent_id, path}. 직위: {name, rank_order, sort_order, is_active}.
+ *
+ * 구성원 정렬(v2 compareMembers 그대로): 직책 서열(DUTY_ORDER) → 직위 서열
+ * (마스터 rank_order 항상 우선, 최장 포함 매칭 — "부사장"≠"사장", 한쪽만 마스터에
+ * 있으면 그쪽이 위, 둘 다 없으면 GRADE_ORDER 폴백) → level 내림차순 → 이름(ko).
+ * rank map은 미사용(is_active=false) 직위 포함 전건이다.
+ *
+ * 사원 카드 클릭 → `onMemberClick(사원 행)` — 스펙에서 setState(fromEvent)+navigate
+ * 체인으로 /hr/personal-card/{id}에 잇는다. 프롭이 없으면 location.assign 폴백.
+ */
+interface OrgGroupRow {
+    id: string;
+    name: string;
+    parent_id?: string | null;
+    path?: string | null;
+}
+interface OrgEmployeeRow {
+    id: string;
+    name: string;
+    /** 직위 문자열(직위 마스터 name의 사본) — v2의 position/grade에 해당 */
+    grade?: string | null;
+    /** 직책(팀장·본부장 등) */
+    job_title?: string | null;
+    level?: number | null;
+    department_id?: string | null;
+    department?: {
+        id?: string | null;
+        name?: string | null;
+        parent_id?: string | null;
+    } | null;
+    image?: string | null;
+    /** 이벤트 인자로 원문 행을 그대로 넘긴다(스펙이 다른 키도 쓸 수 있게) */
+    [key: string]: unknown;
+}
+interface OrgChartBoardProps {
+    /** 사원 카드 클릭 — 인자는 사원 행(id·name·grade·job_title·department_id …). */
+    onMemberClick?: (member: OrgEmployeeRow) => void;
+    /** 캔버스 높이(px 숫자 또는 CSS 길이). 기본 72vh(최소 620px). */
+    height?: number | string;
+    /**
+     * 사원 목록 경로. 응답은 `{data:[…], total}` 이고 행에서 읽는 키는
+     * id·name·grade·job_title·department_id 다(스네이크·카멜 양쪽 관용 수용).
+     */
+    employeesEndpoint?: string;
+    /** 부서(그룹) 목록 경로. 경로 정보를 함께 주는 질의를 기본값에 담았다. */
+    departmentsEndpoint?: string;
+    /** 직위 마스터 경로 — 서열 정렬에 쓴다. 실패해도 이름순으로 떨어진다. */
+    positionsEndpoint?: string;
+}
+/** 바깥 style·className을 뿌리에 얹는다 — 자기 축(폭·여백) 통로. */
+declare const OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
+
+export { OrgChartBoard, type OrgChartBoardProps, type OrgEmployeeRow, type OrgGroupRow };

package/dist/widgets/OrgChartBoard.js

@@ -0,0 +1,6 @@
+export { OrgChartBoard } from '../chunk-KBLFOC37.js';
+import '../chunk-XPBZMECW.js';
+import '../chunk-THEP3VWY.js';
+import '../chunk-DVOPZFQS.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.d.ts

@@ -24,6 +24,8 @@ import { PrintSheetProps } from './PrintSheet.js';
 export { PrintSheet } from './PrintSheet.js';
 import { PeriodFilterProps } from './PeriodFilter.js';
 export { Period, PeriodFilter, PeriodMode, PeriodModeItem } from './PeriodFilter.js';
+import { OrgChartBoardProps } from './OrgChartBoard.js';
+export { OrgChartBoard } from './OrgChartBoard.js';
 import { OrgChartProps } from './OrgChart.js';
 export { OrgChart, OrgNode } from './OrgChart.js';
 import { LiveClockProps } from './LiveClock.js';
@@ -42,10 +44,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';
 
 /**
@@ -56,6 +62,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: {
     JsonField: React.FC<JsonFieldProps & SduiBoxProps>;
     LiveClock: React.FC<LiveClockProps & SduiBoxProps>;
     OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
+    OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
     PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
     PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
     RankBoard: React.FC<RankBoardProps & SduiBoxProps>;
@@ -83,4 +92,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, RankBoardProps, 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, OrgChartBoardProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, RankBoardProps, RecordSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };