@zeniai/web-components 4.4.70-beta0DI → 4.4.71-beta0AN

package/dist/components/expenseAutomation/sections/jeSchedules/accrualDetail/JEAccrualBillingPatternCard.d.ts

@@ -12,3 +12,9 @@ export interface JEAccrualBillingPatternCardProps {
  */
 declare const JEAccrualBillingPatternCard: ({ profileSnapshot, serviceMonth, }: Readonly<JEAccrualBillingPatternCardProps>) => import("react/jsx-runtime").JSX.Element;
 export default JEAccrualBillingPatternCard;
+/**
+ * `YYYY-MM` → `MM`. Not parsed as a date: these keys have no day, and constructing one shifts the
+ * month across a timezone boundary.
+ */
+/** "2026-04" -> "Apr '26", the axis label format the design uses. */
+export declare function monthLabel(month: string): string;

package/dist/components/expenseAutomation/sections/jeSchedules/accrualDetail/JEOneTimeAccrualDetailPage.d.ts

@@ -24,7 +24,8 @@ export interface JEOneTimeAccrualDetailPageProps {
     onNavigateBack: () => void;
     onRevert: (reason: OneTimeAccrualRevertReasonType, note?: string) => void;
     onSkip: (reason: OneTimeAccrualIgnoreReasonType, note?: string) => void;
-    /** Opens a posted Accrual or Reversal JE. Absent leaves the nav bar without the links menu. */
+    /** Opens a posted Accrual or Reversal JE, from the nav bar links menu and the doc numbers.
+     *  Absent leaves the nav bar without the menu and the doc numbers as plain text. */
     onOpenJournalEntry?: (transaction: {
         id: string;
         type: string;

package/dist/components/expenseAutomation/sections/jeSchedules/accrualDetail/JEOneTimeAccrualLinkedEntriesButton.d.ts

@@ -5,9 +5,9 @@ interface JEOneTimeAccrualLinkedEntriesButtonProps {
     onOpenJournalEntry: (transaction: LinkedRecordTarget) => void;
 }
 /**
- * The accrual's Accrual JE and Reversal JE, as the Actual Matching detail lists them. An accrual
- * has no source transaction, so there is only the one section. Nothing renders until the accrual
- * JE is posted; until the reversal posts, its row reads as pending and cannot be opened.
+ * The accrual's Accrual JE and Reversal JE, as the Actual Matching detail lists them, plus the
+ * bill that cleared it once Actual Matching has. Nothing renders until the accrual JE is posted;
+ * until the reversal posts, its row reads as pending and cannot be opened.
  */
 export default function JEOneTimeAccrualLinkedEntriesButton({ accrual, onOpenJournalEntry, }: Readonly<JEOneTimeAccrualLinkedEntriesButtonProps>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/expenseAutomation/sections/jeSchedules/common/JEJournalEntryBlock.d.ts

@@ -0,0 +1,92 @@
+import { JEOneTimeAccrual } from '@zeniai/client-epic-state';
+export interface JEJournalEntryBlockProps {
+    creditAccount: string;
+    creditAmount: string;
+    /** The same date on both lines: a two-line accrual JE posts as one entry. */
+    dateLabel: string;
+    debitAccount: string;
+    debitAmount: string;
+    testId: string;
+    title: string;
+    /** Shown after the debit account in the muted colour, e.g. the class on the expense line. */
+    debitAccountDetail?: string;
+    /** The QBO DocNumber. Absent before anything has posted, since there is no entry to name yet. */
+    documentId?: string;
+    failureReason?: string;
+    /** A sentence under the table, e.g. how and when the entry will reverse. */
+    footnote?: string;
+    /** Right-aligned in the header, e.g. the service month or "Mirrors the accrual". */
+    note?: string;
+    onOpenDocument?: () => void;
+}
+/**
+ * One journal entry as a titled Posting Date | Account | Debit | Credit table: the layout Actual
+ * Matching introduced, shared so an accrual JE reads the same on the AM detail page, the one-time
+ * accrual detail page and the New one-time accrual preview.
+ */
+export declare function JEJournalEntryBlock({ creditAccount, creditAmount, dateLabel, debitAccount, debitAmount, testId, title, debitAccountDetail, documentId, failureReason, footnote, note, onOpenDocument, }: Readonly<JEJournalEntryBlockProps>): import("react/jsx-runtime").JSX.Element;
+interface AccrualJeBlockBaseProps {
+    accrual: JEOneTimeAccrual;
+    testIdPrefix: string;
+    testIdSuffix: string;
+    onOpenJe?: (txn: {
+        id: string;
+        type: string;
+    }) => void;
+}
+/** The accrual JE as stored on the accrual, dated the last day of its service month. */
+export declare function AccrualJeBlock({ accrual, onOpenJe, testIdPrefix, testIdSuffix, }: Readonly<AccrualJeBlockBaseProps>): import("react/jsx-runtime").JSX.Element;
+/** The accrual's mirror image: the same lines with debit and credit swapped. */
+export declare function ReversalJeBlock({ accrual, isPending, postingDateLabel, testIdPrefix, testIdSuffix, failureReason, onOpenJe, }: Readonly<AccrualJeBlockBaseProps & {
+    postingDateLabel: string;
+    failureReason?: string;
+    isPending?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;
+export interface MatchedTransactionBlockProps {
+    /** What was accrued for the match, shown against the actual in the total row. */
+    accruedAmount: string;
+    actualAmount: string;
+    dateLabel: string;
+    memo: string;
+    testId: string;
+    /** The matched transaction's type, e.g. "bill"; it names the card and the total row. */
+    transactionType: string;
+}
+/** The bill (or other transaction) that cleared the accrual, with its total against the accrual. */
+export declare function MatchedTransactionBlock({ accruedAmount, actualAmount, dateLabel, memo, testId, transactionType, }: Readonly<MatchedTransactionBlockProps>): import("react/jsx-runtime").JSX.Element;
+export declare const JeCard: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $hasFailure?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const JeCardHeader: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const JeCardTitle: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
+    theme?: import('@emotion/react').Theme;
+}, {}, {}>;
+export declare const JeTable: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const JeHeaderCell: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $span?: number;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const JeCell: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    $isFailureAmount?: boolean;
+    $muted?: boolean;
+    $span?: number;
+    $withTopBorder?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};

package/dist/components/formElements/autoCompleteSingleSelectField/AutoCompleteSingleSelectField.d.ts

@@ -31,6 +31,8 @@ export interface AutoCompleteSingleSelectFieldProps {
     autoFocus?: boolean;
     customStyleConfig?: StylesConfig<OptionType, false>;
     isDisabled?: DisableMode;
+    /** More options are still arriving; shows a loading row under the list. */
+    isLoadingMoreOptions?: boolean;
     menuIsOpen?: boolean;
     menuPortal?: HTMLElement | null;
     placeholder?: string;
@@ -46,7 +48,7 @@ export interface AutoCompleteSingleSelectFieldProps {
     valueToId?: (value: string) => ID | undefined;
     valueToInfo?: (value: string) => string;
 }
-export declare const AutoCompleteSingleSelectField: ({ name, registerOptions, defaultValue, isDisabled, style, autoFocus, menuIsOpen, onMenuClose, placeholder, valueToInfo, valueToId, customStyleConfig, showDownChevronWithValue, shouldShowChevronIcon, allowEmpty, menuPortal, disableCurrentOption, loadOptions, }: AutoCompleteSingleSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AutoCompleteSingleSelectField: ({ name, registerOptions, defaultValue, isDisabled, isLoadingMoreOptions, style, autoFocus, menuIsOpen, onMenuClose, placeholder, valueToInfo, valueToId, customStyleConfig, showDownChevronWithValue, shouldShowChevronIcon, allowEmpty, menuPortal, disableCurrentOption, loadOptions, }: AutoCompleteSingleSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * internal Styled components
  */

package/dist/components/formElements/singleSelectPickerField/SingleSelectPickerField.d.ts

@@ -37,6 +37,8 @@ export interface SingleSelectPickerFieldProps {
     customStyleConfig?: StylesConfig<OptionType, false>;
     isClearable?: boolean;
     isDisabled?: DisableMode;
+    /** More options are still arriving; shows a loading row under the list. */
+    isLoadingMoreOptions?: boolean;
     isOptionRemovable?: boolean;
     isSearchable?: boolean;
     maxMenuHeight?: number;
@@ -49,7 +51,6 @@ export interface SingleSelectPickerFieldProps {
     rotateChevronOnOpen?: boolean;
     showCreateOption?: boolean;
     showDownChevronIcon?: boolean;
-    showDropdownIndicator?: boolean;
     showEmptyState?: boolean;
     showLoadingIcon?: boolean;
     showLogoInSingleValue?: boolean;

package/dist/components/formElements/timeSpentField/TimeSpentField.d.ts

@@ -1,20 +1,13 @@
 import { RegisterOptions } from 'react-hook-form';
-import { DisableMode } from '../common/common';
-/** Consumers that restyle the at-rest value (the board mutes it on unhovered
- *  rows) target this rather than a bare `span`. */
-export declare const TIME_SPENT_DISPLAY_CLASS = "timeSpentDisplay";
 export interface TimeSpentFieldProps {
     name: string;
     timeSpentFormat: string;
     defaultValue?: string;
     fieldError?: string;
     inputStyle?: React.CSSProperties;
-    /** Read-only on a task whose time is a rolled-up sum (D21). The server
-     *  rejects such a write anyway; this stops the user typing into a 400. */
-    isDisabled?: DisableMode;
     placeholder?: string;
     registerOptions?: RegisterOptions;
     style?: React.CSSProperties;
     onInputBlur?: () => void;
 }
-export declare function TimeSpentField({ name, placeholder, defaultValue, isDisabled, timeSpentFormat, registerOptions, onInputBlur, style, inputStyle, }: TimeSpentFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeSpentField({ name, placeholder, defaultValue, timeSpentFormat, registerOptions, onInputBlur, style, inputStyle, }: TimeSpentFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/invoicing/common/InvoicingListScaffold.d.ts

@@ -19,6 +19,8 @@ export interface InvoicingListScaffoldProps<TData> {
     activeTab?: string;
     /** Show a spinner on the status-tab counts while the counts fetch is in flight. */
     countsLoading?: boolean;
+    /** With server-driven sort, a sort other than this one shows a ⊗ in the header that resets to it. */
+    defaultSortState?: SortState | null;
     /**
      * Rich zero-state (illustration + copy + actions) shown when the list is empty
      * and the user is not searching. Falls back to `emptyMessage` text when absent
@@ -63,5 +65,5 @@ export interface InvoicingListScaffoldProps<TData> {
  * loading. Domain pages only supply columns, KPI cards and tabs, so every
  * invoicing list reuses the same web-components primitives.
  */
-export declare function InvoicingListScaffold<TData>({ activeTab, columns, data, emptyMessage, emptyState, getRowId, hasMore, isLoading, isLoadingMore, kpis, kpisLoading, countsLoading, navBarExtraContent, primaryActionLabel, searchPlaceholder, searchValue, showNavBorderBottom, tableVerticalPadding, sortState: controlledSortState, tabs, title, onClickMenuIcon, onLoadMore, onPrimaryAction, onSearchChange, onSortChange, onTabChange, renderRowMenu, }: Readonly<InvoicingListScaffoldProps<TData>>): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicingListScaffold<TData>({ activeTab, columns, data, emptyMessage, emptyState, getRowId, hasMore, isLoading, isLoadingMore, kpis, kpisLoading, countsLoading, navBarExtraContent, primaryActionLabel, searchPlaceholder, searchValue, showNavBorderBottom, tableVerticalPadding, sortState: controlledSortState, defaultSortState, tabs, title, onClickMenuIcon, onLoadMore, onPrimaryAction, onSearchChange, onSortChange, onTabChange, renderRowMenu, }: Readonly<InvoicingListScaffoldProps<TData>>): import("react/jsx-runtime").JSX.Element;
 export default InvoicingListScaffold;

package/dist/components/invoicing/createInvoice/InvoicingCreateInvoicePage.d.ts

@@ -19,6 +19,8 @@ export interface InvoicingCreateInvoicePlanNameOption {
 }
 export interface InvoicingCreateInvoicePageProps {
     customers: InvoicingCreateInvoiceCustomerOption[];
+    /** More customer pages are still loading; `customers` is partial. */
+    isCustomerListLoading: boolean;
     isSubmitting: boolean;
     localData: InvoicingCreateInvoiceFormLocalData;
     errorMessage?: string;
@@ -38,5 +40,5 @@ export interface InvoicingCreateInvoicePageProps {
  * draft (`localData`), syncing every change back via `onChange`; `onSubmit`
  * signals intent and the request is derived from the draft in CES.
  */
-export declare function InvoicingCreateInvoicePage({ customers, fieldHelp, errorMessage, isSubmitting, localData, onBack, onCancel, onChange, onSubmit, planNames, settings, }: Readonly<InvoicingCreateInvoicePageProps>): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicingCreateInvoicePage({ customers, fieldHelp, errorMessage, isCustomerListLoading, isSubmitting, localData, onBack, onCancel, onChange, onSubmit, planNames, settings, }: Readonly<InvoicingCreateInvoicePageProps>): import("react/jsx-runtime").JSX.Element;
 export default InvoicingCreateInvoicePage;

package/dist/components/invoicing/subscriptionForm/InvoicingSubscriptionFormPage.d.ts

@@ -5,6 +5,8 @@ export type { InvoicingSubscriptionFormOption } from './subscriptionForm.shared'
 export interface InvoicingSubscriptionFormPageProps {
     /** Save opens this cost review first; its own Save runs `onSubmit`. */
     estimate: InvoicingSubscriptionEstimateView;
+    /** More customer pages are still loading; `customers` is partial. */
+    isCustomerListLoading: boolean;
     isSubmitting: boolean;
     localData: InvoicingSubscriptionFormLocalData;
     mode: "create" | "edit";
@@ -38,5 +40,5 @@ export interface InvoicingSubscriptionFormPageProps {
  * primitives. The draft flows from CES (`localData`) and is synced back on every
  * change; the shipping address is captured via the shared Address screen.
  */
-export declare function InvoicingSubscriptionFormPage({ fieldHelp, addons, charges, coupons, customers, errorMessage, isLoading, isSubmitting, localData, mode, estimate, onBack, onCancel, onChange, onCloseEstimate, onOpenAddress, onRequestEstimate, onSubmit, plans, shippingAddressLabel, }: Readonly<InvoicingSubscriptionFormPageProps>): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicingSubscriptionFormPage({ fieldHelp, addons, charges, coupons, customers, errorMessage, isCustomerListLoading, isLoading, isSubmitting, localData, mode, estimate, onBack, onCancel, onChange, onCloseEstimate, onOpenAddress, onRequestEstimate, onSubmit, plans, shippingAddressLabel, }: Readonly<InvoicingSubscriptionFormPageProps>): import("react/jsx-runtime").JSX.Element;
 export default InvoicingSubscriptionFormPage;

package/dist/components/invoicing/subscriptionForm/subscriptionForm.shared.d.ts

@@ -43,6 +43,10 @@ export type SubscriptionFormValues = Omit<InvoicingSubscriptionFormLocalData, "a
     startedAt: Date | undefined;
     trialEnd: Date | undefined;
 };
+export declare const toPickerOptions: (options: InvoicingSubscriptionFormOption[]) => {
+    label: string;
+    value: string;
+}[];
 /** Whether the option takes a quantity; a flat fee bills its price once. */
 export declare const subscriptionOptionHasQuantity: (options: InvoicingSubscriptionFormOption[], priceCode: string | undefined) => boolean;
 /** Value→label lookup for the add-on / one-time-charge multi-selects. */

package/dist/components/reportTree/CustomDateRangeColumnContext.d.ts

@@ -0,0 +1,11 @@
+/**
+ * End date (`YYYY-MM-DD`) of the custom date range the shown report data was
+ * fetched with (read from the store), or undefined when there is none (gate
+ * off, default periods, or a Class / Project view, which shows whole periods).
+ *
+ * Report cells use it to key comment anchors: only a column that ends on this
+ * date is a custom range's partial column with its own key. Every other
+ * column keeps the stable period-end key, so a default column whose data
+ * lags the period end never changes key (and drops its comments).
+ */
+export declare const CustomDateRangeColumnContext: import('react').Context<string | undefined>;

package/dist/components/reports/ReportsPage.d.ts

@@ -4,6 +4,11 @@ import { RequestToOpenThreadType } from '../commentsAndNotes/utils/ThreadsProvid
 import { DownloadbleReportProps } from '../common/downloadReport/downloadableReportProps';
 import { ReportTreeScrollPosition } from '../reportTree/ReportTree';
 import { AccountBalanceClickMeta } from '../reportTree/reportTreeTypes';
+/** A committed custom date range, as `YYYY-MM-DD` strings. */
+export interface ReportsCustomDateRange {
+    endDate: string;
+    startDate: string;
+}
 export interface Props extends DownloadbleReportProps {
     allTimeframeTicks: TimeframeTickWithMetaData[];
     balanceSheetClassesViewReport: BalanceSheetClassesViewReport;
@@ -35,6 +40,11 @@ export interface Props extends DownloadbleReportProps {
      */
     classViewLayout?: ClassViewLayout;
     dataAvailable?: TimeframeTick;
+    /**
+     * Custom start/end (`YYYY-MM-DD`) the selected report's data was last fetched with, from the
+     * store; undefined when it holds the default periods. Keys the partial custom column's comments.
+     */
+    fetchedCustomDateRange?: ReportsCustomDateRange;
     initialOpenThreadRequest?: RequestToOpenThreadType;
     isAccountingClassesEnabled?: boolean;
     isAccountingProjectsEnabled?: boolean;
@@ -63,7 +73,12 @@ export interface Props extends DownloadbleReportProps {
     onFetchClassReportFired?: () => void;
     onInitialDateRangeAvailable?: (startDate: string, endDate: string) => void;
     onReloadReport?: () => void;
-    onReportSelectionChanged?: (selectedReport: ReportID) => void;
+    /**
+     * `customDateRange` is the active custom date range (gate on) so the handler
+     * can fetch the newly selected report for it instead of showing the default
+     * window under the custom label.
+     */
+    onReportSelectionChanged?: (selectedReport: ReportID, customDateRange?: ReportsCustomDateRange) => void;
     onResyncReports?: () => void;
     onTableScroll?: (reportId: ReportID, props: ReportTreeScrollPosition) => void;
     onThisPeriodChanged?: (thisPeriod: TimeframeTick, maxNumOfPeriodsToSelect: number, reportViewUpdate?: boolean) => void;
@@ -74,7 +89,9 @@ export interface Props extends DownloadbleReportProps {
      * the mode in one go, and the handler's own props still hold the previous
      * report at that point, so the family has to travel with the mode.
      */
-    forReportId?: ReportID) => void;
+    forReportId?: ReportID, 
+    /** Active custom date range, re-applied when the mode lands on an accounts view. */
+    customDateRange?: ReportsCustomDateRange) => void;
     onUpdateClassesToFilterOut?: (classesToFilterOut: NestedClassID[]) => void;
     onUpdateClassViewLayout?: (layout: ClassViewLayout) => void;
     onUpdateProjectsToFilterOut?: (projectsToFilterOut: ID[]) => void;

package/dist/components/reports/common/isGroupedReportId.d.ts

@@ -0,0 +1,7 @@
+import { ReportID } from '@zeniai/client-epic-state';
+/**
+ * True for the Class / Project ("View By") variants of P&L, Balance Sheet and
+ * Cash Flow. These don't support custom date ranges yet: the backend serves
+ * them from the stored whole-period report and ignores custom dates.
+ */
+export declare const isGroupedReportId: (reportId: ReportID) => boolean;