@tonzxz/government-forms 0.1.0 → 0.2.0

package/dist/inventory/par.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/par.js';
 export { ParPreview, ParPreview as Preview } from '../gam/components/par-preview.js';
+import { ParPreview as PreviewComponent } from '../gam/components/par-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/par.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/par.js';
 export { ParPreview, ParPreview as Preview } from '../gam/components/par-preview.js';
+import { ParPreview as PreviewComponent } from '../gam/components/par-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'PAR document preview', filename: 'par' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/po.d.ts

@@ -1,2 +1,7 @@
 export { PurchaseOrderCreateForm as default, PurchaseOrderCreateForm as Form, PurchaseOrderCreateForm, PurchaseOrderPreview as Preview, PurchaseOrderPreview, defaultPoTemplateFields } from '../gam/components/purchase-order-page-client.js';
 export type { PurchaseOrderCreateFormProps, PurchaseOrderPreviewData, PoTemplateFields } from '../gam/components/purchase-order-page-client.js';
+import { PurchaseOrderPreview as PreviewComponent } from '../gam/components/purchase-order-page-client.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/po.js

@@ -1,2 +1,7 @@
 "use client";
 export { PurchaseOrderCreateForm as default, PurchaseOrderCreateForm as Form, PurchaseOrderCreateForm, PurchaseOrderPreview as Preview, PurchaseOrderPreview, defaultPoTemplateFields } from '../gam/components/purchase-order-page-client.js';
+import { PurchaseOrderPreview as PreviewComponent } from '../gam/components/purchase-order-page-client.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'PO document preview', filename: 'po' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/ppelc.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/ppelc.js';
 export { PPELCPreview, PPELCPreview as Preview } from '../gam/components/ppelc-preview.js';
+import { PPELCPreview as PreviewComponent } from '../gam/components/ppelc-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/ppelc.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/ppelc.js';
 export { PPELCPreview, PPELCPreview as Preview } from '../gam/components/ppelc-preview.js';
+import { PPELCPreview as PreviewComponent } from '../gam/components/ppelc-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'PPELC document preview', filename: 'ppelc' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/pr.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/pr.js';
 export { PrDocumentPreview, PrDocumentPreview as Preview } from '../reports/pr/_components/document-preview.js';
 export { PurchaseRequestCreateForm } from '../reports/pr/_components/create-form.js';
 export type * from '../reports/pr/types.js';
+import { PrDocumentPreview as PreviewComponent } from '../reports/pr/_components/document-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/pr.js

@@ -2,3 +2,9 @@
 export { Form, Form as default, definition } from '../forms/pr.js';
 export { PrDocumentPreview, PrDocumentPreview as Preview } from '../reports/pr/_components/document-preview.js';
 export { PurchaseRequestCreateForm } from '../reports/pr/_components/create-form.js';
+import { PrDocumentPreview as PreviewComponent } from '../reports/pr/_components/document-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+import { exportPurchaseRequestXlsx } from '../reports/pr/utils.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'Purchase Request Details', filename: 'pr' }, props => exportPurchaseRequestXlsx(props.record, props.signatories));
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/property-card.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/property-card.js';
 export { PropertyCardPreview, PropertyCardPreview as Preview } from '../gam/components/property-card-preview.js';
+import { PropertyCardPreview as PreviewComponent } from '../gam/components/property-card-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/property-card.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/property-card.js';
 export { PropertyCardPreview, PropertyCardPreview as Preview } from '../gam/components/property-card-preview.js';
+import { PropertyCardPreview as PreviewComponent } from '../gam/components/property-card-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'PROPERTY CARD document preview', filename: 'property-card' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/ptr.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/ptr.js';
 export { PtrPreview, PtrPreview as Preview } from '../gam/components/ptr-preview.js';
+import { PtrPreview as PreviewComponent } from '../gam/components/ptr-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/ptr.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/ptr.js';
 export { PtrPreview, PtrPreview as Preview } from '../gam/components/ptr-preview.js';
+import { PtrPreview as PreviewComponent } from '../gam/components/ptr-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'PTR document preview', filename: 'ptr' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/regspi.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/regspi.js';
 export { RegSpiPreview, RegSpiPreview as Preview } from '../gam/components/reg-spi-preview.js';
 export { CreateForm as RegSpiCreateForm } from '../reports/regspi/_components/create-form.js';
 export type * from '../reports/regspi/types.js';
+import { RegSpiPreview as PreviewComponent } from '../gam/components/reg-spi-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/regspi.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/regspi.js';
 export { RegSpiPreview, RegSpiPreview as Preview } from '../gam/components/reg-spi-preview.js';
 export { CreateForm as RegSpiCreateForm } from '../reports/regspi/_components/create-form.js';
+import { RegSpiPreview as PreviewComponent } from '../gam/components/reg-spi-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'REGSPI document preview', filename: 'regspi' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/ris.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/ris.js';
 export { RisDocumentPreview, RisDocumentPreview as Preview } from '../reports/ris/_components/document-preview.js';
 export { RisCreateForm } from '../reports/ris/_components/create-form.js';
 export type * from '../reports/ris/types.js';
+import { RisDocumentPreview as PreviewComponent } from '../reports/ris/_components/document-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/ris.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/ris.js';
 export { RisDocumentPreview, RisDocumentPreview as Preview } from '../reports/ris/_components/document-preview.js';
 export { RisCreateForm } from '../reports/ris/_components/create-form.js';
+import { RisDocumentPreview as PreviewComponent } from '../reports/ris/_components/document-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RIS document preview', filename: 'ris' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rlsddp.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/rlsddp.js';
 export { RlsddpDocumentPreview, RlsddpDocumentPreview as Preview } from '../reports/rlsddp/_components/document-preview.js';
 export { RlsddpCreateForm } from '../reports/rlsddp/_components/create-form.js';
 export type * from '../reports/rlsddp/types.js';
+import { RlsddpDocumentPreview as PreviewComponent } from '../reports/rlsddp/_components/document-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rlsddp.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/rlsddp.js';
 export { RlsddpDocumentPreview, RlsddpDocumentPreview as Preview } from '../reports/rlsddp/_components/document-preview.js';
 export { RlsddpCreateForm } from '../reports/rlsddp/_components/create-form.js';
+import { RlsddpDocumentPreview as PreviewComponent } from '../reports/rlsddp/_components/document-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RLSDDP document preview', filename: 'rlsddp' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rlsddsp.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/rlsddsp.js';
 export { RlsddspPreview, RlsddspPreview as Preview } from '../gam/components/rlsddsp-preview.js';
+import { RlsddspPreview as PreviewComponent } from '../gam/components/rlsddsp-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rlsddsp.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/rlsddsp.js';
 export { RlsddspPreview, RlsddspPreview as Preview } from '../gam/components/rlsddsp-preview.js';
+import { RlsddspPreview as PreviewComponent } from '../gam/components/rlsddsp-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RLSDDSP document preview', filename: 'rlsddsp' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rpci.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/rpci.js';
 export { RpciPreview, RpciPreview as Preview } from '../gam/components/rpci-preview.js';
+import { RpciPreview as PreviewComponent } from '../gam/components/rpci-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rpci.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/rpci.js';
 export { RpciPreview, RpciPreview as Preview } from '../gam/components/rpci-preview.js';
+import { RpciPreview as PreviewComponent } from '../gam/components/rpci-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RPCI document preview', filename: 'rpci' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rpcppe.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/rpcppe.js';
 export { RpcppePreview, RpcppePreview as Preview } from '../gam/components/rpcppe-preview.js';
+import { RpcppePreview as PreviewComponent } from '../gam/components/rpcppe-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rpcppe.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/rpcppe.js';
 export { RpcppePreview, RpcppePreview as Preview } from '../gam/components/rpcppe-preview.js';
+import { RpcppePreview as PreviewComponent } from '../gam/components/rpcppe-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RPCPPE document preview', filename: 'rpcppe' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rpcsp.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/rpcsp.js';
 export { RpcspPreview, RpcspPreview as Preview } from '../gam/components/rpcsp-preview.js';
+import { RpcspPreview as PreviewComponent } from '../gam/components/rpcsp-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rpcsp.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/rpcsp.js';
 export { RpcspPreview, RpcspPreview as Preview } from '../gam/components/rpcsp-preview.js';
+import { RpcspPreview as PreviewComponent } from '../gam/components/rpcsp-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RPCSP document preview', filename: 'rpcsp' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rrsp.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/rrsp.js';
 export { RrspPreview, RrspPreview as Preview } from '../reports/rrsp/components/rrsp-preview.js';
+import { RrspPreview as PreviewComponent } from '../reports/rrsp/components/rrsp-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rrsp.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/rrsp.js';
 export { RrspPreview, RrspPreview as Preview } from '../reports/rrsp/components/rrsp-preview.js';
+import { RrspPreview as PreviewComponent } from '../reports/rrsp/components/rrsp-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RRSP document preview', filename: 'rrsp' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rsmi.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/rsmi.js';
 export { RsmiDocumentBody, RsmiDocumentBody as Preview } from '../reports/rsmi/components/rsmi-document-body.js';
 export { RsmiCreateForm } from '../reports/rsmi/components/rsmi-create-form.js';
 export type * from '../reports/rsmi/components/rsmi-types.js';
+import { RsmiDocumentBody as PreviewComponent } from '../reports/rsmi/components/rsmi-document-body.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rsmi.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/rsmi.js';
 export { RsmiDocumentBody, RsmiDocumentBody as Preview } from '../reports/rsmi/components/rsmi-document-body.js';
 export { RsmiCreateForm } from '../reports/rsmi/components/rsmi-create-form.js';
+import { RsmiDocumentBody as PreviewComponent } from '../reports/rsmi/components/rsmi-document-body.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RSMI document preview', filename: 'rsmi' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rsmp.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/rsmp.js';
 export { RsmpDocumentPreview, RsmpDocumentPreview as Preview } from '../reports/rsmp/components/rsmp-preview-modal.js';
 export { RsmpCreateForm } from '../reports/rsmp/components/rsmp-create-modal.js';
 export type * from '../reports/rsmp/components/rsmp-types.js';
+import { RsmpDocumentPreview as PreviewComponent } from '../reports/rsmp/components/rsmp-preview-modal.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rsmp.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/rsmp.js';
 export { RsmpDocumentPreview, RsmpDocumentPreview as Preview } from '../reports/rsmp/components/rsmp-preview-modal.js';
 export { RsmpCreateForm } from '../reports/rsmp/components/rsmp-create-modal.js';
+import { RsmpDocumentPreview as PreviewComponent } from '../reports/rsmp/components/rsmp-preview-modal.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RSMP document preview', filename: 'rsmp' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/rspi.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/rspi.js';
 export { RspiPreview, RspiPreview as Preview } from '../gam/components/rspi-preview.js';
+import { RspiPreview as PreviewComponent } from '../gam/components/rspi-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/rspi.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/rspi.js';
 export { RspiPreview, RspiPreview as Preview } from '../gam/components/rspi-preview.js';
+import { RspiPreview as PreviewComponent } from '../gam/components/rspi-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'RSPI document preview', filename: 'rspi' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/spc.d.ts

@@ -1,2 +1,7 @@
 export { Form, Form as default, definition } from '../forms/spc.js';
 export { SpcPreview, SpcPreview as Preview } from '../gam/components/spc-preview.js';
+import { SpcPreview as PreviewComponent } from '../gam/components/spc-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/spc.js

@@ -1,3 +1,8 @@
 "use client";
 export { Form, Form as default, definition } from '../forms/spc.js';
 export { SpcPreview, SpcPreview as Preview } from '../gam/components/spc-preview.js';
+import { SpcPreview as PreviewComponent } from '../gam/components/spc-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'SPC document preview', filename: 'spc' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/splc.d.ts

@@ -1,3 +1,8 @@
 export { Form, Form as default, definition } from '../forms/splc.js';
 export { SplcPreview, SplcPreview as Preview } from '../gam/components/splc-preview.js';
 export { SplcEntryForm } from '../gam/components/splc-entry-form.js';
+import { SplcPreview as PreviewComponent } from '../gam/components/splc-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/splc.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/splc.js';
 export { SplcPreview, SplcPreview as Preview } from '../gam/components/splc-preview.js';
 export { SplcEntryForm } from '../gam/components/splc-entry-form.js';
+import { SplcPreview as PreviewComponent } from '../gam/components/splc-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'SPLC document preview', filename: 'splc' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/stock-card.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/stock-card.js';
 export { ScDocumentPreview, ScDocumentPreview as Preview } from '../reports/stock-card/_components/document-preview.js';
 export { StockCardCreateForm } from '../reports/stock-card/_components/create-form.js';
 export type * from '../reports/stock-card/types.js';
+import { ScDocumentPreview as PreviewComponent } from '../reports/stock-card/_components/document-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/stock-card.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/stock-card.js';
 export { ScDocumentPreview, ScDocumentPreview as Preview } from '../reports/stock-card/_components/document-preview.js';
 export { StockCardCreateForm } from '../reports/stock-card/_components/create-form.js';
+import { ScDocumentPreview as PreviewComponent } from '../reports/stock-card/_components/document-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'STOCK CARD document preview', filename: 'stock-card' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/inventory/wmr.d.ts

@@ -2,3 +2,8 @@ export { Form, Form as default, definition } from '../forms/wmr.js';
 export { WmrDocumentPreview, WmrDocumentPreview as Preview } from '../reports/wmr/_components/document-preview.js';
 export { WastematerialReportWmrCreateForm } from '../reports/wmr/_components/create-form.js';
 export type * from '../reports/wmr/types.js';
+import { WmrDocumentPreview as PreviewComponent } from '../reports/wmr/_components/document-preview.js';
+import type { ComponentType, ComponentProps } from 'react';
+import type { FormPreviewDialogProps, FormPreviewPanelProps } from '../document-preview.js';
+export declare const PreviewDialog: ComponentType<FormPreviewDialogProps<ComponentProps<typeof PreviewComponent>>>;
+export declare const PreviewPanel: ComponentType<FormPreviewPanelProps<ComponentProps<typeof PreviewComponent>>>;

package/dist/inventory/wmr.js

@@ -2,3 +2,8 @@
 export { Form, Form as default, definition } from '../forms/wmr.js';
 export { WmrDocumentPreview, WmrDocumentPreview as Preview } from '../reports/wmr/_components/document-preview.js';
 export { WastematerialReportWmrCreateForm } from '../reports/wmr/_components/create-form.js';
+import { WmrDocumentPreview as PreviewComponent } from '../reports/wmr/_components/document-preview.js';
+import { createDocumentPreviewComponents } from '../document-preview.js';
+const previewComponents = createDocumentPreviewComponents(PreviewComponent, { title: 'WMR document preview', filename: 'wmr' });
+export const PreviewDialog = previewComponents.PreviewDialog;
+export const PreviewPanel = previewComponents.PreviewPanel;

package/dist/reports/pr/_components/document-preview.js

@@ -2,8 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { formatCurrency, formatPrDate, getItemTotal, getRecordTotal } from "../utils.js";
 export function PrDocumentPreview({ record, signatories }) {
-    const items = record.items.slice(0, 12);
+    const pageCount = Math.max(1, Math.ceil(record.items.length / 12));
+    return _jsx("div", { className: "qforms-pr-pages", children: Array.from({ length: pageCount }, (_, index) => _jsx(PrDocumentPage, { record: record, signatories: signatories, items: record.items.slice(index * 12, (index + 1) * 12), pageNumber: index + 1, pageCount: pageCount }, index)) });
+}
+function PrDocumentPage({ record, signatories, items, pageNumber, pageCount }) {
     const fillerHeight = Math.max(150, (12 - items.length) * 36);
     const officeSection = record.officeSection || record.officeName || record.officeId || "";
-    return (_jsx("div", { className: "psms-print-preview mx-auto w-full max-w-full overflow-x-auto", children: _jsx("div", { className: "mx-auto w-fit rounded-[18px] border border-slate-300 bg-[linear-gradient(180deg,#ffffff_0%,#fcfcfc_100%)] p-4 shadow-[0_18px_40px_-24px_rgba(15,23,42,0.35)]", children: _jsx("div", { "data-pdf-page": "true", "data-pdf-fit-one-page": "true", "data-pdf-orientation": "portrait", className: "mx-auto min-h-[1123px] w-[794px] bg-white font-serif text-[11px] text-black", children: _jsxs("div", { className: "px-8 py-8", children: [_jsx("h4", { className: "mb-8 text-center text-[15px] font-bold tracking-wide", children: "PURCHASE REQUEST" }), _jsx("table", { className: "w-full border-collapse", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { className: "border border-black px-2 py-1 font-bold", colSpan: 3, children: ["Entity Name:", record.entityName || ""] }), _jsxs("td", { className: "border border-black px-2 py-1 font-bold", colSpan: 3, children: ["Fund Cluster - ", record.fundCluster || ""] })] }), _jsxs("tr", { children: [_jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "Office/Section:" }), _jsx("div", { className: "min-h-5", children: officeSection })] }), _jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "PR No:" }), _jsx("div", { children: record.prNo }), _jsx("div", { className: "mt-1 font-bold", children: "Responsibility Center Code:" }), _jsx("div", { children: record.responsibilityCenterCode || "" })] }), _jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "Date:" }), _jsx("div", { children: formatPrDate(record.date || record.createdAt) })] })] }), _jsx("tr", { children: _jsx("td", { className: "border border-black py-1", colSpan: 6 }) })] }) }), _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-center font-bold", children: [_jsx("th", { className: "border border-black px-2 py-1", children: "Stock/PropertyNo." }), _jsx("th", { className: "border border-black px-2 py-1", children: "Unit" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Item Description" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Quantity" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Unit cost" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Total Cost" })] }) }), _jsxs("tbody", { children: [items.map(item => (_jsxs("tr", { className: "h-9 align-top", children: [_jsx("td", { className: "border-x border-black px-2 py-1", children: item.stockNo || "" }), _jsx("td", { className: "border-x border-black px-2 py-1 text-center", children: item.unit || "" }), _jsx("td", { className: "border-x border-black px-2 py-1", children: item.description }), _jsx("td", { className: "border-x border-black px-2 py-1 text-center", children: item.quantity }), _jsx("td", { className: "border-x border-black px-2 py-1 text-right", children: formatCurrency(Number(item.unitCost) || 0) }), _jsx("td", { className: "border-x border-black px-2 py-1 text-right", children: formatCurrency(getItemTotal(item)) })] }, item.id))), _jsxs("tr", { style: { height: fillerHeight }, children: [_jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 pt-6 text-center align-top text-slate-600 italic", children: "***nothing follows***" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" })] }), _jsxs("tr", { className: "font-bold", children: [_jsx("td", { className: "border border-black px-2 py-2 text-right", colSpan: 5, children: "Total Amount" }), _jsx("td", { className: "border border-black px-2 py-2 text-right", children: formatCurrency(getRecordTotal(record)) })] })] })] }), _jsx("table", { className: "w-full border-collapse", children: _jsx("tbody", { children: _jsx("tr", { children: _jsxs("td", { className: "border border-black px-2 py-1", children: [_jsx("div", { className: "font-bold", children: "Purpose:" }), _jsx("div", { className: "min-h-16 pt-1", children: record.purpose || "" })] }) }) }) }), _jsx("table", { className: "w-full border-collapse", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "border border-black px-2 py-1", style: { width: "18%" } }), _jsx("td", { className: "border border-black px-2 py-1 font-bold", style: { width: "41%" }, children: "Requested by:" }), _jsx("td", { className: "border border-black px-2 py-1 font-bold", style: { width: "41%" }, children: "Approved by:" })] }), _jsxs("tr", { className: "h-10", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Signature" }), _jsx("td", { className: "border border-black px-2 py-4" }), _jsx("td", { className: "border border-black px-2 py-4" })] }), _jsxs("tr", { className: "h-9", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Printed Name" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", children: signatories?.requestedBy?.name ?? "" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", children: signatories?.approvedBy?.name ?? "" })] }), _jsxs("tr", { className: "h-7", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Designation" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", children: signatories?.requestedBy?.designation ?? "" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", children: signatories?.approvedBy?.designation ?? "" })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-black px-2 py-1" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", colSpan: 2, children: "Certification as to Funds Availability" })] }), _jsxs("tr", { className: "h-10", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Signature" }), _jsx("td", { className: "border border-black px-2 py-4", colSpan: 2 })] }), _jsxs("tr", { className: "h-9", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Printed Name" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", colSpan: 2, children: signatories?.fundsAvailability?.name ?? "" })] }), _jsxs("tr", { className: "h-7", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Designation" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", colSpan: 2, children: signatories?.fundsAvailability?.designation ?? "" })] })] }) })] }) }) }) }));
+    return (_jsx("div", { className: "psms-print-preview mx-auto w-full max-w-full overflow-x-auto", children: _jsx("div", { className: "mx-auto w-fit bg-white shadow-sm", children: _jsx("div", { "data-pdf-page": "true", "data-pdf-fit-one-page": "true", "data-pdf-orientation": "portrait", style: { lineHeight: 1.5 }, className: "mx-auto min-h-[1123px] w-[794px] bg-white font-serif text-[11px] text-black", children: _jsxs("div", { className: "px-8 py-8", children: [pageCount > 1 && _jsxs("p", { className: "mb-2 text-right text-[10px]", children: ["Page ", pageNumber, " of ", pageCount] }), _jsx("h4", { className: "mb-8 text-center text-[15px] font-bold tracking-wide", children: "PURCHASE REQUEST" }), _jsx("table", { className: "w-full border-collapse", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsxs("td", { className: "border border-black px-2 py-1 font-bold", colSpan: 3, children: ["Entity Name:", record.entityName || ""] }), _jsxs("td", { className: "border border-black px-2 py-1 font-bold", colSpan: 3, children: ["Fund Cluster - ", record.fundCluster || ""] })] }), _jsxs("tr", { children: [_jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "Office/Section:" }), _jsx("div", { className: "min-h-5", children: officeSection })] }), _jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "PR No:" }), _jsx("div", { children: record.prNo }), _jsx("div", { className: "mt-1 font-bold", children: "Responsibility Center Code:" }), _jsx("div", { children: record.responsibilityCenterCode || "" })] }), _jsxs("td", { className: "border border-black px-2 py-1", colSpan: 2, children: [_jsx("div", { className: "font-bold", children: "Date:" }), _jsx("div", { children: formatPrDate(record.date || record.createdAt) })] })] }), _jsx("tr", { children: _jsx("td", { className: "border border-black py-1", colSpan: 6 }) })] }) }), _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { children: _jsxs("tr", { className: "text-center font-bold", children: [_jsx("th", { className: "border border-black px-2 py-1", children: "Stock/PropertyNo." }), _jsx("th", { className: "border border-black px-2 py-1", children: "Unit" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Item Description" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Quantity" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Unit cost" }), _jsx("th", { className: "border border-black px-2 py-1", children: "Total Cost" })] }) }), _jsxs("tbody", { children: [items.map(item => (_jsxs("tr", { className: "h-9 align-top", children: [_jsx("td", { className: "border-x border-black px-2 py-1", children: item.stockNo || "" }), _jsx("td", { className: "border-x border-black px-2 py-1 text-center", children: item.unit || "" }), _jsx("td", { className: "border-x border-black px-2 py-1", children: item.description }), _jsx("td", { className: "border-x border-black px-2 py-1 text-center", children: item.quantity }), _jsx("td", { className: "border-x border-black px-2 py-1 text-right", children: formatCurrency(Number(item.unitCost) || 0) }), _jsx("td", { className: "border-x border-black px-2 py-1 text-right", children: formatCurrency(getItemTotal(item)) })] }, item.id))), _jsxs("tr", { style: { height: fillerHeight }, children: [_jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 pt-6 text-center align-top text-slate-600 italic", children: pageNumber < pageCount ? "Continued on next page" : "***nothing follows***" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" }), _jsx("td", { className: "border-x border-b border-black px-2 align-top" })] }), _jsxs("tr", { className: "font-bold", children: [_jsxs("td", { className: "border border-black px-2 py-2 text-right", colSpan: 5, children: ["Total Amount", pageCount > 1 ? " (all items)" : ""] }), _jsx("td", { className: "border border-black px-2 py-2 text-right", children: formatCurrency(getRecordTotal(record)) })] })] })] }), _jsx("table", { className: "w-full border-collapse", children: _jsx("tbody", { children: _jsx("tr", { children: _jsxs("td", { className: "border border-black px-2 py-1", children: [_jsx("div", { className: "font-bold", children: "Purpose:" }), _jsx("div", { className: "min-h-16 pt-1", children: record.purpose || "" })] }) }) }) }), _jsx("table", { className: "w-full border-collapse", children: _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "border border-black px-2 py-1", style: { width: "18%" } }), _jsx("td", { className: "border border-black px-2 py-1 font-bold", style: { width: "41%" }, children: "Requested by:" }), _jsx("td", { className: "border border-black px-2 py-1 font-bold", style: { width: "41%" }, children: "Approved by:" })] }), _jsxs("tr", { className: "h-10", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Signature" }), _jsx("td", { className: "border border-black px-2 py-4" }), _jsx("td", { className: "border border-black px-2 py-4" })] }), _jsxs("tr", { className: "h-9", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Printed Name" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", children: signatories?.requestedBy?.name ?? "" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", children: signatories?.approvedBy?.name ?? "" })] }), _jsxs("tr", { className: "h-7", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Designation" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", children: signatories?.requestedBy?.designation ?? "" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", children: signatories?.approvedBy?.designation ?? "" })] }), _jsxs("tr", { children: [_jsx("td", { className: "border border-black px-2 py-1" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", colSpan: 2, children: "Certification as to Funds Availability" })] }), _jsxs("tr", { className: "h-10", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Signature" }), _jsx("td", { className: "border border-black px-2 py-4", colSpan: 2 })] }), _jsxs("tr", { className: "h-9", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Printed Name" }), _jsx("td", { className: "border border-black px-2 py-3 text-center font-bold", colSpan: 2, children: signatories?.fundsAvailability?.name ?? "" })] }), _jsxs("tr", { className: "h-7", children: [_jsx("td", { className: "border border-black px-2 py-1 font-bold whitespace-nowrap", children: "Designation" }), _jsx("td", { className: "border border-black px-2 py-1 text-center font-bold", colSpan: 2, children: signatories?.fundsAvailability?.designation ?? "" })] })] }) })] }) }) }) }));
 }