@zeniai/web-components 4.1.52-betaJK2 → 4.1.52-betaVR1

package/dist/appLocale.d.ts

@@ -1468,11 +1468,6 @@ declare class AppLocale {
                     failed: string;
                     notification: string;
                 };
-                create_sub_task: {
-                    success: string;
-                    failed: string;
-                    notification: string;
-                };
             };
             currency: {
                 currencyCode: string;
@@ -2618,6 +2613,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;
@@ -7338,8 +7358,6 @@ declare class AppLocale {
                 visibilityPrivate: string;
                 visibilityRequired: string;
                 commentsSectionTitle: string;
-                subtasksLabel: string;
-                createSubtaskLabel: string;
                 semiWeeklyDaysLabel: string;
                 semiWeeklyDaysExactlyTwo: string;
                 semiWeeklyDaysShort: {

package/dist/assets/interface/flag.svg

@@ -1,4 +1,5 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.25007 14L3.2464 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.2464 8.50008C7.2464 5.0357 8.75362 11.9645 12.7536 8.50008V3.00008C8.75362 6.46445 7.2464 -0.464296 3.2464 3.00008" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.16016 1.43762H13.7852C14.1289 1.43762 14.1908 1.61325 13.922 1.82825L9.72203 5.18762L13.922 8.547C14.1908 8.762 14.1289 8.93762 13.7852 8.93762H3.16016" fill="currentColor"/>
+<path d="M3.16016 1.43762H13.7852C14.1289 1.43762 14.1908 1.61325 13.922 1.82825L9.72203 5.18762L13.922 8.547C14.1908 8.762 14.1289 8.93762 13.7852 8.93762H3.16016" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.91016 0.812622V15.1876" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

package/dist/cockpit.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./SessionTimeoutPopup-CdfFoZvR.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-DQSLdcQs.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-Dw3I5d4K.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-Dw3I5d4K.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-DXP_m1FM.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-DXP_m1FM.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/taskManagement/TaskDetailPage.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from '@mui/material/styles';
 import { ClientAnalytics } from '@zeniai/client-analytics';
-import { AuthParams, CannedResponse, EditTaskLocalData, FetchState, FilePayload, ID, LoggedInUser, PriorityCodeType, Tag, TagViewSelectorView, Task, TaskDetailSelectorView, TaskStatusCodeType, UserGroup } from '@zeniai/client-epic-state';
+import { AuthParams, CannedResponse, EditTaskLocalData, FetchState, FilePayload, ID, LoggedInUser, PriorityCodeType, Tag, TagViewSelectorView, TaskDetailSelectorView, TaskStatusCodeType, UserGroup } from '@zeniai/client-epic-state';
 import { UserMultiSelectFieldValue } from '../cockpit/common/userMultiSelect/UserMultiSelectField';
 import { RequestToOpenThreadType } from '../commentsAndNotes/utils/ThreadsProvider';
 import { MultiSelectFieldValue } from '../formElements/creatableMultiSelectField/CreatableMultiSelectField';
@@ -8,7 +8,6 @@ import { RecurringViewType } from '../formElements/recurringView/RecurringView';
 import { SingleSelectPickerFieldValue } from '../formElements/singleSelectPickerField/SingleSelectPickerField';
 import { SingleSelectFieldValue } from '../singleSelect/SingleSelectField';
 import { AttachmentFormData } from './AllTaskAttachments';
-import { SubtaskCreationFormProps } from './SubtaskCreationForm';
 import { timeSpentKey } from './taskManagementFormConstants';
 type TaskAttributeCodeType = TaskStatusCodeType | PriorityCodeType | ID;
 declare const name = "name";
@@ -41,7 +40,7 @@ type FormDataKeys = keyof TaskDetailFormData;
 export interface FormData {
     [taskSectionId]: TaskDetailFormData;
 }
-declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.fileIds` | `${string}.name` | `${string}.status` | `${string}.dueDate` | `${string}.priority` | `${string}.timeSpent` | `${string}.description` | `${string}.assignee` | `${string}.tag` | `${string}.taskType` | `${string}.recurringView` | `${string}.visibility`;
+declare const uniqueName: (sectionId: string, key: FormDataKeys) => `${string}.fileIds` | `${string}.name` | `${string}.status` | `${string}.description` | `${string}.dueDate` | `${string}.priority` | `${string}.assignee` | `${string}.timeSpent` | `${string}.tag` | `${string}.taskType` | `${string}.recurringView` | `${string}.visibility`;
 export type FormDataKeyUniqueNames = ReturnType<typeof uniqueName>;
 export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
 export interface TaskDetailPageProps {
@@ -66,8 +65,6 @@ export interface TaskDetailPageProps {
     isTaskVisibilityEnabled?: boolean;
     isZeniUser?: boolean;
     recurringSourceTaskUrl?: string;
-    subTaskCreateStatus?: FetchState;
-    subtasks?: Task[];
     taskDetailFetchState?: FetchState;
     taskGroupList?: Array<{
         id: ID;
@@ -90,10 +87,8 @@ export interface TaskDetailPageProps {
     onSnoozeTask: (taskId: ID, snoozedUntil: string) => void;
     onUnsnoozeTask: (taskId: ID) => void;
     updateFilesEntity: (files: FilePayload[]) => void;
-    onCreateSubtask?: (parentTaskId: ID, data: Parameters<SubtaskCreationFormProps["onSubmit"]>[0]) => void;
     onFetchCannedResponses?: () => void;
     onManageTemplatesClick?: () => void;
-    onSubtaskClick?: (subtaskId: ID) => void;
 }
 export declare const getLabelColor: (value: TaskAttributeCodeType, theme?: Theme) => string;
 export declare const getRichLabel: (value: TaskAttributeCodeType, theme: Theme) => import("react/jsx-runtime").JSX.Element;
@@ -102,5 +97,5 @@ export declare const getTagList: (tagList: Tag[]) => {
     value: string;
     isDeleted: boolean | undefined;
 }[];
-declare const TaskDetailPage: ({ taskDetailSelectorView, companyName, companyId, loggedInUser, analytics, isNewClicked, filesEndPoint, authParams, currentUrl, taskId, taskGroupList, taskGroupName, taskDetailFetchState, onSaveChangesToLocalStore, onSaveDetailClick, onArchiveTaskClick, onSnoozeTask, onUnsnoozeTask, onDismissClick, handleZeniLogoClick: _handleZeniLogoClick, updateFilesEntity, onDeleteFile, onEditFileName, onDeleteTaskClick, onReloadTaskDetailPage, tagListView, userGroupList, onCreateTagClick, onDeleteTagClick, cannedResponses, initialOpenThreadRequest, isCannedResponsesLoading, isTaskCannedResponsesEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, isTaskSnoozeEnabled, isTaskVisibilityEnabled, isZeniUser, onCreateSubtask, onFetchCannedResponses, onManageTemplatesClick, onSubtaskClick, recurringSourceTaskUrl, subTaskCreateStatus, subtasks, }: TaskDetailPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const TaskDetailPage: ({ taskDetailSelectorView, companyName, companyId, loggedInUser, analytics, isNewClicked, filesEndPoint, authParams, currentUrl, taskId, taskGroupList, taskGroupName, taskDetailFetchState, onSaveChangesToLocalStore, onSaveDetailClick, onArchiveTaskClick, onSnoozeTask, onUnsnoozeTask, onDismissClick, handleZeniLogoClick: _handleZeniLogoClick, updateFilesEntity, onDeleteFile, onEditFileName, onDeleteTaskClick, onReloadTaskDetailPage, tagListView, userGroupList, onCreateTagClick, onDeleteTagClick, cannedResponses, initialOpenThreadRequest, isCannedResponsesLoading, isTaskCannedResponsesEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, isTaskSnoozeEnabled, isTaskVisibilityEnabled, isZeniUser, onFetchCannedResponses, onManageTemplatesClick, recurringSourceTaskUrl, }: TaskDetailPageProps) => import("react/jsx-runtime").JSX.Element;
 export default TaskDetailPage;

package/dist/components/taskManagement/TaskListRow.d.ts

@@ -1,4 +1,4 @@
-import { CreateSubTaskPayload, FetchState, ID, SnackbarMessageConfig, SortOrder, Tag, Task, TaskGroupWithTasksList, TaskListUIState, TaskListViewSortKey, TaskWithUserDetails, UserGroup, UserListSelectorView } from '@zeniai/client-epic-state';
+import { ID, SnackbarMessageConfig, SortOrder, Tag, Task, TaskGroupWithTasksList, TaskListUIState, TaskListViewSortKey, UserGroup, UserListSelectorView } from '@zeniai/client-epic-state';
 import { FormSectionProps } from '../formElements/common/formSection';
 export declare const getTaskFieldName: (sectionId: string, taskId: string, fieldKey: string) => string;
 export declare const isDuplicateGroupName: (newName: string, groupId: ID, existingTaskGroupNamesByGroupId: Record<ID, string>) => boolean;
@@ -10,7 +10,6 @@ export interface TaskListRowProps extends FormSectionProps {
     selectedRowIds: ID[];
     showGroupName: boolean;
     showRenameTextField: boolean;
-    subtasksByParentId: Map<ID, TaskWithUserDetails[]>;
     tagList: Tag[];
     taskGroup: TaskGroupWithTasksList;
     uiState: TaskListUIState;
@@ -18,7 +17,6 @@ export interface TaskListRowProps extends FormSectionProps {
     userList: UserListSelectorView;
     isTaskRecurringParentEnabled?: boolean;
     isZeniUser?: boolean;
-    subTaskCreateStatus?: FetchState;
     onAddNewTaskToTaskGroup: (taskGroupId: ID) => void;
     onCollapseAll: () => void;
     onCollapseToggle: (taskGroupId: ID) => void;
@@ -29,14 +27,11 @@ export interface TaskListRowProps extends FormSectionProps {
     onExpandAll: () => void;
     onParentTaskClick: (id: ID) => void;
     onRenameClick: () => void;
-    onRowHeightChange: () => void;
     onShowToast: (messageInfo: SnackbarMessageConfig) => void;
     onTaskGroupNameClick: (id: ID) => void;
     onTaskManagementRowClick: (id: ID) => void;
     onTimeSpentUpdate: (task: Task, updates: Partial<Task>) => void;
-    onCreateSubtask?: (parentTaskId: ID, data: CreateSubTaskPayload) => void;
-    onSubtaskFormToggle?: () => void;
 }
 export declare const getTagLabel: (tagIds: ID[], tagList: Tag[]) => JSX.Element;
-declare const TaskListRow: ({ taskGroup, userGroupList, tagList, sectionId, uiState, userList, showGroupName, showRenameTextField, isCollapsed, isSelectionAllowed, selectedRowIds, existingTaskGroupNamesByGroupId, subtasksByParentId, onRenameClick, onDeleteTaskGroup, onExpandAll, onCollapseAll, onAddNewTaskToTaskGroup, onCollapseToggle, onTaskManagementRowClick, onColumnSortConfigChanged, onDragStart, onTimeSpentUpdate, onShowToast, onCreateTagClick, onTaskGroupNameClick, onParentTaskClick, onCreateSubtask, onSubtaskFormToggle, onRowHeightChange, isTaskRecurringParentEnabled, subTaskCreateStatus, }: TaskListRowProps) => import("react/jsx-runtime").JSX.Element;
+declare const TaskListRow: ({ taskGroup, userGroupList, tagList, sectionId, uiState, userList, showGroupName, showRenameTextField, isCollapsed, isSelectionAllowed, selectedRowIds, existingTaskGroupNamesByGroupId, onRenameClick, onDeleteTaskGroup, onExpandAll, onCollapseAll, onAddNewTaskToTaskGroup, onCollapseToggle, onTaskManagementRowClick, onColumnSortConfigChanged, onDragStart, onTimeSpentUpdate, onShowToast, onCreateTagClick, onTaskGroupNameClick, onParentTaskClick, isTaskRecurringParentEnabled, }: TaskListRowProps) => import("react/jsx-runtime").JSX.Element;
 export default TaskListRow;

package/dist/components/taskManagement/TaskListRowSmall.d.ts

@@ -1,4 +1,4 @@
-import { ID, SnackbarMessageConfig, Tag, Task, TaskGroupWithTasksList, TaskWithUserDetails } from '@zeniai/client-epic-state';
+import { ID, SnackbarMessageConfig, Tag, Task, TaskGroupWithTasksList } from '@zeniai/client-epic-state';
 import { FormSectionProps } from '../formElements/common/formSection';
 export interface TaskListRowSmallProps extends FormSectionProps {
     existingTaskGroupNamesByGroupId: Record<ID, string>;
@@ -9,7 +9,6 @@ export interface TaskListRowSmallProps extends FormSectionProps {
     showRenameTextField: boolean;
     tagList: Tag[];
     taskGroup: TaskGroupWithTasksList;
-    subtasksByParentId?: Map<ID, TaskWithUserDetails[]>;
     onAddNewTaskToTaskGroup: (taskGroupId: ID) => void;
     onCollapseAll: () => void;
     onCollapseToggle: (taskGroupId: ID) => void;
@@ -19,6 +18,5 @@ export interface TaskListRowSmallProps extends FormSectionProps {
     onShowToast: (messageInfo: SnackbarMessageConfig) => void;
     onTaskManagementRowClick: (id: ID) => void;
     onTimeSpentUpdate: (task: Task, updates: Partial<Task>) => void;
-    onRowHeightChange?: () => void;
 }
 export declare const TaskListRowSmall: ({ taskGroup, tagList, sectionId, showGroupName, showRenameTextField, isSelectionAllowed, isCollapsed, existingTaskGroupNamesByGroupId, onDeleteTaskGroup, onExpandAll, onCollapseAll, onAddNewTaskToTaskGroup, onCollapseToggle, onTaskManagementRowClick, onDragStart, onTimeSpentUpdate, onShowToast, }: TaskListRowSmallProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/taskManagement/TaskManagementPage.d.ts

@@ -1,5 +1,31 @@
 import { ClientAnalytics } from '@zeniai/client-analytics';
-import { CreateSubTaskPayload, FetchState, ID, SnackbarMessageConfig, SortOrder, SpendManagementFiltersType, TagViewSelectorView, Task, TaskGroupKey, TaskListLocalData, TaskListSelectorView, TaskListTab, TaskListViewSortKey } from '@zeniai/client-epic-state';
+import { FetchState, ID, SnackbarMessageConfig, SortOrder, SpendManagementFiltersType, TagViewSelectorView, Task, TaskGroupKey, TaskListLocalData, TaskListSelectorView, TaskListTab, TaskListViewSortKey } from '@zeniai/client-epic-state';
+import { UserMultiSelectFieldValue } from '../cockpit/common/userMultiSelect/UserMultiSelectField';
+import { ZeniDatePickerValue } from '../common/zeniDatePicker/ZeniDatePickerField';
+import { MultiSelectFieldValue } from '../formElements/creatableMultiSelectField/CreatableMultiSelectField';
+import { SingleSelectPickerFieldValue } from '../formElements/singleSelectPickerField/SingleSelectPickerField';
+import { assigneeKey, dueDateKey, groupDataKey, groupNameKey, priorityKey, selectedIdsKey, statusKey, tagKey, taskDataKey, taskManagementTableSectionId, timeSpentKey } from './taskManagementFormConstants';
+interface GroupData {
+    [groupNameKey]: string;
+    [selectedIdsKey]: ID[];
+}
+interface TaskData {
+    [assigneeKey]: UserMultiSelectFieldValue;
+    [dueDateKey]: ZeniDatePickerValue;
+    [priorityKey]: SingleSelectPickerFieldValue;
+    [statusKey]: SingleSelectPickerFieldValue;
+    [tagKey]: MultiSelectFieldValue;
+    [timeSpentKey]: string;
+}
+type TasksFormData = Record<ID, TaskData>;
+type GroupFormData = Record<ID, GroupData>;
+interface TaskManagementTableSectionFormData {
+    [groupDataKey]: GroupFormData;
+    [taskDataKey]: TasksFormData;
+}
+export interface FormData {
+    [taskManagementTableSectionId]: TaskManagementTableSectionFormData;
+}
 export declare const uniqueFormName: (sectionId: ID) => `${string}_form`;
 export interface TaskManagementPageProps {
     isTaskTemplatesEnabled: boolean;
@@ -13,7 +39,6 @@ export interface TaskManagementPageProps {
     isTaskGroupAssigneesEnabled?: boolean;
     isTaskRecurringParentEnabled?: boolean;
     isZeniUser?: boolean;
-    subTaskCreateStatus?: FetchState;
     taskListFetchState?: FetchState;
     assignGroupToTasks: (taskGroupId: ID) => void;
     bulkUpdateTasks: (taskIds: ID[], updates: Partial<Task>) => void;
@@ -44,7 +69,6 @@ export interface TaskManagementPageProps {
     updateTask: (task: Task, updates: Partial<Task>) => void;
     onAskAiCfoClick?: () => void;
     onQuickResponsesClick?: () => void;
-    onSubtaskCreation?: (parentTaskId: ID, data: CreateSubTaskPayload) => void;
 }
-declare const TaskManagementPage: ({ taskListView, tagListView, isTaskTemplatesEnabled, taskListFetchState, onCreateTagClick, updateTask, onDragNDrop, onDeleteTaskGroup, updateLocalData, onTaskManagementRowClick, onParentTaskClick, onReloadTasks, onColumnSortConfigChanged, onSearchTextChanged, onTabChange, onBackClick, bulkUpdateTasks, onNewTaskClick, onFiltersChange, resetLocalData, handleCreateGroup, assignGroupToTasks, onAddNewTaskToTaskGroup, onGroupByFilterChange, onTaskGroupRename, analytics, onTimeSpentUpdate, onShowToast, handleGroupTemplateClick, handleGroupTemplateTaskClick, handleNewTaskInitialization, onTaskGroupNameClick, isAiCfoAccessEnabled, isZeniUser, isTaskBulkResolutionEnabled, isTaskCannedResponsesEnabled, isTaskCategorizationEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, onAskAiCfoClick, onQuickResponsesClick, onSubtaskCreation, subTaskCreateStatus, }: TaskManagementPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const TaskManagementPage: ({ taskListView, tagListView, isTaskTemplatesEnabled, taskListFetchState, onCreateTagClick, updateTask, onDragNDrop, onDeleteTaskGroup, updateLocalData, onTaskManagementRowClick, onParentTaskClick, onReloadTasks, onColumnSortConfigChanged, onSearchTextChanged, onTabChange, onBackClick, bulkUpdateTasks, onNewTaskClick, onFiltersChange, resetLocalData, handleCreateGroup, assignGroupToTasks, onAddNewTaskToTaskGroup, onGroupByFilterChange, onTaskGroupRename, analytics, onTimeSpentUpdate, onShowToast, handleGroupTemplateClick, handleGroupTemplateTaskClick, handleNewTaskInitialization, onTaskGroupNameClick, isAiCfoAccessEnabled, isZeniUser, isTaskBulkResolutionEnabled, isTaskCannedResponsesEnabled, isTaskCategorizationEnabled, isTaskGroupAssigneesEnabled, isTaskRecurringParentEnabled, onAskAiCfoClick, onQuickResponsesClick, }: TaskManagementPageProps) => import("react/jsx-runtime").JSX.Element;
 export default TaskManagementPage;

package/dist/components/taskManagement/taskManagementFormConstants.d.ts

@@ -1,6 +1,5 @@
 export declare const taskManagementPage = "taskManagementPage";
 export declare const taskManagementTableSectionId = "taskManagementTable";
-export declare const newSubtaskSectionId = "newSubtaskSection";
 export declare const newGroupField = "newGroup";
 export declare const groupDataKey = "groupData";
 export declare const taskDataKey = "taskData";

package/dist/components/taskManagement/taskManagementHeaderItemsData.d.ts

@@ -2,7 +2,6 @@ import { SortOrder, TaskListViewSortKey } from '@zeniai/client-epic-state';
 import { ResponsiveSized } from '../../context/windowSizeProvider';
 export interface TaskListHeaderItemData {
     key: TaskListViewSortKey;
-    minWidth: string;
     sortOrder: SortOrder;
     value: string;
     width: ResponsiveSized;

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>, {}>;