@strapi/content-manager 5.9.0 → 5.10.1

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 (434) hide show
  1. package/dist/admin/chunks/CardDragPreview-DwuraT0K.mjs +80 -0
  2. package/dist/admin/chunks/CardDragPreview-DwuraT0K.mjs.map +1 -0
  3. package/dist/admin/chunks/CardDragPreview-_dubYgXO.js +82 -0
  4. package/dist/admin/chunks/CardDragPreview-_dubYgXO.js.map +1 -0
  5. package/dist/admin/chunks/ComponentConfigurationPage-BN2kOtDm.mjs +277 -0
  6. package/dist/admin/chunks/ComponentConfigurationPage-BN2kOtDm.mjs.map +1 -0
  7. package/dist/admin/chunks/ComponentConfigurationPage-C5H-5L1u.js +299 -0
  8. package/dist/admin/chunks/ComponentConfigurationPage-C5H-5L1u.js.map +1 -0
  9. package/dist/admin/chunks/ComponentIcon-BZcTc4rj.mjs +153 -0
  10. package/dist/admin/chunks/ComponentIcon-BZcTc4rj.mjs.map +1 -0
  11. package/dist/admin/chunks/ComponentIcon-C-EjOUPA.js +176 -0
  12. package/dist/admin/chunks/ComponentIcon-C-EjOUPA.js.map +1 -0
  13. package/dist/admin/chunks/EditConfigurationPage-BExtZuB7.js +181 -0
  14. package/dist/admin/chunks/EditConfigurationPage-BExtZuB7.js.map +1 -0
  15. package/dist/admin/chunks/EditConfigurationPage-tMgOELQG.mjs +159 -0
  16. package/dist/admin/chunks/EditConfigurationPage-tMgOELQG.mjs.map +1 -0
  17. package/dist/admin/chunks/EditViewPage-CYe7wAXF.mjs +314 -0
  18. package/dist/admin/chunks/EditViewPage-CYe7wAXF.mjs.map +1 -0
  19. package/dist/admin/chunks/EditViewPage-DFkloeMZ.js +337 -0
  20. package/dist/admin/chunks/EditViewPage-DFkloeMZ.js.map +1 -0
  21. package/dist/admin/chunks/FieldTypeIcon-BY6MrVF4.mjs +56 -0
  22. package/dist/admin/chunks/FieldTypeIcon-BY6MrVF4.mjs.map +1 -0
  23. package/dist/admin/chunks/FieldTypeIcon-Bxh-7Jin.js +58 -0
  24. package/dist/admin/chunks/FieldTypeIcon-Bxh-7Jin.js.map +1 -0
  25. package/dist/admin/chunks/Form-DGUP3zQO.js +978 -0
  26. package/dist/admin/chunks/Form-DGUP3zQO.js.map +1 -0
  27. package/dist/admin/chunks/Form-DTO0ZIaB.mjs +955 -0
  28. package/dist/admin/chunks/Form-DTO0ZIaB.mjs.map +1 -0
  29. package/dist/admin/chunks/History-C333pgXF.mjs +1357 -0
  30. package/dist/admin/chunks/History-C333pgXF.mjs.map +1 -0
  31. package/dist/admin/chunks/History-CQznK1pG.js +1380 -0
  32. package/dist/admin/chunks/History-CQznK1pG.js.map +1 -0
  33. package/dist/admin/chunks/Input-BexkC_pp.mjs +7190 -0
  34. package/dist/admin/chunks/Input-BexkC_pp.mjs.map +1 -0
  35. package/dist/admin/chunks/Input-DLJZHw9Y.js +7221 -0
  36. package/dist/admin/chunks/Input-DLJZHw9Y.js.map +1 -0
  37. package/dist/admin/chunks/ListConfigurationPage-71I_stAM.js +819 -0
  38. package/dist/admin/chunks/ListConfigurationPage-71I_stAM.js.map +1 -0
  39. package/dist/admin/chunks/ListConfigurationPage-BX2WR7MI.mjs +796 -0
  40. package/dist/admin/chunks/ListConfigurationPage-BX2WR7MI.mjs.map +1 -0
  41. package/dist/admin/chunks/ListViewPage-BDeT3Dkk.mjs +1133 -0
  42. package/dist/admin/chunks/ListViewPage-BDeT3Dkk.mjs.map +1 -0
  43. package/dist/admin/chunks/ListViewPage-DV3heO4F.js +1155 -0
  44. package/dist/admin/chunks/ListViewPage-DV3heO4F.js.map +1 -0
  45. package/dist/admin/chunks/NoContentTypePage-9JHYpYVX.mjs +58 -0
  46. package/dist/admin/chunks/NoContentTypePage-9JHYpYVX.mjs.map +1 -0
  47. package/dist/admin/chunks/NoContentTypePage-COih9y2J.js +60 -0
  48. package/dist/admin/chunks/NoContentTypePage-COih9y2J.js.map +1 -0
  49. package/dist/admin/chunks/NoPermissionsPage-DGAwRIlN.js +39 -0
  50. package/dist/admin/chunks/NoPermissionsPage-DGAwRIlN.js.map +1 -0
  51. package/dist/admin/chunks/NoPermissionsPage-DTe9I47q.mjs +37 -0
  52. package/dist/admin/chunks/NoPermissionsPage-DTe9I47q.mjs.map +1 -0
  53. package/dist/admin/chunks/Preview-BEq0FXda.mjs +551 -0
  54. package/dist/admin/chunks/Preview-BEq0FXda.mjs.map +1 -0
  55. package/dist/admin/chunks/Preview-CXtc9yEV.js +573 -0
  56. package/dist/admin/chunks/Preview-CXtc9yEV.js.map +1 -0
  57. package/dist/admin/chunks/Relations-o7_hVGyK.js +1318 -0
  58. package/dist/admin/chunks/Relations-o7_hVGyK.js.map +1 -0
  59. package/dist/admin/chunks/Relations-qeZyLDgQ.mjs +1291 -0
  60. package/dist/admin/chunks/Relations-qeZyLDgQ.mjs.map +1 -0
  61. package/dist/admin/chunks/ar-DckYq_WK.mjs +222 -0
  62. package/dist/{_chunks/ar-CCEVvqGG.mjs.map → admin/chunks/ar-DckYq_WK.mjs.map} +1 -1
  63. package/dist/admin/chunks/ar-DeQBSsfl.js +227 -0
  64. package/dist/{_chunks/ru-BT3ybNny.js.map → admin/chunks/ar-DeQBSsfl.js.map} +1 -1
  65. package/dist/admin/chunks/ca-ClDTvatJ.js +202 -0
  66. package/dist/admin/chunks/ca-ClDTvatJ.js.map +1 -0
  67. package/dist/admin/chunks/ca-DviY7mRj.mjs +197 -0
  68. package/dist/admin/chunks/ca-DviY7mRj.mjs.map +1 -0
  69. package/dist/admin/chunks/cs-BJFxwIWj.js +126 -0
  70. package/dist/{_chunks/cs-CkJy6B2v.js.map → admin/chunks/cs-BJFxwIWj.js.map} +1 -1
  71. package/dist/admin/chunks/cs-C7OSYFQ7.mjs +122 -0
  72. package/dist/{_chunks/cs-CM2aBUar.mjs.map → admin/chunks/cs-C7OSYFQ7.mjs.map} +1 -1
  73. package/dist/admin/chunks/de-5QRlDHyR.mjs +195 -0
  74. package/dist/{_chunks/eu-CdALomew.mjs.map → admin/chunks/de-5QRlDHyR.mjs.map} +1 -1
  75. package/dist/admin/chunks/de-CbImAUA5.js +200 -0
  76. package/dist/{_chunks/gu-BRmF601H.js.map → admin/chunks/de-CbImAUA5.js.map} +1 -1
  77. package/dist/admin/chunks/en-C1CjdAtC.js +313 -0
  78. package/dist/{_chunks/en-BR48D_RH.js.map → admin/chunks/en-C1CjdAtC.js.map} +1 -1
  79. package/dist/admin/chunks/en-LfhocNG2.mjs +308 -0
  80. package/dist/{_chunks/en-D65uIF6Y.mjs.map → admin/chunks/en-LfhocNG2.mjs.map} +1 -1
  81. package/dist/admin/chunks/es-C8vLuvZL.js +197 -0
  82. package/dist/{_chunks/es-9K52xZIr.js.map → admin/chunks/es-C8vLuvZL.js.map} +1 -1
  83. package/dist/admin/chunks/es-DkoWSExG.mjs +192 -0
  84. package/dist/{_chunks/ja-BHqhDq4V.mjs.map → admin/chunks/es-DkoWSExG.mjs.map} +1 -1
  85. package/dist/admin/chunks/eu-BG1xX7HK.mjs +198 -0
  86. package/dist/admin/chunks/eu-BG1xX7HK.mjs.map +1 -0
  87. package/dist/admin/chunks/eu-BJW3AvXu.js +203 -0
  88. package/dist/admin/chunks/eu-BJW3AvXu.js.map +1 -0
  89. package/dist/admin/chunks/fr-CFdRaRVj.mjs +215 -0
  90. package/dist/admin/chunks/fr-CFdRaRVj.mjs.map +1 -0
  91. package/dist/admin/chunks/fr-gQSilC7w.js +220 -0
  92. package/dist/admin/chunks/fr-gQSilC7w.js.map +1 -0
  93. package/dist/admin/chunks/gu-D5MMMXRs.mjs +196 -0
  94. package/dist/admin/chunks/gu-D5MMMXRs.mjs.map +1 -0
  95. package/dist/admin/chunks/gu-DPU4wyx7.js +201 -0
  96. package/dist/{_chunks/eu-VDH-3ovk.js.map → admin/chunks/gu-DPU4wyx7.js.map} +1 -1
  97. package/dist/admin/chunks/hi-Dp4omeBb.js +201 -0
  98. package/dist/admin/chunks/hi-Dp4omeBb.js.map +1 -0
  99. package/dist/admin/chunks/hi-lp17SCjr.mjs +196 -0
  100. package/dist/admin/chunks/hi-lp17SCjr.mjs.map +1 -0
  101. package/dist/{_chunks/hooks-BAaaKPS_.js → admin/chunks/hooks-D-sOYd1s.js} +6 -3
  102. package/dist/admin/chunks/hooks-D-sOYd1s.js.map +1 -0
  103. package/dist/admin/chunks/hooks-DMvik5y_.mjs +7 -0
  104. package/dist/admin/chunks/hooks-DMvik5y_.mjs.map +1 -0
  105. package/dist/admin/chunks/hu-CLka1U2C.mjs +198 -0
  106. package/dist/admin/chunks/hu-CLka1U2C.mjs.map +1 -0
  107. package/dist/admin/chunks/hu-CtFJuhTd.js +203 -0
  108. package/dist/admin/chunks/hu-CtFJuhTd.js.map +1 -0
  109. package/dist/admin/chunks/id-D7V5S1rB.js +161 -0
  110. package/dist/{_chunks/it-DkBIs7vD.js.map → admin/chunks/id-D7V5S1rB.js.map} +1 -1
  111. package/dist/admin/chunks/id-USfY9m1g.mjs +156 -0
  112. package/dist/{_chunks/id-BtwA9WJT.mjs.map → admin/chunks/id-USfY9m1g.mjs.map} +1 -1
  113. package/dist/admin/chunks/index-BHimg6jW.js +5417 -0
  114. package/dist/admin/chunks/index-BHimg6jW.js.map +1 -0
  115. package/dist/admin/chunks/index-Cs6qwFQu.mjs +5351 -0
  116. package/dist/admin/chunks/index-Cs6qwFQu.mjs.map +1 -0
  117. package/dist/admin/chunks/it-BAHrwmYS.mjs +158 -0
  118. package/dist/{_chunks/it-BrVPqaf1.mjs.map → admin/chunks/it-BAHrwmYS.mjs.map} +1 -1
  119. package/dist/admin/chunks/it-CQFpa_Dc.js +163 -0
  120. package/dist/{_chunks/ko-woFZPmLk.js.map → admin/chunks/it-CQFpa_Dc.js.map} +1 -1
  121. package/dist/admin/chunks/ja-BWKmBJFT.mjs +192 -0
  122. package/dist/{_chunks/ko-HVQRlfUI.mjs.map → admin/chunks/ja-BWKmBJFT.mjs.map} +1 -1
  123. package/dist/admin/chunks/ja-jdQM-B79.js +197 -0
  124. package/dist/{_chunks/de-CCEmbAah.js.map → admin/chunks/ja-jdQM-B79.js.map} +1 -1
  125. package/dist/admin/chunks/ko-CgADGBNt.mjs +191 -0
  126. package/dist/{_chunks/es-D34tqjMw.mjs.map → admin/chunks/ko-CgADGBNt.mjs.map} +1 -1
  127. package/dist/admin/chunks/ko-k46sEyzt.js +196 -0
  128. package/dist/{_chunks/ja-7sfIbjxE.js.map → admin/chunks/ko-k46sEyzt.js.map} +1 -1
  129. package/dist/admin/chunks/layout-DStNia_P.mjs +599 -0
  130. package/dist/admin/chunks/layout-DStNia_P.mjs.map +1 -0
  131. package/dist/admin/chunks/layout-Dtahn4Ue.js +619 -0
  132. package/dist/admin/chunks/layout-Dtahn4Ue.js.map +1 -0
  133. package/dist/admin/chunks/ml-CnhCfOn_.mjs +196 -0
  134. package/dist/admin/chunks/ml-CnhCfOn_.mjs.map +1 -0
  135. package/dist/admin/chunks/ml-DqxPwODx.js +201 -0
  136. package/dist/admin/chunks/ml-DqxPwODx.js.map +1 -0
  137. package/dist/admin/chunks/ms-Bh09NFff.mjs +140 -0
  138. package/dist/{_chunks/ms-m_WjyWx7.mjs.map → admin/chunks/ms-Bh09NFff.mjs.map} +1 -1
  139. package/dist/admin/chunks/ms-CvSC0OdG.js +145 -0
  140. package/dist/{_chunks/ms-BuFotyP_.js.map → admin/chunks/ms-CvSC0OdG.js.map} +1 -1
  141. package/dist/admin/chunks/nl-BEubhS8C.js +203 -0
  142. package/dist/admin/chunks/nl-BEubhS8C.js.map +1 -0
  143. package/dist/admin/chunks/nl-C8HYflTc.mjs +198 -0
  144. package/dist/admin/chunks/nl-C8HYflTc.mjs.map +1 -0
  145. package/dist/admin/chunks/objects-C3EebVVe.js +76 -0
  146. package/dist/admin/chunks/objects-C3EebVVe.js.map +1 -0
  147. package/dist/admin/chunks/objects-wl73iEma.mjs +73 -0
  148. package/dist/admin/chunks/objects-wl73iEma.mjs.map +1 -0
  149. package/dist/admin/chunks/pl-DWhGDzmM.js +200 -0
  150. package/dist/{_chunks/ca-Cmk45QO6.js.map → admin/chunks/pl-DWhGDzmM.js.map} +1 -1
  151. package/dist/admin/chunks/pl-MFCZJZuZ.mjs +195 -0
  152. package/dist/{_chunks/ca-5U32ON2v.mjs.map → admin/chunks/pl-MFCZJZuZ.mjs.map} +1 -1
  153. package/dist/admin/chunks/pt-BR-CPtAXD-4.js +202 -0
  154. package/dist/{_chunks/pt-BR-BiOz37D9.js.map → admin/chunks/pt-BR-CPtAXD-4.js.map} +1 -1
  155. package/dist/admin/chunks/pt-BR-CcotyBGJ.mjs +197 -0
  156. package/dist/{_chunks/pt-BR-C71iDxnh.mjs.map → admin/chunks/pt-BR-CcotyBGJ.mjs.map} +1 -1
  157. package/dist/admin/chunks/pt-BoPxN80n.js +96 -0
  158. package/dist/admin/chunks/pt-BoPxN80n.js.map +1 -0
  159. package/dist/admin/chunks/pt-HbmgeiYO.mjs +93 -0
  160. package/dist/admin/chunks/pt-HbmgeiYO.mjs.map +1 -0
  161. package/dist/admin/chunks/relations-Cq8NRUto.mjs +173 -0
  162. package/dist/admin/chunks/relations-Cq8NRUto.mjs.map +1 -0
  163. package/dist/admin/chunks/relations-XOYEEqMz.js +178 -0
  164. package/dist/admin/chunks/relations-XOYEEqMz.js.map +1 -0
  165. package/dist/admin/chunks/ru-C0op0ALG.js +232 -0
  166. package/dist/admin/chunks/ru-C0op0ALG.js.map +1 -0
  167. package/dist/admin/chunks/ru-CB4BUyQp.mjs +230 -0
  168. package/dist/{_chunks/ru-BE6A4Exp.mjs.map → admin/chunks/ru-CB4BUyQp.mjs.map} +1 -1
  169. package/dist/admin/chunks/sa-B_FuPyMw.js +201 -0
  170. package/dist/admin/chunks/sa-B_FuPyMw.js.map +1 -0
  171. package/dist/admin/chunks/sa-n_aPA-pU.mjs +196 -0
  172. package/dist/admin/chunks/sa-n_aPA-pU.mjs.map +1 -0
  173. package/dist/admin/chunks/sk-D_iXML2C.js +203 -0
  174. package/dist/admin/chunks/sk-D_iXML2C.js.map +1 -0
  175. package/dist/admin/chunks/sk-tn_BDjE2.mjs +198 -0
  176. package/dist/admin/chunks/sk-tn_BDjE2.mjs.map +1 -0
  177. package/dist/admin/chunks/sv-BstBC1Yp.js +203 -0
  178. package/dist/admin/chunks/sv-BstBC1Yp.js.map +1 -0
  179. package/dist/admin/chunks/sv-cq4ZrQRd.mjs +198 -0
  180. package/dist/admin/chunks/sv-cq4ZrQRd.mjs.map +1 -0
  181. package/dist/admin/chunks/th-lXoOCqPC.js +149 -0
  182. package/dist/{_chunks/th-D9_GfAjc.js.map → admin/chunks/th-lXoOCqPC.js.map} +1 -1
  183. package/dist/admin/chunks/th-mUH7hEtc.mjs +144 -0
  184. package/dist/{_chunks/th-BqbI8lIT.mjs.map → admin/chunks/th-mUH7hEtc.mjs.map} +1 -1
  185. package/dist/admin/chunks/tr-CkS6sLIE.js +200 -0
  186. package/dist/admin/chunks/tr-CkS6sLIE.js.map +1 -0
  187. package/dist/admin/chunks/tr-Yt38daxh.mjs +195 -0
  188. package/dist/{_chunks/de-C72KDNOl.mjs.map → admin/chunks/tr-Yt38daxh.mjs.map} +1 -1
  189. package/dist/admin/chunks/uk-B24MoTVg.js +145 -0
  190. package/dist/{_chunks/uk-C8EiqJY7.js.map → admin/chunks/uk-B24MoTVg.js.map} +1 -1
  191. package/dist/admin/chunks/uk-Cpgmm7gE.mjs +140 -0
  192. package/dist/{_chunks/uk-CR-zDhAY.mjs.map → admin/chunks/uk-Cpgmm7gE.mjs.map} +1 -1
  193. package/dist/admin/chunks/useDragAndDrop-HYwNDExe.mjs +247 -0
  194. package/dist/admin/chunks/useDragAndDrop-HYwNDExe.mjs.map +1 -0
  195. package/dist/admin/chunks/useDragAndDrop-gcqEJMnO.js +271 -0
  196. package/dist/admin/chunks/useDragAndDrop-gcqEJMnO.js.map +1 -0
  197. package/dist/admin/chunks/usePrev-Bjw2dhmq.mjs +18 -0
  198. package/dist/admin/chunks/usePrev-Bjw2dhmq.mjs.map +1 -0
  199. package/dist/admin/chunks/usePrev-DIYl-IAL.js +21 -0
  200. package/dist/admin/chunks/usePrev-DIYl-IAL.js.map +1 -0
  201. package/dist/admin/chunks/vi-BGr1X_HZ.js +112 -0
  202. package/dist/{_chunks/vi-CJlYDheJ.js.map → admin/chunks/vi-BGr1X_HZ.js.map} +1 -1
  203. package/dist/admin/chunks/vi-CvBGlTjr.mjs +108 -0
  204. package/dist/{_chunks/vi-DUXIk_fw.mjs.map → admin/chunks/vi-CvBGlTjr.mjs.map} +1 -1
  205. package/dist/admin/chunks/zh-BmF-sHaT.mjs +205 -0
  206. package/dist/admin/chunks/zh-BmF-sHaT.mjs.map +1 -0
  207. package/dist/admin/chunks/zh-DwFu_Kfj.js +210 -0
  208. package/dist/admin/chunks/zh-DwFu_Kfj.js.map +1 -0
  209. package/dist/admin/chunks/zh-Hans-CI0HKio3.mjs +934 -0
  210. package/dist/{_chunks/zh-Hans-BPQcRIyH.mjs.map → admin/chunks/zh-Hans-CI0HKio3.mjs.map} +1 -1
  211. package/dist/admin/chunks/zh-Hans-JVK9x7xr.js +953 -0
  212. package/dist/{_chunks/zh-Hans-9kOncHGw.js.map → admin/chunks/zh-Hans-JVK9x7xr.js.map} +1 -1
  213. package/dist/admin/index.js +24 -4
  214. package/dist/admin/index.js.map +1 -1
  215. package/dist/admin/index.mjs +17 -13
  216. package/dist/admin/index.mjs.map +1 -1
  217. package/dist/admin/src/history/services/historyVersion.d.ts +1 -1
  218. package/dist/admin/src/hooks/useDocument.d.ts +2 -2
  219. package/dist/admin/src/index.d.ts +1 -0
  220. package/dist/admin/src/pages/EditView/components/EditorToolbarObserver.d.ts +11 -0
  221. package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/Code.d.ts +49 -1
  222. package/dist/admin/src/pages/EditView/components/FormInputs/Relations.d.ts +2 -1
  223. package/dist/admin/src/pages/EditView/components/FormInputs/Wysiwyg/WysiwygNav.d.ts +1 -2
  224. package/dist/admin/src/pages/EditView/components/FormLayout.d.ts +2 -1
  225. package/dist/admin/src/preview/components/PreviewContent.d.ts +2 -1
  226. package/dist/admin/src/preview/components/PreviewHeader.d.ts +2 -1
  227. package/dist/admin/src/preview/index.d.ts +2 -3
  228. package/dist/admin/src/preview/pages/Preview.d.ts +2 -0
  229. package/dist/server/index.js +5459 -4387
  230. package/dist/server/index.js.map +1 -1
  231. package/dist/server/index.mjs +5446 -4372
  232. package/dist/server/index.mjs.map +1 -1
  233. package/dist/server/src/controllers/utils/metadata.d.ts +1 -1
  234. package/dist/server/src/controllers/utils/metadata.d.ts.map +1 -1
  235. package/dist/server/src/history/services/utils.d.ts.map +1 -1
  236. package/dist/server/src/services/utils/count.d.ts +1 -1
  237. package/dist/server/src/services/utils/count.d.ts.map +1 -1
  238. package/dist/server/src/services/utils/populate.d.ts +1 -1
  239. package/dist/server/src/services/utils/populate.d.ts.map +1 -1
  240. package/dist/shared/contracts/collection-types.d.ts +0 -1
  241. package/dist/shared/contracts/components.d.ts +0 -1
  242. package/dist/shared/contracts/content-types.d.ts +0 -1
  243. package/dist/shared/contracts/history-versions.d.ts +0 -1
  244. package/dist/shared/contracts/index.d.ts +0 -1
  245. package/dist/shared/contracts/init.d.ts +0 -1
  246. package/dist/shared/contracts/preview.d.ts +0 -1
  247. package/dist/shared/contracts/relations.d.ts +1 -2
  248. package/dist/shared/contracts/relations.d.ts.map +1 -1
  249. package/dist/shared/contracts/review-workflows.d.ts +0 -1
  250. package/dist/shared/contracts/single-types.d.ts +0 -1
  251. package/dist/shared/contracts/uid.d.ts +0 -1
  252. package/dist/shared/index.d.ts +0 -1
  253. package/dist/shared/index.js +35 -24
  254. package/dist/shared/index.js.map +1 -1
  255. package/dist/shared/index.mjs +34 -25
  256. package/dist/shared/index.mjs.map +1 -1
  257. package/package.json +15 -12
  258. package/dist/_chunks/CardDragPreview-C0QyJgRA.js +0 -69
  259. package/dist/_chunks/CardDragPreview-C0QyJgRA.js.map +0 -1
  260. package/dist/_chunks/CardDragPreview-DOxamsuj.mjs +0 -70
  261. package/dist/_chunks/CardDragPreview-DOxamsuj.mjs.map +0 -1
  262. package/dist/_chunks/ComponentConfigurationPage-9_4yUE9L.mjs +0 -236
  263. package/dist/_chunks/ComponentConfigurationPage-9_4yUE9L.mjs.map +0 -1
  264. package/dist/_chunks/ComponentConfigurationPage-DBSh-kET.js +0 -254
  265. package/dist/_chunks/ComponentConfigurationPage-DBSh-kET.js.map +0 -1
  266. package/dist/_chunks/ComponentIcon-CRbtQEUV.js +0 -175
  267. package/dist/_chunks/ComponentIcon-CRbtQEUV.js.map +0 -1
  268. package/dist/_chunks/ComponentIcon-u4bIXTFY.mjs +0 -157
  269. package/dist/_chunks/ComponentIcon-u4bIXTFY.mjs.map +0 -1
  270. package/dist/_chunks/EditConfigurationPage-Bl_U2JgH.js +0 -150
  271. package/dist/_chunks/EditConfigurationPage-Bl_U2JgH.js.map +0 -1
  272. package/dist/_chunks/EditConfigurationPage-COe6hjPC.mjs +0 -132
  273. package/dist/_chunks/EditConfigurationPage-COe6hjPC.mjs.map +0 -1
  274. package/dist/_chunks/EditViewPage-D4yFJET6.js +0 -209
  275. package/dist/_chunks/EditViewPage-D4yFJET6.js.map +0 -1
  276. package/dist/_chunks/EditViewPage-DrmVmYN0.mjs +0 -191
  277. package/dist/_chunks/EditViewPage-DrmVmYN0.mjs.map +0 -1
  278. package/dist/_chunks/FieldTypeIcon-CMlNO8PE.mjs +0 -50
  279. package/dist/_chunks/FieldTypeIcon-CMlNO8PE.mjs.map +0 -1
  280. package/dist/_chunks/FieldTypeIcon-Dnwq_IRF.js +0 -49
  281. package/dist/_chunks/FieldTypeIcon-Dnwq_IRF.js.map +0 -1
  282. package/dist/_chunks/Form-C4rSaGsz.js +0 -778
  283. package/dist/_chunks/Form-C4rSaGsz.js.map +0 -1
  284. package/dist/_chunks/Form-DamaxNpG.mjs +0 -758
  285. package/dist/_chunks/Form-DamaxNpG.mjs.map +0 -1
  286. package/dist/_chunks/History-D1PreDSY.mjs +0 -999
  287. package/dist/_chunks/History-D1PreDSY.mjs.map +0 -1
  288. package/dist/_chunks/History-DTm8UCCQ.js +0 -1019
  289. package/dist/_chunks/History-DTm8UCCQ.js.map +0 -1
  290. package/dist/_chunks/Input-B7sapvBG.js +0 -5617
  291. package/dist/_chunks/Input-B7sapvBG.js.map +0 -1
  292. package/dist/_chunks/Input-CZ1YvjHR.mjs +0 -5585
  293. package/dist/_chunks/Input-CZ1YvjHR.mjs.map +0 -1
  294. package/dist/_chunks/ListConfigurationPage-Bbi32isk.mjs +0 -633
  295. package/dist/_chunks/ListConfigurationPage-Bbi32isk.mjs.map +0 -1
  296. package/dist/_chunks/ListConfigurationPage-ysFMjKI3.js +0 -652
  297. package/dist/_chunks/ListConfigurationPage-ysFMjKI3.js.map +0 -1
  298. package/dist/_chunks/ListViewPage-Bud_jBDQ.mjs +0 -854
  299. package/dist/_chunks/ListViewPage-Bud_jBDQ.mjs.map +0 -1
  300. package/dist/_chunks/ListViewPage-DTuuxU3n.js +0 -877
  301. package/dist/_chunks/ListViewPage-DTuuxU3n.js.map +0 -1
  302. package/dist/_chunks/NoContentTypePage-CL7VVeYs.js +0 -51
  303. package/dist/_chunks/NoContentTypePage-CL7VVeYs.js.map +0 -1
  304. package/dist/_chunks/NoContentTypePage-DVhkugsf.mjs +0 -51
  305. package/dist/_chunks/NoContentTypePage-DVhkugsf.mjs.map +0 -1
  306. package/dist/_chunks/NoPermissionsPage-CMdM-dCo.mjs +0 -23
  307. package/dist/_chunks/NoPermissionsPage-CMdM-dCo.mjs.map +0 -1
  308. package/dist/_chunks/NoPermissionsPage-v7I599vC.js +0 -23
  309. package/dist/_chunks/NoPermissionsPage-v7I599vC.js.map +0 -1
  310. package/dist/_chunks/Preview-BNuU0SuQ.mjs +0 -287
  311. package/dist/_chunks/Preview-BNuU0SuQ.mjs.map +0 -1
  312. package/dist/_chunks/Preview-Cxq-uI6D.js +0 -305
  313. package/dist/_chunks/Preview-Cxq-uI6D.js.map +0 -1
  314. package/dist/_chunks/Relations-C2Ahkrdg.mjs +0 -728
  315. package/dist/_chunks/Relations-C2Ahkrdg.mjs.map +0 -1
  316. package/dist/_chunks/Relations-CWS79QQn.js +0 -747
  317. package/dist/_chunks/Relations-CWS79QQn.js.map +0 -1
  318. package/dist/_chunks/ar-BUUWXIYu.js +0 -226
  319. package/dist/_chunks/ar-BUUWXIYu.js.map +0 -1
  320. package/dist/_chunks/ar-CCEVvqGG.mjs +0 -226
  321. package/dist/_chunks/ca-5U32ON2v.mjs +0 -201
  322. package/dist/_chunks/ca-Cmk45QO6.js +0 -201
  323. package/dist/_chunks/cs-CM2aBUar.mjs +0 -125
  324. package/dist/_chunks/cs-CkJy6B2v.js +0 -125
  325. package/dist/_chunks/de-C72KDNOl.mjs +0 -199
  326. package/dist/_chunks/de-CCEmbAah.js +0 -199
  327. package/dist/_chunks/en-BR48D_RH.js +0 -312
  328. package/dist/_chunks/en-D65uIF6Y.mjs +0 -312
  329. package/dist/_chunks/es-9K52xZIr.js +0 -196
  330. package/dist/_chunks/es-D34tqjMw.mjs +0 -196
  331. package/dist/_chunks/eu-CdALomew.mjs +0 -202
  332. package/dist/_chunks/eu-VDH-3ovk.js +0 -202
  333. package/dist/_chunks/fr-C43IbhA_.js +0 -219
  334. package/dist/_chunks/fr-C43IbhA_.js.map +0 -1
  335. package/dist/_chunks/fr-DBseuRuB.mjs +0 -219
  336. package/dist/_chunks/fr-DBseuRuB.mjs.map +0 -1
  337. package/dist/_chunks/gu-BRmF601H.js +0 -200
  338. package/dist/_chunks/gu-CNpaMDpH.mjs +0 -200
  339. package/dist/_chunks/gu-CNpaMDpH.mjs.map +0 -1
  340. package/dist/_chunks/hi-CCJBptSq.js +0 -200
  341. package/dist/_chunks/hi-CCJBptSq.js.map +0 -1
  342. package/dist/_chunks/hi-Dwvd04m3.mjs +0 -200
  343. package/dist/_chunks/hi-Dwvd04m3.mjs.map +0 -1
  344. package/dist/_chunks/hooks-BAaaKPS_.js.map +0 -1
  345. package/dist/_chunks/hooks-E5u1mcgM.mjs +0 -8
  346. package/dist/_chunks/hooks-E5u1mcgM.mjs.map +0 -1
  347. package/dist/_chunks/hu-CeYvaaO0.mjs +0 -202
  348. package/dist/_chunks/hu-CeYvaaO0.mjs.map +0 -1
  349. package/dist/_chunks/hu-sNV_yLYy.js +0 -202
  350. package/dist/_chunks/hu-sNV_yLYy.js.map +0 -1
  351. package/dist/_chunks/id-B5Ser98A.js +0 -160
  352. package/dist/_chunks/id-B5Ser98A.js.map +0 -1
  353. package/dist/_chunks/id-BtwA9WJT.mjs +0 -160
  354. package/dist/_chunks/index-DQsvBb_N.js +0 -4500
  355. package/dist/_chunks/index-DQsvBb_N.js.map +0 -1
  356. package/dist/_chunks/index-ZKrsjv-2.mjs +0 -4481
  357. package/dist/_chunks/index-ZKrsjv-2.mjs.map +0 -1
  358. package/dist/_chunks/it-BrVPqaf1.mjs +0 -162
  359. package/dist/_chunks/it-DkBIs7vD.js +0 -162
  360. package/dist/_chunks/ja-7sfIbjxE.js +0 -196
  361. package/dist/_chunks/ja-BHqhDq4V.mjs +0 -196
  362. package/dist/_chunks/ko-HVQRlfUI.mjs +0 -195
  363. package/dist/_chunks/ko-woFZPmLk.js +0 -195
  364. package/dist/_chunks/layout-Cl0NhlQB.js +0 -488
  365. package/dist/_chunks/layout-Cl0NhlQB.js.map +0 -1
  366. package/dist/_chunks/layout-fQk1rMk9.mjs +0 -471
  367. package/dist/_chunks/layout-fQk1rMk9.mjs.map +0 -1
  368. package/dist/_chunks/ml-BihZwQit.mjs +0 -200
  369. package/dist/_chunks/ml-BihZwQit.mjs.map +0 -1
  370. package/dist/_chunks/ml-C2W8N8k1.js +0 -200
  371. package/dist/_chunks/ml-C2W8N8k1.js.map +0 -1
  372. package/dist/_chunks/ms-BuFotyP_.js +0 -144
  373. package/dist/_chunks/ms-m_WjyWx7.mjs +0 -144
  374. package/dist/_chunks/nl-D4R9gHx5.mjs +0 -202
  375. package/dist/_chunks/nl-D4R9gHx5.mjs.map +0 -1
  376. package/dist/_chunks/nl-bbEOHChV.js +0 -202
  377. package/dist/_chunks/nl-bbEOHChV.js.map +0 -1
  378. package/dist/_chunks/objects-BcXOv6_9.js +0 -47
  379. package/dist/_chunks/objects-BcXOv6_9.js.map +0 -1
  380. package/dist/_chunks/objects-D6yBsdmx.mjs +0 -45
  381. package/dist/_chunks/objects-D6yBsdmx.mjs.map +0 -1
  382. package/dist/_chunks/pl-sbx9mSt_.mjs +0 -199
  383. package/dist/_chunks/pl-sbx9mSt_.mjs.map +0 -1
  384. package/dist/_chunks/pl-uzwG-hk7.js +0 -199
  385. package/dist/_chunks/pl-uzwG-hk7.js.map +0 -1
  386. package/dist/_chunks/pt-BR-BiOz37D9.js +0 -201
  387. package/dist/_chunks/pt-BR-C71iDxnh.mjs +0 -201
  388. package/dist/_chunks/pt-BsaFvS8-.mjs +0 -95
  389. package/dist/_chunks/pt-BsaFvS8-.mjs.map +0 -1
  390. package/dist/_chunks/pt-CeXQuq50.js +0 -95
  391. package/dist/_chunks/pt-CeXQuq50.js.map +0 -1
  392. package/dist/_chunks/relations-BRfBxVbX.js +0 -133
  393. package/dist/_chunks/relations-BRfBxVbX.js.map +0 -1
  394. package/dist/_chunks/relations-BakOFl_1.mjs +0 -134
  395. package/dist/_chunks/relations-BakOFl_1.mjs.map +0 -1
  396. package/dist/_chunks/ru-BE6A4Exp.mjs +0 -231
  397. package/dist/_chunks/ru-BT3ybNny.js +0 -231
  398. package/dist/_chunks/sa-CcvkYInH.js +0 -200
  399. package/dist/_chunks/sa-CcvkYInH.js.map +0 -1
  400. package/dist/_chunks/sa-Dag0k-Z8.mjs +0 -200
  401. package/dist/_chunks/sa-Dag0k-Z8.mjs.map +0 -1
  402. package/dist/_chunks/sk-BFg-R8qJ.mjs +0 -202
  403. package/dist/_chunks/sk-BFg-R8qJ.mjs.map +0 -1
  404. package/dist/_chunks/sk-CvY09Xjv.js +0 -202
  405. package/dist/_chunks/sk-CvY09Xjv.js.map +0 -1
  406. package/dist/_chunks/sv-CUnfWGsh.mjs +0 -202
  407. package/dist/_chunks/sv-CUnfWGsh.mjs.map +0 -1
  408. package/dist/_chunks/sv-MYDuzgvT.js +0 -202
  409. package/dist/_chunks/sv-MYDuzgvT.js.map +0 -1
  410. package/dist/_chunks/th-BqbI8lIT.mjs +0 -148
  411. package/dist/_chunks/th-D9_GfAjc.js +0 -148
  412. package/dist/_chunks/tr-CgeK3wJM.mjs +0 -199
  413. package/dist/_chunks/tr-CgeK3wJM.mjs.map +0 -1
  414. package/dist/_chunks/tr-D9UH-O_R.js +0 -199
  415. package/dist/_chunks/tr-D9UH-O_R.js.map +0 -1
  416. package/dist/_chunks/uk-C8EiqJY7.js +0 -144
  417. package/dist/_chunks/uk-CR-zDhAY.mjs +0 -144
  418. package/dist/_chunks/useDragAndDrop-BMtgCYzL.js +0 -245
  419. package/dist/_chunks/useDragAndDrop-BMtgCYzL.js.map +0 -1
  420. package/dist/_chunks/useDragAndDrop-DJ6jqvZN.mjs +0 -228
  421. package/dist/_chunks/useDragAndDrop-DJ6jqvZN.mjs.map +0 -1
  422. package/dist/_chunks/usePrev-CZGy2Vjf.mjs +0 -29
  423. package/dist/_chunks/usePrev-CZGy2Vjf.mjs.map +0 -1
  424. package/dist/_chunks/usePrev-D5J_2fEu.js +0 -28
  425. package/dist/_chunks/usePrev-D5J_2fEu.js.map +0 -1
  426. package/dist/_chunks/vi-CJlYDheJ.js +0 -111
  427. package/dist/_chunks/vi-DUXIk_fw.mjs +0 -111
  428. package/dist/_chunks/zh-BWZspA60.mjs +0 -209
  429. package/dist/_chunks/zh-BWZspA60.mjs.map +0 -1
  430. package/dist/_chunks/zh-CQQfszqR.js +0 -209
  431. package/dist/_chunks/zh-CQQfszqR.js.map +0 -1
  432. package/dist/_chunks/zh-Hans-9kOncHGw.js +0 -952
  433. package/dist/_chunks/zh-Hans-BPQcRIyH.mjs +0 -952
  434. package/dist/admin/src/pages/EditView/components/FormInputs/BlocksInput/Blocks/utils/prismLanguages.d.ts +0 -49
@@ -0,0 +1,1318 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var React = require('react');
5
+ var strapiAdmin = require('@strapi/admin/strapi-admin');
6
+ var designSystem = require('@strapi/design-system');
7
+ var Icons = require('@strapi/icons');
8
+ var fractionalIndexing = require('fractional-indexing');
9
+ var pipe = require('lodash/fp/pipe');
10
+ var reactDndHtml5Backend = require('react-dnd-html5-backend');
11
+ var reactIntl = require('react-intl');
12
+ var reactRouterDom = require('react-router-dom');
13
+ var reactWindow = require('react-window');
14
+ var styledComponents = require('styled-components');
15
+ var index = require('./index-BHimg6jW.js');
16
+ var useDragAndDrop = require('./useDragAndDrop-gcqEJMnO.js');
17
+ var relations = require('./relations-XOYEEqMz.js');
18
+
19
+ function _interopNamespaceDefault(e) {
20
+ var n = Object.create(null);
21
+ if (e) {
22
+ Object.keys(e).forEach(function (k) {
23
+ if (k !== 'default') {
24
+ var d = Object.getOwnPropertyDescriptor(e, k);
25
+ Object.defineProperty(n, k, d.get ? d : {
26
+ enumerable: true,
27
+ get: function () { return e[k]; }
28
+ });
29
+ }
30
+ });
31
+ }
32
+ n.default = e;
33
+ return Object.freeze(n);
34
+ }
35
+
36
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
37
+
38
+ /**
39
+ * We use this component to wrap any individual component field in the Edit View,
40
+ * this could be a component field in a dynamic zone, a component within a repeatable space,
41
+ * or even nested components.
42
+ *
43
+ * We primarily need this to provide the component id to the components so that they can
44
+ * correctly fetch their relations.
45
+ */ const [ComponentProvider, useComponent] = strapiAdmin.createContext('ComponentContext', {
46
+ id: undefined,
47
+ level: -1,
48
+ uid: undefined,
49
+ type: undefined
50
+ });
51
+
52
+ /**
53
+ * Remove a relation, whether it's been already saved or not.
54
+ * It's used both in RelationsList, where the "remove relation" button is, and in the input,
55
+ * because we sometimes need to remove a previous relation when selecting a new one.
56
+ */ function useHandleDisconnect(fieldName, consumerName) {
57
+ const field = strapiAdmin.useField(fieldName);
58
+ const removeFieldRow = strapiAdmin.useForm(consumerName, (state)=>state.removeFieldRow);
59
+ const addFieldRow = strapiAdmin.useForm(consumerName, (state)=>state.addFieldRow);
60
+ const handleDisconnect = (relation)=>{
61
+ if (field.value && field.value.connect) {
62
+ /**
63
+ * A relation will exist in the `connect` array _if_ it has
64
+ * been added without saving. In this case, we just remove it
65
+ * from the connect array
66
+ */ const indexOfRelationInConnectArray = field.value.connect.findIndex((rel)=>rel.id === relation.id);
67
+ if (indexOfRelationInConnectArray >= 0) {
68
+ removeFieldRow(`${fieldName}.connect`, indexOfRelationInConnectArray);
69
+ return;
70
+ }
71
+ }
72
+ addFieldRow(`${fieldName}.disconnect`, {
73
+ id: relation.id,
74
+ apiData: {
75
+ id: relation.id,
76
+ documentId: relation.documentId,
77
+ locale: relation.locale
78
+ }
79
+ });
80
+ };
81
+ return handleDisconnect;
82
+ }
83
+ /* -------------------------------------------------------------------------------------------------
84
+ * RelationsField
85
+ * -----------------------------------------------------------------------------------------------*/ const RELATIONS_TO_DISPLAY = 5;
86
+ const ONE_WAY_RELATIONS = [
87
+ 'oneWay',
88
+ 'oneToOne',
89
+ 'manyToOne',
90
+ 'oneToManyMorph',
91
+ 'oneToOneMorph'
92
+ ];
93
+ /**
94
+ * TODO: we get a rather ugly flash when we remove a single relation from the list leaving
95
+ * no other relations when we press save. The initial relation re-renders, probably because
96
+ * of the lag in the Form cleaning it's "disconnect" array, whilst our data has not been invalidated.
97
+ *
98
+ * Could we invalidate relation data on the document actions? Should we?
99
+ */ /**
100
+ * @internal
101
+ * @description The relations field holds a lot of domain logic for handling relations which is rather complicated
102
+ * At present we do not expose this to plugin developers, however, they are able to overwrite it themselves should
103
+ * they wish to do so.
104
+ */ const UnstableRelationsField = /*#__PURE__*/ React__namespace.forwardRef(({ disabled, label, ...props }, ref)=>{
105
+ const [currentPage, setCurrentPage] = React__namespace.useState(1);
106
+ const { document, model: documentModel } = index.useDoc();
107
+ const documentId = document?.documentId;
108
+ const { formatMessage } = reactIntl.useIntl();
109
+ const [{ query }] = strapiAdmin.useQueryParams();
110
+ const params = index.buildValidParams(query);
111
+ const isMorph = props.attribute.relation.toLowerCase().includes('morph');
112
+ const isDisabled = isMorph || disabled;
113
+ const { componentId, componentUID } = useComponent('RelationsField', ({ uid, id })=>({
114
+ componentId: id,
115
+ componentUID: uid
116
+ }));
117
+ const isSubmitting = strapiAdmin.useForm('RelationsList', (state)=>state.isSubmitting);
118
+ React__namespace.useEffect(()=>{
119
+ setCurrentPage(1);
120
+ }, [
121
+ isSubmitting
122
+ ]);
123
+ /**
124
+ * We'll always have a documentId in a created entry, so we look for a componentId first.
125
+ * Same with `uid` and `documentModel`.
126
+ */ const id = componentId ? componentId.toString() : documentId;
127
+ const model = componentUID ?? documentModel;
128
+ /**
129
+ * The `name` prop is a complete path to the field, e.g. `field1.field2.field3`.
130
+ * Where the above example would a nested field within two components, however
131
+ * we only require the field on the component not the complete path since we query
132
+ * individual components. Therefore we split the string and take the last item.
133
+ */ const [targetField] = props.name.split('.').slice(-1);
134
+ const { data, isLoading, isFetching } = relations.useGetRelationsQuery({
135
+ model,
136
+ targetField,
137
+ // below we don't run the query if there is no id.
138
+ id: id,
139
+ params: {
140
+ ...params,
141
+ pageSize: RELATIONS_TO_DISPLAY,
142
+ page: currentPage
143
+ }
144
+ }, {
145
+ refetchOnMountOrArgChange: true,
146
+ skip: !id,
147
+ selectFromResult: (result)=>{
148
+ return {
149
+ ...result,
150
+ data: {
151
+ ...result.data,
152
+ results: result.data?.results ? result.data.results : []
153
+ }
154
+ };
155
+ }
156
+ });
157
+ const handleLoadMore = ()=>{
158
+ setCurrentPage((prev)=>prev + 1);
159
+ };
160
+ const field = strapiAdmin.useField(props.name);
161
+ const isFetchingMoreRelations = isLoading || isFetching;
162
+ const realServerRelationsCount = 'pagination' in data && data.pagination ? data.pagination.total : 0;
163
+ /**
164
+ * Items that are already connected, but reordered would be in
165
+ * this list, so to get an accurate figure, we remove them.
166
+ */ const relationsConnected = (field.value?.connect ?? []).filter((rel)=>data.results.findIndex((relation)=>relation.id === rel.id) === -1).length ?? 0;
167
+ const relationsDisconnected = field.value?.disconnect?.length ?? 0;
168
+ const relationsCount = realServerRelationsCount + relationsConnected - relationsDisconnected;
169
+ /**
170
+ * This is it, the source of truth for reordering in conjunction with partial loading & updating
171
+ * of relations. Relations on load are given __temp_key__ when fetched, because we don't want to
172
+ * create brand new keys everytime the data updates, just keep adding them onto the newly loaded ones.
173
+ */ const relations$1 = React__namespace.useMemo(()=>{
174
+ const ctx = {
175
+ field: field.value,
176
+ // @ts-expect-error – targetModel does exist on the attribute. But it's not typed.
177
+ href: `../${index.COLLECTION_TYPES}/${props.attribute.targetModel}`,
178
+ mainField: props.mainField
179
+ };
180
+ /**
181
+ * Tidy up our data.
182
+ */ const transformations = pipe(removeConnected(ctx), removeDisconnected(ctx), addLabelAndHref(ctx));
183
+ const transformedRels = transformations([
184
+ ...data.results
185
+ ]);
186
+ /**
187
+ * THIS IS CRUCIAL. If you don't sort by the __temp_key__ which comes from fractional indexing
188
+ * then the list will be in the wrong order.
189
+ */ return [
190
+ ...transformedRels,
191
+ ...field.value?.connect ?? []
192
+ ].sort((a, b)=>{
193
+ if (a.__temp_key__ < b.__temp_key__) return -1;
194
+ if (a.__temp_key__ > b.__temp_key__) return 1;
195
+ return 0;
196
+ });
197
+ }, [
198
+ data.results,
199
+ field.value,
200
+ // @ts-expect-error – targetModel does exist on the attribute. But it's not typed.
201
+ props.attribute.targetModel,
202
+ props.mainField
203
+ ]);
204
+ const handleDisconnect = useHandleDisconnect(props.name, 'RelationsField');
205
+ const handleConnect = (relation)=>{
206
+ const [lastItemInList] = relations$1.slice(-1);
207
+ const item = {
208
+ id: relation.id,
209
+ apiData: {
210
+ id: relation.id,
211
+ documentId: relation.documentId,
212
+ locale: relation.locale
213
+ },
214
+ status: relation.status,
215
+ /**
216
+ * If there's a last item, that's the first key we use to generate out next one.
217
+ */ __temp_key__: fractionalIndexing.generateNKeysBetween(lastItemInList?.__temp_key__ ?? null, null, 1)[0],
218
+ // Fallback to `id` if there is no `mainField` value, which will overwrite the above `id` property with the exact same data.
219
+ [props.mainField?.name ?? 'documentId']: relation[props.mainField?.name ?? 'documentId'],
220
+ label: relations.getRelationLabel(relation, props.mainField),
221
+ // @ts-expect-error – targetModel does exist on the attribute, but it's not typed.
222
+ href: `../${index.COLLECTION_TYPES}/${props.attribute.targetModel}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`
223
+ };
224
+ if (ONE_WAY_RELATIONS.includes(props.attribute.relation)) {
225
+ // Remove any existing relation so they can be replaced with the new one
226
+ field.value?.connect?.forEach(handleDisconnect);
227
+ relations$1.forEach(handleDisconnect);
228
+ field.onChange(`${props.name}.connect`, [
229
+ item
230
+ ]);
231
+ } else {
232
+ field.onChange(`${props.name}.connect`, [
233
+ ...field.value?.connect ?? [],
234
+ item
235
+ ]);
236
+ }
237
+ };
238
+ return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
239
+ ref: ref,
240
+ direction: "column",
241
+ gap: 3,
242
+ justifyContent: "space-between",
243
+ alignItems: "stretch",
244
+ wrap: "wrap",
245
+ children: [
246
+ /*#__PURE__*/ jsxRuntime.jsxs(StyledFlex, {
247
+ direction: "column",
248
+ alignItems: "start",
249
+ gap: 2,
250
+ width: "100%",
251
+ children: [
252
+ /*#__PURE__*/ jsxRuntime.jsx(RelationsInput, {
253
+ disabled: isDisabled,
254
+ // NOTE: we should not default to using the documentId if the component is being created (componentUID is undefined)
255
+ id: componentUID ? componentId ? `${componentId}` : '' : documentId,
256
+ label: `${label} ${relationsCount > 0 ? `(${relationsCount})` : ''}`,
257
+ model: model,
258
+ onChange: handleConnect,
259
+ ...props
260
+ }),
261
+ 'pagination' in data && data.pagination && data.pagination.pageCount > data.pagination.page ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextButton, {
262
+ disabled: isFetchingMoreRelations,
263
+ onClick: handleLoadMore,
264
+ loading: isFetchingMoreRelations,
265
+ startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowClockwise, {}),
266
+ // prevent the label from line-wrapping
267
+ shrink: 0,
268
+ children: formatMessage({
269
+ id: index.getTranslation('relation.loadMore'),
270
+ defaultMessage: 'Load More'
271
+ })
272
+ }) : null
273
+ ]
274
+ }),
275
+ /*#__PURE__*/ jsxRuntime.jsx(UnstableRelationsList, {
276
+ data: relations$1,
277
+ serverData: data.results,
278
+ disabled: isDisabled,
279
+ name: props.name,
280
+ isLoading: isFetchingMoreRelations,
281
+ relationType: props.attribute.relation
282
+ })
283
+ ]
284
+ });
285
+ });
286
+ const RelationsField = /*#__PURE__*/ React__namespace.forwardRef(({ disabled, label, ...props }, ref)=>{
287
+ const [currentPage, setCurrentPage] = React__namespace.useState(1);
288
+ const { document, model: documentModel } = index.useDoc();
289
+ const documentId = document?.documentId;
290
+ const { formatMessage } = reactIntl.useIntl();
291
+ const [{ query }] = strapiAdmin.useQueryParams();
292
+ const params = index.buildValidParams(query);
293
+ const isMorph = props.attribute.relation.toLowerCase().includes('morph');
294
+ const isDisabled = isMorph || disabled;
295
+ const { componentId, componentUID } = useComponent('RelationsField', ({ uid, id })=>({
296
+ componentId: id,
297
+ componentUID: uid
298
+ }));
299
+ const isSubmitting = strapiAdmin.useForm('RelationsList', (state)=>state.isSubmitting);
300
+ React__namespace.useEffect(()=>{
301
+ setCurrentPage(1);
302
+ }, [
303
+ isSubmitting
304
+ ]);
305
+ /**
306
+ * We'll always have a documentId in a created entry, so we look for a componentId first.
307
+ * Same with `uid` and `documentModel`.
308
+ */ const id = componentId ? componentId.toString() : documentId;
309
+ const model = componentUID ?? documentModel;
310
+ /**
311
+ * The `name` prop is a complete path to the field, e.g. `field1.field2.field3`.
312
+ * Where the above example would a nested field within two components, however
313
+ * we only require the field on the component not the complete path since we query
314
+ * individual components. Therefore we split the string and take the last item.
315
+ */ const [targetField] = props.name.split('.').slice(-1);
316
+ const { data, isLoading, isFetching } = relations.useGetRelationsQuery({
317
+ model,
318
+ targetField,
319
+ // below we don't run the query if there is no id.
320
+ id: id,
321
+ params: {
322
+ ...params,
323
+ pageSize: RELATIONS_TO_DISPLAY,
324
+ page: currentPage
325
+ }
326
+ }, {
327
+ refetchOnMountOrArgChange: true,
328
+ skip: !id,
329
+ selectFromResult: (result)=>{
330
+ return {
331
+ ...result,
332
+ data: {
333
+ ...result.data,
334
+ results: result.data?.results ? result.data.results : []
335
+ }
336
+ };
337
+ }
338
+ });
339
+ const handleLoadMore = ()=>{
340
+ setCurrentPage((prev)=>prev + 1);
341
+ };
342
+ const field = strapiAdmin.useField(props.name);
343
+ const isFetchingMoreRelations = isLoading || isFetching;
344
+ const realServerRelationsCount = 'pagination' in data && data.pagination ? data.pagination.total : 0;
345
+ /**
346
+ * Items that are already connected, but reordered would be in
347
+ * this list, so to get an accurate figure, we remove them.
348
+ */ const relationsConnected = (field.value?.connect ?? []).filter((rel)=>data.results.findIndex((relation)=>relation.id === rel.id) === -1).length ?? 0;
349
+ const relationsDisconnected = field.value?.disconnect?.length ?? 0;
350
+ const relationsCount = realServerRelationsCount + relationsConnected - relationsDisconnected;
351
+ /**
352
+ * This is it, the source of truth for reordering in conjunction with partial loading & updating
353
+ * of relations. Relations on load are given __temp_key__ when fetched, because we don't want to
354
+ * create brand new keys everytime the data updates, just keep adding them onto the newly loaded ones.
355
+ */ const relations$1 = React__namespace.useMemo(()=>{
356
+ const ctx = {
357
+ field: field.value,
358
+ // @ts-expect-error – targetModel does exist on the attribute. But it's not typed.
359
+ href: `../${index.COLLECTION_TYPES}/${props.attribute.targetModel}`,
360
+ mainField: props.mainField
361
+ };
362
+ /**
363
+ * Tidy up our data.
364
+ */ const transformations = pipe(removeConnected(ctx), removeDisconnected(ctx), addLabelAndHref(ctx));
365
+ const transformedRels = transformations([
366
+ ...data.results
367
+ ]);
368
+ /**
369
+ * THIS IS CRUCIAL. If you don't sort by the __temp_key__ which comes from fractional indexing
370
+ * then the list will be in the wrong order.
371
+ */ return [
372
+ ...transformedRels,
373
+ ...field.value?.connect ?? []
374
+ ].sort((a, b)=>{
375
+ if (a.__temp_key__ < b.__temp_key__) return -1;
376
+ if (a.__temp_key__ > b.__temp_key__) return 1;
377
+ return 0;
378
+ });
379
+ }, [
380
+ data.results,
381
+ field.value,
382
+ // @ts-expect-error – targetModel does exist on the attribute. But it's not typed.
383
+ props.attribute.targetModel,
384
+ props.mainField
385
+ ]);
386
+ const handleDisconnect = useHandleDisconnect(props.name, 'RelationsField');
387
+ const handleConnect = (relation)=>{
388
+ const [lastItemInList] = relations$1.slice(-1);
389
+ const item = {
390
+ id: relation.id,
391
+ apiData: {
392
+ id: relation.id,
393
+ documentId: relation.documentId,
394
+ locale: relation.locale
395
+ },
396
+ status: relation.status,
397
+ /**
398
+ * If there's a last item, that's the first key we use to generate out next one.
399
+ */ __temp_key__: fractionalIndexing.generateNKeysBetween(lastItemInList?.__temp_key__ ?? null, null, 1)[0],
400
+ // Fallback to `id` if there is no `mainField` value, which will overwrite the above `id` property with the exact same data.
401
+ [props.mainField?.name ?? 'documentId']: relation[props.mainField?.name ?? 'documentId'],
402
+ label: relations.getRelationLabel(relation, props.mainField),
403
+ // @ts-expect-error – targetModel does exist on the attribute, but it's not typed.
404
+ href: `../${index.COLLECTION_TYPES}/${props.attribute.targetModel}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`
405
+ };
406
+ if (ONE_WAY_RELATIONS.includes(props.attribute.relation)) {
407
+ // Remove any existing relation so they can be replaced with the new one
408
+ field.value?.connect?.forEach(handleDisconnect);
409
+ relations$1.forEach(handleDisconnect);
410
+ field.onChange(`${props.name}.connect`, [
411
+ item
412
+ ]);
413
+ } else {
414
+ field.onChange(`${props.name}.connect`, [
415
+ ...field.value?.connect ?? [],
416
+ item
417
+ ]);
418
+ }
419
+ };
420
+ return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
421
+ ref: ref,
422
+ direction: "column",
423
+ gap: 3,
424
+ justifyContent: "space-between",
425
+ alignItems: "stretch",
426
+ wrap: "wrap",
427
+ children: [
428
+ /*#__PURE__*/ jsxRuntime.jsxs(StyledFlex, {
429
+ direction: "column",
430
+ alignItems: "start",
431
+ gap: 2,
432
+ width: "100%",
433
+ children: [
434
+ /*#__PURE__*/ jsxRuntime.jsx(RelationsInput, {
435
+ disabled: isDisabled,
436
+ // NOTE: we should not default to using the documentId if the component is being created (componentUID is undefined)
437
+ id: componentUID ? componentId ? `${componentId}` : '' : documentId,
438
+ label: `${label} ${relationsCount > 0 ? `(${relationsCount})` : ''}`,
439
+ model: model,
440
+ onChange: handleConnect,
441
+ ...props
442
+ }),
443
+ 'pagination' in data && data.pagination && data.pagination.pageCount > data.pagination.page ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextButton, {
444
+ disabled: isFetchingMoreRelations,
445
+ onClick: handleLoadMore,
446
+ loading: isFetchingMoreRelations,
447
+ startIcon: /*#__PURE__*/ jsxRuntime.jsx(Icons.ArrowClockwise, {}),
448
+ // prevent the label from line-wrapping
449
+ shrink: 0,
450
+ children: formatMessage({
451
+ id: index.getTranslation('relation.loadMore'),
452
+ defaultMessage: 'Load More'
453
+ })
454
+ }) : null
455
+ ]
456
+ }),
457
+ /*#__PURE__*/ jsxRuntime.jsx(RelationsList, {
458
+ data: relations$1,
459
+ serverData: data.results,
460
+ disabled: isDisabled,
461
+ name: props.name,
462
+ isLoading: isFetchingMoreRelations,
463
+ relationType: props.attribute.relation
464
+ })
465
+ ]
466
+ });
467
+ });
468
+ /**
469
+ * TODO: this can be removed once we stop shipping Inputs with
470
+ * labels wrapped round in DS@2.
471
+ */ const StyledFlex = styledComponents.styled(designSystem.Flex)`
472
+ & > div {
473
+ width: 100%;
474
+ }
475
+ `;
476
+ /**
477
+ * If it's in the connected array, it can get out of our data array,
478
+ * we'll be putting it back in later and sorting it anyway.
479
+ */ const removeConnected = ({ field })=>(relations)=>{
480
+ return relations.filter((relation)=>{
481
+ const connectedRelations = field?.connect ?? [];
482
+ return connectedRelations.findIndex((rel)=>rel.id === relation.id) === -1;
483
+ });
484
+ };
485
+ /**
486
+ * @description Removes relations that are in the `disconnect` array of the field
487
+ */ const removeDisconnected = ({ field })=>(relations)=>relations.filter((relation)=>{
488
+ const disconnectedRelations = field?.disconnect ?? [];
489
+ return disconnectedRelations.findIndex((rel)=>rel.id === relation.id) === -1;
490
+ });
491
+ /**
492
+ * @description Adds a label and href to the relation object we use this to render
493
+ * a better UI where we can link to the relation and display a human-readable label.
494
+ */ const addLabelAndHref = ({ mainField, href })=>(relations$1)=>relations$1.map((relation)=>{
495
+ return {
496
+ ...relation,
497
+ // Fallback to `id` if there is no `mainField` value, which will overwrite the above `documentId` property with the exact same data.
498
+ [mainField?.name ?? 'documentId']: relation[mainField?.name ?? 'documentId'],
499
+ label: relations.getRelationLabel(relation, mainField),
500
+ href: `${href}/${relation.documentId}?${relation.locale ? `plugins[i18n][locale]=${relation.locale}` : ''}`
501
+ };
502
+ });
503
+ /**
504
+ * @description Contains all the logic for the combobox that can search
505
+ * for relations and then add them to the field's connect array.
506
+ */ const RelationsInput = ({ hint, id, model, label, labelAction, name, mainField, placeholder, required, unique: _unique, 'aria-label': _ariaLabel, onChange, ...props })=>{
507
+ const [textValue, setTextValue] = React__namespace.useState('');
508
+ const [searchParams, setSearchParams] = React__namespace.useState({
509
+ _q: '',
510
+ page: 1
511
+ });
512
+ const { toggleNotification } = strapiAdmin.useNotification();
513
+ const [{ query }] = strapiAdmin.useQueryParams();
514
+ const { formatMessage } = reactIntl.useIntl();
515
+ const fieldRef = strapiAdmin.useFocusInputField(name);
516
+ const field = strapiAdmin.useField(name);
517
+ const searchParamsDebounced = relations.useDebounce(searchParams, 300);
518
+ const [searchForTrigger, { data, isLoading }] = relations.useLazySearchRelationsQuery();
519
+ /**
520
+ * Because we're using a lazy query, we need to trigger the search
521
+ * when the component mounts and when the search params change.
522
+ * We also need to trigger the search when the field value changes
523
+ * so that we can filter out the relations that are already connected.
524
+ */ React__namespace.useEffect(()=>{
525
+ /**
526
+ * The `name` prop is a complete path to the field, e.g. `field1.field2.field3`.
527
+ * Where the above example would a nested field within two components, however
528
+ * we only require the field on the component not the complete path since we query
529
+ * individual components. Therefore we split the string and take the last item.
530
+ */ const [targetField] = name.split('.').slice(-1);
531
+ searchForTrigger({
532
+ model,
533
+ targetField,
534
+ params: {
535
+ ...index.buildValidParams(query),
536
+ id: id ?? '',
537
+ pageSize: 10,
538
+ idsToInclude: field.value?.disconnect?.map((rel)=>rel.id.toString()) ?? [],
539
+ idsToOmit: field.value?.connect?.map((rel)=>rel.id.toString()) ?? [],
540
+ ...searchParamsDebounced
541
+ }
542
+ });
543
+ }, [
544
+ field.value?.connect,
545
+ field.value?.disconnect,
546
+ id,
547
+ model,
548
+ name,
549
+ query,
550
+ searchForTrigger,
551
+ searchParamsDebounced
552
+ ]);
553
+ const handleSearch = async (search)=>{
554
+ setSearchParams((s)=>({
555
+ ...s,
556
+ _q: search,
557
+ page: 1
558
+ }));
559
+ };
560
+ const hasNextPage = data?.pagination ? data.pagination.page < data.pagination.pageCount : false;
561
+ const options = data?.results ?? [];
562
+ const handleChange = (relationId)=>{
563
+ if (!relationId) {
564
+ return;
565
+ }
566
+ const relation = options.find((opt)=>opt.id.toString() === relationId);
567
+ if (!relation) {
568
+ // This is very unlikely to happen, but it ensures we don't have any data for.
569
+ console.error("You've tried to add a relation with an id that does not exist in the options you can see, this is likely a bug with Strapi. Please open an issue.");
570
+ toggleNotification({
571
+ message: formatMessage({
572
+ id: index.getTranslation('relation.error-adding-relation'),
573
+ defaultMessage: 'An error occurred while trying to add the relation.'
574
+ }),
575
+ type: 'danger'
576
+ });
577
+ return;
578
+ }
579
+ /**
580
+ * You need to give this relation a correct _temp_key_ but
581
+ * this component doesn't know about those ones, you can't rely
582
+ * on the connect array because that doesn't hold items that haven't
583
+ * moved. So use a callback to fill in the gaps when connecting.
584
+ *
585
+ */ onChange(relation);
586
+ };
587
+ const handleLoadMore = ()=>{
588
+ if (!data || !data.pagination) {
589
+ return;
590
+ } else if (data.pagination.page < data.pagination.pageCount) {
591
+ setSearchParams((s)=>({
592
+ ...s,
593
+ page: s.page + 1
594
+ }));
595
+ }
596
+ };
597
+ React__namespace.useLayoutEffect(()=>{
598
+ setTextValue('');
599
+ }, [
600
+ field.value
601
+ ]);
602
+ return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
603
+ error: field.error,
604
+ hint: hint,
605
+ name: name,
606
+ required: required,
607
+ children: [
608
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
609
+ action: labelAction,
610
+ children: label
611
+ }),
612
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Combobox, {
613
+ ref: fieldRef,
614
+ name: name,
615
+ autocomplete: "list",
616
+ placeholder: placeholder || formatMessage({
617
+ id: index.getTranslation('relation.add'),
618
+ defaultMessage: 'Add relation'
619
+ }),
620
+ hasMoreItems: hasNextPage,
621
+ loading: isLoading,
622
+ onOpenChange: ()=>{
623
+ handleSearch(textValue ?? '');
624
+ },
625
+ noOptionsMessage: ()=>formatMessage({
626
+ id: index.getTranslation('relation.notAvailable'),
627
+ defaultMessage: 'No relations available'
628
+ }),
629
+ loadingMessage: formatMessage({
630
+ id: index.getTranslation('relation.isLoading'),
631
+ defaultMessage: 'Relations are loading'
632
+ }),
633
+ onLoadMore: handleLoadMore,
634
+ textValue: textValue,
635
+ onChange: handleChange,
636
+ onTextValueChange: (text)=>{
637
+ setTextValue(text);
638
+ },
639
+ onInputChange: (event)=>{
640
+ handleSearch(event.currentTarget.value);
641
+ },
642
+ ...props,
643
+ children: options.map((opt)=>{
644
+ const textValue = relations.getRelationLabel(opt, mainField);
645
+ return /*#__PURE__*/ jsxRuntime.jsx(designSystem.ComboboxOption, {
646
+ value: opt.id.toString(),
647
+ textValue: textValue,
648
+ children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
649
+ gap: 2,
650
+ justifyContent: "space-between",
651
+ children: [
652
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
653
+ ellipsis: true,
654
+ children: textValue
655
+ }),
656
+ opt.status ? /*#__PURE__*/ jsxRuntime.jsx(index.DocumentStatus, {
657
+ status: opt.status
658
+ }) : null
659
+ ]
660
+ })
661
+ }, opt.id);
662
+ })
663
+ }),
664
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {}),
665
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
666
+ ]
667
+ });
668
+ };
669
+ /* -------------------------------------------------------------------------------------------------
670
+ * RelationsList
671
+ * -----------------------------------------------------------------------------------------------*/ const RELATION_ITEM_HEIGHT = 50;
672
+ const RELATION_GUTTER = 4;
673
+ const UnstableRelationsList = ({ data, serverData, disabled, name, isLoading, relationType })=>{
674
+ const ariaDescriptionId = React__namespace.useId();
675
+ const { formatMessage } = reactIntl.useIntl();
676
+ const listRef = React__namespace.useRef(null);
677
+ const outerListRef = React__namespace.useRef(null);
678
+ const [overflow, setOverflow] = React__namespace.useState();
679
+ const [liveText, setLiveText] = React__namespace.useState('');
680
+ const field = strapiAdmin.useField(name);
681
+ React__namespace.useEffect(()=>{
682
+ if (data.length <= RELATIONS_TO_DISPLAY) {
683
+ return setOverflow(undefined);
684
+ }
685
+ const handleNativeScroll = (e)=>{
686
+ const el = e.target;
687
+ const parentScrollContainerHeight = el.parentNode.scrollHeight;
688
+ const maxScrollBottom = el.scrollHeight - el.scrollTop;
689
+ if (el.scrollTop === 0) {
690
+ return setOverflow('bottom');
691
+ }
692
+ if (maxScrollBottom === parentScrollContainerHeight) {
693
+ return setOverflow('top');
694
+ }
695
+ return setOverflow('top-bottom');
696
+ };
697
+ const outerListRefCurrent = outerListRef?.current;
698
+ if (!isLoading && data.length > 0 && outerListRefCurrent) {
699
+ outerListRef.current.addEventListener('scroll', handleNativeScroll);
700
+ }
701
+ return ()=>{
702
+ if (outerListRefCurrent) {
703
+ outerListRefCurrent.removeEventListener('scroll', handleNativeScroll);
704
+ }
705
+ };
706
+ }, [
707
+ isLoading,
708
+ data.length
709
+ ]);
710
+ const getItemPos = (index)=>`${index + 1} of ${data.length}`;
711
+ const handleMoveItem = (newIndex, oldIndex)=>{
712
+ const item = data[oldIndex];
713
+ setLiveText(formatMessage({
714
+ id: index.getTranslation('dnd.reorder'),
715
+ defaultMessage: '{item}, moved. New position in list: {position}.'
716
+ }, {
717
+ item: item.label ?? item.documentId,
718
+ position: getItemPos(newIndex)
719
+ }));
720
+ /**
721
+ * Splicing mutates the array, so we need to create a new array
722
+ */ const newData = [
723
+ ...data
724
+ ];
725
+ const currentRow = data[oldIndex];
726
+ const startKey = oldIndex > newIndex ? newData[newIndex - 1]?.__temp_key__ : newData[newIndex]?.__temp_key__;
727
+ const endKey = oldIndex > newIndex ? newData[newIndex]?.__temp_key__ : newData[newIndex + 1]?.__temp_key__;
728
+ /**
729
+ * We're moving the relation between two other relations, so
730
+ * we need to generate a new key that keeps the order
731
+ */ const [newKey] = fractionalIndexing.generateNKeysBetween(startKey, endKey, 1);
732
+ newData.splice(oldIndex, 1);
733
+ newData.splice(newIndex, 0, {
734
+ ...currentRow,
735
+ __temp_key__: newKey
736
+ });
737
+ /**
738
+ * Now we diff against the server to understand what's different so we
739
+ * can keep the connect array nice and tidy. It also needs reversing because
740
+ * we reverse the relations from the server in the first place.
741
+ */ const connectedRelations = newData.reduce((acc, relation, currentIndex, array)=>{
742
+ const relationOnServer = serverData.find((oldRelation)=>oldRelation.id === relation.id);
743
+ const relationInFront = array[currentIndex + 1];
744
+ if (!relationOnServer || relationOnServer.__temp_key__ !== relation.__temp_key__) {
745
+ const position = relationInFront ? {
746
+ before: relationInFront.documentId,
747
+ locale: relationInFront.locale,
748
+ status: 'publishedAt' in relationInFront && relationInFront.publishedAt ? 'published' : 'draft'
749
+ } : {
750
+ end: true
751
+ };
752
+ const relationWithPosition = {
753
+ ...relation,
754
+ ...{
755
+ apiData: {
756
+ id: relation.id,
757
+ documentId: relation.documentId,
758
+ locale: relation.locale,
759
+ position
760
+ }
761
+ }
762
+ };
763
+ return [
764
+ ...acc,
765
+ relationWithPosition
766
+ ];
767
+ }
768
+ return acc;
769
+ }, []).toReversed();
770
+ field.onChange(`${name}.connect`, connectedRelations);
771
+ };
772
+ const handleGrabItem = (index$1)=>{
773
+ const item = data[index$1];
774
+ setLiveText(formatMessage({
775
+ id: index.getTranslation('dnd.grab-item'),
776
+ defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`
777
+ }, {
778
+ item: item.label ?? item.documentId,
779
+ position: getItemPos(index$1)
780
+ }));
781
+ };
782
+ const handleDropItem = (index$1)=>{
783
+ const { href: _href, label, ...item } = data[index$1];
784
+ setLiveText(formatMessage({
785
+ id: index.getTranslation('dnd.drop-item'),
786
+ defaultMessage: `{item}, dropped. Final position in list: {position}.`
787
+ }, {
788
+ item: label ?? item.documentId,
789
+ position: getItemPos(index$1)
790
+ }));
791
+ };
792
+ const handleCancel = (index$1)=>{
793
+ const item = data[index$1];
794
+ setLiveText(formatMessage({
795
+ id: index.getTranslation('dnd.cancel-item'),
796
+ defaultMessage: '{item}, dropped. Re-order cancelled.'
797
+ }, {
798
+ item: item.label ?? item.documentId
799
+ }));
800
+ };
801
+ const handleDisconnect = useHandleDisconnect(name, 'RelationsList');
802
+ /**
803
+ * These relation types will only ever have one item
804
+ * in their list, so you can't reorder a single item!
805
+ */ const canReorder = !ONE_WAY_RELATIONS.includes(relationType);
806
+ 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);
807
+ return /*#__PURE__*/ jsxRuntime.jsxs(ShadowBox, {
808
+ $overflowDirection: overflow,
809
+ children: [
810
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
811
+ id: ariaDescriptionId,
812
+ children: formatMessage({
813
+ id: index.getTranslation('dnd.instructions'),
814
+ defaultMessage: `Press spacebar to grab and re-order`
815
+ })
816
+ }),
817
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
818
+ "aria-live": "assertive",
819
+ children: liveText
820
+ }),
821
+ /*#__PURE__*/ jsxRuntime.jsx(reactWindow.FixedSizeList, {
822
+ height: dynamicListHeight,
823
+ ref: listRef,
824
+ outerRef: outerListRef,
825
+ itemCount: data.length,
826
+ itemSize: RELATION_ITEM_HEIGHT + RELATION_GUTTER,
827
+ itemData: {
828
+ ariaDescribedBy: ariaDescriptionId,
829
+ canDrag: canReorder,
830
+ disabled,
831
+ handleCancel,
832
+ handleDropItem,
833
+ handleGrabItem,
834
+ handleMoveItem,
835
+ name,
836
+ handleDisconnect,
837
+ relations: data
838
+ },
839
+ itemKey: (index)=>data[index].id,
840
+ innerElementType: "ol",
841
+ children: UnstableListItem
842
+ })
843
+ ]
844
+ });
845
+ };
846
+ const RelationsList = ({ data, serverData, disabled, name, isLoading, relationType })=>{
847
+ const ariaDescriptionId = React__namespace.useId();
848
+ const { formatMessage } = reactIntl.useIntl();
849
+ const listRef = React__namespace.useRef(null);
850
+ const outerListRef = React__namespace.useRef(null);
851
+ const [overflow, setOverflow] = React__namespace.useState();
852
+ const [liveText, setLiveText] = React__namespace.useState('');
853
+ const field = strapiAdmin.useField(name);
854
+ React__namespace.useEffect(()=>{
855
+ if (data.length <= RELATIONS_TO_DISPLAY) {
856
+ return setOverflow(undefined);
857
+ }
858
+ const handleNativeScroll = (e)=>{
859
+ const el = e.target;
860
+ const parentScrollContainerHeight = el.parentNode.scrollHeight;
861
+ const maxScrollBottom = el.scrollHeight - el.scrollTop;
862
+ if (el.scrollTop === 0) {
863
+ return setOverflow('bottom');
864
+ }
865
+ if (maxScrollBottom === parentScrollContainerHeight) {
866
+ return setOverflow('top');
867
+ }
868
+ return setOverflow('top-bottom');
869
+ };
870
+ const outerListRefCurrent = outerListRef?.current;
871
+ if (!isLoading && data.length > 0 && outerListRefCurrent) {
872
+ outerListRef.current.addEventListener('scroll', handleNativeScroll);
873
+ }
874
+ return ()=>{
875
+ if (outerListRefCurrent) {
876
+ outerListRefCurrent.removeEventListener('scroll', handleNativeScroll);
877
+ }
878
+ };
879
+ }, [
880
+ isLoading,
881
+ data.length
882
+ ]);
883
+ const getItemPos = (index)=>`${index + 1} of ${data.length}`;
884
+ const handleMoveItem = (newIndex, oldIndex)=>{
885
+ const item = data[oldIndex];
886
+ setLiveText(formatMessage({
887
+ id: index.getTranslation('dnd.reorder'),
888
+ defaultMessage: '{item}, moved. New position in list: {position}.'
889
+ }, {
890
+ item: item.label ?? item.documentId,
891
+ position: getItemPos(newIndex)
892
+ }));
893
+ /**
894
+ * Splicing mutates the array, so we need to create a new array
895
+ */ const newData = [
896
+ ...data
897
+ ];
898
+ const currentRow = data[oldIndex];
899
+ const startKey = oldIndex > newIndex ? newData[newIndex - 1]?.__temp_key__ : newData[newIndex]?.__temp_key__;
900
+ const endKey = oldIndex > newIndex ? newData[newIndex]?.__temp_key__ : newData[newIndex + 1]?.__temp_key__;
901
+ /**
902
+ * We're moving the relation between two other relations, so
903
+ * we need to generate a new key that keeps the order
904
+ */ const [newKey] = fractionalIndexing.generateNKeysBetween(startKey, endKey, 1);
905
+ newData.splice(oldIndex, 1);
906
+ newData.splice(newIndex, 0, {
907
+ ...currentRow,
908
+ __temp_key__: newKey
909
+ });
910
+ /**
911
+ * Now we diff against the server to understand what's different so we
912
+ * can keep the connect array nice and tidy. It also needs reversing because
913
+ * we reverse the relations from the server in the first place.
914
+ */ const connectedRelations = newData.reduce((acc, relation, currentIndex, array)=>{
915
+ const relationOnServer = serverData.find((oldRelation)=>oldRelation.id === relation.id);
916
+ const relationInFront = array[currentIndex + 1];
917
+ if (!relationOnServer || relationOnServer.__temp_key__ !== relation.__temp_key__) {
918
+ const position = relationInFront ? {
919
+ before: relationInFront.documentId,
920
+ locale: relationInFront.locale,
921
+ status: 'publishedAt' in relationInFront && relationInFront.publishedAt ? 'published' : 'draft'
922
+ } : {
923
+ end: true
924
+ };
925
+ const relationWithPosition = {
926
+ ...relation,
927
+ ...{
928
+ apiData: {
929
+ id: relation.id,
930
+ documentId: relation.documentId,
931
+ locale: relation.locale,
932
+ position
933
+ }
934
+ }
935
+ };
936
+ return [
937
+ ...acc,
938
+ relationWithPosition
939
+ ];
940
+ }
941
+ return acc;
942
+ }, []).toReversed();
943
+ field.onChange(`${name}.connect`, connectedRelations);
944
+ };
945
+ const handleGrabItem = (index$1)=>{
946
+ const item = data[index$1];
947
+ setLiveText(formatMessage({
948
+ id: index.getTranslation('dnd.grab-item'),
949
+ defaultMessage: `{item}, grabbed. Current position in list: {position}. Press up and down arrow to change position, Spacebar to drop, Escape to cancel.`
950
+ }, {
951
+ item: item.label ?? item.documentId,
952
+ position: getItemPos(index$1)
953
+ }));
954
+ };
955
+ const handleDropItem = (index$1)=>{
956
+ const { href: _href, label, ...item } = data[index$1];
957
+ setLiveText(formatMessage({
958
+ id: index.getTranslation('dnd.drop-item'),
959
+ defaultMessage: `{item}, dropped. Final position in list: {position}.`
960
+ }, {
961
+ item: label ?? item.documentId,
962
+ position: getItemPos(index$1)
963
+ }));
964
+ };
965
+ const handleCancel = (index$1)=>{
966
+ const item = data[index$1];
967
+ setLiveText(formatMessage({
968
+ id: index.getTranslation('dnd.cancel-item'),
969
+ defaultMessage: '{item}, dropped. Re-order cancelled.'
970
+ }, {
971
+ item: item.label ?? item.documentId
972
+ }));
973
+ };
974
+ const handleDisconnect = useHandleDisconnect(name, 'RelationsList');
975
+ /**
976
+ * These relation types will only ever have one item
977
+ * in their list, so you can't reorder a single item!
978
+ */ const canReorder = !ONE_WAY_RELATIONS.includes(relationType);
979
+ 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);
980
+ return /*#__PURE__*/ jsxRuntime.jsxs(ShadowBox, {
981
+ $overflowDirection: overflow,
982
+ children: [
983
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
984
+ id: ariaDescriptionId,
985
+ children: formatMessage({
986
+ id: index.getTranslation('dnd.instructions'),
987
+ defaultMessage: `Press spacebar to grab and re-order`
988
+ })
989
+ }),
990
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
991
+ "aria-live": "assertive",
992
+ children: liveText
993
+ }),
994
+ /*#__PURE__*/ jsxRuntime.jsx(reactWindow.FixedSizeList, {
995
+ height: dynamicListHeight,
996
+ ref: listRef,
997
+ outerRef: outerListRef,
998
+ itemCount: data.length,
999
+ itemSize: RELATION_ITEM_HEIGHT + RELATION_GUTTER,
1000
+ itemData: {
1001
+ ariaDescribedBy: ariaDescriptionId,
1002
+ canDrag: canReorder,
1003
+ disabled,
1004
+ handleCancel,
1005
+ handleDropItem,
1006
+ handleGrabItem,
1007
+ handleMoveItem,
1008
+ name,
1009
+ handleDisconnect,
1010
+ relations: data
1011
+ },
1012
+ itemKey: (index)=>data[index].id,
1013
+ innerElementType: "ol",
1014
+ children: ListItem
1015
+ })
1016
+ ]
1017
+ });
1018
+ };
1019
+ const ShadowBox = styledComponents.styled(designSystem.Box)`
1020
+ position: relative;
1021
+ overflow: hidden;
1022
+ flex: 1;
1023
+
1024
+ &:before,
1025
+ &:after {
1026
+ position: absolute;
1027
+ width: 100%;
1028
+ height: 4px;
1029
+ z-index: 1;
1030
+ }
1031
+
1032
+ &:before {
1033
+ /* TODO: as for DS Table component we would need this to be handled by the DS theme */
1034
+ content: '';
1035
+ background: linear-gradient(rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
1036
+ top: 0;
1037
+ opacity: ${({ $overflowDirection })=>$overflowDirection === 'top-bottom' || $overflowDirection === 'top' ? 1 : 0};
1038
+ transition: opacity 0.2s ease-in-out;
1039
+ }
1040
+
1041
+ &:after {
1042
+ /* TODO: as for DS Table component we would need this to be handled by the DS theme */
1043
+ content: '';
1044
+ background: linear-gradient(0deg, rgba(3, 3, 5, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
1045
+ bottom: 0;
1046
+ opacity: ${({ $overflowDirection })=>$overflowDirection === 'top-bottom' || $overflowDirection === 'bottom' ? 1 : 0};
1047
+ transition: opacity 0.2s ease-in-out;
1048
+ }
1049
+ `;
1050
+ const CustomTextButton = styledComponents.styled(designSystem.TextButton)`
1051
+ & > span {
1052
+ font-size: ${({ theme })=>theme.fontSizes[2]};
1053
+ }
1054
+ `;
1055
+ const UnstableListItem = ({ data, index: index$1, style })=>{
1056
+ const { ariaDescribedBy, canDrag = false, disabled = false, handleCancel, handleDisconnect, handleDropItem, handleGrabItem, handleMoveItem, name, relations } = data;
1057
+ const { formatMessage } = reactIntl.useIntl();
1058
+ const { id, label, status } = relations[index$1];
1059
+ const [{ handlerId, isDragging, handleKeyDown }, relationRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop.useDragAndDrop(canDrag && !disabled, {
1060
+ type: `${useDragAndDrop.ItemTypes.RELATION}_${name}`,
1061
+ index: index$1,
1062
+ item: {
1063
+ displayedValue: label,
1064
+ status,
1065
+ id: id,
1066
+ index: index$1
1067
+ },
1068
+ onMoveItem: handleMoveItem,
1069
+ onDropItem: handleDropItem,
1070
+ onGrabItem: handleGrabItem,
1071
+ onCancel: handleCancel,
1072
+ dropSensitivity: useDragAndDrop.DROP_SENSITIVITY.REGULAR
1073
+ });
1074
+ const composedRefs = designSystem.useComposedRefs(relationRef, dragRef);
1075
+ React__namespace.useEffect(()=>{
1076
+ dragPreviewRef(reactDndHtml5Backend.getEmptyImage());
1077
+ }, [
1078
+ dragPreviewRef
1079
+ ]);
1080
+ return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
1081
+ style: style,
1082
+ tag: "li",
1083
+ ref: dropRef,
1084
+ "aria-describedby": ariaDescribedBy,
1085
+ cursor: canDrag ? 'all-scroll' : 'default',
1086
+ children: isDragging ? /*#__PURE__*/ jsxRuntime.jsx(RelationItemPlaceholder, {}) : /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
1087
+ paddingTop: 2,
1088
+ paddingBottom: 2,
1089
+ paddingLeft: canDrag ? 2 : 4,
1090
+ paddingRight: 4,
1091
+ hasRadius: true,
1092
+ borderColor: "neutral200",
1093
+ background: disabled ? 'neutral150' : 'neutral0',
1094
+ justifyContent: "space-between",
1095
+ ref: composedRefs,
1096
+ "data-handler-id": handlerId,
1097
+ children: [
1098
+ /*#__PURE__*/ jsxRuntime.jsxs(FlexWrapper, {
1099
+ gap: 1,
1100
+ children: [
1101
+ canDrag ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
1102
+ tag: "div",
1103
+ role: "button",
1104
+ tabIndex: 0,
1105
+ withTooltip: false,
1106
+ label: formatMessage({
1107
+ id: index.getTranslation('components.RelationInput.icon-button-aria-label'),
1108
+ defaultMessage: 'Drag'
1109
+ }),
1110
+ variant: "ghost",
1111
+ onKeyDown: handleKeyDown,
1112
+ disabled: disabled,
1113
+ children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Drag, {})
1114
+ }) : null,
1115
+ /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
1116
+ width: "100%",
1117
+ minWidth: 0,
1118
+ justifyContent: "space-between",
1119
+ children: [
1120
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
1121
+ minWidth: 0,
1122
+ paddingTop: 1,
1123
+ paddingBottom: 1,
1124
+ paddingRight: 4,
1125
+ children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
1126
+ description: label,
1127
+ children: /*#__PURE__*/ jsxRuntime.jsx(CustomTextButton, {
1128
+ onClick: ()=>console.log('OPEN MODAL'),
1129
+ children: label
1130
+ })
1131
+ })
1132
+ }),
1133
+ status ? /*#__PURE__*/ jsxRuntime.jsx(index.DocumentStatus, {
1134
+ status: status
1135
+ }) : null
1136
+ ]
1137
+ })
1138
+ ]
1139
+ }),
1140
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
1141
+ paddingLeft: 4,
1142
+ children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
1143
+ onClick: ()=>handleDisconnect(relations[index$1]),
1144
+ disabled: disabled,
1145
+ label: formatMessage({
1146
+ id: index.getTranslation('relation.disconnect'),
1147
+ defaultMessage: 'Remove'
1148
+ }),
1149
+ variant: "ghost",
1150
+ size: "S",
1151
+ children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
1152
+ })
1153
+ })
1154
+ ]
1155
+ })
1156
+ });
1157
+ };
1158
+ const ListItem = ({ data, index: index$1, style })=>{
1159
+ const { ariaDescribedBy, canDrag = false, disabled = false, handleCancel, handleDisconnect, handleDropItem, handleGrabItem, handleMoveItem, name, relations } = data;
1160
+ const { formatMessage } = reactIntl.useIntl();
1161
+ const { href, id, label, status } = relations[index$1];
1162
+ const [{ handlerId, isDragging, handleKeyDown }, relationRef, dropRef, dragRef, dragPreviewRef] = useDragAndDrop.useDragAndDrop(canDrag && !disabled, {
1163
+ type: `${useDragAndDrop.ItemTypes.RELATION}_${name}`,
1164
+ index: index$1,
1165
+ item: {
1166
+ displayedValue: label,
1167
+ status,
1168
+ id: id,
1169
+ index: index$1
1170
+ },
1171
+ onMoveItem: handleMoveItem,
1172
+ onDropItem: handleDropItem,
1173
+ onGrabItem: handleGrabItem,
1174
+ onCancel: handleCancel,
1175
+ dropSensitivity: useDragAndDrop.DROP_SENSITIVITY.REGULAR
1176
+ });
1177
+ const composedRefs = designSystem.useComposedRefs(relationRef, dragRef);
1178
+ React__namespace.useEffect(()=>{
1179
+ dragPreviewRef(reactDndHtml5Backend.getEmptyImage());
1180
+ }, [
1181
+ dragPreviewRef
1182
+ ]);
1183
+ return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
1184
+ style: style,
1185
+ tag: "li",
1186
+ ref: dropRef,
1187
+ "aria-describedby": ariaDescribedBy,
1188
+ cursor: canDrag ? 'all-scroll' : 'default',
1189
+ children: isDragging ? /*#__PURE__*/ jsxRuntime.jsx(RelationItemPlaceholder, {}) : /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
1190
+ paddingTop: 2,
1191
+ paddingBottom: 2,
1192
+ paddingLeft: canDrag ? 2 : 4,
1193
+ paddingRight: 4,
1194
+ hasRadius: true,
1195
+ borderColor: "neutral200",
1196
+ background: disabled ? 'neutral150' : 'neutral0',
1197
+ justifyContent: "space-between",
1198
+ ref: composedRefs,
1199
+ "data-handler-id": handlerId,
1200
+ children: [
1201
+ /*#__PURE__*/ jsxRuntime.jsxs(FlexWrapper, {
1202
+ gap: 1,
1203
+ children: [
1204
+ canDrag ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
1205
+ tag: "div",
1206
+ role: "button",
1207
+ tabIndex: 0,
1208
+ withTooltip: false,
1209
+ label: formatMessage({
1210
+ id: index.getTranslation('components.RelationInput.icon-button-aria-label'),
1211
+ defaultMessage: 'Drag'
1212
+ }),
1213
+ variant: "ghost",
1214
+ onKeyDown: handleKeyDown,
1215
+ disabled: disabled,
1216
+ children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Drag, {})
1217
+ }) : null,
1218
+ /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
1219
+ width: "100%",
1220
+ minWidth: 0,
1221
+ justifyContent: "space-between",
1222
+ children: [
1223
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
1224
+ minWidth: 0,
1225
+ paddingTop: 1,
1226
+ paddingBottom: 1,
1227
+ paddingRight: 4,
1228
+ children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
1229
+ description: label,
1230
+ children: href ? /*#__PURE__*/ jsxRuntime.jsx(LinkEllipsis, {
1231
+ tag: reactRouterDom.NavLink,
1232
+ to: href,
1233
+ isExternal: false,
1234
+ children: label
1235
+ }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
1236
+ textColor: disabled ? 'neutral600' : 'primary600',
1237
+ ellipsis: true,
1238
+ children: label
1239
+ })
1240
+ })
1241
+ }),
1242
+ status ? /*#__PURE__*/ jsxRuntime.jsx(index.DocumentStatus, {
1243
+ status: status
1244
+ }) : null
1245
+ ]
1246
+ })
1247
+ ]
1248
+ }),
1249
+ /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
1250
+ paddingLeft: 4,
1251
+ children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
1252
+ onClick: ()=>handleDisconnect(relations[index$1]),
1253
+ disabled: disabled,
1254
+ label: formatMessage({
1255
+ id: index.getTranslation('relation.disconnect'),
1256
+ defaultMessage: 'Remove'
1257
+ }),
1258
+ variant: "ghost",
1259
+ size: "S",
1260
+ children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
1261
+ })
1262
+ })
1263
+ ]
1264
+ })
1265
+ });
1266
+ };
1267
+ const FlexWrapper = styledComponents.styled(designSystem.Flex)`
1268
+ width: 100%;
1269
+ /* Used to prevent endAction to be pushed out of container */
1270
+ min-width: 0;
1271
+
1272
+ & > div[role='button'] {
1273
+ cursor: all-scroll;
1274
+ }
1275
+ `;
1276
+ const DisconnectButton = styledComponents.styled.button`
1277
+ svg path {
1278
+ fill: ${({ theme, disabled })=>disabled ? theme.colors.neutral600 : theme.colors.neutral500};
1279
+ }
1280
+
1281
+ &:hover svg path,
1282
+ &:focus svg path {
1283
+ fill: ${({ theme, disabled })=>!disabled && theme.colors.neutral600};
1284
+ }
1285
+ `;
1286
+ const LinkEllipsis = styledComponents.styled(designSystem.Link)`
1287
+ display: block;
1288
+
1289
+ & > span {
1290
+ white-space: nowrap;
1291
+ overflow: hidden;
1292
+ text-overflow: ellipsis;
1293
+ display: block;
1294
+ }
1295
+ `;
1296
+ const RelationItemPlaceholder = ()=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
1297
+ paddingTop: 2,
1298
+ paddingBottom: 2,
1299
+ paddingLeft: 4,
1300
+ paddingRight: 4,
1301
+ hasRadius: true,
1302
+ borderStyle: "dashed",
1303
+ borderColor: "primary600",
1304
+ borderWidth: "1px",
1305
+ background: "primary100",
1306
+ height: `calc(100% - ${RELATION_GUTTER}px)`
1307
+ });
1308
+ const MemoizedRelationsField = /*#__PURE__*/ React__namespace.memo(RelationsField);
1309
+ const MemoizedUnstableRelationsField = /*#__PURE__*/ React__namespace.memo(UnstableRelationsField);
1310
+
1311
+ exports.ComponentProvider = ComponentProvider;
1312
+ exports.DisconnectButton = DisconnectButton;
1313
+ exports.FlexWrapper = FlexWrapper;
1314
+ exports.LinkEllipsis = LinkEllipsis;
1315
+ exports.MemoizedRelationsField = MemoizedRelationsField;
1316
+ exports.MemoizedUnstableRelationsField = MemoizedUnstableRelationsField;
1317
+ exports.useComponent = useComponent;
1318
+ //# sourceMappingURL=Relations-o7_hVGyK.js.map