@kitconcept/volto-light-theme 8.0.0-alpha.27 → 8.0.0-alpha.28

package/.changelog.draft

@@ -1,3 +1,8 @@
-## 8.0.0-alpha.27 (2026-05-12)
+## 8.0.0-alpha.28 (2026-05-15)
+
+### Bugfix
+
+- Fix Search icon color changes when changing footer font color @iRohitSingh [#850](https://github.com/kitconcept/volto-light-theme/pull/850)
+- Fix customized ObjectListWidget to support the `schemaExtender` prop. @davisagli 
 
 

package/CHANGELOG.md

@@ -8,6 +8,13 @@
 
 <!-- towncrier release notes start -->
 
+## 8.0.0-alpha.28 (2026-05-15)
+
+### Bugfix
+
+- Fix Search icon color changes when changing footer font color @iRohitSingh [#850](https://github.com/kitconcept/volto-light-theme/pull/850)
+- Fix customized ObjectListWidget to support the `schemaExtender` prop. @davisagli 
+
 ## 8.0.0-alpha.27 (2026-05-12)
 
 ## 8.0.0-alpha.26 (2026-05-12)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "8.0.0-alpha.27",
+  "version": "8.0.0-alpha.28",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -47,7 +47,7 @@
     "release-it": "^19.0.3",
     "typescript": "^5.7.3",
     "vitest": "^3.1.2",
-    "@plone/types": "2.0.0-alpha.18"
+    "@plone/types": "2.0.0-alpha.19"
   },
   "dependencies": {
     "@dnd-kit/core": "6.0.8",
@@ -59,8 +59,8 @@
     "react-aria-components": "^1.17.0",
     "react-colorful": "^5.6.1",
     "uuid": "^11.0.0",
-    "@plone/components": "^4.0.0-alpha.7",
-    "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1"
+    "@kitconcept/volto-bm3-compat": "^1.0.0-alpha.1",
+    "@plone/components": "^4.0.0-alpha.8"
   },
   "peerDependencies": {
     "classnames": "^2.5.1",

package/src/components/Widgets/ObjectList.tsx

@@ -16,10 +16,11 @@ import deleteSVG from '@plone/volto/icons/delete.svg';
 import addSVG from '@plone/volto/icons/add.svg';
 import dragSVG from '@plone/volto/icons/drag.svg';
 import { v4 as uuid } from 'uuid';
-import type { BlockConfigBase, Content, JSONSchema } from '@plone/types';
+import type { Content, JSONSchema } from '@plone/types';
 import type { IntlShape } from 'react-intl';
 import config from '@plone/volto/registry';
 import isEmpty from 'lodash/isEmpty';
+import { type DragEndEvent } from '@dnd-kit/core';
 
 const messages = defineMessages({
   labelRemoveItem: {
@@ -114,11 +115,22 @@ export type ObjectListWidgetProps = {
    */
   schemaEnhancer?: (args: {
     schema: JSONSchema & { addMessage: string };
-    formData: BlockConfigBase;
+    formData: object;
     intl: IntlShape;
-    navRoot: Content;
-    contentType: string;
+    navRoot?: Content;
+    contentType?: string;
   }) => JSONSchema;
+  /**
+   * Another optional function to enhance the schema.
+   * (Deprecated API with fewer supported arguments.
+   * This is here for backwards-compatibility
+   * with the ObjectListWidget in Volto.)
+   */
+  schemaExtender?: (
+    schema: JSONSchema,
+    formData: object,
+    intl: IntlShape,
+  ) => JSONSchema;
 };
 
 const EMPTY_SCHEMA = {
@@ -141,14 +153,16 @@ const ObjectListWidget = (props: ObjectListWidgetProps) => {
     value = [],
     onChange,
     schemaEnhancer,
+    schemaExtender,
     schemaName,
   } = props;
 
   const schema =
-    config.getUtility({
-      type: 'schema',
-      name: schemaName,
-    }).method ||
+    (schemaName &&
+      config.getUtility({
+        type: 'schema',
+        name: schemaName,
+      }).method) ||
     props.schema ||
     EMPTY_SCHEMA;
 
@@ -170,7 +184,7 @@ const ObjectListWidget = (props: ObjectListWidgetProps) => {
 
   const intl = useIntl();
 
-  function handleChangeActiveObject(index) {
+  function handleChangeActiveObject(index: number) {
     const newIndex = activeObject === index ? -1 : index;
 
     setActiveObject(newIndex);
@@ -178,13 +192,22 @@ const ObjectListWidget = (props: ObjectListWidgetProps) => {
 
   const objectSchema =
     typeof schema === 'function' ? schema({ ...props, activeObject }) : schema;
+  const getEnhancedSchema = (data: object) => {
+    const enhancedSchema = schemaEnhancer
+      ? schemaEnhancer({ schema: objectSchema, formData: data, intl })
+      : objectSchema;
+    const extendedSchema = schemaExtender
+      ? schemaExtender(objectSchema, data, intl)
+      : enhancedSchema;
+    return extendedSchema;
+  };
 
-  function handleDragEnd(event) {
+  function handleDragEnd(event: DragEndEvent) {
     const { active, over } = event;
 
-    if (active.id !== over.id) {
+    if (active.id !== over?.id) {
       const source = value.findIndex((item) => item['@id'] === active.id);
-      const destination = value.findIndex((item) => item['@id'] === over.id);
+      const destination = value.findIndex((item) => item['@id'] === over?.id);
 
       const newValue = reorderArray(value, source, destination);
       onChange(id, newValue);
@@ -205,13 +228,9 @@ const ObjectListWidget = (props: ObjectListWidgetProps) => {
                 '@id': uuid(),
               };
 
-              const objSchema = schemaEnhancer
-                ? // @ts-ignore - TODO Make sure this continues to have sense
-                  schemaEnhancer({ schema: objectSchema, formData: data, intl })
-                : objectSchema;
               const dataWithDefaults = applySchemaDefaults({
                 data,
-                schema: objSchema,
+                schema: getEnhancedSchema(data),
                 intl,
               });
 
@@ -318,16 +337,7 @@ const ObjectListWidget = (props: ObjectListWidgetProps) => {
                       id={`${uid}`}
                       key={`olw-${uid}`}
                       block={block}
-                      schema={
-                        schemaEnhancer
-                          ? // @ts-ignore - TODO Make sure this continues to have sense
-                            schemaEnhancer({
-                              schema: objectSchema,
-                              formData: item,
-                              intl,
-                            })
-                          : objectSchema
-                      }
+                      schema={getEnhancedSchema(item)}
                       value={item}
                       onChange={(fieldId: string, fieldValue: any) => {
                         const newvalue = value.map((v, i) =>

package/src/theme/_bgcolor-blocks-layout.scss

@@ -1327,7 +1327,7 @@
 
           & > button:not(:hover, :active, :focus) {
             svg path {
-              fill: var(--secondary-foreground-color);
+              fill: var(--search-foreground);
             }
           }
         }