@veevarts/design-system 1.13.1 → 1.14.0-beta.1

package/dist/patterns/InstallmentFundAssignment/utils.d.ts

@@ -1,5 +1,6 @@
 import { InstallmentFundAssignmentEntry, InstallmentFundAssignmentMode } from './types';
 export declare const createEmptyAssignment: () => InstallmentFundAssignmentEntry;
+export declare function isEmptyAssignmentDraft(assignment: InstallmentFundAssignmentEntry): boolean;
 export declare function getAssignmentsForModeChange({ nextMode, assignments, previousSingleAssignments, previousSplitAssignments, }: {
     nextMode: InstallmentFundAssignmentMode;
     assignments: InstallmentFundAssignmentEntry[];

package/dist/patterns/InstallmentSchedule/InstallmentSchedule.d.ts

@@ -1,3 +1,3 @@
 import { JSX } from 'react';
 import { InstallmentScheduleProps } from './types';
-export declare function InstallmentSchedule({ mode, donationAmount, currency, locale, installments, automaticSettings, labels: customLabels, classNames, isSaving, isModeSwitchDisabled, onModeChange, onAutomaticSettingsChange, onInstallmentsChange, onSave, }: InstallmentScheduleProps): JSX.Element;
+export declare function InstallmentSchedule({ mode: controlledMode, donationAmount, currency, locale, installments, automaticSettings, defaultTab, showTitle, showCard, showSavePayment, showTabs, inputs, startDate, labels: customLabels, classNames, isSaving, isModeSwitchDisabled, onModeChange, onAutomaticSettingsChange, onInstallmentsChange, onSave, }: InstallmentScheduleProps): JSX.Element;

package/dist/patterns/InstallmentSchedule/InstallmentTable.d.ts

@@ -1,3 +1,3 @@
 import { JSX } from 'react';
 import { InstallmentTableProps } from './types';
-export declare function InstallmentTable({ installments, currency, locale, labels: customLabels, isSaving, onEditInstallments, onPayInstallment, onDeleteInstallment, }: InstallmentTableProps): JSX.Element;
+export declare function InstallmentTable({ installments, currency, locale, showTitle, showCard, showEditPayment, labels: customLabels, isSaving, onEditInstallments, onPayInstallment, onDeleteInstallment, }: InstallmentTableProps): JSX.Element;

package/dist/patterns/InstallmentSchedule/index.d.ts

@@ -2,4 +2,4 @@ export { InstallmentSchedule } from './InstallmentSchedule';
 export { InstallmentScheduleSkeleton } from './InstallmentScheduleSkeleton';
 export { InstallmentTable } from './InstallmentTable';
 export { generateAutomaticInstallments } from './utils';
-export type { AutomaticScheduleSettings, InstallmentFrequency, InstallmentTableLabels, InstallmentTableProps, InstallmentScheduleClassNames, InstallmentScheduleLabels, InstallmentScheduleMode, InstallmentScheduleProps, ScheduledInstallment, } from './types';
+export type { AutomaticScheduleSettings, InstallmentFrequency, InstallmentScheduleInput, InstallmentTableLabels, InstallmentTableProps, InstallmentScheduleClassNames, InstallmentScheduleLabels, InstallmentScheduleMode, InstallmentScheduleProps, ScheduledInstallment, } from './types';

package/dist/patterns/InstallmentSchedule/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export type InstallmentScheduleMode = 'automatic' | 'manual';
-export type InstallmentFrequency = 'monthly' | 'quarterly' | 'annual';
+export type InstallmentFrequency = 'weekly' | 'monthly' | 'quarterly' | 'annual';
 export type ScheduledInstallment = {
     id: string;
     dueDate: string;
@@ -12,6 +12,7 @@ export type AutomaticScheduleSettings = {
     frequency: InstallmentFrequency;
     firstInstallmentDate: string;
 };
+export type InstallmentScheduleInput = keyof AutomaticScheduleSettings | 'dayOfMonth';
 export type InstallmentScheduleLabels = {
     title?: string;
     automaticMode?: string;
@@ -24,6 +25,7 @@ export type InstallmentScheduleLabels = {
     emptyManual?: string;
     numberOfInstallments?: string;
     frequency?: string;
+    dayOfMonth?: string;
     firstInstallmentDate?: string;
     installment?: string;
     dueDate?: string;
@@ -31,6 +33,7 @@ export type InstallmentScheduleLabels = {
     total?: string;
     remaining?: string;
     deleteInstallment?: string;
+    weekly?: string;
     monthly?: string;
     quarterly?: string;
     annual?: string;
@@ -48,23 +51,33 @@ export type InstallmentScheduleClassNames = {
     panel?: string;
     header?: string;
     tabs?: string;
+    controls?: string;
+    preview?: string;
+    summary?: string;
     content?: string;
 };
 export type InstallmentScheduleProps = {
-    mode: InstallmentScheduleMode;
+    mode?: InstallmentScheduleMode;
     donationAmount: number;
     currency?: string;
     locale?: string;
     installments: ScheduledInstallment[];
     automaticSettings: AutomaticScheduleSettings;
+    defaultTab?: InstallmentScheduleMode;
+    showTitle?: boolean;
+    showCard?: boolean;
+    showSavePayment?: boolean;
+    showTabs?: boolean;
+    inputs?: InstallmentScheduleInput[];
+    startDate?: string;
     labels?: InstallmentScheduleLabels;
     classNames?: InstallmentScheduleClassNames;
     isSaving?: boolean;
     isModeSwitchDisabled?: boolean;
-    onModeChange: (mode: InstallmentScheduleMode) => void;
+    onModeChange?: (mode: InstallmentScheduleMode) => void;
     onAutomaticSettingsChange: (settings: AutomaticScheduleSettings) => void;
     onInstallmentsChange: (installments: ScheduledInstallment[]) => void;
-    onSave: () => void;
+    onSave?: () => void;
 };
 export type InstallmentTableLabels = {
     title?: string;
@@ -92,6 +105,9 @@ export type InstallmentTableProps = {
     installments: ScheduledInstallment[];
     currency: string;
     locale?: string;
+    showTitle?: boolean;
+    showCard?: boolean;
+    showEditPayment?: boolean;
     labels?: InstallmentTableLabels;
     isSaving?: boolean;
     onEditInstallments: () => void;

package/dist/patterns/Summary/drag.d.ts

@@ -20,6 +20,18 @@ export declare const DRAG_TOGGLE_THRESHOLD = 60;
 export declare const shouldToggleOnDrag: (offsetY: number, open: boolean, threshold?: number) => boolean;
 /** Clamp a proposed reveal height into `[0, fullHeight]`. */
 export declare const clampRevealHeight: (proposed: number, fullHeight: number) => number;
+/**
+ * Vertical viewport space reserved for the sheet's chrome around the reveal
+ * panel (collapse header + action bar + the sheet paddings). Exported so the
+ * cap is testable and tunable.
+ */
+export declare const SHEET_CHROME_PX = 160;
+/**
+ * Cap the panel's natural height to the room the viewport leaves after the
+ * sheet chrome, so the OPEN sheet never outgrows the screen — taller content
+ * scrolls inside the reveal panel instead.
+ */
+export declare const capRevealHeight: (naturalHeight: number, viewportHeight: number, chrome?: number) => number;
 /**
  * Live reveal height while dragging: dragging **up** (negative `offsetY`) grows
  * the panel from its `baseHeight`; dragging **down** shrinks it. Clamped to the

package/dist/patterns/Summary/types.d.ts

@@ -121,12 +121,19 @@ export interface SummaryProps {
      */
     collapsible?: boolean;
     /**
-     * Controlled open/closed state. Defaults to **closed** when collapsible (the
-     * mobile sheet rests collapsed) and always open on the non-collapsible card.
+     * Controlled open/closed state. OMIT it and the component manages the
+     * state itself (uncontrolled — every toggle surface just works), starting
+     * at {@link defaultOpen}. The non-collapsible card is always open.
      */
     isOpen?: boolean;
-    /** Fires when the header (open) — or the closed bar's Total (closed) — is activated to toggle. */
+    /**
+     * Fires when the header (open) — or the closed bar's Total (closed) — is
+     * activated to toggle. Uncontrolled summaries flip themselves AND still
+     * notify through this callback.
+     */
     onToggleOpen?: () => void;
+    /** Initial open state when uncontrolled. Defaults to `false` (the mobile sheet rests collapsed). */
+    defaultOpen?: boolean;
     /** The primary CTA. */
     primaryAction?: SummaryPrimaryAction;
     /** When provided, item rows show a red trash remove control. */

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@veevarts/design-system",
     "private": false,
-    "version": "1.13.1",
+    "version": "1.14.0-beta.1",
     "type": "module",
     "main": "dist/index.js",
     "module": "dist/index.js",