@gcsa/console-react 0.1.0

package/dist/utils/gcsaDateValue.d.ts

@@ -0,0 +1,25 @@
+import { GcsaDatePickerMode, GcsaDateRangeValue, GcsaMonthRangeValue, GcsaSelectOption } from '@gcsa/console-core';
+import { DateValue } from '@ark-ui/react/date-picker';
+export type GcsaDatePickerSelectCell = {
+    label: string;
+    value: number;
+    disabled?: boolean;
+};
+export declare function gcsaDatePickerCellsToOptions(cells: GcsaDatePickerSelectCell[]): GcsaSelectOption[];
+export declare function gcsaNormalizeDateBoundary(value: string | undefined, mode: GcsaDatePickerMode): string | undefined;
+export declare function gcsaDateValueToOutputString(value: DateValue | undefined | null, mode: GcsaDatePickerMode): string;
+export declare function gcsaDateValueToString(value: DateValue | undefined | null): string;
+export declare function gcsaStringToDateValues(value: string | undefined | null, mode?: GcsaDatePickerMode): DateValue[] | undefined;
+export declare function gcsaDateRangeToDateValues(range: GcsaDateRangeValue | GcsaMonthRangeValue | undefined | null, mode?: GcsaDatePickerMode): DateValue[] | undefined;
+export declare function gcsaDateValuesToRange(values: DateValue[] | undefined | null, mode?: GcsaDatePickerMode): GcsaDateRangeValue | GcsaMonthRangeValue;
+export declare function gcsaDatePickerFormat(date: DateValue, _details: {
+    locale: string;
+    timeZone: string;
+}, mode: GcsaDatePickerMode): string;
+export declare function gcsaDatePickerParse(value: string, _details: {
+    locale: string;
+    timeZone: string;
+}, mode: GcsaDatePickerMode): DateValue | undefined;
+/** ISO 日期时间字符串 YYYY-MM-DD HH:mm:ss */
+export type { GcsaDateTimeString } from '@gcsa/console-core';
+export { gcsaJoinDateTime, gcsaSplitDateTime } from '@gcsa/console-core';

package/dist/utils/gcsaDateValue.js

@@ -0,0 +1,60 @@
+import { formatGcsaMonthParts as c, formatGcsaDateParts as f } from "@gcsa/console-core";
+import { gcsaJoinDateTime as b, gcsaSplitDateTime as S } from "@gcsa/console-core";
+import { parseDate as s } from "@ark-ui/react/date-picker";
+function g(t) {
+  return t.map((r) => ({
+    label: r.label,
+    value: String(r.value),
+    disabled: r.disabled
+  }));
+}
+function d(t, r) {
+  if (t)
+    return r === "month" && /^\d{4}-\d{2}$/.test(t) ? `${t}-01` : t;
+}
+function e(t, r) {
+  return !t || !("month" in t) ? "" : r === "month" ? c(t.year, t.month) : "day" in t ? f(t.year, t.month, t.day) : "";
+}
+function a(t, r = "date") {
+  if (!t) return;
+  const n = d(t, r);
+  if (n)
+    try {
+      return [s(n)];
+    } catch {
+      return;
+    }
+}
+function D(t, r = "date") {
+  if (!t) return;
+  const n = [];
+  for (const o of t) {
+    if (!o) continue;
+    const i = a(o, r);
+    i != null && i[0] && n.push(i[0]);
+  }
+  return n.length ? n : void 0;
+}
+function h(t, r = "date") {
+  return [e(t == null ? void 0 : t[0], r), e(t == null ? void 0 : t[1], r)];
+}
+function p(t, r, n) {
+  return e(t, n);
+}
+function T(t, r, n) {
+  const o = a(t, n);
+  return o == null ? void 0 : o[0];
+}
+export {
+  g as gcsaDatePickerCellsToOptions,
+  p as gcsaDatePickerFormat,
+  T as gcsaDatePickerParse,
+  D as gcsaDateRangeToDateValues,
+  e as gcsaDateValueToOutputString,
+  h as gcsaDateValuesToRange,
+  b as gcsaJoinDateTime,
+  d as gcsaNormalizeDateBoundary,
+  S as gcsaSplitDateTime,
+  a as gcsaStringToDateValues
+};
+//# sourceMappingURL=gcsaDateValue.js.map

package/dist/utils/gcsaDateValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gcsaDateValue.js","sources":["../../src/utils/gcsaDateValue.ts"],"sourcesContent":["import {\n  formatGcsaDateParts,\n  formatGcsaMonthParts,\n  type GcsaDatePickerMode,\n  type GcsaDateRangeValue,\n  type GcsaMonthRangeValue\n} from '@gcsa/console-core';\nimport type { GcsaSelectOption } from '@gcsa/console-core';\nimport { parseDate, type DateValue } from '@ark-ui/react/date-picker';\n\nexport type GcsaDatePickerSelectCell = {\n  label: string;\n  value: number;\n  disabled?: boolean;\n};\n\nexport function gcsaDatePickerCellsToOptions(cells: GcsaDatePickerSelectCell[]): GcsaSelectOption[] {\n  return cells.map(cell => ({\n    label: cell.label,\n    value: String(cell.value),\n    disabled: cell.disabled\n  }));\n}\n\nexport function gcsaNormalizeDateBoundary(value: string | undefined, mode: GcsaDatePickerMode): string | undefined {\n  if (!value) return undefined;\n  if (mode === 'month' && /^\\d{4}-\\d{2}$/.test(value)) return `${value}-01`;\n  return value;\n}\n\nexport function gcsaDateValueToOutputString(\n  value: DateValue | undefined | null,\n  mode: GcsaDatePickerMode\n): string {\n  if (!value || !('month' in value)) return '';\n  if (mode === 'month') return formatGcsaMonthParts(value.year, value.month);\n  if ('day' in value) return formatGcsaDateParts(value.year, value.month, value.day);\n  return '';\n}\n\nexport function gcsaDateValueToString(value: DateValue | undefined | null): string {\n  return gcsaDateValueToOutputString(value, 'date');\n}\n\nexport function gcsaStringToDateValues(\n  value: string | undefined | null,\n  mode: GcsaDatePickerMode = 'date'\n): DateValue[] | undefined {\n  if (!value) return undefined;\n  const normalized = gcsaNormalizeDateBoundary(value, mode);\n  if (!normalized) return undefined;\n  try {\n    return [parseDate(normalized)];\n  } catch {\n    return undefined;\n  }\n}\n\nexport function gcsaDateRangeToDateValues(\n  range: GcsaDateRangeValue | GcsaMonthRangeValue | undefined | null,\n  mode: GcsaDatePickerMode = 'date'\n): DateValue[] | undefined {\n  if (!range) return undefined;\n  const values: DateValue[] = [];\n  for (const part of range) {\n    if (!part) continue;\n    const parsed = gcsaStringToDateValues(part, mode);\n    if (parsed?.[0]) values.push(parsed[0]);\n  }\n  return values.length ? values : undefined;\n}\n\nexport function gcsaDateValuesToRange(\n  values: DateValue[] | undefined | null,\n  mode: GcsaDatePickerMode = 'date'\n): GcsaDateRangeValue | GcsaMonthRangeValue {\n  return [gcsaDateValueToOutputString(values?.[0], mode), gcsaDateValueToOutputString(values?.[1], mode)];\n}\n\nexport function gcsaDatePickerFormat(\n  date: DateValue,\n  _details: { locale: string; timeZone: string },\n  mode: GcsaDatePickerMode\n): string {\n  return gcsaDateValueToOutputString(date, mode);\n}\n\nexport function gcsaDatePickerParse(\n  value: string,\n  _details: { locale: string; timeZone: string },\n  mode: GcsaDatePickerMode\n): DateValue | undefined {\n  const parsed = gcsaStringToDateValues(value, mode);\n  return parsed?.[0];\n}\n\n/** ISO 日期时间字符串 YYYY-MM-DD HH:mm:ss */\nexport type { GcsaDateTimeString } from '@gcsa/console-core';\nexport { gcsaJoinDateTime, gcsaSplitDateTime } from '@gcsa/console-core';\n"],"names":["gcsaDatePickerCellsToOptions","cells","cell","gcsaNormalizeDateBoundary","value","mode","gcsaDateValueToOutputString","formatGcsaMonthParts","formatGcsaDateParts","gcsaStringToDateValues","normalized","parseDate","gcsaDateRangeToDateValues","range","values","part","parsed","gcsaDateValuesToRange","gcsaDatePickerFormat","date","_details","gcsaDatePickerParse"],"mappings":";;;AAgBO,SAASA,EAA6BC,GAAuD;AAClG,SAAOA,EAAM,IAAI,CAAAC,OAAS;AAAA,IACxB,OAAOA,EAAK;AAAA,IACZ,OAAO,OAAOA,EAAK,KAAK;AAAA,IACxB,UAAUA,EAAK;AAAA,EAAA,EACf;AACJ;AAEO,SAASC,EAA0BC,GAA2BC,GAA8C;AACjH,MAAKD;AACL,WAAIC,MAAS,WAAW,gBAAgB,KAAKD,CAAK,IAAU,GAAGA,CAAK,QAC7DA;AACT;AAEO,SAASE,EACdF,GACAC,GACQ;AACR,SAAI,CAACD,KAAS,EAAE,WAAWA,KAAe,KACtCC,MAAS,UAAgBE,EAAqBH,EAAM,MAAMA,EAAM,KAAK,IACrE,SAASA,IAAcI,EAAoBJ,EAAM,MAAMA,EAAM,OAAOA,EAAM,GAAG,IAC1E;AACT;AAMO,SAASK,EACdL,GACAC,IAA2B,QACF;AACzB,MAAI,CAACD,EAAO;AACZ,QAAMM,IAAaP,EAA0BC,GAAOC,CAAI;AACxD,MAAKK;AACL,QAAI;AACF,aAAO,CAACC,EAAUD,CAAU,CAAC;AAAA,IAC/B,QAAQ;AACN;AAAA,IACF;AACF;AAEO,SAASE,EACdC,GACAR,IAA2B,QACF;AACzB,MAAI,CAACQ,EAAO;AACZ,QAAMC,IAAsB,CAAA;AAC5B,aAAWC,KAAQF,GAAO;AACxB,QAAI,CAACE,EAAM;AACX,UAAMC,IAASP,EAAuBM,GAAMV,CAAI;AAChD,IAAIW,KAAA,QAAAA,EAAS,QAAW,KAAKA,EAAO,CAAC,CAAC;AAAA,EACxC;AACA,SAAOF,EAAO,SAASA,IAAS;AAClC;AAEO,SAASG,EACdH,GACAT,IAA2B,QACe;AAC1C,SAAO,CAACC,EAA4BQ,KAAA,gBAAAA,EAAS,IAAIT,CAAI,GAAGC,EAA4BQ,KAAA,gBAAAA,EAAS,IAAIT,CAAI,CAAC;AACxG;AAEO,SAASa,EACdC,GACAC,GACAf,GACQ;AACR,SAAOC,EAA4Ba,GAAMd,CAAI;AAC/C;AAEO,SAASgB,EACdjB,GACAgB,GACAf,GACuB;AACvB,QAAMW,IAASP,EAAuBL,GAAOC,CAAI;AACjD,SAAOW,KAAA,gBAAAA,EAAS;AAClB;"}

package/dist/utils/gcsaTableColumns.d.ts

@@ -0,0 +1,19 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { GcsaTableColumn } from '@gcsa/console-core';
+export type GcsaTableCellSlotProps<T> = {
+    row: T;
+    value: unknown;
+    index: number;
+    column: string;
+};
+export type GcsaTableHeaderSlotProps = {
+    column: string;
+    title: string;
+};
+export declare function isGcsaTableColumn<T>(column: GcsaTableColumn<T> | ColumnDef<T, unknown>): column is GcsaTableColumn<T>;
+export declare function gcsaColumnSlotKey(column: GcsaTableColumn<unknown> | ColumnDef<unknown, unknown>): string;
+export declare function gcsaTableColumnsToDefs<T extends Record<string, unknown>>(columns: GcsaTableColumn<T>[]): ColumnDef<T, unknown>[];
+export declare function resolveGcsaTableColumns<T extends Record<string, unknown>>(columns: Array<GcsaTableColumn<T> | ColumnDef<T, unknown>>): ColumnDef<T, unknown>[];
+export declare function gcsaTableCellSlotName(slotKey: string): string;
+export declare function gcsaTableHeaderSlotName(slotKey: string): string;
+export declare function formatGcsaTableCellValue(value: unknown): string;

package/dist/utils/gcsaTableColumns.js

@@ -0,0 +1,43 @@
+function l(i) {
+  return typeof i == "object" && i !== null && "id" in i && typeof i.header == "string" && // A converted TanStack definition also has id/header. Its `meta` field is
+  // the stable discriminator that prevents wrapping an adapter cell twice.
+  !("meta" in i) && !("accessorFn" in i);
+}
+function d(i) {
+  return i.map((e) => {
+    var a, s;
+    const f = e.slot ?? e.id, n = !!((a = e.columns) != null && a.length), o = e.accessorKey ?? e.id;
+    return {
+      id: e.id,
+      ...n ? {} : { accessorKey: o },
+      header: e.header,
+      ...n ? {} : { enableSorting: e.sortable ?? !1 },
+      ...!n && e.sortCompare ? { sortingFn: (r, t) => e.sortCompare(r.original, t.original) } : {},
+      ...(s = e.columns) != null && s.length ? { columns: d(e.columns) } : {},
+      meta: {
+        width: e.width,
+        minWidth: e.minWidth,
+        showOverflowTooltip: e.showOverflowTooltip,
+        align: e.align,
+        fixed: e.fixed,
+        hidden: e.hidden,
+        filter: e.filter,
+        slotKey: f
+      },
+      cell: !n && (e.cell || e.formatter) ? ({ getValue: r, row: t }) => e.cell ? e.cell(t.original) : e.formatter(r(), t.original, t.index) : void 0
+    };
+  });
+}
+function g(i) {
+  return i.length ? l(i[0]) ? d(i) : i : [];
+}
+function h(i) {
+  return i == null ? "" : String(i);
+}
+export {
+  h as formatGcsaTableCellValue,
+  d as gcsaTableColumnsToDefs,
+  l as isGcsaTableColumn,
+  g as resolveGcsaTableColumns
+};
+//# sourceMappingURL=gcsaTableColumns.js.map

package/dist/utils/gcsaTableColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gcsaTableColumns.js","sources":["../../src/utils/gcsaTableColumns.ts"],"sourcesContent":["import type { ColumnDef } from '@tanstack/react-table';\nimport type { GcsaTableColumn } from '@gcsa/console-core';\n\nexport type GcsaTableCellSlotProps<T> = {\n  row: T;\n  value: unknown;\n  index: number;\n  column: string;\n};\n\nexport type GcsaTableHeaderSlotProps = {\n  column: string;\n  title: string;\n};\n\nexport function isGcsaTableColumn<T>(\n  column: GcsaTableColumn<T> | ColumnDef<T, unknown>\n): column is GcsaTableColumn<T> {\n  return (\n    typeof column === 'object' &&\n    column !== null &&\n    'id' in column &&\n    typeof (column as GcsaTableColumn<T>).header === 'string' &&\n    // A converted TanStack definition also has id/header. Its `meta` field is\n    // the stable discriminator that prevents wrapping an adapter cell twice.\n    !('meta' in column) &&\n    !('accessorFn' in column)\n  );\n}\n\nexport function gcsaColumnSlotKey(\n  column: GcsaTableColumn<unknown> | ColumnDef<unknown, unknown>\n): string {\n  if (isGcsaTableColumn(column)) {\n    return column.slot ?? column.id;\n  }\n  const meta = column.meta as { slotKey?: string } | undefined;\n  const accessorKey = 'accessorKey' in column ? column.accessorKey : undefined;\n  return meta?.slotKey ?? column.id ?? String(accessorKey ?? '');\n}\n\nexport function gcsaTableColumnsToDefs<T extends Record<string, unknown>>(\n  columns: GcsaTableColumn<T>[]\n): ColumnDef<T, unknown>[] {\n  return columns.map(col => {\n    const slotKey = col.slot ?? col.id;\n    const isGroup = Boolean(col.columns?.length);\n    const accessorKey = col.accessorKey ?? col.id;\n\n    return {\n      id: col.id,\n      ...(!isGroup ? { accessorKey } : {}),\n      header: col.header,\n      ...(!isGroup ? { enableSorting: col.sortable ?? false } : {}),\n      ...(!isGroup && col.sortCompare ? { sortingFn: (rowA: { original: T }, rowB: { original: T }) => col.sortCompare!(rowA.original, rowB.original) } : {}),\n      ...(col.columns?.length ? { columns: gcsaTableColumnsToDefs(col.columns) } : {}),\n      meta: {\n        width: col.width,\n        minWidth: col.minWidth,\n        showOverflowTooltip: col.showOverflowTooltip,\n        align: col.align,\n        fixed: col.fixed,\n        hidden: col.hidden,\n        filter: col.filter,\n        slotKey\n      },\n      cell: !isGroup && (col.cell || col.formatter)\n        ? ({ getValue, row }) => col.cell\n          ? col.cell(row.original)\n          : col.formatter!(getValue(), row.original, row.index)\n        : undefined\n    };\n  });\n}\n\nexport function resolveGcsaTableColumns<T extends Record<string, unknown>>(\n  columns: Array<GcsaTableColumn<T> | ColumnDef<T, unknown>>\n): ColumnDef<T, unknown>[] {\n  if (!columns.length) return [];\n  if (isGcsaTableColumn(columns[0])) {\n    return gcsaTableColumnsToDefs(columns as GcsaTableColumn<T>[]);\n  }\n  return columns as ColumnDef<T, unknown>[];\n}\n\nexport function gcsaTableCellSlotName(slotKey: string) {\n  return `cell-${slotKey}`;\n}\n\nexport function gcsaTableHeaderSlotName(slotKey: string) {\n  return `header-${slotKey}`;\n}\n\nexport function formatGcsaTableCellValue(value: unknown) {\n  if (value == null) return '';\n  return String(value);\n}\n"],"names":["isGcsaTableColumn","column","gcsaTableColumnsToDefs","columns","col","_a","_b","slotKey","isGroup","accessorKey","rowA","rowB","getValue","row","resolveGcsaTableColumns","formatGcsaTableCellValue","value"],"mappings":"AAeO,SAASA,EACdC,GAC8B;AAC9B,SACE,OAAOA,KAAW,YAClBA,MAAW,QACX,QAAQA,KACR,OAAQA,EAA8B,UAAW;AAAA;AAAA,EAGjD,EAAE,UAAUA,MACZ,EAAE,gBAAgBA;AAEtB;AAaO,SAASC,EACdC,GACyB;AACzB,SAAOA,EAAQ,IAAI,CAAAC,MAAO;AA7BrB,QAAAC,GAAAC;AA8BH,UAAMC,IAAUH,EAAI,QAAQA,EAAI,IAC1BI,IAAU,IAAQH,IAAAD,EAAI,YAAJ,QAAAC,EAAa,SAC/BI,IAAcL,EAAI,eAAeA,EAAI;AAE3C,WAAO;AAAA,MACL,IAAIA,EAAI;AAAA,MACR,GAAKI,IAA4B,CAAA,IAAlB,EAAE,aAAAC,EAAA;AAAA,MACjB,QAAQL,EAAI;AAAA,MACZ,GAAKI,IAAqD,CAAA,IAA3C,EAAE,eAAeJ,EAAI,YAAY,GAAA;AAAA,MAChD,GAAI,CAACI,KAAWJ,EAAI,cAAc,EAAE,WAAW,CAACM,GAAuBC,MAA0BP,EAAI,YAAaM,EAAK,UAAUC,EAAK,QAAQ,EAAA,IAAM,CAAA;AAAA,MACpJ,IAAIL,IAAAF,EAAI,YAAJ,QAAAE,EAAa,SAAS,EAAE,SAASJ,EAAuBE,EAAI,OAAO,EAAA,IAAM,CAAA;AAAA,MAC7E,MAAM;AAAA,QACJ,OAAOA,EAAI;AAAA,QACX,UAAUA,EAAI;AAAA,QACd,qBAAqBA,EAAI;AAAA,QACzB,OAAOA,EAAI;AAAA,QACX,OAAOA,EAAI;AAAA,QACX,QAAQA,EAAI;AAAA,QACZ,QAAQA,EAAI;AAAA,QACZ,SAAAG;AAAA,MAAA;AAAA,MAEF,MAAM,CAACC,MAAYJ,EAAI,QAAQA,EAAI,aAC/B,CAAC,EAAE,UAAAQ,GAAU,KAAAC,EAAA,MAAUT,EAAI,OACzBA,EAAI,KAAKS,EAAI,QAAQ,IACrBT,EAAI,UAAWQ,EAAA,GAAYC,EAAI,UAAUA,EAAI,KAAK,IACpD;AAAA,IAAA;AAAA,EAER,CAAC;AACH;AAEO,SAASC,EACdX,GACyB;AACzB,SAAKA,EAAQ,SACTH,EAAkBG,EAAQ,CAAC,CAAC,IACvBD,EAAuBC,CAA+B,IAExDA,IAJqB,CAAA;AAK9B;AAUO,SAASY,EAAyBC,GAAgB;AACvD,SAAIA,KAAS,OAAa,KACnB,OAAOA,CAAK;AACrB;"}

package/dist/utils/preserveDrawerScroll.d.ts

@@ -0,0 +1,2 @@
+/** 通知最近的 Drawer body 恢复滚动（Select 开关、AutoComplete 面板切换后调用）。 */
+export declare function preserveDrawerScrollFrom(node: HTMLElement | null | undefined): void;

package/dist/utils/preserveDrawerScroll.js

@@ -0,0 +1,13 @@
+import { GCSA_PRESERVE_SCROLL_EVENT as t } from "../hooks/usePreventHiddenInputScroll.js";
+function o(n) {
+  const e = n == null ? void 0 : n.closest(".gcsa-drawer__body");
+  if (!(e instanceof HTMLElement)) return;
+  const s = e.closest(".gcsa-drawer__panel");
+  s instanceof HTMLElement && s.scrollTop !== 0 && (s.scrollTop = 0), e.dispatchEvent(new Event(t)), requestAnimationFrame(() => {
+    e.dispatchEvent(new Event(t)), requestAnimationFrame(() => e.dispatchEvent(new Event(t)));
+  }), window.setTimeout(() => e.dispatchEvent(new Event(t)), 0), window.setTimeout(() => e.dispatchEvent(new Event(t)), 48), window.setTimeout(() => e.dispatchEvent(new Event(t)), 120), window.setTimeout(() => e.dispatchEvent(new Event(t)), 240);
+}
+export {
+  o as preserveDrawerScrollFrom
+};
+//# sourceMappingURL=preserveDrawerScroll.js.map

package/dist/utils/preserveDrawerScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preserveDrawerScroll.js","sources":["../../src/utils/preserveDrawerScroll.ts"],"sourcesContent":["import { GCSA_PRESERVE_SCROLL_EVENT } from '../hooks/usePreventHiddenInputScroll';\n\n/** 通知最近的 Drawer body 恢复滚动（Select 开关、AutoComplete 面板切换后调用）。 */\nexport function preserveDrawerScrollFrom(node: HTMLElement | null | undefined) {\n  const drawerBody = node?.closest('.gcsa-drawer__body');\n  if (!(drawerBody instanceof HTMLElement)) return;\n  const panel = drawerBody.closest('.gcsa-drawer__panel');\n  if (panel instanceof HTMLElement && panel.scrollTop !== 0) {\n    panel.scrollTop = 0;\n  }\n  drawerBody.dispatchEvent(new Event(GCSA_PRESERVE_SCROLL_EVENT));\n  requestAnimationFrame(() => {\n    drawerBody.dispatchEvent(new Event(GCSA_PRESERVE_SCROLL_EVENT));\n    requestAnimationFrame(() => drawerBody.dispatchEvent(new Event(GCSA_PRESERVE_SCROLL_EVENT)));\n  });\n  window.setTimeout(() => drawerBody.dispatchEvent(new Event(GCSA_PRESERVE_SCROLL_EVENT)), 0);\n  window.setTimeout(() => drawerBody.dispatchEvent(new Event(GCSA_PRESERVE_SCROLL_EVENT)), 48);\n  window.setTimeout(() => drawerBody.dispatchEvent(new Event(GCSA_PRESERVE_SCROLL_EVENT)), 120);\n  window.setTimeout(() => drawerBody.dispatchEvent(new Event(GCSA_PRESERVE_SCROLL_EVENT)), 240);\n}\n"],"names":["preserveDrawerScrollFrom","node","drawerBody","panel","GCSA_PRESERVE_SCROLL_EVENT"],"mappings":";AAGO,SAASA,EAAyBC,GAAsC;AAC7E,QAAMC,IAAaD,KAAA,gBAAAA,EAAM,QAAQ;AACjC,MAAI,EAAEC,aAAsB,aAAc;AAC1C,QAAMC,IAAQD,EAAW,QAAQ,qBAAqB;AACtD,EAAIC,aAAiB,eAAeA,EAAM,cAAc,MACtDA,EAAM,YAAY,IAEpBD,EAAW,cAAc,IAAI,MAAME,CAA0B,CAAC,GAC9D,sBAAsB,MAAM;AAC1B,IAAAF,EAAW,cAAc,IAAI,MAAME,CAA0B,CAAC,GAC9D,sBAAsB,MAAMF,EAAW,cAAc,IAAI,MAAME,CAA0B,CAAC,CAAC;AAAA,EAC7F,CAAC,GACD,OAAO,WAAW,MAAMF,EAAW,cAAc,IAAI,MAAME,CAA0B,CAAC,GAAG,CAAC,GAC1F,OAAO,WAAW,MAAMF,EAAW,cAAc,IAAI,MAAME,CAA0B,CAAC,GAAG,EAAE,GAC3F,OAAO,WAAW,MAAMF,EAAW,cAAc,IAAI,MAAME,CAA0B,CAAC,GAAG,GAAG,GAC5F,OAAO,WAAW,MAAMF,EAAW,cAAc,IAAI,MAAME,CAA0B,CAAC,GAAG,GAAG;AAC9F;"}

package/dist/utils/zodValidators.d.ts

@@ -0,0 +1,21 @@
+import { ZodObject, ZodTypeAny } from 'zod';
+import { GcsaConsoleLocale } from '@gcsa/console-core';
+type ZodShape = Record<string, ZodTypeAny>;
+export declare function zodFieldValidator(schema: ZodObject<ZodShape>, fieldName: string, locale?: GcsaConsoleLocale): ({ value }: {
+    value: unknown;
+}) => string | undefined;
+export declare function zodFormValidator(schema: ZodObject<ZodShape>, locale?: GcsaConsoleLocale): ({ value }: {
+    value: Record<string, unknown>;
+}) => string | undefined;
+export declare function zodFieldValidators(schema: ZodObject<ZodShape>, fieldName: string, locale?: GcsaConsoleLocale): {
+    onBlur: ({ value }: {
+        value: unknown;
+    }) => string | undefined;
+    onChange: ({ value }: {
+        value: unknown;
+    }) => string | undefined;
+    onSubmit: ({ value }: {
+        value: unknown;
+    }) => string | undefined;
+};
+export {};

package/dist/utils/zodValidators.js

@@ -0,0 +1,35 @@
+import { getGcsaLocaleMessages as l, GCSA_DEFAULT_LOCALE as u } from "@gcsa/console-core";
+function c(r, s, o) {
+  const e = l(o ?? u).validationFailed;
+  return ({ value: t }) => {
+    var n;
+    const a = r.shape[s];
+    if (!a) return;
+    const i = a.safeParse(t);
+    if (!i.success)
+      return ((n = i.error.issues[0]) == null ? void 0 : n.message) ?? e;
+  };
+}
+function f(r, s) {
+  const o = l(s ?? u).formValidationFailed;
+  return ({ value: e }) => {
+    var a;
+    const t = r.safeParse(e);
+    if (!t.success)
+      return ((a = t.error.issues[0]) == null ? void 0 : a.message) ?? o;
+  };
+}
+function m(r, s, o) {
+  const e = c(r, s, o);
+  return {
+    onBlur: e,
+    onChange: e,
+    onSubmit: e
+  };
+}
+export {
+  c as zodFieldValidator,
+  m as zodFieldValidators,
+  f as zodFormValidator
+};
+//# sourceMappingURL=zodValidators.js.map

package/dist/utils/zodValidators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zodValidators.js","sources":["../../src/utils/zodValidators.ts"],"sourcesContent":["import type { ZodObject, ZodTypeAny } from 'zod';\nimport {\n  GCSA_DEFAULT_LOCALE,\n  getGcsaLocaleMessages,\n  type GcsaConsoleLocale\n} from '@gcsa/console-core';\n\ntype ZodShape = Record<string, ZodTypeAny>;\n\nexport function zodFieldValidator(\n  schema: ZodObject<ZodShape>,\n  fieldName: string,\n  locale?: GcsaConsoleLocale\n) {\n  const fallback = getGcsaLocaleMessages(locale ?? GCSA_DEFAULT_LOCALE).validationFailed;\n  return ({ value }: { value: unknown }) => {\n    const fieldSchema = schema.shape[fieldName];\n    if (!fieldSchema) return undefined;\n    const result = fieldSchema.safeParse(value);\n    if (result.success) return undefined;\n    return result.error.issues[0]?.message ?? fallback;\n  };\n}\n\nexport function zodFormValidator(schema: ZodObject<ZodShape>, locale?: GcsaConsoleLocale) {\n  const fallback = getGcsaLocaleMessages(locale ?? GCSA_DEFAULT_LOCALE).formValidationFailed;\n  return ({ value }: { value: Record<string, unknown> }) => {\n    const result = schema.safeParse(value);\n    if (result.success) return undefined;\n    return result.error.issues[0]?.message ?? fallback;\n  };\n}\n\nexport function zodFieldValidators(\n  schema: ZodObject<ZodShape>,\n  fieldName: string,\n  locale?: GcsaConsoleLocale\n) {\n  const validate = zodFieldValidator(schema, fieldName, locale);\n  return {\n    onBlur: validate,\n    onChange: validate,\n    onSubmit: validate\n  };\n}\n"],"names":["zodFieldValidator","schema","fieldName","locale","fallback","getGcsaLocaleMessages","GCSA_DEFAULT_LOCALE","value","fieldSchema","result","_a","zodFormValidator","zodFieldValidators","validate"],"mappings":";AASO,SAASA,EACdC,GACAC,GACAC,GACA;AACA,QAAMC,IAAWC,EAAsBF,KAAUG,CAAmB,EAAE;AACtE,SAAO,CAAC,EAAE,OAAAC,QAAgC;;AACxC,UAAMC,IAAcP,EAAO,MAAMC,CAAS;AAC1C,QAAI,CAACM,EAAa;AAClB,UAAMC,IAASD,EAAY,UAAUD,CAAK;AAC1C,QAAI,CAAAE,EAAO;AACX,eAAOC,IAAAD,EAAO,MAAM,OAAO,CAAC,MAArB,gBAAAC,EAAwB,YAAWN;AAAA,EAC5C;AACF;AAEO,SAASO,EAAiBV,GAA6BE,GAA4B;AACxF,QAAMC,IAAWC,EAAsBF,KAAUG,CAAmB,EAAE;AACtE,SAAO,CAAC,EAAE,OAAAC,QAAgD;;AACxD,UAAME,IAASR,EAAO,UAAUM,CAAK;AACrC,QAAI,CAAAE,EAAO;AACX,eAAOC,IAAAD,EAAO,MAAM,OAAO,CAAC,MAArB,gBAAAC,EAAwB,YAAWN;AAAA,EAC5C;AACF;AAEO,SAASQ,EACdX,GACAC,GACAC,GACA;AACA,QAAMU,IAAWb,EAAkBC,GAAQC,GAAWC,CAAM;AAC5D,SAAO;AAAA,IACL,QAAQU;AAAA,IACR,UAAUA;AAAA,IACV,UAAUA;AAAA,EAAA;AAEd;"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@gcsa/console-react",
+  "version": "0.1.0",
+  "description": "GCSA console UI — React components (Ark UI + TanStack + GCSA styles)",
+  "type": "module",
+  "license": "UNLICENSED",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@ark-ui/react": "^5.9.0",
+    "@tanstack/react-form": "^1.12.2",
+    "@tanstack/react-table": "^8.21.3",
+    "zod": "^3.24.4",
+    "@gcsa/console-core": "0.1.0",
+    "@gcsa/console-styles": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "scripts": {
+    "build": "vite build && node scripts/postbuild.mjs",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}

package/src/ConsoleHeader.tsx

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+
+export type ConsoleHeaderProps = {
+  title: string;
+  eyebrow?: string;
+  subtitle?: string;
+  actions?: ReactNode;
+  className?: string;
+};
+
+export function ConsoleHeader({ title, eyebrow, subtitle, actions, className }: ConsoleHeaderProps) {
+  return (
+    <div className={`gcsa-console-header gcsa-ui-surface${className ? ` ${className}` : ''}`}>
+      <div className="gcsa-console-header__main">
+        {eyebrow ? <span className="gcsa-console-header__eyebrow">{eyebrow}</span> : null}
+        <div className="gcsa-console-header__title-row">
+          <h1 className="gcsa-console-header__title">{title}</h1>
+          {subtitle ? <p className="gcsa-console-header__subtitle">（{subtitle}）</p> : null}
+        </div>
+      </div>
+      {actions ? <div className="gcsa-console-header__actions">{actions}</div> : null}
+    </div>
+  );
+}

package/src/ConsolePage.tsx

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+
+export type ConsolePageProps = {
+  title?: string;
+  description?: string;
+  className?: string;
+  children?: ReactNode;
+};
+
+export function ConsolePage({ title, description, className, children }: ConsolePageProps) {
+  return (
+    <div className={`gcsa-page-stack${className ? ` ${className}` : ''}`}>
+      {title || description ? (
+        <section className="gcsa-page-intro gcsa-ui-surface">
+          {title ? <div className="gcsa-page-intro__title">{title}</div> : null}
+          {description ? <div className="gcsa-page-intro__desc">{description}</div> : null}
+        </section>
+      ) : null}
+      {children}
+    </div>
+  );
+}

package/src/ConsoleShell.tsx

@@ -0,0 +1,248 @@
+import { cloneElement, isValidElement, useEffect, useState, type ReactNode } from 'react';
+import type { GcsaNavItem } from '@gcsa/console-core';
+import type { GcsaIconName } from './icons';
+import { ConsoleHeader } from './ConsoleHeader';
+import { ConsolePage } from './ConsolePage';
+import { ConsoleSidebar } from './ConsoleSidebar';
+import { GcsaIcon } from './GcsaIcon';
+import { useGcsaLocaleMessages } from './hooks/useGcsaLocale';
+
+function enhanceSidebarNode(
+  sidebar: ReactNode,
+  options: {
+    isMobile: boolean;
+    desktopCollapsed: boolean;
+    onMobileNavigate: () => void;
+  }
+): ReactNode {
+  if (!isValidElement(sidebar)) return sidebar;
+
+  const props = sidebar.props as {
+    onNavigate?: (key: string) => void;
+    onSelect?: (item: GcsaNavItem) => void;
+    collapsed?: boolean;
+  };
+
+  const wrapHandler = <T extends (...args: never[]) => void>(handler?: T) => {
+    if (!handler) return undefined;
+    return ((...args: Parameters<T>) => {
+      if (options.isMobile) options.onMobileNavigate();
+      handler(...args);
+    }) as T;
+  };
+
+  const nextProps: Partial<typeof props> = {
+    collapsed: options.isMobile ? false : options.desktopCollapsed
+  };
+  if (props.onNavigate) nextProps.onNavigate = wrapHandler(props.onNavigate);
+  if (props.onSelect) nextProps.onSelect = wrapHandler(props.onSelect);
+
+  return cloneElement(sidebar, nextProps);
+}
+
+export type ConsoleShellProps = {
+  navItems?: GcsaNavItem[];
+  activeKey?: string;
+  productName?: string;
+  productTagline?: string;
+  brandMark?: string;
+  title?: string;
+  eyebrow?: string;
+  subtitle?: string;
+  pageDescription?: string;
+  collapsible?: boolean;
+  collapsed?: boolean;
+  sidebar?: ReactNode;
+  header?: ReactNode;
+  actions?: ReactNode;
+  children?: ReactNode;
+  onNavSelect?: (item: GcsaNavItem) => void;
+  onActiveKeyChange?: (key: string) => void;
+  onCollapsedChange?: (collapsed: boolean) => void;
+};
+
+export function ConsoleShell({
+  navItems,
+  activeKey = '',
+  productName = 'GCSA',
+  productTagline = 'Console',
+  brandMark,
+  title,
+  eyebrow,
+  subtitle,
+  pageDescription,
+  collapsible = true,
+  collapsed = false,
+  sidebar,
+  header,
+  actions,
+  children,
+  onNavSelect,
+  onActiveKeyChange,
+  onCollapsedChange
+}: ConsoleShellProps) {
+  const [isMobile, setIsMobile] = useState(false);
+  const [mobileSidebarOpen, setMobileSidebarOpen] = useState(false);
+  const [desktopCollapsed, setDesktopCollapsed] = useState(collapsed);
+
+  const hasPresetSidebar = Boolean(navItems?.length);
+  const hasSidebar = Boolean(sidebar || hasPresetSidebar);
+  const hasHeader = Boolean(header || title);
+  const showHeaderBar = hasHeader || (collapsible && hasSidebar);
+  const showSiderToggle = collapsible && hasSidebar;
+  const showMobileScrim = collapsible && isMobile && mobileSidebarOpen;
+
+  const messages = useGcsaLocaleMessages();
+
+  const shellClasses = [
+    'gcsa-console-shell',
+    'gcsa-ui-surface',
+    !isMobile && desktopCollapsed ? 'gcsa-console-shell--sidebar-collapsed' : '',
+    isMobile && mobileSidebarOpen ? 'gcsa-console-shell--sidebar-open' : ''
+  ]
+    .filter(Boolean)
+    .join(' ');
+
+  const siderToggleIcon: GcsaIconName =
+    isMobile || !desktopCollapsed ? 'menu' : 'chevronRight';
+
+  const siderToggleExpanded = isMobile ? mobileSidebarOpen : !desktopCollapsed;
+
+  const siderToggleLabel = isMobile
+    ? mobileSidebarOpen
+      ? messages.shellCloseNav
+      : messages.shellOpenNav
+    : desktopCollapsed
+      ? messages.shellExpandSider
+      : messages.shellCollapseSider;
+
+  useEffect(() => {
+    setDesktopCollapsed(collapsed);
+  }, [collapsed]);
+
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+
+    const mediaQuery = window.matchMedia('(max-width: 960px)');
+    const syncMobileState = (matches: boolean) => {
+      setIsMobile(matches);
+      if (matches) {
+        setMobileSidebarOpen(false);
+      }
+    };
+
+    syncMobileState(mediaQuery.matches);
+    const onChange = (event: MediaQueryListEvent) => syncMobileState(event.matches);
+    mediaQuery.addEventListener('change', onChange);
+
+    return () => {
+      mediaQuery.removeEventListener('change', onChange);
+    };
+  }, []);
+
+  useEffect(() => {
+    const onKeydown = (event: KeyboardEvent) => {
+      if (event.key === 'Escape' && isMobile && mobileSidebarOpen) {
+        setMobileSidebarOpen(false);
+      }
+    };
+    document.addEventListener('keydown', onKeydown);
+    return () => {
+      document.removeEventListener('keydown', onKeydown);
+    };
+  }, [isMobile, mobileSidebarOpen]);
+
+  const toggleSidebar = () => {
+    if (isMobile) {
+      setMobileSidebarOpen(prev => !prev);
+      return;
+    }
+    const next = !desktopCollapsed;
+    setDesktopCollapsed(next);
+    onCollapsedChange?.(next);
+  };
+
+  const closeMobileSidebar = () => {
+    setMobileSidebarOpen(false);
+  };
+
+  const onNavItemSelect = (item: GcsaNavItem) => {
+    if (isMobile) {
+      setMobileSidebarOpen(false);
+    }
+    onNavSelect?.(item);
+    onActiveKeyChange?.(item.key);
+  };
+
+  const sidebarNode = sidebar
+    ? enhanceSidebarNode(sidebar, {
+        isMobile,
+        desktopCollapsed,
+        onMobileNavigate: closeMobileSidebar
+      })
+    : hasPresetSidebar
+      ? (
+          <ConsoleSidebar
+            items={navItems!}
+            activeKey={activeKey}
+            collapsed={isMobile ? false : desktopCollapsed}
+            productName={productName}
+            productTagline={productTagline}
+            brandMark={brandMark}
+            onSelect={onNavItemSelect}
+          />
+        )
+      : null;
+
+  const headerNode =
+    header ??
+    (title ? (
+      <ConsoleHeader title={title} eyebrow={eyebrow} subtitle={subtitle} actions={actions} />
+    ) : null);
+
+  return (
+    <div className={shellClasses}>
+      {showMobileScrim ? (
+        <button
+          type="button"
+          className="gcsa-console-shell__scrim"
+          aria-label={messages.shellCloseNav}
+          onClick={closeMobileSidebar}
+        />
+      ) : null}
+
+      <aside
+        className="gcsa-console-shell__sidebar"
+        aria-hidden={isMobile && !mobileSidebarOpen ? true : undefined}
+      >
+        {sidebarNode}
+      </aside>
+
+      <section className="gcsa-console-shell__main">
+        {showHeaderBar ? (
+          <header className="gcsa-console-shell__header">
+            <div className="gcsa-console-shell__header-row">
+              {showSiderToggle ? (
+                <button
+                  type="button"
+                  className="gcsa-console-shell__sider-toggle gcsa-focus-ring"
+                  aria-expanded={siderToggleExpanded}
+                  aria-label={siderToggleLabel}
+                  onClick={toggleSidebar}
+                >
+                  <GcsaIcon name={siderToggleIcon} />
+                </button>
+              ) : null}
+              <div className="gcsa-console-shell__header-body">{headerNode}</div>
+            </div>
+          </header>
+        ) : null}
+        <main className="gcsa-console-shell__content" id="gcsa-console-main">
+          <div key={activeKey} className="gcsa-console-shell__content-inner">
+            {pageDescription ? <ConsolePage description={pageDescription}>{children}</ConsolePage> : children}
+          </div>
+        </main>
+      </section>
+    </div>
+  );
+}