@voyantjs/legal-ui 0.77.13 → 0.78.0

package/README.md

@@ -19,6 +19,29 @@ keeping the default tab navigation. Use `detailsContent`, `partiesContent`,
 `signaturesContent`, or `documentsContent` when an app needs custom inline
 management controls instead of the shipped read-only table.
 
+## Contract Dialog
+
+`ContractDialog` provides the default create/edit form for `ContractsPage` and
+`ContractDetailPage`. It owns contract setup, template and version selection,
+number series, expiry, template variables, additional variables, metadata, and
+submit wiring. Linked record pickers stay optional render props so apps can
+wire CRM, supplier, or distribution selectors without `legal-ui` taking those
+runtime dependencies.
+
+```tsx
+import { ContractDialog, ContractsPage } from "@voyantjs/legal-ui"
+
+<ContractsPage
+  renderContractDialog={(props) => (
+    <ContractDialog
+      {...props}
+      renderPersonPicker={(pickerProps) => <PersonPicker {...pickerProps} />}
+      renderOrganizationPicker={(pickerProps) => <OrganizationPicker {...pickerProps} />}
+    />
+  )}
+/>
+```
+
 ## I18n
 
 Components render English by default. To localize them, wrap your UI in

package/dist/components/contract-dialog.d.ts

@@ -0,0 +1,71 @@
+import { type LegalContractRecord } from "@voyantjs/legal-react";
+import type { ReactNode } from "react";
+import { z } from "zod/v4";
+import { type LegalContractScope } from "../i18n/messages.js";
+declare const contractFormSchema: z.ZodObject<{
+    scope: z.ZodEnum<{
+        other: "other";
+        customer: "customer";
+        supplier: "supplier";
+        partner: "partner";
+        channel: "channel";
+    }>;
+    title: z.ZodString;
+    contractNumber: z.ZodOptional<z.ZodString>;
+    language: z.ZodOptional<z.ZodString>;
+    templateVersionId: z.ZodOptional<z.ZodString>;
+    seriesId: z.ZodOptional<z.ZodString>;
+    personId: z.ZodOptional<z.ZodString>;
+    organizationId: z.ZodOptional<z.ZodString>;
+    supplierId: z.ZodOptional<z.ZodString>;
+    channelId: z.ZodOptional<z.ZodString>;
+    expiresAt: z.ZodOptional<z.ZodString>;
+    templateVariables: z.ZodArray<z.ZodObject<{
+        key: z.ZodString;
+        label: z.ZodString;
+        type: z.ZodString;
+        description: z.ZodOptional<z.ZodString>;
+        example: z.ZodOptional<z.ZodString>;
+        required: z.ZodDefault<z.ZodBoolean>;
+        value: z.ZodOptional<z.ZodString>;
+        booleanValue: z.ZodDefault<z.ZodBoolean>;
+        includeBooleanValue: z.ZodDefault<z.ZodBoolean>;
+    }, z.core.$strip>>;
+    additionalVariables: z.ZodArray<z.ZodObject<{
+        key: z.ZodOptional<z.ZodString>;
+        value: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+    metadataEntries: z.ZodArray<z.ZodObject<{
+        key: z.ZodOptional<z.ZodString>;
+        value: z.ZodOptional<z.ZodString>;
+    }, z.core.$strip>>;
+}, z.core.$strip>;
+type FormValues = z.input<typeof contractFormSchema>;
+type TemplateVariableRow = FormValues["templateVariables"][number];
+export interface LinkedRecordPickerProps {
+    value: string | undefined;
+    onChange: (id: string | undefined) => void;
+    scope: LegalContractScope;
+}
+export interface ContractDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contract?: LegalContractRecord;
+    onSuccess: () => void;
+    renderPersonPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+    renderOrganizationPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+    renderSupplierPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+    renderChannelPicker?: (props: LinkedRecordPickerProps) => ReactNode;
+}
+export declare function buildRecordFromPairs(entries: Array<{
+    key?: string;
+    value?: string;
+}>): Record<string, unknown> | undefined;
+export declare function buildVariablesPayload(rows: TemplateVariableRow[], additional: Array<{
+    key?: string;
+    value?: string;
+}>): Record<string, unknown> | undefined;
+export declare function clearedOptionalValue(value: string | undefined, isEditing: boolean): string | null | undefined;
+export declare function ContractDialog({ open, onOpenChange, contract, onSuccess, renderPersonPicker, renderOrganizationPicker, renderSupplierPicker, renderChannelPicker, }: ContractDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=contract-dialog.d.ts.map

package/dist/components/contract-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contract-dialog.d.ts","sourceRoot":"","sources":["../../src/components/contract-dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,mBAAmB,EAUzB,MAAM,uBAAuB,CAAA;AAgC9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAA;AAG1B,OAAO,EAAE,KAAK,kBAAkB,EAAuB,MAAM,qBAAqB,CAAA;AAIlF,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAqCtB,CAAA;AAEF,KAAK,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAEpD,KAAK,mBAAmB,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAElE,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC1C,KAAK,EAAE,kBAAkB,CAAA;CAC1B;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAA;IAC9B,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAA;IAClE,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAA;IACxE,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAA;IACpE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,SAAS,CAAA;CACpE;AAwED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,KAAK,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,uCAUpF;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,mBAAmB,EAAE,EAC3B,UAAU,EAAE,KAAK,CAAC;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,uCAwBpD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,OAAO,6BAIjF;AAwOD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,GACpB,EAAE,mBAAmB,2CA2sBrB"}