@eeacms/volto-cca-policy 0.3.46 → 0.3.48

package/src/components/manage/Blocks/MKHMap/View.jsx

@@ -1,118 +0,0 @@
-import React from 'react';
-import { Form, Radio } from 'semantic-ui-react';
-import {
-  Controls,
-  Interactions,
-  Layer,
-  Map,
-  Layers,
-} from '@eeacms/volto-openlayers-map/api';
-import { openlayers as ol } from '@eeacms/volto-openlayers-map';
-
-import * as layers from './layers';
-import FeatureInteraction from './FeatureInteraction';
-import InfoOverlay from './InfoOverlay';
-
-import './styles.less';
-
-function SourceSelector(props) {
-  const { id, choices, selected, onChange } = props;
-  return (
-    <Form>
-      <Form.Field>
-        <Radio
-          key="all"
-          label="All"
-          name={id}
-          value="all"
-          checked={selected.length === choices.length}
-          onChange={() => onChange(choices)}
-        />
-        {choices.map((name) => (
-          <Radio
-            key={name}
-            label={name}
-            name={id}
-            value={name}
-            checked={selected.length === 1 && selected.indexOf(name) > -1}
-            onChange={() => onChange([name])}
-          />
-        ))}
-      </Form.Field>
-    </Form>
-  );
-}
-
-export default function View(props) {
-  const [tileWMSSources, setTileWMSSources] = React.useState([]);
-  const [selectedFeature, onFeatureSelect] = React.useState();
-
-  React.useEffect(() => {
-    setTileWMSSources([
-      new ol.source.TileWMS({
-        url: 'https://gisco-services.ec.europa.eu/maps/service',
-        params: {
-          LAYERS: 'OSMBlossomComposite',
-          TILED: true,
-        },
-        serverType: 'geoserver',
-        transition: 0,
-      }),
-    ]);
-  }, []); // ol.source.TileWMS, ol.source.Vector
-
-  const [sources, setSources] = React.useState([Object.keys(layers)[2]]);
-
-  if (__SERVER__) return '';
-
-  return (
-    <div className="explore-sites-wrapper">
-      <SourceSelector
-        id="layer-selector"
-        choices={Object.keys(layers)}
-        selected={sources}
-        onChange={setSources}
-      />
-      <div id="explore-sites">
-        <Map
-          view={{
-            center: ol.proj.fromLonLat([20, 50]),
-            showFullExtent: true,
-            zoom: 5,
-          }}
-          pixelRatio={1}
-          controls={ol.control.defaults({ attribution: false })}
-        >
-          <Layers>
-            <InfoOverlay
-              selectedFeature={selectedFeature}
-              layerId={sources?.[0]}
-              hasClusters={false}
-            />
-            <Controls attribution={false} zoom={false} />
-            <Interactions
-              doubleClickZoom={true}
-              dragAndDrop={false}
-              dragPan={true}
-              keyboardPan={true}
-              keyboardZoom={true}
-              mouseWheelZoom={true}
-              pointer={true}
-              select={false}
-            />
-            <Layer.Tile source={tileWMSSources[0]} zIndex={0} />
-            {sources.map((name, index) => (
-              <Layer.Vector
-                key={name}
-                title={name}
-                zIndex={index}
-                {...layers[name]}
-              />
-            ))}
-            <FeatureInteraction onFeatureSelect={onFeatureSelect} />
-          </Layers>
-        </Map>
-      </div>
-    </div>
-  );
-}

package/src/components/manage/Blocks/MKHMap/index.js

@@ -1,25 +0,0 @@
-import MapBlockEdit from './Edit';
-import MapBlockView from './View';
-import worldSVG from '@plone/volto/icons/world.svg';
-import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
-
-export default (config) => {
-  config.blocks.blocksConfig.mkh_map = {
-    id: 'mkh_map',
-    title: 'MKH Viewer map',
-    icon: worldSVG,
-    group: 'site',
-    edit: MapBlockEdit,
-    view: MapBlockView,
-    sidebarTab: 1,
-    security: {
-      addPermission: [],
-      view: [],
-    },
-    restricted: ({ properties, block }) => {
-      return blockAvailableInMission(properties, block);
-    },
-  };
-
-  return config;
-};

package/src/components/manage/Blocks/MKHMap/layers.js

@@ -1,107 +0,0 @@
-import { openlayers as ol } from '@eeacms/volto-openlayers-map';
-import mapSVG from './map.svg';
-
-const serviceUrl =
-  'https://nest.discomap.eea.europa.eu/arcgis/rest/services/CLIMA/Regions_cities/MapServer/';
-
-// console.log('ol', ol);
-
-function r() {
-  return Math.floor(Math.random() * 256);
-}
-
-const fillColors = {
-  '0': [125, 125, 125, 1],
-  'NUTS 0': [0, 0, 0, 1],
-  'NUTS 1': [255, 0, 0, 1],
-  'NUTS 2': [0, 255, 0, 1],
-  'NUTS 3': [0, 0, 255, 1],
-};
-
-const makeLayer = (layerId) => {
-  // return null;
-
-  const fillStyle = new ol.style.Style({
-    fill: new ol.style.Fill(),
-    stroke: new ol.style.Stroke({
-      color: [0, 0, 0, 1],
-      width: 0.5,
-    }),
-  });
-
-  const pinStyle = new ol.style.Style({
-    image: new ol.style.Icon({
-      src: mapSVG,
-      color: '#BADA55',
-      crossOrigin: 'anonymous',
-    }),
-  });
-
-  const vectorSource = new ol.source.Vector({
-    format: new ol.format.EsriJSON(),
-    url: function (extent, resolution, projection) {
-      // ArcGIS Server only wants the numeric portion of the projection ID.
-      const srid = projection
-        .getCode()
-        .split(/:(?=\d+$)/)
-        .pop();
-
-      const url =
-        serviceUrl +
-        layerId +
-        '/query/?f=json&' +
-        'returnGeometry=true&spatialRel=esriSpatialRelIntersects&geometry=' +
-        encodeURIComponent(
-          '{"xmin":' +
-            extent[0] +
-            ',"ymin":' +
-            extent[1] +
-            ',"xmax":' +
-            extent[2] +
-            ',"ymax":' +
-            extent[3] +
-            ',"spatialReference":{"wkid":' +
-            srid +
-            '}}',
-        ) +
-        '&geometryType=esriGeometryEnvelope&inSR=' +
-        srid +
-        '&outFields=*' +
-        '&outSR=' +
-        srid;
-
-      return url;
-    },
-    strategy: ol.loadingstrategy.tile(
-      ol.tilegrid.createXYZ({
-        tileSize: 512,
-      }),
-    ),
-    attributions: 'European Environment Agency',
-  });
-
-  return {
-    source: vectorSource,
-    style: function (feature) {
-      const nuts_id = feature.get('NUTS_ID');
-      const level_code = feature.get('LEVEL_CODE');
-
-      // const nuts_name = feature.get('NUTS_NAME');
-      // const country_code = feature.get('CNTR_CODE');
-      // const shape = feature.get('SHAPE');
-
-      // console.log({ country_code, nuts_id, nuts_name, level_code, feature });
-
-      // const classify = feature.get('LU_2014');
-      const color = fillColors[level_code] || [r(), r(), r(), 1];
-      fillStyle.getFill().setColor(color);
-
-      return nuts_id ? fillStyle : pinStyle;
-    },
-    opacity: 0.7,
-  };
-};
-
-export const countries = __CLIENT__ && makeLayer('0');
-export const cities = __CLIENT__ && makeLayer('1');
-export const regions = __CLIENT__ && makeLayer('2');

package/src/components/manage/Blocks/MKHMap/map.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36">
-  <path d="M18,32 C11.3333333,23.6818983 8,17.6818983 8,14 C8,8.4771525 12.4771525,4 18,4 C23.5228475,4 28,8.4771525 28,14 C28,17.6818983 24.6666667,23.6818983 18,32 Z M26,14 C26,9.581722 22.418278,6 18,6 C13.581722,6 10,9.581722 10,14 C10,16.8065316 12.6565091,21.827053 18,28.7642044 C23.3434909,21.827053 26,16.8065316 26,14 Z M18,11 C19.656,11 21,12.344 21,14 C21,15.656 19.656,17 18,17 C16.344,17 15,15.656 15,14 C15,12.344 16.344,11 18,11 Z"/>
-</svg>

package/src/components/manage/Blocks/MKHMap/schema.js

@@ -1,15 +0,0 @@
-export default {
-  title: 'Explore sites map',
-
-  fieldsets: [
-    {
-      id: 'default',
-      title: 'Default',
-      fields: [],
-    },
-  ],
-
-  properties: {},
-
-  required: [],
-};

package/src/components/manage/Blocks/MKHMap/styles.less

@@ -1,41 +0,0 @@
-div#view .ui.container > .explore-sites-wrapper,
-div#view .ui.container > .explore-sites {
-  margin-bottom: 0;
-}
-
-.explore-sites {
-  display: flex;
-  justify-content: center;
-  margin-bottom: 0;
-  background-color: #f8f8f8;
-
-  &.visible.transition {
-    display: flex !important;
-  }
-}
-
-.explore-sites-wrapper {
-  .field .ui {
-    margin-right: 2em;
-  }
-}
-
-#popup-overlay {
-  width: 40ch;
-  padding: 0 1em 1em 1em;
-  background-color: white;
-}
-
-.feature-info {
-  font-size: small;
-
-  div {
-    display: flex;
-    column-gap: 1em;
-
-    dt {
-      width: 10ch;
-      font-weight: bold;
-    }
-  }
-}

package/src/components/manage/Blocks/MKHMap/useWhyDidYouUpdate.js

@@ -1,33 +0,0 @@
-import React from 'react';
-
-export default function useWhyDidYouUpdate(name, props) {
-  // Get a mutable ref object where we can store props ...
-  // ... for comparison next time this hook runs.
-  const previousProps = React.useRef();
-  React.useEffect(() => {
-    if (previousProps.current) {
-      // Get all keys from previous and current props
-      const allKeys = Object.keys({ ...previousProps.current, ...props });
-      // Use this object to keep track of changed props
-      const changesObj = {};
-      // Iterate through keys
-      allKeys.forEach((key) => {
-        // If previous is different from current
-        if (previousProps.current[key] !== props[key]) {
-          // Add to changesObj
-          changesObj[key] = {
-            from: previousProps.current[key],
-            to: props[key],
-          };
-        }
-      });
-      // If changesObj not empty then output to console
-      if (Object.keys(changesObj).length) {
-        // eslint-disable-next-line no-console
-        console.log('[why-did-you-update]', name, changesObj);
-      }
-    }
-    // Finally update previousProps with current props for next hook call
-    previousProps.current = props;
-  });
-}

package/src/components/theme/MissionSignatoryProfile/TabSections/IntroductionTab.jsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { Tab } from 'semantic-ui-react';
-import { Callout } from '@eeacms/volto-eea-design-system/ui';
-
-const IntroductionTab = () => {
-  return (
-    <Tab.Pane>
-      <h2>Introduction</h2>
-      <Callout>
-        Duis non quam et nisi tincidunt fermentum. Pellentesque habitant morbi
-        tristique senectus et netus et malesuada fames ac turpis egestas.
-      </Callout>
-      <h3>The Mission on Adaptation</h3>
-      <p>
-        Nulla facilisi. Donec fringilla urna id ligula ullamcorper, vel
-        tristique lorem posuere. Donec et orci mauris. Nullam tempor velit id mi
-        luctus, a scelerisque libero accumsan. In hac habitasse platea dictumst.
-        Cras ac nunc nec massa tristique fringilla.
-      </p>
-      <h3>Data source</h3>
-      <p>
-        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
-        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
-        esse cillum dolore eu fugiat nulla pariatur.
-      </p>
-      <p>
-        Donec eget libero id leo congue venenatis. Ut enim ad minim veniam, quis
-        nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-        consequat. Duis aute irure dolor in reprehenderit in voluptate velit
-        esse cillum dolore eu fugiat nulla pariatur.
-      </p>
-    </Tab.Pane>
-  );
-};
-
-export default IntroductionTab;