@wipco/sdui 0.30.0 → 0.32.0

package/dist/index.js

@@ -1,9 +1,12 @@
-import { TimePicker } from './chunk-WXOU7QTN.js';
-export { TimePicker, loadOptionalModule } from './chunk-WXOU7QTN.js';
+export { loadOptionalModule } from './chunk-RRMKCZYQ.js';
 import { useSduiDispatch, SduiDialog, useSduiCan, SduiDispatchContext, SduiPermissionProvider } from './chunk-QU7YVMFA.js';
 export { SduiDialog, SduiPermissionProvider, useSduiCan, useSduiDispatch } from './chunk-QU7YVMFA.js';
+import { Text, Spacer, Show, Section, Row, PageHead, KeyValueList, Grid, Divider, Col, Actions } from './chunk-QO6UJAQN.js';
+export { Actions, Col, Divider, Grid, KeyValueList, PageHead, Row, Section, Show, Spacer, Text } from './chunk-QO6UJAQN.js';
 import { ImageViewer } from './chunk-THEP3VWY.js';
 export { ImageViewer } from './chunk-THEP3VWY.js';
+import { TimePicker } from './chunk-SNRKPEWT.js';
+export { TimePicker } from './chunk-SNRKPEWT.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 { HoistedStyle, DateRangePicker, DatePicker } from './chunk-EFMKWPZ3.js';
@@ -13,9 +16,9 @@ import { DEV, isSafeNavigationTarget, useSduiAdapter, hostFetchOf, useSduiSandbo
 export { defaultAdapter, useSduiAssetResolver, useSduiSandbox } from './chunk-DKPNFEVU.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';
+import { boxed, LAYOUT_CSS, childLayoutFrom, CHILD_LAYOUT_PROPS } from './chunk-SAN4IX6N.js';
 export { CHILD_LAYOUT_PROPS, LAYOUT_CSS, boxed, childLayoutFrom, columnsClass, containerLayoutStyle, joinClass, mergeStyle, typographyStyle } from './chunk-SAN4IX6N.js';
-import React10, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
+import React9, { createContext, useState, useMemo, useRef, useEffect, useCallback, useContext } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/asset-url.ts
@@ -112,7 +115,7 @@ function resolveAssetsIn(propName, value, resolve, component) {
     return out ?? record;
   }
 }
-var NodeErrorBoundary = class extends React10.Component {
+var NodeErrorBoundary = class extends React9.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -160,145 +163,6 @@ function Can({ entity, action = "read", scope, fallback = null, children }) {
   }
   return can({ entity, action: typeof action === "string" ? action : "read", scope }) ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
 }
-function paddingStyle(padding) {
-  const value = padding === void 0 ? void 0 : PADDING_CSS[padding];
-  return value === void 0 ? {} : { padding: value };
-}
-var PADDING_CSS = {
-  "2": "2px",
-  "4": "4px",
-  "8": "8px",
-  "12": "12px",
-  "16": "16px",
-  "20": "20px",
-  "24": "24px",
-  "32": "32px"
-};
-function Grid({
-  columns = 3,
-  template,
-  gap,
-  align,
-  justify,
-  wrap,
-  padding,
-  className,
-  style,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-grid", !template && columnsClass(columns), className),
-      style: mergeStyle(
-        {
-          ...template ? { gridTemplateColumns: template } : null,
-          ...containerLayoutStyle({ gap, align, justify, wrap }),
-          ...paddingStyle(padding)
-        },
-        style
-      ),
-      children
-    }
-  );
-}
-function Row({ justify, gap, align, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-row", justify === "between" && "wp-row--between", className),
-      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
-      children
-    }
-  );
-}
-function Actions({ justify = "end", gap, align, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-row", className),
-      style: mergeStyle({ flex: 1, ...containerLayoutStyle({ gap, align, justify, wrap }) }, style),
-      children
-    }
-  );
-}
-function Col({ gap, align, justify, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-col", className), style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style), children });
-}
-var SPACER_STEPS = /* @__PURE__ */ new Set([1, 2, 3, 4, 5, 6, 8]);
-function Spacer({ size, className, style }) {
-  const step = size !== void 0 && SPACER_STEPS.has(Number(size)) ? Number(size) : void 0;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: joinClass("wp-spacer", step !== void 0 && `wp-spacer--${step}`, className),
-      style
-    }
-  );
-}
-function Section({ title, gap, align, justify, wrap, className, style, children }) {
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      className: joinClass("wp-col", className),
-      style: mergeStyle(containerLayoutStyle({ gap, align, justify, wrap }), style),
-      children: [
-        title ? /* @__PURE__ */ jsx("h2", { className: "wp-h4", children: title }) : null,
-        children
-      ]
-    }
-  );
-}
-var TEXT_WRAP_CSS = {
-  normal: {},
-  preserve: { whiteSpace: "pre-wrap" },
-  anywhere: { whiteSpace: "pre-wrap", wordBreak: "break-all" }
-};
-function Text({
-  preset = "body",
-  as: Tag2 = "p",
-  weight,
-  textAlign,
-  wrap,
-  className,
-  style,
-  value,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    Tag2,
-    {
-      className: joinClass(`wp-${preset}`, className),
-      style: mergeStyle({ ...typographyStyle({ weight, textAlign }), ...TEXT_WRAP_CSS[wrap ?? "normal"] }, style),
-      children: value ?? children
-    }
-  );
-}
-function KeyValueList({ source, items, className, style }) {
-  return /* @__PURE__ */ jsx("div", { className: joinClass("wp-kv", className), style, children: (items ?? []).map((item, index) => {
-    const raw = item.key ? source?.[item.key] : item.value;
-    const content = raw === null || raw === void 0 || raw === "" ? "\u2014" : raw;
-    return /* @__PURE__ */ jsxs(React10.Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "wp-kv__k", children: item.label }),
-      /* @__PURE__ */ jsx("span", { className: joinClass("wp-kv__v", item.mono && "wp-mono"), children: content })
-    ] }, index);
-  }) });
-}
-function PageHead({ title, subtitle, actions, className, style }) {
-  return /* @__PURE__ */ jsxs("div", { className: joinClass("wp-page-head", className), style, children: [
-    /* @__PURE__ */ jsxs("div", { className: "wp-page-head__text", children: [
-      title ? /* @__PURE__ */ jsx("h1", { className: "wp-page-head__title", children: title }) : null,
-      subtitle ? /* @__PURE__ */ jsx("div", { className: "wp-page-head__sub", children: subtitle }) : null
-    ] }),
-    actions ? /* @__PURE__ */ jsx("div", { className: "wp-page-head__actions", children: actions }) : null
-  ] });
-}
-function Show({ when, children }) {
-  return when ? /* @__PURE__ */ jsx(Fragment, { children }) : null;
-}
-function Divider({ style, className }) {
-  return /* @__PURE__ */ jsx("hr", { className: joinClass("wp-divider", className), style });
-}
 function imageRenderer(cell, key, width = cell.width ?? 72) {
   const height = cell.height ?? 52;
   return (row) => /* @__PURE__ */ jsx(
@@ -2639,7 +2503,7 @@ function SduiNodeRenderer({
     return /* @__PURE__ */ jsx(Fragment, { children: rows.map((item, rowIndex) => {
       const rowScope = [...scope, { item, index: rowIndex }];
       const rowKey = isPlainObject4(item) && typeof item.id === "string" ? item.id : rowIndex;
-      return /* @__PURE__ */ jsx(React10.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
+      return /* @__PURE__ */ jsx(React9.Fragment, { children: childList?.map((child, i) => renderChild(child, i, rowScope, engine)) }, rowKey);
     }) });
   }
   if (node.component === "Fragment") {
@@ -2715,11 +2579,11 @@ function SduiNodeRenderer({
   const children = childList?.map((child, i) => renderChild(child, i, scope, engine));
   return /* @__PURE__ */ jsx(Component, { ...props, children });
 }
-var SduiFragmentChainContext = React10.createContext([]);
+var SduiFragmentChainContext = React9.createContext([]);
 var FRAGMENT_MAX_DEPTH = 4;
 function SduiFragment({ node, scope, engine }) {
   const adapter = useSduiAdapter();
-  const chain = React10.useContext(SduiFragmentChainContext);
+  const chain = React9.useContext(SduiFragmentChainContext);
   const raw = isPlainObject4(node.props) ? node.props.id : void 0;
   const id = engine.resolveValue(raw, scope);
   if (typeof id !== "string" || id === "") {
@@ -2774,9 +2638,9 @@ function SduiFragmentBody({
   engine
 }) {
   const spec = useSpec(id);
-  const nextChain = React10.useMemo(() => [...chain, id], [chain, id]);
-  const bodyScope = React10.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
-  React10.useEffect(() => {
+  const nextChain = React9.useMemo(() => [...chain, id], [chain, id]);
+  const bodyScope = React9.useMemo(() => [...scope, { args, callSiteScope: scope }], [scope, args]);
+  React9.useEffect(() => {
     if (!DEV || !isPlainObject4(spec) || !Array.isArray(spec.body)) return;
     validateSpec(spec, new Set(Object.keys(engine.registry))).forEach(
       (issue) => console.warn(`[sdui:spec:${id}] ${issue.path} \u2014 ${issue.message}`)
@@ -3267,4 +3131,4 @@ function SduiRenderer({
   );
 }
 
-export { Actions, CALC_OPS, Can, Col, Divider, Grid, KeyValueList, NodeErrorBoundary, PageHead, RemoteSearchResults, ResultTable, Row, SduiForm, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, Section, Show, SortHandle, SortableList, Spacer, Text, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiRuntime, useSearchFetcher, validateSpec };
+export { CALC_OPS, Can, NodeErrorBoundary, RemoteSearchResults, ResultTable, SduiForm, SduiRenderer, SduiSearchDataProvider, SduiSearchResults, SearchResults, SortHandle, SortableList, cellRenderer, createRegistry, defaultRegistry, imageRenderer, normalizePageSizes, sortableDropIndex, sortableMove, useRemoteSearchPage, useSduiRuntime, useSearchFetcher, validateSpec };

package/dist/meta.d.ts

@@ -431,6 +431,10 @@ declare const OrgChartBoardMeta: SduiComponentMeta;
 declare const PermissionMatrixEditorMeta: SduiComponentMeta;
 declare const RoleMemberPickerMeta: SduiComponentMeta;
 declare const FileDropzoneMeta: SduiComponentMeta;
+declare const ExcelUploadCardMeta: SduiComponentMeta;
+declare const OptionSchemaEditorMeta: SduiComponentMeta;
+declare const OptionValueFieldsMeta: SduiComponentMeta;
+declare const StagePeriodEditorMeta: SduiComponentMeta;
 declare const AutocompleteFieldMeta: SduiComponentMeta;
 declare const InlineEditMeta: SduiComponentMeta;
 declare const JsonFieldMeta: SduiComponentMeta;
@@ -456,7 +460,7 @@ declare const StripMeta: SduiComponentMeta;
 /**
  * 위젯 어휘의 메타데이터.
  *
- * 키 타입이 `SduiWidgetComponentName | 'AutocompleteField' | 'FileDropzone'`인 이유:
+ * 키 타입이 `SduiWidgetComponentName | 'AutocompleteField' | 'FileDropzone' | 'ExcelUploadCard'`인 이유:
  * 앞의 20종은 `widgetComponents`와 키가 어긋나면 컴파일 에러가 나야 하고(core·rich와 같다),
  * `AutocompleteField`는 그 묶음에 **일부러 빠져 있는** 이름이라 union에 직접 적어야 한다.
  * 표시 계층만 라이브러리에 있고 조회는 앱 어댑터가 얹는 구조인데(widgets/index.ts 참고),
@@ -467,6 +471,10 @@ declare const widgetComponentMeta: {
     ApprovalLineEditor: SduiComponentMeta;
     ApprovalOverridesEditor: SduiComponentMeta;
     ApprovalStepper: SduiComponentMeta;
+    OptionSchemaEditor: SduiComponentMeta;
+    OptionValueFields: SduiComponentMeta;
+    StagePeriodEditor: SduiComponentMeta;
+    ExcelUploadCard: SduiComponentMeta;
     FileDropzone: SduiComponentMeta;
     PermissionMatrixEditor: SduiComponentMeta;
     RoleMemberPicker: SduiComponentMeta;
@@ -604,4 +612,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, FileDropzoneMeta, 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 };
+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, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, 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, StagePeriodEditorMeta, 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

@@ -3949,6 +3949,234 @@ var FileDropzoneMeta = {
   },
   resize: { kind: "none" }
 };
+var ExcelUploadCardMeta = {
+  name: "ExcelUploadCard",
+  label: "\uC5D1\uC140 \uC77C\uAD04 \uC5C5\uB85C\uB4DC",
+  category: "data",
+  icon: "cloud-upload",
+  description: "\uC5D1\uC140 \uC77C\uAD04 \uC5C5\uB85C\uB4DC \uCE74\uB4DC. server\uB294 \uD30C\uC77C\uC744 \uADF8\uB300\uB85C \uC62C\uB824 \uCC98\uB9AC \uC694\uC57D\uC744 \uBC1B\uACE0, preview\uB294 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uD30C\uC2F1\xB7\uAC80\uC99D\uD558\uACE0 \uC624\uB958 \uC140\uC744 \uACE0\uCE5C \uB4A4 \uC720\uD6A8 \uD589\uB9CC \uBCF4\uB0B8\uB2E4.",
+  props: [
+    {
+      name: "mode",
+      kind: "enum",
+      label: "\uB3D9\uC791 \uBC29\uC2DD",
+      default: "server",
+      options: [
+        { value: "server", label: "\uC11C\uBC84 \uC5C5\uB85C\uB4DC", description: "\uD30C\uC77C\uC744 multipart\uB85C \uC62C\uB9AC\uACE0 \uCC98\uB9AC \uC694\uC57D\xB7\uD589 \uC624\uB958\uB97C \uBC1B\uB294\uB2E4" },
+        { value: "preview", label: "\uBBF8\uB9AC\uBCF4\uAE30 \uAC80\uC99D", description: "\uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uD30C\uC2F1\xB7\uAC80\uC99D\uD558\uACE0 \uC624\uB958 \uC140\uC744 \uC778\uB77C\uC778 \uC218\uC815\uD55C \uB4A4 \uC720\uD6A8 \uD589\uB9CC \uBCF4\uB0B8\uB2E4" }
+      ],
+      group: "behavior"
+    },
+    // 실측 8/8 (preview×5, server×3)
+    {
+      name: "endpoint",
+      kind: "string",
+      label: "\uC5C5\uB85C\uB4DC \uACBD\uB85C",
+      description: "server\uBA74 \uD30C\uC77C multipart POST \uB300\uC0C1, preview\uBA74 \uAC80\uC99D\uB41C { rows } JSON POST \uB300\uC0C1.",
+      group: "data"
+    },
+    // 실측 7/8
+    {
+      name: "templateColumns",
+      kind: "array",
+      label: "\uD15C\uD50C\uB9BF \uCEEC\uB7FC",
+      description: "\uC788\uC73C\uBA74 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uD15C\uD50C\uB9BF xlsx\uB97C \uB9CC\uB4E0\uB2E4(\uBC31\uC5D4\uB4DC \uBD88\uD544\uC694). 2\uD589\uC5D0 \uC608\uC2DC\uAC12\uC774 \uB4E4\uC5B4\uAC04\uB2E4.",
+      group: "data",
+      // 실측 8/8, 원소 54개 — key·header·example 세 키가 모두 54/54로 항상 채워져 있다.
+      item: [
+        { name: "key", kind: "string", label: "\uD0A4", required: true },
+        { name: "header", kind: "string", label: "\uD5E4\uB354", required: true },
+        { name: "example", kind: "string", label: "\uC608\uC2DC\uAC12", description: "\uD15C\uD50C\uB9BF 2\uD589\uC5D0 \uB4E4\uC5B4\uAC04\uB2E4." }
+      ]
+    },
+    {
+      name: "columns",
+      kind: "array",
+      label: "\uAC80\uC99D \uC2A4\uD0A4\uB9C8",
+      description: "preview \uBAA8\uB4DC\uC758 \uD30C\uC2F1\xB7\uAC80\uC99D \uAE30\uC900. \uC2E4\uCE21\uC0C1 preview \uC778\uC2A4\uD134\uC2A4 5\uAC1C\uC640 \uC815\uD655\uD788 \uC77C\uCE58\uD55C\uB2E4.",
+      group: "data",
+      // 실측 5/8, 원소 34개 — key·header 34/34, required 17/34(값은 전부 true), options 9/34.
+      item: [
+        { name: "key", kind: "string", label: "\uD0A4", required: true },
+        { name: "header", kind: "string", label: "\uC5D1\uC140 \uD5E4\uB354", required: true, description: "\uD55C\uAD6D\uC5B4 \uBCC4\uCE6D. key\uC640\uB3C4 \uB9E4\uCE6D\uB41C\uB2E4." },
+        { name: "required", kind: "boolean", label: "\uD544\uC218", default: false },
+        {
+          name: "options",
+          kind: "array",
+          label: "\uD5C8\uC6A9\uAC12",
+          description: "\uC788\uC73C\uBA74 \uC624\uB958 \uC140\uC744 Select\uB85C, \uC5C6\uC73C\uBA74 Input\uC73C\uB85C \uACE0\uCE5C\uB2E4.",
+          item: [],
+          itemKind: "string"
+        }
+      ]
+    },
+    {
+      name: "summaryLabels",
+      kind: "object",
+      label: "\uC694\uC57D \uD0C0\uC77C \uB77C\uBCA8",
+      // fields를 적지 않아 자유 JSON으로 둔다 — 키가 백엔드 응답의 숫자 필드 이름이라
+      // 엔드포인트마다 다르다. 실측에서도 rows(3)·createdUnits(2) 외에 skippedRows·
+      // createdAssets·skippedUnits·createdBorrows·skippedBorrows가 각 1회씩으로 전부 달랐다.
+      description: "\uC11C\uBC84 \uC751\uB2F5\uC758 \uC22B\uC790 \uD544\uB4DC \uC774\uB984 \u2192 \uC694\uC57D \uD0C0\uC77C\uC5D0 \uC4F8 \uB77C\uBCA8. server \uBAA8\uB4DC\uC5D0\uC11C\uB9CC \uC4F0\uC778\uB2E4.",
+      group: "content"
+    },
+    // 실측 3/8 — server 인스턴스 3개와 일치
+    {
+      name: "templateEndpoint",
+      kind: "string",
+      label: "\uD15C\uD50C\uB9BF \uB2E4\uC6B4\uB85C\uB4DC \uACBD\uB85C",
+      description: "templateColumns\uAC00 \uC5C6\uC744 \uB54C\uB9CC \uC4F0\uC778\uB2E4(blob \uB2E4\uC6B4\uB85C\uB4DC).",
+      group: "data",
+      advanced: true
+    },
+    // 실측 0/8 — 구현에는 있다
+    {
+      name: "onComplete",
+      kind: "action",
+      label: "\uC644\uB8CC",
+      eventArg: "server\uBA74 \uC751\uB2F5 JSON, preview\uBA74 \uC11C\uBC84 \uC751\uB2F5 \uB610\uB294 \uAC80\uC99D\uB41C \uC720\uD6A8 \uD589 \uBC30\uC5F4",
+      group: "behavior"
+    }
+    // 실측 5/8 — 단일 toast×3, 액션 배열×2(close→toast)
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  // 실측: 루트가 라이브러리 Card → <div class="wp-card">
+  // 프리셋에 endpoint·templateEndpoint를 넣지 않는다. 이 조합이면 템플릿은 브라우저에서
+  // xlsx로 만들고, 가져오기도 onComplete만 부른다 → 바깥으로 나가는 요청이 0건이다.
+  preset: {
+    component: "ExcelUploadCard",
+    props: {
+      mode: "preview",
+      templateColumns: [
+        { key: "name", header: "\uD488\uBAA9\uBA85", example: "\uB178\uD2B8\uBD81" },
+        { key: "qty", header: "\uC218\uB7C9", example: "3" }
+      ],
+      columns: [
+        { key: "name", header: "\uD488\uBAA9\uBA85", required: true },
+        { key: "qty", header: "\uC218\uB7C9", required: true }
+      ]
+    }
+  },
+  resize: { kind: "none" }
+};
+var OptionSchemaEditorMeta = {
+  name: "OptionSchemaEditor",
+  label: "\uC635\uC158 \uC11C\uC2DD \uD3B8\uC9D1",
+  category: "input",
+  icon: "sliders-horizontal",
+  description: "\uC7A5\uBE44\uAC00 \uC790\uAE30 \uC720\uB2DB\uC5D0\uAC8C \uBC1B\uC744 \uC635\uC158\uC758 \uC11C\uC2DD(\uC774\uB984\xB7\uD615\uC2DD\xB7\uC120\uD0DD\uC9C0)\uC744 \uC815\uD55C\uB2E4. \uAC12\uC774 \uC544\uB2C8\uB77C \uC11C\uC2DD\uC774\uB2E4 \u2014 \uC720\uB2DB \uC218\uC815\uC740 \uC774 \uC11C\uC2DD\uB300\uB85C \uCE78\uC744 \uADF8\uB9B0\uB2E4(OptionValueFields).",
+  props: [
+    {
+      name: "value",
+      kind: "object",
+      label: "\uC7A5\uBE44 config",
+      bindable: true,
+      description: "\uC11C\uC2DD\uC740 \uC774 \uAC1D\uCCB4\uC758 options\uC5D0 \uB2F4\uAE34\uB2E4 \u2014 { options: [{ key, label?, type, options?, unit? }] }. \uBC30\uC5F4\uC774 \uC544\uB2C8\uB77C config \uD1B5\uC9F8\uB85C \uC8FC\uACE0\uBC1B\uB294 \uC774\uC720\uB294 setState\uAC00 \uC810 \uACBD\uB85C\uB97C \uD3C9\uBA74 \uD0A4\uB85C \uC800\uC7A5\uD558\uAE30 \uB54C\uBB38\uC774\uB2E4.",
+      group: "data"
+    },
+    {
+      name: "onChange",
+      kind: "action",
+      label: "\uBCC0\uACBD",
+      eventArg: "options\uAC00 \uAC31\uC2E0\uB41C config \uAC1D\uCCB4",
+      description: '{ "action": "setState", "key": "assetEditForm.config", "fromEvent": true }',
+      group: "behavior"
+    },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "OptionSchemaEditor",
+    props: {
+      value: { $state: "form.config", default: {} },
+      onChange: { action: "setState", key: "form.config", fromEvent: true }
+    }
+  },
+  resize: { kind: "none" }
+};
+var OptionValueFieldsMeta = {
+  name: "OptionValueFields",
+  label: "\uC635\uC158 \uAC12 \uC785\uB825",
+  category: "input",
+  icon: "list-filter",
+  description: "\uC7A5\uBE44\uAC00 \uC815\uD574 \uB454 \uC635\uC158 \uC11C\uC2DD\uB300\uB85C \uC720\uB2DB\uC758 \uAC12 \uCE78\uC744 \uADF8\uB9B0\uB2E4. \uC11C\uC2DD\uC5D0 \uC5C6\uB294 \uD0A4\uB294 \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uACE0 \uADF8\uB300\uB85C \uBCF4\uAD00\uD55C\uB2E4.",
+  props: [
+    {
+      name: "schema",
+      kind: "array",
+      label: "\uC635\uC158 \uC11C\uC2DD",
+      bindable: true,
+      description: "\uC7A5\uBE44\uC758 assets.config.options \u2014 OptionSchemaEditor\uAC00 \uB9CC\uB4E0 \uBC30\uC5F4 \uADF8\uB300\uB85C.",
+      group: "data",
+      item: [
+        { name: "key", kind: "string", label: "\uC774\uB984(\uD0A4)", required: true },
+        { name: "label", kind: "string", label: "\uD45C\uC2DC \uC774\uB984" },
+        { name: "type", kind: "string", label: "\uD615\uC2DD", required: true },
+        { name: "options", kind: "array", label: "\uC120\uD0DD\uC9C0", itemKind: "string", item: [] },
+        { name: "unit", kind: "string", label: "\uB2E8\uC704" }
+      ]
+    },
+    {
+      name: "value",
+      kind: "object",
+      label: "\uC635\uC158 \uAC12",
+      bindable: true,
+      description: "{ \uD0A4: \uAC12 } \uD3C9\uBA74 \uAC1D\uCCB4 \u2014 asset_units.config.",
+      group: "data"
+    },
+    {
+      name: "onChange",
+      kind: "action",
+      label: "\uBCC0\uACBD",
+      eventArg: "\uC635\uC158 \uAC12 \uAC1D\uCCB4",
+      description: '{ "action": "setState", "key": "unitForm.config", "fromEvent": true }',
+      group: "behavior"
+    },
+    { name: "disabled", kind: "boolean", label: "\uBE44\uD65C\uC131", default: false, bindable: true, group: "behavior" },
+    {
+      name: "readOnly",
+      kind: "boolean",
+      label: "\uC77D\uAE30 \uD45C\uC2DC",
+      default: false,
+      description: "\uC0C1\uC138 \uD654\uBA74\uC6A9 \u2014 \uC785\uB825\uCE78 \uB300\uC2E0 \uAC12\uC774 \uC788\uB294 \uCE78\uB9CC \uB77C\uBCA8\xB7\uAC12 \uC904\uB85C \uC138\uC6B4\uB2E4.",
+      group: "appearance"
+    }
+  ],
+  children: { accepts: false },
+  dom: { element: "div" },
+  preset: {
+    component: "OptionValueFields",
+    props: {
+      schema: { $state: "rt.assetOptions.config.options", default: [] },
+      value: { $state: "unitForm.config", default: {} },
+      onChange: { action: "setState", key: "unitForm.config", fromEvent: true }
+    }
+  },
+  resize: { kind: "none" }
+};
+var StagePeriodEditorMeta = {
+  name: "StagePeriodEditor",
+  label: "\uB2E8\uACC4 \uAE30\uAC04 \uC785\uB825\uAE30",
+  category: "input",
+  icon: "calendar",
+  description: "\uD3C9\uAC00 \uB2E8\uACC4\uC758 \uAE30\uAC04 4\uD544\uB4DC(startDate/endDate/startTime/endTime)\uB97C \uD3B8\uC9D1\uD55C\uB2E4. \uBE48\uAC12\u2192null \uC815\uADDC\uD654\uC640 \uC11C\uBC84 validate_period \uBBF8\uB7EC(\uC885\uB8CC\uC77C<\uC2DC\uC791\uC77C, \uAC19\uC740 \uB0A0 \uC2DC\uAC04 \uC21C\uC11C)\uAC00 \uC874\uC7AC \uC774\uC720 \u2014 onChange \uBD09\uD22C\uC758 error\uAC00 \uC788\uC73C\uBA74 \uC800\uC7A5\uC744 \uC7A0\uADFC\uB2E4. \uC800\uC7A5\uC740 \uC2A4\uD399\uC774 PATCH \uCCB4\uC778\uC73C\uB85C \uD55C\uB2E4.",
+  props: [
+    { name: "value", kind: "object", label: "\uC800\uC7A5\uB41C \uAE30\uAC04", bindable: true, description: "\uB2E8\uACC4 \uD589(stages[]) \uADF8\uB300\uB85C \u2014 \uC2DC\uAC01 HH:MM:SS \uD5C8\uC6A9, HH:MM\uB85C \uC815\uADDC\uD654\uD574 \uC77D\uB294\uB2E4. \uC2DC\uB529 \uC804\uC6A9.", group: "data" },
+    { name: "onChange", kind: "action", label: "\uBCC0\uACBD", description: "{startDate,endDate,startTime,endTime(null|\uC720\uD6A8\uAC12), error} \uBD09\uD22C. \uB9C8\uC6B4\uD2B8 \uC9C1\uD6C4\uC5D0\uB3C4 1\uD68C \uD758\uB9B0\uB2E4.", group: "behavior" },
+    { name: "resetKey", kind: "string", label: "\uC7AC\uC2DC\uB529 \uD0A4", bindable: true, 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: "StagePeriodEditor",
+    // 빈 props 는 저장 왕복에서 사라진다(편집기 계약) — 프리셋은 실제로 채운다.
+    props: { value: { startDate: "", endDate: "", startTime: "09:00", endTime: "18:00" } }
+  },
+  resize: { kind: "none" }
+};
 var AutocompleteFieldMeta = {
   name: "AutocompleteField",
   label: "\uC790\uB3D9\uC644\uC131",
@@ -5369,6 +5597,10 @@ var widgetComponentMeta = {
   ApprovalLineEditor: ApprovalLineEditorMeta,
   ApprovalOverridesEditor: ApprovalOverridesEditorMeta,
   ApprovalStepper: ApprovalStepperMeta,
+  OptionSchemaEditor: OptionSchemaEditorMeta,
+  OptionValueFields: OptionValueFieldsMeta,
+  StagePeriodEditor: StagePeriodEditorMeta,
+  ExcelUploadCard: ExcelUploadCardMeta,
   FileDropzone: FileDropzoneMeta,
   PermissionMatrixEditor: PermissionMatrixEditorMeta,
   RoleMemberPicker: RoleMemberPickerMeta,
@@ -5431,4 +5663,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, FileDropzoneMeta, 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 };
+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, ExcelUploadCardMeta, FieldMeta, FileDropzoneMeta, ForEachMeta, FormMeta, FragmentMeta, GridMeta, IconButtonMeta, IconMeta, ImageLightboxMeta, InlineEditMeta, InputMeta, JsonFieldMeta, KeyValueListMeta, LiveClockMeta, MapPreviewMeta, OptionSchemaEditorMeta, OptionValueFieldsMeta, 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, StagePeriodEditorMeta, 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/ExcelUploadCard.d.ts

@@ -0,0 +1,37 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+
+interface ExcelTemplateColumn {
+    key: string;
+    header: string;
+    /** 템플릿 2행에 들어갈 예시값 */
+    example?: string;
+}
+interface ExcelPreviewColumn {
+    key: string;
+    /** 엑셀 헤더(한국어 별칭). key와도 매칭된다. */
+    header: string;
+    required?: boolean;
+    /** 허용값 목록 — 있으면 오류 셀을 Select로 수정 */
+    options?: string[];
+}
+interface ExcelUploadCardProps {
+    /** server = 파일을 서버로 바로 업로드, preview = 클라이언트 파싱·검증 후 가져오기 */
+    mode?: 'server' | 'preview';
+    /** server: multipart POST 대상 / preview: 검증된 rows JSON POST 대상 */
+    endpoint?: string;
+    /** 템플릿 다운로드 GET 경로 (templateColumns 없을 때 사용) */
+    templateEndpoint?: string;
+    /** 있으면 클라이언트에서 템플릿 xlsx 생성 — 백엔드 없이 동작 */
+    templateColumns?: ExcelTemplateColumn[];
+    /** preview 모드 파싱·검증 스키마 */
+    columns?: ExcelPreviewColumn[];
+    /** server 응답 요약 타일 라벨 매핑 (응답 키 → 라벨) */
+    summaryLabels?: Record<string, string>;
+    /** server: 응답 JSON / preview: 서버 응답(없으면 유효 행 배열) */
+    onComplete?: (result: unknown) => void;
+}
+/** 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자기 축(폭·여백)이 닿게 하는 통로. */
+declare const ExcelUploadCard: React__default.FC<ExcelUploadCardProps & SduiBoxProps>;
+
+export { type ExcelPreviewColumn, type ExcelTemplateColumn, ExcelUploadCard, type ExcelUploadCardProps };