@strapi/i18n 0.0.0-experimental.25e22c6cc9bc6b35392bb55d09f641a0a65e7403 → 0.0.0-experimental.4ddd402c7194d1a969a797313bf007c93148d59a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/_chunks/{SettingsPage-Dsi2qGtq.mjs → SettingsPage-0FFSTUW2.mjs} +103 -85
  2. package/dist/_chunks/SettingsPage-0FFSTUW2.mjs.map +1 -0
  3. package/dist/_chunks/{SettingsPage-VN7sTzkb.js → SettingsPage-DnLLGeBa.js} +101 -83
  4. package/dist/_chunks/SettingsPage-DnLLGeBa.js.map +1 -0
  5. package/dist/_chunks/{index-DhtjJYrx.mjs → index-BddUXwss.mjs} +46 -30
  6. package/dist/_chunks/index-BddUXwss.mjs.map +1 -0
  7. package/dist/_chunks/{index-kedPlCo6.js → index-DtEKsPcR.js} +44 -28
  8. package/dist/_chunks/index-DtEKsPcR.js.map +1 -0
  9. package/dist/admin/index.js +1 -1
  10. package/dist/admin/index.mjs +1 -1
  11. package/dist/admin/src/components/EditLocale.d.ts +4 -5
  12. package/package.json +9 -9
  13. package/dist/_chunks/SettingsPage-Dsi2qGtq.mjs.map +0 -1
  14. package/dist/_chunks/SettingsPage-VN7sTzkb.js.map +0 -1
  15. package/dist/_chunks/index-DhtjJYrx.mjs.map +0 -1
  16. package/dist/_chunks/index-kedPlCo6.js.map +0 -1
package/dist/_chunks/{SettingsPage-VN7sTzkb.js → SettingsPage-DnLLGeBa.js} RENAMED
@@ -8,7 +8,7 @@ const symbols = require("@strapi/icons/symbols");
8
8
  const reactIntl = require("react-intl");
9
9
  const icons = require("@strapi/icons");
10
10
  const yup = require("yup");
11
- const index = require("./index-kedPlCo6.js");
11
+ const index = require("./index-DtEKsPcR.js");
12
12
  function _interopNamespace(e) {
13
13
  if (e && e.__esModule)
14
14
  return e;
@@ -35,8 +35,8 @@ const isBaseQueryError = (error) => {
35
35
  const CreateLocale = ({ disabled, variant = "default" }) => {
36
36
  const { formatMessage } = reactIntl.useIntl();
37
37
  const [visible, setVisible] = React__namespace.useState(false);
38
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Root, { open: visible, onOpenChange: setVisible, children: [
39
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
38
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
39
+ /* @__PURE__ */ jsxRuntime.jsx(
40
40
  designSystem.Button,
41
41
  {
42
42
  variant,
@@ -49,8 +49,8 @@ const CreateLocale = ({ disabled, variant = "default" }) => {
49
49
  defaultMessage: "Add new locale"
50
50
  })
51
51
  }
52
- ) }),
53
- /* @__PURE__ */ jsxRuntime.jsx(CreateModal, { onClose: () => setVisible(false) })
52
+ ),
53
+ visible ? /* @__PURE__ */ jsxRuntime.jsx(CreateModal, { onClose: () => setVisible(false) }) : null
54
54
  ] });
55
55
  };
56
56
  const LOCALE_SCHEMA = yup__namespace.object().shape({
@@ -73,7 +73,6 @@ const initialFormValues = {
73
73
  isDefault: false
74
74
  };
75
75
  const CreateModal = ({ onClose }) => {
76
- const titleId = designSystem.useId();
77
76
  const { toggleNotification } = strapiAdmin.useNotification();
78
77
  const {
79
78
  _unstableFormatAPIError: formatAPIError,
@@ -112,7 +111,8 @@ const CreateModal = ({ onClose }) => {
112
111
  });
113
112
  }
114
113
  };
115
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(
114
+ const titleId = React__namespace.useId();
115
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalLayout, { onClose, labelledBy: titleId, children: /* @__PURE__ */ jsxRuntime.jsxs(
116
116
  strapiAdmin.Form,
117
117
  {
118
118
  method: "POST",
@@ -120,37 +120,50 @@ const CreateModal = ({ onClose }) => {
120
120
  validationSchema: LOCALE_SCHEMA,
121
121
  onSubmit: handleSubmit,
122
122
  children: [
123
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: formatMessage({
123
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id: titleId, children: formatMessage({
124
124
  id: index.getTranslation("Settings.list.actions.add"),
125
125
  defaultMessage: "Add new locale"
126
126
  }) }) }),
127
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { variant: "simple", defaultValue: "basic", children: [
128
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
129
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "beta", id: titleId, children: formatMessage({
127
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalBody, { children: /* @__PURE__ */ jsxRuntime.jsxs(
128
+ designSystem.TabGroup,
129
+ {
130
+ label: formatMessage({
130
131
  id: index.getTranslation("Settings.locales.modal.title"),
131
- defaultMessage: "Configuration"
132
- }) }),
133
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { "aria-labelledby": titleId, children: [
134
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "basic", children: formatMessage({
135
- id: index.getTranslation("Settings.locales.modal.base"),
136
- defaultMessage: "Basic settings"
137
- }) }),
138
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "advanced", children: formatMessage({
139
- id: index.getTranslation("Settings.locales.modal.advanced"),
140
- defaultMessage: "Advanced settings"
141
- }) })
142
- ] })
143
- ] }),
144
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
145
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 7, paddingBottom: 7, children: [
146
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "basic", children: /* @__PURE__ */ jsxRuntime.jsx(BaseForm, {}) }),
147
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "advanced", children: /* @__PURE__ */ jsxRuntime.jsx(AdvancedForm, {}) })
148
- ] })
149
- ] }) }),
150
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
151
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Close, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }) }),
152
- /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, {})
153
- ] })
132
+ defaultMessage: "Configurations"
133
+ }),
134
+ variant: "simple",
135
+ children: [
136
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
137
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "beta", children: formatMessage({
138
+ id: index.getTranslation("Settings.locales.modal.title"),
139
+ defaultMessage: "Configuration"
140
+ }) }),
141
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs, { children: [
142
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
143
+ id: index.getTranslation("Settings.locales.modal.base"),
144
+ defaultMessage: "Basic settings"
145
+ }) }),
146
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
147
+ id: index.getTranslation("Settings.locales.modal.advanced"),
148
+ defaultMessage: "Advanced settings"
149
+ }) })
150
+ ] })
151
+ ] }),
152
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
153
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 7, paddingBottom: 7, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.TabPanels, { children: [
154
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(BaseForm, {}) }),
155
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(AdvancedForm, {}) })
156
+ ] }) })
157
+ ]
158
+ }
159
+ ) }),
160
+ /* @__PURE__ */ jsxRuntime.jsx(
161
+ designSystem.ModalFooter,
162
+ {
163
+ startActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: onClose, children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }),
164
+ endActions: /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, {})
165
+ }
166
+ )
154
167
  ]
155
168
  }
156
169
  ) });
@@ -218,7 +231,7 @@ const BaseForm = ({ mode = "create" }) => {
218
231
  label: formatMessage(field.label),
219
232
  placeholder: field.placeholder ? formatMessage(field.placeholder) : void 0
220
233
  }));
221
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: translatedForm.map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { ...field }) }, field.name)) });
234
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: translatedForm.map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { ...field }) }, field.name)) });
222
235
  };
223
236
  const AdvancedForm = ({ isDefaultLocale }) => {
224
237
  const { formatMessage } = reactIntl.useIntl();
@@ -242,7 +255,7 @@ const AdvancedForm = ({ isDefaultLocale }) => {
242
255
  hint: field.hint ? formatMessage(field.hint) : void 0,
243
256
  label: formatMessage(field.label)
244
257
  }));
245
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: form.map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { ...field }) }, field.name)) });
258
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: form.map(({ size, ...field }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, children: /* @__PURE__ */ jsxRuntime.jsx(FormRenderer, { ...field }) }, field.name)) });
246
259
  };
247
260
  const FormRenderer = (field) => {
248
261
  switch (field.type) {
@@ -308,7 +321,6 @@ const DeleteLocale = ({ id, name }) => {
308
321
  defaultMessage: "Deleted locale"
309
322
  })
310
323
  });
311
- setVisible(false);
312
324
  } catch (err) {
313
325
  toggleNotification({
314
326
  type: "danger",
@@ -319,8 +331,8 @@ const DeleteLocale = ({ id, name }) => {
319
331
  });
320
332
  }
321
333
  };
322
- return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Dialog.Root, { open: visible, onOpenChange: setVisible, children: [
323
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Dialog.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
334
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
335
+ /* @__PURE__ */ jsxRuntime.jsx(
324
336
  designSystem.IconButton,
325
337
  {
326
338
  onClick: () => setVisible(true),
@@ -336,8 +348,8 @@ const DeleteLocale = ({ id, name }) => {
336
348
  borderWidth: 0,
337
349
  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Trash, {})
338
350
  }
339
- ) }),
340
- /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, { onConfirm: handleConfirm })
351
+ ),
352
+ /* @__PURE__ */ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, { onConfirm: handleConfirm, onClose: () => setVisible(false), isOpen: visible })
341
353
  ] });
342
354
  };
343
355
  const EditLocale = (props) => {
@@ -361,10 +373,10 @@ const EditLocale = (props) => {
361
373
  children: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {})
362
374
  }
363
375
  ),
364
- /* @__PURE__ */ jsxRuntime.jsx(EditModal, { ...props, open: visible, onOpenChange: setVisible })
376
+ visible ? /* @__PURE__ */ jsxRuntime.jsx(EditModal, { ...props, onClose: () => setVisible(false) }) : null
365
377
  ] });
366
378
  };
367
- const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
379
+ const EditModal = ({ id, code, isDefault, name, onClose }) => {
368
380
  const { toggleNotification } = strapiAdmin.useNotification();
369
381
  const {
370
382
  _unstableFormatAPIError: formatAPIError,
@@ -372,7 +384,7 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
372
384
  } = strapiAdmin.useAPIErrorHandler();
373
385
  const refetchPermissions = strapiAdmin.useAuth("EditModal", (state) => state.refetchPermissions);
374
386
  const { formatMessage } = reactIntl.useIntl();
375
- const titleId = designSystem.useId();
387
+ const titleId = React__namespace.useId();
376
388
  const [updateLocale] = index.useUpdateLocaleMutation();
377
389
  const handleSubmit = async ({ code: _code, ...data }, helpers) => {
378
390
  try {
@@ -396,7 +408,7 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
396
408
  })
397
409
  });
398
410
  refetchPermissions();
399
- onOpenChange(false);
411
+ onClose();
400
412
  } catch (err) {
401
413
  toggleNotification({
402
414
  type: "danger",
@@ -407,7 +419,7 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
407
419
  });
408
420
  }
409
421
  };
410
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(
422
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalLayout, { onClose, labelledBy: titleId, children: /* @__PURE__ */ jsxRuntime.jsxs(
411
423
  strapiAdmin.Form,
412
424
  {
413
425
  method: "PUT",
@@ -419,40 +431,53 @@ const EditModal = ({ id, code, isDefault, name, open, onOpenChange }) => {
419
431
  },
420
432
  validationSchema: LOCALE_SCHEMA,
421
433
  children: [
422
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Title, { children: formatMessage({
434
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { fontWeight: "bold", textColor: "neutral800", tag: "h2", id: titleId, children: formatMessage({
423
435
  id: index.getTranslation("Settings.list.actions.edit"),
424
436
  defaultMessage: "Edit a locale"
425
437
  }) }) }),
426
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.Root, { variant: "simple", defaultValue: "basic", children: [
427
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
428
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "beta", id: titleId, children: formatMessage({
438
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.ModalBody, { children: /* @__PURE__ */ jsxRuntime.jsxs(
439
+ designSystem.TabGroup,
440
+ {
441
+ label: formatMessage({
429
442
  id: index.getTranslation("Settings.locales.modal.title"),
430
- defaultMessage: "Configuration"
431
- }) }),
432
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { "aria-labelledby": titleId, children: [
433
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "basic", children: formatMessage({
434
- id: index.getTranslation("Settings.locales.modal.base"),
435
- defaultMessage: "Basic settings"
436
- }) }),
437
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: "advanced", children: formatMessage({
438
- id: index.getTranslation("Settings.locales.modal.advanced"),
439
- defaultMessage: "Advanced settings"
440
- }) })
441
- ] })
442
- ] }),
443
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
444
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { paddingTop: 7, paddingBottom: 7, children: [
445
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "basic", children: /* @__PURE__ */ jsxRuntime.jsx(BaseForm, { mode: "edit" }) }),
446
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: "advanced", children: /* @__PURE__ */ jsxRuntime.jsx(AdvancedForm, { isDefaultLocale: isDefault }) })
447
- ] })
448
- ] }) }),
449
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
450
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Close, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }) }),
451
- /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, {})
452
- ] })
443
+ defaultMessage: "Configurations"
444
+ }),
445
+ variant: "simple",
446
+ children: [
447
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "space-between", children: [
448
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { tag: "h2", variant: "beta", children: formatMessage({
449
+ id: index.getTranslation("Settings.locales.modal.title"),
450
+ defaultMessage: "Configuration"
451
+ }) }),
452
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs, { children: [
453
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
454
+ id: index.getTranslation("Settings.locales.modal.base"),
455
+ defaultMessage: "Basic settings"
456
+ }) }),
457
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tab, { children: formatMessage({
458
+ id: index.getTranslation("Settings.locales.modal.advanced"),
459
+ defaultMessage: "Advanced settings"
460
+ }) })
461
+ ] })
462
+ ] }),
463
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
464
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 7, paddingBottom: 7, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.TabPanels, { children: [
465
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(BaseForm, { mode: "edit" }) }),
466
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.TabPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(AdvancedForm, { isDefaultLocale: isDefault }) })
467
+ ] }) })
468
+ ]
469
+ }
470
+ ) }),
471
+ /* @__PURE__ */ jsxRuntime.jsx(
472
+ designSystem.ModalFooter,
473
+ {
474
+ startActions: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: onClose, children: formatMessage({ id: "app.components.Button.cancel", defaultMessage: "Cancel" }) }),
475
+ endActions: /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, {})
476
+ }
477
+ )
453
478
  ]
454
479
  }
455
- ) }) });
480
+ ) });
456
481
  };
457
482
  const LocaleTable = ({ locales = [], canDelete, canUpdate }) => {
458
483
  const [editLocaleId, setEditLocaleId] = React__namespace.useState();
@@ -498,14 +523,7 @@ const LocaleTable = ({ locales = [], canDelete, canUpdate }) => {
498
523
  ]
499
524
  }
500
525
  ),
501
- /* @__PURE__ */ jsxRuntime.jsx(
502
- EditModal,
503
- {
504
- ...locale,
505
- onOpenChange: () => setEditLocaleId(void 0),
506
- open: editLocaleId === locale.id
507
- }
508
- )
526
+ editLocaleId === locale.id ? /* @__PURE__ */ jsxRuntime.jsx(EditModal, { ...locale, onClose: () => setEditLocaleId(void 0) }) : null
509
527
  ] }, locale.id)) })
510
528
  ] });
511
529
  };
@@ -566,4 +584,4 @@ const ProtectedSettingsPage = () => {
566
584
  };
567
585
  exports.ProtectedSettingsPage = ProtectedSettingsPage;
568
586
  exports.SettingsPage = SettingsPage;
569
- //# sourceMappingURL=SettingsPage-VN7sTzkb.js.map
587
+ //# sourceMappingURL=SettingsPage-DnLLGeBa.js.map
package/dist/_chunks/SettingsPage-DnLLGeBa.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SettingsPage-DnLLGeBa.js","sources":["../../admin/src/utils/baseQuery.ts","../../admin/src/components/CreateLocale.tsx","../../admin/src/components/DeleteLocale.tsx","../../admin/src/components/EditLocale.tsx","../../admin/src/components/LocaleTable.tsx","../../admin/src/pages/SettingsPage.tsx"],"sourcesContent":["import { SerializedError } from '@reduxjs/toolkit';\nimport { type ApiError, type UnknownApiError } from '@strapi/admin/strapi-admin';\n\ntype BaseQueryError = ApiError | UnknownApiError | SerializedError;\n\nconst isBaseQueryError = (error: BaseQueryError): error is ApiError | UnknownApiError => {\n return error.name !== undefined;\n};\n\nexport { isBaseQueryError };\n","import * as React from 'react';\n\nimport {\n Form,\n type InputProps,\n InputRenderer,\n useField,\n type FormHelpers,\n useForm,\n useAPIErrorHandler,\n useNotification,\n useAuth,\n} from '@strapi/admin/strapi-admin';\nimport {\n Box,\n Button,\n ButtonProps,\n Divider,\n Field,\n Flex,\n Grid,\n GridItem,\n ModalBody,\n ModalFooter,\n ModalHeader,\n ModalLayout,\n SingleSelect,\n SingleSelectOption,\n Tab,\n TabGroup,\n TabPanel,\n TabPanels,\n Tabs,\n Typography,\n} from '@strapi/design-system';\nimport { Check, Plus } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport * as yup from 'yup';\n\nimport { CreateLocale } from '../../../shared/contracts/locales';\nimport { useCreateLocaleMutation, useGetDefaultLocalesQuery } from '../services/locales';\nimport { isBaseQueryError } from '../utils/baseQuery';\nimport { getTranslation } from '../utils/getTranslation';\n\n/* -------------------------------------------------------------------------------------------------\n * CreateLocale\n * -----------------------------------------------------------------------------------------------*/\n\ninterface CreateLocaleProps extends Pick<ButtonProps, 'disabled' | 'variant'> {}\n\nconst CreateLocale = ({ disabled, variant = 'default' }: CreateLocaleProps) => {\n const { formatMessage } = useIntl();\n const [visible, setVisible] = React.useState(false);\n\n return (\n <>\n <Button\n variant={variant}\n disabled={disabled}\n startIcon={<Plus />}\n onClick={() => setVisible(true)}\n size=\"S\"\n >\n {formatMessage({\n id: getTranslation('Settings.list.actions.add'),\n defaultMessage: 'Add new locale',\n })}\n </Button>\n {visible ? <CreateModal onClose={() => setVisible(false)} /> : null}\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * CreateModal\n * -----------------------------------------------------------------------------------------------*/\n\nconst LOCALE_SCHEMA = yup.object().shape({\n code: yup.string().required({\n id: 'Settings.locales.modal.create.code.error',\n defaultMessage: 'Please select a locale',\n }),\n name: yup\n .string()\n .max(50, {\n id: 'Settings.locales.modal.create.name.error.min',\n defaultMessage: 'The locale display name can only be less than 50 characters.',\n })\n .required({\n id: 'Settings.locales.modal.create.name.error.required',\n defaultMessage: 'Please give the locale a display name',\n }),\n isDefault: yup.boolean(),\n});\n\ntype FormValues = CreateLocale.Request['body'];\n\nconst initialFormValues = {\n code: '',\n name: '',\n isDefault: false,\n} satisfies FormValues;\n\ntype ModalCreateProps = {\n onClose: () => void;\n};\n\nconst CreateModal = ({ onClose }: ModalCreateProps) => {\n const { toggleNotification } = useNotification();\n const {\n _unstableFormatAPIError: formatAPIError,\n _unstableFormatValidationErrors: formatValidationErrors,\n } = useAPIErrorHandler();\n const [createLocale] = useCreateLocaleMutation();\n const { formatMessage } = useIntl();\n const refetchPermissions = useAuth('CreateModal', (state) => state.refetchPermissions);\n\n const handleSubmit = async (values: FormValues, helpers: FormHelpers<FormValues>) => {\n try {\n const res = await createLocale(values);\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.create.success'),\n defaultMessage: 'Created locale',\n }),\n });\n\n refetchPermissions();\n onClose();\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 const titleId = React.useId();\n\n return (\n <ModalLayout onClose={onClose} labelledBy={titleId}>\n <Form\n method=\"POST\"\n initialValues={initialFormValues}\n validationSchema={LOCALE_SCHEMA}\n onSubmit={handleSubmit}\n >\n <ModalHeader>\n <Typography fontWeight=\"bold\" textColor=\"neutral800\" tag=\"h2\" id={titleId}>\n {formatMessage({\n id: getTranslation('Settings.list.actions.add'),\n defaultMessage: 'Add new locale',\n })}\n </Typography>\n </ModalHeader>\n <ModalBody>\n <TabGroup\n label={formatMessage({\n id: getTranslation('Settings.locales.modal.title'),\n defaultMessage: 'Configurations',\n })}\n variant=\"simple\"\n >\n <Flex justifyContent=\"space-between\">\n <Typography tag=\"h2\" variant=\"beta\">\n {formatMessage({\n id: getTranslation('Settings.locales.modal.title'),\n defaultMessage: 'Configuration',\n })}\n </Typography>\n <Tabs>\n <Tab>\n {formatMessage({\n id: getTranslation('Settings.locales.modal.base'),\n defaultMessage: 'Basic settings',\n })}\n </Tab>\n <Tab>\n {formatMessage({\n id: getTranslation('Settings.locales.modal.advanced'),\n defaultMessage: 'Advanced settings',\n })}\n </Tab>\n </Tabs>\n </Flex>\n\n <Divider />\n\n <Box paddingTop={7} paddingBottom={7}>\n <TabPanels>\n <TabPanel>\n <BaseForm />\n </TabPanel>\n <TabPanel>\n <AdvancedForm />\n </TabPanel>\n </TabPanels>\n </Box>\n </TabGroup>\n </ModalBody>\n <ModalFooter\n startActions={\n <Button variant=\"tertiary\" onClick={onClose}>\n {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n </Button>\n }\n endActions={<SubmitButton />}\n />\n </Form>\n </ModalLayout>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * SubmitButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SubmitButton = () => {\n const { formatMessage } = useIntl();\n const isSubmitting = useForm('SubmitButton', (state) => state.isSubmitting);\n const modified = useForm('SubmitButton', (state) => state.modified);\n\n return (\n <Button type=\"submit\" startIcon={<Check />} disabled={isSubmitting || !modified}>\n {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n </Button>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * BaseForm\n * -----------------------------------------------------------------------------------------------*/\n\ninterface BaseFormProps {\n mode?: 'create' | 'edit';\n}\n\nconst BaseForm = ({ mode = 'create' }: BaseFormProps) => {\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n const { data: defaultLocales, error } = useGetDefaultLocalesQuery();\n\n React.useEffect(() => {\n if (error) {\n toggleNotification({\n type: 'danger',\n message: formatAPIError(error),\n });\n }\n }, [error, formatAPIError, toggleNotification]);\n\n if (!Array.isArray(defaultLocales)) {\n return null;\n }\n\n const options = defaultLocales.map((locale) => ({\n label: locale.name,\n value: locale.code,\n }));\n\n const translatedForm = [\n {\n disabled: mode !== 'create',\n label: {\n id: getTranslation('Settings.locales.modal.create.code.label'),\n defaultMessage: 'Locales',\n },\n name: 'code',\n options,\n placeholder: {\n id: 'components.placeholder.select',\n defaultMessage: 'Select',\n },\n required: true,\n size: 6,\n type: 'enumeration' as const,\n },\n {\n hint: {\n id: getTranslation('Settings.locales.modal.create.name.label.description'),\n defaultMessage: 'Locale will be displayed under that name in the administration panel',\n },\n label: {\n id: getTranslation('Settings.locales.modal.create.name.label'),\n defaultMessage: 'Locale display name',\n },\n name: 'name',\n required: true,\n size: 6,\n type: 'string' as const,\n },\n ].map((field) => ({\n ...field,\n hint: field.hint ? formatMessage(field.hint) : undefined,\n label: formatMessage(field.label),\n placeholder: field.placeholder ? formatMessage(field.placeholder) : undefined,\n }));\n\n return (\n <Grid gap={4}>\n {translatedForm.map(({ size, ...field }) => (\n <GridItem key={field.name} col={size}>\n <FormRenderer {...field} />\n </GridItem>\n ))}\n </Grid>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * AdvancedForm\n * -----------------------------------------------------------------------------------------------*/\n\ntype AdvancedFormProps = {\n isDefaultLocale?: boolean;\n};\n\nconst AdvancedForm = ({ isDefaultLocale }: AdvancedFormProps) => {\n const { formatMessage } = useIntl();\n\n const form = [\n {\n disabled: isDefaultLocale,\n hint: {\n id: getTranslation('Settings.locales.modal.advanced.setAsDefault.hint'),\n defaultMessage: 'One default locale is required, change it by selecting another one',\n },\n label: {\n id: getTranslation('Settings.locales.modal.advanced.setAsDefault'),\n defaultMessage: 'Set as default locale',\n },\n name: 'isDefault',\n size: 6,\n type: 'boolean' as const,\n },\n ].map((field) => ({\n ...field,\n hint: field.hint ? formatMessage(field.hint) : undefined,\n label: formatMessage(field.label),\n })) satisfies InputProps[];\n\n return (\n <Grid gap={4}>\n {form.map(({ size, ...field }) => (\n <GridItem key={field.name} col={size}>\n <FormRenderer {...field} />\n </GridItem>\n ))}\n </Grid>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * FormRenderer\n * -----------------------------------------------------------------------------------------------*/\n\nconst FormRenderer = (field: InputProps) => {\n switch (field.type) {\n /**\n * This will override the default input renderer\n * choice for `enumeration`.\n */\n case 'enumeration':\n return <EnumerationInput {...field} />;\n default:\n return <InputRenderer {...field} />;\n }\n};\n\nconst EnumerationInput = ({\n disabled,\n hint,\n label,\n name,\n options,\n placeholder,\n required,\n}: Extract<InputProps, { type: 'enumeration' }>) => {\n const { value, error, onChange } = useField(name);\n const { data: defaultLocales = [] } = useGetDefaultLocalesQuery();\n\n const handleChange = (value: string) => {\n if (Array.isArray(defaultLocales)) {\n // We know it exists because the options are created from the list of default locales\n const locale = defaultLocales.find((locale) => locale.code === value)!;\n\n onChange(name, value);\n // This lets us automatically fill the name field with the locale name\n onChange('name', locale.name);\n } else {\n onChange(name, value);\n }\n };\n\n return (\n <Field.Root error={error} hint={hint} name={name} required={required}>\n <Field.Label>{label}</Field.Label>\n <SingleSelect\n disabled={disabled}\n // @ts-expect-error – This will dissapear when the DS removes support for numbers to be returned by SingleSelect.\n onChange={handleChange}\n placeholder={placeholder}\n value={value}\n >\n {options.map((option) => (\n <SingleSelectOption value={option.value} key={option.value}>\n {option.label}\n </SingleSelectOption>\n ))}\n </SingleSelect>\n <Field.Error />\n <Field.Hint />\n </Field.Root>\n );\n};\n\nexport { CreateLocale, BaseForm, AdvancedForm, SubmitButton, LOCALE_SCHEMA };\n","import * as React from 'react';\n\nimport { ConfirmDialog, useAPIErrorHandler, useNotification } from '@strapi/admin/strapi-admin';\nimport { IconButton } from '@strapi/design-system';\nimport { Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\n\nimport { useDeleteLocaleMutation } from '../services/locales';\nimport { getTranslation } from '../utils/getTranslation';\n\nimport type { Locale } from '../../../shared/contracts/locales';\n\n/* -------------------------------------------------------------------------------------------------\n * DeleteLocale\n * -----------------------------------------------------------------------------------------------*/\n\ninterface DeleteLocaleProps extends Locale {}\n\nconst DeleteLocale = ({ id, name }: DeleteLocaleProps) => {\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n\n const [visible, setVisible] = React.useState(false);\n\n const [deleteLocale] = useDeleteLocaleMutation();\n const handleConfirm = async () => {\n try {\n const res = await deleteLocale(id);\n\n if ('error' in res) {\n toggleNotification({ type: 'danger', message: formatAPIError(res.error) });\n\n return;\n }\n\n toggleNotification({\n type: 'success',\n message: formatMessage({\n id: getTranslation('Settings.locales.modal.delete.success'),\n defaultMessage: 'Deleted locale',\n }),\n });\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 <>\n <IconButton\n onClick={() => setVisible(true)}\n label={formatMessage(\n {\n id: getTranslation('Settings.list.actions.delete'),\n defaultMessage: 'Delete {name} locale',\n },\n {\n name,\n }\n )}\n borderWidth={0}\n >\n <Trash />\n </IconButton>\n <ConfirmDialog onConfirm={handleConfirm} onClose={() => setVisible(false)} isOpen={visible} />\n </>\n );\n};\n\nexport { DeleteLocale };\n","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 ModalBody,\n ModalFooter,\n ModalHeader,\n ModalLayout,\n ModalLayoutProps,\n Tab,\n TabGroup,\n TabPanel,\n TabPanels,\n Tabs,\n Typography,\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, 'onClose'> {}\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 borderWidth={0}\n >\n <Pencil />\n </IconButton>\n {visible ? <EditModal {...props} onClose={() => setVisible(false)} /> : null}\n </>\n );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * EditModal\n * -----------------------------------------------------------------------------------------------*/\n\ninterface EditModalProps\n extends Pick<ModalLayoutProps, 'onClose'>,\n Pick<Locale, 'id' | 'isDefault' | 'name' | 'code'> {}\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, onClose }: 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 = React.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 onClose();\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 <ModalLayout onClose={onClose} labelledBy={titleId}>\n <Form\n method=\"PUT\"\n onSubmit={handleSubmit}\n initialValues={{\n code,\n name,\n isDefault,\n }}\n validationSchema={LOCALE_SCHEMA}\n >\n <ModalHeader>\n <Typography fontWeight=\"bold\" textColor=\"neutral800\" tag=\"h2\" id={titleId}>\n {formatMessage({\n id: getTranslation('Settings.list.actions.edit'),\n defaultMessage: 'Edit a locale',\n })}\n </Typography>\n </ModalHeader>\n <ModalBody>\n <TabGroup\n label={formatMessage({\n id: getTranslation('Settings.locales.modal.title'),\n defaultMessage: 'Configurations',\n })}\n variant=\"simple\"\n >\n <Flex justifyContent=\"space-between\">\n <Typography tag=\"h2\" variant=\"beta\">\n {formatMessage({\n id: getTranslation('Settings.locales.modal.title'),\n defaultMessage: 'Configuration',\n })}\n </Typography>\n <Tabs>\n <Tab>\n {formatMessage({\n id: getTranslation('Settings.locales.modal.base'),\n defaultMessage: 'Basic settings',\n })}\n </Tab>\n <Tab>\n {formatMessage({\n id: getTranslation('Settings.locales.modal.advanced'),\n defaultMessage: 'Advanced settings',\n })}\n </Tab>\n </Tabs>\n </Flex>\n\n <Divider />\n\n <Box paddingTop={7} paddingBottom={7}>\n <TabPanels>\n <TabPanel>\n <BaseForm mode=\"edit\" />\n </TabPanel>\n <TabPanel>\n <AdvancedForm isDefaultLocale={isDefault} />\n </TabPanel>\n </TabPanels>\n </Box>\n </TabGroup>\n </ModalBody>\n <ModalFooter\n startActions={\n <Button variant=\"tertiary\" onClick={onClose}>\n {formatMessage({ id: 'app.components.Button.cancel', defaultMessage: 'Cancel' })}\n </Button>\n }\n endActions={<SubmitButton />}\n />\n </Form>\n </ModalLayout>\n );\n};\n\nexport { EditLocale, EditModal };\n","import * as React from 'react';\n\nimport {\n Flex,\n Table,\n Tbody,\n Td,\n Th,\n Thead,\n Tr,\n Typography,\n VisuallyHidden,\n} from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { getTranslation } from '../utils/getTranslation';\n\nimport { DeleteLocale } from './DeleteLocale';\nimport { EditLocale, EditModal } from './EditLocale';\n\nimport type { Locale } from '../../../shared/contracts/locales';\n\n/* -------------------------------------------------------------------------------------------------\n * LocaleTable\n * -----------------------------------------------------------------------------------------------*/\n\ntype LocaleTableProps = {\n locales?: Locale[];\n canDelete?: boolean;\n canUpdate?: boolean;\n onDeleteLocale?: (locale: Locale) => void;\n onEditLocale?: (locale: Locale) => void;\n};\n\nconst LocaleTable = ({ locales = [], canDelete, canUpdate }: LocaleTableProps) => {\n const [editLocaleId, setEditLocaleId] = React.useState<Locale['id']>();\n const { formatMessage } = useIntl();\n\n const handleClick = (localeId: Locale['id']) => () => {\n if (canUpdate) {\n setEditLocaleId(localeId);\n }\n };\n\n return (\n <Table colCount={4} rowCount={locales.length + 1}>\n <Thead>\n <Tr>\n <Th>\n <Typography variant=\"sigma\" textColor=\"neutral600\">\n {formatMessage({\n id: getTranslation('Settings.locales.row.id'),\n defaultMessage: 'ID',\n })}\n </Typography>\n </Th>\n <Th>\n <Typography variant=\"sigma\" textColor=\"neutral600\">\n {formatMessage({\n id: getTranslation('Settings.locales.row.displayName'),\n defaultMessage: 'Display name',\n })}\n </Typography>\n </Th>\n <Th>\n <Typography variant=\"sigma\" textColor=\"neutral600\">\n {formatMessage({\n id: getTranslation('Settings.locales.row.default-locale'),\n defaultMessage: 'Default locale',\n })}\n </Typography>\n </Th>\n <Th>\n <VisuallyHidden>Actions</VisuallyHidden>\n </Th>\n </Tr>\n </Thead>\n <Tbody>\n {locales.map((locale) => (\n <React.Fragment key={locale.id}>\n <Tr\n onClick={handleClick(locale.id)}\n style={{ cursor: canUpdate ? 'pointer' : 'default' }}\n >\n <Td>\n <Typography textColor=\"neutral800\">{locale.id}</Typography>\n </Td>\n <Td>\n <Typography textColor=\"neutral800\">{locale.name}</Typography>\n </Td>\n <Td>\n <Typography textColor=\"neutral800\">\n {locale.isDefault\n ? formatMessage({\n id: getTranslation('Settings.locales.default'),\n defaultMessage: 'Default',\n })\n : null}\n </Typography>\n </Td>\n <Td>\n <Flex gap={1} justifyContent=\"flex-end\" onClick={(e) => e.stopPropagation()}>\n {canUpdate && <EditLocale {...locale} />}\n {canDelete && !locale.isDefault && <DeleteLocale {...locale} />}\n </Flex>\n </Td>\n </Tr>\n {editLocaleId === locale.id ? (\n <EditModal {...locale} onClose={() => setEditLocaleId(undefined)} />\n ) : null}\n </React.Fragment>\n ))}\n </Tbody>\n </Table>\n );\n};\n\nexport { LocaleTable };\nexport type { LocaleTableProps };\n","import * as React from 'react';\n\nimport {\n Page,\n useAPIErrorHandler,\n useNotification,\n useRBAC,\n Layouts,\n} from '@strapi/admin/strapi-admin';\nimport { EmptyStateLayout } from '@strapi/design-system';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\n\nimport { CreateLocale } from '../components/CreateLocale';\nimport { LocaleTable } from '../components/LocaleTable';\nimport { PERMISSIONS } from '../constants';\nimport { useGetLocalesQuery } from '../services/locales';\nimport { getTranslation } from '../utils/getTranslation';\n\nconst SettingsPage = () => {\n const { formatMessage } = useIntl();\n const { toggleNotification } = useNotification();\n const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n const { data: locales, isLoading: isLoadingLocales, error } = useGetLocalesQuery();\n const {\n isLoading: isLoadingRBAC,\n allowedActions: { canUpdate, canCreate, canDelete },\n } = useRBAC(PERMISSIONS);\n\n React.useEffect(() => {\n if (error) {\n toggleNotification({\n type: 'danger',\n message: formatAPIError(error),\n });\n }\n }, [error, formatAPIError, toggleNotification]);\n\n const isLoading = isLoadingLocales || isLoadingRBAC;\n\n if (isLoading) {\n return <Page.Loading />;\n }\n\n if (error || !Array.isArray(locales)) {\n return <Page.Error />;\n }\n\n return (\n <Page.Main tabIndex={-1}>\n <Layouts.Header\n primaryAction={<CreateLocale disabled={!canCreate} />}\n title={formatMessage({\n id: getTranslation('plugin.name'),\n defaultMessage: 'Internationalization',\n })}\n subtitle={formatMessage({\n id: getTranslation('Settings.list.description'),\n defaultMessage: 'Configure the settings',\n })}\n />\n <Layouts.Content>\n {locales.length > 0 ? (\n <LocaleTable locales={locales} canDelete={canDelete} canUpdate={canUpdate} />\n ) : (\n <EmptyStateLayout\n icon={<EmptyDocuments width={undefined} height={undefined} />}\n content={formatMessage({\n id: getTranslation('Settings.list.empty.title'),\n defaultMessage: 'There are no locales',\n })}\n action={<CreateLocale disabled={!canCreate} variant=\"secondary\" />}\n />\n )}\n </Layouts.Content>\n </Page.Main>\n );\n};\n\nconst ProtectedSettingsPage = () => {\n return (\n <Page.Protect permissions={PERMISSIONS.read}>\n <SettingsPage />\n </Page.Protect>\n );\n};\n\nexport { ProtectedSettingsPage, SettingsPage };\n"],"names":["useIntl","React","jsxs","Fragment","jsx","Button","Plus","getTranslation","yup","useNotification","useAPIErrorHandler","useCreateLocaleMutation","useAuth","ModalLayout","Form","ModalHeader","Typography","ModalBody","TabGroup","Flex","Tabs","Tab","Divider","Box","TabPanels","TabPanel","ModalFooter","useForm","Check","useGetDefaultLocalesQuery","Grid","GridItem","InputRenderer","useField","value","locale","Field","SingleSelect","SingleSelectOption","useDeleteLocaleMutation","IconButton","Trash","ConfirmDialog","Pencil","useUpdateLocaleMutation","Table","Thead","Tr","Th","VisuallyHidden","Tbody","Td","useGetLocalesQuery","useRBAC","PERMISSIONS","Page","Layouts","EmptyStateLayout","EmptyDocuments"],"mappings":"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"}
package/dist/_chunks/{index-DhtjJYrx.mjs → index-BddUXwss.mjs} RENAMED
@@ -1,8 +1,8 @@
1
1
  import get from "lodash/get";
2
2
  import * as yup from "yup";
3
- import { jsxs, jsx } from "react/jsx-runtime";
3
+ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
4
4
  import * as React from "react";
5
- import { Typography, Dialog, Field, Checkbox, Flex, Button as Button$1, Box, Status, IconButton, Tooltip, SingleSelect, SingleSelectOption, VisuallyHidden, useCollator, Popover } from "@strapi/design-system";
5
+ import { Typography, Field, Checkbox, Dialog, DialogBody, Flex, DialogFooter, Button as Button$1, Box, Status, IconButton, Tooltip, SingleSelect, SingleSelectOption, VisuallyHidden, useCollator, Popover } from "@strapi/design-system";
6
6
  import { WarningCircle, Pencil, CrossCircle, CheckCircle, ArrowsCounterClockwise, Trash, ListPlus, Earth, EarthStriked, CaretDown } from "@strapi/icons";
7
7
  import { useIntl } from "react-intl";
8
8
  import { styled } from "styled-components";
@@ -47,7 +47,9 @@ const CheckboxConfirmation = ({
47
47
  };
48
48
  const handleConfirm = () => {
49
49
  onChange({ target: { name, value: false, type: "checkbox" } });
50
+ setIsOpen(false);
50
51
  };
52
+ const handleToggle = () => setIsOpen((prev) => !prev);
51
53
  const label = intlLabel.id ? formatMessage(
52
54
  { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },
53
55
  { ...intlLabel.values }
@@ -56,36 +58,35 @@ const CheckboxConfirmation = ({
56
58
  { id: description.id, defaultMessage: description.defaultMessage },
57
59
  { ...description.values }
58
60
  ) : "";
59
- return /* @__PURE__ */ jsxs(Dialog.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
61
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
60
62
  /* @__PURE__ */ jsxs(Field.Root, { hint, name, children: [
61
- /* @__PURE__ */ jsx(Checkbox, { onCheckedChange: handleChange, checked: value, children: label }),
63
+ /* @__PURE__ */ jsx(Checkbox, { onValueChange: handleChange, value, type: "checkbox", children: label }),
62
64
  /* @__PURE__ */ jsx(Field.Hint, {})
63
65
  ] }),
64
- /* @__PURE__ */ jsxs(Dialog.Content, { children: [
65
- /* @__PURE__ */ jsx(Dialog.Header, { children: formatMessage({
66
- id: getTranslation("CheckboxConfirmation.Modal.title"),
67
- defaultMessage: "Disable localization"
68
- }) }),
69
- /* @__PURE__ */ jsx(Dialog.Body, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
70
- /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(TextAlignTypography, { children: formatMessage({
66
+ isOpen && /* @__PURE__ */ jsxs(Dialog, { onClose: handleToggle, title: "Confirmation", isOpen, children: [
67
+ /* @__PURE__ */ jsx(DialogBody, { icon: /* @__PURE__ */ jsx(WarningCircle, {}), children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 2, children: [
68
+ /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(TextAlignTypography, { id: "confirm-description", children: formatMessage({
71
69
  id: getTranslation("CheckboxConfirmation.Modal.content"),
72
70
  defaultMessage: "Disabling localization will engender the deletion of all your content but the one associated to your default locale (if existing)."
73
71
  }) }) }),
74
- /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", children: formatMessage({
72
+ /* @__PURE__ */ jsx(Flex, { justifyContent: "center", children: /* @__PURE__ */ jsx(Typography, { fontWeight: "semiBold", id: "confirm-description", children: formatMessage({
75
73
  id: getTranslation("CheckboxConfirmation.Modal.body"),
76
74
  defaultMessage: "Do you want to disable it?"
77
75
  }) }) })
78
76
  ] }) }),
79
- /* @__PURE__ */ jsxs(Dialog.Footer, { children: [
80
- /* @__PURE__ */ jsx(Dialog.Cancel, { children: /* @__PURE__ */ jsx(Button$1, { variant: "tertiary", children: formatMessage({
81
- id: "components.popUpWarning.button.cancel",
82
- defaultMessage: "No, cancel"
83
- }) }) }),
84
- /* @__PURE__ */ jsx(Dialog.Action, { children: /* @__PURE__ */ jsx(Button$1, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
85
- id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
86
- defaultMessage: "Yes, disable"
87
- }) }) })
88
- ] })
77
+ /* @__PURE__ */ jsx(
78
+ DialogFooter,
79
+ {
80
+ startAction: /* @__PURE__ */ jsx(Button$1, { onClick: handleToggle, variant: "tertiary", children: formatMessage({
81
+ id: "components.popUpWarning.button.cancel",
82
+ defaultMessage: "No, cancel"
83
+ }) }),
84
+ endAction: /* @__PURE__ */ jsx(Button$1, { variant: "danger-light", onClick: handleConfirm, children: formatMessage({
85
+ id: getTranslation("CheckboxConfirmation.Modal.button-confirm"),
86
+ defaultMessage: "Yes, disable"
87
+ }) })
88
+ }
89
+ )
89
90
  ] })
90
91
  ] });
91
92
  };
@@ -868,7 +869,7 @@ const PERMISSIONS = {
868
869
  read: [{ action: "plugin::i18n.locale.read", subject: null }]
869
870
  };
870
871
  const mutateEditViewHook = ({ layout }) => {
871
- if (!("i18n" in layout.options) || typeof layout.options.i18n === "object" && layout.options.i18n !== null && "localized" in layout.options.i18n && !layout.options.i18n.localized) {
872
+ if ("i18n" in layout.options && typeof layout.options.i18n === "object" && layout.options.i18n !== null && "localized" in layout.options.i18n && !layout.options.i18n.localized) {
872
873
  return { layout };
873
874
  }
874
875
  const components = Object.entries(layout.components).reduce(
@@ -914,7 +915,7 @@ const doesFieldHaveI18nPluginOpt = (pluginOpts) => {
914
915
  const LabelAction = ({ title, icon }) => {
915
916
  const { formatMessage } = useIntl();
916
917
  return /* @__PURE__ */ jsxs(Span, { tag: "span", children: [
917
- /* @__PURE__ */ jsx(VisuallyHidden, { tag: "span", children: formatMessage(title) }),
918
+ /* @__PURE__ */ jsx(VisuallyHidden, { tag: "span", children: `(${formatMessage(title)})` }),
918
919
  React.cloneElement(icon, {
919
920
  "aria-hidden": true,
920
921
  focusable: false
@@ -949,7 +950,13 @@ const LocaleListCell = ({
949
950
  }
950
951
  });
951
952
  const { locale: language } = useIntl();
953
+ const [visible, setVisible] = React.useState(false);
954
+ const buttonRef = React.useRef(null);
952
955
  const { data: locales = [] } = useGetLocalesQuery();
956
+ const handleTogglePopover = (e) => {
957
+ e.stopPropagation();
958
+ setVisible((prev) => !prev);
959
+ };
953
960
  const formatter = useCollator(language, {
954
961
  sensitivity: "base"
955
962
  });
@@ -971,8 +978,8 @@ const LocaleListCell = ({
971
978
  }
972
979
  return locale.name;
973
980
  }).toSorted((a, b) => formatter.compare(a, b));
974
- return /* @__PURE__ */ jsxs(Popover.Root, { children: [
975
- /* @__PURE__ */ jsx(Popover.Trigger, { children: /* @__PURE__ */ jsx(Button, { type: "button", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsxs(
981
+ return /* @__PURE__ */ jsxs(Button, { type: "button", onClick: handleTogglePopover, ref: buttonRef, children: [
982
+ /* @__PURE__ */ jsxs(
976
983
  ActionWrapper,
977
984
  {
978
985
  minWidth: "100%",
@@ -985,8 +992,17 @@ const LocaleListCell = ({
985
992
  /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(CaretDown, {}) })
986
993
  ]
987
994
  }
988
- ) }) }),
989
- /* @__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)) }) })
995
+ ),
996
+ visible && /* @__PURE__ */ jsx(
997
+ Popover,
998
+ {
999
+ onDismiss: () => setVisible(false),
1000
+ source: buttonRef,
1001
+ spacing: 16,
1002
+ centered: true,
1003
+ children: /* @__PURE__ */ jsx("ul", { children: localesForDocument.map((name) => /* @__PURE__ */ jsx(Box, { padding: 3, tag: "li", children: /* @__PURE__ */ jsx(Typography, { children: name }) }, name)) })
1004
+ }
1005
+ )
990
1006
  ] });
991
1007
  };
992
1008
  const Button = styled.button`
@@ -1226,7 +1242,7 @@ const index = {
1226
1242
  },
1227
1243
  id: "internationalization",
1228
1244
  to: "internationalization",
1229
- Component: () => import("./SettingsPage-Dsi2qGtq.mjs").then((mod) => ({ default: mod.ProtectedSettingsPage })),
1245
+ Component: () => import("./SettingsPage-0FFSTUW2.mjs").then((mod) => ({ default: mod.ProtectedSettingsPage })),
1230
1246
  permissions: PERMISSIONS.accessMain
1231
1247
  });
1232
1248
  const contentManager = app.getPlugin("content-manager");
@@ -1369,4 +1385,4 @@ export {
1369
1385
  index as i,
1370
1386
  useCreateLocaleMutation as u
1371
1387
  };
1372
- //# sourceMappingURL=index-DhtjJYrx.mjs.map
1388
+ //# sourceMappingURL=index-BddUXwss.mjs.map