@strapi/content-manager 0.0.0-next.c22d1aa5024dc77092c3df7e990ad89dcd79e7b0 → 0.0.0-next.c57731c6e91ae024fa544ad986d80a3c4a489dbf

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 (221) hide show
  1. package/dist/admin/chunks/{CardDragPreview-DwuraT0K.js → CardDragPreview-DwuraT0K.mjs} +1 -1
  2. package/dist/admin/chunks/CardDragPreview-DwuraT0K.mjs.map +1 -0
  3. package/dist/admin/chunks/{ComponentConfigurationPage-Dj1bNvEF.js → ComponentConfigurationPage-BqvYunl3.js} +4 -3
  4. package/dist/admin/chunks/{ComponentConfigurationPage-Dj1bNvEF.js.map → ComponentConfigurationPage-BqvYunl3.js.map} +1 -1
  5. package/dist/admin/chunks/{ComponentConfigurationPage-Co2eC_-C.js → ComponentConfigurationPage-C9JWxciR.mjs} +9 -8
  6. package/dist/admin/chunks/ComponentConfigurationPage-C9JWxciR.mjs.map +1 -0
  7. package/dist/admin/chunks/{ComponentIcon-BZcTc4rj.js → ComponentIcon-BZcTc4rj.mjs} +1 -1
  8. package/dist/admin/chunks/ComponentIcon-BZcTc4rj.mjs.map +1 -0
  9. package/dist/admin/chunks/{EditConfigurationPage-Dm5woBp9.js → EditConfigurationPage-DE_FVPa6.js} +4 -3
  10. package/dist/admin/chunks/{EditConfigurationPage-Dm5woBp9.js.map → EditConfigurationPage-DE_FVPa6.js.map} +1 -1
  11. package/dist/admin/chunks/{EditConfigurationPage-zd9OLaVh.js → EditConfigurationPage-DqBbH_tt.mjs} +9 -8
  12. package/dist/admin/chunks/EditConfigurationPage-DqBbH_tt.mjs.map +1 -0
  13. package/dist/admin/chunks/{EditViewPage-DsBKmSPb.js → EditViewPage-BPrkSLuI.js} +7 -10
  14. package/dist/admin/chunks/EditViewPage-BPrkSLuI.js.map +1 -0
  15. package/dist/admin/chunks/{EditViewPage-kAIaYTg0.js → EditViewPage-CxmB65b6.mjs} +11 -14
  16. package/dist/admin/chunks/EditViewPage-CxmB65b6.mjs.map +1 -0
  17. package/dist/admin/chunks/{FieldTypeIcon-BY6MrVF4.js → FieldTypeIcon-BY6MrVF4.mjs} +1 -1
  18. package/dist/admin/chunks/FieldTypeIcon-BY6MrVF4.mjs.map +1 -0
  19. package/dist/admin/chunks/{Form-BPIhJKyf.js → Form-CnU6eQgF.js} +2 -2
  20. package/dist/admin/chunks/{Form-BPIhJKyf.js.map → Form-CnU6eQgF.js.map} +1 -1
  21. package/dist/admin/chunks/{Form-BO69oITe.js → Form-DBte52Jp.mjs} +5 -5
  22. package/dist/admin/chunks/Form-DBte52Jp.mjs.map +1 -0
  23. package/dist/admin/chunks/{History-BzvpM-Gw.js → History-BZnq2Bi2.mjs} +11 -11
  24. package/dist/admin/chunks/History-BZnq2Bi2.mjs.map +1 -0
  25. package/dist/admin/chunks/{History-DBQ96jv2.js → History-CRk6-vwW.js} +6 -6
  26. package/dist/admin/chunks/{History-DBQ96jv2.js.map → History-CRk6-vwW.js.map} +1 -1
  27. package/dist/admin/chunks/{Input-Dh1MtWno.js → Input-CoyG0mFB.js} +748 -313
  28. package/dist/admin/chunks/Input-CoyG0mFB.js.map +1 -0
  29. package/dist/admin/chunks/{Input-BlDcbhUC.js → Input-CquZCZx3.mjs} +755 -320
  30. package/dist/admin/chunks/Input-CquZCZx3.mjs.map +1 -0
  31. package/dist/admin/chunks/{ListConfigurationPage-8d3BsQIr.js → ListConfigurationPage-CyWNH3Mv.js} +3 -2
  32. package/dist/admin/chunks/{ListConfigurationPage-DK0ARecn.js.map → ListConfigurationPage-CyWNH3Mv.js.map} +1 -1
  33. package/dist/admin/chunks/{ListConfigurationPage-DK0ARecn.js → ListConfigurationPage-T4REP8DG.mjs} +8 -7
  34. package/dist/admin/chunks/ListConfigurationPage-T4REP8DG.mjs.map +1 -0
  35. package/dist/admin/chunks/{ListViewPage-CS1ED-vI.js → ListViewPage-Br5s3p1I.js} +4 -3
  36. package/dist/admin/chunks/{ListViewPage-BF2q7N6W.js.map → ListViewPage-Br5s3p1I.js.map} +1 -1
  37. package/dist/admin/chunks/{ListViewPage-BF2q7N6W.js → ListViewPage-eJAJfQ91.mjs} +6 -5
  38. package/dist/admin/chunks/ListViewPage-eJAJfQ91.mjs.map +1 -0
  39. package/dist/admin/chunks/{NoContentTypePage-C5Qxz3I4.js → NoContentTypePage-BZlQtroN.js} +3 -2
  40. package/dist/admin/chunks/{NoContentTypePage-C5Qxz3I4.js.map → NoContentTypePage-BZlQtroN.js.map} +1 -1
  41. package/dist/admin/chunks/{NoContentTypePage-DjdXr1-j.js → NoContentTypePage-Ccor5E27.mjs} +3 -2
  42. package/dist/admin/chunks/NoContentTypePage-Ccor5E27.mjs.map +1 -0
  43. package/dist/admin/chunks/{NoPermissionsPage-C5dC0MtL.js → NoPermissionsPage-BeqSJ6Je.js} +3 -2
  44. package/dist/admin/chunks/{NoPermissionsPage-BUwtKUEP.js.map → NoPermissionsPage-BeqSJ6Je.js.map} +1 -1
  45. package/dist/admin/chunks/{NoPermissionsPage-BUwtKUEP.js → NoPermissionsPage-BpCoaqBJ.mjs} +3 -2
  46. package/dist/admin/chunks/NoPermissionsPage-BpCoaqBJ.mjs.map +1 -0
  47. package/dist/admin/chunks/{Preview-DBvmhR7Q.js → Preview-DYyTSe9I.js} +236 -92
  48. package/dist/admin/chunks/Preview-DYyTSe9I.js.map +1 -0
  49. package/dist/admin/chunks/{Preview-C9kXTY6C.js → Preview-VVd4rU0x.mjs} +244 -100
  50. package/dist/admin/chunks/Preview-VVd4rU0x.mjs.map +1 -0
  51. package/dist/admin/chunks/{Relations-Cn0atFpd.js → Relations-CiBR_0b1.mjs} +471 -7
  52. package/dist/admin/chunks/Relations-CiBR_0b1.mjs.map +1 -0
  53. package/dist/admin/chunks/{Relations-XHxDKEvT.js → Relations-PF93YcFV.js} +469 -4
  54. package/dist/admin/chunks/Relations-PF93YcFV.js.map +1 -0
  55. package/dist/admin/chunks/{ar-DckYq_WK.js → ar-DckYq_WK.mjs} +1 -1
  56. package/dist/admin/chunks/ar-DckYq_WK.mjs.map +1 -0
  57. package/dist/admin/chunks/{ca-DviY7mRj.js → ca-DviY7mRj.mjs} +1 -1
  58. package/dist/admin/chunks/ca-DviY7mRj.mjs.map +1 -0
  59. package/dist/admin/chunks/{cs-C7OSYFQ7.js → cs-C7OSYFQ7.mjs} +1 -1
  60. package/dist/admin/chunks/cs-C7OSYFQ7.mjs.map +1 -0
  61. package/dist/admin/chunks/{de-5QRlDHyR.js → de-5QRlDHyR.mjs} +1 -1
  62. package/dist/admin/chunks/de-5QRlDHyR.mjs.map +1 -0
  63. package/dist/admin/chunks/{en-LfhocNG2.js → en-CImiNxXE.mjs} +3 -1
  64. package/dist/admin/chunks/en-CImiNxXE.mjs.map +1 -0
  65. package/dist/admin/chunks/{en-C1CjdAtC.js → en-CLf4SuMQ.js} +3 -1
  66. package/dist/admin/chunks/{en-LfhocNG2.js.map → en-CLf4SuMQ.js.map} +1 -1
  67. package/dist/admin/chunks/{es-DkoWSExG.js → es-DkoWSExG.mjs} +1 -1
  68. package/dist/admin/chunks/es-DkoWSExG.mjs.map +1 -0
  69. package/dist/admin/chunks/{eu-BG1xX7HK.js → eu-BG1xX7HK.mjs} +1 -1
  70. package/dist/admin/chunks/eu-BG1xX7HK.mjs.map +1 -0
  71. package/dist/admin/chunks/{fr-CFdRaRVj.js → fr-CFdRaRVj.mjs} +1 -1
  72. package/dist/admin/chunks/fr-CFdRaRVj.mjs.map +1 -0
  73. package/dist/admin/chunks/{gu-D5MMMXRs.js → gu-D5MMMXRs.mjs} +1 -1
  74. package/dist/admin/chunks/gu-D5MMMXRs.mjs.map +1 -0
  75. package/dist/admin/chunks/{hi-lp17SCjr.js → hi-lp17SCjr.mjs} +1 -1
  76. package/dist/admin/chunks/hi-lp17SCjr.mjs.map +1 -0
  77. package/dist/admin/chunks/{hooks-DMvik5y_.js → hooks-DMvik5y_.mjs} +1 -1
  78. package/dist/admin/chunks/hooks-DMvik5y_.mjs.map +1 -0
  79. package/dist/admin/chunks/{hu-CLka1U2C.js → hu-CLka1U2C.mjs} +1 -1
  80. package/dist/admin/chunks/hu-CLka1U2C.mjs.map +1 -0
  81. package/dist/admin/chunks/{id-USfY9m1g.js → id-USfY9m1g.mjs} +1 -1
  82. package/dist/admin/chunks/id-USfY9m1g.mjs.map +1 -0
  83. package/dist/admin/chunks/{index-BczuAULz.js → index-Cv0O6gf0.js} +93 -43
  84. package/dist/admin/chunks/index-Cv0O6gf0.js.map +1 -0
  85. package/dist/admin/chunks/{index-BkyR-Bnu.js → index-Dz9dwt8b.mjs} +122 -73
  86. package/dist/admin/chunks/index-Dz9dwt8b.mjs.map +1 -0
  87. package/dist/admin/chunks/{it-BAHrwmYS.js → it-BAHrwmYS.mjs} +1 -1
  88. package/dist/admin/chunks/it-BAHrwmYS.mjs.map +1 -0
  89. package/dist/admin/chunks/{ja-BWKmBJFT.js → ja-BWKmBJFT.mjs} +1 -1
  90. package/dist/admin/chunks/ja-BWKmBJFT.mjs.map +1 -0
  91. package/dist/admin/chunks/{ko-CgADGBNt.js → ko-CgADGBNt.mjs} +1 -1
  92. package/dist/admin/chunks/ko-CgADGBNt.mjs.map +1 -0
  93. package/dist/admin/chunks/{layout-DcDoRT8g.js → layout-CzYR-gGR.js} +5 -4
  94. package/dist/admin/chunks/{layout-DcDoRT8g.js.map → layout-CzYR-gGR.js.map} +1 -1
  95. package/dist/admin/chunks/{layout-fghBgRgX.js → layout-Jq9GIk_m.mjs} +8 -7
  96. package/dist/admin/chunks/layout-Jq9GIk_m.mjs.map +1 -0
  97. package/dist/admin/chunks/{ml-CnhCfOn_.js → ml-CnhCfOn_.mjs} +1 -1
  98. package/dist/admin/chunks/ml-CnhCfOn_.mjs.map +1 -0
  99. package/dist/admin/chunks/{ms-Bh09NFff.js → ms-Bh09NFff.mjs} +1 -1
  100. package/dist/admin/chunks/ms-Bh09NFff.mjs.map +1 -0
  101. package/dist/admin/chunks/{nl-C8HYflTc.js → nl-C8HYflTc.mjs} +1 -1
  102. package/dist/admin/chunks/nl-C8HYflTc.mjs.map +1 -0
  103. package/dist/admin/chunks/{objects-wl73iEma.js → objects-wl73iEma.mjs} +1 -1
  104. package/dist/admin/chunks/objects-wl73iEma.mjs.map +1 -0
  105. package/dist/admin/chunks/{pl-MFCZJZuZ.js → pl-MFCZJZuZ.mjs} +1 -1
  106. package/dist/admin/chunks/pl-MFCZJZuZ.mjs.map +1 -0
  107. package/dist/admin/chunks/{pt-BR-CcotyBGJ.js → pt-BR-CcotyBGJ.mjs} +1 -1
  108. package/dist/admin/chunks/pt-BR-CcotyBGJ.mjs.map +1 -0
  109. package/dist/admin/chunks/{pt-HbmgeiYO.js → pt-HbmgeiYO.mjs} +1 -1
  110. package/dist/admin/chunks/pt-HbmgeiYO.mjs.map +1 -0
  111. package/dist/admin/chunks/{relations-CgaydhiM.js → relations-CMn4X6LA.js} +2 -2
  112. package/dist/admin/chunks/{relations-CgaydhiM.js.map → relations-CMn4X6LA.js.map} +1 -1
  113. package/dist/admin/chunks/{relations-DPVgU_rq.js → relations-Y5L4AlFb.mjs} +2 -2
  114. package/dist/admin/chunks/relations-Y5L4AlFb.mjs.map +1 -0
  115. package/dist/admin/chunks/{ru-CB4BUyQp.js → ru-CB4BUyQp.mjs} +1 -1
  116. package/dist/admin/chunks/{ru-CB4BUyQp.js.map → ru-CB4BUyQp.mjs.map} +1 -1
  117. package/dist/admin/chunks/{sa-n_aPA-pU.js → sa-n_aPA-pU.mjs} +1 -1
  118. package/dist/admin/chunks/sa-n_aPA-pU.mjs.map +1 -0
  119. package/dist/admin/chunks/{sk-tn_BDjE2.js → sk-tn_BDjE2.mjs} +1 -1
  120. package/dist/admin/chunks/sk-tn_BDjE2.mjs.map +1 -0
  121. package/dist/admin/chunks/{sv-cq4ZrQRd.js → sv-cq4ZrQRd.mjs} +1 -1
  122. package/dist/admin/chunks/sv-cq4ZrQRd.mjs.map +1 -0
  123. package/dist/admin/chunks/{th-mUH7hEtc.js → th-mUH7hEtc.mjs} +1 -1
  124. package/dist/admin/chunks/th-mUH7hEtc.mjs.map +1 -0
  125. package/dist/admin/chunks/{tr-Yt38daxh.js → tr-Yt38daxh.mjs} +1 -1
  126. package/dist/admin/chunks/tr-Yt38daxh.mjs.map +1 -0
  127. package/dist/admin/chunks/uk-BtM6WnaE.mjs +313 -0
  128. package/dist/admin/chunks/uk-BtM6WnaE.mjs.map +1 -0
  129. package/dist/admin/chunks/uk-DB6OgySY.js +318 -0
  130. package/dist/admin/chunks/{en-C1CjdAtC.js.map → uk-DB6OgySY.js.map} +1 -1
  131. package/dist/admin/chunks/{useDragAndDrop-HYwNDExe.js → useDragAndDrop-HYwNDExe.mjs} +1 -1
  132. package/dist/admin/chunks/useDragAndDrop-HYwNDExe.mjs.map +1 -0
  133. package/dist/admin/chunks/{usePrev-Bjw2dhmq.js → usePrev-Bjw2dhmq.mjs} +1 -1
  134. package/dist/admin/chunks/usePrev-Bjw2dhmq.mjs.map +1 -0
  135. package/dist/admin/chunks/{vi-CvBGlTjr.js → vi-CvBGlTjr.mjs} +1 -1
  136. package/dist/admin/chunks/vi-CvBGlTjr.mjs.map +1 -0
  137. package/dist/admin/chunks/{zh-BmF-sHaT.js → zh-BmF-sHaT.mjs} +1 -1
  138. package/dist/admin/chunks/zh-BmF-sHaT.mjs.map +1 -0
  139. package/dist/admin/chunks/{zh-Hans-CI0HKio3.js → zh-Hans-CI0HKio3.mjs} +1 -1
  140. package/dist/admin/chunks/{zh-Hans-CI0HKio3.js.map → zh-Hans-CI0HKio3.mjs.map} +1 -1
  141. package/dist/admin/index.js +2 -1
  142. package/dist/admin/index.js.map +1 -1
  143. package/dist/admin/index.mjs +2 -1
  144. package/dist/admin/index.mjs.map +1 -1
  145. package/dist/admin/src/components/InjectionZone.d.ts +7 -1
  146. package/dist/admin/src/content-manager.d.ts +4 -0
  147. package/dist/admin/src/hooks/useDocument.d.ts +2 -0
  148. package/dist/admin/src/hooks/useDocumentActions.d.ts +1 -0
  149. package/dist/admin/src/index.d.ts +1 -0
  150. package/dist/admin/src/pages/EditView/components/DocumentActions.d.ts +2 -1
  151. package/dist/admin/src/pages/EditView/components/EditorToolbarObserver.d.ts +11 -0
  152. package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Code.d.ts +49 -1
  153. package/dist/admin/src/pages/EditView/components/FormInputs/Relations.d.ts +2 -1
  154. package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygNav.d.ts +1 -2
  155. package/dist/admin/src/pages/EditView/components/FormLayout.d.ts +2 -1
  156. package/dist/admin/src/preview/components/PreviewContent.d.ts +1 -2
  157. package/dist/admin/src/preview/pages/Preview.d.ts +4 -0
  158. package/dist/server/index.js +1 -1
  159. package/dist/server/index.js.map +1 -1
  160. package/dist/server/index.mjs +1 -1
  161. package/dist/server/index.mjs.map +1 -1
  162. package/package.json +8 -8
  163. package/dist/admin/chunks/CardDragPreview-DwuraT0K.js.map +0 -1
  164. package/dist/admin/chunks/ComponentConfigurationPage-Co2eC_-C.js.map +0 -1
  165. package/dist/admin/chunks/ComponentIcon-BZcTc4rj.js.map +0 -1
  166. package/dist/admin/chunks/EditConfigurationPage-zd9OLaVh.js.map +0 -1
  167. package/dist/admin/chunks/EditViewPage-DsBKmSPb.js.map +0 -1
  168. package/dist/admin/chunks/EditViewPage-kAIaYTg0.js.map +0 -1
  169. package/dist/admin/chunks/FieldTypeIcon-BY6MrVF4.js.map +0 -1
  170. package/dist/admin/chunks/Form-BO69oITe.js.map +0 -1
  171. package/dist/admin/chunks/History-BzvpM-Gw.js.map +0 -1
  172. package/dist/admin/chunks/Input-BlDcbhUC.js.map +0 -1
  173. package/dist/admin/chunks/Input-Dh1MtWno.js.map +0 -1
  174. package/dist/admin/chunks/ListConfigurationPage-8d3BsQIr.js.map +0 -1
  175. package/dist/admin/chunks/ListViewPage-CS1ED-vI.js.map +0 -1
  176. package/dist/admin/chunks/NoContentTypePage-DjdXr1-j.js.map +0 -1
  177. package/dist/admin/chunks/NoPermissionsPage-C5dC0MtL.js.map +0 -1
  178. package/dist/admin/chunks/Preview-C9kXTY6C.js.map +0 -1
  179. package/dist/admin/chunks/Preview-DBvmhR7Q.js.map +0 -1
  180. package/dist/admin/chunks/Relations-Cn0atFpd.js.map +0 -1
  181. package/dist/admin/chunks/Relations-XHxDKEvT.js.map +0 -1
  182. package/dist/admin/chunks/ar-DckYq_WK.js.map +0 -1
  183. package/dist/admin/chunks/ca-DviY7mRj.js.map +0 -1
  184. package/dist/admin/chunks/cs-C7OSYFQ7.js.map +0 -1
  185. package/dist/admin/chunks/de-5QRlDHyR.js.map +0 -1
  186. package/dist/admin/chunks/es-DkoWSExG.js.map +0 -1
  187. package/dist/admin/chunks/eu-BG1xX7HK.js.map +0 -1
  188. package/dist/admin/chunks/fr-CFdRaRVj.js.map +0 -1
  189. package/dist/admin/chunks/gu-D5MMMXRs.js.map +0 -1
  190. package/dist/admin/chunks/hi-lp17SCjr.js.map +0 -1
  191. package/dist/admin/chunks/hooks-DMvik5y_.js.map +0 -1
  192. package/dist/admin/chunks/hu-CLka1U2C.js.map +0 -1
  193. package/dist/admin/chunks/id-USfY9m1g.js.map +0 -1
  194. package/dist/admin/chunks/index-BczuAULz.js.map +0 -1
  195. package/dist/admin/chunks/index-BkyR-Bnu.js.map +0 -1
  196. package/dist/admin/chunks/it-BAHrwmYS.js.map +0 -1
  197. package/dist/admin/chunks/ja-BWKmBJFT.js.map +0 -1
  198. package/dist/admin/chunks/ko-CgADGBNt.js.map +0 -1
  199. package/dist/admin/chunks/layout-fghBgRgX.js.map +0 -1
  200. package/dist/admin/chunks/ml-CnhCfOn_.js.map +0 -1
  201. package/dist/admin/chunks/ms-Bh09NFff.js.map +0 -1
  202. package/dist/admin/chunks/nl-C8HYflTc.js.map +0 -1
  203. package/dist/admin/chunks/objects-wl73iEma.js.map +0 -1
  204. package/dist/admin/chunks/pl-MFCZJZuZ.js.map +0 -1
  205. package/dist/admin/chunks/pt-BR-CcotyBGJ.js.map +0 -1
  206. package/dist/admin/chunks/pt-HbmgeiYO.js.map +0 -1
  207. package/dist/admin/chunks/relations-DPVgU_rq.js.map +0 -1
  208. package/dist/admin/chunks/sa-n_aPA-pU.js.map +0 -1
  209. package/dist/admin/chunks/sk-tn_BDjE2.js.map +0 -1
  210. package/dist/admin/chunks/sv-cq4ZrQRd.js.map +0 -1
  211. package/dist/admin/chunks/th-mUH7hEtc.js.map +0 -1
  212. package/dist/admin/chunks/tr-Yt38daxh.js.map +0 -1
  213. package/dist/admin/chunks/uk-B24MoTVg.js +0 -145
  214. package/dist/admin/chunks/uk-B24MoTVg.js.map +0 -1
  215. package/dist/admin/chunks/uk-Cpgmm7gE.js +0 -140
  216. package/dist/admin/chunks/uk-Cpgmm7gE.js.map +0 -1
  217. package/dist/admin/chunks/useDragAndDrop-HYwNDExe.js.map +0 -1
  218. package/dist/admin/chunks/usePrev-Bjw2dhmq.js.map +0 -1
  219. package/dist/admin/chunks/vi-CvBGlTjr.js.map +0 -1
  220. package/dist/admin/chunks/zh-BmF-sHaT.js.map +0 -1
  221. package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/utils/prismLanguages.d.ts +0 -49
@@ -1,7 +1,7 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
3
  import { createContext, useQueryParams, useForm, useField, useNotification, useFocusInputField } from '@strapi/admin/strapi-admin';
4
- import { Flex, Box, Link, TextButton, Field, Combobox, ComboboxOption, Typography, VisuallyHidden, useComposedRefs, IconButton, Tooltip } from '@strapi/design-system';
4
+ import { Flex, Box, TextButton, Link, Field, Combobox, ComboboxOption, Typography, VisuallyHidden, useComposedRefs, IconButton, Tooltip } from '@strapi/design-system';
5
5
  import { ArrowClockwise, Drag, Cross } from '@strapi/icons';
6
6
  import { generateNKeysBetween } from 'fractional-indexing';
7
7
  import pipe from 'lodash/fp/pipe';
@@ -10,9 +10,9 @@ import { useIntl } from 'react-intl';
10
10
  import { NavLink } from 'react-router-dom';
11
11
  import { FixedSizeList } from 'react-window';
12
12
  import { styled } from 'styled-components';
13
- import { c as useDoc, d as buildValidParams, C as COLLECTION_TYPES, g as getTranslation, D as DocumentStatus } from './index-BkyR-Bnu.js';
14
- import { u as useDragAndDrop, I as ItemTypes, D as DROP_SENSITIVITY } from './useDragAndDrop-HYwNDExe.js';
15
- import { u as useGetRelationsQuery, g as getRelationLabel, a as useDebounce, b as useLazySearchRelationsQuery } from './relations-DPVgU_rq.js';
13
+ import { c as useDoc, d as buildValidParams, C as COLLECTION_TYPES, g as getTranslation, D as DocumentStatus } from './index-Dz9dwt8b.mjs';
14
+ import { u as useDragAndDrop, I as ItemTypes, D as DROP_SENSITIVITY } from './useDragAndDrop-HYwNDExe.mjs';
15
+ import { u as useGetRelationsQuery, g as getRelationLabel, a as useDebounce, b as useLazySearchRelationsQuery } from './relations-Y5L4AlFb.mjs';
16
16
 
17
17
  /**
18
18
  * We use this component to wrap any individual component field in the Edit View,
@@ -80,7 +80,189 @@ const ONE_WAY_RELATIONS = [
80
80
  * @description The relations field holds a lot of domain logic for handling relations which is rather complicated
81
81
  * At present we do not expose this to plugin developers, however, they are able to overwrite it themselves should
82
82
  * they wish to do so.
83
- */ const RelationsField = /*#__PURE__*/ React.forwardRef(({ disabled, label, ...props }, ref)=>{
83
+ */ const UnstableRelationsField = /*#__PURE__*/ React.forwardRef(({ disabled, label, ...props }, ref)=>{
84
+ const [currentPage, setCurrentPage] = React.useState(1);
85
+ const { document, model: documentModel } = useDoc();
86
+ const documentId = document?.documentId;
87
+ const { formatMessage } = useIntl();
88
+ const [{ query }] = useQueryParams();
89
+ const params = buildValidParams(query);
90
+ const isMorph = props.attribute.relation.toLowerCase().includes('morph');
91
+ const isDisabled = isMorph || disabled;
92
+ const { componentId, componentUID } = useComponent('RelationsField', ({ uid, id })=>({
93
+ componentId: id,
94
+ componentUID: uid
95
+ }));
96
+ const isSubmitting = useForm('RelationsList', (state)=>state.isSubmitting);
97
+ React.useEffect(()=>{
98
+ setCurrentPage(1);
99
+ }, [
100
+ isSubmitting
101
+ ]);
102
+ /**
103
+ * We'll always have a documentId in a created entry, so we look for a componentId first.
104
+ * Same with `uid` and `documentModel`.
105
+ */ const id = componentId ? componentId.toString() : documentId;
106
+ const model = componentUID ?? documentModel;
107
+ /**
108
+ * The `name` prop is a complete path to the field, e.g. `field1.field2.field3`.
109
+ * Where the above example would a nested field within two components, however
110
+ * we only require the field on the component not the complete path since we query
111
+ * individual components. Therefore we split the string and take the last item.
112
+ */ const [targetField] = props.name.split('.').slice(-1);
113
+ const { data, isLoading, isFetching } = useGetRelationsQuery({
114
+ model,
115
+ targetField,
116
+ // below we don't run the query if there is no id.
117
+ id: id,
118
+ params: {
119
+ ...params,
120
+ pageSize: RELATIONS_TO_DISPLAY,
121
+ page: currentPage
122
+ }
123
+ }, {
124
+ refetchOnMountOrArgChange: true,
125
+ skip: !id,
126
+ selectFromResult: (result)=>{
127
+ return {
128
+ ...result,
129
+ data: {
130
+ ...result.data,
131
+ results: result.data?.results ? result.data.results : []
132
+ }
133
+ };
134
+ }
135
+ });
136
+ const handleLoadMore = ()=>{
137
+ setCurrentPage((prev)=>prev + 1);
138
+ };
139
+ const field = useField(props.name);
140
+ const isFetchingMoreRelations = isLoading || isFetching;
141
+ const realServerRelationsCount = 'pagination' in data && data.pagination ? data.pagination.total : 0;
142
+ /**
143
+ * Items that are already connected, but reordered would be in
144
+ * this list, so to get an accurate figure, we remove them.
145
+ */ const relationsConnected = (field.value?.connect ?? []).filter((rel)=>data.results.findIndex((relation)=>relation.id === rel.id) === -1).length ?? 0;
146
+ const relationsDisconnected = field.value?.disconnect?.length ?? 0;
147
+ const relationsCount = realServerRelationsCount + relationsConnected - relationsDisconnected;
148
+ /**
149
+ * This is it, the source of truth for reordering in conjunction with partial loading & updating
150
+ * of relations. Relations on load are given __temp_key__ when fetched, because we don't want to
151
+ * create brand new keys everytime the data updates, just keep adding them onto the newly loaded ones.
152
+ */ const relations = React.useMemo(()=>{
153
+ const ctx = {
154
+ field: field.value,
155
+ // @ts-expect-error – targetModel does exist on the attribute. But it's not typed.
156
+ href: `../${COLLECTION_TYPES}/${props.attribute.targetModel}`,
157
+ mainField: props.mainField
158
+ };
159
+ /**
160
+ * Tidy up our data.
161
+ */ const transformations = pipe(removeConnected(ctx), removeDisconnected(ctx), addLabelAndHref(ctx));
162
+ const transformedRels = transformations([
163
+ ...data.results
164
+ ]);
165
+ /**
166
+ * THIS IS CRUCIAL. If you don't sort by the __temp_key__ which comes from fractional indexing
167
+ * then the list will be in the wrong order.
168
+ */ return [
169
+ ...transformedRels,
170
+ ...field.value?.connect ?? []
171
+ ].sort((a, b)=>{
172
+ if (a.__temp_key__ < b.__temp_key__) return -1;
173
+ if (a.__temp_key__ > b.__temp_key__) return 1;
174
+ return 0;
175
+ });
176
+ }, [
177
+ data.results,
178
+ field.value,
179
+ // @ts-expect-error – targetModel does exist on the attribute. But it's not typed.
180
+ props.attribute.targetModel,
181
+ props.mainField
182
+ ]);
183
+ const handleDisconnect = useHandleDisconnect(props.name, 'RelationsField');
184
+ const handleConnect = (relation)=>{
185
+ const [lastItemInList] = relations.slice(-1);
186
+ const item = {
187
+ id: relation.id,
188
+ apiData: {
189
+ id: relation.id,
190
+ documentId: relation.documentId,
191
+ locale: relation.locale
192
+ },
193
+ status: relation.status,
194
+ /**
195
+ * If there's a last item, that's the first key we use to generate out next one.
196
+ */ __temp_key__: generateNKeysBetween(lastItemInList?.__temp_key__ ?? null, null, 1)[0],
197
+ // Fallback to `id` if there is no `mainField` value, which will overwrite the above `id` property with the exact same data.
198
+ [props.mainField?.name ?? 'documentId']: relation[props.mainField?.name ?? 'documentId'],
199
+ label: getRelationLabel(relation, props.mainField),
200
+ // @ts-expect-error – targetModel does exist on the attribute, but it's not typed.
201
+ href: `../${COLLECTION_TYPES}/${props.attribute.targetModel}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`
202
+ };
203
+ if (ONE_WAY_RELATIONS.includes(props.attribute.relation)) {
204
+ // Remove any existing relation so they can be replaced with the new one
205
+ field.value?.connect?.forEach(handleDisconnect);
206
+ relations.forEach(handleDisconnect);
207
+ field.onChange(`${props.name}.connect`, [
208
+ item
209
+ ]);
210
+ } else {
211
+ field.onChange(`${props.name}.connect`, [
212
+ ...field.value?.connect ?? [],
213
+ item
214
+ ]);
215
+ }
216
+ };
217
+ return /*#__PURE__*/ jsxs(Flex, {
218
+ ref: ref,
219
+ direction: "column",
220
+ gap: 3,
221
+ justifyContent: "space-between",
222
+ alignItems: "stretch",
223
+ wrap: "wrap",
224
+ children: [
225
+ /*#__PURE__*/ jsxs(StyledFlex, {
226
+ direction: "column",
227
+ alignItems: "start",
228
+ gap: 2,
229
+ width: "100%",
230
+ children: [
231
+ /*#__PURE__*/ jsx(RelationsInput, {
232
+ disabled: isDisabled,
233
+ // NOTE: we should not default to using the documentId if the component is being created (componentUID is undefined)
234
+ id: componentUID ? componentId ? `${componentId}` : '' : documentId,
235
+ label: `${label} ${relationsCount > 0 ? `(${relationsCount})` : ''}`,
236
+ model: model,
237
+ onChange: handleConnect,
238
+ ...props
239
+ }),
240
+ 'pagination' in data && data.pagination && data.pagination.pageCount > data.pagination.page ? /*#__PURE__*/ jsx(TextButton, {
241
+ disabled: isFetchingMoreRelations,
242
+ onClick: handleLoadMore,
243
+ loading: isFetchingMoreRelations,
244
+ startIcon: /*#__PURE__*/ jsx(ArrowClockwise, {}),
245
+ // prevent the label from line-wrapping
246
+ shrink: 0,
247
+ children: formatMessage({
248
+ id: getTranslation('relation.loadMore'),
249
+ defaultMessage: 'Load More'
250
+ })
251
+ }) : null
252
+ ]
253
+ }),
254
+ /*#__PURE__*/ jsx(UnstableRelationsList, {
255
+ data: relations,
256
+ serverData: data.results,
257
+ disabled: isDisabled,
258
+ name: props.name,
259
+ isLoading: isFetchingMoreRelations,
260
+ relationType: props.attribute.relation
261
+ })
262
+ ]
263
+ });
264
+ });
265
+ const RelationsField = /*#__PURE__*/ React.forwardRef(({ disabled, label, ...props }, ref)=>{
84
266
  const [currentPage, setCurrentPage] = React.useState(1);
85
267
  const { document, model: documentModel } = useDoc();
86
268
  const documentId = document?.documentId;
@@ -467,6 +649,179 @@ const ONE_WAY_RELATIONS = [
467
649
  * RelationsList
468
650
  * -----------------------------------------------------------------------------------------------*/ const RELATION_ITEM_HEIGHT = 50;
469
651
  const RELATION_GUTTER = 4;
652
+ const UnstableRelationsList = ({ data, serverData, disabled, name, isLoading, relationType })=>{
653
+ const ariaDescriptionId = React.useId();
654
+ const { formatMessage } = useIntl();
655
+ const listRef = React.useRef(null);
656
+ const outerListRef = React.useRef(null);
657
+ const [overflow, setOverflow] = React.useState();
658
+ const [liveText, setLiveText] = React.useState('');
659
+ const field = useField(name);
660
+ React.useEffect(()=>{
661
+ if (data.length <= RELATIONS_TO_DISPLAY) {
662
+ return setOverflow(undefined);
663
+ }
664
+ const handleNativeScroll = (e)=>{
665
+ const el = e.target;
666
+ const parentScrollContainerHeight = el.parentNode.scrollHeight;
667
+ const maxScrollBottom = el.scrollHeight - el.scrollTop;
668
+ if (el.scrollTop === 0) {
669
+ return setOverflow('bottom');
670
+ }
671
+ if (maxScrollBottom === parentScrollContainerHeight) {
672
+ return setOverflow('top');
673
+ }
674
+ return setOverflow('top-bottom');
675
+ };
676
+ const outerListRefCurrent = outerListRef?.current;
677
+ if (!isLoading && data.length > 0 && outerListRefCurrent) {
678
+ outerListRef.current.addEventListener('scroll', handleNativeScroll);
679
+ }
680
+ return ()=>{
681
+ if (outerListRefCurrent) {
682
+ outerListRefCurrent.removeEventListener('scroll', handleNativeScroll);
683
+ }
684
+ };
685
+ }, [
686
+ isLoading,
687
+ data.length
688
+ ]);
689
+ const getItemPos = (index)=>`${index + 1} of ${data.length}`;
690
+ const handleMoveItem = (newIndex, oldIndex)=>{
691
+ const item = data[oldIndex];
692
+ setLiveText(formatMessage({
693
+ id: getTranslation('dnd.reorder'),
694
+ defaultMessage: '{item}, moved. New position in list: {position}.'
695
+ }, {
696
+ item: item.label ?? item.documentId,
697
+ position: getItemPos(newIndex)
698
+ }));
699
+ /**
700
+ * Splicing mutates the array, so we need to create a new array
701
+ */ const newData = [
702
+ ...data
703
+ ];
704
+ const currentRow = data[oldIndex];
705
+ const startKey = oldIndex > newIndex ? newData[newIndex - 1]?.__temp_key__ : newData[newIndex]?.__temp_key__;
706
+ const endKey = oldIndex > newIndex ? newData[newIndex]?.__temp_key__ : newData[newIndex + 1]?.__temp_key__;
707
+ /**
708
+ * We're moving the relation between two other relations, so
709
+ * we need to generate a new key that keeps the order
710
+ */ const [newKey] = generateNKeysBetween(startKey, endKey, 1);
711
+ newData.splice(oldIndex, 1);
712
+ newData.splice(newIndex, 0, {
713
+ ...currentRow,
714
+ __temp_key__: newKey
715
+ });
716
+ /**
717
+ * Now we diff against the server to understand what's different so we
718
+ * can keep the connect array nice and tidy. It also needs reversing because
719
+ * we reverse the relations from the server in the first place.
720
+ */ const connectedRelations = newData.reduce((acc, relation, currentIndex, array)=>{
721
+ const relationOnServer = serverData.find((oldRelation)=>oldRelation.id === relation.id);
722
+ const relationInFront = array[currentIndex + 1];
723
+ if (!relationOnServer || relationOnServer.__temp_key__ !== relation.__temp_key__) {
724
+ const position = relationInFront ? {
725
+ before: relationInFront.documentId,
726
+ locale: relationInFront.locale,
727
+ status: 'publishedAt' in relationInFront && relationInFront.publishedAt ? 'published' : 'draft'
728
+ } : {
729
+ end: true
730
+ };
731
+ const relationWithPosition = {
732
+ ...relation,
733
+ ...{
734
+ apiData: {
735
+ id: relation.id,
736
+ documentId: relation.documentId,
737
+ locale: relation.locale,
738
+ position
739
+ }
740
+ }
741
+ };
742
+ return [
743
+ ...acc,
744
+ relationWithPosition
745
+ ];
746
+ }
747
+ return acc;
748
+ }, []).toReversed();
749
+ field.onChange(`${name}.connect`, connectedRelations);
750
+ };
751
+ const handleGrabItem = (index)=>{
752
+ const item = data[index];
753
+ setLiveText(formatMessage({
754
+ id: getTranslation('dnd.grab-item'),
755
+ defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`
756
+ }, {
757
+ item: item.label ?? item.documentId,
758
+ position: getItemPos(index)
759
+ }));
760
+ };
761
+ const handleDropItem = (index)=>{
762
+ const { href: _href, label, ...item } = data[index];
763
+ setLiveText(formatMessage({
764
+ id: getTranslation('dnd.drop-item'),
765
+ defaultMessage: `{item}, dropped. Final position in list: {position}.`
766
+ }, {
767
+ item: label ?? item.documentId,
768
+ position: getItemPos(index)
769
+ }));
770
+ };
771
+ const handleCancel = (index)=>{
772
+ const item = data[index];
773
+ setLiveText(formatMessage({
774
+ id: getTranslation('dnd.cancel-item'),
775
+ defaultMessage: '{item}, dropped. Re-order cancelled.'
776
+ }, {
777
+ item: item.label ?? item.documentId
778
+ }));
779
+ };
780
+ const handleDisconnect = useHandleDisconnect(name, 'RelationsList');
781
+ /**
782
+ * These relation types will only ever have one item
783
+ * in their list, so you can't reorder a single item!
784
+ */ const canReorder = !ONE_WAY_RELATIONS.includes(relationType);
785
+ const dynamicListHeight = data.length > RELATIONS_TO_DISPLAY ? Math.min(data.length, RELATIONS_TO_DISPLAY) * (RELATION_ITEM_HEIGHT + RELATION_GUTTER) + RELATION_ITEM_HEIGHT / 2 : Math.min(data.length, RELATIONS_TO_DISPLAY) * (RELATION_ITEM_HEIGHT + RELATION_GUTTER);
786
+ return /*#__PURE__*/ jsxs(ShadowBox, {
787
+ $overflowDirection: overflow,
788
+ children: [
789
+ /*#__PURE__*/ jsx(VisuallyHidden, {
790
+ id: ariaDescriptionId,
791
+ children: formatMessage({
792
+ id: getTranslation('dnd.instructions'),
793
+ defaultMessage: `Press spacebar to grab and re-order`
794
+ })
795
+ }),
796
+ /*#__PURE__*/ jsx(VisuallyHidden, {
797
+ "aria-live": "assertive",
798
+ children: liveText
799
+ }),
800
+ /*#__PURE__*/ jsx(FixedSizeList, {
801
+ height: dynamicListHeight,
802
+ ref: listRef,
803
+ outerRef: outerListRef,
804
+ itemCount: data.length,
805
+ itemSize: RELATION_ITEM_HEIGHT + RELATION_GUTTER,
806
+ itemData: {
807
+ ariaDescribedBy: ariaDescriptionId,
808
+ canDrag: canReorder,
809
+ disabled,
810
+ handleCancel,
811
+ handleDropItem,
812
+ handleGrabItem,
813
+ handleMoveItem,
814
+ name,
815
+ handleDisconnect,
816
+ relations: data
817
+ },
818
+ itemKey: (index)=>data[index].id,
819
+ innerElementType: "ol",
820
+ children: UnstableListItem
821
+ })
822
+ ]
823
+ });
824
+ };
470
825
  const RelationsList = ({ data, serverData, disabled, name, isLoading, relationType })=>{
471
826
  const ariaDescriptionId = React.useId();
472
827
  const { formatMessage } = useIntl();
@@ -671,6 +1026,114 @@ const ShadowBox = styled(Box)`
671
1026
  transition: opacity 0.2s ease-in-out;
672
1027
  }
673
1028
  `;
1029
+ const CustomTextButton = styled(TextButton)`
1030
+ & > span {
1031
+ font-size: ${({ theme })=>theme.fontSizes[2]};
1032
+ }
1033
+ `;
1034
+ const UnstableListItem = ({ data, index, style })=>{
1035
+ const { ariaDescribedBy, canDrag = false, disabled = false, handleCancel, handleDisconnect, handleDropItem, handleGrabItem, handleMoveItem, name, relations } = data;
1036
+ const { formatMessage } = useIntl();
1037
+ const { id, label, status } = relations[index];
1038
+ const [{ handlerId, isDragging, handleKeyDown }, relationRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop(canDrag && !disabled, {
1039
+ type: `${ItemTypes.RELATION}_${name}`,
1040
+ index,
1041
+ item: {
1042
+ displayedValue: label,
1043
+ status,
1044
+ id: id,
1045
+ index
1046
+ },
1047
+ onMoveItem: handleMoveItem,
1048
+ onDropItem: handleDropItem,
1049
+ onGrabItem: handleGrabItem,
1050
+ onCancel: handleCancel,
1051
+ dropSensitivity: DROP_SENSITIVITY.REGULAR
1052
+ });
1053
+ const composedRefs = useComposedRefs(relationRef, dragRef);
1054
+ React.useEffect(()=>{
1055
+ dragPreviewRef(getEmptyImage());
1056
+ }, [
1057
+ dragPreviewRef
1058
+ ]);
1059
+ return /*#__PURE__*/ jsx(Box, {
1060
+ style: style,
1061
+ tag: "li",
1062
+ ref: dropRef,
1063
+ "aria-describedby": ariaDescribedBy,
1064
+ cursor: canDrag ? 'all-scroll' : 'default',
1065
+ children: isDragging ? /*#__PURE__*/ jsx(RelationItemPlaceholder, {}) : /*#__PURE__*/ jsxs(Flex, {
1066
+ paddingTop: 2,
1067
+ paddingBottom: 2,
1068
+ paddingLeft: canDrag ? 2 : 4,
1069
+ paddingRight: 4,
1070
+ hasRadius: true,
1071
+ borderColor: "neutral200",
1072
+ background: disabled ? 'neutral150' : 'neutral0',
1073
+ justifyContent: "space-between",
1074
+ ref: composedRefs,
1075
+ "data-handler-id": handlerId,
1076
+ children: [
1077
+ /*#__PURE__*/ jsxs(FlexWrapper, {
1078
+ gap: 1,
1079
+ children: [
1080
+ canDrag ? /*#__PURE__*/ jsx(IconButton, {
1081
+ tag: "div",
1082
+ role: "button",
1083
+ tabIndex: 0,
1084
+ withTooltip: false,
1085
+ label: formatMessage({
1086
+ id: getTranslation('components.RelationInput.icon-button-aria-label'),
1087
+ defaultMessage: 'Drag'
1088
+ }),
1089
+ variant: "ghost",
1090
+ onKeyDown: handleKeyDown,
1091
+ disabled: disabled,
1092
+ children: /*#__PURE__*/ jsx(Drag, {})
1093
+ }) : null,
1094
+ /*#__PURE__*/ jsxs(Flex, {
1095
+ width: "100%",
1096
+ minWidth: 0,
1097
+ justifyContent: "space-between",
1098
+ children: [
1099
+ /*#__PURE__*/ jsx(Box, {
1100
+ minWidth: 0,
1101
+ paddingTop: 1,
1102
+ paddingBottom: 1,
1103
+ paddingRight: 4,
1104
+ children: /*#__PURE__*/ jsx(Tooltip, {
1105
+ description: label,
1106
+ children: /*#__PURE__*/ jsx(CustomTextButton, {
1107
+ onClick: ()=>console.log('OPEN MODAL'),
1108
+ children: label
1109
+ })
1110
+ })
1111
+ }),
1112
+ status ? /*#__PURE__*/ jsx(DocumentStatus, {
1113
+ status: status
1114
+ }) : null
1115
+ ]
1116
+ })
1117
+ ]
1118
+ }),
1119
+ /*#__PURE__*/ jsx(Box, {
1120
+ paddingLeft: 4,
1121
+ children: /*#__PURE__*/ jsx(IconButton, {
1122
+ onClick: ()=>handleDisconnect(relations[index]),
1123
+ disabled: disabled,
1124
+ label: formatMessage({
1125
+ id: getTranslation('relation.disconnect'),
1126
+ defaultMessage: 'Remove'
1127
+ }),
1128
+ variant: "ghost",
1129
+ size: "S",
1130
+ children: /*#__PURE__*/ jsx(Cross, {})
1131
+ })
1132
+ })
1133
+ ]
1134
+ })
1135
+ });
1136
+ };
674
1137
  const ListItem = ({ data, index, style })=>{
675
1138
  const { ariaDescribedBy, canDrag = false, disabled = false, handleCancel, handleDisconnect, handleDropItem, handleGrabItem, handleMoveItem, name, relations } = data;
676
1139
  const { formatMessage } = useIntl();
@@ -822,6 +1285,7 @@ const RelationItemPlaceholder = ()=>/*#__PURE__*/ jsx(Box, {
822
1285
  height: `calc(100% - ${RELATION_GUTTER}px)`
823
1286
  });
824
1287
  const MemoizedRelationsField = /*#__PURE__*/ React.memo(RelationsField);
1288
+ const MemoizedUnstableRelationsField = /*#__PURE__*/ React.memo(UnstableRelationsField);
825
1289
 
826
- export { ComponentProvider as C, DisconnectButton as D, FlexWrapper as F, LinkEllipsis as L, MemoizedRelationsField as M, useComponent as u };
827
- //# sourceMappingURL=Relations-Cn0atFpd.js.map
1290
+ export { ComponentProvider as C, DisconnectButton as D, FlexWrapper as F, LinkEllipsis as L, MemoizedUnstableRelationsField as M, MemoizedRelationsField as a, useComponent as u };
1291
+ //# sourceMappingURL=Relations-CiBR_0b1.mjs.map