@geode/opengeodeweb-front 10.25.0-rc.8 → 10.26.0-rc.1

package/app/components/ActionButton.vue

@@ -5,7 +5,7 @@ const { icon, tooltip, color, size, variant, density, tooltipLocation, iconSize
   tooltip: { type: String, required: true },
   color: { type: String, default: undefined },
   size: { type: [String, Number], default: undefined },
-  variant: { type: String },
+  variant: { type: String, default: undefined },
   density: { type: String, default: "comfortable" },
   tooltipLocation: { type: String, default: "left" },
   iconSize: { type: [String, Number], default: DEFAULT_ICON_SIZE },

package/app/components/CameraManager/List.vue

@@ -54,6 +54,7 @@ async function saveRename() {
           color="success"
           size="x-small"
           class="mr-1"
+          :data-testid="'restoreCameraPosition' + position.name + 'Button'"
           @click="restorePosition(position.id)"
         >
           <v-icon size="14">mdi-play</v-icon>

package/app/components/CameraManager/Saver.vue

@@ -27,6 +27,7 @@ async function saveCurrentPosition() {
           v-model="newPositionName"
           label="Position Name"
           placeholder="e.g. Front View"
+          data-testid="cameraPositionNameInput"
           density="compact"
           variant="outlined"
           hide-details
@@ -39,6 +40,7 @@ async function saveCurrentPosition() {
           variant="elevated"
           block
           size="small"
+          data-testid="saveCameraPositionButton"
           :disabled="!newPositionName"
           @click="saveCurrentPosition"
           height="32"

package/app/components/CameraManager.vue

@@ -38,6 +38,7 @@ const { showDialog, width } = defineProps({
         size="small"
         color="white"
         class="text-caption text-none"
+        data-testid="closeCameraManagerButton"
         @click="emit('close')"
         >Close</v-btn
       >

package/app/components/CameraOrientation.vue

@@ -212,6 +212,7 @@ watch(hoveredFace, (newFace, oldFace) => {
         size="32"
         class="satellite-node position-absolute"
         :style="orientation.position"
+        :data-testid="'cameraOrientation' + orientation.vtkKey + 'Button'"
         @mouseenter="hoveredFace = orientation.face"
         @mouseleave="hoveredFace = undefined"
         @click.stop="emit('select', orientation.value)"
@@ -241,6 +242,7 @@ watch(hoveredFace, (newFace, oldFace) => {
           size="32"
           variant="text"
           class="ma-1"
+          :data-testid="'cameraOrientation' + orientation.vtkKey + 'Button'"
           @mouseenter="hoveredFace = orientation.face"
           @mouseleave="hoveredFace = undefined"
           @click.stop="emit('select', orientation.value)"

package/app/components/Recaptcha.vue

@@ -15,6 +15,7 @@ const { buttonLabel, buttonColor, color } = defineProps({
   color: {
     type: String,
     required: false,
+    default: undefined,
   },
 });
 

package/app/components/Screenshot.vue

@@ -96,6 +96,7 @@ watch(screenshot_type, (value) => {
               value="file"
               prepend-icon="mdi-file-download-outline"
               size="small"
+              data-testid="screenshotFileButton"
               class="text-caption text-none"
             >
               File
@@ -104,6 +105,7 @@ watch(screenshot_type, (value) => {
               value="clipboard"
               prepend-icon="mdi-content-copy"
               size="small"
+              data-testid="screenshotClipboardButton"
               class="text-caption text-none"
             >
               Clipboard
@@ -119,6 +121,7 @@ watch(screenshot_type, (value) => {
             label="File name"
             variant="outlined"
             density="compact"
+            data-testid="screenshotFileNameInput"
             hide-details
             class="text-caption"
           ></v-text-field>
@@ -130,6 +133,7 @@ watch(screenshot_type, (value) => {
             label="Extension"
             variant="outlined"
             density="compact"
+            data-testid="screenshotExtensionSelect"
             hide-details
             required
             class="text-caption"
@@ -143,6 +147,7 @@ watch(screenshot_type, (value) => {
             v-model="include_background"
             :disabled="screenshot_type === 'file' && output_extension !== 'png'"
             label="Include background"
+            data-testid="screenshotIncludeBackgroundSwitch"
             density="compact"
             hide-details
             inset
@@ -158,6 +163,7 @@ watch(screenshot_type, (value) => {
           variant="text"
           size="small"
           color="white"
+          data-testid="screenshotCancelButton"
           class="text-caption text-none"
           @click="show = false"
         >
@@ -167,6 +173,7 @@ watch(screenshot_type, (value) => {
           variant="outlined"
           size="small"
           class="text-caption text-none"
+          data-testid="screenshotActionButton"
           :disabled="(screenshot_type === 'file' && !filename) || !output_extension"
           color="white"
           @click="takeScreenshot()"

package/app/components/ViewToolbar.vue

@@ -63,6 +63,7 @@ const camera_options = computed(() => [
       {
         title: "Cells",
         icon: "mdi-select-all",
+        testId: "highlightOnHoverCellsButton",
         action: () => {
           if (
             hybridViewerStore.is_hover_highlight &&
@@ -79,6 +80,7 @@ const camera_options = computed(() => [
       {
         title: "Points",
         icon: "mdi-select-drag",
+        testId: "highlightOnHoverPointsButton",
         action: () => {
           if (
             hybridViewerStore.is_hover_highlight &&
@@ -180,6 +182,7 @@ const camera_options = computed(() => [
                 <ActionButton
                   :icon="item.icon"
                   :tooltip="item.title"
+                  :data-testid="item.testId"
                   :color="
                     hybridViewerStore.is_hover_highlight &&
                     hybridViewerStore.hover_highlight_field_type ===

package/app/components/Viewer/ObjectTree/Views/ModelCollections.vue

@@ -11,7 +11,7 @@ import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
 const { id, viewId } = defineProps({
   id: { type: String, required: true },
-  viewId: { type: String, required: false },
+  viewId: { type: String, required: false, default: undefined },
 });
 const actualViewId = viewId || id;
 const { onHoverEnter, onHoverLeave } = useHoverhighlight();

package/app/components/Viewer/ObjectTree/Views/ModelComponents.vue

@@ -11,7 +11,7 @@ import { useTreeviewStore } from "@ogw_front/stores/treeview";
 
 const { id, viewId } = defineProps({
   id: { type: String, required: true },
-  viewId: { type: String, required: false },
+  viewId: { type: String, required: false, default: undefined },
 });
 const actualViewId = viewId || id;
 const { onHoverEnter, onHoverLeave } = useHoverhighlight();

package/app/components/Viewer/Options/ColormapQuickPicker.vue

@@ -5,7 +5,7 @@ import { useDataStyleStore } from "@ogw_front/stores/data_style";
 import { useHybridViewerStore } from "@ogw_front/stores/hybrid_viewer";
 
 const { dataId, x, y } = defineProps({
-  dataId: { required: false, type: String },
+  dataId: { required: false, type: String, default: undefined },
   x: { required: true, type: Number },
   y: { required: true, type: Number },
 });

package/app/components/Viewer/Options/TextureItem.vue

@@ -5,17 +5,32 @@ import { useBackStore } from "@ogw_front/stores/back";
 
 const emit = defineEmits(["update_value"]);
 
-const { id } = defineProps({
+const {
+  id,
+  textureId: propTextureId,
+  textureName: propTextureName,
+} = defineProps({
   id: { type: String, required: true },
   textureId: { type: String, required: true },
   textureName: { type: String, required: true },
 });
 
-const textureName = ref("");
-textureName.value = textureName;
+const textureName = ref(propTextureName);
+const textureId = ref(propTextureId);
 
-const textureId = ref("");
-textureId.value = textureId;
+watch(
+  () => propTextureName,
+  (newVal) => {
+    textureName.value = newVal;
+  },
+);
+
+watch(
+  () => propTextureId,
+  (newVal) => {
+    textureId.value = newVal;
+  },
+);
 
 const textureCoordinates = ref([]);
 const backStore = useBackStore();
@@ -80,14 +95,7 @@ watch(textureId, (value) => {
       hide-details
     />
   </v-col>
-  <v-badge
-    :model-value="texture_file_name != ''"
-    color="white"
-    floating
-    dot
-    offset-x="10"
-    offset-y="10"
-  >
+  <v-badge :model-value="textureId != ''" color="white" floating dot offset-x="10" offset-y="10">
     <v-col cols="1" class="ma-1" justify="center" align="center">
       <FileUploader
         @files_uploaded="files_uploaded_event($event, index)"
@@ -99,7 +107,7 @@ watch(textureId, (value) => {
       />
     </v-col>
   </v-badge>
-  <v-col v-if="textureName == '' || texture_file_name == ''" cols="1">
+  <v-col v-if="textureName == '' || textureId == ''" cols="1">
     <v-icon size="20" icon="mdi-close-circle" v-tooltip:bottom="'Invalid texture'" />
   </v-col>
 </template>

package/app/components/Viewer/Ui.vue

@@ -95,6 +95,7 @@ defineExpose({ get_viewer_id });
         variant="flat"
         prepend-icon="mdi-crosshairs-gps"
         class="pick-pulse"
+        data-testid="pickingActiveChip"
         style="pointer-events: auto"
         @click="viewerStore.toggle_picking_mode(false)"
       >
@@ -116,6 +117,7 @@ defineExpose({ get_viewer_id });
         size="large"
         variant="flat"
         class="pick-pulse"
+        data-testid="hoverHighlightChip"
         style="pointer-events: auto"
         @click="stopHoverHighlight"
       >

package/app/utils/colormap.js

@@ -58,10 +58,6 @@ function drawCanvasForPreset(presetName, canvas) {
   ctx.putImageData(imageData, 0, 0);
 }
 
-export {
-  drawCanvasForPreset,
-  getRGBPointsFromPreset,
-  getPresetByName,
-  getPresetsWithCurrentAtTop,
-  colormaps,
-};
+export { drawCanvasForPreset, getRGBPointsFromPreset, getPresetByName, getPresetsWithCurrentAtTop };
+
+export { default as colormaps } from "@ogw_front/assets/colormaps.json";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geode/opengeodeweb-front",
-  "version": "10.25.0-rc.8",
+  "version": "10.26.0-rc.1",
   "description": "OpenSource Vue/Nuxt/Pinia/Vuetify framework for web applications",
   "homepage": "https://github.com/Geode-solutions/OpenGeodeWeb-Front",
   "bugs": {