@strapi/content-type-builder 5.15.1 → 5.16.1

package/dist/admin/components/DynamicZoneList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicZoneList.js","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { ComponentType, useState } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../utils/getTrad';\n\nimport { ComponentCard } from './ComponentCard';\nimport { ComponentList } from './ComponentList';\nimport { ComponentRow } from './ComponentRow';\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface DynamicZoneListProps {\n  addComponent: (name?: string) => void;\n  components: Array<Internal.UID.Component>;\n  customRowComponent?: ComponentType<any>;\n  name?: string;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst StyledAddIcon = styled(Plus)<{ disabled?: boolean }>`\n  width: 3.2rem;\n  height: 3.2rem;\n  padding: 0.9rem;\n  border-radius: 6.4rem;\n  background: ${({ theme, disabled }) =>\n    disabled ? theme.colors.neutral100 : theme.colors.primary100};\n  path {\n    fill: ${({ theme, disabled }) =>\n      disabled ? theme.colors.neutral600 : theme.colors.primary600};\n  }\n`;\n\nconst ScrollableStack = styled(Flex)`\n  width: 100%;\n  overflow-x: auto;\n\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst ComponentStack = styled(Flex)`\n  flex-shrink: 0;\n  width: 14rem;\n  height: 8rem;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DynamicZoneList = ({\n  components = [],\n  addComponent,\n  name,\n  forTarget,\n  targetUid,\n  disabled = false,\n}: DynamicZoneListProps) => {\n  const { isInDevelopmentMode } = useDataManager();\n  const [activeTab, setActiveTab] = useState(0);\n  const { formatMessage } = useIntl();\n\n  const toggle = (tab: number) => {\n    if (activeTab !== tab) {\n      setActiveTab(tab);\n    }\n  };\n\n  const handleClickAdd = () => {\n    addComponent(name);\n  };\n\n  return (\n    <ComponentRow className=\"dynamiczone-row\" $isFromDynamicZone>\n      <Box>\n        <Box padding={2} paddingLeft=\"104px\">\n          <ScrollableStack gap={2}>\n            {isInDevelopmentMode && (\n              <button\n                type=\"button\"\n                onClick={handleClickAdd}\n                disabled={disabled}\n                style={{\n                  cursor: disabled ? 'not-allowed' : 'pointer',\n                }}\n              >\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\n                  <StyledAddIcon disabled={disabled} />\n                  <Typography\n                    variant=\"pi\"\n                    fontWeight=\"bold\"\n                    textColor={disabled ? 'neutral600' : 'primary600'}\n                  >\n                    {formatMessage({\n                      id: getTrad('button.component.add'),\n                      defaultMessage: 'Add a component',\n                    })}\n                  </Typography>\n                </ComponentStack>\n              </button>\n            )}\n            <Flex role=\"tablist\" gap={2}>\n              {components.map((component, index) => {\n                return (\n                  <ComponentCard\n                    key={component}\n                    dzName={name || ''}\n                    index={index}\n                    component={component}\n                    isActive={activeTab === index}\n                    isInDevelopmentMode={isInDevelopmentMode}\n                    onClick={() => toggle(index)}\n                    forTarget={forTarget}\n                    targetUid={targetUid}\n                    disabled={disabled}\n                  />\n                );\n              })}\n            </Flex>\n          </ScrollableStack>\n        </Box>\n        <Box>\n          {components.map((component, index) => {\n            return (\n              <Box\n                id={`dz-${name}-panel-${index}`}\n                role=\"tabpanel\"\n                aria-labelledby={`dz-${name}-tab-${index}`}\n                key={component}\n                style={{ display: activeTab === index ? 'block' : 'none' }}\n              >\n                <ComponentList isFromDynamicZone component={component} key={component} />\n              </Box>\n            );\n          })}\n        </Box>\n      </Box>\n    </ComponentRow>\n  );\n};\n"],"names":["StyledAddIcon","styled","Plus","theme","disabled","colors","neutral100","primary100","neutral600","primary600","ScrollableStack","Flex","ComponentStack","DynamicZoneList","components","addComponent","name","forTarget","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","ComponentRow","className","$isFromDynamicZone","_jsxs","Box","padding","paddingLeft","gap","button","type","onClick","style","cursor","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","role","map","component","index","ComponentCard","dzName","isActive","aria-labelledby","display","ComponentList","isFromDynamicZone"],"mappings":"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"}
+{"version":3,"file":"DynamicZoneList.js","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { ComponentType, useState } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../utils/getTrad';\n\nimport { ComponentCard } from './ComponentCard';\nimport { ComponentList } from './ComponentList';\nimport { ComponentRow } from './ComponentRow';\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface DynamicZoneListProps {\n  addComponent: (name?: string) => void;\n  components: Array<Internal.UID.Component>;\n  customRowComponent?: ComponentType<any>;\n  name?: string;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst StyledAddIcon = styled(Plus)<{ disabled?: boolean }>`\n  width: 3.2rem;\n  height: 3.2rem;\n  padding: 0.9rem;\n  border-radius: 6.4rem;\n  background: ${({ theme, disabled }) =>\n    disabled ? theme.colors.neutral100 : theme.colors.primary100};\n  path {\n    fill: ${({ theme, disabled }) =>\n      disabled ? theme.colors.neutral600 : theme.colors.primary600};\n  }\n`;\n\nconst ComponentStack = styled(Flex)`\n  flex-shrink: 0;\n  width: 14rem;\n  height: 8rem;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DynamicZoneList = ({\n  components = [],\n  addComponent,\n  name,\n  forTarget,\n  targetUid,\n  disabled = false,\n}: DynamicZoneListProps) => {\n  const { isInDevelopmentMode } = useDataManager();\n  const [activeTab, setActiveTab] = useState(0);\n  const { formatMessage } = useIntl();\n\n  const toggle = (tab: number) => {\n    if (activeTab !== tab) {\n      setActiveTab(tab);\n    }\n  };\n\n  const handleClickAdd = () => {\n    addComponent(name);\n  };\n\n  return (\n    <ComponentRow className=\"dynamiczone-row\" $isFromDynamicZone>\n      <Box>\n        <Box padding={2} paddingLeft=\"104px\">\n          <Flex role=\"tablist\" gap={2} wrap=\"wrap\">\n            {isInDevelopmentMode && (\n              <button\n                type=\"button\"\n                onClick={handleClickAdd}\n                disabled={disabled}\n                style={{\n                  cursor: disabled ? 'not-allowed' : 'pointer',\n                }}\n              >\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\n                  <StyledAddIcon disabled={disabled} />\n                  <Typography\n                    variant=\"pi\"\n                    fontWeight=\"bold\"\n                    textColor={disabled ? 'neutral600' : 'primary600'}\n                  >\n                    {formatMessage({\n                      id: getTrad('button.component.add'),\n                      defaultMessage: 'Add a component',\n                    })}\n                  </Typography>\n                </ComponentStack>\n              </button>\n            )}\n            {components.map((component, index) => {\n              return (\n                <ComponentCard\n                  key={component}\n                  dzName={name || ''}\n                  index={index}\n                  component={component}\n                  isActive={activeTab === index}\n                  isInDevelopmentMode={isInDevelopmentMode}\n                  onClick={() => toggle(index)}\n                  forTarget={forTarget}\n                  targetUid={targetUid}\n                  disabled={disabled}\n                />\n              );\n            })}\n          </Flex>\n        </Box>\n        <Box>\n          {components.map((component, index) => {\n            return (\n              <Box\n                id={`dz-${name}-panel-${index}`}\n                role=\"tabpanel\"\n                aria-labelledby={`dz-${name}-tab-${index}`}\n                key={component}\n                style={{ display: activeTab === index ? 'block' : 'none' }}\n              >\n                <ComponentList isFromDynamicZone component={component} key={component} />\n              </Box>\n            );\n          })}\n        </Box>\n      </Box>\n    </ComponentRow>\n  );\n};\n"],"names":["StyledAddIcon","styled","Plus","theme","disabled","colors","neutral100","primary100","neutral600","primary600","ComponentStack","Flex","DynamicZoneList","components","addComponent","name","forTarget","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","ComponentRow","className","$isFromDynamicZone","_jsxs","Box","padding","paddingLeft","role","gap","wrap","button","type","onClick","style","cursor","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","map","component","index","ComponentCard","dzName","isActive","aria-labelledby","display","ComponentList","isFromDynamicZone"],"mappings":"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"}

package/dist/admin/components/DynamicZoneList.mjs

@@ -20,17 +20,6 @@ const StyledAddIcon = styled(Plus)`
     fill: ${({ theme, disabled })=>disabled ? theme.colors.neutral600 : theme.colors.primary600};
   }
 `;
-const ScrollableStack = styled(Flex)`
-  width: 100%;
-  overflow-x: auto;
-
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-`;
 const ComponentStack = styled(Flex)`
   flex-shrink: 0;
   width: 14rem;
@@ -58,8 +47,10 @@ const DynamicZoneList = ({ components = [], addComponent, name, forTarget, targe
                 /*#__PURE__*/ jsx(Box, {
                     padding: 2,
                     paddingLeft: "104px",
-                    children: /*#__PURE__*/ jsxs(ScrollableStack, {
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        role: "tablist",
                         gap: 2,
+                        wrap: "wrap",
                         children: [
                             isInDevelopmentMode && /*#__PURE__*/ jsx("button", {
                                 type: "button",
@@ -88,22 +79,18 @@ const DynamicZoneList = ({ components = [], addComponent, name, forTarget, targe
                                     ]
                                 })
                             }),
-                            /*#__PURE__*/ jsx(Flex, {
-                                role: "tablist",
-                                gap: 2,
-                                children: components.map((component, index)=>{
-                                    return /*#__PURE__*/ jsx(ComponentCard, {
-                                        dzName: name || '',
-                                        index: index,
-                                        component: component,
-                                        isActive: activeTab === index,
-                                        isInDevelopmentMode: isInDevelopmentMode,
-                                        onClick: ()=>toggle(index),
-                                        forTarget: forTarget,
-                                        targetUid: targetUid,
-                                        disabled: disabled
-                                    }, component);
-                                })
+                            components.map((component, index)=>{
+                                return /*#__PURE__*/ jsx(ComponentCard, {
+                                    dzName: name || '',
+                                    index: index,
+                                    component: component,
+                                    isActive: activeTab === index,
+                                    isInDevelopmentMode: isInDevelopmentMode,
+                                    onClick: ()=>toggle(index),
+                                    forTarget: forTarget,
+                                    targetUid: targetUid,
+                                    disabled: disabled
+                                }, component);
                             })
                         ]
                     })

package/dist/admin/components/DynamicZoneList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicZoneList.mjs","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { ComponentType, useState } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../utils/getTrad';\n\nimport { ComponentCard } from './ComponentCard';\nimport { ComponentList } from './ComponentList';\nimport { ComponentRow } from './ComponentRow';\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface DynamicZoneListProps {\n  addComponent: (name?: string) => void;\n  components: Array<Internal.UID.Component>;\n  customRowComponent?: ComponentType<any>;\n  name?: string;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst StyledAddIcon = styled(Plus)<{ disabled?: boolean }>`\n  width: 3.2rem;\n  height: 3.2rem;\n  padding: 0.9rem;\n  border-radius: 6.4rem;\n  background: ${({ theme, disabled }) =>\n    disabled ? theme.colors.neutral100 : theme.colors.primary100};\n  path {\n    fill: ${({ theme, disabled }) =>\n      disabled ? theme.colors.neutral600 : theme.colors.primary600};\n  }\n`;\n\nconst ScrollableStack = styled(Flex)`\n  width: 100%;\n  overflow-x: auto;\n\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nconst ComponentStack = styled(Flex)`\n  flex-shrink: 0;\n  width: 14rem;\n  height: 8rem;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DynamicZoneList = ({\n  components = [],\n  addComponent,\n  name,\n  forTarget,\n  targetUid,\n  disabled = false,\n}: DynamicZoneListProps) => {\n  const { isInDevelopmentMode } = useDataManager();\n  const [activeTab, setActiveTab] = useState(0);\n  const { formatMessage } = useIntl();\n\n  const toggle = (tab: number) => {\n    if (activeTab !== tab) {\n      setActiveTab(tab);\n    }\n  };\n\n  const handleClickAdd = () => {\n    addComponent(name);\n  };\n\n  return (\n    <ComponentRow className=\"dynamiczone-row\" $isFromDynamicZone>\n      <Box>\n        <Box padding={2} paddingLeft=\"104px\">\n          <ScrollableStack gap={2}>\n            {isInDevelopmentMode && (\n              <button\n                type=\"button\"\n                onClick={handleClickAdd}\n                disabled={disabled}\n                style={{\n                  cursor: disabled ? 'not-allowed' : 'pointer',\n                }}\n              >\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\n                  <StyledAddIcon disabled={disabled} />\n                  <Typography\n                    variant=\"pi\"\n                    fontWeight=\"bold\"\n                    textColor={disabled ? 'neutral600' : 'primary600'}\n                  >\n                    {formatMessage({\n                      id: getTrad('button.component.add'),\n                      defaultMessage: 'Add a component',\n                    })}\n                  </Typography>\n                </ComponentStack>\n              </button>\n            )}\n            <Flex role=\"tablist\" gap={2}>\n              {components.map((component, index) => {\n                return (\n                  <ComponentCard\n                    key={component}\n                    dzName={name || ''}\n                    index={index}\n                    component={component}\n                    isActive={activeTab === index}\n                    isInDevelopmentMode={isInDevelopmentMode}\n                    onClick={() => toggle(index)}\n                    forTarget={forTarget}\n                    targetUid={targetUid}\n                    disabled={disabled}\n                  />\n                );\n              })}\n            </Flex>\n          </ScrollableStack>\n        </Box>\n        <Box>\n          {components.map((component, index) => {\n            return (\n              <Box\n                id={`dz-${name}-panel-${index}`}\n                role=\"tabpanel\"\n                aria-labelledby={`dz-${name}-tab-${index}`}\n                key={component}\n                style={{ display: activeTab === index ? 'block' : 'none' }}\n              >\n                <ComponentList isFromDynamicZone component={component} key={component} />\n              </Box>\n            );\n          })}\n        </Box>\n      </Box>\n    </ComponentRow>\n  );\n};\n"],"names":["StyledAddIcon","styled","Plus","theme","disabled","colors","neutral100","primary100","neutral600","primary600","ScrollableStack","Flex","ComponentStack","DynamicZoneList","components","addComponent","name","forTarget","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","ComponentRow","className","$isFromDynamicZone","_jsxs","Box","padding","paddingLeft","gap","button","type","onClick","style","cursor","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","role","map","component","index","ComponentCard","dzName","isActive","aria-labelledby","display","ComponentList","isFromDynamicZone"],"mappings":"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"}
+{"version":3,"file":"DynamicZoneList.mjs","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { ComponentType, useState } from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../utils/getTrad';\n\nimport { ComponentCard } from './ComponentCard';\nimport { ComponentList } from './ComponentList';\nimport { ComponentRow } from './ComponentRow';\nimport { useDataManager } from './DataManager/useDataManager';\n\nimport type { Internal, Struct } from '@strapi/types';\n\ninterface DynamicZoneListProps {\n  addComponent: (name?: string) => void;\n  components: Array<Internal.UID.Component>;\n  customRowComponent?: ComponentType<any>;\n  name?: string;\n  forTarget: Struct.ModelType;\n  targetUid: Internal.UID.Schema;\n  disabled?: boolean;\n}\n\nconst StyledAddIcon = styled(Plus)<{ disabled?: boolean }>`\n  width: 3.2rem;\n  height: 3.2rem;\n  padding: 0.9rem;\n  border-radius: 6.4rem;\n  background: ${({ theme, disabled }) =>\n    disabled ? theme.colors.neutral100 : theme.colors.primary100};\n  path {\n    fill: ${({ theme, disabled }) =>\n      disabled ? theme.colors.neutral600 : theme.colors.primary600};\n  }\n`;\n\nconst ComponentStack = styled(Flex)`\n  flex-shrink: 0;\n  width: 14rem;\n  height: 8rem;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DynamicZoneList = ({\n  components = [],\n  addComponent,\n  name,\n  forTarget,\n  targetUid,\n  disabled = false,\n}: DynamicZoneListProps) => {\n  const { isInDevelopmentMode } = useDataManager();\n  const [activeTab, setActiveTab] = useState(0);\n  const { formatMessage } = useIntl();\n\n  const toggle = (tab: number) => {\n    if (activeTab !== tab) {\n      setActiveTab(tab);\n    }\n  };\n\n  const handleClickAdd = () => {\n    addComponent(name);\n  };\n\n  return (\n    <ComponentRow className=\"dynamiczone-row\" $isFromDynamicZone>\n      <Box>\n        <Box padding={2} paddingLeft=\"104px\">\n          <Flex role=\"tablist\" gap={2} wrap=\"wrap\">\n            {isInDevelopmentMode && (\n              <button\n                type=\"button\"\n                onClick={handleClickAdd}\n                disabled={disabled}\n                style={{\n                  cursor: disabled ? 'not-allowed' : 'pointer',\n                }}\n              >\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\n                  <StyledAddIcon disabled={disabled} />\n                  <Typography\n                    variant=\"pi\"\n                    fontWeight=\"bold\"\n                    textColor={disabled ? 'neutral600' : 'primary600'}\n                  >\n                    {formatMessage({\n                      id: getTrad('button.component.add'),\n                      defaultMessage: 'Add a component',\n                    })}\n                  </Typography>\n                </ComponentStack>\n              </button>\n            )}\n            {components.map((component, index) => {\n              return (\n                <ComponentCard\n                  key={component}\n                  dzName={name || ''}\n                  index={index}\n                  component={component}\n                  isActive={activeTab === index}\n                  isInDevelopmentMode={isInDevelopmentMode}\n                  onClick={() => toggle(index)}\n                  forTarget={forTarget}\n                  targetUid={targetUid}\n                  disabled={disabled}\n                />\n              );\n            })}\n          </Flex>\n        </Box>\n        <Box>\n          {components.map((component, index) => {\n            return (\n              <Box\n                id={`dz-${name}-panel-${index}`}\n                role=\"tabpanel\"\n                aria-labelledby={`dz-${name}-tab-${index}`}\n                key={component}\n                style={{ display: activeTab === index ? 'block' : 'none' }}\n              >\n                <ComponentList isFromDynamicZone component={component} key={component} />\n              </Box>\n            );\n          })}\n        </Box>\n      </Box>\n    </ComponentRow>\n  );\n};\n"],"names":["StyledAddIcon","styled","Plus","theme","disabled","colors","neutral100","primary100","neutral600","primary600","ComponentStack","Flex","DynamicZoneList","components","addComponent","name","forTarget","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","ComponentRow","className","$isFromDynamicZone","_jsxs","Box","padding","paddingLeft","role","gap","wrap","button","type","onClick","style","cursor","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","map","component","index","ComponentCard","dzName","isActive","aria-labelledby","display","ComponentList","isFromDynamicZone"],"mappings":"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"}

package/dist/admin/components/FormModal/attributes/advancedForm.js

@@ -90,6 +90,20 @@ const advancedForm = {
             };
         }
         if (repeatable) {
+            const minComponentsAttribute = {
+                ...attributeOptions.attributeOptions.min,
+                intlLabel: {
+                    id: getTrad.getTrad('form.attribute.item.minimumComponents'),
+                    defaultMessage: 'Minimum components'
+                }
+            };
+            const maxComponentsAttribute = {
+                ...attributeOptions.attributeOptions.max,
+                intlLabel: {
+                    id: getTrad.getTrad('form.attribute.item.maximumComponents'),
+                    defaultMessage: 'Maximum components'
+                }
+            };
             return {
                 sections: [
                     {
@@ -100,8 +114,8 @@ const advancedForm = {
                         items: [
                             attributeOptions.attributeOptions.required,
                             attributeOptions.attributeOptions.private,
-                            attributeOptions.attributeOptions.max,
-                            attributeOptions.attributeOptions.min
+                            minComponentsAttribute,
+                            maxComponentsAttribute
                         ]
                     }
                 ]
@@ -459,7 +473,8 @@ const advancedForm = {
                         attributeOptions.attributeOptions.required,
                         attributeOptions.attributeOptions.maxLength,
                         attributeOptions.attributeOptions.minLength,
-                        attributeOptions.attributeOptions.private
+                        attributeOptions.attributeOptions.private,
+                        attributeOptions.attributeOptions.regex
                     ]
                 }
             ]

package/dist/admin/components/FormModal/attributes/advancedForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"advancedForm.js","sources":["../../../../../admin/src/components/FormModal/attributes/advancedForm.ts"],"sourcesContent":["import { getTrad } from '../../../utils/getTrad';\nimport { componentForm } from '../component/componentForm';\n\nimport { attributeOptions } from './attributeOptions';\n\ntype DataType = 'biginteger' | 'string' | 'integer' | 'float' | 'decimal';\n\nexport const advancedForm = {\n  blocks() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  boolean() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              type: 'select-default-boolean',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              name: 'default',\n              options: [\n                {\n                  value: 'true',\n                  key: 'true',\n                  metadatas: { intlLabel: { id: 'true', defaultMessage: 'true' } },\n                },\n                {\n                  value: '',\n                  key: 'null',\n                  metadatas: { intlLabel: { id: 'null', defaultMessage: 'null' } },\n                },\n                {\n                  value: 'false',\n                  key: 'false',\n                  metadatas: { intlLabel: { id: 'false', defaultMessage: 'false' } },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  component({ repeatable }: { repeatable: boolean }, step: string) {\n    if (step === '1') {\n      return { sections: componentForm.advanced() };\n    }\n\n    if (repeatable) {\n      return {\n        sections: [\n          {\n            sectionTitle: {\n              id: 'global.settings',\n              defaultMessage: 'Settings',\n            },\n            items: [\n              attributeOptions.required,\n              attributeOptions.private,\n              attributeOptions.max,\n              attributeOptions.min,\n            ],\n          },\n        ],\n      };\n    }\n\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  date({ type }: { type: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: type || 'date',\n              value: null,\n              withDefaultValue: false,\n              disabled: !type,\n              autoFocus: false,\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.unique, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  dynamiczone() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.max, attributeOptions.min],\n        },\n      ],\n    };\n  },\n  email() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: 'email',\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  enumeration(data: { enum: Array<string> }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              name: 'default',\n              type: 'select',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n              options: [\n                {\n                  key: '__null_reset_value__',\n                  value: '',\n                  metadatas: {\n                    intlLabel: {\n                      id: 'components.InputSelect.option.placeholder',\n                      defaultMessage: 'Choose here',\n                    },\n                  },\n                },\n                ...(data.enum || [])\n                  .filter((value, index) => data.enum.indexOf(value) === index && value)\n                  .map((value) => {\n                    return {\n                      key: value,\n                      value,\n                      metadatas: {\n                        intlLabel: { id: `${value}.no-override`, defaultMessage: value },\n                      },\n                    };\n                  }),\n              ],\n            },\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.item.enumeration.graphql'),\n                defaultMessage: 'Name override for GraphQL',\n              },\n              name: 'enumName',\n              type: 'text',\n              validations: {},\n              description: {\n                id: getTrad('form.attribute.item.enumeration.graphql.description'),\n                defaultMessage: 'Allows you to override the default generated name for GraphQL',\n              },\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  json() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  media() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.media.allowed-types'),\n                defaultMessage: 'Select allowed types of media',\n              },\n              name: 'allowedTypes',\n              type: 'allowed-types-select',\n              size: 7,\n              value: '',\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  number(data: { type: DataType }) {\n    const inputStep = data.type === 'decimal' || data.type === 'float' ? 'any' : 1;\n\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              name: 'default',\n              type: data.type === 'biginteger' ? 'text' : 'number',\n              step: inputStep,\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.max,\n            attributeOptions.min,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  password() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  relation() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.private],\n        },\n      ],\n    };\n  },\n  richtext() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  text() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default, attributeOptions.regex] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  uid(data: { targetField: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            { ...attributeOptions.default, disabled: Boolean(data.targetField), type: 'text' },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n};\n"],"names":["advancedForm","blocks","sections","sectionTitle","id","defaultMessage","items","attributeOptions","required","private","boolean","autoFocus","type","intlLabel","getTrad","name","options","value","key","metadatas","component","repeatable","step","componentForm","advanced","max","min","date","default","withDefaultValue","disabled","unique","dynamiczone","email","maxLength","minLength","enumeration","data","validations","enum","filter","index","indexOf","map","description","json","media","size","number","inputStep","password","relation","richtext","text","regex","uid","Boolean","targetField"],"mappings":"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"}
+{"version":3,"file":"advancedForm.js","sources":["../../../../../admin/src/components/FormModal/attributes/advancedForm.ts"],"sourcesContent":["import { getTrad } from '../../../utils/getTrad';\nimport { componentForm } from '../component/componentForm';\n\nimport { attributeOptions } from './attributeOptions';\n\ntype DataType = 'biginteger' | 'string' | 'integer' | 'float' | 'decimal';\n\nexport const advancedForm = {\n  blocks() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  boolean() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              type: 'select-default-boolean',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              name: 'default',\n              options: [\n                {\n                  value: 'true',\n                  key: 'true',\n                  metadatas: { intlLabel: { id: 'true', defaultMessage: 'true' } },\n                },\n                {\n                  value: '',\n                  key: 'null',\n                  metadatas: { intlLabel: { id: 'null', defaultMessage: 'null' } },\n                },\n                {\n                  value: 'false',\n                  key: 'false',\n                  metadatas: { intlLabel: { id: 'false', defaultMessage: 'false' } },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  component({ repeatable }: { repeatable: boolean }, step: string) {\n    if (step === '1') {\n      return { sections: componentForm.advanced() };\n    }\n\n    if (repeatable) {\n      const minComponentsAttribute = {\n        ...attributeOptions.min,\n        intlLabel: {\n          id: getTrad('form.attribute.item.minimumComponents'),\n          defaultMessage: 'Minimum components',\n        },\n      };\n      const maxComponentsAttribute = {\n        ...attributeOptions.max,\n        intlLabel: {\n          id: getTrad('form.attribute.item.maximumComponents'),\n          defaultMessage: 'Maximum components',\n        },\n      };\n      return {\n        sections: [\n          {\n            sectionTitle: {\n              id: 'global.settings',\n              defaultMessage: 'Settings',\n            },\n            items: [\n              attributeOptions.required,\n              attributeOptions.private,\n              minComponentsAttribute,\n              maxComponentsAttribute,\n            ],\n          },\n        ],\n      };\n    }\n\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  date({ type }: { type: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: type || 'date',\n              value: null,\n              withDefaultValue: false,\n              disabled: !type,\n              autoFocus: false,\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.unique, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  dynamiczone() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.max, attributeOptions.min],\n        },\n      ],\n    };\n  },\n  email() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: 'email',\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  enumeration(data: { enum: Array<string> }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              name: 'default',\n              type: 'select',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n              options: [\n                {\n                  key: '__null_reset_value__',\n                  value: '',\n                  metadatas: {\n                    intlLabel: {\n                      id: 'components.InputSelect.option.placeholder',\n                      defaultMessage: 'Choose here',\n                    },\n                  },\n                },\n                ...(data.enum || [])\n                  .filter((value, index) => data.enum.indexOf(value) === index && value)\n                  .map((value) => {\n                    return {\n                      key: value,\n                      value,\n                      metadatas: {\n                        intlLabel: { id: `${value}.no-override`, defaultMessage: value },\n                      },\n                    };\n                  }),\n              ],\n            },\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.item.enumeration.graphql'),\n                defaultMessage: 'Name override for GraphQL',\n              },\n              name: 'enumName',\n              type: 'text',\n              validations: {},\n              description: {\n                id: getTrad('form.attribute.item.enumeration.graphql.description'),\n                defaultMessage: 'Allows you to override the default generated name for GraphQL',\n              },\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  json() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  media() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.media.allowed-types'),\n                defaultMessage: 'Select allowed types of media',\n              },\n              name: 'allowedTypes',\n              type: 'allowed-types-select',\n              size: 7,\n              value: '',\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  number(data: { type: DataType }) {\n    const inputStep = data.type === 'decimal' || data.type === 'float' ? 'any' : 1;\n\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              name: 'default',\n              type: data.type === 'biginteger' ? 'text' : 'number',\n              step: inputStep,\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.max,\n            attributeOptions.min,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  password() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  relation() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.private],\n        },\n      ],\n    };\n  },\n  richtext() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  text() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default, attributeOptions.regex] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  uid(data: { targetField: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            { ...attributeOptions.default, disabled: Boolean(data.targetField), type: 'text' },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n            attributeOptions.regex,\n          ],\n        },\n      ],\n    };\n  },\n};\n"],"names":["advancedForm","blocks","sections","sectionTitle","id","defaultMessage","items","attributeOptions","required","private","boolean","autoFocus","type","intlLabel","getTrad","name","options","value","key","metadatas","component","repeatable","step","componentForm","advanced","minComponentsAttribute","min","maxComponentsAttribute","max","date","default","withDefaultValue","disabled","unique","dynamiczone","email","maxLength","minLength","enumeration","data","validations","enum","filter","index","indexOf","map","description","json","media","size","number","inputStep","password","relation","richtext","text","regex","uid","Boolean","targetField"],"mappings":"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"}

package/dist/admin/components/FormModal/attributes/advancedForm.mjs

@@ -88,6 +88,20 @@ const advancedForm = {
             };
         }
         if (repeatable) {
+            const minComponentsAttribute = {
+                ...attributeOptions.min,
+                intlLabel: {
+                    id: getTrad('form.attribute.item.minimumComponents'),
+                    defaultMessage: 'Minimum components'
+                }
+            };
+            const maxComponentsAttribute = {
+                ...attributeOptions.max,
+                intlLabel: {
+                    id: getTrad('form.attribute.item.maximumComponents'),
+                    defaultMessage: 'Maximum components'
+                }
+            };
             return {
                 sections: [
                     {
@@ -98,8 +112,8 @@ const advancedForm = {
                         items: [
                             attributeOptions.required,
                             attributeOptions.private,
-                            attributeOptions.max,
-                            attributeOptions.min
+                            minComponentsAttribute,
+                            maxComponentsAttribute
                         ]
                     }
                 ]
@@ -457,7 +471,8 @@ const advancedForm = {
                         attributeOptions.required,
                         attributeOptions.maxLength,
                         attributeOptions.minLength,
-                        attributeOptions.private
+                        attributeOptions.private,
+                        attributeOptions.regex
                     ]
                 }
             ]

package/dist/admin/components/FormModal/attributes/advancedForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"advancedForm.mjs","sources":["../../../../../admin/src/components/FormModal/attributes/advancedForm.ts"],"sourcesContent":["import { getTrad } from '../../../utils/getTrad';\nimport { componentForm } from '../component/componentForm';\n\nimport { attributeOptions } from './attributeOptions';\n\ntype DataType = 'biginteger' | 'string' | 'integer' | 'float' | 'decimal';\n\nexport const advancedForm = {\n  blocks() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  boolean() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              type: 'select-default-boolean',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              name: 'default',\n              options: [\n                {\n                  value: 'true',\n                  key: 'true',\n                  metadatas: { intlLabel: { id: 'true', defaultMessage: 'true' } },\n                },\n                {\n                  value: '',\n                  key: 'null',\n                  metadatas: { intlLabel: { id: 'null', defaultMessage: 'null' } },\n                },\n                {\n                  value: 'false',\n                  key: 'false',\n                  metadatas: { intlLabel: { id: 'false', defaultMessage: 'false' } },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  component({ repeatable }: { repeatable: boolean }, step: string) {\n    if (step === '1') {\n      return { sections: componentForm.advanced() };\n    }\n\n    if (repeatable) {\n      return {\n        sections: [\n          {\n            sectionTitle: {\n              id: 'global.settings',\n              defaultMessage: 'Settings',\n            },\n            items: [\n              attributeOptions.required,\n              attributeOptions.private,\n              attributeOptions.max,\n              attributeOptions.min,\n            ],\n          },\n        ],\n      };\n    }\n\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  date({ type }: { type: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: type || 'date',\n              value: null,\n              withDefaultValue: false,\n              disabled: !type,\n              autoFocus: false,\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.unique, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  dynamiczone() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.max, attributeOptions.min],\n        },\n      ],\n    };\n  },\n  email() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: 'email',\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  enumeration(data: { enum: Array<string> }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              name: 'default',\n              type: 'select',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n              options: [\n                {\n                  key: '__null_reset_value__',\n                  value: '',\n                  metadatas: {\n                    intlLabel: {\n                      id: 'components.InputSelect.option.placeholder',\n                      defaultMessage: 'Choose here',\n                    },\n                  },\n                },\n                ...(data.enum || [])\n                  .filter((value, index) => data.enum.indexOf(value) === index && value)\n                  .map((value) => {\n                    return {\n                      key: value,\n                      value,\n                      metadatas: {\n                        intlLabel: { id: `${value}.no-override`, defaultMessage: value },\n                      },\n                    };\n                  }),\n              ],\n            },\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.item.enumeration.graphql'),\n                defaultMessage: 'Name override for GraphQL',\n              },\n              name: 'enumName',\n              type: 'text',\n              validations: {},\n              description: {\n                id: getTrad('form.attribute.item.enumeration.graphql.description'),\n                defaultMessage: 'Allows you to override the default generated name for GraphQL',\n              },\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  json() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  media() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.media.allowed-types'),\n                defaultMessage: 'Select allowed types of media',\n              },\n              name: 'allowedTypes',\n              type: 'allowed-types-select',\n              size: 7,\n              value: '',\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  number(data: { type: DataType }) {\n    const inputStep = data.type === 'decimal' || data.type === 'float' ? 'any' : 1;\n\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              name: 'default',\n              type: data.type === 'biginteger' ? 'text' : 'number',\n              step: inputStep,\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.max,\n            attributeOptions.min,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  password() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  relation() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.private],\n        },\n      ],\n    };\n  },\n  richtext() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  text() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default, attributeOptions.regex] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  uid(data: { targetField: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            { ...attributeOptions.default, disabled: Boolean(data.targetField), type: 'text' },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n};\n"],"names":["advancedForm","blocks","sections","sectionTitle","id","defaultMessage","items","attributeOptions","required","private","boolean","autoFocus","type","intlLabel","getTrad","name","options","value","key","metadatas","component","repeatable","step","componentForm","advanced","max","min","date","default","withDefaultValue","disabled","unique","dynamiczone","email","maxLength","minLength","enumeration","data","validations","enum","filter","index","indexOf","map","description","json","media","size","number","inputStep","password","relation","richtext","text","regex","uid","Boolean","targetField"],"mappings":"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"}
+{"version":3,"file":"advancedForm.mjs","sources":["../../../../../admin/src/components/FormModal/attributes/advancedForm.ts"],"sourcesContent":["import { getTrad } from '../../../utils/getTrad';\nimport { componentForm } from '../component/componentForm';\n\nimport { attributeOptions } from './attributeOptions';\n\ntype DataType = 'biginteger' | 'string' | 'integer' | 'float' | 'decimal';\n\nexport const advancedForm = {\n  blocks() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  boolean() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              type: 'select-default-boolean',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              name: 'default',\n              options: [\n                {\n                  value: 'true',\n                  key: 'true',\n                  metadatas: { intlLabel: { id: 'true', defaultMessage: 'true' } },\n                },\n                {\n                  value: '',\n                  key: 'null',\n                  metadatas: { intlLabel: { id: 'null', defaultMessage: 'null' } },\n                },\n                {\n                  value: 'false',\n                  key: 'false',\n                  metadatas: { intlLabel: { id: 'false', defaultMessage: 'false' } },\n                },\n              ],\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  component({ repeatable }: { repeatable: boolean }, step: string) {\n    if (step === '1') {\n      return { sections: componentForm.advanced() };\n    }\n\n    if (repeatable) {\n      const minComponentsAttribute = {\n        ...attributeOptions.min,\n        intlLabel: {\n          id: getTrad('form.attribute.item.minimumComponents'),\n          defaultMessage: 'Minimum components',\n        },\n      };\n      const maxComponentsAttribute = {\n        ...attributeOptions.max,\n        intlLabel: {\n          id: getTrad('form.attribute.item.maximumComponents'),\n          defaultMessage: 'Maximum components',\n        },\n      };\n      return {\n        sections: [\n          {\n            sectionTitle: {\n              id: 'global.settings',\n              defaultMessage: 'Settings',\n            },\n            items: [\n              attributeOptions.required,\n              attributeOptions.private,\n              minComponentsAttribute,\n              maxComponentsAttribute,\n            ],\n          },\n        ],\n      };\n    }\n\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  date({ type }: { type: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: type || 'date',\n              value: null,\n              withDefaultValue: false,\n              disabled: !type,\n              autoFocus: false,\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.unique, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  dynamiczone() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.max, attributeOptions.min],\n        },\n      ],\n    };\n  },\n  email() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              ...attributeOptions.default,\n              type: 'email',\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  enumeration(data: { enum: Array<string> }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              name: 'default',\n              type: 'select',\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n              options: [\n                {\n                  key: '__null_reset_value__',\n                  value: '',\n                  metadatas: {\n                    intlLabel: {\n                      id: 'components.InputSelect.option.placeholder',\n                      defaultMessage: 'Choose here',\n                    },\n                  },\n                },\n                ...(data.enum || [])\n                  .filter((value, index) => data.enum.indexOf(value) === index && value)\n                  .map((value) => {\n                    return {\n                      key: value,\n                      value,\n                      metadatas: {\n                        intlLabel: { id: `${value}.no-override`, defaultMessage: value },\n                      },\n                    };\n                  }),\n              ],\n            },\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.item.enumeration.graphql'),\n                defaultMessage: 'Name override for GraphQL',\n              },\n              name: 'enumName',\n              type: 'text',\n              validations: {},\n              description: {\n                id: getTrad('form.attribute.item.enumeration.graphql.description'),\n                defaultMessage: 'Allows you to override the default generated name for GraphQL',\n              },\n            },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  json() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  media() {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              intlLabel: {\n                id: getTrad('form.attribute.media.allowed-types'),\n                defaultMessage: 'Select allowed types of media',\n              },\n              name: 'allowedTypes',\n              type: 'allowed-types-select',\n              size: 7,\n              value: '',\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.required, attributeOptions.private],\n        },\n      ],\n    };\n  },\n  number(data: { type: DataType }) {\n    const inputStep = data.type === 'decimal' || data.type === 'float' ? 'any' : 1;\n\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            {\n              autoFocus: true,\n              name: 'default',\n              type: data.type === 'biginteger' ? 'text' : 'number',\n              step: inputStep,\n              intlLabel: {\n                id: getTrad('form.attribute.settings.default'),\n                defaultMessage: 'Default value',\n              },\n              validations: {},\n            },\n          ],\n        },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.max,\n            attributeOptions.min,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  password() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  relation() {\n    return {\n      sections: [\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [attributeOptions.private],\n        },\n      ],\n    };\n  },\n  richtext() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default] },\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  text() {\n    return {\n      sections: [\n        { sectionTitle: null, items: [attributeOptions.default, attributeOptions.regex] },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.unique,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n          ],\n        },\n      ],\n    };\n  },\n  uid(data: { targetField: string }) {\n    return {\n      sections: [\n        {\n          sectionTitle: null,\n          items: [\n            { ...attributeOptions.default, disabled: Boolean(data.targetField), type: 'text' },\n          ],\n        },\n\n        {\n          sectionTitle: {\n            id: 'global.settings',\n            defaultMessage: 'Settings',\n          },\n          items: [\n            attributeOptions.required,\n            attributeOptions.maxLength,\n            attributeOptions.minLength,\n            attributeOptions.private,\n            attributeOptions.regex,\n          ],\n        },\n      ],\n    };\n  },\n};\n"],"names":["advancedForm","blocks","sections","sectionTitle","id","defaultMessage","items","attributeOptions","required","private","boolean","autoFocus","type","intlLabel","getTrad","name","options","value","key","metadatas","component","repeatable","step","componentForm","advanced","minComponentsAttribute","min","maxComponentsAttribute","max","date","default","withDefaultValue","disabled","unique","dynamiczone","email","maxLength","minLength","enumeration","data","validations","enum","filter","index","indexOf","map","description","json","media","size","number","inputStep","password","relation","richtext","text","regex","uid","Boolean","targetField"],"mappings":"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"}

package/dist/admin/components/Relation/RelationNaturePicker/Components.js

@@ -34,6 +34,13 @@ const IconWrapper = styledComponents.styled(designSystem.Box)`
   cursor: pointer;
   &:disabled {
     cursor: not-allowed;
+    background: ${({ theme })=>theme.colors.neutral150};
+
+    svg {
+      path {
+        fill: ${({ theme })=>theme.colors.neutral300};
+      }
+    }
   }
   display: flex;
   justify-content: center;

package/dist/admin/components/Relation/RelationNaturePicker/Components.js.map

@@ -1 +1 @@
-{"version":3,"file":"Components.js","sources":["../../../../../admin/src/components/Relation/RelationNaturePicker/Components.tsx"],"sourcesContent":["import { Box, BoxComponent, Flex, FlexComponent } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst Wrapper = styled<BoxComponent>(Box)`\n  position: relative;\n  width: 100%;\n  &::before {\n    content: '';\n    position: absolute;\n    top: calc(50% - 0px);\n    height: 2px;\n    width: 100%;\n    background-color: ${({ theme }) => theme.colors.primary600};\n    z-index: 0;\n  }\n`;\n\nconst IconWrapper = styled<BoxComponent<'button'>>(Box)<{ $isSelected: boolean }>`\n  background: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary100' : 'neutral0']};\n  border: 1px solid\n    ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral200']};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  z-index: 1;\n  flex: 0 0 2.4rem;\n  svg {\n    width: 2.4rem;\n    height: 2.4rem;\n    max-width: unset;\n    path {\n      fill: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral500']};\n    }\n  }\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst InfosWrapper = styled<FlexComponent>(Flex)`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport { IconWrapper, InfosWrapper, Wrapper };\n"],"names":["Wrapper","styled","Box","theme","colors","primary600","IconWrapper","$isSelected","borderRadius","InfosWrapper","Flex"],"mappings":";;;;;AAGMA,MAAAA,OAAAA,GAAUC,uBAAqBC,CAAAA,gBAAAA,CAAI;;;;;;;;;sBASnB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;AAG/D;AAEMC,MAAAA,WAAAA,GAAcL,uBAA+BC,CAAAA,gBAAAA,CAA8B;AACnE,cAAA,EAAE,CAAC,EAAEC,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,WAAW,CAAC;;AAE9F,IAAA,EAAE,CAAC,EAAEJ,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;AACzE,iBAAA,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,YAAY,CAAC;;;;;;;;AAQzC,YAAA,EAAE,CAAC,EAAEL,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;;;;;;;;;;AAUlG;AAEME,MAAAA,YAAAA,GAAeR,uBAAsBS,CAAAA,iBAAAA,CAAK;;;;;AAKhD;;;;;;"}
+{"version":3,"file":"Components.js","sources":["../../../../../admin/src/components/Relation/RelationNaturePicker/Components.tsx"],"sourcesContent":["import { Box, BoxComponent, Flex, FlexComponent } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst Wrapper = styled<BoxComponent>(Box)`\n  position: relative;\n  width: 100%;\n  &::before {\n    content: '';\n    position: absolute;\n    top: calc(50% - 0px);\n    height: 2px;\n    width: 100%;\n    background-color: ${({ theme }) => theme.colors.primary600};\n    z-index: 0;\n  }\n`;\n\nconst IconWrapper = styled<BoxComponent<'button'>>(Box)<{ $isSelected: boolean }>`\n  background: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary100' : 'neutral0']};\n  border: 1px solid\n    ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral200']};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  z-index: 1;\n  flex: 0 0 2.4rem;\n  svg {\n    width: 2.4rem;\n    height: 2.4rem;\n    max-width: unset;\n    path {\n      fill: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral500']};\n    }\n  }\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n    background: ${({ theme }) => theme.colors.neutral150};\n\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral300};\n      }\n    }\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst InfosWrapper = styled<FlexComponent>(Flex)`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport { IconWrapper, InfosWrapper, Wrapper };\n"],"names":["Wrapper","styled","Box","theme","colors","primary600","IconWrapper","$isSelected","borderRadius","neutral150","neutral300","InfosWrapper","Flex"],"mappings":";;;;;AAGMA,MAAAA,OAAAA,GAAUC,uBAAqBC,CAAAA,gBAAAA,CAAI;;;;;;;;;sBASnB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;AAG/D;AAEMC,MAAAA,WAAAA,GAAcL,uBAA+BC,CAAAA,gBAAAA,CAA8B;AACnE,cAAA,EAAE,CAAC,EAAEC,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,WAAW,CAAC;;AAE9F,IAAA,EAAE,CAAC,EAAEJ,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;AACzE,iBAAA,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,YAAY,CAAC;;;;;;;;AAQzC,YAAA,EAAE,CAAC,EAAEL,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;;;;;;gBAMlF,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACK,UAAU,CAAC;;;;cAI3C,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACM,UAAU,CAAC;;;;;;;AAOvD;AAEMC,MAAAA,YAAAA,GAAeV,uBAAsBW,CAAAA,iBAAAA,CAAK;;;;;AAKhD;;;;;;"}

package/dist/admin/components/Relation/RelationNaturePicker/Components.mjs

@@ -32,6 +32,13 @@ const IconWrapper = styled(Box)`
   cursor: pointer;
   &:disabled {
     cursor: not-allowed;
+    background: ${({ theme })=>theme.colors.neutral150};
+
+    svg {
+      path {
+        fill: ${({ theme })=>theme.colors.neutral300};
+      }
+    }
   }
   display: flex;
   justify-content: center;

package/dist/admin/components/Relation/RelationNaturePicker/Components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Components.mjs","sources":["../../../../../admin/src/components/Relation/RelationNaturePicker/Components.tsx"],"sourcesContent":["import { Box, BoxComponent, Flex, FlexComponent } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst Wrapper = styled<BoxComponent>(Box)`\n  position: relative;\n  width: 100%;\n  &::before {\n    content: '';\n    position: absolute;\n    top: calc(50% - 0px);\n    height: 2px;\n    width: 100%;\n    background-color: ${({ theme }) => theme.colors.primary600};\n    z-index: 0;\n  }\n`;\n\nconst IconWrapper = styled<BoxComponent<'button'>>(Box)<{ $isSelected: boolean }>`\n  background: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary100' : 'neutral0']};\n  border: 1px solid\n    ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral200']};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  z-index: 1;\n  flex: 0 0 2.4rem;\n  svg {\n    width: 2.4rem;\n    height: 2.4rem;\n    max-width: unset;\n    path {\n      fill: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral500']};\n    }\n  }\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst InfosWrapper = styled<FlexComponent>(Flex)`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport { IconWrapper, InfosWrapper, Wrapper };\n"],"names":["Wrapper","styled","Box","theme","colors","primary600","IconWrapper","$isSelected","borderRadius","InfosWrapper","Flex"],"mappings":";;;AAGMA,MAAAA,OAAAA,GAAUC,MAAqBC,CAAAA,GAAAA,CAAI;;;;;;;;;sBASnB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;AAG/D;AAEMC,MAAAA,WAAAA,GAAcL,MAA+BC,CAAAA,GAAAA,CAA8B;AACnE,cAAA,EAAE,CAAC,EAAEC,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,WAAW,CAAC;;AAE9F,IAAA,EAAE,CAAC,EAAEJ,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;AACzE,iBAAA,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,YAAY,CAAC;;;;;;;;AAQzC,YAAA,EAAE,CAAC,EAAEL,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;;;;;;;;;;AAUlG;AAEME,MAAAA,YAAAA,GAAeR,MAAsBS,CAAAA,IAAAA,CAAK;;;;;AAKhD;;;;"}
+{"version":3,"file":"Components.mjs","sources":["../../../../../admin/src/components/Relation/RelationNaturePicker/Components.tsx"],"sourcesContent":["import { Box, BoxComponent, Flex, FlexComponent } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nconst Wrapper = styled<BoxComponent>(Box)`\n  position: relative;\n  width: 100%;\n  &::before {\n    content: '';\n    position: absolute;\n    top: calc(50% - 0px);\n    height: 2px;\n    width: 100%;\n    background-color: ${({ theme }) => theme.colors.primary600};\n    z-index: 0;\n  }\n`;\n\nconst IconWrapper = styled<BoxComponent<'button'>>(Box)<{ $isSelected: boolean }>`\n  background: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary100' : 'neutral0']};\n  border: 1px solid\n    ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral200']};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  z-index: 1;\n  flex: 0 0 2.4rem;\n  svg {\n    width: 2.4rem;\n    height: 2.4rem;\n    max-width: unset;\n    path {\n      fill: ${({ theme, $isSelected }) => theme.colors[$isSelected ? 'primary700' : 'neutral500']};\n    }\n  }\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n    background: ${({ theme }) => theme.colors.neutral150};\n\n    svg {\n      path {\n        fill: ${({ theme }) => theme.colors.neutral300};\n      }\n    }\n  }\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst InfosWrapper = styled<FlexComponent>(Flex)`\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport { IconWrapper, InfosWrapper, Wrapper };\n"],"names":["Wrapper","styled","Box","theme","colors","primary600","IconWrapper","$isSelected","borderRadius","neutral150","neutral300","InfosWrapper","Flex"],"mappings":";;;AAGMA,MAAAA,OAAAA,GAAUC,MAAqBC,CAAAA,GAAAA,CAAI;;;;;;;;;sBASnB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;AAG/D;AAEMC,MAAAA,WAAAA,GAAcL,MAA+BC,CAAAA,GAAAA,CAA8B;AACnE,cAAA,EAAE,CAAC,EAAEC,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,WAAW,CAAC;;AAE9F,IAAA,EAAE,CAAC,EAAEJ,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;AACzE,iBAAA,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMK,YAAY,CAAC;;;;;;;;AAQzC,YAAA,EAAE,CAAC,EAAEL,KAAK,EAAEI,WAAW,EAAE,GAAKJ,KAAAA,CAAMC,MAAM,CAACG,WAAc,GAAA,YAAA,GAAe,aAAa,CAAC;;;;;;gBAMlF,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACK,UAAU,CAAC;;;;cAI3C,EAAE,CAAC,EAAEN,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACM,UAAU,CAAC;;;;;;;AAOvD;AAEMC,MAAAA,YAAAA,GAAeV,MAAsBW,CAAAA,IAAAA,CAAK;;;;;AAKhD;;;;"}