Document & Report Utility

Dokumentasi penggunaan utilitas dokumen dan pelaporan pada Skalfa App. Ekstensi ini menyediakan komponen React siap pakai untuk mencetak tabel, mengimpor/mengekspor file Excel, serta melihat dan merender PDF secara native di browser.

Keterangan Ekstensi:Ekstensi ini bersifat opsional. Anda dapat menambahkannya ke proyek frontend Anda dengan menjalankan perintah berikut di terminal:
Kode berhasil di copy!
5

Deskripsi

@skalfa/skalfa-document menyediakan komponen React tingkat tinggi untuk menangani pelaporan dan dokumen interaktif. Komponen ini membungkus library populer seperti exceljs, pdf-lib, dan pdfjs-dist menjadi modul siap pakai yang konsisten dengan gaya desain Skalfa.

1. Export Excel Component

Tombol instan untuk mengekspor data array JSON menjadi file spreadsheet Excel (.xlsx) terformat lengkap dengan nama header khusus:

Kode berhasil di copy!
5

2. Import Excel Component

Komponen input file untuk mengunggah file Excel, memparsing isinya, dan memetakan header kolom file Excel ke key objek JSON pilihan Anda:

Kode berhasil di copy!
5

3. Print Table Component

Mencetak data tabular langsung ke printer fisik atau menyimpannya sebagai file PDF menggunakan dialog print browser, lengkap dengan styling cetak yang rapi:

Kode berhasil di copy!
5

4. Render PDF & Document Viewer

Menampilkan dokumen PDF secara interaktif di halaman web Anda menggunakan PDFJS worker:

Kode berhasil di copy!
5

Tips: Ketika Anda menjalankan 'skalfa add document', CLI akan menyalin file worker 'pdf.worker.min.mjs' ke folder public/ proyek Anda agar render PDF berjalan mulus secara offline.