@strapi/content-manager 0.0.0-experimental.f75e3c6d67cc47c64ab37479efdbb7b43be50b78 → 5.0.0-beta.10

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 (95) hide show
  1. package/dist/_chunks/{ComponentConfigurationPage-by0e_kNd.js → ComponentConfigurationPage-BNrZY1Rt.js} +3 -3
  2. package/dist/_chunks/{ComponentConfigurationPage-by0e_kNd.js.map → ComponentConfigurationPage-BNrZY1Rt.js.map} +1 -1
  3. package/dist/_chunks/{ComponentConfigurationPage-CuWgXugY.mjs → ComponentConfigurationPage-DF4KsgJw.mjs} +3 -3
  4. package/dist/_chunks/{ComponentConfigurationPage-CuWgXugY.mjs.map → ComponentConfigurationPage-DF4KsgJw.mjs.map} +1 -1
  5. package/dist/_chunks/{EditConfigurationPage-CqBeCPGH.js → EditConfigurationPage-CzBCnSlY.js} +3 -3
  6. package/dist/_chunks/{EditConfigurationPage-CqBeCPGH.js.map → EditConfigurationPage-CzBCnSlY.js.map} +1 -1
  7. package/dist/_chunks/{EditConfigurationPage-DbI4KMyz.mjs → EditConfigurationPage-Dn7sFfOu.mjs} +3 -3
  8. package/dist/_chunks/{EditConfigurationPage-DbI4KMyz.mjs.map → EditConfigurationPage-Dn7sFfOu.mjs.map} +1 -1
  9. package/dist/_chunks/{EditViewPage-ChgloMyO.js → EditViewPage-CEemNwSu.js} +45 -45
  10. package/dist/_chunks/EditViewPage-CEemNwSu.js.map +1 -0
  11. package/dist/_chunks/{EditViewPage-dFPBya9U.mjs → EditViewPage-D2uq2uZS.mjs} +46 -46
  12. package/dist/_chunks/EditViewPage-D2uq2uZS.mjs.map +1 -0
  13. package/dist/_chunks/{Field-C1nUKcdS.mjs → Field-DvB4ig_f.mjs} +373 -118
  14. package/dist/_chunks/Field-DvB4ig_f.mjs.map +1 -0
  15. package/dist/_chunks/{Field-dLk-vgLL.js → Field-KHBYihjn.js} +372 -117
  16. package/dist/_chunks/Field-KHBYihjn.js.map +1 -0
  17. package/dist/_chunks/{Form-DOlpi7Js.mjs → Form-BGmF27Mb.mjs} +27 -28
  18. package/dist/_chunks/Form-BGmF27Mb.mjs.map +1 -0
  19. package/dist/_chunks/{Form-CbXtmHC_.js → Form-De_O8dNp.js} +25 -26
  20. package/dist/_chunks/Form-De_O8dNp.js.map +1 -0
  21. package/dist/_chunks/{History-BFNUAiGc.mjs → History-Cqq6Csvj.mjs} +103 -23
  22. package/dist/_chunks/History-Cqq6Csvj.mjs.map +1 -0
  23. package/dist/_chunks/{History-BjDfohBr.js → History-aALwb_34.js} +102 -22
  24. package/dist/_chunks/History-aALwb_34.js.map +1 -0
  25. package/dist/_chunks/{ListConfigurationPage-DDi0KqFm.mjs → ListConfigurationPage-Bke2024Z.mjs} +43 -45
  26. package/dist/_chunks/ListConfigurationPage-Bke2024Z.mjs.map +1 -0
  27. package/dist/_chunks/{ListConfigurationPage-IQBgWTaa.js → ListConfigurationPage-DimG1pln.js} +42 -43
  28. package/dist/_chunks/ListConfigurationPage-DimG1pln.js.map +1 -0
  29. package/dist/_chunks/{ListViewPage-CZYGqlvF.js → ListViewPage-BO-JvrUA.js} +60 -65
  30. package/dist/_chunks/ListViewPage-BO-JvrUA.js.map +1 -0
  31. package/dist/_chunks/{ListViewPage-BPjljUsH.mjs → ListViewPage-Cjbh5jyY.mjs} +62 -67
  32. package/dist/_chunks/ListViewPage-Cjbh5jyY.mjs.map +1 -0
  33. package/dist/_chunks/{NoContentTypePage-BOAI6VZ1.js → NoContentTypePage-S-R1DXX2.js} +2 -2
  34. package/dist/_chunks/{NoContentTypePage-BOAI6VZ1.js.map → NoContentTypePage-S-R1DXX2.js.map} +1 -1
  35. package/dist/_chunks/{NoContentTypePage-DaWw67K-.mjs → NoContentTypePage-m6_m6mFn.mjs} +2 -2
  36. package/dist/_chunks/{NoContentTypePage-DaWw67K-.mjs.map → NoContentTypePage-m6_m6mFn.mjs.map} +1 -1
  37. package/dist/_chunks/{NoPermissionsPage-CZrJH00p.mjs → NoPermissionsPage-CCMchuOR.mjs} +2 -2
  38. package/dist/_chunks/{NoPermissionsPage-CZrJH00p.mjs.map → NoPermissionsPage-CCMchuOR.mjs.map} +1 -1
  39. package/dist/_chunks/{NoPermissionsPage-cYEtLc_e.js → NoPermissionsPage-wFEMKcdV.js} +2 -2
  40. package/dist/_chunks/{NoPermissionsPage-cYEtLc_e.js.map → NoPermissionsPage-wFEMKcdV.js.map} +1 -1
  41. package/dist/_chunks/{Relations-DU6B7irU.js → Relations-PjEVbLqZ.js} +4 -4
  42. package/dist/_chunks/{Relations-DU6B7irU.js.map → Relations-PjEVbLqZ.js.map} +1 -1
  43. package/dist/_chunks/{Relations-DTowyge2.mjs → Relations-i8F_imXr.mjs} +4 -4
  44. package/dist/_chunks/{Relations-DTowyge2.mjs.map → Relations-i8F_imXr.mjs.map} +1 -1
  45. package/dist/_chunks/{en-GCOTL6jR.mjs → en-Ux26r5pl.mjs} +5 -1
  46. package/dist/_chunks/{en-GCOTL6jR.mjs.map → en-Ux26r5pl.mjs.map} +1 -1
  47. package/dist/_chunks/{en-DTULi5-d.js → en-fbKQxLGn.js} +5 -1
  48. package/dist/_chunks/{en-DTULi5-d.js.map → en-fbKQxLGn.js.map} +1 -1
  49. package/dist/_chunks/{index-CCJeB7Rw.js → index-B4Gj2Oe9.js} +1239 -947
  50. package/dist/_chunks/index-B4Gj2Oe9.js.map +1 -0
  51. package/dist/_chunks/{index-BaGHmIir.mjs → index-BAGok3Xa.mjs} +1257 -965
  52. package/dist/_chunks/index-BAGok3Xa.mjs.map +1 -0
  53. package/dist/_chunks/{layout-BinjszSQ.mjs → layout-BybbePH7.mjs} +17 -12
  54. package/dist/_chunks/layout-BybbePH7.mjs.map +1 -0
  55. package/dist/_chunks/{layout-ni_L9kT1.js → layout-aK6fNSLK.js} +17 -12
  56. package/dist/_chunks/layout-aK6fNSLK.js.map +1 -0
  57. package/dist/_chunks/{relations-c91ji5eR.mjs → relations-BZicUuRc.mjs} +2 -2
  58. package/dist/_chunks/{relations-c91ji5eR.mjs.map → relations-BZicUuRc.mjs.map} +1 -1
  59. package/dist/_chunks/{relations-CeJAJc5I.js → relations-yBDEAWeN.js} +2 -2
  60. package/dist/_chunks/{relations-CeJAJc5I.js.map → relations-yBDEAWeN.js.map} +1 -1
  61. package/dist/admin/index.js +1 -1
  62. package/dist/admin/index.mjs +5 -5
  63. package/dist/admin/src/history/components/VersionInputRenderer.d.ts +1 -1
  64. package/dist/admin/src/hooks/useDocumentActions.d.ts +1 -1
  65. package/dist/admin/src/pages/EditView/components/DocumentActions.d.ts +7 -3
  66. package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/utils/constants.d.ts +4 -0
  67. package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygStyles.d.ts +2 -10
  68. package/dist/admin/src/pages/ListView/components/BulkActions/Actions.d.ts +3 -30
  69. package/dist/admin/src/pages/ListView/components/BulkActions/ConfirmBulkActionDialog.d.ts +2 -2
  70. package/dist/admin/src/pages/ListView/components/BulkActions/PublishAction.d.ts +14 -0
  71. package/dist/server/index.js +20 -15
  72. package/dist/server/index.js.map +1 -1
  73. package/dist/server/index.mjs +20 -15
  74. package/dist/server/index.mjs.map +1 -1
  75. package/dist/server/src/controllers/collection-types.d.ts.map +1 -1
  76. package/dist/server/src/controllers/single-types.d.ts.map +1 -1
  77. package/dist/server/src/history/services/lifecycles.d.ts.map +1 -1
  78. package/dist/server/src/services/utils/populate.d.ts.map +1 -1
  79. package/package.json +8 -8
  80. package/dist/_chunks/EditViewPage-ChgloMyO.js.map +0 -1
  81. package/dist/_chunks/EditViewPage-dFPBya9U.mjs.map +0 -1
  82. package/dist/_chunks/Field-C1nUKcdS.mjs.map +0 -1
  83. package/dist/_chunks/Field-dLk-vgLL.js.map +0 -1
  84. package/dist/_chunks/Form-CbXtmHC_.js.map +0 -1
  85. package/dist/_chunks/Form-DOlpi7Js.mjs.map +0 -1
  86. package/dist/_chunks/History-BFNUAiGc.mjs.map +0 -1
  87. package/dist/_chunks/History-BjDfohBr.js.map +0 -1
  88. package/dist/_chunks/ListConfigurationPage-DDi0KqFm.mjs.map +0 -1
  89. package/dist/_chunks/ListConfigurationPage-IQBgWTaa.js.map +0 -1
  90. package/dist/_chunks/ListViewPage-BPjljUsH.mjs.map +0 -1
  91. package/dist/_chunks/ListViewPage-CZYGqlvF.js.map +0 -1
  92. package/dist/_chunks/index-BaGHmIir.mjs.map +0 -1
  93. package/dist/_chunks/index-CCJeB7Rw.js.map +0 -1
  94. package/dist/_chunks/layout-BinjszSQ.mjs.map +0 -1
  95. package/dist/_chunks/layout-ni_L9kT1.js.map +0 -1
@@ -5,9 +5,9 @@ const strapiAdmin = require("@strapi/admin/strapi-admin");
5
5
  const designSystem = require("@strapi/design-system");
6
6
  const pipe$1 = require("lodash/fp/pipe");
7
7
  const reactIntl = require("react-intl");
8
- const index = require("./index-CCJeB7Rw.js");
8
+ const index = require("./index-B4Gj2Oe9.js");
9
9
  const fractionalIndexing = require("fractional-indexing");
10
- const Relations = require("./Relations-DU6B7irU.js");
10
+ const Relations = require("./Relations-PjEVbLqZ.js");
11
11
  const Icons = require("@strapi/icons");
12
12
  const styledComponents = require("styled-components");
13
13
  const ComponentIcon = require("./ComponentIcon-BXdiCGQp.js");
@@ -194,6 +194,220 @@ const useLazyComponents = (componentUids = []) => {
194
194
  }, []);
195
195
  return { isLazyLoading: loading, lazyComponentStore, cleanup };
196
196
  };
197
+ const codeLanguages = [
198
+ {
199
+ value: "asm",
200
+ label: "Assembly"
201
+ },
202
+ {
203
+ value: "bash",
204
+ label: "Bash"
205
+ },
206
+ {
207
+ value: "c",
208
+ label: "C"
209
+ },
210
+ {
211
+ value: "clojure",
212
+ label: "Clojure"
213
+ },
214
+ {
215
+ value: "cobol",
216
+ label: "COBOL"
217
+ },
218
+ {
219
+ value: "cpp",
220
+ label: "C++"
221
+ },
222
+ {
223
+ value: "csharp",
224
+ label: "C#"
225
+ },
226
+ {
227
+ value: "css",
228
+ label: "CSS"
229
+ },
230
+ {
231
+ value: "dart",
232
+ label: "Dart"
233
+ },
234
+ {
235
+ value: "dockerfile",
236
+ label: "Dockerfile"
237
+ },
238
+ {
239
+ value: "elixir",
240
+ label: "Elixir"
241
+ },
242
+ {
243
+ value: "erlang",
244
+ label: "Erlang"
245
+ },
246
+ {
247
+ value: "fortran",
248
+ label: "Fortran"
249
+ },
250
+ {
251
+ value: "fsharp",
252
+ label: "F#"
253
+ },
254
+ {
255
+ value: "go",
256
+ label: "Go"
257
+ },
258
+ {
259
+ value: "graphql",
260
+ label: "GraphQL"
261
+ },
262
+ {
263
+ value: "groovy",
264
+ label: "Groovy"
265
+ },
266
+ {
267
+ value: "haskell",
268
+ label: "Haskell"
269
+ },
270
+ {
271
+ value: "haxe",
272
+ label: "Haxe"
273
+ },
274
+ {
275
+ value: "html",
276
+ label: "HTML"
277
+ },
278
+ {
279
+ value: "ini",
280
+ label: "INI"
281
+ },
282
+ {
283
+ value: "java",
284
+ label: "Java"
285
+ },
286
+ {
287
+ value: "javascript",
288
+ label: "JavaScript"
289
+ },
290
+ {
291
+ value: "jsx",
292
+ label: "JavaScript (React)"
293
+ },
294
+ {
295
+ value: "json",
296
+ label: "JSON"
297
+ },
298
+ {
299
+ value: "julia",
300
+ label: "Julia"
301
+ },
302
+ {
303
+ value: "kotlin",
304
+ label: "Kotlin"
305
+ },
306
+ {
307
+ value: "latex",
308
+ label: "LaTeX"
309
+ },
310
+ {
311
+ value: "lua",
312
+ label: "Lua"
313
+ },
314
+ {
315
+ value: "markdown",
316
+ label: "Markdown"
317
+ },
318
+ {
319
+ value: "matlab",
320
+ label: "MATLAB"
321
+ },
322
+ {
323
+ value: "makefile",
324
+ label: "Makefile"
325
+ },
326
+ {
327
+ value: "objectivec",
328
+ label: "Objective-C"
329
+ },
330
+ {
331
+ value: "perl",
332
+ label: "Perl"
333
+ },
334
+ {
335
+ value: "php",
336
+ label: "PHP"
337
+ },
338
+ {
339
+ value: "plaintext",
340
+ label: "Plain text"
341
+ },
342
+ {
343
+ value: "powershell",
344
+ label: "PowerShell"
345
+ },
346
+ {
347
+ value: "python",
348
+ label: "Python"
349
+ },
350
+ {
351
+ value: "r",
352
+ label: "R"
353
+ },
354
+ {
355
+ value: "ruby",
356
+ label: "Ruby"
357
+ },
358
+ {
359
+ value: "rust",
360
+ label: "Rust"
361
+ },
362
+ {
363
+ value: "sas",
364
+ label: "SAS"
365
+ },
366
+ {
367
+ value: "scala",
368
+ label: "Scala"
369
+ },
370
+ {
371
+ value: "scheme",
372
+ label: "Scheme"
373
+ },
374
+ {
375
+ value: "shell",
376
+ label: "Shell"
377
+ },
378
+ {
379
+ value: "sql",
380
+ label: "SQL"
381
+ },
382
+ {
383
+ value: "stata",
384
+ label: "Stata"
385
+ },
386
+ {
387
+ value: "swift",
388
+ label: "Swift"
389
+ },
390
+ {
391
+ value: "typescript",
392
+ label: "TypeScript"
393
+ },
394
+ {
395
+ value: "tsx",
396
+ label: "TypeScript (React)"
397
+ },
398
+ {
399
+ value: "vbnet",
400
+ label: "VB.NET"
401
+ },
402
+ {
403
+ value: "xml",
404
+ label: "XML"
405
+ },
406
+ {
407
+ value: "yaml",
408
+ label: "YAML"
409
+ }
410
+ ];
197
411
  const baseHandleConvert = (editor, attributesToSet) => {
198
412
  const [_, lastNodePath] = slate.Editor.last(editor, []);
199
413
  slate.Transforms.unwrapNodes(editor, {
@@ -264,6 +478,7 @@ const CodeBlock = styledComponents.styled.pre`
264
478
  overflow: auto;
265
479
  padding: ${({ theme }) => `${theme.spaces[3]} ${theme.spaces[4]}`};
266
480
  flex-shrink: 1;
481
+
267
482
  & > code {
268
483
  font-family: 'SF Mono', SFMono-Regular, ui-monospace, 'DejaVu Sans Mono', Menlo, Consolas,
269
484
  monospace;
@@ -272,9 +487,61 @@ const CodeBlock = styledComponents.styled.pre`
272
487
  max-width: 100%;
273
488
  }
274
489
  `;
490
+ const CodeEditor = (props) => {
491
+ const { editor } = useBlocksEditorContext("ImageDialog");
492
+ const editorIsFocused = slateReact.useFocused();
493
+ const imageIsSelected = slateReact.useSelected();
494
+ const { formatMessage } = reactIntl.useIntl();
495
+ const [isSelectOpen, setIsSelectOpen] = React__namespace.useState(false);
496
+ const shouldDisplayLanguageSelect = editorIsFocused && imageIsSelected || isSelectOpen;
497
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { position: "relative", width: "100%", children: [
498
+ /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { ...props.attributes, children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: props.children }) }),
499
+ shouldDisplayLanguageSelect && /* @__PURE__ */ jsxRuntime.jsx(
500
+ designSystem.Box,
501
+ {
502
+ position: "absolute",
503
+ background: "neutral0",
504
+ borderColor: "neutral150",
505
+ borderStyle: "solid",
506
+ borderWidth: "0.5px",
507
+ shadow: "tableShadow",
508
+ top: "100%",
509
+ marginTop: 1,
510
+ right: 0,
511
+ padding: 1,
512
+ hasRadius: true,
513
+ children: /* @__PURE__ */ jsxRuntime.jsx(
514
+ designSystem.SingleSelect,
515
+ {
516
+ onChange: (open) => {
517
+ slate.Transforms.setNodes(
518
+ editor,
519
+ { language: open.toString() },
520
+ { match: (node) => !slate.Editor.isEditor(node) && node.type === "code" }
521
+ );
522
+ },
523
+ value: props.element.type === "code" && props.element.language || "plaintext",
524
+ onOpenChange: (open) => {
525
+ setIsSelectOpen(open);
526
+ if (!open) {
527
+ slateReact.ReactEditor.focus(editor);
528
+ }
529
+ },
530
+ onCloseAutoFocus: (e) => e.preventDefault(),
531
+ "aria-label": formatMessage({
532
+ id: "components.Blocks.blocks.code.languageLabel",
533
+ defaultMessage: "Select a language"
534
+ }),
535
+ children: codeLanguages.map(({ value, label }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.SingleSelectOption, { value, children: label }, value))
536
+ }
537
+ )
538
+ }
539
+ )
540
+ ] });
541
+ };
275
542
  const codeBlocks = {
276
543
  code: {
277
- renderElement: (props) => /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { ...props.attributes, children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: props.children }) }),
544
+ renderElement: (props) => /* @__PURE__ */ jsxRuntime.jsx(CodeEditor, { ...props }),
278
545
  icon: Icons.Code,
279
546
  label: {
280
547
  id: "components.Blocks.blocks.code",
@@ -283,7 +550,7 @@ const codeBlocks = {
283
550
  matchNode: (node) => node.type === "code",
284
551
  isInBlocksSelector: true,
285
552
  handleConvert(editor) {
286
- baseHandleConvert(editor, { type: "code" });
553
+ baseHandleConvert(editor, { type: "code", language: "plaintext" });
287
554
  },
288
555
  handleEnterKey(editor) {
289
556
  pressEnterTwiceToExit(editor);
@@ -623,17 +890,23 @@ const LinkContent = React__namespace.forwardRef(
623
890
  const [popoverOpen, setPopoverOpen] = React__namespace.useState(
624
891
  editor.lastInsertedLinkPath ? slate.Path.equals(path, editor.lastInsertedLinkPath) : false
625
892
  );
626
- const linkRef = React__namespace.useRef(null);
627
893
  const elementText = link.children.map((child) => child.text).join("");
628
894
  const [linkText, setLinkText] = React__namespace.useState(elementText);
629
895
  const [linkUrl, setLinkUrl] = React__namespace.useState(link.url);
630
896
  const linkInputRef = React__namespace.useRef(null);
631
897
  const [showRemoveButton, setShowRemoveButton] = React__namespace.useState(false);
632
898
  const [isSaveDisabled, setIsSaveDisabled] = React__namespace.useState(false);
633
- const handleOpenEditPopover = (e) => {
634
- e.preventDefault();
635
- setPopoverOpen(true);
636
- setShowRemoveButton(true);
899
+ const handleOpenChange = (isOpen) => {
900
+ if (isOpen) {
901
+ setPopoverOpen(isOpen);
902
+ setShowRemoveButton(isOpen);
903
+ } else {
904
+ setPopoverOpen(isOpen);
905
+ if (link.url === "") {
906
+ removeLink(editor);
907
+ }
908
+ slateReact.ReactEditor.focus(editor);
909
+ }
637
910
  };
638
911
  const onLinkChange = (e) => {
639
912
  setIsSaveDisabled(false);
@@ -656,32 +929,14 @@ const LinkContent = React__namespace.forwardRef(
656
929
  setPopoverOpen(false);
657
930
  editor.lastInsertedLinkPath = null;
658
931
  };
659
- const handleDismiss = () => {
660
- setPopoverOpen(false);
661
- if (link.url === "") {
662
- removeLink(editor);
663
- }
664
- slateReact.ReactEditor.focus(editor);
665
- };
666
- const inputNotDirty = !linkText || !linkUrl || link.url && link.url === linkUrl && elementText && elementText === linkText;
667
- const composedRefs = designSystem.useComposedRefs(linkRef, forwardedRef);
668
932
  React__namespace.useEffect(() => {
669
933
  if (popoverOpen)
670
934
  linkInputRef.current?.focus();
671
935
  }, [popoverOpen]);
672
- return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
673
- /* @__PURE__ */ jsxRuntime.jsx(
674
- StyledBaseLink,
675
- {
676
- ...attributes,
677
- ref: composedRefs,
678
- href: link.url,
679
- onClick: handleOpenEditPopover,
680
- color: "primary600",
681
- children
682
- }
683
- ),
684
- popoverOpen && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover, { source: linkRef, onDismiss: handleDismiss, padding: 4, contentEditable: false, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { tag: "form", onSubmit: handleSave, direction: "column", gap: 4, children: [
936
+ const inputNotDirty = !linkText || !linkUrl || link.url && link.url === linkUrl && elementText && elementText === linkText;
937
+ return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { onOpenChange: handleOpenChange, open: popoverOpen, children: [
938
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledBaseLink, { ...attributes, ref: forwardedRef, href: link.url, color: "primary600", children }) }),
939
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 4, tag: "form", onSubmit: handleSave, direction: "column", gap: 4, children: [
685
940
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { width: "368px", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", gap: 1, alignItems: "stretch", children: [
686
941
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: formatMessage({
687
942
  id: "components.Blocks.popover.text",
@@ -735,7 +990,7 @@ const LinkContent = React__namespace.forwardRef(
735
990
  }
736
991
  ),
737
992
  /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, children: [
738
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: handleDismiss, children: formatMessage({
993
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", onClick: () => handleOpenChange(false), children: formatMessage({
739
994
  id: "components.Blocks.popover.cancel",
740
995
  defaultMessage: "Cancel"
741
996
  }) }),
@@ -2426,9 +2681,9 @@ const NonRepeatableComponent = ({
2426
2681
  hasRadius: isNested,
2427
2682
  borderColor: isNested ? "neutral200" : void 0,
2428
2683
  children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children: layout.map((row, index2) => {
2429
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
2684
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
2430
2685
  const completeFieldName = `${name2}.${field.name}`;
2431
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
2686
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
2432
2687
  }) }, index2);
2433
2688
  }) })
2434
2689
  }
@@ -2604,9 +2859,9 @@ const RepeatableComponent = ({
2604
2859
  onGrabItem: handleGrabItem,
2605
2860
  __temp_key__: key,
2606
2861
  children: layout.map((row, index22) => {
2607
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
2862
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
2608
2863
  const completeFieldName = `${nameWithIndex}.${field.name}`;
2609
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
2864
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, s: 12, xs: 12, children: children({ ...field, name: completeFieldName }) }, completeFieldName);
2610
2865
  }) }, index22);
2611
2866
  })
2612
2867
  }
@@ -2651,7 +2906,7 @@ const TextButtonCustom = styledComponents.styled(designSystem.TextButton)`
2651
2906
  }
2652
2907
 
2653
2908
  @media (prefers-reduced-motion: no-preference) {
2654
- transition: background-color 120ms ${(props) => props.theme.easings.easeOutQuad};
2909
+ transition: background-color 120ms ${(props) => props.theme.motion.easings.easeOutQuad};
2655
2910
  }
2656
2911
  `;
2657
2912
  const Component = ({
@@ -2919,7 +3174,7 @@ const ComponentBox = styledComponents.styled(designSystem.Flex)`
2919
3174
  cursor: pointer;
2920
3175
 
2921
3176
  @media (prefers-reduced-motion: no-preference) {
2922
- transition: color 120ms ${(props) => props.theme.easings.easeOutQuad};
3177
+ transition: color 120ms ${(props) => props.theme.motion.easings.easeOutQuad};
2923
3178
  }
2924
3179
 
2925
3180
  &:focus,
@@ -4306,8 +4561,6 @@ const quoteAndCodeHandler = (editor, markdownType) => {
4306
4561
  };
4307
4562
  const CustomIconButton = styledComponents.styled(designSystem.IconButton)`
4308
4563
  padding: ${({ theme }) => theme.spaces[2]};
4309
- /* Trick to prevent the outline from overflowing because of the general outline-offset */
4310
- outline-offset: -2px !important;
4311
4564
 
4312
4565
  svg {
4313
4566
  width: 1.8rem;
@@ -4374,7 +4627,7 @@ const WysiwygNav = ({
4374
4627
  id: "components.Wysiwyg.selectOptions.title",
4375
4628
  defaultMessage: "Add a title"
4376
4629
  });
4377
- const buttonMoreRef = React__namespace.useRef(null);
4630
+ React__namespace.useRef(null);
4378
4631
  const handleTogglePopover = () => {
4379
4632
  setVisiblePopover((prev) => !prev);
4380
4633
  };
@@ -4465,79 +4718,81 @@ const WysiwygNav = ({
4465
4718
  }
4466
4719
  )
4467
4720
  ] }),
4468
- /* @__PURE__ */ jsxRuntime.jsx(MoreButton, { ref: buttonMoreRef, onClick: handleTogglePopover, label: "More", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.More, {}) }),
4469
- visiblePopover && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover, { onDismiss: handleTogglePopover, centered: true, source: buttonMoreRef, spacing: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
4470
- /* @__PURE__ */ jsxRuntime.jsxs(IconButtonGroupMargin, { children: [
4471
- /* @__PURE__ */ jsxRuntime.jsx(
4472
- CustomIconButton,
4473
- {
4474
- onClick: () => onActionClick("Strikethrough", editorRef, handleTogglePopover),
4475
- label: "Strikethrough",
4476
- name: "Strikethrough",
4477
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.StrikeThrough, {})
4478
- }
4479
- ),
4480
- /* @__PURE__ */ jsxRuntime.jsx(
4481
- CustomIconButton,
4482
- {
4483
- onClick: () => onActionClick("BulletList", editorRef, handleTogglePopover),
4484
- label: "BulletList",
4485
- name: "BulletList",
4486
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.BulletList, {})
4487
- }
4488
- ),
4489
- /* @__PURE__ */ jsxRuntime.jsx(
4490
- CustomIconButton,
4491
- {
4492
- onClick: () => onActionClick("NumberList", editorRef, handleTogglePopover),
4493
- label: "NumberList",
4494
- name: "NumberList",
4495
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.NumberList, {})
4496
- }
4497
- )
4498
- ] }),
4499
- /* @__PURE__ */ jsxRuntime.jsxs(designSystem.IconButtonGroup, { children: [
4500
- /* @__PURE__ */ jsxRuntime.jsx(
4501
- CustomIconButton,
4502
- {
4503
- onClick: () => onActionClick("Code", editorRef, handleTogglePopover),
4504
- label: "Code",
4505
- name: "Code",
4506
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Code, {})
4507
- }
4508
- ),
4509
- /* @__PURE__ */ jsxRuntime.jsx(
4510
- CustomIconButton,
4511
- {
4512
- onClick: () => {
4513
- handleTogglePopover();
4514
- onToggleMediaLib();
4515
- },
4516
- label: "Image",
4517
- name: "Image",
4518
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Image, {})
4519
- }
4520
- ),
4521
- /* @__PURE__ */ jsxRuntime.jsx(
4522
- CustomLinkIconButton,
4523
- {
4524
- onClick: () => onActionClick("Link", editorRef, handleTogglePopover),
4525
- label: "Link",
4526
- name: "Link",
4527
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
4528
- }
4529
- ),
4530
- /* @__PURE__ */ jsxRuntime.jsx(
4531
- CustomIconButton,
4532
- {
4533
- onClick: () => onActionClick("Quote", editorRef, handleTogglePopover),
4534
- label: "Quote",
4535
- name: "Quote",
4536
- children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Quotes, {})
4537
- }
4538
- )
4539
- ] })
4540
- ] }) })
4721
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Popover.Root, { children: [
4722
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(MoreButton, { label: "More", children: /* @__PURE__ */ jsxRuntime.jsx(Icons.More, {}) }) }),
4723
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Popover.Content, { sideOffset: 12, children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { padding: 2, children: [
4724
+ /* @__PURE__ */ jsxRuntime.jsxs(IconButtonGroupMargin, { children: [
4725
+ /* @__PURE__ */ jsxRuntime.jsx(
4726
+ CustomIconButton,
4727
+ {
4728
+ onClick: () => onActionClick("Strikethrough", editorRef, handleTogglePopover),
4729
+ label: "Strikethrough",
4730
+ name: "Strikethrough",
4731
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.StrikeThrough, {})
4732
+ }
4733
+ ),
4734
+ /* @__PURE__ */ jsxRuntime.jsx(
4735
+ CustomIconButton,
4736
+ {
4737
+ onClick: () => onActionClick("BulletList", editorRef, handleTogglePopover),
4738
+ label: "BulletList",
4739
+ name: "BulletList",
4740
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.BulletList, {})
4741
+ }
4742
+ ),
4743
+ /* @__PURE__ */ jsxRuntime.jsx(
4744
+ CustomIconButton,
4745
+ {
4746
+ onClick: () => onActionClick("NumberList", editorRef, handleTogglePopover),
4747
+ label: "NumberList",
4748
+ name: "NumberList",
4749
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.NumberList, {})
4750
+ }
4751
+ )
4752
+ ] }),
4753
+ /* @__PURE__ */ jsxRuntime.jsxs(designSystem.IconButtonGroup, { children: [
4754
+ /* @__PURE__ */ jsxRuntime.jsx(
4755
+ CustomIconButton,
4756
+ {
4757
+ onClick: () => onActionClick("Code", editorRef, handleTogglePopover),
4758
+ label: "Code",
4759
+ name: "Code",
4760
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Code, {})
4761
+ }
4762
+ ),
4763
+ /* @__PURE__ */ jsxRuntime.jsx(
4764
+ CustomIconButton,
4765
+ {
4766
+ onClick: () => {
4767
+ handleTogglePopover();
4768
+ onToggleMediaLib();
4769
+ },
4770
+ label: "Image",
4771
+ name: "Image",
4772
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Image, {})
4773
+ }
4774
+ ),
4775
+ /* @__PURE__ */ jsxRuntime.jsx(
4776
+ CustomLinkIconButton,
4777
+ {
4778
+ onClick: () => onActionClick("Link", editorRef, handleTogglePopover),
4779
+ label: "Link",
4780
+ name: "Link",
4781
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Link, {})
4782
+ }
4783
+ ),
4784
+ /* @__PURE__ */ jsxRuntime.jsx(
4785
+ CustomIconButton,
4786
+ {
4787
+ onClick: () => onActionClick("Quote", editorRef, handleTogglePopover),
4788
+ label: "Quote",
4789
+ name: "Quote",
4790
+ children: /* @__PURE__ */ jsxRuntime.jsx(Icons.Quotes, {})
4791
+ }
4792
+ )
4793
+ ] })
4794
+ ] }) })
4795
+ ] })
4541
4796
  ] }),
4542
4797
  onTogglePreviewMode && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: onTogglePreviewMode, variant: "tertiary", children: formatMessage({
4543
4798
  id: "components.Wysiwyg.ToggleMode.preview-mode",
@@ -4931,9 +5186,9 @@ const DynamicComponent = ({
4931
5186
  ),
4932
5187
  /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Actions, { children: accordionActions })
4933
5188
  ] }),
4934
- /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContentRadius, { background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 6, paddingRight: 6, paddingTop: 6, paddingBottom: 6, children: components[componentUid]?.layout?.map((row, rowInd) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid, { gap: 4, children: row.map(({ size, ...field }) => {
5189
+ /* @__PURE__ */ jsxRuntime.jsx(designSystem.Accordion.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(AccordionContentRadius, { background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 6, paddingRight: 6, paddingTop: 6, paddingBottom: 6, children: components[componentUid]?.layout?.map((row, rowInd) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: row.map(({ size, ...field }) => {
4935
5190
  const fieldName = `${name2}.${index$1}.${field.name}`;
4936
- return /* @__PURE__ */ jsxRuntime.jsx(designSystem.GridItem, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field, name: fieldName }) }, fieldName);
5191
+ return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: size, s: 12, xs: 12, children: /* @__PURE__ */ jsxRuntime.jsx(MemoizedInputRenderer, { ...field, name: fieldName }) }, fieldName);
4937
5192
  }) }, rowInd)) }) }) })
4938
5193
  ] }) }) })
4939
5194
  ] });
@@ -5240,4 +5495,4 @@ exports.transformDocument = transformDocument;
5240
5495
  exports.useDynamicZone = useDynamicZone;
5241
5496
  exports.useFieldHint = useFieldHint;
5242
5497
  exports.useLazyComponents = useLazyComponents;
5243
- //# sourceMappingURL=Field-dLk-vgLL.js.map
5498
+ //# sourceMappingURL=Field-KHBYihjn.js.map