@strapi/admin 4.7.0-beta.0 → 4.7.0-exp.3d6a31eb083e9d44afcf98f68c107fb7567e5720

package/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/index.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { useIntl } from 'react-intl';
 import { Formik } from 'formik';
 import { useRouteMatch, useHistory } from 'react-router-dom';
@@ -9,13 +9,12 @@ import {
   Form,
   useOverlayBlocker,
   useNotification,
+  useTracking,
   useGuidedTour,
   useRBAC,
   useFetchClient,
 } from '@strapi/helper-plugin';
-import { Main } from '@strapi/design-system/Main';
-import { Stack } from '@strapi/design-system/Stack';
-import { ContentLayout } from '@strapi/design-system/Layout';
+import { ContentLayout, Main, Stack } from '@strapi/design-system';
 import { formatAPIErrors } from '../../../../../utils';
 import { schema } from './utils';
 import LoadingView from './components/LoadingView';
@@ -23,6 +22,7 @@ import adminPermissions from '../../../../../permissions';
 import FormTransferTokenContainer from './components/FormTransferTokenContainer';
 import TokenBox from '../../../components/Tokens/TokenBox';
 import FormHead from '../../../components/Tokens/FormHead';
+import { TRANSFER_TOKEN_TYPE } from '../../../components/Tokens/constants';
 
 const MSG_ERROR_NAME_TAKEN = 'Name already taken';
 
@@ -39,6 +39,8 @@ const TransferTokenCreateView = () => {
         }
       : null
   );
+  const { trackUsage } = useTracking();
+  const trackUsageRef = useRef(trackUsage);
   const { setCurrentStep } = useGuidedTour();
   const {
     allowedActions: { canCreate, canUpdate, canRegenerate },
@@ -50,6 +52,12 @@ const TransferTokenCreateView = () => {
 
   const isCreating = id === 'create';
 
+  useEffect(() => {
+    trackUsageRef.current(isCreating ? 'didAddTokenFromList' : 'didEditTokenFromList', {
+      tokenType: TRANSFER_TOKEN_TYPE,
+    });
+  }, [isCreating]);
+
   const { status } = useQuery(
     ['transfer-token', id],
     async () => {
@@ -75,6 +83,9 @@ const TransferTokenCreateView = () => {
   );
 
   const handleSubmit = async (body, actions) => {
+    trackUsageRef.current(isCreating ? 'willCreateToken' : 'willEditToken', {
+      tokenType: TRANSFER_TOKEN_TYPE,
+    });
     lockApp();
     const lifespanVal =
       body.lifespan && parseInt(body.lifespan, 10) && body.lifespan !== '0'
@@ -119,6 +130,11 @@ const TransferTokenCreateView = () => {
               defaultMessage: 'Transfer Token successfully edited',
             }),
       });
+
+      trackUsageRef.current(isCreating ? 'didCreateToken' : 'didEditToken', {
+        type: transferToken?.type,
+        tokenType: TRANSFER_TOKEN_TYPE,
+      });
     } catch (err) {
       const errors = formatAPIErrors(err.response.data);
       actions.setErrors(errors);
@@ -179,7 +195,9 @@ const TransferTokenCreateView = () => {
               />
               <ContentLayout>
                 <Stack spacing={6}>
-                  {Boolean(transferToken?.name) && <TokenBox token={transferToken?.accessKey} />}
+                  {Boolean(transferToken?.name) && (
+                    <TokenBox token={transferToken?.accessKey} tokenType={TRANSFER_TOKEN_TYPE} />
+                  )}
                   <FormTransferTokenContainer
                     errors={errors}
                     onChange={handleChange}

package/admin/src/pages/SettingsPage/pages/TransferTokens/ListView/index.js

@@ -11,18 +11,18 @@ import {
   NoPermissions,
   useRBAC,
   NoContent,
+  useTracking,
   useGuidedTour,
   LinkButton,
   useFetchClient,
 } from '@strapi/helper-plugin';
-import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout';
-import { Main } from '@strapi/design-system/Main';
-import { Button } from '@strapi/design-system/Button';
-import Plus from '@strapi/icons/Plus';
+import { HeaderLayout, ContentLayout, Main, Button } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
 
 import adminPermissions from '../../../../../permissions';
 import tableHeaders from './utils/tableHeaders';
 import Table from '../../../components/Tokens/Table';
+import { TRANSFER_TOKEN_TYPE } from '../../../components/Tokens/constants';
 
 const TransferTokenListView = () => {
   useFocusWhenNavigate();
@@ -33,6 +33,7 @@ const TransferTokenListView = () => {
     allowedActions: { canCreate, canDelete, canUpdate, canRead },
   } = useRBAC(adminPermissions.settings['transfer-tokens']);
   const { push } = useHistory();
+  const { trackUsage } = useTracking();
 
   const { startSection } = useGuidedTour();
   const startSectionRef = useRef(startSection);
@@ -63,10 +64,15 @@ const TransferTokenListView = () => {
   } = useQuery(
     ['transfer-tokens'],
     async () => {
+      trackUsage('willAccessTokenList', {
+        tokenType: TRANSFER_TOKEN_TYPE,
+      });
       const {
         data: { data },
       } = await get(`/admin/transfer/tokens`);
 
+      trackUsage('didAccessTokenList', { number: data.length, tokenType: TRANSFER_TOKEN_TYPE });
+
       return data;
     },
     {
@@ -127,6 +133,11 @@ const TransferTokenListView = () => {
               data-testid="create-transfer-token-button"
               startIcon={<Plus />}
               size="S"
+              onClick={() =>
+                trackUsage('willAddTokenFromList', {
+                  tokenType: TRANSFER_TOKEN_TYPE,
+                })
+              }
               to="/settings/transfer-tokens/create"
             >
               {formatMessage({
@@ -148,6 +159,7 @@ const TransferTokenListView = () => {
             isLoading={isLoading}
             onConfirmDelete={(id) => deleteMutation.mutateAsync(id)}
             tokens={transferTokens}
+            tokenType={TRANSFER_TOKEN_TYPE}
           />
         )}
         {shouldDisplayNoContentWithCreationButton && (

package/admin/src/pages/SettingsPage/pages/Users/EditPage/index.js

@@ -19,15 +19,18 @@ import {
 } from '@strapi/helper-plugin';
 import { useQuery } from 'react-query';
 import { Formik } from 'formik';
-import { Box } from '@strapi/design-system/Box';
-import { Button } from '@strapi/design-system/Button';
-import { Grid, GridItem } from '@strapi/design-system/Grid';
-import { HeaderLayout, ContentLayout } from '@strapi/design-system/Layout';
-import { Typography } from '@strapi/design-system/Typography';
-import { Main } from '@strapi/design-system/Main';
-import { Stack } from '@strapi/design-system/Stack';
-import ArrowLeft from '@strapi/icons/ArrowLeft';
-import Check from '@strapi/icons/Check';
+import {
+  Box,
+  Button,
+  Grid,
+  GridItem,
+  HeaderLayout,
+  ContentLayout,
+  Typography,
+  Main,
+  Stack,
+} from '@strapi/design-system';
+import { ArrowLeft, Check } from '@strapi/icons';
 import MagicLink from 'ee_else_ce/pages/SettingsPage/pages/Users/components/MagicLink';
 import { formatAPIErrors, getFullName } from '../../../../../utils';
 import { fetchUser, putUser } from './utils/api';

package/admin/src/pages/SettingsPage/pages/Users/ListPage/DynamicTable/TableRows/index.js

@@ -1,13 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox';
-import { Box } from '@strapi/design-system/Box';
-import { IconButton } from '@strapi/design-system/IconButton';
-import { Flex } from '@strapi/design-system/Flex';
-import { Typography } from '@strapi/design-system/Typography';
-import { Tbody, Td, Tr } from '@strapi/design-system/Table';
-import Pencil from '@strapi/icons/Pencil';
-import Trash from '@strapi/icons/Trash';
+import {
+  BaseCheckbox,
+  Box,
+  IconButton,
+  Flex,
+  Typography,
+  Tbody,
+  Td,
+  Tr,
+} from '@strapi/design-system';
+import { Pencil, Trash } from '@strapi/icons';
 import { useHistory } from 'react-router-dom';
 import { useIntl } from 'react-intl';
 import { stopPropagation, onRowClick } from '@strapi/helper-plugin';

package/admin/src/pages/SettingsPage/pages/Users/ListPage/ModalForm/index.js

@@ -6,13 +6,15 @@ import {
   ModalHeader,
   ModalFooter,
   ModalBody,
-} from '@strapi/design-system/ModalLayout';
-import { Grid, GridItem } from '@strapi/design-system/Grid';
-import { Breadcrumbs, Crumb } from '@strapi/design-system/Breadcrumbs';
-import { Box } from '@strapi/design-system/Box';
-import { Button } from '@strapi/design-system/Button';
-import { Stack } from '@strapi/design-system/Stack';
-import { Typography } from '@strapi/design-system/Typography';
+  Grid,
+  GridItem,
+  Breadcrumbs,
+  Crumb,
+  Box,
+  Button,
+  Stack,
+  Typography,
+} from '@strapi/design-system';
 
 import { Formik } from 'formik';
 import {

package/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Box } from '@strapi/design-system/Box';
-import { Flex } from '@strapi/design-system/Flex';
+import { Box, Flex } from '@strapi/design-system';
 import { PaginationURLQuery, PageSizeURLQuery } from '@strapi/helper-plugin';
 
 const PaginationFooter = ({ pagination }) => {

package/admin/src/pages/SettingsPage/pages/Users/ListPage/index.js

@@ -8,11 +8,15 @@ import {
   useFocusWhenNavigate,
   NoPermissions,
 } from '@strapi/helper-plugin';
-import { ActionLayout, ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
-import { Button } from '@strapi/design-system/Button';
-import { Main } from '@strapi/design-system/Main';
-import { useNotifyAT } from '@strapi/design-system/LiveRegions';
-import Envelop from '@strapi/icons/Envelop';
+import {
+  ActionLayout,
+  ContentLayout,
+  HeaderLayout,
+  Button,
+  Main,
+  useNotifyAT,
+} from '@strapi/design-system';
+import { Envelop } from '@strapi/icons';
 import { useLocation } from 'react-router-dom';
 import { useIntl } from 'react-intl';
 import { useMutation, useQuery, useQueryClient } from 'react-query';

package/admin/src/pages/SettingsPage/pages/Users/ListPage/utils/tableHeaders.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { Flex } from '@strapi/design-system/Flex';
-import { Typography } from '@strapi/design-system/Typography';
+import { Flex, Typography } from '@strapi/design-system';
 import { Status } from '@strapi/helper-plugin';
 
 const tableHeaders = [

package/admin/src/pages/SettingsPage/pages/Users/components/MagicLink/MagicLinkWrapper.js

@@ -1,28 +1,11 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { IconButton } from '@strapi/design-system/IconButton';
+import { IconButton } from '@strapi/design-system';
 import { useNotification, ContentBox } from '@strapi/helper-plugin';
-import Duplicate from '@strapi/icons/Duplicate';
+import { Duplicate } from '@strapi/icons';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { useIntl } from 'react-intl';
 
-// FIXME replace with parts when ready
-const Envelope = () => (
-  <svg xmlns="http://www.w3.org/2000/svg">
-    <text
-      transform="translate(-23 -9)"
-      fill="#4B515A"
-      fillRule="evenodd"
-      fontSize="32"
-      fontFamily="AppleColorEmoji, Apple Color Emoji"
-    >
-      <tspan x="23" y="36">
-        ✉️
-      </tspan>
-    </text>
-  </svg>
-);
-
 const MagicLinkWrapper = ({ children, target }) => {
   const toggleNotification = useNotification();
   const { formatMessage } = useIntl();
@@ -46,7 +29,7 @@ const MagicLinkWrapper = ({ children, target }) => {
       title={target}
       titleEllipsis
       subtitle={children}
-      icon={<Envelope />}
+      icon={<span style={{ fontSize: 32 }}>✉️</span>}
       iconBackground="neutral100"
     />
   );

package/admin/src/pages/SettingsPage/pages/Users/components/SelectRoles/index.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Select, Option } from '@strapi/design-system/Select';
+import { Select, Option } from '@strapi/design-system';
 import { useQuery } from 'react-query';
 import styled, { keyframes } from 'styled-components';
-import LoadingIcon from '@strapi/icons/Loader';
+import { Loader as LoadingIcon } from '@strapi/icons';
 import { getFetchClient } from '@strapi/helper-plugin';
 
 const rotation = keyframes`

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/EventRow.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox';
-import { Checkbox } from '@strapi/design-system/Checkbox';
+import { BaseCheckbox, Checkbox } from '@strapi/design-system';
 import upperFirst from 'lodash/upperFirst';
 
 const EventRow = ({ disabledEvents, name, events, inputValue, handleChange, handleChangeAll }) => {

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

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { FieldLabel } from '@strapi/design-system/Field';
-import { Stack } from '@strapi/design-system/Stack';
-import { Typography } from '@strapi/design-system/Typography';
+import { FieldLabel, Stack, Typography } from '@strapi/design-system';
 import { useFormikContext } from 'formik';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/Combobox.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { ComboboxOption, CreatableCombobox } from '@strapi/design-system/Combobox';
+import { ComboboxOption, CreatableCombobox } from '@strapi/design-system';
 import keys from './keys';
 
 const Combobox = ({ name, onChange, value, ...props }) => {

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

@@ -1,13 +1,16 @@
 import React from 'react';
 import { RemoveRoundedButton } from '@strapi/helper-plugin';
-import Plus from '@strapi/icons/Plus';
-import { Box } from '@strapi/design-system/Box';
-import { FieldLabel } from '@strapi/design-system/Field';
-import { Grid, GridItem } from '@strapi/design-system/Grid';
-import { Flex } from '@strapi/design-system/Flex';
-import { Stack } from '@strapi/design-system/Stack';
-import { TextInput } from '@strapi/design-system/TextInput';
-import { TextButton } from '@strapi/design-system/TextButton';
+import { Plus } from '@strapi/icons';
+import {
+  Box,
+  FieldLabel,
+  Grid,
+  GridItem,
+  Flex,
+  Stack,
+  TextInput,
+  TextButton,
+} from '@strapi/design-system';
 import { Field, FieldArray, useFormikContext } from 'formik';
 import { useIntl } from 'react-intl';
 import Combobox from './Combobox';

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

@@ -3,14 +3,8 @@ import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
 import styled from 'styled-components';
 import { pxToRem } from '@strapi/helper-plugin';
-import Check from '@strapi/icons/Check';
-import Cross from '@strapi/icons/Cross';
-import Loader from '@strapi/icons/Loader';
-import { Box } from '@strapi/design-system/Box';
-import { Flex } from '@strapi/design-system/Flex';
-import { Typography } from '@strapi/design-system/Typography';
-import { Stack } from '@strapi/design-system/Stack';
-import { Grid, GridItem } from '@strapi/design-system/Grid';
+import { Check, Cross, Loader } from '@strapi/icons';
+import { Box, Flex, Typography, Stack, Grid, GridItem } from '@strapi/design-system';
 
 // Being discussed in Notion: create a <Icon /> component in Parts
 const Icon = styled.svg(

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

@@ -1,15 +1,17 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Form, Link } from '@strapi/helper-plugin';
-import ArrowLeft from '@strapi/icons/ArrowLeft';
-import Check from '@strapi/icons/Check';
-import Publish from '@strapi/icons/Play';
-import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
-import { Box } from '@strapi/design-system/Box';
-import { Button } from '@strapi/design-system/Button';
-import { Stack } from '@strapi/design-system/Stack';
-import { TextInput } from '@strapi/design-system/TextInput';
-import { Grid, GridItem } from '@strapi/design-system/Grid';
+import { ArrowLeft, Check, Play as Publish } from '@strapi/icons';
+import {
+  ContentLayout,
+  HeaderLayout,
+  Box,
+  Button,
+  Stack,
+  TextInput,
+  Grid,
+  GridItem,
+} from '@strapi/design-system';
 import { Field, Formik } from 'formik';
 
 import { useIntl } from 'react-intl';

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

@@ -13,7 +13,7 @@ import {
   useOverlayBlocker,
   useFetchClient,
 } from '@strapi/helper-plugin';
-import { Main } from '@strapi/design-system/Main';
+import { Main } from '@strapi/design-system';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { useHistory, useRouteMatch } from 'react-router-dom';
 import { useModels } from '../../../../../hooks';

package/admin/src/pages/SettingsPage/pages/Webhooks/ListView/index.js

@@ -19,24 +19,32 @@ import {
   stopPropagation,
   LinkButton,
 } from '@strapi/helper-plugin';
-import { HeaderLayout, Layout, ContentLayout, ActionLayout } from '@strapi/design-system/Layout';
-import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout';
-import { Flex } from '@strapi/design-system/Flex';
-import { Stack } from '@strapi/design-system/Stack';
-import { IconButton } from '@strapi/design-system/IconButton';
-import { BaseCheckbox } from '@strapi/design-system/BaseCheckbox';
-import { Table, Thead, Tr, Th, Tbody, Td, TFooter } from '@strapi/design-system/Table';
-import { Typography } from '@strapi/design-system/Typography';
-import { Button } from '@strapi/design-system/Button';
-import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden';
-import { Switch } from '@strapi/design-system/Switch';
-import { Main } from '@strapi/design-system/Main';
-import { useNotifyAT } from '@strapi/design-system/LiveRegions';
-import { Box } from '@strapi/design-system/Box';
-import Plus from '@strapi/icons/Plus';
-import Pencil from '@strapi/icons/Pencil';
-import Trash from '@strapi/icons/Trash';
-import EmptyDocuments from '@strapi/icons/EmptyDocuments';
+import {
+  HeaderLayout,
+  Layout,
+  ContentLayout,
+  ActionLayout,
+  EmptyStateLayout,
+  Flex,
+  Stack,
+  IconButton,
+  BaseCheckbox,
+  Table,
+  Thead,
+  Tr,
+  Th,
+  Tbody,
+  Td,
+  TFooter,
+  Typography,
+  Button,
+  Switch,
+  Main,
+  useNotifyAT,
+  Box,
+  VisuallyHidden,
+} from '@strapi/design-system';
+import { Plus, Pencil, Trash, EmptyDocuments } from '@strapi/icons';
 import reducer, { initialState } from './reducer';
 import adminPermissions from '../../../../../permissions';
 

package/admin/src/pages/UseCasePage/index.js

@@ -5,15 +5,18 @@ import { useHistory } from 'react-router-dom';
 import styled from 'styled-components';
 import { parse } from 'qs';
 import { pxToRem, useNotification, auth } from '@strapi/helper-plugin';
-import { Main } from '@strapi/design-system/Main';
-import { Flex } from '@strapi/design-system/Flex';
-import { Box } from '@strapi/design-system/Box';
-import { Stack } from '@strapi/design-system/Stack';
-import { Typography } from '@strapi/design-system/Typography';
-import { Select, Option } from '@strapi/design-system/Select';
-import { TextInput } from '@strapi/design-system/TextInput';
-import { TextButton } from '@strapi/design-system/TextButton';
-import { Button } from '@strapi/design-system/Button';
+import {
+  Main,
+  Flex,
+  Box,
+  Stack,
+  Typography,
+  Select,
+  Option,
+  TextInput,
+  TextButton,
+  Button,
+} from '@strapi/design-system';
 import Logo from '../../components/UnauthenticatedLogo';
 import UnauthenticatedLayout, { LayoutContent } from '../../layouts/UnauthenticatedLayout';
 

package/admin/src/permissions/defaultPermissions.js

@@ -21,23 +21,10 @@ const permissions = {
     ],
   },
   marketplace: {
-    main: [
-      { action: 'admin::marketplace.read', subject: null },
-      { action: 'admin::marketplace.plugins.install', subject: null },
-      { action: 'admin::marketplace.plugins.uninstall', subject: null },
-    ],
-    install: [{ action: 'admin::marketplace.plugins.install', subject: null }],
-    read: [
-      { action: 'admin::marketplace.read', subject: null },
-      { action: 'admin::marketplace.plugins.uninstall', subject: null },
-    ],
-    uninstall: [{ action: 'admin::marketplace.plugins.uninstall', subject: null }],
+    main: [{ action: 'admin::marketplace.read', subject: null }],
+    read: [{ action: 'admin::marketplace.read', subject: null }],
   },
   settings: {
-    auditLogs: {
-      main: [{ action: 'admin::audit-logs.read', subject: null }],
-      read: [{ action: 'admin::audit-logs.read', subject: null }],
-    },
     roles: {
       main: [
         { action: 'admin::roles.create', subject: null },

package/admin/src/translations/ar.json

@@ -90,10 +90,10 @@
   "components.Input.error.password.noMatch": "كلمات السر لا تتطابق",
   "components.Input.error.validation.email": "هذا ليس بريد الإكتروني",
   "components.Input.error.validation.json": "لا يتطابق مع صيغة JSON",
-  "components.Input.error.validation.max": "هذه القيمة عالية جدًا.",
-  "components.Input.error.validation.maxLength": "هذه القيمة طويلة جدًا.",
-  "components.Input.error.validation.min": "هذه القيمة قليلة جدًا.",
-  "components.Input.error.validation.minLength": "هذه القيمة قصيرة جدًا.",
+  "components.Input.error.validation.max": "هذه القيمة عالية جدًا {max}.",
+  "components.Input.error.validation.maxLength": "هذه القيمة طويلة جدًا {max}.",
+  "components.Input.error.validation.min": "هذه القيمة قليلة جدًا {min}.",
+  "components.Input.error.validation.minLength": "هذه القيمة قصيرة جدًا {min}.",
   "components.Input.error.validation.minSupMax": "لا يمكن أن تكون متفوقة",
   "components.Input.error.validation.regex": "هذه القمية لا تطابق regex.",
   "components.Input.error.validation.required": "هذه القيمة مطلوبة.",

package/admin/src/translations/ca.json

@@ -409,10 +409,10 @@
   "components.Input.error.validation.email": "Això no és un email",
   "components.Input.error.validation.json": "Això no coincideix amb el format JSON",
   "components.Input.error.validation.lowercase": "El valor ha de ser una cadena en minúscules",
-  "components.Input.error.validation.max": "El valor és massa alt.",
-  "components.Input.error.validation.maxLength": "El valor és massa llarg.",
-  "components.Input.error.validation.min": "El valor és massa baix.",
-  "components.Input.error.validation.minLength": "El valor és massa curt.",
+  "components.Input.error.validation.max": "El valor és massa alt {max}.",
+  "components.Input.error.validation.maxLength": "El valor és massa llarg {max}.",
+  "components.Input.error.validation.min": "El valor és massa baix {min}.",
+  "components.Input.error.validation.minLength": "El valor és massa curt {min}.",
   "components.Input.error.validation.minSupMax": "No pot ser superior",
   "components.Input.error.validation.regex": "El valor no coincideix amb el de regex.",
   "components.Input.error.validation.required": "Aquest valor és obligatori.",

package/admin/src/translations/cs.json

@@ -115,10 +115,10 @@
   "components.Input.error.password.noMatch": "Hesla se neshodují",
   "components.Input.error.validation.email": "Toto není e-mailová adresa",
   "components.Input.error.validation.json": "Toto se neshoduje s formátem JSON",
-  "components.Input.error.validation.max": "Hodnota je příliš vysoká.",
-  "components.Input.error.validation.maxLength": "Hodnota je příliš dlouhá.",
-  "components.Input.error.validation.min": "Hodnota je příliš nízká.",
-  "components.Input.error.validation.minLength": "Hodnota je příliš krátká.",
+  "components.Input.error.validation.max": "Hodnota je příliš vysoká {max}.",
+  "components.Input.error.validation.maxLength": "Hodnota je příliš dlouhá {max}.",
+  "components.Input.error.validation.min": "Hodnota je příliš nízká {min}.",
+  "components.Input.error.validation.minLength": "Hodnota je příliš krátká {min}.",
   "components.Input.error.validation.minSupMax": "Nemůže být nadřazený",
   "components.Input.error.validation.regex": "Hodnota neodpovídá požadovanému vzoru.",
   "components.Input.error.validation.required": "Tato hodnota je povinná.",

package/admin/src/translations/de.json

@@ -405,10 +405,10 @@
   "components.Input.error.validation.email": "Das ist keine gültige E-Mail-Adresse",
   "components.Input.error.validation.json": "Dies entspricht nicht dem JSON-Format.",
   "components.Input.error.validation.lowercase": "Dieser Wert muss kleingeschreiben sein.",
-  "components.Input.error.validation.max": "Dieser Wert ist zu hoch.",
-  "components.Input.error.validation.maxLength": "Dieser Wert ist zu lang.",
-  "components.Input.error.validation.min": "Dieser Wert ist zu niedrig.",
-  "components.Input.error.validation.minLength": "Dieser Wert ist zu kurz.",
+  "components.Input.error.validation.max": "Dieser Wert ist zu hoch {max}.",
+  "components.Input.error.validation.maxLength": "Dieser Wert ist zu lang {max}.",
+  "components.Input.error.validation.min": "Dieser Wert ist zu niedrig {min}.",
+  "components.Input.error.validation.minLength": "Dieser Wert ist zu kurz {min}.",
   "components.Input.error.validation.minSupMax": "Darf nicht höher sein",
   "components.Input.error.validation.regex": "Dieser Wert entspricht nicht dem RegEx.",
   "components.Input.error.validation.required": "Die Eingabe dieses Wertes ist erforderlich.",

package/admin/src/translations/dk.json

@@ -353,10 +353,10 @@
   "components.Input.error.password.noMatch": "Kodeord er ikke ens",
   "components.Input.error.validation.email": "Dette er ikke en e-mail",
   "components.Input.error.validation.json": "Dette matcher ikke JSON formatet",
-  "components.Input.error.validation.max": "Værdien er for høj.",
-  "components.Input.error.validation.maxLength": "Værdien er for lang.",
-  "components.Input.error.validation.min": "Værdien er for lav.",
-  "components.Input.error.validation.minLength": "Værdien er for kort.",
+  "components.Input.error.validation.max": "Værdien er for høj {max}.",
+  "components.Input.error.validation.maxLength": "Værdien er for lang {max}.",
+  "components.Input.error.validation.min": "Værdien er for lav {min}.",
+  "components.Input.error.validation.minLength": "Værdien er for kort {min}.",
   "components.Input.error.validation.minSupMax": "Kan ikke være højere",
   "components.Input.error.validation.regex": "Værdien matcher ikke regex.",
   "components.Input.error.validation.required": "Værdien er påkrævet.",