@wipco/sdui 0.24.0 → 0.26.0

package/dist/meta.js

@@ -3393,6 +3393,29 @@ 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 AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -4811,6 +4834,7 @@ var StripMeta = {
 };
 var widgetComponentMeta = {
   ApprovalStepper: ApprovalStepperMeta,
+  RankBoard: RankBoardMeta,
   AutocompleteField: AutocompleteFieldMeta,
   ColumnBoard: ColumnBoardMeta,
   DiffView: DiffViewMeta,
@@ -4868,4 +4892,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, 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/{types-DDQh8bKF.d.ts → types-Bum2uMjl.d.ts}

@@ -221,6 +221,14 @@ type SduiAction = {
      * (계약은 {@link SduiAdapter.fetch} 참고). 안 얹으면 message 만 남는다.
      */
     errorKey?: string;
+    /**
+     * 진행 상태를 담을 상태 키. 요청 직전에 `true`, 끝나면(성공·실패 모두) `false`.
+     *
+     * `submitForm`이 `{form}.$submitting`을 관리하는 것과 같은 자리다 — 그쪽은 폼이
+     * 있어 이름이 파생되지만 `request`는 폼이 없으므로 키를 받는다. 버튼의
+     * `loading`·`disabled`를 여기 물리면 이중 제출과 무반응이 함께 사라진다.
+     */
+    pendingKey?: string;
 }
 /**
  * 단발 API 호출 — submitForm에서 폼 수집·검증을 뺀 것. 서버의 2단계 커밋 계약
@@ -254,6 +262,14 @@ type SduiAction = {
      * (계약은 {@link SduiAdapter.fetch} 참고). 안 얹으면 message 만 남는다.
      */
     errorKey?: string;
+    /**
+     * 진행 상태를 담을 상태 키. 요청 직전에 `true`, 끝나면(성공·실패 모두) `false`.
+     *
+     * `submitForm`이 `{form}.$submitting`을 관리하는 것과 같은 자리다 — 그쪽은 폼이
+     * 있어 이름이 파생되지만 `request`는 폼이 없으므로 키를 받는다. 버튼의
+     * `loading`·`disabled`를 여기 물리면 이중 제출과 무반응이 함께 사라진다.
+     */
+    pendingKey?: string;
     /** 성공 시 무효화할 조회 prefix — onSuccess의 invalidate 액션 단축 */
     invalidate?: string;
 }

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';
@@ -66,6 +68,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 +83,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 { 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 };

package/dist/widgets/index.js

@@ -1,15 +1,19 @@
+import { TagMultiSelect } from '../chunk-QDEZXA34.js';
+export { TagMultiSelect } from '../chunk-QDEZXA34.js';
 import { Timeline } from '../chunk-EFYEOT47.js';
 export { Timeline } from '../chunk-EFYEOT47.js';
-import { TreePicker } from '../chunk-EQW24SJC.js';
-export { TreePicker } from '../chunk-EQW24SJC.js';
-import { TreeView } from '../chunk-IDUN2ESE.js';
-export { TreeView, buildTreeNodes } from '../chunk-IDUN2ESE.js';
+import { TreePicker } from '../chunk-U3HYQCFA.js';
+export { TreePicker } from '../chunk-U3HYQCFA.js';
+import { TreeView } from '../chunk-X5R2HHEN.js';
+export { TreeView, buildTreeNodes } from '../chunk-X5R2HHEN.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
+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-N5IATDUF.js';
-export { SearchableMultiPicker } from '../chunk-N5IATDUF.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';
@@ -18,8 +22,6 @@ import { Strip } from '../chunk-ZH5MLOZS.js';
 export { Strip } from '../chunk-ZH5MLOZS.js';
 import { SummaryTable } from '../chunk-O4U7Y3XL.js';
 export { SummaryTable } from '../chunk-O4U7Y3XL.js';
-import { TagMultiSelect } from '../chunk-QDEZXA34.js';
-export { TagMultiSelect } from '../chunk-QDEZXA34.js';
 import { Disclosure } from '../chunk-HIZ2OVJA.js';
 export { Disclosure } from '../chunk-HIZ2OVJA.js';
 import { EventCalendar } from '../chunk-C3JY6GA3.js';
@@ -34,15 +36,17 @@ import { LiveClock } from '../chunk-Z3WGIFJP.js';
 export { LiveClock } from '../chunk-Z3WGIFJP.js';
 import { OrgChart } from '../chunk-QWJ3OBBL.js';
 export { OrgChart } from '../chunk-QWJ3OBBL.js';
-import { PeriodFilter } from '../chunk-PFUULIZ2.js';
-export { PeriodFilter } from '../chunk-PFUULIZ2.js';
+import { PeriodFilter } from '../chunk-INWASR2G.js';
+export { PeriodFilter } from '../chunk-INWASR2G.js';
+import '../chunk-QU7YVMFA.js';
 import '../chunk-THEP3VWY.js';
 import { ApprovalStepper } from '../chunk-ZTQEP3TR.js';
 export { ApprovalStepper } from '../chunk-ZTQEP3TR.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-OG62LSFH.js';
-import '../chunk-U7ZK7WYH.js';
+export { AutocompleteField, 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 { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
 import { DiffView } from '../chunk-LDJ2CFFH.js';
@@ -64,6 +68,7 @@ var widgetComponents = {
   OrgChart,
   PeriodFilter,
   PrintSheet,
+  RankBoard,
   RecordSheet,
   SearchableMultiPicker,
   SecureScreen,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",
@@ -88,6 +88,10 @@
       "types": "./dist/widgets/PrintSheet.d.ts",
       "default": "./dist/widgets/PrintSheet.js"
     },
+    "./widgets/RankBoard": {
+      "types": "./dist/widgets/RankBoard.d.ts",
+      "default": "./dist/widgets/RankBoard.js"
+    },
     "./widgets/RecordSheet": {
       "types": "./dist/widgets/RecordSheet.d.ts",
       "default": "./dist/widgets/RecordSheet.js"