@kitconcept/core 2.0.0-alpha.11 → 2.0.0-alpha.13

package/.changelog.draft

@@ -1,16 +1,17 @@
-## 2.0.0-alpha.11 (2026-02-26)
+## 2.0.0-alpha.13 (2026-03-14)
+
+### Breaking
+
+- Removed add-ons from frontend, moved to the distributions. @sneridagh 
+- Replaced support of `@mbarde/volto-image-crop-widget` with `@plone-collective/volto-image-editor`. @sneridagh 
 
 ### Feature
 
-- Include `scripts` folder with the files needed to setup a project based on a distribution. @sneridagh [#101](https://github.com/kitconcept/kitconcept-core/issue/101)
-- Add controlpanel to export and import content. @iFlameing 
+- Improve UX on Export Import control panel and add missing German translations. @danalvrz 
 
 ### Internal
 
-- Added pt_BR Translations. @humanaice [#105](https://github.com/kitconcept/kitconcept-core/issue/105)
-- Remove VLT as a direct dependency of `@kitconcept/core`.
-  The specific version should be managed in a distribution instead.
-  This avoids the need to release `@kitconcept/core` just to include a new release of VLT.
-  @davisagli 
+- Use Volto 19a27.
+  See https://github.com/plone/volto/releases/tag/19.0.0-alpha.27 @sneridagh 
 
 

package/CHANGELOG.md

@@ -8,6 +8,28 @@
 
 <!-- towncrier release notes start -->
 
+## 2.0.0-alpha.13 (2026-03-14)
+
+### Breaking
+
+- Removed add-ons from frontend, moved to the distributions. @sneridagh 
+- Replaced support of `@mbarde/volto-image-crop-widget` with `@plone-collective/volto-image-editor`. @sneridagh 
+
+### Feature
+
+- Improve UX on Export Import control panel and add missing German translations. @danalvrz 
+
+### Internal
+
+- Use Volto 19a27.
+  See https://github.com/plone/volto/releases/tag/19.0.0-alpha.27 @sneridagh 
+
+## 2.0.0-alpha.12 (2026-02-27)
+
+### Bugfix
+
+- Fix content export. @davisagli 
+
 ## 2.0.0-alpha.11 (2026-02-26)
 
 ### Feature

package/locales/de/LC_MESSAGES/volto.po

@@ -22,6 +22,11 @@ msgstr ""
 msgid "Back"
 msgstr "Zurück"
 
+#. Default: "Choose file"
+#: components/Controlpanels/ExportImport
+msgid "Choose file"
+msgstr "Datai auswählen"
+
 #. Default: "Configuration Versions"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Configuration Versions"
@@ -55,7 +60,7 @@ msgstr "Inhalt exportieren"
 #. Default: "Export Site"
 #: components/Controlpanels/ExportImport
 msgid "Export Site"
-msgstr "Export-Standort"
+msgstr "Website exportieren"
 
 #. Default: "Export successful"
 #: components/Controlpanels/ExportImport
@@ -65,7 +70,7 @@ msgstr "Export erfolgreich"
 #. Default: "Exporting…"
 #: components/Controlpanels/ExportImport
 msgid "Exporting…"
-msgstr ""
+msgstr "Exportieren..."
 
 #. Default: "Import Content"
 #: components/Controlpanels/ExportImport
@@ -75,7 +80,7 @@ msgstr "Inhalt importieren"
 #. Default: "Import Site"
 #: components/Controlpanels/ExportImport
 msgid "Import Site"
-msgstr "Importieren Sie die Website"
+msgstr "Website Importieren"
 
 #. Default: "Import successful"
 #: components/Controlpanels/ExportImport
@@ -85,7 +90,7 @@ msgstr "Import erfolgreich"
 #. Default: "Importing…"
 #: components/Controlpanels/ExportImport
 msgid "Importing…"
-msgstr ""
+msgstr "Importieren..."
 
 #. Default: "Latest available configuration"
 #: components/Controlpanels/UpgradeControlPanel
@@ -102,6 +107,11 @@ msgstr ""
 msgid "No addons found"
 msgstr ""
 
+#. Default: "No file selected"
+#: components/Controlpanels/ExportImport
+msgid "No file selected"
+msgstr "Keine Datei ausgewählt"
+
 #. Default: "Package Version"
 #: components/Controlpanels/VersionOverview
 msgid "Package Version"

package/locales/en/LC_MESSAGES/volto.po

@@ -22,6 +22,11 @@ msgstr ""
 msgid "Back"
 msgstr ""
 
+#. Default: "Choose file"
+#: components/Controlpanels/ExportImport
+msgid "Choose file"
+msgstr ""
+
 #. Default: "Configuration Versions"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Configuration Versions"
@@ -102,6 +107,11 @@ msgstr ""
 msgid "No addons found"
 msgstr ""
 
+#. Default: "No file selected"
+#: components/Controlpanels/ExportImport
+msgid "No file selected"
+msgstr ""
+
 #. Default: "Package Version"
 #: components/Controlpanels/VersionOverview
 msgid "Package Version"

package/locales/es/LC_MESSAGES/volto.po

@@ -29,6 +29,11 @@ msgstr ""
 msgid "Back"
 msgstr ""
 
+#. Default: "Choose file"
+#: components/Controlpanels/ExportImport
+msgid "Choose file"
+msgstr ""
+
 #. Default: "Configuration Versions"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Configuration Versions"
@@ -109,6 +114,11 @@ msgstr ""
 msgid "No addons found"
 msgstr ""
 
+#. Default: "No file selected"
+#: components/Controlpanels/ExportImport
+msgid "No file selected"
+msgstr ""
+
 #. Default: "Package Version"
 #: components/Controlpanels/VersionOverview
 msgid "Package Version"

package/locales/pt_BR/LC_MESSAGES/volto.po

@@ -27,6 +27,11 @@ msgstr "Complementos"
 msgid "Back"
 msgstr "Voltar"
 
+#. Default: "Choose file"
+#: components/Controlpanels/ExportImport
+msgid "Choose file"
+msgstr ""
+
 #. Default: "Configuration Versions"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Configuration Versions"
@@ -107,6 +112,11 @@ msgstr "Mais informações sobre o procedimento de atualização podem ser encon
 msgid "No addons found"
 msgstr "Nenhum complemento encontrado"
 
+#. Default: "No file selected"
+#: components/Controlpanels/ExportImport
+msgid "No file selected"
+msgstr ""
+
 #. Default: "Package Version"
 #: components/Controlpanels/VersionOverview
 msgid "Package Version"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2026-02-24T11:06:04.840Z\n"
+"POT-Creation-Date: 2026-03-09T12:12:02.110Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -24,6 +24,11 @@ msgstr ""
 msgid "Back"
 msgstr ""
 
+#. Default: "Choose file"
+#: components/Controlpanels/ExportImport
+msgid "Choose file"
+msgstr ""
+
 #. Default: "Configuration Versions"
 #: components/Controlpanels/UpgradeControlPanel
 msgid "Configuration Versions"
@@ -104,6 +109,11 @@ msgstr ""
 msgid "No addons found"
 msgstr ""
 
+#. Default: "No file selected"
+#: components/Controlpanels/ExportImport
+msgid "No file selected"
+msgstr ""
+
 #. Default: "Package Version"
 #: components/Controlpanels/VersionOverview
 msgid "Package Version"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/core",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.13",
   "description": "Core setup for kitconcept GmbH distributions built on top of Plone",
   "main": "src/index.ts",
   "license": "MIT",
@@ -20,9 +20,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@mbarde/volto-image-crop-widget": "^0.5.1",
-    "@plone-collective/volto-authomatic": "3.0.0-alpha.6",
-    "@plone/components": "^3.0.2"
+    "@plone/components": "^4.0.0-alpha.6"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -39,7 +37,7 @@
     "release-it": "^19.0.5",
     "typescript": "^5.7.3",
     "vitest": "^3.1.2",
-    "@plone/types": "1.4.5"
+    "@plone/types": "2.0.0-alpha.14"
   },
   "scripts": {
     "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",

package/src/actions/exportImport/exportImport.js

@@ -1,14 +1,4 @@
-import { POST_IMPORT, POST_EXPORT } from '../../constants/ActionTypes';
-
-export const exportContent = () => {
-  return {
-    type: POST_EXPORT,
-    request: {
-      op: 'post',
-      path: '/@export',
-    },
-  };
-};
+import { POST_IMPORT } from '../../constants/ActionTypes';
 
 export const importContent = (file) => {
   const formData = new FormData();

package/src/components/Controlpanels/ExportImport.jsx

@@ -3,7 +3,7 @@
  * using @plone/components (React Aria based)
  */
 
-import React, { useState } from 'react';
+import React, { useRef, useState } from 'react';
 import Toolbar from '@plone/volto/components/manage/Toolbar/Toolbar';
 import Icon from '@plone/volto/components/theme/Icon/Icon';
 import { Link } from 'react-router-dom';
@@ -14,14 +14,11 @@ import { Button, Container } from '@plone/components';
 import { toast } from 'react-toastify';
 import { createPortal } from 'react-dom';
 
-import { useDispatch } from 'react-redux';
-import {
-  exportContent,
-  importContent,
-} from '../../actions/exportImport/exportImport';
+import { useDispatch, useSelector } from 'react-redux';
+import { importContent } from '../../actions/exportImport/exportImport';
 
-import uploadSVG from '@plone/volto/icons/upload.svg';
-import downloadSVG from '@plone/volto/icons/download.svg';
+import importSVG from '../../icons/import.svg';
+import exportSVG from '../../icons/export.svg';
 import backSVG from '@plone/volto/icons/back.svg';
 
 import { defineMessages, useIntl } from 'react-intl';
@@ -75,13 +72,23 @@ const messages = defineMessages({
     id: 'Importing…',
     defaultMessage: 'Importing…',
   },
+  chooseFile: {
+    id: 'Choose file',
+    defaultMessage: 'Choose file',
+  },
+  noFileSelected: {
+    id: 'No file selected',
+    defaultMessage: 'No file selected',
+  },
 });
 
 const ContentTransfer = ({ pathname }) => {
   const [file, setFile] = useState(null);
+  const fileInputRef = useRef(null);
   const intl = useIntl();
   const isClient = useClient();
   const dispatch = useDispatch();
+  const token = useSelector((state) => state.userSession.token);
 
   const [exporting, setExporting] = useState(false);
   const [importing, setImporting] = useState(false);
@@ -90,7 +97,12 @@ const ContentTransfer = ({ pathname }) => {
     try {
       setExporting(true);
 
-      const res = await dispatch(exportContent());
+      const res = await fetch('/++api++/@export', {
+        method: 'POST',
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+      });
 
       if (!res.ok) throw new Error('Export failed');
 
@@ -165,13 +177,15 @@ const ContentTransfer = ({ pathname }) => {
         <div className="grid-container">
           <div className="grid-column export">
             <h2>{intl.formatMessage(messages.exportContent)}</h2>
+            <span>
+              <Icon name={exportSVG} size="50px" />
+            </span>
 
             <Button
               variant="primary"
               isDisabled={exporting}
               onPress={handleExport}
             >
-              <Icon name={downloadSVG} size="20px" />
               {exporting ? (
                 <span>{intl.formatMessage(messages.exporting)}</span>
               ) : (
@@ -182,19 +196,38 @@ const ContentTransfer = ({ pathname }) => {
 
           <div className="grid-column import">
             <h2>{intl.formatMessage(messages.importContent)}</h2>
+            <span>
+              <Icon name={importSVG} size="50px" />
+            </span>
 
-            <input
-              type="file"
-              accept=".zip"
-              onChange={(e) => setFile(e.target.files[0])}
-            />
+            <div className="file-input-wrapper">
+              <input
+                ref={fileInputRef}
+                type="file"
+                accept=".zip"
+                onChange={(e) => setFile(e.target.files[0])}
+                hidden
+              />
+              <Button
+                variant="secondary"
+                onPress={() => fileInputRef.current?.click()}
+              >
+                {intl.formatMessage(messages.chooseFile)}
+              </Button>
+              <span className="file-input-name">
+                {file
+                  ? file.name.length > 48
+                    ? `${file.name.slice(0, 35)}…${file.name.slice(-12)}`
+                    : file.name
+                  : intl.formatMessage(messages.noFileSelected)}
+              </span>
+            </div>
 
             <Button
               variant="primary"
               isDisabled={!file || importing}
               onPress={handleImport}
             >
-              <Icon name={uploadSVG} size="20px" />
               {importing ? (
                 <span>{intl.formatMessage(messages.importing)}</span>
               ) : (

package/src/constants/ActionTypes.js

@@ -3,5 +3,4 @@
  * @module constants/ActionTypes
  */
 
-export const POST_EXPORT = 'POST_EXPORT';
 export const POST_IMPORT = 'POST_IMPORT';

package/src/icons/export.svg

@@ -0,0 +1,11 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_22614_98210)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.1539 0V3.84615H43.4423L15.9423 31.3269L18.6731 34.0577L46.1539 6.55769V28.8462H50V0H21.1539Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.6154 46.1538H3.84615V15.3846H25V11.5385H0V50H38.4615V25H34.6154V46.1538Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_22614_98210">
+<rect width="50" height="50" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/icons/import.svg

@@ -0,0 +1,11 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_22614_98218)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M28.8462 50L28.8462 46.1539L6.55774 46.1538L34.0577 18.6731L31.327 15.9423L3.8462 43.4423L3.8462 21.1538L5.21129e-05 21.1538L4.95911e-05 50L28.8462 50Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3846 3.84616L46.1538 3.84616L46.1538 34.6154L25 34.6154L25 38.4616L50 38.4616L50 1.20005e-05L11.5385 8.63812e-06L11.5385 25L15.3846 25L15.3846 3.84616Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_22614_98218">
+<rect width="50" height="50" fill="white" transform="translate(50 50) rotate(-180)"/>
+</clipPath>
+</defs>
+</svg>