@strapi/admin 4.12.0-beta.5 → 4.12.1

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

@@ -1,10 +1,10 @@
-import React, { memo, useContext, useReducer, useState } from 'react';
+import React, { useContext, useReducer, useState } from 'react';
 
 import {
-  Box,
   Button,
   ContentLayout,
   Divider,
+  Flex,
   HeaderLayout,
   Layout,
   Main,
@@ -17,10 +17,7 @@ import {
   useTracking,
 } from '@strapi/helper-plugin';
 import { ArrowLeft, Check } from '@strapi/icons';
-import get from 'lodash/get';
-import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import pick from 'lodash/pick';
 import upperFirst from 'lodash/upperFirst';
 import PropTypes from 'prop-types';
 import { stringify } from 'qs';
@@ -31,11 +28,10 @@ import ModelsContext from '../../contexts/ModelsContext';
 import { usePluginsQueryParams } from '../../hooks';
 import { checkIfAttributeIsDisplayable, getTrad } from '../../utils';
 
-import EditFieldForm from './components/EditFieldForm';
-import Settings from './components/Settings';
-import SortDisplayedFields from './components/SortDisplayedFields';
+import { EditFieldForm } from './components/EditFieldForm';
+import { Settings } from './components/Settings';
+import { SortDisplayedFields } from './components/SortDisplayedFields';
 import { EXCLUDED_SORT_ATTRIBUTE_TYPES } from './constants';
-import init from './init';
 import reducer, { initialState } from './reducer';
 
 const ListSettingsView = ({ layout, slug }) => {
@@ -45,14 +41,19 @@ const ListSettingsView = ({ layout, slug }) => {
   const pluginsQueryParams = usePluginsQueryParams();
   const toggleNotification = useNotification();
   const { refetchData } = useContext(ModelsContext);
-
   const [showWarningSubmit, setWarningSubmit] = useState(false);
   const toggleWarningSubmit = () => setWarningSubmit((prevState) => !prevState);
-  const [reducerState, dispatch] = useReducer(reducer, initialState, () =>
-    init(initialState, layout)
+  const [{ fieldToEdit, fieldForm, initialData, modifiedData }, dispatch] = useReducer(
+    reducer,
+    initialState,
+    () => ({
+      ...initialState,
+      initialData: layout,
+      modifiedData: layout,
+    })
   );
-  const { fieldToEdit, fieldForm, initialData, modifiedData } = reducerState;
-  const isModalFormOpen = !isEmpty(fieldForm);
+
+  const isModalFormOpen = Object.keys(fieldForm).length !== 0;
 
   const { attributes } = layout;
   const displayedFields = modifiedData.layouts.list;
@@ -84,9 +85,30 @@ const ListSettingsView = ({ layout, slug }) => {
     });
   };
 
+  const { isLoading: isSubmittingForm, mutate } = useMutation(
+    (body) => put(`/content-manager/content-types/${slug}/configuration`, body),
+    {
+      onSuccess() {
+        trackUsage('didEditListSettings');
+        refetchData();
+      },
+      onError() {
+        toggleNotification({
+          type: 'warning',
+          message: { id: 'notification.error' },
+        });
+      },
+    }
+  );
+
   const handleConfirm = async () => {
-    const body = pick(modifiedData, ['layouts', 'settings', 'metadatas']);
-    submitMutation.mutate(body);
+    const { layouts, settings, metadatas } = modifiedData;
+
+    mutate({
+      layouts,
+      settings,
+      metadatas,
+    });
   };
 
   const handleAddField = (item) => {
@@ -139,23 +161,6 @@ const ListSettingsView = ({ layout, slug }) => {
     handleCloseModal();
   };
 
-  const submitMutation = useMutation(
-    (body) => put(`/content-manager/content-types/${slug}/configuration`, body),
-    {
-      onSuccess() {
-        trackUsage('didEditListSettings');
-        refetchData();
-      },
-      onError() {
-        toggleNotification({
-          type: 'warning',
-          message: { id: 'notification.error' },
-        });
-      },
-    }
-  );
-  const { isLoading: isSubmittingForm } = submitMutation;
-
   const handleChangeEditLabel = ({ target: { name, value } }) => {
     dispatch({
       type: 'ON_CHANGE_FIELD_METAS',
@@ -217,8 +222,11 @@ const ListSettingsView = ({ layout, slug }) => {
             )}
           />
           <ContentLayout>
-            <Box
+            <Flex
+              alignItems="stretch"
               background="neutral0"
+              direction="column"
+              gap={6}
               hasRadius
               shadow="tableShadow"
               paddingTop={6}
@@ -231,9 +239,9 @@ const ListSettingsView = ({ layout, slug }) => {
                 onChange={handleChange}
                 sortOptions={sortOptions}
               />
-              <Box paddingTop={6} paddingBottom={6}>
-                <Divider />
-              </Box>
+
+              <Divider />
+
               <SortDisplayedFields
                 listRemainingFields={listRemainingFields}
                 displayedFields={displayedFields}
@@ -243,8 +251,9 @@ const ListSettingsView = ({ layout, slug }) => {
                 onRemoveField={handleRemoveField}
                 metadatas={modifiedData.metadatas}
               />
-            </Box>
+            </Flex>
           </ContentLayout>
+
           <ConfirmDialog
             bodyText={{
               id: getTrad('popUpWarning.warning.updateAllSettings'),
@@ -258,6 +267,7 @@ const ListSettingsView = ({ layout, slug }) => {
             variantRightButton="success-light"
           />
         </form>
+
         {isModalFormOpen && (
           <EditFieldForm
             attributes={attributes}
@@ -266,7 +276,7 @@ const ListSettingsView = ({ layout, slug }) => {
             onChangeEditLabel={handleChangeEditLabel}
             onCloseModal={handleCloseModal}
             onSubmit={handleSubmitFieldEdit}
-            type={get(attributes, [fieldToEdit, 'type'], 'text')}
+            type={attributes?.[fieldToEdit]?.type ?? 'text'}
           />
         )}
       </Main>
@@ -296,4 +306,4 @@ ListSettingsView.propTypes = {
   slug: PropTypes.string.isRequired,
 };
 
-export default memo(ListSettingsView);
+export default ListSettingsView;

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

@@ -104,6 +104,8 @@ const ConfirmDialogPublishAll = ({ isOpen, onToggleDialog, isConfirmButtonLoadin
       return data;
     },
     {
+      // The API is called everytime you select/deselect an entry, this check avoids us sending a query with bad data
+      enabled: selectedEntries.length > 0,
       onError(error) {
         toggleNotification({ type: 'warning', message: formatAPIError(error) });
       },

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

@@ -46,11 +46,11 @@ const TypographyMaxWidth = styled(Typography)`
  * EntryValidationText
  * -----------------------------------------------------------------------------------------------*/
 
-const EntryValidationText = ({ errors, isPublished }) => {
+const EntryValidationText = ({ validationErrors, isPublished }) => {
   const { formatMessage } = useIntl();
 
-  if (errors) {
-    const errorMessages = Object.entries(errors)
+  if (validationErrors) {
+    const validationErrorsMessages = Object.entries(validationErrors)
       .map(([key, value]) =>
         formatMessage(
           { id: `${value.id}.withField`, defaultMessage: value.defaultMessage },
@@ -62,9 +62,9 @@ const EntryValidationText = ({ errors, isPublished }) => {
     return (
       <Flex gap={2}>
         <Icon color="danger600" as={CrossCircle} />
-        <Tooltip description={errorMessages}>
+        <Tooltip description={validationErrorsMessages}>
           <TypographyMaxWidth textColor="danger600" variant="omega" fontWeight="semiBold" ellipsis>
-            {errorMessages}
+            {validationErrorsMessages}
           </TypographyMaxWidth>
         </Tooltip>
       </Flex>
@@ -77,8 +77,8 @@ const EntryValidationText = ({ errors, isPublished }) => {
         <Icon color="success600" as={CheckCircle} />
         <Typography textColor="success600" fontWeight="bold">
           {formatMessage({
-            id: 'app.utils.published',
-            defaultMessage: 'Published',
+            id: 'content-manager.bulk-publish.already-published',
+            defaultMessage: 'Already Published',
           })}
         </Typography>
       </Flex>
@@ -99,12 +99,12 @@ const EntryValidationText = ({ errors, isPublished }) => {
 };
 
 EntryValidationText.defaultProps = {
-  errors: null,
+  validationErrors: undefined,
   isPublished: false,
 };
 
 EntryValidationText.propTypes = {
-  errors: PropTypes.shape({
+  validationErrors: PropTypes.shape({
     [PropTypes.string]: PropTypes.shape({
       id: PropTypes.string,
       defaultMessage: PropTypes.string,
@@ -117,7 +117,12 @@ EntryValidationText.propTypes = {
  * SelectedEntriesTableContent
  * -----------------------------------------------------------------------------------------------*/
 
-const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay, entriesToPublish }) => {
+const SelectedEntriesTableContent = ({
+  isPublishing,
+  rowsToDisplay,
+  entriesToPublish,
+  validationErrors,
+}) => {
   const {
     location: { pathname },
   } = useHistory();
@@ -149,19 +154,19 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay, entriesToPub
       </Table.Head>
       <Table.LoadingBody />
       <Table.Body>
-        {rowsToDisplay.map(({ entity, errors }, index) => (
-          <Tr key={entity.id}>
-            <Body.CheckboxDataCell rowId={entity.id} index={index} />
+        {rowsToDisplay.map((row, index) => (
+          <Tr key={row.id}>
+            <Body.CheckboxDataCell rowId={row.id} index={index} />
             <Td>
-              <Typography>{entity.id}</Typography>
+              <Typography>{row.id}</Typography>
             </Td>
             {shouldDisplayMainField && (
               <Td>
-                <Typography>{entity[mainField]}</Typography>
+                <Typography>{row[mainField]}</Typography>
               </Td>
             )}
             <Td>
-              {isPublishing && entriesToPublish.includes(entity.id) ? (
+              {isPublishing && entriesToPublish.includes(row.id) ? (
                 <Flex gap={2}>
                   <Typography>
                     {formatMessage({
@@ -172,14 +177,17 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay, entriesToPub
                   <Loader small />
                 </Flex>
               ) : (
-                <EntryValidationText errors={errors} isPublished={entity.publishedAt !== null} />
+                <EntryValidationText
+                  validationErrors={validationErrors[row.id]}
+                  isPublished={row.publishedAt !== null}
+                />
               )}
             </Td>
             <Td>
               <IconButton
                 forwardedAs={Link}
                 to={{
-                  pathname: `${pathname}/${entity.id}`,
+                  pathname: `${pathname}/${row.id}`,
                   state: { from: pathname },
                 }}
                 label={formatMessage(
@@ -188,6 +196,7 @@ const SelectedEntriesTableContent = ({ isPublishing, rowsToDisplay, entriesToPub
                 )}
                 noBorder
                 target="_blank"
+                marginLeft="auto"
               >
                 <Pencil />
               </IconButton>
@@ -203,12 +212,19 @@ SelectedEntriesTableContent.defaultProps = {
   isPublishing: false,
   rowsToDisplay: [],
   entriesToPublish: [],
+  validationErrors: {},
 };
 
 SelectedEntriesTableContent.propTypes = {
   isPublishing: PropTypes.bool,
   rowsToDisplay: PropTypes.arrayOf(PropTypes.object),
   entriesToPublish: PropTypes.arrayOf(PropTypes.number),
+  validationErrors: PropTypes.shape({
+    [PropTypes.string]: PropTypes.shape({
+      id: PropTypes.string,
+      defaultMessage: PropTypes.string,
+    }),
+  }),
 };
 
 /* -------------------------------------------------------------------------------------------------
@@ -221,7 +237,13 @@ const BoldChunk = (chunks) => <Typography fontWeight="bold">{chunks}</Typography
  * SelectedEntriesModalContent
  * -----------------------------------------------------------------------------------------------*/
 
-const SelectedEntriesModalContent = ({ toggleModal, refetchModalData, setEntriesToFetch }) => {
+const SelectedEntriesModalContent = ({
+  toggleModal,
+  refetchModalData,
+  setEntriesToFetch,
+  setSelectedListViewEntries,
+  validationErrors,
+}) => {
   const { formatMessage } = useIntl();
   const { selectedEntries, rows, onSelectRow, isLoading, isFetching } = useTableContext();
   const [isDialogOpen, setIsDialogOpen] = React.useState(false);
@@ -229,15 +251,15 @@ const SelectedEntriesModalContent = ({ toggleModal, refetchModalData, setEntries
   const [publishedCount, setPublishedCount] = React.useState(0);
 
   const entriesToPublish = rows
-    .filter(({ entity, errors }) => selectedEntries.includes(entity.id) && !errors)
-    .map(({ entity }) => entity.id);
+    .filter(({ id }) => selectedEntries.includes(id) && !validationErrors[id])
+    .map(({ id }) => id);
 
   const { post } = useFetchClient();
   const toggleNotification = useNotification();
   const { contentType } = useSelector(listViewDomain());
 
   const selectedEntriesWithErrorsCount = rowsToDisplay.filter(
-    ({ entity, errors }) => selectedEntries.includes(entity.id) && errors
+    ({ id }) => selectedEntries.includes(id) && validationErrors[id]
   ).length;
   const selectedEntriesWithNoErrorsCount = selectedEntries.length - selectedEntriesWithErrorsCount;
 
@@ -247,18 +269,21 @@ const SelectedEntriesModalContent = ({ toggleModal, refetchModalData, setEntries
     {
       onSuccess() {
         const update = rowsToDisplay.filter((row) => {
-          if (entriesToPublish.includes(row.entity.id)) {
+          if (entriesToPublish.includes(row.id)) {
             // Deselect the entries that have been published from the modal table
-            onSelectRow({ name: row.entity.id, value: false });
+            onSelectRow({ name: row.id, value: false });
           }
 
           // Remove the entries that have been published from the table
-          return !entriesToPublish.includes(row.entity.id);
+          return !entriesToPublish.includes(row.id);
         });
 
         setRowsToDisplay(update);
+        const publishedIds = update.map(({ id }) => id);
         // Set the parent's entries to fetch when clicking refresh
-        setEntriesToFetch(update.map(({ entity }) => entity.id));
+        setEntriesToFetch(publishedIds);
+        // Deselect the entries that were published in the list view
+        setSelectedListViewEntries(publishedIds);
 
         if (update.length === 0) {
           toggleModal();
@@ -341,6 +366,7 @@ const SelectedEntriesModalContent = ({ toggleModal, refetchModalData, setEntries
             isPublishing={bulkPublishMutation.isLoading}
             rowsToDisplay={rowsToDisplay}
             entriesToPublish={entriesToPublish}
+            validationErrors={validationErrors}
           />
         </Box>
       </ModalBody>
@@ -382,10 +408,21 @@ const SelectedEntriesModalContent = ({ toggleModal, refetchModalData, setEntries
   );
 };
 
+SelectedEntriesModalContent.defaultProps = {
+  validationErrors: {},
+};
+
 SelectedEntriesModalContent.propTypes = {
   toggleModal: PropTypes.func.isRequired,
   refetchModalData: PropTypes.func.isRequired,
   setEntriesToFetch: PropTypes.func.isRequired,
+  setSelectedListViewEntries: PropTypes.func.isRequired,
+  validationErrors: PropTypes.shape({
+    [PropTypes.string]: PropTypes.shape({
+      id: PropTypes.string,
+      defaultMessage: PropTypes.string,
+    }),
+  }),
 };
 
 /* -------------------------------------------------------------------------------------------------
@@ -393,18 +430,23 @@ SelectedEntriesModalContent.propTypes = {
  * -----------------------------------------------------------------------------------------------*/
 
 const SelectedEntriesModal = ({ onToggle }) => {
-  const { selectedEntries: selectedListViewEntries } = useTableContext();
+  const {
+    selectedEntries: selectedListViewEntries,
+    setSelectedEntries: setSelectedListViewEntries,
+  } = useTableContext();
   const { contentType, components } = useSelector(listViewDomain());
   // The child table will update this value based on the entries that were published
   const [entriesToFetch, setEntriesToFetch] = React.useState(selectedListViewEntries);
-
   // We want to keep the selected entries order same as the list view
   const [
     {
       query: { sort },
     },
   ] = useQueryParams();
+
   const queryParams = {
+    page: 1,
+    pageSize: entriesToFetch.length,
     sort,
     filters: {
       id: {
@@ -424,38 +466,43 @@ const SelectedEntriesModal = ({ onToggle }) => {
 
       if (data.results) {
         const schema = createYupSchema(contentType, { components }, { isDraft: false });
+        const validationErrors = {};
         const rows = data.results.map((entry) => {
           try {
             schema.validateSync(entry, { abortEarly: false });
 
-            return { entity: entry };
+            return entry;
           } catch (e) {
-            return {
-              entity: entry,
-              errors: getYupInnerErrors(e),
-            };
+            validationErrors[entry.id] = getYupInnerErrors(e);
+
+            return entry;
           }
         });
 
-        return rows;
+        return { rows, validationErrors };
       }
 
-      return [];
+      return {
+        rows: [],
+        validationErrors: {},
+      };
     }
   );
 
   return (
     <Table.Root
-      rows={data}
+      rows={data?.rows}
       defaultSelectedEntries={selectedListViewEntries}
       colCount={4}
       isLoading={isLoading}
       isFetching={isFetching}
     >
       <SelectedEntriesModalContent
+        setSelectedListViewEntries={setSelectedListViewEntries}
         setEntriesToFetch={setEntriesToFetch}
         toggleModal={onToggle}
         refetchModalData={refetch}
+        validationErrors={data?.validationErrors}
       />
     </Table.Root>
   );

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

@@ -8,7 +8,7 @@ import { useIntl } from 'react-intl';
 import { useQuery } from 'react-query';
 import styled from 'styled-components';
 
-import { getRequestUrl, getTrad } from '../../../../../utils';
+import { getTrad } from '../../../../../utils';
 import CellValue from '../CellValue';
 
 const RelationMultiple = ({ fieldSchema, metadatas, name, entityId, value, contentType }) => {
@@ -24,7 +24,7 @@ const RelationMultiple = ({ fieldSchema, metadatas, name, entityId, value, conte
       const {
         data: { results, pagination },
       } = await get(
-        getRequestUrl(`relations/${contentType.uid}/${entityId}/${name.split('.')[0]}`)
+        `/content-manager/relations/${contentType.uid}/${entityId}/${name.split('.')[0]}`
       );
 
       return { results, pagination };

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

@@ -50,7 +50,7 @@ import { useEnterprise } from '../../../hooks/useEnterprise';
 import { selectAdminPermissions } from '../../../pages/App/selectors';
 import { InjectionZone } from '../../../shared/components';
 import AttributeFilter from '../../components/AttributeFilter';
-import { getRequestUrl, getTrad } from '../../utils';
+import { getTrad } from '../../utils';
 
 import { getData, getDataSucceeded, onChangeListHeaders, onResetListHeaders } from './actions';
 import { Body } from './components/Body';
@@ -247,7 +247,7 @@ function ListView({
       try {
         await del(`/content-manager/collection-types/${slug}/${idToDelete}`);
 
-        const requestUrl = getRequestUrl(`collection-types/${slug}`);
+        const requestUrl = `/content-manager/collection-types/${slug}`;
         fetchData(requestUrl, { params });
 
         toggleNotification({
@@ -273,7 +273,7 @@ function ListView({
     const source = CancelToken.source();
 
     const shouldSendRequest = canRead;
-    const requestUrl = getRequestUrl(`collection-types/${slug}`);
+    const requestUrl = `/content-manager/collection-types/${slug}`;
 
     if (shouldSendRequest && requestUrl.includes(requestUrlRef.current)) {
       fetchData(requestUrl, { cancelToken: source.token, params });

package/admin/src/content-manager/sharedReducers/crudReducer/reducer.js

@@ -4,7 +4,7 @@ import produce from 'immer';
 // NOTE: instead of creating a shared reducer here, we could also create a hook
 // that returns the dispatch and the state, however it will mess with the linter
 // and force us to either disable the linter for the hooks dependencies array rule or
-// require us to add the dispatch to the array wich is not wanted. This refacto does not require us to
+// require us to add the dispatch to the array which is not wanted. This refacto does not require us to
 // to do any of this.
 import {
   CLEAR_SET_MODIFIED_DATA_ONLY,

package/admin/src/content-manager/utils/checkIfAttributeIsDisplayable.js

@@ -1,10 +1,8 @@
-import toLower from 'lodash/toLower';
-
 const checkIfAttributeIsDisplayable = (attribute) => {
-  const type = attribute.type;
+  const { type } = attribute;
 
   if (type === 'relation') {
-    return !toLower(attribute.relationType).includes('morph');
+    return !(attribute?.relationType ?? '').toLowerCase().includes('morph');
   }
 
   return !['json', 'dynamiczone', 'richtext', 'password'].includes(type) && !!type;

package/admin/src/content-manager/utils/index.js

@@ -6,7 +6,6 @@ export { default as formatLayoutToApi } from './formatLayoutToApi';
 export { default as generatePermissionsObject } from './generatePermissionsObject';
 export { default as getFieldName } from './getFieldName';
 export { default as getMaxTempKey } from './getMaxTempKey';
-export { default as getRequestUrl } from './getRequestUrl';
 export { default as getTrad } from './getTrad';
 export { default as ItemTypes } from './ItemTypes';
 export { default as mergeMetasWithSchema } from './mergeMetasWithSchema';

package/admin/src/pages/AuthPage/constants.js

@@ -55,7 +55,7 @@ export const FORMS = {
     fieldsToOmit: ['userInfo.confirmPassword', 'userInfo.news', 'userInfo.email'],
     schema: yup.object().shape({
       firstname: yup.string().trim().required(translatedErrors.required),
-      lastname: yup.string(),
+      lastname: yup.string().nullable(),
       password: yup
         .string()
         .min(8, translatedErrors.minLength)
@@ -79,7 +79,7 @@ export const FORMS = {
     fieldsToOmit: ['confirmPassword', 'news'],
     schema: yup.object().shape({
       firstname: yup.string().trim().required(translatedErrors.required),
-      lastname: yup.string(),
+      lastname: yup.string().nullable(),
       password: yup
         .string()
         .min(8, translatedErrors.minLength)

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/Events/index.js

@@ -308,7 +308,7 @@ const EventRow = ({ disabledEvents, name, events, inputValue, handleSelect, hand
           </Td>
         );
       })}
-      {events.length < targetColumns && <Td colSpan={`${targetColumns - events.length}`} />}
+      {events.length < targetColumns && <Td colSpan={targetColumns - events.length} />}
     </Tr>
   );
 };

package/admin/src/translations/ar.json

@@ -398,18 +398,24 @@
     "coming.soon": "هذا المحتوى قيد الإنشاء حاليًا وسيعود في غضون أسابيع قليلة!",
     "component.Input.error.validation.integer": "يجب أن تكون القيمة عددًا صحيحًا",
     "components.AutoReloadBlocker.description": "Strapi قم بتشغيل  باستخدام أحد الأوامر التالية:",
-    "components.FilterOptions.FILTER_TYPES.$contains": "يحتوي على (حساس لحالة الأحرف)",
+    "components.FilterOptions.FILTER_TYPES.$contains": "يحتوي على",
+    "components.FilterOptions.FILTER_TYPES.$containsi": "يحتوي على (case insensitive)",
     "components.FilterOptions.FILTER_TYPES.$endsWith": "ينتهي بـ",
+    "components.FilterOptions.FILTER_TYPES.$endsWithi": "ينتهي بـ (case insensitive)",
     "components.FilterOptions.FILTER_TYPES.$eq": "هو",
+    "components.FilterOptions.FILTER_TYPES.$eqi": "هو (case insensitive)",
     "components.FilterOptions.FILTER_TYPES.$gt": "أكبر من",
     "components.FilterOptions.FILTER_TYPES.$gte": "أكبر من أو يساوي",
     "components.FilterOptions.FILTER_TYPES.$lt": "أقل من",
     "components.FilterOptions.FILTER_TYPES.$lte": "أقل من أو يساوي",
     "components.FilterOptions.FILTER_TYPES.$ne": "ليس",
-    "components.FilterOptions.FILTER_TYPES.$notContains": "لا يحتوي على (حساس لحالة الأحرف)",
+    "components.FilterOptions.FILTER_TYPES.$nei": "ليس (case insensitive)",
+    "components.FilterOptions.FILTER_TYPES.$notContains": "لا يحتوي على",
+    "components.FilterOptions.FILTER_TYPES.$notContainsi": "لا يحتوي على (case insensitive)",
     "components.FilterOptions.FILTER_TYPES.$notNull": "هو ليس لاشيء",
     "components.FilterOptions.FILTER_TYPES.$null": "هو لاشيء",
     "components.FilterOptions.FILTER_TYPES.$startsWith": "يبدا ب",
+    "components.FilterOptions.FILTER_TYPES.$startsWithi": "يبدا ب (case insensitive)",
     "components.Input.error.contain.lowercase": "يجب أن تحتوي كلمة المرور على حرف صغير واحد على الأقل",
     "components.Input.error.contain.number": "يجب ان تحتوي كلمة المرور على الاقل رقما واحدا",
     "components.Input.error.contain.uppercase": "يجب أن تحتوي كلمة المرور على حرف كبير واحد على الأقل",
@@ -559,7 +565,7 @@
     "content-manager.success.record.unpublish": "غير منشورة",
     "content-manager.utils.data-loaded": "The {number, plural, =1 {entry has} other {entries have}} successfully been loaded",
     "dark": "داكن",
-    "Documentation": "توثيق",   
+    "Documentation": "توثيق",
     "form.button.continue": "واصل",
     "form.button.done": "منتهي",
     "global.actions": "أجراءات",

package/admin/src/translations/ca.json

@@ -380,18 +380,24 @@
   "components.AutoReloadBlocker.description": "Inicia Strapi amb una de les ordres següents:",
   "components.AutoReloadBlocker.header": "Cal recarregar aquesta extensió.",
   "components.ErrorBoundary.title": "Alguna cosa ha sortit malament...",
-  "components.FilterOptions.FILTER_TYPES.$contains": "conté (sensible a majúscules i minúscules)",
+  "components.FilterOptions.FILTER_TYPES.$contains": "conté",
+  "components.FilterOptions.FILTER_TYPES.$containsi": "conté (no distingeix entre majúscules i minúscules)",
   "components.FilterOptions.FILTER_TYPES.$endsWith": "acaba amb",
+  "components.FilterOptions.FILTER_TYPES.$endsWithi": "acaba amb (no distingeix entre majúscules i minúscules)",
   "components.FilterOptions.FILTER_TYPES.$eq": "és",
+  "components.FilterOptions.FILTER_TYPES.$eqi": "és (no distingeix entre majúscules i minúscules)",
   "components.FilterOptions.FILTER_TYPES.$gt": "és més gran que",
   "components.FilterOptions.FILTER_TYPES.$gte": "és més gran o igual a",
   "components.FilterOptions.FILTER_TYPES.$lt": "és menor que",
   "components.FilterOptions.FILTER_TYPES.$lte": "és menor o igual a",
   "components.FilterOptions.FILTER_TYPES.$ne": "no és",
-  "components.FilterOptions.FILTER_TYPES.$notContains": "no conté (sensible a majúscules i minúscules)",
+  "components.FilterOptions.FILTER_TYPES.$nei": "no és (no distingeix entre majúscules i minúscules)",
+  "components.FilterOptions.FILTER_TYPES.$notContains": "no conté",
+  "components.FilterOptions.FILTER_TYPES.$notContainsi": "no conté (no distingeix entre majúscules i minúscules)",
   "components.FilterOptions.FILTER_TYPES.$notNull": "no és nul",
   "components.FilterOptions.FILTER_TYPES.$null": "és nul",
   "components.FilterOptions.FILTER_TYPES.$startsWith": "comença amb",
+  "components.FilterOptions.FILTER_TYPES.$startsWithi": "comença amb (no distingeix entre majúscules i minúscules)",
   "components.Input.error.attribute.key.taken": "Aquest valor ja existeix",
   "components.Input.error.attribute.sameKeyAndName": "No pot ser igual",
   "components.Input.error.attribute.taken": "Aquest nom de camp ja existeix",