@wipco/sdui 0.19.2 → 0.21.0

package/dist/widgets/RecordSheet.d.ts

@@ -0,0 +1,59 @@
+import { S as SduiBoxProps } from '../layout-B1QrIBm6.js';
+import React__default from 'react';
+
+/** 칸의 생김새 — 값칸(기본)·머리칸·구획 제목·사진칸 */
+type RecordSheetCellKind = 'value' | 'label' | 'section' | 'photo';
+interface RecordSheetCell {
+    /** 격자에서 차지할 열 수. 기본 1 */
+    span?: number;
+    /** 아래로 병합할 줄 수(사진 칸 등). 기본 1 */
+    rowSpan?: number;
+    kind?: RecordSheetCellKind;
+    /** 고정 칸의 값. 되풀이 줄에서는 `field`/`fields`가 우선한다. */
+    text?: React__default.ReactNode;
+    /** 되풀이 줄에서 볼 배열 번호(`repeat`의 인덱스). 기본 0 */
+    source?: number;
+    /** 되풀이 항목에서 꺼낼 필드 */
+    field?: string;
+    /** 여러 필드를 이어 붙인다 — 기간 칸(시작 ~ 종료) 등. `field`보다 우선한다. */
+    fields?: string[];
+    /** `fields` 사이에 넣을 글자. 기본 ' ~ ' */
+    separator?: string;
+    align?: 'left' | 'center' | 'right';
+    /** 고정폭 글꼴 — 날짜·번호 칸 */
+    mono?: boolean;
+    /** 값이 비었을 때 대신 쓸 글자. 기본 '-'. 되풀이의 **빈 줄**은 언제나 빈칸이다. */
+    placeholder?: string;
+    /** 사진 칸(kind:'photo')의 이미지 주소 */
+    src?: string;
+    /** 사진이 없거나 못 불러올 때 상자에 쓸 글자. 기본 '사진' */
+    alt?: string;
+}
+interface RecordSheetRow {
+    /** 테두리 없는 빈 줄 — 구획 사이를 띄운다. 주면 나머지는 무시된다. */
+    gap?: boolean;
+    /**
+     * 이 줄을 배열만큼 되풀이한다. 배열을 여럿 주면 나란히 놓고 가장 긴 것에 맞춘다.
+     * 칸은 `source`로 몇 번째 배열을 볼지 고른다.
+     */
+    repeat?: Array<unknown>;
+    /** 되풀이의 최소 줄 수 — 모자라면 빈 줄로 채운다 */
+    minRows?: number;
+    cells?: RecordSheetCell[];
+}
+interface RecordSheetProps {
+    /** 격자 열 수 — 모든 `span`의 기준. 기본 24 */
+    columns?: number;
+    /** 표 맨 위 제목 줄(반전 배경). 없으면 그리지 않는다. */
+    title?: string;
+    rows: RecordSheetRow[];
+    /** 표 아래 오른쪽에 붙는 주석 한 줄(예: 출력일) */
+    note?: string;
+}
+/**
+ * 바깥에서 온 `style`·`className`을 뿌리에 얹어 내보낸다 — 자식 축(`grow`·`width` …)이
+ * 이 컴포넌트에서도 동작하게 하는 유일한 통로다. 까닭은 {@link ../boxed.tsx}에 있다.
+ */
+declare const RecordSheet: React__default.FC<RecordSheetProps & SduiBoxProps>;
+
+export { RecordSheet, type RecordSheetCell, type RecordSheetCellKind, type RecordSheetProps, type RecordSheetRow };

package/dist/widgets/RecordSheet.js

@@ -0,0 +1,2 @@
+export { RecordSheet } from '../chunk-K3JBSWFI.js';
+import '../chunk-SAN4IX6N.js';

package/dist/widgets/SearchableMultiPicker.js

@@ -1,5 +1,5 @@
-export { SearchableMultiPicker } from '../chunk-J5QWCUDJ.js';
-import '../chunk-GUFIEWW2.js';
-import '../chunk-IY7SMV6V.js';
+export { SearchableMultiPicker } from '../chunk-N5IATDUF.js';
+import '../chunk-U7ZK7WYH.js';
+import '../chunk-XKLUCUVA.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreePicker.js

@@ -1,6 +1,6 @@
-export { TreePicker } from '../chunk-F5BAER4V.js';
-import '../chunk-TUR4EBKX.js';
-import '../chunk-GUFIEWW2.js';
-import '../chunk-IY7SMV6V.js';
+export { TreePicker } from '../chunk-EQW24SJC.js';
+import '../chunk-IDUN2ESE.js';
+import '../chunk-U7ZK7WYH.js';
+import '../chunk-XKLUCUVA.js';
 import '../chunk-WIDDHR7L.js';
 import '../chunk-SAN4IX6N.js';

package/dist/widgets/TreeView.js

@@ -1,5 +1,5 @@
-export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-TUR4EBKX.js';
-import '../chunk-GUFIEWW2.js';
-import '../chunk-IY7SMV6V.js';
+export { TreeView, buildTreeNodes, pruneExcluded, resolveTreeNodes } from '../chunk-IDUN2ESE.js';
+import '../chunk-U7ZK7WYH.js';
+import '../chunk-XKLUCUVA.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 { RecordSheetProps } from './RecordSheet.js';
+export { RecordSheet, RecordSheetCell, RecordSheetCellKind, RecordSheetRow } from './RecordSheet.js';
 import { PrintSheetProps } from './PrintSheet.js';
 export { PrintSheet } from './PrintSheet.js';
 import { PeriodFilterProps } from './PeriodFilter.js';
@@ -61,6 +63,7 @@ declare const widgetComponents: {
     OrgChart: React.FC<OrgChartProps & SduiBoxProps>;
     PeriodFilter: React.FC<PeriodFilterProps & SduiBoxProps>;
     PrintSheet: React.FC<PrintSheetProps & SduiBoxProps>;
+    RecordSheet: React.FC<RecordSheetProps & SduiBoxProps>;
     SearchableMultiPicker: React.FC<SearchableMultiPickerProps & SduiBoxProps>;
     SecureScreen: React.FC<SecureScreenProps & SduiBoxProps>;
     StackedMeter: React.FC<StackedMeterProps & SduiBoxProps>;
@@ -74,4 +77,4 @@ declare const widgetComponents: {
 /** 위젯 어휘의 컴포넌트 이름 union — 메타데이터 대조에 쓴다(`@wipco/sdui/meta`). */
 type SduiWidgetComponentName = keyof typeof widgetComponents;
 
-export { ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };
+export { ColumnBoardProps, DiffViewProps, DisclosureProps, EventCalendarProps, ImageLightboxProps, InlineEditProps, JsonFieldProps, LiveClockProps, OrgChartProps, PeriodFilterProps, PrintSheetProps, RecordSheetProps, type SduiWidgetComponentName, SearchableMultiPickerProps, SecureScreenProps, StackedMeterProps, StripProps, SummaryTableProps, TagMultiSelectProps, TimelineProps, TreePickerProps, TreeViewProps, widgetComponents };

package/dist/widgets/index.js

@@ -1,5 +1,11 @@
-import { SearchableMultiPicker } from '../chunk-J5QWCUDJ.js';
-export { SearchableMultiPicker } from '../chunk-J5QWCUDJ.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 { RecordSheet } from '../chunk-K3JBSWFI.js';
+export { RecordSheet } from '../chunk-K3JBSWFI.js';
+import { SearchableMultiPicker } from '../chunk-N5IATDUF.js';
+export { SearchableMultiPicker } from '../chunk-N5IATDUF.js';
 import { SecureScreen } from '../chunk-IIRENCDS.js';
 export { SecureScreen } from '../chunk-IIRENCDS.js';
 import { StackedMeter } from '../chunk-BMZKZGJF.js';
@@ -12,10 +18,6 @@ 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-F5BAER4V.js';
-export { TreePicker } from '../chunk-F5BAER4V.js';
-import { TreeView } from '../chunk-TUR4EBKX.js';
-export { TreeView, buildTreeNodes } from '../chunk-TUR4EBKX.js';
 import { EventCalendar } from '../chunk-C3JY6GA3.js';
 export { EventCalendar } from '../chunk-C3JY6GA3.js';
 import { ImageLightbox } from '../chunk-XPBZMECW.js';
@@ -28,14 +30,14 @@ 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-44VLH3I2.js';
-export { PeriodFilter } from '../chunk-44VLH3I2.js';
+import { PeriodFilter } from '../chunk-PFUULIZ2.js';
+export { PeriodFilter } from '../chunk-PFUULIZ2.js';
 import { PrintSheet } from '../chunk-MYJ2KEIP.js';
 export { PrintSheet } from '../chunk-MYJ2KEIP.js';
 import '../chunk-THEP3VWY.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-YKROA4XK.js';
-import '../chunk-GUFIEWW2.js';
-import '../chunk-IY7SMV6V.js';
+export { AutocompleteField, toAutocompleteOptions } from '../chunk-SRGXODY2.js';
+import '../chunk-U7ZK7WYH.js';
+import '../chunk-XKLUCUVA.js';
 import { ColumnBoard } from '../chunk-C4JRSZGS.js';
 export { ColumnBoard } from '../chunk-C4JRSZGS.js';
 import { DiffView } from '../chunk-LDJ2CFFH.js';
@@ -58,6 +60,7 @@ var widgetComponents = {
   OrgChart,
   PeriodFilter,
   PrintSheet,
+  RecordSheet,
   SearchableMultiPicker,
   SecureScreen,
   StackedMeter,

package/package.json

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

package/dist/chunk-WGRB5UL4.js

@@ -1,99 +0,0 @@
-import { createContext, useContext } from 'react';
-
-// src/adapter.ts
-
-// src/env.ts
-var DEV = (() => {
-  try {
-    const meta = import.meta;
-    return Boolean(meta.env?.DEV);
-  } catch {
-    return false;
-  }
-})();
-
-// src/adapter.ts
-function isSafeNavigationTarget(to) {
-  if (typeof to !== "string") return false;
-  const value = to.replace(/[\u0000-\u0020]/g, "");
-  if (value === "") return false;
-  if (value.startsWith("//")) return false;
-  if (value.startsWith("/") || value.startsWith("?") || value.startsWith("#")) return true;
-  return /^https?:\/\//i.test(value);
-}
-async function defaultFetch(path, init) {
-  const response = await fetch(path, {
-    method: init.method,
-    headers: { "content-type": "application/json", accept: "application/json" },
-    credentials: "include",
-    body: init.body === void 0 ? void 0 : JSON.stringify(init.body),
-    signal: init.signal
-  });
-  const text = await response.text();
-  let json = null;
-  if (text) {
-    try {
-      json = JSON.parse(text);
-    } catch {
-      json = null;
-    }
-  }
-  if (!response.ok) {
-    const message = json && typeof json === "object" && typeof json.message === "string" ? json.message : `\uC694\uCCAD\uC774 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4 (${response.status})`;
-    throw new Error(message);
-  }
-  return json;
-}
-var defaultAdapter = {
-  navigate: (to) => {
-    if (!isSafeNavigationTarget(to)) {
-      console.error(`[sdui] \uD5C8\uC6A9\uB418\uC9C0 \uC54A\uB294 navigate \uB300\uC0C1: ${String(to)}`);
-      return;
-    }
-    window.location.assign(to);
-  },
-  fetch: defaultFetch,
-  rawFetch: (path) => fetch(path, { credentials: "include" }),
-  // 항등함수. 계약을 문서화하고, 컴포넌트가 `useSduiAssetResolver()`를 조건 없이
-  // 부를 수 있게 하는 것이 전부다. **이 함수 참조 자체가 표식**이기도 하다 —
-  // `assetResolverOf`가 이것과 같은지 보고 "주입 없음"을 판정한다.
-  resolveAsset: (url) => url,
-  invalidate: (prefix) => {
-    if (DEV) console.warn(`[sdui] invalidate \uC561\uC158\uC774 \uC5B4\uB311\uD130 \uC5C6\uC774 \uD638\uCD9C\uB428 (prefix: ${prefix})`);
-  },
-  refresh: () => {
-    if (DEV) console.warn("[sdui] refresh \uC561\uC158\uC774 \uC5B4\uB311\uD130 \uC5C6\uC774 \uD638\uCD9C\uB428");
-  }
-};
-function resolveAdapter(adapter) {
-  const merged = { ...defaultAdapter };
-  if (adapter) {
-    for (const [key, value] of Object.entries(adapter)) {
-      if (value !== void 0) merged[key] = value;
-    }
-  }
-  return merged;
-}
-var SduiAdapterContext = createContext(null);
-function useSduiAdapter() {
-  return useContext(SduiAdapterContext);
-}
-function assetResolverOf(adapter) {
-  const resolve = adapter?.resolveAsset;
-  if (!resolve || resolve === defaultAdapter.resolveAsset) return null;
-  return resolve;
-}
-function useSduiAssetResolver() {
-  const adapter = useContext(SduiAdapterContext);
-  return adapter?.resolveAsset ?? defaultAdapter.resolveAsset;
-}
-function useSduiSandbox() {
-  return useContext(SduiAdapterContext)?.sandbox === true;
-}
-function hostFetchOf(adapter) {
-  const hostFetch = adapter?.fetch;
-  if (!hostFetch || hostFetch === defaultAdapter.fetch) return null;
-  return hostFetch;
-}
-
-export { DEV, SduiAdapterContext, assetResolverOf, defaultAdapter, hostFetchOf, isSafeNavigationTarget, resolveAdapter, useSduiAdapter, useSduiAssetResolver, useSduiSandbox };