@kitconcept/volto-light-theme 6.0.0-alpha.9 → 6.0.0

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-05-31T09:46:26.312Z\n"
+"POT-Creation-Date: 2025-04-22T18:37:47.615Z\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"
@@ -13,16 +13,48 @@ msgstr ""
 "Preferred-Encodings: utf-8\n"
 "Domain: volto\n"
 
+#. Default: "Action"
+#: components/Widgets/schema/headerActionsSchema
+msgid "Action"
+msgstr ""
+
+#. Default: "Add"
+#: components/Widgets/BlocksObject
+#: components/Widgets/ObjectList
+msgid "Add (object list)"
+msgstr ""
+
+#. Default: "Add action"
+#: components/Widgets/schema/headerActionsSchema
+msgid "Add action"
+msgstr ""
+
+#. Default: "Add link"
+#: components/Widgets/schema/footerLinksSchema
+msgid "Add link"
+msgstr ""
+
+#. Default: "Add logo"
+#: components/Widgets/schema/footerLogosSchema
+msgid "Add logo"
+msgstr ""
+
+#. Default: "Alignment"
+#: components/Blocks/Button/schema
+#: components/Blocks/Separator/schema
+msgid "Alignment"
+msgstr ""
+
+#. Default: "Alt text"
+#: components/Widgets/schema/footerLogosSchema
+msgid "Alt text"
+msgstr ""
+
 #. Default: "Back"
 #: components/MobileNavigation/MobileNavigation
 msgid "Back"
 msgstr ""
 
-#. Default: "Back to homepage"
-#: components/Logo/Logo
-msgid "Back to homepage"
-msgstr ""
-
 #. Default: "Background color"
 #: components/Blocks/schema
 msgid "Background color"
@@ -30,6 +62,8 @@ msgstr ""
 
 #. Default: "Block Width"
 #: components/Blocks/Button/schema
+#: components/Blocks/Image/schema
+#: components/Blocks/Separator/schema
 msgid "Block Width"
 msgstr ""
 
@@ -38,18 +72,13 @@ msgstr ""
 msgid "Breadcrumbs"
 msgstr ""
 
-#. Default: "Browse the site, drop an image, or type an URL"
-#: components/Blocks/Image/Edit
-msgid "Browse the site, drop an image, or type an URL"
-msgstr ""
-
 #. Default: "Button text"
 #: components/Blocks/Slider/schema
 msgid "Button text"
 msgstr ""
 
 #. Default: "Center"
-#: components/Widgets/AlignWidget
+#: components/Widgets/BlockAlignment
 msgid "Center"
 msgstr ""
 
@@ -59,6 +88,17 @@ msgstr ""
 msgid "Close menu"
 msgstr ""
 
+#. Default: "Collapse item"
+#: components/Widgets/BlocksObject
+#: components/Widgets/ObjectList
+msgid "Collapse item"
+msgstr ""
+
+#. Default: "The color contrast ratio {contrastRatio}:1 might not be accessible for all. WCAG Level: {complianceLevel}"
+#: components/Widgets/ColorContrastChecker
+msgid "ColorContrastCheckerMessage"
+msgstr ""
+
 #. Default: "Contact"
 #: components/Blocks/EventMetadata/View
 msgid "Contact"
@@ -74,8 +114,14 @@ msgstr ""
 msgid "Copyright"
 msgstr ""
 
+#. Default: "Default"
+#: components/Widgets/BlockWidth
+msgid "Default"
+msgstr ""
+
 #. Default: "Description"
 #: components/Blocks/Image/schema
+#: components/Widgets/schema/footerLogosSchema
 msgid "Description"
 msgstr ""
 
@@ -84,6 +130,12 @@ msgstr ""
 msgid "Distributed under the {license}."
 msgstr ""
 
+#. Default: "Empty object list"
+#: components/Widgets/BlocksObject
+#: components/Widgets/ObjectList
+msgid "Empty object list"
+msgstr ""
+
 #. Default: "End"
 #: components/Blocks/EventMetadata/View
 msgid "End"
@@ -95,7 +147,7 @@ msgid "Flag align"
 msgstr ""
 
 #. Default: "Full"
-#: components/Widgets/AlignWidget
+#: components/Widgets/BlockWidth
 msgid "Full"
 msgstr ""
 
@@ -104,13 +156,24 @@ msgstr ""
 msgid "GNU GPL license"
 msgstr ""
 
+#. Default: "Headline"
+#: components/Widgets/schema/footerLogosSchema
+msgid "Headline"
+msgstr ""
+
 #. Default: "Hide Button"
 #: components/Blocks/Slider/schema
 msgid "Hide Button"
 msgstr ""
 
+#. Default: "Hide description"
+#: components/Widgets/schema/footerLogosSchema
+msgid "Hide description"
+msgstr ""
+
 #. Default: "Home"
 #: components/Breadcrumbs/Breadcrumbs
+#: components/Logo/Logo
 #: components/MobileNavigation/MobileNavigation
 msgid "Home"
 msgstr ""
@@ -125,11 +188,36 @@ msgstr ""
 msgid "Image"
 msgstr ""
 
+#. Default: "Large"
+#: components/Widgets/Size
+msgid "Large"
+msgstr ""
+
+#. Default: "Layout"
+#: components/Widgets/BlockWidth
+msgid "Layout"
+msgstr ""
+
 #. Default: "Left"
-#: components/Widgets/AlignWidget
+#: components/Widgets/BlockAlignment
 msgid "Left"
 msgstr ""
 
+#. Default: "Link"
+#: components/Widgets/schema/footerLinksSchema
+msgid "Link"
+msgstr ""
+
+#. Default: "List"
+#: index
+msgid "List"
+msgstr ""
+
+#. Default: "List with images"
+#: index
+msgid "List with images"
+msgstr ""
+
 #. Default: "Location"
 #: components/Blocks/EventMetadata/View
 msgid "Location"
@@ -140,16 +228,36 @@ msgstr ""
 msgid "Log in"
 msgstr ""
 
+#. Default: "Logo"
+#: components/Widgets/schema/footerLogosSchema
+msgid "Logo"
+msgstr ""
+
+#. Default: "Logo image"
+#: components/Widgets/schema/footerLogosSchema
+msgid "Logo image"
+msgstr ""
+
+#. Default: "Logo of"
+#: components/Logo/Logo
+msgid "Logo of"
+msgstr ""
+
+#. Default: "Medium"
+#: components/Widgets/Size
+msgid "Medium"
+msgstr ""
+
+#. Default: "Narrow"
+#: components/Widgets/BlockWidth
+msgid "Narrow"
+msgstr ""
+
 #. Default: "Next Page"
 #: components/Blocks/Listing/ListingBody
 msgid "Next Page"
 msgstr ""
 
-#. Default: "No date"
-#: components/Theme/EventView
-msgid "No date"
-msgstr ""
-
 #. Default: "No image selected"
 #: components/Blocks/Image/ImageSidebar
 msgid "No image selected"
@@ -160,6 +268,13 @@ msgstr ""
 msgid "No items found in this container."
 msgstr ""
 
+#. Default: "Open in a new tab"
+#: components/Widgets/schema/footerLinksSchema
+#: components/Widgets/schema/footerLogosSchema
+#: components/Widgets/schema/headerActionsSchema
+msgid "Open in a new tab"
+msgstr ""
+
 #. Default: "Open menu"
 #: components/MobileNavigation/MobileNavigation
 #: components/Navigation/Navigation
@@ -178,6 +293,7 @@ msgstr ""
 
 #. Default: "Please choose an existing content as source for this element"
 #: components/Blocks/Slider/DefaultBody
+#: components/Blocks/Teaser/DefaultBody
 msgid "Please choose an existing content as source for this element"
 msgstr ""
 
@@ -211,13 +327,19 @@ msgstr ""
 msgid "Register"
 msgstr ""
 
+#. Default: "Remove item"
+#: components/Widgets/BlocksObject
+#: components/Widgets/ObjectList
+msgid "Remove item"
+msgstr ""
+
 #. Default: "Result"
 #: components/Blocks/Listing/ListingBody
 msgid "Result"
 msgstr ""
 
 #. Default: "Right"
-#: components/Widgets/AlignWidget
+#: components/Widgets/BlockAlignment
 msgid "Right"
 msgstr ""
 
@@ -251,9 +373,20 @@ msgstr ""
 msgid "Searched for"
 msgstr ""
 
-#. Default: "Site"
-#: components/Logo/Logo
-msgid "Site"
+#. Default: "Settings"
+#: components/Widgets/schema/footerLogosSchema
+msgid "Settings"
+msgstr ""
+
+#. Default: "Short line"
+#: components/Blocks/Separator/schema
+msgid "Short line"
+msgstr ""
+
+#. Default: "Show item"
+#: components/Widgets/BlocksObject
+#: components/Widgets/ObjectList
+msgid "Show item"
 msgstr ""
 
 #. Default: "Sitemap"
@@ -261,6 +394,11 @@ msgstr ""
 msgid "Sitemap"
 msgstr ""
 
+#. Default: "Small"
+#: components/Widgets/Size
+msgid "Small"
+msgstr ""
+
 #. Default: "Sorting"
 #: components/Blocks/Search/TopSideFacets
 msgid "Sorting"
@@ -281,6 +419,13 @@ msgstr ""
 msgid "Switch to"
 msgstr ""
 
+#. Default: "Target"
+#: components/Widgets/schema/footerLinksSchema
+#: components/Widgets/schema/footerLogosSchema
+#: components/Widgets/schema/headerActionsSchema
+msgid "Target"
+msgstr ""
+
 #. Default: "The {plonecms} is {copyright} 2000-{current_year} by the {plonefoundation} and friends."
 #: components/Footer/Footer
 msgid "The {plonecms} is {copyright} 2000-{current_year} by the {plonefoundation} and friends."
@@ -288,24 +433,17 @@ msgstr ""
 
 #. Default: "Title"
 #: components/Blocks/Image/schema
+#: components/Widgets/schema/footerLinksSchema
+#: components/Widgets/schema/footerLogosSchema
+#: components/Widgets/schema/headerActionsSchema
 msgid "Title"
 msgstr ""
 
-#. Default: "Uploading image"
-#: components/Blocks/Image/Edit
-msgid "Uploading image"
-msgstr ""
-
 #. Default: "Website"
 #: components/Blocks/EventMetadata/View
 msgid "Website"
 msgstr ""
 
-#. Default: "Wide"
-#: components/Widgets/AlignWidget
-msgid "Wide"
-msgstr ""
-
 #. Default: "Clear image"
 #: components/Blocks/Image/ImageSidebar
 msgid "image_block_clear"
@@ -330,8 +468,3 @@ msgstr ""
 #: components/Blocks/Listing/ListingBody
 msgid "of"
 msgstr ""
-
-#. Default: ""
-#: components/Header/Header
-msgid "siteLabel"
-msgstr ""

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "6.0.0-alpha.9",
+  "version": "6.0.0",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.ts",
-  "types": "src/types/index.d.ts",
+  "types": "src/index.ts",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/kitconcept/volto-light-theme.git"
@@ -33,24 +33,33 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "release-it": "^17.7.0",
-    "@plone/types": "1.0.0"
+    "@plone/types": "1.4.4"
   },
   "dependencies": {
+    "@dnd-kit/core": "6.0.8",
+    "@dnd-kit/sortable": "7.0.2",
+    "@dnd-kit/utilities": "3.2.2",
+    "react-animate-height": "^3.2.3",
+    "react-aria-components": "^1.7.0",
+    "react-colorful": "^5.6.1",
     "uuid": "^11.0.0",
-    "@plone/components": "^2.2.1"
+    "@plone/components": "^3.0.2"
   },
   "peerDependencies": {
     "@eeacms/volto-accordion-block": "^10.4.6",
-    "@kitconcept/volto-button-block": "^2.3.1 || ^3.0.3",
+    "@kitconcept/volto-banner-block": "^1.0.1",
+    "@kitconcept/volto-button-block": "^3.0.3",
     "@kitconcept/volto-dsgvo-banner": "^2.3.2",
     "@kitconcept/volto-heading-block": "^2.4.0",
-    "@kitconcept/volto-highlight-block": "^4.0.0",
+    "@kitconcept/volto-highlight-block": "^4.1.0",
     "@kitconcept/volto-introduction-block": "^1.0.0",
     "@kitconcept/volto-separator-block": "^4.1.2",
     "@kitconcept/volto-slider-block": "^6.3.1",
+    "@plonegovbr/volto-social-media": "^2.0.0-alpha.5",
     "classnames": "^2.2.6",
     "lodash": "4.17.21",
     "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-intl": "^3.12.1",
     "react-redux": "^8.1.2",
     "react-router-dom": "^5.2.0"

package/src/components/Blocks/EventMetadata/View.jsx

@@ -1,5 +1,4 @@
-import React from 'react';
-import { FormattedMessage, useIntl } from 'react-intl';
+import { FormattedMessage } from 'react-intl';
 import FormattedDate from '@plone/volto/components/theme/FormattedDate/FormattedDate';
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import { expandToBackendURL } from '@plone/volto/helpers/Url/Url';
@@ -7,14 +6,21 @@ import { Container } from '@plone/components';
 
 const EventMetadataView = (props) => {
   const content = props.properties;
-  const dateOptions = {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-  };
-  const intl = useIntl();
+  const isWholeDay = !!content.whole_day;
+  const isOpenEnd = !content.end || !!content.open_end;
+  const dateOptions = isWholeDay
+    ? {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+      }
+    : {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: 'numeric',
+        minute: 'numeric',
+      };
 
   return (
     <div className="block eventMetadata ">
@@ -28,26 +34,26 @@ const EventMetadataView = (props) => {
               <div className="event-detail">
                 {' '}
                 {content?.start && (
-                  <FormattedDate date={content?.start} format={dateOptions} />
-                )}{' '}
-                {intl.locale === 'de' ? ' Uhr' : ''}
+                  <FormattedDate date={content.start} format={dateOptions} />
+                )}
               </div>
               <div className="separator"></div>
             </div>
-            <div className="event-title">
-              <span className="event-heading">
-                {' '}
-                <FormattedMessage id="End" defaultMessage="End" />
-              </span>
-              <div className="event-detail">
-                {' '}
-                {content?.end && (
-                  <FormattedDate date={content?.end} format={dateOptions} />
-                )}{' '}
-                {intl.locale === 'de' ? ' Uhr' : ''}
+            {!isOpenEnd ? (
+              <div className="event-title">
+                <span className="event-heading">
+                  {' '}
+                  <FormattedMessage id="End" defaultMessage="End" />
+                </span>
+                <div className="event-detail">
+                  {' '}
+                  {content?.end && (
+                    <FormattedDate date={content.end} format={dateOptions} />
+                  )}
+                </div>
+                <div className="separator"></div>
               </div>
-              <div className="separator"></div>
-            </div>
+            ) : null}
             {content?.location && (
               <div className="event-title">
                 <span className="event-heading">

package/src/components/Blocks/Listing/DefaultTemplate.jsx

@@ -1,11 +1,10 @@
 // See Customization for more info
-import React from 'react';
 import PropTypes from 'prop-types';
 import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
-import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
-
-import { isInternalURL } from '@plone/volto/helpers/Url/Url';
+import { flattenToAppURL, isInternalURL } from '@plone/volto/helpers/Url/Url';
+import config from '@plone/volto/registry';
+import DefaultSummary from '@kitconcept/volto-light-theme/components/Summary/DefaultSummary';
 
 const DefaultTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
   let link = null;
@@ -24,16 +23,22 @@ const DefaultTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
   return (
     <>
       <div className="items">
-        {items.map((item) => (
-          <div className="listing-item" key={item['@id']}>
-            <ConditionalLink item={item} condition={!isEditMode}>
-              <div className="listing-body">
-                <h2>{item.title ? item.title : item.id}</h2>
-                <p>{item.description}</p>
-              </div>
-            </ConditionalLink>
-          </div>
-        ))}
+        {items.map((item) => {
+          const Summary =
+            config.getComponent({
+              name: 'Summary',
+              dependencies: [item['@type']],
+            }).component || DefaultSummary;
+          return (
+            <div className="listing-item" key={item['@id']}>
+              <ConditionalLink item={item} condition={!isEditMode}>
+                <div className="listing-body">
+                  <Summary item={item} HeadingTag="h2" />
+                </div>
+              </ConditionalLink>
+            </div>
+          );
+        })}
       </div>
 
       {link && <div className="footer">{link}</div>}

package/src/components/Blocks/Listing/GridTemplate.jsx

@@ -2,11 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 import Component from '@plone/volto/components/theme/Component/Component';
-import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
-
+import { flattenToAppURL, isInternalURL } from '@plone/volto/helpers/Url/Url';
 import config from '@plone/volto/registry';
-
-import { isInternalURL } from '@plone/volto/helpers/Url/Url';
+import DefaultSummary from '@kitconcept/volto-light-theme/components/Summary/DefaultSummary';
 
 const GridTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
   let link = null;
@@ -27,11 +25,15 @@ const GridTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
       <div className="items">
         {items.map((item) => {
           const ItemBodyTemplate = () => {
-            const hasType = item['@type'];
             const CustomItemBodyTemplate = config.getComponent({
               name: 'GridListingItemTemplate',
-              dependencies: [hasType],
+              dependencies: [item['@type']],
             }).component;
+            const Summary =
+              config.getComponent({
+                name: 'Summary',
+                dependencies: [item['@type']],
+              }).component || DefaultSummary;
 
             return CustomItemBodyTemplate ? (
               <CustomItemBodyTemplate item={item} />
@@ -47,12 +49,7 @@ const GridTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
                 )}
                 <div className="item">
                   <div className="content">
-                    {item?.head_title && (
-                      <div className="headline">{item.head_title}</div>
-                    )}
-
-                    <h2>{item?.title}</h2>
-                    {!item.hide_description && <p>{item?.description}</p>}
+                    <Summary item={item} HeadingTag="h2" />
                   </div>
                 </div>
               </div>

package/src/components/Blocks/Listing/SummaryTemplate.jsx

@@ -2,10 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 import Component from '@plone/volto/components/theme/Component/Component';
-import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
+import { flattenToAppURL, isInternalURL } from '@plone/volto/helpers/Url/Url';
 import config from '@plone/volto/registry';
-
-import { isInternalURL } from '@plone/volto/helpers/Url/Url';
+import DefaultSummary from '@kitconcept/volto-light-theme/components/Summary/DefaultSummary';
 
 const SummaryTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
   let link = null;
@@ -25,11 +24,15 @@ const SummaryTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
     <>
       <div className="items">
         {items.map((item) => {
-          const hasType = item['@type'];
           const CustomItemBodyTemplate = config.getComponent({
             name: 'SummaryListingItemTemplate',
-            dependencies: [hasType],
+            dependencies: [item['@type']],
           }).component;
+          const Summary =
+            config.getComponent({
+              name: 'Summary',
+              dependencies: [item['@type']],
+            }).component || DefaultSummary;
 
           const ItemBodyTemplate = () =>
             CustomItemBodyTemplate ? (
@@ -38,8 +41,7 @@ const SummaryTemplate = ({ items, linkTitle, linkHref, isEditMode }) => {
               <>
                 <Component componentName="PreviewImage" item={item} alt="" />
                 <div className="listing-body">
-                  <h3>{item.title ? item.title : item.id}</h3>
-                  <p>{item.description}</p>
+                  <Summary item={item} HeadingTag="h3" />
                 </div>
               </>
             );