@strapi/admin 4.12.0-beta.1 → 4.12.0-beta.3

package/admin/src/content-manager/pages/ListView/index.js

@@ -10,6 +10,11 @@ import {
   HeaderLayout,
   useNotifyAT,
   Flex,
+  Td,
+  Tr,
+  Typography,
+  Status,
+  lightTheme,
 } from '@strapi/design-system';
 import {
   NoPermissions,
@@ -23,14 +28,13 @@ import {
   useTracking,
   Link,
   useAPIErrorHandler,
-  getYupInnerErrors,
   useStrapiApp,
-  DynamicTable,
+  Table,
   PaginationURLQuery,
   PageSizeURLQuery,
 } from '@strapi/helper-plugin';
 import { ArrowLeft, Cog, Plus } from '@strapi/icons';
-import axios from 'axios';
+import axios, { AxiosError } from 'axios';
 import isEqual from 'lodash/isEqual';
 import PropTypes from 'prop-types';
 import { stringify } from 'qs';
@@ -46,14 +50,13 @@ import { useEnterprise } from '../../../hooks/useEnterprise';
 import { selectAdminPermissions } from '../../../pages/App/selectors';
 import { InjectionZone } from '../../../shared/components';
 import AttributeFilter from '../../components/AttributeFilter';
-import BulkActionsBar from '../../components/DynamicTable/BulkActionsBar';
-import { createYupSchema, getRequestUrl, getTrad } from '../../utils';
+import { getRequestUrl, getTrad } from '../../utils';
 
 import { getData, getDataSucceeded, onChangeListHeaders, onResetListHeaders } from './actions';
-import { ConfirmDialogDelete } from './components/ConfirmDialogDelete';
-import { ConfirmDialogDeleteAll } from './components/ConfirmDialogDeleteAll';
+import { Body } from './components/Body';
+import BulkActionButtons from './components/BulkActionButtons';
+import CellContent from './components/CellContent';
 import { FieldPicker } from './components/FieldPicker';
-import { TableRows } from './components/TableRows';
 import makeSelectListView, { selectDisplayedHeaders } from './selectors';
 import { buildValidGetParams } from './utils';
 
@@ -66,6 +69,7 @@ const ConfigureLayoutBox = styled(Box)`
 `;
 
 const REVIEW_WORKFLOW_COLUMNS_CE = null;
+const REVIEW_WORKFLOW_COLUMNS_CELL_CE = () => null;
 
 function ListView({
   canCreate,
@@ -88,7 +92,7 @@ function ListView({
     metadatas,
     settings: { bulkable: isBulkable, filterable: isFilterable, searchable: isSearchable },
   } = contentType;
-
+  const [isConfirmDeleteRowOpen, setIsConfirmDeleteRowOpen] = React.useState(false);
   const toggleNotification = useNotification();
   const { trackUsage } = useTracking();
   const { refetchPermissions } = useRBACProvider();
@@ -124,29 +128,18 @@ function ListView({
       enabled: !!options?.reviewWorkflows,
     }
   );
-
-  const { post, del } = fetchClient;
-
-  const bulkPublishMutation = useMutation(
-    (data) =>
-      post(`/content-manager/collection-types/${contentType.uid}/actions/bulkPublish`, data),
+  const ReviewWorkflowsStage = useEnterprise(
+    REVIEW_WORKFLOW_COLUMNS_CELL_CE,
+    async () =>
+      (await import('../../../../../ee/admin/content-manager/pages/ListView/ReviewWorkflowsColumn'))
+        .ReviewWorkflowsStageEE,
     {
-      onSuccess() {
-        toggleNotification({
-          type: 'success',
-          message: { id: 'content-manager.success.record.publish', defaultMessage: 'Published' },
-        });
-
-        fetchData(`/content-manager/collection-types/${slug}`, { params });
-      },
-      onError(error) {
-        toggleNotification({
-          type: 'warning',
-          message: formatAPIError(error),
-        });
-      },
+      enabled: hasReviewWorkflows,
     }
   );
+
+  const { post, del } = fetchClient;
+
   const bulkUnpublishMutation = useMutation(
     (data) =>
       post(`/content-manager/collection-types/${contentType.uid}/actions/bulkUnpublish`, data),
@@ -271,66 +264,6 @@ function ListView({
     [slug, toggleNotification, formatAPIError, del, fetchData, params]
   );
 
-  /**
-   * @param {number[]} selectedEntries - Array of ids to publish
-   * @returns {{validIds: number[], errors: Object.<number, string>}} - Returns an object with the valid ids and the errors
-   */
-  const validateEntriesToPublish = async (selectedEntries) => {
-    const validations = { validIds: [], errors: {} };
-    // Create the validation schema based on the contentType
-    const schema = createYupSchema(
-      contentType,
-      { components: layout.components },
-      { isDraft: false }
-    );
-    // Get the selected entries
-    const entries = data.filter((entry) => {
-      return selectedEntries.includes(entry.id);
-    });
-    // Validate each entry and map the unresolved promises
-    const validationPromises = entries.map((entry) =>
-      schema.validate(entry, { abortEarly: false })
-    );
-    // Resolve all the promises in one go
-    const resolvedPromises = await Promise.allSettled(validationPromises);
-    // Set the validations
-    resolvedPromises.forEach((promise) => {
-      if (promise.status === 'rejected') {
-        const entityId = promise.reason.value.id;
-        validations.errors[entityId] = getYupInnerErrors(promise.reason);
-      }
-
-      if (promise.status === 'fulfilled') {
-        validations.validIds.push(promise.value.id);
-      }
-    });
-
-    return validations;
-  };
-
-  const handleConfirmPublishAllData = async (selectedEntries) => {
-    const validations = await validateEntriesToPublish(selectedEntries);
-
-    if (Object.values(validations.errors).length) {
-      toggleNotification({
-        type: 'warning',
-        title: {
-          id: 'content-manager.listView.validation.errors.title',
-          defaultMessage: 'Action required',
-        },
-        message: {
-          id: 'content-manager.listView.validation.errors.message',
-          defaultMessage:
-            'Please make sure all fields are valid before publishing (required field, min/max character limit, etc.)',
-        },
-      });
-
-      throw new Error('Validation error');
-    }
-
-    return bulkPublishMutation.mutateAsync({ ids: selectedEntries });
-  };
-
   const handleConfirmUnpublishAllData = (selectedEntries) => {
     return bulkUnpublishMutation.mutateAsync({ ids: selectedEntries });
   };
@@ -475,6 +408,57 @@ function ListView({
       </Button>
     ) : null;
 
+  /**
+   *
+   * @param {string} id
+   * @returns void
+   */
+  const handleRowClick = (id) => () => {
+    trackUsage('willEditEntryFromList');
+    push({
+      pathname: `${pathname}/${id}`,
+      state: { from: pathname },
+      search: pluginsQueryParams,
+    });
+  };
+
+  const handleCloneClick = (id) => async () => {
+    try {
+      const { data } = await post(
+        `/content-manager/collection-types/${contentType.uid}/auto-clone/${id}?${pluginsQueryParams}`
+      );
+
+      if ('id' in data) {
+        push({
+          pathname: `${pathname}/${data.id}`,
+          state: { from: pathname },
+          search: pluginsQueryParams,
+        });
+      }
+    } catch (err) {
+      if (err instanceof AxiosError) {
+        push({
+          pathname: `${pathname}/create/clone/${id}`,
+          state: { from: pathname, error: formatAPIError(err) },
+          search: pluginsQueryParams,
+        });
+      }
+    }
+  };
+
+  // Add 1 column for the checkbox and 1 for the actions
+  const colCount = tableHeaders.length + 2;
+
+  // We have this function to refetch data when selected entries modal is closed
+  const refetchData = () => {
+    fetchData(`/content-manager/collection-types/${slug}`, { params });
+  };
+
+  // Block rendering until the review stage component is fully loaded in EE
+  if (!ReviewWorkflowsStage) {
+    return null;
+  }
+
   return (
     <Main aria-busy={isLoading}>
       <HeaderLayout
@@ -544,54 +528,129 @@ function ListView({
       <ContentLayout>
         {canRead ? (
           <Flex gap={4} direction="column" alignItems="stretch">
-            <DynamicTable
-              canCreate={canCreate}
-              canDelete={canDelete}
-              canPublish={canPublish}
-              contentTypeName={headerLayoutTitle}
-              onConfirmDelete={handleConfirmDeleteData}
-              onConfirmDeleteAll={handleConfirmDeleteAllData}
-              onConfirmPublishAll={handleConfirmPublishAllData}
-              onConfirmUnpublishAll={handleConfirmUnpublishAllData}
-              isBulkable={isBulkable}
-              isLoading={isLoading}
-              // FIXME: remove the layout props drilling
-              layout={layout}
-              rows={data}
-              components={{ ConfirmDialogDelete, ConfirmDialogDeleteAll }}
-              contentType={headerLayoutTitle}
-              action={getCreateAction({ variant: 'secondary' })}
-              headers={tableHeaders}
-              onOpenDeleteAllModalTrackedEvent="willBulkDeleteEntries"
-              withBulkActions
-              withMainAction={canDelete && isBulkable}
-              renderBulkActionsBar={({ selectedEntries, clearSelectedEntries }) => (
-                <BulkActionsBar
+            <Table.Root rows={data} isLoading={isLoading} colCount={colCount}>
+              <Table.ActionBar>
+                <BulkActionButtons
                   showPublish={canPublish && hasDraftAndPublish}
                   showDelete={canDelete}
                   onConfirmDeleteAll={handleConfirmDeleteAllData}
-                  onConfirmPublishAll={handleConfirmPublishAllData}
                   onConfirmUnpublishAll={handleConfirmUnpublishAllData}
-                  selectedEntries={selectedEntries}
-                  clearSelectedEntries={clearSelectedEntries}
+                  refetchData={refetchData}
                 />
-              )}
-              bulkAction
-            >
-              <TableRows
-                canCreate={canCreate}
-                canDelete={canDelete}
-                contentType={contentType}
-                features={{
-                  hasDraftAndPublish,
-                  hasReviewWorkflows,
-                }}
-                headers={tableHeaders}
-                rows={data}
-                withBulkActions
-                withMainAction={canDelete && isBulkable}
-              />
-            </DynamicTable>
+              </Table.ActionBar>
+              <Table.Content>
+                <Table.Head>
+                  {/* Bulk action select all checkbox */}
+                  <Table.HeaderCheckboxCell />
+                  {/* Dynamic headers based on fields */}
+                  {tableHeaders.map(({ fieldSchema, key, name, metadatas }) => (
+                    <Table.HeaderCell
+                      key={key}
+                      name={name}
+                      fieldSchemaType={fieldSchema.type}
+                      relationFieldName={metadatas.mainField?.name}
+                      isSortable={metadatas.sortable}
+                      label={metadatas.label}
+                    />
+                  ))}
+                  {/* Visually hidden header for actions */}
+                  <Table.HeaderHiddenActionsCell />
+                </Table.Head>
+                {/* Loading content */}
+                <Table.LoadingBody />
+                {/* Empty content */}
+                <Table.EmptyBody
+                  contentType={headerLayoutTitle}
+                  aciton={getCreateAction({ variant: 'secondary' })}
+                />
+                {/* Content */}
+                <Body.Root
+                  onConfirmDelete={handleConfirmDeleteData}
+                  isConfirmDeleteRowOpen={isConfirmDeleteRowOpen}
+                  setIsConfirmDeleteRowOpen={setIsConfirmDeleteRowOpen}
+                >
+                  {data.map((rowData, index) => {
+                    return (
+                      <Tr cursor="pointer" key={data.id} onClick={handleRowClick(rowData.id)}>
+                        {/* Bulk action row checkbox */}
+                        <Body.CheckboxDataCell rowId={rowData.id} index={index} />
+                        {/* Field data */}
+                        {tableHeaders.map(({ key, name, ...rest }) => {
+                          if (hasDraftAndPublish && name === 'publishedAt') {
+                            return (
+                              <Td key={key}>
+                                <Status
+                                  width="min-content"
+                                  showBullet={false}
+                                  variant={rowData.publishedAt ? 'success' : 'secondary'}
+                                  size="S"
+                                >
+                                  <Typography
+                                    fontWeight="bold"
+                                    textColor={`${
+                                      rowData.publishedAt ? 'success' : 'secondary'
+                                    }700`}
+                                  >
+                                    {formatMessage({
+                                      id: getTrad(
+                                        `containers.List.${
+                                          rowData.publishedAt ? 'published' : 'draft'
+                                        }`
+                                      ),
+                                      defaultMessage: rowData.publishedAt ? 'Published' : 'Draft',
+                                    })}
+                                  </Typography>
+                                </Status>
+                              </Td>
+                            );
+                          }
+
+                          if (hasReviewWorkflows && name === 'strapi_stage') {
+                            return (
+                              <Td key={key}>
+                                {rowData.strapi_stage ? (
+                                  <ReviewWorkflowsStage
+                                    color={
+                                      rowData.strapi_stage.color ?? lightTheme.colors.primary600
+                                    }
+                                    name={rowData.strapi_stage.name}
+                                  />
+                                ) : (
+                                  <Typography textColor="neutral800">-</Typography>
+                                )}
+                              </Td>
+                            );
+                          }
+
+                          return (
+                            <Td key={key}>
+                              <CellContent
+                                content={rowData[name.split('.')[0]]}
+                                name={name}
+                                contentType={layout.contentType}
+                                {...rest}
+                                rowId={rowData.id}
+                              />
+                            </Td>
+                          );
+                        })}
+                        {/* Actions: edit, duplicate, delete */}
+                        {(canDelete || canPublish) && isBulkable && (
+                          <Body.EntityActionsDataCell
+                            rowId={rowData.id}
+                            index={index}
+                            setIsConfirmDeleteRowOpen={setIsConfirmDeleteRowOpen}
+                            canCreate={canCreate}
+                            canDelete={canDelete}
+                            handleCloneClick={handleCloneClick}
+                          />
+                        )}
+                      </Tr>
+                    );
+                  })}
+                </Body.Root>
+              </Table.Content>
+            </Table.Root>
             <Flex alignItems="flex-end" justifyContent="space-between">
               <PageSizeURLQuery trackedEvent="willChangeNumberOfEntriesPerPage" />
               <PaginationURLQuery pagination={{ pageCount: pagination?.pageCount || 1 }} />

package/admin/src/layouts/UnauthenticatedLayout/LocaleToggle/index.js

@@ -6,7 +6,7 @@
 
 import React from 'react';
 
-import { MenuItem, SimpleMenu } from '@strapi/design-system';
+import { SingleSelect, SingleSelectOption } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
 
 import useLocalesProvider from '../../../components/LocalesProvider/useLocalesProvider';
@@ -16,13 +16,13 @@ const LocaleToggle = () => {
   const { locale } = useIntl();
 
   return (
-    <SimpleMenu label={localeNames[locale]}>
-      {Object.keys(localeNames).map((lang) => (
-        <MenuItem onClick={() => changeLocale(lang)} key={lang}>
-          {localeNames[lang]}
-        </MenuItem>
+    <SingleSelect value={locale} onChange={(language) => changeLocale(language)}>
+      {Object.entries(localeNames).map(([language, name]) => (
+        <SingleSelectOption key={language} value={language}>
+          {name}
+        </SingleSelectOption>
       ))}
-    </SimpleMenu>
+    </SingleSelect>
   );
 };
 

package/admin/src/translations/ca.json

@@ -447,9 +447,9 @@
   "components.popUpWarning.message": "Segur que vol esborrar això?",
   "components.popUpWarning.title": "Si us plau, confirmeu",
   "content-manager.App.schemas.data-loaded": "Els esquemes s'han carregat correctament.",
-  "content-manager.DynamicTable.relation-loaded": "Les relacions s'han carregat",
-  "content-manager.DynamicTable.relation-loading": "Les relacions es carreguen",
-  "content-manager.DynamicTable.relation-more": "Aquesta relació conté més entitats de les que es mostren",
+  "content-manager.ListViewTable.relation-loaded": "Les relacions s'han carregat",
+  "content-manager.ListViewTable.relation-loading": "Les relacions es carreguen",
+  "content-manager.ListViewTable.relation-more": "Aquesta relació conté més entitats de les que es mostren",
   "content-manager.EditRelations.title": "Dades relacionades",
   "content-manager.HeaderLayout.button.label-add-entry": "Crear nova entrada",
   "content-manager.api.id": "ID d'API",
@@ -461,7 +461,7 @@
   "content-manager.components.DraggableCard.delete.field": "Esborrar {item}",
   "content-manager.components.DraggableCard.edit.field": "Edita {item}",
   "content-manager.components.DraggableCard.move.field": "Moure {item}",
-  "content-manager.components.DynamicTable.row-line": "número d'element {number}",
+  "content-manager.components.ListViewTable.row-line": "número d'element {number}",
   "content-manager.components.DynamicZone.ComponentPicker-label": "Trieu un component",
   "content-manager.components.DynamicZone.add-component": "Afegiu un component a {componentName}",
   "content-manager.components.DynamicZone.delete-label": "Eliminar {name}",

package/admin/src/translations/de.json

@@ -442,9 +442,9 @@
   "components.popUpWarning.message": "Wirklich löschen?",
   "components.popUpWarning.title": "Bitte bestätigen",
   "content-manager.App.schemas.data-loaded": "Die Schemata wurden geladen",
-  "content-manager.DynamicTable.relation-loaded": "Beziehungen wurden geladen",
-  "content-manager.DynamicTable.relation-loading": "Beziehungen laden",
-  "content-manager.DynamicTable.relation-more": "Diese Beziehung enthält mehr Einträge als angezeigt",
+  "content-manager.ListViewTable.relation-loaded": "Beziehungen wurden geladen",
+  "content-manager.ListViewTable.relation-loading": "Beziehungen laden",
+  "content-manager.ListViewTable.relation-more": "Diese Beziehung enthält mehr Einträge als angezeigt",
   "content-manager.EditRelations.title": "Beziehungs-Daten",
   "content-manager.HeaderLayout.button.label-add-entry": "Neuer Eintrag",
   "content-manager.api.id": "API ID",
@@ -455,7 +455,7 @@
   "content-manager.components.DraggableCard.delete.field": "Lösche {item}",
   "content-manager.components.DraggableCard.edit.field": "Bearbeite {item}",
   "content-manager.components.DraggableCard.move.field": "Verschiebe {item}",
-  "content-manager.components.DynamicTable.row-line": "Eintrag Zeile {number}",
+  "content-manager.components.ListViewTable.row-line": "Eintrag Zeile {number}",
   "content-manager.components.DynamicZone.ComponentPicker-label": "Wähle eine Komponente",
   "content-manager.components.DynamicZone.add-component": "Füge {componentName} eine Komponente hinzu",
   "content-manager.components.DynamicZone.delete-label": "Lösche {name}",

package/admin/src/translations/dk.json

@@ -390,7 +390,7 @@
   "components.popUpWarning.message": "Er du sikker på at du vil slette?",
   "components.popUpWarning.title": "Bekræft venligst",
   "content-manager.App.schemas.data-loaded": "Skemaerne er blevet hentet succesfuldt",
-  "content-manager.DynamicTable.relation-loaded": "Relationerne er blevet hentet",
+  "content-manager.ListViewTable.relation-loaded": "Relationerne er blevet hentet",
   "content-manager.EditRelations.title": "Relationel data",
   "content-manager.HeaderLayout.button.label-add-entry": "Opret nyt element",
   "content-manager.api.id": "API ID",
@@ -401,7 +401,7 @@
   "content-manager.components.DraggableCard.delete.field": "Slet {item}",
   "content-manager.components.DraggableCard.edit.field": "Redigér {item}",
   "content-manager.components.DraggableCard.move.field": "Flyt {item}",
-  "content-manager.components.DynamicTable.row-line": "element linje {number}",
+  "content-manager.components.ListViewTable.row-line": "element linje {number}",
   "content-manager.components.DynamicZone.ComponentPicker-label": "Vælg et komponent",
   "content-manager.components.DynamicZone.add-component": "Tilføj et komponent til {componentName}",
   "content-manager.components.DynamicZone.delete-label": "Slet {name}",

package/admin/src/translations/en.json

@@ -540,10 +540,13 @@
   "app.utils.notify.data-loaded": "The {target} has loaded",
   "app.utils.placeholder.defaultMessage": " ",
   "app.utils.publish": "Publish",
+  "app.utils.refresh": "Refresh",
   "app.utils.select-all": "Select all",
   "app.utils.select-field": "Select field",
   "app.utils.select-filter": "Select filter",
   "app.utils.unpublish": "Unpublish",
+  "app.utils.published": "Published",
+  "app.utils.ready-to-publish": "Ready to publish",
   "clearLabel": "Clear",
   "coming.soon": "This content is currently under construction and will be back in a few weeks!",
   "component.Input.error.validation.integer": "The value must be an integer",
@@ -582,6 +585,17 @@
   "components.Input.error.validation.regex": "The value does not match the regex.",
   "components.Input.error.validation.required": "This value is required.",
   "components.Input.error.validation.unique": "This value is already used.",
+  "components.Input.error.validation.email.withField": "{field} is an invalid email",
+  "components.Input.error.validation.json.withField": "{field} doesn't match the JSON format",
+  "components.Input.error.validation.lowercase.withField": "{field} must be a lowercase string",
+  "components.Input.error.validation.max.withField": "{field} is too high.",
+  "components.Input.error.validation.maxLength.withField": "{field} is too long.",
+  "components.Input.error.validation.min.withField": "{field} is too low.",
+  "components.Input.error.validation.minLength.withField": "{field} is too short.",
+  "components.Input.error.validation.minSupMax.withField": "{field} can't be superior",
+  "components.Input.error.validation.regex.withField": "{field} does not match the regex.",
+  "components.Input.error.validation.required.withField": "{field} is required.",
+  "components.Input.error.validation.unique.withField": "{field} is already used.",
   "components.InputSelect.option.placeholder": "Choose here",
   "components.ListRow.empty": "There is no data to be shown.",
   "components.NotAllowedInput.text": "No permissions to see this field",
@@ -617,9 +631,9 @@
   "components.popUpWarning.message": "Are you sure you want to delete this?",
   "components.popUpWarning.title": "Please confirm",
   "content-manager.App.schemas.data-loaded": "The schemas have been successfully loaded",
-  "content-manager.DynamicTable.relation-loaded": "Relations have been loaded",
-  "content-manager.DynamicTable.relation-loading": "Relations are loading",
-  "content-manager.DynamicTable.relation-more": "This relation contains more entities than displayed",
+  "content-manager.ListViewTable.relation-loaded": "Relations have been loaded",
+  "content-manager.ListViewTable.relation-loading": "Relations are loading",
+  "content-manager.ListViewTable.relation-more": "This relation contains more entities than displayed",
   "content-manager.EditRelations.title": "Relational data",
   "content-manager.HeaderLayout.button.label-add-entry": "Create new entry",
   "content-manager.api.id": "API ID",
@@ -631,7 +645,7 @@
   "content-manager.components.DraggableCard.delete.field": "Delete {item}",
   "content-manager.components.DraggableCard.edit.field": "Edit {item}",
   "content-manager.components.DraggableCard.move.field": "Move {item}",
-  "content-manager.components.DynamicTable.row-line": "item line {number}",
+  "content-manager.components.ListViewTable.row-line": "item line {number}",
   "content-manager.components.DynamicZone.ComponentPicker-label": "Pick one component",
   "content-manager.components.DynamicZone.add-component": "Add a component to {componentName}",
   "content-manager.components.DynamicZone.delete-label": "Delete {name}",
@@ -711,6 +725,9 @@
   "content-manager.containers.ListPage.displayedFields": "Displayed Fields",
   "content-manager.containers.ListPage.items": "{number, plural, =0 {items} one {item} other {items}}",
   "content-manager.containers.ListPage.table-headers.publishedAt": "State",
+  "content-manager.containers.ListPage.selectedEntriesModal.title": "Publish entries",
+  "content-manager.containers.ListPage.selectedEntriesModal.selectedCount": "<b>{readyToPublishCount}</b> {readyToPublishCount, plural, =0 {entries} one {entry} other {entries}} ready to publish. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.",
+  "content-manager.containers.ListPage.selectedEntriesModal.publishedCount": "<b>{publishedCount}</b> {publishedCount, plural, =0 {entries} one {entry} other {entries}} published. <b>{withErrorsCount}</b> {withErrorsCount, plural, =0 {entries} one {entry} other {entries}} waiting for action.",
   "content-manager.containers.ListSettingsView.modal-form.edit-label": "Edit {fieldName}",
   "content-manager.containers.SettingPage.add.field": "Insert another field",
   "content-manager.containers.SettingPage.add.relational-field": "Insert another related field",
@@ -817,6 +834,7 @@
   "content-manager.popUpWarning.warning.updateAllSettings": "This will modify all your settings",
   "content-manager.popUpwarning.warning.has-draft-relations.button-confirm": "Yes, publish",
   "content-manager.popUpwarning.warning.has-draft-relations.message": "<b>{count, plural, one { relation is } other { relations are } }</b> not published yet and might lead to unexpected behavior.",
+  "content-manager.popUpwarning.warning.bulk-has-draft-relations.message": "<b>{count} {count, plural, one { relation } other { relations } } out of {entities} { entities, plural, one { entry } other { entries } } {count, plural, one { is } other { are } }</b> not published yet and might lead to unexpected behavior. ",
   "content-manager.popover.display-relations.label": "Display relations",
   "content-manager.relation.add": "Add relation",
   "content-manager.relation.disconnect": "Remove",
@@ -829,6 +847,7 @@
   "content-manager.select.currently.selected": "{count} currently selected",
   "content-manager.success.record.delete": "Deleted",
   "content-manager.success.record.publish": "Published",
+  "content-manager.success.record.publishing": "Publishing...",
   "content-manager.success.record.save": "Saved",
   "content-manager.success.record.unpublish": "Unpublished",
   "content-manager.utils.data-loaded": "The {number, plural, =1 {entry has} other {entries have}} successfully been loaded",

package/admin/src/translations/es.json

@@ -395,7 +395,7 @@
   "components.popUpWarning.message": "¿Estás seguro de que quieres borrar esto?",
   "components.popUpWarning.title": "Por favor, confirme",
   "content-manager.App.schemas.data-loaded": "Los esquemas se han cargado correctamente.",
-  "content-manager.DynamicTable.relation-loaded": "Las relaciones se han cargado",
+  "content-manager.ListViewTable.relation-loaded": "Las relaciones se han cargado",
   "content-manager.EditRelations.title": "Datos relacionados",
   "content-manager.HeaderLayout.button.label-add-entry": "Crear nueva entrada",
   "content-manager.api.id": "ID de API",
@@ -406,7 +406,7 @@
   "content-manager.components.DraggableCard.delete.field": "Borrar {item}",
   "content-manager.components.DraggableCard.edit.field": "Editar {item}",
   "content-manager.components.DraggableCard.move.field": "Mover {item}",
-  "content-manager.components.DynamicTable.row-line": "número de elemento {number}",
+  "content-manager.components.ListViewTable.row-line": "número de elemento {number}",
   "content-manager.components.DynamicZone.ComponentPicker-label": "Elija un componente",
   "content-manager.components.DynamicZone.add-component": "Agregue un componente a {componentName}",
   "content-manager.components.DynamicZone.delete-label": "Eliminar {name}",
@@ -687,8 +687,8 @@
   "app.components.LeftMenu.navbrand.workplace": "Lugar de trabajo",
   "app.page.not.found": "¡Vaya! Parece que no podemos encontrar la página que estás buscando...",
   "components.Input.error.validation.lowercase": "El valor debe ser una cadena en minúsculas",
-  "content-manager.DynamicTable.relation-loading": "Las relaciones se están cargando",
-  "content-manager.DynamicTable.relation-more": "Esta relación contiene más entidades de las que se muestran",
+  "content-manager.ListViewTable.relation-loading": "Las relaciones se están cargando",
+  "content-manager.ListViewTable.relation-more": "Esta relación contiene más entidades de las que se muestran",
   "content-manager.apiError.Este atributo debe ser único": "{field} debe ser único",
   "form.button.continue": "Continue",
   "global.search": "Buscar",

package/admin/src/translations/eu.json

@@ -526,9 +526,9 @@
   "components.popUpWarning.message": "Ziur zaude hau ezabatu nahi duzula?",
   "components.popUpWarning.title": "Mesedez, berretsi",
   "content-manager.App.schemas.data-loaded": "Eskemak behar bezala kargatu dira",
-  "content-manager.DynamicTable.relation-loaded": "Erlazioak kargatu dira",
-  "content-manager.DynamicTable.relation-loading": "Erlazioak kargatzen ari dira",
-  "content-manager.DynamicTable.relation-more": "Erlazio honek bistaratzen diren baino entitate gehiago ditu",
+  "content-manager.ListViewTable.relation-loaded": "Erlazioak kargatu dira",
+  "content-manager.ListViewTable.relation-loading": "Erlazioak kargatzen ari dira",
+  "content-manager.ListViewTable.relation-more": "Erlazio honek bistaratzen diren baino entitate gehiago ditu",
   "content-manager.EditRelations.title": "Datu erlazionalak",
   "content-manager.HeaderLayout.button.label-add-entry": "Sortu sarrera berria",
   "content-manager.api.id": "API IDa",
@@ -539,7 +539,7 @@
   "content-manager.components.DraggableCard.delete.field": "Ezabatu {item}",
   "content-manager.components.DraggableCard.edit.field": "Editatu {item}",
   "content-manager.components.DraggableCard.move.field": "Mugitu {item}",
-  "content-manager.components.DynamicTable.row-line": "elementu-lerroa {number}",
+  "content-manager.components.ListViewTable.row-line": "elementu-lerroa {number}",
   "content-manager.components.DynamicZone.ComponentPicker-label": "Aukeratu osagai bat",
   "content-manager.components.DynamicZone.add-component": "Gehitu osagai bat {componentName}-ra",
   "content-manager.components.DynamicZone.delete-label": "Ezabatu {name}",

package/admin/src/translations/fr.json

@@ -466,7 +466,7 @@
   "components.popUpWarning.message": "Etes-vous sure de vouloir le supprimer ?",
   "components.popUpWarning.title": "Merci de confirmer",
   "content-manager.App.schemas.data-loaded": "Les schéma ont été chargés avec succès",
-  "content-manager.DynamicTable.relation-loaded": "Les relations on été chargées",
+  "content-manager.ListViewTable.relation-loaded": "Les relations on été chargées",
   "content-manager.EditRelations.title": "Données associées",
   "content-manager.HeaderLayout.button.label-add-entry": "Créer une nouvelle entrée",
   "content-manager.api.id": "API ID",
@@ -477,7 +477,7 @@
   "content-manager.components.DraggableCard.delete.field": "Supprimer {item}",
   "content-manager.components.DraggableCard.edit.field": "Modifier {item}",
   "content-manager.components.DraggableCard.move.field": "Déplacer {item}",
-  "content-manager.components.DynamicTable.row-line": "ligne {number}",
+  "content-manager.components.ListViewTable.row-line": "ligne {number}",
   "content-manager.components.DynamicZone.ComponentPicker-label": "Choisir un composant",
   "content-manager.components.DynamicZone.add-component": "Ajouter un composant à {componentName}",
   "content-manager.components.DynamicZone.delete-label": "Supprimer {name}",