@strapi/i18n 0.0.0-experimental.c222e1c4de12dd05c26938a605a1128fb3481d1d → 0.0.0-experimental.c23f51fc41b3ef5de081f427d07e87af93cdcb2c

package/dist/admin/components/EditLocale.js

@@ -0,0 +1,212 @@
+'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 locales = require('../services/locales.js');
+var baseQuery = require('../utils/baseQuery.js');
+var getTranslation = require('../utils/getTranslation.js');
+var CreateLocale = require('./CreateLocale.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);
+
+const EditLocale = (props)=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [visible, setVisible] = React__namespace.useState(false);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                onClick: ()=>setVisible(true),
+                label: formatMessage({
+                    id: getTranslation.getTranslation('Settings.list.actions.edit'),
+                    defaultMessage: 'Edit {name} locale'
+                }, {
+                    name: props.name
+                }),
+                variant: "ghost",
+                children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(EditModal, {
+                ...props,
+                open: visible,
+                onOpenChange: setVisible
+            })
+        ]
+    });
+};
+/**
+ * @internal
+ * @description Exported to be used when someone clicks on a table row.
+ */ const EditModal = ({ id, code, isDefault, name, open, onOpenChange })=>{
+    const { toggleNotification } = strapiAdmin.useNotification();
+    const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = strapiAdmin.useAPIErrorHandler();
+    const refetchPermissions = strapiAdmin.useAuth('EditModal', (state)=>state.refetchPermissions);
+    const { formatMessage } = reactIntl.useIntl();
+    const titleId = designSystem.useId();
+    const [updateLocale] = locales.useUpdateLocaleMutation();
+    const handleSubmit = async ({ code: _code, ...data }, helpers)=>{
+        try {
+            /**
+       * We don't need to send the code, because the
+       * code can never be changed.
+       */ const res = await updateLocale({
+                id,
+                ...data
+            });
+            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.edit.success'),
+                    defaultMessage: 'Updated locale'
+                })
+            });
+            refetchPermissions();
+            onOpenChange(false);
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred, please try again'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Content, {
+            children: /*#__PURE__*/ jsxRuntime.jsxs(strapiAdmin.Form, {
+                method: "PUT",
+                onSubmit: handleSubmit,
+                initialValues: {
+                    code,
+                    name,
+                    isDefault
+                },
+                validationSchema: CreateLocale.LOCALE_SCHEMA,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Title, {
+                            children: formatMessage({
+                                id: getTranslation.getTranslation('Settings.list.actions.edit'),
+                                defaultMessage: 'Edit a locale'
+                            }, {
+                                name
+                            })
+                        })
+                    }),
+                    /*#__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(CreateLocale.BaseForm, {
+                                                mode: "edit"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tabs.Content, {
+                                            value: "advanced",
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(CreateLocale.AdvancedForm, {
+                                                isDefaultLocale: isDefault
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__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(CreateLocale.SubmitButton, {})
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+exports.EditLocale = EditLocale;
+exports.EditModal = EditModal;
+//# sourceMappingURL=EditLocale.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditLocale.js","sources":["../../../admin/src/components/EditLocale.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useNotification,\n  useAPIErrorHandler,\n  Form,\n  FormHelpers,\n  useAuth,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Divider,\n  Flex,\n  IconButton,\n  Modal,\n  Tabs,\n  Typography,\n  useId,\n} from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Locale, UpdateLocale } from '../../../shared/contracts/locales';\nimport { useUpdateLocaleMutation } from '../services/locales';\nimport { isBaseQueryError } from '../utils/baseQuery';\nimport { getTranslation } from '../utils/getTranslation';\n\nimport { AdvancedForm, BaseForm, LOCALE_SCHEMA, SubmitButton } from './CreateLocale';\n\n/* -------------------------------------------------------------------------------------------------\n * EditLocale\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditLocaleProps extends Omit<EditModalProps, 'open' | 'onOpenChange'> {}\n\nconst EditLocale = (props: EditLocaleProps) => {\n  const { formatMessage } = useIntl();\n  const [visible, setVisible] = React.useState(false);\n\n  return (\n    <>\n      <IconButton\n        onClick={() => setVisible(true)}\n        label={formatMessage(\n          {\n            id: getTranslation('Settings.list.actions.edit'),\n            defaultMessage: 'Edit {name} locale',\n          },\n          {\n            name: props.name,\n          }\n        )}\n        variant=\"ghost\"\n      >\n        <Pencil />\n      </IconButton>\n      <EditModal {...props} open={visible} onOpenChange={setVisible} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * EditModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditModalProps extends Pick<Locale, 'id' | 'isDefault' | 'name' | 'code'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\ntype FormValues = UpdateLocale.Request['body'] & { code: string };\n\n/**\n * @internal\n * @description Exported to be used when someone clicks on a table row.\n */\nconst EditModal = ({ id, code, isDefault, name, open, onOpenChange }: EditModalProps) => {\n  const { toggleNotification } = useNotification();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n  const refetchPermissions = useAuth('EditModal', (state) => state.refetchPermissions);\n  const { formatMessage } = useIntl();\n  const titleId = useId();\n\n  const [updateLocale] = useUpdateLocaleMutation();\n  const handleSubmit = async (\n    { code: _code, ...data }: FormValues,\n    helpers: FormHelpers<FormValues>\n  ) => {\n    try {\n      /**\n       * We don't need to send the code, because the\n       * code can never be changed.\n       */\n      const res = await updateLocale({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          helpers.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({ type: 'danger', message: formatAPIError(res.error) });\n        }\n\n        return;\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('Settings.locales.modal.edit.success'),\n          defaultMessage: 'Updated locale',\n        }),\n      });\n\n      refetchPermissions();\n      onOpenChange(false);\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred, please try again',\n        }),\n      });\n    }\n  };\n\n  return (\n    <Modal.Root open={open} onOpenChange={onOpenChange}>\n      <Modal.Content>\n        <Form\n          method=\"PUT\"\n          onSubmit={handleSubmit}\n          initialValues={{\n            code,\n            name,\n            isDefault,\n          }}\n          validationSchema={LOCALE_SCHEMA}\n        >\n          <Modal.Header>\n            <Modal.Title>\n              {formatMessage(\n                {\n                  id: getTranslation('Settings.list.actions.edit'),\n                  defaultMessage: 'Edit a locale',\n                },\n                {\n                  name,\n                }\n              )}\n            </Modal.Title>\n          </Modal.Header>\n          <Modal.Body>\n            <Tabs.Root variant=\"simple\" defaultValue=\"basic\">\n              <Flex justifyContent=\"space-between\">\n                <Typography tag=\"h2\" variant=\"beta\" id={titleId}>\n                  {formatMessage({\n                    id: getTranslation('Settings.locales.modal.title'),\n                    defaultMessage: 'Configuration',\n                  })}\n                </Typography>\n                <Tabs.List aria-labelledby={titleId}>\n                  <Tabs.Trigger value=\"basic\">\n                    {formatMessage({\n                      id: getTranslation('Settings.locales.modal.base'),\n                      defaultMessage: 'Basic settings',\n                    })}\n                  </Tabs.Trigger>\n                  <Tabs.Trigger value=\"advanced\">\n                    {formatMessage({\n                      id: getTranslation('Settings.locales.modal.advanced'),\n                      defaultMessage: 'Advanced settings',\n                    })}\n                  </Tabs.Trigger>\n                </Tabs.List>\n              </Flex>\n              <Divider />\n              <Box paddingTop={7} paddingBottom={7}>\n                <Tabs.Content value=\"basic\">\n                  <BaseForm mode=\"edit\" />\n                </Tabs.Content>\n                <Tabs.Content value=\"advanced\">\n                  <AdvancedForm isDefaultLocale={isDefault} />\n                </Tabs.Content>\n              </Box>\n            </Tabs.Root>\n          </Modal.Body>\n          <Modal.Footer>\n            <Modal.Close>\n              <Button variant=\"tertiary\">\n                {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n              </Button>\n            </Modal.Close>\n            <SubmitButton />\n          </Modal.Footer>\n        </Form>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nexport { EditLocale, EditModal };\n"],"names":["EditLocale","props","formatMessage","useIntl","visible","setVisible","React","useState","_jsxs","_Fragment","_jsx","IconButton","onClick","label","id","getTranslation","defaultMessage","name","variant","Pencil","EditModal","open","onOpenChange","code","isDefault","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","refetchPermissions","useAuth","state","titleId","useId","updateLocale","useUpdateLocaleMutation","handleSubmit","_code","data","helpers","res","isBaseQueryError","error","setErrors","type","message","err","Modal","Root","Content","Form","method","onSubmit","initialValues","validationSchema","LOCALE_SCHEMA","Header","Title","Body","Tabs","defaultValue","Flex","justifyContent","Typography","tag","List","aria-labelledby","Trigger","value","Divider","Box","paddingTop","paddingBottom","BaseForm","mode","AdvancedForm","isDefaultLocale","Footer","Close","Button","SubmitButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAMA,aAAa,CAACC,KAAAA,GAAAA;IAClB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,OAASC,EAAAA,UAAAA,CAAW,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IAE7C,qBACEC,eAAA,CAAAC,mBAAA,EAAA;;0BACEC,cAACC,CAAAA,uBAAAA,EAAAA;AACCC,gBAAAA,OAAAA,EAAS,IAAMP,UAAW,CAAA,IAAA,CAAA;AAC1BQ,gBAAAA,KAAAA,EAAOX,aACL,CAAA;AACEY,oBAAAA,EAAAA,EAAIC,6BAAe,CAAA,4BAAA,CAAA;oBACnBC,cAAgB,EAAA;iBAElB,EAAA;AACEC,oBAAAA,IAAAA,EAAMhB,MAAMgB;AACd,iBAAA,CAAA;gBAEFC,OAAQ,EAAA,OAAA;AAER,gBAAA,QAAA,gBAAAR,cAACS,CAAAA,YAAAA,EAAAA,EAAAA;;0BAEHT,cAACU,CAAAA,SAAAA,EAAAA;AAAW,gBAAA,GAAGnB,KAAK;gBAAEoB,IAAMjB,EAAAA,OAAAA;gBAASkB,YAAcjB,EAAAA;;;;AAGzD;AAaA;;;AAGC,IACKe,MAAAA,SAAAA,GAAY,CAAC,EAAEN,EAAE,EAAES,IAAI,EAAEC,SAAS,EAAEP,IAAI,EAAEI,IAAI,EAAEC,YAAY,EAAkB,GAAA;IAClF,MAAM,EAAEG,kBAAkB,EAAE,GAAGC,2BAAAA,EAAAA;AAC/B,IAAA,MAAM,EACJC,uBAAyBC,EAAAA,cAAc,EACvCC,+BAAiCC,EAAAA,sBAAsB,EACxD,GAAGC,8BAAAA,EAAAA;AACJ,IAAA,MAAMC,qBAAqBC,mBAAQ,CAAA,WAAA,EAAa,CAACC,KAAAA,GAAUA,MAAMF,kBAAkB,CAAA;IACnF,MAAM,EAAE9B,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMgC,OAAUC,GAAAA,kBAAAA,EAAAA;IAEhB,MAAM,CAACC,aAAa,GAAGC,+BAAAA,EAAAA;IACvB,MAAMC,YAAAA,GAAe,OACnB,EAAEhB,IAAAA,EAAMiB,KAAK,EAAE,GAAGC,MAAkB,EACpCC,OAAAA,GAAAA;QAEA,IAAI;AACF;;;UAIA,MAAMC,GAAM,GAAA,MAAMN,YAAa,CAAA;AAC7BvB,gBAAAA,EAAAA;AACA,gBAAA,GAAG2B;AACL,aAAA,CAAA;AAEA,YAAA,IAAI,WAAWE,GAAK,EAAA;gBAClB,IAAIC,0BAAAA,CAAiBD,IAAIE,KAAK,CAAA,IAAKF,IAAIE,KAAK,CAAC5B,IAAI,KAAK,iBAAmB,EAAA;AACvEyB,oBAAAA,OAAAA,CAAQI,SAAS,CAAChB,sBAAuBa,CAAAA,GAAAA,CAAIE,KAAK,CAAA,CAAA;iBAC7C,MAAA;oBACLpB,kBAAmB,CAAA;wBAAEsB,IAAM,EAAA,QAAA;wBAAUC,OAASpB,EAAAA,cAAAA,CAAee,IAAIE,KAAK;AAAE,qBAAA,CAAA;AAC1E;AAEA,gBAAA;AACF;YAEApB,kBAAmB,CAAA;gBACjBsB,IAAM,EAAA,SAAA;AACNC,gBAAAA,OAAAA,EAAS9C,aAAc,CAAA;AACrBY,oBAAAA,EAAAA,EAAIC,6BAAe,CAAA,qCAAA,CAAA;oBACnBC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AAEAgB,YAAAA,kBAAAA,EAAAA;YACAV,YAAa,CAAA,KAAA,CAAA;AACf,SAAA,CAAE,OAAO2B,GAAK,EAAA;YACZxB,kBAAmB,CAAA;gBACjBsB,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAAS9C,aAAc,CAAA;oBACrBY,EAAI,EAAA,oBAAA;oBACJE,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA;IAEA,qBACEN,cAAA,CAACwC,mBAAMC,IAAI,EAAA;QAAC9B,IAAMA,EAAAA,IAAAA;QAAMC,YAAcA,EAAAA,YAAAA;gCACpCZ,cAAA,CAACwC,mBAAME,OAAO,EAAA;AACZ,YAAA,QAAA,gBAAA5C,eAAC6C,CAAAA,gBAAAA,EAAAA;gBACCC,MAAO,EAAA,KAAA;gBACPC,QAAUhB,EAAAA,YAAAA;gBACViB,aAAe,EAAA;AACbjC,oBAAAA,IAAAA;AACAN,oBAAAA,IAAAA;AACAO,oBAAAA;AACF,iBAAA;gBACAiC,gBAAkBC,EAAAA,0BAAAA;;AAElB,kCAAAhD,cAAA,CAACwC,mBAAMS,MAAM,EAAA;gDACXjD,cAAA,CAACwC,mBAAMU,KAAK,EAAA;sCACT1D,aACC,CAAA;AACEY,gCAAAA,EAAAA,EAAIC,6BAAe,CAAA,4BAAA,CAAA;gCACnBC,cAAgB,EAAA;6BAElB,EAAA;AACEC,gCAAAA;AACF,6BAAA;;;AAIN,kCAAAP,cAAA,CAACwC,mBAAMW,IAAI,EAAA;gDACTrD,eAAA,CAACsD,kBAAKX,IAAI,EAAA;4BAACjC,OAAQ,EAAA,QAAA;4BAAS6C,YAAa,EAAA,OAAA;;8CACvCvD,eAACwD,CAAAA,iBAAAA,EAAAA;oCAAKC,cAAe,EAAA,eAAA;;sDACnBvD,cAACwD,CAAAA,uBAAAA,EAAAA;4CAAWC,GAAI,EAAA,IAAA;4CAAKjD,OAAQ,EAAA,MAAA;4CAAOJ,EAAIqB,EAAAA,OAAAA;sDACrCjC,aAAc,CAAA;AACbY,gDAAAA,EAAAA,EAAIC,6BAAe,CAAA,8BAAA,CAAA;gDACnBC,cAAgB,EAAA;AAClB,6CAAA;;AAEF,sDAAAR,eAAA,CAACsD,kBAAKM,IAAI,EAAA;4CAACC,iBAAiBlC,EAAAA,OAAAA;;AAC1B,8DAAAzB,cAAA,CAACoD,kBAAKQ,OAAO,EAAA;oDAACC,KAAM,EAAA,OAAA;8DACjBrE,aAAc,CAAA;AACbY,wDAAAA,EAAAA,EAAIC,6BAAe,CAAA,6BAAA,CAAA;wDACnBC,cAAgB,EAAA;AAClB,qDAAA;;AAEF,8DAAAN,cAAA,CAACoD,kBAAKQ,OAAO,EAAA;oDAACC,KAAM,EAAA,UAAA;8DACjBrE,aAAc,CAAA;AACbY,wDAAAA,EAAAA,EAAIC,6BAAe,CAAA,iCAAA,CAAA;wDACnBC,cAAgB,EAAA;AAClB,qDAAA;;;;;;8CAINN,cAAC8D,CAAAA,oBAAAA,EAAAA,EAAAA,CAAAA;8CACDhE,eAACiE,CAAAA,gBAAAA,EAAAA;oCAAIC,UAAY,EAAA,CAAA;oCAAGC,aAAe,EAAA,CAAA;;AACjC,sDAAAjE,cAAA,CAACoD,kBAAKV,OAAO,EAAA;4CAACmB,KAAM,EAAA,OAAA;AAClB,4CAAA,QAAA,gBAAA7D,cAACkE,CAAAA,qBAAAA,EAAAA;gDAASC,IAAK,EAAA;;;AAEjB,sDAAAnE,cAAA,CAACoD,kBAAKV,OAAO,EAAA;4CAACmB,KAAM,EAAA,UAAA;AAClB,4CAAA,QAAA,gBAAA7D,cAACoE,CAAAA,yBAAAA,EAAAA;gDAAaC,eAAiBvD,EAAAA;;;;;;;;AAKvC,kCAAAhB,eAAA,CAAC0C,mBAAM8B,MAAM,EAAA;;AACX,0CAAAtE,cAAA,CAACwC,mBAAM+B,KAAK,EAAA;AACV,gCAAA,QAAA,gBAAAvE,cAACwE,CAAAA,mBAAAA,EAAAA;oCAAOhE,OAAQ,EAAA,UAAA;8CACbhB,aAAc,CAAA;wCAAEY,EAAI,EAAA,8BAAA;wCAAgCE,cAAgB,EAAA;AAAS,qCAAA;;;0CAGlFN,cAACyE,CAAAA,yBAAAA,EAAAA,EAAAA;;;;;;;AAMb;;;;;"}

package/dist/admin/components/EditLocale.mjs

@@ -0,0 +1,190 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useNotification, useAPIErrorHandler, useAuth, Form } from '@strapi/admin/strapi-admin';
+import { IconButton, useId, Modal, Tabs, Flex, Typography, Divider, Box, Button } from '@strapi/design-system';
+import { Pencil } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useUpdateLocaleMutation } from '../services/locales.mjs';
+import { isBaseQueryError } from '../utils/baseQuery.mjs';
+import { getTranslation } from '../utils/getTranslation.mjs';
+import { LOCALE_SCHEMA, BaseForm, AdvancedForm, SubmitButton } from './CreateLocale.mjs';
+
+const EditLocale = (props)=>{
+    const { formatMessage } = useIntl();
+    const [visible, setVisible] = React.useState(false);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(IconButton, {
+                onClick: ()=>setVisible(true),
+                label: formatMessage({
+                    id: getTranslation('Settings.list.actions.edit'),
+                    defaultMessage: 'Edit {name} locale'
+                }, {
+                    name: props.name
+                }),
+                variant: "ghost",
+                children: /*#__PURE__*/ jsx(Pencil, {})
+            }),
+            /*#__PURE__*/ jsx(EditModal, {
+                ...props,
+                open: visible,
+                onOpenChange: setVisible
+            })
+        ]
+    });
+};
+/**
+ * @internal
+ * @description Exported to be used when someone clicks on a table row.
+ */ const EditModal = ({ id, code, isDefault, name, open, onOpenChange })=>{
+    const { toggleNotification } = useNotification();
+    const { _unstableFormatAPIError: formatAPIError, _unstableFormatValidationErrors: formatValidationErrors } = useAPIErrorHandler();
+    const refetchPermissions = useAuth('EditModal', (state)=>state.refetchPermissions);
+    const { formatMessage } = useIntl();
+    const titleId = useId();
+    const [updateLocale] = useUpdateLocaleMutation();
+    const handleSubmit = async ({ code: _code, ...data }, helpers)=>{
+        try {
+            /**
+       * We don't need to send the code, because the
+       * code can never be changed.
+       */ const res = await updateLocale({
+                id,
+                ...data
+            });
+            if ('error' in res) {
+                if (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('Settings.locales.modal.edit.success'),
+                    defaultMessage: 'Updated locale'
+                })
+            });
+            refetchPermissions();
+            onOpenChange(false);
+        } catch (err) {
+            toggleNotification({
+                type: 'danger',
+                message: formatMessage({
+                    id: 'notification.error',
+                    defaultMessage: 'An error occurred, please try again'
+                })
+            });
+        }
+    };
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: open,
+        onOpenChange: onOpenChange,
+        children: /*#__PURE__*/ jsx(Modal.Content, {
+            children: /*#__PURE__*/ jsxs(Form, {
+                method: "PUT",
+                onSubmit: handleSubmit,
+                initialValues: {
+                    code,
+                    name,
+                    isDefault
+                },
+                validationSchema: LOCALE_SCHEMA,
+                children: [
+                    /*#__PURE__*/ jsx(Modal.Header, {
+                        children: /*#__PURE__*/ jsx(Modal.Title, {
+                            children: formatMessage({
+                                id: getTranslation('Settings.list.actions.edit'),
+                                defaultMessage: 'Edit a locale'
+                            }, {
+                                name
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Modal.Body, {
+                        children: /*#__PURE__*/ jsxs(Tabs.Root, {
+                            variant: "simple",
+                            defaultValue: "basic",
+                            children: [
+                                /*#__PURE__*/ jsxs(Flex, {
+                                    justifyContent: "space-between",
+                                    children: [
+                                        /*#__PURE__*/ jsx(Typography, {
+                                            tag: "h2",
+                                            variant: "beta",
+                                            id: titleId,
+                                            children: formatMessage({
+                                                id: getTranslation('Settings.locales.modal.title'),
+                                                defaultMessage: 'Configuration'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxs(Tabs.List, {
+                                            "aria-labelledby": titleId,
+                                            children: [
+                                                /*#__PURE__*/ jsx(Tabs.Trigger, {
+                                                    value: "basic",
+                                                    children: formatMessage({
+                                                        id: getTranslation('Settings.locales.modal.base'),
+                                                        defaultMessage: 'Basic settings'
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsx(Tabs.Trigger, {
+                                                    value: "advanced",
+                                                    children: formatMessage({
+                                                        id: getTranslation('Settings.locales.modal.advanced'),
+                                                        defaultMessage: 'Advanced settings'
+                                                    })
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Divider, {}),
+                                /*#__PURE__*/ jsxs(Box, {
+                                    paddingTop: 7,
+                                    paddingBottom: 7,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Tabs.Content, {
+                                            value: "basic",
+                                            children: /*#__PURE__*/ jsx(BaseForm, {
+                                                mode: "edit"
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Tabs.Content, {
+                                            value: "advanced",
+                                            children: /*#__PURE__*/ jsx(AdvancedForm, {
+                                                isDefaultLocale: isDefault
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ jsxs(Modal.Footer, {
+                        children: [
+                            /*#__PURE__*/ jsx(Modal.Close, {
+                                children: /*#__PURE__*/ jsx(Button, {
+                                    variant: "tertiary",
+                                    children: formatMessage({
+                                        id: 'app.components.Button.cancel',
+                                        defaultMessage: 'Cancel'
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(SubmitButton, {})
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+
+export { EditLocale, EditModal };
+//# sourceMappingURL=EditLocale.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditLocale.mjs","sources":["../../../admin/src/components/EditLocale.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useNotification,\n  useAPIErrorHandler,\n  Form,\n  FormHelpers,\n  useAuth,\n} from '@strapi/admin/strapi-admin';\nimport {\n  Box,\n  Button,\n  Divider,\n  Flex,\n  IconButton,\n  Modal,\n  Tabs,\n  Typography,\n  useId,\n} from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Locale, UpdateLocale } from '../../../shared/contracts/locales';\nimport { useUpdateLocaleMutation } from '../services/locales';\nimport { isBaseQueryError } from '../utils/baseQuery';\nimport { getTranslation } from '../utils/getTranslation';\n\nimport { AdvancedForm, BaseForm, LOCALE_SCHEMA, SubmitButton } from './CreateLocale';\n\n/* -------------------------------------------------------------------------------------------------\n * EditLocale\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditLocaleProps extends Omit<EditModalProps, 'open' | 'onOpenChange'> {}\n\nconst EditLocale = (props: EditLocaleProps) => {\n  const { formatMessage } = useIntl();\n  const [visible, setVisible] = React.useState(false);\n\n  return (\n    <>\n      <IconButton\n        onClick={() => setVisible(true)}\n        label={formatMessage(\n          {\n            id: getTranslation('Settings.list.actions.edit'),\n            defaultMessage: 'Edit {name} locale',\n          },\n          {\n            name: props.name,\n          }\n        )}\n        variant=\"ghost\"\n      >\n        <Pencil />\n      </IconButton>\n      <EditModal {...props} open={visible} onOpenChange={setVisible} />\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * EditModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditModalProps extends Pick<Locale, 'id' | 'isDefault' | 'name' | 'code'> {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\ntype FormValues = UpdateLocale.Request['body'] & { code: string };\n\n/**\n * @internal\n * @description Exported to be used when someone clicks on a table row.\n */\nconst EditModal = ({ id, code, isDefault, name, open, onOpenChange }: EditModalProps) => {\n  const { toggleNotification } = useNotification();\n  const {\n    _unstableFormatAPIError: formatAPIError,\n    _unstableFormatValidationErrors: formatValidationErrors,\n  } = useAPIErrorHandler();\n  const refetchPermissions = useAuth('EditModal', (state) => state.refetchPermissions);\n  const { formatMessage } = useIntl();\n  const titleId = useId();\n\n  const [updateLocale] = useUpdateLocaleMutation();\n  const handleSubmit = async (\n    { code: _code, ...data }: FormValues,\n    helpers: FormHelpers<FormValues>\n  ) => {\n    try {\n      /**\n       * We don't need to send the code, because the\n       * code can never be changed.\n       */\n      const res = await updateLocale({\n        id,\n        ...data,\n      });\n\n      if ('error' in res) {\n        if (isBaseQueryError(res.error) && res.error.name === 'ValidationError') {\n          helpers.setErrors(formatValidationErrors(res.error));\n        } else {\n          toggleNotification({ type: 'danger', message: formatAPIError(res.error) });\n        }\n\n        return;\n      }\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('Settings.locales.modal.edit.success'),\n          defaultMessage: 'Updated locale',\n        }),\n      });\n\n      refetchPermissions();\n      onOpenChange(false);\n    } catch (err) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred, please try again',\n        }),\n      });\n    }\n  };\n\n  return (\n    <Modal.Root open={open} onOpenChange={onOpenChange}>\n      <Modal.Content>\n        <Form\n          method=\"PUT\"\n          onSubmit={handleSubmit}\n          initialValues={{\n            code,\n            name,\n            isDefault,\n          }}\n          validationSchema={LOCALE_SCHEMA}\n        >\n          <Modal.Header>\n            <Modal.Title>\n              {formatMessage(\n                {\n                  id: getTranslation('Settings.list.actions.edit'),\n                  defaultMessage: 'Edit a locale',\n                },\n                {\n                  name,\n                }\n              )}\n            </Modal.Title>\n          </Modal.Header>\n          <Modal.Body>\n            <Tabs.Root variant=\"simple\" defaultValue=\"basic\">\n              <Flex justifyContent=\"space-between\">\n                <Typography tag=\"h2\" variant=\"beta\" id={titleId}>\n                  {formatMessage({\n                    id: getTranslation('Settings.locales.modal.title'),\n                    defaultMessage: 'Configuration',\n                  })}\n                </Typography>\n                <Tabs.List aria-labelledby={titleId}>\n                  <Tabs.Trigger value=\"basic\">\n                    {formatMessage({\n                      id: getTranslation('Settings.locales.modal.base'),\n                      defaultMessage: 'Basic settings',\n                    })}\n                  </Tabs.Trigger>\n                  <Tabs.Trigger value=\"advanced\">\n                    {formatMessage({\n                      id: getTranslation('Settings.locales.modal.advanced'),\n                      defaultMessage: 'Advanced settings',\n                    })}\n                  </Tabs.Trigger>\n                </Tabs.List>\n              </Flex>\n              <Divider />\n              <Box paddingTop={7} paddingBottom={7}>\n                <Tabs.Content value=\"basic\">\n                  <BaseForm mode=\"edit\" />\n                </Tabs.Content>\n                <Tabs.Content value=\"advanced\">\n                  <AdvancedForm isDefaultLocale={isDefault} />\n                </Tabs.Content>\n              </Box>\n            </Tabs.Root>\n          </Modal.Body>\n          <Modal.Footer>\n            <Modal.Close>\n              <Button variant=\"tertiary\">\n                {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n              </Button>\n            </Modal.Close>\n            <SubmitButton />\n          </Modal.Footer>\n        </Form>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nexport { EditLocale, EditModal };\n"],"names":["EditLocale","props","formatMessage","useIntl","visible","setVisible","React","useState","_jsxs","_Fragment","_jsx","IconButton","onClick","label","id","getTranslation","defaultMessage","name","variant","Pencil","EditModal","open","onOpenChange","code","isDefault","toggleNotification","useNotification","_unstableFormatAPIError","formatAPIError","_unstableFormatValidationErrors","formatValidationErrors","useAPIErrorHandler","refetchPermissions","useAuth","state","titleId","useId","updateLocale","useUpdateLocaleMutation","handleSubmit","_code","data","helpers","res","isBaseQueryError","error","setErrors","type","message","err","Modal","Root","Content","Form","method","onSubmit","initialValues","validationSchema","LOCALE_SCHEMA","Header","Title","Body","Tabs","defaultValue","Flex","justifyContent","Typography","tag","List","aria-labelledby","Trigger","value","Divider","Box","paddingTop","paddingBottom","BaseForm","mode","AdvancedForm","isDefaultLocale","Footer","Close","Button","SubmitButton"],"mappings":"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"}

package/dist/admin/components/LocaleListCell.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var locales = require('../services/locales.js');
+
+const LocaleListCell = ({ locale: currentLocale, localizations })=>{
+    const { locale: language } = reactIntl.useIntl();
+    const { data: locales$1 = [] } = locales.useGetLocalesQuery();
+    const formatter = designSystem.useCollator(language, {
+        sensitivity: 'base'
+    });
+    if (!Array.isArray(locales$1) || !localizations) {
+        return null;
+    }
+    const availableLocales = localizations.map((loc)=>loc.locale);
+    const localesForDocument = locales$1.reduce((acc, locale)=>{
+        const createdLocale = [
+            currentLocale,
+            ...availableLocales
+        ].find((loc)=>{
+            return loc === locale.code;
+        });
+        if (createdLocale) {
+            acc.push(locale);
+        }
+        return acc;
+    }, []).map((locale)=>{
+        if (locale.isDefault) {
+            return `${locale.name} (default)`;
+        }
+        return locale.name;
+    }).toSorted((a, b)=>formatter.compare(a, b));
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Popover.Root, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Trigger, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    variant: "ghost",
+                    type: "button",
+                    onClick: (e)=>e.stopPropagation(),
+                    children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        minWidth: "100%",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        fontWeight: "regular",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                textColor: "neutral800",
+                                ellipsis: true,
+                                marginRight: 2,
+                                children: localesForDocument.join(', ')
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                children: /*#__PURE__*/ jsxRuntime.jsx(icons.CaretDown, {
+                                    width: "1.2rem",
+                                    height: "1.2rem"
+                                })
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Popover.Content, {
+                sideOffset: 16,
+                children: /*#__PURE__*/ jsxRuntime.jsx("ul", {
+                    children: localesForDocument.map((name)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            padding: 3,
+                            tag: "li",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                children: name
+                            })
+                        }, name))
+                })
+            })
+        ]
+    });
+};
+
+exports.LocaleListCell = LocaleListCell;
+//# sourceMappingURL=LocaleListCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleListCell.js","sources":["../../../admin/src/components/LocaleListCell.tsx"],"sourcesContent":["import { Box, Flex, Popover, Typography, useCollator, Button } from '@strapi/design-system';\nimport { CaretDown } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { Locale } from '../../../shared/contracts/locales';\nimport { useGetLocalesQuery } from '../services/locales';\n\ninterface LocaleListCellProps {\n  localizations: { locale: string }[];\n  locale: string;\n}\n\nconst LocaleListCell = ({ locale: currentLocale, localizations }: LocaleListCellProps) => {\n  const { locale: language } = useIntl();\n  const { data: locales = [] } = useGetLocalesQuery();\n  const formatter = useCollator(language, {\n    sensitivity: 'base',\n  });\n\n  if (!Array.isArray(locales) || !localizations) {\n    return null;\n  }\n\n  const availableLocales = localizations.map((loc) => loc.locale);\n\n  const localesForDocument = locales\n    .reduce<Locale[]>((acc, locale) => {\n      const createdLocale = [currentLocale, ...availableLocales].find((loc) => {\n        return loc === locale.code;\n      });\n\n      if (createdLocale) {\n        acc.push(locale);\n      }\n\n      return acc;\n    }, [])\n    .map((locale) => {\n      if (locale.isDefault) {\n        return `${locale.name} (default)`;\n      }\n\n      return locale.name;\n    })\n    .toSorted((a, b) => formatter.compare(a, b));\n\n  return (\n    <Popover.Root>\n      <Popover.Trigger>\n        <Button variant=\"ghost\" type=\"button\" onClick={(e) => e.stopPropagation()}>\n          <Flex minWidth=\"100%\" alignItems=\"center\" justifyContent=\"center\" fontWeight=\"regular\">\n            <Typography textColor=\"neutral800\" ellipsis marginRight={2}>\n              {localesForDocument.join(', ')}\n            </Typography>\n            <Flex>\n              <CaretDown width=\"1.2rem\" height=\"1.2rem\" />\n            </Flex>\n          </Flex>\n        </Button>\n      </Popover.Trigger>\n      <Popover.Content sideOffset={16}>\n        <ul>\n          {localesForDocument.map((name) => (\n            <Box key={name} padding={3} tag=\"li\">\n              <Typography>{name}</Typography>\n            </Box>\n          ))}\n        </ul>\n      </Popover.Content>\n    </Popover.Root>\n  );\n};\n\nexport { LocaleListCell };\nexport type { LocaleListCellProps };\n"],"names":["LocaleListCell","locale","currentLocale","localizations","language","useIntl","data","locales","useGetLocalesQuery","formatter","useCollator","sensitivity","Array","isArray","availableLocales","map","loc","localesForDocument","reduce","acc","createdLocale","find","code","push","isDefault","name","toSorted","a","b","compare","_jsxs","Popover","Root","_jsx","Trigger","Button","variant","type","onClick","e","stopPropagation","Flex","minWidth","alignItems","justifyContent","fontWeight","Typography","textColor","ellipsis","marginRight","join","CaretDown","width","height","Content","sideOffset","ul","Box","padding","tag"],"mappings":"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"}

package/dist/admin/components/LocaleListCell.mjs

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useCollator, Popover, Button, Flex, Typography, Box } from '@strapi/design-system';
+import { CaretDown } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { useGetLocalesQuery } from '../services/locales.mjs';
+
+const LocaleListCell = ({ locale: currentLocale, localizations })=>{
+    const { locale: language } = useIntl();
+    const { data: locales = [] } = useGetLocalesQuery();
+    const formatter = useCollator(language, {
+        sensitivity: 'base'
+    });
+    if (!Array.isArray(locales) || !localizations) {
+        return null;
+    }
+    const availableLocales = localizations.map((loc)=>loc.locale);
+    const localesForDocument = locales.reduce((acc, locale)=>{
+        const createdLocale = [
+            currentLocale,
+            ...availableLocales
+        ].find((loc)=>{
+            return loc === locale.code;
+        });
+        if (createdLocale) {
+            acc.push(locale);
+        }
+        return acc;
+    }, []).map((locale)=>{
+        if (locale.isDefault) {
+            return `${locale.name} (default)`;
+        }
+        return locale.name;
+    }).toSorted((a, b)=>formatter.compare(a, b));
+    return /*#__PURE__*/ jsxs(Popover.Root, {
+        children: [
+            /*#__PURE__*/ jsx(Popover.Trigger, {
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "ghost",
+                    type: "button",
+                    onClick: (e)=>e.stopPropagation(),
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        minWidth: "100%",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        fontWeight: "regular",
+                        children: [
+                            /*#__PURE__*/ jsx(Typography, {
+                                textColor: "neutral800",
+                                ellipsis: true,
+                                marginRight: 2,
+                                children: localesForDocument.join(', ')
+                            }),
+                            /*#__PURE__*/ jsx(Flex, {
+                                children: /*#__PURE__*/ jsx(CaretDown, {
+                                    width: "1.2rem",
+                                    height: "1.2rem"
+                                })
+                            })
+                        ]
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(Popover.Content, {
+                sideOffset: 16,
+                children: /*#__PURE__*/ jsx("ul", {
+                    children: localesForDocument.map((name)=>/*#__PURE__*/ jsx(Box, {
+                            padding: 3,
+                            tag: "li",
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                children: name
+                            })
+                        }, name))
+                })
+            })
+        ]
+    });
+};
+
+export { LocaleListCell };
+//# sourceMappingURL=LocaleListCell.mjs.map