@eeacms/volto-eea-map 4.1.0 → 5.0.0

package/src/components/visualization/panelsSchema.js

@@ -1,229 +0,0 @@
-import { base_layers } from '../../constants';
-
-const customBaselayers = [
-  ['positron-composite', 'positron-composite'],
-  ['blossom-composite', 'blossom-composite'],
-];
-
-const BaseLayerSchema = ({ data = {} }) => {
-  const useCustomBase = data?.map_data?.base?.use_custom_base;
-  return {
-    title: 'Base Layer',
-    fieldsets: [
-      {
-        id: 'base',
-        title: 'Base Layer',
-        fields: [
-          'use_custom_base',
-          ...(useCustomBase ? ['custom_base_layer'] : ['base_layer']),
-        ],
-      },
-    ],
-    properties: {
-      use_custom_base: {
-        title: 'Use custom Base Layer',
-        description:
-          'Switch between default base layers and defining your custom service base layer',
-        type: 'boolean',
-      },
-      base_layer: {
-        title: 'Base Layer',
-        choices: [...customBaselayers, ...base_layers],
-      },
-      custom_base_layer: {
-        title: 'Base Layer',
-        description:
-          'Add an URL Template to import your own base layer from an external service',
-      },
-    },
-    required: [],
-  };
-};
-
-const LayerSchema = {
-  title: 'Layer',
-  fieldsets: [
-    {
-      id: 'default',
-      title: 'Layer',
-      fields: ['map_layer'],
-    },
-  ],
-  properties: {
-    map_layer: {
-      title: 'Map layer configuration',
-      widget: 'map_layers_widget',
-    },
-  },
-  required: [],
-};
-
-const MapLayersSchema = {
-  title: 'Map Layers',
-  fieldsets: [
-    {
-      id: 'default',
-      title: 'Map Data',
-      fields: ['map_layers'],
-    },
-  ],
-  properties: {
-    map_layers: {
-      title: 'Map Layers',
-      description: 'Add/Edit Map Layers',
-      widget: 'object_list',
-      schema: LayerSchema,
-    },
-  },
-  required: [],
-};
-
-//style changes work only for Feature layers atm
-// TODO: apply style for individual layers
-const StylesLayersSchema = ({ data = {} }) => {
-  return {
-    title: 'Styles Layers',
-    fieldsets: [
-      {
-        id: 'default',
-        title: 'Map Data',
-        fields: [
-          'override_styles',
-          ...(data?.map_data?.styles?.override_styles
-            ? ['symbol_color', 'outline_color', 'outline_width']
-            : []),
-        ],
-      },
-    ],
-    properties: {
-      override_styles: {
-        title: 'Override layers style',
-        description: 'Will override imported layers styling',
-        type: 'boolean',
-      },
-      symbol_color: {
-        title: 'Fill color',
-        widget: 'simple_color_picker_widget',
-      },
-      outline_color: {
-        title: 'Outline color',
-        widget: 'simple_color_picker_widget',
-      },
-      outline_width: {
-        title: 'Outline width',
-        type: 'number',
-      },
-    },
-    required: [],
-  };
-};
-
-const GeneralSchema = ({ data = {} }) => {
-  const centerOnExtent = data?.map_data?.general?.centerOnExtent;
-
-  return {
-    title: 'General',
-    fieldsets: [
-      {
-        id: 'default',
-        title: 'Zoom',
-        fields: [
-          'print_position',
-          'zoom_position',
-          'scalebar',
-          'centerOnExtent',
-          ...(!centerOnExtent ? ['zoom_level', 'long', 'lat'] : []),
-        ],
-      },
-    ],
-    properties: {
-      centerOnExtent: {
-        title: 'Center on extent',
-        type: 'boolean',
-        description:
-          'This will override latitude/longitude/zoom level and will lock zoom/moving the map.',
-      },
-      scalebar: {
-        title: 'Scalebar',
-        choices: ['metric', 'non-metric', 'dual'].map((n) => {
-          return [n, n];
-        }),
-      },
-      zoom_position: {
-        title: 'Zoom position',
-        choices: ['bottom-right', 'bottom-left', 'top-right', 'top-left'].map(
-          (n) => {
-            return [n, n];
-          },
-        ),
-      },
-      zoom_level: {
-        title: 'Zoom level',
-        type: 'number',
-      },
-      long: {
-        title: 'Longitude',
-        type: 'number',
-        description: `Will set the map center long coordinate. See: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#center`,
-      },
-      lat: {
-        title: 'Latitude',
-        type: 'number',
-        description: `Will set the map center lat coordinate. See: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#center`,
-      },
-
-      print_position: {
-        title: 'Print position',
-        choices: ['bottom-right', 'bottom-left', 'top-right', 'top-left'].map(
-          (n) => {
-            return [n, n];
-          },
-        ),
-      },
-    },
-    required: [],
-  };
-};
-
-const PanelsSchema = ({ data = {} }) => {
-  const generalSchema = GeneralSchema({ data });
-  const baseLayerSchema = BaseLayerSchema({ data });
-  const stylesLayerSchema = StylesLayersSchema({ data });
-  return {
-    title: 'Map Editor',
-    fieldsets: [
-      {
-        id: 'default',
-        title: 'Map Editor Sections',
-        fields: ['map_data'],
-      },
-    ],
-    properties: {
-      map_data: {
-        title: 'Panels',
-        widget: 'object_types_widget',
-        schemas: [
-          {
-            id: 'general',
-            schema: generalSchema,
-          },
-          {
-            id: 'base',
-            schema: baseLayerSchema,
-          },
-          {
-            id: 'layers',
-            schema: MapLayersSchema,
-          },
-          {
-            id: 'styles',
-            schema: stylesLayerSchema,
-          },
-        ],
-      },
-    },
-    required: [],
-  };
-};
-
-export default PanelsSchema;

package/src/components/widgets/DataQueryWidget.jsx

@@ -1,51 +0,0 @@
-import React from 'react';
-import { FormFieldWrapper, Field } from '@plone/volto/components';
-import { Accordion, Segment } from 'semantic-ui-react';
-
-const DataQueryWidget = (props) => {
-  const { value, onChange, id } = props;
-
-  const onChangeAlias = (fieldId, fieldValue) => {
-    let altValue = value;
-    value[fieldId] = { ...value[fieldId], alias: fieldValue };
-    onChange(id, altValue);
-  };
-
-  return (
-    <div>
-      <FormFieldWrapper {...props} noForInFieldLabel></FormFieldWrapper>
-      <div className="data-query-widget-field">
-        {value && value.length > 0 ? (
-          value.map((param, i) => (
-            <Accordion
-              key={i}
-              fluid
-              styled
-              style={{ border: '1px solid lightgray', marginBottom: '15px' }}
-            >
-              <Accordion.Content active={true}>
-                <Segment>
-                  <p className="data-param-title">
-                    <strong>{param?.i}:</strong>{' '}
-                    {param?.v && param.v.join(', ')}
-                  </p>
-                  <Field
-                    id={i}
-                    title="Map to"
-                    type="string"
-                    onChange={onChangeAlias}
-                    value={param?.alias}
-                  />
-                </Segment>
-              </Accordion.Content>
-            </Accordion>
-          ))
-        ) : (
-          <p style={{ textAlign: 'center' }}>No parameters set</p>
-        )}
-      </div>
-    </div>
-  );
-};
-
-export default DataQueryWidget;