@strapi/content-type-builder 0.0.0-experimental.008123965da692a55d02a1df63facc54077c6bde

package/dist/admin/components/AttributeOptions/EmptyAttributes.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var Symbols = require('@strapi/icons/symbols');
+var qs = require('qs');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var getTrad = require('../../utils/getTrad.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var qs__namespace = /*#__PURE__*/_interopNamespaceDefault(qs);
+
+const EmptyCard = styledComponents.styled(designSystem.Box)`
+  background: ${({ theme })=>`linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${theme.colors.neutral150} 100%)`};
+  opacity: 0.33;
+`;
+const EmptyCardGrid = ()=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+        wrap: "wrap",
+        gap: 4,
+        children: [
+            ...Array(4)
+        ].map((_, idx)=>{
+            return /*#__PURE__*/ jsxRuntime.jsx(EmptyCard, {
+                height: "138px",
+                width: "375px",
+                hasRadius: true
+            }, `empty-card-${idx}`);
+        })
+    });
+};
+const EmptyAttributes = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        position: "relative",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(EmptyCardGrid, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                position: "absolute",
+                top: 6,
+                width: "100%",
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    alignItems: "center",
+                    justifyContent: "center",
+                    direction: "column",
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(Symbols.EmptyDocuments, {
+                            width: "160px",
+                            height: "88px"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            paddingTop: 6,
+                            paddingBottom: 4,
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                textAlign: "center",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        variant: "delta",
+                                        tag: "p",
+                                        textColor: "neutral600",
+                                        children: formatMessage({
+                                            id: getTrad.getTrad('modalForm.empty.heading'),
+                                            defaultMessage: 'Nothing in here yet.'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        paddingTop: 4,
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "delta",
+                                            tag: "p",
+                                            textColor: "neutral600",
+                                            children: formatMessage({
+                                                id: getTrad.getTrad('modalForm.empty.sub-heading'),
+                                                defaultMessage: 'Find what you are looking for through a wide range of extensions.'
+                                            })
+                                        })
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
+                            tag: reactRouterDom.Link,
+                            to: `/marketplace?${qs__namespace.stringify({
+                                categories: [
+                                    'Custom fields'
+                                ]
+                            })}`,
+                            variant: "secondary",
+                            startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.Plus, {}),
+                            children: formatMessage({
+                                id: getTrad.getTrad('modalForm.empty.button'),
+                                defaultMessage: 'Add custom fields'
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.EmptyAttributes = EmptyAttributes;
+exports.EmptyCardGrid = EmptyCardGrid;
+//# sourceMappingURL=EmptyAttributes.js.map

package/dist/admin/components/AttributeOptions/EmptyAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyAttributes.js","sources":["../../../../admin/src/components/AttributeOptions/EmptyAttributes.tsx"],"sourcesContent":["import { Box, Flex, Typography, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport * as qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils';\n\nconst EmptyCard = styled(Box)`\n  background: ${({ theme }) =>\n    `linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${theme.colors.neutral150} 100%)`};\n  opacity: 0.33;\n`;\n\nexport const EmptyCardGrid = () => {\n  return (\n    <Flex wrap=\"wrap\" gap={4}>\n      {[...Array(4)].map((_, idx) => {\n        return (\n          <EmptyCard\n            // eslint-disable-next-line react/no-array-index-key\n            key={`empty-card-${idx}`}\n            height=\"138px\"\n            width=\"375px\"\n            hasRadius\n          />\n        );\n      })}\n    </Flex>\n  );\n};\n\nexport const EmptyAttributes = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box position=\"relative\">\n      <EmptyCardGrid />\n      <Box position=\"absolute\" top={6} width=\"100%\">\n        <Flex alignItems=\"center\" justifyContent=\"center\" direction=\"column\">\n          <EmptyDocuments width=\"160px\" height=\"88px\" />\n          <Box paddingTop={6} paddingBottom={4}>\n            <Box textAlign=\"center\">\n              <Typography variant=\"delta\" tag=\"p\" textColor=\"neutral600\">\n                {formatMessage({\n                  id: getTrad('modalForm.empty.heading'),\n                  defaultMessage: 'Nothing in here yet.',\n                })}\n              </Typography>\n              <Box paddingTop={4}>\n                <Typography variant=\"delta\" tag=\"p\" textColor=\"neutral600\">\n                  {formatMessage({\n                    id: getTrad('modalForm.empty.sub-heading'),\n                    defaultMessage:\n                      'Find what you are looking for through a wide range of extensions.',\n                  })}\n                </Typography>\n              </Box>\n            </Box>\n          </Box>\n          <LinkButton\n            tag={Link}\n            to={`/marketplace?${qs.stringify({ categories: ['Custom fields'] })}`}\n            variant=\"secondary\"\n            startIcon={<Plus />}\n          >\n            {formatMessage({\n              id: getTrad('modalForm.empty.button'),\n              defaultMessage: 'Add custom fields',\n            })}\n          </LinkButton>\n        </Flex>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["EmptyCard","styled","Box","theme","colors","neutral150","EmptyCardGrid","_jsx","Flex","wrap","gap","Array","map","_","idx","height","width","hasRadius","EmptyAttributes","formatMessage","useIntl","_jsxs","position","top","alignItems","justifyContent","direction","EmptyDocuments","paddingTop","paddingBottom","textAlign","Typography","variant","tag","textColor","id","getTrad","defaultMessage","LinkButton","Link","to","qs","stringify","categories","startIcon","Plus"],"mappings":"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"}

package/dist/admin/components/AttributeOptions/EmptyAttributes.mjs

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Flex, Typography, LinkButton } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { EmptyDocuments } from '@strapi/icons/symbols';
+import * as qs from 'qs';
+import { useIntl } from 'react-intl';
+import { Link } from 'react-router-dom';
+import { styled } from 'styled-components';
+import { getTrad } from '../../utils/getTrad.mjs';
+
+const EmptyCard = styled(Box)`
+  background: ${({ theme })=>`linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${theme.colors.neutral150} 100%)`};
+  opacity: 0.33;
+`;
+const EmptyCardGrid = ()=>{
+    return /*#__PURE__*/ jsx(Flex, {
+        wrap: "wrap",
+        gap: 4,
+        children: [
+            ...Array(4)
+        ].map((_, idx)=>{
+            return /*#__PURE__*/ jsx(EmptyCard, {
+                height: "138px",
+                width: "375px",
+                hasRadius: true
+            }, `empty-card-${idx}`);
+        })
+    });
+};
+const EmptyAttributes = ()=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsxs(Box, {
+        position: "relative",
+        children: [
+            /*#__PURE__*/ jsx(EmptyCardGrid, {}),
+            /*#__PURE__*/ jsx(Box, {
+                position: "absolute",
+                top: 6,
+                width: "100%",
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    alignItems: "center",
+                    justifyContent: "center",
+                    direction: "column",
+                    children: [
+                        /*#__PURE__*/ jsx(EmptyDocuments, {
+                            width: "160px",
+                            height: "88px"
+                        }),
+                        /*#__PURE__*/ jsx(Box, {
+                            paddingTop: 6,
+                            paddingBottom: 4,
+                            children: /*#__PURE__*/ jsxs(Box, {
+                                textAlign: "center",
+                                children: [
+                                    /*#__PURE__*/ jsx(Typography, {
+                                        variant: "delta",
+                                        tag: "p",
+                                        textColor: "neutral600",
+                                        children: formatMessage({
+                                            id: getTrad('modalForm.empty.heading'),
+                                            defaultMessage: 'Nothing in here yet.'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(Box, {
+                                        paddingTop: 4,
+                                        children: /*#__PURE__*/ jsx(Typography, {
+                                            variant: "delta",
+                                            tag: "p",
+                                            textColor: "neutral600",
+                                            children: formatMessage({
+                                                id: getTrad('modalForm.empty.sub-heading'),
+                                                defaultMessage: 'Find what you are looking for through a wide range of extensions.'
+                                            })
+                                        })
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(LinkButton, {
+                            tag: Link,
+                            to: `/marketplace?${qs.stringify({
+                                categories: [
+                                    'Custom fields'
+                                ]
+                            })}`,
+                            variant: "secondary",
+                            startIcon: /*#__PURE__*/ jsx(Plus, {}),
+                            children: formatMessage({
+                                id: getTrad('modalForm.empty.button'),
+                                defaultMessage: 'Add custom fields'
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { EmptyAttributes, EmptyCardGrid };
+//# sourceMappingURL=EmptyAttributes.mjs.map

package/dist/admin/components/AttributeOptions/EmptyAttributes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyAttributes.mjs","sources":["../../../../admin/src/components/AttributeOptions/EmptyAttributes.tsx"],"sourcesContent":["import { Box, Flex, Typography, LinkButton } from '@strapi/design-system';\nimport { Plus } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport * as qs from 'qs';\nimport { useIntl } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils';\n\nconst EmptyCard = styled(Box)`\n  background: ${({ theme }) =>\n    `linear-gradient(180deg, rgba(234, 234, 239, 0) 0%, ${theme.colors.neutral150} 100%)`};\n  opacity: 0.33;\n`;\n\nexport const EmptyCardGrid = () => {\n  return (\n    <Flex wrap=\"wrap\" gap={4}>\n      {[...Array(4)].map((_, idx) => {\n        return (\n          <EmptyCard\n            // eslint-disable-next-line react/no-array-index-key\n            key={`empty-card-${idx}`}\n            height=\"138px\"\n            width=\"375px\"\n            hasRadius\n          />\n        );\n      })}\n    </Flex>\n  );\n};\n\nexport const EmptyAttributes = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Box position=\"relative\">\n      <EmptyCardGrid />\n      <Box position=\"absolute\" top={6} width=\"100%\">\n        <Flex alignItems=\"center\" justifyContent=\"center\" direction=\"column\">\n          <EmptyDocuments width=\"160px\" height=\"88px\" />\n          <Box paddingTop={6} paddingBottom={4}>\n            <Box textAlign=\"center\">\n              <Typography variant=\"delta\" tag=\"p\" textColor=\"neutral600\">\n                {formatMessage({\n                  id: getTrad('modalForm.empty.heading'),\n                  defaultMessage: 'Nothing in here yet.',\n                })}\n              </Typography>\n              <Box paddingTop={4}>\n                <Typography variant=\"delta\" tag=\"p\" textColor=\"neutral600\">\n                  {formatMessage({\n                    id: getTrad('modalForm.empty.sub-heading'),\n                    defaultMessage:\n                      'Find what you are looking for through a wide range of extensions.',\n                  })}\n                </Typography>\n              </Box>\n            </Box>\n          </Box>\n          <LinkButton\n            tag={Link}\n            to={`/marketplace?${qs.stringify({ categories: ['Custom fields'] })}`}\n            variant=\"secondary\"\n            startIcon={<Plus />}\n          >\n            {formatMessage({\n              id: getTrad('modalForm.empty.button'),\n              defaultMessage: 'Add custom fields',\n            })}\n          </LinkButton>\n        </Flex>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["EmptyCard","styled","Box","theme","colors","neutral150","EmptyCardGrid","_jsx","Flex","wrap","gap","Array","map","_","idx","height","width","hasRadius","EmptyAttributes","formatMessage","useIntl","_jsxs","position","top","alignItems","justifyContent","direction","EmptyDocuments","paddingTop","paddingBottom","textAlign","Typography","variant","tag","textColor","id","getTrad","defaultMessage","LinkButton","Link","to","qs","stringify","categories","startIcon","Plus"],"mappings":";;;;;;;;;;AAUA,MAAMA,SAAAA,GAAYC,MAAOC,CAAAA,GAAAA,CAAI;AACf,cAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GACtB,CAAC,mDAAmD,EAAEA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC,MAAM,CAAC,CAAC;;AAE1F,CAAC;MAEYC,aAAgB,GAAA,IAAA;AAC3B,IAAA,qBACEC,GAACC,CAAAA,IAAAA,EAAAA;QAAKC,IAAK,EAAA,MAAA;QAAOC,GAAK,EAAA,CAAA;AACpB,QAAA,QAAA,EAAA;eAAIC,KAAM,CAAA,CAAA;SAAG,CAACC,GAAG,CAAC,CAACC,CAAGC,EAAAA,GAAAA,GAAAA;AACrB,YAAA,qBACEP,GAACP,CAAAA,SAAAA,EAAAA;gBAGCe,MAAO,EAAA,OAAA;gBACPC,KAAM,EAAA,OAAA;gBACNC,SAAS,EAAA;eAHJ,CAAC,WAAW,EAAEH,GAAAA,CAAI,CAAC,CAAA;AAM9B,SAAA;;AAGN;MAEaI,eAAkB,GAAA,IAAA;IAC7B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAE1B,IAAA,qBACEC,IAACnB,CAAAA,GAAAA,EAAAA;QAAIoB,QAAS,EAAA,UAAA;;0BACZf,GAACD,CAAAA,aAAAA,EAAAA,EAAAA,CAAAA;0BACDC,GAACL,CAAAA,GAAAA,EAAAA;gBAAIoB,QAAS,EAAA,UAAA;gBAAWC,GAAK,EAAA,CAAA;gBAAGP,KAAM,EAAA,MAAA;AACrC,gBAAA,QAAA,gBAAAK,IAACb,CAAAA,IAAAA,EAAAA;oBAAKgB,UAAW,EAAA,QAAA;oBAASC,cAAe,EAAA,QAAA;oBAASC,SAAU,EAAA,QAAA;;sCAC1DnB,GAACoB,CAAAA,cAAAA,EAAAA;4BAAeX,KAAM,EAAA,OAAA;4BAAQD,MAAO,EAAA;;sCACrCR,GAACL,CAAAA,GAAAA,EAAAA;4BAAI0B,UAAY,EAAA,CAAA;4BAAGC,aAAe,EAAA,CAAA;AACjC,4BAAA,QAAA,gBAAAR,IAACnB,CAAAA,GAAAA,EAAAA;gCAAI4B,SAAU,EAAA,QAAA;;kDACbvB,GAACwB,CAAAA,UAAAA,EAAAA;wCAAWC,OAAQ,EAAA,OAAA;wCAAQC,GAAI,EAAA,GAAA;wCAAIC,SAAU,EAAA,YAAA;kDAC3Cf,aAAc,CAAA;AACbgB,4CAAAA,EAAAA,EAAIC,OAAQ,CAAA,yBAAA,CAAA;4CACZC,cAAgB,EAAA;AAClB,yCAAA;;kDAEF9B,GAACL,CAAAA,GAAAA,EAAAA;wCAAI0B,UAAY,EAAA,CAAA;AACf,wCAAA,QAAA,gBAAArB,GAACwB,CAAAA,UAAAA,EAAAA;4CAAWC,OAAQ,EAAA,OAAA;4CAAQC,GAAI,EAAA,GAAA;4CAAIC,SAAU,EAAA,YAAA;sDAC3Cf,aAAc,CAAA;AACbgB,gDAAAA,EAAAA,EAAIC,OAAQ,CAAA,6BAAA,CAAA;gDACZC,cACE,EAAA;AACJ,6CAAA;;;;;;sCAKR9B,GAAC+B,CAAAA,UAAAA,EAAAA;4BACCL,GAAKM,EAAAA,IAAAA;AACLC,4BAAAA,EAAAA,EAAI,CAAC,aAAa,EAAEC,EAAAA,CAAGC,SAAS,CAAC;gCAAEC,UAAY,EAAA;AAAC,oCAAA;AAAgB;AAAC,6BAAA,CAAA,CAAG,CAAC;4BACrEX,OAAQ,EAAA,WAAA;AACRY,4BAAAA,SAAAA,gBAAWrC,GAACsC,CAAAA,IAAAA,EAAAA,EAAAA,CAAAA;sCAEX1B,aAAc,CAAA;AACbgB,gCAAAA,EAAAA,EAAIC,OAAQ,CAAA,wBAAA,CAAA;gCACZC,cAAgB,EAAA;AAClB,6BAAA;;;;;;;AAMZ;;;;"}

package/dist/admin/components/AttributeOptions/OptionBoxWrapper.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const OptionBoxWrapper = styledComponents.styled(designSystem.Box)`
+  width: 100%;
+  height: 100%;
+  border: 1px solid ${({ theme })=>theme.colors.neutral200};
+  text-align: left;
+  &:hover {
+    cursor: pointer;
+    background: ${({ theme })=>theme.colors.primary100};
+    border: 1px solid ${({ theme })=>theme.colors.primary200};
+  }
+`;
+
+exports.OptionBoxWrapper = OptionBoxWrapper;
+//# sourceMappingURL=OptionBoxWrapper.js.map

package/dist/admin/components/AttributeOptions/OptionBoxWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionBoxWrapper.js","sources":["../../../../admin/src/components/AttributeOptions/OptionBoxWrapper.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nexport const OptionBoxWrapper = styled(Box)`\n  width: 100%;\n  height: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  text-align: left;\n  &:hover {\n    cursor: pointer;\n    background: ${({ theme }) => theme.colors.primary100};\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n  }\n`;\n"],"names":["OptionBoxWrapper","styled","Box","theme","colors","neutral200","primary100","primary200"],"mappings":";;;;;AAGaA,MAAAA,gBAAAA,GAAmBC,uBAAOC,CAAAA,gBAAAA,CAAI;;;oBAGvB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;gBAI7C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACE,UAAU,CAAC;sBACnC,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACG,UAAU,CAAC;;AAE/D;;;;"}

package/dist/admin/components/AttributeOptions/OptionBoxWrapper.mjs

@@ -0,0 +1,17 @@
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const OptionBoxWrapper = styled(Box)`
+  width: 100%;
+  height: 100%;
+  border: 1px solid ${({ theme })=>theme.colors.neutral200};
+  text-align: left;
+  &:hover {
+    cursor: pointer;
+    background: ${({ theme })=>theme.colors.primary100};
+    border: 1px solid ${({ theme })=>theme.colors.primary200};
+  }
+`;
+
+export { OptionBoxWrapper };
+//# sourceMappingURL=OptionBoxWrapper.mjs.map

package/dist/admin/components/AttributeOptions/OptionBoxWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionBoxWrapper.mjs","sources":["../../../../admin/src/components/AttributeOptions/OptionBoxWrapper.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nexport const OptionBoxWrapper = styled(Box)`\n  width: 100%;\n  height: 100%;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  text-align: left;\n  &:hover {\n    cursor: pointer;\n    background: ${({ theme }) => theme.colors.primary100};\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n  }\n`;\n"],"names":["OptionBoxWrapper","styled","Box","theme","colors","neutral200","primary100","primary200"],"mappings":";;;AAGaA,MAAAA,gBAAAA,GAAmBC,MAAOC,CAAAA,GAAAA,CAAI;;;oBAGvB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;gBAI7C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACE,UAAU,CAAC;sBACnC,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACG,UAAU,CAAC;;AAE/D;;;;"}

package/dist/admin/components/AttributeRow.js

@@ -0,0 +1,342 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var get = require('lodash/get');
+var upperFirst = require('lodash/upperFirst');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var styledComponents = require('styled-components');
+var Curve = require('../icons/Curve.js');
+var getAttributeDisplayedType = require('../utils/getAttributeDisplayedType.js');
+var getRelationType = require('../utils/getRelationType.js');
+var getTrad = require('../utils/getTrad.js');
+var AttributeIcon = require('./AttributeIcon.js');
+var ComponentList = require('./ComponentList.js');
+var useDataManager = require('./DataManager/useDataManager.js');
+var DisplayedType = require('./DisplayedType.js');
+var DynamicZoneList = require('./DynamicZoneList.js');
+var useFormModalNavigation = require('./FormModalNavigation/useFormModalNavigation.js');
+var Status = require('./Status.js');
+
+const GridWrapper = styledComponents.styled(designSystem.Flex)`
+  justify-content: space-between;
+
+  border-top: ${({ theme, $isOverlay })=>$isOverlay ? 'none' : `1px solid ${theme.colors.neutral150}`};
+
+  padding-top: ${({ theme })=>theme.spaces[4]};
+  padding-bottom: ${({ theme })=>theme.spaces[4]};
+
+  opacity: ${({ $isDragging })=>$isDragging ? 0 : 1};
+  align-items: center;
+`;
+const StyledAttributeRow = styledComponents.styled(designSystem.Box)`
+  list-style: none;
+  list-style-type: none;
+`;
+const AttributeRow = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const { style, ...rest } = props;
+    return /*#__PURE__*/ jsxRuntime.jsx(StyledAttributeRow, {
+        tag: "li",
+        ref: ref,
+        ...props.attributes,
+        style: style,
+        background: "neutral0",
+        shadow: props.isOverlay ? 'filterShadow' : 'none',
+        "aria-label": props.item.name,
+        children: /*#__PURE__*/ jsxRuntime.jsx(MemoizedRow, {
+            ...rest
+        })
+    });
+});
+const MemoizedRow = /*#__PURE__*/ React.memo((props)=>{
+    const { item, firstLoopComponentUid, isFromDynamicZone, addComponentToDZ, secondLoopComponentUid, type, isDragging, isOverlay, handleRef, listeners } = props;
+    const shouldHideNestedInfos = isOverlay || isDragging;
+    const [isOpen, setIsOpen] = React.useState(true);
+    const isTypeDeleted = type.status === 'REMOVED';
+    const { contentTypes, removeAttribute, isInDevelopmentMode } = useDataManager.useDataManager();
+    const { onOpenModalEditField, onOpenModalEditCustomField } = useFormModalNavigation.useFormModalNavigation();
+    const { formatMessage } = reactIntl.useIntl();
+    const isDeleted = item.status === 'REMOVED';
+    const isMorph = item.type === 'relation' && item.relation.includes('morph');
+    const ico = [
+        'integer',
+        'biginteger',
+        'float',
+        'decimal'
+    ].includes(item.type) ? 'number' : item.type;
+    const targetContentType = item.type === 'relation' ? get(contentTypes, item.target) : null;
+    const isPluginContentType = get(targetContentType, 'plugin');
+    const src = 'target' in item && item.target ? 'relation' : ico;
+    const handleClick = ()=>{
+        if (isMorph) {
+            return;
+        }
+        if (item.configurable !== false) {
+            const editTargetUid = secondLoopComponentUid || firstLoopComponentUid || type.uid;
+            const attributeType = getAttributeDisplayedType.getAttributeDisplayedType(item.type);
+            const step = item.type === 'component' ? '2' : null;
+            if (item.customField) {
+                onOpenModalEditCustomField({
+                    forTarget: type.modelType,
+                    targetUid: editTargetUid,
+                    attributeName: item.name,
+                    attributeType,
+                    customFieldUid: item.customField
+                });
+            } else {
+                onOpenModalEditField({
+                    forTarget: type.modelType,
+                    targetUid: editTargetUid,
+                    attributeName: item.name,
+                    attributeType,
+                    step
+                });
+            }
+        }
+    };
+    let loopNumber;
+    if (secondLoopComponentUid && firstLoopComponentUid) {
+        loopNumber = 2;
+    } else if (firstLoopComponentUid) {
+        loopNumber = 1;
+    } else {
+        loopNumber = 0;
+    }
+    const canEdit = !isTypeDeleted && !isDeleted;
+    const canDelete = !isTypeDeleted && !isDeleted;
+    const cursor = isTypeDeleted || isDeleted ? 'not-allowed' : 'move';
+    const canClick = isInDevelopmentMode && item.configurable !== false && !isMorph && canEdit;
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(GridWrapper, {
+                $isOverlay: isOverlay,
+                $isDragging: isDragging,
+                onClick: canClick ? handleClick : undefined,
+                paddingLeft: 4,
+                paddingRight: 4,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        alignItems: "center",
+                        overflow: "hidden",
+                        gap: 2,
+                        children: [
+                            loopNumber !== 0 && !isOverlay && /*#__PURE__*/ jsxRuntime.jsx(Curve.Curve, {
+                                color: isFromDynamicZone ? 'primary200' : 'neutral150'
+                            }),
+                            isInDevelopmentMode && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                cursor: cursor,
+                                role: "Handle",
+                                ref: handleRef,
+                                ...listeners,
+                                variant: "ghost",
+                                withTooltip: false,
+                                label: `${formatMessage({
+                                    id: 'app.utils.drag',
+                                    defaultMessage: 'Drag'
+                                })} ${item.name}`,
+                                disabled: isTypeDeleted || isDeleted,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Drag, {})
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                gap: 4,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                        gap: 4,
+                                        alignItems: "center",
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(AttributeIcon.AttributeIcon, {
+                                                type: src,
+                                                customField: item.customField
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
+                                                textColor: "neutral800",
+                                                fontWeight: "bold",
+                                                textDecoration: isDeleted ? 'line-through' : 'none',
+                                                ellipsis: true,
+                                                overflow: "hidden",
+                                                children: [
+                                                    item.name,
+                                                    'required' in item && item.required && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                                        textColor: "danger600",
+                                                        children: "* "
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Typography, {
+                                            textColor: "neutral600",
+                                            children: [
+                                                /*#__PURE__*/ jsxRuntime.jsx(DisplayedType.DisplayedType, {
+                                                    type: item.type,
+                                                    customField: item.customField,
+                                                    repeatable: 'repeatable' in item && item.repeatable,
+                                                    multiple: 'multiple' in item && item.multiple
+                                                }),
+                                                item.type === 'relation' && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                                    children: [
+                                                        " (",
+                                                        getRelationType.getRelationType(item.relation, item.targetAttribute),
+                                                        ") ",
+                                                        targetContentType && formatMessage({
+                                                            id: getTrad.getTrad('modelPage.attribute.with'),
+                                                            defaultMessage: 'with'
+                                                        }),
+                                                        " ",
+                                                        targetContentType && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                                                            onClick: (e)=>e.stopPropagation(),
+                                                            tag: reactRouterDom.Link,
+                                                            to: `/plugins/content-type-builder/content-types/${targetContentType.uid}`,
+                                                            children: upperFirst(targetContentType.info.displayName)
+                                                        }),
+                                                        isPluginContentType && `(${formatMessage({
+                                                            id: getTrad.getTrad(`from`),
+                                                            defaultMessage: 'from'
+                                                        })}: ${isPluginContentType})`
+                                                    ]
+                                                }),
+                                                item.type === 'component' && /*#__PURE__*/ jsxRuntime.jsx(ComponentLink, {
+                                                    uid: item.component
+                                                })
+                                            ]
+                                        })
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                            justifyContent: "flex-end",
+                            gap: 1,
+                            onClick: (e)=>e.stopPropagation(),
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                        children: item.status && /*#__PURE__*/ jsxRuntime.jsx(Status.StatusBadge, {
+                                            status: item.status
+                                        })
+                                    }),
+                                    [
+                                        'component',
+                                        'dynamiczone'
+                                    ].includes(item.type) && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                        onClick: (e)=>{
+                                            e.preventDefault();
+                                            e.stopPropagation();
+                                            if (isOpen) {
+                                                setIsOpen(false);
+                                            } else {
+                                                setIsOpen(true);
+                                            }
+                                        },
+                                        "aria-expanded": isOpen,
+                                        label: formatMessage({
+                                            id: 'app.utils.toggle',
+                                            defaultMessage: 'Toggle'
+                                        }),
+                                        variant: "ghost",
+                                        withTooltip: false,
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.ChevronDown, {
+                                            "aria-hidden": true,
+                                            fill: "neutral500",
+                                            style: {
+                                                transform: `rotate(${isOpen ? '0deg' : '-90deg'})`,
+                                                transition: 'transform 0.5s'
+                                            }
+                                        })
+                                    }),
+                                    isInDevelopmentMode && item.configurable !== false ? /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                        children: [
+                                            !isMorph && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                onClick: handleClick,
+                                                label: `${formatMessage({
+                                                    id: 'app.utils.edit',
+                                                    defaultMessage: 'Edit'
+                                                })} ${item.name}`,
+                                                variant: "ghost",
+                                                disabled: !canEdit,
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Pencil, {})
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                                onClick: (e)=>{
+                                                    e.stopPropagation();
+                                                    removeAttribute({
+                                                        forTarget: type.modelType,
+                                                        targetUid: type.uid,
+                                                        attributeToRemoveName: item.name
+                                                    });
+                                                },
+                                                label: `${formatMessage({
+                                                    id: 'global.delete',
+                                                    defaultMessage: 'Delete'
+                                                })} ${item.name}`,
+                                                variant: "ghost",
+                                                disabled: !canDelete,
+                                                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Trash, {})
+                                            })
+                                        ]
+                                    }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                        padding: 2,
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Lock, {
+                                            fill: "neutral500"
+                                        })
+                                    })
+                                ]
+                            })
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(SubRow, {
+                $shouldHideNestedInfos: shouldHideNestedInfos,
+                $isOpen: isOpen,
+                children: [
+                    item.type === 'component' && /*#__PURE__*/ jsxRuntime.jsx(ComponentList.ComponentList, {
+                        ...item,
+                        isFromDynamicZone: isFromDynamicZone,
+                        firstLoopComponentUid: firstLoopComponentUid
+                    }),
+                    item.type === 'dynamiczone' && /*#__PURE__*/ jsxRuntime.jsx(DynamicZoneList.DynamicZoneList, {
+                        ...item,
+                        disabled: isTypeDeleted || item.status === 'REMOVED',
+                        addComponent: addComponentToDZ,
+                        forTarget: type.modelType,
+                        targetUid: type.uid
+                    })
+                ]
+            })
+        ]
+    });
+});
+const SubRow = styledComponents.styled(designSystem.Box)`
+  display: ${({ $shouldHideNestedInfos })=>$shouldHideNestedInfos ? 'none' : 'block'};
+  max-height: ${({ $isOpen })=>$isOpen ? '9999px' : '0px'};
+  overflow: hidden;
+
+  transition: ${({ $isOpen })=>$isOpen ? 'max-height 1s ease-in-out' : 'max-height 0.5s cubic-bezier(0, 1, 0, 1)'};
+`;
+const ComponentLink = ({ uid })=>{
+    const { components } = useDataManager.useDataManager();
+    const type = get(components, uid);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            " (",
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                onClick: (e)=>e.stopPropagation(),
+                tag: reactRouterDom.Link,
+                to: `/plugins/content-type-builder/component-categories/${type.category}/${type.uid}`,
+                children: upperFirst(type.info.displayName)
+            }),
+            ")"
+        ]
+    });
+};
+
+exports.AttributeRow = AttributeRow;
+exports.GridWrapper = GridWrapper;
+//# sourceMappingURL=AttributeRow.js.map