@kitconcept/volto-light-theme 2.0.0 → 2.1.0

package/.github/workflows/acceptance.yml

@@ -1,5 +1,5 @@
 name: Acceptance tests
-on: [push]
+on: [push, pull_request]
 
 env:
   ADDON_NAME: "@kitconcept/volto-light-theme"
@@ -9,6 +9,7 @@ env:
 jobs:
 
   acceptance:
+    if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
     runs-on: ubuntu-latest
     steps:
       - name: Checkout

package/.github/workflows/code.yml

@@ -1,7 +1,8 @@
 name: Code analysis checks
-on: [push]
+on: [push, pull_request]
 jobs:
   codeanalysis:
+    if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
     runs-on: ubuntu-latest
     strategy:
       matrix:

package/.github/workflows/unit.yml

@@ -1,7 +1,8 @@
 name: Unit Tests
-on: [push]
+on: [push, pull_request]
 jobs:
   unit:
+    if: github.event_name != 'pull_request' || github.event.pull_request.head.repo.full_name != github.event.pull_request.base.repo.full_name
     runs-on: ubuntu-latest
     strategy:
       matrix:

package/CHANGELOG.md

@@ -8,6 +8,36 @@
 
 <!-- towncrier release notes start -->
 
+## 2.1.0 (2023-12-13)
+
+### Feature
+
+- Added Image Gallery Listing Metadata @robgietema [#127](https://github.com/kitconcept/volto-light-theme/pull/127)
+- Add Brazilian Portuguese translation [@ericof] [#294](https://github.com/kitconcept/volto-light-theme/pull/294)
+
+### Bugfix
+
+- Also clean up Navigation PropTypes @fredvd [#272b](https://github.com/kitconcept/volto-light-theme/pull/272b)
+- Fix css of External link icon indicator @iRohitSingh [#91](https://github.com/kitconcept/volto-light-theme/pull/91)
+- Fix css of Sitemap @iRohitSingh [#209](https://github.com/kitconcept/volto-light-theme/pull/209)
+- Fixed css errors in the header and image scss files @ichim-david
+  All the mobile menu items are now links @ichim-david
+  Close buttons are now tabbable @ichim-david
+  Close menu when hitting the escape key @ichim-david [#264](https://github.com/kitconcept/volto-light-theme/pull/264)
+- Use only one set of values for container widths which can be modified from variables @ichim-david [#265](https://github.com/kitconcept/volto-light-theme/pull/265)
+- Update contentMetadataTagsImageField settings to use preview_image field.  @iRohitSingh [#274](https://github.com/kitconcept/volto-light-theme/pull/274)
+- Removed the "overview" React Message from Fat Menu @Molochem [#276](https://github.com/kitconcept/volto-light-theme/pull/276)
+- Moved custom font loading to a separate fonts.scss @ichim-david
+  Added variable definitions for loading the cms font instead of hard-coding to Metropolis @ichim-david [#279](https://github.com/kitconcept/volto-light-theme/pull/279)
+- Minor style fixes for hamburger menu icon @danalvrz [#281](https://github.com/kitconcept/volto-light-theme/pull/281)
+- Don't force aspect ratio for the Image content type view @iRohitSingh [#293](https://github.com/kitconcept/volto-light-theme/pull/293)
+
+### Internal
+
+- Run CI workflows for external PRs. @davisagli [#271](https://github.com/kitconcept/volto-light-theme/pull/271)
+- Remove old code from navigation component @steffenri [#272](https://github.com/kitconcept/volto-light-theme/pull/272)
+- Remove Hero Block @iRohitSingh [#278](https://github.com/kitconcept/volto-light-theme/pull/278)
+
 ## 2.0.0 (2023-11-16)
 
 ### Breaking

package/locales/de/LC_MESSAGES/volto.po

@@ -53,6 +53,7 @@ msgid "Center"
 msgstr "Mittig"
 
 #: components/MobileNavigation/MobileNavigation
+#: components/Navigation/Navigation
 # defaultMessage: Close menu
 msgid "Close menu"
 msgstr "Menü schließen"
@@ -164,10 +165,9 @@ msgid "Open menu"
 msgstr "Menü öffnen"
 
 #: components/MobileNavigation/MobileNavigation
-#: components/Navigation/Navigation
 # defaultMessage: Overview
 msgid "Overview"
-msgstr ""
+msgstr "Übersicht"
 
 #: components/Theme/EventView
 # defaultMessage: Phone

package/locales/en/LC_MESSAGES/volto.po

@@ -47,6 +47,7 @@ msgid "Center"
 msgstr ""
 
 #: components/MobileNavigation/MobileNavigation
+#: components/Navigation/Navigation
 # defaultMessage: Close menu
 msgid "Close menu"
 msgstr ""
@@ -158,7 +159,6 @@ msgid "Open menu"
 msgstr ""
 
 #: components/MobileNavigation/MobileNavigation
-#: components/Navigation/Navigation
 # defaultMessage: Overview
 msgid "Overview"
 msgstr ""

package/locales/pt_BR/volto.po

@@ -0,0 +1,317 @@
+msgid ""
+msgstr ""
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language: \n"
+"Language-Team: \n"
+"Content-Type: \n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Back
+msgid "Back"
+msgstr "Voltar"
+
+#: components/Blocks/schema
+# defaultMessage: Background color
+msgid "Background color"
+msgstr "Cor de fundo"
+
+#: components/Blocks/Button/schema
+# defaultMessage: Block Width
+msgid "Block Width"
+msgstr "Largura do bloco"
+
+#: components/Breadcrumbs/Breadcrumbs
+# defaultMessage: Breadcrumbs
+msgid "Breadcrumbs"
+msgstr "Breadcrumbs"
+
+#: components/Blocks/Image/Edit
+# defaultMessage: Browse the site, drop an image, or type an URL
+msgid "Browse the site, drop an image, or type an URL"
+msgstr "Encontre no site, envie uma imagem ou cole uma URL"
+
+#: components/Blocks/Slider/schema
+# defaultMessage: Button text
+msgid "Button text"
+msgstr "Texto do botão"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Center
+msgid "Center"
+msgstr "Centralizado"
+
+#: components/MobileNavigation/MobileNavigation
+#: components/Navigation/Navigation
+# defaultMessage: Close menu
+msgid "Close menu"
+msgstr "Fechar menu"
+
+#: components/Theme/EventView
+# defaultMessage: Contact
+msgid "Contact"
+msgstr "Contato"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Continue reading
+msgid "Continue reading"
+msgstr "Continue lendo"
+
+#: components/Footer/Footer
+# defaultMessage: Copyright
+msgid "Copyright"
+msgstr "Copyright"
+
+#: components/Blocks/Image/schema
+# defaultMessage: Description
+msgid "Description"
+msgstr "Descrição"
+
+#: components/Footer/Footer
+# defaultMessage: Distributed under the {license}.
+msgid "Distributed under the {license}."
+msgstr "Distribuído sob a licença {license}."
+
+#: components/Theme/EventView
+# defaultMessage: End
+msgid "End"
+msgstr "Término"
+
+#: components/Blocks/Slider/schema
+# defaultMessage: Flag align
+msgid "Flag align"
+msgstr "Alinhar"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Full
+msgid "Full"
+msgstr "Completo"
+
+#: components/Footer/Footer
+# defaultMessage: GNU GPL license
+msgid "GNU GPL license"
+msgstr "Licença GNU GPL"
+
+#: components/Blocks/Slider/schema
+# defaultMessage: Hide Button
+msgid "Hide Button"
+msgstr "Ocultar botão"
+
+#: components/Breadcrumbs/Breadcrumbs
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Home
+msgid "Home"
+msgstr "Início"
+
+#: components/Theme/EventView
+# defaultMessage: ICS Download
+msgid "ICS-Download"
+msgstr "Baixar ICS"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: Image
+msgid "Image"
+msgstr "Imagem"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Left
+msgid "Left"
+msgstr "Esquerda"
+
+#: components/Theme/EventView
+# defaultMessage: Location
+msgid "Location"
+msgstr "Local"
+
+#: components/Anontools/Anontools
+# defaultMessage: Log in
+msgid "Log in"
+msgstr "Entrar"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Next Page
+msgid "Next Page"
+msgstr "Próxima página"
+
+#: components/Theme/EventView
+# defaultMessage: No date
+msgid "No date"
+msgstr "Sem data"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: No image selected
+msgid "No image selected"
+msgstr "Nenhuma imagem selecionada"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: No items found in this container.
+msgid "No items found in this container."
+msgstr "Nenhum item encontrado nesta pasta"
+
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Open menu
+msgid "Open menu"
+msgstr "Abrir o menu"
+
+#: components/MobileNavigation/MobileNavigation
+# defaultMessage: Overview
+msgid "Overview"
+msgstr "Geral"
+
+#: components/Theme/EventView
+# defaultMessage: Phone
+msgid "Phone"
+msgstr "Telefone"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Please choose an existing content as source for this element
+msgid "Please choose an existing content as source for this element"
+msgstr "Por favor, escolha um conteúdo existente como fonte para esse elemento"
+
+#: components/Footer/Footer
+# defaultMessage: Plone Foundation
+msgid "Plone Foundation"
+msgstr "Plone Foundation"
+
+#: components/Logo/Logo
+# defaultMessage: Plone Site
+msgid "Plone Site"
+msgstr "Site Plone"
+
+#: components/Footer/Footer
+# defaultMessage: Plone{reg} Open Source CMS/WCM
+msgid "Plone{reg} Open Source CMS/WCM"
+msgstr "Plone{reg} Open Source CMS/WCM"
+
+#: components/Footer/Footer
+# defaultMessage: Powered by Plone & Python
+msgid "Powered by Plone & Python"
+msgstr "Feito com Plone & Python"
+
+#: index
+# defaultMessage: Press
+msgid "Press"
+msgstr "Imprensa"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Previous Page
+msgid "Previous Page"
+msgstr "Página anterior"
+
+#: components/Anontools/Anontools
+# defaultMessage: Register
+msgid "Register"
+msgstr "Criar conta"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Result
+msgid "Result"
+msgstr "Resultado"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Right
+msgid "Right"
+msgstr "Direita"
+
+#: components/Blocks/Search/components/SearchInput
+#: components/Blocks/Search/TopSideFacets
+#: components/SearchWidget/SearchWidget
+# defaultMessage: Search
+msgid "Search"
+msgstr "Buscar"
+
+#: components/SearchWidget/SearchWidget
+# defaultMessage: Search Site
+msgid "Search Site"
+msgstr "Buscar no site"
+
+#: components/Blocks/Search/components/SearchDetails
+# defaultMessage: Search results
+msgid "Search results"
+msgstr "Resultados de busca"
+
+#: components/Blocks/Search/components/SearchDetails
+# defaultMessage: Searched for
+msgid "Searched for"
+msgstr "Busca por"
+
+#: components/Logo/Logo
+# defaultMessage: Site
+msgid "Site"
+msgstr "Site"
+
+#: components/Header/Header
+#: index
+# defaultMessage: Sitemap
+msgid "Sitemap"
+msgstr "Mapa do Site"
+
+#: components/Blocks/Search/TopSideFacets
+# defaultMessage: Sorting
+msgid "Sorting"
+msgstr "Ordenação"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: Source
+msgid "Source"
+msgstr "Fonte"
+
+#: components/Theme/EventView
+# defaultMessage: Start
+msgid "Start"
+msgstr "Início"
+
+#: components/Footer/Footer
+# defaultMessage: The {plonecms} is {copyright} 2000-{current_year} by the {plonefoundation} and friends.
+msgid "The {plonecms} is {copyright} 2000-{current_year} by the {plonefoundation} and friends."
+msgstr "O {plonecms} tem {copyright} 2000-{current_year} pela {plonefoundation} e comunidade."
+
+#: components/Blocks/Image/schema
+# defaultMessage: Title
+msgid "Title"
+msgstr "Título"
+
+#: components/Blocks/Image/Edit
+# defaultMessage: Uploading image
+msgid "Uploading image"
+msgstr "Enviando imagem"
+
+#: components/Theme/EventView
+# defaultMessage: Website
+msgid "Website"
+msgstr "Site"
+
+#: components/Widgets/AlignWidget
+# defaultMessage: Wide
+msgid "Wide"
+msgstr "Largo"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: Clear image
+msgid "image_block_clear"
+msgstr "Remover imagem"
+
+#: components/Blocks/Image/ImageSidebar
+# defaultMessage: Image preview
+msgid "image_block_preview"
+msgstr "Preview da imagem"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: Loading
+msgid "loading"
+msgstr "carregando"
+
+#: components/Blocks/Slider/DefaultBody
+# defaultMessage: More info
+msgid "moreInfo"
+msgstr "Mais informações"
+
+#: components/Blocks/Listing/ListingBody
+# defaultMessage: of
+msgid "of"
+msgstr "de"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-11-16T10:36:14.134Z\n"
+"POT-Creation-Date: 2023-11-30T13:23:01.241Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -49,6 +49,7 @@ msgid "Center"
 msgstr ""
 
 #: components/MobileNavigation/MobileNavigation
+#: components/Navigation/Navigation
 # defaultMessage: Close menu
 msgid "Close menu"
 msgstr ""
@@ -160,7 +161,6 @@ msgid "Open menu"
 msgstr ""
 
 #: components/MobileNavigation/MobileNavigation
-#: components/Navigation/Navigation
 # defaultMessage: Overview
 msgid "Overview"
 msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitconcept/volto-light-theme",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Volto Light Theme by kitconcept",
   "main": "src/index.js",
   "repository": {

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

@@ -0,0 +1,126 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
+import 'react-image-gallery/styles/css/image-gallery.css';
+import { Button } from 'semantic-ui-react';
+import { Icon } from '@plone/volto/components';
+import { flattenToAppURL } from '@plone/volto/helpers';
+import config from '@plone/volto/registry';
+
+import galleryLeftSVG from '../../../icons/left-key.svg';
+import galleryRightSVG from '../../../icons/right-key.svg';
+import galleryPlaySVG from '../../../icons/play.svg';
+import galleryPauseSVG from '../../../icons/pause.svg';
+import galleryFullScreenSVG from '../../../icons/fullscreen.svg';
+import galleryBackDownSVG from '../../../icons/back-down.svg';
+
+const ImageGallery = loadable(() => import('react-image-gallery'));
+
+const renderLeftNav = (onClick, disabled) => {
+  return (
+    <Button
+      className="image-gallery-icon image-gallery-left-nav primary basic"
+      disabled={disabled}
+      onClick={onClick}
+    >
+      <Icon name={galleryLeftSVG} size="48px" fill="black" />
+    </Button>
+  );
+};
+const renderRightNav = (onClick, disabled) => {
+  return (
+    <Button
+      className="image-gallery-icon image-gallery-right-nav primary basic"
+      disabled={disabled}
+      onClick={onClick}
+    >
+      <Icon name={galleryRightSVG} size="48px" />
+    </Button>
+  );
+};
+
+const renderPlayPauseButton = (onClick, isPlaying) => (
+  <Button
+    type="button"
+    className="image-gallery-icon image-gallery-play-button basic primary"
+    onClick={onClick}
+    aria-label="Play or Pause Slideshow"
+  >
+    {isPlaying ? (
+      <Icon name={galleryPauseSVG} size="48px" />
+    ) : (
+      <Icon name={galleryPlaySVG} size="48px" />
+    )}
+  </Button>
+);
+
+const renderFullscreenButton = (onClick, isFullscreen) => {
+  return (
+    <Button
+      type="button"
+      className="image-gallery-icon image-gallery-fullscreen-button primary basic"
+      onClick={onClick}
+      aria-label="Open Fullscreen"
+    >
+      {isFullscreen ? (
+        <Icon name={galleryBackDownSVG} size="48px" />
+      ) : (
+        <Icon name={galleryFullScreenSVG} size="48px" />
+      )}
+    </Button>
+  );
+};
+
+const ImageGalleryTemplate = ({ items }) => {
+  const { settings } = config;
+  const renderItems = items.filter(
+    (content) =>
+      settings.imageObjects.includes(content['@type']) && content.image_field,
+  );
+  const imagesInfo = renderItems.map((item) => {
+    return {
+      original: `${flattenToAppURL(item['@id'])}/@@images/${
+        item.image_field
+      }/large`,
+      thumbnail: `${flattenToAppURL(item['@id'])}/@@images/${
+        item.image_field
+      }/thumb`,
+      description: (
+        <>
+          <div className="title">{item.title}</div>
+          <div className="description">{item.description}</div>
+          <div className="download">
+            <a
+              href={`${flattenToAppURL(item['@id'])}/@@images/${
+                item.image_field
+              }/huge`}
+              download
+            >
+              download
+            </a>
+          </div>
+          <div className="credits">{item.copyright_and_sources}</div>
+        </>
+      ),
+    };
+  });
+
+  return (
+    renderItems.length > 0 && (
+      <ImageGallery
+        items={imagesInfo}
+        renderLeftNav={renderLeftNav}
+        renderRightNav={renderRightNav}
+        renderPlayPauseButton={renderPlayPauseButton}
+        renderFullscreenButton={renderFullscreenButton}
+        lazyLoad={true}
+      />
+    )
+  );
+};
+
+ImageGalleryTemplate.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+};
+
+export default ImageGalleryTemplate;