@edgepdf/viewer-react 0.0.1

package/dist/styles.css

@@ -0,0 +1,340 @@
+/* Re-export Leaflet CSS for convenience */
+@import 'leaflet/dist/leaflet.css';
+
+/* Seamless tile rendering - removes borders and gaps between tiles */
+.seamless-tiles img,
+.leaflet-tile {
+  border: none !important;
+  outline: none !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+.leaflet-layer {
+  border: none !important;
+}
+
+/* Marker tooltip alignment */
+.edgepdf-marker-tooltip {
+  text-align: center;
+  white-space: nowrap;
+}
+
+/* Center the tooltip arrow */
+.leaflet-tooltip-top.edgepdf-marker-tooltip::before,
+.leaflet-tooltip-bottom.edgepdf-marker-tooltip::before {
+  left: 50% !important;
+  margin-left: -8px !important;
+}
+
+.leaflet-tooltip-left.edgepdf-marker-tooltip::before,
+.leaflet-tooltip-right.edgepdf-marker-tooltip::before {
+  top: 50% !important;
+  margin-top: -8px !important;
+}
+
+/* Marker popup action buttons */
+.edgepdf-marker-popup-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid #e0e0e0;
+}
+
+.edgepdf-marker-popup-edit,
+.edgepdf-marker-popup-delete {
+  flex: 1;
+  padding: 6px 12px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  background-color: #fff;
+  color: #333;
+  cursor: pointer;
+  font-size: 14px;
+  transition: all 0.2s ease;
+}
+
+.edgepdf-marker-popup-edit:hover {
+  background-color: #f0f0f0;
+  border-color: #999;
+}
+
+.edgepdf-marker-popup-delete {
+  color: #d32f2f;
+  border-color: #d32f2f;
+}
+
+.edgepdf-marker-popup-delete:hover {
+  background-color: #ffebee;
+  border-color: #b71c1c;
+}
+
+/* Edit popup modal */
+.edgepdf-marker-edit-popup {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 100000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.edgepdf-marker-edit-popup-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+}
+
+.edgepdf-marker-edit-popup-content {
+  position: relative;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+  width: 90%;
+  max-width: 500px;
+  max-height: 90vh;
+  overflow: auto;
+  z-index: 100001;
+}
+
+.edgepdf-marker-edit-popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.edgepdf-marker-edit-popup-header h3 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+.edgepdf-marker-edit-popup-close {
+  background: none;
+  border: none;
+  font-size: 24px;
+  line-height: 1;
+  color: #666;
+  cursor: pointer;
+  padding: 0;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+}
+
+.edgepdf-marker-edit-popup-close:hover {
+  background-color: #f0f0f0;
+  color: #333;
+}
+
+.edgepdf-marker-edit-popup-body {
+  padding: 20px;
+}
+
+.edgepdf-marker-edit-field {
+  margin-bottom: 16px;
+}
+
+.edgepdf-marker-edit-field:last-child {
+  margin-bottom: 0;
+}
+
+.edgepdf-marker-edit-field label {
+  display: block;
+  margin-bottom: 8px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #333;
+}
+
+.edgepdf-marker-edit-input {
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 14px;
+  box-sizing: border-box;
+  transition: border-color 0.2s ease;
+}
+
+.edgepdf-marker-edit-input:focus {
+  outline: none;
+  border-color: #1976d2;
+  box-shadow: 0 0 0 2px rgba(25, 118, 210, 0.1);
+}
+
+.edgepdf-marker-edit-popup-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 16px 20px;
+  border-top: 1px solid #e0e0e0;
+}
+
+.edgepdf-marker-edit-button {
+  padding: 10px 20px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  background-color: #fff;
+  color: #333;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  transition: all 0.2s ease;
+}
+
+.edgepdf-marker-edit-button-cancel:hover {
+  background-color: #f0f0f0;
+  border-color: #999;
+}
+
+.edgepdf-marker-edit-button-save {
+  background-color: #1976d2;
+  color: #fff;
+  border-color: #1976d2;
+}
+
+.edgepdf-marker-edit-button-save:hover {
+  background-color: #1565c0;
+  border-color: #1565c0;
+}
+
+/* Delete popup modal - reuses most edit popup styles */
+.edgepdf-marker-delete-popup {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 100000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.edgepdf-marker-delete-popup-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  cursor: pointer;
+}
+
+.edgepdf-marker-delete-popup-content {
+  position: relative;
+  background-color: #fff;
+  border-radius: 8px;
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+  width: 90%;
+  max-width: 500px;
+  max-height: 90vh;
+  overflow: auto;
+  z-index: 100001;
+}
+
+.edgepdf-marker-delete-popup-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.edgepdf-marker-delete-popup-header h3 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 600;
+  color: #333;
+}
+
+.edgepdf-marker-delete-popup-close {
+  background: none;
+  border: none;
+  font-size: 24px;
+  line-height: 1;
+  color: #666;
+  cursor: pointer;
+  padding: 0;
+  width: 32px;
+  height: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  transition: background-color 0.2s ease;
+}
+
+.edgepdf-marker-delete-popup-close:hover {
+  background-color: #f0f0f0;
+  color: #333;
+}
+
+.edgepdf-marker-delete-popup-body {
+  padding: 20px;
+}
+
+.edgepdf-marker-delete-popup-body p {
+  margin: 0;
+  font-size: 14px;
+  color: #333;
+  line-height: 1.5;
+}
+
+.edgepdf-marker-delete-popup-body strong {
+  font-weight: 600;
+  color: #d32f2f;
+}
+
+.edgepdf-marker-delete-popup-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 12px;
+  padding: 16px 20px;
+  border-top: 1px solid #e0e0e0;
+}
+
+.edgepdf-marker-delete-button {
+  padding: 10px 20px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  background-color: #fff;
+  color: #333;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 500;
+  transition: all 0.2s ease;
+}
+
+.edgepdf-marker-delete-button-cancel:hover {
+  background-color: #f0f0f0;
+  border-color: #999;
+}
+
+.edgepdf-marker-delete-button-confirm {
+  background-color: #d32f2f;
+  color: #fff;
+  border-color: #d32f2f;
+}
+
+.edgepdf-marker-delete-button-confirm:hover {
+  background-color: #b71c1c;
+  border-color: #b71c1c;
+}
+

package/dist/test-setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@edgepdf/viewer-react",
+  "version": "0.0.1",
+  "description": "EdgePDF Viewer - React components for viewing PDF documents with interactive markers and zoom controls",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdgeTechStudio/EdgePDF.git",
+    "directory": "packages/viewer-react"
+  },
+  "keywords": [
+    "pdf",
+    "viewer",
+    "react",
+    "leaflet",
+    "markers",
+    "zoom",
+    "interactive",
+    "components"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "nx": {
+    "targets": {
+      "build": {
+        "executor": "@nx/esbuild:esbuild",
+        "outputs": [
+          "{options.outputPath}"
+        ],
+        "options": {
+          "outputPath": "packages/viewer-react/dist",
+          "main": "packages/viewer-react/src/index.ts",
+          "tsConfig": "packages/viewer-react/tsconfig.lib.json",
+          "format": [
+            "esm"
+          ],
+          "declarationRootDir": "packages/viewer-react/src"
+        }
+      }
+    }
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@edgepdf/viewer-js": "workspace:*",
+    "@edgepdf/types": "workspace:*",
+    "@edgepdf/utils": "workspace:*",
+    "@edgepdf/testing-utils": "workspace:*"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
+}