@wipco/sdui 0.50.1 → 1.0.0

package/dist/{chunk-IV5YTVHR.js → chunk-GE6BYNQJ.js}

@@ -1,28 +1,24 @@
-import { TagMultiSelect } from './chunk-JBKNIALK.js';
-import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-STX2AX6Y.js';
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
-import React, { useState, useEffect } from 'react';
+import { TagMultiSelect } from './chunk-I5SD7XRA.js';
+import { ApprovalLineEditor, stepTypeIcon, stepLabel } from './chunk-FLAN7CV3.js';
+import { orderCircleStyle, unwrapRows, uid } from './chunk-Q4SWUINA.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-KO6OEY3G.js';
+import { Card, Icon, Input, IconButton, Field, Button, Badge } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
+import React, { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-function facetsFrom(rows) {
+function facetsFrom(payload) {
   const titles = /* @__PURE__ */ new Set();
   const grades = /* @__PURE__ */ new Set();
-  if (Array.isArray(rows)) {
-    for (const row of rows) {
-      if (typeof row !== "object" || row === null) continue;
-      const title = row.job_title;
-      const grade = row.grade;
-      if (typeof title === "string" && title.trim()) titles.add(title.trim());
-      if (typeof grade === "string" && grade.trim()) grades.add(grade.trim());
-    }
+  for (const row of unwrapRows(payload)) {
+    const title = typeof row.job_title === "string" ? row.job_title : row.jobTitle;
+    const grade = row.grade;
+    if (typeof title === "string" && title.trim()) titles.add(title.trim());
+    if (typeof grade === "string" && grade.trim()) grades.add(grade.trim());
   }
   const ko = (a, b) => a.localeCompare(b, "ko");
   return { titles: [...titles].sort(ko), grades: [...grades].sort(ko) };
 }
-var uidCounter = 0;
-var uid = (prefix) => `${prefix}-${Date.now()}-${++uidCounter}`;
 var describeScope = (override) => {
   const identityParts = [];
   if (override.jobTitles.length > 0) identityParts.push(`\uC9C1\uCC45 ${override.jobTitles.join(", ")}`);
@@ -36,17 +32,6 @@ var withSelected = (options, selected) => [...options, ...selected.filter((value
   value,
   label: value
 }));
-var orderCircleStyle = {
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: 28,
-  height: 28,
-  flex: "none",
-  borderRadius: "var(--wp-radius-pill)",
-  background: "var(--wp-surface-brand-tint)",
-  color: "var(--wp-text-brand)"
-};
 function StepSummary({ steps }) {
   if (steps.length === 0) {
     return /* @__PURE__ */ jsx("span", { className: "wp-caption", children: "\uACB0\uC7AC \uB2E8\uACC4\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4 \u2014 \uB9E4\uCE6D \uC2DC \uC790\uB3D9 \uC2B9\uC778\uB429\uB2C8\uB2E4." });
@@ -79,6 +64,8 @@ function ApprovalOverridesEditorImpl({
 }) {
   const adapter = useSduiAdapter();
   const api = hostFetchOf(adapter) ?? defaultAdapter.fetch;
+  const apiRef = useRef(api);
+  apiRef.current = api;
   const overrides = value ?? [];
   const [fetchedFacets, setFetchedFacets] = useState(
     null
@@ -86,11 +73,9 @@ function ApprovalOverridesEditorImpl({
   useEffect(() => {
     if (!facetsEndpoint) return;
     let alive = true;
-    api(facetsEndpoint, { method: "GET" }).then((response) => {
+    apiRef.current(facetsEndpoint, { method: "GET" }).then((response) => {
       if (!alive) return;
-      const body = response;
-      const rows = Array.isArray(response) ? response : body?.data ?? [];
-      setFetchedFacets(facetsFrom(rows));
+      setFetchedFacets(facetsFrom(response));
     }).catch(() => {
     });
     return () => {
@@ -356,4 +341,4 @@ function ApprovalOverridesEditorImpl({
 }
 var ApprovalOverridesEditor = boxed(ApprovalOverridesEditorImpl, "ApprovalOverridesEditor");
 
-export { ApprovalOverridesEditor };
+export { ApprovalOverridesEditor, facetsFrom };

package/dist/{chunk-ZX36LKJ7.js → chunk-GTGS2QRL.js}

@@ -1,6 +1,6 @@
-import { Disclosure } from './chunk-OEWTVLPZ.js';
-import { Icon } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { Disclosure } from './chunk-2HLXCKK7.js';
+import { Icon } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var TYPE_META = {
@@ -40,7 +40,8 @@ function formatPayload(payload) {
   }
 }
 function TimelineImpl({ items, maxHeight }) {
-  if (items.length === 0) {
+  const list = Array.isArray(items) ? items : [];
+  if (list.length === 0) {
     return /* @__PURE__ */ jsx("p", { className: "wp-caption", style: { margin: 0, padding: "var(--wp-space-2) 0" }, children: "\uD45C\uC2DC\uD560 \uC774\uB825\uC774 \uC5C6\uC2B5\uB2C8\uB2E4." });
   }
   return /* @__PURE__ */ jsxs(
@@ -50,9 +51,9 @@ function TimelineImpl({ items, maxHeight }) {
       style: maxHeight !== void 0 ? { maxHeight, overflowY: "auto", paddingRight: "var(--wp-space-1)" } : void 0,
       children: [
         /* @__PURE__ */ jsx(TimelineStyles, {}),
-        items.map((item, index) => {
+        list.map((item, index) => {
           const meta = TYPE_META[item.type ?? "info"];
-          const isLast = index === items.length - 1;
+          const isLast = index === list.length - 1;
           const hasPayload = item.payload !== void 0 && item.payload !== null;
           return /* @__PURE__ */ jsxs("li", { className: "erp-timeline__item", children: [
             /* @__PURE__ */ jsxs("div", { className: "erp-timeline__rail", "aria-hidden": "true", children: [

package/dist/{chunk-NL3I6F2I.js → chunk-HBBTENSV.js}

@@ -1,6 +1,6 @@
-import { DateRangePicker } from './chunk-I5Z2RVDF.js';
-import { SegmentedControl, Select } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { DateRangePicker } from './chunk-WSLT32Q4.js';
+import { SegmentedControl, Select } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useState, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-RUU7WBGR.js → chunk-I45EUZC6.js}

@@ -1,11 +1,11 @@
-import { Icon } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { Icon } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useRef, useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var DEFAULT_NOTICE = "\uAC1C\uC778\uC815\uBCF4 \uBCF4\uD638\uB97C \uC704\uD574 \uD654\uBA74\uC744 \uAC00\uB838\uC2B5\uB2C8\uB2E4. \uD654\uBA74\uC744 \uD074\uB9AD\uD558\uBA74 \uB2E4\uC2DC \uD45C\uC2DC\uB429\uB2C8\uB2E4.";
 var PRINT_NOTICE = "\uAC1C\uC778\uC815\uBCF4 \uBCF4\uD638 \uD654\uBA74\uC740 \uC778\uC1C4\uD560 \uC218 \uC5C6\uC2B5\uB2C8\uB2E4.";
-var CLIPBOARD_WARNING = "[WIPCO ERP] \uAC1C\uC778\uC815\uBCF4 \uBCF4\uD638 \uD654\uBA74\uC785\uB2C8\uB2E4 \u2014 \uD654\uBA74 \uCEA1\uCC98\xB7\uBCF5\uC0AC\uAC00 \uC81C\uD55C\uB418\uBA70, \uC720\uCD9C \uC2DC \uAD00\uB828 \uBC95\uB839\uC5D0 \uB530\uB77C \uCC98\uBC8C\uB420 \uC218 \uC788\uC2B5\uB2C8\uB2E4.";
+var CLIPBOARD_WARNING = "\uAC1C\uC778\uC815\uBCF4 \uBCF4\uD638 \uD654\uBA74\uC785\uB2C8\uB2E4 \u2014 \uD654\uBA74 \uCEA1\uCC98\xB7\uBCF5\uC0AC\uAC00 \uC81C\uD55C\uB418\uBA70, \uC720\uCD9C \uC2DC \uAD00\uB828 \uBC95\uB839\uC5D0 \uB530\uB77C \uCC98\uBC8C\uB420 \uC218 \uC788\uC2B5\uB2C8\uB2E4.";
 var BLOCKED_COMBO_KEYS = /* @__PURE__ */ new Set(["A", "C", "P", "S", "U", "X"]);
 var SECURE_CSS = `
 .erp-secure{position:relative}
@@ -22,14 +22,20 @@ var SECURE_CSS = `
 function SecureStyles() {
   return /* @__PURE__ */ jsx("style", { href: "erp-secure", precedence: "medium", children: SECURE_CSS });
 }
-function overwriteClipboard() {
+function overwriteClipboard(warning) {
   try {
-    const pending = navigator.clipboard?.writeText(CLIPBOARD_WARNING);
+    const pending = navigator.clipboard?.writeText(warning);
     if (pending) pending.catch(() => void 0);
   } catch {
   }
 }
-function SecureScreenImpl({ enabled = true, notice, children }) {
+function SecureScreenImpl({
+  enabled = true,
+  notice,
+  clipboardWarning,
+  documentWideKeys = true,
+  children
+}) {
   const hostRef = useRef(null);
   const [cover, setCover] = useState(null);
   const [prevEnabled, setPrevEnabled] = useState(enabled);
@@ -43,16 +49,20 @@ function SecureScreenImpl({ enabled = true, notice, children }) {
     const block = (event) => event.preventDefault();
     const guarded = ["contextmenu", "copy", "cut", "dragstart", "selectstart"];
     guarded.forEach((name) => host?.addEventListener(name, block));
+    const warning = clipboardWarning || CLIPBOARD_WARNING;
     const onKeyDown = (event) => {
       if ((event.ctrlKey || event.metaKey) && BLOCKED_COMBO_KEYS.has(event.key.toUpperCase())) {
+        if (!documentWideKeys && !(host && event.target instanceof Node && host.contains(event.target))) {
+          return;
+        }
         event.preventDefault();
         event.stopPropagation();
         return;
       }
-      if (event.key === "PrintScreen") overwriteClipboard();
+      if (event.key === "PrintScreen") overwriteClipboard(warning);
     };
     const onKeyUp = (event) => {
-      if (event.key === "PrintScreen") overwriteClipboard();
+      if (event.key === "PrintScreen") overwriteClipboard(warning);
     };
     const raiseVeil = () => setCover((current) => current ?? "veil");
     const dropVeil = () => setCover((current) => current === "veil" ? null : current);
@@ -79,7 +89,7 @@ function SecureScreenImpl({ enabled = true, notice, children }) {
       window.removeEventListener("beforeprint", onBeforePrint);
       window.removeEventListener("afterprint", onAfterPrint);
     };
-  }, [enabled]);
+  }, [enabled, clipboardWarning, documentWideKeys]);
   const classes = ["erp-secure"];
   if (enabled) classes.push("erp-secure--enabled");
   if (enabled && cover === "print") classes.push("erp-secure--print");

package/dist/{chunk-JBKNIALK.js → chunk-I5SD7XRA.js}

@@ -1,6 +1,6 @@
-import { useSduiAdapter, hostFetchOf } from './chunk-DKPNFEVU.js';
-import { Badge, Tag } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { useSduiAdapter, hostFetchOf } from './chunk-KO6OEY3G.js';
+import { Badge, Tag } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useRef, useEffect, useMemo, useState } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -15,9 +15,12 @@ function pickSeedValues(payload, valueKey) {
   }
   return rows.flatMap((row) => {
     if (typeof row === "string") return row ? [row] : [];
+    if (typeof row === "number") return [String(row)];
     if (row === null || typeof row !== "object") return [];
     const value = row[valueKey];
-    return typeof value === "string" && value ? [value] : [];
+    if (typeof value === "string") return value ? [value] : [];
+    if (typeof value === "number") return [String(value)];
+    return [];
   });
 }
 function foldOptions(options, valueKey, labelKey) {
@@ -67,11 +70,11 @@ function TagMultiSelectImpl({
   const folded = useMemo(() => foldOptions(options, valueKey, labelKey), [options, valueKey, labelKey]);
   const isControlled = values !== void 0 && typeof onChange === "function";
   const [internalValues, setInternalValues] = useState(values ?? []);
-  const current = isControlled ? values : internalValues;
+  const current = (isControlled ? values : internalValues) ?? [];
   const safeOptions = useMemo(() => {
     if (!keepUnknownValues) return folded;
     const known = new Set(folded.map((option) => option.value));
-    const unknown = (current ?? []).filter((value) => value && !known.has(value)).map((value) => ({ value, label: value }));
+    const unknown = current.filter((value) => value && !known.has(value)).map((value) => ({ value, label: value }));
     return unknown.length > 0 ? [...folded, ...unknown] : folded;
   }, [folded, current, keepUnknownValues]);
   const currentSet = useMemo(() => new Set(current), [current]);

package/dist/{chunk-X7GHY2RI.js → chunk-IFKYGJXP.js}

@@ -1,50 +1,17 @@
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Select, Button } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
-import { useState, useEffect, useMemo } from 'react';
+import { fetchAllJobPositions } from './chunk-Z4PYMTTS.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-KO6OEY3G.js';
+import { Select, Button } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
+import { useRef, useState, useEffect, useMemo } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var EMPTY_VALUE = "__wipco_position_none__";
 var LOADING_VALUE = "__wipco_position_loading__";
-var toNumber = (v) => typeof v === "number" && Number.isFinite(v) ? v : 0;
-function parseRow(raw) {
-  if (typeof raw !== "object" || raw === null) return null;
-  const row = raw;
-  if (typeof row.name !== "string") return null;
-  return {
-    name: row.name,
-    rankOrder: toNumber(row.rank_order),
-    sortOrder: toNumber(row.sort_order),
-    // is_active 결측은 true 폴백 — 파서 사정으로 목록이 전부 사라지는 사고 방지(v2와 동일).
-    isActive: row.is_active === void 0 || row.is_active === null ? true : row.is_active === true
-  };
-}
-async function fetchAllPositions(api, endpoint) {
-  const LIMIT = 500;
-  const MAX_PAGES = 10;
-  const rows = [];
-  let offset = 0;
-  for (let page = 0; page < MAX_PAGES; page += 1) {
-    const sep = endpoint.includes("?") ? "&" : "?";
-    const res = await api(`${endpoint}${sep}limit=${LIMIT}&offset=${offset}`, {
-      method: "GET"
-    });
-    const data = Array.isArray(res?.data) ? res.data : [];
-    for (const raw of data) {
-      const parsed = parseRow(raw);
-      if (parsed) rows.push(parsed);
-    }
-    const total = typeof res?.total === "number" ? res.total : rows.length;
-    offset += LIMIT;
-    if (data.length === 0 || rows.length >= total) break;
-  }
-  return rows;
-}
 var inflight = /* @__PURE__ */ new Map();
 function loadPositions(api, endpoint) {
   const pending = inflight.get(endpoint);
   if (pending) return pending;
-  const next = fetchAllPositions(api, endpoint).finally(() => {
+  const next = fetchAllJobPositions(api, endpoint).finally(() => {
     inflight.delete(endpoint);
   });
   inflight.set(endpoint, next);
@@ -59,16 +26,21 @@ function PositionSelectImpl({
   size,
   invalid,
   placeholder = "\uC9C1\uC704\uB97C \uC120\uD0DD\uD558\uC138\uC694",
+  emptyText = "\uB4F1\uB85D\uB41C \uC9C1\uC704\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4.",
   id
 }) {
   const adapter = useSduiAdapter();
   const api = hostFetchOf(adapter) ?? defaultAdapter.fetch;
+  const apiRef = useRef(api);
+  apiRef.current = api;
   const [positions, setPositions] = useState(null);
   const [failed, setFailed] = useState(false);
   const [attempt, setAttempt] = useState(0);
   useEffect(() => {
     let alive = true;
-    loadPositions(api, endpoint).then((rows2) => {
+    setPositions(null);
+    setFailed(false);
+    loadPositions(apiRef.current, endpoint).then((rows2) => {
       if (!alive) return;
       setPositions(rows2);
       setFailed(false);
@@ -80,7 +52,7 @@ function PositionSelectImpl({
     return () => {
       alive = false;
     };
-  }, [attempt]);
+  }, [attempt, endpoint]);
   const isLoading = positions === null && !failed;
   const rows = useMemo(() => positions ?? [], [positions]);
   const activeByName = useMemo(() => {
@@ -151,7 +123,7 @@ function PositionSelectImpl({
         }
       )
     ] }),
-    !isLoading && !failed && activeNames.length === 0 && !isOffList && /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-muted)" }, children: "\uB4F1\uB85D\uB41C \uC9C1\uC704\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4. \uC778\uC0AC > \uC9C1\uC704 \uAD00\uB9AC\uC5D0\uC11C \uB4F1\uB85D\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4." })
+    !isLoading && !failed && activeNames.length === 0 && !isOffList && /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-muted)" }, children: emptyText })
   ] });
 }
 var PositionSelect = boxed(PositionSelectImpl, "PositionSelect");

package/dist/{chunk-J3YMUR6R.js → chunk-IZ3JA2BR.js}

@@ -1,6 +1,6 @@
-import { useSduiAssetResolver } from './chunk-DKPNFEVU.js';
-import { Spinner, Icon } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { useSduiAssetResolver } from './chunk-KO6OEY3G.js';
+import { Spinner, Icon } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useState, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-AUW5RP24.js → chunk-JIV4YHCZ.js}

@@ -1,4 +1,4 @@
-import { boxed } from './chunk-YQOMSWW5.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var resolveColor = (color, index) => {
@@ -20,7 +20,8 @@ function StackedMeterImpl({
   showLegend = true,
   height = 10
 }) {
-  const positive = segments.filter((s) => s.value > 0);
+  const list = Array.isArray(segments) ? segments : [];
+  const positive = list.filter((s) => s.value > 0);
   const total = positive.reduce((sum, s) => sum + s.value, 0);
   const pctOf = (v) => total > 0 ? v / total * 100 : 0;
   return /* @__PURE__ */ jsxs("div", { children: [
@@ -28,7 +29,7 @@ function StackedMeterImpl({
       "div",
       {
         role: "img",
-        "aria-label": total > 0 ? segments.map((s) => `${s.label} ${formatPercent(pctOf(s.value))}`).join(", ") : "\uB370\uC774\uD130 \uC5C6\uC74C",
+        "aria-label": total > 0 ? list.map((s) => `${s.label} ${formatPercent(pctOf(s.value))}`).join(", ") : "\uB370\uC774\uD130 \uC5C6\uC74C",
         style: {
           display: "flex",
           gap: "var(--wp-space-half)",
@@ -38,7 +39,7 @@ function StackedMeterImpl({
           background: "var(--wp-surface-sunken)",
           overflow: "hidden"
         },
-        children: total > 0 && segments.map((s, i) => {
+        children: total > 0 && list.map((s, i) => {
           if (s.value <= 0) return null;
           const pct = pctOf(s.value);
           return /* @__PURE__ */ jsx(
@@ -57,7 +58,7 @@ function StackedMeterImpl({
         })
       }
     ),
-    showLegend && segments.length > 0 && /* @__PURE__ */ jsx(
+    showLegend && list.length > 0 && /* @__PURE__ */ jsx(
       "div",
       {
         style: {
@@ -66,7 +67,7 @@ function StackedMeterImpl({
           gap: "var(--wp-space-1)",
           marginTop: "var(--wp-space-3)"
         },
-        children: segments.map((s, i) => /* @__PURE__ */ jsxs(
+        children: list.map((s, i) => /* @__PURE__ */ jsxs(
           "div",
           {
             className: "wp-body-sm",

package/dist/{chunk-M6KM3FJS.js → chunk-JYAR7D5U.js}

@@ -1,5 +1,5 @@
-import { Icon, Badge } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { Icon, Badge } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import React from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-DKPNFEVU.js → chunk-KO6OEY3G.js}

@@ -1,7 +1,6 @@
+import { warnOnce } from './chunk-RNOUXUBO.js';
 import { createContext, useContext } from 'react';
 
-// src/adapter.ts
-
 // src/env.ts
 var DEV = (() => {
   try {
@@ -17,7 +16,7 @@ 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 (/^[/\\][/\\]/.test(value)) return false;
   if (value.startsWith("/") || value.startsWith("?") || value.startsWith("#")) return true;
   return /^https?:\/\//i.test(value);
 }
@@ -39,8 +38,12 @@ async function defaultFetch(path, init) {
     }
   }
   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);
+    const detail = json;
+    const message = detail && typeof detail === "object" ? typeof detail.message === "string" ? detail.message : typeof detail.error === "string" ? detail.error : `\uC694\uCCAD\uC774 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4 (${response.status})` : `\uC694\uCCAD\uC774 \uC2E4\uD328\uD588\uC2B5\uB2C8\uB2E4 (${response.status})`;
+    const error = new Error(message);
+    error.status = response.status;
+    error.body = json;
+    throw error;
   }
   return json;
 }
@@ -99,7 +102,17 @@ function hostFetchOf(adapter) {
 function hostRawFetchOf(adapter) {
   const hostRawFetch = adapter?.rawFetch;
   if (!hostRawFetch || hostRawFetch === defaultAdapter.rawFetch) return null;
-  return hostRawFetch;
+  if (!DEV) return hostRawFetch;
+  return (path, init) => {
+    if (init?.body !== void 0 && hostRawFetch.length < 2) {
+      warnOnce(
+        "adapter:rawFetch:init",
+        "[sdui] rawFetch \uAD6C\uD604\uC774 init \uB9E4\uAC1C\uBCC0\uC218\uB97C \uBC1B\uC9C0 \uC54A\uB294 \uAC83\uC73C\uB85C \uBCF4\uC785\uB2C8\uB2E4 \u2014 \uBCF8\uBB38(FormData \uB4F1)\uC774 \uC720\uC2E4\uB418\uBA74 \uC5C5\uB85C\uB4DC\uAC00 \uBCF8\uBB38 \uC5C6\uB294 GET\uC774 \uB429\uB2C8\uB2E4. (path, init) \uB450 \uC778\uC790\uB97C \uD758\uB9AC\uC138\uC694. (init\uC5D0 \uAE30\uBCF8\uAC12\uC744 \uC900 \uAD6C\uD604\uC774\uB77C\uBA74 \uBB34\uC2DC\uD574\uB3C4 \uB429\uB2C8\uB2E4)",
+        "warn"
+      );
+    }
+    return hostRawFetch(path, init);
+  };
 }
 
 export { DEV, SduiAdapterContext, assetResolverOf, defaultAdapter, hostFetchOf, hostRawFetchOf, isSafeNavigationTarget, resolveAdapter, useSduiAdapter, useSduiAssetResolver, useSduiSandbox };

package/dist/{chunk-JHHMFL5D.js → chunk-LFEJLOFN.js}

@@ -1,6 +1,6 @@
-import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-DKPNFEVU.js';
-import { Icon, Badge, Checkbox, Select, Button } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
+import { useSduiAdapter, hostFetchOf, defaultAdapter } from './chunk-KO6OEY3G.js';
+import { Icon, Badge, Checkbox, Select, Button } from './chunk-RNOUXUBO.js';
+import { boxed } from './chunk-5WW4MBRO.js';
 import { useRef, useEffect, useMemo, useState } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -32,7 +32,7 @@ var operationOf = (code) => {
   const op = i > 0 ? code.slice(i + 1) : "";
   return OPERATIONS.some((o) => o.key === op) ? op : null;
 };
-function groupCatalog(catalog) {
+function groupCatalog(catalog, categoryLabels, categoryOrder) {
   const categories = /* @__PURE__ */ new Map();
   for (const entry of catalog) {
     if (!entry || typeof entry.code !== "string") continue;
@@ -52,12 +52,12 @@ function groupCatalog(catalog) {
     }
   }
   const order = (c) => {
-    const i = CATEGORY_ORDER.indexOf(c);
-    return i < 0 ? CATEGORY_ORDER.length : i;
+    const i = categoryOrder.indexOf(c);
+    return i < 0 ? categoryOrder.length : i;
   };
   return [...categories.entries()].sort((a, b) => order(a[0]) - order(b[0]) || a[0].localeCompare(b[0])).map(([category, byEntity]) => ({
     category,
-    label: CATEGORY_LABELS[category] ?? category,
+    label: categoryLabels[category] ?? category,
     rows: [...byEntity.values()].sort((a, b) => a.entity.localeCompare(b.entity))
   }));
 }
@@ -66,7 +66,12 @@ function PermissionMatrixEditorImpl({
   value,
   onChange,
   sourceEndpoint,
-  disabled = false
+  disabled = false,
+  scopeOptions = SCOPE_OPTIONS,
+  defaultScope = "all",
+  categoryLabels = CATEGORY_LABELS,
+  categoryOrder = CATEGORY_ORDER,
+  emptyText = "\uAD8C\uD55C \uCE74\uD0C8\uB85C\uADF8\uAC00 \uBE44\uC5B4 \uC788\uC2B5\uB2C8\uB2E4 \u2014 \uD398\uC774\uC9C0\uC758 data \uC120\uC5B8(/permissions?limit=1000)\uC744 \uD655\uC778\uD558\uC138\uC694."
 }) {
   const adapter = useSduiAdapter();
   const api = hostFetchOf(adapter) ?? defaultAdapter.fetch;
@@ -85,18 +90,23 @@ function PermissionMatrixEditorImpl({
           if (typeof row !== "object" || row === null) return [];
           const { code, scope } = row;
           if (typeof code !== "string" || !code) return [];
-          return [{ code, scope: typeof scope === "string" ? scope : "all" }];
+          return [{ code, scope: typeof scope === "string" ? scope : defaultScope }];
         })
       );
     }).catch(() => {
     });
-  }, [sourceEndpoint]);
+  }, [sourceEndpoint, defaultScope]);
   const grants = useMemo(() => Array.isArray(value) ? value : [], [value]);
   const catalog = useMemo(
     () => Array.isArray(permissions) ? permissions : [],
     [permissions]
   );
-  const groups = useMemo(() => groupCatalog(catalog), [catalog]);
+  const labelsKey = JSON.stringify(categoryLabels);
+  const orderKey = JSON.stringify(categoryOrder);
+  const groups = useMemo(
+    () => groupCatalog(catalog, categoryLabels, categoryOrder),
+    [catalog, labelsKey, orderKey]
+  );
   const granted = useMemo(() => new Set(grants.map((g) => g.code)), [grants]);
   const scopeOf = useMemo(() => {
     const map = /* @__PURE__ */ new Map();
@@ -117,7 +127,7 @@ function PermissionMatrixEditorImpl({
     onChange?.(
       [...nextGranted].sort().map((code) => ({
         code,
-        scope: nextScopes.get(entityOf(code)) ?? "all"
+        scope: nextScopes.get(entityOf(code)) ?? defaultScope
       }))
     );
   };
@@ -158,7 +168,7 @@ function PermissionMatrixEditorImpl({
           textAlign: "center",
           color: "var(--wp-text-muted)"
         },
-        children: "\uAD8C\uD55C \uCE74\uD0C8\uB85C\uADF8\uAC00 \uBE44\uC5B4 \uC788\uC2B5\uB2C8\uB2E4 \u2014 \uD398\uC774\uC9C0\uC758 data \uC120\uC5B8(/permissions?limit=1000)\uC744 \uD655\uC778\uD558\uC138\uC694."
+        children: emptyText
       }
     );
   }
@@ -168,7 +178,9 @@ function PermissionMatrixEditorImpl({
       catalog.length,
       "\uC885 \uC911 ",
       granted.size,
-      "\uAC1C \uBD80\uC5EC\uB428 \xB7 \uBC94\uC704\uB294 \uC5D4\uD2F0\uD2F0 \uB2E8\uC704\uB85C \uC801\uC6A9\uB429\uB2C8\uB2E4 (\uD300 < \uBCF8\uBD80 < \uC804\uCCB4)"
+      "\uAC1C \uBD80\uC5EC\uB428 \xB7 \uBC94\uC704\uB294 \uC5D4\uD2F0\uD2F0 \uB2E8\uC704\uB85C \uC801\uC6A9\uB429\uB2C8\uB2E4 (",
+      scopeOptions.map((option) => option.label).join(" < "),
+      ")"
     ] }),
     /* @__PURE__ */ jsx(
       "div",
@@ -303,8 +315,8 @@ function PermissionMatrixEditorImpl({
                         Select,
                         {
                           "aria-label": `${row.label || row.entity} \uBC94\uC704`,
-                          value: scopeOf.get(row.entity) ?? "all",
-                          options: SCOPE_OPTIONS,
+                          value: scopeOf.get(row.entity) ?? defaultScope,
+                          options: scopeOptions,
                           disabled: disabled || !anyOn,
                           onChange: (event) => setEntityScope(row.entity, event.target.value)
                         }