@wipco/sdui 0.50.1 → 1.0.0

package/dist/widgets/index.js

@@ -1,83 +1,85 @@
-import { SecureScreen } from '../chunk-RUU7WBGR.js';
-export { SecureScreen } from '../chunk-RUU7WBGR.js';
-import { StackedMeter } from '../chunk-AUW5RP24.js';
-export { StackedMeter } from '../chunk-AUW5RP24.js';
-import { StagePeriodEditor } from '../chunk-LIOS3PF2.js';
-export { StagePeriodEditor } from '../chunk-LIOS3PF2.js';
-import { Strip } from '../chunk-AIOJYVJ2.js';
-export { Strip } from '../chunk-AIOJYVJ2.js';
-import { SummaryTable } from '../chunk-PWVHAUJC.js';
-export { SummaryTable } from '../chunk-PWVHAUJC.js';
-import { Timeline } from '../chunk-ZX36LKJ7.js';
-export { Timeline } from '../chunk-ZX36LKJ7.js';
-import { TreePicker } from '../chunk-ZD3VNVRF.js';
-export { TreePicker } from '../chunk-ZD3VNVRF.js';
-import { TreeView } from '../chunk-C6ZV4VBN.js';
-export { TreeView, buildTreeNodes } from '../chunk-C6ZV4VBN.js';
-import { PositionSelect } from '../chunk-X7GHY2RI.js';
-export { PositionSelect } from '../chunk-X7GHY2RI.js';
-import { PrintSheet } from '../chunk-FZ72IDVF.js';
-export { PrintSheet } from '../chunk-FZ72IDVF.js';
-import { QRDisplay } from '../chunk-J3YMUR6R.js';
-export { QRDisplay } from '../chunk-J3YMUR6R.js';
-import { ProfileEditDiffCard } from '../chunk-ODKZF4IT.js';
-export { ProfileEditDiffCard } from '../chunk-ODKZF4IT.js';
-import { RankBoard } from '../chunk-4VZI3PLI.js';
-export { RankBoard } from '../chunk-4VZI3PLI.js';
-import { RecordSheet } from '../chunk-C4HYWZML.js';
-export { RecordSheet } from '../chunk-C4HYWZML.js';
-import { RoleMemberPicker } from '../chunk-55VB6SDU.js';
-export { RoleMemberPicker } from '../chunk-55VB6SDU.js';
-import { SearchableMultiPicker } from '../chunk-YXS5FXVS.js';
-export { SearchableMultiPicker } from '../chunk-YXS5FXVS.js';
-import { JsonField } from '../chunk-WXIQLWIX.js';
-export { JsonField } from '../chunk-WXIQLWIX.js';
-import { LiveClock } from '../chunk-265YPW4W.js';
-export { LiveClock } from '../chunk-265YPW4W.js';
-import { OptionSchemaEditor } from '../chunk-5MPK3NZK.js';
-export { OptionSchemaEditor } from '../chunk-5MPK3NZK.js';
-import { OptionValueFields } from '../chunk-Y2LIEWQX.js';
-export { OptionValueFields } from '../chunk-Y2LIEWQX.js';
-import { OrgChart } from '../chunk-77LKJCMM.js';
-export { OrgChart } from '../chunk-77LKJCMM.js';
-import { OrgChartBoard } from '../chunk-OPJ4DYNI.js';
-export { OrgChartBoard } from '../chunk-OPJ4DYNI.js';
-import { PermissionMatrixEditor } from '../chunk-JHHMFL5D.js';
-export { PermissionMatrixEditor } from '../chunk-JHHMFL5D.js';
-import { PeriodFilter } from '../chunk-NL3I6F2I.js';
-export { PeriodFilter } from '../chunk-NL3I6F2I.js';
-export { AutocompleteField, toAutocompleteOptions } from '../chunk-YSSNP6JM.js';
-import { ColumnBoard } from '../chunk-6BCWFPNJ.js';
-export { ColumnBoard } from '../chunk-6BCWFPNJ.js';
-import { DiffView } from '../chunk-M6KM3FJS.js';
-export { DiffView } from '../chunk-M6KM3FJS.js';
-import { Disclosure } from '../chunk-OEWTVLPZ.js';
-export { Disclosure } from '../chunk-OEWTVLPZ.js';
-import { EventCalendar } from '../chunk-7GOWOSX6.js';
-export { EventCalendar } from '../chunk-7GOWOSX6.js';
-export { FileDropzone, unwrapUploaded } from '../chunk-F2W2FWOT.js';
-import { ImageLightbox } from '../chunk-KYGSMUUU.js';
-export { ImageLightbox } from '../chunk-KYGSMUUU.js';
-import { InlineEdit } from '../chunk-HJ5VSXR4.js';
-export { InlineEdit } from '../chunk-HJ5VSXR4.js';
-import '../chunk-UMANGYRD.js';
-import '../chunk-QTHYLNJW.js';
-import '../chunk-AVRNQOB5.js';
-import '../chunk-EKVA7T7P.js';
-import { ApprovalOverridesEditor } from '../chunk-IV5YTVHR.js';
-export { ApprovalOverridesEditor } from '../chunk-IV5YTVHR.js';
-import { TagMultiSelect } from '../chunk-JBKNIALK.js';
-export { TagMultiSelect, pickSeedValues } from '../chunk-JBKNIALK.js';
-import { ApprovalLineEditor } from '../chunk-STX2AX6Y.js';
-export { ApprovalLineEditor } from '../chunk-STX2AX6Y.js';
-import '../chunk-VDBUXYEB.js';
-import '../chunk-I5Z2RVDF.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-5XPZ3RSA.js';
+export { StagePeriodEditor } from '../chunk-5XPZ3RSA.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 { Timeline } from '../chunk-GTGS2QRL.js';
+export { Timeline } from '../chunk-GTGS2QRL.js';
+import { TreePicker } from '../chunk-7BGDSSAN.js';
+export { TreePicker } from '../chunk-7BGDSSAN.js';
+import { TreeView } from '../chunk-C37U3GCC.js';
+export { TreeView, buildTreeNodes } from '../chunk-C37U3GCC.js';
+import { PositionSelect } from '../chunk-IFKYGJXP.js';
+export { PositionSelect } from '../chunk-IFKYGJXP.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-RYHEV5E3.js';
+export { RankBoard } from '../chunk-RYHEV5E3.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-AC5TI3BE.js';
+export { SearchableMultiPicker } from '../chunk-AC5TI3BE.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-B6WMC2AN.js';
+export { OPTION_TYPES, OptionSchemaEditor } from '../chunk-B6WMC2AN.js';
+import { OptionValueFields } from '../chunk-7FZTUI6U.js';
+export { OptionValueFields } from '../chunk-7FZTUI6U.js';
+import { OrgChart } from '../chunk-A6LAIGUS.js';
+export { OrgChart } from '../chunk-A6LAIGUS.js';
+import { OrgChartBoard } from '../chunk-SJ3737RA.js';
+export { OrgChartBoard } from '../chunk-SJ3737RA.js';
+import '../chunk-Z4PYMTTS.js';
+import '../chunk-MMIGOPO5.js';
+import { PermissionMatrixEditor } from '../chunk-LFEJLOFN.js';
+export { PermissionMatrixEditor } from '../chunk-LFEJLOFN.js';
+import { PeriodFilter } from '../chunk-HBBTENSV.js';
+export { PeriodFilter } from '../chunk-HBBTENSV.js';
+export { AutocompleteField, endpointSearchFn, toAutocompleteOptions } from '../chunk-N25YP7ID.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-37SFFW37.js';
+import '../chunk-SAPBDJJQ.js';
+import { ApprovalOverridesEditor } from '../chunk-GE6BYNQJ.js';
+export { ApprovalOverridesEditor } from '../chunk-GE6BYNQJ.js';
+import { TagMultiSelect } from '../chunk-I5SD7XRA.js';
+export { TagMultiSelect, pickSeedValues } from '../chunk-I5SD7XRA.js';
+import { ApprovalLineEditor } from '../chunk-FLAN7CV3.js';
+export { ApprovalLineEditor } from '../chunk-FLAN7CV3.js';
+import '../chunk-Q4SWUINA.js';
+import '../chunk-WOYMEEPH.js';
+import '../chunk-WSLT32Q4.js';
 import '../chunk-XQPTSEJC.js';
-import '../chunk-DKPNFEVU.js';
-import { ApprovalStepper } from '../chunk-NYUHSMUU.js';
-export { ApprovalStepper } from '../chunk-NYUHSMUU.js';
-import '../chunk-TUOG7EEI.js';
-import '../chunk-YQOMSWW5.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';
 
 // src/widgets/index.ts
 var widgetComponents = {

package/package.json

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

package/dist/chunk-EKVA7T7P.js

@@ -1,198 +0,0 @@
-import { useDismiss, usePopoverAnchor, usePortalTo, HoistedStyle, AnchoredPopoverStyles, anchorStyle, focusStaysInside } from './chunk-I5Z2RVDF.js';
-import { Icon } from './chunk-TUOG7EEI.js';
-import { boxed } from './chunk-YQOMSWW5.js';
-import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var HM_RE = /^\d{2}:\d{2}$/;
-var LIST_HEIGHT = 260;
-var MINUTES_PER_DAY = 24 * 60;
-function maskHm(text) {
-  const digits = text.replace(/\D/g, "").slice(0, 4);
-  if (digits.length <= 2) return digits;
-  return `${digits.slice(0, 2)}:${digits.slice(2)}`;
-}
-function parseHm(value) {
-  if (typeof value !== "string" || !HM_RE.test(value)) return void 0;
-  const h = Number(value.slice(0, 2));
-  const m = Number(value.slice(3, 5));
-  if (h > 23 || m > 59) return void 0;
-  return h * 60 + m;
-}
-function formatHm(minutes) {
-  const h = Math.floor(minutes / 60) % 24;
-  const m = minutes % 60;
-  return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
-}
-function buildOptions(step, min, max) {
-  const safeStep = Number.isFinite(step) && step >= 1 ? Math.min(Math.floor(step), 720) : 30;
-  const from = min ?? 0;
-  const to = max ?? MINUTES_PER_DAY - 1;
-  const out = [];
-  for (let m = Math.ceil(from / safeStep) * safeStep; m <= to; m += safeStep) out.push(formatHm(m));
-  return out;
-}
-function TimePickerImpl({
-  value,
-  onChange,
-  min,
-  max,
-  step = 30,
-  placeholder,
-  invalid = false,
-  disabled = false,
-  size = "md"
-}) {
-  const [open, setOpen] = useState(false);
-  const [innerValue, setInnerValue] = useState("");
-  const hostRef = useRef(null);
-  const popRef = useRef(null);
-  const inputRef = useRef(null);
-  const isControlled = value !== void 0;
-  const currentValue = (isControlled ? value : innerValue) ?? "";
-  const [text, setText] = useState(currentValue);
-  useEffect(() => {
-    setText(currentValue);
-  }, [currentValue]);
-  const minMinutes = useMemo(() => parseHm(min), [min]);
-  const maxMinutes = useMemo(() => parseHm(max), [max]);
-  const options = useMemo(() => buildOptions(step, minMinutes, maxMinutes), [step, minMinutes, maxMinutes]);
-  const dismiss = useCallback((reason) => {
-    setOpen(false);
-    if (reason === "escape") inputRef.current?.focus();
-  }, []);
-  useDismiss(open, hostRef, popRef, dismiss);
-  const anchor = usePopoverAnchor(open, hostRef, popRef, LIST_HEIGHT);
-  const portal = usePortalTo();
-  const isInvalid = Boolean(invalid);
-  const commit = (next) => {
-    if (!isControlled) setInnerValue(next);
-    onChange?.(next);
-  };
-  const handleTextChange = (raw) => {
-    const masked = maskHm(raw);
-    setText(masked);
-    if (masked === "") {
-      commit("");
-      return;
-    }
-    const minutes = parseHm(masked);
-    if (minutes === void 0) return;
-    if (minMinutes !== void 0 && minutes < minMinutes) return;
-    if (maxMinutes !== void 0 && minutes > maxMinutes) return;
-    commit(masked);
-  };
-  const focusList = () => {
-    const list = popRef.current;
-    if (!list) return;
-    (list.querySelector('[aria-selected="true"]') ?? list.querySelector('[role="option"]'))?.focus();
-  };
-  const handleKeyDown = (event) => {
-    if (event.key === "ArrowDown") {
-      event.preventDefault();
-      if (open) focusList();
-      else setOpen(true);
-      return;
-    }
-    if (event.key === "Enter" && open) {
-      event.preventDefault();
-      setOpen(false);
-    }
-  };
-  const handleOptionKeyDown = (index) => (event) => {
-    const step2 = event.key === "ArrowDown" ? 1 : event.key === "ArrowUp" ? -1 : 0;
-    if (step2 !== 0) {
-      event.preventDefault();
-      const next = Math.min(Math.max(index + step2, 0), options.length - 1);
-      popRef.current?.querySelectorAll('[role="option"]')[next]?.focus();
-      return;
-    }
-    if (event.key === "Home" || event.key === "End") {
-      event.preventDefault();
-      const target = event.key === "Home" ? 0 : options.length - 1;
-      popRef.current?.querySelectorAll('[role="option"]')[target]?.focus();
-    }
-  };
-  const pick = (option) => {
-    setText(option);
-    commit(option);
-    setOpen(false);
-    inputRef.current?.focus();
-  };
-  const handleBlur = (event) => {
-    if (focusStaysInside(event.relatedTarget, hostRef, popRef)) return;
-    if (text !== currentValue) setText(currentValue);
-    setOpen(false);
-  };
-  const classes = ["wp-input", "wp-input--mono", "wp-tp-input"];
-  if (size !== "md") classes.push(`wp-input--${size}`);
-  if (isInvalid) classes.push("wp-input--invalid");
-  return /* @__PURE__ */ jsxs("div", { ref: hostRef, className: "wp-tp-host", onBlur: handleBlur, children: [
-    /* @__PURE__ */ jsx(HoistedStyle, { id: "wp-timepicker", css: TP_CSS }),
-    /* @__PURE__ */ jsx(AnchoredPopoverStyles, {}),
-    /* @__PURE__ */ jsxs("div", { className: "wp-inputwrap wp-inputwrap--lead", children: [
-      /* @__PURE__ */ jsx("span", { className: "wp-inputwrap__lead", children: /* @__PURE__ */ jsx(Icon, { name: "clock", size: size === "lg" ? 16 : 15 }) }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref: inputRef,
-          type: "text",
-          className: classes.join(" "),
-          inputMode: "numeric",
-          autoComplete: "off",
-          spellCheck: false,
-          maxLength: 5,
-          placeholder: placeholder ?? "HH:MM",
-          value: text,
-          disabled,
-          "aria-invalid": isInvalid || void 0,
-          "aria-haspopup": "listbox",
-          "aria-expanded": open,
-          onChange: (event) => handleTextChange(event.target.value),
-          onKeyDown: handleKeyDown,
-          onPointerDown: () => {
-            if (!disabled && !open) setOpen(true);
-          }
-        }
-      )
-    ] }),
-    portal(
-      anchor,
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: popRef,
-          className: "wp-anchored-pop wp-tp-pop",
-          style: anchorStyle(anchor),
-          role: "listbox",
-          "aria-label": "\uC2DC\uAC01 \uC120\uD0DD",
-          children: options.map((option, index) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "option",
-              "aria-selected": option === currentValue,
-              className: option === currentValue ? "wp-tp-opt wp-tp-opt--on" : "wp-tp-opt",
-              onKeyDown: handleOptionKeyDown(index),
-              onClick: () => pick(option),
-              children: option
-            },
-            option
-          ))
-        }
-      )
-    )
-  ] });
-}
-var TP_CSS = `
-.wp-tp-host{position:relative}
-.wp-tp-input{padding-right:6px;min-width:calc(5ch + 36px)}
-.wp-tp-pop{padding:var(--wp-space-1);max-height:260px;overflow-y:auto;overscroll-behavior:contain}
-.wp-tp-opt{display:block;width:100%;padding:6px 10px;border:none;background:transparent;border-radius:var(--wp-radius-sm);font:inherit;font-family:var(--wp-font-mono);font-size:12.5px;color:var(--wp-text-default);text-align:left;cursor:pointer}
-.wp-tp-opt:hover{background:var(--wp-surface-hover)}
-.wp-tp-opt:focus-visible{outline:2px solid var(--wp-border-focus);outline-offset:-2px}
-.wp-tp-opt--on{background:var(--wp-action-primary-bg);color:var(--wp-action-primary-fg);font-weight:500}
-`;
-var TimePicker = boxed(TimePickerImpl, "TimePicker");
-
-export { TimePicker };