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

package/dist/admin/components/PluralName.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var pluralize = require('pluralize');
+var reactIntl = require('react-intl');
+var nameToSlug = require('../utils/nameToSlug.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var pluralize__default = /*#__PURE__*/_interopDefault(pluralize);
+
+const PluralName = ({ description, error, intlLabel, modifiedData, name, onChange, value })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const onChangeRef = React.useRef(onChange);
+    const displayName = modifiedData?.displayName || '';
+    const previousDisplayName = React.useRef(displayName);
+    const previousValue = React.useRef(value);
+    React.useEffect(()=>{
+        if (displayName && displayName !== previousDisplayName.current) {
+            const baseValue = nameToSlug.nameToSlug(displayName);
+            let newValue = baseValue;
+            try {
+                newValue = pluralize__default.default(baseValue, 2);
+            } catch  {
+            // If pluralize fails, use the base value
+            }
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: newValue
+                }
+            });
+            previousValue.current = newValue;
+            previousDisplayName.current = displayName;
+        } else if (!displayName) {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: ''
+                }
+            });
+            previousValue.current = '';
+            previousDisplayName.current = '';
+        }
+    }, [
+        displayName,
+        name,
+        value
+    ]);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const label = formatMessage(intlLabel);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        hint: hint,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                onChange: onChange,
+                value: value || '',
+                type: "text"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+    });
+};
+
+exports.PluralName = PluralName;
+//# sourceMappingURL=PluralName.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PluralName.js","sources":["../../../admin/src/components/PluralName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\r\n\r\nimport { Field, TextInput } from '@strapi/design-system';\r\nimport pluralize from 'pluralize';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { nameToSlug } from '../utils/nameToSlug';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface PluralNameProps {\r\n  description?: IntlLabel;\r\n  error?: string;\r\n  intlLabel: IntlLabel;\r\n  modifiedData: { displayName?: string };\r\n  name: string;\r\n  onChange: FormChangeHandler<string>;\r\n  value?: string;\r\n}\r\n\r\nexport const PluralName = ({\r\n  description,\r\n  error,\r\n  intlLabel,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  value,\r\n}: PluralNameProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const onChangeRef = useRef(onChange);\r\n  const displayName = modifiedData?.displayName || '';\r\n  const previousDisplayName = useRef(displayName);\r\n  const previousValue = useRef(value);\r\n\r\n  useEffect(() => {\r\n    if (displayName && displayName !== previousDisplayName.current) {\r\n      const baseValue = nameToSlug(displayName);\r\n      let newValue = baseValue;\r\n\r\n      try {\r\n        newValue = pluralize(baseValue, 2);\r\n      } catch {\r\n        // If pluralize fails, use the base value\r\n      }\r\n\r\n      onChangeRef.current({ target: { name, value: newValue } });\r\n      previousValue.current = newValue;\r\n      previousDisplayName.current = displayName;\r\n    } else if (!displayName) {\r\n      onChangeRef.current({ target: { name, value: '' } });\r\n      previousValue.current = '';\r\n      previousDisplayName.current = '';\r\n    }\r\n  }, [displayName, name, value]);\r\n\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n  const hint = description\r\n    ? formatMessage(\r\n        { id: description.id, defaultMessage: description.defaultMessage },\r\n        { ...description.values }\r\n      )\r\n    : '';\r\n  const label = formatMessage(intlLabel);\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} hint={hint} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <TextInput onChange={onChange} value={value || ''} type=\"text\" />\r\n      <Field.Error />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["PluralName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","previousDisplayName","previousValue","useEffect","current","baseValue","nameToSlug","newValue","pluralize","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","Error"],"mappings":";;;;;;;;;;;;;MAoBaA,UAAAA,GAAa,CAAC,EACzBC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACW,GAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,YAAAA,CAAOL,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAAA,IAAe,EAAA;AACjD,IAAA,MAAMC,sBAAsBF,YAAAA,CAAOC,WAAAA,CAAAA;AACnC,IAAA,MAAME,gBAAgBH,YAAAA,CAAOJ,KAAAA,CAAAA;IAE7BQ,eAAAA,CAAU,IAAA;AACR,QAAA,IAAIH,WAAAA,IAAeA,WAAAA,KAAgBC,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,YAAYC,qBAAAA,CAAWN,WAAAA,CAAAA;AAC7B,YAAA,IAAIO,QAAAA,GAAWF,SAAAA;YAEf,IAAI;AACFE,gBAAAA,QAAAA,GAAWC,2BAAUH,SAAAA,EAAW,CAAA,CAAA;AAClC,YAAA,CAAA,CAAE,OAAM;;AAER,YAAA;AAEAP,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEK,MAAAA,EAAQ;AAAEhB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOY;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcE,OAAO,GAAGG,QAAAA;AACxBN,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGJ,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBF,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEK,MAAAA,EAAQ;AAAEhB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDO,YAAAA,aAAAA,CAAcE,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACJ,QAAAA,WAAAA;AAAaP,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMe,YAAAA,GAAepB,QAAQM,aAAAA,CAAc;QAAEe,EAAAA,EAAIrB,KAAAA;QAAOsB,cAAAA,EAAgBtB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMuB,IAAAA,GAAOxB,cACTO,aAAAA,CACE;AAAEe,QAAAA,EAAAA,EAAItB,YAAYsB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBvB,YAAYuB;KAAe,EACjE;AAAE,QAAA,GAAGvB,YAAYyB;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQnB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACEyB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC5B,KAAAA,EAAOoB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMpB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAA0B,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,cAAA,CAACE,sBAAAA,EAAAA;gBAAU3B,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAI2B,IAAAA,EAAK;;AACxD,0BAAAH,cAAA,CAACF,mBAAMM,KAAK,EAAA,EAAA;;;AAGlB;;;;"}

package/dist/admin/components/PluralName.mjs

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import { Field, TextInput } from '@strapi/design-system';
+import pluralize from 'pluralize';
+import { useIntl } from 'react-intl';
+import { nameToSlug } from '../utils/nameToSlug.mjs';
+
+const PluralName = ({ description, error, intlLabel, modifiedData, name, onChange, value })=>{
+    const { formatMessage } = useIntl();
+    const onChangeRef = useRef(onChange);
+    const displayName = modifiedData?.displayName || '';
+    const previousDisplayName = useRef(displayName);
+    const previousValue = useRef(value);
+    useEffect(()=>{
+        if (displayName && displayName !== previousDisplayName.current) {
+            const baseValue = nameToSlug(displayName);
+            let newValue = baseValue;
+            try {
+                newValue = pluralize(baseValue, 2);
+            } catch  {
+            // If pluralize fails, use the base value
+            }
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: newValue
+                }
+            });
+            previousValue.current = newValue;
+            previousDisplayName.current = displayName;
+        } else if (!displayName) {
+            onChangeRef.current({
+                target: {
+                    name,
+                    value: ''
+                }
+            });
+            previousValue.current = '';
+            previousDisplayName.current = '';
+        }
+    }, [
+        displayName,
+        name,
+        value
+    ]);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const label = formatMessage(intlLabel);
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        hint: hint,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(TextInput, {
+                onChange: onChange,
+                value: value || '',
+                type: "text"
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {})
+        ]
+    });
+};
+
+export { PluralName };
+//# sourceMappingURL=PluralName.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PluralName.mjs","sources":["../../../admin/src/components/PluralName.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\r\n\r\nimport { Field, TextInput } from '@strapi/design-system';\r\nimport pluralize from 'pluralize';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { nameToSlug } from '../utils/nameToSlug';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface PluralNameProps {\r\n  description?: IntlLabel;\r\n  error?: string;\r\n  intlLabel: IntlLabel;\r\n  modifiedData: { displayName?: string };\r\n  name: string;\r\n  onChange: FormChangeHandler<string>;\r\n  value?: string;\r\n}\r\n\r\nexport const PluralName = ({\r\n  description,\r\n  error,\r\n  intlLabel,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  value,\r\n}: PluralNameProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const onChangeRef = useRef(onChange);\r\n  const displayName = modifiedData?.displayName || '';\r\n  const previousDisplayName = useRef(displayName);\r\n  const previousValue = useRef(value);\r\n\r\n  useEffect(() => {\r\n    if (displayName && displayName !== previousDisplayName.current) {\r\n      const baseValue = nameToSlug(displayName);\r\n      let newValue = baseValue;\r\n\r\n      try {\r\n        newValue = pluralize(baseValue, 2);\r\n      } catch {\r\n        // If pluralize fails, use the base value\r\n      }\r\n\r\n      onChangeRef.current({ target: { name, value: newValue } });\r\n      previousValue.current = newValue;\r\n      previousDisplayName.current = displayName;\r\n    } else if (!displayName) {\r\n      onChangeRef.current({ target: { name, value: '' } });\r\n      previousValue.current = '';\r\n      previousDisplayName.current = '';\r\n    }\r\n  }, [displayName, name, value]);\r\n\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n  const hint = description\r\n    ? formatMessage(\r\n        { id: description.id, defaultMessage: description.defaultMessage },\r\n        { ...description.values }\r\n      )\r\n    : '';\r\n  const label = formatMessage(intlLabel);\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} hint={hint} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <TextInput onChange={onChange} value={value || ''} type=\"text\" />\r\n      <Field.Error />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["PluralName","description","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","onChangeRef","useRef","displayName","previousDisplayName","previousValue","useEffect","current","baseValue","nameToSlug","newValue","pluralize","target","errorMessage","id","defaultMessage","hint","values","label","_jsxs","Field","Root","_jsx","Label","TextInput","type","Error"],"mappings":";;;;;;;MAoBaA,UAAAA,GAAa,CAAC,EACzBC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACW,GAAA;IAChB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,cAAcC,MAAAA,CAAOL,QAAAA,CAAAA;IAC3B,MAAMM,WAAAA,GAAcR,cAAcQ,WAAAA,IAAe,EAAA;AACjD,IAAA,MAAMC,sBAAsBF,MAAAA,CAAOC,WAAAA,CAAAA;AACnC,IAAA,MAAME,gBAAgBH,MAAAA,CAAOJ,KAAAA,CAAAA;IAE7BQ,SAAAA,CAAU,IAAA;AACR,QAAA,IAAIH,WAAAA,IAAeA,WAAAA,KAAgBC,mBAAAA,CAAoBG,OAAO,EAAE;AAC9D,YAAA,MAAMC,YAAYC,UAAAA,CAAWN,WAAAA,CAAAA;AAC7B,YAAA,IAAIO,QAAAA,GAAWF,SAAAA;YAEf,IAAI;AACFE,gBAAAA,QAAAA,GAAWC,UAAUH,SAAAA,EAAW,CAAA,CAAA;AAClC,YAAA,CAAA,CAAE,OAAM;;AAER,YAAA;AAEAP,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEK,MAAAA,EAAQ;AAAEhB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAOY;AAAS;AAAE,aAAA,CAAA;AACxDL,YAAAA,aAAAA,CAAcE,OAAO,GAAGG,QAAAA;AACxBN,YAAAA,mBAAAA,CAAoBG,OAAO,GAAGJ,WAAAA;QAChC,CAAA,MAAO,IAAI,CAACA,WAAAA,EAAa;AACvBF,YAAAA,WAAAA,CAAYM,OAAO,CAAC;gBAAEK,MAAAA,EAAQ;AAAEhB,oBAAAA,IAAAA;oBAAME,KAAAA,EAAO;AAAG;AAAE,aAAA,CAAA;AAClDO,YAAAA,aAAAA,CAAcE,OAAO,GAAG,EAAA;AACxBH,YAAAA,mBAAAA,CAAoBG,OAAO,GAAG,EAAA;AAChC,QAAA;IACF,CAAA,EAAG;AAACJ,QAAAA,WAAAA;AAAaP,QAAAA,IAAAA;AAAME,QAAAA;AAAM,KAAA,CAAA;IAE7B,MAAMe,YAAAA,GAAepB,QAAQM,aAAAA,CAAc;QAAEe,EAAAA,EAAIrB,KAAAA;QAAOsB,cAAAA,EAAgBtB;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMuB,IAAAA,GAAOxB,cACTO,aAAAA,CACE;AAAEe,QAAAA,EAAAA,EAAItB,YAAYsB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBvB,YAAYuB;KAAe,EACjE;AAAE,QAAA,GAAGvB,YAAYyB;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQnB,aAAAA,CAAcL,SAAAA,CAAAA;IAE5B,qBACEyB,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC5B,KAAAA,EAAOoB,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMpB,IAAAA,EAAMA,IAAAA;;AACjD,0BAAA0B,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEL,gBAAAA,QAAAA,EAAAA;;0BACdI,GAAA,CAACE,SAAAA,EAAAA;gBAAU3B,QAAAA,EAAUA,QAAAA;AAAUC,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;gBAAI2B,IAAAA,EAAK;;AACxD,0BAAAH,GAAA,CAACF,MAAMM,KAAK,EAAA,EAAA;;;AAGlB;;;;"}

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

@@ -0,0 +1,48 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var getRelationType = require('../../utils/getRelationType.js');
+var RelationField = require('./RelationField/RelationField.js');
+var RelationNaturePicker = require('./RelationNaturePicker/RelationNaturePicker.js');
+
+const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, onChange, targetUid })=>{
+    const relationType = getRelationType.getRelationType(modifiedData.relation, modifiedData.targetAttribute);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        style: {
+            position: 'relative'
+        },
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(RelationField.RelationFormBox, {
+                isMain: true,
+                header: mainBoxHeader,
+                error: formErrors?.name?.id ?? null,
+                name: "name",
+                onChange: onChange,
+                value: modifiedData?.name || ''
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(RelationNaturePicker.RelationNaturePicker, {
+                naturePickerType: naturePickerType,
+                oneThatIsCreatingARelationWithAnother: mainBoxHeader,
+                relationType: relationType,
+                target: modifiedData.target ?? '',
+                targetUid: targetUid
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(RelationField.RelationFormBox, {
+                disabled: [
+                    'oneWay',
+                    'manyWay'
+                ].includes(relationType),
+                error: formErrors?.targetAttribute?.id ?? null,
+                name: "targetAttribute",
+                onChange: onChange,
+                oneThatIsCreatingARelationWithAnother: mainBoxHeader,
+                target: modifiedData.target,
+                value: modifiedData?.targetAttribute || ''
+            })
+        ]
+    });
+};
+
+exports.Relation = Relation;
+//# sourceMappingURL=Relation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Relation.js","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\r\n\r\nimport { getRelationType } from '../../utils/getRelationType';\r\n\r\nimport { RelationFormBox } from './RelationField/RelationField';\r\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\r\n\r\nimport type { FormChangeHandler } from '../../types';\r\nimport type { Internal, Schema } from '@strapi/types';\r\n\r\ninterface RelationProps {\r\n  formErrors: Record<string, { id?: string } | undefined>;\r\n  mainBoxHeader: string;\r\n  modifiedData: {\r\n    name?: string;\r\n    relation?: Schema.Attribute.RelationKind.Any;\r\n    target?: string;\r\n    targetAttribute?: string | null;\r\n  };\r\n  onChange: FormChangeHandler;\r\n  naturePickerType: string;\r\n  targetUid: string;\r\n}\r\n\r\nexport const Relation = ({\r\n  formErrors,\r\n  mainBoxHeader,\r\n  modifiedData,\r\n  naturePickerType,\r\n  onChange,\r\n  targetUid,\r\n}: RelationProps) => {\r\n  const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\r\n\r\n  return (\r\n    <Flex style={{ position: 'relative' }}>\r\n      <RelationFormBox\r\n        isMain\r\n        header={mainBoxHeader}\r\n        error={formErrors?.name?.id ?? null}\r\n        name=\"name\"\r\n        onChange={onChange}\r\n        value={modifiedData?.name || ''}\r\n      />\r\n      <RelationNaturePicker\r\n        naturePickerType={naturePickerType}\r\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\r\n        relationType={relationType!}\r\n        target={modifiedData.target ?? ''}\r\n        targetUid={targetUid}\r\n      />\r\n      <RelationFormBox\r\n        disabled={['oneWay', 'manyWay'].includes(relationType!)}\r\n        error={formErrors?.targetAttribute?.id ?? null}\r\n        name=\"targetAttribute\"\r\n        onChange={onChange}\r\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\r\n        target={modifiedData.target as Internal.UID.ContentType | undefined}\r\n        value={modifiedData?.targetAttribute || ''}\r\n      />\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","id","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;;;AAwBO,MAAMA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,+BAAAA,CAAgBL,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,eAAA,CAACC,iBAAAA,EAAAA;QAAKC,KAAAA,EAAO;YAAEC,QAAAA,EAAU;AAAW,SAAA;;0BAClCC,cAAA,CAACC,6BAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAAA,EAAQhB,aAAAA;gBACRiB,KAAAA,EAAOlB,UAAAA,EAAYmB,MAAMC,EAAAA,IAAM,IAAA;gBAC/BD,IAAAA,EAAK,MAAA;gBACLf,QAAAA,EAAUA,QAAAA;AACViB,gBAAAA,KAAAA,EAAOnB,cAAciB,IAAAA,IAAQ;;0BAE/BL,cAAA,CAACQ,yCAAAA,EAAAA;gBACCnB,gBAAAA,EAAkBA,gBAAAA;gBAClBoB,qCAAAA,EAAuCtB,aAAAA;gBACvCK,YAAAA,EAAcA,YAAAA;gBACdkB,MAAAA,EAAQtB,YAAAA,CAAasB,MAAM,IAAI,EAAA;gBAC/BnB,SAAAA,EAAWA;;0BAEbS,cAAA,CAACC,6BAAAA,EAAAA;gBACCU,QAAAA,EAAU;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACpB,YAAAA,CAAAA;gBACzCY,KAAAA,EAAOlB,UAAAA,EAAYS,iBAAiBW,EAAAA,IAAM,IAAA;gBAC1CD,IAAAA,EAAK,iBAAA;gBACLf,QAAAA,EAAUA,QAAAA;gBACVmB,qCAAAA,EAAuCtB,aAAAA;AACvCuB,gBAAAA,MAAAA,EAAQtB,aAAasB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOnB,cAAcO,eAAAA,IAAmB;;;;AAIhD;;;;"}

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

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex } from '@strapi/design-system';
+import { getRelationType } from '../../utils/getRelationType.mjs';
+import { RelationFormBox } from './RelationField/RelationField.mjs';
+import { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker.mjs';
+
+const Relation = ({ formErrors, mainBoxHeader, modifiedData, naturePickerType, onChange, targetUid })=>{
+    const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);
+    return /*#__PURE__*/ jsxs(Flex, {
+        style: {
+            position: 'relative'
+        },
+        children: [
+            /*#__PURE__*/ jsx(RelationFormBox, {
+                isMain: true,
+                header: mainBoxHeader,
+                error: formErrors?.name?.id ?? null,
+                name: "name",
+                onChange: onChange,
+                value: modifiedData?.name || ''
+            }),
+            /*#__PURE__*/ jsx(RelationNaturePicker, {
+                naturePickerType: naturePickerType,
+                oneThatIsCreatingARelationWithAnother: mainBoxHeader,
+                relationType: relationType,
+                target: modifiedData.target ?? '',
+                targetUid: targetUid
+            }),
+            /*#__PURE__*/ jsx(RelationFormBox, {
+                disabled: [
+                    'oneWay',
+                    'manyWay'
+                ].includes(relationType),
+                error: formErrors?.targetAttribute?.id ?? null,
+                name: "targetAttribute",
+                onChange: onChange,
+                oneThatIsCreatingARelationWithAnother: mainBoxHeader,
+                target: modifiedData.target,
+                value: modifiedData?.targetAttribute || ''
+            })
+        ]
+    });
+};
+
+export { Relation };
+//# sourceMappingURL=Relation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Relation.mjs","sources":["../../../../admin/src/components/Relation/Relation.tsx"],"sourcesContent":["import { Flex } from '@strapi/design-system';\r\n\r\nimport { getRelationType } from '../../utils/getRelationType';\r\n\r\nimport { RelationFormBox } from './RelationField/RelationField';\r\nimport { RelationNaturePicker } from './RelationNaturePicker/RelationNaturePicker';\r\n\r\nimport type { FormChangeHandler } from '../../types';\r\nimport type { Internal, Schema } from '@strapi/types';\r\n\r\ninterface RelationProps {\r\n  formErrors: Record<string, { id?: string } | undefined>;\r\n  mainBoxHeader: string;\r\n  modifiedData: {\r\n    name?: string;\r\n    relation?: Schema.Attribute.RelationKind.Any;\r\n    target?: string;\r\n    targetAttribute?: string | null;\r\n  };\r\n  onChange: FormChangeHandler;\r\n  naturePickerType: string;\r\n  targetUid: string;\r\n}\r\n\r\nexport const Relation = ({\r\n  formErrors,\r\n  mainBoxHeader,\r\n  modifiedData,\r\n  naturePickerType,\r\n  onChange,\r\n  targetUid,\r\n}: RelationProps) => {\r\n  const relationType = getRelationType(modifiedData.relation, modifiedData.targetAttribute);\r\n\r\n  return (\r\n    <Flex style={{ position: 'relative' }}>\r\n      <RelationFormBox\r\n        isMain\r\n        header={mainBoxHeader}\r\n        error={formErrors?.name?.id ?? null}\r\n        name=\"name\"\r\n        onChange={onChange}\r\n        value={modifiedData?.name || ''}\r\n      />\r\n      <RelationNaturePicker\r\n        naturePickerType={naturePickerType}\r\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\r\n        relationType={relationType!}\r\n        target={modifiedData.target ?? ''}\r\n        targetUid={targetUid}\r\n      />\r\n      <RelationFormBox\r\n        disabled={['oneWay', 'manyWay'].includes(relationType!)}\r\n        error={formErrors?.targetAttribute?.id ?? null}\r\n        name=\"targetAttribute\"\r\n        onChange={onChange}\r\n        oneThatIsCreatingARelationWithAnother={mainBoxHeader}\r\n        target={modifiedData.target as Internal.UID.ContentType | undefined}\r\n        value={modifiedData?.targetAttribute || ''}\r\n      />\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["Relation","formErrors","mainBoxHeader","modifiedData","naturePickerType","onChange","targetUid","relationType","getRelationType","relation","targetAttribute","_jsxs","Flex","style","position","_jsx","RelationFormBox","isMain","header","error","name","id","value","RelationNaturePicker","oneThatIsCreatingARelationWithAnother","target","disabled","includes"],"mappings":";;;;;;AAwBO,MAAMA,QAAAA,GAAW,CAAC,EACvBC,UAAU,EACVC,aAAa,EACbC,YAAY,EACZC,gBAAgB,EAChBC,QAAQ,EACRC,SAAS,EACK,GAAA;AACd,IAAA,MAAMC,eAAeC,eAAAA,CAAgBL,YAAAA,CAAaM,QAAQ,EAAEN,aAAaO,eAAe,CAAA;AAExF,IAAA,qBACEC,IAAA,CAACC,IAAAA,EAAAA;QAAKC,KAAAA,EAAO;YAAEC,QAAAA,EAAU;AAAW,SAAA;;0BAClCC,GAAA,CAACC,eAAAA,EAAAA;gBACCC,MAAM,EAAA,IAAA;gBACNC,MAAAA,EAAQhB,aAAAA;gBACRiB,KAAAA,EAAOlB,UAAAA,EAAYmB,MAAMC,EAAAA,IAAM,IAAA;gBAC/BD,IAAAA,EAAK,MAAA;gBACLf,QAAAA,EAAUA,QAAAA;AACViB,gBAAAA,KAAAA,EAAOnB,cAAciB,IAAAA,IAAQ;;0BAE/BL,GAAA,CAACQ,oBAAAA,EAAAA;gBACCnB,gBAAAA,EAAkBA,gBAAAA;gBAClBoB,qCAAAA,EAAuCtB,aAAAA;gBACvCK,YAAAA,EAAcA,YAAAA;gBACdkB,MAAAA,EAAQtB,YAAAA,CAAasB,MAAM,IAAI,EAAA;gBAC/BnB,SAAAA,EAAWA;;0BAEbS,GAAA,CAACC,eAAAA,EAAAA;gBACCU,QAAAA,EAAU;AAAC,oBAAA,QAAA;AAAU,oBAAA;AAAU,iBAAA,CAACC,QAAQ,CAACpB,YAAAA,CAAAA;gBACzCY,KAAAA,EAAOlB,UAAAA,EAAYS,iBAAiBW,EAAAA,IAAM,IAAA;gBAC1CD,IAAAA,EAAK,iBAAA;gBACLf,QAAAA,EAAUA,QAAAA;gBACVmB,qCAAAA,EAAuCtB,aAAAA;AACvCuB,gBAAAA,MAAAA,EAAQtB,aAAasB,MAAM;AAC3BH,gBAAAA,KAAAA,EAAOnB,cAAcO,eAAAA,IAAmB;;;;AAIhD;;;;"}

package/dist/admin/components/Relation/RelationField/RelationField.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var getTrad = require('../../../utils/getTrad.js');
+var GenericInputs = require('../../GenericInputs.js');
+var RelationTargetPicker = require('./RelationTargetPicker/RelationTargetPicker.js');
+
+const RelationFormBox = ({ disabled = false, error, header, isMain = false, name, onChange, oneThatIsCreatingARelationWithAnother = '', target, value = '' })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+        background: "neutral100",
+        hasRadius: true,
+        borderColor: "neutral200",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                paddingTop: isMain ? 4 : 1,
+                paddingBottom: isMain ? 3 : 1,
+                justifyContent: "center",
+                children: isMain ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "pi",
+                    fontWeight: "bold",
+                    textColor: "neutral800",
+                    children: header
+                }) : /*#__PURE__*/ jsxRuntime.jsx(RelationTargetPicker.RelationTargetPicker, {
+                    target: target,
+                    oneThatIsCreatingARelationWithAnother: oneThatIsCreatingARelationWithAnother
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {
+                background: "neutral200"
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                padding: 4,
+                children: /*#__PURE__*/ jsxRuntime.jsx(GenericInputs.GenericInput, {
+                    disabled: disabled,
+                    error: error ?? undefined,
+                    intlLabel: {
+                        id: getTrad.getTrad('form.attribute.item.defineRelation.fieldName'),
+                        defaultMessage: 'Field name'
+                    },
+                    name: name,
+                    onChange: onChange,
+                    type: "text",
+                    value: value
+                })
+            })
+        ]
+    });
+};
+
+exports.RelationFormBox = RelationFormBox;
+//# sourceMappingURL=RelationField.js.map

package/dist/admin/components/Relation/RelationField/RelationField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationField.js","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\r\n\r\nimport { getTrad } from '../../../utils/getTrad';\r\nimport { GenericInput } from '../../GenericInputs';\r\n\r\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\r\n\r\nimport type { FormChangeHandler } from '../../../types';\r\nimport type { Internal } from '@strapi/types';\r\n\r\ninterface RelationFormBoxProps {\r\n  disabled?: boolean;\r\n  error?: string | null;\r\n  header?: string;\r\n  isMain?: boolean;\r\n  name: string;\r\n  onChange: FormChangeHandler;\r\n  oneThatIsCreatingARelationWithAnother?: string;\r\n  target?: Internal.UID.ContentType;\r\n  value?: string;\r\n}\r\n\r\nexport const RelationFormBox = ({\r\n  disabled = false,\r\n  error,\r\n  header,\r\n  isMain = false,\r\n  name,\r\n  onChange,\r\n  oneThatIsCreatingARelationWithAnother = '',\r\n  target,\r\n  value = '',\r\n}: RelationFormBoxProps) => {\r\n  return (\r\n    <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\r\n      <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\r\n        {isMain ? (\r\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\r\n            {header}\r\n          </Typography>\r\n        ) : (\r\n          <RelationTargetPicker\r\n            target={target!}\r\n            oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\r\n          />\r\n        )}\r\n      </Flex>\r\n      <Divider background=\"neutral200\" />\r\n      <Box padding={4}>\r\n        <GenericInput\r\n          disabled={disabled}\r\n          error={error ?? undefined}\r\n          intlLabel={{\r\n            id: getTrad('form.attribute.item.defineRelation.fieldName'),\r\n            defaultMessage: 'Field name',\r\n          }}\r\n          name={name}\r\n          onChange={onChange}\r\n          type=\"text\"\r\n          value={value}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","undefined","intlLabel","id","getTrad","defaultMessage","type"],"mappings":";;;;;;;;AAsBO,MAAMA,eAAAA,GAAkB,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAAA,GAAQ,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,eAAA,CAACC,gBAAAA,EAAAA;QAAIC,UAAAA,EAAW,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAAA,EAAY,YAAA;;0BACjDC,cAAA,CAACC,iBAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAA,GAAI,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAA,GAAI,CAAA;gBAAGe,cAAAA,EAAe,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,cAAA,CAACK,uBAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,UAAAA,EAAW,MAAA;oBAAOC,SAAAA,EAAU,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,cAAA,CAACS,yCAAAA,EAAAA;oBACChB,MAAAA,EAAQA,MAAAA;oBACRD,qCAAAA,EAAuCA;;;0BAI7CQ,cAAA,CAACU,oBAAAA,EAAAA;gBAAQb,UAAAA,EAAW;;0BACpBG,cAAA,CAACJ,gBAAAA,EAAAA;gBAAIe,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAX,cAAA,CAACY,0BAAAA,EAAAA;oBACC1B,QAAAA,EAAUA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,KAAAA,IAAS0B,SAAAA;oBAChBC,SAAAA,EAAW;AACTC,wBAAAA,EAAAA,EAAIC,eAAAA,CAAQ,8CAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;oBACA3B,IAAAA,EAAMA,IAAAA;oBACNC,QAAAA,EAAUA,QAAAA;oBACV2B,IAAAA,EAAK,MAAA;oBACLxB,KAAAA,EAAOA;;;;;AAKjB;;;;"}

package/dist/admin/components/Relation/RelationField/RelationField.mjs

@@ -0,0 +1,50 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box, Flex, Typography, Divider } from '@strapi/design-system';
+import { getTrad } from '../../../utils/getTrad.mjs';
+import { GenericInput as MemoizedGenericInput } from '../../GenericInputs.mjs';
+import { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker.mjs';
+
+const RelationFormBox = ({ disabled = false, error, header, isMain = false, name, onChange, oneThatIsCreatingARelationWithAnother = '', target, value = '' })=>{
+    return /*#__PURE__*/ jsxs(Box, {
+        background: "neutral100",
+        hasRadius: true,
+        borderColor: "neutral200",
+        children: [
+            /*#__PURE__*/ jsx(Flex, {
+                paddingTop: isMain ? 4 : 1,
+                paddingBottom: isMain ? 3 : 1,
+                justifyContent: "center",
+                children: isMain ? /*#__PURE__*/ jsx(Typography, {
+                    variant: "pi",
+                    fontWeight: "bold",
+                    textColor: "neutral800",
+                    children: header
+                }) : /*#__PURE__*/ jsx(RelationTargetPicker, {
+                    target: target,
+                    oneThatIsCreatingARelationWithAnother: oneThatIsCreatingARelationWithAnother
+                })
+            }),
+            /*#__PURE__*/ jsx(Divider, {
+                background: "neutral200"
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                padding: 4,
+                children: /*#__PURE__*/ jsx(MemoizedGenericInput, {
+                    disabled: disabled,
+                    error: error ?? undefined,
+                    intlLabel: {
+                        id: getTrad('form.attribute.item.defineRelation.fieldName'),
+                        defaultMessage: 'Field name'
+                    },
+                    name: name,
+                    onChange: onChange,
+                    type: "text",
+                    value: value
+                })
+            })
+        ]
+    });
+};
+
+export { RelationFormBox };
+//# sourceMappingURL=RelationField.mjs.map

package/dist/admin/components/Relation/RelationField/RelationField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationField.mjs","sources":["../../../../../admin/src/components/Relation/RelationField/RelationField.tsx"],"sourcesContent":["import { Box, Divider, Flex, Typography } from '@strapi/design-system';\r\n\r\nimport { getTrad } from '../../../utils/getTrad';\r\nimport { GenericInput } from '../../GenericInputs';\r\n\r\nimport { RelationTargetPicker } from './RelationTargetPicker/RelationTargetPicker';\r\n\r\nimport type { FormChangeHandler } from '../../../types';\r\nimport type { Internal } from '@strapi/types';\r\n\r\ninterface RelationFormBoxProps {\r\n  disabled?: boolean;\r\n  error?: string | null;\r\n  header?: string;\r\n  isMain?: boolean;\r\n  name: string;\r\n  onChange: FormChangeHandler;\r\n  oneThatIsCreatingARelationWithAnother?: string;\r\n  target?: Internal.UID.ContentType;\r\n  value?: string;\r\n}\r\n\r\nexport const RelationFormBox = ({\r\n  disabled = false,\r\n  error,\r\n  header,\r\n  isMain = false,\r\n  name,\r\n  onChange,\r\n  oneThatIsCreatingARelationWithAnother = '',\r\n  target,\r\n  value = '',\r\n}: RelationFormBoxProps) => {\r\n  return (\r\n    <Box background=\"neutral100\" hasRadius borderColor=\"neutral200\">\r\n      <Flex paddingTop={isMain ? 4 : 1} paddingBottom={isMain ? 3 : 1} justifyContent=\"center\">\r\n        {isMain ? (\r\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\r\n            {header}\r\n          </Typography>\r\n        ) : (\r\n          <RelationTargetPicker\r\n            target={target!}\r\n            oneThatIsCreatingARelationWithAnother={oneThatIsCreatingARelationWithAnother}\r\n          />\r\n        )}\r\n      </Flex>\r\n      <Divider background=\"neutral200\" />\r\n      <Box padding={4}>\r\n        <GenericInput\r\n          disabled={disabled}\r\n          error={error ?? undefined}\r\n          intlLabel={{\r\n            id: getTrad('form.attribute.item.defineRelation.fieldName'),\r\n            defaultMessage: 'Field name',\r\n          }}\r\n          name={name}\r\n          onChange={onChange}\r\n          type=\"text\"\r\n          value={value}\r\n        />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["RelationFormBox","disabled","error","header","isMain","name","onChange","oneThatIsCreatingARelationWithAnother","target","value","_jsxs","Box","background","hasRadius","borderColor","_jsx","Flex","paddingTop","paddingBottom","justifyContent","Typography","variant","fontWeight","textColor","RelationTargetPicker","Divider","padding","GenericInput","undefined","intlLabel","id","getTrad","defaultMessage","type"],"mappings":";;;;;;AAsBO,MAAMA,eAAAA,GAAkB,CAAC,EAC9BC,QAAAA,GAAW,KAAK,EAChBC,KAAK,EACLC,MAAM,EACNC,MAAAA,GAAS,KAAK,EACdC,IAAI,EACJC,QAAQ,EACRC,qCAAAA,GAAwC,EAAE,EAC1CC,MAAM,EACNC,KAAAA,GAAQ,EAAE,EACW,GAAA;AACrB,IAAA,qBACEC,IAAA,CAACC,GAAAA,EAAAA;QAAIC,UAAAA,EAAW,YAAA;QAAaC,SAAS,EAAA,IAAA;QAACC,WAAAA,EAAY,YAAA;;0BACjDC,GAAA,CAACC,IAAAA,EAAAA;AAAKC,gBAAAA,UAAAA,EAAYb,SAAS,CAAA,GAAI,CAAA;AAAGc,gBAAAA,aAAAA,EAAed,SAAS,CAAA,GAAI,CAAA;gBAAGe,cAAAA,EAAe,QAAA;AAC7Ef,gBAAAA,QAAAA,EAAAA,MAAAA,iBACCW,GAAA,CAACK,UAAAA,EAAAA;oBAAWC,OAAAA,EAAQ,IAAA;oBAAKC,UAAAA,EAAW,MAAA;oBAAOC,SAAAA,EAAU,YAAA;AAClDpB,oBAAAA,QAAAA,EAAAA;mCAGHY,GAAA,CAACS,oBAAAA,EAAAA;oBACChB,MAAAA,EAAQA,MAAAA;oBACRD,qCAAAA,EAAuCA;;;0BAI7CQ,GAAA,CAACU,OAAAA,EAAAA;gBAAQb,UAAAA,EAAW;;0BACpBG,GAAA,CAACJ,GAAAA,EAAAA;gBAAIe,OAAAA,EAAS,CAAA;AACZ,gBAAA,QAAA,gBAAAX,GAAA,CAACY,oBAAAA,EAAAA;oBACC1B,QAAAA,EAAUA,QAAAA;AACVC,oBAAAA,KAAAA,EAAOA,KAAAA,IAAS0B,SAAAA;oBAChBC,SAAAA,EAAW;AACTC,wBAAAA,EAAAA,EAAIC,OAAAA,CAAQ,8CAAA,CAAA;wBACZC,cAAAA,EAAgB;AAClB,qBAAA;oBACA3B,IAAAA,EAAMA,IAAAA;oBACNC,QAAAA,EAAUA,QAAAA;oBACV2B,IAAAA,EAAK,MAAA;oBACLxB,KAAAA,EAAOA;;;;;AAKjB;;;;"}

package/dist/admin/components/Relation/RelationField/RelationTargetPicker/RelationTargetPicker.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactRedux = require('react-redux');
+var styledComponents = require('styled-components');
+var isAllowedContentTypesForRelations = require('../../../../utils/isAllowedContentTypesForRelations.js');
+var useDataManager = require('../../../DataManager/useDataManager.js');
+var reducer = require('../../../FormModal/reducer.js');
+
+const RelationTargetPicker = ({ oneThatIsCreatingARelationWithAnother, target })=>{
+    const { contentTypes, sortedContentTypesList } = useDataManager.useDataManager();
+    const dispatch = reactRedux.useDispatch();
+    // TODO: replace with an obj { relation: 'x', bidirctional: true|false }
+    const allowedContentTypesForRelation = sortedContentTypesList.filter(isAllowedContentTypesForRelations.isAllowedContentTypesForRelations);
+    const type = contentTypes[target];
+    if (!type) {
+        return null;
+    }
+    const handleSelect = ({ uid, plugin, title, restrictRelationsTo })=>()=>{
+            const selectedContentTypeFriendlyName = plugin ? `${plugin}_${title}` : title;
+            dispatch(reducer.actions.onChangeRelationTarget({
+                target: {
+                    value: uid,
+                    oneThatIsCreatingARelationWithAnother,
+                    selectedContentTypeFriendlyName,
+                    targetContentTypeAllowedRelations: restrictRelationsTo
+                }
+            }));
+        };
+    /**
+   * TODO: This should be a Select but the design doesn't match the
+   * styles of the select component and there isn't the ability to
+   * change it correctly.
+   */ return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(MenuTrigger, {
+                children: `${type.info.displayName} ${type.plugin ? `(from: ${type.plugin})` : ''}`
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Menu.Content, {
+                zIndex: "popover",
+                children: allowedContentTypesForRelation.map(({ uid, title, restrictRelationsTo, plugin })=>/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Menu.Item, {
+                        onSelect: handleSelect({
+                            uid,
+                            plugin,
+                            title,
+                            restrictRelationsTo
+                        }),
+                        children: [
+                            title,
+                            " ",
+                            plugin && /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+                                children: [
+                                    "(from: ",
+                                    plugin,
+                                    ")"
+                                ]
+                            })
+                        ]
+                    }, uid))
+            })
+        ]
+    });
+};
+const MenuTrigger = styledComponents.styled(designSystem.Menu.Trigger)`
+  max-width: 16.8rem;
+  span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+
+exports.RelationTargetPicker = RelationTargetPicker;
+//# sourceMappingURL=RelationTargetPicker.js.map

package/dist/admin/components/Relation/RelationField/RelationTargetPicker/RelationTargetPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationTargetPicker.js","sources":["../../../../../../admin/src/components/Relation/RelationField/RelationTargetPicker/RelationTargetPicker.tsx"],"sourcesContent":["import { Menu } from '@strapi/design-system';\r\nimport { useDispatch } from 'react-redux';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { isAllowedContentTypesForRelations } from '../../../../utils';\r\nimport { useDataManager } from '../../../DataManager/useDataManager';\r\nimport { actions } from '../../../FormModal/reducer';\r\n\r\nimport type { Internal, Schema } from '@strapi/types';\r\ninterface RelationTargetPickerProps {\r\n  oneThatIsCreatingARelationWithAnother: string;\r\n  target: Internal.UID.ContentType;\r\n}\r\n\r\ntype SelectOpts = {\r\n  uid: string;\r\n  plugin?: string;\r\n  title: string;\r\n  restrictRelationsTo: Schema.Attribute.RelationKind.Any[] | null;\r\n};\r\n\r\nexport const RelationTargetPicker = ({\r\n  oneThatIsCreatingARelationWithAnother,\r\n  target,\r\n}: RelationTargetPickerProps) => {\r\n  const { contentTypes, sortedContentTypesList } = useDataManager();\r\n  const dispatch = useDispatch();\r\n  // TODO: replace with an obj { relation: 'x', bidirctional: true|false }\r\n  const allowedContentTypesForRelation = sortedContentTypesList.filter(\r\n    isAllowedContentTypesForRelations\r\n  );\r\n\r\n  const type = contentTypes[target];\r\n\r\n  if (!type) {\r\n    return null;\r\n  }\r\n\r\n  const handleSelect =\r\n    ({ uid, plugin, title, restrictRelationsTo }: SelectOpts) =>\r\n    () => {\r\n      const selectedContentTypeFriendlyName = plugin ? `${plugin}_${title}` : title;\r\n\r\n      dispatch(\r\n        actions.onChangeRelationTarget({\r\n          target: {\r\n            value: uid,\r\n            oneThatIsCreatingARelationWithAnother,\r\n            selectedContentTypeFriendlyName,\r\n            targetContentTypeAllowedRelations: restrictRelationsTo,\r\n          },\r\n        })\r\n      );\r\n    };\r\n\r\n  /**\r\n   * TODO: This should be a Select but the design doesn't match the\r\n   * styles of the select component and there isn't the ability to\r\n   * change it correctly.\r\n   */\r\n  return (\r\n    <Menu.Root>\r\n      <MenuTrigger>{`${type.info.displayName} ${type.plugin ? `(from: ${type.plugin})` : ''}`}</MenuTrigger>\r\n      <Menu.Content zIndex=\"popover\">\r\n        {allowedContentTypesForRelation.map(({ uid, title, restrictRelationsTo, plugin }) => (\r\n          <Menu.Item key={uid} onSelect={handleSelect({ uid, plugin, title, restrictRelationsTo })}>\r\n            {title}&nbsp;\r\n            {plugin && <>(from: {plugin})</>}\r\n          </Menu.Item>\r\n        ))}\r\n      </Menu.Content>\r\n    </Menu.Root>\r\n  );\r\n};\r\n\r\nconst MenuTrigger = styled(Menu.Trigger)`\r\n  max-width: 16.8rem;\r\n  span {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n`;\r\n"],"names":["RelationTargetPicker","oneThatIsCreatingARelationWithAnother","target","contentTypes","sortedContentTypesList","useDataManager","dispatch","useDispatch","allowedContentTypesForRelation","filter","isAllowedContentTypesForRelations","type","handleSelect","uid","plugin","title","restrictRelationsTo","selectedContentTypeFriendlyName","actions","onChangeRelationTarget","value","targetContentTypeAllowedRelations","_jsxs","Menu","Root","_jsx","MenuTrigger","info","displayName","Content","zIndex","map","Item","onSelect","_Fragment","styled","Trigger"],"mappings":";;;;;;;;;;MAqBaA,oBAAAA,GAAuB,CAAC,EACnCC,qCAAqC,EACrCC,MAAM,EACoB,GAAA;AAC1B,IAAA,MAAM,EAAEC,YAAY,EAAEC,sBAAsB,EAAE,GAAGC,6BAAAA,EAAAA;AACjD,IAAA,MAAMC,QAAAA,GAAWC,sBAAAA,EAAAA;;IAEjB,MAAMC,8BAAAA,GAAiCJ,sBAAAA,CAAuBK,MAAM,CAClEC,mEAAAA,CAAAA;IAGF,MAAMC,IAAAA,GAAOR,YAAY,CAACD,MAAAA,CAAO;AAEjC,IAAA,IAAI,CAACS,IAAAA,EAAM;QACT,OAAO,IAAA;AACT,IAAA;IAEA,MAAMC,YAAAA,GACJ,CAAC,EAAEC,GAAG,EAAEC,MAAM,EAAEC,KAAK,EAAEC,mBAAmB,EAAc,GACxD,IAAA;AACE,YAAA,MAAMC,kCAAkCH,MAAAA,GAAS,CAAA,EAAGA,OAAO,CAAC,EAAEC,OAAO,GAAGA,KAAAA;YAExET,QAAAA,CACEY,eAAAA,CAAQC,sBAAsB,CAAC;gBAC7BjB,MAAAA,EAAQ;oBACNkB,KAAAA,EAAOP,GAAAA;AACPZ,oBAAAA,qCAAAA;AACAgB,oBAAAA,+BAAAA;oBACAI,iCAAAA,EAAmCL;AACrC;AACF,aAAA,CAAA,CAAA;AAEJ,QAAA,CAAA;AAEF;;;;MAKA,qBACEM,eAAA,CAACC,iBAAAA,CAAKC,IAAI,EAAA;;0BACRC,cAAA,CAACC,WAAAA,EAAAA;AAAa,gBAAA,QAAA,EAAA,CAAA,EAAGf,KAAKgB,IAAI,CAACC,WAAW,CAAC,CAAC,EAAEjB,IAAAA,CAAKG,MAAM,GAAG,CAAC,OAAO,EAAEH,IAAAA,CAAKG,MAAM,CAAC,CAAC,CAAC,GAAG,EAAA,CAAA;;AACnF,0BAAAW,cAAA,CAACF,kBAAKM,OAAO,EAAA;gBAACC,MAAAA,EAAO,SAAA;AAClBtB,gBAAAA,QAAAA,EAAAA,8BAAAA,CAA+BuB,GAAG,CAAC,CAAC,EAAElB,GAAG,EAAEE,KAAK,EAAEC,mBAAmB,EAAEF,MAAM,EAAE,iBAC9EQ,eAAA,CAACC,kBAAKS,IAAI,EAAA;AAAWC,wBAAAA,QAAAA,EAAUrB,YAAAA,CAAa;AAAEC,4BAAAA,GAAAA;AAAKC,4BAAAA,MAAAA;AAAQC,4BAAAA,KAAAA;AAAOC,4BAAAA;AAAoB,yBAAA,CAAA;;AACnFD,4BAAAA,KAAAA;AAAM,4BAAA,GAAA;4BACND,MAAAA,kBAAUQ,eAAA,CAAAY,mBAAA,EAAA;;AAAE,oCAAA,SAAA;AAAQpB,oCAAAA,MAAAA;AAAO,oCAAA;;;;AAFdD,qBAAAA,EAAAA,GAAAA,CAAAA;;;;AAQ1B;AAEA,MAAMa,WAAAA,GAAcS,uBAAAA,CAAOZ,iBAAAA,CAAKa,OAAO,CAAC,CAAC;;;;;;;AAOzC,CAAC;;;;"}

package/dist/admin/components/Relation/RelationField/RelationTargetPicker/RelationTargetPicker.mjs

@@ -0,0 +1,73 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Menu } from '@strapi/design-system';
+import { useDispatch } from 'react-redux';
+import { styled } from 'styled-components';
+import { isAllowedContentTypesForRelations } from '../../../../utils/isAllowedContentTypesForRelations.mjs';
+import { useDataManager } from '../../../DataManager/useDataManager.mjs';
+import { actions } from '../../../FormModal/reducer.mjs';
+
+const RelationTargetPicker = ({ oneThatIsCreatingARelationWithAnother, target })=>{
+    const { contentTypes, sortedContentTypesList } = useDataManager();
+    const dispatch = useDispatch();
+    // TODO: replace with an obj { relation: 'x', bidirctional: true|false }
+    const allowedContentTypesForRelation = sortedContentTypesList.filter(isAllowedContentTypesForRelations);
+    const type = contentTypes[target];
+    if (!type) {
+        return null;
+    }
+    const handleSelect = ({ uid, plugin, title, restrictRelationsTo })=>()=>{
+            const selectedContentTypeFriendlyName = plugin ? `${plugin}_${title}` : title;
+            dispatch(actions.onChangeRelationTarget({
+                target: {
+                    value: uid,
+                    oneThatIsCreatingARelationWithAnother,
+                    selectedContentTypeFriendlyName,
+                    targetContentTypeAllowedRelations: restrictRelationsTo
+                }
+            }));
+        };
+    /**
+   * TODO: This should be a Select but the design doesn't match the
+   * styles of the select component and there isn't the ability to
+   * change it correctly.
+   */ return /*#__PURE__*/ jsxs(Menu.Root, {
+        children: [
+            /*#__PURE__*/ jsx(MenuTrigger, {
+                children: `${type.info.displayName} ${type.plugin ? `(from: ${type.plugin})` : ''}`
+            }),
+            /*#__PURE__*/ jsx(Menu.Content, {
+                zIndex: "popover",
+                children: allowedContentTypesForRelation.map(({ uid, title, restrictRelationsTo, plugin })=>/*#__PURE__*/ jsxs(Menu.Item, {
+                        onSelect: handleSelect({
+                            uid,
+                            plugin,
+                            title,
+                            restrictRelationsTo
+                        }),
+                        children: [
+                            title,
+                            " ",
+                            plugin && /*#__PURE__*/ jsxs(Fragment, {
+                                children: [
+                                    "(from: ",
+                                    plugin,
+                                    ")"
+                                ]
+                            })
+                        ]
+                    }, uid))
+            })
+        ]
+    });
+};
+const MenuTrigger = styled(Menu.Trigger)`
+  max-width: 16.8rem;
+  span {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+`;
+
+export { RelationTargetPicker };
+//# sourceMappingURL=RelationTargetPicker.mjs.map

package/dist/admin/components/Relation/RelationField/RelationTargetPicker/RelationTargetPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationTargetPicker.mjs","sources":["../../../../../../admin/src/components/Relation/RelationField/RelationTargetPicker/RelationTargetPicker.tsx"],"sourcesContent":["import { Menu } from '@strapi/design-system';\r\nimport { useDispatch } from 'react-redux';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { isAllowedContentTypesForRelations } from '../../../../utils';\r\nimport { useDataManager } from '../../../DataManager/useDataManager';\r\nimport { actions } from '../../../FormModal/reducer';\r\n\r\nimport type { Internal, Schema } from '@strapi/types';\r\ninterface RelationTargetPickerProps {\r\n  oneThatIsCreatingARelationWithAnother: string;\r\n  target: Internal.UID.ContentType;\r\n}\r\n\r\ntype SelectOpts = {\r\n  uid: string;\r\n  plugin?: string;\r\n  title: string;\r\n  restrictRelationsTo: Schema.Attribute.RelationKind.Any[] | null;\r\n};\r\n\r\nexport const RelationTargetPicker = ({\r\n  oneThatIsCreatingARelationWithAnother,\r\n  target,\r\n}: RelationTargetPickerProps) => {\r\n  const { contentTypes, sortedContentTypesList } = useDataManager();\r\n  const dispatch = useDispatch();\r\n  // TODO: replace with an obj { relation: 'x', bidirctional: true|false }\r\n  const allowedContentTypesForRelation = sortedContentTypesList.filter(\r\n    isAllowedContentTypesForRelations\r\n  );\r\n\r\n  const type = contentTypes[target];\r\n\r\n  if (!type) {\r\n    return null;\r\n  }\r\n\r\n  const handleSelect =\r\n    ({ uid, plugin, title, restrictRelationsTo }: SelectOpts) =>\r\n    () => {\r\n      const selectedContentTypeFriendlyName = plugin ? `${plugin}_${title}` : title;\r\n\r\n      dispatch(\r\n        actions.onChangeRelationTarget({\r\n          target: {\r\n            value: uid,\r\n            oneThatIsCreatingARelationWithAnother,\r\n            selectedContentTypeFriendlyName,\r\n            targetContentTypeAllowedRelations: restrictRelationsTo,\r\n          },\r\n        })\r\n      );\r\n    };\r\n\r\n  /**\r\n   * TODO: This should be a Select but the design doesn't match the\r\n   * styles of the select component and there isn't the ability to\r\n   * change it correctly.\r\n   */\r\n  return (\r\n    <Menu.Root>\r\n      <MenuTrigger>{`${type.info.displayName} ${type.plugin ? `(from: ${type.plugin})` : ''}`}</MenuTrigger>\r\n      <Menu.Content zIndex=\"popover\">\r\n        {allowedContentTypesForRelation.map(({ uid, title, restrictRelationsTo, plugin }) => (\r\n          <Menu.Item key={uid} onSelect={handleSelect({ uid, plugin, title, restrictRelationsTo })}>\r\n            {title}&nbsp;\r\n            {plugin && <>(from: {plugin})</>}\r\n          </Menu.Item>\r\n        ))}\r\n      </Menu.Content>\r\n    </Menu.Root>\r\n  );\r\n};\r\n\r\nconst MenuTrigger = styled(Menu.Trigger)`\r\n  max-width: 16.8rem;\r\n  span {\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n`;\r\n"],"names":["RelationTargetPicker","oneThatIsCreatingARelationWithAnother","target","contentTypes","sortedContentTypesList","useDataManager","dispatch","useDispatch","allowedContentTypesForRelation","filter","isAllowedContentTypesForRelations","type","handleSelect","uid","plugin","title","restrictRelationsTo","selectedContentTypeFriendlyName","actions","onChangeRelationTarget","value","targetContentTypeAllowedRelations","_jsxs","Menu","Root","_jsx","MenuTrigger","info","displayName","Content","zIndex","map","Item","onSelect","_Fragment","styled","Trigger"],"mappings":";;;;;;;;MAqBaA,oBAAAA,GAAuB,CAAC,EACnCC,qCAAqC,EACrCC,MAAM,EACoB,GAAA;AAC1B,IAAA,MAAM,EAAEC,YAAY,EAAEC,sBAAsB,EAAE,GAAGC,cAAAA,EAAAA;AACjD,IAAA,MAAMC,QAAAA,GAAWC,WAAAA,EAAAA;;IAEjB,MAAMC,8BAAAA,GAAiCJ,sBAAAA,CAAuBK,MAAM,CAClEC,iCAAAA,CAAAA;IAGF,MAAMC,IAAAA,GAAOR,YAAY,CAACD,MAAAA,CAAO;AAEjC,IAAA,IAAI,CAACS,IAAAA,EAAM;QACT,OAAO,IAAA;AACT,IAAA;IAEA,MAAMC,YAAAA,GACJ,CAAC,EAAEC,GAAG,EAAEC,MAAM,EAAEC,KAAK,EAAEC,mBAAmB,EAAc,GACxD,IAAA;AACE,YAAA,MAAMC,kCAAkCH,MAAAA,GAAS,CAAA,EAAGA,OAAO,CAAC,EAAEC,OAAO,GAAGA,KAAAA;YAExET,QAAAA,CACEY,OAAAA,CAAQC,sBAAsB,CAAC;gBAC7BjB,MAAAA,EAAQ;oBACNkB,KAAAA,EAAOP,GAAAA;AACPZ,oBAAAA,qCAAAA;AACAgB,oBAAAA,+BAAAA;oBACAI,iCAAAA,EAAmCL;AACrC;AACF,aAAA,CAAA,CAAA;AAEJ,QAAA,CAAA;AAEF;;;;MAKA,qBACEM,IAAA,CAACC,IAAAA,CAAKC,IAAI,EAAA;;0BACRC,GAAA,CAACC,WAAAA,EAAAA;AAAa,gBAAA,QAAA,EAAA,CAAA,EAAGf,KAAKgB,IAAI,CAACC,WAAW,CAAC,CAAC,EAAEjB,IAAAA,CAAKG,MAAM,GAAG,CAAC,OAAO,EAAEH,IAAAA,CAAKG,MAAM,CAAC,CAAC,CAAC,GAAG,EAAA,CAAA;;AACnF,0BAAAW,GAAA,CAACF,KAAKM,OAAO,EAAA;gBAACC,MAAAA,EAAO,SAAA;AAClBtB,gBAAAA,QAAAA,EAAAA,8BAAAA,CAA+BuB,GAAG,CAAC,CAAC,EAAElB,GAAG,EAAEE,KAAK,EAAEC,mBAAmB,EAAEF,MAAM,EAAE,iBAC9EQ,IAAA,CAACC,KAAKS,IAAI,EAAA;AAAWC,wBAAAA,QAAAA,EAAUrB,YAAAA,CAAa;AAAEC,4BAAAA,GAAAA;AAAKC,4BAAAA,MAAAA;AAAQC,4BAAAA,KAAAA;AAAOC,4BAAAA;AAAoB,yBAAA,CAAA;;AACnFD,4BAAAA,KAAAA;AAAM,4BAAA,GAAA;4BACND,MAAAA,kBAAUQ,IAAA,CAAAY,QAAA,EAAA;;AAAE,oCAAA,SAAA;AAAQpB,oCAAAA,MAAAA;AAAO,oCAAA;;;;AAFdD,qBAAAA,EAAAA,GAAAA,CAAAA;;;;AAQ1B;AAEA,MAAMa,WAAAA,GAAcS,MAAAA,CAAOZ,IAAAA,CAAKa,OAAO,CAAC,CAAC;;;;;;;AAOzC,CAAC;;;;"}