@wipco/sdui 1.5.0 → 1.6.1

package/dist/widgets/index.d.ts

@@ -37,7 +37,7 @@ export { PositionSelect } from './PositionSelect.js';
 import { PeriodFilterProps } from './PeriodFilter.js';
 export { Period, PeriodFilter, PeriodMode, PeriodModeItem } from './PeriodFilter.js';
 import { PermissionMatrixEditorProps } from './PermissionMatrixEditor.js';
-export { PermissionMatrixEditor } from './PermissionMatrixEditor.js';
+export { PermissionMatrixEditor, stickyInsetOf } from './PermissionMatrixEditor.js';
 import { OrgChartBoardProps } from './OrgChartBoard.js';
 export { OrgChartBoard } from './OrgChartBoard.js';
 import { OrgChartProps } from './OrgChart.js';
@@ -63,11 +63,11 @@ export { DiffField, DiffList, DiffView } from './DiffView.js';
 import { ColumnBoardProps } from './ColumnBoard.js';
 export { ColumnBoard, ColumnBoardColumn, ColumnBoardItem, ColumnBoardTone } from './ColumnBoard.js';
 import { ApprovalStepperProps } from './ApprovalStepper.js';
-export { ApprovalStepper, ApprovalStepperStep } from './ApprovalStepper.js';
+export { ApprovalStepper, ApprovalStepperOutcome, ApprovalStepperStep, normalizeStepStatus } from './ApprovalStepper.js';
 import { ApprovalOverridesEditorProps } from './ApprovalOverridesEditor.js';
 export { ApprovalLineOverride, ApprovalOverridesEditor } from './ApprovalOverridesEditor.js';
 import * as React from 'react';
-import { S as SduiBoxProps } from '../layout-C3nRXMwb.js';
+import { S as SduiBoxProps } from '../layout-DmRikwZb.js';
 import { ApprovalLineEditorProps } from './ApprovalLineEditor.js';
 export { ApprovalLineEditor, ApprovalLineStep, CustomApprover } from './ApprovalLineEditor.js';
 export { AutocompleteField, AutocompleteFieldProps, AutocompleteOption, AutocompleteSearchFn, AutocompleteSearchResult, endpointSearchFn, toAutocompleteOptions } from './AutocompleteField.js';

package/dist/widgets/index.js

@@ -1,88 +1,89 @@
-import { TreePicker } from '../chunk-OQ52XMGG.js';
-export { TreePicker } from '../chunk-OQ52XMGG.js';
-import { TreeView } from '../chunk-GZBY7I4Y.js';
-export { TreeView, buildTreeNodes } from '../chunk-GZBY7I4Y.js';
-import { SecureScreen } from '../chunk-I45EUZC6.js';
-export { SecureScreen } from '../chunk-I45EUZC6.js';
-import { StackedMeter } from '../chunk-JIV4YHCZ.js';
-export { StackedMeter } from '../chunk-JIV4YHCZ.js';
-import { StagePeriodEditor } from '../chunk-NIJUVTEW.js';
-export { StagePeriodEditor } from '../chunk-NIJUVTEW.js';
-import { Strip } from '../chunk-AXGF4M57.js';
-export { Strip } from '../chunk-AXGF4M57.js';
-import { SummaryTable } from '../chunk-2YP5N4VV.js';
-export { SummaryTable } from '../chunk-2YP5N4VV.js';
-import { TagInput } from '../chunk-GNA6SX2H.js';
-export { TagInput, foldSuggestions, normalizeKeyword, normalizeKeywords, splitKeywordText } from '../chunk-GNA6SX2H.js';
-import { Timeline } from '../chunk-GTGS2QRL.js';
-export { Timeline } from '../chunk-GTGS2QRL.js';
-import { PositionSelect } from '../chunk-DOL57OOP.js';
-export { PositionSelect } from '../chunk-DOL57OOP.js';
-import { PrintSheet } from '../chunk-E6ISNQK3.js';
-export { PrintSheet } from '../chunk-E6ISNQK3.js';
-import { QRDisplay } from '../chunk-IZ3JA2BR.js';
-export { QRDisplay } from '../chunk-IZ3JA2BR.js';
-import { ProfileEditDiffCard } from '../chunk-YOZN35HD.js';
-export { ProfileEditDiffCard } from '../chunk-YOZN35HD.js';
-import { RankBoard } from '../chunk-RYBBPFI7.js';
-export { RankBoard } from '../chunk-RYBBPFI7.js';
-import { RecordSheet } from '../chunk-O4IISNE7.js';
-export { RecordSheet } from '../chunk-O4IISNE7.js';
-import { RoleMemberPicker } from '../chunk-A5XQOEVH.js';
-export { RoleMemberPicker } from '../chunk-A5XQOEVH.js';
-import { SearchableMultiPicker } from '../chunk-HBIIEYKW.js';
-export { SearchableMultiPicker } from '../chunk-HBIIEYKW.js';
-import { JsonField } from '../chunk-ZFNFPXPR.js';
-export { JsonField } from '../chunk-ZFNFPXPR.js';
-import { LiveClock } from '../chunk-DMLDKW7K.js';
-export { LiveClock } from '../chunk-DMLDKW7K.js';
-import { OptionSchemaEditor } from '../chunk-CXW6KT6X.js';
-export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-CXW6KT6X.js';
-import { OptionValueFields } from '../chunk-BEM2YS7U.js';
-export { OptionValueFields } from '../chunk-BEM2YS7U.js';
-import { OrgChart } from '../chunk-A6LAIGUS.js';
-export { OrgChart } from '../chunk-A6LAIGUS.js';
-import { OrgChartBoard } from '../chunk-JZXU22PE.js';
-export { OrgChartBoard } from '../chunk-JZXU22PE.js';
+import { TreePicker } from '../chunk-OKNF2SBB.js';
+export { TreePicker } from '../chunk-OKNF2SBB.js';
+import { TreeView } from '../chunk-TWUKNUUQ.js';
+export { TreeView, buildTreeNodes } from '../chunk-TWUKNUUQ.js';
+import { SecureScreen } from '../chunk-AJ3KDBEE.js';
+export { SecureScreen } from '../chunk-AJ3KDBEE.js';
+import { StackedMeter } from '../chunk-EJIWOD7W.js';
+export { StackedMeter } from '../chunk-EJIWOD7W.js';
+import { StagePeriodEditor } from '../chunk-TB7G5DXQ.js';
+export { StagePeriodEditor } from '../chunk-TB7G5DXQ.js';
+import { Strip } from '../chunk-XAXROQKB.js';
+export { Strip } from '../chunk-XAXROQKB.js';
+import { SummaryTable } from '../chunk-VZOQRQAR.js';
+export { SummaryTable } from '../chunk-VZOQRQAR.js';
+import { TagInput } from '../chunk-OQ7A3SFM.js';
+export { TagInput, foldSuggestions, normalizeKeyword, normalizeKeywords, splitKeywordText } from '../chunk-OQ7A3SFM.js';
+import { Timeline } from '../chunk-XUVWIRZJ.js';
+export { Timeline } from '../chunk-XUVWIRZJ.js';
+import { PositionSelect } from '../chunk-BV37UCDF.js';
+export { PositionSelect } from '../chunk-BV37UCDF.js';
+import { PrintSheet } from '../chunk-6YBSBC77.js';
+export { PrintSheet } from '../chunk-6YBSBC77.js';
+import { QRDisplay } from '../chunk-XFKNU6QN.js';
+export { QRDisplay } from '../chunk-XFKNU6QN.js';
+import { ProfileEditDiffCard } from '../chunk-IIRVHSNK.js';
+export { ProfileEditDiffCard } from '../chunk-IIRVHSNK.js';
+import { RankBoard } from '../chunk-VQKX5PJ4.js';
+export { RankBoard } from '../chunk-VQKX5PJ4.js';
+import { RecordSheet } from '../chunk-IB2ZPUTF.js';
+export { RecordSheet } from '../chunk-IB2ZPUTF.js';
+import { RoleMemberPicker } from '../chunk-PCFH74RD.js';
+export { RoleMemberPicker } from '../chunk-PCFH74RD.js';
+import { SearchableMultiPicker } from '../chunk-3PCR73OC.js';
+export { SearchableMultiPicker } from '../chunk-3PCR73OC.js';
+import { JsonField } from '../chunk-US3K6Q5T.js';
+export { JsonField } from '../chunk-US3K6Q5T.js';
+import { LiveClock } from '../chunk-37BNG4DT.js';
+export { LiveClock } from '../chunk-37BNG4DT.js';
+import { OptionSchemaEditor } from '../chunk-ESAFQXEU.js';
+export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-ESAFQXEU.js';
+import { OptionValueFields } from '../chunk-SGGIWPP6.js';
+export { OptionValueFields } from '../chunk-SGGIWPP6.js';
+import { OrgChart } from '../chunk-EGFDELSF.js';
+export { OrgChart } from '../chunk-EGFDELSF.js';
+import { OrgChartBoard } from '../chunk-VSNHDHGS.js';
+export { OrgChartBoard } from '../chunk-VSNHDHGS.js';
 import '../chunk-XRHR452N.js';
-import '../chunk-MMIGOPO5.js';
-import { PermissionMatrixEditor } from '../chunk-LFEJLOFN.js';
-export { PermissionMatrixEditor } from '../chunk-LFEJLOFN.js';
-import { PeriodFilter } from '../chunk-44TDRCKR.js';
-export { PeriodFilter } from '../chunk-44TDRCKR.js';
-export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-FNMS7OB7.js';
-import { ColumnBoard } from '../chunk-YWUDBLO6.js';
-export { ColumnBoard } from '../chunk-YWUDBLO6.js';
-import { DiffView } from '../chunk-JYAR7D5U.js';
-export { DiffView } from '../chunk-JYAR7D5U.js';
-import { Disclosure } from '../chunk-2HLXCKK7.js';
-export { Disclosure } from '../chunk-2HLXCKK7.js';
-import { EventCalendar } from '../chunk-ZORQPB6B.js';
-export { EventCalendar, statusToneOf } from '../chunk-ZORQPB6B.js';
-export { FileDropzone, unwrapUploaded } from '../chunk-N5RKM6IC.js';
-import { ImageLightbox } from '../chunk-VY7MVBSE.js';
-export { ImageLightbox } from '../chunk-VY7MVBSE.js';
-import { InlineEdit } from '../chunk-7P7N43JV.js';
-export { InlineEdit } from '../chunk-7P7N43JV.js';
-import '../chunk-TFGNKFL2.js';
-import '../chunk-WPSK2CB5.js';
-import '../chunk-SAPBDJJQ.js';
-import { ApprovalOverridesEditor } from '../chunk-DKVSM5HX.js';
-export { ApprovalOverridesEditor } from '../chunk-DKVSM5HX.js';
-import { TagMultiSelect } from '../chunk-I5SD7XRA.js';
-export { TagMultiSelect, pickSeedValues } from '../chunk-I5SD7XRA.js';
-import { ApprovalLineEditor } from '../chunk-MPT7WJG2.js';
-export { ApprovalLineEditor } from '../chunk-MPT7WJG2.js';
-import '../chunk-Q4SWUINA.js';
-import '../chunk-UV6HHFEW.js';
-import '../chunk-RWSH2MBU.js';
+import '../chunk-CSZCWBOE.js';
+import { PermissionMatrixEditor } from '../chunk-KO3EUNWB.js';
+export { PermissionMatrixEditor, stickyInsetOf } from '../chunk-KO3EUNWB.js';
+import { PeriodFilter } from '../chunk-GKYUDTMI.js';
+export { PeriodFilter } from '../chunk-GKYUDTMI.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-J7BZF4T4.js';
+import { ColumnBoard } from '../chunk-7G6J6QFC.js';
+export { ColumnBoard } from '../chunk-7G6J6QFC.js';
+import { DiffView } from '../chunk-NLSR3JYU.js';
+export { DiffView } from '../chunk-NLSR3JYU.js';
+import { Disclosure } from '../chunk-OCYJ2ZOV.js';
+export { Disclosure } from '../chunk-OCYJ2ZOV.js';
+import { EventCalendar } from '../chunk-O4EMQWCV.js';
+export { EventCalendar, statusToneOf } from '../chunk-O4EMQWCV.js';
+export { FileDropzone, unwrapUploaded } from '../chunk-EUSC5NMZ.js';
+import { ImageLightbox } from '../chunk-3PT5OBOU.js';
+export { ImageLightbox } from '../chunk-3PT5OBOU.js';
+import { InlineEdit } from '../chunk-34BABTH4.js';
+export { InlineEdit } from '../chunk-34BABTH4.js';
+import '../chunk-VR5MFUD2.js';
+import '../chunk-UC725BGW.js';
+import '../chunk-UZZLMPRW.js';
+import { ApprovalOverridesEditor } from '../chunk-KDKRFWIF.js';
+export { ApprovalOverridesEditor } from '../chunk-KDKRFWIF.js';
+import { TagMultiSelect } from '../chunk-GSXD52XG.js';
+export { TagMultiSelect, pickSeedValues } from '../chunk-GSXD52XG.js';
+import { ApprovalLineEditor } from '../chunk-USNPJEXH.js';
+export { ApprovalLineEditor } from '../chunk-USNPJEXH.js';
+import '../chunk-VAXRTBJH.js';
+import '../chunk-A57GKV5F.js';
+import '../chunk-FP32LNFK.js';
+import '../chunk-BITS7UJY.js';
 import '../chunk-RIZRM7OO.js';
-import '../chunk-XQPTSEJC.js';
-import '../chunk-KO6OEY3G.js';
-import { ApprovalStepper } from '../chunk-XGFDY43I.js';
-export { ApprovalStepper } from '../chunk-XGFDY43I.js';
-import '../chunk-RNOUXUBO.js';
-import '../chunk-5WW4MBRO.js';
+import '../chunk-JHFA5RDN.js';
+import '../chunk-GSM664TX.js';
+import { ApprovalStepper } from '../chunk-CUFGH3LB.js';
+export { ApprovalStepper, normalizeStepStatus } from '../chunk-CUFGH3LB.js';
+import '../chunk-YYAGE733.js';
+import '../chunk-3JTBOABA.js';
 
 // src/widgets/index.ts
 var widgetComponents = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wipco/sdui",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "description": "WIPCO 서버 주도 UI(SDUI) 렌더러 — JSON 페이지 스펙을 React 컴포넌트로 렌더링",
   "keywords": [
     "sdui",

package/dist/chunk-LFEJLOFN.js

@@ -1,352 +0,0 @@
-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';
-
-var OPERATIONS = [
-  { key: "read", label: "\uC870\uD68C" },
-  { key: "create", label: "\uC0DD\uC131" },
-  { key: "update", label: "\uC218\uC815" },
-  { key: "delete", label: "\uC0AD\uC81C" }
-];
-var SCOPE_OPTIONS = [
-  { value: "team", label: "\uD300" },
-  { value: "headquarter", label: "\uBCF8\uBD80" },
-  { value: "all", label: "\uC804\uCCB4" }
-];
-var CATEGORY_LABELS = {
-  fi: "\uC7AC\uBB34",
-  asset: "\uC790\uC0B0",
-  hr: "\uC778\uC0AC",
-  core: "\uACF5\uD1B5",
-  rbac: "\uAD8C\uD55C"
-};
-var CATEGORY_ORDER = ["fi", "asset", "hr", "core", "rbac"];
-var entityOf = (code) => {
-  const i = code.lastIndexOf(".");
-  return i > 0 ? code.slice(0, i) : code;
-};
-var operationOf = (code) => {
-  const i = code.lastIndexOf(".");
-  const op = i > 0 ? code.slice(i + 1) : "";
-  return OPERATIONS.some((o) => o.key === op) ? op : null;
-};
-function groupCatalog(catalog, categoryLabels, categoryOrder) {
-  const categories = /* @__PURE__ */ new Map();
-  for (const entry of catalog) {
-    if (!entry || typeof entry.code !== "string") continue;
-    const category = entry.category?.trim() || "\uAE30\uD0C0";
-    const entity = entityOf(entry.code);
-    const byEntity = categories.get(category) ?? /* @__PURE__ */ new Map();
-    categories.set(category, byEntity);
-    const row = byEntity.get(entity) ?? { entity, label: "", cells: {}, extras: [] };
-    byEntity.set(entity, row);
-    const op = operationOf(entry.code);
-    if (op) {
-      row.cells[op] = entry;
-      if (!row.label) row.label = entry.name.replace(/\s*(조회|생성|수정|삭제)\s*$/, "") || entity;
-    } else {
-      row.extras.push(entry);
-      if (!row.label) row.label = entry.name;
-    }
-  }
-  const order = (c) => {
-    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: categoryLabels[category] ?? category,
-    rows: [...byEntity.values()].sort((a, b) => a.entity.localeCompare(b.entity))
-  }));
-}
-function PermissionMatrixEditorImpl({
-  permissions,
-  value,
-  onChange,
-  sourceEndpoint,
-  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;
-  const onChangeRef = useRef(onChange);
-  onChangeRef.current = onChange;
-  const seededFor = useRef(null);
-  useEffect(() => {
-    if (!sourceEndpoint || seededFor.current === sourceEndpoint) return;
-    seededFor.current = sourceEndpoint;
-    api(sourceEndpoint, { method: "GET" }).then((response) => {
-      if (seededFor.current !== sourceEndpoint) return;
-      const body = response;
-      const rows = Array.isArray(body?.permissions) ? body.permissions : [];
-      onChangeRef.current?.(
-        rows.flatMap((row) => {
-          if (typeof row !== "object" || row === null) return [];
-          const { code, scope } = row;
-          if (typeof code !== "string" || !code) return [];
-          return [{ code, scope: typeof scope === "string" ? scope : defaultScope }];
-        })
-      );
-    }).catch(() => {
-    });
-  }, [sourceEndpoint, defaultScope]);
-  const grants = useMemo(() => Array.isArray(value) ? value : [], [value]);
-  const catalog = useMemo(
-    () => Array.isArray(permissions) ? permissions : [],
-    [permissions]
-  );
-  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();
-    for (const g of grants) {
-      const e = entityOf(g.code);
-      if (!map.has(e) && g.scope) map.set(e, g.scope);
-    }
-    return map;
-  }, [grants]);
-  const [closed, setClosed] = useState(/* @__PURE__ */ new Set());
-  const toggleCategory = (c) => setClosed((prev) => {
-    const next = new Set(prev);
-    if (next.has(c)) next.delete(c);
-    else next.add(c);
-    return next;
-  });
-  const emit = (nextGranted, nextScopes) => {
-    onChange?.(
-      [...nextGranted].sort().map((code) => ({
-        code,
-        scope: nextScopes.get(entityOf(code)) ?? defaultScope
-      }))
-    );
-  };
-  const toggleCode = (code, on) => {
-    const next = new Set(granted);
-    if (on) next.add(code);
-    else next.delete(code);
-    emit(next, scopeOf);
-  };
-  const setEntityScope = (entity, scope) => {
-    const next = new Map(scopeOf);
-    next.set(entity, scope);
-    emit(granted, next);
-  };
-  const toggleRow = (row, on) => {
-    const next = new Set(granted);
-    for (const op of OPERATIONS) {
-      const cell = row.cells[op.key];
-      if (!cell) continue;
-      if (on) next.add(cell.code);
-      else next.delete(cell.code);
-    }
-    for (const extra of row.extras) {
-      if (on) next.add(extra.code);
-      else next.delete(extra.code);
-    }
-    emit(next, scopeOf);
-  };
-  if (catalog.length === 0) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "wp-body-sm",
-        style: {
-          border: "var(--wp-border-w) dashed var(--wp-border-default)",
-          borderRadius: "var(--wp-radius-lg)",
-          padding: "var(--wp-space-4)",
-          textAlign: "center",
-          color: "var(--wp-text-muted)"
-        },
-        children: emptyText
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "wp-col", style: { gap: "var(--wp-space-2)" }, children: [
-    /* @__PURE__ */ jsxs("span", { className: "wp-caption", children: [
-      "\uAD8C\uD55C ",
-      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 (",
-      scopeOptions.map((option) => option.label).join(" < "),
-      ")"
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          position: "relative",
-          border: "var(--wp-border-w) solid var(--wp-border-default)",
-          borderRadius: "var(--wp-radius-lg)",
-          overflowY: "auto",
-          maxHeight: "min(46vh, 400px)",
-          minHeight: 160
-        },
-        children: groups.map((group) => {
-          const total = group.rows.reduce(
-            (a, r) => a + Object.keys(r.cells).length + r.extras.length,
-            0
-          );
-          const on = group.rows.reduce(
-            (a, r) => a + OPERATIONS.filter((o) => r.cells[o.key] && granted.has(r.cells[o.key].code)).length + r.extras.filter((x) => granted.has(x.code)).length,
-            0
-          );
-          const isClosed = closed.has(group.category);
-          return /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: "wp-row",
-                onClick: () => toggleCategory(group.category),
-                style: {
-                  position: "sticky",
-                  top: 0,
-                  zIndex: 1,
-                  width: "100%",
-                  alignItems: "center",
-                  padding: "var(--wp-space-2) var(--wp-space-3)",
-                  background: "var(--wp-surface-sunken)",
-                  border: "none",
-                  borderTop: "var(--wp-border-w) solid var(--wp-border-default)",
-                  cursor: "pointer",
-                  textAlign: "left"
-                },
-                "aria-expanded": !isClosed,
-                children: [
-                  /* @__PURE__ */ jsx(Icon, { name: isClosed ? "chevron-right" : "chevron-down", size: 14 }),
-                  /* @__PURE__ */ jsx("span", { className: "wp-label", style: { flex: 1 }, children: group.label }),
-                  /* @__PURE__ */ jsxs(Badge, { tone: on > 0 ? "brand" : "neutral", children: [
-                    on,
-                    "/",
-                    total
-                  ] })
-                ]
-              }
-            ),
-            isClosed ? null : /* @__PURE__ */ jsxs("div", { className: "wp-col", style: { gap: 0 }, children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "wp-row wp-caption",
-                  style: {
-                    alignItems: "center",
-                    padding: "var(--wp-space-1) var(--wp-space-3)",
-                    borderTop: "var(--wp-border-w) solid var(--wp-divider)",
-                    color: "var(--wp-text-muted)"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsx("span", { style: { flex: 1.6 }, children: "\uC5D4\uD2F0\uD2F0" }),
-                    OPERATIONS.map((op) => /* @__PURE__ */ jsx("span", { style: { flex: "none", width: 52, textAlign: "center" }, children: op.label }, op.key)),
-                    /* @__PURE__ */ jsx("span", { style: { flex: "none", width: 96, textAlign: "center" }, children: "\uBC94\uC704" }),
-                    /* @__PURE__ */ jsx("span", { style: { flex: "none", width: 60 } })
-                  ]
-                }
-              ),
-              group.rows.map((row) => {
-                const rowCodes = [
-                  ...OPERATIONS.flatMap(
-                    (o) => row.cells[o.key] ? [row.cells[o.key].code] : []
-                  ),
-                  ...row.extras.map((x) => x.code)
-                ];
-                const allOn = rowCodes.length > 0 && rowCodes.every((c) => granted.has(c));
-                const anyOn = rowCodes.some((c) => granted.has(c));
-                return /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    className: "wp-row",
-                    style: {
-                      alignItems: "center",
-                      padding: "var(--wp-space-1) var(--wp-space-3)",
-                      borderTop: "var(--wp-border-w) solid var(--wp-divider)"
-                    },
-                    children: [
-                      /* @__PURE__ */ jsxs("span", { className: "wp-body-sm", style: { flex: 1.6, minWidth: 0 }, children: [
-                        row.label || row.entity,
-                        /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            className: "wp-caption",
-                            style: {
-                              marginLeft: "var(--wp-space-2)",
-                              color: "var(--wp-text-muted)"
-                            },
-                            children: row.entity
-                          }
-                        )
-                      ] }),
-                      OPERATIONS.map((op) => {
-                        const cell = row.cells[op.key];
-                        return /* @__PURE__ */ jsx(
-                          "span",
-                          {
-                            style: {
-                              flex: "none",
-                              width: 52,
-                              display: "inline-flex",
-                              justifyContent: "center"
-                            },
-                            children: cell ? /* @__PURE__ */ jsx(
-                              Checkbox,
-                              {
-                                "aria-label": `${row.label || row.entity} ${op.label}`,
-                                checked: granted.has(cell.code),
-                                disabled,
-                                onChange: (event) => toggleCode(cell.code, event.target.checked)
-                              }
-                            ) : /* @__PURE__ */ jsx("span", { className: "wp-caption", style: { color: "var(--wp-text-muted)" }, children: "\u2013" })
-                          },
-                          op.key
-                        );
-                      }),
-                      /* @__PURE__ */ jsx("span", { style: { flex: "none", width: 96 }, children: /* @__PURE__ */ jsx(
-                        Select,
-                        {
-                          "aria-label": `${row.label || row.entity} \uBC94\uC704`,
-                          value: scopeOf.get(row.entity) ?? defaultScope,
-                          options: scopeOptions,
-                          disabled: disabled || !anyOn,
-                          onChange: (event) => setEntityScope(row.entity, event.target.value)
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsx("span", { style: { flex: "none", width: 60, textAlign: "right" }, children: /* @__PURE__ */ jsx(
-                        Button,
-                        {
-                          type: "button",
-                          size: "sm",
-                          variant: "ghost",
-                          disabled,
-                          onClick: () => toggleRow(row, !allOn),
-                          children: allOn ? "\uD574\uC81C" : "\uC804\uCCB4"
-                        }
-                      ) })
-                    ]
-                  },
-                  row.entity
-                );
-              })
-            ] })
-          ] }, group.category);
-        })
-      }
-    )
-  ] });
-}
-var PermissionMatrixEditor = boxed(
-  PermissionMatrixEditorImpl,
-  "PermissionMatrixEditor"
-);
-
-export { PermissionMatrixEditor };

package/dist/chunk-MMIGOPO5.js

@@ -1,111 +0,0 @@
-import { useRef, useState, useEffect, useCallback } from 'react';
-
-// src/widgets/usePanZoomCanvas.ts
-var MIN_ZOOM = 0.35;
-var MAX_ZOOM = 1.8;
-var clamp = (value, min, max) => Math.min(max, Math.max(min, value));
-function applyZoom(current, nextScale, focal) {
-  const scale = clamp(nextScale, MIN_ZOOM, MAX_ZOOM);
-  return {
-    scale,
-    x: focal.x - (focal.x - current.x) / current.scale * scale,
-    y: focal.y - (focal.y - current.y) / current.scale * scale
-  };
-}
-function usePanZoomCanvas(options) {
-  const { stopSelector, initialView } = options;
-  const viewportRef = useRef(null);
-  const dragRef = useRef(null);
-  const [view, setView] = useState(initialView);
-  const [dragging, setDragging] = useState(false);
-  const [isFullscreen, setIsFullscreen] = useState(false);
-  useEffect(() => {
-    const handleFullscreenChange = () => {
-      setIsFullscreen(document.fullscreenElement === viewportRef.current);
-    };
-    document.addEventListener("fullscreenchange", handleFullscreenChange);
-    return () => document.removeEventListener("fullscreenchange", handleFullscreenChange);
-  }, []);
-  useEffect(() => {
-    const viewport = viewportRef.current;
-    if (!viewport) return;
-    const onWheel = (event) => {
-      event.preventDefault();
-      const rect = viewport.getBoundingClientRect();
-      const focal = { x: event.clientX - rect.left, y: event.clientY - rect.top };
-      setView(
-        (current) => applyZoom(current, current.scale * (event.deltaY > 0 ? 0.9 : 1.1), focal)
-      );
-    };
-    viewport.addEventListener("wheel", onWheel, { passive: false });
-    return () => viewport.removeEventListener("wheel", onWheel);
-  }, []);
-  const viewportCenter = useCallback(() => {
-    const rect = viewportRef.current?.getBoundingClientRect();
-    if (!rect) return { x: 0, y: 0 };
-    return { x: rect.width / 2, y: rect.height / 2 };
-  }, []);
-  const zoomAt = useCallback((nextScale, focal) => {
-    setView((current) => applyZoom(current, nextScale, focal));
-  }, []);
-  const handlePointerDown = (event) => {
-    if (event.target.closest(stopSelector)) return;
-    dragRef.current = {
-      pointerId: event.pointerId,
-      startX: event.clientX,
-      startY: event.clientY,
-      originX: view.x,
-      originY: view.y
-    };
-    setDragging(true);
-    event.currentTarget.setPointerCapture(event.pointerId);
-  };
-  const handlePointerMove = (event) => {
-    const drag = dragRef.current;
-    if (!drag || drag.pointerId !== event.pointerId) return;
-    setView((current) => ({
-      ...current,
-      x: drag.originX + event.clientX - drag.startX,
-      y: drag.originY + event.clientY - drag.startY
-    }));
-  };
-  const handlePointerUp = (event) => {
-    if (dragRef.current?.pointerId !== event.pointerId) return;
-    dragRef.current = null;
-    setDragging(false);
-    if (event.currentTarget.hasPointerCapture(event.pointerId)) {
-      event.currentTarget.releasePointerCapture(event.pointerId);
-    }
-  };
-  const toggleFullscreen = async () => {
-    const viewport = viewportRef.current;
-    if (!viewport) return;
-    try {
-      if (document.fullscreenElement === viewport) {
-        await document.exitFullscreen();
-        return;
-      }
-      await viewport.requestFullscreen();
-    } catch {
-    }
-  };
-  return {
-    viewportRef,
-    view,
-    setView,
-    dragging,
-    isFullscreen,
-    viewportCenter,
-    zoomAt,
-    toggleFullscreen,
-    /** 뷰포트 div에 그대로 spread — 패닝 4종 핸들러. */
-    pointerHandlers: {
-      onPointerDown: handlePointerDown,
-      onPointerMove: handlePointerMove,
-      onPointerUp: handlePointerUp,
-      onPointerCancel: handlePointerUp
-    }
-  };
-}
-
-export { MAX_ZOOM, MIN_ZOOM, usePanZoomCanvas };