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

package/dist/admin/components/SelectComponent.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var constants = require('../constants.js');
+var getMaxDepth = require('../utils/getMaxDepth.js');
+var useDataManager = require('./DataManager/useDataManager.js');
+
+const SelectComponent = ({ error = null, intlLabel, isAddingAComponentToAnotherComponent, isCreating, isCreatingComponentWhileAddingAField, componentToCreate, name, onChange, targetUid, forTarget, value })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const label = formatMessage(intlLabel);
+    const { componentsGroupedByCategory, componentsThatHaveOtherComponentInTheirAttributes, nestedComponents } = useDataManager.useDataManager();
+    const isTargetAComponent = forTarget === 'component';
+    let options = Object.entries(componentsGroupedByCategory).reduce((acc, current)=>{
+        const [categoryName, components] = current;
+        const compos = components.map((component)=>{
+            return {
+                uid: component.uid,
+                label: component.info.displayName,
+                categoryName
+            };
+        });
+        return [
+            ...acc,
+            ...compos
+        ];
+    }, []);
+    if (isAddingAComponentToAnotherComponent) {
+        options = options.filter(({ uid })=>{
+            const maxDepth = getMaxDepth.getChildrenMaxDepth(uid, componentsThatHaveOtherComponentInTheirAttributes);
+            const componentDepth = getMaxDepth.getComponentDepth(targetUid, nestedComponents);
+            const totalDepth = maxDepth + componentDepth;
+            return totalDepth <= constants.MAX_COMPONENT_DEPTH;
+        });
+    }
+    if (isTargetAComponent) {
+        options = options.filter((option)=>{
+            return option.uid !== targetUid;
+        });
+    }
+    if (isCreatingComponentWhileAddingAField) {
+        options = [
+            {
+                uid: value,
+                label: componentToCreate?.displayName,
+                categoryName: componentToCreate?.category
+            }
+        ];
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                disabled: isCreatingComponentWhileAddingAField || !isCreating,
+                onChange: (value)=>{
+                    onChange({
+                        target: {
+                            name,
+                            value: value.toString(),
+                            type: 'select-category'
+                        }
+                    });
+                },
+                value: value || '',
+                children: options.map((option)=>{
+                    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                        value: option.uid,
+                        children: `${option.categoryName} - ${option.label}`
+                    }, option.uid);
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+    });
+};
+
+exports.SelectComponent = SelectComponent;
+//# sourceMappingURL=SelectComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectComponent.js","sources":["../../../admin/src/components/SelectComponent.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { MAX_COMPONENT_DEPTH } from '../constants';\r\nimport { getChildrenMaxDepth, getComponentDepth } from '../utils/getMaxDepth';\r\n\r\nimport { useDataManager } from './DataManager/useDataManager';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\nimport type { Internal } from '@strapi/types';\r\ninterface Option {\r\n  uid: Internal.UID.Component;\r\n  label?: string;\r\n  categoryName?: string;\r\n}\r\n\r\ntype ComponentToCreate = {\r\n  displayName?: string;\r\n  category?: string;\r\n};\r\n\r\ninterface SelectComponentProps {\r\n  componentToCreate?: ComponentToCreate | null;\r\n  error?: string | null;\r\n  intlLabel: IntlLabel;\r\n  isAddingAComponentToAnotherComponent: boolean;\r\n  isCreating: boolean;\r\n  isCreatingComponentWhileAddingAField: boolean;\r\n  name: string;\r\n  onChange: FormChangeHandler<string, 'select-category'>;\r\n  targetUid: Internal.UID.Schema;\r\n  value: string;\r\n  forTarget: string;\r\n}\r\n\r\nexport const SelectComponent = ({\r\n  error = null,\r\n  intlLabel,\r\n  isAddingAComponentToAnotherComponent,\r\n  isCreating,\r\n  isCreatingComponentWhileAddingAField,\r\n  componentToCreate,\r\n  name,\r\n  onChange,\r\n  targetUid,\r\n  forTarget,\r\n  value,\r\n}: SelectComponentProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n  const label = formatMessage(intlLabel);\r\n\r\n  const {\r\n    componentsGroupedByCategory,\r\n    componentsThatHaveOtherComponentInTheirAttributes,\r\n    nestedComponents,\r\n  } = useDataManager();\r\n\r\n  const isTargetAComponent = forTarget === 'component';\r\n\r\n  let options: Option[] = Object.entries(componentsGroupedByCategory).reduce(\r\n    (acc: Option[], current) => {\r\n      const [categoryName, components] = current;\r\n      const compos = components.map((component) => {\r\n        return {\r\n          uid: component.uid,\r\n          label: component.info.displayName,\r\n          categoryName,\r\n        };\r\n      });\r\n\r\n      return [...acc, ...compos];\r\n    },\r\n    []\r\n  );\r\n\r\n  if (isAddingAComponentToAnotherComponent) {\r\n    options = options.filter(({ uid }) => {\r\n      const maxDepth = getChildrenMaxDepth(uid, componentsThatHaveOtherComponentInTheirAttributes);\r\n      const componentDepth = getComponentDepth(targetUid, nestedComponents);\r\n      const totalDepth = maxDepth + componentDepth;\r\n      return totalDepth <= MAX_COMPONENT_DEPTH;\r\n    });\r\n  }\r\n\r\n  if (isTargetAComponent) {\r\n    options = options.filter((option) => {\r\n      return option.uid !== targetUid;\r\n    });\r\n  }\r\n\r\n  if (isCreatingComponentWhileAddingAField) {\r\n    options = [\r\n      {\r\n        uid: value as Internal.UID.Component,\r\n        label: componentToCreate?.displayName,\r\n        categoryName: componentToCreate?.category,\r\n      },\r\n    ];\r\n  }\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <SingleSelect\r\n        disabled={isCreatingComponentWhileAddingAField || !isCreating}\r\n        onChange={(value: string | number) => {\r\n          onChange({ target: { name, value: value.toString(), type: 'select-category' } });\r\n        }}\r\n        value={value || ''}\r\n      >\r\n        {options.map((option) => {\r\n          return (\r\n            <SingleSelectOption key={option.uid} value={option.uid}>\r\n              {`${option.categoryName} - ${option.label}`}\r\n            </SingleSelectOption>\r\n          );\r\n        })}\r\n      </SingleSelect>\r\n      <Field.Error />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SelectComponent","error","intlLabel","isAddingAComponentToAnotherComponent","isCreating","isCreatingComponentWhileAddingAField","componentToCreate","name","onChange","targetUid","forTarget","value","formatMessage","useIntl","errorMessage","id","defaultMessage","label","componentsGroupedByCategory","componentsThatHaveOtherComponentInTheirAttributes","nestedComponents","useDataManager","isTargetAComponent","options","Object","entries","reduce","acc","current","categoryName","components","compos","map","component","uid","info","displayName","filter","maxDepth","getChildrenMaxDepth","componentDepth","getComponentDepth","totalDepth","MAX_COMPONENT_DEPTH","option","category","_jsxs","Field","Root","_jsx","Label","SingleSelect","disabled","target","toString","type","SingleSelectOption","Error"],"mappings":"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"}

package/dist/admin/components/SelectComponent.mjs

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { MAX_COMPONENT_DEPTH } from '../constants.mjs';
+import { getChildrenMaxDepth, getComponentDepth } from '../utils/getMaxDepth.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+
+const SelectComponent = ({ error = null, intlLabel, isAddingAComponentToAnotherComponent, isCreating, isCreatingComponentWhileAddingAField, componentToCreate, name, onChange, targetUid, forTarget, value })=>{
+    const { formatMessage } = useIntl();
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const label = formatMessage(intlLabel);
+    const { componentsGroupedByCategory, componentsThatHaveOtherComponentInTheirAttributes, nestedComponents } = useDataManager();
+    const isTargetAComponent = forTarget === 'component';
+    let options = Object.entries(componentsGroupedByCategory).reduce((acc, current)=>{
+        const [categoryName, components] = current;
+        const compos = components.map((component)=>{
+            return {
+                uid: component.uid,
+                label: component.info.displayName,
+                categoryName
+            };
+        });
+        return [
+            ...acc,
+            ...compos
+        ];
+    }, []);
+    if (isAddingAComponentToAnotherComponent) {
+        options = options.filter(({ uid })=>{
+            const maxDepth = getChildrenMaxDepth(uid, componentsThatHaveOtherComponentInTheirAttributes);
+            const componentDepth = getComponentDepth(targetUid, nestedComponents);
+            const totalDepth = maxDepth + componentDepth;
+            return totalDepth <= MAX_COMPONENT_DEPTH;
+        });
+    }
+    if (isTargetAComponent) {
+        options = options.filter((option)=>{
+            return option.uid !== targetUid;
+        });
+    }
+    if (isCreatingComponentWhileAddingAField) {
+        options = [
+            {
+                uid: value,
+                label: componentToCreate?.displayName,
+                categoryName: componentToCreate?.category
+            }
+        ];
+    }
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(SingleSelect, {
+                disabled: isCreatingComponentWhileAddingAField || !isCreating,
+                onChange: (value)=>{
+                    onChange({
+                        target: {
+                            name,
+                            value: value.toString(),
+                            type: 'select-category'
+                        }
+                    });
+                },
+                value: value || '',
+                children: options.map((option)=>{
+                    return /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: option.uid,
+                        children: `${option.categoryName} - ${option.label}`
+                    }, option.uid);
+                })
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {})
+        ]
+    });
+};
+
+export { SelectComponent };
+//# sourceMappingURL=SelectComponent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectComponent.mjs","sources":["../../../admin/src/components/SelectComponent.tsx"],"sourcesContent":["import { SingleSelectOption, SingleSelect, Field } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { MAX_COMPONENT_DEPTH } from '../constants';\r\nimport { getChildrenMaxDepth, getComponentDepth } from '../utils/getMaxDepth';\r\n\r\nimport { useDataManager } from './DataManager/useDataManager';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\nimport type { Internal } from '@strapi/types';\r\ninterface Option {\r\n  uid: Internal.UID.Component;\r\n  label?: string;\r\n  categoryName?: string;\r\n}\r\n\r\ntype ComponentToCreate = {\r\n  displayName?: string;\r\n  category?: string;\r\n};\r\n\r\ninterface SelectComponentProps {\r\n  componentToCreate?: ComponentToCreate | null;\r\n  error?: string | null;\r\n  intlLabel: IntlLabel;\r\n  isAddingAComponentToAnotherComponent: boolean;\r\n  isCreating: boolean;\r\n  isCreatingComponentWhileAddingAField: boolean;\r\n  name: string;\r\n  onChange: FormChangeHandler<string, 'select-category'>;\r\n  targetUid: Internal.UID.Schema;\r\n  value: string;\r\n  forTarget: string;\r\n}\r\n\r\nexport const SelectComponent = ({\r\n  error = null,\r\n  intlLabel,\r\n  isAddingAComponentToAnotherComponent,\r\n  isCreating,\r\n  isCreatingComponentWhileAddingAField,\r\n  componentToCreate,\r\n  name,\r\n  onChange,\r\n  targetUid,\r\n  forTarget,\r\n  value,\r\n}: SelectComponentProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n  const label = formatMessage(intlLabel);\r\n\r\n  const {\r\n    componentsGroupedByCategory,\r\n    componentsThatHaveOtherComponentInTheirAttributes,\r\n    nestedComponents,\r\n  } = useDataManager();\r\n\r\n  const isTargetAComponent = forTarget === 'component';\r\n\r\n  let options: Option[] = Object.entries(componentsGroupedByCategory).reduce(\r\n    (acc: Option[], current) => {\r\n      const [categoryName, components] = current;\r\n      const compos = components.map((component) => {\r\n        return {\r\n          uid: component.uid,\r\n          label: component.info.displayName,\r\n          categoryName,\r\n        };\r\n      });\r\n\r\n      return [...acc, ...compos];\r\n    },\r\n    []\r\n  );\r\n\r\n  if (isAddingAComponentToAnotherComponent) {\r\n    options = options.filter(({ uid }) => {\r\n      const maxDepth = getChildrenMaxDepth(uid, componentsThatHaveOtherComponentInTheirAttributes);\r\n      const componentDepth = getComponentDepth(targetUid, nestedComponents);\r\n      const totalDepth = maxDepth + componentDepth;\r\n      return totalDepth <= MAX_COMPONENT_DEPTH;\r\n    });\r\n  }\r\n\r\n  if (isTargetAComponent) {\r\n    options = options.filter((option) => {\r\n      return option.uid !== targetUid;\r\n    });\r\n  }\r\n\r\n  if (isCreatingComponentWhileAddingAField) {\r\n    options = [\r\n      {\r\n        uid: value as Internal.UID.Component,\r\n        label: componentToCreate?.displayName,\r\n        categoryName: componentToCreate?.category,\r\n      },\r\n    ];\r\n  }\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <SingleSelect\r\n        disabled={isCreatingComponentWhileAddingAField || !isCreating}\r\n        onChange={(value: string | number) => {\r\n          onChange({ target: { name, value: value.toString(), type: 'select-category' } });\r\n        }}\r\n        value={value || ''}\r\n      >\r\n        {options.map((option) => {\r\n          return (\r\n            <SingleSelectOption key={option.uid} value={option.uid}>\r\n              {`${option.categoryName} - ${option.label}`}\r\n            </SingleSelectOption>\r\n          );\r\n        })}\r\n      </SingleSelect>\r\n      <Field.Error />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SelectComponent","error","intlLabel","isAddingAComponentToAnotherComponent","isCreating","isCreatingComponentWhileAddingAField","componentToCreate","name","onChange","targetUid","forTarget","value","formatMessage","useIntl","errorMessage","id","defaultMessage","label","componentsGroupedByCategory","componentsThatHaveOtherComponentInTheirAttributes","nestedComponents","useDataManager","isTargetAComponent","options","Object","entries","reduce","acc","current","categoryName","components","compos","map","component","uid","info","displayName","filter","maxDepth","getChildrenMaxDepth","componentDepth","getComponentDepth","totalDepth","MAX_COMPONENT_DEPTH","option","category","_jsxs","Field","Root","_jsx","Label","SingleSelect","disabled","target","toString","type","SingleSelectOption","Error"],"mappings":"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"}

package/dist/admin/components/SelectComponents.js

@@ -0,0 +1,73 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var getTrad = require('../utils/getTrad.js');
+var findAttribute = require('../utils/findAttribute.js');
+var useDataManager = require('./DataManager/useDataManager.js');
+
+const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value, targetUid })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { componentsGroupedByCategory, contentTypes } = useDataManager.useDataManager();
+    const dzSchema = findAttribute.findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);
+    if (!dzSchema) {
+        return null;
+    }
+    const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];
+    const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce((acc, current)=>{
+        const filteredComponents = componentsGroupedByCategory[current].filter(({ uid })=>{
+            return !alreadyUsedComponents.includes(uid);
+        });
+        if (filteredComponents.length > 0) {
+            acc[current] = filteredComponents;
+        }
+        return acc;
+    }, {});
+    const options = Object.entries(filteredComponentsGroupedByCategory).reduce((acc, current)=>{
+        const [categoryName, components] = current;
+        const section = {
+            label: categoryName,
+            children: components.map(({ uid, info: { displayName } })=>{
+                return {
+                    label: displayName,
+                    value: uid
+                };
+            })
+        };
+        acc.push(section);
+        return acc;
+    }, []);
+    const displayedValue = formatMessage({
+        id: getTrad.getTrad('components.SelectComponents.displayed-value'),
+        defaultMessage: '{number, plural, =0 {# components} one {# component} other {# components}} selected'
+    }, {
+        number: value?.length ?? 0
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: formatMessage(intlLabel)
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.MultiSelectNested, {
+                id: "select1",
+                customizeContent: ()=>displayedValue,
+                onChange: (values)=>{
+                    onChange({
+                        target: {
+                            name,
+                            value: values,
+                            type: 'select-components'
+                        }
+                    });
+                },
+                options: options,
+                value: value || []
+            })
+        ]
+    });
+};
+
+exports.SelectComponents = SelectComponents;
+//# sourceMappingURL=SelectComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectComponents.js","sources":["../../../admin/src/components/SelectComponents.tsx"],"sourcesContent":["import { Field, MultiSelectNested } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../utils';\r\nimport { findAttribute } from '../utils/findAttribute';\r\n\r\nimport { useDataManager } from './DataManager/useDataManager';\r\n\r\nimport type { Component } from '../types';\r\nimport type { Internal } from '@strapi/types';\r\n\r\ntype SelectComponentsProps = {\r\n  dynamicZoneTarget: string;\r\n  intlLabel: {\r\n    id: string;\r\n    defaultMessage: string;\r\n    values?: object;\r\n  };\r\n  name: string;\r\n  onChange: (value: {\r\n    target: {\r\n      name: string;\r\n      value: string[];\r\n      type?: string;\r\n    };\r\n  }) => void;\r\n  value: string[];\r\n  targetUid: Internal.UID.ContentType;\r\n};\r\n\r\nexport const SelectComponents = ({\r\n  dynamicZoneTarget,\r\n  intlLabel,\r\n  name,\r\n  onChange,\r\n  value,\r\n  targetUid,\r\n}: SelectComponentsProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const { componentsGroupedByCategory, contentTypes } = useDataManager();\r\n  const dzSchema = findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);\r\n\r\n  if (!dzSchema) {\r\n    return null;\r\n  }\r\n\r\n  const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];\r\n\r\n  const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce(\r\n    (acc, current) => {\r\n      const filteredComponents = componentsGroupedByCategory[current].filter(({ uid }) => {\r\n        return !alreadyUsedComponents.includes(uid);\r\n      });\r\n\r\n      if (filteredComponents.length > 0) {\r\n        acc[current] = filteredComponents;\r\n      }\r\n\r\n      return acc;\r\n    },\r\n    {} as Record<string, Component[]>\r\n  );\r\n  const options = Object.entries(filteredComponentsGroupedByCategory).reduce(\r\n    (acc, current) => {\r\n      const [categoryName, components] = current;\r\n      const section = {\r\n        label: categoryName,\r\n        children: components.map(({ uid, info: { displayName } }) => {\r\n          return { label: displayName, value: uid };\r\n        }),\r\n      };\r\n\r\n      acc.push(section);\r\n\r\n      return acc;\r\n    },\r\n    [] as Array<{ label: string; children: Array<{ label: string; value: string }> }>\r\n  );\r\n\r\n  const displayedValue = formatMessage(\r\n    {\r\n      id: getTrad('components.SelectComponents.displayed-value'),\r\n      defaultMessage:\r\n        '{number, plural, =0 {# components} one {# component} other {# components}} selected',\r\n    },\r\n    { number: value?.length ?? 0 }\r\n  );\r\n\r\n  return (\r\n    <Field.Root name={name}>\r\n      <Field.Label>{formatMessage(intlLabel)}</Field.Label>\r\n      <MultiSelectNested\r\n        id=\"select1\"\r\n        customizeContent={() => displayedValue}\r\n        onChange={(values) => {\r\n          onChange({ target: { name, value: values, type: 'select-components' } });\r\n        }}\r\n        options={options}\r\n        value={value || []}\r\n      />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SelectComponents","dynamicZoneTarget","intlLabel","name","onChange","value","targetUid","formatMessage","useIntl","componentsGroupedByCategory","contentTypes","useDataManager","dzSchema","findAttribute","attributes","alreadyUsedComponents","components","filteredComponentsGroupedByCategory","Object","keys","reduce","acc","current","filteredComponents","filter","uid","includes","length","options","entries","categoryName","section","label","children","map","info","displayName","push","displayedValue","id","getTrad","defaultMessage","number","_jsxs","Field","Root","_jsx","Label","MultiSelectNested","customizeContent","values","target","type"],"mappings":";;;;;;;;;AA8BO,MAAMA,gBAAAA,GAAmB,CAAC,EAC/BC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACa,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,2BAA2B,EAAEC,YAAY,EAAE,GAAGC,6BAAAA,EAAAA;AACtD,IAAA,MAAMC,WAAWC,2BAAAA,CAAcH,YAAY,CAACJ,SAAAA,CAAU,CAACQ,UAAU,EAAEb,iBAAAA,CAAAA;AAEnE,IAAA,IAAI,CAACW,QAAAA,EAAU;QACb,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAMG,qBAAAA,GAAwB,YAAA,IAAgBH,QAAAA,GAAWA,QAAAA,EAAUI,aAAa,EAAE;IAElF,MAAMC,mCAAAA,GAAsCC,OAAOC,IAAI,CAACV,6BAA6BW,MAAM,CACzF,CAACC,GAAAA,EAAKC,OAAAA,GAAAA;QACJ,MAAMC,kBAAAA,GAAqBd,2BAA2B,CAACa,OAAAA,CAAQ,CAACE,MAAM,CAAC,CAAC,EAAEC,GAAG,EAAE,GAAA;YAC7E,OAAO,CAACV,qBAAAA,CAAsBW,QAAQ,CAACD,GAAAA,CAAAA;AACzC,QAAA,CAAA,CAAA;QAEA,IAAIF,kBAAAA,CAAmBI,MAAM,GAAG,CAAA,EAAG;YACjCN,GAAG,CAACC,QAAQ,GAAGC,kBAAAA;AACjB,QAAA;QAEA,OAAOF,GAAAA;AACT,IAAA,CAAA,EACA,EAAC,CAAA;IAEH,MAAMO,OAAAA,GAAUV,OAAOW,OAAO,CAACZ,qCAAqCG,MAAM,CACxE,CAACC,GAAAA,EAAKC,OAAAA,GAAAA;QACJ,MAAM,CAACQ,YAAAA,EAAcd,UAAAA,CAAW,GAAGM,OAAAA;AACnC,QAAA,MAAMS,OAAAA,GAAU;YACdC,KAAAA,EAAOF,YAAAA;YACPG,QAAAA,EAAUjB,UAAAA,CAAWkB,GAAG,CAAC,CAAC,EAAET,GAAG,EAAEU,IAAAA,EAAM,EAAEC,WAAW,EAAE,EAAE,GAAA;gBACtD,OAAO;oBAAEJ,KAAAA,EAAOI,WAAAA;oBAAa/B,KAAAA,EAAOoB;AAAI,iBAAA;AAC1C,YAAA,CAAA;AACF,SAAA;AAEAJ,QAAAA,GAAAA,CAAIgB,IAAI,CAACN,OAAAA,CAAAA;QAET,OAAOV,GAAAA;AACT,IAAA,CAAA,EACA,EAAE,CAAA;AAGJ,IAAA,MAAMiB,iBAAiB/B,aAAAA,CACrB;AACEgC,QAAAA,EAAAA,EAAIC,eAAAA,CAAQ,6CAAA,CAAA;QACZC,cAAAA,EACE;KACJ,EACA;AAAEC,QAAAA,MAAAA,EAAQrC,OAAOsB,MAAAA,IAAU;AAAE,KAAA,CAAA;IAG/B,qBACEgB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC1C,IAAAA,EAAMA,IAAAA;;AAChB,0BAAA2C,cAAA,CAACF,mBAAMG,KAAK,EAAA;0BAAExC,aAAAA,CAAcL,SAAAA;;0BAC5B4C,cAAA,CAACE,8BAAAA,EAAAA;gBACCT,EAAAA,EAAG,SAAA;AACHU,gBAAAA,gBAAAA,EAAkB,IAAMX,cAAAA;AACxBlC,gBAAAA,QAAAA,EAAU,CAAC8C,MAAAA,GAAAA;oBACT9C,QAAAA,CAAS;wBAAE+C,MAAAA,EAAQ;AAAEhD,4BAAAA,IAAAA;4BAAME,KAAAA,EAAO6C,MAAAA;4BAAQE,IAAAA,EAAM;AAAoB;AAAE,qBAAA,CAAA;AACxE,gBAAA,CAAA;gBACAxB,OAAAA,EAASA,OAAAA;AACTvB,gBAAAA,KAAAA,EAAOA,SAAS;;;;AAIxB;;;;"}

package/dist/admin/components/SelectComponents.mjs

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, MultiSelectNested } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { getTrad } from '../utils/getTrad.mjs';
+import { findAttribute } from '../utils/findAttribute.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+
+const SelectComponents = ({ dynamicZoneTarget, intlLabel, name, onChange, value, targetUid })=>{
+    const { formatMessage } = useIntl();
+    const { componentsGroupedByCategory, contentTypes } = useDataManager();
+    const dzSchema = findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);
+    if (!dzSchema) {
+        return null;
+    }
+    const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];
+    const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce((acc, current)=>{
+        const filteredComponents = componentsGroupedByCategory[current].filter(({ uid })=>{
+            return !alreadyUsedComponents.includes(uid);
+        });
+        if (filteredComponents.length > 0) {
+            acc[current] = filteredComponents;
+        }
+        return acc;
+    }, {});
+    const options = Object.entries(filteredComponentsGroupedByCategory).reduce((acc, current)=>{
+        const [categoryName, components] = current;
+        const section = {
+            label: categoryName,
+            children: components.map(({ uid, info: { displayName } })=>{
+                return {
+                    label: displayName,
+                    value: uid
+                };
+            })
+        };
+        acc.push(section);
+        return acc;
+    }, []);
+    const displayedValue = formatMessage({
+        id: getTrad('components.SelectComponents.displayed-value'),
+        defaultMessage: '{number, plural, =0 {# components} one {# component} other {# components}} selected'
+    }, {
+        number: value?.length ?? 0
+    });
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: formatMessage(intlLabel)
+            }),
+            /*#__PURE__*/ jsx(MultiSelectNested, {
+                id: "select1",
+                customizeContent: ()=>displayedValue,
+                onChange: (values)=>{
+                    onChange({
+                        target: {
+                            name,
+                            value: values,
+                            type: 'select-components'
+                        }
+                    });
+                },
+                options: options,
+                value: value || []
+            })
+        ]
+    });
+};
+
+export { SelectComponents };
+//# sourceMappingURL=SelectComponents.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectComponents.mjs","sources":["../../../admin/src/components/SelectComponents.tsx"],"sourcesContent":["import { Field, MultiSelectNested } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getTrad } from '../utils';\r\nimport { findAttribute } from '../utils/findAttribute';\r\n\r\nimport { useDataManager } from './DataManager/useDataManager';\r\n\r\nimport type { Component } from '../types';\r\nimport type { Internal } from '@strapi/types';\r\n\r\ntype SelectComponentsProps = {\r\n  dynamicZoneTarget: string;\r\n  intlLabel: {\r\n    id: string;\r\n    defaultMessage: string;\r\n    values?: object;\r\n  };\r\n  name: string;\r\n  onChange: (value: {\r\n    target: {\r\n      name: string;\r\n      value: string[];\r\n      type?: string;\r\n    };\r\n  }) => void;\r\n  value: string[];\r\n  targetUid: Internal.UID.ContentType;\r\n};\r\n\r\nexport const SelectComponents = ({\r\n  dynamicZoneTarget,\r\n  intlLabel,\r\n  name,\r\n  onChange,\r\n  value,\r\n  targetUid,\r\n}: SelectComponentsProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const { componentsGroupedByCategory, contentTypes } = useDataManager();\r\n  const dzSchema = findAttribute(contentTypes[targetUid].attributes, dynamicZoneTarget);\r\n\r\n  if (!dzSchema) {\r\n    return null;\r\n  }\r\n\r\n  const alreadyUsedComponents = 'components' in dzSchema ? dzSchema?.components : [];\r\n\r\n  const filteredComponentsGroupedByCategory = Object.keys(componentsGroupedByCategory).reduce(\r\n    (acc, current) => {\r\n      const filteredComponents = componentsGroupedByCategory[current].filter(({ uid }) => {\r\n        return !alreadyUsedComponents.includes(uid);\r\n      });\r\n\r\n      if (filteredComponents.length > 0) {\r\n        acc[current] = filteredComponents;\r\n      }\r\n\r\n      return acc;\r\n    },\r\n    {} as Record<string, Component[]>\r\n  );\r\n  const options = Object.entries(filteredComponentsGroupedByCategory).reduce(\r\n    (acc, current) => {\r\n      const [categoryName, components] = current;\r\n      const section = {\r\n        label: categoryName,\r\n        children: components.map(({ uid, info: { displayName } }) => {\r\n          return { label: displayName, value: uid };\r\n        }),\r\n      };\r\n\r\n      acc.push(section);\r\n\r\n      return acc;\r\n    },\r\n    [] as Array<{ label: string; children: Array<{ label: string; value: string }> }>\r\n  );\r\n\r\n  const displayedValue = formatMessage(\r\n    {\r\n      id: getTrad('components.SelectComponents.displayed-value'),\r\n      defaultMessage:\r\n        '{number, plural, =0 {# components} one {# component} other {# components}} selected',\r\n    },\r\n    { number: value?.length ?? 0 }\r\n  );\r\n\r\n  return (\r\n    <Field.Root name={name}>\r\n      <Field.Label>{formatMessage(intlLabel)}</Field.Label>\r\n      <MultiSelectNested\r\n        id=\"select1\"\r\n        customizeContent={() => displayedValue}\r\n        onChange={(values) => {\r\n          onChange({ target: { name, value: values, type: 'select-components' } });\r\n        }}\r\n        options={options}\r\n        value={value || []}\r\n      />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SelectComponents","dynamicZoneTarget","intlLabel","name","onChange","value","targetUid","formatMessage","useIntl","componentsGroupedByCategory","contentTypes","useDataManager","dzSchema","findAttribute","attributes","alreadyUsedComponents","components","filteredComponentsGroupedByCategory","Object","keys","reduce","acc","current","filteredComponents","filter","uid","includes","length","options","entries","categoryName","section","label","children","map","info","displayName","push","displayedValue","id","getTrad","defaultMessage","number","_jsxs","Field","Root","_jsx","Label","MultiSelectNested","customizeContent","values","target","type"],"mappings":";;;;;;;AA8BO,MAAMA,gBAAAA,GAAmB,CAAC,EAC/BC,iBAAiB,EACjBC,SAAS,EACTC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACa,GAAA;IACtB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,2BAA2B,EAAEC,YAAY,EAAE,GAAGC,cAAAA,EAAAA;AACtD,IAAA,MAAMC,WAAWC,aAAAA,CAAcH,YAAY,CAACJ,SAAAA,CAAU,CAACQ,UAAU,EAAEb,iBAAAA,CAAAA;AAEnE,IAAA,IAAI,CAACW,QAAAA,EAAU;QACb,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,MAAMG,qBAAAA,GAAwB,YAAA,IAAgBH,QAAAA,GAAWA,QAAAA,EAAUI,aAAa,EAAE;IAElF,MAAMC,mCAAAA,GAAsCC,OAAOC,IAAI,CAACV,6BAA6BW,MAAM,CACzF,CAACC,GAAAA,EAAKC,OAAAA,GAAAA;QACJ,MAAMC,kBAAAA,GAAqBd,2BAA2B,CAACa,OAAAA,CAAQ,CAACE,MAAM,CAAC,CAAC,EAAEC,GAAG,EAAE,GAAA;YAC7E,OAAO,CAACV,qBAAAA,CAAsBW,QAAQ,CAACD,GAAAA,CAAAA;AACzC,QAAA,CAAA,CAAA;QAEA,IAAIF,kBAAAA,CAAmBI,MAAM,GAAG,CAAA,EAAG;YACjCN,GAAG,CAACC,QAAQ,GAAGC,kBAAAA;AACjB,QAAA;QAEA,OAAOF,GAAAA;AACT,IAAA,CAAA,EACA,EAAC,CAAA;IAEH,MAAMO,OAAAA,GAAUV,OAAOW,OAAO,CAACZ,qCAAqCG,MAAM,CACxE,CAACC,GAAAA,EAAKC,OAAAA,GAAAA;QACJ,MAAM,CAACQ,YAAAA,EAAcd,UAAAA,CAAW,GAAGM,OAAAA;AACnC,QAAA,MAAMS,OAAAA,GAAU;YACdC,KAAAA,EAAOF,YAAAA;YACPG,QAAAA,EAAUjB,UAAAA,CAAWkB,GAAG,CAAC,CAAC,EAAET,GAAG,EAAEU,IAAAA,EAAM,EAAEC,WAAW,EAAE,EAAE,GAAA;gBACtD,OAAO;oBAAEJ,KAAAA,EAAOI,WAAAA;oBAAa/B,KAAAA,EAAOoB;AAAI,iBAAA;AAC1C,YAAA,CAAA;AACF,SAAA;AAEAJ,QAAAA,GAAAA,CAAIgB,IAAI,CAACN,OAAAA,CAAAA;QAET,OAAOV,GAAAA;AACT,IAAA,CAAA,EACA,EAAE,CAAA;AAGJ,IAAA,MAAMiB,iBAAiB/B,aAAAA,CACrB;AACEgC,QAAAA,EAAAA,EAAIC,OAAAA,CAAQ,6CAAA,CAAA;QACZC,cAAAA,EACE;KACJ,EACA;AAAEC,QAAAA,MAAAA,EAAQrC,OAAOsB,MAAAA,IAAU;AAAE,KAAA,CAAA;IAG/B,qBACEgB,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC1C,IAAAA,EAAMA,IAAAA;;AAChB,0BAAA2C,GAAA,CAACF,MAAMG,KAAK,EAAA;0BAAExC,aAAAA,CAAcL,SAAAA;;0BAC5B4C,GAAA,CAACE,iBAAAA,EAAAA;gBACCT,EAAAA,EAAG,SAAA;AACHU,gBAAAA,gBAAAA,EAAkB,IAAMX,cAAAA;AACxBlC,gBAAAA,QAAAA,EAAU,CAAC8C,MAAAA,GAAAA;oBACT9C,QAAAA,CAAS;wBAAE+C,MAAAA,EAAQ;AAAEhD,4BAAAA,IAAAA;4BAAME,KAAAA,EAAO6C,MAAAA;4BAAQE,IAAAA,EAAM;AAAoB;AAAE,qBAAA,CAAA;AACxE,gBAAA,CAAA;gBACAxB,OAAAA,EAASA,OAAAA;AACTvB,gBAAAA,KAAAA,EAAOA,SAAS;;;;AAIxB;;;;"}

package/dist/admin/components/SelectDateType.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const SelectDateType = ({ intlLabel, error = undefined, modifiedData, name, onChange, options, value = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const label = formatMessage(intlLabel);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const handleChange = (nextValue)=>{
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select'
+            }
+        });
+        if (!value) {
+            return;
+        }
+        if (modifiedData.default !== undefined && modifiedData.default !== null) {
+            onChange({
+                target: {
+                    name: 'default',
+                    value: null
+                }
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                onChange: handleChange,
+                value: value || '',
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: formatMessage({
+                            id: intlLabel.id,
+                            defaultMessage: intlLabel.defaultMessage
+                        }, intlLabel.values)
+                    }, key);
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+    });
+};
+
+exports.SelectDateType = SelectDateType;
+//# sourceMappingURL=SelectDateType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDateType.js","sources":["../../../admin/src/components/SelectDateType.tsx"],"sourcesContent":["import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';\r\nimport { PrimitiveType, useIntl } from 'react-intl';\r\n\r\ntype SelectDateTypeProps = {\r\n  intlLabel: {\r\n    id: string;\r\n    defaultMessage: string;\r\n    values?: object;\r\n  };\r\n  error?: string;\r\n  modifiedData: {\r\n    default: number;\r\n    max: number;\r\n    min: number;\r\n  };\r\n  name: string;\r\n  onChange: (value: {\r\n    target: {\r\n      name: string;\r\n      value: string | number | null;\r\n      type?: string;\r\n    };\r\n  }) => void;\r\n  options: Array<{\r\n    metadatas: {\r\n      intlLabel: {\r\n        id: string;\r\n        defaultMessage: string;\r\n        values: Record<string, PrimitiveType> | undefined;\r\n      };\r\n      disabled?: boolean;\r\n      hidden?: boolean;\r\n    };\r\n    key: string | number;\r\n    value: string | number;\r\n  }>;\r\n  value?: string;\r\n};\r\n\r\nexport const SelectDateType = ({\r\n  intlLabel,\r\n  error = undefined,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  options,\r\n  value = '',\r\n}: SelectDateTypeProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const label = formatMessage(intlLabel);\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n\r\n  const handleChange = (nextValue: string | number) => {\r\n    onChange({ target: { name, value: nextValue, type: 'select' } });\r\n\r\n    if (!value) {\r\n      return;\r\n    }\r\n\r\n    if (modifiedData.default !== undefined && modifiedData.default !== null) {\r\n      onChange({ target: { name: 'default', value: null } });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <SingleSelect onChange={handleChange} value={value || ''}>\r\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\r\n          return (\r\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\r\n              {formatMessage(\r\n                { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n                intlLabel.values\r\n              )}\r\n            </SingleSelectOption>\r\n          );\r\n        })}\r\n      </SingleSelect>\r\n      <Field.Error />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SelectDateType","intlLabel","error","undefined","modifiedData","name","onChange","options","value","formatMessage","useIntl","label","errorMessage","id","defaultMessage","handleChange","nextValue","target","type","default","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption","values","Error"],"mappings":";;;;;;MAuCaA,cAAAA,GAAiB,CAAC,EAC7BC,SAAS,EACTC,QAAQC,SAAS,EACjBC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,KAAAA,GAAQ,EAAE,EACU,GAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAAA,CAAcR,SAAAA,CAAAA;IAC5B,MAAMW,YAAAA,GAAeV,QAAQO,aAAAA,CAAc;QAAEI,EAAAA,EAAIX,KAAAA;QAAOY,cAAAA,EAAgBZ;KAAM,CAAA,GAAK,EAAA;AAEnF,IAAA,MAAMa,eAAe,CAACC,SAAAA,GAAAA;QACpBV,QAAAA,CAAS;YAAEW,MAAAA,EAAQ;AAAEZ,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOQ,SAAAA;gBAAWE,IAAAA,EAAM;AAAS;AAAE,SAAA,CAAA;AAE9D,QAAA,IAAI,CAACV,KAAAA,EAAO;AACV,YAAA;AACF,QAAA;AAEA,QAAA,IAAIJ,aAAae,OAAO,KAAKhB,aAAaC,YAAAA,CAAae,OAAO,KAAK,IAAA,EAAM;YACvEb,QAAAA,CAAS;gBAAEW,MAAAA,EAAQ;oBAAEZ,IAAAA,EAAM,SAAA;oBAAWG,KAAAA,EAAO;AAAK;AAAE,aAAA,CAAA;AACtD,QAAA;AACF,IAAA,CAAA;IAEA,qBACEY,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAACpB,KAAAA,EAAOU,YAAAA;QAAcP,IAAAA,EAAMA,IAAAA;;AACrC,0BAAAkB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEb,gBAAAA,QAAAA,EAAAA;;0BACdY,cAAA,CAACE,yBAAAA,EAAAA;gBAAanB,QAAAA,EAAUS,YAAAA;AAAcP,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;AACnDD,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQmB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAE1B,SAAS,EAAE2B,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEtB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEe,cAAA,CAACQ,+BAAAA,EAAAA;wBAA6BvB,KAAAA,EAAOA,KAAAA;wBAAOoB,QAAAA,EAAUA,QAAAA;wBAAUC,MAAAA,EAAQA,MAAAA;kCACrEpB,aAAAA,CACC;AAAEI,4BAAAA,EAAAA,EAAIZ,UAAUY,EAAE;AAAEC,4BAAAA,cAAAA,EAAgBb,UAAUa;AAAe,yBAAA,EAC7Db,UAAU+B,MAAM;AAHKF,qBAAAA,EAAAA,GAAAA,CAAAA;AAO7B,gBAAA,CAAA;;AAEF,0BAAAP,cAAA,CAACF,mBAAMY,KAAK,EAAA,EAAA;;;AAGlB;;;;"}

package/dist/admin/components/SelectDateType.mjs

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const SelectDateType = ({ intlLabel, error = undefined, modifiedData, name, onChange, options, value = '' })=>{
+    const { formatMessage } = useIntl();
+    const label = formatMessage(intlLabel);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const handleChange = (nextValue)=>{
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select'
+            }
+        });
+        if (!value) {
+            return;
+        }
+        if (modifiedData.default !== undefined && modifiedData.default !== null) {
+            onChange({
+                target: {
+                    name: 'default',
+                    value: null
+                }
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(SingleSelect, {
+                onChange: handleChange,
+                value: value || '',
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: formatMessage({
+                            id: intlLabel.id,
+                            defaultMessage: intlLabel.defaultMessage
+                        }, intlLabel.values)
+                    }, key);
+                })
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {})
+        ]
+    });
+};
+
+export { SelectDateType };
+//# sourceMappingURL=SelectDateType.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDateType.mjs","sources":["../../../admin/src/components/SelectDateType.tsx"],"sourcesContent":["import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';\r\nimport { PrimitiveType, useIntl } from 'react-intl';\r\n\r\ntype SelectDateTypeProps = {\r\n  intlLabel: {\r\n    id: string;\r\n    defaultMessage: string;\r\n    values?: object;\r\n  };\r\n  error?: string;\r\n  modifiedData: {\r\n    default: number;\r\n    max: number;\r\n    min: number;\r\n  };\r\n  name: string;\r\n  onChange: (value: {\r\n    target: {\r\n      name: string;\r\n      value: string | number | null;\r\n      type?: string;\r\n    };\r\n  }) => void;\r\n  options: Array<{\r\n    metadatas: {\r\n      intlLabel: {\r\n        id: string;\r\n        defaultMessage: string;\r\n        values: Record<string, PrimitiveType> | undefined;\r\n      };\r\n      disabled?: boolean;\r\n      hidden?: boolean;\r\n    };\r\n    key: string | number;\r\n    value: string | number;\r\n  }>;\r\n  value?: string;\r\n};\r\n\r\nexport const SelectDateType = ({\r\n  intlLabel,\r\n  error = undefined,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  options,\r\n  value = '',\r\n}: SelectDateTypeProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const label = formatMessage(intlLabel);\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n\r\n  const handleChange = (nextValue: string | number) => {\r\n    onChange({ target: { name, value: nextValue, type: 'select' } });\r\n\r\n    if (!value) {\r\n      return;\r\n    }\r\n\r\n    if (modifiedData.default !== undefined && modifiedData.default !== null) {\r\n      onChange({ target: { name: 'default', value: null } });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <SingleSelect onChange={handleChange} value={value || ''}>\r\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\r\n          return (\r\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\r\n              {formatMessage(\r\n                { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n                intlLabel.values\r\n              )}\r\n            </SingleSelectOption>\r\n          );\r\n        })}\r\n      </SingleSelect>\r\n      <Field.Error />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["SelectDateType","intlLabel","error","undefined","modifiedData","name","onChange","options","value","formatMessage","useIntl","label","errorMessage","id","defaultMessage","handleChange","nextValue","target","type","default","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption","values","Error"],"mappings":";;;;MAuCaA,cAAAA,GAAiB,CAAC,EAC7BC,SAAS,EACTC,QAAQC,SAAS,EACjBC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,OAAO,EACPC,KAAAA,GAAQ,EAAE,EACU,GAAA;IACpB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,QAAQF,aAAAA,CAAcR,SAAAA,CAAAA;IAC5B,MAAMW,YAAAA,GAAeV,QAAQO,aAAAA,CAAc;QAAEI,EAAAA,EAAIX,KAAAA;QAAOY,cAAAA,EAAgBZ;KAAM,CAAA,GAAK,EAAA;AAEnF,IAAA,MAAMa,eAAe,CAACC,SAAAA,GAAAA;QACpBV,QAAAA,CAAS;YAAEW,MAAAA,EAAQ;AAAEZ,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOQ,SAAAA;gBAAWE,IAAAA,EAAM;AAAS;AAAE,SAAA,CAAA;AAE9D,QAAA,IAAI,CAACV,KAAAA,EAAO;AACV,YAAA;AACF,QAAA;AAEA,QAAA,IAAIJ,aAAae,OAAO,KAAKhB,aAAaC,YAAAA,CAAae,OAAO,KAAK,IAAA,EAAM;YACvEb,QAAAA,CAAS;gBAAEW,MAAAA,EAAQ;oBAAEZ,IAAAA,EAAM,SAAA;oBAAWG,KAAAA,EAAO;AAAK;AAAE,aAAA,CAAA;AACtD,QAAA;AACF,IAAA,CAAA;IAEA,qBACEY,IAAA,CAACC,MAAMC,IAAI,EAAA;QAACpB,KAAAA,EAAOU,YAAAA;QAAcP,IAAAA,EAAMA,IAAAA;;AACrC,0BAAAkB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEb,gBAAAA,QAAAA,EAAAA;;0BACdY,GAAA,CAACE,YAAAA,EAAAA;gBAAanB,QAAAA,EAAUS,YAAAA;AAAcP,gBAAAA,KAAAA,EAAOA,KAAAA,IAAS,EAAA;AACnDD,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQmB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAE1B,SAAS,EAAE2B,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEtB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEe,GAAA,CAACQ,kBAAAA,EAAAA;wBAA6BvB,KAAAA,EAAOA,KAAAA;wBAAOoB,QAAAA,EAAUA,QAAAA;wBAAUC,MAAAA,EAAQA,MAAAA;kCACrEpB,aAAAA,CACC;AAAEI,4BAAAA,EAAAA,EAAIZ,UAAUY,EAAE;AAAEC,4BAAAA,cAAAA,EAAgBb,UAAUa;AAAe,yBAAA,EAC7Db,UAAU+B,MAAM;AAHKF,qBAAAA,EAAAA,GAAAA,CAAAA;AAO7B,gBAAA,CAAA;;AAEF,0BAAAP,GAAA,CAACF,MAAMY,KAAK,EAAA,EAAA;;;AAGlB;;;;"}

package/dist/admin/components/SelectNumber.js

@@ -0,0 +1,107 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const SelectNumber = ({ intlLabel, error = undefined, modifiedData, name, onChange, options, value = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const label = formatMessage(intlLabel);
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const handleChange = (nextValue)=>{
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select'
+            }
+        });
+        if (!value) {
+            return;
+        }
+        if (nextValue === 'biginteger' && value !== 'biginteger') {
+            if (modifiedData.default !== undefined && modifiedData.default !== null) {
+                onChange({
+                    target: {
+                        name: 'default',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.max !== undefined && modifiedData.max !== null) {
+                onChange({
+                    target: {
+                        name: 'max',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.min !== undefined && modifiedData.min !== null) {
+                onChange({
+                    target: {
+                        name: 'min',
+                        value: null
+                    }
+                });
+            }
+        }
+        if (typeof nextValue === 'string' && [
+            'decimal',
+            'float',
+            'integer'
+        ].includes(nextValue) && value === 'biginteger') {
+            if (modifiedData.default !== undefined && modifiedData.default !== null) {
+                onChange({
+                    target: {
+                        name: 'default',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.max !== undefined && modifiedData.max !== null) {
+                onChange({
+                    target: {
+                        name: 'max',
+                        value: null
+                    }
+                });
+            }
+            if (modifiedData.min !== undefined && modifiedData.min !== null) {
+                onChange({
+                    target: {
+                        name: 'min',
+                        value: null
+                    }
+                });
+            }
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                onChange: handleChange,
+                value: value || '',
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: formatMessage(intlLabel)
+                    }, key);
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+    });
+};
+
+exports.SelectNumber = SelectNumber;
+//# sourceMappingURL=SelectNumber.js.map