@wix/patterns-fields 1.73.0 → 1.75.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/form-address.js +5 -3
- package/dist/cjs/components/address/form-address.js.map +1 -1
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/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-field/form-audio.js +5 -3
- package/dist/cjs/components/audio/audio-field/form-audio.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/boolean/form-checkbox-input.js +40 -0
- package/dist/cjs/components/boolean/form-checkbox-input.js.map +1 -0
- package/dist/cjs/components/boolean/form-checkbox.js +6 -5
- package/dist/cjs/components/boolean/form-checkbox.js.map +1 -1
- package/dist/cjs/components/boolean/index.js +6 -0
- package/dist/cjs/components/boolean/index.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-input.js +6 -5
- package/dist/cjs/components/color-view/color-input.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/color-view/form-color.driver.js +8 -2
- package/dist/cjs/components/color-view/form-color.driver.js.map +1 -1
- package/dist/cjs/components/controlled-input.driver.js +16 -0
- package/dist/cjs/components/controlled-input.driver.js.map +1 -0
- package/dist/cjs/components/datetime-input/form-date-time.driver.js +4 -1
- package/dist/cjs/components/datetime-input/form-date-time.driver.js.map +1 -1
- package/dist/cjs/components/datetime-input/form-date-time.js +1 -0
- 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/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/document/form-document.js +5 -3
- package/dist/cjs/components/document/form-document.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/form-image-input.js +6 -4
- package/dist/cjs/components/image/form-image-input.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/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/form-media-gallery.js +5 -3
- package/dist/cjs/components/media-gallery/form-media-gallery.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js +3 -3
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.js +5 -3
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.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/number-input/form-number-input.js +38 -0
- package/dist/cjs/components/number-input/form-number-input.js.map +1 -0
- package/dist/cjs/components/number-input/form-number.js +7 -5
- package/dist/cjs/components/number-input/form-number.js.map +1 -1
- package/dist/cjs/components/number-input/index.js +6 -0
- package/dist/cjs/components/number-input/index.js.map +1 -1
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
- package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css +15 -7
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +11 -7
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css +32 -19
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +20 -12
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/form-short-text-input.js +97 -0
- package/dist/cjs/components/text/form-short-text-input.js.map +1 -0
- package/dist/cjs/components/text/form-short-text.driver.js +1 -0
- package/dist/cjs/components/text/form-short-text.driver.js.map +1 -1
- package/dist/cjs/components/text/form-short-text.js +18 -80
- package/dist/cjs/components/text/form-short-text.js.map +1 -1
- package/dist/cjs/components/text/index.js +6 -0
- package/dist/cjs/components/text/index.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.js +9 -10
- package/dist/cjs/components/time-input/form-time.js.map +1 -1
- package/dist/cjs/components/url/form-url-input.js +55 -0
- package/dist/cjs/components/url/form-url-input.js.map +1 -0
- package/dist/cjs/components/url/form-url.js +6 -20
- package/dist/cjs/components/url/form-url.js.map +1 -1
- package/dist/cjs/components/url/index.js +6 -0
- package/dist/cjs/components/url/index.js.map +1 -1
- package/dist/cjs/components/video/form-video.js +30 -29
- package/dist/cjs/components/video/form-video.js.map +1 -1
- package/dist/cjs/exports/unidriver.js +3 -1
- package/dist/cjs/exports/unidriver.js.map +1 -1
- package/dist/cjs/hooks/index.js +6 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/pr-5746-kobiburnley-comments.md +54 -0
- package/dist/cjs/hooks/use-field-ref.js +60 -0
- package/dist/cjs/hooks/use-field-ref.js.map +1 -0
- package/dist/cjs/hooks/use-scroll-to-error-ref.js +15 -15
- package/dist/cjs/hooks/use-scroll-to-error-ref.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/cjs/types/controlled-input.js +4 -0
- package/dist/cjs/types/controlled-input.js.map +1 -0
- package/dist/esm/components/address/form-address.js +3 -1
- package/dist/esm/components/address/form-address.js.map +1 -1
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/address/input/address-input.st.css.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/actions-menu/actions-menu.st.css.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-field/form-audio-field.st.css.js.map +1 -1
- package/dist/esm/components/audio/audio-field/form-audio.js +3 -1
- package/dist/esm/components/audio/audio-field/form-audio.js.map +1 -1
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/boolean/form-checkbox-input.js +10 -0
- package/dist/esm/components/boolean/form-checkbox-input.js.map +1 -0
- package/dist/esm/components/boolean/form-checkbox.js +2 -2
- package/dist/esm/components/boolean/form-checkbox.js.map +1 -1
- package/dist/esm/components/boolean/index.js +1 -0
- package/dist/esm/components/boolean/index.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-input.js +1 -1
- package/dist/esm/components/color-view/color-input.js.map +1 -1
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/form-color.driver.js +8 -2
- package/dist/esm/components/color-view/form-color.driver.js.map +1 -1
- package/dist/esm/components/controlled-input.driver.js +12 -0
- package/dist/esm/components/controlled-input.driver.js.map +1 -0
- package/dist/esm/components/datetime-input/form-date-time.driver.js +3 -0
- package/dist/esm/components/datetime-input/form-date-time.driver.js.map +1 -1
- package/dist/esm/components/datetime-input/form-date-time.js +1 -1
- 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/form-document-field.st.css.js +2 -2
- package/dist/esm/components/document/form-document.js +3 -1
- package/dist/esm/components/document/form-document.js.map +1 -1
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/image/form-image-input.js +3 -1
- package/dist/esm/components/image/form-image-input.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-gallery/form-media-gallery.js +3 -1
- package/dist/esm/components/media-gallery/form-media-gallery.js.map +1 -1
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-loader/media-loader.st.css.js.map +1 -1
- 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.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.js +3 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.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/number-input/form-number-input.js +5 -0
- package/dist/esm/components/number-input/form-number-input.js.map +1 -0
- package/dist/esm/components/number-input/form-number.js +3 -2
- package/dist/esm/components/number-input/form-number.js.map +1 -1
- package/dist/esm/components/number-input/index.js +1 -0
- package/dist/esm/components/number-input/index.js.map +1 -1
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css +15 -7
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/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-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 +32 -19
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +3 -3
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.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/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/esm/components/text/form-short-text-input.js +41 -0
- package/dist/esm/components/text/form-short-text-input.js.map +1 -0
- package/dist/esm/components/text/form-short-text.driver.js +3 -0
- package/dist/esm/components/text/form-short-text.driver.js.map +1 -1
- package/dist/esm/components/text/form-short-text.js +8 -40
- package/dist/esm/components/text/form-short-text.js.map +1 -1
- package/dist/esm/components/text/index.js +1 -0
- package/dist/esm/components/text/index.js.map +1 -1
- 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.js +4 -3
- package/dist/esm/components/time-input/form-time.js.map +1 -1
- package/dist/esm/components/url/form-url-input.js +7 -0
- package/dist/esm/components/url/form-url-input.js.map +1 -0
- package/dist/esm/components/url/form-url.js +3 -4
- package/dist/esm/components/url/form-url.js.map +1 -1
- package/dist/esm/components/url/index.js +1 -0
- package/dist/esm/components/url/index.js.map +1 -1
- package/dist/esm/components/video/form-video.js +3 -2
- package/dist/esm/components/video/form-video.js.map +1 -1
- package/dist/esm/exports/unidriver.js +1 -0
- package/dist/esm/exports/unidriver.js.map +1 -1
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/pr-5746-kobiburnley-comments.md +54 -0
- package/dist/esm/hooks/use-field-ref.js +36 -0
- package/dist/esm/hooks/use-field-ref.js.map +1 -0
- package/dist/esm/hooks/use-scroll-to-error-ref.js +12 -12
- package/dist/esm/hooks/use-scroll-to-error-ref.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/esm/types/controlled-input.js +2 -0
- package/dist/esm/types/controlled-input.js.map +1 -0
- package/dist/types/components/address/form-address.d.ts.map +1 -1
- package/dist/types/components/address/input/address-input.st.css.d.ts.map +1 -1
- package/dist/types/components/audio/actions/actions-menu/actions-menu.st.css.d.ts.map +1 -1
- package/dist/types/components/audio/audio-field/form-audio-field.st.css.d.ts.map +1 -1
- package/dist/types/components/audio/audio-field/form-audio.d.ts.map +1 -1
- package/dist/types/components/boolean/form-checkbox-input.d.ts +7 -0
- package/dist/types/components/boolean/form-checkbox-input.d.ts.map +1 -0
- package/dist/types/components/boolean/form-checkbox.d.ts.map +1 -1
- package/dist/types/components/boolean/index.d.ts +1 -0
- package/dist/types/components/boolean/index.d.ts.map +1 -1
- package/dist/types/components/color-view/color-input.d.ts.map +1 -1
- package/dist/types/components/color-view/form-color.driver.d.ts +5 -15
- package/dist/types/components/color-view/form-color.driver.d.ts.map +1 -1
- package/dist/types/components/controlled-input.driver.d.ts +502 -0
- package/dist/types/components/controlled-input.driver.d.ts.map +1 -0
- package/dist/types/components/datetime-input/form-date-time.driver.d.ts +1 -0
- package/dist/types/components/datetime-input/form-date-time.driver.d.ts.map +1 -1
- package/dist/types/components/document/form-document.d.ts.map +1 -1
- package/dist/types/components/image/form-image-input.d.ts.map +1 -1
- package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/media-control/cell-media-edit-shell.st.css.d.ts.map +1 -1
- package/dist/types/components/media-control/paste-url-button.st.css.d.ts.map +1 -1
- package/dist/types/components/media-gallery/form-media-gallery.d.ts.map +1 -1
- package/dist/types/components/media-loader/media-loader.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document.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/number-input/form-number-input.d.ts +9 -0
- package/dist/types/components/number-input/form-number-input.d.ts.map +1 -0
- package/dist/types/components/number-input/form-number.d.ts.map +1 -1
- package/dist/types/components/number-input/index.d.ts +1 -0
- package/dist/types/components/number-input/index.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts +7 -3
- package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts +16 -8
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/text/form-short-text-input.d.ts +15 -0
- package/dist/types/components/text/form-short-text-input.d.ts.map +1 -0
- package/dist/types/components/text/form-short-text.d.ts.map +1 -1
- package/dist/types/components/text/form-short-text.driver.d.ts +1 -0
- package/dist/types/components/text/form-short-text.driver.d.ts.map +1 -1
- package/dist/types/components/text/index.d.ts +1 -0
- package/dist/types/components/text/index.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.d.ts.map +1 -1
- package/dist/types/components/url/form-url-input.d.ts +8 -0
- package/dist/types/components/url/form-url-input.d.ts.map +1 -0
- package/dist/types/components/url/form-url.d.ts.map +1 -1
- package/dist/types/components/url/index.d.ts +1 -0
- package/dist/types/components/url/index.d.ts.map +1 -1
- package/dist/types/components/video/form-video.d.ts.map +1 -1
- package/dist/types/exports/unidriver.d.ts +1 -0
- package/dist/types/exports/unidriver.d.ts.map +1 -1
- package/dist/types/hooks/index.d.ts +1 -0
- package/dist/types/hooks/index.d.ts.map +1 -1
- package/dist/types/hooks/use-field-ref.d.ts +36 -0
- package/dist/types/hooks/use-field-ref.d.ts.map +1 -0
- package/dist/types/hooks/use-scroll-to-error-ref.d.ts +5 -5
- package/dist/types/hooks/use-scroll-to-error-ref.d.ts.map +1 -1
- package/dist/types/types/controlled-input.d.ts +10 -0
- package/dist/types/types/controlled-input.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/__tests__/components/color-view/form-color.spec.tsx +46 -3
- package/src/__tests__/components/rich-editors-border.spec.ts +45 -0
- package/src/__tests__/components/text/form-short-text.spec.tsx +18 -0
- package/src/__tests__/exports/controlled-inputs.spec.tsx +138 -0
- package/src/__tests__/hooks/use-field-ref.spec.tsx +132 -0
- package/src/components/address/form-address.tsx +4 -1
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio.tsx +4 -1
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/boolean/form-checkbox-input.tsx +40 -0
- package/src/components/boolean/form-checkbox.tsx +6 -7
- package/src/components/boolean/index.ts +1 -0
- package/src/components/color-view/cell-color-view.st.css.ts +2 -2
- package/src/components/color-view/color-input.tsx +13 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/color-view/form-color.driver.ts +8 -2
- package/src/components/controlled-input.driver.ts +19 -0
- package/src/components/datetime-input/form-date-time.driver.ts +3 -0
- package/src/components/datetime-input/form-date-time.tsx +1 -1
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/document/form-document.tsx +4 -1
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/form-image-input.tsx +4 -1
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
- package/src/components/media-control/cell-media-edit-shell.st.css.ts +2 -2
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-gallery/form-media-gallery.tsx +4 -1
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/cell-multi-document-edit.st.css.ts +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document.tsx +4 -1
- package/src/components/number-input/form-number-input.tsx +37 -0
- package/src/components/number-input/form-number.tsx +6 -4
- package/src/components/number-input/index.ts +1 -0
- package/src/components/reference/cell-multi-reference-input.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css +15 -7
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css +32 -19
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +3 -3
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/text/form-short-text-input.tsx +121 -0
- package/src/components/text/form-short-text.driver.ts +4 -0
- package/src/components/text/form-short-text.tsx +20 -108
- package/src/components/text/index.ts +1 -0
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/components/time-input/form-time.tsx +9 -3
- package/src/components/url/form-url-input.tsx +42 -0
- package/src/components/url/form-url.tsx +7 -11
- package/src/components/url/index.ts +1 -0
- package/src/components/video/form-video.tsx +4 -2
- package/src/exports/unidriver.ts +1 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/pr-5746-kobiburnley-comments.md +54 -0
- package/src/hooks/use-field-ref.ts +65 -0
- package/src/hooks/use-scroll-to-error-ref.ts +15 -10
- package/src/styles.global.css +1 -1
- package/src/types/controlled-input.ts +9 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_react2","_form","_hooks","_string","_validations","videoValidation","_interopRequireWildcard","_typeMismatchExclamation","_mediaConstants","_useVideoPreview","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormVideo","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","openMediaManager","useWixPatternsContainer","useTranslations","isMobile","useIsMobile","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","openMedia","_chosenMediaItems$ite","_mediaItem$media","chosenMediaItems","multiSelect","category","mediaItem","items","newVideo","media","video","onChange","error","console","videoUrl","posterUrl","imageUrl","isPreviewOpen","openPreview","handlePreview","closePreview","handleClosePreview","handleDownload","useVideoPreview","videoUri","createElement","FormField","label","displayName","status","fieldState","undefined","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","Box","width","maxWidth","MEDIA_MAX_WIDTH","height","MEDIA_HEIGHT","MediaOverlay","hoverSkin","Image","src","fit","Content","placement","visible","gap","Tooltip","content","IconButton","onClick","skin","priority","disabled","ariaLabel","Replace","PopoverMenu","triggerElement","toggle","More","MenuItem","prefixIcon","Maximize","text","Download","Divider","Delete","ImageViewer","ref","onAddImage","addImageInfo","Modal","isOpen","onRequestClose","CustomModalLayout","title","onCloseButtonClick","style","display","justifyContent","padding","controls","autoPlay","maxHeight","poster","type","FormVideo","exports","observer"],"sources":["../../../../src/components/video/form-video.tsx"],"sourcesContent":["import React from 'react';\nimport {\n FormField,\n ImageViewer,\n Modal,\n CustomModalLayout,\n MediaOverlay,\n Box,\n Tooltip,\n IconButton,\n PopoverMenu,\n Image,\n} from '@wix/design-system';\nimport {\n Replace,\n More,\n Download,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport { isDataValidOrNotSet } from '../../validations/validations';\nimport * as videoValidation from '../../validations/video';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { useVideoPreview } from './use-video-preview';\n\ninterface VideoMediaDescriptor {\n video?: string;\n}\n\ninterface MediaManagerVideoItem {\n _id?: string;\n displayName?: string;\n mediaType?: string;\n media?: VideoMediaDescriptor;\n}\n\nexport interface FormVideoProps extends BaseInputProps<string> {}\n\nconst _FormVideo = (props: FormVideoProps) => {\n const { field, dataHook, formControl, data } = props;\n\n const { translate: pt, openMediaManager } = useWixPatternsContainer();\n const { t } = useTranslations();\n const isMobile = useIsMobile();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (value) => {\n if (field.validation?.required && isEmpty(value)) {\n return pt('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n async function openMedia() {\n if (!openMediaManager) return;\n try {\n const chosenMediaItems = await openMediaManager({\n multiSelect: false,\n category: 'VIDEO',\n });\n\n const mediaItem = chosenMediaItems?.items?.[0] as\n | MediaManagerVideoItem\n | undefined;\n const newVideo = mediaItem?.media?.video;\n if (newVideo) {\n controller.field.onChange(newVideo);\n }\n } catch (error) {\n console.error('Error opening Media Manager or no files selected:', error);\n }\n }\n\n const {\n videoUrl,\n posterUrl: imageUrl,\n isPreviewOpen,\n openPreview: handlePreview,\n closePreview: handleClosePreview,\n handleDownload,\n } = useVideoPreview({ videoUri: controller.field.value });\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n status={controller.fieldState.error ? 'error' : undefined}\n statusMessage={controller.fieldState.error?.message}\n dataHook={dataHook}\n suffix={\n isDataValidOrNotSet(\n controller.field.value,\n videoValidation,\n ) ? undefined : (\n <TypeMismatchExclamation\n typeName={t('auto-patterns.fields.field_type_video_title')}\n clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n onClear={() => controller.field.onChange(undefined)}\n onChange={(value) => controller.field.onChange(value)}\n convertDisabledText={t(\n 'auto-patterns.fields.type_mismatch_convert_disabled',\n )}\n fieldName={field.displayName}\n isConverted={false}\n isConverting={false}\n convertedValue={null}\n tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n typeName: 'Video',\n })}\n />\n )\n }\n >\n {controller.field.value ? (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>\n <MediaOverlay\n dataHook={`video-${field.id}`}\n hoverSkin=\"dark\"\n media={\n <Image\n src={imageUrl}\n width=\"100%\"\n height={MEDIA_HEIGHT}\n fit=\"cover\"\n />\n }\n >\n <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n <Box gap=\"SP2\">\n <Tooltip\n content={t('auto-patterns.fields.replace_video_tooltip')}\n >\n <IconButton\n onClick={() => openMedia()}\n skin=\"light\"\n priority=\"secondary\"\n disabled={isMobile}\n ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}\n dataHook={`video-replace-${field.id}`}\n >\n <Replace />\n </IconButton>\n </Tooltip>\n <PopoverMenu\n triggerElement={({ toggle }) => (\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <IconButton\n priority=\"secondary\"\n onClick={toggle}\n skin=\"light\"\n ariaLabel={t(\n 'auto-patterns.fields.more_actions_tooltip',\n )}\n dataHook={`video-more-${field.id}`}\n >\n <More />\n </IconButton>\n </Tooltip>\n )}\n >\n <PopoverMenu.MenuItem\n prefixIcon={<Maximize />}\n text={t('auto-patterns.fields.preview_video')}\n onClick={handlePreview}\n disabled={!videoUrl}\n dataHook={`video-preview-${field.id}`}\n />\n <PopoverMenu.MenuItem\n prefixIcon={<Download />}\n text={t('auto-patterns.fields.download_video')}\n onClick={handleDownload}\n dataHook={`video-download-${field.id}`}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n prefixIcon={<Delete />}\n text={t('auto-patterns.fields.remove_video')}\n onClick={() => controller.field.onChange(null)}\n dataHook={`video-delete-${field.id}`}\n />\n </PopoverMenu>\n </Box>\n </MediaOverlay.Content>\n </MediaOverlay>\n </Box>\n ) : (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n <ImageViewer\n // Only the empty state can fail `required`, so the add button is\n // always the right target for react-hook-form's shouldFocusError.\n ref={controller.field.ref}\n dataHook={`video-${field.id}`}\n onAddImage={isMobile ? undefined : () => openMedia()}\n addImageInfo={t('auto-patterns.fields.add_video_tooltip')}\n height={MEDIA_HEIGHT}\n width=\"100%\"\n />\n </Box>\n )}\n {isPreviewOpen && (\n <Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>\n <CustomModalLayout\n title={field.displayName}\n onCloseButtonClick={handleClosePreview}\n content={\n <div\n style={{\n display: 'flex',\n justifyContent: 'center',\n padding: '24px',\n }}\n >\n <video\n controls\n autoPlay\n style={{ maxWidth: '100%', maxHeight: '70vh' }}\n poster={imageUrl}\n >\n {videoUrl && <source src={videoUrl} type=\"video/mp4\" />}\n Your browser does not support the video tag.\n </video>\n </div>\n }\n />\n </Modal>\n )}\n </FormField>\n );\n};\n\nexport const FormVideo = observer(_FormVideo);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_react2","_form","_hooks","_string","_validations","videoValidation","_interopRequireWildcard","_typeMismatchExclamation","_mediaConstants","_useVideoPreview","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormVideo","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","openMediaManager","useWixPatternsContainer","useTranslations","isMobile","useIsMobile","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","setFieldRef","useFieldRef","ref","openMedia","_chosenMediaItems$ite","_mediaItem$media","chosenMediaItems","multiSelect","category","mediaItem","items","newVideo","media","video","onChange","error","console","videoUrl","posterUrl","imageUrl","isPreviewOpen","openPreview","handlePreview","closePreview","handleClosePreview","handleDownload","useVideoPreview","videoUri","createElement","FormField","label","displayName","status","fieldState","undefined","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","Box","width","maxWidth","MEDIA_MAX_WIDTH","height","MEDIA_HEIGHT","MediaOverlay","hoverSkin","Image","src","fit","Content","placement","visible","gap","Tooltip","content","IconButton","onClick","skin","priority","disabled","ariaLabel","Replace","PopoverMenu","triggerElement","toggle","More","MenuItem","prefixIcon","Maximize","text","Download","Divider","Delete","ImageViewer","onAddImage","addImageInfo","Modal","isOpen","onRequestClose","CustomModalLayout","title","onCloseButtonClick","style","display","justifyContent","padding","controls","autoPlay","maxHeight","poster","type","FormVideo","exports","observer"],"sources":["../../../../src/components/video/form-video.tsx"],"sourcesContent":["import React from 'react';\nimport {\n FormField,\n ImageViewer,\n Modal,\n CustomModalLayout,\n MediaOverlay,\n Box,\n Tooltip,\n IconButton,\n PopoverMenu,\n Image,\n} from '@wix/design-system';\nimport {\n Replace,\n More,\n Download,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile, useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\nimport { BaseInputProps } from '../../types/base-input';\nimport { useFieldRef, useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport { isDataValidOrNotSet } from '../../validations/validations';\nimport * as videoValidation from '../../validations/video';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\nimport { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';\nimport { useVideoPreview } from './use-video-preview';\n\ninterface VideoMediaDescriptor {\n video?: string;\n}\n\ninterface MediaManagerVideoItem {\n _id?: string;\n displayName?: string;\n mediaType?: string;\n media?: VideoMediaDescriptor;\n}\n\nexport interface FormVideoProps extends BaseInputProps<string> {}\n\nconst _FormVideo = (props: FormVideoProps) => {\n const { field, dataHook, formControl, data } = props;\n\n const { translate: pt, openMediaManager } = useWixPatternsContainer();\n const { t } = useTranslations();\n const isMobile = useIsMobile();\n\n const controller = useController({\n name: field?.id ?? '',\n control: formControl,\n defaultValue: data?.[field?.id ?? ''],\n rules: {\n validate: (value) => {\n if (field.validation?.required && isEmpty(value)) {\n return pt('cairo.fieldValidation.requiredField');\n }\n return true;\n },\n },\n });\n\n const setFieldRef = useFieldRef(controller.field.ref);\n\n async function openMedia() {\n if (!openMediaManager) return;\n try {\n const chosenMediaItems = await openMediaManager({\n multiSelect: false,\n category: 'VIDEO',\n });\n\n const mediaItem = chosenMediaItems?.items?.[0] as\n | MediaManagerVideoItem\n | undefined;\n const newVideo = mediaItem?.media?.video;\n if (newVideo) {\n controller.field.onChange(newVideo);\n }\n } catch (error) {\n console.error('Error opening Media Manager or no files selected:', error);\n }\n }\n\n const {\n videoUrl,\n posterUrl: imageUrl,\n isPreviewOpen,\n openPreview: handlePreview,\n closePreview: handleClosePreview,\n handleDownload,\n } = useVideoPreview({ videoUri: controller.field.value });\n\n return (\n <FormField\n label={field.displayName}\n required={field.validation?.required}\n status={controller.fieldState.error ? 'error' : undefined}\n statusMessage={controller.fieldState.error?.message}\n dataHook={dataHook}\n suffix={\n isDataValidOrNotSet(\n controller.field.value,\n videoValidation,\n ) ? undefined : (\n <TypeMismatchExclamation\n typeName={t('auto-patterns.fields.field_type_video_title')}\n clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n onClear={() => controller.field.onChange(undefined)}\n onChange={(value) => controller.field.onChange(value)}\n convertDisabledText={t(\n 'auto-patterns.fields.type_mismatch_convert_disabled',\n )}\n fieldName={field.displayName}\n isConverted={false}\n isConverting={false}\n convertedValue={null}\n tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n typeName: 'Video',\n })}\n />\n )\n }\n >\n {controller.field.value ? (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>\n <MediaOverlay\n dataHook={`video-${field.id}`}\n hoverSkin=\"dark\"\n media={\n <Image\n src={imageUrl}\n width=\"100%\"\n height={MEDIA_HEIGHT}\n fit=\"cover\"\n />\n }\n >\n <MediaOverlay.Content placement=\"middle\" visible=\"hover\">\n <Box gap=\"SP2\">\n <Tooltip\n content={t('auto-patterns.fields.replace_video_tooltip')}\n >\n <IconButton\n onClick={() => openMedia()}\n skin=\"light\"\n priority=\"secondary\"\n disabled={isMobile}\n ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}\n dataHook={`video-replace-${field.id}`}\n >\n <Replace />\n </IconButton>\n </Tooltip>\n <PopoverMenu\n triggerElement={({ toggle }) => (\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n >\n <IconButton\n priority=\"secondary\"\n onClick={toggle}\n skin=\"light\"\n ariaLabel={t(\n 'auto-patterns.fields.more_actions_tooltip',\n )}\n dataHook={`video-more-${field.id}`}\n >\n <More />\n </IconButton>\n </Tooltip>\n )}\n >\n <PopoverMenu.MenuItem\n prefixIcon={<Maximize />}\n text={t('auto-patterns.fields.preview_video')}\n onClick={handlePreview}\n disabled={!videoUrl}\n dataHook={`video-preview-${field.id}`}\n />\n <PopoverMenu.MenuItem\n prefixIcon={<Download />}\n text={t('auto-patterns.fields.download_video')}\n onClick={handleDownload}\n dataHook={`video-download-${field.id}`}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n prefixIcon={<Delete />}\n text={t('auto-patterns.fields.remove_video')}\n onClick={() => controller.field.onChange(null)}\n dataHook={`video-delete-${field.id}`}\n />\n </PopoverMenu>\n </Box>\n </MediaOverlay.Content>\n </MediaOverlay>\n </Box>\n ) : (\n <Box width=\"100%\" maxWidth={MEDIA_MAX_WIDTH}>\n <ImageViewer\n // Only the empty state can fail `required`, so the add button is\n // always the right target for react-hook-form's shouldFocusError.\n ref={setFieldRef}\n dataHook={`video-${field.id}`}\n onAddImage={isMobile ? undefined : () => openMedia()}\n addImageInfo={t('auto-patterns.fields.add_video_tooltip')}\n height={MEDIA_HEIGHT}\n width=\"100%\"\n />\n </Box>\n )}\n {isPreviewOpen && (\n <Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>\n <CustomModalLayout\n title={field.displayName}\n onCloseButtonClick={handleClosePreview}\n content={\n <div\n style={{\n display: 'flex',\n justifyContent: 'center',\n padding: '24px',\n }}\n >\n <video\n controls\n autoPlay\n style={{ maxWidth: '100%', maxHeight: '70vh' }}\n poster={imageUrl}\n >\n {videoUrl && <source src={videoUrl} type=\"video/mp4\" />}\n Your browser does not support the video tag.\n </video>\n </div>\n }\n />\n </Modal>\n )}\n </FormField>\n );\n};\n\nexport const FormVideo = observer(_FormVideo);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
|
-
exports.FormMediaGalleryFieldUniDriver = exports.ColorViewUniDriver = void 0;
|
|
4
|
+
exports.FormMediaGalleryFieldUniDriver = exports.ControlledInputUniDriver = exports.ColorViewUniDriver = void 0;
|
|
5
5
|
var _formMediaGalleryFieldUni = require("../components/media-gallery/form-media-gallery-field.uni.driver");
|
|
6
6
|
exports.FormMediaGalleryFieldUniDriver = _formMediaGalleryFieldUni.FormMediaGalleryFieldUniDriver;
|
|
7
7
|
var _colorViewUni = require("../components/color-view/color-view.uni.driver");
|
|
8
8
|
exports.ColorViewUniDriver = _colorViewUni.ColorViewUniDriver;
|
|
9
|
+
var _controlledInput = require("../components/controlled-input.driver");
|
|
10
|
+
exports.ControlledInputUniDriver = _controlledInput.ControlledInputUniDriver;
|
|
9
11
|
//# sourceMappingURL=unidriver.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_formMediaGalleryFieldUni","require","exports","FormMediaGalleryFieldUniDriver","_colorViewUni","ColorViewUniDriver"],"sources":["../../../src/exports/unidriver.ts"],"sourcesContent":["export { FormMediaGalleryFieldUniDriver } from '../components/media-gallery/form-media-gallery-field.uni.driver';\nexport { ColorViewUniDriver } from '../components/color-view/color-view.uni.driver';\n"],"mappings":";;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAiHC,OAAA,CAAAC,8BAAA,GAAAH,yBAAA,CAAAG,8BAAA;AACjH,IAAAC,aAAA,GAAAH,OAAA;AAAoFC,OAAA,CAAAG,kBAAA,GAAAD,aAAA,CAAAC,kBAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_formMediaGalleryFieldUni","require","exports","FormMediaGalleryFieldUniDriver","_colorViewUni","ColorViewUniDriver","_controlledInput","ControlledInputUniDriver"],"sources":["../../../src/exports/unidriver.ts"],"sourcesContent":["export { FormMediaGalleryFieldUniDriver } from '../components/media-gallery/form-media-gallery-field.uni.driver';\nexport { ColorViewUniDriver } from '../components/color-view/color-view.uni.driver';\nexport { ControlledInputUniDriver } from '../components/controlled-input.driver';\n"],"mappings":";;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAiHC,OAAA,CAAAC,8BAAA,GAAAH,yBAAA,CAAAG,8BAAA;AACjH,IAAAC,aAAA,GAAAH,OAAA;AAAoFC,OAAA,CAAAG,kBAAA,GAAAD,aAAA,CAAAC,kBAAA;AACpF,IAAAC,gBAAA,GAAAL,OAAA;AAAiFC,OAAA,CAAAK,wBAAA,GAAAD,gBAAA,CAAAC,wBAAA","ignoreList":[]}
|
package/dist/cjs/hooks/index.js
CHANGED
|
@@ -55,6 +55,12 @@ Object.keys(_useCellEditKeyboard).forEach(function (key) {
|
|
|
55
55
|
if (key in exports && exports[key] === _useCellEditKeyboard[key]) return;
|
|
56
56
|
exports[key] = _useCellEditKeyboard[key];
|
|
57
57
|
});
|
|
58
|
+
var _useFieldRef = require("./use-field-ref");
|
|
59
|
+
Object.keys(_useFieldRef).forEach(function (key) {
|
|
60
|
+
if (key === "default" || key === "__esModule") return;
|
|
61
|
+
if (key in exports && exports[key] === _useFieldRef[key]) return;
|
|
62
|
+
exports[key] = _useFieldRef[key];
|
|
63
|
+
});
|
|
58
64
|
var _useMergedRef = require("./use-merged-ref");
|
|
59
65
|
Object.keys(_useMergedRef).forEach(function (key) {
|
|
60
66
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_useAutoFocus","require","Object","keys","forEach","key","exports","_useControlledInput","_useRequestCallback","_useSetSelectionOnFocus","_useOpenState","_useTranslations","_useWithCallback","_useResizeEffect","_useCellEditKeyboard","_useMergedRef","_useScrollToErrorRef"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './use-auto-focus';\nexport * from './use-controlled-input';\nexport * from './use-request-callback';\nexport * from './use-set-selection-on-focus';\nexport * from './use-open-state';\nexport * from './use-translations';\nexport * from './use-with-callback';\nexport * from './use-resize-effect';\nexport * from './use-cell-edit-keyboard';\nexport * from './use-merged-ref';\nexport * from './use-scroll-to-error-ref';\n"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_useAutoFocus","require","Object","keys","forEach","key","exports","_useControlledInput","_useRequestCallback","_useSetSelectionOnFocus","_useOpenState","_useTranslations","_useWithCallback","_useResizeEffect","_useCellEditKeyboard","_useFieldRef","_useMergedRef","_useScrollToErrorRef"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './use-auto-focus';\nexport * from './use-controlled-input';\nexport * from './use-request-callback';\nexport * from './use-set-selection-on-focus';\nexport * from './use-open-state';\nexport * from './use-translations';\nexport * from './use-with-callback';\nexport * from './use-resize-effect';\nexport * from './use-cell-edit-keyboard';\nexport * from './use-field-ref';\nexport * from './use-merged-ref';\nexport * from './use-scroll-to-error-ref';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# PR #5746 — kobiburnley review
|
|
2
|
+
|
|
3
|
+
[fix(fields): register a field ref that answers every call react-hook-form makes](https://github.com/wix-private/cairo/pull/5746)
|
|
4
|
+
|
|
5
|
+
> **Verdict: Request changes** — 1 blocker. (Posted as a comment review because GitHub will not let the
|
|
6
|
+
> author formally request changes on their own PR.)
|
|
7
|
+
>
|
|
8
|
+
> The diagnosis is right, and I checked it against the installed `react-hook-form` (7.56.4) rather than
|
|
9
|
+
> taking it on trust […] `fieldRefHandle` / `useFieldRef` are a clean way to close it […] I also confirmed
|
|
10
|
+
> the integration test is a real guard, not decoration.
|
|
11
|
+
>
|
|
12
|
+
> One blocker: the audit missed a call site with exactly the shape the helper exists for.
|
|
13
|
+
>
|
|
14
|
+
> — [pullrequestreview-5002194499](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499)
|
|
15
|
+
|
|
16
|
+
All claims below were checked against the branch before being written down. Every one holds.
|
|
17
|
+
|
|
18
|
+
| # | Comment link | Description | Severity | Status | Resolution recommendation |
|
|
19
|
+
|---|---|---|---|---|---|
|
|
20
|
+
| 1 | [discussion_r3838295772](https://github.com/wix-private/cairo/pull/5746#discussion_r3838295772) — `packages/fields/src/components/time-input/form-time.tsx:46` | `form-time` registers a hand-rolled focus-only object, `controller.field.ref({ focus: () => timeRef.current?.focus() })`. Exactly the shape the helper exists for, missed by the audit, so it ships still broken while the PR reads as closing the trap. | Blocker | done | Fixed in `23dc894` — wrapped with `fieldRefHandle` as suggested. Missed originally because `form-time` calls `controller.field.ref(...)` directly in a `useEffect`, so the `inputRef=`/`ref=` grep never matched it. Covered by the table-driven `setFocus` guard. |
|
|
21
|
+
| 2 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | PR body claims "audited all nine that register directly"; there are ~23 `controller.field.ref` sites. The 7 passing `ref=` to a WDS `Input`/`InputArea` get `InputImperativeActions`, which has `select` but no `setCustomValidity`/`reportValidity` — so the `shouldUseNativeValidation` half stays open in `form-url`, `form-email`, `form-short-text` (Input branch), `form-long-text`, `form-color`, `form-array`, `form-object`. | Major (accuracy) | done | PR description rewritten with the full 23-site table. `InputImperativeActions` confirmed as `{ focus, blur, select, setSelectionRange, clear, input }`. The `shouldUseNativeValidation` gap in the 7 `ref=`-on-`Input` sites is left open and stated as a follow-up rather than implied fixed. |
|
|
22
|
+
| 3 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | Fix it once in `packages/core` instead. `packages/core/src/exports/form.ts` is `export * from 'react-hook-form'`, so core owns the entry point; a `useController` there installing the safe handle would cover all sites and every future one, making `useFieldRef` and the seven adopting edits unnecessary. As it stands the fix is opt-in — which is how `form-time` got missed. | Major (design) | dismiss | Not implemented; kept per-site by decision. Rationale recorded in the PR reply: core's `exports/form.ts` is a bare re-export, so wrapping `useController` there would turn it into real implementation and change behaviour for every consumer of `@wix/bex-core/form`, not just Cairo renderers. Filed as a follow-up — if it lands, `useFieldRef` and all adopting edits should be deleted and the `Input` group closes for free. |
|
|
23
|
+
| 4 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | The same 3-line comment is copy-pasted verbatim into seven files; the `fieldRefHandle` docblock already says it, and `AGENTS.md` asks for a comment only when it tells the reader something the code cannot. | Nit | done | Removed from all seven files in `b64bfc4`. |
|
|
24
|
+
| 5 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | `useFieldRef`'s type parameter `T` appears only in the return type, so every call site infers `FieldControl` and the annotation buys nothing. | Minor | done | `T` dropped in `a51e9c6`; takes and returns `FieldControl`. |
|
|
25
|
+
| 6 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | Lint is not clean: `use-field-ref.ts:56` trips `prettier/prettier`. | Minor | done | Fixed in `c6406f6`. Root cause of the false "clean" report: all changed files were passed as one joined argument, so eslint matched nothing. Re-verified one file at a time. `form-video.tsx:73` `curly` warning remains but is unchanged from master. |
|
|
26
|
+
| 7 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | Only `form-address` has an integration guard; the other six conversions would not notice a revert. | Test gap | done | Fixed in `94baa17`. Table-driven over one renderer per control shape: address, time, `FormDocument` (`AddItemActions`, shared with audio/multi-document/media-gallery), `FormImageInput` (`ImageViewer`, shared with video). Each verified failing via `git checkout origin/master -- <file>` — note `git checkout -- <file>` restores from HEAD and silently proves nothing once the change is committed. |
|
|
27
|
+
| 8 | [review summary](https://github.com/wix-private/cairo/pull/5746#pullrequestreview-5002194499) | In `EntityPageCustomField`, the new `control` closure and the `focus` callback each resolve consumer-then-`querySelector` separately; not wrong (focus needs `scrollIntoView` between the steps) but they will drift. | Nit | done | Fixed in `91147ff`. Both paths read one `control()`. The identity check I first wrote was also wrong, not just duplicative: with nothing focusable, `target` and `consumerRef.current` were both `null`, so it skipped the scroll in exactly the case needing it. Now keyed off `!consumerRef.current`. |
|
|
28
|
+
|
|
29
|
+
## Notes
|
|
30
|
+
|
|
31
|
+
- #3 is the pivot. If the fix moves into core's `useController`, then #1, #2, #4, #5 and #7 mostly evaporate and this
|
|
32
|
+
PR shrinks to deleting `useFieldRef` and reverting the seven adopting edits. Worth settling before spending
|
|
33
|
+
effort on the others.
|
|
34
|
+
- #1 is a blocker on its own terms and is a one-line fix either way, since `form-time` is broken today
|
|
35
|
+
regardless of which mechanism wins.
|
|
36
|
+
- The reviewer independently reproduced the address integration test (revert → `1 failed, 3 passed`), so the
|
|
37
|
+
guard is trusted; the gap is coverage of the other six (#7), not the approach.
|
|
38
|
+
|
|
39
|
+
## Outcome
|
|
40
|
+
|
|
41
|
+
All eight resolved: seven fixed, one (row 3) dismissed with rationale. Commits on `fix/delegating-field-ref`,
|
|
42
|
+
all pushed:
|
|
43
|
+
|
|
44
|
+
| Commit | Row |
|
|
45
|
+
|---|---|
|
|
46
|
+
| `23dc894` fix(TimeInput): give form-time a field ref that answers every call | 1 |
|
|
47
|
+
| `c6406f6` style(fields): format the fieldRefHandle call in useFieldRef | 6 |
|
|
48
|
+
| `a51e9c6` refactor(fields): drop useFieldRef's unusable type parameter | 5 |
|
|
49
|
+
| `b64bfc4` refactor(fields): drop the repeated useFieldRef comment | 4 |
|
|
50
|
+
| `91147ff` refactor(EntityPageCustomField): resolve the control once | 8 |
|
|
51
|
+
| `94baa17` test(fields): guard the other converted renderers against setFocus | 7 |
|
|
52
|
+
|
|
53
|
+
Row 2 was a PR-description correction, not code. Row 3 answered in
|
|
54
|
+
[issuecomment-5385655358](https://github.com/wix-private/cairo/pull/5746#issuecomment-5385655358).
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.useFieldRef = exports.fieldRefHandle = void 0;
|
|
5
|
+
var _react = require("react");
|
|
6
|
+
/**
|
|
7
|
+
* What a field's control may offer react-hook-form. A real input has all of
|
|
8
|
+
* it; a component handle usually has only `focus`.
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Handle to register with react-hook-form, covering every method it may call.
|
|
13
|
+
*
|
|
14
|
+
* `useController` rewrites whatever is registered into
|
|
15
|
+
* `{ focus, select, setCustomValidity, reportValidity }` and calls all four
|
|
16
|
+
* through to the target. The guards check that wrapper rather than the target,
|
|
17
|
+
* so registering a control that only has `focus` makes `setFocus` with
|
|
18
|
+
* `shouldSelect`, or `shouldUseNativeValidation`, throw on the way to it.
|
|
19
|
+
*
|
|
20
|
+
* @param focus What to do when the field has to be reached.
|
|
21
|
+
* @param getControl The control the remaining calls go to, when there is one.
|
|
22
|
+
*/
|
|
23
|
+
const fieldRefHandle = (focus, getControl) => ({
|
|
24
|
+
focus,
|
|
25
|
+
select: () => {
|
|
26
|
+
var _getControl;
|
|
27
|
+
return (_getControl = getControl()) == null || _getControl.select == null ? void 0 : _getControl.select();
|
|
28
|
+
},
|
|
29
|
+
setCustomValidity: message => {
|
|
30
|
+
var _getControl2;
|
|
31
|
+
return (_getControl2 = getControl()) == null || _getControl2.setCustomValidity == null ? void 0 : _getControl2.setCustomValidity(message);
|
|
32
|
+
},
|
|
33
|
+
reportValidity: () => {
|
|
34
|
+
var _getControl3;
|
|
35
|
+
return ((_getControl3 = getControl()) == null || _getControl3.reportValidity == null ? void 0 : _getControl3.reportValidity()) ?? true;
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Callback ref for a field's control. Pass it where the control lands and
|
|
41
|
+
* react-hook-form gets a handle that reaches it.
|
|
42
|
+
*
|
|
43
|
+
* @param registerRef `controller.field.ref` from useController.
|
|
44
|
+
*/
|
|
45
|
+
exports.fieldRefHandle = fieldRefHandle;
|
|
46
|
+
const useFieldRef = registerRef => {
|
|
47
|
+
const control = (0, _react.useRef)(null);
|
|
48
|
+
return (0, _react.useCallback)(instance => {
|
|
49
|
+
control.current = instance;
|
|
50
|
+
if (!instance) {
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
registerRef(fieldRefHandle(() => {
|
|
54
|
+
var _control$current;
|
|
55
|
+
return (_control$current = control.current) == null || _control$current.focus == null ? void 0 : _control$current.focus();
|
|
56
|
+
}, () => control.current));
|
|
57
|
+
}, [registerRef]);
|
|
58
|
+
};
|
|
59
|
+
exports.useFieldRef = useFieldRef;
|
|
60
|
+
//# sourceMappingURL=use-field-ref.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","fieldRefHandle","focus","getControl","select","_getControl","setCustomValidity","message","_getControl2","reportValidity","_getControl3","exports","useFieldRef","registerRef","control","useRef","useCallback","instance","current","_control$current"],"sources":["../../../src/hooks/use-field-ref.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { useCallback, useRef } from 'react';\n\n/**\n * What a field's control may offer react-hook-form. A real input has all of\n * it; a component handle usually has only `focus`.\n */\nexport interface FieldControl {\n focus?: () => void;\n select?: () => void;\n setCustomValidity?: (message: string) => void;\n reportValidity?: () => boolean;\n}\n\n/**\n * Handle to register with react-hook-form, covering every method it may call.\n *\n * `useController` rewrites whatever is registered into\n * `{ focus, select, setCustomValidity, reportValidity }` and calls all four\n * through to the target. The guards check that wrapper rather than the target,\n * so registering a control that only has `focus` makes `setFocus` with\n * `shouldSelect`, or `shouldUseNativeValidation`, throw on the way to it.\n *\n * @param focus What to do when the field has to be reached.\n * @param getControl The control the remaining calls go to, when there is one.\n */\nexport const fieldRefHandle = (\n focus: () => void,\n getControl: () => FieldControl | null | undefined,\n) => ({\n focus,\n select: () => getControl()?.select?.(),\n setCustomValidity: (message: string) =>\n getControl()?.setCustomValidity?.(message),\n reportValidity: () => getControl()?.reportValidity?.() ?? true,\n});\n\n/**\n * Callback ref for a field's control. Pass it where the control lands and\n * react-hook-form gets a handle that reaches it.\n *\n * @param registerRef `controller.field.ref` from useController.\n */\nexport const useFieldRef = (\n registerRef: (instance: unknown) => void,\n): ((instance: FieldControl | null) => void) => {\n const control: MutableRefObject<FieldControl | null> =\n useRef<FieldControl | null>(null);\n\n return useCallback(\n (instance: FieldControl | null) => {\n control.current = instance;\n if (!instance) {\n return;\n }\n registerRef(\n fieldRefHandle(\n () => control.current?.focus?.(),\n () => control.current,\n ),\n );\n },\n [registerRef],\n );\n};\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,cAAc,GAAGA,CAC5BC,KAAiB,EACjBC,UAAiD,MAC7C;EACJD,KAAK;EACLE,MAAM,EAAEA,CAAA;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GAAMF,UAAU,CAAC,CAAC,aAAZE,WAAA,CAAcD,MAAM,oBAApBC,WAAA,CAAcD,MAAM,CAAG,CAAC;EAAA;EACtCE,iBAAiB,EAAGC,OAAe;IAAA,IAAAC,YAAA;IAAA,QAAAA,YAAA,GACjCL,UAAU,CAAC,CAAC,aAAZK,YAAA,CAAcF,iBAAiB,oBAA/BE,YAAA,CAAcF,iBAAiB,CAAGC,OAAO,CAAC;EAAA;EAC5CE,cAAc,EAAEA,CAAA;IAAA,IAAAC,YAAA;IAAA,OAAM,EAAAA,YAAA,GAAAP,UAAU,CAAC,CAAC,aAAZO,YAAA,CAAcD,cAAc,oBAA5BC,YAAA,CAAcD,cAAc,CAAG,CAAC,KAAI,IAAI;EAAA;AAChE,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AALAE,OAAA,CAAAV,cAAA,GAAAA,cAAA;AAMO,MAAMW,WAAW,GACtBC,WAAwC,IACM;EAC9C,MAAMC,OAA8C,GAClD,IAAAC,aAAM,EAAsB,IAAI,CAAC;EAEnC,OAAO,IAAAC,kBAAW,EACfC,QAA6B,IAAK;IACjCH,OAAO,CAACI,OAAO,GAAGD,QAAQ;IAC1B,IAAI,CAACA,QAAQ,EAAE;MACb;IACF;IACAJ,WAAW,CACTZ,cAAc,CACZ;MAAA,IAAAkB,gBAAA;MAAA,QAAAA,gBAAA,GAAML,OAAO,CAACI,OAAO,aAAfC,gBAAA,CAAiBjB,KAAK,oBAAtBiB,gBAAA,CAAiBjB,KAAK,CAAG,CAAC;IAAA,GAChC,MAAMY,OAAO,CAACI,OAChB,CACF,CAAC;EACH,CAAC,EACD,CAACL,WAAW,CACd,CAAC;AACH,CAAC;AAACF,OAAA,CAAAC,WAAA,GAAAA,WAAA","ignoreList":[]}
|
|
@@ -3,14 +3,15 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.useScrollToErrorRef = void 0;
|
|
5
5
|
var _react = require("react");
|
|
6
|
+
var _useFieldRef = require("./use-field-ref");
|
|
6
7
|
/**
|
|
7
8
|
* Ref for a field whose control cannot be handed to react-hook-form directly.
|
|
8
9
|
*
|
|
9
|
-
* react-hook-form focuses an invalid field by calling `focus()` on whatever
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
*
|
|
13
|
-
*
|
|
10
|
+
* react-hook-form focuses an invalid field by calling `focus()` on whatever was
|
|
11
|
+
* registered, so registering a plain wrapper element does nothing — a `div` is
|
|
12
|
+
* not focusable and the call is silently dropped. Registering an object with a
|
|
13
|
+
* `focus()` of our own works instead: it brings the wrapper into view, then
|
|
14
|
+
* focuses the control inside it when there is one.
|
|
14
15
|
*
|
|
15
16
|
* @param registerRef `controller.field.ref` from useController.
|
|
16
17
|
* @param focusSelector Control to focus inside the wrapper, when present.
|
|
@@ -19,16 +20,15 @@ const useScrollToErrorRef = (registerRef, focusSelector) => (0, _react.useCallba
|
|
|
19
20
|
if (!element) {
|
|
20
21
|
return;
|
|
21
22
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
});
|
|
23
|
+
const control = () => element.querySelector(focusSelector) ?? undefined;
|
|
24
|
+
registerRef((0, _useFieldRef.fieldRefHandle)(() => {
|
|
25
|
+
var _control;
|
|
26
|
+
// Not implemented in jsdom.
|
|
27
|
+
element.scrollIntoView == null || element.scrollIntoView({
|
|
28
|
+
block: 'center'
|
|
29
|
+
});
|
|
30
|
+
(_control = control()) == null || _control.focus();
|
|
31
|
+
}, control));
|
|
32
32
|
}, [registerRef, focusSelector]);
|
|
33
33
|
exports.useScrollToErrorRef = useScrollToErrorRef;
|
|
34
34
|
//# sourceMappingURL=use-scroll-to-error-ref.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","useScrollToErrorRef","registerRef","focusSelector","useCallback","element","
|
|
1
|
+
{"version":3,"names":["_react","require","_useFieldRef","useScrollToErrorRef","registerRef","focusSelector","useCallback","element","control","querySelector","undefined","fieldRefHandle","_control","scrollIntoView","block","focus","exports"],"sources":["../../../src/hooks/use-scroll-to-error-ref.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { fieldRefHandle } from './use-field-ref';\n\n/**\n * Ref for a field whose control cannot be handed to react-hook-form directly.\n *\n * react-hook-form focuses an invalid field by calling `focus()` on whatever was\n * registered, so registering a plain wrapper element does nothing — a `div` is\n * not focusable and the call is silently dropped. Registering an object with a\n * `focus()` of our own works instead: it brings the wrapper into view, then\n * focuses the control inside it when there is one.\n *\n * @param registerRef `controller.field.ref` from useController.\n * @param focusSelector Control to focus inside the wrapper, when present.\n */\nexport const useScrollToErrorRef = <T extends HTMLElement>(\n registerRef: (instance: unknown) => void,\n focusSelector: string,\n) =>\n useCallback(\n (element: T | null) => {\n if (!element) {\n return;\n }\n\n const control = () =>\n element.querySelector<HTMLElement>(focusSelector) ?? undefined;\n\n registerRef(\n fieldRefHandle(() => {\n // Not implemented in jsdom.\n element.scrollIntoView?.({ block: 'center' });\n control()?.focus();\n }, control),\n );\n },\n [registerRef, focusSelector],\n );\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAME,mBAAmB,GAAGA,CACjCC,WAAwC,EACxCC,aAAqB,KAErB,IAAAC,kBAAW,EACRC,OAAiB,IAAK;EACrB,IAAI,CAACA,OAAO,EAAE;IACZ;EACF;EAEA,MAAMC,OAAO,GAAGA,CAAA,KACdD,OAAO,CAACE,aAAa,CAAcJ,aAAa,CAAC,IAAIK,SAAS;EAEhEN,WAAW,CACT,IAAAO,2BAAc,EAAC,MAAM;IAAA,IAAAC,QAAA;IACnB;IACAL,OAAO,CAACM,cAAc,YAAtBN,OAAO,CAACM,cAAc,CAAG;MAAEC,KAAK,EAAE;IAAS,CAAC,CAAC;IAC7C,CAAAF,QAAA,GAAAJ,OAAO,CAAC,CAAC,aAATI,QAAA,CAAWG,KAAK,CAAC,CAAC;EACpB,CAAC,EAAEP,OAAO,CACZ,CAAC;AACH,CAAC,EACD,CAACJ,WAAW,EAAEC,aAAa,CAC7B,CAAC;AAACW,OAAA,CAAAb,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.addressinput249613619__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput249613619__tableAddressInput>div{padding:0!important;width:100%}.addressinput249613619__tableAddressInput:focus-within{margin-left:2px}.actionsmenu101643419__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield606935778__addItem{height:120px!important;box-sizing:border-box}.formaudiofield606935778__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield606935778__addItem.formaudiofield606935778--disabled{pointer-events:auto!important}.formaudiofield606935778__addItem.formaudiofield606935778--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield606935778__mediaTitle{line-height:18px!important}.audioplayer2613344239__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cellcolorview1178629535__hashPrefix{color:var(--wsr-color-D40, #868aa5);font-size:14px;font-weight:300;line-height:1}.colorview2624366234__view{width:100%}.colorview2624366234__fillPreview{flex-shrink:0}.colorview2624366234__view .colorview2624366234__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog1579435053__layout{max-width:510px!important}.formdocumentfield3894914095__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield3894914095__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield3894914095__textWidth{max-width:calc(100% - 196px)}.formdocumentfield3894914095__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield3894914095__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield3894914095__addDocument.formdocumentfield3894914095--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield3894914095__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation2180886733__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation2180886733__exclamation.exclamation2180886733---type-7-warning:not(.exclamation2180886733--customSize),.exclamation2180886733__exclamation.exclamation2180886733---type-5-error:not(.exclamation2180886733--customSize){width:24px;height:24px}.exclamation2180886733__exclamation.exclamation2180886733---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation2180886733__exclamation.exclamation2180886733---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation2180886733__actions{display:flex;flex-direction:column}.exclamation2180886733__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation2180886733__action+.exclamation2180886733__action{margin-top:6px}.exclamation2180886733__action.exclamation2180886733--accented{color:var(--wds-color-blue-100)}.exclamation2180886733__action.exclamation2180886733--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext3218260618__root.highlightedtext3218260618--highlightedBackground{animation:highlightedtext3218260618__highlighted 150ms ease-out 1 forwards}.highlightedtext3218260618__substring.highlightedtext3218260618--isHighlighted{animation:highlightedtext3218260618__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext3218260618__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext3218260618__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.thumbnailreplaceoverlay1250295104__root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:3px}.thumbnailreplaceoverlay1250295104__icon{color:#fff;width:18px;height:18px}.cellmediaeditshell222630220__root{width:100%;height:100%}.pasteurlbutton285657028__root{margin-top:6px}.pasteurlbutton285657028__iconButtonTooltip{height:max-content}.pasteurlbutton285657028__iconButton{width:24px;height:24px}.formmediagalleryfield2943984590__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield2943984590__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield2943984590__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield2943984590__addItem{box-sizing:border-box}.formmediagalleryfield2943984590__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield2943984590__image.formmediagalleryfield2943984590--withMarginRight{margin-right:3px}.formmediagalleryfield2943984590__image.formmediagalleryfield2943984590--withMarginTop{margin-top:3px}.formmediagalleryfield2943984590__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield2943984590__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage1081502549__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage1081502549__root.mediaimage1081502549--error{--mediaimage1081502549-from:calc(50% - 0.5px);--mediaimage1081502549-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage1081502549-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage1081502549-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage1081502549-to),transparent var(--mediaimage1081502549-to))}.mediaimage1081502549__root.mediaimage1081502549--error>*{opacity:0}.overlay1338093693__iconOverlay{position:absolute;color:var(--wds-color-white, var(--wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay1338093693__iconOverlay.overlay1338093693---size-5-small{width:20px;height:20px}.overlay1338093693__iconOverlay.overlay1338093693---size-6-medium{width:24px;height:24px}.overlay1338093693__iconOverlay.overlay1338093693---size-5-large{width:28px;height:28px}.overlay1338093693__iconOverlay.overlay1338093693---placement-7-topLeft{top:2px;left:2px}.overlay1338093693__iconOverlay.overlay1338093693---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader142891810__loader{border-radius:6px}.medialoader142891810__loader.medialoader142891810--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader142891810__loader.medialoader142891810--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag1597208276__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.cellmultidocumentedit2776735104__chipTrigger{display:flex;align-items:center;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:0 0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.formmultidocument857357206__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument857357206__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument857357206__viewRoot>div:first-child .formmultidocument857357206__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument857357206__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument857357206__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument857357206__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument857357206__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.cellmultireferenceinput2676689456__root{width:100%;box-sizing:border-box;--wds-input-border-color:transparent;--wds-input-border-color-hover:transparent;--wds-input-border-color-focus:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-input-shadow-focus-standard:0 0 0 0 transparent}.cellreferenceinput1109486214__root{width:100%;height:100%;display:flex;align-items:center}.cellreferenceinput1109486214__autocomplete{width:100%}.richcontentdefaultvalueinput4174470607__richContentEditorContainer .richcontentdefaultvalueinput4174470607__editor{max-height:calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentforminput1903671592__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput1903671592__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput1903671592__root .richcontentforminput1903671592__editor{overflow-y:auto;max-height:calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentformreadonlyinput172558332__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput172558332__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal208254918__modalContent{display:flex;flex-direction:column;position:relative;height:100%;width:782px;background-color:var(--wds-color-white, var(--wsr-color-D80, #ffffff));border-radius:var(--wds-border-radius-300, var(--wsr-border-radius-06, 6px));margin-top:24px}.publishloader1461570400__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton2385173147__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton2385173147__root button{border-radius:6px!important}.richcontenteditor3535846372__root{position:relative;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor3535846372__root,.richcontenteditor3535846372__toolbarContainer,.richcontenteditor3535846372__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor3535846372__toolbarContainer div{box-sizing:border-box}.richcontenteditor3535846372__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor3535846372__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor3535846372__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor3535846372__modalEditor .richcontenteditor3535846372__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor3535846372__modalEditor .richcontenteditor3535846372__footerToolbarContainer{margin-top:9px}.richcontenteditor3535846372__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor3535846372__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar2126134109__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar2126134109__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar2126134109__toolbarButton:disabled{color:graytext}.richcontenttoolbar2126134109__separator{width:1px;height:20px;margin:0 8px 0 3px;background:rgba(51,51,51,.1)}.richcontenttoolbar2126134109__toolbar label{padding:0 8px}.richcontentviewer3587365751__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer3587365751__root.richcontentviewer3587365751--isFullScreen{padding:12px 24px}.richcontentviewer3587365751__root:not(.richcontentviewer3587365751--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer3587365751__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer3587365751__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer3587365751__modalViewer{min-width:592px;overflow:auto}.richtexteditor770686478__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor770686478__root.richtexteditor770686478---border-4-none{border:0}.richtexteditor770686478__root.richtexteditor770686478---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor770686478__root.richtexteditor770686478---border-8-standard:focus,.richtexteditor770686478__root.richtexteditor770686478---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor770686478__root.richtexteditor770686478---border-8-standard.richtexteditor770686478---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor770686478__root.richtexteditor770686478---border-8-standard.richtexteditor770686478---status-5-error:focus,.richtexteditor770686478__root.richtexteditor770686478---border-8-standard.richtexteditor770686478---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor770686478__root.richtexteditor770686478---border-8-standard.richtexteditor770686478---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor770686478__root.richtexteditor770686478---border-8-standard.richtexteditor770686478---status-7-warning:focus,.richtexteditor770686478__root.richtexteditor770686478---border-8-standard.richtexteditor770686478---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor770686478__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor770686478__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor770686478__editor.richtexteditor770686478--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor770686478__editor:not(.richtexteditor770686478--isFullScreen){max-height:80vh}.richtexteditor770686478__editor>div{flex:1;max-width:100%}.toolbar4106329138__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));background:var(--wds-color-white, var(--wsr-color-D80, #ffffff));align-items:center}.toolbar4106329138__item{display:flex;margin-right:12px}.toolbar4106329138__item svg,.toolbar4106329138__item svg path,.toolbar4106329138__item svg text{color:inherit;fill:currentColor}.toolbar4106329138__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;align-self:stretch}.toolbar4106329138__clearFormatting{margin-left:auto}.toolbar4106329138__fullScreen{margin-right:0}.toolbar4106329138__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar4106329138__dropdownItemContent.toolbar4106329138--selected .toolbar4106329138__dropdownItemTitle,.toolbar4106329138__dropdownItemContent.toolbar4106329138--selected .toolbar4106329138__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar4106329138__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar4106329138__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))!important}.toolbar4106329138__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar4106329138__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar4106329138__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar4106329138__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar4106329138__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar4106329138__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar4106329138__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar4106329138__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.textview955586509__textView::after{content:"";display:block}.richeditor3576807230__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium, 500);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))}.richeditor3576807230__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100, var(--wsr-color-D10, #131720));background:var(--wds-color-black-700, var(--wsr-color-D70, #edeef2))}.richeditor3576807230__editor .DraftEditor-root{width:100%;height:100%}.richeditor3576807230__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3576807230__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3576807230__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3576807230__editor .public-DraftEditor-content ol,.richeditor3576807230__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3576807230__editor .public-DraftEditor-content a,.richeditor3576807230__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3576807230__header-one:not(li),.richeditor3576807230__header-two:not(li),.richeditor3576807230__header-three:not(li),.richeditor3576807230__header-four:not(li),.richeditor3576807230__header-five:not(li),.richeditor3576807230__header-six:not(li){margin-block:0;margin:0}.richeditor3576807230__header-one,.richeditor3576807230__editor li.richeditor3576807230__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__header-two,.richeditor3576807230__editor li.richeditor3576807230__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__header-three,.richeditor3576807230__editor li.richeditor3576807230__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__header-four,.richeditor3576807230__editor li.richeditor3576807230__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__header-five,.richeditor3576807230__editor li.richeditor3576807230__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__header-six,.richeditor3576807230__editor li.richeditor3576807230__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__paragraph-one,.richeditor3576807230__editor li.richeditor3576807230__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__unstyled,.richeditor3576807230__editor li.richeditor3576807230__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__paragraph-three,.richeditor3576807230__editor li.richeditor3576807230__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3576807230__editor li.richeditor3576807230__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3576807230__editor li.richeditor3576807230__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3576807230__editor li.richeditor3576807230__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3576807230__editor li.richeditor3576807230__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3576807230__editor li.richeditor3576807230__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3576807230__editor li.richeditor3576807230__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3576807230__editor li.richeditor3576807230__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor3576807230__align-left{text-align:left;align-self:flex-start}.richeditor3576807230__align-right{text-align:right;align-self:flex-end}.richeditor3576807230__align-center{text-align:center;align-self:center}.richeditor3576807230__align-justify{text-align:justify;align-self:stretch}.richeditor3576807230__withMargin{display:inline-block}.richeditor3576807230__dir-rtl,.richeditor3576807230__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3576807230__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|
|
1
|
+
.addressinput1353092921__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput1353092921__tableAddressInput>div{padding:0!important;width:100%}.addressinput1353092921__tableAddressInput:focus-within{margin-left:2px}.actionsmenu1132414098__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield4212276772__addItem{height:120px!important;box-sizing:border-box}.formaudiofield4212276772__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield4212276772__addItem.formaudiofield4212276772--disabled{pointer-events:auto!important}.formaudiofield4212276772__addItem.formaudiofield4212276772--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield4212276772__mediaTitle{line-height:18px!important}.audioplayer1170338736__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cellcolorview1008266217__hashPrefix{color:var(--wsr-color-D40, #868aa5);font-size:14px;font-weight:300;line-height:1}.colorview3520103020__view{width:100%}.colorview3520103020__fillPreview{flex-shrink:0}.colorview3520103020__view .colorview3520103020__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog3550580931__layout{max-width:510px!important}.formdocumentfield2224721629__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield2224721629__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield2224721629__textWidth{max-width:calc(100% - 196px)}.formdocumentfield2224721629__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield2224721629__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield2224721629__addDocument.formdocumentfield2224721629--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield2224721629__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation2784991636__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation2784991636__exclamation.exclamation2784991636---type-7-warning:not(.exclamation2784991636--customSize),.exclamation2784991636__exclamation.exclamation2784991636---type-5-error:not(.exclamation2784991636--customSize){width:24px;height:24px}.exclamation2784991636__exclamation.exclamation2784991636---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation2784991636__exclamation.exclamation2784991636---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation2784991636__actions{display:flex;flex-direction:column}.exclamation2784991636__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation2784991636__action+.exclamation2784991636__action{margin-top:6px}.exclamation2784991636__action.exclamation2784991636--accented{color:var(--wds-color-blue-100)}.exclamation2784991636__action.exclamation2784991636--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext3503248983__root.highlightedtext3503248983--highlightedBackground{animation:highlightedtext3503248983__highlighted 150ms ease-out 1 forwards}.highlightedtext3503248983__substring.highlightedtext3503248983--isHighlighted{animation:highlightedtext3503248983__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext3503248983__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext3503248983__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.thumbnailreplaceoverlay394833446__root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:3px}.thumbnailreplaceoverlay394833446__icon{color:#fff;width:18px;height:18px}.cellmediaeditshell2637278711__root{width:100%;height:100%}.pasteurlbutton62614613__root{margin-top:6px}.pasteurlbutton62614613__iconButtonTooltip{height:max-content}.pasteurlbutton62614613__iconButton{width:24px;height:24px}.formmediagalleryfield2420637271__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield2420637271__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield2420637271__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield2420637271__addItem{box-sizing:border-box}.formmediagalleryfield2420637271__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield2420637271__image.formmediagalleryfield2420637271--withMarginRight{margin-right:3px}.formmediagalleryfield2420637271__image.formmediagalleryfield2420637271--withMarginTop{margin-top:3px}.formmediagalleryfield2420637271__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield2420637271__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage3743484186__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage3743484186__root.mediaimage3743484186--error{--mediaimage3743484186-from:calc(50% - 0.5px);--mediaimage3743484186-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage3743484186-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage3743484186-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage3743484186-to),transparent var(--mediaimage3743484186-to))}.mediaimage3743484186__root.mediaimage3743484186--error>*{opacity:0}.overlay3849110904__iconOverlay{position:absolute;color:var(--wds-color-white, var(--wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay3849110904__iconOverlay.overlay3849110904---size-5-small{width:20px;height:20px}.overlay3849110904__iconOverlay.overlay3849110904---size-6-medium{width:24px;height:24px}.overlay3849110904__iconOverlay.overlay3849110904---size-5-large{width:28px;height:28px}.overlay3849110904__iconOverlay.overlay3849110904---placement-7-topLeft{top:2px;left:2px}.overlay3849110904__iconOverlay.overlay3849110904---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader1993987350__loader{border-radius:6px}.medialoader1993987350__loader.medialoader1993987350--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader1993987350__loader.medialoader1993987350--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag1475573568__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.cellmultidocumentedit2282935291__chipTrigger{display:flex;align-items:center;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:0 0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.formmultidocument1787570023__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument1787570023__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument1787570023__viewRoot>div:first-child .formmultidocument1787570023__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument1787570023__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument1787570023__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument1787570023__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument1787570023__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.cellmultireferenceinput4229781845__root{width:100%;box-sizing:border-box;--wds-input-border-color:transparent;--wds-input-border-color-hover:transparent;--wds-input-border-color-focus:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-input-shadow-focus-standard:0 0 0 0 transparent}.cellreferenceinput2806108015__root{width:100%;height:100%;display:flex;align-items:center}.cellreferenceinput2806108015__autocomplete{width:100%}.richcontentdefaultvalueinput1301683321__richContentEditorContainer .richcontentdefaultvalueinput1301683321__editor{max-height:calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentforminput252005457__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE));border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richcontentforminput252005457__root:focus-within{border:1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF))}.richcontentforminput252005457__root .richcontentforminput252005457__editor{overflow-y:auto;max-height:calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentformreadonlyinput1891295513__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput1891295513__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal3562829559__modalContent{display:flex;flex-direction:column;position:relative;height:100%;width:782px;background-color:var(--wds-color-white, var(--wsr-color-D80, #ffffff));border-radius:var(--wds-border-radius-300, var(--wsr-border-radius-06, 6px));margin-top:24px}.publishloader2046471268__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton3926881265__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton3926881265__root button{border-radius:6px!important}.richcontenteditor2590819754__root{position:relative;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor2590819754__root,.richcontenteditor2590819754__toolbarContainer,.richcontenteditor2590819754__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor2590819754__toolbarContainer div{box-sizing:border-box}.richcontenteditor2590819754__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor2590819754__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor2590819754__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor2590819754__modalEditor .richcontenteditor2590819754__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor2590819754__modalEditor .richcontenteditor2590819754__footerToolbarContainer{margin-top:9px}.richcontenteditor2590819754__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor2590819754__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar53582336__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar53582336__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar53582336__toolbarButton:disabled{color:graytext}.richcontenttoolbar53582336__separator{width:1px;height:20px;margin:0 8px 0 3px;background:rgba(51,51,51,.1)}.richcontenttoolbar53582336__toolbar label{padding:0 8px}.richcontentviewer1550030462__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer1550030462__root.richcontentviewer1550030462--isFullScreen{padding:12px 24px}.richcontentviewer1550030462__root:not(.richcontentviewer1550030462--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer1550030462__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer1550030462__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer1550030462__modalViewer{min-width:592px;overflow:auto}.richtexteditor1211455191__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richtexteditor1211455191__root.richtexteditor1211455191---border-4-none{border:0}.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard{border:1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE))}.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard:focus,.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard:focus-within{border:1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF))}.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard.richtexteditor1211455191---status-5-error{border:1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214))}.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard.richtexteditor1211455191---status-5-error:focus,.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard.richtexteditor1211455191---status-5-error:focus-within{border:1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214));box-shadow:var(--wds-input-shadow-focus-destructive, 0 0 0 3px var(--wsr-color-R40, #FBD0CD))}.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard.richtexteditor1211455191---status-7-warning{border:1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))}.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard.richtexteditor1211455191---status-7-warning:focus,.richtexteditor1211455191__root.richtexteditor1211455191---border-8-standard.richtexteditor1211455191---status-7-warning:focus-within{border:1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700));box-shadow:var(--wds-input-shadow-focus-warning, 0 0 0 3px var(--wsr-color-Y40, #FFE2A5))}.richtexteditor1211455191__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor1211455191__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richtexteditor1211455191__editor.richtexteditor1211455191--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor1211455191__editor:not(.richtexteditor1211455191--isFullScreen){max-height:80vh}.richtexteditor1211455191__editor>div{flex:1;max-width:100%}.toolbar904415871__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));background:var(--wds-color-white, var(--wsr-color-D80, #ffffff));align-items:center}.toolbar904415871__item{display:flex;margin-right:12px}.toolbar904415871__item svg,.toolbar904415871__item svg path,.toolbar904415871__item svg text{color:inherit;fill:currentColor}.toolbar904415871__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;align-self:stretch}.toolbar904415871__clearFormatting{margin-left:auto}.toolbar904415871__fullScreen{margin-right:0}.toolbar904415871__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar904415871__dropdownItemContent.toolbar904415871--selected .toolbar904415871__dropdownItemTitle,.toolbar904415871__dropdownItemContent.toolbar904415871--selected .toolbar904415871__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar904415871__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar904415871__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))!important}.toolbar904415871__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar904415871__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar904415871__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar904415871__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar904415871__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar904415871__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar904415871__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar904415871__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.textview3886369445__textView::after{content:"";display:block}.richeditor1718041748__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium, 500);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))}.richeditor1718041748__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100, var(--wsr-color-D10, #131720));background:var(--wds-color-black-700, var(--wsr-color-D70, #edeef2))}.richeditor1718041748__editor .DraftEditor-root{width:100%;height:100%}.richeditor1718041748__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor1718041748__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor1718041748__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor1718041748__editor .public-DraftEditor-content ol,.richeditor1718041748__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor1718041748__editor .public-DraftEditor-content a,.richeditor1718041748__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor1718041748__header-one:not(li),.richeditor1718041748__header-two:not(li),.richeditor1718041748__header-three:not(li),.richeditor1718041748__header-four:not(li),.richeditor1718041748__header-five:not(li),.richeditor1718041748__header-six:not(li){margin-block:0;margin:0}.richeditor1718041748__header-one,.richeditor1718041748__editor li.richeditor1718041748__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__header-two,.richeditor1718041748__editor li.richeditor1718041748__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__header-three,.richeditor1718041748__editor li.richeditor1718041748__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__header-four,.richeditor1718041748__editor li.richeditor1718041748__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__header-five,.richeditor1718041748__editor li.richeditor1718041748__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__header-six,.richeditor1718041748__editor li.richeditor1718041748__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__paragraph-one,.richeditor1718041748__editor li.richeditor1718041748__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__unstyled,.richeditor1718041748__editor li.richeditor1718041748__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__paragraph-three,.richeditor1718041748__editor li.richeditor1718041748__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor1718041748__editor li.richeditor1718041748__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor1718041748__editor li.richeditor1718041748__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor1718041748__editor li.richeditor1718041748__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor1718041748__editor li.richeditor1718041748__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor1718041748__editor li.richeditor1718041748__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor1718041748__editor li.richeditor1718041748__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor1718041748__editor li.richeditor1718041748__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor1718041748__align-left{text-align:left;align-self:flex-start}.richeditor1718041748__align-right{text-align:right;align-self:flex-end}.richeditor1718041748__align-center{text-align:center;align-self:center}.richeditor1718041748__align-justify{text-align:justify;align-self:stretch}.richeditor1718041748__withMargin{display:inline-block}.richeditor1718041748__dir-rtl,.richeditor1718041748__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor1718041748__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/types/controlled-input.ts"],"sourcesContent":["export interface ControlledInputProps<T> {\n data: T;\n onChange(data: T): void;\n onBlur?(): void;\n readOnly?: boolean;\n autoFocus?: boolean;\n invalid?: boolean;\n dataHook?: string;\n}\n"],"mappings":"","ignoreList":[]}
|
|
@@ -5,6 +5,7 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
|
|
|
5
5
|
import { useController } from '@wix/bex-core/form';
|
|
6
6
|
import { isEmpty } from '../../validations/value';
|
|
7
7
|
import { FormAddressInput } from './input/form-address-input';
|
|
8
|
+
import { useFieldRef } from '../../hooks';
|
|
8
9
|
const _FormAddress = (props) => {
|
|
9
10
|
const { field, dataHook, formControl, data } = props;
|
|
10
11
|
const { translate: pt } = useWixPatternsContainer();
|
|
@@ -21,11 +22,12 @@ const _FormAddress = (props) => {
|
|
|
21
22
|
},
|
|
22
23
|
},
|
|
23
24
|
});
|
|
25
|
+
const setFieldRef = useFieldRef(controller.field.ref);
|
|
24
26
|
return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, status: controller.fieldState.error ? 'error' : undefined, statusMessage: controller.fieldState.error?.message, dataHook: dataHook },
|
|
25
27
|
React.createElement(FormAddressInput, { autoFocus: false, data: controller.field.value, onChange: (value) => controller.field.onChange?.(value),
|
|
26
28
|
// Hand the input to react-hook-form so shouldFocusError scrolls to +
|
|
27
29
|
// focuses this field when it blocks save.
|
|
28
|
-
inputRef:
|
|
30
|
+
inputRef: setFieldRef, dataHook: `address-${field.id}`, field: field.id })));
|
|
29
31
|
};
|
|
30
32
|
export const FormAddress = observer(_FormAddress);
|
|
31
33
|
//# sourceMappingURL=form-address.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-address.js","sourceRoot":"","sources":["../../../../src/components/address/form-address.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"form-address.js","sourceRoot":"","sources":["../../../../src/components/address/form-address.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC/C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEpD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;QAC9B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE;oBAChD,OAAO,EAAE,CAAC,qCAAqC,CAAC,CAAC;iBAClD;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACzD,aAAa,EAAE,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,OAAO,EACnD,QAAQ,EAAE,QAAQ;QAElB,oBAAC,gBAAgB,IACf,SAAS,EAAE,KAAK,EAChB,IAAI,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC;YACvD,qEAAqE;YACrE,0CAA0C;YAC1C,QAAQ,EAAE,WAAW,EACrB,QAAQ,EAAE,WAAW,KAAK,CAAC,EAAE,EAAE,EAC/B,KAAK,EAAE,KAAK,CAAC,EAAE,GACf,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "addressinput1353092921";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "addressinput1353092921__root", "tableAddressInput": "addressinput1353092921__tableAddressInput" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"address-input.st.css.js","sourceRoot":"","sources":["../../../../../src/components/address/input/address-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"address-input.st.css.js","sourceRoot":"","sources":["../../../../../src/components/address/input/address-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,mBAAmB,EAAC,2CAA2C,EAAC,CAAC;AAC7H,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "actionsmenu1132414098";
|
|
4
4
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
5
5
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
6
6
|
export var style = _style_;
|
|
7
7
|
export var st = _style_;
|
|
8
8
|
export var namespace = _namespace_;
|
|
9
|
-
export var classes = { "root": "
|
|
9
|
+
export var classes = { "root": "actionsmenu1132414098__root", "action": "actionsmenu1132414098__action" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|