@wix/patterns-fields 1.87.0 → 1.89.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.
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/controlled-audio.uni.driver.js +29 -0
- package/dist/cjs/components/audio/audio-field/controlled-audio.uni.driver.js.map +1 -0
- package/dist/cjs/components/audio/audio-field/form-audio-field.js +42 -12
- package/dist/cjs/components/audio/audio-field/form-audio-field.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/cell-color-view.st.css.js +3 -3
- package/dist/cjs/components/color-view/cell-color-view.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
- package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/cjs/components/controlled-input.uni.driver.js +7 -1
- package/dist/cjs/components/controlled-input.uni.driver.js.map +1 -1
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
- package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js +44 -42
- package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/image/controlled-image.uni.driver.js +23 -0
- package/dist/cjs/components/image/controlled-image.uni.driver.js.map +1 -0
- package/dist/cjs/components/image/form-image-field.js +124 -0
- package/dist/cjs/components/image/form-image-field.js.map +1 -0
- package/dist/cjs/components/image/form-image-input.js +13 -50
- package/dist/cjs/components/image/form-image-input.js.map +1 -1
- package/dist/cjs/components/image/index.js +6 -0
- package/dist/cjs/components/image/index.js.map +1 -1
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +3 -3
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/use-media-control.js +4 -1
- package/dist/cjs/components/media-control/use-media-control.js.map +1 -1
- package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js +33 -28
- package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.js +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.js.map +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js +3 -3
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
- package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- 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
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/components/video/controlled-video.uni.driver.js +40 -0
- package/dist/cjs/components/video/controlled-video.uni.driver.js.map +1 -0
- package/dist/cjs/components/video/form-video-field.js +358 -0
- package/dist/cjs/components/video/form-video-field.js.map +1 -0
- package/dist/cjs/components/video/form-video.js +22 -284
- package/dist/cjs/components/video/form-video.js.map +1 -1
- package/dist/cjs/components/video/index.js +4 -1
- package/dist/cjs/components/video/index.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/audio-field/controlled-audio.uni.driver.js +26 -0
- package/dist/esm/components/audio/audio-field/controlled-audio.uni.driver.js.map +1 -0
- package/dist/esm/components/audio/audio-field/form-audio-field.js +6 -1
- package/dist/esm/components/audio/audio-field/form-audio-field.js.map +1 -1
- package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/color-view/cell-color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/controlled-input.uni.driver.js +6 -0
- package/dist/esm/components/controlled-input.uni.driver.js.map +1 -1
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/field-validation-settings/field-validation-settings-input.js +14 -11
- package/dist/esm/components/field-validation-settings/field-validation-settings-input.js.map +1 -1
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/image/controlled-image.uni.driver.js +19 -0
- package/dist/esm/components/image/controlled-image.uni.driver.js.map +1 -0
- package/dist/esm/components/image/form-image-field.js +48 -0
- package/dist/esm/components/image/form-image-field.js.map +1 -0
- package/dist/esm/components/image/form-image-input.js +11 -33
- package/dist/esm/components/image/form-image-input.js.map +1 -1
- package/dist/esm/components/image/index.js +1 -0
- package/dist/esm/components/image/index.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/esm/components/media-control/use-media-control.js +4 -3
- package/dist/esm/components/media-control/use-media-control.js.map +1 -1
- package/dist/esm/components/media-gallery/cell-media-gallery-edit.js +12 -9
- package/dist/esm/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/multi-document/cell-multi-document-edit.js +1 -1
- package/dist/esm/components/multi-document/cell-multi-document-edit.js.map +1 -1
- package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js +2 -2
- package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/components/video/controlled-video.uni.driver.js +37 -0
- package/dist/esm/components/video/controlled-video.uni.driver.js.map +1 -0
- package/dist/esm/components/video/form-video-field.js +71 -0
- package/dist/esm/components/video/form-video-field.js.map +1 -0
- package/dist/esm/components/video/form-video.js +17 -56
- package/dist/esm/components/video/form-video.js.map +1 -1
- package/dist/esm/components/video/index.js +1 -0
- package/dist/esm/components/video/index.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/audio/audio-field/controlled-audio.uni.driver.d.ts +18 -0
- package/dist/types/components/audio/audio-field/controlled-audio.uni.driver.d.ts.map +1 -0
- package/dist/types/components/audio/audio-field/form-audio-field.d.ts +12 -1
- package/dist/types/components/audio/audio-field/form-audio-field.d.ts.map +1 -1
- package/dist/types/components/controlled-input.uni.driver.d.ts +74 -0
- package/dist/types/components/controlled-input.uni.driver.d.ts.map +1 -1
- package/dist/types/components/field-validation-settings/field-validation-settings-input.d.ts +4 -2
- package/dist/types/components/field-validation-settings/field-validation-settings-input.d.ts.map +1 -1
- package/dist/types/components/image/controlled-image.uni.driver.d.ts +40 -0
- package/dist/types/components/image/controlled-image.uni.driver.d.ts.map +1 -0
- package/dist/types/components/image/form-image-field.d.ts +15 -0
- package/dist/types/components/image/form-image-field.d.ts.map +1 -0
- package/dist/types/components/image/form-image-input.d.ts.map +1 -1
- package/dist/types/components/image/index.d.ts +1 -0
- package/dist/types/components/image/index.d.ts.map +1 -1
- package/dist/types/components/media-control/cell-media-edit-shell.st.css.d.ts.map +1 -1
- package/dist/types/components/media-control/paste-url-button.st.css.d.ts.map +1 -1
- package/dist/types/components/media-control/use-media-control.d.ts.map +1 -1
- package/dist/types/components/media-gallery/cell-media-gallery-edit.d.ts.map +1 -1
- package/dist/types/components/media-image/media-image.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/cell-multi-document-edit.st.css.d.ts.map +1 -1
- package/dist/types/components/reference/cell-multi-reference-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/video/controlled-video.uni.driver.d.ts +22 -0
- package/dist/types/components/video/controlled-video.uni.driver.d.ts.map +1 -0
- package/dist/types/components/video/form-video-field.d.ts +29 -0
- package/dist/types/components/video/form-video-field.d.ts.map +1 -0
- package/dist/types/components/video/form-video.d.ts.map +1 -1
- package/dist/types/components/video/index.d.ts +2 -0
- package/dist/types/components/video/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/__tests__/components/field-validation-settings/field-validation-settings-input.spec.tsx +20 -1
- package/src/__tests__/exports/controlled-inputs.spec.tsx +677 -1
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/controlled-audio.uni.driver.ts +35 -0
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.tsx +41 -1
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/color-view/cell-color-view.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/controlled-input.uni.driver.ts +6 -0
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/field-validation-settings/field-validation-settings-input.tsx +22 -10
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/controlled-image.uni.driver.ts +30 -0
- package/src/components/image/form-image-field.tsx +124 -0
- package/src/components/image/form-image-input.tsx +13 -46
- package/src/components/image/index.ts +1 -0
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
- package/src/components/media-control/cell-media-edit-shell.st.css.ts +2 -2
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-control/use-media-control.ts +4 -3
- package/src/components/media-gallery/cell-media-gallery-edit.tsx +14 -9
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/cell-multi-document-edit.st.css.ts +2 -2
- package/src/components/multi-document/cell-multi-document-edit.tsx +1 -1
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/reference/cell-multi-reference-input.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/components/video/controlled-video.uni.driver.ts +48 -0
- package/src/components/video/form-video-field.tsx +268 -0
- package/src/components/video/form-video.tsx +21 -179
- package/src/components/video/index.ts +6 -0
- package/src/styles.global.css +1 -1
|
@@ -0,0 +1,358 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports.FormVideoField = exports.ControlledVideoInput = void 0;
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
7
|
+
var _designSystem = require("@wix/design-system");
|
|
8
|
+
var _lazy = require("@wix/wix-ui-icons-common/lazy");
|
|
9
|
+
var _react2 = require("@wix/bex-core/react");
|
|
10
|
+
var _hooks = require("../../hooks");
|
|
11
|
+
var _mediaConstants = require("../../utils/media-constants");
|
|
12
|
+
var _utils = require("../../utils");
|
|
13
|
+
var _mediaControl = require("../media-control");
|
|
14
|
+
var _useVideoPreview = require("./use-video-preview");
|
|
15
|
+
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/video/form-video-field.tsx";
|
|
16
|
+
// `invalid` is not part of this contract. The empty state's ImageViewer has no
|
|
17
|
+
// error prop; it takes its error styling from the enclosing WDS FormField's
|
|
18
|
+
// status context. To show an error, render the field inside a FormField with
|
|
19
|
+
// status="error".
|
|
20
|
+
|
|
21
|
+
const FormVideoField = ({
|
|
22
|
+
data,
|
|
23
|
+
onChange: onChangeVideo,
|
|
24
|
+
onClear: onClearVideo,
|
|
25
|
+
onInput,
|
|
26
|
+
onBlur,
|
|
27
|
+
readOnly,
|
|
28
|
+
autoFocus,
|
|
29
|
+
dataHook,
|
|
30
|
+
dataHooks,
|
|
31
|
+
previewTitle,
|
|
32
|
+
inputRef: forwardedRef
|
|
33
|
+
}) => {
|
|
34
|
+
const {
|
|
35
|
+
t
|
|
36
|
+
} = (0, _hooks.useTranslations)();
|
|
37
|
+
const isMobile = (0, _react2.useIsMobile)();
|
|
38
|
+
const onChange = (0, _hooks.useWithCallback)(onChangeVideo, onInput);
|
|
39
|
+
const onClear = (0, _hooks.useWithCallback)(onClearVideo, onInput);
|
|
40
|
+
const [inputRef, setInputRef] = (0, _hooks.useMergedRef)(forwardedRef);
|
|
41
|
+
const hooks = {
|
|
42
|
+
replace: (dataHooks == null ? void 0 : dataHooks.replace) ?? `${dataHook}-replace`,
|
|
43
|
+
more: (dataHooks == null ? void 0 : dataHooks.more) ?? `${dataHook}-more`,
|
|
44
|
+
preview: (dataHooks == null ? void 0 : dataHooks.preview) ?? `${dataHook}-preview`,
|
|
45
|
+
download: (dataHooks == null ? void 0 : dataHooks.download) ?? `${dataHook}-download`,
|
|
46
|
+
delete: (dataHooks == null ? void 0 : dataHooks.delete) ?? `${dataHook}-delete`
|
|
47
|
+
};
|
|
48
|
+
const {
|
|
49
|
+
callMedia
|
|
50
|
+
} = (0, _mediaControl.useMediaControl)({
|
|
51
|
+
mediaType: _utils.MEDIA_TYPES.VIDEO,
|
|
52
|
+
value: data,
|
|
53
|
+
onChange,
|
|
54
|
+
autoFocus,
|
|
55
|
+
readOnly,
|
|
56
|
+
onBlur,
|
|
57
|
+
inputRef
|
|
58
|
+
});
|
|
59
|
+
const {
|
|
60
|
+
videoUrl,
|
|
61
|
+
posterUrl: imageUrl,
|
|
62
|
+
isPreviewOpen,
|
|
63
|
+
openPreview: handlePreview,
|
|
64
|
+
closePreview: handleClosePreview,
|
|
65
|
+
handleDownload
|
|
66
|
+
} = (0, _useVideoPreview.useVideoPreview)({
|
|
67
|
+
videoUri: data
|
|
68
|
+
});
|
|
69
|
+
const canEdit = !isMobile && !readOnly;
|
|
70
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
71
|
+
width: "100%",
|
|
72
|
+
maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
|
|
73
|
+
height: _mediaConstants.MEDIA_HEIGHT,
|
|
74
|
+
__self: void 0,
|
|
75
|
+
__source: {
|
|
76
|
+
fileName: _jsxFileName,
|
|
77
|
+
lineNumber: 116,
|
|
78
|
+
columnNumber: 9
|
|
79
|
+
}
|
|
80
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay, {
|
|
81
|
+
dataHook: dataHook,
|
|
82
|
+
hoverSkin: "dark",
|
|
83
|
+
media: /*#__PURE__*/_react.default.createElement(_designSystem.Image, {
|
|
84
|
+
src: imageUrl,
|
|
85
|
+
width: "100%",
|
|
86
|
+
height: _mediaConstants.MEDIA_HEIGHT,
|
|
87
|
+
fit: "cover",
|
|
88
|
+
__self: void 0,
|
|
89
|
+
__source: {
|
|
90
|
+
fileName: _jsxFileName,
|
|
91
|
+
lineNumber: 121,
|
|
92
|
+
columnNumber: 15
|
|
93
|
+
}
|
|
94
|
+
}),
|
|
95
|
+
__self: void 0,
|
|
96
|
+
__source: {
|
|
97
|
+
fileName: _jsxFileName,
|
|
98
|
+
lineNumber: 117,
|
|
99
|
+
columnNumber: 11
|
|
100
|
+
}
|
|
101
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.MediaOverlay.Content, {
|
|
102
|
+
placement: "middle",
|
|
103
|
+
visible: "hover",
|
|
104
|
+
__self: void 0,
|
|
105
|
+
__source: {
|
|
106
|
+
fileName: _jsxFileName,
|
|
107
|
+
lineNumber: 129,
|
|
108
|
+
columnNumber: 13
|
|
109
|
+
}
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
111
|
+
gap: "SP2",
|
|
112
|
+
__self: void 0,
|
|
113
|
+
__source: {
|
|
114
|
+
fileName: _jsxFileName,
|
|
115
|
+
lineNumber: 130,
|
|
116
|
+
columnNumber: 15
|
|
117
|
+
}
|
|
118
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
|
|
119
|
+
content: t('auto-patterns.fields.replace_video_tooltip'),
|
|
120
|
+
__self: void 0,
|
|
121
|
+
__source: {
|
|
122
|
+
fileName: _jsxFileName,
|
|
123
|
+
lineNumber: 131,
|
|
124
|
+
columnNumber: 17
|
|
125
|
+
}
|
|
126
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
|
|
127
|
+
onClick: callMedia,
|
|
128
|
+
skin: "light",
|
|
129
|
+
priority: "secondary",
|
|
130
|
+
disabled: !canEdit,
|
|
131
|
+
ariaLabel: t('auto-patterns.fields.replace_video_tooltip'),
|
|
132
|
+
dataHook: hooks.replace,
|
|
133
|
+
__self: void 0,
|
|
134
|
+
__source: {
|
|
135
|
+
fileName: _jsxFileName,
|
|
136
|
+
lineNumber: 134,
|
|
137
|
+
columnNumber: 19
|
|
138
|
+
}
|
|
139
|
+
}, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
|
|
140
|
+
__self: void 0,
|
|
141
|
+
__source: {
|
|
142
|
+
fileName: _jsxFileName,
|
|
143
|
+
lineNumber: 142,
|
|
144
|
+
columnNumber: 21
|
|
145
|
+
}
|
|
146
|
+
}))), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
|
|
147
|
+
triggerElement: ({
|
|
148
|
+
toggle
|
|
149
|
+
}) => /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
|
|
150
|
+
content: t('auto-patterns.fields.more_actions_tooltip'),
|
|
151
|
+
__self: void 0,
|
|
152
|
+
__source: {
|
|
153
|
+
fileName: _jsxFileName,
|
|
154
|
+
lineNumber: 147,
|
|
155
|
+
columnNumber: 21
|
|
156
|
+
}
|
|
157
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
|
|
158
|
+
priority: "secondary",
|
|
159
|
+
onClick: toggle,
|
|
160
|
+
skin: "light",
|
|
161
|
+
ariaLabel: t('auto-patterns.fields.more_actions_tooltip'),
|
|
162
|
+
dataHook: hooks.more,
|
|
163
|
+
__self: void 0,
|
|
164
|
+
__source: {
|
|
165
|
+
fileName: _jsxFileName,
|
|
166
|
+
lineNumber: 150,
|
|
167
|
+
columnNumber: 23
|
|
168
|
+
}
|
|
169
|
+
}, /*#__PURE__*/_react.default.createElement(_lazy.More, {
|
|
170
|
+
__self: void 0,
|
|
171
|
+
__source: {
|
|
172
|
+
fileName: _jsxFileName,
|
|
173
|
+
lineNumber: 159,
|
|
174
|
+
columnNumber: 25
|
|
175
|
+
}
|
|
176
|
+
}))),
|
|
177
|
+
__self: void 0,
|
|
178
|
+
__source: {
|
|
179
|
+
fileName: _jsxFileName,
|
|
180
|
+
lineNumber: 145,
|
|
181
|
+
columnNumber: 17
|
|
182
|
+
}
|
|
183
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
184
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
|
|
185
|
+
__self: void 0,
|
|
186
|
+
__source: {
|
|
187
|
+
fileName: _jsxFileName,
|
|
188
|
+
lineNumber: 165,
|
|
189
|
+
columnNumber: 33
|
|
190
|
+
}
|
|
191
|
+
}),
|
|
192
|
+
text: t('auto-patterns.fields.preview_video'),
|
|
193
|
+
onClick: handlePreview,
|
|
194
|
+
disabled: !videoUrl,
|
|
195
|
+
dataHook: hooks.preview,
|
|
196
|
+
__self: void 0,
|
|
197
|
+
__source: {
|
|
198
|
+
fileName: _jsxFileName,
|
|
199
|
+
lineNumber: 164,
|
|
200
|
+
columnNumber: 19
|
|
201
|
+
}
|
|
202
|
+
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
203
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
|
|
204
|
+
__self: void 0,
|
|
205
|
+
__source: {
|
|
206
|
+
fileName: _jsxFileName,
|
|
207
|
+
lineNumber: 172,
|
|
208
|
+
columnNumber: 33
|
|
209
|
+
}
|
|
210
|
+
}),
|
|
211
|
+
text: t('auto-patterns.fields.download_video'),
|
|
212
|
+
onClick: handleDownload,
|
|
213
|
+
dataHook: hooks.download,
|
|
214
|
+
__self: void 0,
|
|
215
|
+
__source: {
|
|
216
|
+
fileName: _jsxFileName,
|
|
217
|
+
lineNumber: 171,
|
|
218
|
+
columnNumber: 19
|
|
219
|
+
}
|
|
220
|
+
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
|
|
221
|
+
__self: void 0,
|
|
222
|
+
__source: {
|
|
223
|
+
fileName: _jsxFileName,
|
|
224
|
+
lineNumber: 177,
|
|
225
|
+
columnNumber: 19
|
|
226
|
+
}
|
|
227
|
+
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
228
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
|
|
229
|
+
__self: void 0,
|
|
230
|
+
__source: {
|
|
231
|
+
fileName: _jsxFileName,
|
|
232
|
+
lineNumber: 179,
|
|
233
|
+
columnNumber: 33
|
|
234
|
+
}
|
|
235
|
+
}),
|
|
236
|
+
text: t('auto-patterns.fields.remove_video'),
|
|
237
|
+
onClick: onClear,
|
|
238
|
+
disabled: readOnly || !onClearVideo,
|
|
239
|
+
dataHook: hooks.delete,
|
|
240
|
+
__self: void 0,
|
|
241
|
+
__source: {
|
|
242
|
+
fileName: _jsxFileName,
|
|
243
|
+
lineNumber: 178,
|
|
244
|
+
columnNumber: 19
|
|
245
|
+
}
|
|
246
|
+
})))))) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
247
|
+
width: "100%",
|
|
248
|
+
maxWidth: _mediaConstants.MEDIA_MAX_WIDTH,
|
|
249
|
+
__self: void 0,
|
|
250
|
+
__source: {
|
|
251
|
+
fileName: _jsxFileName,
|
|
252
|
+
lineNumber: 191,
|
|
253
|
+
columnNumber: 9
|
|
254
|
+
}
|
|
255
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.ImageViewer
|
|
256
|
+
// Only the empty state has a focusable control, so this is the
|
|
257
|
+
// only place inputRef can land.
|
|
258
|
+
, {
|
|
259
|
+
ref: setInputRef,
|
|
260
|
+
dataHook: dataHook,
|
|
261
|
+
onAddImage: canEdit ? callMedia : undefined,
|
|
262
|
+
disabled: !canEdit,
|
|
263
|
+
addImageInfo: t('auto-patterns.fields.add_video_tooltip'),
|
|
264
|
+
height: _mediaConstants.MEDIA_HEIGHT,
|
|
265
|
+
width: "100%",
|
|
266
|
+
__self: void 0,
|
|
267
|
+
__source: {
|
|
268
|
+
fileName: _jsxFileName,
|
|
269
|
+
lineNumber: 192,
|
|
270
|
+
columnNumber: 11
|
|
271
|
+
}
|
|
272
|
+
})), isPreviewOpen && /*#__PURE__*/_react.default.createElement(_designSystem.Modal, {
|
|
273
|
+
isOpen: isPreviewOpen,
|
|
274
|
+
onRequestClose: handleClosePreview,
|
|
275
|
+
__self: void 0,
|
|
276
|
+
__source: {
|
|
277
|
+
fileName: _jsxFileName,
|
|
278
|
+
lineNumber: 206,
|
|
279
|
+
columnNumber: 9
|
|
280
|
+
}
|
|
281
|
+
}, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, {
|
|
282
|
+
title: previewTitle ?? t('auto-patterns.fields.preview_video'),
|
|
283
|
+
onCloseButtonClick: handleClosePreview,
|
|
284
|
+
content: /*#__PURE__*/_react.default.createElement("div", {
|
|
285
|
+
style: {
|
|
286
|
+
display: 'flex',
|
|
287
|
+
justifyContent: 'center',
|
|
288
|
+
padding: '24px'
|
|
289
|
+
},
|
|
290
|
+
__self: void 0,
|
|
291
|
+
__source: {
|
|
292
|
+
fileName: _jsxFileName,
|
|
293
|
+
lineNumber: 211,
|
|
294
|
+
columnNumber: 15
|
|
295
|
+
}
|
|
296
|
+
}, /*#__PURE__*/_react.default.createElement("video", {
|
|
297
|
+
controls: true,
|
|
298
|
+
autoPlay: true,
|
|
299
|
+
style: {
|
|
300
|
+
maxWidth: '100%',
|
|
301
|
+
maxHeight: '70vh'
|
|
302
|
+
},
|
|
303
|
+
poster: imageUrl,
|
|
304
|
+
__self: void 0,
|
|
305
|
+
__source: {
|
|
306
|
+
fileName: _jsxFileName,
|
|
307
|
+
lineNumber: 218,
|
|
308
|
+
columnNumber: 17
|
|
309
|
+
}
|
|
310
|
+
}, videoUrl && /*#__PURE__*/_react.default.createElement("source", {
|
|
311
|
+
src: videoUrl,
|
|
312
|
+
type: "video/mp4",
|
|
313
|
+
__self: void 0,
|
|
314
|
+
__source: {
|
|
315
|
+
fileName: _jsxFileName,
|
|
316
|
+
lineNumber: 224,
|
|
317
|
+
columnNumber: 32
|
|
318
|
+
}
|
|
319
|
+
}), "Your browser does not support the video tag.")),
|
|
320
|
+
__self: void 0,
|
|
321
|
+
__source: {
|
|
322
|
+
fileName: _jsxFileName,
|
|
323
|
+
lineNumber: 207,
|
|
324
|
+
columnNumber: 11
|
|
325
|
+
}
|
|
326
|
+
})));
|
|
327
|
+
};
|
|
328
|
+
exports.FormVideoField = FormVideoField;
|
|
329
|
+
FormVideoField.displayName = 'FormVideoField';
|
|
330
|
+
const ControlledVideoInput = ({
|
|
331
|
+
data,
|
|
332
|
+
onChange,
|
|
333
|
+
onBlur,
|
|
334
|
+
readOnly,
|
|
335
|
+
autoFocus,
|
|
336
|
+
dataHook,
|
|
337
|
+
previewTitle
|
|
338
|
+
}) => /*#__PURE__*/_react.default.createElement(FormVideoField, {
|
|
339
|
+
data: data,
|
|
340
|
+
onChange: onChange
|
|
341
|
+
// FormVideoField reports deletion through onClear, not onChange.
|
|
342
|
+
,
|
|
343
|
+
onClear: () => onChange(undefined),
|
|
344
|
+
onBlur: onBlur,
|
|
345
|
+
readOnly: readOnly,
|
|
346
|
+
autoFocus: autoFocus,
|
|
347
|
+
dataHook: dataHook,
|
|
348
|
+
previewTitle: previewTitle,
|
|
349
|
+
__self: void 0,
|
|
350
|
+
__source: {
|
|
351
|
+
fileName: _jsxFileName,
|
|
352
|
+
lineNumber: 255,
|
|
353
|
+
columnNumber: 3
|
|
354
|
+
}
|
|
355
|
+
});
|
|
356
|
+
exports.ControlledVideoInput = ControlledVideoInput;
|
|
357
|
+
ControlledVideoInput.displayName = 'ControlledVideoInput';
|
|
358
|
+
//# sourceMappingURL=form-video-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_hooks","_mediaConstants","_utils","_mediaControl","_useVideoPreview","_jsxFileName","FormVideoField","data","onChange","onChangeVideo","onClear","onClearVideo","onInput","onBlur","readOnly","autoFocus","dataHook","dataHooks","previewTitle","inputRef","forwardedRef","t","useTranslations","isMobile","useIsMobile","useWithCallback","setInputRef","useMergedRef","hooks","replace","more","preview","download","delete","callMedia","useMediaControl","mediaType","MEDIA_TYPES","VIDEO","value","videoUrl","posterUrl","imageUrl","isPreviewOpen","openPreview","handlePreview","closePreview","handleClosePreview","handleDownload","useVideoPreview","videoUri","canEdit","default","createElement","Fragment","Box","width","maxWidth","MEDIA_MAX_WIDTH","height","MEDIA_HEIGHT","__self","__source","fileName","lineNumber","columnNumber","MediaOverlay","hoverSkin","media","Image","src","fit","Content","placement","visible","gap","Tooltip","content","IconButton","onClick","skin","priority","disabled","ariaLabel","Replace","PopoverMenu","triggerElement","toggle","More","MenuItem","prefixIcon","Maximize","text","Download","Divider","Delete","ImageViewer","ref","onAddImage","undefined","addImageInfo","Modal","isOpen","onRequestClose","CustomModalLayout","title","onCloseButtonClick","style","display","justifyContent","padding","controls","autoPlay","maxHeight","poster","type","exports","displayName","ControlledVideoInput"],"sources":["../../../../src/components/video/form-video-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\nimport {\n Box,\n CustomModalLayout,\n IconButton,\n Image,\n ImageViewer,\n MediaOverlay,\n Modal,\n PopoverMenu,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Delete,\n Download,\n Maximize,\n More,\n Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useIsMobile } from '@wix/bex-core/react';\n\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport { useMergedRef, useTranslations, useWithCallback } from '../../hooks';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { MEDIA_TYPES } from '../../utils';\nimport type { FormMediaControlProps } from '../media-control';\nimport { useMediaControl } from '../media-control';\n\nimport { useVideoPreview } from './use-video-preview';\n\ninterface ImageViewerActions {\n focus: () => void;\n}\n\nexport interface VideoFieldDataHooks {\n replace: string;\n more: string;\n preview: string;\n download: string;\n delete: string;\n}\n\n// `invalid` is not part of this contract. The empty state's ImageViewer has no\n// error prop; it takes its error styling from the enclosing WDS FormField's\n// status context. To show an error, render the field inside a FormField with\n// status=\"error\".\nexport interface FormVideoFieldProps\n extends Omit<FormMediaControlProps, 'invalid'> {\n /** Overrides for the action-button hooks, which otherwise derive from `dataHook`. */\n dataHooks?: Partial<VideoFieldDataHooks>;\n /** Title of the preview modal. Defaults to the translated \"Preview\". */\n previewTitle?: string;\n /**\n * Fires when the media manager closes, whether or not a file was picked.\n * A media field has no text control to blur, so the picker closing is its\n * blur signal.\n */\n onBlur?: () => void;\n}\n\nexport const FormVideoField: FC<FormVideoFieldProps> = ({\n data,\n onChange: onChangeVideo,\n onClear: onClearVideo,\n onInput,\n onBlur,\n readOnly,\n autoFocus,\n dataHook,\n dataHooks,\n previewTitle,\n inputRef: forwardedRef,\n}) => {\n const { t } = useTranslations();\n const isMobile = useIsMobile();\n\n const onChange = useWithCallback(onChangeVideo, onInput);\n const onClear = useWithCallback(onClearVideo, onInput);\n\n const [inputRef, setInputRef] =\n useMergedRef<ImageViewerActions>(forwardedRef);\n\n const hooks: VideoFieldDataHooks = {\n replace: dataHooks?.replace ?? `${dataHook}-replace`,\n more: dataHooks?.more ?? `${dataHook}-more`,\n preview: dataHooks?.preview ?? `${dataHook}-preview`,\n download: dataHooks?.download ?? `${dataHook}-download`,\n delete: dataHooks?.delete ?? `${dataHook}-delete`,\n };\n\n const { callMedia } = useMediaControl({\n mediaType: MEDIA_TYPES.VIDEO,\n value: data,\n onChange,\n autoFocus,\n readOnly,\n onBlur,\n inputRef,\n });\n\n const {\n videoUrl,\n posterUrl: imageUrl,\n isPreviewOpen,\n openPreview: handlePreview,\n closePreview: handleClosePreview,\n handleDownload,\n } = useVideoPreview({ videoUri: data });\n\n const canEdit = !isMobile && !readOnly;\n\n return (\n <>\n {data ? (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>\n <MediaOverlay\n dataHook={dataHook}\n hoverSkin=\"dark\"\n media={\n <Image\n src={imageUrl}\n width=\"100%\"\n height={MEDIA_HEIGHT}\n fit=\"cover\"\n />\n }\n >\n <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n <Box gap=\"SP2\">\n <Tooltip\n content={t('auto-patterns.fields.replace_video_tooltip')}\n >\n <IconButton\n onClick={callMedia}\n skin=\"light\"\n priority=\"secondary\"\n disabled={!canEdit}\n ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}\n dataHook={hooks.replace}\n >\n <Replace />\n </IconButton>\n </Tooltip>\n <PopoverMenu\n triggerElement={({ toggle }) => (\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <IconButton\n priority=\"secondary\"\n onClick={toggle}\n skin=\"light\"\n ariaLabel={t(\n 'auto-patterns.fields.more_actions_tooltip',\n )}\n dataHook={hooks.more}\n >\n <More />\n </IconButton>\n </Tooltip>\n )}\n >\n <PopoverMenu.MenuItem\n prefixIcon={<Maximize />}\n text={t('auto-patterns.fields.preview_video')}\n onClick={handlePreview}\n disabled={!videoUrl}\n dataHook={hooks.preview}\n />\n <PopoverMenu.MenuItem\n prefixIcon={<Download />}\n text={t('auto-patterns.fields.download_video')}\n onClick={handleDownload}\n dataHook={hooks.download}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n prefixIcon={<Delete />}\n text={t('auto-patterns.fields.remove_video')}\n onClick={onClear}\n disabled={readOnly || !onClearVideo}\n dataHook={hooks.delete}\n />\n </PopoverMenu>\n </Box>\n </MediaOverlay.Content>\n </MediaOverlay>\n </Box>\n ) : (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n <ImageViewer\n // Only the empty state has a focusable control, so this is the\n // only place inputRef can land.\n ref={setInputRef}\n dataHook={dataHook}\n onAddImage={canEdit ? callMedia : undefined}\n disabled={!canEdit}\n addImageInfo={t('auto-patterns.fields.add_video_tooltip')}\n height={MEDIA_HEIGHT}\n width=\"100%\"\n />\n </Box>\n )}\n {isPreviewOpen && (\n <Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>\n <CustomModalLayout\n title={previewTitle ?? t('auto-patterns.fields.preview_video')}\n onCloseButtonClick={handleClosePreview}\n content={\n <div\n style={{\n display: 'flex',\n justifyContent: 'center',\n padding: '24px',\n }}\n >\n <video\n controls\n autoPlay\n style={{ maxWidth: '100%', maxHeight: '70vh' }}\n poster={imageUrl}\n >\n {videoUrl && <source src={videoUrl} type=\"video/mp4\" />}\n Your browser does not support the video tag.\n </video>\n </div>\n }\n />\n </Modal>\n )}\n </>\n );\n};\n\nFormVideoField.displayName = 'FormVideoField';\n\nexport type ControlledVideoInputProps = Omit<\n ControlledInputProps<string | undefined>,\n 'invalid'\n> & {\n /** Title of the preview modal. Defaults to the translated \"Preview\". */\n previewTitle?: string;\n};\n\nexport const ControlledVideoInput: FC<ControlledVideoInputProps> = ({\n data,\n onChange,\n onBlur,\n readOnly,\n autoFocus,\n dataHook,\n previewTitle,\n}) => (\n <FormVideoField\n data={data}\n onChange={onChange}\n // FormVideoField reports deletion through onClear, not onChange.\n onClear={() => onChange(undefined)}\n onBlur={onBlur}\n readOnly={readOnly}\n autoFocus={autoFocus}\n dataHook={dataHook}\n previewTitle={previewTitle}\n />\n);\n\nControlledVideoInput.displayName = 'ControlledVideoInput';\n"],"mappings":"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","ignoreList":[]}
|