@eeacms/volto-eea-map 4.1.0 → 5.0.1

package/CHANGELOG.md

@@ -4,11 +4,47 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [5.0.1](https://github.com/eea/volto-eea-map/compare/5.0.0...5.0.1) - 16 August 2024
+
+#### :hammer_and_wrench: Others
+
+- fix small bugs [Miu Razvan - [`775caa5`](https://github.com/eea/volto-eea-map/commit/775caa554cdd7e0969b2c14e57dbbde0a53a0946)]
+## [5.0.0](https://github.com/eea/volto-eea-map/compare/4.1.0...5.0.0) - 26 July 2024
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`aadf771`](https://github.com/eea/volto-eea-map/commit/aadf771b40e0a190c29de42d99466d2e6ef440e7)]
+- style: Automated code fix [eea-jenkins - [`edfae3b`](https://github.com/eea/volto-eea-map/commit/edfae3b8ab4cdef23ae23ed7ea008043601dd783)]
+- style: Automated code fix [eea-jenkins - [`fd6c49f`](https://github.com/eea/volto-eea-map/commit/fd6c49f6d0d5081a230f9b4427844eace0321361)]
+- style: Automated code fix [eea-jenkins - [`5bcee12`](https://github.com/eea/volto-eea-map/commit/5bcee12ab667ad89096baae214ade24fa1c98fd1)]
+- style: Automated code fix [eea-jenkins - [`9bf0079`](https://github.com/eea/volto-eea-map/commit/9bf0079694c16fa20c857f896e303850cf67da43)]
+- style: Automated code fix [eea-jenkins - [`3d9adb6`](https://github.com/eea/volto-eea-map/commit/3d9adb6cee7ff1c45ae88d816e7f17de4bbaba37)]
+- style: Automated code fix [eea-jenkins - [`f310427`](https://github.com/eea/volto-eea-map/commit/f3104279ad719b16a149a357c0eab2f8b7fd8ef7)]
+- style: Automated code fix [eea-jenkins - [`fcf5adf`](https://github.com/eea/volto-eea-map/commit/fcf5adf32a73d388d97597dd9c88c3da362f90b8)]
+
+#### :hammer_and_wrench: Others
+
+- remove uneeded logo [Miu Razvan - [`759a07b`](https://github.com/eea/volto-eea-map/commit/759a07b587b8298d88800346a230fd55304aadf9)]
+- fix bugs [Miu Razvan - [`ccccc8a`](https://github.com/eea/volto-eea-map/commit/ccccc8a1fac321d3968ffdc0843ff87138748476)]
+- fix infinite rerenders [Miu Razvan - [`8dbb501`](https://github.com/eea/volto-eea-map/commit/8dbb5016741f2518668cfe1d40abe1484b53bfc3)]
+- lint fix [Miu Razvan - [`56c2138`](https://github.com/eea/volto-eea-map/commit/56c2138099d7425e21a566cb13fee814acdaea68)]
+- merge origin/develop into revamp branch [Miu Razvan - [`01ea06c`](https://github.com/eea/volto-eea-map/commit/01ea06ccad2b337a28f4e5847116a41bdda749e3)]
+- fix zoom to layer extent [Miu Razvan - [`28bc084`](https://github.com/eea/volto-eea-map/commit/28bc08456fbaa66938e8d0bf5f25ceaff753fae3)]
+- finalize eea-map refactoring [Miu Razvan - [`3c6abf9`](https://github.com/eea/volto-eea-map/commit/3c6abf998e3fdca55b1e81a0553749ee90bfbcd6)]
+- update [Miu Razvan - [`65205bc`](https://github.com/eea/volto-eea-map/commit/65205bc494f1d3c1b381ed6f9af01ed022e87c75)]
+- Add Sonarqube tag using insitu-frontend addons list [EEA Jenkins - [`3530cbe`](https://github.com/eea/volto-eea-map/commit/3530cbef76a7ccb3eb372ea725cd4f5d08981e7b)]
+- Update [Miu Razvan - [`13468a3`](https://github.com/eea/volto-eea-map/commit/13468a3c6738e612115535813e64b0a6af4c97d7)]
+- wip [Miu Razvan - [`901fcc3`](https://github.com/eea/volto-eea-map/commit/901fcc318c618c0307a64081002ab4a048be70a7)]
+- Update [Miu Razvan - [`d70dcf2`](https://github.com/eea/volto-eea-map/commit/d70dcf293b1395741ccbc524fa19145c829f72a9)]
+- Update [Miu Razvan - [`a35b941`](https://github.com/eea/volto-eea-map/commit/a35b941700d985c6f3b53247cb60ecc103c4f339)]
+- Widget component + other [Miu Razvan - [`291f5ad`](https://github.com/eea/volto-eea-map/commit/291f5ad97945cacb1bc4c6d12d177f232b907184)]
+- update [Miu Razvan - [`b073166`](https://github.com/eea/volto-eea-map/commit/b073166de8be0b709e5b2ec397ba9d768c8c2fc8)]
 ### [4.1.0](https://github.com/eea/volto-eea-map/compare/4.0.0...4.1.0) - 7 June 2024
 
 #### :hammer_and_wrench: Others
 
 - Update package.json [ichim-david - [`52e141a`](https://github.com/eea/volto-eea-map/commit/52e141a3fab57904c4acb5e7e412c079f78fb0e0)]
+- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`2a83a1e`](https://github.com/eea/volto-eea-map/commit/2a83a1eb9baa3a05a2a36f4cac2de75c148facca)]
 - bump cypress version to 13.1.0 which is what is used by volto 17 [David Ichim - [`01abef9`](https://github.com/eea/volto-eea-map/commit/01abef9089385ee0b672e09aa37c1bf89d9f21b6)]
 ## [4.0.0](https://github.com/eea/volto-eea-map/compare/3.3.1...4.0.0) - 22 April 2024
 
@@ -19,6 +55,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`17d6cf3`](https://github.com/eea/volto-eea-map/commit/17d6cf35992b8785d12c1b54270dec2e46a0f93f)]
 ### [3.3.1](https://github.com/eea/volto-eea-map/compare/3.3.0...3.3.1) - 31 January 2024
 
 ### [3.3.0](https://github.com/eea/volto-eea-map/compare/3.2.1...3.3.0) - 17 January 2024
@@ -29,6 +66,9 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] add debug [valentinab25 - [`a84b567`](https://github.com/eea/volto-eea-map/commit/a84b5670d8c3c02e8c6371404925f0d18ac1118a)]
+- chore: [JENKINS] add debug [valentinab25 - [`25a5656`](https://github.com/eea/volto-eea-map/commit/25a5656a0e596864f6f2a07d23ca33ec595d2cd2)]
+- chore: [JENKINS] add debug [valentinab25 - [`839b32f`](https://github.com/eea/volto-eea-map/commit/839b32f99ca4e45c0398db2fd58bd575c413b5a7)]
 
 #### :hammer_and_wrench: Others
 
@@ -83,6 +123,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - fix prettier [Dobricean Ioan Dorian - [`78fc2ba`](https://github.com/eea/volto-eea-map/commit/78fc2baa2f5264ca1bba61b70bc0bdc5b2788e67)]
 - Fix Sonorqube [dobri1408 - [`e04011a`](https://github.com/eea/volto-eea-map/commit/e04011aa811422f865d0bbb1e66af558a4310e77)]
 - adapt embedeeamap to use serialized data [Dobricean Ioan Dorian - [`005965c`](https://github.com/eea/volto-eea-map/commit/005965c6793a9a9977fef52c08ba9a3173eec348)]
+- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`de2f4f6`](https://github.com/eea/volto-eea-map/commit/de2f4f6f516c2c9f7c2b4ea84373f4b1a21cd0af)]
+- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`4722984`](https://github.com/eea/volto-eea-map/commit/47229842132b406101c340ab200c193925b784ad)]
 ### [2.0.7](https://github.com/eea/volto-eea-map/compare/2.0.6...2.0.7) - 10 November 2023
 
 #### :rocket: New Features
@@ -99,6 +141,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] Refactor automated testing [valentinab25 - [`7afd81a`](https://github.com/eea/volto-eea-map/commit/7afd81a76bf407b07a94228daf3ab0415fbe4621)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`0ee38a7`](https://github.com/eea/volto-eea-map/commit/0ee38a7bee84694a5e0230e2d17083fbc071f0c8)]
 - chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`8efeb44`](https://github.com/eea/volto-eea-map/commit/8efeb4423da70e421a88cabdeb559eb3613fb96e)]
 - chore: display legend for content type item, fix case when no note is set [dana-cfc4 - [`ae630a8`](https://github.com/eea/volto-eea-map/commit/ae630a88cffa2a8ef60e0bbfead392508b015497)]
@@ -108,7 +151,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`335133d`](https://github.com/eea/volto-eea-map/commit/335133dc5186a53c1077bbead36100101bd9af45)]
 - Refs #260203: make background_image required [laszlocseh - [`baa5c4f`](https://github.com/eea/volto-eea-map/commit/baa5c4fa2fe618af51df12d48b4512ecafc357a8)]
+- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`4874649`](https://github.com/eea/volto-eea-map/commit/48746492a2b32a82d33d1c6415eab8a6f6b9f5be)]
+- test: [JENKINS] Improve cypress time [valentinab25 - [`7fa0b83`](https://github.com/eea/volto-eea-map/commit/7fa0b837b24f41a01285fd1b17daeefde99a9c76)]
 - use toolbar from volto-embed [Miu Razvan - [`29b73fb`](https://github.com/eea/volto-eea-map/commit/29b73fb8378ca56b3634bf1f7d57ce69a242b18e)]
 ### [2.0.6](https://github.com/eea/volto-eea-map/compare/2.0.5...2.0.6) - 29 September 2023
 
@@ -125,6 +171,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - test: EN locales, pre-commit fix, feature PRs checks Refs #257193 [valentinab25 - [`4c6d141`](https://github.com/eea/volto-eea-map/commit/4c6d1413b67ffc3fe27a7d09dcc99ef98867cec9)]
 - test: Fix package.json scripts to use makefile [Alin Voinea - [`1cd6751`](https://github.com/eea/volto-eea-map/commit/1cd675118165d8631c41d35c00a8c902c7edd803)]
+- test: Fix eslint and yarn i18n [Alin Voinea - [`0184641`](https://github.com/eea/volto-eea-map/commit/018464116ba5b86b2c1e0a4ebc9b2fd95b772b66)]
 - i18n: Add en [Alin Voinea - [`1d29304`](https://github.com/eea/volto-eea-map/commit/1d293049a21e138fa933cd5ed9a04cceac1a5cff)]
 ### [2.0.5](https://github.com/eea/volto-eea-map/compare/2.0.4...2.0.5) - 23 August 2023
 
@@ -181,11 +228,14 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Release 2.0.0 [Alin Voinea - [`7be280d`](https://github.com/eea/volto-eea-map/commit/7be280d4809186e663f422687aca3c33dd732904)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`ba6ed22`](https://github.com/eea/volto-eea-map/commit/ba6ed22118406db979457384d4739cced2096137)]
 ### [1.0.2](https://github.com/eea/volto-eea-map/compare/1.0.1...1.0.2) - 21 July 2023
 
 #### :hammer_and_wrench: Others
 
 - Allow blocks in content type [Tiberiu Ichim - [`2ac09a6`](https://github.com/eea/volto-eea-map/commit/2ac09a613aba07f6cbaf42c386660f2d7d09bd13)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`403b4c0`](https://github.com/eea/volto-eea-map/commit/403b4c009e5aaded58203bc292ba3baa4631488b)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`aedb654`](https://github.com/eea/volto-eea-map/commit/aedb6544fd45b147a3385425aba46ffba108f5ca)]
 ### [1.0.1](https://github.com/eea/volto-eea-map/compare/1.0.0...1.0.1) - 22 June 2023
 
 #### :rocket: New Features
@@ -246,6 +296,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - chore: clear unused #254131 [andreiggr - [`ccec2ea`](https://github.com/eea/volto-eea-map/commit/ccec2eaab173c905cd4ea0190a9c6cfd630250f9)]
 - chore: clear block style #254131 [andreiggr - [`af500bc`](https://github.com/eea/volto-eea-map/commit/af500bc10a5f280eff0335f45bae1596d66a7e6b)]
+- chore: [JENKINS] Remove alpha testing version [valentinab25 - [`76b29e5`](https://github.com/eea/volto-eea-map/commit/76b29e510f5156590723831a524bc39dfba6deba)]
 
 #### :hammer_and_wrench: Others
 
@@ -255,6 +306,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - * versions [andreiggr - [`6d9ff2b`](https://github.com/eea/volto-eea-map/commit/6d9ff2b26a236b6445678e3d84698d1c3c0826f4)]
 - add razzle-plugin-scss dep [andreiggr - [`d74cee5`](https://github.com/eea/volto-eea-map/commit/d74cee51d30c866afe55730e5b25e0bf11d2caea)]
 - volto-object-widget [andreiggr - [`18d0ed7`](https://github.com/eea/volto-eea-map/commit/18d0ed72c1ba7b0f7159a0eefc09ccea9acee5cb)]
+- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`5911d01`](https://github.com/eea/volto-eea-map/commit/5911d01f7f3bc79a2c834fab75a9a4ac05d2d042)]
 ### [0.1.32](https://github.com/eea/volto-eea-map/compare/0.1.31...0.1.32) - 20 February 2023
 
 #### :hammer_and_wrench: Others
@@ -262,6 +314,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - remove console.log [tedw87 - [`3aeb3e8`](https://github.com/eea/volto-eea-map/commit/3aeb3e8ec5474387f3cd22eb9b387c6681e17120)]
 - refactor code [tedw87 - [`6d7830e`](https://github.com/eea/volto-eea-map/commit/6d7830eb934f56c255eea5642bdefba30d892946)]
 - add Blossom basemap layer [tedw87 - [`5226ee2`](https://github.com/eea/volto-eea-map/commit/5226ee218df3401cf467afbc7a4d720dc30719e1)]
+- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`1dad5c6`](https://github.com/eea/volto-eea-map/commit/1dad5c6617096ff85223165a6dd2b1d5d7deea6a)]
 ### [0.1.31](https://github.com/eea/volto-eea-map/compare/0.1.30...0.1.31) - 11 November 2022
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-map",
-  "version": "4.1.0",
+  "version": "5.0.1",
   "description": "@eeacms/volto-eea-map: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -21,16 +21,19 @@
     "@eeacms/volto-object-widget"
   ],
   "dependencies": {
+    "@arcgis/core": "4.29.10",
     "@eeacms/volto-embed": "*",
     "@eeacms/volto-object-widget": "*",
     "@plone/scripts": "*",
     "esri-loader": "3.6.0",
+    "jsoneditor": "10.1.0",
     "lodash": "4.17.21",
     "razzle-plugin-scss": "4.2.18",
     "react-color": "~2.19.3",
-    "react-querybuilder": "4.2.3"
+    "react-querybuilder": "6.5.5"
   },
   "devDependencies": {
+    "@babel/preset-env": "7.24.6",
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",

package/src/Arcgis/Editor/Editor.jsx

@@ -0,0 +1,130 @@
+import { memo, useRef, useState, useMemo } from 'react';
+import { isNil } from 'lodash';
+
+import SidebarGroup from './SidebarGroup';
+
+import _MapBuilder from '../Map/MapBuilder';
+
+import {
+  StructureBaseLayerPanel,
+  StructureLayersPanel,
+  StructureWidgetsPanel,
+  SettingsGeneralPanel,
+  SettingsLayersPanel,
+} from './Panels';
+
+import EditorContext from './EditorContext';
+
+import 'react-querybuilder/dist/query-builder.css';
+import 'jsoneditor/dist/jsoneditor.min.css';
+
+const MapBuilder = memo(_MapBuilder);
+
+const panels = {
+  structure: [
+    {
+      title: 'Base layer',
+      Panel: StructureBaseLayerPanel,
+    },
+    {
+      title: 'Layers',
+      Panel: StructureLayersPanel,
+    },
+    {
+      title: 'Widgets',
+      Panel: StructureWidgetsPanel,
+    },
+  ],
+  settings: [
+    { title: 'General', Panel: SettingsGeneralPanel },
+    { title: 'Layers', Panel: SettingsLayersPanel },
+  ],
+};
+
+function useApi() {
+  const [data, setData] = useState({});
+  const [loading, setLoading] = useState({});
+  const [loaded, setLoaded] = useState({});
+  const [error, setError] = useState({});
+
+  const load = async (url, opts) => {
+    if (data[url]) return data[url];
+    let response, result;
+    setLoading((prev) => ({ ...prev, [url]: true }));
+    try {
+      response = await fetch(`${url}?f=json`, opts);
+    } catch {
+      response = { ok: false, statusText: 'Unexpected error' };
+    }
+    try {
+      result = await response.json();
+    } catch {
+      result = response.ok
+        ? {
+            code: 500,
+            message: 'Unexpected error',
+          }
+        : {
+            code: response.status,
+            message: response.statusText,
+          };
+    }
+
+    if (!response.ok || (!isNil(result.code) && result.code !== 200)) {
+      setData((prev) => ({ ...prev, [url]: null }));
+      setError((prev) => ({ ...prev, [url]: result }));
+      setLoading((prev) => ({ ...prev, [url]: false }));
+      setLoaded((prev) => ({ ...prev, [url]: false }));
+      return;
+    }
+    setData((prev) => ({ ...prev, [url]: result }));
+    setError((prev) => ({ ...prev, [url]: null }));
+    setLoading((prev) => ({ ...prev, [url]: false }));
+    setLoaded((prev) => ({ ...prev, [url]: true }));
+  };
+
+  return { data, loading, loaded, error, load };
+}
+
+export default function Editor({ value, properties, onChangeValue }) {
+  const $map = useRef(null);
+  const [active, setActive] = useState({
+    sidebar: 'structure',
+    panel: panels.structure[0],
+  });
+  const servicesApi = useApi();
+  const layersApi = useApi();
+
+  const Panel = useMemo(() => active.panel.Panel, [active]);
+
+  return (
+    <EditorContext.Provider value={{ servicesApi, layersApi }}>
+      <div className="arcgis-map__editor">
+        <div className="arcgis-map__controls">
+          <div className="arcgis-map__sidebar">
+            {Object.keys(panels).map((panel) => (
+              <SidebarGroup
+                key={panel}
+                title={panel}
+                items={panels[panel]}
+                active={active}
+                setActive={setActive}
+              />
+            ))}
+          </div>
+          <div className="arcgis-map__panel">
+            <Panel
+              $map={$map}
+              value={value}
+              properties={properties}
+              onChangeValue={onChangeValue}
+            />
+          </div>
+        </div>
+        <div className="arcgis-map__view">
+          <MapBuilder data={value} ref={$map} />
+        </div>
+      </div>
+    </EditorContext.Provider>
+  );
+}

package/src/Arcgis/Editor/EditorContext.jsx

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export default createContext(null);

package/src/Arcgis/Editor/Fold/Fold.jsx

@@ -0,0 +1,56 @@
+import { useState } from 'react';
+import cx from 'classnames';
+
+import { Icon } from '@plone/volto/components';
+
+import clearSVG from '@plone/volto/icons/clear.svg';
+import upKeySVG from '@plone/volto/icons/up-key.svg';
+
+export default function Fold({
+  children,
+  title,
+  icon,
+  foldable,
+  deletable,
+  onDelete,
+}) {
+  const [fold, setFold] = useState(false);
+
+  const isfolded = foldable && fold;
+
+  return (
+    <div className={cx('fold', { fold__open: !isfolded, foldable })}>
+      <div
+        className="fold--top"
+        {...(foldable
+          ? {
+              role: 'button',
+              tabIndex: 0,
+              onClick: () => setFold(!fold),
+              onKeyDown: () => {},
+            }
+          : {})}
+      >
+        <div className="fold--top__content">
+          {foldable && (
+            <Icon name={upKeySVG} className="fold--top__fold" size="16px" />
+          )}
+          {!!icon && <Icon name={icon} size="16px" />}
+          {!!title && <div className="fold--top__title">{title}</div>}
+        </div>
+        {deletable && (
+          <Icon
+            name={clearSVG}
+            className="fold--top__delete"
+            size="16px"
+            onClick={(e) => {
+              onDelete(e);
+              e.stopPropagation();
+            }}
+          />
+        )}
+      </div>
+      {!isfolded && <div className="fold--content">{children}</div>}
+    </div>
+  );
+}

package/src/Arcgis/Editor/Panels/Panel.jsx

@@ -0,0 +1,8 @@
+export default function Panel({ header, content }) {
+  return (
+    <div className="panel">
+      {!!header && <div className="panel--header">{header}</div>}
+      {!!content && <div className="panel--content">{content}</div>}
+    </div>
+  );
+}

package/src/Arcgis/Editor/Panels/SettingsGeneralPanel.jsx

@@ -0,0 +1,217 @@
+import { toNumber } from 'lodash';
+import { InlineForm } from '@plone/volto/components';
+import Panel from './Panel';
+import Fold from '../Fold/Fold';
+import { getDefaultWidgets } from '@eeacms/volto-eea-map/constants';
+
+const mapSchema = {
+  title: '',
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['dimension'],
+    },
+  ],
+  properties: {
+    dimension: {
+      title: 'Dimension',
+      choices: [
+        ['2d', '2D'],
+        ['3d', '3D'],
+      ],
+    },
+  },
+  required: [],
+};
+
+const getViewConstraintsSchema = ({ $map }) => {
+  return {
+    title: 'Map View',
+    fieldsets: [
+      {
+        id: 'default',
+        title: 'Default',
+        fields: ['initialExtent'],
+      },
+      {
+        id: 'constraints',
+        title: 'Constraints',
+        fields: [
+          'minScale',
+          'maxScale',
+          'minZoom',
+          'maxZoom',
+          'rotationEnabled',
+        ],
+      },
+    ],
+    properties: {
+      initialExtent: {
+        title: 'Initial viewpoint',
+        widget: 'arcgis_viewpoint',
+        $map,
+      },
+      minScale: {
+        title: 'Min scale',
+        type: 'number',
+        minimum: 0,
+      },
+      maxScale: {
+        title: 'Max scale',
+        type: 'number',
+        minimum: 0,
+      },
+      minZoom: {
+        title: 'Min zoom',
+        type: 'number',
+        minimum: 0,
+      },
+      maxZoom: {
+        title: 'Max zoom',
+        type: 'number',
+        minimum: 0,
+      },
+      rotationEnabled: {
+        title: 'Rotation enabled',
+        type: 'boolean',
+      },
+    },
+    required: [],
+  };
+};
+
+export default function SettingsGeneralPanel({ $map, value, onChangeValue }) {
+  const viewConstraints = value.settings?.view?.constraints || {};
+  const dimension = value.settings?.map?.dimension || '2d';
+
+  return (
+    <Panel
+      content={
+        <>
+          <Fold
+            title={
+              <>
+                <a
+                  href="https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html"
+                  onClick={(e) => {
+                    e.stopPropagation();
+                  }}
+                  style={{ color: '#fff' }}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Map
+                </a>
+              </>
+            }
+            foldable
+          >
+            <InlineForm
+              schema={mapSchema}
+              formData={{
+                ...(value.settings?.map || {}),
+                dimension: value.settings?.map?.dimension || '2d',
+              }}
+              onChangeField={(id, fieldValue) => {
+                let $fieldValue = fieldValue;
+
+                onChangeValue({
+                  ...value,
+                  ...(id === 'dimension'
+                    ? {
+                        widgets: getDefaultWidgets($fieldValue),
+                      }
+                    : {}),
+                  settings: {
+                    ...(value.settings || {}),
+                    map: {
+                      ...(value.settings?.map || {}),
+                      [id]: $fieldValue,
+                    },
+                  },
+                });
+              }}
+            />
+          </Fold>
+          {dimension === '2d' && (
+            <Fold
+              title={
+                <>
+                  <a
+                    href="https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                    }}
+                    style={{ color: '#fff' }}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  >
+                    View
+                  </a>
+                </>
+              }
+              foldable
+            >
+              <InlineForm
+                schema={getViewConstraintsSchema({ $map })}
+                formData={{
+                  initialExtent: {
+                    longitude: value.settings?.view?.center?.[0],
+                    latitude: value.settings?.view?.center?.[1],
+                    zoom: value.settings?.view?.zoom,
+                  },
+                  ...viewConstraints,
+                }}
+                onChangeField={(id, fieldValue) => {
+                  let $fieldValue = fieldValue;
+
+                  if (
+                    ['minScale', 'maxScale', 'minZoom', 'maxZoom'].includes(id)
+                  ) {
+                    $fieldValue = Math.max(toNumber(fieldValue) || 0, 0);
+                  }
+
+                  if (id === 'initialExtent') {
+                    const center = [
+                      $fieldValue.longitude || 0,
+                      $fieldValue.latitude || 0,
+                    ];
+                    const zoom = $fieldValue.zoom;
+
+                    onChangeValue({
+                      ...value,
+                      settings: {
+                        ...(value.settings || {}),
+                        view: {
+                          ...(value.settings?.view || {}),
+                          center,
+                          zoom,
+                        },
+                      },
+                    });
+                    return;
+                  }
+
+                  onChangeValue({
+                    ...value,
+                    settings: {
+                      ...(value.settings || {}),
+                      view: {
+                        ...(value.settings?.view || {}),
+                        constraints: {
+                          ...(value.settings?.view?.constraints || {}),
+                          [id]: $fieldValue,
+                        },
+                      },
+                    },
+                  });
+                }}
+              />
+            </Fold>
+          )}
+        </>
+      }
+    />
+  );
+}