@object-ui/plugin-map 0.5.0 → 2.0.0

package/dist/src/ObjectMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectMap.d.ts","sourceRoot":"","sources":["../../src/ObjectMap.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAY,MAAM,kBAAkB,CAAC;AAI/E,OAAO,kCAAkC,CAAC;AAY1C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAsKD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyP9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ObjectMap.d.ts","sourceRoot":"","sources":["../../src/ObjectMap.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAY,MAAM,kBAAkB,CAAC;AAI/E,OAAO,kCAAkC,CAAC;AAY1C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,gBAAgB,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAsKD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsQ9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/plugin-map",
-  "version": "0.5.0",
+  "version": "2.0.0",
   "type": "module",
   "license": "MIT",
   "description": "Map visualization plugin for Object UI",
@@ -24,22 +24,22 @@
     }
   },
   "dependencies": {
-    "@objectstack/spec": "^0.9.2",
+    "@objectstack/spec": "^2.0.7",
     "lucide-react": "^0.563.0",
     "maplibre-gl": "^5.17.0",
     "react-map-gl": "^8.1.0",
     "zod": "^4.3.6",
-    "@object-ui/components": "0.5.0",
-    "@object-ui/core": "0.5.0",
-    "@object-ui/react": "0.5.0",
-    "@object-ui/types": "0.5.0"
+    "@object-ui/components": "2.0.0",
+    "@object-ui/core": "2.0.0",
+    "@object-ui/react": "2.0.0",
+    "@object-ui/types": "2.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@types/react": "^19.2.10",
+    "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.3",
     "typescript": "^5.9.3",

package/src/ObjectMap.tsx

@@ -215,6 +215,8 @@ export const ObjectMap: React.FC<ObjectMapProps> = ({
   dataSource,
   className,
   onMarkerClick,
+  onEdit,
+  onDelete,
   ...rest
 }) => {
   const [data, setData] = useState<any[]>([]);
@@ -326,19 +328,23 @@ export const ObjectMap: React.FC<ObjectMapProps> = ({
   }, [schema.objectName, dataSource, hasInlineData, dataConfig]);
 
   // Transform data to map markers
-  const markers = useMemo(() => {
-    return data
+  const { markers, invalidCount } = useMemo(() => {
+    let invalid = 0;
+    const validMarkers = data
       .map((record, index) => {
         const coordinates = extractCoordinates(record, mapConfig);
-        if (!coordinates) return null;
+        if (!coordinates) {
+          invalid++;
+          return null;
+        }
 
         const title = mapConfig.titleField ? record[mapConfig.titleField] : 'Marker';
         const description = mapConfig.descriptionField ? record[mapConfig.descriptionField] : undefined;
 
         // Ensure lat/lng are within valid ranges
         const [lat, lng] = coordinates;
-        if (lat < -90 || lat > 90 || lng < -180 || lng > 180) {
-            console.warn(`Invalid coordinates for marker ${index}: [${lat}, ${lng}]`);
+        if (!isFinite(lat) || !isFinite(lng) || lat < -90 || lat > 90 || lng < -180 || lng > 180) {
+            invalid++;
             return null;
         }
 
@@ -351,6 +357,8 @@ export const ObjectMap: React.FC<ObjectMapProps> = ({
         };
       })
       .filter((marker): marker is NonNullable<typeof marker> => marker !== null);
+
+    return { markers: validMarkers, invalidCount: invalid };
   }, [data, mapConfig]);
 
   const selectedMarker = useMemo(() => 
@@ -405,6 +413,11 @@ export const ObjectMap: React.FC<ObjectMapProps> = ({
 
   return (
     <div className={className}>
+      {invalidCount > 0 && (
+        <div className="mb-2 p-2 text-sm text-yellow-800 bg-yellow-50 border border-yellow-200 rounded">
+          {`${invalidCount} record${invalidCount !== 1 ? 's' : ''} with missing or invalid coordinates excluded from the map.`}
+        </div>
+      )}
       <div className="relative border rounded-lg overflow-hidden bg-muted" style={{ height: '600px', width: '100%' }}>
          <Map
             initialViewState={initialViewState}

package/src/index.tsx

@@ -25,7 +25,17 @@ console.log('Registering object-map...');
 ComponentRegistry.register('object-map', ObjectMapRenderer, {
   namespace: 'plugin-map',
   label: 'Object Map',
-  category: 'plugin',
+  category: 'view',
+  inputs: [
+    { name: 'objectName', type: 'string', label: 'Object Name', required: true },
+    { name: 'map', type: 'object', label: 'Map Config', description: 'latitudeField, longitudeField, titleField' },
+  ],
+});
+
+ComponentRegistry.register('map', ObjectMapRenderer, {
+  namespace: 'view',
+  label: 'Map View',
+  category: 'view',
   inputs: [
     { name: 'objectName', type: 'string', label: 'Object Name', required: true },
     { name: 'map', type: 'object', label: 'Map Config', description: 'latitudeField, longitudeField, titleField' },