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

package/.changelog.draft

@@ -1,7 +1,17 @@
-## 2.0.0-alpha.12 (2026-02-27)
+## 2.0.0-alpha.13 (2026-03-14)
 
-### Bugfix
+### Breaking
 
-- Fix content export. @davisagli 
+- 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 
 
 

package/CHANGELOG.md

@@ -8,6 +8,22 @@
 
 <!-- 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

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.12",
+  "version": "2.0.0-alpha.13",
   "description": "Core setup for kitconcept GmbH distributions built on top of Plone",
   "main": "src/index.ts",
   "license": "MIT",
@@ -19,17 +19,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",
-    "dry-release": "release-it --dry-run",
-    "release": "release-it",
-    "release-major-alpha": "release-it major --preRelease=alpha",
-    "release-alpha": "release-it --preRelease=alpha"
-  },
   "dependencies": {
-    "@mbarde/volto-image-crop-widget": "^0.5.1",
-    "@plone-collective/volto-authomatic": "3.0.0-alpha.6",
-    "@plone/components": "workspace:^"
+    "@plone/components": "^4.0.0-alpha.6"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -39,13 +30,20 @@
   },
   "devDependencies": {
     "@plone/scripts": "^3.6.1",
-    "@plone/types": "workspace:*",
     "@types/lodash": "^4.14.201",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
     "lodash": "4.17.21",
     "release-it": "^19.0.5",
     "typescript": "^5.7.3",
-    "vitest": "^3.1.2"
+    "vitest": "^3.1.2",
+    "@plone/types": "2.0.0-alpha.14"
+  },
+  "scripts": {
+    "i18n": "rm -rf build/messages && NODE_ENV=production i18n --addon",
+    "dry-release": "release-it --dry-run",
+    "release": "release-it",
+    "release-major-alpha": "release-it major --preRelease=alpha",
+    "release-alpha": "release-it --preRelease=alpha"
   }
-}
+}

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';
@@ -17,8 +17,8 @@ import { createPortal } from 'react-dom';
 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';
@@ -72,10 +72,19 @@ 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();
@@ -168,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>
               ) : (
@@ -185,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/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>