@zeniai/web-components 4.3.68 → 4.3.70-beta0ND

package/dist/components/expenseAutomation/ExpenseAutomationPage.d.ts

@@ -71,6 +71,16 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
     isExpenseAutomationCommentingEnabled?: boolean;
     /** Transaction categorization only: when true, the right rail is expanded. */
     isRightPanelOpen?: boolean;
+    /**
+     * The JE Schedules side panel, deliberately named apart from `panelContent` /
+     * `sidePanelIsOpen`, which drive the page-level split for transactions and reconciliation.
+     * The schedules panel lives inside the list section instead, so the KPI strip and type filter
+     * stay full-width above it -- and these props are spread on to TableSection, where a shared
+     * name would hand the transaction panel to the schedules list.
+     *
+     * There is no full-view flag: expanding leaves for the schedule's own page.
+     */
+    isSchedulePanelOpen?: boolean;
     loggedInUser?: LoggedInUser;
     newAccrualAccountsView?: NewAccrualAccountsView;
     /** The draft this form was last left with, for a host that stores it. */
@@ -87,6 +97,11 @@ export interface ExpenseAutomationPageProps extends MonthEndReportPageProps {
      * Transaction categorization only: inline right rail (activity or transfer panel body).
      */
     rightSidePanel?: ReactNode;
+    schedulePanelContent?: ReactNode;
+    schedulePendingDiscardConfirmation?: {
+        onCancel: () => void;
+        onDiscard: () => void;
+    };
     sidePanelIsFullView?: boolean;
     sidePanelIsOpen?: boolean;
     sidePanelListPercent?: number;

package/dist/components/expenseAutomation/sections/jeSchedules/JESchedulePage.d.ts

@@ -3,7 +3,7 @@ import { FooterFormIdType } from '../../common';
 import { FormData as JEScheduleAccountSettingsFormData } from './common/JEScheduleAccountSettings';
 import { JESchedulesSectionProps } from './sections/JESchedulesSection';
 import { NewScheduleSaveFormValues } from './sections/NewJEScheduleSection';
-export interface JESchedulePageProps extends Omit<JESchedulesSectionProps, "jeSchedules" | "isAccountingClassesEnabled"> {
+export interface JESchedulePageProps extends Omit<JESchedulesSectionProps, "jeSchedules" | "isAccountingClassesEnabled" | "isPanelOpen" | "panelContent" | "pendingDiscardConfirmation"> {
     accountListNestedAccountHierarchy: NestedAccountHierarchyForReport[];
     baseTransactionSearchFetchState: FetchStateAndError;
     baseTransactionSearchResults: ScheduleTransaction[];
@@ -21,8 +21,21 @@ export interface JESchedulePageProps extends Omit<JESchedulesSectionProps, "jeSc
     /** The draft this form was last left with, for a host that stores it. */
     /** Cron-2's live gate for this company. Off hides one-time accrual creation. */
     isAccrualEnabled?: boolean;
+    /**
+     * Schedule side panel, named apart from the page-level `panelContent` that drives the
+     * transaction and reconciliation panels: ExpenseAutomationPage spreads its own props into
+     * TableSection, so a shared name would hand the transaction panel to the schedules list.
+     *
+     * There is no full-view flag: expanding leaves for the schedule's own page.
+     */
+    isSchedulePanelOpen?: boolean;
     newAccrualAccountsView?: NewAccrualAccountsView;
     newScheduleLocalData?: NewScheduleSaveFormValues;
+    schedulePanelContent?: React.ReactNode;
+    schedulePendingDiscardConfirmation?: {
+        onCancel: () => void;
+        onDiscard: () => void;
+    };
     onCreateAccruedSchedule: (localData: Partial<ScheduleDetailsLocalDataAccruedExpenses>) => void;
     onCreateOneTimeAccrual: (formValues: NewOneTimeAccrualLocalData) => void;
     onJeAccountSettingsChange: (formData: JEScheduleAccountSettingsFormData) => void;
@@ -36,5 +49,5 @@ export interface JESchedulePageProps extends Omit<JESchedulesSectionProps, "jeSc
     setResetJeAccountSettingsForm: (resetFn: () => void) => void;
     onNewScheduleFormChange?: (scheduleType: string, formValues: NewScheduleSaveFormValues) => void;
 }
-declare function JESchedulePage({ accountListNestedAccountHierarchy, baseTransactionSearchFetchState, baseTransactionSearchResults, classListNestedAccountHierarchy, expenseAutomationViewSelector, currentFooterFormId, isAccountingClassesEnabled, isCreatingNewSchedule, newScheduleSaveStatus, allDepreciationAccountListNestedAccountHierarchy, initialScheduleDetailsMode, initialScheduleType, newAccrualAccountsView, onCreateAccruedSchedule, onCreateOneTimeAccrual, setResetJeAccountSettingsForm, vendorSearchAutoCompleteData, onJESchedulesFormDataChange, onPostJESchedule, handleJeScheduleClick, onOneTimeAccrualClick, onOneTimeAccrualFeedback, onJeAccountSettingsChange, onSaveJeAccountSettingsClick, onSaveSchedule, onScheduleTypeChange, onSearchBaseTransaction, onViewTransaction, newScheduleLocalData, initialSelectedBaseTransaction, isAccrualEnabled, onNewScheduleFormChange, ignoreRecommendedJeSchedule, vendorSearchAutoCompleteActions, setCurrentFooterFormId, setIsCreatingNewSchedule, setIsJeAccountSettingsOpened, onRevertJeSchedule, onToggleCreatedGroupCollapsed, onTogglePendingGroupCollapsed, onUpdateJEScheduleTypeFilter, onUpdateJESchedulesUIState, }: Readonly<JESchedulePageProps>): import("react/jsx-runtime").JSX.Element;
+declare function JESchedulePage({ accountListNestedAccountHierarchy, baseTransactionSearchFetchState, baseTransactionSearchResults, classListNestedAccountHierarchy, expenseAutomationViewSelector, currentFooterFormId, isAccountingClassesEnabled, isCreatingNewSchedule, newScheduleSaveStatus, allDepreciationAccountListNestedAccountHierarchy, initialScheduleDetailsMode, initialScheduleType, newAccrualAccountsView, onCreateAccruedSchedule, onCreateOneTimeAccrual, setResetJeAccountSettingsForm, vendorSearchAutoCompleteData, onJESchedulesFormDataChange, onPostJESchedule, handleJeScheduleClick, onOneTimeAccrualClick, onOneTimeAccrualFeedback, onJeAccountSettingsChange, onSaveJeAccountSettingsClick, onSaveSchedule, onScheduleTypeChange, onSearchBaseTransaction, onViewTransaction, newScheduleLocalData, initialSelectedBaseTransaction, isAccrualEnabled, onNewScheduleFormChange, ignoreRecommendedJeSchedule, vendorSearchAutoCompleteActions, isSchedulePanelOpen, schedulePanelContent, schedulePendingDiscardConfirmation, setCurrentFooterFormId, setIsCreatingNewSchedule, setIsJeAccountSettingsOpened, onRevertJeSchedule, onToggleCreatedGroupCollapsed, onTogglePendingGroupCollapsed, onUpdateJEScheduleTypeFilter, onUpdateJESchedulesUIState, }: Readonly<JESchedulePageProps>): import("react/jsx-runtime").JSX.Element;
 export default JESchedulePage;

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

@@ -8,7 +8,11 @@ export interface JEOneTimeAccrualDetailPageProps {
     /** Status of the promote / ignore request for this accrual. */
     actionFetchState: FetchState;
     isAccountingClassesEnabled: boolean;
-    /** Unposted edits from this visit. Seeds the form so a remount does not lose them. */
+    /** Rendered inside a side panel rather than as its own route: the host page keeps its own
+     *  nav bar and the panel bounds the height, so this page must supply neither. */
+    isRenderedInPanel?: boolean;
+    /** Unposted edits from this visit. Seeds the form so a remount does not lose them, which is
+     *  why this page registers no panel dirty guard: switching rows cannot drop an edit. */
     localData?: OneTimeAccrualEdits;
     /** Account and class lists for the editable draft fields. Absent leaves them read-only. */
     newAccrualAccountsView?: NewAccrualAccountsView;
@@ -25,8 +29,8 @@ export interface JEOneTimeAccrualDetailPageProps {
  * A single one-time accrual, with the two decisions a human makes about it: post it, or skip the
  * month with a reason.
  *
- * There is no GET-by-id on the accruals gateway, so the accrual arrives as a prop read from the
- * list already in the store — this page never fetches.
+ * The accrual arrives as a prop. The host resolves it from the store the list fills, falling back
+ * to a by-id fetch on a cold load, so this page itself never fetches.
  */
-declare const JEOneTimeAccrualDetailPage: ({ accrual, actionFetchState, isAccountingClassesEnabled, localData, newAccrualAccountsView, onAccrualFormChange, onAccrualFormClear, onApproveAndPost, onNavigateBack, onRevert, onSkip, }: Readonly<JEOneTimeAccrualDetailPageProps>) => import("react/jsx-runtime").JSX.Element;
+declare const JEOneTimeAccrualDetailPage: ({ accrual, actionFetchState, isAccountingClassesEnabled, isRenderedInPanel, localData, newAccrualAccountsView, onAccrualFormChange, onAccrualFormClear, onApproveAndPost, onNavigateBack, onRevert, onSkip, }: Readonly<JEOneTimeAccrualDetailPageProps>) => import("react/jsx-runtime").JSX.Element;
 export default JEOneTimeAccrualDetailPage;

package/dist/components/expenseAutomation/sections/jeSchedules/list/jeScheduleConfig.d.ts

@@ -30,6 +30,17 @@ export declare const COT_ICON_SIZE_PX = 16;
 export declare const ACTION_ERROR_ICON_SIZE_PX = 12;
 export declare const COT_ICON_GAP_PX: number;
 export declare const jeScheduleHeaderItemsData: JEScheduleHeaderItemData[];
+/**
+ * The list compressed to ~34% of the content area beside an open side panel.
+ *
+ * Vendor identifies the row and Amount is the one figure worth scanning at that width; the panel
+ * carries everything else. One set serves both tabs -- the Existing tab drops its Monthly Amount
+ * here so the compressed header is identical on both and no row renderer needs a per-tab branch.
+ *
+ * Neither column is `stickyRight`: the Action column is gone, so nothing needs pinning, and the two
+ * tracks fit inside the compressed width without horizontal overflow.
+ */
+export declare const compressedJEScheduleHeaderItemsData: JEScheduleHeaderItemData[];
 export declare const existingHeaderItemsData: JEScheduleHeaderItemData[];
 /**
  * Which column fixes each posting error, or undefined when nothing on the row can.
@@ -41,6 +52,6 @@ export declare const existingHeaderItemsData: JEScheduleHeaderItemData[];
 export declare const FIX_COLUMN_BY_ERROR_CODE: Record<JournalEntryErrorCodeType, JEScheduleColumnKey | undefined>;
 /** The errors a row cannot show inline, because their column is not in this tab's column set. */
 export declare function errorsNotShownInColumns(errorCodes: JournalEntryErrorCodeType[]): JournalEntryErrorCodeType[];
-export declare function getColumnsForGroupKey(groupKey: JEScheduleGroupKey, isAccountingClassesEnabled: boolean): JEScheduleHeaderItemData[];
+export declare function getColumnsForGroupKey(groupKey: JEScheduleGroupKey, isAccountingClassesEnabled: boolean, isQuickViewMode?: boolean): JEScheduleHeaderItemData[];
 export declare const PENDING_SUB_TABS: TabSwitcherOption[];
 export declare const ONGOING_COMPLETED_SUB_TABS: TabSwitcherOption[];

package/dist/components/expenseAutomation/sections/jeSchedules/list/jeScheduleListRow.helpers.d.ts

@@ -1,4 +1,4 @@
-import { JEOneTimeAccrualKey, JEScheduleKey, JEScheduleRow, JEScheduleTransactionKey } from '@zeniai/client-epic-state';
+import { ID, JEOneTimeAccrualKey, JEScheduleKey, JEScheduleRow, JEScheduleTransactionKey } from '@zeniai/client-epic-state';
 import { ChainOfThoughtData } from '../../../../common/tooltipVariants/types';
 /**
  * The chain-of-thought popover shown on the "Created by" cell of an AI Accountant row.
@@ -20,6 +20,14 @@ export type JEScheduleRowKey = JEOneTimeAccrualKey | JEScheduleTransactionKey |
  * Stable per-row identity for React keys, data-testids and row commenting.
  */
 export declare function getJEScheduleRowKey(row: JEScheduleRow): JEScheduleRowKey;
+/**
+ * The plain id the side-panel URL carries for this row — deliberately NOT its row key.
+ *
+ * The three row-key flavours are template-literal types, so they are assignable to `ID` and the
+ * compiler would not catch one being used as a panel id. The panel keys on what the route holds:
+ * an accrual's own Mongo id, or the schedule id every other row type shares.
+ */
+export declare function getJEScheduleRowPanelId(row: JEScheduleRow): ID | undefined;
 /**
  * Whether a row click started inside interactive cell content and so should not navigate.
  *

package/dist/components/expenseAutomation/sections/jeSchedules/list/useJEScheduleRowClick.d.ts

@@ -0,0 +1,13 @@
+import { MouseEvent } from 'react';
+import { ID, ScheduleTypes } from '@zeniai/client-epic-state';
+import { JEScheduleRowKey } from './jeScheduleListRow.helpers';
+export type JEScheduleRowClickHandler = (event: MouseEvent<HTMLDivElement>, jeScheduleId: ID, jeScheduleKey: JEScheduleRowKey, jeScheduleType: ScheduleTypes) => void;
+/**
+ * Opens a schedule row unless the click started inside cell content that owns it.
+ *
+ * Both tabs previously inlined their own copy of the guard and they had drifted: the Existing tab
+ * only checked two of the six interactive class names, so a click on an open select menu there
+ * navigated away instead of picking the option. Both now defer to
+ * {@link isInteractiveCellClick}, which is the single list of those class names.
+ */
+export declare function useJEScheduleRowClick(onOpenSchedule: (jeScheduleId: ID, jeScheduleKey: JEScheduleRowKey, jeScheduleType: ScheduleTypes) => void): JEScheduleRowClickHandler;

package/dist/components/expenseAutomation/sections/jeSchedules/sections/JEExistingSection.d.ts

@@ -9,6 +9,16 @@ export interface JEExistingSectionProps {
     jeSchedules: ExpenseAutomationJESchedulesViewSelector;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
+    /**
+     * Rendered beside the list, inside this section, so the KPI strip stays full-width above it.
+     * There is no full-view flag: expanding leaves the panel for the schedule's own page.
+     */
+    isPanelOpen?: boolean;
+    panelContent?: React.ReactNode;
+    pendingDiscardConfirmation?: {
+        onCancel: () => void;
+        onDiscard: () => void;
+    };
     handleJeScheduleClick: (jeScheduleId: ID, jeScheduleKey: JEScheduleRowKey, jeScheduleType: ScheduleTypes) => void;
     ignoreRecommendedJeSchedule: (jeScheduleTransactionKey: JEScheduleTransactionKey, scheduleType: ScheduleTypes, reason: JEAccrualFeedbackReason, note?: string) => void;
     onJESchedulesFormDataChange: (scheduleJournalEntryId: ID, localData: JEScheduleResolveComponentFormData) => void;
@@ -18,5 +28,5 @@ export interface JEExistingSectionProps {
     onUpdateJEScheduleTypeFilter: (filter: ScheduleTypes | null) => void;
     setCurrentFooterFormId: (formId: FooterFormIdType) => void;
 }
-declare function JEExistingSection({ isAccountingClassesEnabled, jeSchedules, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, handleJeScheduleClick, onOneTimeAccrualClick, onOneTimeAccrualFeedback, ignoreRecommendedJeSchedule, onJESchedulesFormDataChange, onPostJESchedule, onUpdateJEScheduleTypeFilter, }: Readonly<JEExistingSectionProps>): import("react/jsx-runtime").JSX.Element;
+declare function JEExistingSection({ isAccountingClassesEnabled, jeSchedules, isPanelOpen, panelContent, pendingDiscardConfirmation, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, handleJeScheduleClick, onOneTimeAccrualClick, onOneTimeAccrualFeedback, ignoreRecommendedJeSchedule, onJESchedulesFormDataChange, onPostJESchedule, onUpdateJEScheduleTypeFilter, }: Readonly<JEExistingSectionProps>): import("react/jsx-runtime").JSX.Element;
 export default JEExistingSection;

package/dist/components/expenseAutomation/sections/jeSchedules/sections/JESchedulesSection.d.ts

@@ -9,6 +9,16 @@ export interface JESchedulesSectionProps {
     jeSchedules: ExpenseAutomationJESchedulesViewSelector;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
+    /**
+     * Rendered beside the list, inside this section, so the KPI strip stays full-width above it.
+     * There is no full-view flag: expanding leaves the panel for the schedule's own page.
+     */
+    isPanelOpen?: boolean;
+    panelContent?: React.ReactNode;
+    pendingDiscardConfirmation?: {
+        onCancel: () => void;
+        onDiscard: () => void;
+    };
     handleJeScheduleClick: (jeScheduleId: ID, jeScheduleKey: JEScheduleRowKey, jeScheduleType: ScheduleTypes) => void;
     ignoreRecommendedJeSchedule: (jeScheduleTransactionKey: JEScheduleTransactionKey, scheduleType: ScheduleTypes, reason: JEAccrualFeedbackReason, note?: string) => void;
     onJESchedulesFormDataChange: (scheduleJournalEntryId: ID, localData: JEScheduleResolveComponentFormData) => void;
@@ -23,5 +33,5 @@ export interface JESchedulesSectionProps {
     onConfirmCategoryRecommendation?: (jeScheduleTransactionKey: JEScheduleTransactionKey, recommendedCategoryId: ID) => void;
     onRevertJeSchedule?: (jeScheduleId: ID, jeScheduleTransactionKey: JEScheduleKey | JEScheduleTransactionKey, jeScheduleType: ScheduleTypes, reason: JEAccrualFeedbackReason, note?: string) => void;
 }
-declare function JESchedulesSection({ isAccountingClassesEnabled, jeSchedules, vendorSearchAutoCompleteData, handleJeScheduleClick, onOneTimeAccrualClick, onOneTimeAccrualFeedback, onConfirmCategoryRecommendation, onJESchedulesFormDataChange, onPostJESchedule, onRevertJeSchedule, ignoreRecommendedJeSchedule, onUpdateJESchedulesUIState, onTogglePendingGroupCollapsed, onToggleCreatedGroupCollapsed, onUpdateJEScheduleTypeFilter, vendorSearchAutoCompleteActions, setCurrentFooterFormId, }: Readonly<JESchedulesSectionProps>): import("react/jsx-runtime").JSX.Element;
+declare function JESchedulesSection({ isAccountingClassesEnabled, jeSchedules, isPanelOpen, panelContent, pendingDiscardConfirmation, vendorSearchAutoCompleteData, handleJeScheduleClick, onOneTimeAccrualClick, onOneTimeAccrualFeedback, onConfirmCategoryRecommendation, onJESchedulesFormDataChange, onPostJESchedule, onRevertJeSchedule, ignoreRecommendedJeSchedule, onUpdateJESchedulesUIState, onTogglePendingGroupCollapsed, onToggleCreatedGroupCollapsed, onUpdateJEScheduleTypeFilter, vendorSearchAutoCompleteActions, setCurrentFooterFormId, }: Readonly<JESchedulesSectionProps>): import("react/jsx-runtime").JSX.Element;
 export default JESchedulesSection;

package/dist/components/expenseAutomation/sections/missingReceipts/completedTab/CompletedTab.d.ts

@@ -1,5 +1,5 @@
 import { AuthParams, BulkUploadSortKey, FetchStateAndError, ID, SortOrder, SupportedTransaction, TransactionType } from '@zeniai/client-epic-state';
-/** Completed bulk-upload list: parent `ExpenseAutomationPage` sets `disableMarginTop` on `TransactionSidePanelLayout` via `shouldDisableTransactionSidePanelListMarginTop`. */
+/** Completed bulk-upload list: parent `ExpenseAutomationPage` sets `disableMarginTop` on `SidePanelLayout` via `shouldDisableTransactionSidePanelListMarginTop`. */
 interface CompletedTabProps {
     authParams: AuthParams;
     fetchState: FetchStateAndError;

package/dist/components/expenseAutomation/sections/missingReceipts/missingReceiptsSidePanelListMargin.d.ts

@@ -1,7 +1,7 @@
 import { ExpenseAutomationViewType } from '@zeniai/client-epic-state';
 /**
  * When bulk receipt upload is active on the missing-receipts view, ExpenseAutomationPage
- * passes `disableMarginTop` to TransactionSidePanelLayout so list content aligns without extra
+ * passes `disableMarginTop` to SidePanelLayout so list content aligns without extra
  * top margin. Covers Missing Receipts, Unmatched, and Completed bulk-upload table flows.
  */
 export declare function shouldDisableTransactionSidePanelListMarginTop(currentSelectedView: ExpenseAutomationViewType, isBulkReceiptUploadActive: boolean): boolean;

package/dist/components/expenseAutomation/sections/missingReceipts/missingTab/MissingReceiptsListTable.d.ts

@@ -2,7 +2,7 @@ import { ListChildComponentProps } from 'react-window';
 import { AuthParams, ExpenseAutomationMissingReceiptsViewSelector, ExpenseAutomationMissingReceiptsViewUIState, MonthYearPeriod } from '@zeniai/client-epic-state';
 import { DisableMode } from '../../../../formElements/common/common';
 import { MissingReceiptsListRowActionProps } from './listRow/MissingReceiptsListRow';
-/** Missing-receipts table: parent `ExpenseAutomationPage` sets `disableMarginTop` on `TransactionSidePanelLayout` via `shouldDisableTransactionSidePanelListMarginTop` when bulk upload is active. */
+/** Missing-receipts table: parent `ExpenseAutomationPage` sets `disableMarginTop` on `SidePanelLayout` via `shouldDisableTransactionSidePanelListMarginTop` when bulk upload is active. */
 /**
  * Component & its Props
  */

package/dist/components/invoicing/catalogForm/catalogItemForm.shared.d.ts

@@ -86,6 +86,7 @@ interface ApplicableItemOption {
     label: string;
     subtitle?: string;
 }
+export declare const toApplicableItemsValue: (options: readonly ApplicableItemOption[], selectedIds: string[]) => MultiSelectFieldValue;
 export declare const buildApplicableItemLabelGetter: (options: readonly ApplicableItemOption[]) => ((value: string) => string);
 export interface PickerValue {
     allOptions: CatalogSelectOption[];

package/dist/components/jeSchedules/scheduleDetails/ScheduleDetailsAccruedExpensesPage.d.ts

@@ -15,6 +15,9 @@ export interface Props {
     shouldNavigateBack: boolean;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
+    /** Rendered inside a side panel rather than as its own route: the host page keeps
+     *  its own nav bar and the panel bounds the height, so this page must supply neither. */
+    isRenderedInPanel?: boolean;
     scheduleDetailId?: ID;
     onCancelAccrual: (scheduleType: ScheduleTypes, jeScheduleID: ID, row?: number) => void;
     onDelete: (jeScheduleDetailId: ID) => void;
@@ -33,6 +36,6 @@ export interface FormData {
     [scheduleDetailsAccruedExpensesSectionId]: ScheduleDetailsAccruedExpensesSectionFormData;
     [scheduleDetailsListSectionId]: ScheduleDetailsListSectionFormData[];
 }
-export declare function ScheduleDetailsAccruedExpensesPage({ accountList, accruedAccountList, analytics, classList, controllerUserDetails, isAccountingClassesEnabled, scheduleAccruedDetailsView, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, shouldNavigateBack, scheduleDetailId, onDelete, onEditAmount, onJELinkClick, onCancelAccrual, onDetailPageChange, onNavigateBack, onSave, onViewBillExpense, onViewPostedJE, onViewRecordedJE, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export declare function ScheduleDetailsAccruedExpensesPage({ accountList, accruedAccountList, analytics, classList, controllerUserDetails, isAccountingClassesEnabled, scheduleAccruedDetailsView, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, shouldNavigateBack, scheduleDetailId, isRenderedInPanel, onDelete, onEditAmount, onJELinkClick, onCancelAccrual, onDetailPageChange, onNavigateBack, onSave, onViewBillExpense, onViewPostedJE, onViewRecordedJE, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
 export declare const getDefaultVendorOptions: (vendorSearchEntityAutoCompleteView?: EntityAutoCompleteView, selectedVendor?: VendorBase) => AutoCompleteOptionType[];
 export {};

package/dist/components/jeSchedules/scheduleDetails/ScheduleDetailsFixedAssetsPage.d.ts

@@ -11,6 +11,9 @@ export interface Props {
     usedInExpenseAutomation: boolean;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
+    /** Rendered inside a side panel rather than as its own route: the host page keeps
+     *  its own nav bar and the panel bounds the height, so this page must supply neither. */
+    isRenderedInPanel?: boolean;
     onDelete: (jeScheduleDetailId: ID) => void;
     onDetailPageChange: (formData: FormData, onlyAmountChangeInScheduleDetail: boolean) => void;
     onEditAmount: (row: number, jeScheduleId?: ID) => void;
@@ -28,5 +31,5 @@ export interface FormData {
     [scheduleDetailsFixedAssetsSectionId]: ScheduleDetailsFixedAssetsSectionFormData;
     [scheduleDetailsListSectionId]: ScheduleDetailsListSectionFormData[];
 }
-declare function ScheduleDetailsFixedAssetsPage({ analytics, controllerUserDetails, isAccountingClassesEnabled, scheduleDetailsView, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, onNavigateBack, onEditAmount, onJELinkClick, onSave, onDelete, onDetailPageChange, onViewLinkedJE, onTransactionClick, onMarkAsComplete, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+declare function ScheduleDetailsFixedAssetsPage({ analytics, controllerUserDetails, isAccountingClassesEnabled, scheduleDetailsView, vendorSearchAutoCompleteActions, isRenderedInPanel, vendorSearchAutoCompleteData, onNavigateBack, onEditAmount, onJELinkClick, onSave, onDelete, onDetailPageChange, onViewLinkedJE, onTransactionClick, onMarkAsComplete, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
 export default ScheduleDetailsFixedAssetsPage;

package/dist/components/jeSchedules/scheduleDetails/ScheduleDetailsPage.d.ts

@@ -12,6 +12,9 @@ export interface Props {
     usedInExpenseAutomation: boolean;
     vendorSearchAutoCompleteActions: AutoCompleteActions;
     vendorSearchAutoCompleteData: AutoCompleteData;
+    /** Rendered inside a side panel rather than as its own route: the host page keeps
+     *  its own nav bar and the panel bounds the height, so this page must supply neither. */
+    isRenderedInPanel?: boolean;
     onDelete: (jeScheduleDetailId: ID) => void;
     onDetailPageChange: (formData: FormData, onlyAmountChangeInScheduleDetail: boolean) => void;
     onEditAmount: (row: number, jeScheduleId?: ID) => void;
@@ -29,5 +32,5 @@ export interface FormData {
     [scheduleDetailsListSectionId]: ScheduleDetailsListSectionFormData[];
     [scheduleDetailsSectionId]: ScheduleDetailsSectionFormData;
 }
-declare function ScheduleDetailsPage({ analytics, controllerUserDetails, isAccountingClassesEnabled, scheduleDetailsView, scheduleTab, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, onMarkAsComplete, onNavigateBack, onEditAmount, onJELinkClick, onSave, onDelete, onDetailPageChange, onViewLinkedJE, onTransactionClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+declare function ScheduleDetailsPage({ analytics, controllerUserDetails, isAccountingClassesEnabled, scheduleDetailsView, scheduleTab, isRenderedInPanel, vendorSearchAutoCompleteActions, vendorSearchAutoCompleteData, onMarkAsComplete, onNavigateBack, onEditAmount, onJELinkClick, onSave, onDelete, onDetailPageChange, onViewLinkedJE, onTransactionClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
 export default ScheduleDetailsPage;

package/dist/components/singleSelect/SingleSelect.d.ts

@@ -19,6 +19,13 @@ export interface Props {
     isSearchable?: boolean;
     menuPortalTarget?: HTMLElement | null;
     placeholder?: string;
+    /**
+     * Renders `allValues` in the order given instead of the default
+     * alphabetical-by-label sort. Opt-in — omit to keep today's behavior.
+     * Use when the caller's own order is meaningful (e.g. "Range" before
+     * "Is greater than" so it reads as the first, most-common choice).
+     */
+    preserveOptionOrder?: boolean;
     selectedValue?: string;
     showChevron?: boolean;
     style?: React.CSSProperties;
@@ -34,4 +41,4 @@ export interface Props {
     isOptionDisabled?: (value: string) => boolean;
     valueToLabel?: (value: string) => string;
 }
-export declare const SingleSelect: ({ allValues, selectedValue, onSelectedValueChanged, isDisabled, placeholder, style, customStyleConfig, isClearable, isSearchable, menuPortalTarget, valueToLabel, formatOptionLabel, showChevron, backgroundColor, hoverBgColor, valueAlign, valuePadding, chevronSize, isOptionDisabled, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleSelect: ({ allValues, selectedValue, onSelectedValueChanged, isDisabled, placeholder, style, customStyleConfig, isClearable, isSearchable, menuPortalTarget, valueToLabel, formatOptionLabel, showChevron, backgroundColor, hoverBgColor, valueAlign, valuePadding, chevronSize, isOptionDisabled, preserveOptionOrder, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/singleSelect/SingleSelectField.d.ts

@@ -20,6 +20,8 @@ export interface SingleSelectFieldProps {
     /** See `SingleSelect.isSearchable`. */
     isSearchable?: boolean;
     placeholder?: string;
+    /** See `SingleSelect.preserveOptionOrder`. */
+    preserveOptionOrder?: boolean;
     registerOptions?: RegisterOptions;
     /** See `SingleSelect.showChevron`. */
     showChevron?: boolean;
@@ -36,5 +38,5 @@ export interface SingleSelectFieldProps {
     isOptionDisabled?: (value: string) => boolean;
     valueToLabel?: (value: string) => string;
 }
-declare const SingleSelectField: ({ name, registerOptions, defaultValue, placeholder, isDisabled, style, customStyleConfig, valueToLabel, formatOptionLabel, showChevron, backgroundColor, hoverBgColor, isSearchable, valueAlign, valuePadding, chevronSize, isOptionDisabled, }: SingleSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelectField: ({ name, registerOptions, defaultValue, placeholder, isDisabled, style, customStyleConfig, valueToLabel, formatOptionLabel, showChevron, backgroundColor, hoverBgColor, isSearchable, valueAlign, valuePadding, chevronSize, isOptionDisabled, preserveOptionOrder, }: SingleSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectField;

package/dist/components/spendManagement/activitySection/activitySectionUtil.d.ts

@@ -29,6 +29,7 @@ export declare const isNotificationTimeAvailable: (step: StepFormData) => boolea
  * the boundary and dropped 'less_than'-only rules entirely.
  */
 export declare const doesAmountMatchRuleCriteria: (criteria: Criteria[] | null | undefined, amount: number) => boolean;
+export declare const doesRuleMatchBillCriteria: (criteria: Criteria[] | null | undefined, amount: number, vendorId?: ID, departmentId?: ID) => boolean;
 export declare const getBillActivity: (activities: BillActivity[], amount: number) => BillActivity | undefined;
 export interface RealTimeApprovalData {
     allAccountingClass: Class[];

package/dist/components/spendManagement/billPay/billPaySetUp/components/formElements/UserMultiSelect.d.ts

@@ -21,6 +21,13 @@ export interface Props {
     selectedUsers: User[];
     shouldHaveBackgroundColor: boolean;
     showBackgroundColorIfHasAnySelectedOption: boolean;
+    /**
+     * When true, each selected chip's border and remove ("x") button stay
+     * visible even while the menu is closed, instead of only showing them
+     * while it's open. Opt-in — existing consumers keep today's
+     * open-menu-only behavior.
+     */
+    alwaysShowRemoveButton?: boolean;
     /**
      * When true, `NonUserOption` rows (and their selected chips) render
      * their avatar at the same `Space.sp3` size real user avatars use,
@@ -37,6 +44,24 @@ export interface Props {
     disable?: boolean;
     disabledOptionHint?: string;
     hideMultiValueOnBlur?: boolean;
+    /**
+     * When true, the closed-picker chip renders without an avatar icon
+     * for `NonUserOption` selections (e.g. roles, which have no photo or
+     * identity to represent). Only affects the closed chip — the open
+     * dropdown's option rows still show their colored icon. Opt-in —
+     * existing non-user consumers (e.g. FollowStepsSection) are
+     * unaffected.
+     */
+    hideNonUserAvatar?: boolean;
+    /**
+     * When true, the open dropdown's `NonUserOption` rows (e.g. vendors,
+     * departments) render without their colored avatar icon too — not
+     * just the closed chip. Separate from `hideNonUserAvatar` because
+     * some non-user consumers (e.g. `ApprovalStageRow`'s Role picker)
+     * want the chip-less look but still want the color-coded avatar in
+     * the option list. Opt-in — existing consumers are unaffected.
+     */
+    hideNonUserOptionAvatar?: boolean;
     /**
      * User ids that should render with the "no longer active" avatar
      * (see `MultiValueLabel`) instead of their photo/initials, when
@@ -47,6 +72,15 @@ export interface Props {
     isListLoading?: boolean;
     menuMinWidth?: string;
     operator?: "or" | "and";
+    /**
+     * When true, each selected chip renders as an outlined pill: 16px
+     * radius, ExtraSmallSemiBold primary text, a 2px gap between
+     * avatar/text/remove-icon (via `gap`, so a chip with no avatar gets
+     * no extra leading space), and a champion/primary-on-hover remove
+     * icon — instead of this component's plain default chip look.
+     * Opt-in — existing consumers are unaffected.
+     */
+    outlinedChip?: boolean;
     onSelectedUsersChanged: (selectedUsers: User[], nonUsers: NonUserOption[]) => void;
     disableCurrentOption?: (option: string) => boolean;
     onBlur?: () => void;
@@ -59,5 +93,5 @@ export interface OptionType extends OptionTypeBase {
     label: string;
     value: string;
 }
-export default function UserMultiSelect({ allUsers, allNonUsers, selectedUsers, selectedNonUsers, name, fieldRef, shouldHaveBackgroundColor, hideEmailTooltip, showBackgroundColorIfHasAnySelectedOption, disable, customization: { placeholderLabel }, operator, containerWidth, isListLoading, menuMinWidth, hideMultiValueOnBlur, inactiveUserIds, customStyleConfig, disabledOptionHint, onBlur, disableCurrentOption, onSelectedUsersChanged, valueToSubtitle, compactNonUserAvatar, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function UserMultiSelect({ allUsers, allNonUsers, selectedUsers, selectedNonUsers, name, fieldRef, shouldHaveBackgroundColor, hideEmailTooltip, showBackgroundColorIfHasAnySelectedOption, disable, customization: { placeholderLabel }, operator, containerWidth, isListLoading, menuMinWidth, hideMultiValueOnBlur, inactiveUserIds, customStyleConfig, disabledOptionHint, onBlur, disableCurrentOption, onSelectedUsersChanged, valueToSubtitle, compactNonUserAvatar, hideNonUserAvatar, hideNonUserOptionAvatar, alwaysShowRemoveButton, outlinedChip, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/spendManagement/billPay/billPaySetUp/components/formElements/UserMultiSelectField.d.ts

@@ -15,23 +15,31 @@ export interface Props {
     shouldHaveBackgroundColor: boolean;
     showBackgroundColorIfHasAnySelectedOption: boolean;
     value: UserMultiSelectFieldValue;
+    /** See `UserMultiSelect.alwaysShowRemoveButton`. */
+    alwaysShowRemoveButton?: boolean;
     /** See `UserMultiSelect.compactNonUserAvatar`. */
     compactNonUserAvatar?: boolean;
     containerWidth?: string;
     customStyleConfig?: StylesConfig<OptionType, boolean>;
     disabledOptionHint?: string;
     hideMultiValueOnBlur?: boolean;
+    /** See `UserMultiSelect.hideNonUserAvatar`. */
+    hideNonUserAvatar?: boolean;
+    /** See `UserMultiSelect.hideNonUserOptionAvatar`. */
+    hideNonUserOptionAvatar?: boolean;
     /** See `UserMultiSelect.inactiveUserIds`. */
     inactiveUserIds?: Set<ID>;
     isDisabled?: DisableMode;
     isListLoading?: boolean;
     menuMinWidth?: string;
     operator?: "or" | "and";
+    /** See `UserMultiSelect.outlinedChip`. */
+    outlinedChip?: boolean;
     placeholderLabel?: string;
     registerOptions?: RegisterOptions;
     disableCurrentOption?: (option: string) => boolean;
     onBlur?: () => void;
     valueToSubtitle?: (value: string) => (string | JSX.Element)[];
 }
-declare const UserMultiSelectField: ({ name, shouldHaveBackgroundColor, showBackgroundColorIfHasAnySelectedOption, hideEmailTooltip, placeholderLabel, registerOptions, value: defaultValue, operator, isListLoading, isDisabled, containerWidth, menuMinWidth, hideMultiValueOnBlur, inactiveUserIds, customStyleConfig, disabledOptionHint, disableCurrentOption, onBlur, valueToSubtitle, compactNonUserAvatar, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const UserMultiSelectField: ({ name, shouldHaveBackgroundColor, showBackgroundColorIfHasAnySelectedOption, hideEmailTooltip, placeholderLabel, registerOptions, value: defaultValue, operator, isListLoading, isDisabled, containerWidth, menuMinWidth, hideMultiValueOnBlur, inactiveUserIds, customStyleConfig, disabledOptionHint, disableCurrentOption, onBlur, valueToSubtitle, compactNonUserAvatar, hideNonUserAvatar, hideNonUserOptionAvatar, alwaysShowRemoveButton, outlinedChip, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default UserMultiSelectField;

package/dist/context/SidePanelContext.d.ts

@@ -2,15 +2,15 @@ import { ReactNode } from 'react';
 import { ID } from '@zeniai/client-epic-state';
 export interface SidePanelState {
     isQuickViewMode: boolean;
-    selectedTransactionId: ID | undefined;
+    selectedItemId: ID | undefined;
 }
 export declare const SidePanelContext: import('react').Context<SidePanelState>;
 interface SidePanelProviderProps {
     children: ReactNode;
     isQuickViewMode: boolean;
-    selectedTransactionId: ID | undefined;
+    selectedItemId: ID | undefined;
 }
-export declare function SidePanelProvider({ children, isQuickViewMode, selectedTransactionId, }: Readonly<SidePanelProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function SidePanelProvider({ children, isQuickViewMode, selectedItemId, }: Readonly<SidePanelProviderProps>): import("react/jsx-runtime").JSX.Element;
 export declare const QuickViewModeContext: import('react').Context<boolean>;
 /** Portal target for react-select MenuPortal. Typed as HTMLElement (not HTMLDivElement)
  *  because the panel wrapper may be any container element. */
@@ -21,16 +21,30 @@ export interface PanelInternalState {
     maximize?: () => void;
 }
 export declare const PanelInternalContext: import('react').Context<PanelInternalState | null>;
-/** @deprecated Use PanelInternalContext instead */
-export declare const TransactionPanelInternalContext: import('react').Context<PanelInternalState | null>;
-/** @deprecated Use PanelInternalContext instead */
-export declare const SchedulePanelInternalContext: import('react').Context<PanelInternalState | null>;
+/**
+ * Reported by whatever the panel is currently showing, so navigation away from it
+ * can prompt instead of silently discarding edits.
+ *
+ * `isDirty` is a getter rather than a boolean because the navigation paths that
+ * consult it (the action bar, Escape, clicking another row) read it at call time,
+ * outside React's render cycle.
+ */
+export interface PanelDirtyGuard {
+    isDirty: () => boolean;
+}
+export interface PanelDirtyGuardRegistry {
+    registerPanelDirtyGuard: (guard: PanelDirtyGuard | null) => void;
+}
+export declare const PanelDirtyGuardContext: import('react').Context<PanelDirtyGuardRegistry | null>;
+export declare function usePanelDirtyGuardRegistry(): PanelDirtyGuardRegistry | null;
+/**
+ * Registers the calling component's unsaved-changes state with the host panel for
+ * as long as it is mounted. A no-op outside a panel, so a detail page can call it
+ * unconditionally and behave identically on its own full page.
+ */
+export declare function useRegisterPanelDirtyGuard(isDirty: () => boolean): void;
 export declare function useSidePanelContext(): SidePanelState;
 export declare function useQuickViewMode(): boolean;
 export declare function useDropdownPortal(): HTMLElement | null;
 export declare function usePanelInternal(): PanelInternalState | null;
-/** @deprecated Use usePanelInternal instead */
-export declare const useTransactionPanelInternal: typeof usePanelInternal;
-/** @deprecated Use usePanelInternal instead */
-export declare const useSchedulePanelInternal: typeof usePanelInternal;
 export {};