@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

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

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Flex, Box, Typography } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { AttributeIcon } from '../AttributeIcon.mjs';
+import { useFormModalNavigation } from '../FormModalNavigation/useFormModalNavigation.mjs';
+import { OptionBoxWrapper } from './OptionBoxWrapper.mjs';
+
+const CustomFieldOption = ({ customFieldUid, customField })=>{
+    const { type, intlLabel, intlDescription } = customField;
+    const { formatMessage } = useIntl();
+    const { onClickSelectCustomField } = useFormModalNavigation();
+    const handleClick = ()=>{
+        onClickSelectCustomField({
+            attributeType: type,
+            customFieldUid
+        });
+    };
+    return /*#__PURE__*/ jsx(OptionBoxWrapper, {
+        padding: 4,
+        tag: "button",
+        hasRadius: true,
+        type: "button",
+        onClick: handleClick,
+        children: /*#__PURE__*/ jsxs(Flex, {
+            children: [
+                /*#__PURE__*/ jsx(AttributeIcon, {
+                    type: type,
+                    customField: customFieldUid
+                }),
+                /*#__PURE__*/ jsxs(Box, {
+                    paddingLeft: 4,
+                    children: [
+                        /*#__PURE__*/ jsx(Flex, {
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                fontWeight: "bold",
+                                textColor: "neutral800",
+                                children: formatMessage(intlLabel)
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Flex, {
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                variant: "pi",
+                                textColor: "neutral600",
+                                children: formatMessage(intlDescription)
+                            })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+
+export { CustomFieldOption };
+//# sourceMappingURL=CustomFieldOption.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldOption.mjs","sources":["../../../../admin/src/components/AttributeOptions/CustomFieldOption.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { StrapiAppContextValue } from '@strapi/admin/strapi-admin';\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { AttributeIcon, IconByType } from '../AttributeIcon';\r\nimport { useFormModalNavigation } from '../FormModalNavigation/useFormModalNavigation';\r\n\r\nimport { OptionBoxWrapper } from './OptionBoxWrapper';\r\n\r\nexport type CustomFieldOption = {\r\n  name: string;\r\n  type: IconByType;\r\n  icon: React.ComponentType;\r\n  intlLabel: {\r\n    id: string;\r\n    defaultMessage: string;\r\n  };\r\n  intlDescription: {\r\n    id: string;\r\n    defaultMessage: string;\r\n  };\r\n};\r\n\r\ntype CustomFieldOptionProps = {\r\n  customFieldUid: string;\r\n  customField: NonNullable<ReturnType<StrapiAppContextValue['customFields']['get']>>;\r\n};\r\n\r\nexport const CustomFieldOption = ({ customFieldUid, customField }: CustomFieldOptionProps) => {\r\n  const { type, intlLabel, intlDescription } = customField;\r\n  const { formatMessage } = useIntl();\r\n\r\n  const { onClickSelectCustomField } = useFormModalNavigation();\r\n\r\n  const handleClick = () => {\r\n    onClickSelectCustomField({\r\n      attributeType: type,\r\n      customFieldUid,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <OptionBoxWrapper padding={4} tag=\"button\" hasRadius type=\"button\" onClick={handleClick}>\r\n      <Flex>\r\n        <AttributeIcon type={type} customField={customFieldUid} />\r\n        <Box paddingLeft={4}>\r\n          <Flex>\r\n            <Typography fontWeight=\"bold\" textColor=\"neutral800\">\r\n              {formatMessage(intlLabel)}\r\n            </Typography>\r\n          </Flex>\r\n          <Flex>\r\n            <Typography variant=\"pi\" textColor=\"neutral600\">\r\n              {formatMessage(intlDescription)}\r\n            </Typography>\r\n          </Flex>\r\n        </Box>\r\n      </Flex>\r\n    </OptionBoxWrapper>\r\n  );\r\n};\r\n"],"names":["CustomFieldOption","customFieldUid","customField","type","intlLabel","intlDescription","formatMessage","useIntl","onClickSelectCustomField","useFormModalNavigation","handleClick","attributeType","_jsx","OptionBoxWrapper","padding","tag","hasRadius","onClick","_jsxs","Flex","AttributeIcon","Box","paddingLeft","Typography","fontWeight","textColor","variant"],"mappings":";;;;;;;;MA8BaA,iBAAAA,GAAoB,CAAC,EAAEC,cAAc,EAAEC,WAAW,EAA0B,GAAA;AACvF,IAAA,MAAM,EAAEC,IAAI,EAAEC,SAAS,EAAEC,eAAe,EAAE,GAAGH,WAAAA;IAC7C,MAAM,EAAEI,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAE1B,MAAM,EAAEC,wBAAwB,EAAE,GAAGC,sBAAAA,EAAAA;AAErC,IAAA,MAAMC,WAAAA,GAAc,IAAA;QAClBF,wBAAAA,CAAyB;YACvBG,aAAAA,EAAeR,IAAAA;AACfF,YAAAA;AACF,SAAA,CAAA;AACF,IAAA,CAAA;AAEA,IAAA,qBACEW,GAAA,CAACC,gBAAAA,EAAAA;QAAiBC,OAAAA,EAAS,CAAA;QAAGC,GAAAA,EAAI,QAAA;QAASC,SAAS,EAAA,IAAA;QAACb,IAAAA,EAAK,QAAA;QAASc,OAAAA,EAASP,WAAAA;AAC1E,QAAA,QAAA,gBAAAQ,IAAA,CAACC,IAAAA,EAAAA;;8BACCP,GAAA,CAACQ,aAAAA,EAAAA;oBAAcjB,IAAAA,EAAMA,IAAAA;oBAAMD,WAAAA,EAAaD;;8BACxCiB,IAAA,CAACG,GAAAA,EAAAA;oBAAIC,WAAAA,EAAa,CAAA;;sCAChBV,GAAA,CAACO,IAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAP,GAAA,CAACW,UAAAA,EAAAA;gCAAWC,UAAAA,EAAW,MAAA;gCAAOC,SAAAA,EAAU,YAAA;0CACrCnB,aAAAA,CAAcF,SAAAA;;;sCAGnBQ,GAAA,CAACO,IAAAA,EAAAA;AACC,4BAAA,QAAA,gBAAAP,GAAA,CAACW,UAAAA,EAAAA;gCAAWG,OAAAA,EAAQ,IAAA;gCAAKD,SAAAA,EAAU,YAAA;0CAChCnB,aAAAA,CAAcD,eAAAA;;;;;;;;AAO7B;;;;"}

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

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var getTrad = require('../../utils/getTrad.js');
+var CustomFieldOption = require('./CustomFieldOption.js');
+var EmptyAttributes = require('./EmptyAttributes.js');
+
+const CustomFieldsList = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const getAllCustomFields = strapiAdmin.useStrapiApp('CustomFieldsList', (state)=>state.customFields.getAll);
+    // TODO change this once useCustomFields is typed (helper-plugin types are solved)
+    const registeredCustomFields = Object.entries(getAllCustomFields());
+    if (!registeredCustomFields.length) {
+        return /*#__PURE__*/ jsxRuntime.jsx(EmptyAttributes.EmptyAttributes, {});
+    }
+    // Sort the array alphabetically by customField name
+    const sortedCustomFields = registeredCustomFields.sort((a, b)=>a[1].name > b[1].name ? 1 : -1);
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.KeyboardNavigable, {
+        tagName: "button",
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 3,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                    gap: 3,
+                    children: sortedCustomFields.map(([uid, customField])=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                            col: 6,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(CustomFieldOption.CustomFieldOption, {
+                                customFieldUid: uid,
+                                customField: customField
+                            }, uid)
+                        }, uid))
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                    href: "https://docs.strapi.io/developer-docs/latest/development/custom-fields.html",
+                    isExternal: true,
+                    children: formatMessage({
+                        id: getTrad.getTrad('modalForm.tabs.custom.howToLink'),
+                        defaultMessage: 'How to add custom fields'
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.CustomFieldsList = CustomFieldsList;
+//# sourceMappingURL=CustomFieldsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsList.js","sources":["../../../../admin/src/components/AttributeOptions/CustomFieldsList.tsx"],"sourcesContent":["import { useStrapiApp } from '@strapi/admin/strapi-admin';\r\nimport { Flex, Grid, KeyboardNavigable, Link } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../../utils';\r\n\r\nimport { CustomFieldOption } from './CustomFieldOption';\r\nimport { EmptyAttributes } from './EmptyAttributes';\r\n\r\nexport const CustomFieldsList = () => {\r\n  const { formatMessage } = useIntl();\r\n  const getAllCustomFields = useStrapiApp('CustomFieldsList', (state) => state.customFields.getAll);\r\n  // TODO change this once useCustomFields is typed (helper-plugin types are solved)\r\n  const registeredCustomFields = Object.entries(getAllCustomFields());\r\n\r\n  if (!registeredCustomFields.length) {\r\n    return <EmptyAttributes />;\r\n  }\r\n\r\n  // Sort the array alphabetically by customField name\r\n  const sortedCustomFields = registeredCustomFields.sort((a, b) =>\r\n    a[1].name > b[1].name ? 1 : -1\r\n  );\r\n\r\n  return (\r\n    <KeyboardNavigable tagName=\"button\">\r\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={3}>\r\n        <Grid.Root gap={3}>\r\n          {sortedCustomFields.map(([uid, customField]) => (\r\n            <Grid.Item key={uid} col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\r\n              <CustomFieldOption key={uid} customFieldUid={uid} customField={customField} />\r\n            </Grid.Item>\r\n          ))}\r\n        </Grid.Root>\r\n        <Link\r\n          href=\"https://docs.strapi.io/developer-docs/latest/development/custom-fields.html\"\r\n          isExternal\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('modalForm.tabs.custom.howToLink'),\r\n            defaultMessage: 'How to add custom fields',\r\n          })}\r\n        </Link>\r\n      </Flex>\r\n    </KeyboardNavigable>\r\n  );\r\n};\r\n"],"names":["CustomFieldsList","formatMessage","useIntl","getAllCustomFields","useStrapiApp","state","customFields","getAll","registeredCustomFields","Object","entries","length","_jsx","EmptyAttributes","sortedCustomFields","sort","a","b","name","KeyboardNavigable","tagName","_jsxs","Flex","direction","alignItems","gap","Grid","Root","map","uid","customField","Item","col","xs","CustomFieldOption","customFieldUid","Link","href","isExternal","id","getTrad","defaultMessage"],"mappings":";;;;;;;;;;MASaA,gBAAAA,GAAmB,IAAA;IAC9B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAMC,kBAAAA,GAAqBC,yBAAa,kBAAA,EAAoB,CAACC,QAAUA,KAAAA,CAAMC,YAAY,CAACC,MAAM,CAAA;;IAEhG,MAAMC,sBAAAA,GAAyBC,MAAAA,CAAOC,OAAO,CAACP,kBAAAA,EAAAA,CAAAA;IAE9C,IAAI,CAACK,sBAAAA,CAAuBG,MAAM,EAAE;AAClC,QAAA,qBAAOC,cAAA,CAACC,+BAAAA,EAAAA,EAAAA,CAAAA;AACV,IAAA;;IAGA,MAAMC,kBAAAA,GAAqBN,uBAAuBO,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GACzDD,CAAC,CAAC,CAAA,CAAE,CAACE,IAAI,GAAGD,CAAC,CAAC,CAAA,CAAE,CAACC,IAAI,GAAG,IAAI,EAAC,CAAA;AAG/B,IAAA,qBACEN,cAAA,CAACO,8BAAAA,EAAAA;QAAkBC,OAAAA,EAAQ,QAAA;AACzB,QAAA,QAAA,gBAAAC,eAAA,CAACC,iBAAAA,EAAAA;YAAKC,SAAAA,EAAU,QAAA;YAASC,UAAAA,EAAW,SAAA;YAAUC,GAAAA,EAAK,CAAA;;AACjD,8BAAAb,cAAA,CAACc,kBAAKC,IAAI,EAAA;oBAACF,GAAAA,EAAK,CAAA;8BACbX,kBAAAA,CAAmBc,GAAG,CAAC,CAAC,CAACC,KAAKC,WAAAA,CAAY,iBACzClB,cAAA,CAACc,iBAAAA,CAAKK,IAAI,EAAA;4BAAWC,GAAAA,EAAK,CAAA;4BAAGC,EAAAA,EAAI,EAAA;4BAAIV,SAAAA,EAAU,QAAA;4BAASC,UAAAA,EAAW,SAAA;AACjE,4BAAA,QAAA,gBAAAZ,cAAA,CAACsB,mCAAAA,EAAAA;gCAA4BC,cAAAA,EAAgBN,GAAAA;gCAAKC,WAAAA,EAAaA;AAAvCD,6BAAAA,EAAAA,GAAAA;AADVA,yBAAAA,EAAAA,GAAAA,CAAAA;;8BAKpBjB,cAAA,CAACwB,iBAAAA,EAAAA;oBACCC,IAAAA,EAAK,6EAAA;oBACLC,UAAU,EAAA,IAAA;8BAETrC,aAAAA,CAAc;AACbsC,wBAAAA,EAAAA,EAAIC,eAAAA,CAAQ,iCAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;;;;;AAKV;;;;"}

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

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useStrapiApp } from '@strapi/admin/strapi-admin';
+import { KeyboardNavigable, Flex, Grid, Link } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../../utils/getTrad.mjs';
+import { CustomFieldOption } from './CustomFieldOption.mjs';
+import { EmptyAttributes } from './EmptyAttributes.mjs';
+
+const CustomFieldsList = ()=>{
+    const { formatMessage } = useIntl();
+    const getAllCustomFields = useStrapiApp('CustomFieldsList', (state)=>state.customFields.getAll);
+    // TODO change this once useCustomFields is typed (helper-plugin types are solved)
+    const registeredCustomFields = Object.entries(getAllCustomFields());
+    if (!registeredCustomFields.length) {
+        return /*#__PURE__*/ jsx(EmptyAttributes, {});
+    }
+    // Sort the array alphabetically by customField name
+    const sortedCustomFields = registeredCustomFields.sort((a, b)=>a[1].name > b[1].name ? 1 : -1);
+    return /*#__PURE__*/ jsx(KeyboardNavigable, {
+        tagName: "button",
+        children: /*#__PURE__*/ jsxs(Flex, {
+            direction: "column",
+            alignItems: "stretch",
+            gap: 3,
+            children: [
+                /*#__PURE__*/ jsx(Grid.Root, {
+                    gap: 3,
+                    children: sortedCustomFields.map(([uid, customField])=>/*#__PURE__*/ jsx(Grid.Item, {
+                            col: 6,
+                            xs: 12,
+                            direction: "column",
+                            alignItems: "stretch",
+                            children: /*#__PURE__*/ jsx(CustomFieldOption, {
+                                customFieldUid: uid,
+                                customField: customField
+                            }, uid)
+                        }, uid))
+                }),
+                /*#__PURE__*/ jsx(Link, {
+                    href: "https://docs.strapi.io/developer-docs/latest/development/custom-fields.html",
+                    isExternal: true,
+                    children: formatMessage({
+                        id: getTrad('modalForm.tabs.custom.howToLink'),
+                        defaultMessage: 'How to add custom fields'
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { CustomFieldsList };
+//# sourceMappingURL=CustomFieldsList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomFieldsList.mjs","sources":["../../../../admin/src/components/AttributeOptions/CustomFieldsList.tsx"],"sourcesContent":["import { useStrapiApp } from '@strapi/admin/strapi-admin';\r\nimport { Flex, Grid, KeyboardNavigable, Link } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../../utils';\r\n\r\nimport { CustomFieldOption } from './CustomFieldOption';\r\nimport { EmptyAttributes } from './EmptyAttributes';\r\n\r\nexport const CustomFieldsList = () => {\r\n  const { formatMessage } = useIntl();\r\n  const getAllCustomFields = useStrapiApp('CustomFieldsList', (state) => state.customFields.getAll);\r\n  // TODO change this once useCustomFields is typed (helper-plugin types are solved)\r\n  const registeredCustomFields = Object.entries(getAllCustomFields());\r\n\r\n  if (!registeredCustomFields.length) {\r\n    return <EmptyAttributes />;\r\n  }\r\n\r\n  // Sort the array alphabetically by customField name\r\n  const sortedCustomFields = registeredCustomFields.sort((a, b) =>\r\n    a[1].name > b[1].name ? 1 : -1\r\n  );\r\n\r\n  return (\r\n    <KeyboardNavigable tagName=\"button\">\r\n      <Flex direction=\"column\" alignItems=\"stretch\" gap={3}>\r\n        <Grid.Root gap={3}>\r\n          {sortedCustomFields.map(([uid, customField]) => (\r\n            <Grid.Item key={uid} col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\r\n              <CustomFieldOption key={uid} customFieldUid={uid} customField={customField} />\r\n            </Grid.Item>\r\n          ))}\r\n        </Grid.Root>\r\n        <Link\r\n          href=\"https://docs.strapi.io/developer-docs/latest/development/custom-fields.html\"\r\n          isExternal\r\n        >\r\n          {formatMessage({\r\n            id: getTrad('modalForm.tabs.custom.howToLink'),\r\n            defaultMessage: 'How to add custom fields',\r\n          })}\r\n        </Link>\r\n      </Flex>\r\n    </KeyboardNavigable>\r\n  );\r\n};\r\n"],"names":["CustomFieldsList","formatMessage","useIntl","getAllCustomFields","useStrapiApp","state","customFields","getAll","registeredCustomFields","Object","entries","length","_jsx","EmptyAttributes","sortedCustomFields","sort","a","b","name","KeyboardNavigable","tagName","_jsxs","Flex","direction","alignItems","gap","Grid","Root","map","uid","customField","Item","col","xs","CustomFieldOption","customFieldUid","Link","href","isExternal","id","getTrad","defaultMessage"],"mappings":";;;;;;;;MASaA,gBAAAA,GAAmB,IAAA;IAC9B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAMC,kBAAAA,GAAqBC,aAAa,kBAAA,EAAoB,CAACC,QAAUA,KAAAA,CAAMC,YAAY,CAACC,MAAM,CAAA;;IAEhG,MAAMC,sBAAAA,GAAyBC,MAAAA,CAAOC,OAAO,CAACP,kBAAAA,EAAAA,CAAAA;IAE9C,IAAI,CAACK,sBAAAA,CAAuBG,MAAM,EAAE;AAClC,QAAA,qBAAOC,GAAA,CAACC,eAAAA,EAAAA,EAAAA,CAAAA;AACV,IAAA;;IAGA,MAAMC,kBAAAA,GAAqBN,uBAAuBO,IAAI,CAAC,CAACC,CAAAA,EAAGC,CAAAA,GACzDD,CAAC,CAAC,CAAA,CAAE,CAACE,IAAI,GAAGD,CAAC,CAAC,CAAA,CAAE,CAACC,IAAI,GAAG,IAAI,EAAC,CAAA;AAG/B,IAAA,qBACEN,GAAA,CAACO,iBAAAA,EAAAA;QAAkBC,OAAAA,EAAQ,QAAA;AACzB,QAAA,QAAA,gBAAAC,IAAA,CAACC,IAAAA,EAAAA;YAAKC,SAAAA,EAAU,QAAA;YAASC,UAAAA,EAAW,SAAA;YAAUC,GAAAA,EAAK,CAAA;;AACjD,8BAAAb,GAAA,CAACc,KAAKC,IAAI,EAAA;oBAACF,GAAAA,EAAK,CAAA;8BACbX,kBAAAA,CAAmBc,GAAG,CAAC,CAAC,CAACC,KAAKC,WAAAA,CAAY,iBACzClB,GAAA,CAACc,IAAAA,CAAKK,IAAI,EAAA;4BAAWC,GAAAA,EAAK,CAAA;4BAAGC,EAAAA,EAAI,EAAA;4BAAIV,SAAAA,EAAU,QAAA;4BAASC,UAAAA,EAAW,SAAA;AACjE,4BAAA,QAAA,gBAAAZ,GAAA,CAACsB,iBAAAA,EAAAA;gCAA4BC,cAAAA,EAAgBN,GAAAA;gCAAKC,WAAAA,EAAaA;AAAvCD,6BAAAA,EAAAA,GAAAA;AADVA,yBAAAA,EAAAA,GAAAA,CAAAA;;8BAKpBjB,GAAA,CAACwB,IAAAA,EAAAA;oBACCC,IAAAA,EAAK,6EAAA;oBACLC,UAAU,EAAA,IAAA;8BAETrC,aAAAA,CAAc;AACbsC,wBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,iCAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;;;;;AAKV;;;;"}

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

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

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

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';\r\nimport { styled } from 'styled-components';\r\n\r\nexport const OptionBoxWrapper = styled(Box)`\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\r\n  text-align: left;\r\n  &:hover {\r\n    cursor: pointer;\r\n    background: ${({ theme }) => theme.colors.primary100};\r\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\r\n  }\r\n`;\r\n"],"names":["OptionBoxWrapper","styled","Box","theme","colors","neutral200","primary100","primary200"],"mappings":";;;;;AAGO,MAAMA,gBAAAA,GAAmBC,uBAAAA,CAAOC,gBAAAA,CAAI,CAAC;;;oBAGxB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;;gBAI7C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACE,UAAU,CAAC;sBACnC,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAAA,CAAMC,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';\r\nimport { styled } from 'styled-components';\r\n\r\nexport const OptionBoxWrapper = styled(Box)`\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\r\n  text-align: left;\r\n  &:hover {\r\n    cursor: pointer;\r\n    background: ${({ theme }) => theme.colors.primary100};\r\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\r\n  }\r\n`;\r\n"],"names":["OptionBoxWrapper","styled","Box","theme","colors","neutral200","primary100","primary200"],"mappings":";;;AAGO,MAAMA,gBAAAA,GAAmBC,MAAAA,CAAOC,GAAAA,CAAI,CAAC;;;oBAGxB,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;;gBAI7C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACE,UAAU,CAAC;sBACnC,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACG,UAAU,CAAC;;AAE/D;;;;"}