@wix/patterns-fields 1.55.0 → 1.59.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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/address/view/cell-address-view.js +2 -2
- package/dist/cjs/components/address/view/cell-address-view.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-button/actions-button.js +2 -2
- package/dist/cjs/components/audio/actions/actions-button/actions-button.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/actions/audio-actions.js +5 -5
- package/dist/cjs/components/audio/actions/audio-actions.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/audio-view.js +2 -2
- package/dist/cjs/components/audio/audio-field/audio-view.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/audio/cell-audio-edit.js +4 -4
- package/dist/cjs/components/audio/cell-audio-edit.js.map +1 -1
- package/dist/cjs/components/audio/cell-audio-view.js +2 -2
- package/dist/cjs/components/audio/cell-audio-view.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/date-input/date-utils.js +15 -2
- package/dist/cjs/components/date-input/date-utils.js.map +1 -1
- package/dist/cjs/components/date-input/form-date-input.js +14 -15
- package/dist/cjs/components/date-input/form-date-input.js.map +1 -1
- package/dist/cjs/components/datetime-input/form-date-time.js +11 -9
- package/dist/cjs/components/datetime-input/form-date-time.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/cell-document-edit.js +10 -10
- package/dist/cjs/components/document/cell-document-edit.js.map +1 -1
- package/dist/cjs/components/document/cell-document-view.js +2 -2
- package/dist/cjs/components/document/cell-document-view.js.map +1 -1
- package/dist/cjs/components/document/document-control.js +6 -6
- package/dist/cjs/components/document/document-control.js.map +1 -1
- package/dist/cjs/components/document/document-view.js +2 -2
- package/dist/cjs/components/document/document-view.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.js +2 -2
- package/dist/cjs/components/exclamation/exclamation.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/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/cell-image-edit.js +7 -7
- package/dist/cjs/components/image/cell-image-edit.js.map +1 -1
- package/dist/cjs/components/image/thumbnail-replace-overlay.js +2 -2
- package/dist/cjs/components/image/thumbnail-replace-overlay.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-gallery/cell-media-gallery-edit.js +6 -6
- package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
- package/dist/cjs/components/media-gallery/form-media-gallery-field.js +4 -4
- package/dist/cjs/components/media-gallery/form-media-gallery-field.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-gallery/media-gallery-dialog/add-media-button.js +2 -2
- package/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.js.map +1 -1
- package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js +2 -2
- package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js.map +1 -1
- package/dist/cjs/components/media-gallery/media-preview-modal.js +4 -4
- package/dist/cjs/components/media-gallery/media-preview-modal.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/custom-url-overlay.js +2 -2
- package/dist/cjs/components/media-image/overlays/custom-url-overlay.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-image/overlays/video-indicator-overlay.js +2 -2
- package/dist/cjs/components/media-image/overlays/video-indicator-overlay.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 +12 -12
- 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/cell-multi-document-view.js +2 -2
- package/dist/cjs/components/multi-document/cell-multi-document-view.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.js +14 -44
- package/dist/cjs/components/reference/cell-multi-reference-input.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.js +15 -45
- package/dist/cjs/components/reference/cell-reference-input.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/reference/form-multi-reference.js +191 -0
- package/dist/cjs/components/reference/form-multi-reference.js.map +1 -0
- package/dist/cjs/components/reference/form-reference.js +188 -0
- package/dist/cjs/components/reference/form-reference.js.map +1 -0
- package/dist/cjs/components/reference/index.js +12 -0
- package/dist/cjs/components/reference/index.js.map +1 -1
- package/dist/cjs/components/reference/reference-dropdown-footer.js +65 -0
- package/dist/cjs/components/reference/reference-dropdown-footer.js.map +1 -0
- 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.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.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/align-dropdown.js +5 -5
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js +2 -2
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js +3 -3
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.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/time-input/form-time-input.js +6 -4
- package/dist/cjs/components/time-input/form-time-input.js.map +1 -1
- package/dist/cjs/components/time-input/form-time.js +20 -5
- package/dist/cjs/components/time-input/form-time.js.map +1 -1
- package/dist/cjs/components/url/form-url.js +2 -2
- package/dist/cjs/components/url/form-url.js.map +1 -1
- package/dist/cjs/components/url/url-view.js +2 -2
- package/dist/cjs/components/url/url-view.js.map +1 -1
- package/dist/cjs/components/video/cell-video-edit.js +7 -7
- package/dist/cjs/components/video/cell-video-edit.js.map +1 -1
- package/dist/cjs/components/video/form-video.js +6 -6
- package/dist/cjs/components/video/form-video.js.map +1 -1
- package/dist/cjs/components/video/video-view-field.js +3 -3
- package/dist/cjs/components/video/video-view-field.js.map +1 -1
- package/dist/cjs/providers/PatternsFieldsAppContainer.js +1 -1
- package/dist/cjs/providers/PatternsFieldsAppContainer.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/utils/get-image-url.js +24 -4
- package/dist/cjs/utils/get-image-url.js.map +1 -1
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/address/view/cell-address-view.js +1 -1
- package/dist/esm/components/address/view/cell-address-view.js.map +1 -1
- package/dist/esm/components/audio/actions/actions-button/actions-button.js +1 -1
- package/dist/esm/components/audio/actions/actions-button/actions-button.js.map +1 -1
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/actions/audio-actions.js +1 -1
- package/dist/esm/components/audio/actions/audio-actions.js.map +1 -1
- package/dist/esm/components/audio/audio-field/audio-view.js +1 -1
- package/dist/esm/components/audio/audio-field/audio-view.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/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/esm/components/audio/cell-audio-edit.js +1 -1
- package/dist/esm/components/audio/cell-audio-edit.js.map +1 -1
- package/dist/esm/components/audio/cell-audio-view.js +1 -1
- package/dist/esm/components/audio/cell-audio-view.js.map +1 -1
- 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/color-view/color-view.st.css.js.map +1 -1
- package/dist/esm/components/date-input/date-utils.js +15 -2
- package/dist/esm/components/date-input/date-utils.js.map +1 -1
- package/dist/esm/components/date-input/form-date-input.js +16 -12
- package/dist/esm/components/date-input/form-date-input.js.map +1 -1
- package/dist/esm/components/datetime-input/form-date-time.js +8 -3
- package/dist/esm/components/datetime-input/form-date-time.js.map +1 -1
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/document/cell-document-edit.js +1 -1
- package/dist/esm/components/document/cell-document-edit.js.map +1 -1
- package/dist/esm/components/document/cell-document-view.js +1 -1
- package/dist/esm/components/document/cell-document-view.js.map +1 -1
- package/dist/esm/components/document/document-control.js +1 -1
- package/dist/esm/components/document/document-control.js.map +1 -1
- package/dist/esm/components/document/document-view.js +1 -1
- package/dist/esm/components/document/document-view.js.map +1 -1
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.js +1 -1
- package/dist/esm/components/exclamation/exclamation.js.map +1 -1
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/image/cell-image-edit.js +1 -1
- package/dist/esm/components/image/cell-image-edit.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.js +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.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/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-gallery/cell-media-gallery-edit.js +1 -1
- package/dist/esm/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.js +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-gallery/media-gallery-dialog/add-media-button.js +1 -1
- package/dist/esm/components/media-gallery/media-gallery-dialog/add-media-button.js.map +1 -1
- package/dist/esm/components/media-gallery/media-gallery-dialog/no-items-view.js +1 -1
- package/dist/esm/components/media-gallery/media-gallery-dialog/no-items-view.js.map +1 -1
- package/dist/esm/components/media-gallery/media-preview-modal.js +1 -1
- package/dist/esm/components/media-gallery/media-preview-modal.js.map +1 -1
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/overlays/custom-url-overlay.js +1 -1
- package/dist/esm/components/media-image/overlays/custom-url-overlay.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
- package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/video-indicator-overlay.js +1 -1
- package/dist/esm/components/media-image/overlays/video-indicator-overlay.js.map +1 -1
- 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/cell-multi-document-view.js +1 -1
- package/dist/esm/components/multi-document/cell-multi-document-view.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/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/esm/components/reference/cell-multi-reference-input.js +8 -15
- package/dist/esm/components/reference/cell-multi-reference-input.js.map +1 -1
- 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.js +9 -16
- package/dist/esm/components/reference/cell-reference-input.js.map +1 -1
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/form-multi-reference.js +98 -0
- package/dist/esm/components/reference/form-multi-reference.js.map +1 -0
- package/dist/esm/components/reference/form-reference.js +96 -0
- package/dist/esm/components/reference/form-reference.js.map +1 -0
- package/dist/esm/components/reference/index.js +2 -0
- package/dist/esm/components/reference/index.js.map +1 -1
- package/dist/esm/components/reference/reference-dropdown-footer.js +28 -0
- package/dist/esm/components/reference/reference-dropdown-footer.js.map +1 -0
- 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/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- 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/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.js +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.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-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-editor/rich-content-toolbar.st.css.js.map +1 -1
- 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-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.js +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/align-dropdown.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.js.map +1 -1
- 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/text/text-view.st.css.js.map +1 -1
- package/dist/esm/components/time-input/form-time-input.js +3 -2
- package/dist/esm/components/time-input/form-time-input.js.map +1 -1
- package/dist/esm/components/time-input/form-time.js +10 -2
- package/dist/esm/components/time-input/form-time.js.map +1 -1
- package/dist/esm/components/url/form-url.js +1 -1
- package/dist/esm/components/url/form-url.js.map +1 -1
- package/dist/esm/components/url/url-view.js +1 -1
- package/dist/esm/components/url/url-view.js.map +1 -1
- package/dist/esm/components/video/cell-video-edit.js +1 -1
- package/dist/esm/components/video/cell-video-edit.js.map +1 -1
- package/dist/esm/components/video/form-video.js +1 -1
- package/dist/esm/components/video/form-video.js.map +1 -1
- package/dist/esm/components/video/video-view-field.js +1 -1
- package/dist/esm/components/video/video-view-field.js.map +1 -1
- package/dist/esm/providers/PatternsFieldsAppContainer.js +1 -1
- package/dist/esm/providers/PatternsFieldsAppContainer.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/utils/get-image-url.js +26 -4
- package/dist/esm/utils/get-image-url.js.map +1 -1
- package/dist/types/components/audio/audio-player/audio-player.st.css.d.ts.map +1 -1
- package/dist/types/components/color-view/color-view.st.css.d.ts.map +1 -1
- package/dist/types/components/date-input/date-utils.d.ts +2 -2
- package/dist/types/components/date-input/date-utils.d.ts.map +1 -1
- package/dist/types/components/date-input/form-date-input.d.ts.map +1 -1
- package/dist/types/components/datetime-input/form-date-time.d.ts.map +1 -1
- package/dist/types/components/exclamation/exclamation.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-image/overlays/overlay.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/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
- package/dist/types/components/reference/cell-multi-reference-input.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/reference/cell-reference-input.d.ts.map +1 -1
- package/dist/types/components/reference/form-multi-reference.d.ts +29 -0
- package/dist/types/components/reference/form-multi-reference.d.ts.map +1 -0
- package/dist/types/components/reference/form-reference.d.ts +33 -0
- package/dist/types/components/reference/form-reference.d.ts.map +1 -0
- package/dist/types/components/reference/index.d.ts +2 -0
- package/dist/types/components/reference/index.d.ts.map +1 -1
- package/dist/types/components/reference/reference-dropdown-footer.d.ts +16 -0
- package/dist/types/components/reference/reference-dropdown-footer.d.ts.map +1 -0
- package/dist/types/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-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/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-editor/rich-content-toolbar.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/text/text-view.st.css.d.ts.map +1 -1
- package/dist/types/components/time-input/form-time-input.d.ts +6 -1
- package/dist/types/components/time-input/form-time-input.d.ts.map +1 -1
- package/dist/types/components/time-input/form-time.d.ts.map +1 -1
- package/dist/types/utils/get-image-url.d.ts.map +1 -1
- package/package.json +7 -7
- package/src/__tests__/components/date-input/form-date-input.spec.tsx +23 -0
- package/src/__tests__/components/datetime-input/form-date-time.spec.tsx +15 -0
- package/src/__tests__/components/image/form-image-input.spec.tsx +10 -0
- package/src/__tests__/components/reference/form-multi-reference.spec.tsx +254 -0
- package/src/__tests__/components/reference/form-reference.spec.tsx +245 -0
- package/src/__tests__/components/time-input/form-time.spec.tsx +16 -0
- package/src/__tests__/utils/get-image-url.spec.ts +48 -0
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/address/view/cell-address-view.tsx +1 -1
- package/src/components/audio/actions/actions-button/actions-button.tsx +1 -1
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/actions/audio-actions.tsx +1 -1
- package/src/components/audio/audio-field/audio-view.tsx +1 -1
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/audio/cell-audio-edit.tsx +1 -1
- package/src/components/audio/cell-audio-view.tsx +1 -1
- 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/date-input/date-utils.ts +21 -4
- package/src/components/date-input/form-date-input.tsx +17 -14
- package/src/components/datetime-input/form-date-time.tsx +8 -3
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/cell-document-edit.tsx +1 -1
- package/src/components/document/cell-document-view.tsx +1 -1
- package/src/components/document/document-control.tsx +1 -1
- package/src/components/document/document-view.tsx +1 -1
- 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/exclamation/exclamation.tsx +1 -1
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/cell-image-edit.tsx +1 -1
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
- package/src/components/image/thumbnail-replace-overlay.tsx +1 -1
- 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-gallery/cell-media-gallery-edit.tsx +1 -1
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-gallery/form-media-gallery-field.tsx +1 -1
- package/src/components/media-gallery/media-gallery-dialog/add-media-button.tsx +1 -1
- package/src/components/media-gallery/media-gallery-dialog/no-items-view.tsx +1 -1
- package/src/components/media-gallery/media-preview-modal.tsx +1 -1
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/custom-url-overlay.tsx +1 -1
- package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
- package/src/components/media-image/overlays/video-indicator-overlay.tsx +1 -1
- 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/cell-multi-document-view.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-multi-reference-input.tsx +8 -29
- package/src/components/reference/cell-reference-input.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.tsx +9 -31
- package/src/components/reference/form-multi-reference.tsx +234 -0
- package/src/components/reference/form-reference.tsx +211 -0
- package/src/components/reference/index.ts +2 -0
- package/src/components/reference/reference-dropdown-footer.tsx +51 -0
- 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-common/toggle-fullscreen-button/toggle-fullscreen-button.tsx +1 -1
- 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/align-dropdown.tsx +1 -1
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/link-button.tsx +1 -1
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.tsx +1 -1
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/components/time-input/form-time-input.tsx +7 -2
- package/src/components/time-input/form-time.tsx +12 -1
- package/src/components/url/form-url.tsx +1 -1
- package/src/components/url/url-view.tsx +1 -1
- package/src/components/video/cell-video-edit.tsx +1 -1
- package/src/components/video/form-video.tsx +1 -1
- package/src/components/video/video-view-field.tsx +1 -1
- package/src/providers/PatternsFieldsAppContainer.ts +1 -1
- package/src/styles.global.css +1 -1
- package/src/utils/get-image-url.ts +31 -4
|
@@ -50,11 +50,12 @@ const _FormDateInput = props => {
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
});
|
|
53
|
+
|
|
54
|
+
// A stored value that isn't a date leaves the picker empty instead of
|
|
55
|
+
// throwing out of render.
|
|
53
56
|
const [date, setDate] = (0, _react.useState)(() => {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
return undefined;
|
|
57
|
+
const iso = controller.field.value ? (0, _dateUtils.getISODateStringWithFixedTimezone)(controller.field.value) : undefined;
|
|
58
|
+
return iso ? (0, _dateUtils.getDateWithoutTimezone)(iso) : undefined;
|
|
58
59
|
});
|
|
59
60
|
const ref = (0, _react.useRef)({});
|
|
60
61
|
const [errorMessage, setErrorMessage] = (0, _react.useState)('');
|
|
@@ -71,12 +72,14 @@ const _FormDateInput = props => {
|
|
|
71
72
|
}
|
|
72
73
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
|
|
73
74
|
ref: internalRef => {
|
|
75
|
+
var _internalRef$state;
|
|
74
76
|
inputRef == null || inputRef(ref.current);
|
|
75
|
-
// @ts-expect-error: WSR internal API hack for focusing
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
77
|
+
const inputEl = // @ts-expect-error: WSR internal API hack for focusing
|
|
78
|
+
internalRef == null || (_internalRef$state = internalRef.state) == null ? void 0 : _internalRef$state.inputRef;
|
|
79
|
+
ref.current.focus = () => inputEl == null || inputEl.focus == null ? void 0 : inputEl.focus();
|
|
80
|
+
// Let react-hook-form's shouldFocusError scroll to + focus this field
|
|
81
|
+
// when it blocks save.
|
|
82
|
+
controller.field.ref(inputEl ?? null);
|
|
80
83
|
},
|
|
81
84
|
dataHook: `date-${field.id}`,
|
|
82
85
|
width: "100%",
|
|
@@ -84,12 +87,8 @@ const _FormDateInput = props => {
|
|
|
84
87
|
value: date,
|
|
85
88
|
onChange: newValue => {
|
|
86
89
|
setDate(newValue);
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
controller.field.onChange(formattedDate.split('T')[0]);
|
|
90
|
-
} else {
|
|
91
|
-
controller.field.onChange(null);
|
|
92
|
-
}
|
|
90
|
+
const formattedDate = newValue ? (0, _dateUtils.getISODateStringWithFixedTimezone)(newValue) : undefined;
|
|
91
|
+
controller.field.onChange((formattedDate == null ? void 0 : formattedDate.split('T')[0]) ?? null);
|
|
93
92
|
},
|
|
94
93
|
onValidate: ({
|
|
95
94
|
validationType,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","iso","getISODateStringWithFixedTimezone","undefined","getDateWithoutTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","_internalRef$state","current","inputEl","state","focus","width","placeholderText","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport {\n getDateWithoutTimezone,\n getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n const { field, dataHook, inputRef, formControl, data } = props;\n const { translate: t } = useWixPatternsContainer();\n const { t: tFields } = useTranslations();\n\n const computeError = (\n value: string | null | undefined,\n format?: string,\n validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n ): string => {\n if (field.validation?.required && isEmpty(value)) {\n return t('cairo.fieldValidation.requiredField');\n }\n if (validationType === 'formatError' && format) {\n return t('cairo.customFields.fieldType.date.invalid.value', {\n dateFormat: format,\n });\n }\n return '';\n };\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (value) => {\n const error = computeError(value);\n return error || true;\n },\n },\n });\n\n // A stored value that isn't a date leaves the picker empty instead of\n // throwing out of render.\n const [date, setDate] = useState<Date | undefined>(() => {\n const iso = controller.field.value\n ? getISODateStringWithFixedTimezone(controller.field.value)\n : undefined;\n return iso ? getDateWithoutTimezone(iso) : undefined;\n });\n\n const ref = useRef<BaseInputRef>({});\n const [errorMessage, setErrorMessage] = useState<string>('');\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n statusMessage={errorMessage}\n dataHook={dataHook}\n >\n <DatePicker\n ref={(internalRef) => {\n inputRef?.(ref.current);\n const inputEl =\n // @ts-expect-error: WSR internal API hack for focusing\n internalRef?.state?.inputRef as HTMLElement | undefined;\n ref.current.focus = () => inputEl?.focus?.();\n // Let react-hook-form's shouldFocusError scroll to + focus this field\n // when it blocks save.\n controller.field.ref(inputEl ?? null);\n }}\n dataHook={`date-${field.id}`}\n width=\"100%\"\n placeholderText={tFields('CMS.formDate.placeholder')}\n value={date}\n onChange={(newValue: Date) => {\n setDate(newValue);\n const formattedDate = newValue\n ? getISODateStringWithFixedTimezone(newValue)\n : undefined;\n controller.field.onChange(formattedDate?.split('T')[0] ?? null);\n }}\n onValidate={({ validationType, value: newValue, format }) => {\n const error = computeError(newValue, format, validationType);\n setErrorMessage(error);\n ref.current.invalid = !!error;\n\n if (validationType === 'formatError' && newValue === '') {\n setDate(undefined);\n controller.field.onChange(null);\n }\n }}\n status={errorMessage ? 'error' : undefined}\n statusMessage={errorMessage}\n />\n </FormField>\n );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -90,13 +90,15 @@ const _FormDateTime = props => {
|
|
|
90
90
|
}
|
|
91
91
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
|
|
92
92
|
ref: internalRef => {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
93
|
+
var _internalRef$state;
|
|
94
|
+
const inputEl = // TODO: PR to WSR needed to expose as public API
|
|
95
|
+
// @ts-expect-error internal API
|
|
96
|
+
internalRef == null || (_internalRef$state = internalRef.state) == null ? void 0 : _internalRef$state.inputRef;
|
|
97
|
+
dateRef.current.focus = () => inputEl == null || inputEl.focus == null ? void 0 : inputEl.focus();
|
|
98
|
+
// Hand the date input to react-hook-form so shouldFocusError can
|
|
99
|
+
// scroll to and focus this field when it blocks save (the
|
|
100
|
+
// composite date/time inputs have no single ref to pass directly).
|
|
101
|
+
controller.field.ref(inputEl ?? null);
|
|
100
102
|
},
|
|
101
103
|
width: "100%",
|
|
102
104
|
placeholderText: tFields('CMS.formDate.placeholder'),
|
|
@@ -155,7 +157,7 @@ const _FormDateTime = props => {
|
|
|
155
157
|
__self: void 0,
|
|
156
158
|
__source: {
|
|
157
159
|
fileName: _jsxFileName,
|
|
158
|
-
lineNumber:
|
|
160
|
+
lineNumber: 147,
|
|
159
161
|
columnNumber: 9
|
|
160
162
|
}
|
|
161
163
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, {
|
|
@@ -209,7 +211,7 @@ const _FormDateTime = props => {
|
|
|
209
211
|
__self: void 0,
|
|
210
212
|
__source: {
|
|
211
213
|
fileName: _jsxFileName,
|
|
212
|
-
lineNumber:
|
|
214
|
+
lineNumber: 148,
|
|
213
215
|
columnNumber: 11
|
|
214
216
|
}
|
|
215
217
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateTime","props","_field$validation2","_controller$fieldStat","_controller$fieldStat2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","v","_field$validation","validation","required","isEmpty","date","useMemo","value","undefined","d","Date","isNaN","getTime","dateStatusMessage","setDateStatusMessage","useState","timeStatusMessage","setTimeStatusMessage","ref","useRef","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","useEffect","current","focus","invalid","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","Layout","Cell","span","DatePicker","internalRef","_internalRef$state","state","width","placeholderText","onChange","onValidate","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","_field$validation3","dateFormat","status","fieldState","error","statusMessage","message","TimeInput","placeholder","invalidMessage","onInvalid","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","_field$validation4","FormDateTime","exports","observer"],"sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n Cell,\n DatePicker,\n FormField,\n Layout,\n TimeInput,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\n\nexport interface FormDateTimeProps extends BaseInputProps<string | null> {}\n\nconst _FormDateTime = (props: FormDateTimeProps) => {\n const { field, dataHook, inputRef, formControl, data } = props;\n const { translate: t } = useWixPatternsContainer();\n const { t: tFields } = useTranslations();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (v) => {\n if (field?.validation?.required && isEmpty(v)) {\n return t('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n const date = useMemo(() => {\n if (!controller.field.value) {\n return undefined;\n }\n const d = new Date(controller.field.value);\n return isNaN(d.getTime()) ? undefined : d;\n }, [controller.field.value]);\n\n const [dateStatusMessage, setDateStatusMessage] = useState('');\n const [timeStatusMessage, setTimeStatusMessage] = useState('');\n\n const ref = useRef<BaseInputRef>({});\n const dateRef = useRef<BaseInputRef>({});\n const timeRef = useRef<BaseInputRef>({});\n const [dateValue, setDateValue] = useState<number | string | undefined>(\n date?.getDate(),\n );\n const [timeValue, setTimeValue] = useState<number | string | undefined>(\n date?.getTime(),\n );\n\n useEffect(() => {\n ref.current.focus = () => {\n if (dateRef.current.invalid) {\n return dateRef.current.focus?.();\n }\n\n return timeRef.current.focus?.();\n };\n\n inputRef?.(ref.current);\n }, [inputRef]);\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n dataHook={dataHook}\n >\n <Layout>\n <Cell span={6}>\n <DatePicker\n ref={(internalRef) => {\n dateRef.current.focus = () =>\n // TODO: PR to WSR needed to expose as public API\n // @ts-expect-error\n internalRef?.state?.inputRef?.focus?.();\n }}\n width=\"100%\"\n placeholderText={tFields('CMS.formDate.placeholder')}\n value={date}\n onChange={() => {}}\n // onChange is triggered only when you have valid, non-empty value.\n // and onValidate is triggered on every change so we use onValidate\n onValidate={({ validationType, value: newValue, format }) => {\n if (validationType === 'valid') {\n const dateWithNewDate = date\n ? new Date(date)\n : new Date(newValue);\n const _value = new Date(newValue);\n dateWithNewDate.setFullYear(_value.getFullYear());\n dateWithNewDate.setMonth(_value.getMonth());\n dateWithNewDate.setDate(_value.getDate());\n controller.field.onChange(dateWithNewDate.toISOString());\n setDateValue(new Date(newValue).getDate());\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n } else if (validationType === 'formatError' && newValue === '') {\n if (field.validation?.required) {\n setDateStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n dateRef.current.invalid = true;\n } else {\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n }\n setDateValue(newValue);\n if (!timeValue) {\n controller.field.onChange(null);\n }\n } else {\n setDateStatusMessage(\n t('cairo.customFields.fieldType.date.invalid.value', {\n dateFormat: format ?? '',\n }),\n );\n dateRef.current.invalid = true;\n }\n\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n status={\n controller.fieldState.error || dateStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || dateStatusMessage\n }\n dataHook={`datetime-date-${field.id}`}\n />\n </Cell>\n <Cell span={6}>\n <TimeInput\n ref={(internalRef) => {\n timeRef.current.focus = () => internalRef?.focus();\n }}\n dataHook={`datetime-time-${field.id}`}\n placeholder={tFields('CMS.formTime.placeholder')}\n invalidMessage={tFields('CMS.formTime.invalidMessage')}\n value={date ?? null}\n status={\n controller.fieldState.error || timeStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || timeStatusMessage\n }\n onInvalid={() => {\n timeRef.current.invalid = true;\n setTimeStatusMessage(\n t('cairo.customFields.fieldType.dateAndTime.invalid.value'),\n );\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n onChange={({ date: newValue }) => {\n timeRef.current.invalid = false;\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n\n if (newValue) {\n const dateWithNewTime = date ? new Date(date) : newValue;\n dateWithNewTime.setHours(newValue.getHours());\n dateWithNewTime.setMinutes(newValue.getMinutes());\n dateWithNewTime.setSeconds(newValue.getSeconds());\n dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n controller.field.onChange(dateWithNewTime.toISOString());\n setTimeStatusMessage('');\n setDateStatusMessage('');\n } else {\n if (!newValue) {\n setTimeValue('');\n if (field.validation?.required) {\n setTimeStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n timeRef.current.invalid = true;\n } else {\n setTimeStatusMessage('');\n timeRef.current.invalid = false;\n }\n if (!ref.current.invalid) {\n if (!dateValue) {\n controller.field.onChange(null);\n }\n }\n }\n }\n }}\n />\n </Cell>\n </Layout>\n </FormField>\n );\n};\n\nexport const FormDateTime = observer(_FormDateTime);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateTime","props","_field$validation2","_controller$fieldStat","_controller$fieldStat2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","v","_field$validation","validation","required","isEmpty","date","useMemo","value","undefined","d","Date","isNaN","getTime","dateStatusMessage","setDateStatusMessage","useState","timeStatusMessage","setTimeStatusMessage","ref","useRef","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","useEffect","current","focus","invalid","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","Layout","Cell","span","DatePicker","internalRef","_internalRef$state","inputEl","state","width","placeholderText","onChange","onValidate","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","_field$validation3","dateFormat","status","fieldState","error","statusMessage","message","TimeInput","placeholder","invalidMessage","onInvalid","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","_field$validation4","FormDateTime","exports","observer"],"sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n Cell,\n DatePicker,\n FormField,\n Layout,\n TimeInput,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\n\nexport interface FormDateTimeProps extends BaseInputProps<string | null> {}\n\nconst _FormDateTime = (props: FormDateTimeProps) => {\n const { field, dataHook, inputRef, formControl, data } = props;\n const { translate: t } = useWixPatternsContainer();\n const { t: tFields } = useTranslations();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (v) => {\n if (field?.validation?.required && isEmpty(v)) {\n return t('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n const date = useMemo(() => {\n if (!controller.field.value) {\n return undefined;\n }\n const d = new Date(controller.field.value);\n return isNaN(d.getTime()) ? undefined : d;\n }, [controller.field.value]);\n\n const [dateStatusMessage, setDateStatusMessage] = useState('');\n const [timeStatusMessage, setTimeStatusMessage] = useState('');\n\n const ref = useRef<BaseInputRef>({});\n const dateRef = useRef<BaseInputRef>({});\n const timeRef = useRef<BaseInputRef>({});\n const [dateValue, setDateValue] = useState<number | string | undefined>(\n date?.getDate(),\n );\n const [timeValue, setTimeValue] = useState<number | string | undefined>(\n date?.getTime(),\n );\n\n useEffect(() => {\n ref.current.focus = () => {\n if (dateRef.current.invalid) {\n return dateRef.current.focus?.();\n }\n\n return timeRef.current.focus?.();\n };\n\n inputRef?.(ref.current);\n }, [inputRef]);\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n dataHook={dataHook}\n >\n <Layout>\n <Cell span={6}>\n <DatePicker\n ref={(internalRef) => {\n const inputEl =\n // TODO: PR to WSR needed to expose as public API\n // @ts-expect-error internal API\n internalRef?.state?.inputRef as HTMLElement | undefined;\n dateRef.current.focus = () => inputEl?.focus?.();\n // Hand the date input to react-hook-form so shouldFocusError can\n // scroll to and focus this field when it blocks save (the\n // composite date/time inputs have no single ref to pass directly).\n controller.field.ref(inputEl ?? null);\n }}\n width=\"100%\"\n placeholderText={tFields('CMS.formDate.placeholder')}\n value={date}\n onChange={() => {}}\n // onChange is triggered only when you have valid, non-empty value.\n // and onValidate is triggered on every change so we use onValidate\n onValidate={({ validationType, value: newValue, format }) => {\n if (validationType === 'valid') {\n const dateWithNewDate = date\n ? new Date(date)\n : new Date(newValue);\n const _value = new Date(newValue);\n dateWithNewDate.setFullYear(_value.getFullYear());\n dateWithNewDate.setMonth(_value.getMonth());\n dateWithNewDate.setDate(_value.getDate());\n controller.field.onChange(dateWithNewDate.toISOString());\n setDateValue(new Date(newValue).getDate());\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n } else if (validationType === 'formatError' && newValue === '') {\n if (field.validation?.required) {\n setDateStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n dateRef.current.invalid = true;\n } else {\n setDateStatusMessage('');\n dateRef.current.invalid = false;\n }\n setDateValue(newValue);\n if (!timeValue) {\n controller.field.onChange(null);\n }\n } else {\n setDateStatusMessage(\n t('cairo.customFields.fieldType.date.invalid.value', {\n dateFormat: format ?? '',\n }),\n );\n dateRef.current.invalid = true;\n }\n\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n status={\n controller.fieldState.error || dateStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || dateStatusMessage\n }\n dataHook={`datetime-date-${field.id}`}\n />\n </Cell>\n <Cell span={6}>\n <TimeInput\n ref={(internalRef) => {\n timeRef.current.focus = () => internalRef?.focus();\n }}\n dataHook={`datetime-time-${field.id}`}\n placeholder={tFields('CMS.formTime.placeholder')}\n invalidMessage={tFields('CMS.formTime.invalidMessage')}\n value={date ?? null}\n status={\n controller.fieldState.error || timeStatusMessage\n ? 'error'\n : undefined\n }\n statusMessage={\n controller.fieldState.error?.message || timeStatusMessage\n }\n onInvalid={() => {\n timeRef.current.invalid = true;\n setTimeStatusMessage(\n t('cairo.customFields.fieldType.dateAndTime.invalid.value'),\n );\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n }}\n onChange={({ date: newValue }) => {\n timeRef.current.invalid = false;\n ref.current.invalid =\n dateRef.current.invalid || timeRef.current.invalid;\n\n if (newValue) {\n const dateWithNewTime = date ? new Date(date) : newValue;\n dateWithNewTime.setHours(newValue.getHours());\n dateWithNewTime.setMinutes(newValue.getMinutes());\n dateWithNewTime.setSeconds(newValue.getSeconds());\n dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n controller.field.onChange(dateWithNewTime.toISOString());\n setTimeStatusMessage('');\n setDateStatusMessage('');\n } else {\n if (!newValue) {\n setTimeValue('');\n if (field.validation?.required) {\n setTimeStatusMessage(\n t('cairo.fieldValidation.requiredField'),\n );\n timeRef.current.invalid = true;\n } else {\n setTimeStatusMessage('');\n timeRef.current.invalid = false;\n }\n if (!ref.current.invalid) {\n if (!dateValue) {\n controller.field.onChange(null);\n }\n }\n }\n }\n }}\n />\n </Cell>\n </Layout>\n </FormField>\n );\n};\n\nexport const FormDateTime = observer(_FormDateTime);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAmD,IAAAO,YAAA;AAAA,SAAAR,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAInD,MAAMkB,aAAa,GAAIC,KAAwB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EAClD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGR,KAAK;EAC9D,MAAM;IAAES,SAAS,EAAE5B;EAAE,CAAC,GAAG,IAAA6B,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAE7B,CAAC,EAAE8B;EAAQ,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAExC,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAX,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEV,WAAW;IACpBW,YAAY,EAAEV,IAAI,oBAAJA,IAAI,CAAG,CAAAJ,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,CAAC,IAAK;QAAA,IAAAC,iBAAA;QACf,IAAIlB,KAAK,aAAAkB,iBAAA,GAALlB,KAAK,CAAEmB,UAAU,aAAjBD,iBAAA,CAAmBE,QAAQ,IAAI,IAAAC,eAAO,EAACJ,CAAC,CAAC,EAAE;UAC7C,OAAOxC,CAAC,CAAC,qCAAqC,CAAC;QACjD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,MAAM6C,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAM;IACzB,IAAI,CAACd,UAAU,CAACT,KAAK,CAACwB,KAAK,EAAE;MAC3B,OAAOC,SAAS;IAClB;IACA,MAAMC,CAAC,GAAG,IAAIC,IAAI,CAAClB,UAAU,CAACT,KAAK,CAACwB,KAAK,CAAC;IAC1C,OAAOI,KAAK,CAACF,CAAC,CAACG,OAAO,CAAC,CAAC,CAAC,GAAGJ,SAAS,GAAGC,CAAC;EAC3C,CAAC,EAAE,CAACjB,UAAU,CAACT,KAAK,CAACwB,KAAK,CAAC,CAAC;EAE5B,MAAM,CAACM,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EAAC,EAAE,CAAC;EAC9D,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAE9D,MAAMG,GAAG,GAAG,IAAAC,aAAM,EAAe,CAAC,CAAC,CAAC;EACpC,MAAMC,OAAO,GAAG,IAAAD,aAAM,EAAe,CAAC,CAAC,CAAC;EACxC,MAAME,OAAO,GAAG,IAAAF,aAAM,EAAe,CAAC,CAAC,CAAC;EACxC,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAR,eAAQ,EACxCV,IAAI,oBAAJA,IAAI,CAAEmB,OAAO,CAAC,CAChB,CAAC;EACD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAX,eAAQ,EACxCV,IAAI,oBAAJA,IAAI,CAAEO,OAAO,CAAC,CAChB,CAAC;EAED,IAAAe,gBAAS,EAAC,MAAM;IACdT,GAAG,CAACU,OAAO,CAACC,KAAK,GAAG,MAAM;MACxB,IAAIT,OAAO,CAACQ,OAAO,CAACE,OAAO,EAAE;QAC3B,OAAOV,OAAO,CAACQ,OAAO,CAACC,KAAK,oBAArBT,OAAO,CAACQ,OAAO,CAACC,KAAK,CAAG,CAAC;MAClC;MAEA,OAAOR,OAAO,CAACO,OAAO,CAACC,KAAK,oBAArBR,OAAO,CAACO,OAAO,CAACC,KAAK,CAAG,CAAC;IAClC,CAAC;IAED5C,QAAQ,YAARA,QAAQ,CAAGiC,GAAG,CAACU,OAAO,CAAC;EACzB,CAAC,EAAE,CAAC3C,QAAQ,CAAC,CAAC;EAEd,oBACEpC,MAAA,CAAAoB,OAAA,CAAA8D,aAAA,CAAC/E,aAAA,CAAAgF,SAAS;IACRC,KAAK,EAAElD,KAAK,CAACmD,WAAY;IACzB/B,QAAQ,GAAAvB,kBAAA,GAAEG,KAAK,CAACmB,UAAU,qBAAhBtB,kBAAA,CAAkBuB,QAAS;IACrCnB,QAAQ,EAAEA,QAAS;IAAAmD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/E,YAAA;MAAAgF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB1F,MAAA,CAAAoB,OAAA,CAAA8D,aAAA,CAAC/E,aAAA,CAAAwF,MAAM;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/E,YAAA;MAAAgF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACL1F,MAAA,CAAAoB,OAAA,CAAA8D,aAAA,CAAC/E,aAAA,CAAAyF,IAAI;IAACC,IAAI,EAAE,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/E,YAAA;MAAAgF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZ1F,MAAA,CAAAoB,OAAA,CAAA8D,aAAA,CAAC/E,aAAA,CAAA2F,UAAU;IACTzB,GAAG,EAAG0B,WAAW,IAAK;MAAA,IAAAC,kBAAA;MACpB,MAAMC,OAAO,GACX;MACA;MACAF,WAAW,aAAAC,kBAAA,GAAXD,WAAW,CAAEG,KAAK,qBAAlBF,kBAAA,CAAoB5D,QAAmC;MACzDmC,OAAO,CAACQ,OAAO,CAACC,KAAK,GAAG,MAAMiB,OAAO,YAAPA,OAAO,CAAEjB,KAAK,oBAAdiB,OAAO,CAAEjB,KAAK,CAAG,CAAC;MAChD;MACA;MACA;MACArC,UAAU,CAACT,KAAK,CAACmC,GAAG,CAAC4B,OAAO,IAAI,IAAI,CAAC;IACvC,CAAE;IACFE,KAAK,EAAC,MAAM;IACZC,eAAe,EAAE3D,OAAO,CAAC,0BAA0B,CAAE;IACrDiB,KAAK,EAAEF,IAAK;IACZ6C,QAAQ,EAAEA,CAAA,KAAM,CAAC;IACjB;IACA;IAAA;IACAC,UAAU,EAAEA,CAAC;MAAEC,cAAc;MAAE7C,KAAK,EAAE8C,QAAQ;MAAEC;IAAO,CAAC,KAAK;MAC3D,IAAIF,cAAc,KAAK,OAAO,EAAE;QAC9B,MAAMG,eAAe,GAAGlD,IAAI,GACxB,IAAIK,IAAI,CAACL,IAAI,CAAC,GACd,IAAIK,IAAI,CAAC2C,QAAQ,CAAC;QACtB,MAAMG,MAAM,GAAG,IAAI9C,IAAI,CAAC2C,QAAQ,CAAC;QACjCE,eAAe,CAACE,WAAW,CAACD,MAAM,CAACE,WAAW,CAAC,CAAC,CAAC;QACjDH,eAAe,CAACI,QAAQ,CAACH,MAAM,CAACI,QAAQ,CAAC,CAAC,CAAC;QAC3CL,eAAe,CAACM,OAAO,CAACL,MAAM,CAAChC,OAAO,CAAC,CAAC,CAAC;QACzChC,UAAU,CAACT,KAAK,CAACmE,QAAQ,CAACK,eAAe,CAACO,WAAW,CAAC,CAAC,CAAC;QACxDvC,YAAY,CAAC,IAAIb,IAAI,CAAC2C,QAAQ,CAAC,CAAC7B,OAAO,CAAC,CAAC,CAAC;QAC1CV,oBAAoB,CAAC,EAAE,CAAC;QACxBM,OAAO,CAACQ,OAAO,CAACE,OAAO,GAAG,KAAK;MACjC,CAAC,MAAM,IAAIsB,cAAc,KAAK,aAAa,IAAIC,QAAQ,KAAK,EAAE,EAAE;QAAA,IAAAU,kBAAA;QAC9D,KAAAA,kBAAA,GAAIhF,KAAK,CAACmB,UAAU,aAAhB6D,kBAAA,CAAkB5D,QAAQ,EAAE;UAC9BW,oBAAoB,CAClBtD,CAAC,CAAC,qCAAqC,CACzC,CAAC;UACD4D,OAAO,CAACQ,OAAO,CAACE,OAAO,GAAG,IAAI;QAChC,CAAC,MAAM;UACLhB,oBAAoB,CAAC,EAAE,CAAC;UACxBM,OAAO,CAACQ,OAAO,CAACE,OAAO,GAAG,KAAK;QACjC;QACAP,YAAY,CAAC8B,QAAQ,CAAC;QACtB,IAAI,CAAC5B,SAAS,EAAE;UACdjC,UAAU,CAACT,KAAK,CAACmE,QAAQ,CAAC,IAAI,CAAC;QACjC;MACF,CAAC,MAAM;QACLpC,oBAAoB,CAClBtD,CAAC,CAAC,iDAAiD,EAAE;UACnDwG,UAAU,EAAEV,MAAM,IAAI;QACxB,CAAC,CACH,CAAC;QACDlC,OAAO,CAACQ,OAAO,CAACE,OAAO,GAAG,IAAI;MAChC;MAEAZ,GAAG,CAACU,OAAO,CAACE,OAAO,GACjBV,OAAO,CAACQ,OAAO,CAACE,OAAO,IAAIT,OAAO,CAACO,OAAO,CAACE,OAAO;IACtD,CAAE;IACFmC,MAAM,EACJzE,UAAU,CAAC0E,UAAU,CAACC,KAAK,IAAItD,iBAAiB,GAC5C,OAAO,GACPL,SACL;IACD4D,aAAa,EACX,EAAAvF,qBAAA,GAAAW,UAAU,CAAC0E,UAAU,CAACC,KAAK,qBAA3BtF,qBAAA,CAA6BwF,OAAO,KAAIxD,iBACzC;IACD7B,QAAQ,EAAE,iBAAiBD,KAAK,CAACY,EAAE,EAAG;IAAAwC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/E,YAAA;MAAAgF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvC,CACG,CAAC,eACP1F,MAAA,CAAAoB,OAAA,CAAA8D,aAAA,CAAC/E,aAAA,CAAAyF,IAAI;IAACC,IAAI,EAAE,CAAE;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/E,YAAA;MAAAgF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZ1F,MAAA,CAAAoB,OAAA,CAAA8D,aAAA,CAAC/E,aAAA,CAAAsH,SAAS;IACRpD,GAAG,EAAG0B,WAAW,IAAK;MACpBvB,OAAO,CAACO,OAAO,CAACC,KAAK,GAAG,MAAMe,WAAW,oBAAXA,WAAW,CAAEf,KAAK,CAAC,CAAC;IACpD,CAAE;IACF7C,QAAQ,EAAE,iBAAiBD,KAAK,CAACY,EAAE,EAAG;IACtC4E,WAAW,EAAEjF,OAAO,CAAC,0BAA0B,CAAE;IACjDkF,cAAc,EAAElF,OAAO,CAAC,6BAA6B,CAAE;IACvDiB,KAAK,EAAEF,IAAI,IAAI,IAAK;IACpB4D,MAAM,EACJzE,UAAU,CAAC0E,UAAU,CAACC,KAAK,IAAInD,iBAAiB,GAC5C,OAAO,GACPR,SACL;IACD4D,aAAa,EACX,EAAAtF,sBAAA,GAAAU,UAAU,CAAC0E,UAAU,CAACC,KAAK,qBAA3BrF,sBAAA,CAA6BuF,OAAO,KAAIrD,iBACzC;IACDyD,SAAS,EAAEA,CAAA,KAAM;MACfpD,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,IAAI;MAC9Bb,oBAAoB,CAClBzD,CAAC,CAAC,wDAAwD,CAC5D,CAAC;MACD0D,GAAG,CAACU,OAAO,CAACE,OAAO,GACjBV,OAAO,CAACQ,OAAO,CAACE,OAAO,IAAIT,OAAO,CAACO,OAAO,CAACE,OAAO;IACtD,CAAE;IACFoB,QAAQ,EAAEA,CAAC;MAAE7C,IAAI,EAAEgD;IAAS,CAAC,KAAK;MAChChC,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,KAAK;MAC/BZ,GAAG,CAACU,OAAO,CAACE,OAAO,GACjBV,OAAO,CAACQ,OAAO,CAACE,OAAO,IAAIT,OAAO,CAACO,OAAO,CAACE,OAAO;MAEpD,IAAIuB,QAAQ,EAAE;QACZ,MAAMqB,eAAe,GAAGrE,IAAI,GAAG,IAAIK,IAAI,CAACL,IAAI,CAAC,GAAGgD,QAAQ;QACxDqB,eAAe,CAACC,QAAQ,CAACtB,QAAQ,CAACuB,QAAQ,CAAC,CAAC,CAAC;QAC7CF,eAAe,CAACG,UAAU,CAACxB,QAAQ,CAACyB,UAAU,CAAC,CAAC,CAAC;QACjDJ,eAAe,CAACK,UAAU,CAAC1B,QAAQ,CAAC2B,UAAU,CAAC,CAAC,CAAC;QACjDN,eAAe,CAACO,eAAe,CAAC5B,QAAQ,CAAC6B,eAAe,CAAC,CAAC,CAAC;QAC3D1F,UAAU,CAACT,KAAK,CAACmE,QAAQ,CAACwB,eAAe,CAACZ,WAAW,CAAC,CAAC,CAAC;QACxD7C,oBAAoB,CAAC,EAAE,CAAC;QACxBH,oBAAoB,CAAC,EAAE,CAAC;MAC1B,CAAC,MAAM;QACL,IAAI,CAACuC,QAAQ,EAAE;UAAA,IAAA8B,kBAAA;UACbzD,YAAY,CAAC,EAAE,CAAC;UAChB,KAAAyD,kBAAA,GAAIpG,KAAK,CAACmB,UAAU,aAAhBiF,kBAAA,CAAkBhF,QAAQ,EAAE;YAC9Bc,oBAAoB,CAClBzD,CAAC,CAAC,qCAAqC,CACzC,CAAC;YACD6D,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,IAAI;UAChC,CAAC,MAAM;YACLb,oBAAoB,CAAC,EAAE,CAAC;YACxBI,OAAO,CAACO,OAAO,CAACE,OAAO,GAAG,KAAK;UACjC;UACA,IAAI,CAACZ,GAAG,CAACU,OAAO,CAACE,OAAO,EAAE;YACxB,IAAI,CAACR,SAAS,EAAE;cACd9B,UAAU,CAACT,KAAK,CAACmE,QAAQ,CAAC,IAAI,CAAC;YACjC;UACF;QACF;MACF;IACF,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/E,YAAA;MAAAgF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACG,CACA,CACC,CAAC;AAEhB,CAAC;AAEM,MAAM6C,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAAC5G,aAAa,CAAC","ignoreList":[]}
|
|
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "deletedialog2767667586";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"layout": "
|
|
15
|
+
"root": "deletedialog2767667586__root",
|
|
16
|
+
"layout": "deletedialog2767667586__layout"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {};
|
|
19
19
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog2767667586\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"deletedialog2767667586__root\",\"layout\":\"deletedialog2767667586__layout\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ exports.__esModule = true;
|
|
|
5
5
|
exports.CellDocumentEdit = void 0;
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
var _designSystem = require("@wix/design-system");
|
|
8
|
-
var
|
|
8
|
+
var _lazy = require("@wix/wix-ui-icons-common/lazy");
|
|
9
9
|
var _mediaUtils = require("../../utils/media-utils");
|
|
10
10
|
var _autoFieldTypes = require("../../auto-field-types");
|
|
11
11
|
var _hooks = require("../../hooks");
|
|
@@ -81,7 +81,7 @@ const CellDocumentEdit = ({
|
|
|
81
81
|
id: fieldId,
|
|
82
82
|
dataHook: "document-edit-tag",
|
|
83
83
|
removable: false,
|
|
84
|
-
thumb: /*#__PURE__*/_react.default.createElement(
|
|
84
|
+
thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
|
|
85
85
|
__self: void 0,
|
|
86
86
|
__source: {
|
|
87
87
|
fileName: _jsxFileName,
|
|
@@ -118,7 +118,7 @@ const CellDocumentEdit = ({
|
|
|
118
118
|
lineNumber: 113,
|
|
119
119
|
columnNumber: 11
|
|
120
120
|
}
|
|
121
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
121
|
+
}, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
|
|
122
122
|
__self: void 0,
|
|
123
123
|
__source: {
|
|
124
124
|
fileName: _jsxFileName,
|
|
@@ -148,7 +148,7 @@ const CellDocumentEdit = ({
|
|
|
148
148
|
lineNumber: 134,
|
|
149
149
|
columnNumber: 15
|
|
150
150
|
}
|
|
151
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
151
|
+
}, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
|
|
152
152
|
__self: void 0,
|
|
153
153
|
__source: {
|
|
154
154
|
fileName: _jsxFileName,
|
|
@@ -165,7 +165,7 @@ const CellDocumentEdit = ({
|
|
|
165
165
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
166
166
|
dataHook: "document-edit-action-replace",
|
|
167
167
|
text: t('CMS.document.action.replace'),
|
|
168
|
-
prefixIcon: /*#__PURE__*/_react.default.createElement(
|
|
168
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
|
|
169
169
|
__self: void 0,
|
|
170
170
|
__source: {
|
|
171
171
|
fileName: _jsxFileName,
|
|
@@ -183,7 +183,7 @@ const CellDocumentEdit = ({
|
|
|
183
183
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
184
184
|
dataHook: "document-edit-action-replace-url",
|
|
185
185
|
text: t('CMS.document.action.replaceWithUrl'),
|
|
186
|
-
prefixIcon: /*#__PURE__*/_react.default.createElement(
|
|
186
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
|
|
187
187
|
__self: void 0,
|
|
188
188
|
__source: {
|
|
189
189
|
fileName: _jsxFileName,
|
|
@@ -208,7 +208,7 @@ const CellDocumentEdit = ({
|
|
|
208
208
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
209
209
|
dataHook: "document-edit-action-open",
|
|
210
210
|
text: t('CMS.document.action.open'),
|
|
211
|
-
prefixIcon: /*#__PURE__*/_react.default.createElement(
|
|
211
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ExternalLink, {
|
|
212
212
|
__self: void 0,
|
|
213
213
|
__source: {
|
|
214
214
|
fileName: _jsxFileName,
|
|
@@ -226,7 +226,7 @@ const CellDocumentEdit = ({
|
|
|
226
226
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
227
227
|
dataHook: "document-edit-action-download",
|
|
228
228
|
text: t('CMS.document.action.download'),
|
|
229
|
-
prefixIcon: /*#__PURE__*/_react.default.createElement(
|
|
229
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
|
|
230
230
|
__self: void 0,
|
|
231
231
|
__source: {
|
|
232
232
|
fileName: _jsxFileName,
|
|
@@ -252,7 +252,7 @@ const CellDocumentEdit = ({
|
|
|
252
252
|
dataHook: "document-edit-action-delete",
|
|
253
253
|
text: t('CMS.document.action.delete'),
|
|
254
254
|
skin: "destructive",
|
|
255
|
-
prefixIcon: /*#__PURE__*/_react.default.createElement(
|
|
255
|
+
prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
|
|
256
256
|
__self: void 0,
|
|
257
257
|
__source: {
|
|
258
258
|
fileName: _jsxFileName,
|
|
@@ -288,7 +288,7 @@ const CellDocumentEdit = ({
|
|
|
288
288
|
lineNumber: 181,
|
|
289
289
|
columnNumber: 11
|
|
290
290
|
}
|
|
291
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
291
|
+
}, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
|
|
292
292
|
__self: void 0,
|
|
293
293
|
__source: {
|
|
294
294
|
fileName: _jsxFileName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_autoFieldTypes","_hooks","_react2","_mediaControl","_utils","_jsxFileName","CellDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","t","useTranslations","msid","useWixPatternsContainer","environment","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","ALL_MEDIA","pasteUrlTitle","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","handleOpenDocument","openDocument","getMediaURL","handleDownload","downloadMedia","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","document","gap","__self","__source","fileName","lineNumber","columnNumber","Box","minWidth","style","flex","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","Tooltip","content","appendTo","IconButton","priority","ariaLabel","onClick","handleCallMedia","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/document/cell-document-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tag, Tooltip } from '@wix/design-system';\nimport {\n Add,\n Delete,\n DocumentSmall,\n Download,\n ExternalLink,\n Link,\n LinkSmall,\n MoreSmall,\n Replace,\n} from '@wix/wix-ui-icons-common';\nimport { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n useCellMediaEdit,\n CellMediaEditShell,\n MediaFieldType,\n} from '../media-control';\nimport { openDocument } from './utils';\n\nexport interface CellDocumentEditProps {\n value: string | null;\n onChange: (value: string | null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n /**\n * Called before opening external UI (media manager / paste-URL form) so the\n * table can set isEditing=true and protect cell focus while the modal is open.\n */\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n dataHook?: string;\n /**\n * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n * responsible for ensuring uniqueness (e.g., derive from columnId).\n */\n fieldId: string;\n}\n\nexport const CellDocumentEdit: React.FC<CellDocumentEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n fieldId,\n}) => {\n const { t } = useTranslations();\n const msid = useWixPatternsContainer()?.environment?.msid;\n\n const mediaEdit = useCellMediaEdit({\n mediaType: MEDIA_TYPES.ALL_MEDIA,\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n });\n\n const pasteUrlTitle = value\n ? t('CMS.document.replaceWithUrl.title')\n : t('CMS.document.pasteUrl.title');\n\n const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n title: pasteUrlTitle,\n value: value ?? undefined,\n });\n\n const handleOpenDocument = () => {\n if (!value) {\n return;\n }\n openDocument(getMediaURL(value, msid));\n };\n\n const handleDownload = () => {\n if (!value) {\n return;\n }\n mediaEdit.downloadMedia(value);\n };\n\n return (\n <CellMediaEditShell\n dataHook={dataHook}\n mediaEdit={mediaEdit}\n value={value}\n fieldType={MediaFieldType.document}\n gap=\"SP1\"\n >\n {value ? (\n <Box minWidth=\"0\" style={{ flex: '1 1 auto' }}>\n <Tag\n id={fieldId}\n dataHook=\"document-edit-tag\"\n removable={false}\n thumb={<DocumentSmall />}\n size=\"small\"\n maxWidth=\"100%\"\n >\n {getMediaTitle(value)}\n </Tag>\n </Box>\n ) : (\n <Tooltip content={t('CMS.document.add.button.text')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"document-edit-add-button\"\n ariaLabel={t('CMS.document.add.button.text')}\n onClick={mediaEdit.handleCallMedia}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {value ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-more-button\"\n ariaLabel={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace\"\n text={t('CMS.document.action.replace')}\n prefixIcon={<Replace />}\n onClick={mediaEdit.handleCallMedia}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace-url\"\n text={t('CMS.document.action.replaceWithUrl')}\n prefixIcon={<Link />}\n onClick={openPasteUrl}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-open\"\n text={t('CMS.document.action.open')}\n prefixIcon={<ExternalLink />}\n onClick={handleOpenDocument}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-download\"\n text={t('CMS.document.action.download')}\n prefixIcon={<Download />}\n onClick={handleDownload}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-delete\"\n text={t('CMS.document.action.delete')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={mediaEdit.handleDelete}\n />\n </PopoverMenu>\n ) : (\n <Tooltip content={t('CMS.document.pasteUrl.button')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-paste-url-button\"\n ariaLabel={t('CMS.document.pasteUrl.button')}\n onClick={openPasteUrl}\n >\n <LinkSmall />\n </IconButton>\n </Tooltip>\n )}\n </CellMediaEditShell>\n );\n};\n\nCellDocumentEdit.displayName = 'CellDocumentEdit';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAWA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AAAuC,IAAAS,YAAA;AAqBhC,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAMC,IAAI,IAAAH,qBAAA,GAAG,IAAAI,+BAAuB,EAAC,CAAC,cAAAJ,qBAAA,GAAzBA,qBAAA,CAA2BK,WAAW,qBAAtCL,qBAAA,CAAwCG,IAAI;EAEzD,MAAMG,SAAS,GAAG,IAAAC,8BAAgB,EAAC;IACjCC,SAAS,EAAEC,uBAAW,CAACC,SAAS;IAChClB,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,CAAC;EAEF,MAAMc,aAAa,GAAGnB,KAAK,GACvBS,CAAC,CAAC,mCAAmC,CAAC,GACtCA,CAAC,CAAC,6BAA6B,CAAC;EAEpC,MAAMW,YAAY,GAAGN,SAAS,CAACO,wBAAwB,CAAC;IACtDC,KAAK,EAAEH,aAAa;IACpBnB,KAAK,EAAEA,KAAK,IAAIuB;EAClB,CAAC,CAAC;EAEF,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAI,CAACxB,KAAK,EAAE;MACV;IACF;IACA,IAAAyB,mBAAY,EAAC,IAAAC,2BAAW,EAAC1B,KAAK,EAAEW,IAAI,CAAC,CAAC;EACxC,CAAC;EAED,MAAMgB,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAAC3B,KAAK,EAAE;MACV;IACF;IACAc,SAAS,CAACc,aAAa,CAAC5B,KAAK,CAAC;EAChC,CAAC;EAED,oBACEb,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAAmC,kBAAkB;IACjBzB,QAAQ,EAAEA,QAAS;IACnBQ,SAAS,EAAEA,SAAU;IACrBd,KAAK,EAAEA,KAAM;IACbgC,SAAS,EAAEC,4BAAc,CAACC,QAAS;IACnCC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAERxC,KAAK,gBACJb,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAmD,GAAG;IAACC,QAAQ,EAAC,GAAG;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAW,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5CrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAuD,GAAG;IACFC,EAAE,EAAEvC,OAAQ;IACZD,QAAQ,EAAC,mBAAmB;IAC5ByC,SAAS,EAAE,KAAM;IACjBC,KAAK,eAAE7D,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAA0D,aAAa;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBU,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,MAAM;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,IAAAY,yBAAa,EAACpD,KAAK,CACjB,CACF,CAAC,gBAENb,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAA+D,OAAO;IAACC,OAAO,EAAE7C,CAAC,CAAC,8BAA8B,CAAE;IAAC8C,QAAQ,EAAC,QAAQ;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpErD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAkE,UAAU;IACTN,IAAI,EAAC,MAAM;IACXO,QAAQ,EAAC,WAAW;IACpBnD,QAAQ,EAAC,0BAA0B;IACnCoD,SAAS,EAAEjD,CAAC,CAAC,8BAA8B,CAAE;IAC7CkD,OAAO,EAAE7C,SAAS,CAAC8C,eAAgB;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnCrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAAsE,GAAG;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACI,CACL,CACV,EAEAxC,KAAK,gBACJb,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW;IACVC,QAAQ,EAAC,OAAO;IAChBR,QAAQ,EAAC,QAAQ;IACjBS,cAAc,eACZ7E,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAA+D,OAAO;MACNC,OAAO,EAAE7C,CAAC,CAAC,2CAA2C,CAAE;MACxD8C,QAAQ,EAAC,QAAQ;MAAAnB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEjBrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAkE,UAAU;MACTN,IAAI,EAAC,MAAM;MACXO,QAAQ,EAAC,UAAU;MACnBnD,QAAQ,EAAC,2BAA2B;MACpCoD,SAAS,EAAEjD,CAAC,CAAC,2CAA2C,CAAE;MAAA2B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE1DrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAA0E,SAAS;MAAA7B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACF,CACL,CACV;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW,CAACI,QAAQ;IACnB5D,QAAQ,EAAC,8BAA8B;IACvC6D,IAAI,EAAE1D,CAAC,CAAC,6BAA6B,CAAE;IACvC2D,UAAU,eAAEjF,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAA8E,OAAO;MAAAjC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBmB,OAAO,EAAE7C,SAAS,CAAC8C,eAAgB;IAAAxB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CAAC,eACFrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW,CAACI,QAAQ;IACnB5D,QAAQ,EAAC,kCAAkC;IAC3C6D,IAAI,EAAE1D,CAAC,CAAC,oCAAoC,CAAE;IAC9C2D,UAAU,eAAEjF,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAA+E,IAAI;MAAAlC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACrBmB,OAAO,EAAEvC,YAAa;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvB,CAAC,eACFrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW,CAACS,OAAO;IAAAnC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvBrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW,CAACI,QAAQ;IACnB5D,QAAQ,EAAC,2BAA2B;IACpC6D,IAAI,EAAE1D,CAAC,CAAC,0BAA0B,CAAE;IACpC2D,UAAU,eAAEjF,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAAiF,YAAY;MAAApC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC7BmB,OAAO,EAAEnC,kBAAmB;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7B,CAAC,eACFrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW,CAACI,QAAQ;IACnB5D,QAAQ,EAAC,+BAA+B;IACxC6D,IAAI,EAAE1D,CAAC,CAAC,8BAA8B,CAAE;IACxC2D,UAAU,eAAEjF,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAAkF,QAAQ;MAAArC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBmB,OAAO,EAAEhC,cAAe;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzB,CAAC,eACFrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW,CAACS,OAAO;IAAAnC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvBrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAwE,WAAW,CAACI,QAAQ;IACnB5D,QAAQ,EAAC,6BAA6B;IACtC6D,IAAI,EAAE1D,CAAC,CAAC,4BAA4B,CAAE;IACtCiE,IAAI,EAAC,aAAa;IAClBN,UAAU,eAAEjF,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAAoF,MAAM;MAAAvC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACvBmB,OAAO,EAAE7C,SAAS,CAAC8D,YAAa;IAAAxC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjC,CACU,CAAC,gBAEdrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAA+D,OAAO;IAACC,OAAO,EAAE7C,CAAC,CAAC,8BAA8B,CAAE;IAAC8C,QAAQ,EAAC,QAAQ;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpErD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACxC,aAAA,CAAAkE,UAAU;IACTN,IAAI,EAAC,MAAM;IACXO,QAAQ,EAAC,UAAU;IACnBnD,QAAQ,EAAC,gCAAgC;IACzCoD,SAAS,EAAEjD,CAAC,CAAC,8BAA8B,CAAE;IAC7CkD,OAAO,EAAEvC,YAAa;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtBrD,MAAA,CAAA0C,OAAA,CAAAC,aAAA,CAACvC,iBAAA,CAAAsF,SAAS;IAAAzC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACF,CACL,CAEO,CAAC;AAEzB,CAAC;AAACsC,OAAA,CAAA/E,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACgF,WAAW,GAAG,kBAAkB","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_autoFieldTypes","_hooks","_react2","_mediaControl","_utils","_jsxFileName","CellDocumentEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","fieldId","_useWixPatternsContai","t","useTranslations","msid","useWixPatternsContainer","environment","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","ALL_MEDIA","pasteUrlTitle","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","handleOpenDocument","openDocument","getMediaURL","handleDownload","downloadMedia","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","document","gap","__self","__source","fileName","lineNumber","columnNumber","Box","minWidth","style","flex","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","Tooltip","content","appendTo","IconButton","priority","ariaLabel","onClick","handleCallMedia","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","ExternalLink","Download","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/document/cell-document-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tag, Tooltip } from '@wix/design-system';\nimport {\n Add,\n Delete,\n DocumentSmall,\n Download,\n ExternalLink,\n Link,\n LinkSmall,\n MoreSmall,\n Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n useCellMediaEdit,\n CellMediaEditShell,\n MediaFieldType,\n} from '../media-control';\nimport { openDocument } from './utils';\n\nexport interface CellDocumentEditProps {\n value: string | null;\n onChange: (value: string | null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n /**\n * Called before opening external UI (media manager / paste-URL form) so the\n * table can set isEditing=true and protect cell focus while the modal is open.\n */\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n dataHook?: string;\n /**\n * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n * responsible for ensuring uniqueness (e.g., derive from columnId).\n */\n fieldId: string;\n}\n\nexport const CellDocumentEdit: React.FC<CellDocumentEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n fieldId,\n}) => {\n const { t } = useTranslations();\n const msid = useWixPatternsContainer()?.environment?.msid;\n\n const mediaEdit = useCellMediaEdit({\n mediaType: MEDIA_TYPES.ALL_MEDIA,\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n });\n\n const pasteUrlTitle = value\n ? t('CMS.document.replaceWithUrl.title')\n : t('CMS.document.pasteUrl.title');\n\n const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n title: pasteUrlTitle,\n value: value ?? undefined,\n });\n\n const handleOpenDocument = () => {\n if (!value) {\n return;\n }\n openDocument(getMediaURL(value, msid));\n };\n\n const handleDownload = () => {\n if (!value) {\n return;\n }\n mediaEdit.downloadMedia(value);\n };\n\n return (\n <CellMediaEditShell\n dataHook={dataHook}\n mediaEdit={mediaEdit}\n value={value}\n fieldType={MediaFieldType.document}\n gap=\"SP1\"\n >\n {value ? (\n <Box minWidth=\"0\" style={{ flex: '1 1 auto' }}>\n <Tag\n id={fieldId}\n dataHook=\"document-edit-tag\"\n removable={false}\n thumb={<DocumentSmall />}\n size=\"small\"\n maxWidth=\"100%\"\n >\n {getMediaTitle(value)}\n </Tag>\n </Box>\n ) : (\n <Tooltip content={t('CMS.document.add.button.text')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"document-edit-add-button\"\n ariaLabel={t('CMS.document.add.button.text')}\n onClick={mediaEdit.handleCallMedia}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {value ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-more-button\"\n ariaLabel={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace\"\n text={t('CMS.document.action.replace')}\n prefixIcon={<Replace />}\n onClick={mediaEdit.handleCallMedia}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-replace-url\"\n text={t('CMS.document.action.replaceWithUrl')}\n prefixIcon={<Link />}\n onClick={openPasteUrl}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-open\"\n text={t('CMS.document.action.open')}\n prefixIcon={<ExternalLink />}\n onClick={handleOpenDocument}\n />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-download\"\n text={t('CMS.document.action.download')}\n prefixIcon={<Download />}\n onClick={handleDownload}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"document-edit-action-delete\"\n text={t('CMS.document.action.delete')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={mediaEdit.handleDelete}\n />\n </PopoverMenu>\n ) : (\n <Tooltip content={t('CMS.document.pasteUrl.button')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"document-edit-paste-url-button\"\n ariaLabel={t('CMS.document.pasteUrl.button')}\n onClick={openPasteUrl}\n >\n <LinkSmall />\n </IconButton>\n </Tooltip>\n )}\n </CellMediaEditShell>\n );\n};\n\nCellDocumentEdit.displayName = 'CellDocumentEdit';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ exports.__esModule = true;
|
|
|
5
5
|
exports.CellDocumentView = void 0;
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
|
7
7
|
var _designSystem = require("@wix/design-system");
|
|
8
|
-
var
|
|
8
|
+
var _lazy = require("@wix/wix-ui-icons-common/lazy");
|
|
9
9
|
var _mediaUtils = require("../../utils/media-utils");
|
|
10
10
|
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/document/cell-document-view.tsx";
|
|
11
11
|
const CellDocumentView = ({
|
|
@@ -33,7 +33,7 @@ const CellDocumentView = ({
|
|
|
33
33
|
id: fieldId,
|
|
34
34
|
dataHook: "cell-document-tag",
|
|
35
35
|
removable: false,
|
|
36
|
-
thumb: /*#__PURE__*/_react.default.createElement(
|
|
36
|
+
thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
|
|
37
37
|
__self: void 0,
|
|
38
38
|
__source: {
|
|
39
39
|
fileName: _jsxFileName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_jsxFileName","CellDocumentView","value","dataHook","fieldId","default","createElement","Box","verticalAlign","padding","height","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","Tag","id","removable","thumb","DocumentSmall","size","maxWidth","getMediaTitle","exports","displayName"],"sources":["../../../../src/components/document/cell-document-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Tag } from '@wix/design-system';\nimport { DocumentSmall } from '@wix/wix-ui-icons-common/lazy';\n\nimport { getMediaTitle } from '../../utils/media-utils';\n\nexport interface CellDocumentViewProps {\n value: string | null | undefined;\n dataHook?: string;\n /**\n * Stable DOM id for the Tag. WDS Tag requires `id` to be present; callers are\n * responsible for ensuring uniqueness (e.g., derive from columnId + rowKey).\n */\n fieldId: string;\n}\n\nexport const CellDocumentView: React.FC<CellDocumentViewProps> = ({\n value,\n dataHook,\n fieldId,\n}) => {\n if (!value) {\n return null;\n }\n\n return (\n <Box\n dataHook={dataHook}\n verticalAlign=\"middle\"\n padding=\"0 8px\"\n height=\"100%\"\n width=\"100%\"\n minWidth=\"0\"\n >\n <Tag\n id={fieldId}\n dataHook=\"cell-document-tag\"\n removable={false}\n thumb={<DocumentSmall />}\n size=\"small\"\n maxWidth=\"100%\"\n >\n {getMediaTitle(value)}\n </Tag>\n </Box>\n );\n};\n\nCellDocumentView.displayName = 'CellDocumentView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAYjD,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,GAAG;IACFJ,QAAQ,EAAEA,QAAS;IACnBK,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,OAAO;IACfC,MAAM,EAAC,MAAM;IACbC,KAAK,EAAC,MAAM;IACZC,QAAQ,EAAC,GAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAqB,GAAG;IACFC,EAAE,EAAEf,OAAQ;IACZD,QAAQ,EAAC,mBAAmB;IAC5BiB,SAAS,EAAE,KAAM;IACjBC,KAAK,eAAE3B,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAwB,aAAa;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACzBM,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEd,IAAAQ,yBAAa,EAACvB,KAAK,CACjB,CACF,CAAC;AAEV,CAAC;AAACwB,OAAA,CAAAzB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAAC0B,WAAW,GAAG,kBAAkB","ignoreList":[]}
|
|
@@ -6,7 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
6
6
|
var _mediaUtils = require("../../utils/media-utils");
|
|
7
7
|
var _autoFieldTypes = require("../../auto-field-types");
|
|
8
8
|
var _designSystem = require("@wix/design-system");
|
|
9
|
-
var
|
|
9
|
+
var _lazy = require("@wix/wix-ui-icons-common/lazy");
|
|
10
10
|
var _hooks = require("../../hooks");
|
|
11
11
|
var _formDocumentFieldStCss = require("./form-document-field.st.css.js");
|
|
12
12
|
var _documentLoader = require("./document-loader");
|
|
@@ -31,7 +31,7 @@ const DocumentComponent = ({
|
|
|
31
31
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
32
32
|
width: "24px",
|
|
33
33
|
height: "24px",
|
|
34
|
-
children: /*#__PURE__*/_react.default.createElement(
|
|
34
|
+
children: /*#__PURE__*/_react.default.createElement(_lazy.Document, {
|
|
35
35
|
__self: void 0,
|
|
36
36
|
__source: {
|
|
37
37
|
fileName: _jsxFileName,
|
|
@@ -146,7 +146,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
|
|
|
146
146
|
minWidth: '232px'
|
|
147
147
|
},
|
|
148
148
|
secondaryActions: [{
|
|
149
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
149
|
+
icon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
|
|
150
150
|
__self: void 0,
|
|
151
151
|
__source: {
|
|
152
152
|
fileName: _jsxFileName,
|
|
@@ -159,7 +159,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
|
|
|
159
159
|
dataHook: 'document-view-download-action',
|
|
160
160
|
text: t('CMS.document.action.download')
|
|
161
161
|
}, {
|
|
162
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
162
|
+
icon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
|
|
163
163
|
__self: void 0,
|
|
164
164
|
__source: {
|
|
165
165
|
fileName: _jsxFileName,
|
|
@@ -172,7 +172,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
|
|
|
172
172
|
dataHook: 'document-view-replace-action',
|
|
173
173
|
disabled: readOnly
|
|
174
174
|
}, {
|
|
175
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
175
|
+
icon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
|
|
176
176
|
__self: void 0,
|
|
177
177
|
__source: {
|
|
178
178
|
fileName: _jsxFileName,
|
|
@@ -187,7 +187,7 @@ const DocumentControl = exports.DocumentControl = /*#__PURE__*/_react.default.fo
|
|
|
187
187
|
}, {
|
|
188
188
|
divider: true
|
|
189
189
|
}, {
|
|
190
|
-
icon: /*#__PURE__*/_react.default.createElement(
|
|
190
|
+
icon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
|
|
191
191
|
__self: void 0,
|
|
192
192
|
__source: {
|
|
193
193
|
fileName: _jsxFileName,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoFieldTypes","_designSystem","_wixUiIconsCommon","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../src/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n Delete,\n Replace,\n Document,\n Link,\n Download,\n} from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n return (\n <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n <Box width=\"24px\" height=\"24px\" children={<Document />} />\n <Text\n dataHook=\"document-view-name\"\n secondary\n ellipsis\n children={getMediaTitle(mediaURI)}\n />\n </Box>\n );\n};\ninterface DocumentControl {\n mediaURI: string;\n readOnly?: boolean;\n onReplace: () => void;\n onDelete: () => void;\n onDownload: (mediaURI: string) => void;\n className?: string;\n loading: boolean;\n loaderBorderStyle?: 'solid' | 'dashed';\n loaderClassName?: string;\n dataHook?: string;\n onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n TableListItemImperativeActions,\n DocumentControl\n>(\n (\n {\n mediaURI,\n readOnly,\n onReplace,\n onDelete,\n onDownload,\n dataHook,\n className,\n loading,\n loaderBorderStyle,\n loaderClassName,\n onOpenPasteURLForm,\n },\n ref,\n ) => {\n const { t } = useTranslations();\n const { environment } = useWixPatternsContainer();\n const metaSiteId = environment.msid;\n\n const handleOpenDocument = useCallback(() => {\n openDocument(getMediaURL(mediaURI, metaSiteId));\n }, [mediaURI, metaSiteId]);\n\n const handleDownload = useCallback(() => {\n onDownload(mediaURI);\n }, [mediaURI, onDownload]);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n (event) => {\n const actions = containerRef?.current?.querySelector(\n `[data-hook=\"document-view-actions-button\"]`,\n );\n\n if (actions?.contains(document.activeElement)) {\n return;\n }\n\n if (event.key === 'Enter') {\n handleOpenDocument();\n }\n },\n [handleOpenDocument, containerRef],\n );\n\n return loading ? (\n <DocumentLoader\n borderStyle={loaderBorderStyle}\n className={loaderClassName}\n />\n ) : (\n <div ref={containerRef} onKeyDown={handleOnKeydown}>\n <TableListItem\n dataHook={dataHook}\n ref={ref}\n className={className}\n onClick={handleOpenDocument}\n verticalPadding=\"tiny\"\n options={[\n {\n value: <DocumentComponent mediaURI={mediaURI} />,\n width: '75%',\n },\n {\n value: (\n <TableActionCell\n dataHook=\"document-view-actions-button\"\n alwaysShowSecondaryActions\n numOfVisibleSecondaryActions={1}\n primaryAction={{\n onClick: handleOpenDocument,\n skin: 'standard',\n text: t('CMS.document.action.open'),\n dataHook: 'document-view-open-action',\n }}\n popoverMenuProps={{\n textSize: 'medium',\n minWidth: '232px',\n }}\n secondaryActions={[\n {\n icon: <Download />,\n onClick: handleDownload,\n disabled: readOnly,\n dataHook: 'document-view-download-action',\n text: t('CMS.document.action.download'),\n },\n {\n icon: <Replace />,\n onClick: onReplace,\n text: t('CMS.document.action.replace'),\n dataHook: 'document-view-replace-action',\n disabled: readOnly,\n },\n {\n icon: <Link />,\n onClick: onOpenPasteURLForm,\n text: t('CMS.document.action.replaceWithUrl'),\n dataHook: 'document-view-replace-with-url-action',\n disabled: readOnly,\n },\n {\n divider: true,\n },\n {\n icon: <Delete />,\n onClick: onDelete,\n text: t('CMS.document.action.delete'),\n dataHook: 'document-view-delete-action',\n disabled: readOnly,\n },\n ]}\n />\n ),\n width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n align: 'right',\n },\n ]}\n />\n </div>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_mediaUtils","_autoFieldTypes","_designSystem","_lazy","_hooks","_formDocumentFieldStCss","_documentLoader","_utils","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DOCUMENT_VIEW_ACTIONS_WIDTH","DocumentComponent","mediaURI","createElement","Box","gap","verticalAlign","className","classes","textWidth","__self","__source","fileName","lineNumber","columnNumber","width","height","children","Document","Text","dataHook","secondary","ellipsis","getMediaTitle","DocumentControl","exports","React","forwardRef","readOnly","onReplace","onDelete","onDownload","loading","loaderBorderStyle","loaderClassName","onOpenPasteURLForm","ref","useTranslations","environment","useWixPatternsContainer","metaSiteId","msid","handleOpenDocument","useCallback","openDocument","getMediaURL","handleDownload","containerRef","useRef","handleOnKeydown","event","_containerRef$current","actions","current","querySelector","contains","document","activeElement","key","DocumentLoader","borderStyle","onKeyDown","TableListItem","onClick","verticalPadding","options","value","TableActionCell","alwaysShowSecondaryActions","numOfVisibleSecondaryActions","primaryAction","skin","text","popoverMenuProps","textSize","minWidth","secondaryActions","icon","Download","disabled","Replace","Link","divider","Delete","align"],"sources":["../../../../src/components/document/document-control.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\n\nimport { getMediaTitle } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport type { TableListItemImperativeActions } from '@wix/design-system';\nimport { Text, Box, TableListItem, TableActionCell } from '@wix/design-system';\nimport {\n Delete,\n Replace,\n Document,\n Link,\n Download,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../hooks';\n\nimport { classes } from './form-document-field.st.css.js';\nimport { DocumentLoader } from './document-loader';\nimport { openDocument } from './utils';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nconst DOCUMENT_VIEW_ACTIONS_WIDTH = '196px';\n\nconst DocumentComponent = ({ mediaURI }: { mediaURI: string }) => {\n return (\n <Box gap=\"SP2\" verticalAlign=\"middle\" className={classes.textWidth}>\n <Box width=\"24px\" height=\"24px\" children={<Document />} />\n <Text\n dataHook=\"document-view-name\"\n secondary\n ellipsis\n children={getMediaTitle(mediaURI)}\n />\n </Box>\n );\n};\ninterface DocumentControl {\n mediaURI: string;\n readOnly?: boolean;\n onReplace: () => void;\n onDelete: () => void;\n onDownload: (mediaURI: string) => void;\n className?: string;\n loading: boolean;\n loaderBorderStyle?: 'solid' | 'dashed';\n loaderClassName?: string;\n dataHook?: string;\n onOpenPasteURLForm: () => void;\n}\n\nexport const DocumentControl = React.forwardRef<\n TableListItemImperativeActions,\n DocumentControl\n>(\n (\n {\n mediaURI,\n readOnly,\n onReplace,\n onDelete,\n onDownload,\n dataHook,\n className,\n loading,\n loaderBorderStyle,\n loaderClassName,\n onOpenPasteURLForm,\n },\n ref,\n ) => {\n const { t } = useTranslations();\n const { environment } = useWixPatternsContainer();\n const metaSiteId = environment.msid;\n\n const handleOpenDocument = useCallback(() => {\n openDocument(getMediaURL(mediaURI, metaSiteId));\n }, [mediaURI, metaSiteId]);\n\n const handleDownload = useCallback(() => {\n onDownload(mediaURI);\n }, [mediaURI, onDownload]);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const handleOnKeydown = useCallback<React.KeyboardEventHandler>(\n (event) => {\n const actions = containerRef?.current?.querySelector(\n `[data-hook=\"document-view-actions-button\"]`,\n );\n\n if (actions?.contains(document.activeElement)) {\n return;\n }\n\n if (event.key === 'Enter') {\n handleOpenDocument();\n }\n },\n [handleOpenDocument, containerRef],\n );\n\n return loading ? (\n <DocumentLoader\n borderStyle={loaderBorderStyle}\n className={loaderClassName}\n />\n ) : (\n <div ref={containerRef} onKeyDown={handleOnKeydown}>\n <TableListItem\n dataHook={dataHook}\n ref={ref}\n className={className}\n onClick={handleOpenDocument}\n verticalPadding=\"tiny\"\n options={[\n {\n value: <DocumentComponent mediaURI={mediaURI} />,\n width: '75%',\n },\n {\n value: (\n <TableActionCell\n dataHook=\"document-view-actions-button\"\n alwaysShowSecondaryActions\n numOfVisibleSecondaryActions={1}\n primaryAction={{\n onClick: handleOpenDocument,\n skin: 'standard',\n text: t('CMS.document.action.open'),\n dataHook: 'document-view-open-action',\n }}\n popoverMenuProps={{\n textSize: 'medium',\n minWidth: '232px',\n }}\n secondaryActions={[\n {\n icon: <Download />,\n onClick: handleDownload,\n disabled: readOnly,\n dataHook: 'document-view-download-action',\n text: t('CMS.document.action.download'),\n },\n {\n icon: <Replace />,\n onClick: onReplace,\n text: t('CMS.document.action.replace'),\n dataHook: 'document-view-replace-action',\n disabled: readOnly,\n },\n {\n icon: <Link />,\n onClick: onOpenPasteURLForm,\n text: t('CMS.document.action.replaceWithUrl'),\n dataHook: 'document-view-replace-with-url-action',\n disabled: readOnly,\n },\n {\n divider: true,\n },\n {\n icon: <Delete />,\n onClick: onDelete,\n text: t('CMS.document.action.delete'),\n dataHook: 'document-view-delete-action',\n disabled: readOnly,\n },\n ]}\n />\n ),\n width: DOCUMENT_VIEW_ACTIONS_WIDTH,\n align: 'right',\n },\n ]}\n />\n </div>\n );\n },\n);\n"],"mappings":"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","ignoreList":[]}
|