@wix/patterns-fields 1.115.0 → 1.117.0

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 (447) hide show
  1. package/dist/cjs/assets/locale/messages_ar.json +2 -0
  2. package/dist/cjs/assets/locale/messages_bg.json +2 -0
  3. package/dist/cjs/assets/locale/messages_ca.json +2 -0
  4. package/dist/cjs/assets/locale/messages_cs.json +2 -0
  5. package/dist/cjs/assets/locale/messages_da.json +2 -0
  6. package/dist/cjs/assets/locale/messages_de.json +2 -0
  7. package/dist/cjs/assets/locale/messages_el.json +2 -0
  8. package/dist/cjs/assets/locale/messages_en.json +2 -0
  9. package/dist/cjs/assets/locale/messages_es.json +2 -0
  10. package/dist/cjs/assets/locale/messages_fi.json +2 -0
  11. package/dist/cjs/assets/locale/messages_fr.json +2 -0
  12. package/dist/cjs/assets/locale/messages_he.json +2 -0
  13. package/dist/cjs/assets/locale/messages_hi.json +2 -0
  14. package/dist/cjs/assets/locale/messages_hu.json +2 -0
  15. package/dist/cjs/assets/locale/messages_id.json +2 -0
  16. package/dist/cjs/assets/locale/messages_it.json +2 -0
  17. package/dist/cjs/assets/locale/messages_ja.json +2 -0
  18. package/dist/cjs/assets/locale/messages_ko.json +2 -0
  19. package/dist/cjs/assets/locale/messages_lt.json +2 -0
  20. package/dist/cjs/assets/locale/messages_ms.json +2 -0
  21. package/dist/cjs/assets/locale/messages_nl.json +2 -0
  22. package/dist/cjs/assets/locale/messages_no.json +2 -0
  23. package/dist/cjs/assets/locale/messages_pl.json +2 -0
  24. package/dist/cjs/assets/locale/messages_pt.json +2 -0
  25. package/dist/cjs/assets/locale/messages_ro.json +2 -0
  26. package/dist/cjs/assets/locale/messages_ru.json +2 -0
  27. package/dist/cjs/assets/locale/messages_sk.json +2 -0
  28. package/dist/cjs/assets/locale/messages_sl.json +2 -0
  29. package/dist/cjs/assets/locale/messages_sv.json +2 -0
  30. package/dist/cjs/assets/locale/messages_th.json +2 -0
  31. package/dist/cjs/assets/locale/messages_tl.json +2 -0
  32. package/dist/cjs/assets/locale/messages_tr.json +2 -0
  33. package/dist/cjs/assets/locale/messages_uk.json +2 -0
  34. package/dist/cjs/assets/locale/messages_vi.json +2 -0
  35. package/dist/cjs/assets/locale/messages_zh.json +2 -0
  36. package/dist/cjs/assets/locale/version_file +1 -1
  37. package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
  38. package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
  39. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
  40. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
  41. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
  42. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
  43. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
  44. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
  45. package/dist/cjs/components/audio/cell-audio-edit.js +10 -11
  46. package/dist/cjs/components/audio/cell-audio-edit.js.map +1 -1
  47. package/dist/cjs/components/color-view/cell-color-view.st.css.js +3 -3
  48. package/dist/cjs/components/color-view/cell-color-view.st.css.js.map +1 -1
  49. package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
  50. package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
  51. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
  52. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
  53. package/dist/cjs/components/document/cell-document-edit.js +25 -26
  54. package/dist/cjs/components/document/cell-document-edit.js.map +1 -1
  55. package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
  56. package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
  57. package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
  58. package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
  59. package/dist/cjs/components/field-validation-settings/field-validation-settings-input.st.css.js +3 -3
  60. package/dist/cjs/components/field-validation-settings/field-validation-settings-input.st.css.js.map +1 -1
  61. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
  62. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
  63. package/dist/cjs/components/image/cell-image-edit.js +22 -23
  64. package/dist/cjs/components/image/cell-image-edit.js.map +1 -1
  65. package/dist/cjs/components/image/image-preview-popover.js +77 -0
  66. package/dist/cjs/components/image/image-preview-popover.js.map +1 -0
  67. package/dist/cjs/components/image/image-thumbnail.js +14 -12
  68. package/dist/cjs/components/image/image-thumbnail.js.map +1 -1
  69. package/dist/cjs/components/image/image-view.js +9 -57
  70. package/dist/cjs/components/image/image-view.js.map +1 -1
  71. package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +3 -3
  72. package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
  73. package/dist/cjs/components/index.js +6 -0
  74. package/dist/cjs/components/index.js.map +1 -1
  75. package/dist/cjs/components/media-control/cell-media-edit-shell.js +19 -31
  76. package/dist/cjs/components/media-control/cell-media-edit-shell.js.map +1 -1
  77. package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +2 -2
  78. package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
  79. package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
  80. package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
  81. package/dist/cjs/components/media-control/use-cell-media-edit.js +51 -23
  82. package/dist/cjs/components/media-control/use-cell-media-edit.js.map +1 -1
  83. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
  84. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
  85. package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
  86. package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
  87. package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
  88. package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
  89. package/dist/cjs/components/media-image-field/cell-media-image-edit.js +530 -0
  90. package/dist/cjs/components/media-image-field/cell-media-image-edit.js.map +1 -0
  91. package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css +63 -0
  92. package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css.js +33 -0
  93. package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css.js.map +1 -0
  94. package/dist/cjs/components/media-image-field/form-media-image-field.js +180 -0
  95. package/dist/cjs/components/media-image-field/form-media-image-field.js.map +1 -0
  96. package/dist/cjs/components/media-image-field/form-media-image-field.uni.driver.js +34 -0
  97. package/dist/cjs/components/media-image-field/form-media-image-field.uni.driver.js.map +1 -0
  98. package/dist/cjs/components/media-image-field/form-media-image-input.js +64 -0
  99. package/dist/cjs/components/media-image-field/form-media-image-input.js.map +1 -0
  100. package/dist/cjs/components/media-image-field/index.js +28 -0
  101. package/dist/cjs/components/media-image-field/index.js.map +1 -0
  102. package/dist/cjs/components/media-image-field/media-image-view.js +114 -0
  103. package/dist/cjs/components/media-image-field/media-image-view.js.map +1 -0
  104. package/dist/cjs/components/media-image-field/media-image-view.st.css +16 -0
  105. package/dist/cjs/components/media-image-field/media-image-view.st.css.js +27 -0
  106. package/dist/cjs/components/media-image-field/media-image-view.st.css.js.map +1 -0
  107. package/dist/cjs/components/media-image-field/media-image-view.uni.driver.js +18 -0
  108. package/dist/cjs/components/media-image-field/media-image-view.uni.driver.js.map +1 -0
  109. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  110. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
  111. package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js +3 -3
  112. package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
  113. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
  114. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
  115. package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
  116. package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
  117. package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
  118. package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
  119. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
  120. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
  121. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
  122. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
  123. package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  124. package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
  125. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
  126. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
  127. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
  128. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
  129. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  130. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
  131. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
  132. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
  133. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +5 -5
  134. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
  135. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
  136. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
  137. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
  138. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
  139. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
  140. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
  141. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
  142. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
  143. package/dist/cjs/components/text/cell-text-input.js +43 -27
  144. package/dist/cjs/components/text/cell-text-input.js.map +1 -1
  145. package/dist/cjs/components/text/text-view.st.css.js +3 -3
  146. package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
  147. package/dist/cjs/services/translations.js.map +1 -1
  148. package/dist/cjs/styles.global.css +1 -1
  149. package/dist/cjs/types/index.js +6 -0
  150. package/dist/cjs/types/index.js.map +1 -1
  151. package/dist/cjs/types/media-image.js +4 -0
  152. package/dist/cjs/types/media-image.js.map +1 -0
  153. package/dist/cjs/utils/index.js +6 -0
  154. package/dist/cjs/utils/index.js.map +1 -1
  155. package/dist/cjs/utils/media-image-value.js +95 -0
  156. package/dist/cjs/utils/media-image-value.js.map +1 -0
  157. package/dist/esm/assets/locale/messages_ar.json +2 -0
  158. package/dist/esm/assets/locale/messages_bg.json +2 -0
  159. package/dist/esm/assets/locale/messages_ca.json +2 -0
  160. package/dist/esm/assets/locale/messages_cs.json +2 -0
  161. package/dist/esm/assets/locale/messages_da.json +2 -0
  162. package/dist/esm/assets/locale/messages_de.json +2 -0
  163. package/dist/esm/assets/locale/messages_el.json +2 -0
  164. package/dist/esm/assets/locale/messages_en.json +2 -0
  165. package/dist/esm/assets/locale/messages_es.json +2 -0
  166. package/dist/esm/assets/locale/messages_fi.json +2 -0
  167. package/dist/esm/assets/locale/messages_fr.json +2 -0
  168. package/dist/esm/assets/locale/messages_he.json +2 -0
  169. package/dist/esm/assets/locale/messages_hi.json +2 -0
  170. package/dist/esm/assets/locale/messages_hu.json +2 -0
  171. package/dist/esm/assets/locale/messages_id.json +2 -0
  172. package/dist/esm/assets/locale/messages_it.json +2 -0
  173. package/dist/esm/assets/locale/messages_ja.json +2 -0
  174. package/dist/esm/assets/locale/messages_ko.json +2 -0
  175. package/dist/esm/assets/locale/messages_lt.json +2 -0
  176. package/dist/esm/assets/locale/messages_ms.json +2 -0
  177. package/dist/esm/assets/locale/messages_nl.json +2 -0
  178. package/dist/esm/assets/locale/messages_no.json +2 -0
  179. package/dist/esm/assets/locale/messages_pl.json +2 -0
  180. package/dist/esm/assets/locale/messages_pt.json +2 -0
  181. package/dist/esm/assets/locale/messages_ro.json +2 -0
  182. package/dist/esm/assets/locale/messages_ru.json +2 -0
  183. package/dist/esm/assets/locale/messages_sk.json +2 -0
  184. package/dist/esm/assets/locale/messages_sl.json +2 -0
  185. package/dist/esm/assets/locale/messages_sv.json +2 -0
  186. package/dist/esm/assets/locale/messages_th.json +2 -0
  187. package/dist/esm/assets/locale/messages_tl.json +2 -0
  188. package/dist/esm/assets/locale/messages_tr.json +2 -0
  189. package/dist/esm/assets/locale/messages_uk.json +2 -0
  190. package/dist/esm/assets/locale/messages_vi.json +2 -0
  191. package/dist/esm/assets/locale/messages_zh.json +2 -0
  192. package/dist/esm/assets/locale/version_file +1 -1
  193. package/dist/esm/components/address/input/address-input.st.css.js +2 -2
  194. package/dist/esm/components/address/input/address-input.st.css.js.map +1 -1
  195. package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
  196. package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
  197. package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
  198. package/dist/esm/components/audio/cell-audio-edit.js +1 -1
  199. package/dist/esm/components/audio/cell-audio-edit.js.map +1 -1
  200. package/dist/esm/components/color-view/cell-color-view.st.css.js +2 -2
  201. package/dist/esm/components/color-view/color-view.st.css.js +2 -2
  202. package/dist/esm/components/color-view/color-view.st.css.js.map +1 -1
  203. package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
  204. package/dist/esm/components/document/cell-document-edit.js +1 -1
  205. package/dist/esm/components/document/cell-document-edit.js.map +1 -1
  206. package/dist/esm/components/document/form-document-field.st.css.js +2 -2
  207. package/dist/esm/components/document/form-document-field.st.css.js.map +1 -1
  208. package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
  209. package/dist/esm/components/field-validation-settings/field-validation-settings-input.st.css.js +2 -2
  210. package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
  211. package/dist/esm/components/image/cell-image-edit.js +1 -1
  212. package/dist/esm/components/image/cell-image-edit.js.map +1 -1
  213. package/dist/esm/components/image/image-preview-popover.js +16 -0
  214. package/dist/esm/components/image/image-preview-popover.js.map +1 -0
  215. package/dist/esm/components/image/image-thumbnail.js +5 -6
  216. package/dist/esm/components/image/image-thumbnail.js.map +1 -1
  217. package/dist/esm/components/image/image-view.js +4 -13
  218. package/dist/esm/components/image/image-view.js.map +1 -1
  219. package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
  220. package/dist/esm/components/index.js +1 -0
  221. package/dist/esm/components/index.js.map +1 -1
  222. package/dist/esm/components/media-control/cell-media-edit-shell.js +5 -7
  223. package/dist/esm/components/media-control/cell-media-edit-shell.js.map +1 -1
  224. package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
  225. package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
  226. package/dist/esm/components/media-control/paste-url-button.st.css.js.map +1 -1
  227. package/dist/esm/components/media-control/use-cell-media-edit.js +48 -30
  228. package/dist/esm/components/media-control/use-cell-media-edit.js.map +1 -1
  229. package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
  230. package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
  231. package/dist/esm/components/media-image/media-image.st.css.js +3 -3
  232. package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
  233. package/dist/esm/components/media-image-field/cell-media-image-edit.js +159 -0
  234. package/dist/esm/components/media-image-field/cell-media-image-edit.js.map +1 -0
  235. package/dist/esm/components/media-image-field/cell-media-image-edit.st.css +63 -0
  236. package/dist/esm/components/media-image-field/cell-media-image-edit.st.css.js +15 -0
  237. package/dist/esm/components/media-image-field/cell-media-image-edit.st.css.js.map +1 -0
  238. package/dist/esm/components/media-image-field/form-media-image-field.js +59 -0
  239. package/dist/esm/components/media-image-field/form-media-image-field.js.map +1 -0
  240. package/dist/esm/components/media-image-field/form-media-image-field.uni.driver.js +27 -0
  241. package/dist/esm/components/media-image-field/form-media-image-field.uni.driver.js.map +1 -0
  242. package/dist/esm/components/media-image-field/form-media-image-input.js +40 -0
  243. package/dist/esm/components/media-image-field/form-media-image-input.js.map +1 -0
  244. package/dist/esm/components/media-image-field/index.js +5 -0
  245. package/dist/esm/components/media-image-field/index.js.map +1 -0
  246. package/dist/esm/components/media-image-field/media-image-view.js +34 -0
  247. package/dist/esm/components/media-image-field/media-image-view.js.map +1 -0
  248. package/dist/esm/components/media-image-field/media-image-view.st.css +16 -0
  249. package/dist/esm/components/media-image-field/media-image-view.st.css.js +15 -0
  250. package/dist/esm/components/media-image-field/media-image-view.st.css.js.map +1 -0
  251. package/dist/esm/components/media-image-field/media-image-view.uni.driver.js +14 -0
  252. package/dist/esm/components/media-image-field/media-image-view.uni.driver.js.map +1 -0
  253. package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  254. package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js +2 -2
  255. package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
  256. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
  257. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
  258. package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
  259. package/dist/esm/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
  260. package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
  261. package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
  262. package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
  263. package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
  264. package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  265. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
  266. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
  267. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
  268. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  269. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
  270. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
  271. package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
  272. package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
  273. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
  274. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
  275. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
  276. package/dist/esm/components/text/cell-text-input.js +9 -13
  277. package/dist/esm/components/text/cell-text-input.js.map +1 -1
  278. package/dist/esm/components/text/text-view.st.css.js +2 -2
  279. package/dist/esm/components/text/text-view.st.css.js.map +1 -1
  280. package/dist/esm/styles.global.css +1 -1
  281. package/dist/esm/types/index.js +1 -0
  282. package/dist/esm/types/index.js.map +1 -1
  283. package/dist/esm/types/media-image.js +2 -0
  284. package/dist/esm/types/media-image.js.map +1 -0
  285. package/dist/esm/utils/index.js +1 -0
  286. package/dist/esm/utils/index.js.map +1 -1
  287. package/dist/esm/utils/media-image-value.js +65 -0
  288. package/dist/esm/utils/media-image-value.js.map +1 -0
  289. package/dist/types/components/address/input/address-input.st.css.d.ts.map +1 -1
  290. package/dist/types/components/audio/cell-audio-edit.d.ts.map +1 -1
  291. package/dist/types/components/color-view/color-view.st.css.d.ts.map +1 -1
  292. package/dist/types/components/document/cell-document-edit.d.ts.map +1 -1
  293. package/dist/types/components/document/form-document-field.st.css.d.ts.map +1 -1
  294. package/dist/types/components/image/cell-image-edit.d.ts.map +1 -1
  295. package/dist/types/components/image/image-preview-popover.d.ts +10 -0
  296. package/dist/types/components/image/image-preview-popover.d.ts.map +1 -0
  297. package/dist/types/components/image/image-thumbnail.d.ts +3 -0
  298. package/dist/types/components/image/image-thumbnail.d.ts.map +1 -1
  299. package/dist/types/components/image/image-view.d.ts.map +1 -1
  300. package/dist/types/components/index.d.ts +1 -0
  301. package/dist/types/components/index.d.ts.map +1 -1
  302. package/dist/types/components/media-control/cell-media-edit-shell.d.ts +1 -2
  303. package/dist/types/components/media-control/cell-media-edit-shell.d.ts.map +1 -1
  304. package/dist/types/components/media-control/paste-url-button.st.css.d.ts.map +1 -1
  305. package/dist/types/components/media-control/use-cell-media-edit.d.ts +20 -4
  306. package/dist/types/components/media-control/use-cell-media-edit.d.ts.map +1 -1
  307. package/dist/types/components/media-gallery/form-media-gallery-field.st.css.d.ts.map +1 -1
  308. package/dist/types/components/media-image-field/cell-media-image-edit.d.ts +26 -0
  309. package/dist/types/components/media-image-field/cell-media-image-edit.d.ts.map +1 -0
  310. package/dist/types/components/media-image-field/cell-media-image-edit.st.css.d.ts +24 -0
  311. package/dist/types/components/media-image-field/cell-media-image-edit.st.css.d.ts.map +1 -0
  312. package/dist/types/components/media-image-field/form-media-image-field.d.ts +32 -0
  313. package/dist/types/components/media-image-field/form-media-image-field.d.ts.map +1 -0
  314. package/dist/types/components/media-image-field/form-media-image-field.uni.driver.d.ts +22 -0
  315. package/dist/types/components/media-image-field/form-media-image-field.uni.driver.d.ts.map +1 -0
  316. package/dist/types/components/media-image-field/form-media-image-input.d.ts +9 -0
  317. package/dist/types/components/media-image-field/form-media-image-input.d.ts.map +1 -0
  318. package/dist/types/components/media-image-field/index.d.ts +5 -0
  319. package/dist/types/components/media-image-field/index.d.ts.map +1 -0
  320. package/dist/types/components/media-image-field/media-image-view.d.ts +13 -0
  321. package/dist/types/components/media-image-field/media-image-view.d.ts.map +1 -0
  322. package/dist/types/components/media-image-field/media-image-view.st.css.d.ts +18 -0
  323. package/dist/types/components/media-image-field/media-image-view.st.css.d.ts.map +1 -0
  324. package/dist/types/components/media-image-field/media-image-view.uni.driver.d.ts +12 -0
  325. package/dist/types/components/media-image-field/media-image-view.uni.driver.d.ts.map +1 -0
  326. package/dist/types/components/multi-document/cell-multi-document-edit.st.css.d.ts.map +1 -1
  327. package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
  328. package/dist/types/components/reference/cell-multi-reference-input.st.css.d.ts.map +1 -1
  329. package/dist/types/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.d.ts.map +1 -1
  330. package/dist/types/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map +1 -1
  331. package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map +1 -1
  332. package/dist/types/components/text/cell-text-input.d.ts +1 -1
  333. package/dist/types/components/text/cell-text-input.d.ts.map +1 -1
  334. package/dist/types/components/text/text-view.st.css.d.ts.map +1 -1
  335. package/dist/types/services/translations.d.ts +1 -1
  336. package/dist/types/services/translations.d.ts.map +1 -1
  337. package/dist/types/types/index.d.ts +1 -0
  338. package/dist/types/types/index.d.ts.map +1 -1
  339. package/dist/types/types/media-image.d.ts +23 -0
  340. package/dist/types/types/media-image.d.ts.map +1 -0
  341. package/dist/types/utils/index.d.ts +1 -0
  342. package/dist/types/utils/index.d.ts.map +1 -1
  343. package/dist/types/utils/media-image-value.d.ts +31 -0
  344. package/dist/types/utils/media-image-value.d.ts.map +1 -0
  345. package/package.json +4 -4
  346. package/src/__tests__/components/media-image-field/form-media-image-input.spec.tsx +130 -0
  347. package/src/__tests__/components/media-image-field/media-image-view.spec.tsx +51 -0
  348. package/src/__tests__/components/text/cell-text-input.spec.tsx +27 -0
  349. package/src/__tests__/utils/media-image-value.spec.ts +153 -0
  350. package/src/assets/locale/messages_ar.json +2 -0
  351. package/src/assets/locale/messages_bg.json +2 -0
  352. package/src/assets/locale/messages_ca.json +2 -0
  353. package/src/assets/locale/messages_cs.json +2 -0
  354. package/src/assets/locale/messages_da.json +2 -0
  355. package/src/assets/locale/messages_de.json +2 -0
  356. package/src/assets/locale/messages_el.json +2 -0
  357. package/src/assets/locale/messages_en.json +2 -0
  358. package/src/assets/locale/messages_es.json +2 -0
  359. package/src/assets/locale/messages_fi.json +2 -0
  360. package/src/assets/locale/messages_fr.json +2 -0
  361. package/src/assets/locale/messages_he.json +2 -0
  362. package/src/assets/locale/messages_hi.json +2 -0
  363. package/src/assets/locale/messages_hu.json +2 -0
  364. package/src/assets/locale/messages_id.json +2 -0
  365. package/src/assets/locale/messages_it.json +2 -0
  366. package/src/assets/locale/messages_ja.json +2 -0
  367. package/src/assets/locale/messages_ko.json +2 -0
  368. package/src/assets/locale/messages_lt.json +2 -0
  369. package/src/assets/locale/messages_ms.json +2 -0
  370. package/src/assets/locale/messages_nl.json +2 -0
  371. package/src/assets/locale/messages_no.json +2 -0
  372. package/src/assets/locale/messages_pl.json +2 -0
  373. package/src/assets/locale/messages_pt.json +2 -0
  374. package/src/assets/locale/messages_ro.json +2 -0
  375. package/src/assets/locale/messages_ru.json +2 -0
  376. package/src/assets/locale/messages_sk.json +2 -0
  377. package/src/assets/locale/messages_sl.json +2 -0
  378. package/src/assets/locale/messages_sv.json +2 -0
  379. package/src/assets/locale/messages_th.json +2 -0
  380. package/src/assets/locale/messages_tl.json +2 -0
  381. package/src/assets/locale/messages_tr.json +2 -0
  382. package/src/assets/locale/messages_uk.json +2 -0
  383. package/src/assets/locale/messages_vi.json +2 -0
  384. package/src/assets/locale/messages_zh.json +2 -0
  385. package/src/assets/locale/version_file +1 -1
  386. package/src/components/address/input/address-input.st.css.ts +2 -2
  387. package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
  388. package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
  389. package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
  390. package/src/components/audio/cell-audio-edit.tsx +0 -1
  391. package/src/components/color-view/cell-color-view.st.css.ts +2 -2
  392. package/src/components/color-view/color-view.st.css.ts +2 -2
  393. package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
  394. package/src/components/document/cell-document-edit.tsx +0 -1
  395. package/src/components/document/form-document-field.st.css.ts +2 -2
  396. package/src/components/exclamation/exclamation.st.css.ts +2 -2
  397. package/src/components/field-validation-settings/field-validation-settings-input.st.css.ts +2 -2
  398. package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
  399. package/src/components/image/cell-image-edit.tsx +0 -1
  400. package/src/components/image/image-preview-popover.tsx +52 -0
  401. package/src/components/image/image-thumbnail.tsx +12 -7
  402. package/src/components/image/image-view.tsx +16 -42
  403. package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
  404. package/src/components/index.ts +1 -0
  405. package/src/components/media-control/cell-media-edit-shell.st.css.ts +2 -2
  406. package/src/components/media-control/cell-media-edit-shell.tsx +7 -20
  407. package/src/components/media-control/paste-url-button.st.css.ts +2 -2
  408. package/src/components/media-control/use-cell-media-edit.ts +98 -28
  409. package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
  410. package/src/components/media-image/media-image.st.css.ts +3 -3
  411. package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
  412. package/src/components/media-image-field/cell-media-image-edit.st.css +63 -0
  413. package/src/components/media-image-field/cell-media-image-edit.st.css.ts +25 -0
  414. package/src/components/media-image-field/cell-media-image-edit.tsx +402 -0
  415. package/src/components/media-image-field/form-media-image-field.tsx +165 -0
  416. package/src/components/media-image-field/form-media-image-field.uni.driver.ts +42 -0
  417. package/src/components/media-image-field/form-media-image-input.tsx +56 -0
  418. package/src/components/media-image-field/index.ts +4 -0
  419. package/src/components/media-image-field/media-image-view.st.css +16 -0
  420. package/src/components/media-image-field/media-image-view.st.css.ts +25 -0
  421. package/src/components/media-image-field/media-image-view.tsx +95 -0
  422. package/src/components/media-image-field/media-image-view.uni.driver.ts +18 -0
  423. package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
  424. package/src/components/multi-document/cell-multi-document-edit.st.css.ts +2 -2
  425. package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
  426. package/src/components/reference/cell-multi-reference-input.st.css.ts +2 -2
  427. package/src/components/reference/cell-reference-input.st.css.ts +2 -2
  428. package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
  429. package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
  430. package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
  431. package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
  432. package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
  433. package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
  434. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
  435. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
  436. package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
  437. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
  438. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
  439. package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
  440. package/src/components/text/cell-text-input.tsx +20 -18
  441. package/src/components/text/text-view.st.css.ts +2 -2
  442. package/src/services/translations.ts +2 -0
  443. package/src/styles.global.css +1 -1
  444. package/src/types/index.ts +1 -0
  445. package/src/types/media-image.ts +24 -0
  446. package/src/utils/index.ts +1 -0
  447. package/src/utils/media-image-value.ts +99 -0
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -3,6 +3,7 @@
3
3
  "CMS.mediaGallery.addLink.invalidUrl": "URL invalid",
4
4
  "auto-patterns.fields.field_type_email_title": "Email",
5
5
  "CMS.mediaGallery.dialog.settingsNewItemsTitleLabel": "What should the title of the images be?",
6
+ "CMS.image.altText.label": "Alt text",
6
7
  "CMS.richTextEditor.toolbar.headerDropdown.option.h4.title": "Subsection Title",
7
8
  "CMS.richTextEditor.toolbar.headerDropdown.option.h3.title": "Content Title",
8
9
  "CMS.formTime.invalidMessage": "Invalid time format ",
@@ -157,6 +158,7 @@
157
158
  "CMS.image.download": "Download",
158
159
  "CMS.richTextEditor.toolbar.header": "Themes",
159
160
  "CMS.document.action.delete": "Delete file",
161
+ "CMS.image.thumbnail.label": "Image",
160
162
  "CMS.mediaGallery.preview.download": "Download",
161
163
  "CMS.richTextEditor.toolbar.headerDropdown.option.h6.title": "Subtitle",
162
164
  "auto-patterns.fields.email_input_error": "Please enter a valid email address",
@@ -1 +1 @@
1
- 1791379410
1
+ 1791878449
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "addressinput299696275";
8
+ var _namespace_ = "addressinput2368611122";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"addressinput299696275__root","tableAddressInput":"addressinput299696275__tableAddressInput"};
16
+ export var classes = {"root":"addressinput2368611122__root","tableAddressInput":"addressinput2368611122__tableAddressInput"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "actionsmenu1902116291";
8
+ var _namespace_ = "actionsmenu2556386514";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"actionsmenu1902116291__root","action":"actionsmenu1902116291__action"};
16
+ export var classes = {"root":"actionsmenu2556386514__root","action":"actionsmenu2556386514__action"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "formaudiofield3808244495";
8
+ var _namespace_ = "formaudiofield1416337813";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"formaudiofield3808244495__root","addItem":"formaudiofield3808244495__addItem","mediaTitle":"formaudiofield3808244495__mediaTitle"};
16
+ export var classes = {"root":"formaudiofield1416337813__root","addItem":"formaudiofield1416337813__addItem","mediaTitle":"formaudiofield1416337813__mediaTitle"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "audioplayer2780849542";
8
+ var _namespace_ = "audioplayer3694995244";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"audioplayer2780849542__root"};
16
+ export var classes = {"root":"audioplayer3694995244__root"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -79,7 +79,6 @@ export const CellAudioEdit: React.FC<CellAudioEditProps> = ({
79
79
  <CellMediaEditShell
80
80
  dataHook={dataHook}
81
81
  mediaEdit={mediaEdit}
82
- value={value}
83
82
  fieldType={MediaFieldType.document}
84
83
  gap="SP1"
85
84
  >
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "cellcolorview1310480695";
8
+ var _namespace_ = "cellcolorview1907422661";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"cellcolorview1310480695__root","hashPrefix":"cellcolorview1310480695__hashPrefix"};
16
+ export var classes = {"root":"cellcolorview1907422661__root","hashPrefix":"cellcolorview1907422661__hashPrefix"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "colorview235814413";
8
+ var _namespace_ = "colorview3223092125";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"colorview235814413__root","view":"colorview235814413__view","fillPreview":"colorview235814413__fillPreview"};
16
+ export var classes = {"root":"colorview3223092125__root","view":"colorview3223092125__view","fillPreview":"colorview3223092125__fillPreview"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "deletedialog1855184990";
8
+ var _namespace_ = "deletedialog1723964393";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"deletedialog1855184990__root","layout":"deletedialog1855184990__layout"};
16
+ export var classes = {"root":"deletedialog1723964393__root","layout":"deletedialog1723964393__layout"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -91,7 +91,6 @@ export const CellDocumentEdit: React.FC<CellDocumentEditProps> = ({
91
91
  <CellMediaEditShell
92
92
  dataHook={dataHook}
93
93
  mediaEdit={mediaEdit}
94
- value={value}
95
94
  fieldType={MediaFieldType.document}
96
95
  gap="SP1"
97
96
  >
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "formdocumentfield627803899";
8
+ var _namespace_ = "formdocumentfield2175633494";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"formdocumentfield627803899__root","viewWrapper":"formdocumentfield627803899__viewWrapper","textWidth":"formdocumentfield627803899__textWidth","documentLoader":"formdocumentfield627803899__documentLoader","addDocument":"formdocumentfield627803899__addDocument","addItemWrapper":"formdocumentfield627803899__addItemWrapper"};
16
+ export var classes = {"root":"formdocumentfield2175633494__root","viewWrapper":"formdocumentfield2175633494__viewWrapper","textWidth":"formdocumentfield2175633494__textWidth","documentLoader":"formdocumentfield2175633494__documentLoader","addDocument":"formdocumentfield2175633494__addDocument","addItemWrapper":"formdocumentfield2175633494__addItemWrapper"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "exclamation3475387339";
8
+ var _namespace_ = "exclamation2219806139";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"exclamation3475387339__root","exclamation":"exclamation3475387339__exclamation","actions":"exclamation3475387339__actions","action":"exclamation3475387339__action"};
16
+ export var classes = {"root":"exclamation2219806139__root","exclamation":"exclamation2219806139__exclamation","actions":"exclamation2219806139__actions","action":"exclamation2219806139__action"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "fieldvalidationsettingsinput1248219727";
8
+ var _namespace_ = "fieldvalidationsettingsinput1854378188";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"fieldvalidationsettingsinput1248219727__root","specificValuesInput":"fieldvalidationsettingsinput1248219727__specificValuesInput"};
16
+ export var classes = {"root":"fieldvalidationsettingsinput1854378188__root","specificValuesInput":"fieldvalidationsettingsinput1854378188__specificValuesInput"};
17
17
  export var keyframes = {};
18
18
  export var layers = {};
19
19
  export var containers = {};
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "highlightedtext2620701715";
8
+ var _namespace_ = "highlightedtext2702217301";
9
9
  var _style_ = classesRuntime.bind(null, _namespace_);
10
10
 
11
11
  export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
13
13
  export var st: import("@stylable/runtime").STFunction = _style_;
14
14
 
15
15
  export var namespace = _namespace_;
16
- export var classes = {"root":"highlightedtext2620701715__root","substring":"highlightedtext2620701715__substring"};
17
- export var keyframes = {"highlighted":"highlightedtext2620701715__highlighted","highlighted-match":"highlightedtext2620701715__highlighted-match"};
16
+ export var classes = {"root":"highlightedtext2702217301__root","substring":"highlightedtext2702217301__substring"};
17
+ export var keyframes = {"highlighted":"highlightedtext2702217301__highlighted","highlighted-match":"highlightedtext2702217301__highlighted-match"};
18
18
  export var layers = {};
19
19
  export var containers = {};
20
20
  export var stVars = {};
@@ -62,7 +62,6 @@ export const CellImageEdit: React.FC<CellImageEditProps> = ({
62
62
  <CellMediaEditShell
63
63
  dataHook={dataHook}
64
64
  mediaEdit={mediaEdit}
65
- value={value}
66
65
  fieldType={MediaFieldType.image}
67
66
  >
68
67
  {value ? (
@@ -0,0 +1,52 @@
1
+ import React from 'react';
2
+ import { Box, Popover } from '@wix/design-system';
3
+ import { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';
4
+ import { MediaImage } from '../media-image';
5
+
6
+ export interface ImagePreviewPopoverProps {
7
+ src: string;
8
+ shown: boolean;
9
+ fluid?: boolean;
10
+ children: React.ReactNode;
11
+ }
12
+
13
+ /** A larger preview of the image, shown below the element it wraps. */
14
+ export const ImagePreviewPopover: React.FC<ImagePreviewPopoverProps> = ({
15
+ src,
16
+ shown,
17
+ fluid,
18
+ children,
19
+ }) => (
20
+ <Popover
21
+ showArrow={false}
22
+ shown={shown}
23
+ appendTo="viewport"
24
+ placement="bottom-start"
25
+ showDelay={300}
26
+ moveBy={{ y: 4, x: 0 }}
27
+ zIndex={9999}
28
+ fluid={fluid}
29
+ >
30
+ <Popover.Element>{children}</Popover.Element>
31
+ <Popover.Content>
32
+ <Box
33
+ width="204px"
34
+ style={{
35
+ borderRadius: '3px',
36
+ overflow: 'hidden',
37
+ lineHeight: 0,
38
+ }}
39
+ >
40
+ <MediaImage
41
+ src={mediaURItoImageURL(src, ThumbnailSize.L)}
42
+ alt=""
43
+ fit="contain"
44
+ transparent
45
+ size={ThumbnailSize.L}
46
+ />
47
+ </Box>
48
+ </Popover.Content>
49
+ </Popover>
50
+ );
51
+
52
+ ImagePreviewPopover.displayName = 'ImagePreviewPopover';