node_modules ignore

server/node_modules/@strapi/i18n/dist/admin/components/CreateLocale.js

@@ -0,0 +1,395 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var yup = require('yup');
+var locales = require('../services/locales.js');
+var baseQuery = require('../utils/baseQuery.js');
+var getTranslation = require('../utils/getTranslation.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const CreateLocale = ({ disabled, variant = 'default' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [visible, setVisible] = React__namespace.useState(false);
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Root, {
+        open: visible,
+        onOpenChange: setVisible,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: variant,
+                    disabled: disabled,
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    onClick: ()=>setVisible(true),
+                    size: "S",
+                    children: formatMessage({
+                        id: getTranslation.getTranslation('Settings.list.actions.add'),
+                        defaultMessage: 'Add new locale'
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(CreateModal, {
+                onClose: ()=>setVisible(false)
+            })
+        ]
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * CreateModal
+ * -----------------------------------------------------------------------------------------------*/ const LOCALE_SCHEMA = yup__namespace.object().shape({
+    code: yup__namespace.string().nullable().required({
+        id: 'Settings.locales.modal.create.code.error',
+        defaultMessage: 'Please select a locale'
+    }),
+    name: yup__namespace.string().nullable().max(50, {
+        id: 'Settings.locales.modal.create.name.error.min',
+        defaultMessage: 'The locale display name can only be less than 50 characters.'
+    }).required({
+        id: 'Settings.locales.modal.create.name.error.required',
+        defaultMessage: 'Please give the locale a display name'
+    }),
+    isDefault: yup__namespace.boolean()
+});
+const initialFormValues = {
+    code: '',
+    name: '',
+    isDefault: false
+};
+const CreateModal = ({ onClose })=>{
+    const titleId = designSystem.useId();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
+    const [createLocale] = locales.useCreateLocaleMutation();
+    const { formatMessage } = reactIntl.useIntl();
+    const refetchPermissions = strapiAdmin.useAuth('CreateModal', (state)=>state.refetchPermissions);
+    const handleSubmit = async (values, helpers)=>{
+        try {
+            const res = await createLocale(values);
+            if ('error' in res) {
+                if (baseQuery.isBaseQueryError(res.error) && res.error.name === 'ValidationError') {
+                    helpers.setErrors(formatValidationErrors(res.error));
+                } else {
+                    toggleNotification({
+                        type: 'danger',
+                        message: formatAPIError(res.error)
+                    });
+                }
+                return;
+            }
+            toggleNotification({
+                type: 'success',
+                message: formatMessage({
+                    id: getTranslation.getTranslation('Settings.locales.modal.create.success'),
+                    defaultMessage: 'Created locale'
+                })
+            });
+            refetchPermissions();
+            onClose();
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred, please try again'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+        children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Form, {
+            method: "POST",
+            initialValues: initialFormValues,
+            validationSchema: LOCALE_SCHEMA,
+            onSubmit: handleSubmit,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                        children: formatMessage({
+                            id: getTranslation.getTranslation('Settings.list.actions.add'),
+                            defaultMessage: 'Add new locale'
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.Root, {
+                        variant: "simple",
+                        defaultValue: "basic",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                                justifyContent: "space-between",
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                        tag: "h2",
+                                        variant: "beta",
+                                        id: titleId,
+                                        children: formatMessage({
+                                            id: getTranslation.getTranslation('Settings.locales.modal.title'),
+                                            defaultMessage: 'Configuration'
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tabs.List, {
+                                        "aria-labelledby": titleId,
+                                        children: [
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Trigger, {
+                                                value: "basic",
+                                                children: formatMessage({
+                                                    id: getTranslation.getTranslation('Settings.locales.modal.base'),
+                                                    defaultMessage: 'Basic settings'
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Trigger, {
+                                                value: "advanced",
+                                                children: formatMessage({
+                                                    id: getTranslation.getTranslation('Settings.locales.modal.advanced'),
+                                                    defaultMessage: 'Advanced settings'
+                                                })
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+                            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Box, {
+                                paddingTop: 7,
+                                paddingBottom: 7,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                        value: "basic",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(BaseForm, {})
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                        value: "advanced",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(AdvancedForm, {})
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Close, {
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                variant: "tertiary",
+                                children: formatMessage({
+                                    id: 'app.components.Button.cancel',
+                                    defaultMessage: 'Cancel'
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(SubmitButton, {})
+                    ]
+                })
+            ]
+        })
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * SubmitButton
+ * -----------------------------------------------------------------------------------------------*/ const SubmitButton = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const isSubmitting = strapiAdmin.useForm('SubmitButton', (state)=>state.isSubmitting);
+    const modified = strapiAdmin.useForm('SubmitButton', (state)=>state.modified);
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+        type: "submit",
+        startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Check, {}),
+        disabled: isSubmitting || !modified,
+        children: formatMessage({
+            id: 'global.save',
+            defaultMessage: 'Save'
+        })
+    });
+};
+const BaseForm = ({ mode = 'create' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError } = strapiAdmin.useAPIErrorHandler();
+    const { data: defaultLocales, error } = locales.useGetDefaultLocalesQuery();
+    React__namespace.useEffect(()=>{
+        if (error) {
+            toggleNotification({
+                type: 'danger',
+                message: formatAPIError(error)
+            });
+        }
+    }, [
+        error,
+        formatAPIError,
+        toggleNotification
+    ]);
+    if (!Array.isArray(defaultLocales)) {
+        return null;
+    }
+    const options = defaultLocales.map((locale)=>({
+            label: locale.name,
+            value: locale.code
+        }));
+    const translatedForm = [
+        {
+            disabled: mode !== 'create',
+            label: {
+                id: getTranslation.getTranslation('Settings.locales.modal.create.code.label'),
+                defaultMessage: 'Locales'
+            },
+            name: 'code',
+            options,
+            placeholder: {
+                id: 'components.placeholder.select',
+                defaultMessage: 'Select'
+            },
+            required: true,
+            size: 6,
+            type: 'enumeration'
+        },
+        {
+            hint: {
+                id: getTranslation.getTranslation('Settings.locales.modal.create.name.label.description'),
+                defaultMessage: 'Locale will be displayed under that name in the administration panel'
+            },
+            label: {
+                id: getTranslation.getTranslation('Settings.locales.modal.create.name.label'),
+                defaultMessage: 'Locale display name'
+            },
+            name: 'name',
+            required: true,
+            size: 6,
+            type: 'string'
+        }
+    ].map((field)=>({
+            ...field,
+            hint: field.hint ? formatMessage(field.hint) : undefined,
+            label: formatMessage(field.label),
+            placeholder: field.placeholder ? formatMessage(field.placeholder) : undefined
+        }));
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+        gap: 4,
+        children: translatedForm.map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                col: size,
+                direction: "column",
+                alignItems: "stretch",
+                children: /*#__PURE__*/ jsxRuntime.jsx(FormRenderer, {
+                    ...field
+                })
+            }, field.name))
+    });
+};
+const AdvancedForm = ({ isDefaultLocale })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const form = [
+        {
+            disabled: isDefaultLocale,
+            hint: {
+                id: getTranslation.getTranslation('Settings.locales.modal.advanced.setAsDefault.hint'),
+                defaultMessage: 'One default locale is required, change it by selecting another one'
+            },
+            label: {
+                id: getTranslation.getTranslation('Settings.locales.modal.advanced.setAsDefault'),
+                defaultMessage: 'Set as default locale'
+            },
+            name: 'isDefault',
+            size: 6,
+            type: 'boolean'
+        }
+    ].map((field)=>({
+            ...field,
+            hint: field.hint ? formatMessage(field.hint) : undefined,
+            label: formatMessage(field.label)
+        }));
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+        gap: 4,
+        children: form.map(({ size, ...field })=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                col: size,
+                direction: "column",
+                alignItems: "stretch",
+                children: /*#__PURE__*/ jsxRuntime.jsx(FormRenderer, {
+                    ...field
+                })
+            }, field.name))
+    });
+};
+/* -------------------------------------------------------------------------------------------------
+ * FormRenderer
+ * -----------------------------------------------------------------------------------------------*/ const FormRenderer = (field)=>{
+    switch(field.type){
+        /**
+     * This will override the default input renderer
+     * choice for `enumeration`.
+     */ case 'enumeration':
+            return /*#__PURE__*/ jsxRuntime.jsx(EnumerationInput, {
+                ...field
+            });
+        default:
+            return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.InputRenderer, {
+                ...field
+            });
+    }
+};
+const EnumerationInput = ({ disabled, hint, label, name, options, placeholder, required })=>{
+    const { value, error, onChange } = strapiAdmin.useField(name);
+    const { data: defaultLocales = [] } = locales.useGetDefaultLocalesQuery();
+    const handleChange = (value)=>{
+        if (Array.isArray(defaultLocales)) {
+            // We know it exists because the options are created from the list of default locales
+            const locale = defaultLocales.find((locale)=>locale.code === value);
+            onChange(name, value);
+            // This lets us automatically fill the name field with the locale name
+            onChange('name', locale.name);
+        } else {
+            onChange(name, value);
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: error,
+        hint: hint,
+        name: name,
+        required: required,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                disabled: disabled,
+                // @ts-expect-error – This will dissapear when the DS removes support for numbers to be returned by SingleSelect.
+                onChange: handleChange,
+                placeholder: placeholder,
+                value: value,
+                children: options.map((option)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                        value: option.value,
+                        children: option.label
+                    }, option.value))
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+        ]
+    });
+};
+
+exports.AdvancedForm = AdvancedForm;
+exports.BaseForm = BaseForm;
+exports.CreateLocale = CreateLocale;
+exports.LOCALE_SCHEMA = LOCALE_SCHEMA;
+exports.SubmitButton = SubmitButton;
+//# sourceMappingURL=CreateLocale.js.map