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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabForm.js","sources":["../../../admin/src/components/TabForm.tsx"],"sourcesContent":["import { Box, Grid, Typography, Button, Tooltip } from '@strapi/design-system';\r\nimport get from 'lodash/get';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getAvailableConditionFields } from '../utils/conditions';\r\n\r\nimport { GenericInput } from './GenericInputs';\r\n\r\nimport type { AnyAttribute, AttributeConditions, IntlLabel } from '../types';\r\n\r\ntype FormInput = Partial<React.ComponentProps<typeof GenericInput>> & {\r\n  name: string;\r\n  type: string;\r\n  size?: number;\r\n};\r\n\r\ntype FormSection = {\r\n  sectionTitle?: IntlLabel | null;\r\n  intlLabel?: IntlLabel;\r\n  items: FormInput[];\r\n};\r\n\r\ntype FormError = {\r\n  id?: string;\r\n};\r\n\r\ntype GenericInputProps = Record<string, unknown> & {\r\n  attributeName?: string;\r\n  contentTypeSchema?: {\r\n    attributes?: AnyAttribute[];\r\n  };\r\n};\r\n\r\ntype ModifiedData = Record<string, unknown> & {\r\n  name?: string;\r\n};\r\n\r\ntype TabFormChangeHandler = (value: {\r\n  target: {\r\n    name: string;\r\n    value?: unknown;\r\n    type?: string;\r\n  };\r\n}) => void;\r\n\r\ntype TabFormProps = {\r\n  form: FormSection[];\r\n  formErrors: Record<string, FormError>;\r\n  genericInputProps: GenericInputProps;\r\n  modifiedData: ModifiedData;\r\n  onChange: TabFormChangeHandler;\r\n};\r\n\r\n/* eslint-disable react/no-array-index-key */\r\nexport const TabForm = ({\r\n  form,\r\n  formErrors,\r\n  genericInputProps,\r\n  modifiedData,\r\n  onChange,\r\n}: TabFormProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const sharedInputProps = genericInputProps as Partial<React.ComponentProps<typeof GenericInput>> &\r\n    GenericInputProps;\r\n\r\n  return (\r\n    <>\r\n      {form.map((section, sectionIndex) => {\r\n        // Don't display an empty section\r\n        if (section.items.length === 0) {\r\n          return null;\r\n        }\r\n        return (\r\n          <Box key={sectionIndex}>\r\n            {section.sectionTitle && (\r\n              <Box paddingBottom={4}>\r\n                <Typography variant=\"delta\" tag=\"h3\">\r\n                  {formatMessage(section.sectionTitle)}\r\n                </Typography>\r\n              </Box>\r\n            )}\r\n            {section.intlLabel && (\r\n              <Typography variant=\"pi\" textColor=\"neutral600\">\r\n                {formatMessage(section.intlLabel)}\r\n              </Typography>\r\n            )}\r\n\r\n            <Grid.Root gap={4}>\r\n              {section.items.map((input, i) => {\r\n                const key = `${sectionIndex}.${i}`;\r\n                const intlLabel = input.intlLabel ?? {\r\n                  id: input.name,\r\n                  defaultMessage: input.name,\r\n                };\r\n\r\n                /**\r\n                 * Use undefined as the default value because not every input wants a string e.g. Date pickers\r\n                 */\r\n                const value = get(modifiedData, input.name, undefined);\r\n\r\n                // When extending the yup schema of an existing field (like in https://github.com/strapi/strapi/blob/293ff3b8f9559236609d123a2774e3be05ce8274/packages/strapi-plugin-i18n/admin/src/index.js#L52)\r\n                // and triggering a yup validation error in the UI (missing a required field for example)\r\n                // We got an object that looks like: formErrors = { \"pluginOptions.i18n.localized\": {...} }\r\n                // In order to deal with this error, we can't rely on lodash.get to resolve this key\r\n                // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})\r\n                // - and we just want to access { \"pluginOptions.i18n.localized\": {...} }\r\n                // NOTE: this is a hack\r\n                const pluginOptionError = Object.keys(formErrors).find((key) => key === input.name);\r\n\r\n                // Retrieve the error for a specific input\r\n                const errorId = pluginOptionError\r\n                  ? formErrors[pluginOptionError]?.id\r\n                  : get(\r\n                      formErrors,\r\n                      [\r\n                        ...input.name\r\n                          .split('.')\r\n                          // The filter here is used when creating a component\r\n                          // in the component step 1 modal\r\n                          // Since the component info is stored in the\r\n                          // componentToCreate object we can access the error\r\n                          // By removing the key\r\n                          .filter((key: string) => key !== 'componentToCreate'),\r\n                        'id',\r\n                      ],\r\n                      null\r\n                    );\r\n\r\n                if (input.type === 'pushRight') {\r\n                  return (\r\n                    <Grid.Item\r\n                      col={input.size ?? 6}\r\n                      xs={12}\r\n                      key={input.name ?? key}\r\n                      direction=\"column\"\r\n                      alignItems=\"stretch\"\r\n                    >\r\n                      <div />\r\n                    </Grid.Item>\r\n                  );\r\n                }\r\n\r\n                // Special handling for 'condition-form'\r\n                if (input.type === 'condition-form') {\r\n                  const currentCondition = get(modifiedData, input.name) as\r\n                    | AttributeConditions\r\n                    | null\r\n                    | undefined;\r\n\r\n                  // Get all attributes from the content type schema\r\n                  const contentTypeAttributes =\r\n                    sharedInputProps.contentTypeSchema?.attributes ?? [];\r\n\r\n                  if (!sharedInputProps.contentTypeSchema) {\r\n                    console.warn('contentTypeSchema is undefined, skipping condition form');\r\n                    return null;\r\n                  }\r\n\r\n                  // Filter for boolean and enumeration fields only, excluding the current field\r\n                  const availableFields = getAvailableConditionFields(\r\n                    contentTypeAttributes,\r\n                    modifiedData.name ?? ''\r\n                  );\r\n\r\n                  const noFieldsMessage = formatMessage({\r\n                    id: 'form.attribute.condition.no-fields',\r\n                    defaultMessage:\r\n                      'No boolean or enumeration fields available to set conditions on.',\r\n                  });\r\n\r\n                  return (\r\n                    <Grid.Item\r\n                      col={input.size ?? 12}\r\n                      xs={12}\r\n                      key={input.name ?? key}\r\n                      direction=\"column\"\r\n                      alignItems=\"stretch\"\r\n                    >\r\n                      {currentCondition === null ||\r\n                      currentCondition === undefined ||\r\n                      Object.keys(currentCondition).length === 0 ? (\r\n                        <Box>\r\n                          <Tooltip label={noFieldsMessage}>\r\n                            <Button\r\n                              marginTop={4}\r\n                              fullWidth={true}\r\n                              variant=\"secondary\"\r\n                              onClick={() => {\r\n                                onChange({\r\n                                  target: {\r\n                                    name: input.name,\r\n                                    value: { visible: { '==': [{ var: '' }, ''] } },\r\n                                  },\r\n                                });\r\n                              }}\r\n                              startIcon={<span aria-hidden>＋</span>}\r\n                              disabled={availableFields.length === 0}\r\n                            >\r\n                              {formatMessage({\r\n                                id: 'form.attribute.condition.apply',\r\n                                defaultMessage: 'Apply condition',\r\n                              })}\r\n                            </Button>\r\n                          </Tooltip>\r\n                        </Box>\r\n                      ) : (\r\n                        <GenericInput\r\n                          {...input}\r\n                          {...sharedInputProps}\r\n                          error={errorId}\r\n                          intlLabel={intlLabel}\r\n                          onChange={onChange}\r\n                          value={value}\r\n                          autoFocus={i === 0}\r\n                          attributeName={modifiedData.name}\r\n                          conditionFields={availableFields}\r\n                          onDelete={() => {\r\n                            onChange({\r\n                              target: {\r\n                                name: input.name,\r\n                              },\r\n                            });\r\n                          }}\r\n                        />\r\n                      )}\r\n                    </Grid.Item>\r\n                  );\r\n                }\r\n\r\n                // Default rendering for all other input types\r\n                return (\r\n                  <Grid.Item\r\n                    col={input.size ?? 6}\r\n                    xs={12}\r\n                    key={input.name ?? key}\r\n                    direction=\"column\"\r\n                    alignItems=\"stretch\"\r\n                  >\r\n                    <GenericInput\r\n                      {...input}\r\n                      {...sharedInputProps}\r\n                      error={errorId}\r\n                      intlLabel={intlLabel}\r\n                      onChange={onChange}\r\n                      value={value}\r\n                      autoFocus={i === 0}\r\n                    />\r\n                  </Grid.Item>\r\n                );\r\n              })}\r\n            </Grid.Root>\r\n          </Box>\r\n        );\r\n      })}\r\n    </>\r\n  );\r\n};\r\n"],"names":["TabForm","form","formErrors","genericInputProps","modifiedData","onChange","formatMessage","useIntl","sharedInputProps","_jsx","_Fragment","map","section","sectionIndex","items","length","_jsxs","Box","sectionTitle","paddingBottom","Typography","variant","tag","intlLabel","textColor","Grid","Root","gap","input","i","key","id","name","defaultMessage","value","get","undefined","pluginOptionError","Object","keys","find","errorId","split","filter","type","Item","col","size","xs","direction","alignItems","div","currentCondition","contentTypeAttributes","contentTypeSchema","attributes","console","warn","availableFields","getAvailableConditionFields","noFieldsMessage","Tooltip","label","Button","marginTop","fullWidth","onClick","target","visible","var","startIcon","span","aria-hidden","disabled","GenericInput","error","autoFocus","attributeName","conditionFields","onDelete"],"mappings":"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"}

package/dist/admin/components/TabForm.mjs

@@ -0,0 +1,170 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { Box, Typography, Grid, Tooltip, Button } from '@strapi/design-system';
+import get from 'lodash/get';
+import { useIntl } from 'react-intl';
+import { getAvailableConditionFields } from '../utils/conditions.mjs';
+import { GenericInput as MemoizedGenericInput } from './GenericInputs.mjs';
+
+/* eslint-disable react/no-array-index-key */ const TabForm = ({ form, formErrors, genericInputProps, modifiedData, onChange })=>{
+    const { formatMessage } = useIntl();
+    const sharedInputProps = genericInputProps;
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: form.map((section, sectionIndex)=>{
+            // Don't display an empty section
+            if (section.items.length === 0) {
+                return null;
+            }
+            return /*#__PURE__*/ jsxs(Box, {
+                children: [
+                    section.sectionTitle && /*#__PURE__*/ jsx(Box, {
+                        paddingBottom: 4,
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            variant: "delta",
+                            tag: "h3",
+                            children: formatMessage(section.sectionTitle)
+                        })
+                    }),
+                    section.intlLabel && /*#__PURE__*/ jsx(Typography, {
+                        variant: "pi",
+                        textColor: "neutral600",
+                        children: formatMessage(section.intlLabel)
+                    }),
+                    /*#__PURE__*/ jsx(Grid.Root, {
+                        gap: 4,
+                        children: section.items.map((input, i)=>{
+                            const key = `${sectionIndex}.${i}`;
+                            const intlLabel = input.intlLabel ?? {
+                                id: input.name,
+                                defaultMessage: input.name
+                            };
+                            /**
+                 * Use undefined as the default value because not every input wants a string e.g. Date pickers
+                 */ const value = get(modifiedData, input.name, undefined);
+                            // When extending the yup schema of an existing field (like in https://github.com/strapi/strapi/blob/293ff3b8f9559236609d123a2774e3be05ce8274/packages/strapi-plugin-i18n/admin/src/index.js#L52)
+                            // and triggering a yup validation error in the UI (missing a required field for example)
+                            // We got an object that looks like: formErrors = { "pluginOptions.i18n.localized": {...} }
+                            // In order to deal with this error, we can't rely on lodash.get to resolve this key
+                            // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})
+                            // - and we just want to access { "pluginOptions.i18n.localized": {...} }
+                            // NOTE: this is a hack
+                            const pluginOptionError = Object.keys(formErrors).find((key)=>key === input.name);
+                            // Retrieve the error for a specific input
+                            const errorId = pluginOptionError ? formErrors[pluginOptionError]?.id : get(formErrors, [
+                                ...input.name.split('.')// The filter here is used when creating a component
+                                // in the component step 1 modal
+                                // Since the component info is stored in the
+                                // componentToCreate object we can access the error
+                                // By removing the key
+                                .filter((key)=>key !== 'componentToCreate'),
+                                'id'
+                            ], null);
+                            if (input.type === 'pushRight') {
+                                return /*#__PURE__*/ jsx(Grid.Item, {
+                                    col: input.size ?? 6,
+                                    xs: 12,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: /*#__PURE__*/ jsx("div", {})
+                                }, input.name ?? key);
+                            }
+                            // Special handling for 'condition-form'
+                            if (input.type === 'condition-form') {
+                                const currentCondition = get(modifiedData, input.name);
+                                // Get all attributes from the content type schema
+                                const contentTypeAttributes = sharedInputProps.contentTypeSchema?.attributes ?? [];
+                                if (!sharedInputProps.contentTypeSchema) {
+                                    console.warn('contentTypeSchema is undefined, skipping condition form');
+                                    return null;
+                                }
+                                // Filter for boolean and enumeration fields only, excluding the current field
+                                const availableFields = getAvailableConditionFields(contentTypeAttributes, modifiedData.name ?? '');
+                                const noFieldsMessage = formatMessage({
+                                    id: 'form.attribute.condition.no-fields',
+                                    defaultMessage: 'No boolean or enumeration fields available to set conditions on.'
+                                });
+                                return /*#__PURE__*/ jsx(Grid.Item, {
+                                    col: input.size ?? 12,
+                                    xs: 12,
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    children: currentCondition === null || currentCondition === undefined || Object.keys(currentCondition).length === 0 ? /*#__PURE__*/ jsx(Box, {
+                                        children: /*#__PURE__*/ jsx(Tooltip, {
+                                            label: noFieldsMessage,
+                                            children: /*#__PURE__*/ jsx(Button, {
+                                                marginTop: 4,
+                                                fullWidth: true,
+                                                variant: "secondary",
+                                                onClick: ()=>{
+                                                    onChange({
+                                                        target: {
+                                                            name: input.name,
+                                                            value: {
+                                                                visible: {
+                                                                    '==': [
+                                                                        {
+                                                                            var: ''
+                                                                        },
+                                                                        ''
+                                                                    ]
+                                                                }
+                                                            }
+                                                        }
+                                                    });
+                                                },
+                                                startIcon: /*#__PURE__*/ jsx("span", {
+                                                    "aria-hidden": true,
+                                                    children: "＋"
+                                                }),
+                                                disabled: availableFields.length === 0,
+                                                children: formatMessage({
+                                                    id: 'form.attribute.condition.apply',
+                                                    defaultMessage: 'Apply condition'
+                                                })
+                                            })
+                                        })
+                                    }) : /*#__PURE__*/ jsx(MemoizedGenericInput, {
+                                        ...input,
+                                        ...sharedInputProps,
+                                        error: errorId,
+                                        intlLabel: intlLabel,
+                                        onChange: onChange,
+                                        value: value,
+                                        autoFocus: i === 0,
+                                        attributeName: modifiedData.name,
+                                        conditionFields: availableFields,
+                                        onDelete: ()=>{
+                                            onChange({
+                                                target: {
+                                                    name: input.name
+                                                }
+                                            });
+                                        }
+                                    })
+                                }, input.name ?? key);
+                            }
+                            // Default rendering for all other input types
+                            return /*#__PURE__*/ jsx(Grid.Item, {
+                                col: input.size ?? 6,
+                                xs: 12,
+                                direction: "column",
+                                alignItems: "stretch",
+                                children: /*#__PURE__*/ jsx(MemoizedGenericInput, {
+                                    ...input,
+                                    ...sharedInputProps,
+                                    error: errorId,
+                                    intlLabel: intlLabel,
+                                    onChange: onChange,
+                                    value: value,
+                                    autoFocus: i === 0
+                                })
+                            }, input.name ?? key);
+                        })
+                    })
+                ]
+            }, sectionIndex);
+        })
+    });
+};
+
+export { TabForm };
+//# sourceMappingURL=TabForm.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabForm.mjs","sources":["../../../admin/src/components/TabForm.tsx"],"sourcesContent":["import { Box, Grid, Typography, Button, Tooltip } from '@strapi/design-system';\r\nimport get from 'lodash/get';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { getAvailableConditionFields } from '../utils/conditions';\r\n\r\nimport { GenericInput } from './GenericInputs';\r\n\r\nimport type { AnyAttribute, AttributeConditions, IntlLabel } from '../types';\r\n\r\ntype FormInput = Partial<React.ComponentProps<typeof GenericInput>> & {\r\n  name: string;\r\n  type: string;\r\n  size?: number;\r\n};\r\n\r\ntype FormSection = {\r\n  sectionTitle?: IntlLabel | null;\r\n  intlLabel?: IntlLabel;\r\n  items: FormInput[];\r\n};\r\n\r\ntype FormError = {\r\n  id?: string;\r\n};\r\n\r\ntype GenericInputProps = Record<string, unknown> & {\r\n  attributeName?: string;\r\n  contentTypeSchema?: {\r\n    attributes?: AnyAttribute[];\r\n  };\r\n};\r\n\r\ntype ModifiedData = Record<string, unknown> & {\r\n  name?: string;\r\n};\r\n\r\ntype TabFormChangeHandler = (value: {\r\n  target: {\r\n    name: string;\r\n    value?: unknown;\r\n    type?: string;\r\n  };\r\n}) => void;\r\n\r\ntype TabFormProps = {\r\n  form: FormSection[];\r\n  formErrors: Record<string, FormError>;\r\n  genericInputProps: GenericInputProps;\r\n  modifiedData: ModifiedData;\r\n  onChange: TabFormChangeHandler;\r\n};\r\n\r\n/* eslint-disable react/no-array-index-key */\r\nexport const TabForm = ({\r\n  form,\r\n  formErrors,\r\n  genericInputProps,\r\n  modifiedData,\r\n  onChange,\r\n}: TabFormProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const sharedInputProps = genericInputProps as Partial<React.ComponentProps<typeof GenericInput>> &\r\n    GenericInputProps;\r\n\r\n  return (\r\n    <>\r\n      {form.map((section, sectionIndex) => {\r\n        // Don't display an empty section\r\n        if (section.items.length === 0) {\r\n          return null;\r\n        }\r\n        return (\r\n          <Box key={sectionIndex}>\r\n            {section.sectionTitle && (\r\n              <Box paddingBottom={4}>\r\n                <Typography variant=\"delta\" tag=\"h3\">\r\n                  {formatMessage(section.sectionTitle)}\r\n                </Typography>\r\n              </Box>\r\n            )}\r\n            {section.intlLabel && (\r\n              <Typography variant=\"pi\" textColor=\"neutral600\">\r\n                {formatMessage(section.intlLabel)}\r\n              </Typography>\r\n            )}\r\n\r\n            <Grid.Root gap={4}>\r\n              {section.items.map((input, i) => {\r\n                const key = `${sectionIndex}.${i}`;\r\n                const intlLabel = input.intlLabel ?? {\r\n                  id: input.name,\r\n                  defaultMessage: input.name,\r\n                };\r\n\r\n                /**\r\n                 * Use undefined as the default value because not every input wants a string e.g. Date pickers\r\n                 */\r\n                const value = get(modifiedData, input.name, undefined);\r\n\r\n                // When extending the yup schema of an existing field (like in https://github.com/strapi/strapi/blob/293ff3b8f9559236609d123a2774e3be05ce8274/packages/strapi-plugin-i18n/admin/src/index.js#L52)\r\n                // and triggering a yup validation error in the UI (missing a required field for example)\r\n                // We got an object that looks like: formErrors = { \"pluginOptions.i18n.localized\": {...} }\r\n                // In order to deal with this error, we can't rely on lodash.get to resolve this key\r\n                // - lodash will try to access {pluginOptions: {i18n: {localized: true}}})\r\n                // - and we just want to access { \"pluginOptions.i18n.localized\": {...} }\r\n                // NOTE: this is a hack\r\n                const pluginOptionError = Object.keys(formErrors).find((key) => key === input.name);\r\n\r\n                // Retrieve the error for a specific input\r\n                const errorId = pluginOptionError\r\n                  ? formErrors[pluginOptionError]?.id\r\n                  : get(\r\n                      formErrors,\r\n                      [\r\n                        ...input.name\r\n                          .split('.')\r\n                          // The filter here is used when creating a component\r\n                          // in the component step 1 modal\r\n                          // Since the component info is stored in the\r\n                          // componentToCreate object we can access the error\r\n                          // By removing the key\r\n                          .filter((key: string) => key !== 'componentToCreate'),\r\n                        'id',\r\n                      ],\r\n                      null\r\n                    );\r\n\r\n                if (input.type === 'pushRight') {\r\n                  return (\r\n                    <Grid.Item\r\n                      col={input.size ?? 6}\r\n                      xs={12}\r\n                      key={input.name ?? key}\r\n                      direction=\"column\"\r\n                      alignItems=\"stretch\"\r\n                    >\r\n                      <div />\r\n                    </Grid.Item>\r\n                  );\r\n                }\r\n\r\n                // Special handling for 'condition-form'\r\n                if (input.type === 'condition-form') {\r\n                  const currentCondition = get(modifiedData, input.name) as\r\n                    | AttributeConditions\r\n                    | null\r\n                    | undefined;\r\n\r\n                  // Get all attributes from the content type schema\r\n                  const contentTypeAttributes =\r\n                    sharedInputProps.contentTypeSchema?.attributes ?? [];\r\n\r\n                  if (!sharedInputProps.contentTypeSchema) {\r\n                    console.warn('contentTypeSchema is undefined, skipping condition form');\r\n                    return null;\r\n                  }\r\n\r\n                  // Filter for boolean and enumeration fields only, excluding the current field\r\n                  const availableFields = getAvailableConditionFields(\r\n                    contentTypeAttributes,\r\n                    modifiedData.name ?? ''\r\n                  );\r\n\r\n                  const noFieldsMessage = formatMessage({\r\n                    id: 'form.attribute.condition.no-fields',\r\n                    defaultMessage:\r\n                      'No boolean or enumeration fields available to set conditions on.',\r\n                  });\r\n\r\n                  return (\r\n                    <Grid.Item\r\n                      col={input.size ?? 12}\r\n                      xs={12}\r\n                      key={input.name ?? key}\r\n                      direction=\"column\"\r\n                      alignItems=\"stretch\"\r\n                    >\r\n                      {currentCondition === null ||\r\n                      currentCondition === undefined ||\r\n                      Object.keys(currentCondition).length === 0 ? (\r\n                        <Box>\r\n                          <Tooltip label={noFieldsMessage}>\r\n                            <Button\r\n                              marginTop={4}\r\n                              fullWidth={true}\r\n                              variant=\"secondary\"\r\n                              onClick={() => {\r\n                                onChange({\r\n                                  target: {\r\n                                    name: input.name,\r\n                                    value: { visible: { '==': [{ var: '' }, ''] } },\r\n                                  },\r\n                                });\r\n                              }}\r\n                              startIcon={<span aria-hidden>＋</span>}\r\n                              disabled={availableFields.length === 0}\r\n                            >\r\n                              {formatMessage({\r\n                                id: 'form.attribute.condition.apply',\r\n                                defaultMessage: 'Apply condition',\r\n                              })}\r\n                            </Button>\r\n                          </Tooltip>\r\n                        </Box>\r\n                      ) : (\r\n                        <GenericInput\r\n                          {...input}\r\n                          {...sharedInputProps}\r\n                          error={errorId}\r\n                          intlLabel={intlLabel}\r\n                          onChange={onChange}\r\n                          value={value}\r\n                          autoFocus={i === 0}\r\n                          attributeName={modifiedData.name}\r\n                          conditionFields={availableFields}\r\n                          onDelete={() => {\r\n                            onChange({\r\n                              target: {\r\n                                name: input.name,\r\n                              },\r\n                            });\r\n                          }}\r\n                        />\r\n                      )}\r\n                    </Grid.Item>\r\n                  );\r\n                }\r\n\r\n                // Default rendering for all other input types\r\n                return (\r\n                  <Grid.Item\r\n                    col={input.size ?? 6}\r\n                    xs={12}\r\n                    key={input.name ?? key}\r\n                    direction=\"column\"\r\n                    alignItems=\"stretch\"\r\n                  >\r\n                    <GenericInput\r\n                      {...input}\r\n                      {...sharedInputProps}\r\n                      error={errorId}\r\n                      intlLabel={intlLabel}\r\n                      onChange={onChange}\r\n                      value={value}\r\n                      autoFocus={i === 0}\r\n                    />\r\n                  </Grid.Item>\r\n                );\r\n              })}\r\n            </Grid.Root>\r\n          </Box>\r\n        );\r\n      })}\r\n    </>\r\n  );\r\n};\r\n"],"names":["TabForm","form","formErrors","genericInputProps","modifiedData","onChange","formatMessage","useIntl","sharedInputProps","_jsx","_Fragment","map","section","sectionIndex","items","length","_jsxs","Box","sectionTitle","paddingBottom","Typography","variant","tag","intlLabel","textColor","Grid","Root","gap","input","i","key","id","name","defaultMessage","value","get","undefined","pluginOptionError","Object","keys","find","errorId","split","filter","type","Item","col","size","xs","direction","alignItems","div","currentCondition","contentTypeAttributes","contentTypeSchema","attributes","console","warn","availableFields","getAvailableConditionFields","noFieldsMessage","Tooltip","label","Button","marginTop","fullWidth","onClick","target","visible","var","startIcon","span","aria-hidden","disabled","GenericInput","error","autoFocus","attributeName","conditionFields","onDelete"],"mappings":"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"}

package/dist/admin/components/TextareaEnum.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const TextareaEnum = ({ description = null, disabled = false, error = '', intlLabel, labelAction, name, onChange, placeholder = null, value = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const label = formatMessage(intlLabel);
+    const formattedPlaceholder = placeholder ? formatMessage({
+        id: placeholder.id,
+        defaultMessage: placeholder.defaultMessage
+    }, {
+        ...placeholder.values
+    }) : '';
+    const inputValue = Array.isArray(value) ? value.join('\n') : '';
+    const handleChange = (e)=>{
+        const arrayValue = e.target.value.split('\n');
+        onChange({
+            target: {
+                name,
+                value: arrayValue
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        hint: hint,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                action: labelAction,
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Textarea, {
+                disabled: disabled,
+                onChange: handleChange,
+                placeholder: formattedPlaceholder,
+                value: inputValue
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ]
+    });
+};
+
+exports.TextareaEnum = TextareaEnum;
+//# sourceMappingURL=TextareaEnum.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaEnum.js","sources":["../../../admin/src/components/TextareaEnum.tsx"],"sourcesContent":["import { ReactNode, ChangeEvent } from 'react';\r\n\r\nimport { Field, Textarea } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport type { IntlLabel } from '../types';\r\n\r\ninterface TextareaEnumProps {\r\n  description?: IntlLabel | null;\r\n  disabled?: boolean;\r\n  error?: string;\r\n  intlLabel: IntlLabel;\r\n  labelAction?: ReactNode;\r\n  name: string;\r\n  onChange: (value: { target: { name: string; value: string | string[] } }) => void;\r\n  placeholder?: IntlLabel | null;\r\n  value: string | string[] | undefined;\r\n}\r\n\r\nexport const TextareaEnum = ({\r\n  description = null,\r\n  disabled = false,\r\n  error = '',\r\n  intlLabel,\r\n  labelAction,\r\n  name,\r\n  onChange,\r\n  placeholder = null,\r\n  value = '',\r\n}: TextareaEnumProps) => {\r\n  const { formatMessage } = useIntl();\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  const formattedPlaceholder = placeholder\r\n    ? formatMessage(\r\n        { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\r\n        { ...placeholder.values }\r\n      )\r\n    : '';\r\n\r\n  const inputValue = Array.isArray(value) ? value.join('\\n') : '';\r\n\r\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\r\n    const arrayValue = e.target.value.split('\\n');\r\n\r\n    onChange({ target: { name, value: arrayValue } });\r\n  };\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} hint={hint} name={name}>\r\n      <Field.Label action={labelAction}>{label}</Field.Label>\r\n      <Textarea\r\n        disabled={disabled}\r\n        onChange={handleChange}\r\n        placeholder={formattedPlaceholder}\r\n        value={inputValue}\r\n      />\r\n      <Field.Error />\r\n      <Field.Hint />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["TextareaEnum","description","disabled","error","intlLabel","labelAction","name","onChange","placeholder","value","formatMessage","useIntl","errorMessage","id","defaultMessage","hint","values","label","formattedPlaceholder","inputValue","Array","isArray","join","handleChange","e","arrayValue","target","split","_jsxs","Field","Root","_jsx","Label","action","Textarea","Error","Hint"],"mappings":";;;;;;AAmBO,MAAMA,YAAAA,GAAe,CAAC,EAC3BC,WAAAA,GAAc,IAAI,EAClBC,QAAAA,GAAW,KAAK,EAChBC,KAAAA,GAAQ,EAAE,EACVC,SAAS,EACTC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAAA,GAAc,IAAI,EAClBC,KAAAA,GAAQ,EAAE,EACQ,GAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAC1B,MAAMC,YAAAA,GAAeT,QAAQO,aAAAA,CAAc;QAAEG,EAAAA,EAAIV,KAAAA;QAAOW,cAAAA,EAAgBX;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMY,IAAAA,GAAOd,cACTS,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIZ,YAAYY,EAAE;AAAEC,QAAAA,cAAAA,EAAgBb,YAAYa;KAAe,EACjE;AAAE,QAAA,GAAGb,YAAYe;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQP,aAAAA,CAAcN,SAAAA,CAAAA;IAC5B,MAAMc,oBAAAA,GAAuBV,cACzBE,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIL,YAAYK,EAAE;AAAEC,QAAAA,cAAAA,EAAgBN,YAAYM;KAAe,EACjE;AAAE,QAAA,GAAGN,YAAYQ;KAAO,CAAA,GAE1B,EAAA;IAEJ,MAAMG,UAAAA,GAAaC,MAAMC,OAAO,CAACZ,SAASA,KAAAA,CAAMa,IAAI,CAAC,IAAA,CAAA,GAAQ,EAAA;AAE7D,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,aAAaD,CAAAA,CAAEE,MAAM,CAACjB,KAAK,CAACkB,KAAK,CAAC,IAAA,CAAA;QAExCpB,QAAAA,CAAS;YAAEmB,MAAAA,EAAQ;AAAEpB,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOgB;AAAW;AAAE,SAAA,CAAA;AACjD,IAAA,CAAA;IAEA,qBACEG,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAC3B,KAAAA,EAAOS,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMT,IAAAA,EAAMA,IAAAA;;AACjD,0BAAAyB,cAAA,CAACF,mBAAMG,KAAK,EAAA;gBAACC,MAAAA,EAAQ5B,WAAAA;AAAcY,gBAAAA,QAAAA,EAAAA;;0BACnCc,cAAA,CAACG,qBAAAA,EAAAA;gBACChC,QAAAA,EAAUA,QAAAA;gBACVK,QAAAA,EAAUgB,YAAAA;gBACVf,WAAAA,EAAaU,oBAAAA;gBACbT,KAAAA,EAAOU;;AAET,0BAAAY,cAAA,CAACF,mBAAMM,KAAK,EAAA,EAAA,CAAA;AACZ,0BAAAJ,cAAA,CAACF,mBAAMO,IAAI,EAAA,EAAA;;;AAGjB;;;;"}

package/dist/admin/components/TextareaEnum.mjs

@@ -0,0 +1,56 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, Textarea } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const TextareaEnum = ({ description = null, disabled = false, error = '', intlLabel, labelAction, name, onChange, placeholder = null, value = '' })=>{
+    const { formatMessage } = useIntl();
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        ...description.values
+    }) : '';
+    const label = formatMessage(intlLabel);
+    const formattedPlaceholder = placeholder ? formatMessage({
+        id: placeholder.id,
+        defaultMessage: placeholder.defaultMessage
+    }, {
+        ...placeholder.values
+    }) : '';
+    const inputValue = Array.isArray(value) ? value.join('\n') : '';
+    const handleChange = (e)=>{
+        const arrayValue = e.target.value.split('\n');
+        onChange({
+            target: {
+                name,
+                value: arrayValue
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        hint: hint,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                action: labelAction,
+                children: label
+            }),
+            /*#__PURE__*/ jsx(Textarea, {
+                disabled: disabled,
+                onChange: handleChange,
+                placeholder: formattedPlaceholder,
+                value: inputValue
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {}),
+            /*#__PURE__*/ jsx(Field.Hint, {})
+        ]
+    });
+};
+
+export { TextareaEnum };
+//# sourceMappingURL=TextareaEnum.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaEnum.mjs","sources":["../../../admin/src/components/TextareaEnum.tsx"],"sourcesContent":["import { ReactNode, ChangeEvent } from 'react';\r\n\r\nimport { Field, Textarea } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport type { IntlLabel } from '../types';\r\n\r\ninterface TextareaEnumProps {\r\n  description?: IntlLabel | null;\r\n  disabled?: boolean;\r\n  error?: string;\r\n  intlLabel: IntlLabel;\r\n  labelAction?: ReactNode;\r\n  name: string;\r\n  onChange: (value: { target: { name: string; value: string | string[] } }) => void;\r\n  placeholder?: IntlLabel | null;\r\n  value: string | string[] | undefined;\r\n}\r\n\r\nexport const TextareaEnum = ({\r\n  description = null,\r\n  disabled = false,\r\n  error = '',\r\n  intlLabel,\r\n  labelAction,\r\n  name,\r\n  onChange,\r\n  placeholder = null,\r\n  value = '',\r\n}: TextareaEnumProps) => {\r\n  const { formatMessage } = useIntl();\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  const formattedPlaceholder = placeholder\r\n    ? formatMessage(\r\n        { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\r\n        { ...placeholder.values }\r\n      )\r\n    : '';\r\n\r\n  const inputValue = Array.isArray(value) ? value.join('\\n') : '';\r\n\r\n  const handleChange = (e: ChangeEvent<HTMLTextAreaElement>) => {\r\n    const arrayValue = e.target.value.split('\\n');\r\n\r\n    onChange({ target: { name, value: arrayValue } });\r\n  };\r\n\r\n  return (\r\n    <Field.Root error={errorMessage} hint={hint} name={name}>\r\n      <Field.Label action={labelAction}>{label}</Field.Label>\r\n      <Textarea\r\n        disabled={disabled}\r\n        onChange={handleChange}\r\n        placeholder={formattedPlaceholder}\r\n        value={inputValue}\r\n      />\r\n      <Field.Error />\r\n      <Field.Hint />\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["TextareaEnum","description","disabled","error","intlLabel","labelAction","name","onChange","placeholder","value","formatMessage","useIntl","errorMessage","id","defaultMessage","hint","values","label","formattedPlaceholder","inputValue","Array","isArray","join","handleChange","e","arrayValue","target","split","_jsxs","Field","Root","_jsx","Label","action","Textarea","Error","Hint"],"mappings":";;;;AAmBO,MAAMA,YAAAA,GAAe,CAAC,EAC3BC,WAAAA,GAAc,IAAI,EAClBC,QAAAA,GAAW,KAAK,EAChBC,KAAAA,GAAQ,EAAE,EACVC,SAAS,EACTC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAAA,GAAc,IAAI,EAClBC,KAAAA,GAAQ,EAAE,EACQ,GAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;IAC1B,MAAMC,YAAAA,GAAeT,QAAQO,aAAAA,CAAc;QAAEG,EAAAA,EAAIV,KAAAA;QAAOW,cAAAA,EAAgBX;KAAM,CAAA,GAAK,EAAA;IACnF,MAAMY,IAAAA,GAAOd,cACTS,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIZ,YAAYY,EAAE;AAAEC,QAAAA,cAAAA,EAAgBb,YAAYa;KAAe,EACjE;AAAE,QAAA,GAAGb,YAAYe;KAAO,CAAA,GAE1B,EAAA;AACJ,IAAA,MAAMC,QAAQP,aAAAA,CAAcN,SAAAA,CAAAA;IAC5B,MAAMc,oBAAAA,GAAuBV,cACzBE,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIL,YAAYK,EAAE;AAAEC,QAAAA,cAAAA,EAAgBN,YAAYM;KAAe,EACjE;AAAE,QAAA,GAAGN,YAAYQ;KAAO,CAAA,GAE1B,EAAA;IAEJ,MAAMG,UAAAA,GAAaC,MAAMC,OAAO,CAACZ,SAASA,KAAAA,CAAMa,IAAI,CAAC,IAAA,CAAA,GAAQ,EAAA;AAE7D,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,aAAaD,CAAAA,CAAEE,MAAM,CAACjB,KAAK,CAACkB,KAAK,CAAC,IAAA,CAAA;QAExCpB,QAAAA,CAAS;YAAEmB,MAAAA,EAAQ;AAAEpB,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOgB;AAAW;AAAE,SAAA,CAAA;AACjD,IAAA,CAAA;IAEA,qBACEG,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAC3B,KAAAA,EAAOS,YAAAA;QAAcG,IAAAA,EAAMA,IAAAA;QAAMT,IAAAA,EAAMA,IAAAA;;AACjD,0BAAAyB,GAAA,CAACF,MAAMG,KAAK,EAAA;gBAACC,MAAAA,EAAQ5B,WAAAA;AAAcY,gBAAAA,QAAAA,EAAAA;;0BACnCc,GAAA,CAACG,QAAAA,EAAAA;gBACChC,QAAAA,EAAUA,QAAAA;gBACVK,QAAAA,EAAUgB,YAAAA;gBACVf,WAAAA,EAAaU,oBAAAA;gBACbT,KAAAA,EAAOU;;AAET,0BAAAY,GAAA,CAACF,MAAMM,KAAK,EAAA,EAAA,CAAA;AACZ,0BAAAJ,GAAA,CAACF,MAAMO,IAAI,EAAA,EAAA;;;AAGjB;;;;"}

package/dist/admin/constants.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const PERMISSIONS = {
+    // This permission regards the main component (App) and is used to tell
+    // If the plugin link should be displayed in the menu
+    // And also if the plugin is accessible. This use case is found when a user types the url of the
+    // plugin directly in the browser
+    main: [
+        {
+            action: 'plugin::content-type-builder.read',
+            subject: null
+        }
+    ]
+};
+const MAX_COMPONENT_DEPTH = 6;
+
+exports.MAX_COMPONENT_DEPTH = MAX_COMPONENT_DEPTH;
+exports.PERMISSIONS = PERMISSIONS;
+//# sourceMappingURL=constants.js.map

package/dist/admin/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../admin/src/constants.ts"],"sourcesContent":["export const PERMISSIONS = {\r\n  // This permission regards the main component (App) and is used to tell\r\n  // If the plugin link should be displayed in the menu\r\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\r\n  // plugin directly in the browser\r\n  main: [{ action: 'plugin::content-type-builder.read', subject: null }],\r\n};\r\n\r\nexport const MAX_COMPONENT_DEPTH = 6;\r\n"],"names":["PERMISSIONS","main","action","subject","MAX_COMPONENT_DEPTH"],"mappings":";;MAAaA,WAAAA,GAAc;;;;;IAKzBC,IAAAA,EAAM;AAAC,QAAA;YAAEC,MAAAA,EAAQ,mCAAA;YAAqCC,OAAAA,EAAS;AAAK;AAAE;AACxE;AAEO,MAAMC,sBAAsB;;;;;"}

package/dist/admin/constants.mjs

@@ -0,0 +1,16 @@
+const PERMISSIONS = {
+    // This permission regards the main component (App) and is used to tell
+    // If the plugin link should be displayed in the menu
+    // And also if the plugin is accessible. This use case is found when a user types the url of the
+    // plugin directly in the browser
+    main: [
+        {
+            action: 'plugin::content-type-builder.read',
+            subject: null
+        }
+    ]
+};
+const MAX_COMPONENT_DEPTH = 6;
+
+export { MAX_COMPONENT_DEPTH, PERMISSIONS };
+//# sourceMappingURL=constants.mjs.map

package/dist/admin/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../admin/src/constants.ts"],"sourcesContent":["export const PERMISSIONS = {\r\n  // This permission regards the main component (App) and is used to tell\r\n  // If the plugin link should be displayed in the menu\r\n  // And also if the plugin is accessible. This use case is found when a user types the url of the\r\n  // plugin directly in the browser\r\n  main: [{ action: 'plugin::content-type-builder.read', subject: null }],\r\n};\r\n\r\nexport const MAX_COMPONENT_DEPTH = 6;\r\n"],"names":["PERMISSIONS","main","action","subject","MAX_COMPONENT_DEPTH"],"mappings":"MAAaA,WAAAA,GAAc;;;;;IAKzBC,IAAAA,EAAM;AAAC,QAAA;YAAEC,MAAAA,EAAQ,mCAAA;YAAqCC,OAAAA,EAAS;AAAK;AAAE;AACxE;AAEO,MAAMC,sBAAsB;;;;"}

package/dist/admin/icons/Curve.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const StyledBox = styledComponents.styled(designSystem.Box)`
+  position: absolute;
+  left: -3.4rem;
+  top: 0px;
+
+  &:before {
+    content: '';
+    width: 0.4rem;
+    height: 1.2rem;
+    background: ${({ theme, color })=>theme.colors[color]};
+    display: block;
+  }
+`;
+const Svg = styledComponents.styled.svg`
+  position: relative;
+  flex-shrink: 0;
+  transform: translate(-0.5px, -1px);
+
+  * {
+    fill: ${({ theme, color })=>theme.colors[color]};
+  }
+`;
+const Curve = (props)=>/*#__PURE__*/ jsxRuntime.jsx(StyledBox, {
+        ...props,
+        children: /*#__PURE__*/ jsxRuntime.jsx(Svg, {
+            width: "20",
+            height: "23",
+            viewBox: "0 0 20 23",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            ...props,
+            children: /*#__PURE__*/ jsxRuntime.jsx("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z"
+            })
+        })
+    });
+
+exports.Curve = Curve;
+//# sourceMappingURL=Curve.js.map

package/dist/admin/icons/Curve.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Curve.js","sources":["../../../admin/src/icons/Curve.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\r\nimport { styled, type DefaultTheme } from 'styled-components';\r\n\r\nconst StyledBox = styled(Box)<CurveProps>`\r\n  position: absolute;\r\n  left: -3.4rem;\r\n  top: 0px;\r\n\r\n  &:before {\r\n    content: '';\r\n    width: 0.4rem;\r\n    height: 1.2rem;\r\n    background: ${({ theme, color }) => theme.colors[color!]};\r\n    display: block;\r\n  }\r\n`;\r\n\r\nconst Svg = styled.svg<CurveProps>`\r\n  position: relative;\r\n  flex-shrink: 0;\r\n  transform: translate(-0.5px, -1px);\r\n\r\n  * {\r\n    fill: ${({ theme, color }) => theme.colors[color!]};\r\n  }\r\n`;\r\n\r\ninterface CurveProps {\r\n  color: keyof DefaultTheme['colors'];\r\n}\r\n\r\nexport const Curve = (props: CurveProps) => (\r\n  <StyledBox {...props}>\r\n    <Svg\r\n      width=\"20\"\r\n      height=\"23\"\r\n      viewBox=\"0 0 20 23\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\r\n      />\r\n    </Svg>\r\n  </StyledBox>\r\n);\r\n"],"names":["StyledBox","styled","Box","theme","color","colors","Svg","svg","Curve","props","_jsx","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d"],"mappings":";;;;;;AAGA,MAAMA,SAAAA,GAAYC,uBAAAA,CAAOC,gBAAAA,CAAgB,CAAC;;;;;;;;;gBAS1B,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAAA,CAAME,MAAM,CAACD,KAAAA,CAAO,CAAC;;;AAG7D,CAAC;AAED,MAAME,GAAAA,GAAML,uBAAAA,CAAOM,GAAe,CAAC;;;;;;UAMzB,EAAE,CAAC,EAAEJ,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAAA,CAAME,MAAM,CAACD,KAAAA,CAAO,CAAC;;AAEvD,CAAC;AAMM,MAAMI,KAAAA,GAAQ,CAACC,KAAAA,iBACpBC,cAAA,CAACV,SAAAA,EAAAA;AAAW,QAAA,GAAGS,KAAK;AAClB,QAAA,QAAA,gBAAAC,cAAA,CAACJ,GAAAA,EAAAA;YACCK,KAAAA,EAAM,IAAA;YACNC,MAAAA,EAAO,IAAA;YACPC,OAAAA,EAAQ,WAAA;YACRC,IAAAA,EAAK,MAAA;YACLC,KAAAA,EAAM,4BAAA;AACL,YAAA,GAAGN,KAAK;AAET,YAAA,QAAA,gBAAAC,cAAA,CAACM,MAAAA,EAAAA;gBACCC,QAAAA,EAAS,SAAA;gBACTC,QAAAA,EAAS,SAAA;gBACTC,CAAAA,EAAE;;;AAIR,KAAA;;;;"}

package/dist/admin/icons/Curve.mjs

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const StyledBox = styled(Box)`
+  position: absolute;
+  left: -3.4rem;
+  top: 0px;
+
+  &:before {
+    content: '';
+    width: 0.4rem;
+    height: 1.2rem;
+    background: ${({ theme, color })=>theme.colors[color]};
+    display: block;
+  }
+`;
+const Svg = styled.svg`
+  position: relative;
+  flex-shrink: 0;
+  transform: translate(-0.5px, -1px);
+
+  * {
+    fill: ${({ theme, color })=>theme.colors[color]};
+  }
+`;
+const Curve = (props)=>/*#__PURE__*/ jsx(StyledBox, {
+        ...props,
+        children: /*#__PURE__*/ jsx(Svg, {
+            width: "20",
+            height: "23",
+            viewBox: "0 0 20 23",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            ...props,
+            children: /*#__PURE__*/ jsx("path", {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z"
+            })
+        })
+    });
+
+export { Curve };
+//# sourceMappingURL=Curve.mjs.map

package/dist/admin/icons/Curve.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Curve.mjs","sources":["../../../admin/src/icons/Curve.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\r\nimport { styled, type DefaultTheme } from 'styled-components';\r\n\r\nconst StyledBox = styled(Box)<CurveProps>`\r\n  position: absolute;\r\n  left: -3.4rem;\r\n  top: 0px;\r\n\r\n  &:before {\r\n    content: '';\r\n    width: 0.4rem;\r\n    height: 1.2rem;\r\n    background: ${({ theme, color }) => theme.colors[color!]};\r\n    display: block;\r\n  }\r\n`;\r\n\r\nconst Svg = styled.svg<CurveProps>`\r\n  position: relative;\r\n  flex-shrink: 0;\r\n  transform: translate(-0.5px, -1px);\r\n\r\n  * {\r\n    fill: ${({ theme, color }) => theme.colors[color!]};\r\n  }\r\n`;\r\n\r\ninterface CurveProps {\r\n  color: keyof DefaultTheme['colors'];\r\n}\r\n\r\nexport const Curve = (props: CurveProps) => (\r\n  <StyledBox {...props}>\r\n    <Svg\r\n      width=\"20\"\r\n      height=\"23\"\r\n      viewBox=\"0 0 20 23\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M7.02477 14.7513C8.65865 17.0594 11.6046 18.6059 17.5596 18.8856C18.6836 18.9384 19.5976 19.8435 19.5976 20.9688V20.9688C19.5976 22.0941 18.6841 23.0125 17.5599 22.9643C10.9409 22.6805 6.454 20.9387 3.75496 17.1258C0.937988 13.1464 0.486328 7.39309 0.486328 0.593262H4.50974C4.50974 7.54693 5.06394 11.9813 7.02477 14.7513Z\"\r\n      />\r\n    </Svg>\r\n  </StyledBox>\r\n);\r\n"],"names":["StyledBox","styled","Box","theme","color","colors","Svg","svg","Curve","props","_jsx","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d"],"mappings":";;;;AAGA,MAAMA,SAAAA,GAAYC,MAAAA,CAAOC,GAAAA,CAAgB,CAAC;;;;;;;;;gBAS1B,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAAA,CAAME,MAAM,CAACD,KAAAA,CAAO,CAAC;;;AAG7D,CAAC;AAED,MAAME,GAAAA,GAAML,MAAAA,CAAOM,GAAe,CAAC;;;;;;UAMzB,EAAE,CAAC,EAAEJ,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAAA,CAAME,MAAM,CAACD,KAAAA,CAAO,CAAC;;AAEvD,CAAC;AAMM,MAAMI,KAAAA,GAAQ,CAACC,KAAAA,iBACpBC,GAAA,CAACV,SAAAA,EAAAA;AAAW,QAAA,GAAGS,KAAK;AAClB,QAAA,QAAA,gBAAAC,GAAA,CAACJ,GAAAA,EAAAA;YACCK,KAAAA,EAAM,IAAA;YACNC,MAAAA,EAAO,IAAA;YACPC,OAAAA,EAAQ,WAAA;YACRC,IAAAA,EAAK,MAAA;YACLC,KAAAA,EAAM,4BAAA;AACL,YAAA,GAAGN,KAAK;AAET,YAAA,QAAA,gBAAAC,GAAA,CAACM,MAAAA,EAAAA;gBACCC,QAAAA,EAAS,SAAA;gBACTC,QAAAA,EAAS,SAAA;gBACTC,CAAAA,EAAE;;;AAIR,KAAA;;;;"}