@open-pioneer/printing 0.2.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @open-pioneer/printing
 
+## 0.7.0
+
+### Minor Changes
+
+-   310800c: Switch from `peerDependencies` to normal `dependencies`. Peer dependencies have some usability problems when used at scale.
+
+### Patch Changes
+
+-   310800c: Update core packages version.
+-   583f1d6: The `mapId` or `map` properties are now optional on individual components.
+    You can use the `DefaultMapProvider` to configure an implicit default value.
+
+    Note that configuring _neither_ a default _nor_ an explicit `map` or `mapId` will trigger a runtime error.
+
+-   583f1d6: All UI components in this project now accept the `mapId` (a `string`) _or_ the `map` (a `MapModel`) directly.
+-   a8b3449: Switch to a new versioning strategy.
+    From now on, packages released by this repository share a common version number.
+-   900eb11: Update dependencies.
+-   Updated dependencies [310800c]
+-   Updated dependencies [2502050]
+-   Updated dependencies [583f1d6]
+-   Updated dependencies [583f1d6]
+-   Updated dependencies [397d617]
+-   Updated dependencies [a8b3449]
+-   Updated dependencies [310800c]
+-   Updated dependencies [900eb11]
+-   Updated dependencies [583f1d6]
+-   Updated dependencies [397d617]
+    -   @open-pioneer/map@0.7.0
+
 ## 0.2.0
 
 ### Minor Changes

package/Printing.d.ts

@@ -1,14 +1,11 @@
+import { MapModelProps } from "@open-pioneer/map";
 import { CommonComponentProps } from "@open-pioneer/react-utils";
 import { FC } from "react";
 import type { ViewPaddingBehavior } from "./index";
 /**
  * This is special property for the Printing.
  */
-export interface PrintingProps extends CommonComponentProps {
-    /**
-     * The id of the map.
-     */
-    mapId: string;
+export interface PrintingProps extends CommonComponentProps, MapModelProps {
     /**
      * Whether to respect the map view's padding when printing (default: `"auto"`).
      *

package/Printing.js

@@ -10,13 +10,13 @@ import { PrintingController } from './PrintingController.js';
 const LOG = createLogger("printing");
 const Printing = (props) => {
   const intl = useIntl();
-  const { mapId, viewPadding = "auto" } = props;
+  const { viewPadding = "auto" } = props;
   const { containerProps } = useCommonComponentProps("printing", props);
   const [selectedFileFormat, setSelectedFileFormat] = useState("pdf");
   const [title, setTitle] = useState("");
   const [running, setRunning] = useState(false);
   const notifier = useService("notifier.NotificationService");
-  const { map } = useMapModel(mapId);
+  const { map } = useMapModel(props);
   const controller = useController(map, intl, viewPadding);
   function changeFileFormat(fileFormat) {
     if (fileFormat === "png" || fileFormat === "pdf") {

package/Printing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Printing.js","sources":["Printing.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    Button,\n    FormControl,\n    FormLabel,\n    HStack,\n    Input,\n    Select\n} from \"@open-pioneer/chakra-integration\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { MapModel, useMapModel } from \"@open-pioneer/map\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, FormEvent, useEffect, useState } from \"react\";\nimport { FileFormatType, PrintingController } from \"./PrintingController\";\nimport type { ViewPaddingBehavior, PrintingService } from \"./index\";\n\nconst LOG = createLogger(\"printing\");\n\n/**\n * This is special property for the Printing.\n */\nexport interface PrintingProps extends CommonComponentProps {\n    /**\n     * The id of the map.\n     */\n    mapId: string;\n\n    /**\n     * Whether to respect the map view's padding when printing (default: `\"auto\"`).\n     *\n     * See also {@link ViewPaddingBehavior}.\n     */\n    viewPadding?: ViewPaddingBehavior;\n}\n\n/**\n * The `Printing` component can be used to download the current map view as a printable file.\n */\nexport const Printing: FC<PrintingProps> = (props) => {\n    const intl = useIntl();\n\n    const { mapId, viewPadding = \"auto\" } = props;\n    const { containerProps } = useCommonComponentProps(\"printing\", props);\n    const [selectedFileFormat, setSelectedFileFormat] = useState<FileFormatType>(\"pdf\");\n    const [title, setTitle] = useState<string>(\"\");\n    const [running, setRunning] = useState<boolean>(false);\n\n    const notifier = useService<NotificationService>(\"notifier.NotificationService\");\n\n    const { map } = useMapModel(mapId);\n    const controller = useController(map, intl, viewPadding);\n\n    function changeFileFormat(fileFormat: string) {\n        if (fileFormat === \"png\" || fileFormat === \"pdf\") {\n            setSelectedFileFormat(fileFormat);\n        }\n    }\n\n    function exportMap() {\n        if (running || !controller) {\n            return;\n        }\n\n        setRunning(true);\n        controller\n            .handleMapExport({\n                title,\n                fileFormat: selectedFileFormat\n            })\n            .catch((error) => {\n                const errorMessage = intl.formatMessage({ id: \"printingFailed\" });\n                notifier.notify({\n                    level: \"error\",\n                    message: errorMessage\n                });\n                LOG.error(\"Failed to print the map\", error);\n            })\n            .finally(() => {\n                setRunning(false);\n            });\n    }\n\n    return (\n        <Box {...containerProps}>\n            <Box\n                as=\"form\"\n                m={2}\n                alignItems=\"center\"\n                onSubmit={(e: FormEvent) => {\n                    e.preventDefault();\n                    exportMap();\n                }}\n            >\n                <FormControl as={HStack} mb={2}>\n                    <FormLabel minWidth=\"82\" mb={1}>\n                        {intl.formatMessage({ id: \"title\" })}\n                    </FormLabel>\n                    <Input\n                        placeholder={intl.formatMessage({ id: \"input.placeholder\" })}\n                        value={title}\n                        onChange={(event) => {\n                            setTitle(event.target.value);\n                        }}\n                        autoFocus // eslint-disable-line jsx-a11y/no-autofocus\n                    />\n                </FormControl>\n                <FormControl as={HStack} mb={2}>\n                    <FormLabel minWidth=\"82\" mb={1}>\n                        {intl.formatMessage({ id: \"fileFormat\" })}\n                    </FormLabel>\n                    <Select\n                        value={selectedFileFormat}\n                        onChange={(e) => changeFileFormat(e.target.value)}\n                        className=\"printing-select\"\n                    >\n                        <option value={\"png\"}>PNG</option>\n                        <option value={\"pdf\"}>PDF</option>\n                    </Select>\n                </FormControl>\n                <Button\n                    isLoading={running}\n                    loadingText={intl.formatMessage({ id: \"printingMap\" })}\n                    disabled={running}\n                    mt={2}\n                    p={2}\n                    className=\"printing-export-button\"\n                    type=\"submit\"\n                    width=\"100%\"\n                >\n                    {intl.formatMessage({ id: \"export\" })}\n                </Button>\n            </Box>\n        </Box>\n    );\n};\n\n/**\n * Create a PrintingController instance to export the map view.\n */\nfunction useController(\n    map: MapModel | undefined,\n    intl: PackageIntl,\n    viewPadding: ViewPaddingBehavior\n) {\n    const printingService = useService<PrintingService>(\"printing.PrintingService\");\n    const [controller, setController] = useState<PrintingController | undefined>(undefined);\n\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n\n        const controller = new PrintingController(map.olMap, printingService, {\n            overlayText: intl.formatMessage({ id: \"printingMap\" })\n        });\n        setController(controller);\n\n        return () => {\n            controller.destroy();\n            setController(undefined);\n        };\n    }, [map, intl, printingService]);\n\n    useEffect(() => {\n        controller?.setViewPadding(viewPadding);\n    }, [controller, viewPadding]);\n\n    return controller;\n}\n"],"names":["controller"],"mappings":";;;;;;;;;AAqBA,MAAM,GAAA,GAAM,aAAa,UAAU,CAAA,CAAA;AAsBtB,MAAA,QAAA,GAA8B,CAAC,KAAU,KAAA;AAClD,EAAA,MAAM,OAAO,OAAQ,EAAA,CAAA;AAErB,EAAA,MAAM,EAAE,KAAA,EAAO,WAAc,GAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AACxC,EAAA,MAAM,EAAE,cAAA,EAAmB,GAAA,uBAAA,CAAwB,YAAY,KAAK,CAAA,CAAA;AACpE,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAAyB,KAAK,CAAA,CAAA;AAClF,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAiB,EAAE,CAAA,CAAA;AAC7C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,QAAA,GAAW,WAAgC,8BAA8B,CAAA,CAAA;AAE/E,EAAA,MAAM,EAAE,GAAA,EAAQ,GAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AACjC,EAAA,MAAM,UAAa,GAAA,aAAA,CAAc,GAAK,EAAA,IAAA,EAAM,WAAW,CAAA,CAAA;AAEvD,EAAA,SAAS,iBAAiB,UAAoB,EAAA;AAC1C,IAAI,IAAA,UAAA,KAAe,KAAS,IAAA,UAAA,KAAe,KAAO,EAAA;AAC9C,MAAA,qBAAA,CAAsB,UAAU,CAAA,CAAA;AAAA,KACpC;AAAA,GACJ;AAEA,EAAA,SAAS,SAAY,GAAA;AACjB,IAAI,IAAA,OAAA,IAAW,CAAC,UAAY,EAAA;AACxB,MAAA,OAAA;AAAA,KACJ;AAEA,IAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AACf,IAAA,UAAA,CACK,eAAgB,CAAA;AAAA,MACb,KAAA;AAAA,MACA,UAAY,EAAA,kBAAA;AAAA,KACf,CAAA,CACA,KAAM,CAAA,CAAC,KAAU,KAAA;AACd,MAAA,MAAM,eAAe,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,kBAAkB,CAAA,CAAA;AAChE,MAAA,QAAA,CAAS,MAAO,CAAA;AAAA,QACZ,KAAO,EAAA,OAAA;AAAA,QACP,OAAS,EAAA,YAAA;AAAA,OACZ,CAAA,CAAA;AACD,MAAI,GAAA,CAAA,KAAA,CAAM,2BAA2B,KAAK,CAAA,CAAA;AAAA,KAC7C,CACA,CAAA,OAAA,CAAQ,MAAM;AACX,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACT;AAEA,EACI,uBAAA,GAAA,CAAC,GAAK,EAAA,EAAA,GAAG,cACL,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACG,EAAG,EAAA,MAAA;AAAA,MACH,CAAG,EAAA,CAAA;AAAA,MACH,UAAW,EAAA,QAAA;AAAA,MACX,QAAA,EAAU,CAAC,CAAiB,KAAA;AACxB,QAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AACjB,QAAU,SAAA,EAAA,CAAA;AAAA,OACd;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,WAAY,EAAA,EAAA,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,CACzB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,SAAA,EAAA,EAAU,QAAS,EAAA,IAAA,EAAK,EAAI,EAAA,CAAA,EACxB,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,OAAQ,EAAC,CACvC,EAAA,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACG,aAAa,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,qBAAqB,CAAA;AAAA,cAC3D,KAAO,EAAA,KAAA;AAAA,cACP,QAAA,EAAU,CAAC,KAAU,KAAA;AACjB,gBAAS,QAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA,CAAA;AAAA,eAC/B;AAAA,cACA,SAAS,EAAA,IAAA;AAAA,aAAA;AAAA,WACb;AAAA,SACJ,EAAA,CAAA;AAAA,wBACC,IAAA,CAAA,WAAA,EAAA,EAAY,EAAI,EAAA,MAAA,EAAQ,IAAI,CACzB,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,SAAA,EAAA,EAAU,QAAS,EAAA,IAAA,EAAK,EAAI,EAAA,CAAA,EACxB,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,YAAa,EAAC,CAC5C,EAAA,CAAA;AAAA,0BACA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACG,KAAO,EAAA,kBAAA;AAAA,cACP,UAAU,CAAC,CAAA,KAAM,gBAAiB,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,cAChD,SAAU,EAAA,iBAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAC,GAAA,CAAA,QAAA,EAAA,EAAO,KAAO,EAAA,KAAA,EAAO,QAAG,EAAA,KAAA,EAAA,CAAA;AAAA,gCACxB,GAAA,CAAA,QAAA,EAAA,EAAO,KAAO,EAAA,KAAA,EAAO,QAAG,EAAA,KAAA,EAAA,CAAA;AAAA,eAAA;AAAA,aAAA;AAAA,WAC7B;AAAA,SACJ,EAAA,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,SAAW,EAAA,OAAA;AAAA,YACX,aAAa,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,eAAe,CAAA;AAAA,YACrD,QAAU,EAAA,OAAA;AAAA,YACV,EAAI,EAAA,CAAA;AAAA,YACJ,CAAG,EAAA,CAAA;AAAA,YACH,SAAU,EAAA,wBAAA;AAAA,YACV,IAAK,EAAA,QAAA;AAAA,YACL,KAAM,EAAA,MAAA;AAAA,YAEL,QAAK,EAAA,IAAA,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,UAAU,CAAA;AAAA,WAAA;AAAA,SACxC;AAAA,OAAA;AAAA,KAAA;AAAA,GAER,EAAA,CAAA,CAAA;AAER,EAAA;AAKA,SAAS,aAAA,CACL,GACA,EAAA,IAAA,EACA,WACF,EAAA;AACE,EAAM,MAAA,eAAA,GAAkB,WAA4B,0BAA0B,CAAA,CAAA;AAC9E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAyC,KAAS,CAAA,CAAA,CAAA;AAEtF,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,CAAC,GAAK,EAAA;AACN,MAAA,OAAA;AAAA,KACJ;AAEA,IAAA,MAAMA,WAAa,GAAA,IAAI,kBAAmB,CAAA,GAAA,CAAI,OAAO,eAAiB,EAAA;AAAA,MAClE,aAAa,IAAK,CAAA,aAAA,CAAc,EAAE,EAAA,EAAI,eAAe,CAAA;AAAA,KACxD,CAAA,CAAA;AACD,IAAA,aAAA,CAAcA,WAAU,CAAA,CAAA;AAExB,IAAA,OAAO,MAAM;AACT,MAAAA,YAAW,OAAQ,EAAA,CAAA;AACnB,MAAA,aAAA,CAAc,KAAS,CAAA,CAAA,CAAA;AAAA,KAC3B,CAAA;AAAA,GACD,EAAA,CAAC,GAAK,EAAA,IAAA,EAAM,eAAe,CAAC,CAAA,CAAA;AAE/B,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,UAAA,EAAY,eAAe,WAAW,CAAA,CAAA;AAAA,GACvC,EAAA,CAAC,UAAY,EAAA,WAAW,CAAC,CAAA,CAAA;AAE5B,EAAO,OAAA,UAAA,CAAA;AACX;;;;"}
+{"version":3,"file":"Printing.js","sources":["Printing.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport {\n    Box,\n    Button,\n    FormControl,\n    FormLabel,\n    HStack,\n    Input,\n    Select\n} from \"@open-pioneer/chakra-integration\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { PackageIntl } from \"@open-pioneer/runtime\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, FormEvent, useEffect, useState } from \"react\";\nimport { FileFormatType, PrintingController } from \"./PrintingController\";\nimport type { PrintingService, ViewPaddingBehavior } from \"./index\";\n\nconst LOG = createLogger(\"printing\");\n\n/**\n * This is special property for the Printing.\n */\nexport interface PrintingProps extends CommonComponentProps, MapModelProps {\n    /**\n     * Whether to respect the map view's padding when printing (default: `\"auto\"`).\n     *\n     * See also {@link ViewPaddingBehavior}.\n     */\n    viewPadding?: ViewPaddingBehavior;\n}\n\n/**\n * The `Printing` component can be used to download the current map view as a printable file.\n */\nexport const Printing: FC<PrintingProps> = (props) => {\n    const intl = useIntl();\n\n    const { viewPadding = \"auto\" } = props;\n    const { containerProps } = useCommonComponentProps(\"printing\", props);\n    const [selectedFileFormat, setSelectedFileFormat] = useState<FileFormatType>(\"pdf\");\n    const [title, setTitle] = useState<string>(\"\");\n    const [running, setRunning] = useState<boolean>(false);\n\n    const notifier = useService<NotificationService>(\"notifier.NotificationService\");\n\n    const { map } = useMapModel(props);\n    const controller = useController(map, intl, viewPadding);\n\n    function changeFileFormat(fileFormat: string) {\n        if (fileFormat === \"png\" || fileFormat === \"pdf\") {\n            setSelectedFileFormat(fileFormat);\n        }\n    }\n\n    function exportMap() {\n        if (running || !controller) {\n            return;\n        }\n\n        setRunning(true);\n        controller\n            .handleMapExport({\n                title,\n                fileFormat: selectedFileFormat\n            })\n            .catch((error) => {\n                const errorMessage = intl.formatMessage({ id: \"printingFailed\" });\n                notifier.notify({\n                    level: \"error\",\n                    message: errorMessage\n                });\n                LOG.error(\"Failed to print the map\", error);\n            })\n            .finally(() => {\n                setRunning(false);\n            });\n    }\n\n    return (\n        <Box {...containerProps}>\n            <Box\n                as=\"form\"\n                m={2}\n                alignItems=\"center\"\n                onSubmit={(e: FormEvent) => {\n                    e.preventDefault();\n                    exportMap();\n                }}\n            >\n                <FormControl as={HStack} mb={2}>\n                    <FormLabel minWidth=\"82\" mb={1}>\n                        {intl.formatMessage({ id: \"title\" })}\n                    </FormLabel>\n                    <Input\n                        placeholder={intl.formatMessage({ id: \"input.placeholder\" })}\n                        value={title}\n                        onChange={(event) => {\n                            setTitle(event.target.value);\n                        }}\n                        autoFocus // eslint-disable-line jsx-a11y/no-autofocus\n                    />\n                </FormControl>\n                <FormControl as={HStack} mb={2}>\n                    <FormLabel minWidth=\"82\" mb={1}>\n                        {intl.formatMessage({ id: \"fileFormat\" })}\n                    </FormLabel>\n                    <Select\n                        value={selectedFileFormat}\n                        onChange={(e) => changeFileFormat(e.target.value)}\n                        className=\"printing-select\"\n                    >\n                        <option value={\"png\"}>PNG</option>\n                        <option value={\"pdf\"}>PDF</option>\n                    </Select>\n                </FormControl>\n                <Button\n                    isLoading={running}\n                    loadingText={intl.formatMessage({ id: \"printingMap\" })}\n                    disabled={running}\n                    mt={2}\n                    p={2}\n                    className=\"printing-export-button\"\n                    type=\"submit\"\n                    width=\"100%\"\n                >\n                    {intl.formatMessage({ id: \"export\" })}\n                </Button>\n            </Box>\n        </Box>\n    );\n};\n\n/**\n * Create a PrintingController instance to export the map view.\n */\nfunction useController(\n    map: MapModel | undefined,\n    intl: PackageIntl,\n    viewPadding: ViewPaddingBehavior\n) {\n    const printingService = useService<PrintingService>(\"printing.PrintingService\");\n    const [controller, setController] = useState<PrintingController | undefined>(undefined);\n\n    useEffect(() => {\n        if (!map) {\n            return;\n        }\n\n        const controller = new PrintingController(map.olMap, printingService, {\n            overlayText: intl.formatMessage({ id: \"printingMap\" })\n        });\n        setController(controller);\n\n        return () => {\n            controller.destroy();\n            setController(undefined);\n        };\n    }, [map, intl, printingService]);\n\n    useEffect(() => {\n        controller?.setViewPadding(viewPadding);\n    }, [controller, viewPadding]);\n\n    return controller;\n}\n"],"names":["controller"],"mappings":"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"}

package/PrintingController.js

@@ -31,7 +31,11 @@ class PrintingController {
       });
       const canvas = this.printMap.getCanvas();
       if (canvas) {
-        options.fileFormat == "png" ? await this.exportMapInPNG(canvas, options) : await this.exportMapInPDF(canvas, options);
+        if (options.fileFormat == "png") {
+          await this.exportMapInPNG(canvas, options);
+        } else {
+          await this.exportMapInPDF(canvas, options);
+        }
       } else {
         throw new Error("Canvas export failed");
       }

package/PrintingController.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintingController.js","sources":["PrintingController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport OlMap from \"ol/Map\";\nimport { PrintingService, PrintResult, ViewPaddingBehavior } from \"./index\";\nimport { canvasToPng, createBlockUserOverlay } from \"./utils\";\nimport { Resource } from \"@open-pioneer/core\";\n\nexport type FileFormatType = \"png\" | \"pdf\";\n\nconst DEFAULT_FILE_NAME = \"map\";\n\nexport interface ExportOptions {\n    title?: string | undefined;\n    fileFormat: FileFormatType;\n}\n\nexport class PrintingController {\n    private olMap: OlMap;\n    private i18n: I18n;\n\n    private printingService: PrintingService;\n    private viewPadding: ViewPaddingBehavior | undefined;\n\n    private printMap: PrintResult | undefined = undefined;\n    private overlay: Resource | undefined = undefined;\n\n    constructor(olMap: OlMap, printingService: PrintingService, i18n: I18n) {\n        this.olMap = olMap;\n        this.printingService = printingService;\n        this.i18n = i18n;\n    }\n\n    destroy() {\n        this.reset();\n    }\n\n    setViewPadding(padding: ViewPaddingBehavior) {\n        this.viewPadding = padding;\n    }\n\n    async handleMapExport(options: ExportOptions) {\n        if (!this.olMap) {\n            return;\n        }\n\n        try {\n            this.begin();\n            this.printMap = await this.printingService.printMap(this.olMap, {\n                blockUserInteraction: false,\n                viewPadding: this.viewPadding\n            });\n            const canvas = this.printMap.getCanvas();\n            if (canvas) {\n                options.fileFormat == \"png\"\n                    ? await this.exportMapInPNG(canvas, options)\n                    : await this.exportMapInPDF(canvas, options);\n            } else {\n                throw new Error(\"Canvas export failed\");\n            }\n        } finally {\n            this.reset();\n        }\n    }\n\n    private begin() {\n        const container = this.olMap.getTargetElement();\n        if (container) {\n            this.overlay = createBlockUserOverlay(container, this.i18n.overlayText);\n        }\n    }\n\n    private reset() {\n        this.overlay?.destroy();\n        this.overlay = undefined;\n    }\n\n    private getTitleAndFileName(options: ExportOptions) {\n        const titleValue = options.title || \"\";\n        const fileName = options.title || DEFAULT_FILE_NAME;\n        return { title: titleValue, fileName: fileName };\n    }\n\n    private async exportMapInPNG(mapCanvas: HTMLCanvasElement, options: ExportOptions) {\n        const containerCanvas = document.createElement(\"canvas\");\n        containerCanvas.width = mapCanvas.width;\n        containerCanvas.height = mapCanvas.height + 50;\n        containerCanvas.style.backgroundColor = \"#fff\";\n\n        const context = containerCanvas.getContext(\"2d\");\n        if (!context) {\n            throw new Error(\"2d canvas rendering context not available\");\n        }\n\n        const { title, fileName } = this.getTitleAndFileName(options);\n\n        context.fillStyle = \"#fff\"; // background color for background rect\n        context.fillRect(0, 0, containerCanvas.width, containerCanvas.height); //draw background rect\n        context.font = 20 + \"px bold sans-serif\";\n        context.textAlign = \"center\";\n        context.fillStyle = \"#000\"; // text color\n\n        const x = containerCanvas.width / 2; //align text to center\n        context.fillText(title, x, 20);\n        context.drawImage(mapCanvas, 0, 50);\n\n        const link = document.createElement(\"a\");\n        link.setAttribute(\"download\", fileName + \".png\");\n\n        const dataURL = canvasToPng(containerCanvas);\n        if (!dataURL) {\n            throw new Error(\"Failed to get image data URL\");\n        }\n\n        link.href = dataURL;\n        link.click();\n    }\n\n    private async exportMapInPDF(canvas: HTMLCanvasElement, options: ExportOptions) {\n        // Landscape map export.\n        // Lazy load pdfjs as well.\n        const { jsPDF } = await import(\"jspdf\");\n        const pdf = new jsPDF({\n            orientation: \"landscape\",\n            unit: \"mm\",\n            format: \"a4\"\n        });\n\n        // Simple layout: 50 pixels for the header and\n        // the remaining space can be used by the map export.\n        const pageWidth = pdf.internal.pageSize.getWidth();\n        const pageHeight = pdf.internal.pageSize.getHeight();\n        const titleOffset = 15;\n        const mapOffset = 20;\n        const mapPageHeight = pageHeight - mapOffset;\n\n        // Render title\n        pdf.setFontSize(20);\n        const { title, fileName } = this.getTitleAndFileName(options);\n        pdf.text(title, pageWidth / 2, titleOffset, { align: \"center\" });\n\n        // Resize image while keeping aspect ratio\n        const imageAspectRatio = canvas.width / canvas.height;\n        let targetImageHeight = mapPageHeight;\n        let targetImageWidth = targetImageHeight * imageAspectRatio;\n        if (targetImageWidth >= pageWidth) {\n            targetImageWidth = pageWidth;\n            targetImageHeight = targetImageWidth / imageAspectRatio;\n        }\n\n        // Center image\n        const imageX = (pageWidth - targetImageWidth) / 2;\n        const imageY = mapOffset + (mapPageHeight - targetImageHeight) / 2;\n\n        pdf.addImage(canvas, \"\", imageX, imageY, targetImageWidth, targetImageHeight);\n        pdf.save(fileName + \".pdf\");\n    }\n}\n\ninterface I18n {\n    overlayText: string;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PrintingController.js","sources":["PrintingController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport OlMap from \"ol/Map\";\nimport { PrintingService, PrintResult, ViewPaddingBehavior } from \"./index\";\nimport { canvasToPng, createBlockUserOverlay } from \"./utils\";\nimport { Resource } from \"@open-pioneer/core\";\n\nexport type FileFormatType = \"png\" | \"pdf\";\n\nconst DEFAULT_FILE_NAME = \"map\";\n\nexport interface ExportOptions {\n    title?: string | undefined;\n    fileFormat: FileFormatType;\n}\n\nexport class PrintingController {\n    private olMap: OlMap;\n    private i18n: I18n;\n\n    private printingService: PrintingService;\n    private viewPadding: ViewPaddingBehavior | undefined;\n\n    private printMap: PrintResult | undefined = undefined;\n    private overlay: Resource | undefined = undefined;\n\n    constructor(olMap: OlMap, printingService: PrintingService, i18n: I18n) {\n        this.olMap = olMap;\n        this.printingService = printingService;\n        this.i18n = i18n;\n    }\n\n    destroy() {\n        this.reset();\n    }\n\n    setViewPadding(padding: ViewPaddingBehavior) {\n        this.viewPadding = padding;\n    }\n\n    async handleMapExport(options: ExportOptions) {\n        if (!this.olMap) {\n            return;\n        }\n\n        try {\n            this.begin();\n            this.printMap = await this.printingService.printMap(this.olMap, {\n                blockUserInteraction: false,\n                viewPadding: this.viewPadding\n            });\n            const canvas = this.printMap.getCanvas();\n            if (canvas) {\n                if (options.fileFormat == \"png\") {\n                    await this.exportMapInPNG(canvas, options);\n                } else {\n                    await this.exportMapInPDF(canvas, options);\n                }\n            } else {\n                throw new Error(\"Canvas export failed\");\n            }\n        } finally {\n            this.reset();\n        }\n    }\n\n    private begin() {\n        const container = this.olMap.getTargetElement();\n        if (container) {\n            this.overlay = createBlockUserOverlay(container, this.i18n.overlayText);\n        }\n    }\n\n    private reset() {\n        this.overlay?.destroy();\n        this.overlay = undefined;\n    }\n\n    private getTitleAndFileName(options: ExportOptions) {\n        const titleValue = options.title || \"\";\n        const fileName = options.title || DEFAULT_FILE_NAME;\n        return { title: titleValue, fileName: fileName };\n    }\n\n    private async exportMapInPNG(mapCanvas: HTMLCanvasElement, options: ExportOptions) {\n        const containerCanvas = document.createElement(\"canvas\");\n        containerCanvas.width = mapCanvas.width;\n        containerCanvas.height = mapCanvas.height + 50;\n        containerCanvas.style.backgroundColor = \"#fff\";\n\n        const context = containerCanvas.getContext(\"2d\");\n        if (!context) {\n            throw new Error(\"2d canvas rendering context not available\");\n        }\n\n        const { title, fileName } = this.getTitleAndFileName(options);\n\n        context.fillStyle = \"#fff\"; // background color for background rect\n        context.fillRect(0, 0, containerCanvas.width, containerCanvas.height); //draw background rect\n        context.font = 20 + \"px bold sans-serif\";\n        context.textAlign = \"center\";\n        context.fillStyle = \"#000\"; // text color\n\n        const x = containerCanvas.width / 2; //align text to center\n        context.fillText(title, x, 20);\n        context.drawImage(mapCanvas, 0, 50);\n\n        const link = document.createElement(\"a\");\n        link.setAttribute(\"download\", fileName + \".png\");\n\n        const dataURL = canvasToPng(containerCanvas);\n        if (!dataURL) {\n            throw new Error(\"Failed to get image data URL\");\n        }\n\n        link.href = dataURL;\n        link.click();\n    }\n\n    private async exportMapInPDF(canvas: HTMLCanvasElement, options: ExportOptions) {\n        // Landscape map export.\n        // Lazy load pdfjs as well.\n        const { jsPDF } = await import(\"jspdf\");\n        const pdf = new jsPDF({\n            orientation: \"landscape\",\n            unit: \"mm\",\n            format: \"a4\"\n        });\n\n        // Simple layout: 50 pixels for the header and\n        // the remaining space can be used by the map export.\n        const pageWidth = pdf.internal.pageSize.getWidth();\n        const pageHeight = pdf.internal.pageSize.getHeight();\n        const titleOffset = 15;\n        const mapOffset = 20;\n        const mapPageHeight = pageHeight - mapOffset;\n\n        // Render title\n        pdf.setFontSize(20);\n        const { title, fileName } = this.getTitleAndFileName(options);\n        pdf.text(title, pageWidth / 2, titleOffset, { align: \"center\" });\n\n        // Resize image while keeping aspect ratio\n        const imageAspectRatio = canvas.width / canvas.height;\n        let targetImageHeight = mapPageHeight;\n        let targetImageWidth = targetImageHeight * imageAspectRatio;\n        if (targetImageWidth >= pageWidth) {\n            targetImageWidth = pageWidth;\n            targetImageHeight = targetImageWidth / imageAspectRatio;\n        }\n\n        // Center image\n        const imageX = (pageWidth - targetImageWidth) / 2;\n        const imageY = mapOffset + (mapPageHeight - targetImageHeight) / 2;\n\n        pdf.addImage(canvas, \"\", imageX, imageY, targetImageWidth, targetImageHeight);\n        pdf.save(fileName + \".pdf\");\n    }\n}\n\ninterface I18n {\n    overlayText: string;\n}\n"],"names":[],"mappings":";;AASA,MAAM,iBAAoB,GAAA,KAAA,CAAA;AAOnB,MAAM,kBAAmB,CAAA;AAAA,EACpB,KAAA,CAAA;AAAA,EACA,IAAA,CAAA;AAAA,EAEA,eAAA,CAAA;AAAA,EACA,WAAA,CAAA;AAAA,EAEA,QAAoC,GAAA,KAAA,CAAA,CAAA;AAAA,EACpC,OAAgC,GAAA,KAAA,CAAA,CAAA;AAAA,EAExC,WAAA,CAAY,KAAc,EAAA,eAAA,EAAkC,IAAY,EAAA;AACpE,IAAA,IAAA,CAAK,KAAQ,GAAA,KAAA,CAAA;AACb,IAAA,IAAA,CAAK,eAAkB,GAAA,eAAA,CAAA;AACvB,IAAA,IAAA,CAAK,IAAO,GAAA,IAAA,CAAA;AAAA,GAChB;AAAA,EAEA,OAAU,GAAA;AACN,IAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AAAA,GACf;AAAA,EAEA,eAAe,OAA8B,EAAA;AACzC,IAAA,IAAA,CAAK,WAAc,GAAA,OAAA,CAAA;AAAA,GACvB;AAAA,EAEA,MAAM,gBAAgB,OAAwB,EAAA;AAC1C,IAAI,IAAA,CAAC,KAAK,KAAO,EAAA;AACb,MAAA,OAAA;AAAA,KACJ;AAEA,IAAI,IAAA;AACA,MAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AACX,MAAA,IAAA,CAAK,WAAW,MAAM,IAAA,CAAK,eAAgB,CAAA,QAAA,CAAS,KAAK,KAAO,EAAA;AAAA,QAC5D,oBAAsB,EAAA,KAAA;AAAA,QACtB,aAAa,IAAK,CAAA,WAAA;AAAA,OACrB,CAAA,CAAA;AACD,MAAM,MAAA,MAAA,GAAS,IAAK,CAAA,QAAA,CAAS,SAAU,EAAA,CAAA;AACvC,MAAA,IAAI,MAAQ,EAAA;AACR,QAAI,IAAA,OAAA,CAAQ,cAAc,KAAO,EAAA;AAC7B,UAAM,MAAA,IAAA,CAAK,cAAe,CAAA,MAAA,EAAQ,OAAO,CAAA,CAAA;AAAA,SACtC,MAAA;AACH,UAAM,MAAA,IAAA,CAAK,cAAe,CAAA,MAAA,EAAQ,OAAO,CAAA,CAAA;AAAA,SAC7C;AAAA,OACG,MAAA;AACH,QAAM,MAAA,IAAI,MAAM,sBAAsB,CAAA,CAAA;AAAA,OAC1C;AAAA,KACF,SAAA;AACE,MAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AAAA,KACf;AAAA,GACJ;AAAA,EAEQ,KAAQ,GAAA;AACZ,IAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,gBAAiB,EAAA,CAAA;AAC9C,IAAA,IAAI,SAAW,EAAA;AACX,MAAA,IAAA,CAAK,OAAU,GAAA,sBAAA,CAAuB,SAAW,EAAA,IAAA,CAAK,KAAK,WAAW,CAAA,CAAA;AAAA,KAC1E;AAAA,GACJ;AAAA,EAEQ,KAAQ,GAAA;AACZ,IAAA,IAAA,CAAK,SAAS,OAAQ,EAAA,CAAA;AACtB,IAAA,IAAA,CAAK,OAAU,GAAA,KAAA,CAAA,CAAA;AAAA,GACnB;AAAA,EAEQ,oBAAoB,OAAwB,EAAA;AAChD,IAAM,MAAA,UAAA,GAAa,QAAQ,KAAS,IAAA,EAAA,CAAA;AACpC,IAAM,MAAA,QAAA,GAAW,QAAQ,KAAS,IAAA,iBAAA,CAAA;AAClC,IAAO,OAAA,EAAE,KAAO,EAAA,UAAA,EAAY,QAAmB,EAAA,CAAA;AAAA,GACnD;AAAA,EAEA,MAAc,cAAe,CAAA,SAAA,EAA8B,OAAwB,EAAA;AAC/E,IAAM,MAAA,eAAA,GAAkB,QAAS,CAAA,aAAA,CAAc,QAAQ,CAAA,CAAA;AACvD,IAAA,eAAA,CAAgB,QAAQ,SAAU,CAAA,KAAA,CAAA;AAClC,IAAgB,eAAA,CAAA,MAAA,GAAS,UAAU,MAAS,GAAA,EAAA,CAAA;AAC5C,IAAA,eAAA,CAAgB,MAAM,eAAkB,GAAA,MAAA,CAAA;AAExC,IAAM,MAAA,OAAA,GAAU,eAAgB,CAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAC/C,IAAA,IAAI,CAAC,OAAS,EAAA;AACV,MAAM,MAAA,IAAI,MAAM,2CAA2C,CAAA,CAAA;AAAA,KAC/D;AAEA,IAAA,MAAM,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,IAAA,CAAK,oBAAoB,OAAO,CAAA,CAAA;AAE5D,IAAA,OAAA,CAAQ,SAAY,GAAA,MAAA,CAAA;AACpB,IAAA,OAAA,CAAQ,SAAS,CAAG,EAAA,CAAA,EAAG,eAAgB,CAAA,KAAA,EAAO,gBAAgB,MAAM,CAAA,CAAA;AACpE,IAAA,OAAA,CAAQ,IAAO,GAAA,sBAAA,CAAA;AACf,IAAA,OAAA,CAAQ,SAAY,GAAA,QAAA,CAAA;AACpB,IAAA,OAAA,CAAQ,SAAY,GAAA,MAAA,CAAA;AAEpB,IAAM,MAAA,CAAA,GAAI,gBAAgB,KAAQ,GAAA,CAAA,CAAA;AAClC,IAAQ,OAAA,CAAA,QAAA,CAAS,KAAO,EAAA,CAAA,EAAG,EAAE,CAAA,CAAA;AAC7B,IAAQ,OAAA,CAAA,SAAA,CAAU,SAAW,EAAA,CAAA,EAAG,EAAE,CAAA,CAAA;AAElC,IAAM,MAAA,IAAA,GAAO,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACvC,IAAK,IAAA,CAAA,YAAA,CAAa,UAAY,EAAA,QAAA,GAAW,MAAM,CAAA,CAAA;AAE/C,IAAM,MAAA,OAAA,GAAU,YAAY,eAAe,CAAA,CAAA;AAC3C,IAAA,IAAI,CAAC,OAAS,EAAA;AACV,MAAM,MAAA,IAAI,MAAM,8BAA8B,CAAA,CAAA;AAAA,KAClD;AAEA,IAAA,IAAA,CAAK,IAAO,GAAA,OAAA,CAAA;AACZ,IAAA,IAAA,CAAK,KAAM,EAAA,CAAA;AAAA,GACf;AAAA,EAEA,MAAc,cAAe,CAAA,MAAA,EAA2B,OAAwB,EAAA;AAG5E,IAAA,MAAM,EAAE,KAAA,EAAU,GAAA,MAAM,OAAO,OAAO,CAAA,CAAA;AACtC,IAAM,MAAA,GAAA,GAAM,IAAI,KAAM,CAAA;AAAA,MAClB,WAAa,EAAA,WAAA;AAAA,MACb,IAAM,EAAA,IAAA;AAAA,MACN,MAAQ,EAAA,IAAA;AAAA,KACX,CAAA,CAAA;AAID,IAAA,MAAM,SAAY,GAAA,GAAA,CAAI,QAAS,CAAA,QAAA,CAAS,QAAS,EAAA,CAAA;AACjD,IAAA,MAAM,UAAa,GAAA,GAAA,CAAI,QAAS,CAAA,QAAA,CAAS,SAAU,EAAA,CAAA;AACnD,IAAA,MAAM,WAAc,GAAA,EAAA,CAAA;AACpB,IAAA,MAAM,SAAY,GAAA,EAAA,CAAA;AAClB,IAAA,MAAM,gBAAgB,UAAa,GAAA,SAAA,CAAA;AAGnC,IAAA,GAAA,CAAI,YAAY,EAAE,CAAA,CAAA;AAClB,IAAA,MAAM,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,IAAA,CAAK,oBAAoB,OAAO,CAAA,CAAA;AAC5D,IAAI,GAAA,CAAA,IAAA,CAAK,OAAO,SAAY,GAAA,CAAA,EAAG,aAAa,EAAE,KAAA,EAAO,UAAU,CAAA,CAAA;AAG/D,IAAM,MAAA,gBAAA,GAAmB,MAAO,CAAA,KAAA,GAAQ,MAAO,CAAA,MAAA,CAAA;AAC/C,IAAA,IAAI,iBAAoB,GAAA,aAAA,CAAA;AACxB,IAAA,IAAI,mBAAmB,iBAAoB,GAAA,gBAAA,CAAA;AAC3C,IAAA,IAAI,oBAAoB,SAAW,EAAA;AAC/B,MAAmB,gBAAA,GAAA,SAAA,CAAA;AACnB,MAAA,iBAAA,GAAoB,gBAAmB,GAAA,gBAAA,CAAA;AAAA,KAC3C;AAGA,IAAM,MAAA,MAAA,GAAA,CAAU,YAAY,gBAAoB,IAAA,CAAA,CAAA;AAChD,IAAM,MAAA,MAAA,GAAS,SAAa,GAAA,CAAA,aAAA,GAAgB,iBAAqB,IAAA,CAAA,CAAA;AAEjE,IAAA,GAAA,CAAI,SAAS,MAAQ,EAAA,EAAA,EAAI,MAAQ,EAAA,MAAA,EAAQ,kBAAkB,iBAAiB,CAAA,CAAA;AAC5E,IAAI,GAAA,CAAA,IAAA,CAAK,WAAW,MAAM,CAAA,CAAA;AAAA,GAC9B;AACJ;;;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@open-pioneer/printing",
-  "version": "0.2.0",
+  "version": "0.7.0",
   "description": "This package provides a UI component to export the current map view as a printable file.",
   "keywords": [
     "open-pioneer-trails"
@@ -13,18 +13,18 @@
     "url": "https://github.com/open-pioneer/trails-openlayers-base-packages",
     "directory": "src/packages/printing"
   },
-  "peerDependencies": {
-    "@open-pioneer/chakra-integration": "^1.1.4",
-    "@open-pioneer/core": "^1.3.0",
-    "@open-pioneer/notifier": "^0.3.6",
-    "@open-pioneer/react-utils": "^1.0.1",
-    "@open-pioneer/runtime": "^2.1.7",
+  "dependencies": {
+    "@open-pioneer/chakra-integration": "^2.3.0",
+    "@open-pioneer/core": "^2.3.0",
+    "@open-pioneer/notifier": "^2.3.0",
+    "@open-pioneer/react-utils": "^2.3.0",
+    "@open-pioneer/runtime": "^2.3.0",
     "classnames": "^2.3.2",
     "html2canvas": "^1.4.1",
-    "jspdf": "^2.5.1",
+    "jspdf": "^2.5.2",
     "ol": "^9.2.4",
     "react": "^18.3.1",
-    "@open-pioneer/map": "^0.6.1"
+    "@open-pioneer/map": "^0.7.0"
   },
   "exports": {
     "./package.json": "./package.json",