volto-searchblocks 0.3.0-alpha.2 → 0.3.0-alpha.6

package/.changelog.draft

@@ -1,3 +1,3 @@
-## 0.3.0-alpha.2 (2026-04-03)
+## 0.3.0-alpha.6 (2026-04-17)
 
 

package/.release-it.json

@@ -13,7 +13,8 @@
     "after:release": "rm .changelog.draft README.md"
   },
   "npm": {
-    "publish": false
+    "publish": false,
+    "versionArgs": ["--workspaces-update=false"]
   },
   "plonePrePublish": {
     "publish": true

package/CHANGELOG.md

@@ -8,6 +8,14 @@
 
 <!-- towncrier release notes start -->
 
+## 0.3.0-alpha.6 (2026-04-17)
+
+## 0.3.0-alpha.3 (2026-04-14)
+
+### Bugfix
+
+- Fixed table layout/css. @giulio-red-turtle 
+
 ## 0.3.0-alpha.2 (2026-04-03)
 
 ## 0.3.0-alpha.1 (2026-04-03)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "volto-searchblocks",
-  "version": "0.3.0-alpha.2",
+  "version": "0.3.0-alpha.6",
   "description": "Additional control-panel that allow users to search which contents using a specific block",
   "main": "src/index.ts",
   "license": "MIT",

package/src/components/SearchBlocks/SearchBlocks.css

@@ -1,7 +1,20 @@
 .ReactVirtualized__Grid.ReactVirtualized__List {
-  width: 100%;
+  width: 100% !important;
 }
 
 .ReactVirtualized__Grid__innerScrollContainer {
-  max-width: 100%;
+  width: 100% !important;
+  max-width: 100% !important;
+}
+
+.react-select__menu {
+  z-index: 99;
+}
+
+.blocks-search-results .ui.table th {
+  white-space: nowrap;
+}
+
+.blocks-search-results .ui.table td:nth-child(n + 2) {
+  white-space: nowrap;
 }

package/src/components/SearchBlocks/SearchBlocks.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { createPortal } from 'react-dom';
 import { Link } from 'react-router-dom';
-import { Container, Segment, Header, Table } from 'semantic-ui-react';
+import { Container, Segment, Header, Table, Loader } from 'semantic-ui-react';
 import { Helmet } from '@plone/volto/helpers';
 import { SelectWidget } from '@plone/volto/components';
 import Toolbar from '@plone/volto/components/manage/Toolbar/Toolbar';
@@ -174,9 +174,9 @@ const SearchBlocks = (props) => {
         <Segment>
           <div className="blocks-search-results">
             {loading && (
-              <div className="loader">
+              <Loader active inline="centered" size="medium">
                 <FormattedMessage {...messages.loading} />
-              </div>
+              </Loader>
             )}
 
             {!loading && items && items.length > 0 && (

package/src/constants/ActionTypes.js

@@ -1,3 +1,4 @@
 export const SEARCH_BLOCKS = 'SEARCH_BLOCKS';
+export const SEARCH_BLOCKS_PENDING = 'SEARCH_BLOCKS_PENDING';
 export const SEARCH_BLOCKS_SUCCESS = 'SEARCH_BLOCKS_SUCCESS';
 export const SEARCH_BLOCKS_FAIL = 'SEARCH_BLOCKS_FAIL';

package/src/reducers/searchBlocks.js

@@ -1,5 +1,5 @@
 import {
-  SEARCH_BLOCKS,
+  SEARCH_BLOCKS_PENDING,
   SEARCH_BLOCKS_SUCCESS,
   SEARCH_BLOCKS_FAIL,
 } from '../constants/ActionTypes';
@@ -17,7 +17,7 @@ const initialState = {
 
 export default function searchBlocks(state = initialState, action = {}) {
   switch (action.type) {
-    case SEARCH_BLOCKS:
+    case SEARCH_BLOCKS_PENDING:
       return {
         ...state,
         error: null,