@wix/patterns-fields 1.55.0 → 1.59.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 (419) hide show
  1. package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
  2. package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
  3. package/dist/cjs/components/address/view/cell-address-view.js +2 -2
  4. package/dist/cjs/components/address/view/cell-address-view.js.map +1 -1
  5. package/dist/cjs/components/audio/actions/actions-button/actions-button.js +2 -2
  6. package/dist/cjs/components/audio/actions/actions-button/actions-button.js.map +1 -1
  7. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
  8. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
  9. package/dist/cjs/components/audio/actions/audio-actions.js +5 -5
  10. package/dist/cjs/components/audio/actions/audio-actions.js.map +1 -1
  11. package/dist/cjs/components/audio/audio-field/audio-view.js +2 -2
  12. package/dist/cjs/components/audio/audio-field/audio-view.js.map +1 -1
  13. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
  14. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
  15. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
  16. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
  17. package/dist/cjs/components/audio/cell-audio-edit.js +4 -4
  18. package/dist/cjs/components/audio/cell-audio-edit.js.map +1 -1
  19. package/dist/cjs/components/audio/cell-audio-view.js +2 -2
  20. package/dist/cjs/components/audio/cell-audio-view.js.map +1 -1
  21. package/dist/cjs/components/color-view/cell-color-view.st.css.js +3 -3
  22. package/dist/cjs/components/color-view/cell-color-view.st.css.js.map +1 -1
  23. package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
  24. package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
  25. package/dist/cjs/components/date-input/date-utils.js +15 -2
  26. package/dist/cjs/components/date-input/date-utils.js.map +1 -1
  27. package/dist/cjs/components/date-input/form-date-input.js +14 -15
  28. package/dist/cjs/components/date-input/form-date-input.js.map +1 -1
  29. package/dist/cjs/components/datetime-input/form-date-time.js +11 -9
  30. package/dist/cjs/components/datetime-input/form-date-time.js.map +1 -1
  31. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
  32. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
  33. package/dist/cjs/components/document/cell-document-edit.js +10 -10
  34. package/dist/cjs/components/document/cell-document-edit.js.map +1 -1
  35. package/dist/cjs/components/document/cell-document-view.js +2 -2
  36. package/dist/cjs/components/document/cell-document-view.js.map +1 -1
  37. package/dist/cjs/components/document/document-control.js +6 -6
  38. package/dist/cjs/components/document/document-control.js.map +1 -1
  39. package/dist/cjs/components/document/document-view.js +2 -2
  40. package/dist/cjs/components/document/document-view.js.map +1 -1
  41. package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
  42. package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
  43. package/dist/cjs/components/exclamation/exclamation.js +2 -2
  44. package/dist/cjs/components/exclamation/exclamation.js.map +1 -1
  45. package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
  46. package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
  47. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
  48. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
  49. package/dist/cjs/components/image/cell-image-edit.js +7 -7
  50. package/dist/cjs/components/image/cell-image-edit.js.map +1 -1
  51. package/dist/cjs/components/image/thumbnail-replace-overlay.js +2 -2
  52. package/dist/cjs/components/image/thumbnail-replace-overlay.js.map +1 -1
  53. package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +3 -3
  54. package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
  55. package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +2 -2
  56. package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
  57. package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
  58. package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
  59. package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js +6 -6
  60. package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
  61. package/dist/cjs/components/media-gallery/form-media-gallery-field.js +4 -4
  62. package/dist/cjs/components/media-gallery/form-media-gallery-field.js.map +1 -1
  63. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
  64. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
  65. package/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.js +2 -2
  66. package/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.js.map +1 -1
  67. package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js +2 -2
  68. package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js.map +1 -1
  69. package/dist/cjs/components/media-gallery/media-preview-modal.js +4 -4
  70. package/dist/cjs/components/media-gallery/media-preview-modal.js.map +1 -1
  71. package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
  72. package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
  73. package/dist/cjs/components/media-image/overlays/custom-url-overlay.js +2 -2
  74. package/dist/cjs/components/media-image/overlays/custom-url-overlay.js.map +1 -1
  75. package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
  76. package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
  77. package/dist/cjs/components/media-image/overlays/video-indicator-overlay.js +2 -2
  78. package/dist/cjs/components/media-image/overlays/video-indicator-overlay.js.map +1 -1
  79. package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
  80. package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
  81. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  82. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
  83. package/dist/cjs/components/multi-document/cell-multi-document-edit.js +12 -12
  84. package/dist/cjs/components/multi-document/cell-multi-document-edit.js.map +1 -1
  85. package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js +3 -3
  86. package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
  87. package/dist/cjs/components/multi-document/cell-multi-document-view.js +2 -2
  88. package/dist/cjs/components/multi-document/cell-multi-document-view.js.map +1 -1
  89. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
  90. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
  91. package/dist/cjs/components/reference/cell-multi-reference-input.js +14 -44
  92. package/dist/cjs/components/reference/cell-multi-reference-input.js.map +1 -1
  93. package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
  94. package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
  95. package/dist/cjs/components/reference/cell-reference-input.js +15 -45
  96. package/dist/cjs/components/reference/cell-reference-input.js.map +1 -1
  97. package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
  98. package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
  99. package/dist/cjs/components/reference/form-multi-reference.js +191 -0
  100. package/dist/cjs/components/reference/form-multi-reference.js.map +1 -0
  101. package/dist/cjs/components/reference/form-reference.js +188 -0
  102. package/dist/cjs/components/reference/form-reference.js.map +1 -0
  103. package/dist/cjs/components/reference/index.js +12 -0
  104. package/dist/cjs/components/reference/index.js.map +1 -1
  105. package/dist/cjs/components/reference/reference-dropdown-footer.js +65 -0
  106. package/dist/cjs/components/reference/reference-dropdown-footer.js.map +1 -0
  107. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
  108. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
  109. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
  110. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
  111. package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  112. 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
  113. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
  114. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
  115. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
  116. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
  117. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.js +3 -3
  118. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.js.map +1 -1
  119. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  120. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
  121. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
  122. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
  123. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +5 -5
  124. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
  125. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
  126. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
  127. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
  128. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
  129. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
  130. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
  131. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.js +5 -5
  132. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.js.map +1 -1
  133. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js +2 -2
  134. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js.map +1 -1
  135. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js +3 -3
  136. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js.map +1 -1
  137. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
  138. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
  139. package/dist/cjs/components/text/text-view.st.css.js +3 -3
  140. package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
  141. package/dist/cjs/components/time-input/form-time-input.js +6 -4
  142. package/dist/cjs/components/time-input/form-time-input.js.map +1 -1
  143. package/dist/cjs/components/time-input/form-time.js +20 -5
  144. package/dist/cjs/components/time-input/form-time.js.map +1 -1
  145. package/dist/cjs/components/url/form-url.js +2 -2
  146. package/dist/cjs/components/url/form-url.js.map +1 -1
  147. package/dist/cjs/components/url/url-view.js +2 -2
  148. package/dist/cjs/components/url/url-view.js.map +1 -1
  149. package/dist/cjs/components/video/cell-video-edit.js +7 -7
  150. package/dist/cjs/components/video/cell-video-edit.js.map +1 -1
  151. package/dist/cjs/components/video/form-video.js +6 -6
  152. package/dist/cjs/components/video/form-video.js.map +1 -1
  153. package/dist/cjs/components/video/video-view-field.js +3 -3
  154. package/dist/cjs/components/video/video-view-field.js.map +1 -1
  155. package/dist/cjs/providers/PatternsFieldsAppContainer.js +1 -1
  156. package/dist/cjs/providers/PatternsFieldsAppContainer.js.map +1 -1
  157. package/dist/cjs/styles.global.css +1 -1
  158. package/dist/cjs/utils/get-image-url.js +24 -4
  159. package/dist/cjs/utils/get-image-url.js.map +1 -1
  160. package/dist/esm/components/address/input/address-input.st.css.js +2 -2
  161. package/dist/esm/components/address/view/cell-address-view.js +1 -1
  162. package/dist/esm/components/address/view/cell-address-view.js.map +1 -1
  163. package/dist/esm/components/audio/actions/actions-button/actions-button.js +1 -1
  164. package/dist/esm/components/audio/actions/actions-button/actions-button.js.map +1 -1
  165. package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
  166. package/dist/esm/components/audio/actions/audio-actions.js +1 -1
  167. package/dist/esm/components/audio/actions/audio-actions.js.map +1 -1
  168. package/dist/esm/components/audio/audio-field/audio-view.js +1 -1
  169. package/dist/esm/components/audio/audio-field/audio-view.js.map +1 -1
  170. package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
  171. package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
  172. package/dist/esm/components/audio/audio-player/audio-player.st.css.js.map +1 -1
  173. package/dist/esm/components/audio/cell-audio-edit.js +1 -1
  174. package/dist/esm/components/audio/cell-audio-edit.js.map +1 -1
  175. package/dist/esm/components/audio/cell-audio-view.js +1 -1
  176. package/dist/esm/components/audio/cell-audio-view.js.map +1 -1
  177. package/dist/esm/components/color-view/cell-color-view.st.css.js +2 -2
  178. package/dist/esm/components/color-view/color-view.st.css.js +2 -2
  179. package/dist/esm/components/color-view/color-view.st.css.js.map +1 -1
  180. package/dist/esm/components/date-input/date-utils.js +15 -2
  181. package/dist/esm/components/date-input/date-utils.js.map +1 -1
  182. package/dist/esm/components/date-input/form-date-input.js +16 -12
  183. package/dist/esm/components/date-input/form-date-input.js.map +1 -1
  184. package/dist/esm/components/datetime-input/form-date-time.js +8 -3
  185. package/dist/esm/components/datetime-input/form-date-time.js.map +1 -1
  186. package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
  187. package/dist/esm/components/document/cell-document-edit.js +1 -1
  188. package/dist/esm/components/document/cell-document-edit.js.map +1 -1
  189. package/dist/esm/components/document/cell-document-view.js +1 -1
  190. package/dist/esm/components/document/cell-document-view.js.map +1 -1
  191. package/dist/esm/components/document/document-control.js +1 -1
  192. package/dist/esm/components/document/document-control.js.map +1 -1
  193. package/dist/esm/components/document/document-view.js +1 -1
  194. package/dist/esm/components/document/document-view.js.map +1 -1
  195. package/dist/esm/components/document/form-document-field.st.css.js +2 -2
  196. package/dist/esm/components/exclamation/exclamation.js +1 -1
  197. package/dist/esm/components/exclamation/exclamation.js.map +1 -1
  198. package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
  199. package/dist/esm/components/exclamation/exclamation.st.css.js.map +1 -1
  200. package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
  201. package/dist/esm/components/image/cell-image-edit.js +1 -1
  202. package/dist/esm/components/image/cell-image-edit.js.map +1 -1
  203. package/dist/esm/components/image/thumbnail-replace-overlay.js +1 -1
  204. package/dist/esm/components/image/thumbnail-replace-overlay.js.map +1 -1
  205. package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
  206. package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
  207. package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
  208. package/dist/esm/components/media-control/paste-url-button.st.css.js.map +1 -1
  209. package/dist/esm/components/media-gallery/cell-media-gallery-edit.js +1 -1
  210. package/dist/esm/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
  211. package/dist/esm/components/media-gallery/form-media-gallery-field.js +1 -1
  212. package/dist/esm/components/media-gallery/form-media-gallery-field.js.map +1 -1
  213. package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
  214. package/dist/esm/components/media-gallery/media-gallery-dialog/add-media-button.js +1 -1
  215. package/dist/esm/components/media-gallery/media-gallery-dialog/add-media-button.js.map +1 -1
  216. package/dist/esm/components/media-gallery/media-gallery-dialog/no-items-view.js +1 -1
  217. package/dist/esm/components/media-gallery/media-gallery-dialog/no-items-view.js.map +1 -1
  218. package/dist/esm/components/media-gallery/media-preview-modal.js +1 -1
  219. package/dist/esm/components/media-gallery/media-preview-modal.js.map +1 -1
  220. package/dist/esm/components/media-image/media-image.st.css.js +3 -3
  221. package/dist/esm/components/media-image/overlays/custom-url-overlay.js +1 -1
  222. package/dist/esm/components/media-image/overlays/custom-url-overlay.js.map +1 -1
  223. package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
  224. package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
  225. package/dist/esm/components/media-image/overlays/video-indicator-overlay.js +1 -1
  226. package/dist/esm/components/media-image/overlays/video-indicator-overlay.js.map +1 -1
  227. package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
  228. package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  229. package/dist/esm/components/multi-document/cell-multi-document-edit.js +1 -1
  230. package/dist/esm/components/multi-document/cell-multi-document-edit.js.map +1 -1
  231. package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js +2 -2
  232. package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
  233. package/dist/esm/components/multi-document/cell-multi-document-view.js +1 -1
  234. package/dist/esm/components/multi-document/cell-multi-document-view.js.map +1 -1
  235. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
  236. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
  237. package/dist/esm/components/reference/cell-multi-reference-input.js +8 -15
  238. package/dist/esm/components/reference/cell-multi-reference-input.js.map +1 -1
  239. package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
  240. package/dist/esm/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
  241. package/dist/esm/components/reference/cell-reference-input.js +9 -16
  242. package/dist/esm/components/reference/cell-reference-input.js.map +1 -1
  243. package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
  244. package/dist/esm/components/reference/form-multi-reference.js +98 -0
  245. package/dist/esm/components/reference/form-multi-reference.js.map +1 -0
  246. package/dist/esm/components/reference/form-reference.js +96 -0
  247. package/dist/esm/components/reference/form-reference.js.map +1 -0
  248. package/dist/esm/components/reference/index.js +2 -0
  249. package/dist/esm/components/reference/index.js.map +1 -1
  250. package/dist/esm/components/reference/reference-dropdown-footer.js +28 -0
  251. package/dist/esm/components/reference/reference-dropdown-footer.js.map +1 -0
  252. package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
  253. package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
  254. package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
  255. package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
  256. package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  257. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
  258. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
  259. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
  260. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
  261. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.js +1 -1
  262. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.js.map +1 -1
  263. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  264. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
  265. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
  266. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
  267. package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
  268. package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
  269. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
  270. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
  271. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.js +1 -1
  272. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.js.map +1 -1
  273. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js +1 -1
  274. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js.map +1 -1
  275. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js +1 -1
  276. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js.map +1 -1
  277. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
  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/components/time-input/form-time-input.js +3 -2
  281. package/dist/esm/components/time-input/form-time-input.js.map +1 -1
  282. package/dist/esm/components/time-input/form-time.js +10 -2
  283. package/dist/esm/components/time-input/form-time.js.map +1 -1
  284. package/dist/esm/components/url/form-url.js +1 -1
  285. package/dist/esm/components/url/form-url.js.map +1 -1
  286. package/dist/esm/components/url/url-view.js +1 -1
  287. package/dist/esm/components/url/url-view.js.map +1 -1
  288. package/dist/esm/components/video/cell-video-edit.js +1 -1
  289. package/dist/esm/components/video/cell-video-edit.js.map +1 -1
  290. package/dist/esm/components/video/form-video.js +1 -1
  291. package/dist/esm/components/video/form-video.js.map +1 -1
  292. package/dist/esm/components/video/video-view-field.js +1 -1
  293. package/dist/esm/components/video/video-view-field.js.map +1 -1
  294. package/dist/esm/providers/PatternsFieldsAppContainer.js +1 -1
  295. package/dist/esm/providers/PatternsFieldsAppContainer.js.map +1 -1
  296. package/dist/esm/styles.global.css +1 -1
  297. package/dist/esm/utils/get-image-url.js +26 -4
  298. package/dist/esm/utils/get-image-url.js.map +1 -1
  299. package/dist/types/components/audio/audio-player/audio-player.st.css.d.ts.map +1 -1
  300. package/dist/types/components/color-view/color-view.st.css.d.ts.map +1 -1
  301. package/dist/types/components/date-input/date-utils.d.ts +2 -2
  302. package/dist/types/components/date-input/date-utils.d.ts.map +1 -1
  303. package/dist/types/components/date-input/form-date-input.d.ts.map +1 -1
  304. package/dist/types/components/datetime-input/form-date-time.d.ts.map +1 -1
  305. package/dist/types/components/exclamation/exclamation.st.css.d.ts.map +1 -1
  306. package/dist/types/components/media-control/paste-url-button.st.css.d.ts.map +1 -1
  307. package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
  308. package/dist/types/components/multi-document/cell-multi-document-edit.st.css.d.ts.map +1 -1
  309. package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
  310. package/dist/types/components/reference/cell-multi-reference-input.d.ts.map +1 -1
  311. package/dist/types/components/reference/cell-multi-reference-input.st.css.d.ts.map +1 -1
  312. package/dist/types/components/reference/cell-reference-input.d.ts.map +1 -1
  313. package/dist/types/components/reference/form-multi-reference.d.ts +29 -0
  314. package/dist/types/components/reference/form-multi-reference.d.ts.map +1 -0
  315. package/dist/types/components/reference/form-reference.d.ts +33 -0
  316. package/dist/types/components/reference/form-reference.d.ts.map +1 -0
  317. package/dist/types/components/reference/index.d.ts +2 -0
  318. package/dist/types/components/reference/index.d.ts.map +1 -1
  319. package/dist/types/components/reference/reference-dropdown-footer.d.ts +16 -0
  320. package/dist/types/components/reference/reference-dropdown-footer.d.ts.map +1 -0
  321. package/dist/types/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.d.ts.map +1 -1
  322. package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map +1 -1
  323. package/dist/types/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.d.ts.map +1 -1
  324. package/dist/types/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map +1 -1
  325. package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map +1 -1
  326. package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map +1 -1
  327. package/dist/types/components/text/text-view.st.css.d.ts.map +1 -1
  328. package/dist/types/components/time-input/form-time-input.d.ts +6 -1
  329. package/dist/types/components/time-input/form-time-input.d.ts.map +1 -1
  330. package/dist/types/components/time-input/form-time.d.ts.map +1 -1
  331. package/dist/types/utils/get-image-url.d.ts.map +1 -1
  332. package/package.json +7 -7
  333. package/src/__tests__/components/date-input/form-date-input.spec.tsx +23 -0
  334. package/src/__tests__/components/datetime-input/form-date-time.spec.tsx +15 -0
  335. package/src/__tests__/components/image/form-image-input.spec.tsx +10 -0
  336. package/src/__tests__/components/reference/form-multi-reference.spec.tsx +254 -0
  337. package/src/__tests__/components/reference/form-reference.spec.tsx +245 -0
  338. package/src/__tests__/components/time-input/form-time.spec.tsx +16 -0
  339. package/src/__tests__/utils/get-image-url.spec.ts +48 -0
  340. package/src/components/address/input/address-input.st.css.ts +2 -2
  341. package/src/components/address/view/cell-address-view.tsx +1 -1
  342. package/src/components/audio/actions/actions-button/actions-button.tsx +1 -1
  343. package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
  344. package/src/components/audio/actions/audio-actions.tsx +1 -1
  345. package/src/components/audio/audio-field/audio-view.tsx +1 -1
  346. package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
  347. package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
  348. package/src/components/audio/cell-audio-edit.tsx +1 -1
  349. package/src/components/audio/cell-audio-view.tsx +1 -1
  350. package/src/components/color-view/cell-color-view.st.css.ts +2 -2
  351. package/src/components/color-view/color-view.st.css.ts +2 -2
  352. package/src/components/date-input/date-utils.ts +21 -4
  353. package/src/components/date-input/form-date-input.tsx +17 -14
  354. package/src/components/datetime-input/form-date-time.tsx +8 -3
  355. package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
  356. package/src/components/document/cell-document-edit.tsx +1 -1
  357. package/src/components/document/cell-document-view.tsx +1 -1
  358. package/src/components/document/document-control.tsx +1 -1
  359. package/src/components/document/document-view.tsx +1 -1
  360. package/src/components/document/form-document-field.st.css.ts +2 -2
  361. package/src/components/exclamation/exclamation.st.css.ts +2 -2
  362. package/src/components/exclamation/exclamation.tsx +1 -1
  363. package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
  364. package/src/components/image/cell-image-edit.tsx +1 -1
  365. package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
  366. package/src/components/image/thumbnail-replace-overlay.tsx +1 -1
  367. package/src/components/media-control/cell-media-edit-shell.st.css.ts +2 -2
  368. package/src/components/media-control/paste-url-button.st.css.ts +2 -2
  369. package/src/components/media-gallery/cell-media-gallery-edit.tsx +1 -1
  370. package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
  371. package/src/components/media-gallery/form-media-gallery-field.tsx +1 -1
  372. package/src/components/media-gallery/media-gallery-dialog/add-media-button.tsx +1 -1
  373. package/src/components/media-gallery/media-gallery-dialog/no-items-view.tsx +1 -1
  374. package/src/components/media-gallery/media-preview-modal.tsx +1 -1
  375. package/src/components/media-image/media-image.st.css.ts +3 -3
  376. package/src/components/media-image/overlays/custom-url-overlay.tsx +1 -1
  377. package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
  378. package/src/components/media-image/overlays/video-indicator-overlay.tsx +1 -1
  379. package/src/components/media-loader/media-loader.st.css.ts +2 -2
  380. package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
  381. package/src/components/multi-document/cell-multi-document-edit.st.css.ts +2 -2
  382. package/src/components/multi-document/cell-multi-document-edit.tsx +1 -1
  383. package/src/components/multi-document/cell-multi-document-view.tsx +1 -1
  384. package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
  385. package/src/components/reference/cell-multi-reference-input.st.css.ts +2 -2
  386. package/src/components/reference/cell-multi-reference-input.tsx +8 -29
  387. package/src/components/reference/cell-reference-input.st.css.ts +2 -2
  388. package/src/components/reference/cell-reference-input.tsx +9 -31
  389. package/src/components/reference/form-multi-reference.tsx +234 -0
  390. package/src/components/reference/form-reference.tsx +211 -0
  391. package/src/components/reference/index.ts +2 -0
  392. package/src/components/reference/reference-dropdown-footer.tsx +51 -0
  393. package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
  394. package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
  395. package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
  396. package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
  397. package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
  398. package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
  399. package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.tsx +1 -1
  400. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
  401. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
  402. package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
  403. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
  404. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
  405. package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.tsx +1 -1
  406. package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.tsx +1 -1
  407. package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
  408. package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.tsx +1 -1
  409. package/src/components/text/text-view.st.css.ts +2 -2
  410. package/src/components/time-input/form-time-input.tsx +7 -2
  411. package/src/components/time-input/form-time.tsx +12 -1
  412. package/src/components/url/form-url.tsx +1 -1
  413. package/src/components/url/url-view.tsx +1 -1
  414. package/src/components/video/cell-video-edit.tsx +1 -1
  415. package/src/components/video/form-video.tsx +1 -1
  416. package/src/components/video/video-view-field.tsx +1 -1
  417. package/src/providers/PatternsFieldsAppContainer.ts +1 -1
  418. package/src/styles.global.css +1 -1
  419. package/src/utils/get-image-url.ts +31 -4
@@ -50,11 +50,12 @@ const _FormDateInput = props => {
50
50
  }
51
51
  }
52
52
  });
53
+
54
+ // A stored value that isn't a date leaves the picker empty instead of
55
+ // throwing out of render.
53
56
  const [date, setDate] = (0, _react.useState)(() => {
54
- if (controller.field.value) {
55
- return (0, _dateUtils.getDateWithoutTimezone)((0, _dateUtils.getISODateStringWithFixedTimezone)(controller.field.value));
56
- }
57
- return undefined;
57
+ const iso = controller.field.value ? (0, _dateUtils.getISODateStringWithFixedTimezone)(controller.field.value) : undefined;
58
+ return iso ? (0, _dateUtils.getDateWithoutTimezone)(iso) : undefined;
58
59
  });
59
60
  const ref = (0, _react.useRef)({});
60
61
  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
@@ -71,12 +72,14 @@ const _FormDateInput = props => {
71
72
  }
72
73
  }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
73
74
  ref: internalRef => {
75
+ var _internalRef$state;
74
76
  inputRef == null || inputRef(ref.current);
75
- // @ts-expect-error: WSR internal API hack for focusing
76
- ref.current.focus = () => {
77
- var _internalRef$state;
78
- return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
79
- };
77
+ const inputEl = // @ts-expect-error: WSR internal API hack for focusing
78
+ internalRef == null || (_internalRef$state = internalRef.state) == null ? void 0 : _internalRef$state.inputRef;
79
+ ref.current.focus = () => inputEl == null || inputEl.focus == null ? void 0 : inputEl.focus();
80
+ // Let react-hook-form's shouldFocusError scroll to + focus this field
81
+ // when it blocks save.
82
+ controller.field.ref(inputEl ?? null);
80
83
  },
81
84
  dataHook: `date-${field.id}`,
82
85
  width: "100%",
@@ -84,12 +87,8 @@ const _FormDateInput = props => {
84
87
  value: date,
85
88
  onChange: newValue => {
86
89
  setDate(newValue);
87
- if (newValue) {
88
- const formattedDate = (0, _dateUtils.getISODateStringWithFixedTimezone)(newValue);
89
- controller.field.onChange(formattedDate.split('T')[0]);
90
- } else {
91
- controller.field.onChange(null);
92
- }
90
+ const formattedDate = newValue ? (0, _dateUtils.getISODateStringWithFixedTimezone)(newValue) : undefined;
91
+ controller.field.onChange((formattedDate == null ? void 0 : formattedDate.split('T')[0]) ?? null);
93
92
  },
94
93
  onValidate: ({
95
94
  validationType,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","undefined","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","current","focus","_internalRef$state","state","width","placeholderText","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport {\n getDateWithoutTimezone,\n getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n const { field, dataHook, inputRef, formControl, data } = props;\n const { translate: t } = useWixPatternsContainer();\n const { t: tFields } = useTranslations();\n\n const computeError = (\n value: string | null | undefined,\n format?: string,\n validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n ): string => {\n if (field.validation?.required && isEmpty(value)) {\n return t('cairo.fieldValidation.requiredField');\n }\n if (validationType === 'formatError' && format) {\n return t('cairo.customFields.fieldType.date.invalid.value', {\n dateFormat: format,\n });\n }\n return '';\n };\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (value) => {\n const error = computeError(value);\n return error || true;\n },\n },\n });\n\n const [date, setDate] = useState<Date | undefined>(() => {\n if (controller.field.value) {\n return getDateWithoutTimezone(\n getISODateStringWithFixedTimezone(controller.field.value),\n );\n }\n return undefined;\n });\n\n const ref = useRef<BaseInputRef>({});\n const [errorMessage, setErrorMessage] = useState<string>('');\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n statusMessage={errorMessage}\n dataHook={dataHook}\n >\n <DatePicker\n ref={(internalRef) => {\n inputRef?.(ref.current);\n // @ts-expect-error: WSR internal API hack for focusing\n ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n }}\n dataHook={`date-${field.id}`}\n width=\"100%\"\n placeholderText={tFields('CMS.formDate.placeholder')}\n value={date}\n onChange={(newValue: Date) => {\n setDate(newValue);\n if (newValue) {\n const formattedDate = getISODateStringWithFixedTimezone(newValue);\n controller.field.onChange(formattedDate.split('T')[0]);\n } else {\n controller.field.onChange(null);\n }\n }}\n onValidate={({ validationType, value: newValue, format }) => {\n const error = computeError(newValue, format, validationType);\n setErrorMessage(error);\n ref.current.invalid = !!error;\n\n if (validationType === 'formatError' && newValue === '') {\n setDate(undefined);\n controller.field.onChange(null);\n }\n }}\n status={errorMessage ? 'error' : undefined}\n statusMessage={errorMessage}\n />\n </FormField>\n );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","iso","getISODateStringWithFixedTimezone","undefined","getDateWithoutTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","_internalRef$state","current","inputEl","state","focus","width","placeholderText","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport {\n getDateWithoutTimezone,\n getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n const { field, dataHook, inputRef, formControl, data } = props;\n const { translate: t } = useWixPatternsContainer();\n const { t: tFields } = useTranslations();\n\n const computeError = (\n value: string | null | undefined,\n format?: string,\n validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n ): string => {\n if (field.validation?.required && isEmpty(value)) {\n return t('cairo.fieldValidation.requiredField');\n }\n if (validationType === 'formatError' && format) {\n return t('cairo.customFields.fieldType.date.invalid.value', {\n dateFormat: format,\n });\n }\n return '';\n };\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (value) => {\n const error = computeError(value);\n return error || true;\n },\n },\n });\n\n // A stored value that isn't a date leaves the picker empty instead of\n // throwing out of render.\n const [date, setDate] = useState<Date | undefined>(() => {\n const iso = controller.field.value\n ? getISODateStringWithFixedTimezone(controller.field.value)\n : undefined;\n return iso ? getDateWithoutTimezone(iso) : undefined;\n });\n\n const ref = useRef<BaseInputRef>({});\n const [errorMessage, setErrorMessage] = useState<string>('');\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n statusMessage={errorMessage}\n dataHook={dataHook}\n >\n <DatePicker\n ref={(internalRef) => {\n inputRef?.(ref.current);\n const inputEl =\n // @ts-expect-error: WSR internal API hack for focusing\n internalRef?.state?.inputRef as HTMLElement | undefined;\n ref.current.focus = () => inputEl?.focus?.();\n // Let react-hook-form's shouldFocusError scroll to + focus this field\n // when it blocks save.\n controller.field.ref(inputEl ?? null);\n }}\n dataHook={`date-${field.id}`}\n width=\"100%\"\n placeholderText={tFields('CMS.formDate.placeholder')}\n value={date}\n onChange={(newValue: Date) => {\n setDate(newValue);\n const formattedDate = newValue\n ? getISODateStringWithFixedTimezone(newValue)\n : undefined;\n controller.field.onChange(formattedDate?.split('T')[0] ?? null);\n }}\n onValidate={({ validationType, value: newValue, format }) => {\n const error = computeError(newValue, format, validationType);\n setErrorMessage(error);\n ref.current.invalid = !!error;\n\n if (validationType === 'formatError' && newValue === '') {\n setDate(undefined);\n controller.field.onChange(null);\n }\n }}\n status={errorMessage ? 'error' : undefined}\n statusMessage={errorMessage}\n />\n </FormField>\n );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAGsB,IAAAQ,YAAA;AAAA,SAAAT,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAItB,MAAMkB,cAAc,GAAIC,KAAyB,IAAK;EAAA,IAAAC,kBAAA;EACpD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAC9D,MAAM;IAAEO,SAAS,EAAE1B;EAAE,CAAC,GAAG,IAAA2B,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAE3B,CAAC,EAAE4B;EAAQ,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAExC,MAAMC,YAAY,GAAGA,CACnBC,KAAgC,EAChCC,MAAe,EACfC,cAA6D,KAClD;IAAA,IAAAC,iBAAA;IACX,IAAI,CAAAA,iBAAA,GAAAb,KAAK,CAACc,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,eAAO,EAACN,KAAK,CAAC,EAAE;MAChD,OAAO/B,CAAC,CAAC,qCAAqC,CAAC;IACjD;IACA,IAAIiC,cAAc,KAAK,aAAa,IAAID,MAAM,EAAE;MAC9C,OAAOhC,CAAC,CAAC,iDAAiD,EAAE;QAC1DsC,UAAU,EAAEN;MACd,CAAC,CAAC;IACJ;IACA,OAAO,EAAE;EACX,CAAC;EAED,MAAMO,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAApB,KAAK,oBAALA,KAAK,CAAEqB,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEnB,WAAW;IACpBoB,YAAY,EAAEnB,IAAI,oBAAJA,IAAI,CAAG,CAAAJ,KAAK,oBAALA,KAAK,CAAEqB,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGf,KAAK,IAAK;QACnB,MAAMgB,KAAK,GAAGjB,YAAY,CAACC,KAAK,CAAC;QACjC,OAAOgB,KAAK,IAAI,IAAI;MACtB;IACF;EACF,CAAC,CAAC;;EAEF;EACA;EACA,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAmB,MAAM;IACvD,MAAMC,GAAG,GAAGZ,UAAU,CAAClB,KAAK,CAACU,KAAK,GAC9B,IAAAqB,4CAAiC,EAACb,UAAU,CAAClB,KAAK,CAACU,KAAK,CAAC,GACzDsB,SAAS;IACb,OAAOF,GAAG,GAAG,IAAAG,iCAAsB,EAACH,GAAG,CAAC,GAAGE,SAAS;EACtD,CAAC,CAAC;EAEF,MAAME,GAAG,GAAG,IAAAC,aAAM,EAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAR,eAAQ,EAAS,EAAE,CAAC;EAE5D,oBACE9D,MAAA,CAAAqB,OAAA,CAAAkD,aAAA,CAACpE,aAAA,CAAAqE,SAAS;IACRC,KAAK,EAAExC,KAAK,CAACyC,WAAY;IACzB1B,QAAQ,GAAAhB,kBAAA,GAAEC,KAAK,CAACc,UAAU,qBAAhBf,kBAAA,CAAkBgB,QAAS;IACrC2B,aAAa,EAAEN,YAAa;IAC5BnC,QAAQ,EAAEA,QAAS;IAAA0C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBhF,MAAA,CAAAqB,OAAA,CAAAkD,aAAA,CAACpE,aAAA,CAAA8E,UAAU;IACTd,GAAG,EAAGe,WAAW,IAAK;MAAA,IAAAC,kBAAA;MACpBhD,QAAQ,YAARA,QAAQ,CAAGgC,GAAG,CAACiB,OAAO,CAAC;MACvB,MAAMC,OAAO,GACX;MACAH,WAAW,aAAAC,kBAAA,GAAXD,WAAW,CAAEI,KAAK,qBAAlBH,kBAAA,CAAoBhD,QAAmC;MACzDgC,GAAG,CAACiB,OAAO,CAACG,KAAK,GAAG,MAAMF,OAAO,YAAPA,OAAO,CAAEE,KAAK,oBAAdF,OAAO,CAAEE,KAAK,CAAG,CAAC;MAC5C;MACA;MACApC,UAAU,CAAClB,KAAK,CAACkC,GAAG,CAACkB,OAAO,IAAI,IAAI,CAAC;IACvC,CAAE;IACFnD,QAAQ,EAAE,QAAQD,KAAK,CAACqB,EAAE,EAAG;IAC7BkC,KAAK,EAAC,MAAM;IACZC,eAAe,EAAEjD,OAAO,CAAC,0BAA0B,CAAE;IACrDG,KAAK,EAAEiB,IAAK;IACZ8B,QAAQ,EAAGC,QAAc,IAAK;MAC5B9B,OAAO,CAAC8B,QAAQ,CAAC;MACjB,MAAMC,aAAa,GAAGD,QAAQ,GAC1B,IAAA3B,4CAAiC,EAAC2B,QAAQ,CAAC,GAC3C1B,SAAS;MACbd,UAAU,CAAClB,KAAK,CAACyD,QAAQ,CAAC,CAAAE,aAAa,oBAAbA,aAAa,CAAEC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAI,IAAI,CAAC;IACjE,CAAE;IACFC,UAAU,EAAEA,CAAC;MAAEjD,cAAc;MAAEF,KAAK,EAAEgD,QAAQ;MAAE/C;IAAO,CAAC,KAAK;MAC3D,MAAMe,KAAK,GAAGjB,YAAY,CAACiD,QAAQ,EAAE/C,MAAM,EAAEC,cAAc,CAAC;MAC5DyB,eAAe,CAACX,KAAK,CAAC;MACtBQ,GAAG,CAACiB,OAAO,CAACW,OAAO,GAAG,CAAC,CAACpC,KAAK;MAE7B,IAAId,cAAc,KAAK,aAAa,IAAI8C,QAAQ,KAAK,EAAE,EAAE;QACvD9B,OAAO,CAACI,SAAS,CAAC;QAClBd,UAAU,CAAClB,KAAK,CAACyD,QAAQ,CAAC,IAAI,CAAC;MACjC;IACF,CAAE;IACFM,MAAM,EAAE3B,YAAY,GAAG,OAAO,GAAGJ,SAAU;IAC3CU,aAAa,EAAEN,YAAa;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7B,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMiB,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACrE,cAAc,CAAC","ignoreList":[]}
@@ -90,13 +90,15 @@ const _FormDateTime = props => {
90
90
  }
91
91
  }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
92
92
  ref: internalRef => {
93
- dateRef.current.focus = () => {
94
- var _internalRef$state;
95
- return (// TODO: PR to WSR needed to expose as public API
96
- // @ts-expect-error
97
- internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus()
98
- );
99
- };
93
+ var _internalRef$state;
94
+ const inputEl = // TODO: PR to WSR needed to expose as public API
95
+ // @ts-expect-error internal API
96
+ internalRef == null || (_internalRef$state = internalRef.state) == null ? void 0 : _internalRef$state.inputRef;
97
+ dateRef.current.focus = () => inputEl == null || inputEl.focus == null ? void 0 : inputEl.focus();
98
+ // Hand the date input to react-hook-form so shouldFocusError can
99
+ // scroll to and focus this field when it blocks save (the
100
+ // composite date/time inputs have no single ref to pass directly).
101
+ controller.field.ref(inputEl ?? null);
100
102
  },
101
103
  width: "100%",
102
104
  placeholderText: tFields('CMS.formDate.placeholder'),
@@ -155,7 +157,7 @@ const _FormDateTime = props => {
155
157
  __self: void 0,
156
158
  __source: {
157
159
  fileName: _jsxFileName,
158
- lineNumber: 142,
160
+ lineNumber: 147,
159
161
  columnNumber: 9
160
162
  }
161
163
  }, /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, {
@@ -209,7 +211,7 @@ const _FormDateTime = props => {
209
211
  __self: void 0,
210
212
  __source: {
211
213
  fileName: _jsxFileName,
212
- lineNumber: 143,
214
+ lineNumber: 148,
213
215
  columnNumber: 11
214
216
  }
215
217
  }))));
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateTime","props","_field$validation2","_controller$fieldStat","_controller$fieldStat2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","v","_field$validation","validation","required","isEmpty","date","useMemo","value","undefined","d","Date","isNaN","getTime","dateStatusMessage","setDateStatusMessage","useState","timeStatusMessage","setTimeStatusMessage","ref","useRef","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","useEffect","current","focus","invalid","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","Layout","Cell","span","DatePicker","internalRef","_internalRef$state","state","width","placeholderText","onChange","onValidate","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","_field$validation3","dateFormat","status","fieldState","error","statusMessage","message","TimeInput","placeholder","invalidMessage","onInvalid","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","_field$validation4","FormDateTime","exports","observer"],"sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n Cell,\n DatePicker,\n FormField,\n Layout,\n TimeInput,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\n\nexport interface FormDateTimeProps extends BaseInputProps<string | null> {}\n\nconst _FormDateTime = (props: FormDateTimeProps) => {\n const { field, dataHook, inputRef, formControl, data } = props;\n const { translate: t } = useWixPatternsContainer();\n const { t: tFields } = useTranslations();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (v) => {\n if (field?.validation?.required && isEmpty(v)) {\n return t('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n const date = useMemo(() => {\n if (!controller.field.value) {\n return undefined;\n }\n const d = new Date(controller.field.value);\n return isNaN(d.getTime()) ? undefined : d;\n }, [controller.field.value]);\n\n const [dateStatusMessage, setDateStatusMessage] = useState('');\n const [timeStatusMessage, setTimeStatusMessage] = useState('');\n\n const ref = useRef<BaseInputRef>({});\n const dateRef = useRef<BaseInputRef>({});\n const timeRef = useRef<BaseInputRef>({});\n const [dateValue, setDateValue] = useState<number | string | undefined>(\n date?.getDate(),\n );\n const [timeValue, setTimeValue] = useState<number | string | undefined>(\n date?.getTime(),\n );\n\n useEffect(() => {\n ref.current.focus = () => {\n if (dateRef.current.invalid) {\n return dateRef.current.focus?.();\n }\n\n return timeRef.current.focus?.();\n };\n\n inputRef?.(ref.current);\n }, [inputRef]);\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n dataHook={dataHook}\n >\n <Layout>\n <Cell span={6}>\n <DatePicker\n ref={(internalRef) => {\n dateRef.current.focus = () =>\n // TODO: PR to WSR needed to expose as public API\n // @ts-expect-error\n internalRef?.state?.inputRef?.focus?.();\n }}\n width=\"100%\"\n placeholderText={tFields('CMS.formDate.placeholder')}\n value={date}\n onChange={() => {}}\n // onChange is triggered only when you have valid, non-empty value.\n // and onValidate is triggered on every change so we use onValidate\n onValidate={({ validationType, value: newValue, format }) => {\n if (validationType === 'valid') {\n const dateWithNewDate = date\n ? new Date(date)\n : new Date(newValue);\n const _value = new Date(newValue);\n dateWithNewDate.setFullYear(_value.getFullYear());\n dateWithNewDate.setMonth(_value.getMonth());\n dateWithNewDate.setDate(_value.getDate());\n controller.field.onChange(dateWithNewDate.toISOString());\n setDateValue(new Date(newValue).getDate());\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n } else if (validationType === 'formatError' && newValue === '') {\n if (field.validation?.required) {\n setDateStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n dateRef.current.invalid = true;\n } else {\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n }\n setDateValue(newValue);\n if (!timeValue) {\n controller.field.onChange(null);\n }\n } else {\n setDateStatusMessage(\n t('cairo.customFields.fieldType.date.invalid.value', {\n dateFormat: format ?? '',\n }),\n );\n dateRef.current.invalid = true;\n }\n\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n status={\n controller.fieldState.error || dateStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || dateStatusMessage\n }\n dataHook={`datetime-date-${field.id}`}\n />\n </Cell>\n <Cell span={6}>\n <TimeInput\n ref={(internalRef) => {\n timeRef.current.focus = () => internalRef?.focus();\n }}\n dataHook={`datetime-time-${field.id}`}\n placeholder={tFields('CMS.formTime.placeholder')}\n invalidMessage={tFields('CMS.formTime.invalidMessage')}\n value={date ?? null}\n status={\n controller.fieldState.error || timeStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || timeStatusMessage\n }\n onInvalid={() => {\n timeRef.current.invalid = true;\n setTimeStatusMessage(\n t('cairo.customFields.fieldType.dateAndTime.invalid.value'),\n );\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n onChange={({ date: newValue }) => {\n timeRef.current.invalid = false;\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n\n if (newValue) {\n const dateWithNewTime = date ? new Date(date) : newValue;\n dateWithNewTime.setHours(newValue.getHours());\n dateWithNewTime.setMinutes(newValue.getMinutes());\n dateWithNewTime.setSeconds(newValue.getSeconds());\n dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n controller.field.onChange(dateWithNewTime.toISOString());\n setTimeStatusMessage('');\n setDateStatusMessage('');\n } else {\n if (!newValue) {\n setTimeValue('');\n if (field.validation?.required) {\n setTimeStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n timeRef.current.invalid = true;\n } else {\n setTimeStatusMessage('');\n timeRef.current.invalid = false;\n }\n if (!ref.current.invalid) {\n if (!dateValue) {\n controller.field.onChange(null);\n }\n }\n }\n }\n }}\n />\n </Cell>\n </Layout>\n </FormField>\n );\n};\n\nexport const FormDateTime = observer(_FormDateTime);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateTime","props","_field$validation2","_controller$fieldStat","_controller$fieldStat2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","v","_field$validation","validation","required","isEmpty","date","useMemo","value","undefined","d","Date","isNaN","getTime","dateStatusMessage","setDateStatusMessage","useState","timeStatusMessage","setTimeStatusMessage","ref","useRef","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","useEffect","current","focus","invalid","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","Layout","Cell","span","DatePicker","internalRef","_internalRef$state","inputEl","state","width","placeholderText","onChange","onValidate","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","_field$validation3","dateFormat","status","fieldState","error","statusMessage","message","TimeInput","placeholder","invalidMessage","onInvalid","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","_field$validation4","FormDateTime","exports","observer"],"sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n Cell,\n DatePicker,\n FormField,\n Layout,\n TimeInput,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\n\nexport interface FormDateTimeProps extends BaseInputProps<string | null> {}\n\nconst _FormDateTime = (props: FormDateTimeProps) => {\n const { field, dataHook, inputRef, formControl, data } = props;\n const { translate: t } = useWixPatternsContainer();\n const { t: tFields } = useTranslations();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (v) => {\n if (field?.validation?.required && isEmpty(v)) {\n return t('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n const date = useMemo(() => {\n if (!controller.field.value) {\n return undefined;\n }\n const d = new Date(controller.field.value);\n return isNaN(d.getTime()) ? undefined : d;\n }, [controller.field.value]);\n\n const [dateStatusMessage, setDateStatusMessage] = useState('');\n const [timeStatusMessage, setTimeStatusMessage] = useState('');\n\n const ref = useRef<BaseInputRef>({});\n const dateRef = useRef<BaseInputRef>({});\n const timeRef = useRef<BaseInputRef>({});\n const [dateValue, setDateValue] = useState<number | string | undefined>(\n date?.getDate(),\n );\n const [timeValue, setTimeValue] = useState<number | string | undefined>(\n date?.getTime(),\n );\n\n useEffect(() => {\n ref.current.focus = () => {\n if (dateRef.current.invalid) {\n return dateRef.current.focus?.();\n }\n\n return timeRef.current.focus?.();\n };\n\n inputRef?.(ref.current);\n }, [inputRef]);\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n dataHook={dataHook}\n >\n <Layout>\n <Cell span={6}>\n <DatePicker\n ref={(internalRef) => {\n const inputEl =\n // TODO: PR to WSR needed to expose as public API\n // @ts-expect-error internal API\n internalRef?.state?.inputRef as HTMLElement | undefined;\n dateRef.current.focus = () => inputEl?.focus?.();\n // Hand the date input to react-hook-form so shouldFocusError can\n // scroll to and focus this field when it blocks save (the\n // composite date/time inputs have no single ref to pass directly).\n controller.field.ref(inputEl ?? null);\n }}\n width=\"100%\"\n placeholderText={tFields('CMS.formDate.placeholder')}\n value={date}\n onChange={() => {}}\n // onChange is triggered only when you have valid, non-empty value.\n // and onValidate is triggered on every change so we use onValidate\n onValidate={({ validationType, value: newValue, format }) => {\n if (validationType === 'valid') {\n const dateWithNewDate = date\n ? new Date(date)\n : new Date(newValue);\n const _value = new Date(newValue);\n dateWithNewDate.setFullYear(_value.getFullYear());\n dateWithNewDate.setMonth(_value.getMonth());\n dateWithNewDate.setDate(_value.getDate());\n controller.field.onChange(dateWithNewDate.toISOString());\n setDateValue(new Date(newValue).getDate());\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n } else if (validationType === 'formatError' && newValue === '') {\n if (field.validation?.required) {\n setDateStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n dateRef.current.invalid = true;\n } else {\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n }\n setDateValue(newValue);\n if (!timeValue) {\n controller.field.onChange(null);\n }\n } else {\n setDateStatusMessage(\n t('cairo.customFields.fieldType.date.invalid.value', {\n dateFormat: format ?? '',\n }),\n );\n dateRef.current.invalid = true;\n }\n\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n status={\n controller.fieldState.error || dateStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || dateStatusMessage\n }\n dataHook={`datetime-date-${field.id}`}\n />\n </Cell>\n <Cell span={6}>\n <TimeInput\n ref={(internalRef) => {\n timeRef.current.focus = () => internalRef?.focus();\n }}\n dataHook={`datetime-time-${field.id}`}\n placeholder={tFields('CMS.formTime.placeholder')}\n invalidMessage={tFields('CMS.formTime.invalidMessage')}\n value={date ?? null}\n status={\n controller.fieldState.error || timeStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || timeStatusMessage\n }\n onInvalid={() => {\n timeRef.current.invalid = true;\n setTimeStatusMessage(\n t('cairo.customFields.fieldType.dateAndTime.invalid.value'),\n );\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n onChange={({ date: newValue }) => {\n timeRef.current.invalid = false;\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n\n if (newValue) {\n const dateWithNewTime = date ? new Date(date) : newValue;\n dateWithNewTime.setHours(newValue.getHours());\n dateWithNewTime.setMinutes(newValue.getMinutes());\n dateWithNewTime.setSeconds(newValue.getSeconds());\n dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n controller.field.onChange(dateWithNewTime.toISOString());\n setTimeStatusMessage('');\n setDateStatusMessage('');\n } else {\n if (!newValue) {\n setTimeValue('');\n if (field.validation?.required) {\n setTimeStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n timeRef.current.invalid = true;\n } else {\n setTimeStatusMessage('');\n timeRef.current.invalid = false;\n }\n if (!ref.current.invalid) {\n if (!dateValue) {\n controller.field.onChange(null);\n }\n }\n }\n }\n }}\n />\n </Cell>\n </Layout>\n </FormField>\n );\n};\n\nexport const FormDateTime = observer(_FormDateTime);\n"],"mappings":"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","ignoreList":[]}
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
5
5
  var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
6
6
  // @ts-nocheck
7
7
 
8
- var _namespace_ = "deletedialog1567006919";
8
+ var _namespace_ = "deletedialog2767667586";
9
9
  var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
10
10
  var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
11
11
  var style = exports.style = _style_;
12
12
  var st = exports.st = _style_;
13
13
  var namespace = exports.namespace = _namespace_;
14
14
  var classes = exports.classes = {
15
- "root": "deletedialog1567006919__root",
16
- "layout": "deletedialog1567006919__layout"
15
+ "root": "deletedialog2767667586__root",
16
+ "layout": "deletedialog2767667586__layout"
17
17
  };
18
18
  var keyframes = exports.keyframes = {};
19
19
  var layers = exports.layers = {};
@@ -1 +1 @@
1
- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog1567006919\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog1567006919__root\",\"layout\":\"deletedialog1567006919__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog2767667586\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog2767667586__root\",\"layout\":\"deletedialog2767667586__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
@@ -5,7 +5,7 @@ exports.__esModule = true;
5
5
  exports.CellDocumentEdit = void 0;
6
6
  var _react = _interopRequireDefault(require("react"));
7
7
  var _designSystem = require("@wix/design-system");
8
- var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
8
+ var _lazy = require("@wix/wix-ui-icons-common/lazy");
9
9
  var _mediaUtils = require("../../utils/media-utils");
10
10
  var _autoFieldTypes = require("../../auto-field-types");
11
11
  var _hooks = require("../../hooks");
@@ -81,7 +81,7 @@ const CellDocumentEdit = ({
81
81
  id: fieldId,
82
82
  dataHook: "document-edit-tag",
83
83
  removable: false,
84
- thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
84
+ thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
85
85
  __self: void 0,
86
86
  __source: {
87
87
  fileName: _jsxFileName,
@@ -118,7 +118,7 @@ const CellDocumentEdit = ({
118
118
  lineNumber: 113,
119
119
  columnNumber: 11
120
120
  }
121
- }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
121
+ }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
122
122
  __self: void 0,
123
123
  __source: {
124
124
  fileName: _jsxFileName,
@@ -148,7 +148,7 @@ const CellDocumentEdit = ({
148
148
  lineNumber: 134,
149
149
  columnNumber: 15
150
150
  }
151
- }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
151
+ }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
152
152
  __self: void 0,
153
153
  __source: {
154
154
  fileName: _jsxFileName,
@@ -165,7 +165,7 @@ const CellDocumentEdit = ({
165
165
  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
166
166
  dataHook: "document-edit-action-replace",
167
167
  text: t('CMS.document.action.replace'),
168
- prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
168
+ prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
169
169
  __self: void 0,
170
170
  __source: {
171
171
  fileName: _jsxFileName,
@@ -183,7 +183,7 @@ const CellDocumentEdit = ({
183
183
  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
184
184
  dataHook: "document-edit-action-replace-url",
185
185
  text: t('CMS.document.action.replaceWithUrl'),
186
- prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
186
+ prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
187
187
  __self: void 0,
188
188
  __source: {
189
189
  fileName: _jsxFileName,
@@ -208,7 +208,7 @@ const CellDocumentEdit = ({
208
208
  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
209
209
  dataHook: "document-edit-action-open",
210
210
  text: t('CMS.document.action.open'),
211
- prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ExternalLink, {
211
+ prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ExternalLink, {
212
212
  __self: void 0,
213
213
  __source: {
214
214
  fileName: _jsxFileName,
@@ -226,7 +226,7 @@ const CellDocumentEdit = ({
226
226
  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
227
227
  dataHook: "document-edit-action-download",
228
228
  text: t('CMS.document.action.download'),
229
- prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
229
+ prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
230
230
  __self: void 0,
231
231
  __source: {
232
232
  fileName: _jsxFileName,
@@ -252,7 +252,7 @@ const CellDocumentEdit = ({
252
252
  dataHook: "document-edit-action-delete",
253
253
  text: t('CMS.document.action.delete'),
254
254
  skin: "destructive",
255
- prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
255
+ prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
256
256
  __self: void 0,
257
257
  __source: {
258
258
  fileName: _jsxFileName,
@@ -288,7 +288,7 @@ const CellDocumentEdit = ({
288
288
  lineNumber: 181,
289
289
  columnNumber: 11
290
290
  }
291
- }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LinkSmall, {
291
+ }, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
292
292
  __self: void 0,
293
293
  __source: {
294
294
  fileName: _jsxFileName,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_autoFieldTypes","_hooks","_react2","_mediaControl","_utils","_jsxFileName","CellDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","t","useTranslations","msid","useWixPatternsContainer","environment","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","ALL_MEDIA","pasteUrlTitle","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","handleOpenDocument","openDocument","getMediaURL","handleDownload","downloadMedia","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","document","gap","__self","__source","fileName","lineNumber","columnNumber","Box","minWidth","style","flex","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","Tooltip","content","appendTo","IconButton","priority","ariaLabel","onClick","handleCallMedia","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/document/cell-document-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tag, Tooltip } from '@wix/design-system';\nimport {\n Add,\n Delete,\n DocumentSmall,\n Download,\n ExternalLink,\n Link,\n LinkSmall,\n MoreSmall,\n Replace,\n} from '@wix/wix-ui-icons-common';\nimport { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n useCellMediaEdit,\n CellMediaEditShell,\n MediaFieldType,\n} from '../media-control';\nimport { openDocument } from './utils';\n\nexport interface CellDocumentEditProps {\n value: string | null;\n onChange: (value: string | null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n /**\n * Called before opening external UI (media manager / paste-URL form) so the\n * table can set isEditing=true and protect cell focus while the modal is open.\n */\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n dataHook?: string;\n /**\n * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n * responsible for ensuring uniqueness (e.g., derive from columnId).\n */\n fieldId: string;\n}\n\nexport const CellDocumentEdit: React.FC<CellDocumentEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n fieldId,\n}) => {\n const { t } = useTranslations();\n const msid = useWixPatternsContainer()?.environment?.msid;\n\n const mediaEdit = useCellMediaEdit({\n mediaType: MEDIA_TYPES.ALL_MEDIA,\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n });\n\n const pasteUrlTitle = value\n ? t('CMS.document.replaceWithUrl.title')\n : t('CMS.document.pasteUrl.title');\n\n const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n title: pasteUrlTitle,\n value: value ?? undefined,\n });\n\n const handleOpenDocument = () => {\n if (!value) {\n return;\n }\n openDocument(getMediaURL(value, msid));\n };\n\n const handleDownload = () => {\n if (!value) {\n return;\n }\n mediaEdit.downloadMedia(value);\n };\n\n return (\n <CellMediaEditShell\n dataHook={dataHook}\n mediaEdit={mediaEdit}\n value={value}\n fieldType={MediaFieldType.document}\n gap=\"SP1\"\n >\n {value ? (\n <Box minWidth=\"0\" style={{ flex: '1 1 auto' }}>\n <Tag\n id={fieldId}\n dataHook=\"document-edit-tag\"\n removable={false}\n thumb={<DocumentSmall />}\n size=\"small\"\n maxWidth=\"100%\"\n >\n {getMediaTitle(value)}\n </Tag>\n </Box>\n ) : (\n <Tooltip content={t('CMS.document.add.button.text')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"document-edit-add-button\"\n ariaLabel={t('CMS.document.add.button.text')}\n onClick={mediaEdit.handleCallMedia}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {value ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-more-button\"\n ariaLabel={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace\"\n text={t('CMS.document.action.replace')}\n prefixIcon={<Replace />}\n onClick={mediaEdit.handleCallMedia}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace-url\"\n text={t('CMS.document.action.replaceWithUrl')}\n prefixIcon={<Link />}\n onClick={openPasteUrl}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-open\"\n text={t('CMS.document.action.open')}\n prefixIcon={<ExternalLink />}\n onClick={handleOpenDocument}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-download\"\n text={t('CMS.document.action.download')}\n prefixIcon={<Download />}\n onClick={handleDownload}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-delete\"\n text={t('CMS.document.action.delete')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={mediaEdit.handleDelete}\n />\n </PopoverMenu>\n ) : (\n <Tooltip content={t('CMS.document.pasteUrl.button')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-paste-url-button\"\n ariaLabel={t('CMS.document.pasteUrl.button')}\n onClick={openPasteUrl}\n >\n <LinkSmall />\n </IconButton>\n </Tooltip>\n )}\n </CellMediaEditShell>\n );\n};\n\nCellDocumentEdit.displayName = 'CellDocumentEdit';\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_autoFieldTypes","_hooks","_react2","_mediaControl","_utils","_jsxFileName","CellDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","t","useTranslations","msid","useWixPatternsContainer","environment","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","ALL_MEDIA","pasteUrlTitle","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","handleOpenDocument","openDocument","getMediaURL","handleDownload","downloadMedia","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","document","gap","__self","__source","fileName","lineNumber","columnNumber","Box","minWidth","style","flex","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","Tooltip","content","appendTo","IconButton","priority","ariaLabel","onClick","handleCallMedia","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/document/cell-document-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tag, Tooltip } from '@wix/design-system';\nimport {\n Add,\n Delete,\n DocumentSmall,\n Download,\n ExternalLink,\n Link,\n LinkSmall,\n MoreSmall,\n Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n useCellMediaEdit,\n CellMediaEditShell,\n MediaFieldType,\n} from '../media-control';\nimport { openDocument } from './utils';\n\nexport interface CellDocumentEditProps {\n value: string | null;\n onChange: (value: string | null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n /**\n * Called before opening external UI (media manager / paste-URL form) so the\n * table can set isEditing=true and protect cell focus while the modal is open.\n */\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n dataHook?: string;\n /**\n * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n * responsible for ensuring uniqueness (e.g., derive from columnId).\n */\n fieldId: string;\n}\n\nexport const CellDocumentEdit: React.FC<CellDocumentEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n fieldId,\n}) => {\n const { t } = useTranslations();\n const msid = useWixPatternsContainer()?.environment?.msid;\n\n const mediaEdit = useCellMediaEdit({\n mediaType: MEDIA_TYPES.ALL_MEDIA,\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n });\n\n const pasteUrlTitle = value\n ? t('CMS.document.replaceWithUrl.title')\n : t('CMS.document.pasteUrl.title');\n\n const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n title: pasteUrlTitle,\n value: value ?? undefined,\n });\n\n const handleOpenDocument = () => {\n if (!value) {\n return;\n }\n openDocument(getMediaURL(value, msid));\n };\n\n const handleDownload = () => {\n if (!value) {\n return;\n }\n mediaEdit.downloadMedia(value);\n };\n\n return (\n <CellMediaEditShell\n dataHook={dataHook}\n mediaEdit={mediaEdit}\n value={value}\n fieldType={MediaFieldType.document}\n gap=\"SP1\"\n >\n {value ? (\n <Box minWidth=\"0\" style={{ flex: '1 1 auto' }}>\n <Tag\n id={fieldId}\n dataHook=\"document-edit-tag\"\n removable={false}\n thumb={<DocumentSmall />}\n size=\"small\"\n maxWidth=\"100%\"\n >\n {getMediaTitle(value)}\n </Tag>\n </Box>\n ) : (\n <Tooltip content={t('CMS.document.add.button.text')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"document-edit-add-button\"\n ariaLabel={t('CMS.document.add.button.text')}\n onClick={mediaEdit.handleCallMedia}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {value ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-more-button\"\n ariaLabel={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace\"\n text={t('CMS.document.action.replace')}\n prefixIcon={<Replace />}\n onClick={mediaEdit.handleCallMedia}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace-url\"\n text={t('CMS.document.action.replaceWithUrl')}\n prefixIcon={<Link />}\n onClick={openPasteUrl}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-open\"\n text={t('CMS.document.action.open')}\n prefixIcon={<ExternalLink />}\n onClick={handleOpenDocument}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-download\"\n text={t('CMS.document.action.download')}\n prefixIcon={<Download />}\n onClick={handleDownload}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-delete\"\n text={t('CMS.document.action.delete')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={mediaEdit.handleDelete}\n />\n </PopoverMenu>\n ) : (\n <Tooltip content={t('CMS.document.pasteUrl.button')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-paste-url-button\"\n ariaLabel={t('CMS.document.pasteUrl.button')}\n onClick={openPasteUrl}\n >\n <LinkSmall />\n </IconButton>\n </Tooltip>\n )}\n </CellMediaEditShell>\n );\n};\n\nCellDocumentEdit.displayName = 'CellDocumentEdit';\n"],"mappings":"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","ignoreList":[]}
@@ -5,7 +5,7 @@ exports.__esModule = true;
5
5
  exports.CellDocumentView = void 0;
6
6
  var _react = _interopRequireDefault(require("react"));
7
7
  var _designSystem = require("@wix/design-system");
8
- var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
8
+ var _lazy = require("@wix/wix-ui-icons-common/lazy");
9
9
  var _mediaUtils = require("../../utils/media-utils");
10
10
  var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/document/cell-document-view.tsx";
11
11
  const CellDocumentView = ({
@@ -33,7 +33,7 @@ const CellDocumentView = ({
33
33
  id: fieldId,
34
34
  dataHook: "cell-document-tag",
35
35
  removable: false,
36
- thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
36
+ thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
37
37
  __self: void 0,
38
38
  __source: {
39
39
  fileName: _jsxFileName,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_jsxFileName","CellDocumentView","value","dataHook","fieldId","default","createElement","Box","verticalAlign","padding","height","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","exports","displayName"],"sources":["../../../../src/components/document/cell-document-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Tag } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface CellDocumentViewProps {\n value: string | null | undefined;\n dataHook?: string;\n /**\n * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n * responsible for ensuring uniqueness (e.g., derive from columnId + rowKey).\n */\n fieldId: string;\n}\n\nexport const CellDocumentView: React.FC<CellDocumentViewProps> = ({\n value,\n dataHook,\n fieldId,\n}) => {\n if (!value) {\n return null;\n }\n\n return (\n <Box\n dataHook={dataHook}\n verticalAlign=\"middle\"\n padding=\"0 8px\"\n height=\"100%\"\n width=\"100%\"\n minWidth=\"0\"\n >\n <Tag\n id={fieldId}\n dataHook=\"cell-document-tag\"\n removable={false}\n thumb={<DocumentSmall />}\n size=\"small\"\n maxWidth=\"100%\"\n >\n {getMediaTitle(value)}\n </Tag>\n </Box>\n );\n};\n\nCellDocumentView.displayName = 'CellDocumentView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAYjD,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFJ,QAAQ,EAAEA,QAAS;IACnBK,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,OAAO;IACfC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAC,MAAM;IACZC,QAAQ,EAAC,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,GAAG;IACFC,EAAE,EAAEf,OAAQ;IACZD,QAAQ,EAAC,mBAAmB;IAC5BiB,SAAS,EAAE,KAAM;IACjBC,KAAK,eAAE3B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAwB,aAAa;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBM,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,IAAAQ,yBAAa,EAACvB,KAAK,CACjB,CACF,CAAC;AAEV,CAAC;AAACwB,OAAA,CAAAzB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_jsxFileName","CellDocumentView","value","dataHook","fieldId","default","createElement","Box","verticalAlign","padding","height","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","exports","displayName"],"sources":["../../../../src/components/document/cell-document-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Tag } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common/lazy';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface CellDocumentViewProps {\n value: string | null | undefined;\n dataHook?: string;\n /**\n * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n * responsible for ensuring uniqueness (e.g., derive from columnId + rowKey).\n */\n fieldId: string;\n}\n\nexport const CellDocumentView: React.FC<CellDocumentViewProps> = ({\n value,\n dataHook,\n fieldId,\n}) => {\n if (!value) {\n return null;\n }\n\n return (\n <Box\n dataHook={dataHook}\n verticalAlign=\"middle\"\n padding=\"0 8px\"\n height=\"100%\"\n width=\"100%\"\n minWidth=\"0\"\n >\n <Tag\n id={fieldId}\n dataHook=\"cell-document-tag\"\n removable={false}\n thumb={<DocumentSmall />}\n size=\"small\"\n maxWidth=\"100%\"\n >\n {getMediaTitle(value)}\n </Tag>\n </Box>\n );\n};\n\nCellDocumentView.displayName = 'CellDocumentView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAYjD,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFJ,QAAQ,EAAEA,QAAS;IACnBK,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,OAAO;IACfC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAC,MAAM;IACZC,QAAQ,EAAC,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,GAAG;IACFC,EAAE,EAAEf,OAAQ;IACZD,QAAQ,EAAC,mBAAmB;IAC5BiB,SAAS,EAAE,KAAM;IACjBC,KAAK,eAAE3B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAwB,aAAa;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBM,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,IAAAQ,yBAAa,EAACvB,KAAK,CACjB,CACF,CAAC;AAEV,CAAC;AAACwB,OAAA,CAAAzB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB","ignoreList":[]}
@@ -6,7 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
6
6
  var _mediaUtils = require("../../utils/media-utils");
7
7
  var _autoFieldTypes = require("../../auto-field-types");
8
8
  var _designSystem = require("@wix/design-system");
9
- var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
9
+ var _lazy = require("@wix/wix-ui-icons-common/lazy");
10
10
  var _hooks = require("../../hooks");
11
11
  var _formDocumentFieldStCss = require("./form-document-field.st.css.js");
12
12
  var _documentLoader = require("./document-loader");
@@ -31,7 +31,7 @@ const DocumentComponent = ({
31
31
  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
32
32
  width: "24px",
33
33
  height: "24px",
34
- children: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Document, {
34
+ children: /*#__PURE__*/_react.default.createElement(_lazy.Document, {
35
35
  __self: void 0,
36
36
  __source: {
37
37
  fileName: _jsxFileName,
@@ -146,7 +146,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
146
146
  minWidth: '232px'
147
147
  },
148
148
  secondaryActions: [{
149
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
149
+ icon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
150
150
  __self: void 0,
151
151
  __source: {
152
152
  fileName: _jsxFileName,
@@ -159,7 +159,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
159
159
  dataHook: 'document-view-download-action',
160
160
  text: t('CMS.document.action.download')
161
161
  }, {
162
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
162
+ icon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
163
163
  __self: void 0,
164
164
  __source: {
165
165
  fileName: _jsxFileName,
@@ -172,7 +172,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
172
172
  dataHook: 'document-view-replace-action',
173
173
  disabled: readOnly
174
174
  }, {
175
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
175
+ icon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
176
176
  __self: void 0,
177
177
  __source: {
178
178
  fileName: _jsxFileName,
@@ -187,7 +187,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
187
187
  }, {
188
188
  divider: true
189
189
  }, {
190
- icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
190
+ icon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
191
191
  __self: void 0,
192
192
  __source: {
193
193
  fileName: _jsxFileName,
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoFieldTypes","_designSystem","_wixUiIconsCommon","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../src/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n Delete,\n Replace,\n Document,\n Link,\n Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n return (\n <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n <Box width=\"24px\" height=\"24px\" children={<Document />} />\n <Text\n dataHook=\"document-view-name\"\n secondary\n ellipsis\n children={getMediaTitle(mediaURI)}\n />\n </Box>\n );\n};\ninterface DocumentControl {\n mediaURI: string;\n readOnly?: boolean;\n onReplace: () => void;\n onDelete: () => void;\n onDownload: (mediaURI: string) => void;\n className?: string;\n loading: boolean;\n loaderBorderStyle?: 'solid' | 'dashed';\n loaderClassName?: string;\n dataHook?: string;\n onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n TableListItemImperativeActions,\n DocumentControl\n>(\n (\n {\n mediaURI,\n readOnly,\n onReplace,\n onDelete,\n onDownload,\n dataHook,\n className,\n loading,\n loaderBorderStyle,\n loaderClassName,\n onOpenPasteURLForm,\n },\n ref,\n ) => {\n const { t } = useTranslations();\n const { environment } = useWixPatternsContainer();\n const metaSiteId = environment.msid;\n\n const handleOpenDocument = useCallback(() => {\n openDocument(getMediaURL(mediaURI, metaSiteId));\n }, [mediaURI, metaSiteId]);\n\n const handleDownload = useCallback(() => {\n onDownload(mediaURI);\n }, [mediaURI, onDownload]);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n (event) => {\n const actions = containerRef?.current?.querySelector(\n `[data-hook=\"document-view-actions-button\"]`,\n );\n\n if (actions?.contains(document.activeElement)) {\n return;\n }\n\n if (event.key === 'Enter') {\n handleOpenDocument();\n }\n },\n [handleOpenDocument, containerRef],\n );\n\n return loading ? (\n <DocumentLoader\n borderStyle={loaderBorderStyle}\n className={loaderClassName}\n />\n ) : (\n <div ref={containerRef} onKeyDown={handleOnKeydown}>\n <TableListItem\n dataHook={dataHook}\n ref={ref}\n className={className}\n onClick={handleOpenDocument}\n verticalPadding=\"tiny\"\n options={[\n {\n value: <DocumentComponent mediaURI={mediaURI} />,\n width: '75%',\n },\n {\n value: (\n <TableActionCell\n dataHook=\"document-view-actions-button\"\n alwaysShowSecondaryActions\n numOfVisibleSecondaryActions={1}\n primaryAction={{\n onClick: handleOpenDocument,\n skin: 'standard',\n text: t('CMS.document.action.open'),\n dataHook: 'document-view-open-action',\n }}\n popoverMenuProps={{\n textSize: 'medium',\n minWidth: '232px',\n }}\n secondaryActions={[\n {\n icon: <Download />,\n onClick: handleDownload,\n disabled: readOnly,\n dataHook: 'document-view-download-action',\n text: t('CMS.document.action.download'),\n },\n {\n icon: <Replace />,\n onClick: onReplace,\n text: t('CMS.document.action.replace'),\n dataHook: 'document-view-replace-action',\n disabled: readOnly,\n },\n {\n icon: <Link />,\n onClick: onOpenPasteURLForm,\n text: t('CMS.document.action.replaceWithUrl'),\n dataHook: 'document-view-replace-with-url-action',\n disabled: readOnly,\n },\n {\n divider: true,\n },\n {\n icon: <Delete />,\n onClick: onDelete,\n text: t('CMS.document.action.delete'),\n dataHook: 'document-view-delete-action',\n disabled: readOnly,\n },\n ]}\n />\n ),\n width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n align: 'right',\n },\n ]}\n />\n </div>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoFieldTypes","_designSystem","_lazy","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../src/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n Delete,\n Replace,\n Document,\n Link,\n Download,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n return (\n <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n <Box width=\"24px\" height=\"24px\" children={<Document />} />\n <Text\n dataHook=\"document-view-name\"\n secondary\n ellipsis\n children={getMediaTitle(mediaURI)}\n />\n </Box>\n );\n};\ninterface DocumentControl {\n mediaURI: string;\n readOnly?: boolean;\n onReplace: () => void;\n onDelete: () => void;\n onDownload: (mediaURI: string) => void;\n className?: string;\n loading: boolean;\n loaderBorderStyle?: 'solid' | 'dashed';\n loaderClassName?: string;\n dataHook?: string;\n onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n TableListItemImperativeActions,\n DocumentControl\n>(\n (\n {\n mediaURI,\n readOnly,\n onReplace,\n onDelete,\n onDownload,\n dataHook,\n className,\n loading,\n loaderBorderStyle,\n loaderClassName,\n onOpenPasteURLForm,\n },\n ref,\n ) => {\n const { t } = useTranslations();\n const { environment } = useWixPatternsContainer();\n const metaSiteId = environment.msid;\n\n const handleOpenDocument = useCallback(() => {\n openDocument(getMediaURL(mediaURI, metaSiteId));\n }, [mediaURI, metaSiteId]);\n\n const handleDownload = useCallback(() => {\n onDownload(mediaURI);\n }, [mediaURI, onDownload]);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n (event) => {\n const actions = containerRef?.current?.querySelector(\n `[data-hook=\"document-view-actions-button\"]`,\n );\n\n if (actions?.contains(document.activeElement)) {\n return;\n }\n\n if (event.key === 'Enter') {\n handleOpenDocument();\n }\n },\n [handleOpenDocument, containerRef],\n );\n\n return loading ? (\n <DocumentLoader\n borderStyle={loaderBorderStyle}\n className={loaderClassName}\n />\n ) : (\n <div ref={containerRef} onKeyDown={handleOnKeydown}>\n <TableListItem\n dataHook={dataHook}\n ref={ref}\n className={className}\n onClick={handleOpenDocument}\n verticalPadding=\"tiny\"\n options={[\n {\n value: <DocumentComponent mediaURI={mediaURI} />,\n width: '75%',\n },\n {\n value: (\n <TableActionCell\n dataHook=\"document-view-actions-button\"\n alwaysShowSecondaryActions\n numOfVisibleSecondaryActions={1}\n primaryAction={{\n onClick: handleOpenDocument,\n skin: 'standard',\n text: t('CMS.document.action.open'),\n dataHook: 'document-view-open-action',\n }}\n popoverMenuProps={{\n textSize: 'medium',\n minWidth: '232px',\n }}\n secondaryActions={[\n {\n icon: <Download />,\n onClick: handleDownload,\n disabled: readOnly,\n dataHook: 'document-view-download-action',\n text: t('CMS.document.action.download'),\n },\n {\n icon: <Replace />,\n onClick: onReplace,\n text: t('CMS.document.action.replace'),\n dataHook: 'document-view-replace-action',\n disabled: readOnly,\n },\n {\n icon: <Link />,\n onClick: onOpenPasteURLForm,\n text: t('CMS.document.action.replaceWithUrl'),\n dataHook: 'document-view-replace-with-url-action',\n disabled: readOnly,\n },\n {\n divider: true,\n },\n {\n icon: <Delete />,\n onClick: onDelete,\n text: t('CMS.document.action.delete'),\n dataHook: 'document-view-delete-action',\n disabled: readOnly,\n },\n ]}\n />\n ),\n width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n align: 'right',\n },\n ]}\n />\n </div>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}