@mapcomponents/react-maplibre 0.1.96 → 1.0.1

package/package.json

@@ -1,210 +1,209 @@
 {
-	"name": "@mapcomponents/react-maplibre",
-	"version": "0.1.96",
-	"main": "dist/index.esm.js",
-	"license": "MIT",
-	"module": "dist/index.esm.js",
-	"source": "src/index.ts",
-	"types": "dist/index.d.ts",
-	"scripts": {
-		"build": "rollup -c",
-		"start": "start-storybook -p 6006 -s public",
-		"cypress-test": "npx cypress run --component",
-		"test": "node scripts/test.js --env=jest-environment-jsdom-sixteen --watchAll=false --coverage",
-		"test:noninteractive": "node scripts/test.js --env=jest-environment-jsdom-sixteen --verbose --watchAll=false --coverage",
-		"test:generate-output": "node scripts/test.js --env=jest-environment-jsdom-sixteen --watchAll=false --json --outputFile=./src/.jest-test-results.json || true",
-		"build-storybook": "build-storybook -o docs-build -s public",
-		"storybook-docs": "start-storybook --docs --no-manager-cache",
-		"build-catalogue-meta": "node scripts/build-catalogue-meta.js",
-		"create-component": "./scripts/create-map-component.sh"
-	},
-	"dependencies": {
-		"@dnd-kit/core": "^6.0.8",
-		"@dnd-kit/modifiers": "^6.0.1",
-		"@dnd-kit/sortable": "^7.0.2",
-		"@emotion/css": "^11.10.5",
-		"@emotion/react": "^11.10.8",
-		"@emotion/styled": "^11.10.8",
-		"@mapbox/mapbox-gl-draw": "^1.4.2",
-		"@mapbox/mapbox-gl-sync-move": "^0.3.1",
-		"@mui/icons-material": "^5.11.0",
-		"@mui/material": "^5.12.3",
-		"@tmcw/togeojson": "^5.7.0",
-		"@turf/turf": "^6.5.0",
-		"@types/react-color": "^3.0.6",
-		"@types/topojson-client": "^3.1.1",
-		"@xmldom/xmldom": "^0.8.10",
-		"csv2geojson": "^5.1.2",
-		"d3": "^7.8.2",
-		"jspdf": "^2.5.1",
-		"maplibre-gl": "^2.4.0",
-		"osm2geojson-lite": "^0.9.2",
-		"pako": "^2.1.0",
-		"react-color": "^2.19.3",
-		"react-moveable": "^0.46.1",
-		"three": "^0.149.0",
-		"topojson-client": "^3.1.0",
-		"traverse": "^0.6.7",
-		"uuid": "^9.0.0",
-		"wms-capabilities": "^0.6.0"
-	},
-	"peerDependencies": {},
-	"devDependencies": {
-		"@babel/preset-react": "^7.18.6",
-		"@bahmutov/cy-rollup": "^2.0.0",
-		"@cypress/react": "^7.0.2",
-		"@cypress/webpack-preprocessor": "^5.16.1",
-		"@fontsource/material-icons": "^4.5.4",
-		"@fontsource/roboto": "^4.5.8",
-		"@rollup/plugin-babel": "^6.0.3",
-		"@rollup/plugin-commonjs": "^24.0.1",
-		"@rollup/plugin-url": "^8.0.1",
-		"@storybook/addon-actions": "^6.5.16",
-		"@storybook/addon-docs": "^6.5.16",
-		"@storybook/addon-essentials": "^6.5.16",
-		"@storybook/addon-links": "^6.5.16",
-		"@storybook/addon-storysource": "^6.5.16",
-		"@storybook/addons": "^6.5.16",
-		"@storybook/builder-webpack5": "^6.5.16",
-		"@storybook/manager-webpack5": "^6.5.16",
-		"@storybook/node-logger": "^6.5.16",
-		"@storybook/react": "^6.5.16",
-		"@storybook/testing-react": "^1.3.0",
-		"@storybook/theming": "^6.5.16",
-		"@svgr/rollup": "^6.5.1",
-		"@testing-library/react": "^13.4.0",
-		"@types/enzyme": "^3.10.12",
-		"@types/expect": "^24.3.0",
-		"@types/jest": "^29.4.0",
-		"@types/mapbox__mapbox-gl-draw": "^1.3.3",
-		"@types/mapbox__point-geometry": "^0.1.2",
-		"@types/mapbox__vector-tile": "^1.3.0",
-		"@types/pako": "^2.0.0",
-		"@types/react": "^18.0.27",
-		"@types/react-dom": "^18.0.10",
-		"@types/sql.js": "^1.4.4",
-		"@types/three": "^0.148.1",
-		"@types/uuid": "^9.0.0",
-		"@typescript-eslint/eslint-plugin": "^5.49.0",
-		"@typescript-eslint/parser": "^5.49.0",
-		"@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
-		"avj": "^0.0.0",
-		"babel-jest": "^26.6.0",
-		"babel-plugin-inline-react-svg": "^2.0.1",
-		"babel-plugin-styled-components": "^2.0.7",
-		"babel-preset-react-app": "^10.0.1",
-		"cypress": "^12.11.0",
-		"enzyme": "^3.11.0",
-		"eslint": "^8.32.0",
-		"eslint-config-prettier": "^8.6.0",
-		"eslint-plugin-react": "^7.32.1",
-		"glob": "^8.1.0",
-		"jest": "26.6.0",
-		"jest-circus": "26.6.0",
-		"jest-environment-jsdom-sixteen": "^2.0.0",
-		"jest-enzyme": "^7.1.2",
-		"jest-resolve": "26.6.0",
-		"jest-watch-typeahead": "0.6.1",
-		"node-fetch": "^3.3.0",
-		"postcss": "^8.4.21",
-		"prettier": "2.8.3",
-		"react": "^18.2.0",
-		"react-app-polyfill": "^3.0.0",
-		"react-dev-utils": "^12.0.1",
-		"react-dom": "^18.2.0",
-		"react-draggable": "^4.4.5",
-		"react-i18next": "^12.1.4",
-		"rollup": "^2.70.1",
-		"rollup-plugin-delete": "^2.0.0",
-		"rollup-plugin-import-css": "^3.0.3",
-		"rollup-plugin-node-externals": "^5.1.2",
-		"rollup-plugin-typescript2": "^0.31.2",
-		"showdown": "^2.1.0",
-		"sql.js": "^1.8.0",
-		"storybook-source-link": "^2.0.4",
-		"ts-jest": "^29.0.5",
-		"typescript": "^4.9.4"
-	},
-	"jest": {
-		"roots": [
-			"<rootDir>/src"
-		],
-		"collectCoverageFrom": [
-			"src/**/*.{js,jsx,ts,tsx}",
-			"!src/**/*.d.ts"
-		],
-		"setupFiles": [
-			"react-app-polyfill/jsdom"
-		],
-		"setupFilesAfterEnv": [
-			"<rootDir>/src/setupTests.js"
-		],
-		"testMatch": [
-			"<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
-			"<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
-		],
-		"testEnvironment": "jsdom",
-		"testRunner": "./node_modules/jest-circus/runner.js",
-		"transform": {
-			"^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
-			"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-			"^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-		},
-		"transformIgnorePatterns": [
-			"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
-			"^.+\\.module\\.(css|sass|scss)$"
-		],
-		"modulePaths": [],
-		"moduleNameMapper": {
-			"^react-native$": "react-native-web",
-			"^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
-			"^maplibre-gl/dist/maplibre-gl$": "<rootDir>/node_modules/maplibre-gl",
-			"d3": "<rootDir>/node_modules/d3/dist/d3.min.js"
-		},
-		"moduleFileExtensions": [
-			"web.js",
-			"js",
-			"web.ts",
-			"ts",
-			"web.tsx",
-			"tsx",
-			"json",
-			"web.jsx",
-			"jsx",
-			"node"
-		],
-		"watchPlugins": [
-			"jest-watch-typeahead/filename",
-			"jest-watch-typeahead/testname"
-		],
-		"resetMocks": true,
-		"coveragePathIgnorePatterns": [
-			"/node_modules/",
-			"/src/decorators/",
-			"/src/lab/",
-			"/src/stories/",
-			"/src/ui_components/",
-			"/src/deckgl_components/",
-			"/src/components/MlBasicComponent",
-			"/src/components/MlMapDrawTools",
-			"/src/components/MlComponentTemplate/",
-			"/src/components/MlAerialPhotograph/",
-			"/src/components/MapLibreMapDebug/",
-			"/src/components/MlDemoDashboard/",
-			"/src/components/MlLaufwettbewerbApp/",
-			"/src/components/MlLaermkarte/",
-			"/src/components/MlMobilerImker/",
-			"/src/components/MlWanderApp/",
-			"(.test)\\.(ts|tsx|js)$",
-			"index\\.js$",
-			".*/lib/.*",
-			".*/utils/.*",
-			".*/util/.*",
-			".*/assets/.*",
-			".*/custom.d.tsx",
-			"custom\\-.*\\-mode\\.js$",
-			"(.stories)\\.(ts|tsx|js)$",
-			"/distribution/.*\\.(ts|js)$"
-		]
-	}
+  "name": "@mapcomponents/react-maplibre",
+  "version": "1.0.1",
+  "main": "dist/index.cjs.js",
+  "license": "MIT",
+  "module": "dist/index.esm.js",
+  "source": "src/index.ts",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "start": "storybook dev",
+    "cypress-test": "npx cypress run --component",
+    "cypress": "npx cypress open",
+    "test": "node scripts/test.cjs --watchAll=false --coverage",
+    "test:noninteractive": "node scripts/test.cjs --verbose --watchAll=false --coverage",
+    "test:generate-output": "node scripts/test.cjs --watchAll=false --json --outputFile=./src/.jest-test-results.json || true",
+    "build-storybook": "storybook build -o docs-build",
+    "storybook-docs": "storybook dev --docs --no-manager-cache",
+    "build-catalogue-meta": "node scripts/build-catalogue-meta.js",
+    "create-component": "./scripts/create-map-component.sh"
+  },
+  "dependencies": {
+    "@cypress/react": "^8.0.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@emotion/css": "^11.11.2",
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mapbox/mapbox-gl-draw": "^1.4.3",
+    "@mapbox/mapbox-gl-sync-move": "^0.3.1",
+    "@mui/icons-material": "^5.15.9",
+    "@mui/material": "^5.15.9",
+    "@tmcw/togeojson": "^5.8.1",
+    "@turf/turf": "^6.5.0",
+    "@types/d3": "^7.4.3",
+    "@types/react-color": "^3.0.11",
+    "@types/topojson-client": "^3.1.4",
+    "@xmldom/xmldom": "^0.8.10",
+    "csv2geojson": "^5.1.2",
+    "cypress": "^13.6.4",
+    "d3": "^7.8.5",
+    "jspdf": "^2.5.1",
+    "maplibre-gl": "^4.0.0",
+    "osm2geojson-lite": "^0.9.4",
+    "pako": "^2.1.0",
+    "react-color": "^2.19.3",
+    "react-moveable": "^0.56.0",
+    "three": "^0.161.0",
+    "topojson-client": "^3.1.0",
+    "uuid": "^9.0.1",
+    "wms-capabilities": "^0.6.0"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.23.3",
+    "@bahmutov/cy-rollup": "^2.0.0",
+    "@cfaester/enzyme-adapter-react-18": "^0.7.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-url": "^8.0.2",
+    "@storybook/addon-actions": "^7.6.13",
+    "@storybook/addon-docs": "^7.6.13",
+    "@storybook/addon-essentials": "^7.6.13",
+    "@storybook/addon-links": "^7.6.13",
+    "@storybook/addons": "^7.6.13",
+    "@storybook/node-logger": "^7.6.13",
+    "@storybook/react": "^7.6.13",
+    "@storybook/react-webpack5": "^7.6.13",
+    "@storybook/testing-react": "^2.0.1",
+    "@storybook/theming": "^7.6.13",
+    "@svgr/rollup": "^8.1.0",
+    "@testing-library/react": "^14.2.1",
+    "@types/enzyme": "^3.10.18",
+    "@types/expect": "^24.3.0",
+    "@types/jest": "^29.5.12",
+    "@types/mapbox__mapbox-gl-draw": "^1.4.6",
+    "@types/mapbox__point-geometry": "^0.1.4",
+    "@types/mapbox__vector-tile": "^1.3.4",
+    "@types/pako": "^2.0.3",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@types/sql.js": "^1.4.9",
+    "@types/three": "^0.161.2",
+    "@types/uuid": "^9.0.8",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "avj": "^0.0.0",
+    "babel-jest": "^29.7.0",
+    "babel-plugin-inline-react-svg": "^2.0.2",
+    "babel-plugin-styled-components": "^2.1.4",
+    "babel-preset-react-app": "^10.0.1",
+    "enzyme": "^3.11.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-storybook": "^0.6.15",
+    "glob": "^10.3.10",
+    "jest": "29.7.0",
+    "jest-circus": "29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-enzyme": "^7.1.2",
+    "jest-resolve": "29.7.0",
+    "jest-watch-typeahead": "2.2.2",
+    "node-fetch": "^3.3.2",
+    "postcss": "^8.4.35",
+    "prettier": "3.2.5",
+    "react": "^18.2.0",
+    "react-app-polyfill": "^3.0.0",
+    "react-dev-utils": "^12.0.1",
+    "react-dom": "^18.2.0",
+    "react-draggable": "^4.4.6",
+    "react-i18next": "^14.0.5",
+    "rollup": "^4.11.0",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-import-css": "^3.4.0",
+    "rollup-plugin-node-externals": "^7.0.1",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "showdown": "^2.1.0",
+    "sql.js": "^1.10.2",
+    "storybook": "^7.6.13",
+    "storybook-source-link": "^4.0.1",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.3.3"
+  },
+  "jest": {
+    "roots": [
+      "<rootDir>/src"
+    ],
+    "collectCoverageFrom": [
+      "src/**/*.{js,jsx,ts,tsx}",
+      "!src/**/*.d.ts"
+    ],
+    "setupFiles": [
+      "react-app-polyfill/jsdom"
+    ],
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.js"
+    ],
+    "testMatch": [
+      "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",
+      "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"
+    ],
+    "testEnvironment": "jsdom",
+    "testRunner": "./node_modules/jest-circus/runner.js",
+    "transform": {
+      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",
+      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
+      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js",
+      "^.+\\.svg$": "<rootDir>/config/jest/fileTransform.js"
+    },
+    "transformIgnorePatterns": [
+      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
+      "^.+\\.module\\.(css|sass|scss)$"
+    ],
+    "modulePaths": [],
+    "moduleNameMapper": {
+      "^react-native$": "react-native-web",
+      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy",
+      "^maplibre-gl/dist/maplibre-gl$": "<rootDir>/node_modules/maplibre-gl",
+      "d3": "<rootDir>/node_modules/d3/dist/d3.min.js"
+    },
+    "moduleFileExtensions": [
+      "web.js",
+      "js",
+      "web.ts",
+      "ts",
+      "web.tsx",
+      "tsx",
+      "json",
+      "web.jsx",
+      "jsx",
+      "node"
+    ],
+    "watchPlugins": [
+      "jest-watch-typeahead/filename",
+      "jest-watch-typeahead/testname"
+    ],
+    "resetMocks": true,
+    "coveragePathIgnorePatterns": [
+      "/node_modules/",
+      "/src/decorators/",
+      "/src/lab/",
+      "/src/stories/",
+      "/src/ui_components/",
+      "/src/deckgl_components/",
+      "/src/components/MlBasicComponent",
+      "/src/components/MlMapDrawTools",
+      "/src/components/MlComponentTemplate/",
+      "/src/components/MlAerialPhotograph/",
+      "/src/components/MapLibreMapDebug/",
+      "/src/components/MlDemoDashboard/",
+      "/src/components/MlLaufwettbewerbApp/",
+      "/src/components/MlLaermkarte/",
+      "/src/components/MlMobilerImker/",
+      "/src/components/MlWanderApp/",
+      "(.test)\\.(ts|tsx|js)$",
+      "index\\.js$",
+      ".*/lib/.*",
+      ".*/utils/.*",
+      ".*/util/.*",
+      ".*/assets/.*",
+      ".*/custom.d.tsx",
+      "custom\\-.*\\-mode\\.js$",
+      "(.stories)\\.(ts|tsx|js)$",
+      "/distribution/.*\\.(ts|js)$"
+    ]
+  },
+  "resolutions": {}
 }

package/rollup.config.mjs

@@ -0,0 +1,62 @@
+import commonjs from '@rollup/plugin-commonjs';
+import typescript from 'rollup-plugin-typescript2';
+import { defineConfig } from 'rollup';
+
+import babel from '@rollup/plugin-babel';
+import url from '@rollup/plugin-url';
+import externals from 'rollup-plugin-node-externals';
+
+import css from 'rollup-plugin-import-css';
+import del from 'rollup-plugin-delete';
+import svgr from '@svgr/rollup';
+
+import pkg from './package.json' assert {type:"json"};
+
+const externalsConfig = {
+	deps: true,
+	devDeps: true,
+	exclude:['react', 'react-dom']
+};
+
+const config = defineConfig([
+	{
+		input: ['src/index.ts'],
+		output: [
+			{
+			file: 'dist/index.cjs.js',
+			format: 'cjs',
+			sourcemap: true,
+			},
+			{
+			file: 'dist/index.esm.js',
+			format: 'es',
+			sourcemap: true,
+		}
+	],
+		plugins: [
+			svgr({
+				svgo: false,
+			}),
+			url(),
+			babel({
+				presets: ['@babel/preset-react'],
+				babelHelpers: 'bundled'
+			}),
+			externals(externalsConfig),
+			commonjs(),
+			typescript({ declarationDir: 'dist/types', sourceMap: true
+			,exclude: ["**/*.cy.tsx", "**/*.stories.tsx", "**/*.test.tsx"] }),
+			css(),
+			del({ targets: ['dist/*'] }),
+		],
+		external: [
+			'react',
+			'react-dom',
+			'd3',
+			'sql.js',
+			...Object.keys(pkg.dependencies),
+			...Object.keys(pkg.devDependencies),
+		],
+	},
+]);
+export default config;

package/dist/components/MapLibreMap/MapLibreMap.stories.d.ts

@@ -1,20 +0,0 @@
-export default storyoptions;
-export const ExampleConfig: any;
-export const StyleChangeConfig: any;
-declare namespace storyoptions {
-    export const title: string;
-    export { MapLibreMap as component };
-    export namespace argTypes {
-        namespace options {
-            namespace control {
-                const type: string;
-            }
-        }
-    }
-    export { themeDecorator as decorators };
-    export namespace parameters {
-        const sourceLink: string;
-    }
-}
-import MapLibreMap from "./MapLibreMap";
-import themeDecorator from "../../decorators/ThemeDecorator";

package/dist/components/MapLibreMap/MapLibreMap.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/MlBasicComponent.d.ts

@@ -1,5 +0,0 @@
-export default MlBasicComponent;
-/**
- * This component is deprecated and will be removed in the next major release
- */
-declare function MlBasicComponent(props: any): JSX.Element;

package/dist/components/MlCenterPosition/MlCenterPosition.stories.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-declare const storyoptions: {
-    title: string;
-    component: {
-        (props: import("./MlCenterPosition").MlCenterPositionProps): JSX.Element;
-        defaultProps: {
-            mapId: undefined;
-        };
-    };
-    argTypes: {};
-    decorators: ((Story: any, context: any) => JSX.Element)[];
-    parameters: {
-        docs: {
-            source: {
-                type: string;
-            };
-        };
-    };
-};
-export default storyoptions;
-export declare const ExampleConfig: any;

package/dist/components/MlComponentTemplate/MlComponentTemplate.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-declare const storyoptions: {
-    title: string;
-    component: {
-        (props: import("./MlComponentTemplate").MlComponentTemplateProps): JSX.Element;
-        defaultProps: {
-            mapId: undefined;
-        };
-    };
-    argTypes: {};
-    decorators: ((Story: any, context: any) => JSX.Element)[];
-};
-export default storyoptions;
-export declare const ExampleConfig: any;

package/dist/components/MlCreatePdfButton/MlCreatePdfButton.stories.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-declare const storyoptions: {
-    title: string;
-    component: {
-        (props: import("./MlCreatePdfButton").MlCreatePdfButtonProps): JSX.Element;
-        defaultProps: {
-            mapId: undefined;
-        };
-    };
-    argTypes: {};
-    decorators: ((Story: any, context: any) => JSX.Element)[];
-};
-export default storyoptions;
-export declare const ExampleConfig: any;

package/dist/components/MlCreatePdfForm/MlCreatePdfForm.cy.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/MlCreatePdfForm/MlCreatePdfForm.stories.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import './lib/preview.css';
-declare const storyoptions: {
-    title: string;
-    component: {
-        (props: import("./MlCreatePdfForm").MlCreatePdfFormProps): JSX.Element;
-        defaultProps: {
-            mapId: undefined;
-        };
-    };
-    argTypes: {};
-    decorators: ((Story: any, context: any) => JSX.Element)[];
-};
-export default storyoptions;
-export declare const ExampleConfig: any;

package/dist/components/MlCreatePdfForm/lib/_PdfPreview.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface PdfPreviewProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * Id of an existing layer in the mapLibre instance to help specify the layer order
-     * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
-     */
-    insertBeforeLayer?: string;
-}
-export default function PdfPreview(props: PdfPreviewProps): JSX.Element;
-export {};