@wix/patterns-fields 1.35.0 → 1.37.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 (752) hide show
  1. package/dist/cjs/components/address/form-address.driver.js +17 -0
  2. package/dist/cjs/components/address/form-address.driver.js.map +1 -0
  3. package/dist/cjs/components/address/form-address.js +66 -0
  4. package/dist/cjs/components/address/form-address.js.map +1 -0
  5. package/dist/cjs/components/address/index.js +6 -0
  6. package/dist/cjs/components/address/index.js.map +1 -1
  7. package/dist/cjs/components/address/input/address-input.js +10 -2
  8. package/dist/cjs/components/address/input/address-input.js.map +1 -1
  9. package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
  10. package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
  11. package/dist/cjs/components/address/view/cell-address-view.js +49 -0
  12. package/dist/cjs/components/address/view/cell-address-view.js.map +1 -0
  13. package/dist/cjs/components/address/view/index.js +6 -0
  14. package/dist/cjs/components/address/view/index.js.map +1 -1
  15. package/dist/cjs/components/array/form-array.driver.js +18 -0
  16. package/dist/cjs/components/array/form-array.driver.js.map +1 -0
  17. package/dist/cjs/components/array/form-array.js +114 -0
  18. package/dist/cjs/components/array/form-array.js.map +1 -0
  19. package/dist/cjs/components/array/index.js +10 -0
  20. package/dist/cjs/components/array/index.js.map +1 -0
  21. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
  22. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
  23. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
  24. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
  25. package/dist/cjs/components/audio/audio-field/form-audio.driver.js +21 -0
  26. package/dist/cjs/components/audio/audio-field/form-audio.driver.js.map +1 -0
  27. package/dist/cjs/components/audio/audio-field/form-audio.js +65 -0
  28. package/dist/cjs/components/audio/audio-field/form-audio.js.map +1 -0
  29. package/dist/cjs/components/audio/audio-field/index.js +6 -0
  30. package/dist/cjs/components/audio/audio-field/index.js.map +1 -1
  31. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
  32. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
  33. package/dist/cjs/components/boolean/form-checkbox.driver.js +1 -1
  34. package/dist/cjs/components/boolean/form-checkbox.driver.js.map +1 -1
  35. package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
  36. package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
  37. package/dist/cjs/components/color-view/form-color.driver.js +22 -0
  38. package/dist/cjs/components/color-view/form-color.driver.js.map +1 -0
  39. package/dist/cjs/components/color-view/form-color.js +51 -0
  40. package/dist/cjs/components/color-view/form-color.js.map +1 -0
  41. package/dist/cjs/components/color-view/index.js +6 -0
  42. package/dist/cjs/components/color-view/index.js.map +1 -1
  43. package/dist/cjs/components/date-input/date-utils.js +13 -0
  44. package/dist/cjs/components/date-input/date-utils.js.map +1 -0
  45. package/dist/cjs/components/date-input/form-date-input.driver.js +22 -0
  46. package/dist/cjs/components/date-input/form-date-input.driver.js.map +1 -0
  47. package/dist/cjs/components/date-input/form-date-input.js +113 -0
  48. package/dist/cjs/components/date-input/form-date-input.js.map +1 -0
  49. package/dist/cjs/components/date-input/index.js +10 -0
  50. package/dist/cjs/components/date-input/index.js.map +1 -0
  51. package/dist/cjs/components/datetime-input/form-date-time.driver.js +31 -0
  52. package/dist/cjs/components/datetime-input/form-date-time.driver.js.map +1 -0
  53. package/dist/cjs/components/datetime-input/form-date-time.js +211 -0
  54. package/dist/cjs/components/datetime-input/form-date-time.js.map +1 -0
  55. package/dist/cjs/components/datetime-input/index.js +10 -0
  56. package/dist/cjs/components/datetime-input/index.js.map +1 -0
  57. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
  58. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
  59. package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
  60. package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
  61. package/dist/cjs/components/document/form-document.driver.js +19 -0
  62. package/dist/cjs/components/document/form-document.driver.js.map +1 -0
  63. package/dist/cjs/components/document/form-document.js +65 -0
  64. package/dist/cjs/components/document/form-document.js.map +1 -0
  65. package/dist/cjs/components/email/form-email.driver.js +22 -0
  66. package/dist/cjs/components/email/form-email.driver.js.map +1 -0
  67. package/dist/cjs/components/email/form-email.js +77 -0
  68. package/dist/cjs/components/email/form-email.js.map +1 -0
  69. package/dist/cjs/components/email/index.js +6 -0
  70. package/dist/cjs/components/email/index.js.map +1 -1
  71. package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
  72. package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
  73. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
  74. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
  75. package/dist/cjs/components/image/form-image-input.driver.js +24 -0
  76. package/dist/cjs/components/image/form-image-input.driver.js.map +1 -0
  77. package/dist/cjs/components/image/form-image-input.js +101 -0
  78. package/dist/cjs/components/image/form-image-input.js.map +1 -0
  79. package/dist/cjs/components/image/image-view-field.js +58 -0
  80. package/dist/cjs/components/image/image-view-field.js.map +1 -0
  81. package/dist/cjs/components/image/index.js +12 -0
  82. package/dist/cjs/components/image/index.js.map +1 -1
  83. package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +3 -3
  84. package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
  85. package/dist/cjs/components/index.js +24 -0
  86. package/dist/cjs/components/index.js.map +1 -1
  87. package/dist/cjs/components/{object → json-input}/form-json-input.js +1 -1
  88. package/dist/cjs/components/json-input/form-json-input.js.map +1 -0
  89. package/dist/cjs/components/json-input/index.js +16 -0
  90. package/dist/cjs/components/json-input/index.js.map +1 -0
  91. package/dist/cjs/components/{object → json-input}/json-input.js +1 -1
  92. package/dist/cjs/components/json-input/json-input.js.map +1 -0
  93. package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +2 -2
  94. package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
  95. package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
  96. package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
  97. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
  98. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
  99. package/dist/cjs/components/media-gallery/form-media-gallery.driver.js +23 -0
  100. package/dist/cjs/components/media-gallery/form-media-gallery.driver.js.map +1 -0
  101. package/dist/cjs/components/media-gallery/form-media-gallery.js +69 -0
  102. package/dist/cjs/components/media-gallery/form-media-gallery.js.map +1 -0
  103. package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
  104. package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
  105. package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
  106. package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
  107. package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
  108. package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
  109. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  110. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
  111. package/dist/cjs/components/multi-document/index.js +3 -1
  112. package/dist/cjs/components/multi-document/index.js.map +1 -1
  113. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.driver.js +19 -0
  114. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.driver.js.map +1 -0
  115. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.js +64 -0
  116. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.js.map +1 -0
  117. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
  118. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
  119. package/dist/cjs/components/number-input/form-number.driver.js +23 -0
  120. package/dist/cjs/components/number-input/form-number.driver.js.map +1 -0
  121. package/dist/cjs/components/number-input/form-number.js +81 -0
  122. package/dist/cjs/components/number-input/form-number.js.map +1 -0
  123. package/dist/cjs/components/number-input/index.js +6 -0
  124. package/dist/cjs/components/number-input/index.js.map +1 -1
  125. package/dist/cjs/components/object/form-object.driver.js +18 -0
  126. package/dist/cjs/components/object/form-object.driver.js.map +1 -0
  127. package/dist/cjs/components/object/form-object.js +95 -0
  128. package/dist/cjs/components/object/form-object.js.map +1 -0
  129. package/dist/cjs/components/object/index.js +4 -10
  130. package/dist/cjs/components/object/index.js.map +1 -1
  131. package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
  132. package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
  133. package/dist/cjs/components/rich-content/form-rich-content.driver.js +18 -0
  134. package/dist/cjs/components/rich-content/form-rich-content.driver.js.map +1 -0
  135. package/dist/cjs/components/rich-content/form-rich-content.js +101 -0
  136. package/dist/cjs/components/rich-content/form-rich-content.js.map +1 -0
  137. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
  138. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
  139. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
  140. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
  141. package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  142. 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
  143. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
  144. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
  145. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
  146. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
  147. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  148. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
  149. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
  150. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
  151. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +4 -4
  152. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
  153. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
  154. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
  155. package/dist/cjs/components/rich-text/form-rich-text.driver.js +18 -0
  156. package/dist/cjs/components/rich-text/form-rich-text.driver.js.map +1 -0
  157. package/dist/cjs/components/rich-text/form-rich-text.js +93 -0
  158. package/dist/cjs/components/rich-text/form-rich-text.js.map +1 -0
  159. package/dist/cjs/components/rich-text/index.js +6 -0
  160. package/dist/cjs/components/rich-text/index.js.map +1 -1
  161. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
  162. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
  163. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
  164. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
  165. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
  166. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
  167. package/dist/cjs/components/text/form-long-text.driver.js +24 -0
  168. package/dist/cjs/components/text/form-long-text.driver.js.map +1 -0
  169. package/dist/cjs/components/text/form-long-text.js +65 -0
  170. package/dist/cjs/components/text/form-long-text.js.map +1 -0
  171. package/dist/cjs/components/text/form-short-text.driver.js +2 -2
  172. package/dist/cjs/components/text/form-short-text.driver.js.map +1 -1
  173. package/dist/cjs/components/text/index.js +6 -0
  174. package/dist/cjs/components/text/index.js.map +1 -1
  175. package/dist/cjs/components/text/text-view.st.css.js +3 -3
  176. package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
  177. package/dist/cjs/components/time-input/cell-time-input.js +96 -0
  178. package/dist/cjs/components/time-input/cell-time-input.js.map +1 -0
  179. package/dist/cjs/components/time-input/form-time.driver.js +18 -0
  180. package/dist/cjs/components/time-input/form-time.driver.js.map +1 -0
  181. package/dist/cjs/components/time-input/form-time.js +92 -0
  182. package/dist/cjs/components/time-input/form-time.js.map +1 -0
  183. package/dist/cjs/components/time-input/index.js +12 -0
  184. package/dist/cjs/components/time-input/index.js.map +1 -1
  185. package/dist/cjs/components/time-view/hooks.js +11 -5
  186. package/dist/cjs/components/time-view/hooks.js.map +1 -1
  187. package/dist/cjs/components/time-view/index.js.map +1 -1
  188. package/dist/cjs/components/url/form-url.driver.js +25 -0
  189. package/dist/cjs/components/url/form-url.driver.js.map +1 -0
  190. package/dist/cjs/components/url/form-url.js +85 -0
  191. package/dist/cjs/components/url/form-url.js.map +1 -0
  192. package/dist/cjs/components/url/index.js +6 -0
  193. package/dist/cjs/components/url/index.js.map +1 -1
  194. package/dist/cjs/components/video/form-video.driver.js +40 -0
  195. package/dist/cjs/components/video/form-video.driver.js.map +1 -0
  196. package/dist/cjs/components/video/form-video.js +364 -0
  197. package/dist/cjs/components/video/form-video.js.map +1 -0
  198. package/dist/cjs/components/video/index.js +7 -1
  199. package/dist/cjs/components/video/index.js.map +1 -1
  200. package/dist/cjs/components/video/use-video-preview.js +71 -0
  201. package/dist/cjs/components/video/use-video-preview.js.map +1 -0
  202. package/dist/cjs/components/video/video-view-field.js +205 -0
  203. package/dist/cjs/components/video/video-view-field.js.map +1 -0
  204. package/dist/cjs/exports/form-document-field.js +3 -1
  205. package/dist/cjs/exports/form-document-field.js.map +1 -1
  206. package/dist/cjs/exports/form-media-gallery-field.js +3 -1
  207. package/dist/cjs/exports/form-media-gallery-field.js.map +1 -1
  208. package/dist/cjs/exports/form-rich-content-input.js +3 -1
  209. package/dist/cjs/exports/form-rich-content-input.js.map +1 -1
  210. package/dist/cjs/styles.global.css +1 -1
  211. package/dist/cjs/testkit/base-driver.js +5 -0
  212. package/dist/cjs/testkit/base-driver.js.map +1 -1
  213. package/dist/cjs/testkit/patterns-fields-test-provider.js +6 -3
  214. package/dist/cjs/testkit/patterns-fields-test-provider.js.map +1 -1
  215. package/dist/cjs/utils/get-image-url.js +25 -0
  216. package/dist/cjs/utils/get-image-url.js.map +1 -0
  217. package/dist/cjs/utils/media-constants.js +19 -0
  218. package/dist/cjs/utils/media-constants.js.map +1 -0
  219. package/dist/cjs/validations/array.js +4 -1
  220. package/dist/cjs/validations/array.js.map +1 -1
  221. package/dist/cjs/validations/number.js +9 -0
  222. package/dist/cjs/validations/number.js.map +1 -0
  223. package/dist/cjs/validations/string.js +2 -1
  224. package/dist/cjs/validations/string.js.map +1 -1
  225. package/dist/cjs/validations/url.js +11 -0
  226. package/dist/cjs/validations/url.js.map +1 -0
  227. package/dist/cjs/validations/value.js +7 -0
  228. package/dist/cjs/validations/value.js.map +1 -0
  229. package/dist/esm/components/address/form-address.driver.js +13 -0
  230. package/dist/esm/components/address/form-address.driver.js.map +1 -0
  231. package/dist/esm/components/address/form-address.js +28 -0
  232. package/dist/esm/components/address/form-address.js.map +1 -0
  233. package/dist/esm/components/address/index.js +1 -0
  234. package/dist/esm/components/address/index.js.map +1 -1
  235. package/dist/esm/components/address/input/address-input.js +8 -1
  236. package/dist/esm/components/address/input/address-input.js.map +1 -1
  237. package/dist/esm/components/address/input/address-input.st.css.js +2 -2
  238. package/dist/esm/components/address/view/cell-address-view.js +12 -0
  239. package/dist/esm/components/address/view/cell-address-view.js.map +1 -0
  240. package/dist/esm/components/address/view/index.js +1 -0
  241. package/dist/esm/components/address/view/index.js.map +1 -1
  242. package/dist/esm/components/array/form-array.driver.js +14 -0
  243. package/dist/esm/components/array/form-array.driver.js.map +1 -0
  244. package/dist/esm/components/array/form-array.js +48 -0
  245. package/dist/esm/components/array/form-array.js.map +1 -0
  246. package/dist/esm/components/array/index.js +2 -0
  247. package/dist/esm/components/array/index.js.map +1 -0
  248. package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
  249. package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
  250. package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
  251. package/dist/esm/components/audio/audio-field/form-audio.driver.js +17 -0
  252. package/dist/esm/components/audio/audio-field/form-audio.driver.js.map +1 -0
  253. package/dist/esm/components/audio/audio-field/form-audio.js +28 -0
  254. package/dist/esm/components/audio/audio-field/form-audio.js.map +1 -0
  255. package/dist/esm/components/audio/audio-field/index.js +1 -0
  256. package/dist/esm/components/audio/audio-field/index.js.map +1 -1
  257. package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
  258. package/dist/esm/components/audio/audio-player/audio-player.st.css.js.map +1 -1
  259. package/dist/esm/components/boolean/form-checkbox.driver.js +1 -1
  260. package/dist/esm/components/boolean/form-checkbox.driver.js.map +1 -1
  261. package/dist/esm/components/color-view/color-view.st.css.js +2 -2
  262. package/dist/esm/components/color-view/form-color.driver.js +18 -0
  263. package/dist/esm/components/color-view/form-color.driver.js.map +1 -0
  264. package/dist/esm/components/color-view/form-color.js +17 -0
  265. package/dist/esm/components/color-view/form-color.js.map +1 -0
  266. package/dist/esm/components/color-view/index.js +1 -0
  267. package/dist/esm/components/color-view/index.js.map +1 -1
  268. package/dist/esm/components/date-input/date-utils.js +9 -0
  269. package/dist/esm/components/date-input/date-utils.js.map +1 -0
  270. package/dist/esm/components/date-input/form-date-input.driver.js +18 -0
  271. package/dist/esm/components/date-input/form-date-input.driver.js.map +1 -0
  272. package/dist/esm/components/date-input/form-date-input.js +66 -0
  273. package/dist/esm/components/date-input/form-date-input.js.map +1 -0
  274. package/dist/esm/components/date-input/index.js +2 -0
  275. package/dist/esm/components/date-input/index.js.map +1 -0
  276. package/dist/esm/components/datetime-input/form-date-time.driver.js +27 -0
  277. package/dist/esm/components/datetime-input/form-date-time.driver.js.map +1 -0
  278. package/dist/esm/components/datetime-input/form-date-time.js +141 -0
  279. package/dist/esm/components/datetime-input/form-date-time.js.map +1 -0
  280. package/dist/esm/components/datetime-input/index.js +2 -0
  281. package/dist/esm/components/datetime-input/index.js.map +1 -0
  282. package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
  283. package/dist/esm/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
  284. package/dist/esm/components/document/form-document-field.st.css.js +2 -2
  285. package/dist/esm/components/document/form-document-field.st.css.js.map +1 -1
  286. package/dist/esm/components/document/form-document.driver.js +15 -0
  287. package/dist/esm/components/document/form-document.driver.js.map +1 -0
  288. package/dist/esm/components/document/form-document.js +28 -0
  289. package/dist/esm/components/document/form-document.js.map +1 -0
  290. package/dist/esm/components/email/form-email.driver.js +18 -0
  291. package/dist/esm/components/email/form-email.driver.js.map +1 -0
  292. package/dist/esm/components/email/form-email.js +36 -0
  293. package/dist/esm/components/email/form-email.js.map +1 -0
  294. package/dist/esm/components/email/index.js +1 -0
  295. package/dist/esm/components/email/index.js.map +1 -1
  296. package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
  297. package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
  298. package/dist/esm/components/image/form-image-input.driver.js +20 -0
  299. package/dist/esm/components/image/form-image-input.driver.js.map +1 -0
  300. package/dist/esm/components/image/form-image-input.js +48 -0
  301. package/dist/esm/components/image/form-image-input.js.map +1 -0
  302. package/dist/esm/components/image/image-view-field.js +19 -0
  303. package/dist/esm/components/image/image-view-field.js.map +1 -0
  304. package/dist/esm/components/image/index.js +2 -0
  305. package/dist/esm/components/image/index.js.map +1 -1
  306. package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
  307. package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
  308. package/dist/esm/components/index.js +4 -0
  309. package/dist/esm/components/index.js.map +1 -1
  310. package/dist/esm/components/json-input/form-json-input.js.map +1 -0
  311. package/dist/esm/components/json-input/index.js +3 -0
  312. package/dist/esm/components/json-input/index.js.map +1 -0
  313. package/dist/esm/components/json-input/json-input.js.map +1 -0
  314. package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
  315. package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
  316. package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
  317. package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
  318. package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
  319. package/dist/esm/components/media-gallery/form-media-gallery.driver.js +19 -0
  320. package/dist/esm/components/media-gallery/form-media-gallery.driver.js.map +1 -0
  321. package/dist/esm/components/media-gallery/form-media-gallery.js +28 -0
  322. package/dist/esm/components/media-gallery/form-media-gallery.js.map +1 -0
  323. package/dist/esm/components/media-image/media-image.st.css.js +3 -3
  324. package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
  325. package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
  326. package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
  327. package/dist/esm/components/media-loader/media-loader.st.css.js.map +1 -1
  328. package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  329. package/dist/esm/components/multi-document/index.js +1 -0
  330. package/dist/esm/components/multi-document/index.js.map +1 -1
  331. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.driver.js +15 -0
  332. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.driver.js.map +1 -0
  333. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.js +28 -0
  334. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.js.map +1 -0
  335. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
  336. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
  337. package/dist/esm/components/number-input/form-number.driver.js +19 -0
  338. package/dist/esm/components/number-input/form-number.driver.js.map +1 -0
  339. package/dist/esm/components/number-input/form-number.js +39 -0
  340. package/dist/esm/components/number-input/form-number.js.map +1 -0
  341. package/dist/esm/components/number-input/index.js +1 -0
  342. package/dist/esm/components/number-input/index.js.map +1 -1
  343. package/dist/esm/components/object/form-object.driver.js +14 -0
  344. package/dist/esm/components/object/form-object.driver.js.map +1 -0
  345. package/dist/esm/components/object/form-object.js +34 -0
  346. package/dist/esm/components/object/form-object.js.map +1 -0
  347. package/dist/esm/components/object/index.js +1 -2
  348. package/dist/esm/components/object/index.js.map +1 -1
  349. package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
  350. package/dist/esm/components/reference/cell-reference-input.st.css.js.map +1 -1
  351. package/dist/esm/components/rich-content/form-rich-content.driver.js +14 -0
  352. package/dist/esm/components/rich-content/form-rich-content.driver.js.map +1 -0
  353. package/dist/esm/components/rich-content/form-rich-content.js +37 -0
  354. package/dist/esm/components/rich-content/form-rich-content.js.map +1 -0
  355. package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
  356. package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
  357. package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  358. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
  359. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
  360. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
  361. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  362. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
  363. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
  364. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
  365. package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
  366. package/dist/esm/components/rich-text/form-rich-text.driver.js +14 -0
  367. package/dist/esm/components/rich-text/form-rich-text.driver.js.map +1 -0
  368. package/dist/esm/components/rich-text/form-rich-text.js +34 -0
  369. package/dist/esm/components/rich-text/form-rich-text.js.map +1 -0
  370. package/dist/esm/components/rich-text/index.js +1 -0
  371. package/dist/esm/components/rich-text/index.js.map +1 -1
  372. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
  373. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
  374. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
  375. package/dist/esm/components/text/form-long-text.driver.js +20 -0
  376. package/dist/esm/components/text/form-long-text.driver.js.map +1 -0
  377. package/dist/esm/components/text/form-long-text.js +27 -0
  378. package/dist/esm/components/text/form-long-text.js.map +1 -0
  379. package/dist/esm/components/text/form-short-text.driver.js +2 -2
  380. package/dist/esm/components/text/form-short-text.driver.js.map +1 -1
  381. package/dist/esm/components/text/index.js +1 -0
  382. package/dist/esm/components/text/index.js.map +1 -1
  383. package/dist/esm/components/text/text-view.st.css.js +2 -2
  384. package/dist/esm/components/time-input/cell-time-input.js +40 -0
  385. package/dist/esm/components/time-input/cell-time-input.js.map +1 -0
  386. package/dist/esm/components/time-input/form-time.driver.js +14 -0
  387. package/dist/esm/components/time-input/form-time.driver.js.map +1 -0
  388. package/dist/esm/components/time-input/form-time.js +34 -0
  389. package/dist/esm/components/time-input/form-time.js.map +1 -0
  390. package/dist/esm/components/time-input/index.js +2 -0
  391. package/dist/esm/components/time-input/index.js.map +1 -1
  392. package/dist/esm/components/time-view/hooks.js +8 -6
  393. package/dist/esm/components/time-view/hooks.js.map +1 -1
  394. package/dist/esm/components/url/form-url.driver.js +21 -0
  395. package/dist/esm/components/url/form-url.driver.js.map +1 -0
  396. package/dist/esm/components/url/form-url.js +33 -0
  397. package/dist/esm/components/url/form-url.js.map +1 -0
  398. package/dist/esm/components/url/index.js +1 -0
  399. package/dist/esm/components/url/index.js.map +1 -1
  400. package/dist/esm/components/video/form-video.driver.js +36 -0
  401. package/dist/esm/components/video/form-video.driver.js.map +1 -0
  402. package/dist/esm/components/video/form-video.js +80 -0
  403. package/dist/esm/components/video/form-video.js.map +1 -0
  404. package/dist/esm/components/video/index.js +3 -0
  405. package/dist/esm/components/video/index.js.map +1 -1
  406. package/dist/esm/components/video/use-video-preview.js +71 -0
  407. package/dist/esm/components/video/use-video-preview.js.map +1 -0
  408. package/dist/esm/components/video/video-view-field.js +36 -0
  409. package/dist/esm/components/video/video-view-field.js.map +1 -0
  410. package/dist/esm/exports/form-document-field.js +1 -0
  411. package/dist/esm/exports/form-document-field.js.map +1 -1
  412. package/dist/esm/exports/form-media-gallery-field.js +1 -0
  413. package/dist/esm/exports/form-media-gallery-field.js.map +1 -1
  414. package/dist/esm/exports/form-rich-content-input.js +1 -0
  415. package/dist/esm/exports/form-rich-content-input.js.map +1 -1
  416. package/dist/esm/styles.global.css +1 -1
  417. package/dist/esm/testkit/base-driver.js +4 -0
  418. package/dist/esm/testkit/base-driver.js.map +1 -1
  419. package/dist/esm/testkit/patterns-fields-test-provider.js +1 -0
  420. package/dist/esm/testkit/patterns-fields-test-provider.js.map +1 -1
  421. package/dist/esm/utils/get-image-url.js +20 -0
  422. package/dist/esm/utils/get-image-url.js.map +1 -0
  423. package/dist/esm/utils/media-constants.js +12 -0
  424. package/dist/esm/utils/media-constants.js.map +1 -0
  425. package/dist/esm/validations/array.js +2 -0
  426. package/dist/esm/validations/array.js.map +1 -1
  427. package/dist/esm/validations/number.js +3 -0
  428. package/dist/esm/validations/number.js.map +1 -0
  429. package/dist/esm/validations/string.js +2 -1
  430. package/dist/esm/validations/string.js.map +1 -1
  431. package/dist/esm/validations/url.js +6 -0
  432. package/dist/esm/validations/url.js.map +1 -0
  433. package/dist/esm/validations/value.js +2 -0
  434. package/dist/esm/validations/value.js.map +1 -0
  435. package/dist/types/components/address/form-address.d.ts +9 -0
  436. package/dist/types/components/address/form-address.d.ts.map +1 -0
  437. package/dist/types/components/address/form-address.driver.d.ts +18 -0
  438. package/dist/types/components/address/form-address.driver.d.ts.map +1 -0
  439. package/dist/types/components/address/index.d.ts +1 -0
  440. package/dist/types/components/address/index.d.ts.map +1 -1
  441. package/dist/types/components/address/input/address-input.d.ts +8 -0
  442. package/dist/types/components/address/input/address-input.d.ts.map +1 -1
  443. package/dist/types/components/address/view/cell-address-view.d.ts +7 -0
  444. package/dist/types/components/address/view/cell-address-view.d.ts.map +1 -0
  445. package/dist/types/components/address/view/index.d.ts +1 -0
  446. package/dist/types/components/address/view/index.d.ts.map +1 -1
  447. package/dist/types/components/array/form-array.d.ts +8 -0
  448. package/dist/types/components/array/form-array.d.ts.map +1 -0
  449. package/dist/types/components/array/form-array.driver.d.ts +19 -0
  450. package/dist/types/components/array/form-array.driver.d.ts.map +1 -0
  451. package/dist/types/components/array/index.d.ts +2 -0
  452. package/dist/types/components/array/index.d.ts.map +1 -0
  453. package/dist/types/components/audio/actions/actions-menu/actions-menu.st.css.d.ts.map +1 -1
  454. package/dist/types/components/audio/audio-field/form-audio.d.ts +8 -0
  455. package/dist/types/components/audio/audio-field/form-audio.d.ts.map +1 -0
  456. package/dist/types/components/audio/audio-field/form-audio.driver.d.ts +22 -0
  457. package/dist/types/components/audio/audio-field/form-audio.driver.d.ts.map +1 -0
  458. package/dist/types/components/audio/audio-field/index.d.ts +1 -0
  459. package/dist/types/components/audio/audio-field/index.d.ts.map +1 -1
  460. package/dist/types/components/audio/audio-player/audio-player.st.css.d.ts.map +1 -1
  461. package/dist/types/components/boolean/form-checkbox.driver.d.ts +2 -1
  462. package/dist/types/components/boolean/form-checkbox.driver.d.ts.map +1 -1
  463. package/dist/types/components/color-view/form-color.d.ts +8 -0
  464. package/dist/types/components/color-view/form-color.d.ts.map +1 -0
  465. package/dist/types/components/color-view/form-color.driver.d.ts +35 -0
  466. package/dist/types/components/color-view/form-color.driver.d.ts.map +1 -0
  467. package/dist/types/components/color-view/index.d.ts +1 -0
  468. package/dist/types/components/color-view/index.d.ts.map +1 -1
  469. package/dist/types/components/date-input/date-utils.d.ts +3 -0
  470. package/dist/types/components/date-input/date-utils.d.ts.map +1 -0
  471. package/dist/types/components/date-input/form-date-input.d.ts +8 -0
  472. package/dist/types/components/date-input/form-date-input.d.ts.map +1 -0
  473. package/dist/types/components/date-input/form-date-input.driver.d.ts +22 -0
  474. package/dist/types/components/date-input/form-date-input.driver.d.ts.map +1 -0
  475. package/dist/types/components/date-input/index.d.ts +2 -0
  476. package/dist/types/components/date-input/index.d.ts.map +1 -0
  477. package/dist/types/components/datetime-input/form-date-time.d.ts +8 -0
  478. package/dist/types/components/datetime-input/form-date-time.d.ts.map +1 -0
  479. package/dist/types/components/datetime-input/form-date-time.driver.d.ts +25 -0
  480. package/dist/types/components/datetime-input/form-date-time.driver.d.ts.map +1 -0
  481. package/dist/types/components/datetime-input/index.d.ts +2 -0
  482. package/dist/types/components/datetime-input/index.d.ts.map +1 -0
  483. package/dist/types/components/delete-dialog/delete-dialog.st.css.d.ts.map +1 -1
  484. package/dist/types/components/document/form-document-field.st.css.d.ts.map +1 -1
  485. package/dist/types/components/document/form-document.d.ts +8 -0
  486. package/dist/types/components/document/form-document.d.ts.map +1 -0
  487. package/dist/types/components/document/form-document.driver.d.ts +20 -0
  488. package/dist/types/components/document/form-document.driver.d.ts.map +1 -0
  489. package/dist/types/components/email/form-email.d.ts +8 -0
  490. package/dist/types/components/email/form-email.d.ts.map +1 -0
  491. package/dist/types/components/email/form-email.driver.d.ts +21 -0
  492. package/dist/types/components/email/form-email.driver.d.ts.map +1 -0
  493. package/dist/types/components/email/index.d.ts +1 -0
  494. package/dist/types/components/email/index.d.ts.map +1 -1
  495. package/dist/types/components/image/form-image-input.d.ts +8 -0
  496. package/dist/types/components/image/form-image-input.d.ts.map +1 -0
  497. package/dist/types/components/image/form-image-input.driver.d.ts +21 -0
  498. package/dist/types/components/image/form-image-input.driver.d.ts.map +1 -0
  499. package/dist/types/components/image/image-view-field.d.ts +8 -0
  500. package/dist/types/components/image/image-view-field.d.ts.map +1 -0
  501. package/dist/types/components/image/index.d.ts +2 -0
  502. package/dist/types/components/image/index.d.ts.map +1 -1
  503. package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts.map +1 -1
  504. package/dist/types/components/index.d.ts +4 -0
  505. package/dist/types/components/index.d.ts.map +1 -1
  506. package/dist/types/components/json-input/form-json-input.d.ts.map +1 -0
  507. package/dist/types/components/json-input/index.d.ts +3 -0
  508. package/dist/types/components/json-input/index.d.ts.map +1 -0
  509. package/dist/types/components/json-input/json-input.d.ts.map +1 -0
  510. package/dist/types/components/media-control/cell-media-edit-shell.st.css.d.ts.map +1 -1
  511. package/dist/types/components/media-gallery/form-media-gallery-field.st.css.d.ts.map +1 -1
  512. package/dist/types/components/media-gallery/form-media-gallery.d.ts +10 -0
  513. package/dist/types/components/media-gallery/form-media-gallery.d.ts.map +1 -0
  514. package/dist/types/components/media-gallery/form-media-gallery.driver.d.ts +50 -0
  515. package/dist/types/components/media-gallery/form-media-gallery.driver.d.ts.map +1 -0
  516. package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
  517. package/dist/types/components/media-loader/media-loader.st.css.d.ts.map +1 -1
  518. package/dist/types/components/multi-document/index.d.ts +1 -0
  519. package/dist/types/components/multi-document/index.d.ts.map +1 -1
  520. package/dist/types/components/multi-document/multi-document-input/form-multi-document.d.ts +8 -0
  521. package/dist/types/components/multi-document/multi-document-input/form-multi-document.d.ts.map +1 -0
  522. package/dist/types/components/multi-document/multi-document-input/form-multi-document.driver.d.ts +20 -0
  523. package/dist/types/components/multi-document/multi-document-input/form-multi-document.driver.d.ts.map +1 -0
  524. package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
  525. package/dist/types/components/number-input/form-number.d.ts +8 -0
  526. package/dist/types/components/number-input/form-number.d.ts.map +1 -0
  527. package/dist/types/components/number-input/form-number.driver.d.ts +21 -0
  528. package/dist/types/components/number-input/form-number.driver.d.ts.map +1 -0
  529. package/dist/types/components/number-input/index.d.ts +1 -0
  530. package/dist/types/components/number-input/index.d.ts.map +1 -1
  531. package/dist/types/components/object/form-object.d.ts +8 -0
  532. package/dist/types/components/object/form-object.d.ts.map +1 -0
  533. package/dist/types/components/object/form-object.driver.d.ts +19 -0
  534. package/dist/types/components/object/form-object.driver.d.ts.map +1 -0
  535. package/dist/types/components/object/index.d.ts +1 -2
  536. package/dist/types/components/object/index.d.ts.map +1 -1
  537. package/dist/types/components/reference/cell-reference-input.st.css.d.ts.map +1 -1
  538. package/dist/types/components/rich-content/form-rich-content.d.ts +9 -0
  539. package/dist/types/components/rich-content/form-rich-content.d.ts.map +1 -0
  540. package/dist/types/components/rich-content/form-rich-content.driver.d.ts +19 -0
  541. package/dist/types/components/rich-content/form-rich-content.driver.d.ts.map +1 -0
  542. package/dist/types/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map +1 -1
  543. package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.d.ts.map +1 -1
  544. package/dist/types/components/rich-text/form-rich-text.d.ts +8 -0
  545. package/dist/types/components/rich-text/form-rich-text.d.ts.map +1 -0
  546. package/dist/types/components/rich-text/form-rich-text.driver.d.ts +19 -0
  547. package/dist/types/components/rich-text/form-rich-text.driver.d.ts.map +1 -0
  548. package/dist/types/components/rich-text/index.d.ts +1 -0
  549. package/dist/types/components/rich-text/index.d.ts.map +1 -1
  550. package/dist/types/components/text/form-long-text.d.ts +8 -0
  551. package/dist/types/components/text/form-long-text.d.ts.map +1 -0
  552. package/dist/types/components/text/form-long-text.driver.d.ts +21 -0
  553. package/dist/types/components/text/form-long-text.driver.d.ts.map +1 -0
  554. package/dist/types/components/text/form-short-text.driver.d.ts +2 -1
  555. package/dist/types/components/text/form-short-text.driver.d.ts.map +1 -1
  556. package/dist/types/components/text/index.d.ts +1 -0
  557. package/dist/types/components/text/index.d.ts.map +1 -1
  558. package/dist/types/components/time-input/cell-time-input.d.ts +29 -0
  559. package/dist/types/components/time-input/cell-time-input.d.ts.map +1 -0
  560. package/dist/types/components/time-input/form-time.d.ts +8 -0
  561. package/dist/types/components/time-input/form-time.d.ts.map +1 -0
  562. package/dist/types/components/time-input/form-time.driver.d.ts +19 -0
  563. package/dist/types/components/time-input/form-time.driver.d.ts.map +1 -0
  564. package/dist/types/components/time-input/index.d.ts +2 -0
  565. package/dist/types/components/time-input/index.d.ts.map +1 -1
  566. package/dist/types/components/time-view/hooks.d.ts.map +1 -1
  567. package/dist/types/components/url/form-url.d.ts +8 -0
  568. package/dist/types/components/url/form-url.d.ts.map +1 -0
  569. package/dist/types/components/url/form-url.driver.d.ts +22 -0
  570. package/dist/types/components/url/form-url.driver.d.ts.map +1 -0
  571. package/dist/types/components/url/index.d.ts +1 -0
  572. package/dist/types/components/url/index.d.ts.map +1 -1
  573. package/dist/types/components/video/form-video.d.ts +8 -0
  574. package/dist/types/components/video/form-video.d.ts.map +1 -0
  575. package/dist/types/components/video/form-video.driver.d.ts +32 -0
  576. package/dist/types/components/video/form-video.driver.d.ts.map +1 -0
  577. package/dist/types/components/video/index.d.ts +6 -0
  578. package/dist/types/components/video/index.d.ts.map +1 -1
  579. package/dist/types/components/video/use-video-preview.d.ts +12 -0
  580. package/dist/types/components/video/use-video-preview.d.ts.map +1 -0
  581. package/dist/types/components/video/video-view-field.d.ts +8 -0
  582. package/dist/types/components/video/video-view-field.d.ts.map +1 -0
  583. package/dist/types/exports/form-document-field.d.ts +1 -0
  584. package/dist/types/exports/form-document-field.d.ts.map +1 -1
  585. package/dist/types/exports/form-media-gallery-field.d.ts +2 -0
  586. package/dist/types/exports/form-media-gallery-field.d.ts.map +1 -1
  587. package/dist/types/exports/form-rich-content-input.d.ts +2 -0
  588. package/dist/types/exports/form-rich-content-input.d.ts.map +1 -1
  589. package/dist/types/testkit/base-driver.d.ts +3 -0
  590. package/dist/types/testkit/base-driver.d.ts.map +1 -1
  591. package/dist/types/testkit/patterns-fields-test-provider.d.ts.map +1 -1
  592. package/dist/types/utils/get-image-url.d.ts +3 -0
  593. package/dist/types/utils/get-image-url.d.ts.map +1 -0
  594. package/dist/types/utils/media-constants.d.ts +12 -0
  595. package/dist/types/utils/media-constants.d.ts.map +1 -0
  596. package/dist/types/validations/array.d.ts +1 -0
  597. package/dist/types/validations/array.d.ts.map +1 -1
  598. package/dist/types/validations/number.d.ts +3 -0
  599. package/dist/types/validations/number.d.ts.map +1 -0
  600. package/dist/types/validations/string.d.ts.map +1 -1
  601. package/dist/types/validations/url.d.ts +2 -0
  602. package/dist/types/validations/url.d.ts.map +1 -0
  603. package/dist/types/validations/value.d.ts +2 -0
  604. package/dist/types/validations/value.d.ts.map +1 -0
  605. package/package.json +5 -5
  606. package/src/__tests__/components/address/form-address.spec.tsx +48 -0
  607. package/src/__tests__/components/array/form-array.spec.tsx +61 -0
  608. package/src/__tests__/components/audio/form-audio.spec.tsx +63 -0
  609. package/src/__tests__/components/color-view/form-color.spec.tsx +49 -0
  610. package/src/__tests__/components/date-input/form-date-input.spec.tsx +43 -0
  611. package/src/__tests__/components/datetime-input/form-date-time.spec.tsx +61 -0
  612. package/src/__tests__/components/document/form-document.spec.tsx +54 -0
  613. package/src/__tests__/components/email/form-email.spec.tsx +85 -0
  614. package/src/__tests__/components/image/form-image-input.spec.tsx +65 -0
  615. package/src/__tests__/components/image/image-view-field.spec.tsx +55 -0
  616. package/src/__tests__/components/media-gallery/form-media-gallery.spec.tsx +74 -0
  617. package/src/__tests__/components/multi-document/form-multi-document.spec.tsx +60 -0
  618. package/src/__tests__/components/number-input/form-number.spec.tsx +78 -0
  619. package/src/__tests__/components/object/form-object.spec.tsx +61 -0
  620. package/src/__tests__/components/rich-content/form-rich-content.spec.tsx +80 -0
  621. package/src/__tests__/components/rich-text/form-rich-text.spec.tsx +79 -0
  622. package/src/__tests__/components/text/form-long-text.spec.tsx +63 -0
  623. package/src/__tests__/components/time-input/form-time.spec.tsx +61 -0
  624. package/src/__tests__/components/url/form-url.spec.tsx +82 -0
  625. package/src/__tests__/components/video/form-video.spec.tsx +84 -0
  626. package/src/__tests__/components/video/video-view-field.spec.tsx +52 -0
  627. package/src/__tests__/form-field.driver.tsx +36 -9
  628. package/src/components/address/form-address.driver.ts +19 -0
  629. package/src/components/address/form-address.tsx +53 -0
  630. package/src/components/address/index.ts +1 -0
  631. package/src/components/address/input/address-input.st.css.ts +2 -2
  632. package/src/components/address/input/address-input.tsx +16 -0
  633. package/src/components/address/view/cell-address-view.tsx +29 -0
  634. package/src/components/address/view/index.ts +1 -1
  635. package/src/components/array/form-array.driver.ts +20 -0
  636. package/src/components/array/form-array.tsx +100 -0
  637. package/src/components/array/index.ts +1 -0
  638. package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
  639. package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
  640. package/src/components/audio/audio-field/form-audio.driver.ts +29 -0
  641. package/src/components/audio/audio-field/form-audio.tsx +51 -0
  642. package/src/components/audio/audio-field/index.ts +1 -0
  643. package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
  644. package/src/components/boolean/form-checkbox.driver.ts +6 -1
  645. package/src/components/color-view/color-view.st.css.ts +2 -2
  646. package/src/components/color-view/form-color.driver.ts +34 -0
  647. package/src/components/color-view/form-color.tsx +38 -0
  648. package/src/components/color-view/index.ts +1 -0
  649. package/src/components/date-input/date-utils.ts +10 -0
  650. package/src/components/date-input/form-date-input.driver.ts +32 -0
  651. package/src/components/date-input/form-date-input.tsx +102 -0
  652. package/src/components/date-input/index.ts +1 -0
  653. package/src/components/datetime-input/form-date-time.driver.ts +42 -0
  654. package/src/components/datetime-input/form-date-time.tsx +203 -0
  655. package/src/components/datetime-input/index.ts +1 -0
  656. package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
  657. package/src/components/document/form-document-field.st.css.ts +2 -2
  658. package/src/components/document/form-document.driver.ts +26 -0
  659. package/src/components/document/form-document.tsx +51 -0
  660. package/src/components/email/form-email.driver.ts +27 -0
  661. package/src/components/email/form-email.tsx +58 -0
  662. package/src/components/email/index.ts +1 -0
  663. package/src/components/exclamation/exclamation.st.css.ts +2 -2
  664. package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
  665. package/src/components/image/form-image-input.driver.ts +31 -0
  666. package/src/components/image/form-image-input.tsx +83 -0
  667. package/src/components/image/image-view-field.tsx +48 -0
  668. package/src/components/image/index.ts +2 -0
  669. package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
  670. package/src/components/index.ts +4 -0
  671. package/src/components/json-input/index.ts +2 -0
  672. package/src/components/media-control/cell-media-edit-shell.st.css.ts +2 -2
  673. package/src/components/media-control/paste-url-button.st.css.ts +2 -2
  674. package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
  675. package/src/components/media-gallery/form-media-gallery.driver.ts +30 -0
  676. package/src/components/media-gallery/form-media-gallery.tsx +55 -0
  677. package/src/components/media-image/media-image.st.css.ts +3 -3
  678. package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
  679. package/src/components/media-loader/media-loader.st.css.ts +2 -2
  680. package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
  681. package/src/components/multi-document/index.ts +1 -0
  682. package/src/components/multi-document/multi-document-input/form-multi-document.driver.ts +26 -0
  683. package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
  684. package/src/components/multi-document/multi-document-input/form-multi-document.tsx +50 -0
  685. package/src/components/number-input/form-number.driver.ts +30 -0
  686. package/src/components/number-input/form-number.tsx +65 -0
  687. package/src/components/number-input/index.ts +1 -0
  688. package/src/components/object/form-object.driver.ts +20 -0
  689. package/src/components/object/form-object.tsx +85 -0
  690. package/src/components/object/index.ts +1 -2
  691. package/src/components/reference/cell-reference-input.st.css.ts +2 -2
  692. package/src/components/rich-content/form-rich-content.driver.ts +20 -0
  693. package/src/components/rich-content/form-rich-content.tsx +94 -0
  694. package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
  695. package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
  696. package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
  697. package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
  698. package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
  699. package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
  700. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
  701. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
  702. package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
  703. package/src/components/rich-text/form-rich-text.driver.ts +20 -0
  704. package/src/components/rich-text/form-rich-text.tsx +82 -0
  705. package/src/components/rich-text/index.ts +1 -0
  706. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
  707. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
  708. package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
  709. package/src/components/text/form-long-text.driver.ts +31 -0
  710. package/src/components/text/form-long-text.tsx +51 -0
  711. package/src/components/text/form-short-text.driver.ts +7 -2
  712. package/src/components/text/index.ts +1 -0
  713. package/src/components/text/text-view.st.css.ts +2 -2
  714. package/src/components/time-input/cell-time-input.tsx +104 -0
  715. package/src/components/time-input/form-time.driver.ts +20 -0
  716. package/src/components/time-input/form-time.tsx +82 -0
  717. package/src/components/time-input/index.ts +2 -0
  718. package/src/components/time-view/hooks.ts +8 -7
  719. package/src/components/time-view/index.ts +0 -1
  720. package/src/components/url/form-url.driver.ts +28 -0
  721. package/src/components/url/form-url.tsx +59 -0
  722. package/src/components/url/index.ts +1 -0
  723. package/src/components/video/form-video.driver.ts +48 -0
  724. package/src/components/video/form-video.tsx +244 -0
  725. package/src/components/video/index.ts +6 -0
  726. package/src/components/video/use-video-preview.ts +78 -0
  727. package/src/components/video/video-view-field.tsx +127 -0
  728. package/src/exports/form-document-field.ts +1 -0
  729. package/src/exports/form-media-gallery-field.ts +2 -0
  730. package/src/exports/form-rich-content-input.ts +2 -0
  731. package/src/styles.global.css +1 -1
  732. package/src/testkit/base-driver.ts +7 -0
  733. package/src/testkit/patterns-fields-test-provider.tsx +1 -0
  734. package/src/utils/get-image-url.ts +22 -0
  735. package/src/utils/media-constants.ts +14 -0
  736. package/src/validations/array.ts +6 -0
  737. package/src/validations/number.ts +4 -0
  738. package/src/validations/string.ts +3 -1
  739. package/src/validations/url.ts +6 -0
  740. package/src/validations/value.ts +2 -0
  741. package/dist/cjs/components/object/form-json-input.js.map +0 -1
  742. package/dist/cjs/components/object/json-input.js.map +0 -1
  743. package/dist/esm/components/object/form-json-input.js.map +0 -1
  744. package/dist/esm/components/object/json-input.js.map +0 -1
  745. package/dist/types/components/object/form-json-input.d.ts.map +0 -1
  746. package/dist/types/components/object/json-input.d.ts.map +0 -1
  747. /package/dist/esm/components/{object → json-input}/form-json-input.js +0 -0
  748. /package/dist/esm/components/{object → json-input}/json-input.js +0 -0
  749. /package/dist/types/components/{object → json-input}/form-json-input.d.ts +0 -0
  750. /package/dist/types/components/{object → json-input}/json-input.d.ts +0 -0
  751. /package/src/components/{object → json-input}/form-json-input.tsx +0 -0
  752. /package/src/components/{object → json-input}/json-input.tsx +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-rich-content.driver.js","sourceRoot":"","sources":["../../../../src/components/rich-content/form-rich-content.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,IAAe;IACpE,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,IAAI;KAC9D,CAAC;AACJ,CAAC"}
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import { FormField } from '@wix/design-system';
3
+ import { observer } from 'mobx-react-lite';
4
+ import { fromPlainText } from '@wix/ricos';
5
+ import { useWixPatternsContainer } from '@wix/bex-core/react';
6
+ import { useController } from '@wix/bex-core/form';
7
+ import { useTranslations } from '../../hooks';
8
+ import { isEmpty } from '../../validations/string';
9
+ import { isDataValidOrNotSet, richContentValidation, } from '../../validations/validations';
10
+ import { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';
11
+ import { FormRichContentInput } from './rich-content-input/form-input/form-input';
12
+ const _FormRichContent = (props) => {
13
+ const { field, dataHook, formControl, data } = props;
14
+ const { translate: pt, experiments } = useWixPatternsContainer();
15
+ const { t } = useTranslations();
16
+ const theme = {};
17
+ const ricosExperiments = experiments;
18
+ const controller = useController({
19
+ name: field?.id ?? '',
20
+ control: formControl,
21
+ defaultValue: data?.[field?.id ?? ''],
22
+ rules: {
23
+ validate: (value) => {
24
+ if (field.validation?.required && isEmpty(value)) {
25
+ return pt('cairo.fieldValidation.requiredField');
26
+ }
27
+ return true;
28
+ },
29
+ },
30
+ });
31
+ const isValueValid = isDataValidOrNotSet(controller.field.value, richContentValidation);
32
+ return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook, suffix: isValueValid ? undefined : (React.createElement(TypeMismatchExclamation, { typeName: t('auto-patterns.fields.field_type_rich_content_title'), clearButtonText: t('auto-patterns.fields.type_mismatch_clear'), convertButtonText: t('auto-patterns.fields.type_mismatch_convert'), onClear: () => controller.field.onChange(undefined), onChange: (value) => controller.field.onChange(value), convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'), fieldName: field.displayName, isConverted: false, isConverting: false, convertedValue: fromPlainText(''), tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
33
+ typeName: 'Rich Content',
34
+ }) })) }, isValueValid ? (React.createElement(FormRichContentInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange?.(value), dataHook: `rich-content-${field.id}`, field: field.id, theme: theme, experiments: ricosExperiments, isSiteMetadataLoading: false })) : null));
35
+ };
36
+ export const FormRichContent = observer(_FormRichContent);
37
+ //# sourceMappingURL=form-rich-content.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-rich-content.js","sourceRoot":"","sources":["../../../../src/components/rich-content/form-rich-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,qBAAqB,GACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAIlF,MAAM,gBAAgB,GAAG,CAAC,KAA2B,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,KAAK,GAAG,EAAgB,CAAC;IAC/B,MAAM,gBAAgB,GAAG,WAAqC,CAAC;IAE/D,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,mBAAmB,CACtC,UAAU,CAAC,KAAK,CAAC,KAAK,EACtB,qBAAqB,CACtB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EACJ,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACzB,oBAAC,uBAAuB,IACtB,QAAQ,EAAE,CAAC,CAAC,oDAAoD,CAAC,EACjE,eAAe,EAAE,CAAC,CAAC,0CAA0C,CAAC,EAC9D,iBAAiB,EAAE,CAAC,CAAC,4CAA4C,CAAC,EAClE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EACnD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EACrD,mBAAmB,EAAE,CAAC,CACpB,qDAAqD,CACtD,EACD,SAAS,EAAE,KAAK,CAAC,WAAW,EAC5B,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,cAAc,EAAE,aAAa,CAAC,EAAE,CAAC,EACjC,WAAW,EAAE,CAAC,CAAC,wCAAwC,EAAE;gBACvD,QAAQ,EAAE,cAAc;aACzB,CAAC,GACF,CACH,IAGF,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,oBAAoB,IACnB,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EACvD,QAAQ,EAAE,gBAAgB,KAAK,CAAC,EAAE,EAAE,EACpC,KAAK,EAAE,KAAK,CAAC,EAAE,EACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,gBAAgB,EAC7B,qBAAqB,EAAE,KAAK,GAC5B,CACH,CAAC,CAAC,CAAC,IAAI,CACE,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richcontentdefaultvalueinput736114662";
3
+ var _namespace_ = "richcontentdefaultvalueinput811535133";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richcontentdefaultvalueinput736114662__root", "richContentEditorContainer": "richcontentdefaultvalueinput736114662__richContentEditorContainer", "editor": "richcontentdefaultvalueinput736114662__editor" };
9
+ export var classes = { "root": "richcontentdefaultvalueinput811535133__root", "richContentEditorContainer": "richcontentdefaultvalueinput811535133__richContentEditorContainer", "editor": "richcontentdefaultvalueinput811535133__editor" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richcontentforminput3777550514";
3
+ var _namespace_ = "richcontentforminput3855259842";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richcontentforminput3777550514__root", "editor": "richcontentforminput3777550514__editor" };
9
+ export var classes = { "root": "richcontentforminput3855259842__root", "editor": "richcontentforminput3855259842__editor" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richcontentformreadonlyinput3358668425";
3
+ var _namespace_ = "richcontentformreadonlyinput1322064594";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richcontentformreadonlyinput3358668425__root" };
9
+ export var classes = { "root": "richcontentformreadonlyinput1322064594__root" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "fullscreenmodal3348958126";
3
+ var _namespace_ = "fullscreenmodal3023455657";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "fullscreenmodal3348958126__root", "modalContent": "fullscreenmodal3348958126__modalContent" };
9
+ export var classes = { "root": "fullscreenmodal3023455657__root", "modalContent": "fullscreenmodal3023455657__modalContent" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "publishloader3887750119";
3
+ var _namespace_ = "publishloader34767443";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "publishloader3887750119__root", "publishLoader": "publishloader3887750119__publishLoader" };
9
+ export var classes = { "root": "publishloader34767443__root", "publishLoader": "publishloader34767443__publishLoader" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1 +1 @@
1
- {"version":3,"file":"publish-loader.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,eAAe,EAAC,wCAAwC,EAAC,CAAC;AACvH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,CAAC"}
1
+ {"version":3,"file":"publish-loader.st.css.js","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAIvF,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,eAAe,EAAC,sCAAsC,EAAC,CAAC;AACnH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,CAAC"}
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "togglefullscreenbutton1189231771";
3
+ var _namespace_ = "togglefullscreenbutton3242829626";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "togglefullscreenbutton1189231771__root" };
9
+ export var classes = { "root": "togglefullscreenbutton3242829626__root" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richcontenteditor1227167218";
3
+ var _namespace_ = "richcontenteditor984907071";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richcontenteditor1227167218__root", "toolbarContainer": "richcontenteditor1227167218__toolbarContainer", "footerToolbarContainer": "richcontenteditor1227167218__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor1227167218__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor1227167218__editor", "modalEditor": "richcontenteditor1227167218__modalEditor" };
9
+ export var classes = { "root": "richcontenteditor984907071__root", "toolbarContainer": "richcontenteditor984907071__toolbarContainer", "footerToolbarContainer": "richcontenteditor984907071__footerToolbarContainer", "toolbarAndFullScreenButtonWrapper": "richcontenteditor984907071__toolbarAndFullScreenButtonWrapper", "editor": "richcontenteditor984907071__editor", "modalEditor": "richcontenteditor984907071__modalEditor" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1 +1 @@
1
- {"version":3,"file":"rich-content-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,kBAAkB,EAAC,+CAA+C,EAAC,wBAAwB,EAAC,qDAAqD,EAAC,mCAAmC,EAAC,gEAAgE,EAAC,QAAQ,EAAC,qCAAqC,EAAC,aAAa,EAAC,0CAA0C,EAAC,CAAC;AACja,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,CAAC"}
1
+ {"version":3,"file":"rich-content-editor.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,kBAAkB,EAAC,8CAA8C,EAAC,wBAAwB,EAAC,oDAAoD,EAAC,mCAAmC,EAAC,+DAA+D,EAAC,QAAQ,EAAC,oCAAoC,EAAC,aAAa,EAAC,yCAAyC,EAAC,CAAC;AAC3Z,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,CAAC"}
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richcontenttoolbar2231298574";
3
+ var _namespace_ = "richcontenttoolbar4187920724";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richcontenttoolbar2231298574__root", "toolbar": "richcontenttoolbar2231298574__toolbar", "toolbarButton": "richcontenttoolbar2231298574__toolbarButton" };
9
+ export var classes = { "root": "richcontenttoolbar4187920724__root", "toolbar": "richcontenttoolbar4187920724__toolbar", "toolbarButton": "richcontenttoolbar4187920724__toolbarButton" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richcontentviewer1117074979";
3
+ var _namespace_ = "richcontentviewer1510905345";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richcontentviewer1117074979__root", "viewer": "richcontentviewer1117074979__viewer", "modalViewer": "richcontentviewer1117074979__modalViewer" };
9
+ export var classes = { "root": "richcontentviewer1510905345__root", "viewer": "richcontentviewer1510905345__viewer", "modalViewer": "richcontentviewer1510905345__modalViewer" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -0,0 +1,14 @@
1
+ import { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';
2
+ import { baseUniDriverFactory, getFormFieldLabelText, } from '../../testkit/base-driver';
3
+ export function FormRichTextDriver(base, body) {
4
+ const formField = FormFieldUniDriver(base, body);
5
+ return {
6
+ ...baseUniDriverFactory(base),
7
+ getLabel: () => getFormFieldLabelText(formField),
8
+ hasError: () => formField.hasStatus('error'),
9
+ getErrorMessage: () => formField.getStatusMessage(),
10
+ isRequired: () => formField.isRequired(),
11
+ hasSuffix: async () => (await formField.getSuffix()) !== null,
12
+ };
13
+ }
14
+ //# sourceMappingURL=form-rich-text.driver.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-rich-text.driver.js","sourceRoot":"","sources":["../../../../src/components/rich-text/form-rich-text.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,kBAAkB,CAAC,IAAe,EAAE,IAAe;IACjE,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,IAAI;KAC9D,CAAC;AACJ,CAAC"}
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import { FormField } from '@wix/design-system';
3
+ import { observer } from 'mobx-react-lite';
4
+ import { useWixPatternsContainer } from '@wix/bex-core/react';
5
+ import { useController } from '@wix/bex-core/form';
6
+ import { useTranslations } from '../../hooks';
7
+ import { isEmpty } from '../../validations/string';
8
+ import { isDataValidOrNotSet, richTextValidation, } from '../../validations/validations';
9
+ import { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';
10
+ import { FormRichTextInput } from './rich-text-input/form-input/form-rich-text-input';
11
+ const _FormRichText = (props) => {
12
+ const { field, dataHook, formControl, data } = props;
13
+ const { translate: pt } = useWixPatternsContainer();
14
+ const { t } = useTranslations();
15
+ const controller = useController({
16
+ name: field?.id ?? '',
17
+ control: formControl,
18
+ defaultValue: data?.[field?.id ?? ''],
19
+ rules: {
20
+ validate: (value) => {
21
+ if (field.validation?.required && isEmpty(value)) {
22
+ return pt('cairo.fieldValidation.requiredField');
23
+ }
24
+ return true;
25
+ },
26
+ },
27
+ });
28
+ return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook, suffix: isDataValidOrNotSet(controller.field.value, richTextValidation) ? undefined : (React.createElement(TypeMismatchExclamation, { typeName: t('auto-patterns.fields.field_type_rich_text_title'), clearButtonText: t('auto-patterns.fields.type_mismatch_clear'), convertButtonText: t('auto-patterns.fields.type_mismatch_convert'), onClear: () => controller.field.onChange(undefined), onChange: (value) => controller.field.onChange(value), convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'), fieldName: field.displayName, isConverted: false, isConverting: false, convertedValue: "", tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
29
+ typeName: 'Rich Text',
30
+ }) })) },
31
+ React.createElement(FormRichTextInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange?.(value), dataHook: `rich-text-${field.id}`, field: field.id })));
32
+ };
33
+ export const FormRichText = observer(_FormRichText);
34
+ //# sourceMappingURL=form-rich-text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-rich-text.js","sourceRoot":"","sources":["../../../../src/components/rich-text/form-rich-text.tsx"],"names":[],"mappings":"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"}
@@ -3,5 +3,6 @@ export * from './rich-text-input';
3
3
  export * from './cell-rich-text-view';
4
4
  export * from './cell-rich-text-editor';
5
5
  export * from './cell-rich-text-input';
6
+ export * from './form-rich-text';
6
7
  export * from './components/link';
7
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/rich-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AAIvC,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/rich-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AAIjC,cAAc,mBAAmB,CAAC"}
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richeditor551068837";
3
+ var _namespace_ = "richeditor194175703";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richeditor551068837__root", "editor": "richeditor551068837__editor", "header-one": "richeditor551068837__header-one", "header-two": "richeditor551068837__header-two", "header-three": "richeditor551068837__header-three", "header-four": "richeditor551068837__header-four", "header-five": "richeditor551068837__header-five", "header-six": "richeditor551068837__header-six", "paragraph-one": "richeditor551068837__paragraph-one", "unstyled": "richeditor551068837__unstyled", "paragraph-three": "richeditor551068837__paragraph-three", "align-left": "richeditor551068837__align-left", "align-right": "richeditor551068837__align-right", "align-center": "richeditor551068837__align-center", "align-justify": "richeditor551068837__align-justify", "withMargin": "richeditor551068837__withMargin", "dir-rtl": "richeditor551068837__dir-rtl" };
9
+ export var classes = { "root": "richeditor194175703__root", "editor": "richeditor194175703__editor", "header-one": "richeditor194175703__header-one", "header-two": "richeditor194175703__header-two", "header-three": "richeditor194175703__header-three", "header-four": "richeditor194175703__header-four", "header-five": "richeditor194175703__header-five", "header-six": "richeditor194175703__header-six", "paragraph-one": "richeditor194175703__paragraph-one", "unstyled": "richeditor194175703__unstyled", "paragraph-three": "richeditor194175703__paragraph-three", "align-left": "richeditor194175703__align-left", "align-right": "richeditor194175703__align-right", "align-center": "richeditor194175703__align-center", "align-justify": "richeditor194175703__align-justify", "withMargin": "richeditor194175703__withMargin", "dir-rtl": "richeditor194175703__dir-rtl" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "richtexteditor1154821563";
3
+ var _namespace_ = "richtexteditor2030698246";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "richtexteditor1154821563__root", "nativeInput": "richtexteditor1154821563__nativeInput", "editor": "richtexteditor1154821563__editor" };
9
+ export var classes = { "root": "richtexteditor2030698246__root", "nativeInput": "richtexteditor2030698246__nativeInput", "editor": "richtexteditor2030698246__editor" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
3
- var _namespace_ = "toolbar3162817796";
3
+ var _namespace_ = "toolbar1257429540";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "toolbar3162817796__root", "item": "toolbar3162817796__item", "separator": "toolbar3162817796__separator", "clearFormatting": "toolbar3162817796__clearFormatting", "fullScreen": "toolbar3162817796__fullScreen", "dropdownItemContent": "toolbar3162817796__dropdownItemContent", "dropdownItemTitle": "toolbar3162817796__dropdownItemTitle", "dropdownItemSubtitle": "toolbar3162817796__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar3162817796__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar3162817796__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar3162817796__dropdownHeaderThree", "dropdownHeaderFour": "toolbar3162817796__dropdownHeaderFour", "dropdownHeaderFive": "toolbar3162817796__dropdownHeaderFive", "dropdownHeaderSix": "toolbar3162817796__dropdownHeaderSix", "dropdownParagraphOne": "toolbar3162817796__dropdownParagraphOne", "dropdownNormalText": "toolbar3162817796__dropdownNormalText", "dropdownParagraphThree": "toolbar3162817796__dropdownParagraphThree" };
9
+ export var classes = { "root": "toolbar1257429540__root", "item": "toolbar1257429540__item", "separator": "toolbar1257429540__separator", "clearFormatting": "toolbar1257429540__clearFormatting", "fullScreen": "toolbar1257429540__fullScreen", "dropdownItemContent": "toolbar1257429540__dropdownItemContent", "dropdownItemTitle": "toolbar1257429540__dropdownItemTitle", "dropdownItemSubtitle": "toolbar1257429540__dropdownItemSubtitle", "dropdownHeaderOne": "toolbar1257429540__dropdownHeaderOne", "dropdownHeaderTwo": "toolbar1257429540__dropdownHeaderTwo", "dropdownHeaderThree": "toolbar1257429540__dropdownHeaderThree", "dropdownHeaderFour": "toolbar1257429540__dropdownHeaderFour", "dropdownHeaderFive": "toolbar1257429540__dropdownHeaderFive", "dropdownHeaderSix": "toolbar1257429540__dropdownHeaderSix", "dropdownParagraphOne": "toolbar1257429540__dropdownParagraphOne", "dropdownNormalText": "toolbar1257429540__dropdownNormalText", "dropdownParagraphThree": "toolbar1257429540__dropdownParagraphThree" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -0,0 +1,20 @@
1
+ import { FormFieldUniDriver, InputAreaUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
2
+ import { baseUniDriverFactory } from '../../testkit/base-driver';
3
+ export function FormLongTextDriver(base, body, field) {
4
+ const formField = FormFieldUniDriver(base, body);
5
+ const inputBase = base.$(`[data-hook="long-text-${field.id}"]`);
6
+ const input = InputAreaUniDriver(inputBase, body);
7
+ return {
8
+ ...baseUniDriverFactory(base),
9
+ getLabel: async () => {
10
+ const labelEl = await formField.getLabel();
11
+ return labelEl?.textContent ?? '';
12
+ },
13
+ getValue: () => input.getValue(),
14
+ enterText: (value) => input.enterText(value),
15
+ hasError: () => formField.hasStatus('error'),
16
+ getErrorMessage: () => formField.getStatusMessage(),
17
+ isRequired: () => formField.isRequired(),
18
+ };
19
+ }
20
+ //# sourceMappingURL=form-long-text.driver.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-long-text.driver.js","sourceRoot":"","sources":["../../../../src/components/text/form-long-text.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,kBAAkB,CAChC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,yBAAyB,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAChE,MAAM,KAAK,GAAG,kBAAkB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAElD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}
@@ -0,0 +1,27 @@
1
+ import React from 'react';
2
+ import { FormField, InputArea } from '@wix/design-system';
3
+ import { observer } from 'mobx-react-lite';
4
+ import { useWixPatternsContainer } from '@wix/bex-core/react';
5
+ import { useController } from '@wix/bex-core/form';
6
+ import { isEmpty } from '../../validations/string';
7
+ const _FormLongText = (props) => {
8
+ const { field, dataHook, formControl, data } = props;
9
+ const { translate: t } = useWixPatternsContainer();
10
+ const controller = useController({
11
+ name: field.id,
12
+ control: formControl,
13
+ defaultValue: data?.[field.id],
14
+ rules: {
15
+ validate: (value) => {
16
+ if (field.validation?.required && isEmpty(value)) {
17
+ return t('cairo.fieldValidation.requiredField');
18
+ }
19
+ return true;
20
+ },
21
+ },
22
+ });
23
+ return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
24
+ React.createElement(InputArea, { value: controller.field.value, onChange: (e) => controller.field.onChange?.(e.target.value), onBlur: controller.field.onBlur, ref: controller.field.ref, dataHook: `long-text-${field.id}` })));
25
+ };
26
+ export const FormLongText = observer(_FormLongText);
27
+ //# sourceMappingURL=form-long-text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-long-text.js","sourceRoot":"","sources":["../../../../src/components/text/form-long-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAInD,MAAM,aAAa,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;iBACjD;gBAED,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,SAAS,IACR,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5D,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/B,GAAG,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,EACzB,QAAQ,EAAE,aAAa,KAAK,CAAC,EAAE,EAAE,GACjC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}
@@ -1,8 +1,8 @@
1
1
  import { FormFieldUniDriver, InputUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
2
2
  import { baseUniDriverFactory } from '../../testkit/base-driver';
3
- export function FormShortTextDriver(base, body) {
3
+ export function FormShortTextDriver(base, body, field) {
4
4
  const formField = FormFieldUniDriver(base, body);
5
- const inputBase = base.$(`[data-hook^="short-text-"]`);
5
+ const inputBase = base.$(`[data-hook="short-text-${field.id}"]`);
6
6
  const input = InputUniDriver(inputBase, body);
7
7
  return {
8
8
  ...baseUniDriverFactory(base),
@@ -1 +1 @@
1
- {"version":3,"file":"form-short-text.driver.js","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,cAAc,GACf,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,mBAAmB,CAAC,IAAe,EAAE,IAAe;IAClE,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC;IACvD,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE9C,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;QACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE;QACjD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"form-short-text.driver.js","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,cAAc,GACf,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,UAAU,mBAAmB,CACjC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,0BAA0B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACjE,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;IAE9C,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,KAAK,IAAI,EAAE;YACnB,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,QAAQ,EAAE,CAAC;YAC3C,OAAO,OAAO,EAAE,WAAW,IAAI,EAAE,CAAC;QACpC,CAAC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;QACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE;QACjD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;KACzC,CAAC;AACJ,CAAC"}
@@ -1,5 +1,6 @@
1
1
  export * from './text-view';
2
2
  export * from './cell-text-input';
3
3
  export * from './cell-autocomplete-input';
4
+ export * from './form-long-text';
4
5
  export * from './form-short-text';
5
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}
@@ -1,12 +1,12 @@
1
1
  // @ts-nocheck
2
2
  import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
3
- var _namespace_ = "textview780991294";
3
+ var _namespace_ = "textview112212151";
4
4
  var _style_ = classesRuntime.bind(null, _namespace_);
5
5
  export var cssStates = statesRuntime.bind(null, _namespace_);
6
6
  export var style = _style_;
7
7
  export var st = _style_;
8
8
  export var namespace = _namespace_;
9
- export var classes = { "root": "textview780991294__root", "textView": "textview780991294__textView" };
9
+ export var classes = { "root": "textview112212151__root", "textView": "textview112212151__textView" };
10
10
  export var keyframes = {};
11
11
  export var layers = {};
12
12
  export var containers = {};
@@ -0,0 +1,40 @@
1
+ import React, { forwardRef, useCallback, useEffect, useMemo, useRef, } from 'react';
2
+ import { TimeInput as WSRTimeInput, CloseButton, } from '@wix/design-system';
3
+ import { useTranslations } from '../../hooks/use-translations';
4
+ import { dateToTime, timeToDate } from './hooks';
5
+ /**
6
+ * Cell-layer Time input. Wraps WDS `<TimeInput>` with cell-edit semantics:
7
+ * - `value`/`onChange` use the `Time` string format (`hh:mm:ss.SSS`);
8
+ * conversion to/from `Date` for the WDS boundary happens via
9
+ * `timeToDate`/`dateToTime`.
10
+ * - WDS `onChange` (fires on option click and on blur with a parsed custom
11
+ * value) forwards a `Time` string to `onChange`, then schedules `onCommit`
12
+ * on a microtask so WDS's two-phase change (synchronous blur + async
13
+ * selection callback) collapses into a single commit.
14
+ * - Clear button (X) suffix clears the value and commits.
15
+ * - Locale is sourced from i18n so the dropdown's 12/24h cycle matches the
16
+ * format rendered by `<TimeView>` in view mode.
17
+ */
18
+ export const CellTimeInput = forwardRef(({ value, onChange, onCommit, dataHook, placeholder, step = 15 }) => {
19
+ const { i18n } = useTranslations();
20
+ const dateValue = useMemo(() => (value ? timeToDate(value) : undefined), [value]);
21
+ const wsrRef = useRef(null);
22
+ useEffect(() => {
23
+ wsrRef.current?.focus();
24
+ }, []);
25
+ const handleChange = useCallback(({ date }) => {
26
+ const newTime = date ? dateToTime(date) : null;
27
+ if (newTime === value) {
28
+ return;
29
+ }
30
+ onChange?.(newTime);
31
+ onCommit?.();
32
+ }, [onChange, onCommit, value]);
33
+ const handleClear = useCallback(() => {
34
+ onChange?.(null);
35
+ onCommit?.();
36
+ }, [onChange, onCommit]);
37
+ return (React.createElement(WSRTimeInput, { dataHook: dataHook, ref: wsrRef, size: "small", border: "none", step: step, timeStyle: "short", width: "100%", locale: i18n.language, placeholder: placeholder ?? 'hh:mm', autoSelect: false, value: dateValue ?? null, onChange: handleChange, popoverProps: { appendTo: 'window', moveBy: { y: 4 } }, suffix: value ? (React.createElement(CloseButton, { as: "button", size: "small", skin: "standardFilled", onClick: handleClear, dataHook: "cell-time-input-clear" })) : undefined }));
38
+ });
39
+ CellTimeInput.displayName = 'CellTimeInput';
40
+ //# sourceMappingURL=cell-time-input.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cell-time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/cell-time-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EACL,SAAS,IAAI,YAAY,EACzB,WAAW,GAGZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,UAAU,EAAa,MAAM,SAAS,CAAC;AAY5D;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CAGrC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,GAAG,EAAE,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,IAAI,EAAE,GAAG,eAAe,EAAE,CAAC;IAEnC,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAC7C,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,MAAM,GAAG,MAAM,CAAoC,IAAI,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAE,IAAI,EAAyB,EAAE,EAAE;QAClC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,EAAE;YACrB,OAAO;SACR;QACD,QAAQ,EAAE,CAAC,OAAO,CAAC,CAAC;QACpB,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC5B,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;QACjB,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,OAAO,EACjB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAE,IAAI,CAAC,QAAuC,EACpD,WAAW,EAAE,WAAW,IAAI,OAAO,EACnC,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,SAAS,IAAI,IAAI,EACxB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EACtD,MAAM,EACJ,KAAK,CAAC,CAAC,CAAC,CACN,oBAAC,WAAW,IACV,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,uBAAuB,GAChC,CACH,CAAC,CAAC,CAAC,SAAS,GAEf,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';
2
+ import { baseUniDriverFactory, getFormFieldLabelText, } from '../../testkit/base-driver';
3
+ export function FormTimeDriver(base, body) {
4
+ const formField = FormFieldUniDriver(base, body);
5
+ return {
6
+ ...baseUniDriverFactory(base),
7
+ getLabel: () => getFormFieldLabelText(formField),
8
+ hasError: () => formField.hasStatus('error'),
9
+ getErrorMessage: () => formField.getStatusMessage(),
10
+ isRequired: () => formField.isRequired(),
11
+ hasSuffix: async () => (await formField.getSuffix()) !== null,
12
+ };
13
+ }
14
+ //# sourceMappingURL=form-time.driver.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-time.driver.js","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAE/E,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,UAAU,cAAc,CAAC,IAAe,EAAE,IAAe;IAC7D,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEjD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC5C,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACnD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,SAAS,EAAE,CAAC,KAAK,IAAI;KAC9D,CAAC;AACJ,CAAC"}
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import { FormField } from '@wix/design-system';
3
+ import { observer } from 'mobx-react-lite';
4
+ import { useWixPatternsContainer } from '@wix/bex-core/react';
5
+ import { useController } from '@wix/bex-core/form';
6
+ import { useTranslations } from '../../hooks';
7
+ import { isDataValidOrNotSet, timeValidation, } from '../../validations/validations';
8
+ import { isEmpty } from '../../validations/string';
9
+ import { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';
10
+ import { FormTimeInput } from './form-time-input';
11
+ const _FormTime = (props) => {
12
+ const { field, dataHook, formControl, data } = props;
13
+ const { translate: pt } = useWixPatternsContainer();
14
+ const { t } = useTranslations();
15
+ const controller = useController({
16
+ name: field.id,
17
+ control: formControl,
18
+ defaultValue: data?.[field.id],
19
+ rules: {
20
+ validate: (value) => {
21
+ if (field.validation?.required && isEmpty(value)) {
22
+ return pt('cairo.fieldValidation.requiredField');
23
+ }
24
+ return true;
25
+ },
26
+ },
27
+ });
28
+ return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook, suffix: isDataValidOrNotSet(controller.field.value, timeValidation) ? undefined : (React.createElement(TypeMismatchExclamation, { typeName: t('auto-patterns.fields.field_type_time_title'), clearButtonText: t('auto-patterns.fields.type_mismatch_clear'), convertButtonText: t('auto-patterns.fields.type_mismatch_convert'), onClear: () => controller.field.onChange(undefined), onChange: (value) => controller.field.onChange(value), convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'), fieldName: field.displayName, isConverted: false, isConverting: false, convertedValue: "00:00:00.000", tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
29
+ typeName: 'Time',
30
+ }) })) },
31
+ React.createElement(FormTimeInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange(value), dataHook: `time-${field.id}` })));
32
+ };
33
+ export const FormTime = observer(_FormTime);
34
+ //# sourceMappingURL=form-time.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-time.js","sourceRoot":"","sources":["../../../../src/components/time-input/form-time.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,6 @@
1
1
  export * from './time-input';
2
+ export * from './cell-time-input';
3
+ export * from './form-time';
2
4
  export * from './form-time-input';
3
5
  export * from './hooks';
4
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/time-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/time-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}