@eeacms/volto-columns-block - npm Package Compare versions

Comparing version 7.1.0 to 8.0.0

CHANGELOG.md

@@ -7,2 +7,11 @@ ### Changelog
 
+### [8.0.0](https://github.com/eea/volto-columns-block/compare/7.1.0...8.0.0) - 22 April 2024
+
+#### :rocket: New Features
+
+- feat: Release 8.0.0 - Volto 17 support [alin - [`19758d9`](https://github.com/eea/volto-columns-block/commit/19758d9efc7eed8086fed2d40f2ba307ec9af1e6)]
+- feat: Volto 17 support - refs #264527 [EEA Jenkins - [`4110405`](https://github.com/eea/volto-columns-block/commit/4110405ede007a24c9fc578d4d7ea93e7cd9e471)]
+
+#### :hammer_and_wrench: Others
+
 ### [7.1.0](https://github.com/eea/volto-columns-block/compare/7.0.1...7.1.0) - 2 April 2024
@@ -12,2 +21,3 @@
 
+- fix(toc): use the correct function to render entries in toc #94 from eea/develop [ichim-david - [`8c9f948`](https://github.com/eea/volto-columns-block/commit/8c9f94836bcdeeefdc7a7a4e8608246fc3892e75)]
 - fix(toc): use the correct function to render entries in toc [Miu Razvan - [`e3a27d2`](https://github.com/eea/volto-columns-block/commit/e3a27d2065534a87feba83c68d286520d2dccee8)]
@@ -14,0 +24,0 @@

jest-addon.config.js

@@ -0,1 +1,3 @@
+require('dotenv').config({ path: __dirname + '/.env' })
+
 module.exports = {
@@ -12,8 +14,12 @@ testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
-    '@package/(.*)$': '<rootDir>/src/$1',
-    '@root/(.*)$': '<rootDir>/src/$1',
+    '@package/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
+    '@root/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
+    '@eeacms/search/(.*)$': '<rootDir>/src/addons/volto-searchlib/searchlib/$1',
+    '@eeacms/search': '<rootDir>/src/addons/volto-searchlib/searchlib',
     '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
-    '@plone/volto-slate':
+    '@plone/volto-slate$':
       '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
+    '@plone/volto-slate/(.*)$':
+      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
     '~/(.*)$': '<rootDir>/src/$1',
@@ -23,4 +29,8 @@ 'load-volto-addons':
   },
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@plone|@root|@package|@eeacms)/).*/',
+  ],
   transform: {
     '^.+\\.js(x)?$': 'babel-jest',
+    '^.+\\.ts(x)?$': 'babel-jest',
     '^.+\\.(png)$': 'jest-file',
@@ -38,2 +48,7 @@ '^.+\\.(jpg)$': 'jest-file',
   },
-};
+  ...(process.env.JEST_USE_SETUP === 'ON' && {
+    setupFilesAfterEnv: [
+      '<rootDir>/node_modules/@eeacms/volto-columns-block/jest.setup.js',
+    ],
+  }),
+}

package.json

 {
   "name": "@eeacms/volto-columns-block",
-  "version": "7.1.0",
+  "version": "8.0.0",
   "description": "volto-columns-block: Volto add-on",
@@ -25,2 +25,3 @@ "main": "src/index.js",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "dotenv": "^16.3.2",
     "husky": "^8.0.3",
@@ -27,0 +28,0 @@ "lint-staged": "^14.0.1",

src/ColumnsBlock/ColumnsBlockEdit.jsx

@@ -314,10 +314,4 @@ import React from 'react';
   render() {
-    const {
-      block,
-      data,
-      onChangeBlock,
-      pathname,
-      selected,
-      manage,
-    } = this.props;
+    const { block, data, onChangeBlock, pathname, selected, manage } =
+      this.props;
 
@@ -335,7 +329,4 @@ const metadata = this.props.metadata || this.props.properties;
 
-    const {
-      gridSizes,
-      variants,
-      available_colors,
-    } = config.blocks.blocksConfig[COLUMNSBLOCK];
+    const { gridSizes, variants, available_colors } =
+      config.blocks.blocksConfig[COLUMNSBLOCK];
     const ColumnSchema = makeStyleSchema({ available_colors }, this.props.intl);
@@ -342,0 +333,0 @@ const isInitialized = data?.data && Object.keys(data?.data).length > 0;

src/ColumnsBlock/ColumnsBlockView.test.js

@@ -7,2 +7,3 @@ import React from 'react';
 import { waitFor, render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
 
@@ -14,3 +15,3 @@ import ColumnsBlockView from './ColumnsBlockView';
 const blocks = {
-  '1234': {
+  1234: {
     '@type': 'columnsBlock',
@@ -100,3 +101,3 @@ data: {
 
-  const { container } = render(
+  render(
     <Provider store={store}>
@@ -106,4 +107,6 @@ <ColumnsBlockView data={blocks['1234']} metadata={{ blocks }} />
   );
-  await waitFor(() => screen.getByText('left marker'));
-  expect(container).toMatchSnapshot();
+  await waitFor(() => {
+    expect(screen.getByText('left marker')).toBeInTheDocument();
+    expect(screen.getByText('right')).toBeInTheDocument();
+  });
 });

src/ColumnsBlock/ColumnVariations.test.js

 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render, screen } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
+import '@testing-library/jest-dom/extend-expect';
 
@@ -19,3 +20,3 @@ import ColumnVariations from './ColumnVariations';
 
-  const component = renderer.create(
+  render(
     <Provider store={store}>
@@ -42,4 +43,5 @@ <ColumnVariations
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(screen.getByText(/Select layout/)).toBeInTheDocument();
+  expect(screen.getByText('50 / 50')).toBeInTheDocument();
 });

src/ColumnsBlock/utils.test.js

@@ -19,4 +19,4 @@ import config from '@plone/volto/registry';
       blocks: {
-        '1': { name: 'First' },
-        '2': { name: 'Second' },
+        1: { name: 'First' },
+        2: { name: 'Second' },
       },
@@ -36,4 +36,4 @@ };
       blocks: {
-        '1': { name: 'First' },
-        '2': { name: 'Second' },
+        1: { name: 'First' },
+        2: { name: 'Second' },
       },
@@ -68,4 +68,4 @@ };
       blocks: {
-        '1': { name: 'First' },
-        '2': { name: 'Second' },
+        1: { name: 'First' },
+        2: { name: 'Second' },
       },
@@ -72,0 +72,0 @@ };

src/Widgets/QuadSize.test.js

 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
 import configureStore from 'redux-mock-store';
@@ -18,3 +19,3 @@ import { Provider } from 'react-intl-redux';
 
-  const component = renderer.create(
+  render(
     <Provider store={store}>
@@ -31,4 +32,7 @@ <QuadSize
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(screen.getByText('QuadSize Widget')).toBeInTheDocument();
+  expect(screen.getByText(/Unit/)).toBeInTheDocument();
+  expect(screen.getAllByText(/Size/)[1]).toBeInTheDocument();
+  expect(screen.getByText(/Customize/)).toBeInTheDocument();
 });

src/Widgets/SimpleColorPickerWidget.jsx

@@ -9,3 +9,3 @@ import React from 'react';
 
-export default (props) => {
+const SimpleColorPickerWidget = (props) => {
   const { id, value, onChange, available_colors } = props;
@@ -65,1 +65,3 @@ const [showPicker, setShowPicker] = React.useState(false);
 };
+
+export default SimpleColorPickerWidget;

New alerts

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

174930

increased by2.17%

Number of package files

63

increased by1.61%

Lines of code

3217

increased by2.78%

Worsened metrics

Dev dependency count

8

increased by14.29%

Number of low supply chain risk alerts

5

increased by25%

No dependency changes