multipolygon fixes

Author: KittyJose

packages/tdb-documents-ui/src/addGeoJSONLayout.js

@@ -34,12 +34,12 @@ export function addGeoJSONLayout (layout, documentFrame, property) {
   } 
   else if (util.isMultiPolygonType(field) && util.isMultiPolygon(documentFrame)) {
     layout["items"]= {
-      "type": CONST.ARRAY_TYPE,
+      "type": CONST.ARRAY_TYPE/*,
       "items": {
         "type": CONST.ARRAY_TYPE,
         "items": { type: CONST.STRING_TYPE },
         "minItems": CONST.POINT_MIN_ITEMS  
-      }
+      }*/
     }
   } 
 }

packages/tdb-documents-ui/src/arrayHelpers/NestedMultiPolygonTemplate.js

@@ -35,7 +35,8 @@ const DisplayCoordinatesLatLng = ({ coordinatesPerPolygon, polygonID, polygonInd
     }
     //temp[polygonIndex][coordinateIndex]=coord
     temp[polygonIndex][coordinateIndex]=coord
-    if(onChangeHandler) onChangeHandler([data], CONST.COORDINATES_FIELD)
+    //if(onChangeHandler) onChangeHandler([data], CONST.COORDINATES_FIELD)
+    if(onChangeHandler) onChangeHandler([data])
     setData(data)
   }
 

packages/tdb-documents-ui/src/arrayHelpers/geoJSONTemplates.js

@@ -291,7 +291,7 @@ export function PolygonArrayFieldTemplate(props) {
 }
 
 // DISPLAY ADD POLYGON ARRAY TEMPLATE (MULTIPOLYGON)
-/*export function MultiPolygonArrayFieldTemplate(props) {
+export function MultiPolygonArrayFieldTemplate(props) {
   let variant="secondary"
   let label=props.title 
 
@@ -312,7 +312,7 @@ export function PolygonArrayFieldTemplate(props) {
     <small className="text-muted fst-italics">{`Click here to add another Polygon`}</small>
     <AddButton props={props} label={CONST.POLYGON}/>
   </div>
-}*/
+}
 
 // BINDING BOX 
 export function BBoxFieldTemplate(args, props, property) { 
@@ -646,7 +646,7 @@ export const NestedMultiPolygonArrayFieldTemplate = (args, props, property) => {
       comment={documentation.comment} 
       id={`root_Set_${label}`}/>
 
-    <Stack gap={2} className="test">
+    <Stack gap={2}>
 
       <small className="fst-italic text-muted">Click here to add another Polygon</small>
 

packages/tdb-documents-ui/src/css/terminusdb__styles.css

@@ -28,7 +28,7 @@
 
 /** tdb input */
 .tdb__doc__input { 
-  color: var(--input-color);
+  color: var(--input-color) !important;
   background-color: transparent;
   border: var(--input-border) !important;
   display: block;
@@ -40,6 +40,19 @@
   background-clip: padding-box;
 }
 
+/** remove spinners from input of number type*/
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+  -moz-appearance: textfield;
+}
+
 /** all property labels */
 label.control-label {
   text-align:left; 

packages/tdb-documents-ui/src/helpers/displayHelper.js

@@ -9,11 +9,8 @@ import { TDBSubDocument, populateSubDocumentData } from "../widgets/subDocumentW
 import { TDBDocument } from "../widgets/documentWidget"
 import { TDBJSON } from "../widgets/JSONWidget"
 import * as CONST from "../constants"
-import { TDBPointDocuments } from "../widgets/pointGeoJSONWidget"
-import { TDBLineStringDocuments } from "../widgets/lineStringGeoJSONWidget"
 import { TDBGeoCollectionDocuments } from "../mapComponents/geoCollectionWidget"
 import { TDBFeatureCollectionDocuments } from "../mapComponents/featureCollectionWidget"
-import { TDBPolygonDocuments } from "../widgets/polygonGeoJSONWidget"
 import { TDBBBoxDocuments } from "../widgets/bboxGeoJSONWidget"
 import { extractPropertyDocumentation } from "./widgetHelper"
 import { TDBRDFLanguage } from "../widgets/rdfLanguageWidget"

packages/tdb-documents-ui/src/helpers/typeHelper.js

@@ -48,11 +48,13 @@ export const typeHelper = (documentFrame, property, fullFrame, isArray) => {
   }
   else if (util.isPointType(field) || 
     util.isLineStringType(field) ||
-    util.isPolygonType(field)|| 
-    util.isMultiPolygonType(field)) { 
+    util.isPolygonType(field)) { 
     // GEO JSON Types
     return CONST.ARRAY_TYPE
   } 
+  else if(util.isMultiPolygonType(field)){
+    return CONST.ARRAY_TYPE
+  }
   else if(util.isSysUnitDataType(field)) {
     return CONST.ARRAY_TYPE
   }

packages/tdb-documents-ui/src/mandatoryFrames.js

@@ -31,6 +31,7 @@ export function makeMandatoryFrames (args, property) {
   } 
 
   if(util.isInherritedFromGeoJSONTypes(documentFrame)) {
+      // for multi polyfon logic works differently 
     addGeoJSONLayout(layout, documentFrame, property)
   }
   if(util.isSysUnitDataType(documentFrame[property])) {

packages/tdb-documents-ui/src/tests/constants/geoJSON.datatypes.constants.js

@@ -467,13 +467,13 @@ export const LINE_STRING_EDIT_CONFIG = {
 export const MULTI_POLYGON_DATA_TYPE_CREATE_DATA = {
 	"@type": "MultiPolygon",
 	"bbox": ["49.505", "-2.09", "53.505", "2.09"],
-	"coordinates": [
+	"coordinates": [[
 		[
 			["51.515", "-0.09"],
 			["51.52", "-0.1"],
 			["51.52", "-0.12"]
 		] 
-	],
+	]],
 	"type": "MultiPolygon"
 }
 
@@ -530,18 +530,9 @@ export const SUBDOCUMENT_LINE_STRING_EDIT_DATA ={
     "geometry_location": {
       "@type": "LineString_NOBBBOX",
       "coordinates": [
-        [
-          "1111",
-          "1111"
-        ],
-				[
-          "22",
-          "22"
-        ],
-				[
-          "33",
-          "33"
-        ]
+        ["1111", "1111"], 
+				[ "22", "22" ],
+				[ "33", "33" ]
       ],
       "type": "LineString"
     }