persian-data-grid 0.5.0 → 0.6.0

package/dist/chunk-QQMU44KJ.js

@@ -0,0 +1,612 @@
+import { getLocalePack, resolveDirection } from './chunk-SZ7BLAY3.js';
+import { jalaliAdapter, pad2, gregorianDateToJalali, jalaliToGregorianDate, jalaliMonthLength } from './chunk-GQEDLUMB.js';
+import { subscribeCatalogHostEvents } from './chunk-MUQQKPWR.js';
+import { normalizeDigits } from './chunk-AU3RDJYQ.js';
+import { createContext, useMemo, useEffect, useContext, useState, useCallback, useRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// infrastructure/date/gregorianAdapter.ts
+var ISO_RE = /^(\d{4})-(\d{2})-(\d{2})$/;
+var SLASH_RE = /^(\d{4})[/\-.](\d{1,2})[/\-.](\d{1,2})$/;
+function utcDay(y, m, d) {
+  return new Date(Date.UTC(y, m - 1, d, 12, 0, 0));
+}
+function asUtcDay(date) {
+  return utcDay(date.getUTCFullYear(), date.getUTCMonth() + 1, date.getUTCDate());
+}
+var gregorianAdapter = {
+  id: "gregory",
+  parse(input) {
+    if (input == null || input === "") return null;
+    if (input instanceof Date && !Number.isNaN(input.getTime())) {
+      return asUtcDay(input);
+    }
+    if (typeof input === "number" && Number.isFinite(input)) {
+      const d = new Date(input);
+      return Number.isNaN(d.getTime()) ? null : asUtcDay(d);
+    }
+    const text = normalizeDigits(String(input).trim());
+    const iso = ISO_RE.exec(text);
+    if (iso) {
+      return utcDay(Number(iso[1]), Number(iso[2]), Number(iso[3]));
+    }
+    const slash = SLASH_RE.exec(text);
+    if (slash) {
+      return utcDay(Number(slash[1]), Number(slash[2]), Number(slash[3]));
+    }
+    const fallback = new Date(text);
+    return Number.isNaN(fallback.getTime()) ? null : asUtcDay(fallback);
+  },
+  format(date) {
+    const d = asUtcDay(date);
+    return `${d.getUTCFullYear()}-${pad2(d.getUTCMonth() + 1)}-${pad2(d.getUTCDate())}`;
+  },
+  addDays(date, days) {
+    const next = asUtcDay(date);
+    next.setUTCDate(next.getUTCDate() + days);
+    return next;
+  },
+  startOfMonth(date) {
+    const d = asUtcDay(date);
+    return utcDay(d.getUTCFullYear(), d.getUTCMonth() + 1, 1);
+  },
+  compare(a, b) {
+    return asUtcDay(a).getTime() - asUtcDay(b).getTime();
+  }
+};
+
+// infrastructure/date/jalaliCalendarModel.ts
+var MONTH_NAMES_FA = [
+  "\u0641\u0631\u0648\u0631\u062F\u06CC\u0646",
+  "\u0627\u0631\u062F\u06CC\u0628\u0647\u0634\u062A",
+  "\u062E\u0631\u062F\u0627\u062F",
+  "\u062A\u06CC\u0631",
+  "\u0645\u0631\u062F\u0627\u062F",
+  "\u0634\u0647\u0631\u06CC\u0648\u0631",
+  "\u0645\u0647\u0631",
+  "\u0622\u0628\u0627\u0646",
+  "\u0622\u0630\u0631",
+  "\u062F\u06CC",
+  "\u0628\u0647\u0645\u0646",
+  "\u0627\u0633\u0641\u0646\u062F"
+];
+var JALALI_WEEKDAY_LABELS_FA = [
+  "\u0634",
+  "\u06CC",
+  "\u062F",
+  "\u0633",
+  "\u0686",
+  "\u067E",
+  "\u062C"
+];
+function jalaliMonthName(jm) {
+  return MONTH_NAMES_FA[jm - 1] ?? String(jm);
+}
+function toJalaliYmd(date) {
+  return gregorianDateToJalali(utcNoon(date));
+}
+function sameJalaliDay(a, b) {
+  const x = toJalaliYmd(a);
+  const y = toJalaliYmd(b);
+  return x.jy === y.jy && x.jm === y.jm && x.jd === y.jd;
+}
+function compareJalaliDay(a, b) {
+  return utcNoon(a).getTime() - utcNoon(b).getTime();
+}
+function addJalaliMonths(jy, jm, delta) {
+  const idx = jy * 12 + (jm - 1) + delta;
+  return {
+    jy: Math.floor(idx / 12),
+    jm: idx % 12 + 1
+  };
+}
+function buildJalaliMonthGrid(jy, jm) {
+  const first = jalaliToGregorianDate(jy, jm, 1);
+  const jsDow = first.getUTCDay();
+  const jalaliWeekStart = (jsDow + 1) % 7;
+  const daysInMonth = jalaliMonthLength(jy, jm);
+  const cells = [];
+  for (let i = 0; i < 42; i += 1) {
+    const offset = i - jalaliWeekStart;
+    let cellJy = jy;
+    let cellJm = jm;
+    let cellJd;
+    let inCurrentMonth = true;
+    if (offset < 0) {
+      const prev = addJalaliMonths(jy, jm, -1);
+      cellJy = prev.jy;
+      cellJm = prev.jm;
+      cellJd = jalaliMonthLength(cellJy, cellJm) + offset + 1;
+      inCurrentMonth = false;
+    } else if (offset >= daysInMonth) {
+      const next = addJalaliMonths(jy, jm, 1);
+      cellJy = next.jy;
+      cellJm = next.jm;
+      cellJd = offset - daysInMonth + 1;
+      inCurrentMonth = false;
+    } else {
+      cellJd = offset + 1;
+    }
+    const date = jalaliToGregorianDate(cellJy, cellJm, cellJd);
+    cells.push({
+      ymd: { jy: cellJy, jm: cellJm, jd: cellJd },
+      date,
+      inCurrentMonth,
+      weekday: i % 7
+    });
+  }
+  return cells;
+}
+function isDateInRange(date, range) {
+  if (!range.start) return false;
+  if (!range.end) return sameJalaliDay(date, range.start);
+  const t = utcNoon(date).getTime();
+  const a = utcNoon(range.start).getTime();
+  const b = utcNoon(range.end).getTime();
+  return t >= Math.min(a, b) && t <= Math.max(a, b);
+}
+function utcNoon(date) {
+  return new Date(
+    Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), 12)
+  );
+}
+
+// ui/theme/GridTheme.ts
+function aliasErpTokens(vars) {
+  const out = {};
+  for (const [key, value] of Object.entries(vars)) {
+    if (key.startsWith("--pdg-")) {
+      out[`--erp-${key.slice("--pdg-".length)}`] = value;
+    }
+  }
+  return out;
+}
+var GridTheme = class _GridTheme {
+  constructor(params, extraCssVars = {}) {
+    this.params = params;
+    this.extraCssVars = extraCssVars;
+  }
+  withParams(partial) {
+    return new _GridTheme({ ...this.params, ...partial }, this.extraCssVars);
+  }
+  withExtraCssVars(extra) {
+    return new _GridTheme(this.params, { ...this.extraCssVars, ...extra });
+  }
+  toCssVars() {
+    const p = this.params;
+    const roles = {
+      "--pdg-bg": p.backgroundColor,
+      "--pdg-fg": p.foregroundColor,
+      "--pdg-accent": p.accentColor,
+      "--pdg-header-bg": p.headerBackgroundColor,
+      "--pdg-row-stripe": p.rowStripeColor,
+      "--pdg-row-selected": p.rowSelectedColor,
+      "--pdg-border": p.borderColor,
+      "--pdg-danger": p.dangerColor,
+      "--pdg-search-match": p.searchMatchColor,
+      "--pdg-font": p.fontFamily,
+      "--pdg-row-height": `${p.rowHeight}px`,
+      "--pdg-font-size": `${p.cellFontSize}px`,
+      "--pdg-radius": p.borderRadius
+    };
+    return {
+      ...roles,
+      ...aliasErpTokens(roles),
+      ...this.extraCssVars,
+      ...aliasErpTokens(this.extraCssVars)
+    };
+  }
+};
+var themeDefault = new GridTheme({
+  backgroundColor: "#fff",
+  foregroundColor: "#292929",
+  accentColor: "#0658b0",
+  headerBackgroundColor: "#f4f4f4",
+  rowStripeColor: "#ddecfd",
+  rowSelectedColor: "#dbeafe",
+  borderColor: "#ececec",
+  dangerColor: "#dc2626",
+  searchMatchColor: "#facc15",
+  fontFamily: "IRANSans, Tahoma, sans-serif",
+  rowHeight: 40,
+  cellFontSize: 12,
+  borderRadius: "0.25rem"
+});
+var themeErp = themeDefault;
+var DARK_PALETTE_VARS = {
+  "--pdg-main-white": "#171717",
+  "--pdg-main-black": "#f4f4f4",
+  "--pdg-gray-3": "#262626",
+  "--pdg-gray-5": "#404040",
+  "--pdg-gray-6": "#525252",
+  "--pdg-gray-7": "#a3a3a3",
+  "--pdg-gray-8": "#d4d4d4",
+  "--pdg-gray-85": "#d4d4d4",
+  "--pdg-gray-9": "#e5e5e5",
+  "--pdg-gray-10": "#f5f5f5",
+  "--pdg-gray-11": "#fafafa",
+  "--pdg-black-6": "#f4f4f4",
+  "--pdg-blue-6": "#60a5fa",
+  "--pdg-blue-11": "#1e3a5f",
+  "--pdg-blue-100": "#1e3a8a",
+  "--pdg-red-100": "#7f1d1d",
+  "--pdg-red-300": "#fca5a5",
+  "--pdg-red-600": "#f87171",
+  "--pdg-yellow-200": "#854d0e",
+  "--pdg-yellow-400": "#eab308",
+  "--pdg-zinc-200": "#3f3f46",
+  "--pdg-neutral-500": "#a3a3a3",
+  "--pdg-gray-100": "#27272a",
+  "--pdg-scrollbar": "#525252",
+  "--pdg-overlay": "rgba(0, 0, 0, 0.55)"
+};
+var themeDark = themeDefault.withParams({
+  backgroundColor: "#171717",
+  foregroundColor: "#f4f4f4",
+  accentColor: "#60a5fa",
+  headerBackgroundColor: "#262626",
+  rowStripeColor: "#1e3a5f",
+  rowSelectedColor: "#1e3a8a",
+  borderColor: "#404040",
+  dangerColor: "#f87171",
+  searchMatchColor: "#eab308"
+}).withExtraCssVars(DARK_PALETTE_VARS);
+var themeErpDark = themeDark;
+
+// ui/theme/resolveActiveTheme.ts
+function themeParamsEqual(a, b) {
+  return a.backgroundColor === b.backgroundColor && a.foregroundColor === b.foregroundColor && a.accentColor === b.accentColor && a.headerBackgroundColor === b.headerBackgroundColor && a.rowStripeColor === b.rowStripeColor && a.rowSelectedColor === b.rowSelectedColor && a.borderColor === b.borderColor && a.dangerColor === b.dangerColor && a.searchMatchColor === b.searchMatchColor && a.fontFamily === b.fontFamily && a.rowHeight === b.rowHeight && a.cellFontSize === b.cellFontSize && a.borderRadius === b.borderRadius;
+}
+function isStockLightTheme(theme) {
+  return themeParamsEqual(theme.params, themeErp.params);
+}
+function isStockDarkTheme(theme) {
+  return themeParamsEqual(theme.params, themeErpDark.params);
+}
+function isStockTheme(theme) {
+  return isStockLightTheme(theme) || isStockDarkTheme(theme);
+}
+function resolveActiveTheme(input) {
+  const requested = input.requested ?? themeErp;
+  const locked = !isStockTheme(requested);
+  if (locked) return { theme: requested, locked: true };
+  return {
+    theme: input.preferDark ? themeErpDark : themeErp,
+    locked: false
+  };
+}
+
+// ui/theme/applyCssVars.ts
+var lastVars = themeErp.toCssVars();
+function rememberThemeVars(vars) {
+  lastVars = vars;
+}
+function themeToStyle(theme, extra) {
+  return { ...theme.toCssVars(), ...extra };
+}
+function assignThemeVars(el, vars = lastVars) {
+  for (const [key, value] of Object.entries(vars)) {
+    el.style.setProperty(key, value);
+  }
+}
+
+// ui/host/messages.ts
+var FA_MESSAGES = getLocalePack("fa");
+var EN_MESSAGES = getLocalePack("en");
+var AR_MESSAGES = getLocalePack("ar");
+function translate(key, locale, overrides) {
+  const pack = getLocalePack(locale);
+  return overrides?.[key] ?? pack[key] ?? key;
+}
+function formatMessage(template, vars) {
+  return template.replace(/\{(\w+)\}/g, (_, name) => {
+    const value = vars[name];
+    return value == null ? `{${name}}` : String(value);
+  });
+}
+function defaultDateAdapter(locale) {
+  return locale === "fa" ? jalaliAdapter : gregorianAdapter;
+}
+var ERPTableHostContext = createContext({
+  locale: "fa",
+  direction: "rtl",
+  dateAdapter: jalaliAdapter,
+  theme: themeErp,
+  themeToggle: true,
+  themeLocked: false
+});
+function ERPTableHostProvider({
+  children,
+  locale = "fa",
+  direction,
+  numberingSystem,
+  dateAdapter,
+  remoteApi,
+  messages,
+  onToast,
+  theme = themeErp,
+  themeToggle = true,
+  themeLocked = false,
+  onToggleTheme,
+  components,
+  filterComponents,
+  columnMenuItems,
+  onColumnMenuAction,
+  useDependOn
+}) {
+  const value = useMemo(
+    () => ({
+      locale,
+      direction: resolveDirection(locale, direction),
+      numberingSystem,
+      dateAdapter: dateAdapter ?? defaultDateAdapter(locale),
+      remoteApi,
+      messages,
+      onToast,
+      theme,
+      themeToggle,
+      themeLocked,
+      onToggleTheme,
+      components,
+      filterComponents,
+      columnMenuItems,
+      onColumnMenuAction,
+      useDependOn
+    }),
+    [
+      locale,
+      direction,
+      numberingSystem,
+      dateAdapter,
+      remoteApi,
+      messages,
+      onToast,
+      theme,
+      themeToggle,
+      themeLocked,
+      onToggleTheme,
+      components,
+      filterComponents,
+      columnMenuItems,
+      onColumnMenuAction,
+      useDependOn
+    ]
+  );
+  useEffect(() => {
+    rememberThemeVars(theme.toCssVars());
+  }, [theme]);
+  return /* @__PURE__ */ jsx(ERPTableHostContext.Provider, { value, children });
+}
+function useERPTableHost() {
+  return useContext(ERPTableHostContext);
+}
+function useERPTableTheme() {
+  return useERPTableHost().theme ?? themeErp;
+}
+function useThemePortalStyle(extra) {
+  const theme = useERPTableTheme();
+  return themeToStyle(theme, extra);
+}
+function useTranslations() {
+  const { locale, messages } = useERPTableHost();
+  return (key, vars) => {
+    const raw = translate(key, locale, messages);
+    return vars ? formatMessage(raw, vars) : raw;
+  };
+}
+function useLocale() {
+  return useERPTableHost().locale;
+}
+function useNumberingSystem() {
+  return useERPTableHost().numberingSystem;
+}
+function useDateAdapter() {
+  return useERPTableHost().dateAdapter ?? jalaliAdapter;
+}
+function useDirection() {
+  return useERPTableHost().direction;
+}
+
+// ui/host/dependOn.ts
+var toList = (dependOn) => !dependOn ? [] : Array.isArray(dependOn) ? dependOn : [dependOn];
+var getDependFieldName = (item) => typeof item === "string" ? item : item.fieldName;
+var getStaticDependValue = (item) => typeof item === "object" ? item.value : void 0;
+var hasDependValue = (dependOn, resolve = getStaticDependValue) => toList(dependOn).every((item) => resolve(item) != null);
+var buildDependencyBody = (dependOn, resolve = getStaticDependValue) => Object.fromEntries(
+  toList(dependOn).map((item) => [getDependFieldName(item), resolve(item)])
+);
+var useStaticDependOn = (dependOn, options) => {
+  const unwrap = (value) => options?.unwrapObjectValue && value !== null && typeof value === "object" && !Array.isArray(value) && "value" in value ? value.value : value;
+  const resolve = (item) => unwrap(getStaticDependValue(item));
+  return {
+    isReady: hasDependValue(dependOn, resolve),
+    dependencyBody: buildDependencyBody(dependOn, resolve),
+    dependencyKey: JSON.stringify(dependOn ?? null)
+  };
+};
+var useHostDependOn = (dependOn, options) => {
+  const host = useERPTableHost();
+  const hook = host.useDependOn ?? useStaticDependOn;
+  return hook(dependOn, options);
+};
+
+// ui/host/bindGridHostEvents.ts
+function selectedKeysEqual(a, b) {
+  const left = Object.keys(a ?? {});
+  const right = Object.keys(b ?? {});
+  if (left.length !== right.length) return false;
+  return left.every((key) => {
+    const id = Number(key);
+    return Boolean(a?.[id]) === Boolean(b?.[id]);
+  });
+}
+function activeCellEqual(a, b) {
+  return a?.rowId === b?.rowId && a?.columnId === b?.columnId;
+}
+function selectedRowIds(selected) {
+  return Object.keys(selected ?? {}).map(Number).filter((id) => Number.isFinite(id) && Boolean(selected?.[id]));
+}
+function bindGridHostEvents(input) {
+  const { eventStore, controller, tableKey, handlers } = input;
+  const unsubCatalog = subscribeCatalogHostEvents(
+    eventStore,
+    {
+      tableId: tableKey,
+      getRowData: (rowId) => controller.getAllRows()?.find((row) => row.id.value === rowId)?.data,
+      getAllRowData: () => (controller.getAllRows() ?? []).map((row) => row.data).filter((data) => data !== void 0)
+    },
+    handlers
+  );
+  const unsubSelection = controller.subscribeSelected(
+    () => controller.getSelectedRows(),
+    (selected) => {
+      const ids = selectedRowIds(selected);
+      const rows = controller.getAllRows() ?? [];
+      const selectedRows = ids.map((id) => rows.find((row) => row.id.value === id)?.data).filter((data) => data !== void 0);
+      handlers.onSelectionChanged?.({
+        selectedRowIds: ids,
+        selectedRows
+      });
+    },
+    selectedKeysEqual
+  );
+  const unsubFocus = controller.subscribeSelected(
+    () => controller.getActiveCell(),
+    (cell) => {
+      handlers.onCellFocused?.({
+        rowId: cell?.rowId ?? null,
+        colId: cell?.columnId ?? null
+      });
+    },
+    activeCellEqual
+  );
+  return () => {
+    unsubCatalog();
+    unsubSelection();
+    unsubFocus();
+  };
+}
+var QUERIES = {
+  XLUP: "(min-width: 1024px)",
+  XXLUP: "(min-width: 1366px)"
+};
+function useMediaQuery(query) {
+  const media = QUERIES[query] ?? query;
+  const [match, setMatch] = useState(() => {
+    if (typeof window === "undefined") return null;
+    return window.matchMedia(media).matches;
+  });
+  useEffect(() => {
+    const mql = window.matchMedia(media);
+    const onChange = () => setMatch(mql.matches);
+    onChange();
+    mql.addEventListener("change", onChange);
+    return () => mql.removeEventListener("change", onChange);
+  }, [media]);
+  return { match };
+}
+function useRemoteQuery(args) {
+  const { remoteApi } = useERPTableHost();
+  const [data, setData] = useState(null);
+  const [isFetching, setIsFetching] = useState(false);
+  const refetch = useCallback(async () => {
+    if (!args.url || args.skip || !remoteApi) {
+      setData(null);
+      return;
+    }
+    setIsFetching(true);
+    try {
+      const response = await remoteApi.request({
+        endpoint: args.url,
+        params: args.body,
+        method: "POST"
+      });
+      setData(response ?? null);
+    } finally {
+      setIsFetching(false);
+    }
+  }, [args.url, args.skip, args.noCache, JSON.stringify(args.body ?? {}), remoteApi]);
+  useEffect(() => {
+    void refetch();
+  }, [refetch]);
+  return { data, isFetching, refetch };
+}
+function useLazyRemote() {
+  const { remoteApi } = useERPTableHost();
+  const [data, setData] = useState(null);
+  const [isFetching, setIsFetching] = useState(false);
+  const trigger = useCallback(
+    async (args) => {
+      if (!args.url || !remoteApi) {
+        setData(null);
+        return;
+      }
+      setIsFetching(true);
+      try {
+        const response = await remoteApi.request({ endpoint: args.url, params: args.body, method: "POST" });
+        setData(response ?? null);
+      } finally {
+        setIsFetching(false);
+      }
+    },
+    [remoteApi]
+  );
+  return [trigger, { data, isFetching }];
+}
+
+// ui/host/toast.ts
+function showSuccessToast(message, _detail) {
+  const text = String(message ?? "");
+  emitToast("success", text);
+}
+function showErrorToast(message, _detail) {
+  const text = String(message ?? "");
+  emitToast("error", text);
+}
+function emitToast(kind, message) {
+  if (typeof document === "undefined") return;
+  const existing = document.querySelector(".erp-table-toast");
+  existing?.remove();
+  const el = document.createElement("div");
+  el.className = `erp-table-toast is-${kind}`;
+  el.textContent = message;
+  assignThemeVars(el);
+  document.body.appendChild(el);
+  window.setTimeout(() => el.remove(), 2800);
+}
+function useHostToast() {
+  const host = useERPTableHost();
+  return {
+    success: (message, detail) => {
+      if (host.onToast) host.onToast("success", message, detail);
+      else showSuccessToast(message);
+    },
+    error: (message, detail) => {
+      if (host.onToast) host.onToast("error", message, detail);
+      else showErrorToast(message);
+    }
+  };
+}
+function useGridHostEvents(input) {
+  const handlersRef = useRef(input);
+  handlersRef.current = input;
+  useEffect(() => {
+    if (!input.ready || !input.controller || !input.eventStore) return;
+    return bindGridHostEvents({
+      eventStore: input.eventStore,
+      controller: input.controller,
+      tableKey: input.tableKey,
+      handlers: {
+        onCellValueChanged: (event) => handlersRef.current.onCellValueChanged?.(event),
+        onRowValueChanged: (event) => handlersRef.current.onRowValueChanged?.(event),
+        onRowDataUpdated: (event) => handlersRef.current.onRowDataUpdated?.(event),
+        onSelectionChanged: (event) => handlersRef.current.onSelectionChanged?.(event),
+        onCellFocused: (event) => handlersRef.current.onCellFocused?.(event)
+      }
+    });
+  }, [input.ready, input.controller, input.eventStore, input.tableKey]);
+}
+
+export { AR_MESSAGES, EN_MESSAGES, ERPTableHostProvider, FA_MESSAGES, GridTheme, JALALI_WEEKDAY_LABELS_FA, addJalaliMonths, bindGridHostEvents, buildDependencyBody, buildJalaliMonthGrid, compareJalaliDay, gregorianAdapter, hasDependValue, isDateInRange, isStockDarkTheme, jalaliMonthName, resolveActiveTheme, sameJalaliDay, themeDark, themeDefault, themeErp, themeErpDark, themeToStyle, toJalaliYmd, translate, useDateAdapter, useDirection, useERPTableHost, useERPTableTheme, useGridHostEvents, useHostDependOn, useHostToast, useLazyRemote, useLocale, useMediaQuery, useNumberingSystem, useRemoteQuery, useStaticDependOn, useThemePortalStyle, useTranslations };
+//# sourceMappingURL=chunk-QQMU44KJ.js.map
+//# sourceMappingURL=chunk-QQMU44KJ.js.map