@eeacms/volto-eea-map 4.1.0 → 5.0.0

package/src/less/global.less

@@ -1,253 +0,0 @@
-@import (multiple, reference, optional) '../../theme.config';
-
-/* Enables customization of addons */
-.loadAddonOverrides() {
-  @import (optional)
-    '@{siteFolder}/../addons/@{addon}/@{addontype}s/@{addonelement}.overrides';
-}
-
-/* Helper to load variables */
-.loadAddonVariables() {
-  @import (optional) '@{addonelement}.variables';
-  @import (optional)
-    '@{siteFolder}/../addons/@{addon}/@{addontype}s/@{addonelement}.variables';
-}
-
-@import './variables.less';
-
-.esri-map-wrapper {
-  margin-bottom: 1rem;
-}
-
-// TODO: pull out colors and dimensions into variables
-.map-edit-container {
-  display: flex;
-}
-
-.map-modal-trigger-button {
-  margin-bottom: 10px !important;
-}
-
-#map-editor-modal {
-  top: auto;
-  left: auto !important;
-  width: 95% !important;
-}
-
-#map-widget-toggle {
-  color: blue !important;
-}
-
-.map-text-view {
-  display: flex;
-  padding: 1rem 0;
-}
-
-.map-editor-modal {
-  width: '95% !important';
-}
-
-.webmap-container {
-  position: sticky;
-  top: 10px;
-}
-
-.map-edit-actions-container {
-  padding: 5px 0;
-  margin-right: 10px;
-  margin-left: auto;
-}
-
-.layer-reset-button {
-  margin-top: 5px !important;
-  animation: fadeDown 0.2s ease-in;
-}
-
-.layer-check-button {
-  margin-top: 5px !important;
-  margin-left: auto !important;
-  animation: fadeDown 0.2s ease-in;
-}
-
-.layer-submit-button {
-  margin-top: 5px !important;
-  margin-left: auto !important;
-  animation: fadeDown 0.2s ease-in;
-}
-
-.ruleGroup {
-  border: 1px solid lightgray !important;
-  margin: 10px 0;
-  background-color: transparent !important;
-}
-
-.ruleGroup-addRule {
-  padding: 7px 10px !important;
-  border-radius: 5px;
-  background-color: darkgray !important;
-  color: white;
-  cursor: pointer;
-  font-size: 12px;
-  font-weight: bold;
-}
-
-.ruleGroup-addGroup {
-  padding: 7px 10px !important;
-  border-radius: 5px;
-  background-color: darkgray !important;
-  color: white;
-  cursor: pointer;
-  font-size: 12px;
-  font-weight: bold;
-}
-
-.ruleGroup-combinators {
-  padding: 0.3em 0 !important;
-}
-
-.rule-operators {
-  padding: 0.3em 0 !important;
-}
-
-.rule-value {
-  padding: 0.3em 0 !important;
-}
-
-.rule-fields {
-  padding: 0.3em 0 !important;
-}
-
-.rule-remove {
-  padding: 1px 6px !important;
-  border: 2px solid #d02144 !important;
-  border-radius: 50px;
-  color: #d02144;
-  cursor: pointer;
-}
-
-.map_source_title {
-  font-weight: bold;
-}
-
-.map_source_description {
-  margin-left: 5px;
-}
-
-.data-query-widget-field {
-  margin: 10px 0;
-}
-
-.spaced-row {
-  width: 100%;
-  /* border-bottom: 1px solid lightgray; */
-
-  padding-bottom: 10px;
-}
-
-.legend-title {
-  display: flex;
-  width: fit-content;
-  align-items: center;
-  margin: 0 !important;
-}
-
-.data-param-title {
-  padding-bottom: 15px;
-  border-bottom: 1px solid lightgray;
-  font-size: 16px;
-}
-
-.data-param-values {
-  padding-bottom: 15px;
-  border-bottom: 1px solid lightgray;
-}
-
-.map-layer-description-field {
-  width: 100%;
-}
-
-.map-layer-description-field
-  > .slate_wysiwyg
-  > .grid
-  > .stretched.row
-  > .four.wide.column {
-  display: none !important;
-}
-
-.map-layer-description-field
-  > .slate_wysiwyg
-  > .grid
-  > .stretched.row
-  > .eight.wide.column {
-  width: 100% !important;
-  padding: 10px 0 !important;
-}
-
-.legend-container {
-  display: flex;
-  flex-direction: column;
-}
-
-.map_source_param_container {
-  display: flex;
-}
-
-.extra-view-external-icon {
-  color: inherit;
-  font-size: 10px;
-}
-
-.extra-view-external-button {
-  padding: 2px 15px !important;
-}
-
-.map-number-input {
-  padding: 5px !important;
-}
-
-.map-range-input {
-  width: 100%;
-  margin: 7px 0;
-  color: green;
-}
-
-.eea-map-info {
-  display: flex;
-  flex-direction: row;
-
-  > * {
-    padding: 0 0.5rem;
-    border-collapse: collapse;
-  }
-
-  > *:first-child {
-    padding-left: 0;
-  }
-
-  > *:last-child {
-    padding-right: 0;
-  }
-
-  > *:not(:last-child) {
-    border-right: 1px solid @textColor;
-  }
-}
-
-@keyframes fadeDown {
-  from {
-    opacity: 0;
-    transform: translate3d(0, -20%, 0);
-  }
-
-  to {
-    opacity: 1;
-    transform: translate3d(0, 0, 0);
-  }
-}
-
-@media print {
-  .layer-legend-item-color {
-    max-width: 0.2cm;
-    height: 0.2cm;
-  }
-}

package/src/less/variables.less

@@ -1,5 +0,0 @@
-@type: extra;
-
-@element: custom;
-
-@grey-1: #f9f9f9;

package/src/utils.js

@@ -1,151 +0,0 @@
-/* eslint-disable no-throw-literal */
-import React from 'react';
-import { getBaseUrl } from '@plone/volto/helpers';
-
-const setLegendColumns = (legendsNo, device) => {
-  switch (device) {
-    case 'widescreen':
-      return legendsNo ? legendsNo : 1;
-    case 'large':
-      return legendsNo ? legendsNo : 1;
-    case 'computer':
-      return legendsNo ? legendsNo : 1;
-    case 'tablet':
-      return 1;
-    case 'mobile':
-      return 1;
-    default:
-      return 1;
-  }
-};
-
-const fetchArcGISData = async (url) => {
-  const res = await fetch(`${getBaseUrl('')}/cors-proxy/${url}?f=json`);
-  if (res.status !== 200) {
-    const error = await res.json();
-    throw { message: error.message, status: error.cod };
-  }
-  const data = await res.json();
-  if (data.error && data.error.code === 400) {
-    throw { message: data.error.message.message, status: data.status };
-  }
-  return data;
-};
-
-const applyQueriesToMapLayers = (
-  map_visualization,
-  block_data_query_params,
-  enable_queries,
-) => {
-  //break reference to the original map_visualization object
-  //so i safely manipulate data
-  var altMapData = map_visualization
-    ? JSON.parse(JSON.stringify(map_visualization))
-    : '';
-
-  var rules = [];
-  if (
-    enable_queries &&
-    block_data_query_params &&
-    block_data_query_params.length > 0 &&
-    altMapData.layers &&
-    altMapData.layers.map_layers &&
-    altMapData.layers.map_layers.length > 0
-  ) {
-    altMapData.layers.map_layers.forEach((l, j) => {
-      block_data_query_params.forEach((param, i) => {
-        const matchingFields =
-          l.map_layer && l.map_layer.fields && l.map_layer.fields.length > 0
-            ? l.map_layer.fields.filter(
-                (field, k) =>
-                  field.name === param.alias || field.name === param.i,
-              )
-            : [];
-        matchingFields.forEach((m, i) => {
-          const newRules = param.v
-            ? param.v.map((paramVal, i) => {
-                return {
-                  field: m.name,
-                  operator: '=',
-                  value: paramVal,
-                };
-              })
-            : [];
-          const concatRules = rules.concat(newRules);
-          const filteredRules = concatRules.filter(
-            (v, i, a) =>
-              a.findLastIndex(
-                (v2) => v2.field === v.field && v2.value === v.value,
-              ) === i,
-          );
-          rules = filteredRules;
-        });
-      });
-      let autoQuery = {
-        combinator: 'or',
-        rules,
-      };
-      altMapData.layers.map_layers[j].map_layer.query = autoQuery;
-    });
-  }
-  return altMapData;
-};
-
-const updateBlockQueryFromPageQuery = (data_query, data_query_params) => {
-  var pageDataQuery = JSON.parse(JSON.stringify(data_query));
-  var blockDataQuery = data_query_params
-    ? JSON.parse(JSON.stringify(data_query_params))
-    : '';
-  var newDataQuery = pageDataQuery.map((parameter, index) => {
-    //check if the parameter exists in data and has value
-    // then get its alias value and update it
-    //check if data_query param value is changed
-    //and change it in block data
-    if (
-      blockDataQuery &&
-      blockDataQuery[index] &&
-      parameter.i &&
-      blockDataQuery[index].i &&
-      parameter.i === blockDataQuery[index].i
-    ) {
-      return {
-        ...parameter,
-        alias: blockDataQuery[index]?.alias ? blockDataQuery[index]?.alias : '',
-        v: parameter?.v ? parameter?.v : '',
-      };
-    }
-
-    return parameter;
-  });
-  return newDataQuery;
-};
-
-const useCopyToClipboard = (text) => {
-  const [copyStatus, setCopyStatus] = React.useState('inactive');
-  const copy = React.useCallback(() => {
-    navigator.clipboard.writeText(text).then(
-      () => setCopyStatus('copied'),
-      () => setCopyStatus('failed'),
-    );
-  }, [text]);
-
-  React.useEffect(() => {
-    if (copyStatus === 'inactive') {
-      return;
-    }
-
-    const timeout = setTimeout(() => setCopyStatus('inactive'), 3000);
-
-    return () => clearTimeout(timeout);
-  }, [copyStatus]);
-
-  return [copyStatus, copy];
-};
-
-export {
-  setLegendColumns,
-  fetchArcGISData,
-  applyQueriesToMapLayers,
-  updateBlockQueryFromPageQuery,
-  useCopyToClipboard,
-};