@wipco/sdui 0.27.0 โ 0.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-KBLFOC37.js +1242 -0
- package/dist/meta.d.ts +3 -1
- package/dist/meta.js +72 -1
- package/dist/widgets/OrgChartBoard.d.ts +72 -0
- package/dist/widgets/OrgChartBoard.js +6 -0
- package/dist/widgets/index.d.ts +4 -1
- package/dist/widgets/index.js +5 -2
- package/package.json +5 -1
package/dist/meta.d.ts
CHANGED
|
@@ -427,6 +427,7 @@ declare const ApprovalStepperMeta: SduiComponentMeta;
|
|
|
427
427
|
declare const RankBoardMeta: SduiComponentMeta;
|
|
428
428
|
declare const ApprovalLineEditorMeta: SduiComponentMeta;
|
|
429
429
|
declare const ApprovalOverridesEditorMeta: SduiComponentMeta;
|
|
430
|
+
declare const OrgChartBoardMeta: SduiComponentMeta;
|
|
430
431
|
declare const AutocompleteFieldMeta: SduiComponentMeta;
|
|
431
432
|
declare const InlineEditMeta: SduiComponentMeta;
|
|
432
433
|
declare const JsonFieldMeta: SduiComponentMeta;
|
|
@@ -463,6 +464,7 @@ declare const widgetComponentMeta: {
|
|
|
463
464
|
ApprovalLineEditor: SduiComponentMeta;
|
|
464
465
|
ApprovalOverridesEditor: SduiComponentMeta;
|
|
465
466
|
ApprovalStepper: SduiComponentMeta;
|
|
467
|
+
OrgChartBoard: SduiComponentMeta;
|
|
466
468
|
RankBoard: SduiComponentMeta;
|
|
467
469
|
AutocompleteField: SduiComponentMeta;
|
|
468
470
|
ColumnBoard: SduiComponentMeta;
|
|
@@ -596,4 +598,4 @@ declare function paletteGroups(catalog?: Record<string, SduiComponentMeta>): Arr
|
|
|
596
598
|
items: SduiComponentMeta[];
|
|
597
599
|
}>;
|
|
598
600
|
|
|
599
|
-
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 };
|
|
601
|
+
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, 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
CHANGED
|
@@ -3666,6 +3666,76 @@ var ApprovalOverridesEditorMeta = {
|
|
|
3666
3666
|
},
|
|
3667
3667
|
resize: { kind: "none" }
|
|
3668
3668
|
};
|
|
3669
|
+
var OrgChartBoardMeta = {
|
|
3670
|
+
name: "OrgChartBoard",
|
|
3671
|
+
label: "\uC870\uC9C1\uB3C4 \uBCF4\uB4DC",
|
|
3672
|
+
category: "display",
|
|
3673
|
+
icon: "git-branch",
|
|
3674
|
+
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.",
|
|
3675
|
+
props: [
|
|
3676
|
+
{
|
|
3677
|
+
name: "onMemberClick",
|
|
3678
|
+
kind: "action",
|
|
3679
|
+
label: "\uC0AC\uC6D0 \uCE74\uB4DC \uD074\uB9AD",
|
|
3680
|
+
eventArg: "\uC0AC\uC6D0 \uD589(snake_case \uC6D0\uBB38 \u2014 id\xB7name\xB7grade\xB7job_title\xB7department_id \u2026)",
|
|
3681
|
+
description: "\uBE44\uC6B0\uBA74 \uC704\uC82F\uC774 /hr/personal-card/{id}\uB85C \uC9C1\uC811 \uC774\uB3D9\uD55C\uB2E4.",
|
|
3682
|
+
group: "behavior"
|
|
3683
|
+
},
|
|
3684
|
+
{
|
|
3685
|
+
name: "height",
|
|
3686
|
+
kind: "string",
|
|
3687
|
+
label: "\uCE94\uBC84\uC2A4 \uB192\uC774",
|
|
3688
|
+
default: "72vh",
|
|
3689
|
+
description: "px \uC22B\uC790 \uB610\uB294 CSS \uAE38\uC774. \uCD5C\uC18C 620px\uB294 \uC704\uC82F\uC774 \uBCF4\uC7A5\uD55C\uB2E4.",
|
|
3690
|
+
group: "appearance",
|
|
3691
|
+
advanced: true
|
|
3692
|
+
},
|
|
3693
|
+
{
|
|
3694
|
+
name: "employeesEndpoint",
|
|
3695
|
+
kind: "string",
|
|
3696
|
+
label: "\uC0AC\uC6D0 \uBAA9\uB85D \uACBD\uB85C",
|
|
3697
|
+
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'.",
|
|
3698
|
+
group: "data",
|
|
3699
|
+
advanced: true
|
|
3700
|
+
},
|
|
3701
|
+
{
|
|
3702
|
+
name: "departmentsEndpoint",
|
|
3703
|
+
kind: "string",
|
|
3704
|
+
label: "\uBD80\uC11C \uBAA9\uB85D \uACBD\uB85C",
|
|
3705
|
+
description: "\uAE30\uBCF8 '/departments?include=paths' \u2014 \uACBD\uB85C \uC815\uBCF4\uAC00 \uC788\uC5B4\uC57C \uACC4\uCE35\uC774 \uC120\uB2E4.",
|
|
3706
|
+
group: "data",
|
|
3707
|
+
advanced: true
|
|
3708
|
+
},
|
|
3709
|
+
{
|
|
3710
|
+
name: "positionsEndpoint",
|
|
3711
|
+
kind: "string",
|
|
3712
|
+
label: "\uC9C1\uC704 \uB9C8\uC2A4\uD130 \uACBD\uB85C",
|
|
3713
|
+
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'.",
|
|
3714
|
+
group: "data",
|
|
3715
|
+
advanced: true
|
|
3716
|
+
}
|
|
3717
|
+
],
|
|
3718
|
+
children: { accepts: false },
|
|
3719
|
+
dom: { element: "div" },
|
|
3720
|
+
preset: {
|
|
3721
|
+
component: "OrgChartBoard",
|
|
3722
|
+
props: {
|
|
3723
|
+
onMemberClick: [
|
|
3724
|
+
{ action: "setState", key: "orgMember", fromEvent: true },
|
|
3725
|
+
{
|
|
3726
|
+
action: "navigate",
|
|
3727
|
+
to: {
|
|
3728
|
+
$calc: {
|
|
3729
|
+
op: "concat",
|
|
3730
|
+
args: ["/hr/personal-card/", { $state: "orgMember.id", default: "" }]
|
|
3731
|
+
}
|
|
3732
|
+
}
|
|
3733
|
+
}
|
|
3734
|
+
]
|
|
3735
|
+
}
|
|
3736
|
+
},
|
|
3737
|
+
resize: { kind: "none" }
|
|
3738
|
+
};
|
|
3669
3739
|
var AutocompleteFieldMeta = {
|
|
3670
3740
|
name: "AutocompleteField",
|
|
3671
3741
|
label: "\uC790\uB3D9\uC644\uC131",
|
|
@@ -5086,6 +5156,7 @@ var widgetComponentMeta = {
|
|
|
5086
5156
|
ApprovalLineEditor: ApprovalLineEditorMeta,
|
|
5087
5157
|
ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
|
|
5088
5158
|
ApprovalStepper: ApprovalStepperMeta,
|
|
5159
|
+
OrgChartBoard: OrgChartBoardMeta,
|
|
5089
5160
|
RankBoard: RankBoardMeta,
|
|
5090
5161
|
AutocompleteField: AutocompleteFieldMeta,
|
|
5091
5162
|
ColumnBoard: ColumnBoardMeta,
|
|
@@ -5144,4 +5215,4 @@ function paletteGroups(catalog = allComponentMeta) {
|
|
|
5144
5215
|
})).filter((group) => group.items.length > 0);
|
|
5145
5216
|
}
|
|
5146
5217
|
|
|
5147
|
-
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 };
|
|
5218
|
+
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 };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* OrgChartBoard โ ์ค๋ฐ์ดํฐ ์กฐ์ง๋ ๋ณด๋(v2 organization-chart.tsx 1522์ค ์ง์ด์).
|
|
6
|
+
*
|
|
7
|
+
* ๋ผ์ด๋ธ๋ฌ๋ฆฌ OrgChart(๋จ์ ์ํ ํธ๋ฆฌ)๋ก๋ v2 ๊ฐํธ ํ๋ฉด(๋ฆฌ๋์ญ ์คํยท๋
ธ๋ ๋ด ์ฌ์ ์นด๋ยท
|
|
8
|
+
* ์ธ๋ก์ฐ๊ธฐ ํ ๋ผ๋ฒจยท์ธ๋ ํ์ง ๋ ์ด์์ยท๋ง์คํฐ ์ง์ ์์ด ์ ๋ ฌ)์ ํํํ ์ ์์ด
|
|
9
|
+
* ERP ์์ ฏ์ผ๋ก ์ฎ๊ฒผ๋ค. ๋ฐ์ดํฐ๋ ์คํ($state/$calc)์๋ 3์ ์กฐ์ธยทํธ๋ฆฌ ์กฐ๋ฆฝ ์ดํ๊ฐ
|
|
10
|
+
* ์์ผ๋ฏ๋ก ์์ ฏ์ด ์ค์ค๋ก ๋ถ๋ฌ์จ๋ค(PermissionMatrixEditor์ "๋ฌถ๊ธฐ ์ฐ์ฐ์ ์์ ฏ" ์์น).
|
|
11
|
+
*
|
|
12
|
+
* ๋ฐ์ดํฐ 3์(์ ๋ถ ํ์ด์ง ์์ง, limit=500):
|
|
13
|
+
* - GET /employees โ ํ์. ์คํจํ๋ฉด ํ๋ฉด ์ ์ฒด๊ฐ ์ค๋ฅ ์ํ.
|
|
14
|
+
* - GET /departments?include=paths โ **์คํจ ํ์ฉ**: ์ฌ์์ department ์ฐธ์กฐ๋ก ๊ทธ๋ฃน์ ํฉ์ฑ.
|
|
15
|
+
* - GET /job-positions โ **์คํจ ํ์ฉ**: ์ ๋ ฌ ๋ณด์กฐ์ผ ๋ฟ(๋ง์คํฐ ์์ผ๋ฉด GRADE_ORDER).
|
|
16
|
+
*
|
|
17
|
+
* v3 ์๋ฒ ์๋ต์ snake_case์ด๊ณ v2์ ํ๋๊ฐ ๋ค๋ฅด๋ค(์ค์ธก):
|
|
18
|
+
* - ์ฌ์: position ์์ โ ์ง์ = `grade`, ์ง์ฑ
= `job_title`. groups/teamGroup ์์ โ
|
|
19
|
+
* ์์ = `department_id ?? department.id`(v2 ๊ท์น์ ์์ฌ ํด๋ฐฑ๋ง ๋จ์).
|
|
20
|
+
* - ๋ถ์: {id, name, parent_id, path}. ์ง์: {name, rank_order, sort_order, is_active}.
|
|
21
|
+
*
|
|
22
|
+
* ๊ตฌ์ฑ์ ์ ๋ ฌ(v2 compareMembers ๊ทธ๋๋ก): ์ง์ฑ
์์ด(DUTY_ORDER) โ ์ง์ ์์ด
|
|
23
|
+
* (๋ง์คํฐ rank_order ํญ์ ์ฐ์ , ์ต์ฅ ํฌํจ ๋งค์นญ โ "๋ถ์ฌ์ฅ"โ "์ฌ์ฅ", ํ์ชฝ๋ง ๋ง์คํฐ์
|
|
24
|
+
* ์์ผ๋ฉด ๊ทธ์ชฝ์ด ์, ๋ ๋ค ์์ผ๋ฉด GRADE_ORDER ํด๋ฐฑ) โ level ๋ด๋ฆผ์ฐจ์ โ ์ด๋ฆ(ko).
|
|
25
|
+
* rank map์ ๋ฏธ์ฌ์ฉ(is_active=false) ์ง์ ํฌํจ ์ ๊ฑด์ด๋ค.
|
|
26
|
+
*
|
|
27
|
+
* ์ฌ์ ์นด๋ ํด๋ฆญ โ `onMemberClick(์ฌ์ ํ)` โ ์คํ์์ setState(fromEvent)+navigate
|
|
28
|
+
* ์ฒด์ธ์ผ๋ก /hr/personal-card/{id}์ ์๋๋ค. ํ๋กญ์ด ์์ผ๋ฉด location.assign ํด๋ฐฑ.
|
|
29
|
+
*/
|
|
30
|
+
interface OrgGroupRow {
|
|
31
|
+
id: string;
|
|
32
|
+
name: string;
|
|
33
|
+
parent_id?: string | null;
|
|
34
|
+
path?: string | null;
|
|
35
|
+
}
|
|
36
|
+
interface OrgEmployeeRow {
|
|
37
|
+
id: string;
|
|
38
|
+
name: string;
|
|
39
|
+
/** ์ง์ ๋ฌธ์์ด(์ง์ ๋ง์คํฐ name์ ์ฌ๋ณธ) โ v2์ position/grade์ ํด๋น */
|
|
40
|
+
grade?: string | null;
|
|
41
|
+
/** ์ง์ฑ
(ํ์ฅยท๋ณธ๋ถ์ฅ ๋ฑ) */
|
|
42
|
+
job_title?: string | null;
|
|
43
|
+
level?: number | null;
|
|
44
|
+
department_id?: string | null;
|
|
45
|
+
department?: {
|
|
46
|
+
id?: string | null;
|
|
47
|
+
name?: string | null;
|
|
48
|
+
parent_id?: string | null;
|
|
49
|
+
} | null;
|
|
50
|
+
image?: string | null;
|
|
51
|
+
/** ์ด๋ฒคํธ ์ธ์๋ก ์๋ฌธ ํ์ ๊ทธ๋๋ก ๋๊ธด๋ค(์คํ์ด ๋ค๋ฅธ ํค๋ ์ธ ์ ์๊ฒ) */
|
|
52
|
+
[key: string]: unknown;
|
|
53
|
+
}
|
|
54
|
+
interface OrgChartBoardProps {
|
|
55
|
+
/** ์ฌ์ ์นด๋ ํด๋ฆญ โ ์ธ์๋ ์ฌ์ ํ(idยทnameยทgradeยทjob_titleยทdepartment_id โฆ). */
|
|
56
|
+
onMemberClick?: (member: OrgEmployeeRow) => void;
|
|
57
|
+
/** ์บ๋ฒ์ค ๋์ด(px ์ซ์ ๋๋ CSS ๊ธธ์ด). ๊ธฐ๋ณธ 72vh(์ต์ 620px). */
|
|
58
|
+
height?: number | string;
|
|
59
|
+
/**
|
|
60
|
+
* ์ฌ์ ๋ชฉ๋ก ๊ฒฝ๋ก. ์๋ต์ `{data:[โฆ], total}` ์ด๊ณ ํ์์ ์ฝ๋ ํค๋
|
|
61
|
+
* idยทnameยทgradeยทjob_titleยทdepartment_id ๋ค(์ค๋ค์ดํฌยท์นด๋ฉ ์์ชฝ ๊ด์ฉ ์์ฉ).
|
|
62
|
+
*/
|
|
63
|
+
employeesEndpoint?: string;
|
|
64
|
+
/** ๋ถ์(๊ทธ๋ฃน) ๋ชฉ๋ก ๊ฒฝ๋ก. ๊ฒฝ๋ก ์ ๋ณด๋ฅผ ํจ๊ป ์ฃผ๋ ์ง์๋ฅผ ๊ธฐ๋ณธ๊ฐ์ ๋ด์๋ค. */
|
|
65
|
+
departmentsEndpoint?: string;
|
|
66
|
+
/** ์ง์ ๋ง์คํฐ ๊ฒฝ๋ก โ ์์ด ์ ๋ ฌ์ ์ด๋ค. ์คํจํด๋ ์ด๋ฆ์์ผ๋ก ๋จ์ด์ง๋ค. */
|
|
67
|
+
positionsEndpoint?: string;
|
|
68
|
+
}
|
|
69
|
+
/** ๋ฐ๊นฅ styleยทclassName์ ๋ฟ๋ฆฌ์ ์น๋๋ค โ ์๊ธฐ ์ถ(ํญยท์ฌ๋ฐฑ) ํต๋ก. */
|
|
70
|
+
declare const OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
|
|
71
|
+
|
|
72
|
+
export { OrgChartBoard, type OrgChartBoardProps, type OrgEmployeeRow, type OrgGroupRow };
|
package/dist/widgets/index.d.ts
CHANGED
|
@@ -24,6 +24,8 @@ import { PrintSheetProps } from './PrintSheet.js';
|
|
|
24
24
|
export { PrintSheet } from './PrintSheet.js';
|
|
25
25
|
import { PeriodFilterProps } from './PeriodFilter.js';
|
|
26
26
|
export { Period, PeriodFilter, PeriodMode, PeriodModeItem } from './PeriodFilter.js';
|
|
27
|
+
import { OrgChartBoardProps } from './OrgChartBoard.js';
|
|
28
|
+
export { OrgChartBoard } from './OrgChartBoard.js';
|
|
27
29
|
import { OrgChartProps } from './OrgChart.js';
|
|
28
30
|
export { OrgChart, OrgNode } from './OrgChart.js';
|
|
29
31
|
import { LiveClockProps } from './LiveClock.js';
|
|
@@ -72,6 +74,7 @@ declare const widgetComponents: {
|
|
|
72
74
|
JsonField: React.FC<JsonFieldProps & SduiBoxProps>;
|
|
73
75
|
LiveClock: React.FC<LiveClockProps & SduiBoxProps>;
|
|
74
76
|
OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
|
|
77
|
+
OrgChartBoard: React.FC<OrgChartBoardProps & SduiBoxProps>;
|
|
75
78
|
PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
|
|
76
79
|
PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
|
|
77
80
|
RankBoard: React.FC<RankBoardProps & SduiBoxProps>;
|
|
@@ -89,4 +92,4 @@ declare const widgetComponents: {
|
|
|
89
92
|
/** ์์ ฏ ์ดํ์ ์ปดํฌ๋ํธ ์ด๋ฆ union โ ๋ฉํ๋ฐ์ดํฐ ๋์กฐ์ ์ด๋ค(`@wipco/sdui/meta`). */
|
|
90
93
|
type SduiWidgetComponentName = keyof typeof widgetComponents;
|
|
91
94
|
|
|
92
|
-
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 };
|
|
95
|
+
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 };
|
package/dist/widgets/index.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { StackedMeter } from '../chunk-BMZKZGJF.js';
|
|
2
|
+
export { StackedMeter } from '../chunk-BMZKZGJF.js';
|
|
1
3
|
import { Strip } from '../chunk-ZH5MLOZS.js';
|
|
2
4
|
export { Strip } from '../chunk-ZH5MLOZS.js';
|
|
3
5
|
import { SummaryTable } from '../chunk-O4U7Y3XL.js';
|
|
@@ -10,6 +12,8 @@ import { TreeView } from '../chunk-X5R2HHEN.js';
|
|
|
10
12
|
export { TreeView, buildTreeNodes } from '../chunk-X5R2HHEN.js';
|
|
11
13
|
import { OrgChart } from '../chunk-QWJ3OBBL.js';
|
|
12
14
|
export { OrgChart } from '../chunk-QWJ3OBBL.js';
|
|
15
|
+
import { OrgChartBoard } from '../chunk-KBLFOC37.js';
|
|
16
|
+
export { OrgChartBoard } from '../chunk-KBLFOC37.js';
|
|
13
17
|
import { PeriodFilter } from '../chunk-INWASR2G.js';
|
|
14
18
|
export { PeriodFilter } from '../chunk-INWASR2G.js';
|
|
15
19
|
import { PrintSheet } from '../chunk-MYJ2KEIP.js';
|
|
@@ -22,8 +26,6 @@ import { SearchableMultiPicker } from '../chunk-C53NGSA3.js';
|
|
|
22
26
|
export { SearchableMultiPicker } from '../chunk-C53NGSA3.js';
|
|
23
27
|
import { SecureScreen } from '../chunk-IIRENCDS.js';
|
|
24
28
|
export { SecureScreen } from '../chunk-IIRENCDS.js';
|
|
25
|
-
import { StackedMeter } from '../chunk-BMZKZGJF.js';
|
|
26
|
-
export { StackedMeter } from '../chunk-BMZKZGJF.js';
|
|
27
29
|
import { ColumnBoard } from '../chunk-C4JRSZGS.js';
|
|
28
30
|
export { ColumnBoard } from '../chunk-C4JRSZGS.js';
|
|
29
31
|
import { DiffView } from '../chunk-LDJ2CFFH.js';
|
|
@@ -72,6 +74,7 @@ var widgetComponents = {
|
|
|
72
74
|
JsonField,
|
|
73
75
|
LiveClock,
|
|
74
76
|
OrgChart,
|
|
77
|
+
OrgChartBoard,
|
|
75
78
|
PeriodFilter,
|
|
76
79
|
PrintSheet,
|
|
77
80
|
RankBoard,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wipco/sdui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.28.0",
|
|
4
4
|
"description": "WIPCO ์๋ฒ ์ฃผ๋ UI(SDUI) ๋ ๋๋ฌ โ JSON ํ์ด์ง ์คํ์ React ์ปดํฌ๋ํธ๋ก ๋ ๋๋ง",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"sdui",
|
|
@@ -88,6 +88,10 @@
|
|
|
88
88
|
"types": "./dist/widgets/OrgChart.d.ts",
|
|
89
89
|
"default": "./dist/widgets/OrgChart.js"
|
|
90
90
|
},
|
|
91
|
+
"./widgets/OrgChartBoard": {
|
|
92
|
+
"types": "./dist/widgets/OrgChartBoard.d.ts",
|
|
93
|
+
"default": "./dist/widgets/OrgChartBoard.js"
|
|
94
|
+
},
|
|
91
95
|
"./widgets/PeriodFilter": {
|
|
92
96
|
"types": "./dist/widgets/PeriodFilter.d.ts",
|
|
93
97
|
"default": "./dist/widgets/PeriodFilter.js"
|