@eeacms/volto-tableau 9.0.2 → 9.0.4

package/CHANGELOG.md

@@ -4,6 +4,17 @@ 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).
 
+### [9.0.4](https://github.com/eea/volto-tableau/compare/9.0.3...9.0.4) - 14 June 2026
+
+#### :bug: Bug Fixes
+
+- fix(tableau): preserve falsy values [Miu Razvan - [`c061428`](https://github.com/eea/volto-tableau/commit/c061428a10da0b8c73df789d7698eb83dd938b52)]
+
+#### :hammer_and_wrench: Others
+
+- Fix Tableau embed tests router context [Miu Razvan - [`49e677d`](https://github.com/eea/volto-tableau/commit/49e677d9fc0531556d3b092adedb28783fcb91fc)]
+### [9.0.3](https://github.com/eea/volto-tableau/compare/9.0.2...9.0.3) - 4 June 2026
+
 ### [9.0.2](https://github.com/eea/volto-tableau/compare/9.0.1...9.0.2) - 20 May 2026
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-tableau",
-  "version": "9.0.2",
+  "version": "9.0.4",
   "description": "@eeacms/volto-tableau: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/Blocks/EmbedTableauVisualization/Edit.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
+import { MemoryRouter } from 'react-router-dom';
 import config from '@plone/volto/registry';
 import '@testing-library/jest-dom';
 
@@ -29,22 +30,24 @@ describe('Edit', () => {
 
     const { container } = render(
       <Provider store={global.store}>
-        <Edit
-          id="my-tableau"
-          data={data}
-          pathname="/news"
-          selected={true}
-          block="1234"
-          index={1}
-          onChangeBlock={() => {}}
-          onSelectBlock={() => {}}
-          onDeleteBlock={() => {}}
-          onFocusPreviousBlock={() => {}}
-          onFocusNextBlock={() => {}}
-          handleKeyDown={() => {}}
-          content={{}}
-          useVisibilitySensor={false}
-        />
+        <MemoryRouter initialEntries={['/news']}>
+          <Edit
+            id="my-tableau"
+            data={data}
+            pathname="/news"
+            selected={true}
+            block="1234"
+            index={1}
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onDeleteBlock={() => {}}
+            onFocusPreviousBlock={() => {}}
+            onFocusNextBlock={() => {}}
+            handleKeyDown={() => {}}
+            content={{}}
+            useVisibilitySensor={false}
+          />
+        </MemoryRouter>
       </Provider>,
     );
 

package/src/Blocks/EmbedTableauVisualization/View.jsx

@@ -188,7 +188,7 @@ export default compose(
   connect(
     (state, props) => {
       const tableau_vis_url = flattenToAppURL(props.data.tableau_vis_url || '');
-      const pathname = flattenToAppURL(state.content.data['@id']);
+      const pathname = flattenToAppURL(state.content.data?.['@id'] || '');
       return {
         tableauContent: state.content?.subrequests?.[props.id]?.data,
         discodata_query: state.discodata_query,

package/src/Blocks/EmbedTableauVisualization/View.test.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { render } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
+import { MemoryRouter } from 'react-router-dom';
 import '@testing-library/jest-dom';
 
 import View from './View';
@@ -21,7 +22,9 @@ describe('View', () => {
   it('should render the component', () => {
     const { container } = render(
       <Provider store={global.store}>
-        <View data={data} useVisibilitySensor={false} />
+        <MemoryRouter initialEntries={['/news']}>
+          <View data={data} useVisibilitySensor={false} />
+        </MemoryRouter>
       </Provider>,
     );
 

package/src/Blocks/TableauBlock/View.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import isUndefined from 'lodash/isUndefined';
 import { connect } from 'react-redux';
 import Tableau from '@eeacms/volto-tableau/Tableau/Tableau';
 import qs from 'query-string';
@@ -29,7 +30,7 @@ const View = React.forwardRef((props, ref) => {
   const extraOptions = React.useMemo(() => {
     const options = {};
     staticParameters.forEach((parameter) => {
-      if (parameter.field && parameter.value) {
+      if (parameter.field && !isUndefined(parameter.value)) {
         options[parameter.field] = parameter.value;
       }
     });
@@ -39,9 +40,9 @@ const View = React.forwardRef((props, ref) => {
   React.useEffect(() => {
     const newFilters = { ...extraFilters };
     urlParameters.forEach((element) => {
-      if (element.field && typeof query[element.urlParam] !== 'undefined') {
+      if (element.field && !isUndefined(query[element.urlParam])) {
         newFilters[element.field] = query[element.urlParam];
-      } else if (newFilters[element.field]) {
+      } else if (element.field in newFilters) {
         delete newFilters[element.field];
       }
     });

package/src/Tableau/helpers.js

@@ -63,7 +63,7 @@ export function getParameters({ tableauVisualization, query, data }) {
     ...reduce(
       staticParameters,
       (acc, { field, value }) => {
-        if (field && value) {
+        if (field && !isUndefined(value)) {
           return {
             ...acc,
             [field]: value,
@@ -76,7 +76,7 @@ export function getParameters({ tableauVisualization, query, data }) {
     ...reduce(
       urlParameters,
       (acc, { field, urlParam }) => {
-        if (field && query[urlParam]) {
+        if (field && !isUndefined(query[urlParam])) {
           return {
             ...acc,
             [field]: isString(query[urlParam])
@@ -102,7 +102,7 @@ export function getFilters({ tableauVisualization, query, data }) {
     ...reduce(
       staticFilters,
       (acc, { field, value }) => {
-        if (field && value) {
+        if (field && !isUndefined(value)) {
           return {
             ...acc,
             [field]: value,

package/src/Utils/JsonCodeSnippet.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import isObject from 'lodash/isObject';
 import isArray from 'lodash/isArray';
+import isNumber from 'lodash/isNumber';
 import isString from 'lodash/isString';
 import isBoolean from 'lodash/isBoolean';
 import isNull from 'lodash/isNull';
@@ -27,7 +28,8 @@ const JsonCodeSnippet = ({ obj, depth = 1 }) => {
               )}
               {isArray(value) && JSON.stringify(value)}
               {isString(value) && <>"{value}"</>}
-              {isBoolean(value) && <>{value}</>}
+              {isNumber(value) && <>{value}</>}
+              {isBoolean(value) && <>{value.toString()}</>}
               {isNull(value) && <>null</>}
               {isUndefined(value) && <>undefined</>}
             </span>