@isi-ui7/bos7-shared 0.3.8 → 0.3.10

package/dist/detail-modal-field.d.ts

@@ -0,0 +1,47 @@
+import { ReactNode } from 'react';
+import { DetailModalConfig, FormMode, FormSection } from './form-types';
+import { BosSharedLabels } from './i18n';
+
+/**
+ * Tabel ringkas + modal form per baris — badan tipe field `detail-modal`.
+ *
+ * Semua gaya di sini INLINE (atau memakai kelas `ui7-form-*` yang sudah ikut
+ * `corporate-themes/dist/globals.css`), mengikuti `wizard-stepper.tsx`.
+ * Sengaja tidak ada berkas `.css` bersebelahan: `packages/bos7-shared` tidak
+ * punya `sideEffects`, tidak punya titik impor CSS, dan `form-contract.css`
+ * membuktikan jalur itu berakhir sebagai berkas yang tidak pernah dimuat siapa
+ * pun — komponennya tetap jalan, hanya tampilannya rusak, tanpa satu pun galat.
+ */
+export type DetailModalFieldProps = {
+    /** Dipakai untuk id/aria yang unik antar field dalam satu form. */
+    fieldKey: string;
+    label: ReactNode;
+    required?: boolean;
+    helperText?: ReactNode;
+    config: DetailModalConfig;
+    rows: Record<string, unknown>[];
+    mode: FormMode;
+    /** View mode atau field readonly: tabel tetap tampil, aksinya hilang. */
+    readOnly: boolean;
+    disabled: boolean;
+    labels: BosSharedLabels;
+    /** Pesan galat tingkat field dari validator form induk. */
+    invalidText?: string;
+    onChange: (rows: Record<string, unknown>[]) => void;
+    /**
+     * Perender form untuk isi modal.
+     *
+     * Disuntikkan dari `form-renderer.tsx` alih-alih di-import langsung supaya
+     * tidak ada lingkaran impor antara kedua modul — `form-renderer` sudah
+     * meng-import berkas ini.
+     */
+    renderForm: (props: {
+        value: Record<string, unknown>;
+        sections: FormSection<Record<string, unknown>>[];
+        mode: FormMode;
+        errors: Partial<Record<string, string>>;
+        disabled: boolean;
+        onChange: (patch: Partial<Record<string, unknown>>) => void;
+    }) => ReactNode;
+};
+export declare function DetailModalField({ fieldKey, label, required, helperText, config, rows, mode, readOnly, disabled, labels, invalidText, onChange, renderForm, }: DetailModalFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/form-types.d.ts

@@ -19,7 +19,7 @@ export type FieldValidation<TData extends Record<string, unknown>> = {
     /** Array of validators — compose Rules.* or custom functions. Runs after built-in rules. */
     validators?: FieldValidatorFn<TData>[];
 };
-export type FormFieldType = "text" | "textarea" | "number" | "date" | "datetime" | "select" | "lookup" | "checkbox" | "toggle" | "detail-rows";
+export type FormFieldType = "text" | "textarea" | "number" | "date" | "datetime" | "select" | "lookup" | "checkbox" | "toggle" | "detail-rows" | "detail-modal";
 /**
  * Select option. `value` may be a number for numeric-coded columns (e.g.
  * kolektibilitas 1–5); the renderer compares via `String(value)` and the
@@ -106,6 +106,93 @@ export type DetailRowsConfig = {
      */
     lockExistingRows?: boolean;
 };
+/**
+ * Satu kolom pada tabel RINGKAS `detail-modal`.
+ *
+ * Sengaja BUKAN `EditableColumnDef`: kolom di sini hanya menampilkan, tidak
+ * pernah menyunting — penyuntingan seluruhnya terjadi di dalam modal. Memakai
+ * `EditableColumnDef` akan menuntut `columnType` untuk setiap kolom padahal
+ * tipe itu hanya menentukan editor sel yang tidak akan pernah dipakai.
+ */
+export type DetailModalColumn = {
+    /** Nama properti pada baris. */
+    field: string;
+    header: ReactNode;
+    /** Lebar kolom dalam piksel. Tanpa ini kolom ikut lebar isi. */
+    width?: number;
+    /** `end` untuk angka. Default `start`. */
+    align?: "start" | "end";
+    /**
+     * Ubah nilai mentah jadi tampilan. Tanpa ini nilai kosong tampil sebagai
+     * em-dash (`labels.emptyValue`) dan sisanya lewat `String(value)`.
+     *
+     * ⚠️ Kolom ringkas menampilkan nilai SIMPAN, bukan label. Untuk field
+     * `select`, `String(value)` menghasilkan kodenya ("M"), bukan "Laki-laki" —
+     * pakai `format` bila yang harus terbaca operator adalah labelnya.
+     */
+    format?: (value: unknown, row: Record<string, unknown>) => ReactNode;
+};
+/**
+ * Detail-modal config — tabel RINGKAS + tombol Tambah yang membuka modal
+ * berisi form penuh untuk SATU baris.
+ *
+ * Bedanya dengan `detail-rows`: `detail-rows` menyunting DI DALAM sel, jadi
+ * setiap field baris harus muat sebagai satu kolom. Begitu satu baris punya
+ * belasan field (Beneficial Owner: ~20 field + dua blok alamat), barisnya jadi
+ * selebar beberapa layar dan tidak ada tempat untuk alur per-baris seperti cek
+ * identitas. `detail-modal` memindahkan seluruh form baris ke modal, dan
+ * menyisakan hanya beberapa kolom penanda di tabel.
+ *
+ * Nilai field di `key` harus berupa array objek biasa; renderer membaca dan
+ * menulis array itu secara utuh lewat `onChange({ [key]: newRows })` — sama
+ * seperti `detail-rows`.
+ *
+ * Isi modal dirender oleh `SchemaFormRenderer` yang sama dengan form induknya,
+ * jadi SEMUA tipe field yang sudah ada (lookup, date, numeric, toggle, bahkan
+ * `FormSection.render`) langsung bisa dipakai di dalam baris tanpa tambahan
+ * apa pun di sini.
+ */
+export type DetailModalConfig = {
+    /**
+     * Form untuk SATU baris. Section-nya sama persis dengan section form biasa,
+     * dan `TData`-nya adalah barisnya — bukan form induk.
+     */
+    sections: FormSection<Record<string, unknown>>[];
+    /** Kolom yang tampil di tabel ringkas. Boleh sebagian kecil saja dari field baris. */
+    columns: DetailModalColumn[];
+    newRowFactory: () => Record<string, unknown>;
+    /**
+     * Aturan lintas-field untuk satu baris, dijalankan SETELAH validasi per-field
+     * milik `sections`. Kuncinya nama field; hasilnya menimpa error per-field.
+     *
+     * `index` adalah posisi baris — untuk baris baru, posisi tempat ia akan
+     * mendarat (`rows.length`).
+     */
+    validateRow?: (row: Record<string, unknown>, index: number) => Record<string, string>;
+    /** Batas jumlah baris. Tombol Tambah nonaktif setelah tercapai. */
+    maxRows?: number;
+    /** Teks tombol tambah, mis. "Tambah Ahli Waris". Default: "Tambah". */
+    addLabel?: ReactNode;
+    /** Judul modal saat menambah. Default: "Tambah Data". */
+    addModalTitle?: ReactNode;
+    /** Judul modal saat mengubah. Default: "Ubah Data". */
+    editModalTitle?: ReactNode;
+    /** Teks saat tabel kosong. Default: "Belum ada data." */
+    emptyText?: ReactNode;
+    /** Lebar modal Carbon. Default `lg` — form baris biasanya padat. */
+    modalSize?: "xs" | "sm" | "md" | "lg";
+    /** Izinkan membuka baris yang sudah ada untuk diubah. Default `true`. */
+    allowEdit?: boolean;
+    /** Izinkan menghapus baris. Default `true`. */
+    allowDelete?: boolean;
+    /**
+     * Kunci React per baris. Default memakai indeks.
+     *
+     * Berguna bila baris punya identitas sendiri (mis. `person_id`) supaya state
+     * modal tidak nyangkut ke baris lain setelah penghapusan di tengah.
+     */
+    rowKey?: (row: Record<string, unknown>, index: number) => string;
+};
 export type FormField<TData extends Record<string, unknown>> = {
     key: keyof TData;
     label: ReactNode;
@@ -138,6 +225,7 @@ export type FormField<TData extends Record<string, unknown>> = {
     numeric?: FormFieldNumericConfig<TData>;
     toggle?: FormFieldToggleConfig;
     detailRows?: DetailRowsConfig;
+    detailModal?: DetailModalConfig;
     format?: (value: TData[keyof TData], data: TData) => ReactNode;
     validation?: FieldValidation<TData>;
 };

package/dist/i18n.d.ts

@@ -34,5 +34,14 @@ export type BosSharedLabels = {
     deleteTitle: string;
     deleteDescription: string;
     deleteConfirm: string;
+    /** Tipe field `detail-modal` — tabel ringkas + modal form per baris. */
+    detailAdd: string;
+    detailEdit: string;
+    detailDelete: string;
+    detailEmpty: string;
+    detailNo: string;
+    detailActions: string;
+    detailAddTitle: string;
+    detailEditTitle: string;
 };
 export declare function useBosSharedI18n(): BosSharedLabels;

package/dist/{index-BI2MxWot.js → index-C_114Ysm.js}

@@ -27391,7 +27391,7 @@ function ba(M, L) {
   return String(pr(M, L));
 }
 async function Io(M, L, r) {
-  const { default: x } = await import("./jspdf.es.min-DzRwzM6G.js").then((o) => o.j), { default: w } = await import("./jspdf.plugin.autotable-DFaknRns.js"), c = new x({ orientation: "landscape" });
+  const { default: x } = await import("./jspdf.es.min-C5VEsLZd.js").then((o) => o.j), { default: w } = await import("./jspdf.plugin.autotable-DcntYaes.js"), c = new x({ orientation: "landscape" });
   c.setFontSize(14), c.text(r, 14, 15), c.setFontSize(10), w(c, {
     head: [L.map((o) => o.title)],
     body: M.map((o) => L.map((a) => ba(o[a.field], a.displayFormat))),
@@ -28654,7 +28654,15 @@ function tl() {
     submitEdit: M("bos7.submitEdit", "Update"),
     deleteTitle: M("bos7.deleteTitle", "Konfirmasi Hapus"),
     deleteDescription: M("bos7.deleteDescription", "Data berikut akan dihapus permanen."),
-    deleteConfirm: M("bos7.deleteConfirm", "Hapus")
+    deleteConfirm: M("bos7.deleteConfirm", "Hapus"),
+    detailAdd: M("bos7.detailAdd", "Tambah"),
+    detailEdit: M("bos7.detailEdit", "Ubah"),
+    detailDelete: M("bos7.detailDelete", "Hapus"),
+    detailEmpty: M("bos7.detailEmpty", "Belum ada data."),
+    detailNo: M("bos7.detailNo", "No"),
+    detailActions: M("bos7.detailActions", "Aksi"),
+    detailAddTitle: M("bos7.detailAddTitle", "Tambah Data"),
+    detailEditTitle: M("bos7.detailEditTitle", "Ubah Data")
   };
 }
 function Ri(M, L) {
@@ -28690,77 +28698,77 @@ async function rl(M, L) {
   return o.columnTypes = { ...a, ...L.extraColumnTypes }, Dt.NextResponse.json(o, { status: c.status });
 }
 export {
-  Wi as $,
-  vo as A,
-  Lo as B,
-  Vo as C,
-  wi as D,
-  io as E,
-  Jr as F,
-  Oo as G,
-  Io as H,
-  jo as I,
-  Bo as J,
-  uo as K,
-  ho as L,
-  dr as M,
-  ga as N,
+  Ho as $,
+  Bi as A,
+  lo as B,
+  uo as C,
+  co as D,
+  Eo as E,
+  ko as F,
+  To as G,
+  Ao as H,
+  Co as I,
+  Ro as J,
+  Mo as K,
+  Oo as L,
+  Io as M,
+  Po as N,
   go as O,
-  ko as P,
-  qo as Q,
-  xa as R,
-  Sa as S,
-  ao as T,
-  Wo as U,
-  Ko as V,
-  Go as W,
-  Yo as X,
-  Zo as Y,
-  xo as Z,
-  Do as _,
-  Xo as a,
-  _a as a0,
-  Uo as a1,
-  wa as a2,
-  Qa as a3,
-  rl as a4,
-  Po as a5,
-  $i as a6,
-  _o as a7,
-  Ho as a8,
-  so as a9,
-  Jo as aa,
-  wo as ab,
-  lo as ac,
-  qi as ad,
-  Fi as ae,
-  En as af,
-  tl as ag,
-  Fo as ah,
-  fo as ai,
-  Bi as b,
+  So as P,
+  No as Q,
+  ga as R,
+  ya as S,
+  jo as T,
+  Do as U,
+  Lo as V,
+  Bo as W,
+  Fo as X,
+  wi as Y,
+  Uo as Z,
+  wa as _,
+  rl as a,
+  zo as a0,
+  $o as a1,
+  Bt as a2,
+  Wo as a3,
+  _a as a4,
+  xa as a5,
+  Sa as a6,
+  qo as a7,
+  Vo as a8,
+  Xo as a9,
+  Ko as aa,
+  Go as ab,
+  Yo as ac,
+  Zo as ad,
+  Jo as ae,
+  Qo as af,
+  Za as ag,
+  el as ah,
+  tl as ai,
+  Fi as b,
   Ze as c,
-  yo as d,
-  To as e,
-  Eo as f,
+  fo as d,
+  ho as e,
+  po as f,
   Qi as g,
-  So as h,
-  Bt as i,
-  $o as j,
-  zo as k,
-  Qo as l,
-  Mo as m,
-  Ao as n,
-  Co as o,
-  Ro as p,
-  no as q,
-  el as r,
-  Za as s,
-  No as t,
-  mo as u,
-  co as v,
-  po as w,
-  oo as x,
-  ya as y,
-  bo as z
+  Jr as h,
+  mo as i,
+  bo as j,
+  xo as k,
+  yo as l,
+  vo as m,
+  no as n,
+  io as o,
+  Qa as p,
+  $i as q,
+  _o as r,
+  wo as s,
+  so as t,
+  En as u,
+  ao as v,
+  Wi as w,
+  qi as x,
+  oo as y,
+  dr as z
 };

package/dist/{index.es-D-PR3JkH.js → index.es-B-MluT1E.js}

@@ -1,5 +1,5 @@
-import { c as Ke, g as Do } from "./index-BI2MxWot.js";
-import { _ as Xa } from "./jspdf.es.min-DzRwzM6G.js";
+import { c as Ke, g as Do } from "./index-C_114Ysm.js";
+import { _ as Xa } from "./jspdf.es.min-C5VEsLZd.js";
 var vt = function(a) {
   return a && a.Math === Math && a;
 }, _ = (

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as s, a as o, b as t, D as r, N as i, O as n, d as l, P as c, e as d, f as u, h as S, U as h, i as A, j as T, k, l as C, m as _, n as O, o as U, p as g, q as N, r as P, s as m, t as E, u as F, v as p, w as f, x as I, y as R, z as x, B as v, C as y, E as L, F as b, G as B, H as D, I as M, J as H, K as V, L as W, M as q, Q as K, R as w, S as z, T as G, V as Q, W as X, X as Y, Y as j, Z as J, _ as Z, $, a0 as aa, a1 as ea, a2 as sa, a3 as oa, a4 as ta, a5 as ra, a6 as ia, a7 as na, a8 as la, a9 as ca, aa as da, ab as ua, ac as Sa, ad as ha, ae as Aa, af as Ta, ag as ka, ah as Ca, ai as _a } from "./index-BI2MxWot.js";
+import { m as s, a9 as o, A as t, Y as r, R as i, O as n, l, F as c, G as d, E as u, P as S, a3 as h, a2 as A, a1 as T, a0 as k, af as C, K as _, H as O, I as U, J as g, n as N, ah as P, ag as m, Q as E, i as F, D as p, f, y as I, S as R, j as x, V as v, a8 as y, o as L, h as b, L as B, M as D, T as M, W as H, C as V, e as W, z as q, a7 as K, a5 as w, a6 as z, v as G, aa as Q, ab as X, ac as Y, ad as j, k as J, U as Z, w as $, a4 as aa, Z as ea, _ as sa, p as oa, a as ta, N as ra, q as ia, r as na, $ as la, t as ca, ae as da, s as ua, B as Sa, x as ha, b as Aa, u as Ta, ai as ka, X as Ca, d as _a } from "./index-C_114Ysm.js";
 export {
   s as AUTH7_SCOPES,
   o as AppShellLayout,

package/dist/{jspdf.es.min-DzRwzM6G.js → jspdf.es.min-C5VEsLZd.js}

@@ -8506,7 +8506,7 @@ function(n) {
     });
   }
   function t() {
-    return (Kt.DOMPurify ? Promise.resolve(Kt.DOMPurify) : import("./purify.es-Cm3utOpm.js")).catch(function(l) {
+    return (Kt.DOMPurify ? Promise.resolve(Kt.DOMPurify) : import("./purify.es-CiEWEeUM.js")).catch(function(l) {
       return Promise.reject(new Error("Could not load dompurify: " + l));
     }).then(function(l) {
       return l.default ? l.default : l;
@@ -9216,7 +9216,7 @@ function(n) {
   var d = h.getContext("2d");
   d.fillStyle = "#fff", d.fillRect(0, 0, h.width, h.height);
   var m = { ignoreMouse: !0, ignoreAnimation: !0, ignoreDimensions: !0 }, _ = this;
-  return (Kt.canvg ? Promise.resolve(Kt.canvg) : import("./index.es-D-PR3JkH.js")).catch(function(k) {
+  return (Kt.canvg ? Promise.resolve(Kt.canvg) : import("./index.es-B-MluT1E.js")).catch(function(k) {
     return Promise.reject(new Error("Could not load canvg: " + k));
   }).then(function(k) {
     return k.default ? k.default : k;

package/dist/{jspdf.plugin.autotable-DFaknRns.js → jspdf.plugin.autotable-DcntYaes.js}

@@ -256,8 +256,8 @@ function ot(e, t, r, i, n) {
   isNaN(p) || (a.fontSize = p / s);
   var y = st(i);
   y && (a.fontStyle = y);
-  var x = (i.fontFamily || "").toLowerCase();
-  return e.indexOf(x) !== -1 && (a.font = x), a;
+  var C = (i.fontFamily || "").toLowerCase();
+  return e.indexOf(C) !== -1 && (a.font = C), a;
 }
 function st(e) {
   var t = "";
@@ -398,10 +398,10 @@ function dt(e, t) {
   t.showFoot === !0 ? p = "everyPage" : t.showFoot === !1 ? p = "never" : p = (i = t.showFoot) !== null && i !== void 0 ? i : "everyPage";
   var y;
   t.showHead === !0 ? y = "everyPage" : t.showHead === !1 ? y = "never" : y = (n = t.showHead) !== null && n !== void 0 ? n : "everyPage";
-  var x = (a = t.useCss) !== null && a !== void 0 ? a : !1, c = t.theme || (x ? "plain" : "striped"), C = !!t.horizontalPageBreak, rt = (s = t.horizontalPageBreakRepeat) !== null && s !== void 0 ? s : null;
+  var C = (a = t.useCss) !== null && a !== void 0 ? a : !1, c = t.theme || (C ? "plain" : "striped"), x = !!t.horizontalPageBreak, rt = (s = t.horizontalPageBreakRepeat) !== null && s !== void 0 ? s : null;
   return {
     includeHiddenHtml: (h = t.includeHiddenHtml) !== null && h !== void 0 ? h : !1,
-    useCss: x,
+    useCss: C,
     theme: c,
     startY: m,
     margin: d,
@@ -412,7 +412,7 @@ function dt(e, t) {
     showFoot: p,
     tableLineWidth: (g = t.tableLineWidth) !== null && g !== void 0 ? g : 0,
     tableLineColor: (u = t.tableLineColor) !== null && u !== void 0 ? u : 200,
-    horizontalPageBreak: C,
+    horizontalPageBreak: x,
     horizontalPageBreakRepeat: rt,
     horizontalPageBreakBehaviour: (v = t.horizontalPageBreakBehaviour) !== null && v !== void 0 ? v : "afterAllRows"
   };
@@ -604,8 +604,8 @@ var A = (
     }, e;
   }()
 );
-function xt(e, t) {
-  Ct(e, t);
+function Ct(e, t) {
+  xt(e, t);
   var r = [], i = 0;
   t.columns.forEach(function(a) {
     var s = a.getMaxCustomCellWidth(t);
@@ -618,7 +618,7 @@ function xt(e, t) {
     return a.minWidth;
   })), n = Math.abs(n), !t.settings.horizontalPageBreak && n > 0.1 / e.scaleFactor() && (n = n < 1 ? n : Math.round(n), console.log("Of the table content, ".concat(n, " units width could not fit page"))), Ht(t), Dt(t, e), Pt(t);
 }
-function Ct(e, t) {
+function xt(e, t) {
   var r = e.scaleFactor(), i = t.settings.horizontalPageBreak, n = U(e, t);
   t.allRows().forEach(function(a) {
     for (var s = 0, h = t.columns; s < h.length; s++) {
@@ -747,7 +747,7 @@ function Wt(e, t, r, i, n) {
 }
 function V(e, t) {
   var r = new P(e), i = Ft(t, r.scaleFactor()), n = new wt(t, i);
-  return xt(r, n), r.applyStyles(r.userStyles), n;
+  return Ct(r, n), r.applyStyles(r.userStyles), n;
 }
 function Ft(e, t) {
   var r = e.content, i = kt(r.columns);
@@ -775,11 +775,11 @@ function k(e, t, r, i, n, a) {
         if (v === 0) {
           var y = void 0;
           Array.isArray(f) ? y = f[p.index - u - l] : y = f[p.dataKey];
-          var x = {};
-          typeof y == "object" && !Array.isArray(y) && (x = (y == null ? void 0 : y.styles) || {});
-          var c = Rt(e, p, o, n, i, a, x), C = new Z(y, c, e);
-          g[p.dataKey] = C, g[p.index] = C, v = C.colSpan - 1, s[p.index] = {
-            left: C.rowSpan - 1,
+          var C = {};
+          typeof y == "object" && !Array.isArray(y) && (C = (y == null ? void 0 : y.styles) || {});
+          var c = Rt(e, p, o, n, i, a, C), x = new Z(y, c, e);
+          g[p.dataKey] = x, g[p.index] = x, v = x.colSpan - 1, s[p.index] = {
+            left: x.rowSpan - 1,
             times: v
           };
         } else
@@ -908,11 +908,14 @@ function jt(e, t, r, i, n) {
 }
 function N(e, t, r, i, n, a) {
   e.applyStyles(e.userStyles), a = a ?? t.body.length;
-  var s = Math.min(r + a, t.body.length), h = -1;
-  return t.body.slice(r, s).forEach(function(f, o) {
-    var l = r + o === t.body.length - 1, g = et(e, t, l, i);
-    f.canEntireRowFit(g, n) && (S(e, t, f, i, n), h = r + o);
-  }), h;
+  for (var s = Math.min(r + a, t.body.length), h = -1, f = t.body.slice(r, s), o = 0; o < f.length; o++) {
+    var l = f[o], g = r + o === t.body.length - 1, u = et(e, t, g, i);
+    if (l.canEntireRowFit(u, n))
+      S(e, t, l, i, n), h = r + o;
+    else
+      break;
+  }
+  return h;
 }
 function R(e, t, r, i) {
   var n = t.settings;