@wipco/sdui 0.27.0 → 0.29.0

package/dist/index.js

@@ -6,11 +6,11 @@ import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
 import { normalizeSearchFields, searchValuesFromParams, splitMultiValue, includesLooseSearch, cascadingValuePaths, SearchToolbar, searchFieldKeys, Popover } from './chunk-BD75U73S.js';
 export { SearchToolbar, cascadingValuePaths, cleanSearchValues, includesLooseSearch, joinMultiValue, normalizeSearchText, searchFieldKeys, searchValuesFromParams, splitMultiValue } from './chunk-BD75U73S.js';
-import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-DVOPZFQS.js';
-export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DVOPZFQS.js';
 import { HoistedStyle, DateRangePicker, DatePicker } from './chunk-EFMKWPZ3.js';
 export { DatePicker, DateRangePicker } from './chunk-EFMKWPZ3.js';
 export { OverlayContainerContext, OverlayLayer, getOverlayRoot, useOverlayLayer } from './chunk-XQPTSEJC.js';
+import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbox, resolveAdapter, assetResolverOf, SduiAdapterContext } from './chunk-DVOPZFQS.js';
+export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DVOPZFQS.js';
 import { EmptyState, Button, Checkbox, SegmentedControl, Spinner, Select, Pagination, Icon, Card, Badge, ProgressBar, Tag, Toast, Textarea, Tabs, Table, Switch, StatCard, Input, IconButton, Field, Alert, warnOnce } from './chunk-WIDDHR7L.js';
 export { Alert, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, Dialog, EmptyState, Field, Icon, IconButton, Input, Pagination, ProgressBar, Radio, SegmentedControl, Select, SidebarNav, Spinner, StatCard, Switch, Table, Tabs, Tag, Textarea, Toast, Tooltip } from './chunk-WIDDHR7L.js';
 import { boxed, mergeStyle, containerLayoutStyle, joinClass, columnsClass, typographyStyle, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SAN4IX6N.js';

package/dist/meta.d.ts

@@ -427,6 +427,9 @@ declare const ApprovalStepperMeta: SduiComponentMeta;
 declare const RankBoardMeta: SduiComponentMeta;
 declare const ApprovalLineEditorMeta: SduiComponentMeta;
 declare const ApprovalOverridesEditorMeta: SduiComponentMeta;
+declare const OrgChartBoardMeta: SduiComponentMeta;
+declare const PermissionMatrixEditorMeta: SduiComponentMeta;
+declare const RoleMemberPickerMeta: SduiComponentMeta;
 declare const AutocompleteFieldMeta: SduiComponentMeta;
 declare const InlineEditMeta: SduiComponentMeta;
 declare const JsonFieldMeta: SduiComponentMeta;
@@ -463,6 +466,9 @@ declare const widgetComponentMeta: {
     ApprovalLineEditor: SduiComponentMeta;
     ApprovalOverridesEditor: SduiComponentMeta;
     ApprovalStepper: SduiComponentMeta;
+    PermissionMatrixEditor: SduiComponentMeta;
+    RoleMemberPicker: SduiComponentMeta;
+    OrgChartBoard: SduiComponentMeta;
     RankBoard: SduiComponentMeta;
     AutocompleteField: SduiComponentMeta;
     ColumnBoard: SduiComponentMeta;
@@ -596,4 +602,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, 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, 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, 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, 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, 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

@@ -3666,6 +3666,179 @@ var ApprovalOverridesEditorMeta = {
   },
   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 PermissionMatrixEditorMeta = {
+  name: "PermissionMatrixEditor",
+  label: "\uAD8C\uD55C \uD589\uB82C \uD3B8\uC9D1\uAE30",
+  category: "input",
+  icon: "shield-check",
+  description: "\uC5ED\uD560\uC758 \uAD8C\uD55C 216\uC885\uC744 \uCE74\uD14C\uACE0\uB9AC\u2192\uC5D4\uD2F0\uD2F0\uB85C \uC811\uC5B4 4\uC5F0\uC0B0 \uCCB4\uD06C + \uC5D4\uD2F0\uD2F0\uBCC4 \uBC94\uC704(\uD300\xB7\uBCF8\uBD80\xB7\uC804\uCCB4)\uB85C \uD3B8\uC9D1\uD55C\uB2E4. \uAC12\uC740 PUT /roles/{id}/permissions \uC758 permissions \uBC30\uC5F4({code, scope}) \uADF8\uB300\uB85C\uB2E4.",
+  props: [
+    {
+      name: "permissions",
+      kind: "array",
+      label: "\uAD8C\uD55C \uCE74\uD0C8\uB85C\uADF8",
+      required: true,
+      bindable: true,
+      item: [
+        { name: "code", kind: "string", label: "\uAD8C\uD55C \uCF54\uB4DC" },
+        { name: "name", kind: "string", label: "\uAD8C\uD55C\uBA85" },
+        { name: "category", kind: "string", label: "\uCE74\uD14C\uACE0\uB9AC" }
+      ],
+      description: "\uC804\uCCB4 \uAD8C\uD55C \uBAA9\uB85D(GET /permissions?limit=1000 \uC758 data). \uB300\uAC1C page.data \uAC00 \uCC44\uC6B4 \uC0C1\uD0DC\uB97C \uBC14\uC778\uB529\uD55C\uB2E4 \u2014 \uAE30\uBCF8 100\uAC74\uB9CC \uC624\uB294 \uD568\uC815\uC774 \uC788\uC73C\uB2C8 limit \uC744 \uAF2D \uC900\uB2E4.",
+      group: "data"
+    },
+    {
+      name: "value",
+      kind: "array",
+      label: "\uBD80\uC5EC \uBAA9\uB85D",
+      required: true,
+      item: [
+        { name: "code", kind: "string", label: "\uAD8C\uD55C \uCF54\uB4DC" },
+        { name: "scope", kind: "string", label: "\uBC94\uC704(team\xB7headquarter\xB7all)" }
+      ],
+      bindable: true,
+      description: "[{code, scope}] \u2014 \uC11C\uBC84 PUT \uACC4\uC57D \uADF8\uB300\uB85C.",
+      group: "data"
+    },
+    {
+      name: "onChange",
+      kind: "action",
+      label: "\uBD80\uC5EC \uBCC0\uACBD",
+      required: true,
+      eventArg: "{code, scope} \uBC30\uC5F4 (scope \uB294 team\xB7headquarter\xB7all)",
+      group: "behavior"
+    },
+    {
+      name: "sourceEndpoint",
+      kind: "string",
+      label: "\uD604\uC7AC \uBD80\uC5EC \uC2DC\uB529 \uACBD\uB85C",
+      description: "/roles/{id}/permissions \u2014 \uACBD\uB85C\uAC00 \uBC14\uB014 \uB54C\uB9C8\uB2E4 \uC11C\uBC84 \uAC12\uC744 onChange \uB85C \uD55C \uBC88 \uD758\uB9B0\uB2E4.",
+      group: "data",
+      advanced: true
+    },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "PermissionMatrixEditor",
+    props: {
+      permissions: [
+        { code: "asset.read", name: "\uC7A5\uBE44 \uC870\uD68C", category: "asset" },
+        { code: "asset.update", name: "\uC7A5\uBE44 \uC218\uC815", category: "asset" }
+      ],
+      value: { $state: "grantsForm.permissions", default: [{ code: "asset.read", scope: "all" }] },
+      onChange: { action: "setState", key: "grantsForm.permissions", fromEvent: true }
+    }
+  },
+  resize: { kind: "none" }
+};
+var RoleMemberPickerMeta = {
+  name: "RoleMemberPicker",
+  label: "\uC5ED\uD560 \uBA64\uBC84 \uAD00\uB9AC\uAE30",
+  category: "input",
+  icon: "users",
+  description: "\uC5ED\uD560\uC744 \uBD80\uC5EC\uBC1B\uC740 \uC0AC\uC6A9\uC790\uB97C \uBCF4\uC5EC\uC8FC\uACE0 \uAC1C\uBCC4 \uD574\uC81C(DELETE /roles/{id}/employees/{employee_id})\uC640 \uBBF8\uBC30\uC815 \uC9C1\uC6D0 \uAC80\uC0C9\xB7\uB2E4\uC911 \uC120\uD0DD \uCD94\uAC00(POST \uBCF8\uBB38 {employees:[ids]})\uB97C \uC218\uD589\uD55C\uB2E4. sourceEndpoint \uB85C \uD604\uC7AC \uBA64\uBC84\uB97C \uC2DC\uB529\uD55C\uB2E4.",
+  props: [
+    { name: "employees", kind: "array", label: "\uC9C1\uC6D0 \uCE74\uD0C8\uB85C\uADF8", bindable: true, item: [
+      { name: "id", kind: "string", label: "\uC9C1\uC6D0 id" },
+      { name: "name", kind: "string", label: "\uC774\uB984" },
+      { name: "employee_number", kind: "string", label: "\uC0AC\uBC88" },
+      { name: "department_name", kind: "string", label: "\uBD80\uC11C" },
+      { name: "work_email", kind: "string", label: "\uC774\uBA54\uC77C" },
+      { name: "job_title", kind: "string", label: "\uC9C1\uCC45" }
+    ], description: "/employees?limit=500 \uC758 data \u2014 page.data \uB85C \uCC44\uC6B4\uB2E4. \uBE44\uBA74 \uC704\uC82F\uC774 offset \uD398\uC774\uC9C0\uB85C \uC790\uCCB4 \uC218\uC9D1\uD55C\uB2E4.", group: "data" },
+    { name: "sourceEndpoint", kind: "string", label: "\uBA64\uBC84\uC2ED \uACBD\uB85C", description: "/roles/{id}/employees?_=seq \u2014 \uACBD\uB85C\uAC00 \uBC14\uB014 \uB54C\uB9C8\uB2E4 \uD604\uC7AC \uBA64\uBC84\uB97C \uC7AC\uC2DC\uB529\uD558\uACE0, \uCD94\uAC00\xB7\uD574\uC81C\uB294 \uCFFC\uB9AC\uB97C \uB5C0 \uAC19\uC740 \uACBD\uB85C\uB85C \uBCF4\uB0B8\uB2E4.", group: "data" },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "catalogEndpoint",
+      kind: "string",
+      label: "\uD6C4\uBCF4 \uBAA9\uB85D \uACBD\uB85C",
+      description: "\uC751\uB2F5 {data:[{id,name,\u2026}], total} \uC744 500\uAC74\uC529 \uC218\uC9D1\uD55C\uB2E4. \uAE30\uBCF8 '/employees'.",
+      group: "data",
+      advanced: true
+    }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "RoleMemberPicker",
+    props: {
+      employees: [{ id: "emp-1", name: "\uAE40\uC704\uD504", employee_number: "1001", department_name: "\uACBD\uC601\uC9C0\uC6D0\uD300", work_email: "kim@wipco.co.kr" }]
+    }
+  },
+  resize: { kind: "none" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -5086,6 +5259,9 @@ var widgetComponentMeta = {
   ApprovalLineEditor: ApprovalLineEditorMeta,
   ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  PermissionMatrixEditor: PermissionMatrixEditorMeta,
+  RoleMemberPicker: RoleMemberPickerMeta,
+  OrgChartBoard: OrgChartBoardMeta,
   RankBoard: RankBoardMeta,
   AutocompleteField: AutocompleteFieldMeta,
   ColumnBoard: ColumnBoardMeta,
@@ -5144,4 +5320,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, 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, 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, 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,9 +1,9 @@
 import { useOptionalModule, DependencyPlaceholder } from './chunk-WXOU7QTN.js';
 export { TimePicker } from './chunk-WXOU7QTN.js';
-import { useSduiAssetResolver } from './chunk-DVOPZFQS.js';
 import { HoistedStyle } from './chunk-EFMKWPZ3.js';
 export { DatePicker, DateRangePicker } from './chunk-EFMKWPZ3.js';
 import './chunk-XQPTSEJC.js';
+import { useSduiAssetResolver } from './chunk-DVOPZFQS.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.js

@@ -1,7 +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-DVOPZFQS.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/ApprovalOverridesEditor.js

@@ -2,8 +2,8 @@ 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-DVOPZFQS.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/AutocompleteField.js

@@ -1,7 +1,7 @@
 export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-6S5CFNFM.js';
 import '../chunk-BD75U73S.js';
-import '../chunk-DVOPZFQS.js';
 import '../chunk-EFMKWPZ3.js';
 import '../chunk-XQPTSEJC.js';
+import '../chunk-DVOPZFQS.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/PermissionMatrixEditor.d.ts

@@ -0,0 +1,37 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+
+/** 서버 PUT 계약의 원소 — 키 이름 변경 금지. */
+interface PermissionGrant {
+    code: string;
+    scope?: string;
+}
+/** GET /permissions 행 — 실측 키 category·code·description·name. */
+interface PermissionCatalogEntry {
+    code: string;
+    name: string;
+    category?: string | null;
+    description?: string | null;
+}
+interface PermissionMatrixEditorProps {
+    /** 권한 카탈로그 전체(216종). 대개 page.data 가 채운 상태를 바인딩한다. */
+    permissions: PermissionCatalogEntry[];
+    /** 현재 부여 목록 — PUT `permissions` 배열과 같은 모양. */
+    value: PermissionGrant[];
+    onChange: (value: PermissionGrant[]) => void;
+    /**
+     * 역할의 현재 부여를 스스로 읽어 와 onChange 로 **한 번** 흘리는 시딩 경로
+     * (예: `/roles/{id}/permissions`). 응답의 `permissions` 배열을 쓴다.
+     *
+     * 왜 필요한가: 상태에는 감시자가 없어 "다이얼로그가 열리면 GET 결과를 폼 상태에
+     * 복사"를 스펙이 표현할 수 없다(rowClick 복사는 fetch 와 경주한다). 경로가 바뀔
+     * 때마다 다시 시딩하므로, 여는 쪽이 경로에 여는 횟수를 붙이면(`…&_=3`) 같은 역할을
+     * 다시 열어도 서버 값으로 초기화된다. 캔버스 샌드박스에서는 조용히 실패한다.
+     */
+    sourceEndpoint?: string;
+    disabled?: boolean;
+}
+/** 바깥 style·className 을 뿌리에 얹는다 — 자기 축(폭·여백) 통로. */
+declare const PermissionMatrixEditor: React__default.FC<PermissionMatrixEditorProps & SduiBoxProps>;
+
+export { type PermissionCatalogEntry, type PermissionGrant, PermissionMatrixEditor, type PermissionMatrixEditorProps };

package/dist/widgets/PermissionMatrixEditor.js

@@ -0,0 +1,4 @@
+export { PermissionMatrixEditor } from '../chunk-WLQ7PLHB.js';
+import '../chunk-DVOPZFQS.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/RankBoard.js

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

package/dist/widgets/RoleMemberPicker.d.ts

@@ -0,0 +1,37 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+
+/** GET /roles/{id}/employees 행(평면)과 GET /employees 행(department 객체)을 모두 수용. */
+interface RoleMemberEntry {
+    id: string;
+    name?: string | null;
+    employee_number?: string | null;
+    work_email?: string | null;
+    job_title?: string | null;
+    grade?: string | null;
+    department_name?: string | null;
+    department?: {
+        name?: string | null;
+    } | null;
+}
+interface RoleMemberPickerProps {
+    /** 직원 카탈로그 — 대개 page.data 의 /employees?limit=500 data 를 바인딩한다. 비면 자체 수집. */
+    employees?: RoleMemberEntry[];
+    /**
+     * 멤버십 경로(예: `/roles/{id}/employees?_=3`). 경로가 바뀔 때마다 GET 으로 현재
+     * 멤버를 다시 읽는다 — 여는 쪽이 여는 횟수를 붙이면(`?_=seq`) 같은 역할을 다시
+     * 열어도 서버 값으로 초기화된다(PermissionMatrixEditor.sourceEndpoint 와 같은 계약).
+     * 추가(POST)·해제(DELETE)는 **쿼리를 뗀 같은 경로**로 보낸다.
+     */
+    /**
+     * 후보 목록 경로. 응답은 `{data:[{id,name,…}], total}` 이고 500건씩 수집한다.
+     * 기본 '/employees'.
+     */
+    catalogEndpoint?: string;
+    sourceEndpoint?: string;
+    disabled?: boolean;
+}
+/** 바깥 style·className 을 뿌리에 얹는다 — 자기 축(폭·여백) 통로. */
+declare const RoleMemberPicker: React__default.FC<RoleMemberPickerProps & SduiBoxProps>;
+
+export { type RoleMemberEntry, RoleMemberPicker, type RoleMemberPickerProps };

package/dist/widgets/RoleMemberPicker.js

@@ -0,0 +1,4 @@
+export { RoleMemberPicker } from '../chunk-XSCFMCLH.js';
+import '../chunk-DVOPZFQS.js';
+import '../chunk-WIDDHR7L.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/index.d.ts

@@ -16,6 +16,8 @@ import { SecureScreenProps } from './SecureScreen.js';
 export { SecureScreen } from './SecureScreen.js';
 import { SearchableMultiPickerProps } from './SearchableMultiPicker.js';
 export { MultiPickerOption, SearchableMultiPicker } from './SearchableMultiPicker.js';
+import { RoleMemberPickerProps } from './RoleMemberPicker.js';
+export { RoleMemberPicker } from './RoleMemberPicker.js';
 import { RecordSheetProps } from './RecordSheet.js';
 export { RecordSheet, RecordSheetCell, RecordSheetCellKind, RecordSheetRow } from './RecordSheet.js';
 import { RankBoardProps } from './RankBoard.js';
@@ -24,6 +26,10 @@ import { PrintSheetProps } from './PrintSheet.js';
 export { PrintSheet } from './PrintSheet.js';
 import { PeriodFilterProps } from './PeriodFilter.js';
 export { Period, PeriodFilter, PeriodMode, PeriodModeItem } from './PeriodFilter.js';
+import { PermissionMatrixEditorProps } from './PermissionMatrixEditor.js';
+export { PermissionMatrixEditor } from './PermissionMatrixEditor.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';
@@ -72,10 +78,13 @@ declare const widgetComponents: {
     JsonField: React.FC<JsonFieldProps & SduiBoxProps>;
     LiveClock: React.FC<LiveClockProps & SduiBoxProps>;
     OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
+    OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
+    PermissionMatrixEditor: React.FC<PermissionMatrixEditorProps & SduiBoxProps>;
     PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
     PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
     RankBoard: React.FC<RankBoardProps & SduiBoxProps>;
     RecordSheet: React.FC<RecordSheetProps & SduiBoxProps>;
+    RoleMemberPicker: React.FC<RoleMemberPickerProps & SduiBoxProps>;
     SearchableMultiPicker: React.FC<SearchableMultiPickerProps & SduiBoxProps>;
     SecureScreen: React.FC<SecureScreenProps & SduiBoxProps>;
     StackedMeter: React.FC<StackedMeterProps & SduiBoxProps>;
@@ -89,4 +98,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, 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, PermissionMatrixEditorProps, PrintSheetProps, RankBoardProps, RecordSheetProps, RoleMemberPickerProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };

package/dist/widgets/index.js

@@ -1,3 +1,9 @@
+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 { Strip } from '../chunk-ZH5MLOZS.js';
 export { Strip } from '../chunk-ZH5MLOZS.js';
 import { SummaryTable } from '../chunk-O4U7Y3XL.js';
@@ -10,6 +16,10 @@ import { TreeView } from '../chunk-X5R2HHEN.js';
 export { TreeView, buildTreeNodes } from '../chunk-X5R2HHEN.js';
 import { OrgChart } from '../chunk-QWJ3OBBL.js';
 export { OrgChart } from '../chunk-QWJ3OBBL.js';
+import { OrgChartBoard } from '../chunk-KBLFOC37.js';
+export { OrgChartBoard } from '../chunk-KBLFOC37.js';
+import { PermissionMatrixEditor } from '../chunk-WLQ7PLHB.js';
+export { PermissionMatrixEditor } from '../chunk-WLQ7PLHB.js';
 import { PeriodFilter } from '../chunk-INWASR2G.js';
 export { PeriodFilter } from '../chunk-INWASR2G.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
@@ -18,12 +28,8 @@ import { RankBoard } from '../chunk-DIVN4TBW.js';
 export { RankBoard } from '../chunk-DIVN4TBW.js';
 import { RecordSheet } from '../chunk-K3JBSWFI.js';
 export { RecordSheet } from '../chunk-K3JBSWFI.js';
-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 { RoleMemberPicker } from '../chunk-XSCFMCLH.js';
+export { RoleMemberPicker } from '../chunk-XSCFMCLH.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
 import { DiffView } from '../chunk-LDJ2CFFH.js';
@@ -52,9 +58,9 @@ import { ApprovalStepper } from '../chunk-ZTQEP3TR.js';
 export { ApprovalStepper } from '../chunk-ZTQEP3TR.js';
 export { AutocompleteField, toAutocompleteOptions } from '../chunk-6S5CFNFM.js';
 import '../chunk-BD75U73S.js';
-import '../chunk-DVOPZFQS.js';
 import '../chunk-EFMKWPZ3.js';
 import '../chunk-XQPTSEJC.js';
+import '../chunk-DVOPZFQS.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';
 
@@ -72,10 +78,13 @@ var widgetComponents = {
   JsonField,
   LiveClock,
   OrgChart,
+  OrgChartBoard,
+  PermissionMatrixEditor,
   PeriodFilter,
   PrintSheet,
   RankBoard,
   RecordSheet,
+  RoleMemberPicker,
   SearchableMultiPicker,
   SecureScreen,
   StackedMeter,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",
@@ -88,6 +88,14 @@
       "types": "./dist/widgets/OrgChart.d.ts",
       "default": "./dist/widgets/OrgChart.js"
     },
+    "./widgets/OrgChartBoard": {
+      "types": "./dist/widgets/OrgChartBoard.d.ts",
+      "default": "./dist/widgets/OrgChartBoard.js"
+    },
+    "./widgets/PermissionMatrixEditor": {
+      "types": "./dist/widgets/PermissionMatrixEditor.d.ts",
+      "default": "./dist/widgets/PermissionMatrixEditor.js"
+    },
     "./widgets/PeriodFilter": {
       "types": "./dist/widgets/PeriodFilter.d.ts",
       "default": "./dist/widgets/PeriodFilter.js"
@@ -104,6 +112,10 @@
       "types": "./dist/widgets/RecordSheet.d.ts",
       "default": "./dist/widgets/RecordSheet.js"
     },
+    "./widgets/RoleMemberPicker": {
+      "types": "./dist/widgets/RoleMemberPicker.d.ts",
+      "default": "./dist/widgets/RoleMemberPicker.js"
+    },
     "./widgets/SearchableMultiPicker": {
       "types": "./dist/widgets/SearchableMultiPicker.d.ts",
       "default": "./dist/widgets/SearchableMultiPicker.js"