umap-project 2.6.3__py3-none-any.whl → 2.7.0__py3-none-any.whl

umap/static/umap/js/modules/formatter.js

@@ -1,4 +1,4 @@
-/* Uses globals for: csv2geojson, osmtogeojson, GeoRSSToGeoJSON (not available as ESM) */
+/* Uses globals for: csv2geojson, osmtogeojson (not available as ESM) */
 import { translate } from './i18n.js'
 
 export const EXPORT_FORMATS = {
@@ -115,7 +115,8 @@ export class Formatter {
   }
 
   async fromGeoRSS(str) {
-    return GeoRSSToGeoJSON(this.toDom(str))
+    const GeoRSSToGeoJSON = await import('../../vendors/georsstogeojson/GeoRSSToGeoJSON.js')
+    return GeoRSSToGeoJSON.parse(this.toDom(str))
   }
 
   toDom(x) {

umap/static/umap/js/modules/global.js

@@ -9,6 +9,7 @@ import {
 } from './autocomplete.js'
 import Browser from './browser.js'
 import Caption from './caption.js'
+import ContextMenu from './ui/contextmenu.js'
 import Facets from './facets.js'
 import { Formatter } from './formatter.js'
 import Help from './help.js'
@@ -43,6 +44,7 @@ window.U = {
   AutocompleteDatalist,
   Browser,
   Caption,
+  ContextMenu,
   DataLayer,
   DataLayerPermissions,
   Dialog,

umap/static/umap/js/modules/importer.js

@@ -69,6 +69,9 @@ export default class Importer {
         case 'communesfr':
           import('./importers/communesfr.js').then(register)
           break
+        case 'cadastrefr':
+          import('./importers/cadastrefr.js').then(register)
+          break
         case 'overpass':
           import('./importers/overpass.js').then(register)
           break

umap/static/umap/js/modules/importers/cadastrefr.js

@@ -0,0 +1,62 @@
+import { DomUtil } from '../../../vendors/leaflet/leaflet-src.esm.js'
+import { BaseAjax, SingleMixin } from '../autocomplete.js'
+import * as Util from '../utils.js'
+import { AutocompleteCommunes } from './communesfr.js'
+
+const TEMPLATE = `
+  <h3>Cadastre</h3>
+  <p>Importer les données cadastrales d’une commune française.</p>
+  <select name="theme">
+    <option value="batiments">Bâtiments</option>
+    <option value="communes">Communes</option>
+    <option value="feuilles">Feuilles</option>
+    <option value="lieux_dits">Lieux dits</option>
+    <option value="parcelles" selected>Parcelles</option>
+    <option value="prefixes_sections">Préfixes sections</option>
+    <option value="sections">Sections</option>
+    <option value="subdivisions_fiscales">Subdivisions fiscales</option>
+  </select>
+  <label id="boundary">
+  </label>
+`
+
+export class Importer {
+  constructor(map, options) {
+    this.name = options.name || 'Cadastre'
+    this.id = 'cadastrefr'
+  }
+
+  async open(importer) {
+    let boundary = null
+    let boundaryName = null
+    const container = DomUtil.create('div')
+    container.innerHTML = TEMPLATE
+    const select = container.querySelector('select')
+    const options = {
+      placeholder: 'Nom ou code INSEE…',
+      url: 'https://geo.api.gouv.fr/communes?nom={q}&limit=5',
+      on_select: (choice) => {
+        boundary = choice.item.value
+        boundaryName = choice.item.label
+      },
+    }
+    this.autocomplete = new AutocompleteCommunes(container, options)
+
+    const confirm = (form) => {
+      if (!boundary || !form.theme) {
+        Alert.error(translate('Please choose a theme and a boundary first.'))
+        return
+      }
+      importer.url = `https://cadastre.data.gouv.fr/bundler/cadastre-etalab/communes/${boundary}/geojson/${form.theme}`
+      importer.format = 'geojson'
+      importer.layerName = `${boundaryName} — ${select.options[select.selectedIndex].textContent}`
+    }
+
+    importer.dialog
+      .open({
+        template: container,
+        className: `${this.id} importer dark`,
+      })
+      .then(confirm)
+  }
+}

umap/static/umap/js/modules/importers/communesfr.js

@@ -1,13 +1,25 @@
 import { DomUtil } from '../../../vendors/leaflet/leaflet-src.esm.js'
 import { BaseAjax, SingleMixin } from '../autocomplete.js'
+import * as Util from '../utils.js'
 
-class Autocomplete extends SingleMixin(BaseAjax) {
+export class AutocompleteCommunes extends SingleMixin(BaseAjax) {
   createResult(item) {
     return super.createResult({
       value: item.code,
       label: `${item.nom} (${item.code})`,
     })
   }
+
+  buildUrl(value) {
+    let url = this.url
+    let options = { q: encodeURIComponent(value) }
+    const re = /^(0[1-9]|[1-9][ABab\d])\d{3}$/gm
+    if (re.test(value)) {
+      url = "https://geo.api.gouv.fr/communes?code={code}&limit=5"
+      options = { code: encodeURIComponent(value) }
+    }
+    return Util.template(url, options)
+  }
 }
 
 export class Importer {
@@ -25,7 +37,7 @@ export class Importer {
       textContent: "Importer les contours d'une commune française.",
     })
     const options = {
-      placeholder: 'Commune…',
+      placeholder: 'Nom ou code INSEE…',
       url: 'https://geo.api.gouv.fr/communes?nom={q}&limit=5',
       on_select: (choice) => {
         importer.url = `https://geo.api.gouv.fr/communes?code=${choice.item.value}&format=geojson&geometry=contour`
@@ -34,7 +46,7 @@ export class Importer {
         importer.dialog.close()
       },
     }
-    this.autocomplete = new Autocomplete(container, options)
+    this.autocomplete = new AutocompleteCommunes(container, options)
 
     importer.dialog.open({
       template: container,

umap/static/umap/js/modules/permissions.js

@@ -42,101 +42,129 @@ export class MapPermissions {
     return !this.map.options.permissions.owner
   }
 
-  getMap() {
-    return this.map
-  }
-
-  edit() {
-    if (this.map.options.editMode !== 'advanced') return
-    if (!this.map.options.umap_id) {
-      return Alert.info(translate('Please save the map first'))
-    }
-    const container = DomUtil.create('div', 'permissions-panel')
+  _editAnonymous(container) {
     const fields = []
-    DomUtil.createTitle(container, translate('Update permissions'), 'icon-key')
-    if (this.isAnonymousMap()) {
+    if (this.isOwner()) {
+      fields.push([
+        'options.edit_status',
+        {
+          handler: 'IntSelect',
+          label: translate('Who can edit'),
+          selectOptions: this.map.options.edit_statuses,
+        },
+      ])
+      const builder = new U.FormBuilder(this, fields)
+      const form = builder.build()
+      container.appendChild(form)
+
       if (this.options.anonymous_edit_url) {
-        const helpText = `${translate('Secret edit link:')}<br>${
+        DomUtil.createCopiableInput(
+          container,
+          translate('Secret edit link:'),
           this.options.anonymous_edit_url
-        }`
-        DomUtil.element({
-          tagName: 'p',
-          className: 'help-text',
-          innerHTML: helpText,
-          parent: container,
-        })
-        fields.push([
-          'options.edit_status',
-          {
-            handler: 'IntSelect',
-            label: translate('Who can edit'),
-            selectOptions: this.map.options.edit_statuses,
-            helpText: helpText,
-          },
-        ])
+        )
       }
-    } else {
-      if (this.isOwner()) {
-        fields.push([
-          'options.edit_status',
-          {
-            handler: 'IntSelect',
-            label: translate('Who can edit'),
-            selectOptions: this.map.options.edit_statuses,
-          },
-        ])
-        fields.push([
-          'options.share_status',
+
+      if (this.map.options.user?.id) {
+        // We have a user, and this user has come through here, so they can edit the map, so let's allow to own the map.
+        // Note: real check is made on the back office anyway.
+        const advancedActions = DomUtil.createFieldset(
+          container,
+          translate('Advanced actions')
+        )
+        const advancedButtons = DomUtil.create('div', 'button-bar', advancedActions)
+        DomUtil.createButton(
+          'button',
+          advancedButtons,
+          translate('Attach the map to my account'),
+          this.attach,
+          this
+        )
+      }
+    }
+  }
+
+  _editWithOwner(container) {
+    const topFields = []
+    const collaboratorsFields = []
+    const fieldset = Utils.loadTemplate(
+      `<fieldset class="separator"><legend>${translate('Map')}</legend></fieldset>`
+    )
+    container.appendChild(fieldset)
+    if (this.isOwner()) {
+      topFields.push([
+        'options.edit_status',
+        {
+          handler: 'IntSelect',
+          label: translate('Who can edit'),
+          selectOptions: this.map.options.edit_statuses,
+        },
+      ])
+      topFields.push([
+        'options.share_status',
+        {
+          handler: 'IntSelect',
+          label: translate('Who can view'),
+          selectOptions: this.map.options.share_statuses,
+        },
+      ])
+      collaboratorsFields.push([
+        'options.owner',
+        { handler: 'ManageOwner', label: translate("Map's owner") },
+      ])
+      if (this.map.options.user?.teams?.length) {
+        collaboratorsFields.push([
+          'options.team',
           {
-            handler: 'IntSelect',
-            label: translate('Who can view'),
-            selectOptions: this.map.options.share_statuses,
+            handler: 'ManageTeam',
+            label: translate('Attach map to a team'),
+            teams: this.map.options.user.teams,
           },
         ])
-        fields.push([
-          'options.owner',
-          { handler: 'ManageOwner', label: translate("Map's owner") },
-        ])
-        if (this.map.options.user?.teams?.length) {
-          fields.push([
-            'options.team',
-            {
-              handler: 'ManageTeam',
-              label: translate('Attach map to a team'),
-              teams: this.map.options.user.teams,
-            },
-          ])
-        }
       }
-      fields.push([
-        'options.editors',
-        { handler: 'ManageEditors', label: translate("Map's editors") },
-      ])
     }
+    collaboratorsFields.push([
+      'options.editors',
+      { handler: 'ManageEditors', label: translate("Map's editors") },
+    ])
 
-    const builder = new U.FormBuilder(this, fields)
+    const builder = new U.FormBuilder(this, topFields)
     const form = builder.build()
     container.appendChild(form)
-    if (this.isAnonymousMap() && this.map.options.user) {
-      // We have a user, and this user has come through here, so they can edit the map, so let's allow to own the map.
-      // Note: real check is made on the back office anyway.
-      const advancedActions = DomUtil.createFieldset(
-        container,
-        translate('Advanced actions')
+    if (collaboratorsFields.length) {
+      const fieldset = Utils.loadTemplate(
+        `<fieldset class="separator"><legend>${translate('Manage collaborators')}</legend></fieldset>`
       )
-      const advancedButtons = DomUtil.create('div', 'button-bar', advancedActions)
-      DomUtil.createButton(
-        'button',
-        advancedButtons,
-        translate('Attach the map to my account'),
-        this.attach,
-        this
+      container.appendChild(fieldset)
+      const builder = new U.FormBuilder(this, collaboratorsFields)
+      const form = builder.build()
+      container.appendChild(form)
+    }
+  }
+
+  _editDatalayers(container) {
+    if (this.map.hasLayers()) {
+      const fieldset = Utils.loadTemplate(
+        `<fieldset class="separator"><legend>${translate('Datalayers')}</legend></fieldset>`
       )
+      container.appendChild(fieldset)
+      this.map.eachDataLayer((datalayer) => {
+        datalayer.permissions.edit(fieldset)
+      })
     }
-    DomUtil.add('h4', '', container, translate('Datalayers'))
-    this.map.eachDataLayer((datalayer) => {
-      datalayer.permissions.edit(container)
-    })
+  }
+
+  edit() {
+    if (this.map.options.editMode !== 'advanced') return
+    if (!this.map.options.umap_id) {
+      Alert.info(translate('Please save the map first'))
+      return
+    }
+    const container = DomUtil.create('div', 'permissions-panel')
+    DomUtil.createTitle(container, translate('Update permissions'), 'icon-key')
+    if (this.isAnonymousMap()) this._editAnonymous(container)
+    else this._editWithOwner(container)
+    this._editDatalayers(container)
     this.map.editPanel.open({ content: container, className: 'dark' })
   }
 
@@ -150,15 +178,16 @@ export class MapPermissions {
   }
 
   async save() {
-    if (!this.isDirty) return this.map.continueSaving()
+    if (!this.isDirty) return
     const formData = new FormData()
     if (!this.isAnonymousMap() && this.options.editors) {
       const editors = this.options.editors.map((u) => u.id)
       for (let i = 0; i < this.options.editors.length; i++)
         formData.append('editors', this.options.editors[i].id)
     }
-    if (this.isOwner() || this.isAnonymousMap())
+    if (this.isOwner() || this.isAnonymousMap()) {
       formData.append('edit_status', this.options.edit_status)
+    }
     if (this.isOwner()) {
       formData.append('owner', this.options.owner?.id)
       formData.append('team', this.options.team?.id || '')
@@ -172,7 +201,6 @@ export class MapPermissions {
     if (!error) {
       this.commit()
       this.isDirty = false
-      this.map.continueSaving()
       this.map.fire('postsync')
     }
   }
@@ -197,9 +225,11 @@ export class MapPermissions {
   }
 
   getShareStatusDisplay() {
-    return Object.fromEntries(this.map.options.share_statuses)[
-      this.options.share_status
-    ]
+    if (this.map.options.share_statuses) {
+      return Object.fromEntries(this.map.options.share_statuses)[
+        this.options.share_status
+      ]
+    }
   }
 }
 
@@ -225,7 +255,7 @@ export class DataLayerPermissions {
     return this._isDirty
   }
 
-  getMap() {
+  get map() {
     return this.datalayer.map
   }
 
@@ -238,7 +268,7 @@ export class DataLayerPermissions {
           label: translate('Who can edit "{layer}"', {
             layer: this.datalayer.getName(),
           }),
-          selectOptions: this.datalayer.map.options.datalayer_edit_statuses,
+          selectOptions: this.map.options.datalayer_edit_statuses,
         },
       ],
     ]
@@ -250,16 +280,17 @@ export class DataLayerPermissions {
   }
 
   getUrl() {
-    return Utils.template(this.datalayer.map.options.urls.datalayer_permissions, {
-      map_id: this.datalayer.map.options.umap_id,
+    return this.map.urls.get('datalayer_permissions', {
+      map_id: this.map.options.umap_id,
       pk: this.datalayer.umap_id,
     })
   }
+
   async save() {
-    if (!this.isDirty) return this.datalayer.map.continueSaving()
+    if (!this.isDirty) return
     const formData = new FormData()
     formData.append('edit_status', this.options.edit_status)
-    const [data, response, error] = await this.datalayer.map.server.post(
+    const [data, response, error] = await this.map.server.post(
       this.getUrl(),
       {},
       formData
@@ -267,7 +298,6 @@ export class DataLayerPermissions {
     if (!error) {
       this.commit()
       this.isDirty = false
-      this.datalayer.map.continueSaving()
     }
   }
 

umap/static/umap/js/modules/rendering/layers/classified.js

@@ -3,6 +3,7 @@ import { translate } from '../../i18n.js'
 import { LayerMixin } from './base.js'
 import * as Utils from '../../utils.js'
 import { CircleMarker } from '../ui.js'
+import colorbrewer from '../../../../vendors/colorbrewer/colorbrewer.js'
 
 // Layer where each feature color is relative to the others,
 // so we need all features before behing able to set one
@@ -74,6 +75,7 @@ const ClassifiedMixin = {
   },
 
   renderLegend: function (container) {
+    if (!this.datalayer.hasDataLoaded()) return
     const parent = DomUtil.create('ul', '', container)
     const items = this.getLegendItems()
     for (const [color, label] of items) {