@zeniai/web-components 4.1.53 → 4.1.55

package/dist/appLocale.d.ts

@@ -2617,6 +2617,31 @@ declare class AppLocale {
                 allTypes: string;
                 allCustom: string;
                 recommendedCustom: string;
+                journalEntryTable: {
+                    descriptionHeader: string;
+                    nameHeader: string;
+                    categoryHeader: string;
+                    classHeader: string;
+                    projectHeader: string;
+                    debitHeader: string;
+                    creditHeader: string;
+                    amountHeader: string;
+                    descriptionPlaceholder: string;
+                    debitPrefix: string;
+                    creditPrefix: string;
+                    emptyDash: string;
+                    emptyMessage: string;
+                    totalLabel: string;
+                };
+                transactionLineTable: {
+                    descriptionHeader: string;
+                    categoryHeader: string;
+                    classHeader: string;
+                    projectHeader: string;
+                    amountHeader: string;
+                    descriptionPlaceholder: string;
+                    emptyMessage: string;
+                };
             };
             payeeDetails: {
                 allPayees: string;

package/dist/cockpit.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-C3zi1za_.cjs"),o=require("./vendor-.pnpm-C7TxM7W7.cjs"),u=require("react"),s=require("@emotion/styled"),Xe=require("@liveblocks/react"),J=require("@zeniai/client-epic-state"),Es=require("@liveblocks/react-ui"),we=require("@emotion/react"),Lo=require("react-dom"),St=require("@liveblocks/react-ui/primitives"),xi=require("@liveblocks/react/suspense");function Ea(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=Ea(u),wa=({inboxNotification:e,onNotificationClick:n})=>{const r=Xe.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(va,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Es.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Es.InboxNotification.Thread,{...d,showRoomName:!0})}})})},va=s.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-B87qeaPV.cjs"),o=require("./vendor-.pnpm-DuJMYp1y.cjs"),u=require("react"),s=require("@emotion/styled"),Xe=require("@liveblocks/react"),J=require("@zeniai/client-epic-state"),Es=require("@liveblocks/react-ui"),we=require("@emotion/react"),Lo=require("react-dom"),St=require("@liveblocks/react-ui/primitives"),xi=require("@liveblocks/react/suspense");function Ea(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const le=Ea(u),wa=({inboxNotification:e,onNotificationClick:n})=>{const r=Xe.useInboxNotificationThread(e.id),i=r.metadata.entityType.split("."),a=r.metadata.isGlobalComment&&i.length===2;return o.jsxRuntimeExports.jsx(va,{isClickable:a,isUnRead:e.readAt==null,onClick:()=>{n(r.metadata,r.id)},children:o.jsxRuntimeExports.jsx(Es.InboxNotification,{inboxNotification:e,kinds:{thread:d=>o.jsxRuntimeExports.jsx(Es.InboxNotification.Thread,{...d,showRoomName:!0})}})})},va=s.div`
   display: flex;
   width: 100%;
   cursor: ${e=>e.isClickable?"pointer":"initial"};

package/dist/cockpit.esm.js

@@ -1,7 +1,7 @@
-import { dE as o, gB as Ne, i as $t, fD as O, eb as It, bv as Qr, X as We, eg as Qd, fO as Jd, fY as Xd, al as I, fQ as U, dn as qd, h2 as ge, gP as lo, eL as lt, an as Ft, cd as Bs, v as wo, eD as ps, c8 as So, ed as us, es as ep, dQ as Jt, dN as De, fX as Fl, ez as Co, dp as Fs, c3 as Be, gJ as tp, aT as op, bd as Wt, aQ as np, e9 as Wl, g4 as rp, b1 as hs, J as ms, gf as ip, gg as sp, gh as ap, am as lp, co as cp, c1 as xt, ef as _l, cy as dp, d$ as Jr, ex as gs, gz as M, di as pp, bo as up, dv as be, e5 as hp, d8 as z, cz as Fe, gC as pt, dX as xs, br as Nr, dw as mp, e6 as ys, be as Xr, gn as Pe, bw as qr, e7 as Vl, ep as Ul, ek as Xn, fL as zt, eN as dt, dJ as gn, c5 as gp, c7 as Hl, ea as Kl, fZ as Pt, fB as qe, f6 as Mr, fx as xp, eJ as xn, eK as yn, l as fn, dU as Fo, c2 as ei, ee as fs, c6 as yp, eh as Gl, e8 as co, ec as Wo, a$ as Qt, fw as Ws, gc as fp, g2 as bp, g7 as $p, ej as Cp, eC as wp, eB as qn, dK as Sp, dL as bs, f_ as vp, ei as Yl, eo as Zl, en as Ql, ba as Jl, gv as jp, bX as _s, bY as $s, bS as kp, bW as Tp, bs as er, bb as bn, em as Cs, ap as Lp, ds as ti, fT as bt, dB as Xl, bV as zr, b$ as Pp, b9 as ws, bP as Ip, d9 as pn, e4 as Ap, e3 as Op, e0 as Dp, bQ as oi, dq as Vs, bT as ql, gV as Br, cA as ec, dZ as tc, fP as Ss, bR as Ep, aw as un, au as Zn, av as Qn, h3 as oc, aV as Rp, gR as Np, bf as Yt, ax as Lt, ew as vs, er as nc, dR as Mp, cb as rc, et as zp, dP as Bp, ay as Ut, gm as sr, bj as Fp, b_ as Ht, aI as ic, K as cn, cK as sc, cL as Fr, cJ as ac, by as Wp, ce as _p, dW as Vp, bz as Wr, bB as Xi, cO as Us, cM as Up, cN as Hp, bA as li, bx as ci, bC as Kp, dr as Hs, bU as Gp, bZ as Yp, cZ as Ks, aH as Zp, d as Qp, cC as Jp, e1 as Xp, dA as tr, gN as lc, gQ as cc, bi as Zt, Z as ni, _ as hn, gS as dc, g8 as pc, aW as qp, cf as eu, ct as uc, cs as tu, gd as ou, cj as _r, ah as hc, ci as nu, ch as ru, a_ as iu, cg as js, f$ as mc, bm as gc, fE as xc, k as yc, eH as fc, bn as su, w as bc, bq as $c, f7 as au, dI as lu, gM as cu, cq as du, g3 as pu, g0 as uu, W as hu, d5 as Gs, g6 as mu, eA as Cc, ge as Ys, cu as gu, c4 as xu, dO as yu, el as fu, eq as bu, e2 as $u, fG as Zs, ev as Cu, dC as wc, dx as wu, fK as Sc, b0 as Su, dS as vu, bc as ju, bg as ku, dy as vc, eu as Tu, c0 as Lu, ey as Pu, du as Iu, dz as jc, dM as Au, bh as Ou, dt as Du } from "./SessionTimeoutPopup-BK9wix5_.js";
-import { A as ck, a as dk, b as pk, c as uk, e as hk, f as mk, g as gk, h as xk, j as yk, m as fk, n as bk, o as $k, p as Ck, q as wk, r as Sk, s as vk, t as jk, u as kk, x as Tk, y as Lk, z as Pk, B as Ik, C as Ak, D as Ok, E as Dk, F as Ek, G as Rk, H as Nk, I as Mk, L as zk, M as Bk, N as Fk, O as Wk, P as _k, Q as Vk, R as Uk, dH as Hk, S as Kk, T as Gk, U as Yk, V as Zk, Y as Qk, $ as Jk, a0 as Xk, a1 as qk, a2 as eT, a3 as tT, a4 as oT, a5 as nT, a6 as rT, a7 as iT, a8 as sT, a9 as aT, aa as lT, ab as cT, dH as dT, ac as pT, ad as uT, ae as hT, af as mT, ag as gT, ai as xT, aj as yT, ak as fT, ao as bT, aq as $T, ar as CT, as as wT, at as ST, az as vT, aA as jT, aB as kT, aC as TT, aD as LT, aE as PT, aF as IT, aG as AT, aJ as OT, aK as DT, aL as ET, aM as RT, aN as NT, aO as MT, aP as zT, aR as BT, aU as FT, aX as WT, aY as _T, aZ as VT, b2 as UT, b3 as HT, b4 as KT, b5 as GT, b6 as YT, b7 as ZT, b8 as QT, bk as JT, bl as XT, bp as qT, bt as eL, bu as tL, bD as oL, bE as nL, bF as rL, bG as iL, bH as sL, bI as aL, bJ as lL, bK as cL, bL as dL, bM as pL, bN as uL, bO as hL, c9 as mL, ca as gL, cc as xL, ck as yL, cl as fL, cm as bL, cn as $L, cp as CL, cr as wL, cv as SL, cw as vL, cx as jL, cB as kL, cD as TL, cE as LL, cF as PL, cG as IL, cH as AL, cI as OL, cP as DL, cQ as EL, cR as RL, cS as NL, cT as ML, cU as zL, cV as BL, cW as FL, cX as WL, cY as _L, c_ as VL, aS as UL, c$ as HL, d0 as KL, d1 as GL, d2 as YL, d3 as ZL, dH as QL, d6 as JL, d4 as XL, d7 as qL, da as eP, db as tP, dc as oP, dd as nP, de as rP, df as iP, dg as sP, dh as aP, dj as lP, dk as cP, dl as dP, dm as pP, dD as uP, dF as hP, dG as mP, dT as gP, dV as xP, dY as yP, d_ as fP, eE as bP, eF as $P, eG as CP, eI as wP, eM as SP, eO as vP, eP as jP, eQ as kP, eR as TP, eS as LP, eT as PP, eU as IP, eV as AP, eW as OP, eX as DP, eY as EP, eZ as RP, e_ as NP, e$ as MP, f0 as zP, f1 as BP, f2 as FP, f3 as WP, f4 as _P, f5 as VP, f8 as UP, f9 as HP, fa as KP, fb as GP, fc as YP, fd as ZP, fe as QP, ff as JP, fg as XP, fh as qP, fi as eI, fj as tI, fk as oI, fl as nI, fm as rI, fn as iI, fo as sI, fp as aI, fq as lI, fr as cI, fs as dI, ft as pI, fu as uI, fv as hI, fy as mI, fz as gI, fA as xI, fC as yI, fF as fI, fH as bI, fI as $I, fJ as CI, fM as wI, fN as SI, fR as vI, fS as jI, fU as kI, fV as TI, fW as LI, g1 as PI, g5 as II, g9 as AI, ga as OI, gb as DI, gi as EI, gj as RI, gk as NI, gl as MI, go as zI, gp as BI, gq as FI, gr as WI, gs as _I, gt as VI, gu as UI, gw as HI, gx as KI, gy as GI, gA as YI, gD as ZI, gE as QI, gF as JI, gG as XI, gH as qI, gI as eA, gK as tA, gL as oA, gO as nA, gT as rA, gU as iA, gW as sA, gX as aA, gY as lA, gZ as cA, g_ as dA, g$ as pA, h0 as uA, h1 as hA, h4 as mA, h5 as gA } from "./SessionTimeoutPopup-BK9wix5_.js";
-import { ai as t, D as Eu, a1 as Ru, aH as Ve, q as $n, O as rt, L as Nu, s as Mu, T as zu, o as ri, f as Xt, h as ye, aD as po, i as Cn, aC as uo, Y as _o, m as ho, J as Vo, b as qt, V as Uo, ae as nt, I as kc, X as Bu, al as Mt, aa as Bo, aB as Fu, k as ks, C as Tc, n as Wu, d as _u, e as Ts, B as Ls, aq as Qs } from "./vendor-.pnpm-CSfLHWdE.js";
-import { aw as yA } from "./vendor-.pnpm-CSfLHWdE.js";
+import { dE as o, gB as Ne, i as $t, fD as O, eb as It, bv as Qr, X as We, eg as Qd, fO as Jd, fY as Xd, al as I, fQ as U, dn as qd, h2 as ge, gP as lo, eL as lt, an as Ft, cd as Bs, v as wo, eD as ps, c8 as So, ed as us, es as ep, dQ as Jt, dN as De, fX as Fl, ez as Co, dp as Fs, c3 as Be, gJ as tp, aT as op, bd as Wt, aQ as np, e9 as Wl, g4 as rp, b1 as hs, J as ms, gf as ip, gg as sp, gh as ap, am as lp, co as cp, c1 as xt, ef as _l, cy as dp, d$ as Jr, ex as gs, gz as M, di as pp, bo as up, dv as be, e5 as hp, d8 as z, cz as Fe, gC as pt, dX as xs, br as Nr, dw as mp, e6 as ys, be as Xr, gn as Pe, bw as qr, e7 as Vl, ep as Ul, ek as Xn, fL as zt, eN as dt, dJ as gn, c5 as gp, c7 as Hl, ea as Kl, fZ as Pt, fB as qe, f6 as Mr, fx as xp, eJ as xn, eK as yn, l as fn, dU as Fo, c2 as ei, ee as fs, c6 as yp, eh as Gl, e8 as co, ec as Wo, a$ as Qt, fw as Ws, gc as fp, g2 as bp, g7 as $p, ej as Cp, eC as wp, eB as qn, dK as Sp, dL as bs, f_ as vp, ei as Yl, eo as Zl, en as Ql, ba as Jl, gv as jp, bX as _s, bY as $s, bS as kp, bW as Tp, bs as er, bb as bn, em as Cs, ap as Lp, ds as ti, fT as bt, dB as Xl, bV as zr, b$ as Pp, b9 as ws, bP as Ip, d9 as pn, e4 as Ap, e3 as Op, e0 as Dp, bQ as oi, dq as Vs, bT as ql, gV as Br, cA as ec, dZ as tc, fP as Ss, bR as Ep, aw as un, au as Zn, av as Qn, h3 as oc, aV as Rp, gR as Np, bf as Yt, ax as Lt, ew as vs, er as nc, dR as Mp, cb as rc, et as zp, dP as Bp, ay as Ut, gm as sr, bj as Fp, b_ as Ht, aI as ic, K as cn, cK as sc, cL as Fr, cJ as ac, by as Wp, ce as _p, dW as Vp, bz as Wr, bB as Xi, cO as Us, cM as Up, cN as Hp, bA as li, bx as ci, bC as Kp, dr as Hs, bU as Gp, bZ as Yp, cZ as Ks, aH as Zp, d as Qp, cC as Jp, e1 as Xp, dA as tr, gN as lc, gQ as cc, bi as Zt, Z as ni, _ as hn, gS as dc, g8 as pc, aW as qp, cf as eu, ct as uc, cs as tu, gd as ou, cj as _r, ah as hc, ci as nu, ch as ru, a_ as iu, cg as js, f$ as mc, bm as gc, fE as xc, k as yc, eH as fc, bn as su, w as bc, bq as $c, f7 as au, dI as lu, gM as cu, cq as du, g3 as pu, g0 as uu, W as hu, d5 as Gs, g6 as mu, eA as Cc, ge as Ys, cu as gu, c4 as xu, dO as yu, el as fu, eq as bu, e2 as $u, fG as Zs, ev as Cu, dC as wc, dx as wu, fK as Sc, b0 as Su, dS as vu, bc as ju, bg as ku, dy as vc, eu as Tu, c0 as Lu, ey as Pu, du as Iu, dz as jc, dM as Au, bh as Ou, dt as Du } from "./SessionTimeoutPopup-BnwXqvlZ.js";
+import { A as ck, a as dk, b as pk, c as uk, e as hk, f as mk, g as gk, h as xk, j as yk, m as fk, n as bk, o as $k, p as Ck, q as wk, r as Sk, s as vk, t as jk, u as kk, x as Tk, y as Lk, z as Pk, B as Ik, C as Ak, D as Ok, E as Dk, F as Ek, G as Rk, H as Nk, I as Mk, L as zk, M as Bk, N as Fk, O as Wk, P as _k, Q as Vk, R as Uk, dH as Hk, S as Kk, T as Gk, U as Yk, V as Zk, Y as Qk, $ as Jk, a0 as Xk, a1 as qk, a2 as eT, a3 as tT, a4 as oT, a5 as nT, a6 as rT, a7 as iT, a8 as sT, a9 as aT, aa as lT, ab as cT, dH as dT, ac as pT, ad as uT, ae as hT, af as mT, ag as gT, ai as xT, aj as yT, ak as fT, ao as bT, aq as $T, ar as CT, as as wT, at as ST, az as vT, aA as jT, aB as kT, aC as TT, aD as LT, aE as PT, aF as IT, aG as AT, aJ as OT, aK as DT, aL as ET, aM as RT, aN as NT, aO as MT, aP as zT, aR as BT, aU as FT, aX as WT, aY as _T, aZ as VT, b2 as UT, b3 as HT, b4 as KT, b5 as GT, b6 as YT, b7 as ZT, b8 as QT, bk as JT, bl as XT, bp as qT, bt as eL, bu as tL, bD as oL, bE as nL, bF as rL, bG as iL, bH as sL, bI as aL, bJ as lL, bK as cL, bL as dL, bM as pL, bN as uL, bO as hL, c9 as mL, ca as gL, cc as xL, ck as yL, cl as fL, cm as bL, cn as $L, cp as CL, cr as wL, cv as SL, cw as vL, cx as jL, cB as kL, cD as TL, cE as LL, cF as PL, cG as IL, cH as AL, cI as OL, cP as DL, cQ as EL, cR as RL, cS as NL, cT as ML, cU as zL, cV as BL, cW as FL, cX as WL, cY as _L, c_ as VL, aS as UL, c$ as HL, d0 as KL, d1 as GL, d2 as YL, d3 as ZL, dH as QL, d6 as JL, d4 as XL, d7 as qL, da as eP, db as tP, dc as oP, dd as nP, de as rP, df as iP, dg as sP, dh as aP, dj as lP, dk as cP, dl as dP, dm as pP, dD as uP, dF as hP, dG as mP, dT as gP, dV as xP, dY as yP, d_ as fP, eE as bP, eF as $P, eG as CP, eI as wP, eM as SP, eO as vP, eP as jP, eQ as kP, eR as TP, eS as LP, eT as PP, eU as IP, eV as AP, eW as OP, eX as DP, eY as EP, eZ as RP, e_ as NP, e$ as MP, f0 as zP, f1 as BP, f2 as FP, f3 as WP, f4 as _P, f5 as VP, f8 as UP, f9 as HP, fa as KP, fb as GP, fc as YP, fd as ZP, fe as QP, ff as JP, fg as XP, fh as qP, fi as eI, fj as tI, fk as oI, fl as nI, fm as rI, fn as iI, fo as sI, fp as aI, fq as lI, fr as cI, fs as dI, ft as pI, fu as uI, fv as hI, fy as mI, fz as gI, fA as xI, fC as yI, fF as fI, fH as bI, fI as $I, fJ as CI, fM as wI, fN as SI, fR as vI, fS as jI, fU as kI, fV as TI, fW as LI, g1 as PI, g5 as II, g9 as AI, ga as OI, gb as DI, gi as EI, gj as RI, gk as NI, gl as MI, go as zI, gp as BI, gq as FI, gr as WI, gs as _I, gt as VI, gu as UI, gw as HI, gx as KI, gy as GI, gA as YI, gD as ZI, gE as QI, gF as JI, gG as XI, gH as qI, gI as eA, gK as tA, gL as oA, gO as nA, gT as rA, gU as iA, gW as sA, gX as aA, gY as lA, gZ as cA, g_ as dA, g$ as pA, h0 as uA, h1 as hA, h4 as mA, h5 as gA } from "./SessionTimeoutPopup-BnwXqvlZ.js";
+import { ak as t, D as Eu, a1 as Ru, aK as Ve, q as $n, O as rt, L as Nu, s as Mu, T as zu, o as ri, f as Xt, h as ye, aG as po, i as Cn, aF as uo, Y as _o, m as ho, J as Vo, b as qt, V as Uo, ae as nt, I as kc, X as Bu, an as Mt, aa as Bo, aE as Fu, k as ks, C as Tc, n as Wu, d as _u, e as Ts, B as Ls, as as Qs } from "./vendor-.pnpm-XFVTbpbG.js";
+import { az as yA } from "./vendor-.pnpm-XFVTbpbG.js";
 import * as me from "react";
 import or, { useEffect as te, useState as Y, useMemo as Ze, useCallback as oe, useContext as Qe, useRef as $e, forwardRef as kt, Fragment as Lc, memo as nr, createContext as Ho, Suspense as Vu, createElement as Pc } from "react";
 import r from "@emotion/styled";

package/dist/components/formElements/common/common.d.ts

@@ -5,3 +5,4 @@ export type LabelProps = {
     style?: React.CSSProperties;
     width?: number;
 };
+export declare function validateControlWidth(value: number | string | undefined, componentName: string): void;

package/dist/components/formElements/labeledFormattedText/LabeledFormattedTextField.d.ts

@@ -13,8 +13,13 @@ export interface Props {
     };
     additionalInfoLabel?: string;
     additionalLabelTooltip?: string;
-    /** When set, overrides the default responsive width of the row. */
-    controlWidth?: number;
+    /**
+     * When set, overrides the default responsive width of the row.
+     * Accepts a pixel number (e.g. `120`) or any valid CSS width string
+     * (e.g. `"100%"`, `"12rem"`) so the field can be embedded inside a
+     * fluid layout like a data-grid cell.
+     */
+    controlWidth?: number | string;
     disableCopyPaste?: boolean;
     isAdditionalInfoLabelLoading?: boolean;
     isDisabled?: DisableMode;

package/dist/components/formElements/labeledText/LabeledTextField.d.ts

@@ -24,7 +24,13 @@ export interface Props {
         style?: React.CSSProperties;
     };
     additionalInfoLabel?: string;
-    controlWidth?: number;
+    /**
+     * Overrides the default responsive width of the row. Accepts a pixel
+     * number (e.g. `120`) or any valid CSS width string (e.g. `"100%"`)
+     * so the field can be embedded inside a fluid layout like a data-grid
+     * cell.
+     */
+    controlWidth?: number | string;
     disableCopyPaste?: boolean;
     errorInfoLabel?: string;
     fullWidthSelect?: boolean;

package/dist/components/transactionDetail/items/journalEntryTable/FlexibleWidthContext.d.ts

@@ -0,0 +1,2 @@
+export declare const FlexibleWidthProvider: import('react').Provider<boolean>;
+export declare const useFlexibleWidth: () => boolean;

package/dist/components/transactionDetail/items/journalEntryTable/TransactionLinesJournalEntryEmptyTable.d.ts

@@ -0,0 +1,17 @@
+import { TransactionLinesJournalEntryEmptyTableProps } from './journalEntryTableTypes';
+/**
+ * Skeleton/loading table mirroring
+ * `TransactionCategorizationListEmptyTable`. Mounts the real sticky
+ * header, N skeleton rows (via `JournalEntryTableListEmptyRow`), and a
+ * skeleton totals row inside a `FlexibleWidthProvider` so column
+ * widths match the live table.
+ *
+ * Consumed by:
+ *   - `TransactionLinesJournalEntryTable` when `lines.length === 0`
+ *   - Storybook stories for visual coverage of the loading state
+ */
+export declare const TransactionLinesJournalEntryEmptyTable: ({ isAccountingClassesEnabled, showProjectField, isCompressed, isQuickViewMode, sectionId, skeletonRowCount, }: TransactionLinesJournalEntryEmptyTableProps) => import("react/jsx-runtime").JSX.Element;
+/** Re-export the header height as a convenience for callers that want to size the
+ *  skeleton table viewport (legacy parity with the categorization sibling).
+ */
+export declare const JOURNAL_ENTRY_EMPTY_TABLE_HEADER_HEIGHT_PX = 32;

package/dist/components/transactionDetail/items/journalEntryTable/TransactionLinesJournalEntryTable.d.ts

@@ -0,0 +1,2 @@
+import { TransactionLinesJournalEntryTableProps } from './journalEntryTableTypes';
+export default function TransactionLinesJournalEntryTable({ accountList, accountsHierarchyList, classHierarchyList, classList, isAccountingClassesEnabled, isCOTEnabled, lines, projects, searchAutoComplete, sectionId, transaction, cotTracking, isDisabled, isQuickViewMode, isUncategorizedExpenseCategoryEnabled, openTooltipId, setOpenTooltipId, uncategorizedAccounts, }: Readonly<TransactionLinesJournalEntryTableProps>): JSX.Element;

package/dist/components/transactionDetail/items/journalEntryTable/common.d.ts

@@ -0,0 +1,23 @@
+import { LineInfo } from '../../common';
+/** Section id used by the new JE table form fields (matches legacy sectionId pattern). */
+export declare const journalEntryTableSectionId = "journalEntryTableSection";
+/** Header row height from Figma frame (px). */
+export declare const JOURNAL_ENTRY_TABLE_HEADER_HEIGHT = 32;
+/** Standard data-row height from Figma frame (px). */
+export declare const JOURNAL_ENTRY_TABLE_ROW_HEIGHT = 48;
+/** Sticky totals-row height from Figma frame (px). */
+export declare const JOURNAL_ENTRY_TABLE_TOTALS_HEIGHT = 32;
+/** Compressed (quick-view / small window) row height. */
+export declare const JOURNAL_ENTRY_TABLE_ROW_HEIGHT_COMPACT = 48;
+/**
+ * Row height resolver. Today every row is the same height; isolating
+ * this here so a future Update-all expansion can return a larger height
+ * for the affected row without touching `react-window` wiring.
+ */
+export declare const getJournalEntryTableRowHeight: (_line: LineInfo) => number;
+/** Column keys used to address cells, sort, and width lookups. */
+export declare const JOURNAL_ENTRY_COLUMN_KEYS: readonly ["description", "name", "category", "class", "project", "debit", "credit"];
+export type JournalEntryColumnKey = (typeof JOURNAL_ENTRY_COLUMN_KEYS)[number];
+/** Compressed (quick-view / mobile) columns. */
+export declare const JOURNAL_ENTRY_COMPRESSED_COLUMN_KEYS: readonly ["description", "amount"];
+export type JournalEntryCompressedColumnKey = (typeof JOURNAL_ENTRY_COMPRESSED_COLUMN_KEYS)[number];

package/dist/components/transactionDetail/items/journalEntryTable/header/JournalEntryTableHeader.d.ts

@@ -0,0 +1,11 @@
+import { JournalEntryRowSortConfig, JournalEntrySortKey, SortOrder } from '@zeniai/client-epic-state';
+import { DisableMode } from '../../../../formElements/common/common';
+export interface JournalEntryTableHeaderProps {
+    isAccountingClassesEnabled: boolean;
+    showProjectField: boolean;
+    sortConfig: JournalEntryRowSortConfig;
+    isCompressed?: boolean;
+    isDisabled?: DisableMode;
+    onColumnSortConfigChanged?: (sortKey: JournalEntrySortKey, sortOrder: SortOrder) => void;
+}
+export declare const JournalEntryTableHeader: ({ sortConfig, isAccountingClassesEnabled, showProjectField, isCompressed, isDisabled, onColumnSortConfigChanged, }: JournalEntryTableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/transactionDetail/items/journalEntryTable/header/journalEntryHeaderConfig.d.ts

@@ -0,0 +1,28 @@
+import { JournalEntryRowSortConfig, JournalEntrySortKey, SortOrder } from '@zeniai/client-epic-state';
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider';
+import { JournalEntryColumnKey, JournalEntryCompressedColumnKey } from '../common';
+/** Header row height (Figma frame). */
+export declare const DEFAULT_LIST_HEADER_HEIGHT_REGULAR = 32;
+/** Default sort the table opens with. Re-exposed here for header convenience. */
+export declare const journalEntryDefaultSortConfig: JournalEntryRowSortConfig;
+/**
+ * Header item shape (mirrors `transactionCategorizationHeaderItemsData.ts`
+ * but typed for the JE column key union).
+ */
+export interface JournalEntryRowHeaderItemData {
+    customStyle: {
+        cellStyle?: React.CSSProperties;
+        common?: React.CSSProperties;
+        quickView?: React.CSSProperties;
+    };
+    key: JournalEntryColumnKey | JournalEntryCompressedColumnKey;
+    /** Default direction applied when the column is freshly clicked. */
+    sortOrder: SortOrder;
+    value: string;
+    /** Fixed-pixel widths per breakpoint. */
+    width: ResponsiveSized;
+    /** Percentage of the content area (0–100) used when the table fits the viewport. */
+    widthPercentage: number;
+}
+export type JournalEntryRowSortConfigType = JournalEntryRowSortConfig;
+export type JournalEntryRowSortKey = JournalEntrySortKey;

package/dist/components/transactionDetail/items/journalEntryTable/header/journalEntryHeaderItemsData.d.ts

@@ -0,0 +1,16 @@
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider';
+import { JournalEntryRowHeaderItemData } from './journalEntryHeaderConfig';
+/**
+ * Column order matches the Figma frame "JE hover" (5177:12455):
+ * Name | Category | Class | Description | Debit | Credit.
+ *
+ * Project is appended after Class only when `showProjectField` is true;
+ * the base Figma frame does not include it.
+ */
+export declare const getJournalEntryTableHeaderItemsData: (isAccountingClassesEnabled?: boolean, showProjectField?: boolean) => JournalEntryRowHeaderItemData[];
+/**
+ * Compressed (quick-view / small window) header list — single Description
+ * column with a merged Amount column whose value prefixes Dr / Cr.
+ */
+export declare const compressedJournalEntryHeaderItemsData: JournalEntryRowHeaderItemData[];
+export declare const getJournalEntryTableMaxWidth: (isAccountingClassesEnabled?: boolean, showProjectField?: boolean) => ResponsiveSized;

package/dist/components/transactionDetail/items/journalEntryTable/journalEntryTableStyles.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Outer wrapper that sits between the surrounding page and the table card,
+ * providing the breathing room called out in the Figma frame (node
+ * 5177:12455). Padding (`sp3 sp5` = 16px / 32px) and the `grey4`
+ * page-tinted background are applied in both full view AND quick view so
+ * the table card has the same surrounding chrome in the side panel as
+ * on the full detail page. Quick view additionally fills the panel's
+ * vertical space (`height: 100%`) so the inner scroll container can
+ * scroll.
+ */
+export declare const TableWrapperContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $isQuickViewMode?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Bordered, rounded "card" that frames the JE table. In quick view (side
+ * panel) it stretches to the parent drawer's height so the inner scroll
+ * container can scroll. In full view (transaction detail page) it sizes to
+ * content so the page itself owns the vertical scroll. The card chrome
+ * (border + radius + grey5 background) is always-on to match the Missing
+ * Receipts / Transaction Categorization pattern.
+ *
+ * Note: we intentionally do NOT apply `overflow: hidden` here because that
+ * would establish a scroll container and break the page-relative
+ * `position: sticky` behavior of the header and totals row. The inner
+ * `StickyHeaderContainer` and `StickyTotalsRow` each carry matching
+ * `border-*-radius` so they sit flush against the card's rounded corners.
+ */
+export declare const ListViewContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $isQuickViewMode?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Horizontal scroll container shared by the populated and empty tables.
+ * Vertical overflow is left to the page (or the side-panel drawer in quick
+ * view) so the table doesn't introduce a scroll-within-scroll experience.
+ */
+export declare const TableScrollContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Inner flex column that holds the sticky header, the rows, and the sticky
+ * totals row. Keeping `display: flex; flex-direction: column;` allows the
+ * `position: sticky` header / footer to pin against this scrolling parent.
+ */
+export declare const TableScrollContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Per-row wrapper used by both the populated table and the skeleton/empty
+ * table. Carries the standard JE row height and the bottom separator.
+ */
+export declare const RowWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Sticky wrapper that pins the JE header to the top of the scroll container.
+ * Visual chrome (background fill, border-bottom, top-corner radius) lives on
+ * the inner `HeaderContainer` inside `JournalEntryTableHeader` so the header
+ * matches the Figma "Table Row" component (frame 5177:12461) on its own and
+ * renders correctly in isolation (e.g. in stories) — this wrapper now owns
+ * only the positioning concern.
+ */
+export declare const StickyHeaderContainer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isQuickViewMode?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Sticky totals row pinned to the bottom of the scroll container. Implements
+ * the 32px Figma footer (frame 5177:12750) which fills with the
+ * `Light Theme Colors/Background` token (#F3F7F7) -- mapped to
+ * `theme.colors.background` in our palette. (Earlier `grey3` / #E9F0F0
+ * was a slightly greener, darker tint that didn't match the design.)
+ *
+ * No `border-top` here: the last `RowWrapper` above already paints a
+ * `border-bottom` (because the totals row is the actual `:last-child` of
+ * the scroll content, so the data row above it is not). Adding a
+ * `border-top` here would stack on top of that and render a 2px double
+ * border between the last data row and the totals row.
+ */
+export declare const StickyTotalsRow: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RowFlex: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    isHovered?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const HeaderRowFlex: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Inline "Dr"/"Cr" prefix shown to the left of the amount field in
+ * debit/credit cells. Color and weight follow the Figma greyMid label.
+ */
+export declare const AmountPrefix: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/**
+ * Static "—" placeholder shown when a line is not posted on this
+ * side (e.g. a "credit" row's "debit" cell).
+ */
+export declare const EmptyAmountCellPlaceholder: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/components/transactionDetail/items/journalEntryTable/journalEntryTableTypes.d.ts

@@ -0,0 +1,79 @@
+import { AccountBase, ClassBase, ID, NestedAccountHierarchyForReport, NestedClassHierarchyForReport, Project, TransactionLineRecommendationFieldTypes, TransactionWithCOT, UncategorizedAccounts } from '@zeniai/client-epic-state';
+import { COTTrackingProps } from '../../../../types/cotTracking';
+import { DisableMode } from '../../../formElements/common/common';
+import { LineInfo, SearchAutoComplete } from '../../common';
+import { JournalEntryRowHeaderItemData } from './header/journalEntryHeaderConfig';
+/**
+ * Public props for the new JE table entry component.
+ *
+ * This is a deliberate subset of the legacy `TransactionLinesJournalEntry`
+ * prop shape. The call site in `TransactionDetailContent` spreads a single
+ * `sharedProps` object into either component, and TypeScript allows the
+ * spread to carry extra fields that this component does not consume. As
+ * new features (inline edit, book-close enforcement, project column, etc.)
+ * land on the table view, add the corresponding props back here.
+ */
+export interface TransactionLinesJournalEntryTableProps {
+    accountList: AccountBase[];
+    accountsHierarchyList: NestedAccountHierarchyForReport[];
+    classHierarchyList: NestedClassHierarchyForReport[];
+    classList: ClassBase[];
+    isAccountingClassesEnabled: boolean;
+    isCOTEnabled: boolean;
+    lines: LineInfo[];
+    projects: Project[];
+    searchAutoComplete: SearchAutoComplete;
+    sectionId: string;
+    transaction: TransactionWithCOT;
+    cotTracking?: COTTrackingProps;
+    isDisabled?: DisableMode;
+    isQuickViewMode?: boolean;
+    isUncategorizedExpenseCategoryEnabled?: boolean;
+    openTooltipId?: ID;
+    uncategorizedAccounts?: UncategorizedAccounts;
+    setOpenTooltipId?: (tooltipId: ID | undefined) => void;
+}
+/**
+ * Props for the skeleton/loading empty table that mirrors the
+ * `TransactionCategorizationListEmptyTable` shape.
+ */
+export interface TransactionLinesJournalEntryEmptyTableProps {
+    isAccountingClassesEnabled: boolean;
+    showProjectField: boolean;
+    isCompressed?: boolean;
+    isQuickViewMode?: boolean;
+    sectionId?: string;
+    skeletonRowCount?: number;
+}
+/** Props for the inline list-row component. */
+export interface JournalEntryTableListRowProps {
+    accountList: AccountBase[];
+    accountsHierarchyList: NestedAccountHierarchyForReport[];
+    classHierarchyList: NestedClassHierarchyForReport[];
+    classList: ClassBase[];
+    columns: JournalEntryRowHeaderItemData[];
+    isCompressed: boolean;
+    isCOTEnabled: boolean;
+    line: LineInfo;
+    lineIndex: number;
+    projects: Project[];
+    sectionId: string;
+    isDisabled?: DisableMode;
+    isUncategorizedExpenseCategoryEnabled?: boolean;
+    openTooltipId?: ID;
+    searchAutoComplete?: SearchAutoComplete;
+    /**
+     * Transaction id used by the inline `RecommendationIcon` to build a
+     * unique tooltip identifier. Optional so existing callers don't break;
+     * when missing the row falls back to `line.id`.
+     */
+    transactionId?: ID;
+    uncategorizedAccounts?: UncategorizedAccounts;
+    onCOTView?: (fieldType: TransactionLineRecommendationFieldTypes, recommendationSource?: string) => void;
+    setOpenTooltipId?: (tooltipId: ID | undefined) => void;
+}
+/** Props for the skeleton row mounted by the empty table. */
+export interface JournalEntryTableListEmptyRowProps {
+    columns: JournalEntryRowHeaderItemData[];
+    isCompressed: boolean;
+}

package/dist/components/transactionDetail/items/journalEntryTable/listRow/JournalEntryTableListRow.d.ts

@@ -0,0 +1,40 @@
+import { CSSProperties } from 'react';
+import { WindowSize } from '../../../../../context/windowSizeProvider/WindowSizeProvider';
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider/responsiveSize';
+import { JournalEntryTableListEmptyRowProps, JournalEntryTableListRowProps } from '../journalEntryTableTypes';
+/**
+ * Single populated row of the JE table. Iterates the `columns` array
+ * from the header and renders the matching inline cell JSX (no per-cell
+ * function abstraction -- mirrors categorization's "one big switch"
+ * pattern at TransactionCategorizationListRow.tsx ~L1096-L1710 so a
+ * reviewer can diff the two row files column-by-column).
+ */
+export declare const JournalEntryTableListRow: ({ accountList: _accountList, accountsHierarchyList, classHierarchyList, classList: _classList, columns, isCOTEnabled, isCompressed, isDisabled, isUncategorizedExpenseCategoryEnabled, line, lineIndex, onCOTView, openTooltipId, projects, searchAutoComplete, sectionId, setOpenTooltipId, transactionId, uncategorizedAccounts, }: JournalEntryTableListRowProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Skeleton row consumed by `TransactionLinesJournalEntryEmptyTable`. Uses
+ * the same `RowItemContainer` as the live row so column widths line up
+ * 1:1, mirroring categorization's `TransactionCategorizationListEmptyRow`
+ * (TransactionCategorizationListRow.tsx ~L2521-L2606).
+ */
+export declare const JournalEntryTableListEmptyRow: ({ columns, isCompressed, }: JournalEntryTableListEmptyRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const RowItemContainerStyled: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $widthPercentage: number;
+    windowSize: WindowSize;
+    wrapperWidth: ResponsiveSized;
+    $flexibleWidth?: boolean;
+    isCompressed?: boolean;
+    isDividerColumn?: boolean;
+    isLastItem?: boolean;
+    isSticky?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * Exported so the sticky totals row can render column-aligned cells using
+ * the same width contract as the live row.
+ */
+export declare const RowItemContainer: (props: Omit<React.ComponentProps<typeof RowItemContainerStyled>, "$flexibleWidth" | "$widthPercentage"> & {
+    widthPercentage: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export type { CSSProperties as _CellStyle };

package/dist/components/transactionDetail/items/journalEntryTable/totals/JournalEntryTotalsRow.d.ts

@@ -0,0 +1,21 @@
+import { WindowSize } from '../../../../../context/windowSizeProvider/WindowSizeProvider';
+import { LineInfo } from '../../../common';
+import { JournalEntryRowHeaderItemData } from '../header/journalEntryHeaderConfig';
+export interface JournalEntryTotalsRowProps {
+    columns: JournalEntryRowHeaderItemData[];
+    isCompressed: boolean;
+    lines: LineInfo[];
+    sectionId: string;
+    windowSize: WindowSize;
+}
+/**
+ * Sticky totals row pinned to the bottom of the table.
+ *
+ * Layout (Figma frame 5177:12455 totals row 5177:12750):
+ *   [Total label flex-grow] [Debit total 140px right] [Credit total 116px right]
+ *
+ * In compressed (quick view / small) mode we collapse to a single line
+ * showing Total Debits / Total Credits with a divider, matching the
+ * quick-view spec.
+ */
+export declare const JournalEntryTotalsRow: ({ columns, isCompressed, lines, sectionId, windowSize, }: JournalEntryTotalsRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/transactionDetail/items/transactionLineTable/FlexibleWidthContext.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Re-export the JE table's `FlexibleWidthContext` so the non-JE table
+ * shares a single source of truth for the flexible-vs-fixed-width column
+ * convention. Keeps the contract one place to evolve.
+ */
+export { FlexibleWidthProvider, useFlexibleWidth, } from '../journalEntryTable/FlexibleWidthContext';

package/dist/components/transactionDetail/items/transactionLineTable/TransactionLinesEmptyTable.d.ts

@@ -0,0 +1,11 @@
+import { TransactionLinesEmptyTableProps } from './transactionLineTableTypes';
+/**
+ * Skeleton/loading table that mirrors `TransactionLinesJournalEntryEmptyTable`
+ * but without the totals row (per Figma 5240:7220 + the explicit "no totals
+ * row" requirement for non-JE transactions). Mounts the real sticky
+ * header and N skeleton rows inside a `FlexibleWidthProvider` so column
+ * widths match the live table.
+ */
+export declare const TransactionLinesEmptyTable: ({ isAccountingClassesEnabled, showProjectField, isCompressed, isQuickViewMode, sectionId, skeletonRowCount, }: TransactionLinesEmptyTableProps) => import("react/jsx-runtime").JSX.Element;
+/** Re-export the header height for callers sizing the empty viewport. */
+export declare const TRANSACTION_LINE_EMPTY_TABLE_HEADER_HEIGHT_PX = 32;

package/dist/components/transactionDetail/items/transactionLineTable/TransactionLinesTable.d.ts

@@ -0,0 +1,17 @@
+import { TransactionLinesTableProps } from './transactionLineTableTypes';
+/**
+ * Tabular view of non-journal-entry transaction lines (vendor / deposit
+ * today; customer/product-service kept on the legacy card view).
+ *
+ * Mirrors `TransactionLinesJournalEntryTable` minus:
+ *   - the per-row vendor / payee dropdown (the parent transaction
+ *     header owns vendor selection)
+ *   - the debit/credit posting split (a single right-aligned amount
+ *     column replaces them)
+ *   - the sticky totals row at the bottom (per Figma 5240:7220 and the
+ *     explicit "no totals row" requirement)
+ *
+ * The bottom-rounded corners are owned by the last `RowWrapper` since
+ * there is nothing else following it inside the card.
+ */
+export default function TransactionLinesTable({ accountList, accountsHierarchyList, classHierarchyList, classList, containerRef: _containerRef, isAccountingClassesEnabled, isAccountingProjectsEnabled: _isAccountingProjectsEnabled, isCOTEnabled, isProjectsTransactionsEnabled: _isProjectsTransactionsEnabled, lines, projects, searchAutoComplete, sectionId, transaction, bookCloseDate: _bookCloseDate, cotTracking, entityId: _entityId, isDisabled, isQuickViewMode, isUncategorizedExpenseCategoryEnabled, openTooltipId, setOpenTooltipId, uncategorizedAccounts, lineItemsLocalData: _lineItemsLocalData, }: Readonly<TransactionLinesTableProps>): JSX.Element;

package/dist/components/transactionDetail/items/transactionLineTable/common.d.ts

@@ -0,0 +1,32 @@
+import { LineInfo } from '../../common';
+/**
+ * Section id used by the new non-journal-entry transaction line table
+ * form fields. Mirrors `journalEntryTableSectionId` so caller wiring is
+ * symmetric across the two tables.
+ */
+export declare const transactionLineTableSectionId = "transactionLineTableSection";
+/** Header row height from Figma frame 5240:7220 (px). */
+export declare const TRANSACTION_LINE_TABLE_HEADER_HEIGHT = 32;
+/** Standard data-row height from Figma frame 5240:7220 (px). */
+export declare const TRANSACTION_LINE_TABLE_ROW_HEIGHT = 48;
+/** Compressed (quick-view / small window) row height. */
+export declare const TRANSACTION_LINE_TABLE_ROW_HEIGHT_COMPACT = 48;
+/**
+ * Row height resolver. Today every row is the same height; isolating
+ * this here so a future Update-all expansion can return a larger height
+ * for the affected row without touching `react-window` wiring.
+ */
+export declare const getTransactionLineTableRowHeight: (_line: LineInfo) => number;
+/**
+ * Column keys used to address cells, sort, and width lookups.
+ *
+ * Differences vs. the journal-entry table:
+ *   - no `name` column (the vendor / payee is rendered once at the
+ *     transaction header, not per line)
+ *   - no `debit` / `credit` split — a single `amount` column replaces them
+ */
+export declare const TRANSACTION_LINE_COLUMN_KEYS: readonly ["description", "category", "class", "project", "amount"];
+export type TransactionLineColumnKey = (typeof TRANSACTION_LINE_COLUMN_KEYS)[number];
+/** Compressed (quick-view / mobile) columns. */
+export declare const TRANSACTION_LINE_COMPRESSED_COLUMN_KEYS: readonly ["description", "amount"];
+export type TransactionLineCompressedColumnKey = (typeof TRANSACTION_LINE_COMPRESSED_COLUMN_KEYS)[number];

package/dist/components/transactionDetail/items/transactionLineTable/header/TransactionLineTableHeader.d.ts

@@ -0,0 +1,12 @@
+import { SortOrder } from '@zeniai/client-epic-state';
+import { DisableMode } from '../../../../formElements/common/common';
+import { TransactionLineRowSortConfig, TransactionLineSortKey } from './transactionLineHeaderConfig';
+export interface TransactionLineTableHeaderProps {
+    isAccountingClassesEnabled: boolean;
+    showProjectField: boolean;
+    sortConfig: TransactionLineRowSortConfig;
+    isCompressed?: boolean;
+    isDisabled?: DisableMode;
+    onColumnSortConfigChanged?: (sortKey: TransactionLineSortKey, sortOrder: SortOrder) => void;
+}
+export declare const TransactionLineTableHeader: ({ sortConfig, isAccountingClassesEnabled, showProjectField, isCompressed, isDisabled, onColumnSortConfigChanged, }: TransactionLineTableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/transactionDetail/items/transactionLineTable/header/transactionLineHeaderConfig.d.ts

@@ -0,0 +1,40 @@
+import { SortOrder } from '@zeniai/client-epic-state';
+import { ResponsiveSized } from '../../../../../context/windowSizeProvider';
+import { TransactionLineColumnKey, TransactionLineCompressedColumnKey } from '../common';
+/** Header row height (Figma frame 5240:7220). */
+export declare const DEFAULT_LIST_HEADER_HEIGHT_REGULAR = 32;
+/** Sort key union for the non-JE transaction line table. */
+export type TransactionLineSortKey = "description" | "category" | "class" | "amount";
+export interface TransactionLineRowSortConfig {
+    sortKey: TransactionLineSortKey;
+    sortOrder: SortOrder;
+}
+/** Default sort the table opens with (mirrors the JE default). */
+export declare const transactionLineDefaultSortConfig: TransactionLineRowSortConfig;
+/**
+ * Header item shape (mirrors `journalEntryHeaderConfig.ts` but typed
+ * for the non-JE column key union).
+ */
+export interface TransactionLineRowHeaderItemData {
+    customStyle: {
+        cellStyle?: React.CSSProperties;
+        common?: React.CSSProperties;
+        quickView?: React.CSSProperties;
+    };
+    key: TransactionLineColumnKey | TransactionLineCompressedColumnKey;
+    /** Default direction applied when the column is freshly clicked. */
+    sortOrder: SortOrder;
+    value: string;
+    /** Fixed-pixel widths per breakpoint. */
+    width: ResponsiveSized;
+    /** Percentage of the content area (0–100) used when the table fits the viewport. */
+    widthPercentage: number;
+}
+/**
+ * Convenience narrowing helper used by the header click handler. The
+ * compressed `amount` key is also sortable but the compressed view does
+ * not show sort affordances, so this helper covers full-view sortable
+ * keys only.
+ */
+export declare const isSortableKey: (key: string) => key is TransactionLineSortKey;
+export declare const toTransactionLineSortKey: (key: string) => TransactionLineSortKey;