design-comuni-plone-theme 12.2.2 → 12.3.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # Changelog
 
+## [12.3.0](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.2.3...v12.3.0) (2025-07-31)
+
+
+### Features
+
+* new listing and search variation - table ([#975](https://github.com/RedTurtle/design-comuni-plone-theme/issues/975)) ([79aca4a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/79aca4adad850851e9359143d87fd44bf6499395))
+
+
+### Bug Fixes
+
+* **a11y:** avoided tabbing listing image and reading the item title twice ([#972](https://github.com/RedTurtle/design-comuni-plone-theme/issues/972)) ([0c74ac1](https://github.com/RedTurtle/design-comuni-plone-theme/commit/0c74ac16006e8b742b900265377a1614b0e6480f))
+* **a11y:** fixed image focus of smallBlockLinkTemplate ([#974](https://github.com/RedTurtle/design-comuni-plone-theme/issues/974)) ([d27bcad](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d27bcad7b123c2920bffa6e2591a317243c84897))
+* locales ([ac069ed](https://github.com/RedTurtle/design-comuni-plone-theme/commit/ac069eda31301cb4622a46968df33ecebd6bc4fe))
+* progressbar a11y ([#966](https://github.com/RedTurtle/design-comuni-plone-theme/issues/966)) ([c5be555](https://github.com/RedTurtle/design-comuni-plone-theme/commit/c5be55506c6d0f787d29d5d0a166a2348f1516de))
+* sync HTML.jsx customization (lang in html tag) ([#968](https://github.com/RedTurtle/design-comuni-plone-theme/issues/968)) ([d0f09ac](https://github.com/RedTurtle/design-comuni-plone-theme/commit/d0f09acd22fb9ca3021b2eedeb7ed62e2011f399))
+
+
+### Maintenance
+
+* updated i18n ([b307141](https://github.com/RedTurtle/design-comuni-plone-theme/commit/b30714137c408a61f996361528e3a2e7094f6101))
+
+
+### Documentation
+
+* updated publiccode and release log ([f3f8457](https://github.com/RedTurtle/design-comuni-plone-theme/commit/f3f845751f47db45aa8a2e8143cb9d393c0dffd5))
+
+## [12.2.3](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.2.2...v12.2.3) (2025-07-17)
+
+
+### Bug Fixes
+
+* added role='menuitem' to links inside dropdown to fix menubar role hierarchy ([#967](https://github.com/RedTurtle/design-comuni-plone-theme/issues/967)) ([521460a](https://github.com/RedTurtle/design-comuni-plone-theme/commit/521460a6477c1fc647a1a60a04111ed2db37381c))
+
+
+### Documentation
+
+* updated publiccode ([6b3ce2c](https://github.com/RedTurtle/design-comuni-plone-theme/commit/6b3ce2ce87761ec40c20960e53cc2166b65d5146))
+
 ## [12.2.2](https://github.com/RedTurtle/design-comuni-plone-theme/compare/v12.2.1...v12.2.2) (2025-07-14)
 
 

package/RELEASE.md

@@ -41,6 +41,17 @@
 - ...
  -->
 
+## Versione 12.3.0 (31/07/2025)
+
+### Novità
+
+- Nuovo tipo di blocco Elenco disponibile: Tabella
+
+### Fix
+
+- Migliorata l'accessibilità nel blocco elenco Link solo Immagini, ora il focus si vede in tutte le immagini.
+- Rimossa la possibilità di raggiungere tramite Tab le immagini nei card quando sono link, evitando doppie letture del titolo.
+
 ## Versione 12.2.2 (14/07/2025)
 
 ### Fix

package/locales/de/LC_MESSAGES/volto.po

@@ -4012,6 +4012,7 @@ msgid "sideMenuIndex"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Navigazione della pagina
 msgid "sideMenuNavigation"
 msgstr ""
@@ -4244,6 +4245,46 @@ msgstr ""
 msgid "supported_by"
 msgstr ""
 
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colore delle righe alternato
+msgid "table_variation_alternate_rows"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonne della tabella
+msgid "table_variation_columns"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonna
+msgid "table_variaton_column"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Tipo di contenuto
+msgid "table_variaton_ct"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Campo
+msgid "table_variaton_field"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo
+msgid "table_variaton_title"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo della colonna. Se vuoi, puoi modificare il titolo di default.
+msgid "table_variaton_title_description"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/TableTemplate
+# defaultMessage: Titolo
+msgid "tabletemplate_column_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/ContactLink
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
 #: helpers/contentHelper

package/locales/en/LC_MESSAGES/volto.po

@@ -3997,6 +3997,7 @@ msgid "sideMenuIndex"
 msgstr "Page index"
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Navigazione della pagina
 msgid "sideMenuNavigation"
 msgstr "Elements of the sidebar menu"
@@ -4229,6 +4230,46 @@ msgstr "Next"
 msgid "supported_by"
 msgstr "Supported by"
 
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colore delle righe alternato
+msgid "table_variation_alternate_rows"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonne della tabella
+msgid "table_variation_columns"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonna
+msgid "table_variaton_column"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Tipo di contenuto
+msgid "table_variaton_ct"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Campo
+msgid "table_variaton_field"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo
+msgid "table_variaton_title"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo della colonna. Se vuoi, puoi modificare il titolo di default.
+msgid "table_variaton_title_description"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/TableTemplate
+# defaultMessage: Titolo
+msgid "tabletemplate_column_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/ContactLink
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
 #: helpers/contentHelper

package/locales/es/LC_MESSAGES/volto.po

@@ -4006,6 +4006,7 @@ msgid "sideMenuIndex"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Navigazione della pagina
 msgid "sideMenuNavigation"
 msgstr ""
@@ -4238,6 +4239,46 @@ msgstr ""
 msgid "supported_by"
 msgstr "Con el apoyo de"
 
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colore delle righe alternato
+msgid "table_variation_alternate_rows"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonne della tabella
+msgid "table_variation_columns"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonna
+msgid "table_variaton_column"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Tipo di contenuto
+msgid "table_variaton_ct"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Campo
+msgid "table_variaton_field"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo
+msgid "table_variaton_title"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo della colonna. Se vuoi, puoi modificare il titolo di default.
+msgid "table_variaton_title_description"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/TableTemplate
+# defaultMessage: Titolo
+msgid "tabletemplate_column_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/ContactLink
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
 #: helpers/contentHelper

package/locales/fr/LC_MESSAGES/volto.po

@@ -4014,6 +4014,7 @@ msgid "sideMenuIndex"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Navigazione della pagina
 msgid "sideMenuNavigation"
 msgstr ""
@@ -4246,6 +4247,46 @@ msgstr ""
 msgid "supported_by"
 msgstr ""
 
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colore delle righe alternato
+msgid "table_variation_alternate_rows"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonne della tabella
+msgid "table_variation_columns"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonna
+msgid "table_variaton_column"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Tipo di contenuto
+msgid "table_variaton_ct"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Campo
+msgid "table_variaton_field"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo
+msgid "table_variaton_title"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo della colonna. Se vuoi, puoi modificare il titolo di default.
+msgid "table_variaton_title_description"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/TableTemplate
+# defaultMessage: Titolo
+msgid "tabletemplate_column_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/ContactLink
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
 #: helpers/contentHelper

package/locales/it/LC_MESSAGES/volto.po

@@ -3997,6 +3997,7 @@ msgid "sideMenuIndex"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Navigazione della pagina
 msgid "sideMenuNavigation"
 msgstr ""
@@ -4229,6 +4230,46 @@ msgstr "Successivo"
 msgid "supported_by"
 msgstr "Con il supporto di"
 
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colore delle righe alternato
+msgid "table_variation_alternate_rows"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonne della tabella
+msgid "table_variation_columns"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonna
+msgid "table_variaton_column"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Tipo di contenuto
+msgid "table_variaton_ct"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Campo
+msgid "table_variaton_field"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo
+msgid "table_variaton_title"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo della colonna. Se vuoi, puoi modificare il titolo di default.
+msgid "table_variaton_title_description"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/TableTemplate
+# defaultMessage: Titolo
+msgid "tabletemplate_column_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/ContactLink
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
 #: helpers/contentHelper

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2025-04-29T19:12:18.732Z\n"
+"POT-Creation-Date: 2025-07-31T15:01:52.709Z\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"
@@ -3999,6 +3999,7 @@ msgid "sideMenuIndex"
 msgstr ""
 
 #: components/ItaliaTheme/View/Commons/SideMenu
+#: components/ItaliaTheme/View/Commons/SideMenuByTitles
 # defaultMessage: Navigazione della pagina
 msgid "sideMenuNavigation"
 msgstr ""
@@ -4231,6 +4232,46 @@ msgstr ""
 msgid "supported_by"
 msgstr ""
 
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colore delle righe alternato
+msgid "table_variation_alternate_rows"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonne della tabella
+msgid "table_variation_columns"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Colonna
+msgid "table_variaton_column"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Tipo di contenuto
+msgid "table_variaton_ct"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Campo
+msgid "table_variaton_field"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo
+msgid "table_variaton_title"
+msgstr ""
+
+#: config/Blocks/ListingOptions/tableTemplate
+# defaultMessage: Titolo della colonna. Se vuoi, puoi modificare il titolo di default.
+msgid "table_variaton_title_description"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Listing/TableTemplate
+# defaultMessage: Titolo
+msgid "tabletemplate_column_title"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/ContactLink
 #: components/ItaliaTheme/View/PuntoDiContattoView/PuntoDiContattoView
 #: helpers/contentHelper

package/package.json

@@ -2,7 +2,7 @@
   "name": "design-comuni-plone-theme",
   "description": "Volto Theme for Italia design guidelines",
   "license": "GPL-v3",
-  "version": "12.2.2",
+  "version": "12.3.0",
   "main": "src/index.js",
   "repository": {
     "type": "git",

package/publiccode.yml

@@ -227,9 +227,9 @@ maintenance:
 name: io-Comune - Il sito AgID per Comuni ed Enti Pubblici
 platforms:
   - web
-releaseDate: '2025-07-14'
+releaseDate: '2025-07-31'
 softwareType: standalone/web
-softwareVersion: 12.2.2
+softwareVersion: 12.3.0
 url: 'https://github.com/italia/design-comuni-plone-theme'
 usedBy:
   - ASP Comuni Modenesi Area Nord

package/src/actions/getCTSchema.js

@@ -0,0 +1,13 @@
+export const GET_CT_SCHEMA = 'GET_CT_SCHEMA';
+
+export function getCTSchema(type, url) {
+  url = typeof url !== 'undefined' ? url : '';
+  return {
+    type: GET_CT_SCHEMA,
+    subrequest: type,
+    request: {
+      op: 'get',
+      path: `${url}/@types/${type}`,
+    },
+  };
+}

package/src/actions/index.js

@@ -39,6 +39,7 @@ import {
   getSearchBandiFilters,
   GET_SEARCH_BANDI_FILTERS,
 } from './getSearchBandiFilters';
+import { getCTSchema, GET_CT_SCHEMA } from './getCTSchema';
 
 export {
   getSearchFilters,
@@ -62,4 +63,6 @@ export {
   getSearchBandiFilters,
   GET_SEARCH_BANDI_FILTERS,
   resetQuerystringResults,
+  getCTSchema,
+  GET_CT_SCHEMA,
 };

package/src/components/ItaliaTheme/Blocks/Listing/Commons/ListingImage.jsx

@@ -8,7 +8,7 @@ const ListingImageWrapper = ({ children, item, noWrapLink }) => {
   return noWrapLink ? (
     children
   ) : (
-    <UniversalLink item={item} className="img-wrapper">
+    <UniversalLink item={item} className="img-wrapper" tabIndex="-1">
       {children}
     </UniversalLink>
   );

package/src/components/ItaliaTheme/Blocks/Listing/TableTemplate.jsx

@@ -0,0 +1,163 @@
+/*
+ * Template a tabella
+ */
+import React, { useEffect } from 'react';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import { useDispatch, useSelector } from 'react-redux';
+import { useIntl, defineMessages } from 'react-intl';
+import { getCTSchema } from 'design-comuni-plone-theme/actions';
+import { Table, Container } from 'design-react-kit';
+import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
+
+import { ListingLinkMore } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { getWidget } from '@plone/volto/helpers/Widget/utils';
+
+import config from '@plone/volto/registry';
+
+const messages = defineMessages({
+  title: { id: 'tabletemplate_column_title', defaultMessage: 'Titolo' },
+});
+
+const TableTemplate = (props) => {
+  const {
+    columns,
+    alternate_rows,
+    items,
+    isEditMode,
+    linkAlign,
+    linkTitle,
+    linkHref,
+    linkmore_id_lighthouse,
+  } = props;
+
+  const intl = useIntl();
+  const { views } = config.widgets;
+
+  // necessario per gli edditor nel momento in cui aggiungono nuove colonne
+  const ct_schema = useSelector((state) => state.ct_schema?.subrequests);
+
+  let render_columns =
+    (columns ?? []).filter((c) => c.field === 'title').length > 0
+      ? columns
+      : [
+          { field: 'title', title: intl.formatMessage(messages.title) },
+          ...(columns ?? []),
+        ];
+  return (
+    <div className="table-template">
+      <Container className="px-4 pt-3">
+        <Table size="sm" responsive bordered striped={alternate_rows ?? false}>
+          <thead className="table-light">
+            <tr>
+              {render_columns.map((c, index) => {
+                const field_properties =
+                  c.field_properties ??
+                  ct_schema?.[c.ct]?.result?.properties?.[c.field] ??
+                  {};
+
+                return (
+                  <th
+                    scope="col"
+                    className={cx(c.ct + '-' + c.field, {
+                      'date-column':
+                        field_properties.widget === 'date' ||
+                        field_properties.widget === 'datetime',
+                    })}
+                    key={index}
+                  >
+                    {c.title}
+                  </th>
+                );
+              })}
+            </tr>
+          </thead>
+          <tbody>
+            {items.map((item, index) => (
+              <tr key={index}>
+                {render_columns.map((c, index) => {
+                  const field_properties =
+                    c.field_properties ??
+                    ct_schema?.[c.ct]?.result?.properties?.[c.field] ??
+                    {};
+                  let render_value = JSON.stringify(item[c.field]);
+
+                  if (field_properties) {
+                    const field = {
+                      ...field_properties,
+                      id: c.field,
+                      widget: getWidget(c.field, field_properties),
+                    };
+                    const Widget = views?.getWidget(field);
+
+                    const widget_props = {
+                      behavior: field_properties.behavior,
+                    };
+                    switch (c.field) {
+                      case 'apertura_bando':
+                      case 'chiusura_procedimento_bando':
+                      case 'scadenza_domande_bando':
+                      case 'scadenza_bando':
+                        widget_props.format = 'DD MMM yyyy';
+                        break;
+                      default:
+                        break;
+                    }
+                    // rimuove ora, se non valorizzata
+                    if (
+                      field_properties.widget === 'datetime' &&
+                      c.field !== 'whole_day' &&
+                      c.field !== 'open_end' &&
+                      item?.[c.field]?.indexOf('T00:00') > 0
+                    ) {
+                      widget_props.format = 'DD MMM yyyy';
+                    }
+                    if (field_properties.vocabulary) {
+                      widget_props.vocabulary =
+                        field_properties.vocabulary['@id'];
+                    }
+                    render_value = (
+                      <Widget value={item[c.field]} {...widget_props} />
+                    );
+                  }
+                  if (c.field === 'title') {
+                    render_value = (
+                      <UniversalLink
+                        item={!isEditMode ? item : null}
+                        href={isEditMode ? '#' : ''}
+                        className="img-link"
+                      >
+                        {item[c.field]}
+                      </UniversalLink>
+                    );
+                  }
+
+                  // return <td key={index}>ciao</td>;
+                  return <td key={index}>{render_value}</td>;
+                })}
+              </tr>
+            ))}
+          </tbody>
+        </Table>
+
+        <ListingLinkMore
+          title={linkTitle}
+          href={linkHref}
+          linkAlign={linkAlign}
+          className="my-4"
+          linkmoreIdLighthouse={linkmore_id_lighthouse}
+        />
+      </Container>
+    </div>
+  );
+};
+
+TableTemplate.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  linkTitle: PropTypes.any,
+  linkHref: PropTypes.any,
+  isEditMode: PropTypes.bool,
+  title: PropTypes.string,
+};
+
+export default TableTemplate;

package/src/components/ItaliaTheme/Blocks/Listing/TemplatesSkeletons/TableTemplateSkeleton.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Row, Col, Table, Container } from 'design-react-kit';
+
+const SimpleListTemplateSkeleton = (props) => {
+  const { title, linkHref } = props;
+  return (
+    <div className="table-skeleton-template">
+      <Container className="px-4">
+        <div className="skeleton-template">
+          {title && (
+            <Row>
+              <Col>
+                <h2 className="mb-4">{title}</h2>
+              </Col>
+            </Row>
+          )}
+
+          <Table size="sm" responsive bordered>
+            <thead>
+              <tr>
+                {[0, 1, 2, 3, 4].map((i) => (
+                  <th scope="col" key={i}></th>
+                ))}
+              </tr>
+            </thead>
+            <tbody>
+              {[0, 1, 2, 3, 4, 5, 6].map((i) => (
+                <tr key={i}>
+                  {[0, 1, 2, 3, 4].map((i) => (
+                    <td key={i}></td>
+                  ))}
+                </tr>
+              ))}
+            </tbody>
+          </Table>
+          {linkHref && <div className="link-button text-center my-5"></div>}
+        </div>
+      </Container>
+    </div>
+  );
+};
+
+SimpleListTemplateSkeleton.propTypes = {
+  linkHref: PropTypes.any,
+  isEditMode: PropTypes.bool,
+  title: PropTypes.string,
+};
+
+export default SimpleListTemplateSkeleton;