v1.0.1

1.0.1 (September, 7, 2023)

• fix broken build (076e1ad)
• update docs (076e1ad)
• update changelog (076e1ad)

v.1.0.0

1.0.0 (September, 7, 2023)

• update readme (ced5bd5)
• Add Cypress tests (#80) (42f19fa)
• add codesandbox examples (79d4272)
• update changelog (a8028f1)

v1.0.0-alpha.1

1.0.0-alpha.1 (September 2, 2023)

• fix examples broken links (85dee13)
• Fix method update and add more examples (#78) (d94c930)
• fix wrong default method that should be save (f4bdf69)
• Bump tough-cookie from 4.1.2 to 4.1.3 (#76) (6ee98c4)
• Bump word-wrap from 1.2.3 to 1.2.5 (#75) (13a4d7a)
• Bump semver from 5.7.1 to 5.7.2 (#77) (05a15ab)
• remove node 14 from ci (693eb8d)
• upgrade dep and changelog (ef85689)
• remove aditional file (acd4622)
• update changelog and remove example from npm (b8632b3)

v1.0.0-alpha.0

1.0.0-alpha.0 (August 26, 2023)

New Features

• React 18 support
• Multipage support
• Typescript
• Supports opening the PDF in the browser via the method open. The build method can be used to just return the built PDF.
• Possible to set the quality of the image using the resolution option.
• Margin is now easier to set using the margin option, either by setting values especifically for each point (top, bottom, left, right) or a general value for all points.
• Possible to override or customize values also passed for the `html2canvas`` function.

Breaking Changes

• The wrapper react component no longer exists. Use either the default function or the usePDF hook. See below an example on how to migrate from the v0 to v1;
• The following props were not included in the 1.x available options:
  • scale - not supported, if you want to get a higher PDF resolution, use the resolution option instead
  • x - Use margin param instead
  • y - Use margin param instead
  • onComplete - The default function and the toPDF function returned in the usePDF hook returns a Promise that can be awaited instead of the onComplete callback

Migrating from v0 to v1:

Before (v0):

import ReactToPdf from 'react-to-pdf'
const Component = () => (
    const handleComplete = () => {
        console.log('PDF has been generated')
    }
    return (
        <ReactToPdf filename="page.pdf" options={{compress: true}} x={5} y={5} onComplete={handleComplete}>
            {({toPdf, targetRef}) =>  (
                <div>
                    <button onClick={toPdf}>Generate PDF</button>
                    <div ref={targetRef}>
                        Content to be included in the PDF
                    </div>
                </div>
            )}
        </ReactToPdf>
    )
)

After (v1):

import { usePDF }  from 'react-to-pdf'

const Component = () => (
    const { toPDF, targetRef } = usePDF();
    const options = {
        filename: 'page.pdf',
        page: {
            margin: 5
        },
        overrides: {
            pdf: {
                compress: true
            }
        }
    }
    const handleGeneratePDF = async () => {
        await toPDF(options);
        console.log('PDF has been generated')
    }
    return (
        <div>
            <button onClick={handleGeneratePDF}>Generate PDF</button>
            <div ref={targetRef}>
                Content to be included in the PDF
            </div>
        </div>
    )
)

v.0.0.14

0.0.14 (May 18, 2021)

• Upgraded JsPdf

v.0.0.11

• fix issue #15

v0.0.10

• useCors in canvas options - fix issue #7