@wix/patterns-fields 1.108.0 → 1.110.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/cjs/components/boolean/cell-checkbox.js +15 -6
- package/dist/cjs/components/boolean/cell-checkbox.js.map +1 -1
- package/dist/cjs/components/color-view/cell-color-view.st.css.js +3 -3
- package/dist/cjs/components/color-view/cell-color-view.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
- package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/cjs/components/date-input/cell-date-input.js +21 -2
- package/dist/cjs/components/date-input/cell-date-input.js.map +1 -1
- package/dist/cjs/components/date-input/date-picker-internals.js +93 -3
- package/dist/cjs/components/date-input/date-picker-internals.js.map +1 -1
- package/dist/cjs/components/date-input/form-date-input.driver.js +2 -0
- package/dist/cjs/components/date-input/form-date-input.driver.js.map +1 -1
- package/dist/cjs/components/date-input/form-date-input.js +23 -6
- package/dist/cjs/components/date-input/form-date-input.js.map +1 -1
- package/dist/cjs/components/date-input/use-field-value-replacement.js +48 -0
- package/dist/cjs/components/date-input/use-field-value-replacement.js.map +1 -0
- package/dist/cjs/components/datetime-input/form-date-time.driver.js +3 -0
- package/dist/cjs/components/datetime-input/form-date-time.driver.js.map +1 -1
- package/dist/cjs/components/datetime-input/form-date-time.js +61 -24
- 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/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/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-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-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.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
- package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-input.js +12 -9
- package/dist/cjs/components/rich-content/cell-rich-content-input.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js +23 -17
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.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/cell-rich-text-editor.js +21 -5
- package/dist/cjs/components/rich-text/cell-rich-text-editor.js.map +1 -1
- package/dist/cjs/components/rich-text/cell-rich-text-input.js +15 -7
- package/dist/cjs/components/rich-text/cell-rich-text-input.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/form-short-text.js +1 -1
- package/dist/cjs/components/text/form-short-text.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/styles.global.css +1 -1
- package/dist/cjs/utils/keyboard.js +12 -0
- package/dist/cjs/utils/keyboard.js.map +1 -0
- 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/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/boolean/cell-checkbox.js +10 -4
- package/dist/esm/components/boolean/cell-checkbox.js.map +1 -1
- package/dist/esm/components/color-view/cell-color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/date-input/cell-date-input.js +21 -2
- package/dist/esm/components/date-input/cell-date-input.js.map +1 -1
- package/dist/esm/components/date-input/date-picker-internals.js +67 -0
- package/dist/esm/components/date-input/date-picker-internals.js.map +1 -1
- package/dist/esm/components/date-input/form-date-input.driver.js +2 -0
- package/dist/esm/components/date-input/form-date-input.driver.js.map +1 -1
- package/dist/esm/components/date-input/form-date-input.js +25 -4
- package/dist/esm/components/date-input/form-date-input.js.map +1 -1
- package/dist/esm/components/date-input/use-field-value-replacement.js +48 -0
- package/dist/esm/components/date-input/use-field-value-replacement.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 +51 -21
- 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/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
- package/dist/esm/components/media-image/overlays/overlay.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.st.css.js +2 -2
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/cell-rich-content-input.js +11 -9
- package/dist/esm/components/rich-content/cell-rich-content-input.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-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/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js +8 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-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/cell-rich-text-editor.js +16 -1
- package/dist/esm/components/rich-text/cell-rich-text-editor.js.map +1 -1
- package/dist/esm/components/rich-text/cell-rich-text-input.js +8 -0
- package/dist/esm/components/rich-text/cell-rich-text-input.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/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.js +1 -1
- package/dist/esm/components/text/form-short-text.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/styles.global.css +1 -1
- package/dist/esm/utils/keyboard.js +7 -0
- package/dist/esm/utils/keyboard.js.map +1 -0
- package/dist/types/components/address/input/address-input.st.css.d.ts.map +1 -1
- package/dist/types/components/boolean/cell-checkbox.d.ts +4 -1
- package/dist/types/components/boolean/cell-checkbox.d.ts.map +1 -1
- package/dist/types/components/date-input/cell-date-input.d.ts +4 -0
- package/dist/types/components/date-input/cell-date-input.d.ts.map +1 -1
- package/dist/types/components/date-input/date-picker-internals.d.ts +11 -1
- package/dist/types/components/date-input/date-picker-internals.d.ts.map +1 -1
- package/dist/types/components/date-input/form-date-input.d.ts.map +1 -1
- package/dist/types/components/date-input/form-date-input.driver.d.ts +2 -0
- package/dist/types/components/date-input/form-date-input.driver.d.ts.map +1 -1
- package/dist/types/components/date-input/use-field-value-replacement.d.ts +3 -0
- package/dist/types/components/date-input/use-field-value-replacement.d.ts.map +1 -0
- package/dist/types/components/datetime-input/form-date-time.d.ts.map +1 -1
- package/dist/types/components/datetime-input/form-date-time.driver.d.ts +3 -0
- package/dist/types/components/datetime-input/form-date-time.driver.d.ts.map +1 -1
- package/dist/types/components/delete-dialog/delete-dialog.st.css.d.ts.map +1 -1
- package/dist/types/components/highlighted-text/highlighted-text.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-field.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/media-image.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/reference/cell-reference-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/cell-rich-content-input.d.ts +2 -1
- package/dist/types/components/rich-content/cell-rich-content-input.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/publish-loader/publish-loader.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.d.ts +2 -0
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.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/cell-rich-text-editor.d.ts.map +1 -1
- package/dist/types/components/rich-text/cell-rich-text-input.d.ts +1 -1
- package/dist/types/components/rich-text/cell-rich-text-input.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/text-view.st.css.d.ts.map +1 -1
- package/dist/types/utils/keyboard.d.ts +4 -0
- package/dist/types/utils/keyboard.d.ts.map +1 -0
- package/package.json +5 -5
- package/src/__tests__/components/cell-rich-content-input.spec.tsx +73 -0
- package/src/__tests__/components/cell-rich-text-editor.spec.tsx +64 -0
- package/src/__tests__/components/cell-rich-text-input.spec.tsx +39 -0
- package/src/__tests__/components/date-input/cell-date-input.spec.tsx +100 -0
- package/src/__tests__/components/date-input/date-picker-internals.spec.tsx +69 -0
- package/src/__tests__/components/date-input/form-date-input.spec.tsx +141 -0
- package/src/__tests__/components/datetime-input/form-date-time.spec.tsx +194 -0
- package/src/__tests__/components/rich-content-editor.spec.tsx +53 -0
- package/src/__tests__/components/text/form-short-text.spec.tsx +27 -0
- package/src/__tests__/form-field.driver.tsx +31 -3
- package/src/__tests__/hooks/use-field-value-replacement.spec.tsx +68 -0
- package/src/__tests__/utils/keyboard.spec.ts +45 -0
- 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-player/audio-player.st.css.ts +2 -2
- package/src/components/boolean/cell-checkbox.tsx +33 -11
- package/src/components/color-view/cell-color-view.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/date-input/cell-date-input.tsx +28 -0
- package/src/components/date-input/date-picker-internals.ts +104 -3
- package/src/components/date-input/form-date-input.driver.ts +2 -0
- package/src/components/date-input/form-date-input.tsx +25 -3
- package/src/components/date-input/use-field-value-replacement.ts +63 -0
- package/src/components/datetime-input/form-date-time.driver.ts +3 -0
- package/src/components/datetime-input/form-date-time.tsx +55 -33
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- 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-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.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/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/cell-rich-content-input.tsx +12 -13
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.tsx +9 -1
- 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/cell-rich-text-editor.tsx +30 -1
- package/src/components/rich-text/cell-rich-text-input.tsx +9 -1
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/text/form-short-text.tsx +1 -1
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/styles.global.css +1 -1
- package/src/utils/keyboard.ts +7 -0
|
@@ -2,4 +2,71 @@ export const getDatePickerInputElement = (picker) => picker?.state?.inputRef;
|
|
|
2
2
|
export const closeDatePickerCalendar = (picker) => {
|
|
3
3
|
picker?._closeCalendar?.();
|
|
4
4
|
};
|
|
5
|
+
// WDS skips `onChange` when the picked day is the day of its `value` prop.
|
|
6
|
+
// This reports that pick through `onPick` and returns a function that undoes it.
|
|
7
|
+
export const onSameDayCalendarPick = (picker, onPick) => {
|
|
8
|
+
const internals = picker;
|
|
9
|
+
const handleChange = internals?._handleChange;
|
|
10
|
+
if (!internals || !handleChange) {
|
|
11
|
+
return () => { };
|
|
12
|
+
}
|
|
13
|
+
internals._handleChange = (date, modifiers) => {
|
|
14
|
+
handleChange(date, modifiers);
|
|
15
|
+
const { value } = internals.props;
|
|
16
|
+
// Same guard as WDS `_saveNewValue`.
|
|
17
|
+
if (value?.toDateString() === date.toDateString() && !modifiers?.disabled) {
|
|
18
|
+
onPick(date);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
return () => {
|
|
22
|
+
internals._handleChange = handleChange;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
const isValidDate = (date) => date !== null && !isNaN(date.getTime());
|
|
26
|
+
// WDS parses empty input text as today. These `inputProps` handlers report an
|
|
27
|
+
// emptied input through `onEmpty` and Enter on it through `onEmptyEnter`
|
|
28
|
+
// instead, send typed dates to `onType` when it is given (the picker's
|
|
29
|
+
// `onChange` otherwise), and Enter on a typed date to `onEnter`. An event
|
|
30
|
+
// without its callback goes to the picker as before. Calendar picks don't go
|
|
31
|
+
// through them.
|
|
32
|
+
// WDS thread: https://wix.slack.com/archives/C39FTGUBZ/p1790691851370229
|
|
33
|
+
export const typedDateInputProps = ({ picker, input, onEmpty, onEmptyEnter, onType, onEnter, }) => {
|
|
34
|
+
const internals = () => picker.current;
|
|
35
|
+
const isEmpty = () => input.current?.value === '';
|
|
36
|
+
const takeOverEnter = (event) => {
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
closeDatePickerCalendar(picker.current);
|
|
39
|
+
};
|
|
40
|
+
const handlers = {
|
|
41
|
+
onChange: (change) => {
|
|
42
|
+
if (onEmpty && isEmpty()) {
|
|
43
|
+
onEmpty();
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (onType) {
|
|
47
|
+
onType(change.dateVal);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
internals()?._handleInputChange?.(change);
|
|
51
|
+
},
|
|
52
|
+
onKeyDown: (event, date) => {
|
|
53
|
+
if (event.key === 'Enter') {
|
|
54
|
+
const isInputEmpty = isEmpty();
|
|
55
|
+
if (isInputEmpty && onEmptyEnter) {
|
|
56
|
+
takeOverEnter(event);
|
|
57
|
+
onEmptyEnter();
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
if (!isInputEmpty && onEnter && isValidDate(date)) {
|
|
61
|
+
takeOverEnter(event);
|
|
62
|
+
onEnter(date);
|
|
63
|
+
return;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
internals()?._handleKeyDown?.(event, date);
|
|
67
|
+
},
|
|
68
|
+
};
|
|
69
|
+
// DatePicker passes `inputProps` to its inner DateInput, not to `<Input>`.
|
|
70
|
+
return handlers;
|
|
71
|
+
};
|
|
5
72
|
//# sourceMappingURL=date-picker-internals.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker-internals.js","sourceRoot":"","sources":["../../../../src/components/date-input/date-picker-internals.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"date-picker-internals.js","sourceRoot":"","sources":["../../../../src/components/date-input/date-picker-internals.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,9 @@ export function FormDateInputDriver(base, body, field) {
|
|
|
10
10
|
getLabel: () => getFormFieldLabelText(formField),
|
|
11
11
|
datePickerExists: () => datePickerBase.exists(),
|
|
12
12
|
enterText: (text) => datePicker.inputDriver.enterText(text),
|
|
13
|
+
getValue: () => datePicker.inputDriver.getValue(),
|
|
13
14
|
blur: () => datePicker.inputDriver.blur(),
|
|
15
|
+
selectDate: (date) => datePicker.calendarDriver.clickDay(date),
|
|
14
16
|
hasError: () => datePicker.inputDriver.hasStatus('error'),
|
|
15
17
|
getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
|
|
16
18
|
isRequired: () => formField.isRequired(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-date-input.driver.js","sourceRoot":"","sources":["../../../../src/components/date-input/form-date-input.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,UAAU,mBAAmB,CACjC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,oBAAoB,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAE7D,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,gBAAgB,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE;QAC/C,SAAS,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACnE,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE;QACzC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC;QACzD,eAAe,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE;QAChE,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,eAAe,EAAE,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC;KAC5D,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"form-date-input.driver.js","sourceRoot":"","sources":["../../../../src/components/date-input/form-date-input.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,MAAM,UAAU,mBAAmB,CACjC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC,oBAAoB,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAChE,MAAM,UAAU,GAAG,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAE7D,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,gBAAgB,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE;QAC/C,SAAS,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACnE,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,EAAE;QACjD,IAAI,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE;QACzC,UAAU,EAAE,CAAC,IAAU,EAAE,EAAE,CAAC,UAAU,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC;QACpE,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC;QACzD,eAAe,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE;QAChE,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,eAAe,EAAE,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC;KAC5D,CAAC;AACJ,CAAC"}
|
|
@@ -6,14 +6,18 @@ import { useController } from '@wix/bex-core/form';
|
|
|
6
6
|
import { useTranslations } from '../../hooks';
|
|
7
7
|
import { isEmpty } from '../../validations/string';
|
|
8
8
|
import { calendarPopoverDefaults } from '../popover-defaults';
|
|
9
|
+
import { useFieldValueReplacement } from './use-field-value-replacement';
|
|
9
10
|
import { getDateWithoutTimezone, getISODateStringWithFixedTimezone, } from './date-utils';
|
|
10
11
|
const _FormDateInput = (props) => {
|
|
11
12
|
const { field, dataHook, inputRef, formControl, data } = props;
|
|
12
13
|
const { translate: t } = useWixPatternsContainer();
|
|
13
14
|
const { t: tFields } = useTranslations();
|
|
15
|
+
const inputError = useRef('');
|
|
14
16
|
const computeError = (value, format, validationType) => {
|
|
15
|
-
if (
|
|
16
|
-
return
|
|
17
|
+
if (isEmpty(value)) {
|
|
18
|
+
return field.validation?.required
|
|
19
|
+
? t('cairo.fieldValidation.requiredField')
|
|
20
|
+
: '';
|
|
17
21
|
}
|
|
18
22
|
if (validationType === 'formatError' && format) {
|
|
19
23
|
return t('cairo.customFields.fieldType.date.invalid.value', {
|
|
@@ -28,7 +32,7 @@ const _FormDateInput = (props) => {
|
|
|
28
32
|
defaultValue: data?.[field?.id ?? ''],
|
|
29
33
|
rules: {
|
|
30
34
|
validate: (value) => {
|
|
31
|
-
const error = computeError(value);
|
|
35
|
+
const error = inputError.current || computeError(value);
|
|
32
36
|
return error || true;
|
|
33
37
|
},
|
|
34
38
|
},
|
|
@@ -43,8 +47,17 @@ const _FormDateInput = (props) => {
|
|
|
43
47
|
});
|
|
44
48
|
const ref = useRef({});
|
|
45
49
|
const [errorMessage, setErrorMessage] = useState('');
|
|
50
|
+
const revision = useFieldValueReplacement(formControl, field.id, (value) => {
|
|
51
|
+
inputError.current = '';
|
|
52
|
+
setErrorMessage('');
|
|
53
|
+
ref.current.invalid = false;
|
|
54
|
+
const iso = typeof value === 'string'
|
|
55
|
+
? getISODateStringWithFixedTimezone(value)
|
|
56
|
+
: undefined;
|
|
57
|
+
setDate(iso ? getDateWithoutTimezone(iso) : undefined);
|
|
58
|
+
});
|
|
46
59
|
return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, statusMessage: errorMessage, dataHook: dataHook },
|
|
47
|
-
React.createElement(DatePicker, { ref: (internalRef) => {
|
|
60
|
+
React.createElement(DatePicker, { key: revision, ref: (internalRef) => {
|
|
48
61
|
inputRef?.(ref.current);
|
|
49
62
|
const inputEl =
|
|
50
63
|
// @ts-expect-error: WSR internal API hack for focusing
|
|
@@ -54,6 +67,9 @@ const _FormDateInput = (props) => {
|
|
|
54
67
|
// when it blocks save.
|
|
55
68
|
controller.field.ref(inputEl ?? null);
|
|
56
69
|
}, dataHook: `date-${field.id}`, popoverProps: calendarPopoverDefaults, width: "100%", placeholderText: tFields('CMS.formDate.placeholder'), value: date, onChange: (newValue) => {
|
|
70
|
+
inputError.current = '';
|
|
71
|
+
setErrorMessage('');
|
|
72
|
+
ref.current.invalid = false;
|
|
57
73
|
setDate(newValue);
|
|
58
74
|
const formattedDate = newValue
|
|
59
75
|
? getISODateStringWithFixedTimezone(newValue)
|
|
@@ -61,12 +77,17 @@ const _FormDateInput = (props) => {
|
|
|
61
77
|
controller.field.onChange(formattedDate?.split('T')[0] ?? null);
|
|
62
78
|
}, onValidate: ({ validationType, value: newValue, format }) => {
|
|
63
79
|
const error = computeError(newValue, format, validationType);
|
|
80
|
+
inputError.current = error;
|
|
64
81
|
setErrorMessage(error);
|
|
65
82
|
ref.current.invalid = !!error;
|
|
66
83
|
if (validationType === 'formatError' && newValue === '') {
|
|
67
84
|
setDate(undefined);
|
|
68
85
|
controller.field.onChange(null);
|
|
69
86
|
}
|
|
87
|
+
else {
|
|
88
|
+
// Invalid text does not change the stored date, but must revalidate it.
|
|
89
|
+
controller.field.onChange(controller.field.value);
|
|
90
|
+
}
|
|
70
91
|
}, status: errorMessage ? 'error' : undefined, statusMessage: errorMessage })));
|
|
71
92
|
};
|
|
72
93
|
export const FormDateInput = observer(_FormDateInput);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-date-input.js","sourceRoot":"","sources":["../../../../src/components/date-input/form-date-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,iCAAiC,GAClC,MAAM,cAAc,CAAC;AAItB,MAAM,cAAc,GAAG,CAAC,KAAyB,EAAE,EAAE;IACnD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"form-date-input.js","sourceRoot":"","sources":["../../../../src/components/date-input/form-date-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { get } from '@wix/bex-core/form';
|
|
3
|
+
export function useFieldValueReplacement(control, name, onReplace) {
|
|
4
|
+
const callback = useRef(onReplace);
|
|
5
|
+
callback.current = onReplace;
|
|
6
|
+
// A new key discards the picker's draft even when its saved value is unchanged.
|
|
7
|
+
const [revision, setRevision] = useState(0);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
// Control has no public reset listener. Input edits carry a type; setValue
|
|
10
|
+
// does not. Older RHF releases have a separate values subject.
|
|
11
|
+
const subjects = control._subjects;
|
|
12
|
+
const values = subjects?.values ?? subjects?.state;
|
|
13
|
+
const array = subjects?.array;
|
|
14
|
+
// Reset cleanup is optional; an incompatible RHF version must not crash the field.
|
|
15
|
+
if (typeof values?.subscribe !== 'function' ||
|
|
16
|
+
typeof array?.subscribe !== 'function') {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
const subscription = values.subscribe({
|
|
20
|
+
next: (update) => {
|
|
21
|
+
if (!update.values ||
|
|
22
|
+
!update.name ||
|
|
23
|
+
update.type ||
|
|
24
|
+
(update.name !== name && !name.startsWith(`${update.name}.`))) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
callback.current(get(update.values, name));
|
|
28
|
+
setRevision((value) => value + 1);
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
// Reset broadcasts here even for unchanged values. Unlike the state
|
|
32
|
+
// subject, this does not fire when an unrelated field unregisters.
|
|
33
|
+
const resets = array.subscribe({
|
|
34
|
+
next: (update) => {
|
|
35
|
+
if (!update.name && update.values) {
|
|
36
|
+
callback.current(get(update.values, name));
|
|
37
|
+
setRevision((value) => value + 1);
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
return () => {
|
|
42
|
+
subscription?.unsubscribe?.();
|
|
43
|
+
resets?.unsubscribe?.();
|
|
44
|
+
};
|
|
45
|
+
}, [control, name]);
|
|
46
|
+
return revision;
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=use-field-value-replacement.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-field-value-replacement.js","sourceRoot":"","sources":["../../../../src/components/date-input/use-field-value-replacement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAGzC,MAAM,UAAU,wBAAwB,CACtC,OAAgB,EAChB,IAAY,EACZ,SAAmC;IAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;IAC7B,gFAAgF;IAChF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,2EAA2E;QAC3E,+DAA+D;QAC/D,MAAM,QAAQ,GAIE,OAAO,CAAC,SAAS,CAAC;QAClC,MAAM,MAAM,GAAG,QAAQ,EAAE,MAAM,IAAI,QAAQ,EAAE,KAAK,CAAC;QACnD,MAAM,KAAK,GAAG,QAAQ,EAAE,KAAK,CAAC;QAC9B,mFAAmF;QACnF,IACE,OAAO,MAAM,EAAE,SAAS,KAAK,UAAU;YACvC,OAAO,KAAK,EAAE,SAAS,KAAK,UAAU,EACtC,CAAC;YACD,OAAO;QACT,CAAC;QACD,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC;YACpC,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE;gBACf,IACE,CAAC,MAAM,CAAC,MAAM;oBACd,CAAC,MAAM,CAAC,IAAI;oBACZ,MAAM,CAAC,IAAI;oBACX,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,EAC7D,CAAC;oBACD,OAAO;gBACT,CAAC;gBACD,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;gBAC3C,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACpC,CAAC;SACF,CAAC,CAAC;QACH,oEAAoE;QACpE,mEAAmE;QACnE,MAAM,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,CAAC,MAAM,EAAE,EAAE;gBACf,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;oBAClC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC3C,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC;SACF,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,YAAY,EAAE,WAAW,EAAE,EAAE,CAAC;YAC9B,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,OAAO,QAAQ,CAAC;AAClB,CAAC"}
|
|
@@ -13,7 +13,10 @@ export function FormDateTimeDriver(base, body, field) {
|
|
|
13
13
|
dateExists: () => dateBase.exists(),
|
|
14
14
|
timeExists: () => timeBase.exists(),
|
|
15
15
|
enterDateText: (text) => datePicker.inputDriver.enterText(text),
|
|
16
|
+
getDateText: () => datePicker.inputDriver.getValue(),
|
|
16
17
|
blurDate: () => datePicker.inputDriver.blur(),
|
|
18
|
+
enterTimeText: (text) => timeInput.setValue(text),
|
|
19
|
+
blurTime: () => timeInput.confirmValue(),
|
|
17
20
|
dateHasError: () => datePicker.inputDriver.hasStatus('error'),
|
|
18
21
|
getDateErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
|
|
19
22
|
timeHasError: () =>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-date-time.driver.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,UAAU,kBAAkB,CAChC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,6BAA6B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,6BAA6B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAErD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QACnC,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QACnC,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACvE,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE;QAC7C,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC;QAC7D,mBAAmB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE;QACpE,YAAY,EAAE,GAAG,EAAE;QACjB,qEAAqE;QACrE,gFAAgF;QAChF,mBAAmB;QACnB,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC9B,mBAAmB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACvD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,oEAAoE;QACpE,iDAAiD;QACjD,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QACzD,eAAe,EAAE,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC;QAC3D,YAAY,EAAE,qBAAqB,CAAC,QAAQ,EAAE,IAAI,CAAC;KACpD,CAAC;AACJ,CAAC"}
|
|
1
|
+
{"version":3,"file":"form-date-time.driver.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.driver.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,2CAA2C,CAAC;AAEnD,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,8BAA8B,CAAC;AAEtC,MAAM,UAAU,kBAAkB,CAChC,IAAe,EACf,IAAe,EACf,KAAY;IAEZ,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,6BAA6B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,6BAA6B,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IAErD,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC;QAChD,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QACnC,UAAU,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,EAAE;QACnC,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QACvE,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,EAAE;QACpD,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,EAAE;QAC7C,aAAa,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;QACzD,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,YAAY,EAAE;QACxC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO,CAAC;QAC7D,mBAAmB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,gBAAgB,EAAE;QACpE,YAAY,EAAE,GAAG,EAAE;QACjB,qEAAqE;QACrE,gFAAgF;QAChF,mBAAmB;QACnB,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC9B,mBAAmB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,gBAAgB,EAAE;QACvD,UAAU,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE;QACxC,oEAAoE;QACpE,iDAAiD;QACjD,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QACzD,eAAe,EAAE,wBAAwB,CAAC,UAAU,EAAE,IAAI,CAAC;QAC3D,YAAY,EAAE,qBAAqB,CAAC,QAAQ,EAAE,IAAI,CAAC;KACpD,CAAC;AACJ,CAAC"}
|
|
@@ -5,17 +5,23 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
|
|
|
5
5
|
import { useController } from '@wix/bex-core/form';
|
|
6
6
|
import { useTranslations } from '../../hooks';
|
|
7
7
|
import { isEmpty } from '../../validations/string';
|
|
8
|
+
import { useFieldValueReplacement } from '../date-input/use-field-value-replacement';
|
|
8
9
|
import { calendarPopoverDefaults, dropdownPopoverDefaults, } from '../popover-defaults';
|
|
9
10
|
const _FormDateTime = (props) => {
|
|
10
11
|
const { field, dataHook, inputRef, formControl, data } = props;
|
|
11
12
|
const { translate: t } = useWixPatternsContainer();
|
|
12
13
|
const { t: tFields } = useTranslations();
|
|
14
|
+
const inputErrors = useRef({ date: '', time: '' });
|
|
13
15
|
const controller = useController({
|
|
14
16
|
name: field?.id ?? '',
|
|
15
17
|
control: formControl,
|
|
16
18
|
defaultValue: data?.[field?.id ?? ''],
|
|
17
19
|
rules: {
|
|
18
20
|
validate: (v) => {
|
|
21
|
+
const inputError = inputErrors.current.date || inputErrors.current.time;
|
|
22
|
+
if (inputError) {
|
|
23
|
+
return inputError;
|
|
24
|
+
}
|
|
19
25
|
if (field?.validation?.required && isEmpty(v)) {
|
|
20
26
|
return t('cairo.fieldValidation.requiredField');
|
|
21
27
|
}
|
|
@@ -32,11 +38,32 @@ const _FormDateTime = (props) => {
|
|
|
32
38
|
}, [controller.field.value]);
|
|
33
39
|
const [dateStatusMessage, setDateStatusMessage] = useState('');
|
|
34
40
|
const [timeStatusMessage, setTimeStatusMessage] = useState('');
|
|
41
|
+
const formError = !dateStatusMessage && !timeStatusMessage
|
|
42
|
+
? controller.fieldState.error
|
|
43
|
+
: undefined;
|
|
44
|
+
const setDateError = (error) => {
|
|
45
|
+
inputErrors.current.date = error;
|
|
46
|
+
setDateStatusMessage(error);
|
|
47
|
+
};
|
|
48
|
+
const setTimeError = (error) => {
|
|
49
|
+
inputErrors.current.time = error;
|
|
50
|
+
setTimeStatusMessage(error);
|
|
51
|
+
};
|
|
35
52
|
const ref = useRef({});
|
|
36
53
|
const dateRef = useRef({});
|
|
37
54
|
const timeRef = useRef({});
|
|
38
55
|
const [dateValue, setDateValue] = useState(date?.getDate());
|
|
39
56
|
const [timeValue, setTimeValue] = useState(date?.getTime());
|
|
57
|
+
const revision = useFieldValueReplacement(formControl, field.id, (value) => {
|
|
58
|
+
setDateError('');
|
|
59
|
+
setTimeError('');
|
|
60
|
+
ref.current.invalid = false;
|
|
61
|
+
dateRef.current.invalid = false;
|
|
62
|
+
timeRef.current.invalid = false;
|
|
63
|
+
const nextDate = typeof value === 'string' ? new Date(value) : undefined;
|
|
64
|
+
setDateValue(nextDate?.getDate());
|
|
65
|
+
setTimeValue(nextDate?.getTime());
|
|
66
|
+
});
|
|
40
67
|
useEffect(() => {
|
|
41
68
|
ref.current.focus = () => {
|
|
42
69
|
if (dateRef.current.invalid) {
|
|
@@ -49,7 +76,7 @@ const _FormDateTime = (props) => {
|
|
|
49
76
|
return (React.createElement(FormField, { label: field.displayName, required: field.validation?.required, dataHook: dataHook },
|
|
50
77
|
React.createElement(Layout, { gap: "12px" },
|
|
51
78
|
React.createElement(Cell, { span: 6 },
|
|
52
|
-
React.createElement(DatePicker, { ref: (internalRef) => {
|
|
79
|
+
React.createElement(DatePicker, { key: revision, ref: (internalRef) => {
|
|
53
80
|
const inputEl =
|
|
54
81
|
// TODO: PR to WSR needed to expose as public API
|
|
55
82
|
// @ts-expect-error internal API
|
|
@@ -63,6 +90,7 @@ const _FormDateTime = (props) => {
|
|
|
63
90
|
// onChange is triggered only when you have valid, non-empty value.
|
|
64
91
|
// and onValidate is triggered on every change so we use onValidate
|
|
65
92
|
onValidate: ({ validationType, value: newValue, format }) => {
|
|
93
|
+
let value = controller.field.value;
|
|
66
94
|
if (validationType === 'valid') {
|
|
67
95
|
const dateWithNewDate = date
|
|
68
96
|
? new Date(date)
|
|
@@ -71,47 +99,46 @@ const _FormDateTime = (props) => {
|
|
|
71
99
|
dateWithNewDate.setFullYear(_value.getFullYear());
|
|
72
100
|
dateWithNewDate.setMonth(_value.getMonth());
|
|
73
101
|
dateWithNewDate.setDate(_value.getDate());
|
|
74
|
-
|
|
102
|
+
value = dateWithNewDate.toISOString();
|
|
75
103
|
setDateValue(new Date(newValue).getDate());
|
|
76
|
-
|
|
104
|
+
setDateError('');
|
|
77
105
|
dateRef.current.invalid = false;
|
|
78
106
|
}
|
|
79
107
|
else if (validationType === 'formatError' && newValue === '') {
|
|
80
108
|
if (field.validation?.required) {
|
|
81
|
-
|
|
109
|
+
setDateError(t('cairo.fieldValidation.requiredField'));
|
|
82
110
|
dateRef.current.invalid = true;
|
|
83
111
|
}
|
|
84
112
|
else {
|
|
85
|
-
|
|
113
|
+
setDateError('');
|
|
86
114
|
dateRef.current.invalid = false;
|
|
87
115
|
}
|
|
88
116
|
setDateValue(newValue);
|
|
89
117
|
if (!timeValue) {
|
|
90
|
-
|
|
118
|
+
value = null;
|
|
91
119
|
}
|
|
92
120
|
}
|
|
93
121
|
else {
|
|
94
|
-
|
|
122
|
+
setDateError(t('cairo.customFields.fieldType.date.invalid.value', {
|
|
95
123
|
dateFormat: format ?? '',
|
|
96
124
|
}));
|
|
97
125
|
dateRef.current.invalid = true;
|
|
98
126
|
}
|
|
99
127
|
ref.current.invalid =
|
|
100
128
|
dateRef.current.invalid || timeRef.current.invalid;
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
: undefined, statusMessage: controller.fieldState.error?.message || dateStatusMessage, dataHook: `datetime-date-${field.id}`, popoverProps: calendarPopoverDefaults })),
|
|
129
|
+
controller.field.onChange(value);
|
|
130
|
+
}, status: dateStatusMessage || formError ? 'error' : undefined, statusMessage: dateStatusMessage || formError?.message, dataHook: `datetime-date-${field.id}`, popoverProps: calendarPopoverDefaults })),
|
|
104
131
|
React.createElement(Cell, { span: 6 },
|
|
105
|
-
React.createElement(TimeInput, { ref: (internalRef) => {
|
|
132
|
+
React.createElement(TimeInput, { key: revision, ref: (internalRef) => {
|
|
106
133
|
timeRef.current.focus = () => internalRef?.focus();
|
|
107
|
-
}, dataHook: `datetime-time-${field.id}`, popoverProps: dropdownPopoverDefaults, placeholder: tFields('CMS.formTime.placeholder'), invalidMessage: tFields('CMS.formTime.invalidMessage'), value: date ?? null, status:
|
|
108
|
-
? 'error'
|
|
109
|
-
: undefined, statusMessage: controller.fieldState.error?.message || timeStatusMessage, onInvalid: () => {
|
|
134
|
+
}, dataHook: `datetime-time-${field.id}`, popoverProps: dropdownPopoverDefaults, placeholder: tFields('CMS.formTime.placeholder'), invalidMessage: tFields('CMS.formTime.invalidMessage'), value: date ?? null, status: timeStatusMessage || formError ? 'error' : undefined, statusMessage: timeStatusMessage || formError?.message, onInvalid: () => {
|
|
110
135
|
timeRef.current.invalid = true;
|
|
111
|
-
|
|
136
|
+
setTimeError(t('cairo.customFields.fieldType.dateAndTime.invalid.value'));
|
|
112
137
|
ref.current.invalid =
|
|
113
138
|
dateRef.current.invalid || timeRef.current.invalid;
|
|
139
|
+
controller.field.onChange(controller.field.value);
|
|
114
140
|
}, onChange: ({ date: newValue }) => {
|
|
141
|
+
let value = controller.field.value;
|
|
115
142
|
timeRef.current.invalid = false;
|
|
116
143
|
ref.current.invalid =
|
|
117
144
|
dateRef.current.invalid || timeRef.current.invalid;
|
|
@@ -121,28 +148,31 @@ const _FormDateTime = (props) => {
|
|
|
121
148
|
dateWithNewTime.setMinutes(newValue.getMinutes());
|
|
122
149
|
dateWithNewTime.setSeconds(newValue.getSeconds());
|
|
123
150
|
dateWithNewTime.setMilliseconds(newValue.getMilliseconds());
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
151
|
+
value = dateWithNewTime.toISOString();
|
|
152
|
+
setTimeError('');
|
|
153
|
+
if (!dateRef.current.invalid) {
|
|
154
|
+
setDateError('');
|
|
155
|
+
}
|
|
127
156
|
}
|
|
128
157
|
else {
|
|
129
158
|
if (!newValue) {
|
|
130
159
|
setTimeValue('');
|
|
131
160
|
if (field.validation?.required) {
|
|
132
|
-
|
|
161
|
+
setTimeError(t('cairo.fieldValidation.requiredField'));
|
|
133
162
|
timeRef.current.invalid = true;
|
|
134
163
|
}
|
|
135
164
|
else {
|
|
136
|
-
|
|
165
|
+
setTimeError('');
|
|
137
166
|
timeRef.current.invalid = false;
|
|
138
167
|
}
|
|
139
168
|
if (!ref.current.invalid) {
|
|
140
169
|
if (!dateValue) {
|
|
141
|
-
|
|
170
|
+
value = null;
|
|
142
171
|
}
|
|
143
172
|
}
|
|
144
173
|
}
|
|
145
174
|
}
|
|
175
|
+
controller.field.onChange(value);
|
|
146
176
|
} })))));
|
|
147
177
|
};
|
|
148
178
|
export const FormDateTime = observer(_FormDateTime);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-date-time.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,aAAa,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"form-date-time.js","sourceRoot":"","sources":["../../../../src/components/datetime-input/form-date-time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,MAAM,EACN,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EACL,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,aAAa,GAAG,CAAC,KAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO,EAAE,WAAW;QACpB,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;gBACxE,IAAI,UAAU,EAAE,CAAC;oBACf,OAAO,UAAU,CAAC;gBACpB,CAAC;gBACD,IAAI,KAAK,EAAE,UAAU,EAAE,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC9C,OAAO,CAAC,CAAC,qCAAqC,CAAC,CAAC;gBAClD,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC;SACF;KACF,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YAC5B,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3C,OAAO,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/D,MAAM,SAAS,GACb,CAAC,iBAAiB,IAAI,CAAC,iBAAiB;QACtC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK;QAC7B,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC;QACjC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IACF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACrC,WAAW,CAAC,OAAO,CAAC,IAAI,GAAG,KAAK,CAAC;QACjC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,MAAM,CAAe,EAAE,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,MAAM,CAAe,EAAE,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,MAAM,CAAe,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,IAAI,EAAE,OAAO,EAAE,CAChB,CAAC;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CACxC,IAAI,EAAE,OAAO,EAAE,CAChB,CAAC;IACF,MAAM,QAAQ,GAAG,wBAAwB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,EAAE;QACzE,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,YAAY,CAAC,EAAE,CAAC,CAAC;QACjB,GAAG,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC5B,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,MAAM,QAAQ,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACzE,YAAY,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;QAClC,YAAY,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE;YACvB,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBAC5B,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;YACnC,CAAC;YAED,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;QACnC,CAAC,CAAC;QAEF,QAAQ,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EACpC,QAAQ,EAAE,QAAQ;QAElB,oBAAC,MAAM,IAAC,GAAG,EAAC,MAAM;YAChB,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC;gBACX,oBAAC,UAAU,IACT,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE;wBACnB,MAAM,OAAO;wBACX,iDAAiD;wBACjD,gCAAgC;wBAChC,WAAW,EAAE,KAAK,EAAE,QAAmC,CAAC;wBAC1D,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC;wBACjD,iEAAiE;wBACjE,0DAA0D;wBAC1D,mEAAmE;wBACnE,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;oBACxC,CAAC,EACD,KAAK,EAAC,MAAM,EACZ,eAAe,EAAE,OAAO,CAAC,0BAA0B,CAAC,EACpD,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;oBAClB,mEAAmE;oBACnE,mEAAmE;oBACnE,UAAU,EAAE,CAAC,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;wBAC1D,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;wBACnC,IAAI,cAAc,KAAK,OAAO,EAAE,CAAC;4BAC/B,MAAM,eAAe,GAAG,IAAI;gCAC1B,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC;gCAChB,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;4BACvB,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;4BAClC,eAAe,CAAC,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC;4BAClD,eAAe,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;4BAC5C,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;4BAC1C,KAAK,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC;4BACtC,YAAY,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;4BAC3C,YAAY,CAAC,EAAE,CAAC,CAAC;4BACjB,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;wBAClC,CAAC;6BAAM,IAAI,cAAc,KAAK,aAAa,IAAI,QAAQ,KAAK,EAAE,EAAE,CAAC;4BAC/D,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC;gCAC/B,YAAY,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC;gCACvD,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;4BACjC,CAAC;iCAAM,CAAC;gCACN,YAAY,CAAC,EAAE,CAAC,CAAC;gCACjB,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;4BAClC,CAAC;4BACD,YAAY,CAAC,QAAQ,CAAC,CAAC;4BACvB,IAAI,CAAC,SAAS,EAAE,CAAC;gCACf,KAAK,GAAG,IAAI,CAAC;4BACf,CAAC;wBACH,CAAC;6BAAM,CAAC;4BACN,YAAY,CACV,CAAC,CAAC,iDAAiD,EAAE;gCACnD,UAAU,EAAE,MAAM,IAAI,EAAE;6BACzB,CAAC,CACH,CAAC;4BACF,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;wBACjC,CAAC;wBAED,GAAG,CAAC,OAAO,CAAC,OAAO;4BACjB,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;wBACrD,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACnC,CAAC,EACD,MAAM,EAAE,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,aAAa,EAAE,iBAAiB,IAAI,SAAS,EAAE,OAAO,EACtD,QAAQ,EAAE,iBAAiB,KAAK,CAAC,EAAE,EAAE,EACrC,YAAY,EAAE,uBAAuB,GACrC,CACG;YACP,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC;gBACX,oBAAC,SAAS,IACR,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE;wBACnB,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;oBACrD,CAAC,EACD,QAAQ,EAAE,iBAAiB,KAAK,CAAC,EAAE,EAAE,EACrC,YAAY,EAAE,uBAAuB,EACrC,WAAW,EAAE,OAAO,CAAC,0BAA0B,CAAC,EAChD,cAAc,EAAE,OAAO,CAAC,6BAA6B,CAAC,EACtD,KAAK,EAAE,IAAI,IAAI,IAAI,EACnB,MAAM,EAAE,iBAAiB,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC5D,aAAa,EAAE,iBAAiB,IAAI,SAAS,EAAE,OAAO,EACtD,SAAS,EAAE,GAAG,EAAE;wBACd,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;wBAC/B,YAAY,CACV,CAAC,CAAC,wDAAwD,CAAC,CAC5D,CAAC;wBACF,GAAG,CAAC,OAAO,CAAC,OAAO;4BACjB,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;wBACrD,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACpD,CAAC,EACD,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;wBAC/B,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;wBACnC,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;wBAChC,GAAG,CAAC,OAAO,CAAC,OAAO;4BACjB,OAAO,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC;wBAErD,IAAI,QAAQ,EAAE,CAAC;4BACb,MAAM,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;4BACzD,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;4BAC9C,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;4BAClD,eAAe,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;4BAClD,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC;4BAC5D,KAAK,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC;4BACtC,YAAY,CAAC,EAAE,CAAC,CAAC;4BACjB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gCAC7B,YAAY,CAAC,EAAE,CAAC,CAAC;4BACnB,CAAC;wBACH,CAAC;6BAAM,CAAC;4BACN,IAAI,CAAC,QAAQ,EAAE,CAAC;gCACd,YAAY,CAAC,EAAE,CAAC,CAAC;gCACjB,IAAI,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC;oCAC/B,YAAY,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC;oCACvD,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;gCACjC,CAAC;qCAAM,CAAC;oCACN,YAAY,CAAC,EAAE,CAAC,CAAC;oCACjB,OAAO,CAAC,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;gCAClC,CAAC;gCACD,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;oCACzB,IAAI,CAAC,SAAS,EAAE,CAAC;wCACf,KAAK,GAAG,IAAI,CAAC;oCACf,CAAC;gCACH,CAAC;4BACH,CAAC;wBACH,CAAC;wBACD,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACnC,CAAC,GACD,CACG,CACA,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,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_ = "deletedialog2793524866";
|
|
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": "deletedialog2793524866__root", "layout": "deletedialog2793524866__layout" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"delete-dialog.st.css.js","sourceRoot":"","sources":["../../../../src/components/delete-dialog/delete-dialog.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,QAAQ,EAAC,gCAAgC,EAAC,CAAC;AACvG,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_ = "formdocumentfield3083378965";
|
|
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": "formdocumentfield3083378965__root", "viewWrapper": "formdocumentfield3083378965__viewWrapper", "textWidth": "formdocumentfield3083378965__textWidth", "documentLoader": "formdocumentfield3083378965__documentLoader", "addDocument": "formdocumentfield3083378965__addDocument", "addItemWrapper": "formdocumentfield3083378965__addItemWrapper" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "exclamation2723601405";
|
|
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": "exclamation2723601405__root", "exclamation": "exclamation2723601405__exclamation", "actions": "exclamation2723601405__actions", "action": "exclamation2723601405__action" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "highlightedtext38924617";
|
|
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": "
|
|
10
|
-
export var keyframes = { "highlighted": "
|
|
9
|
+
export var classes = { "root": "highlightedtext38924617__root", "substring": "highlightedtext38924617__substring" };
|
|
10
|
+
export var keyframes = { "highlighted": "highlightedtext38924617__highlighted", "highlighted-match": "highlightedtext38924617__highlighted-match" };
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
13
13
|
export var stVars = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"highlighted-text.st.css.js","sourceRoot":"","sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"highlighted-text.st.css.js","sourceRoot":"","sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,WAAW,EAAC,oCAAoC,EAAC,CAAC;AAC/G,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,aAAa,EAAC,sCAAsC,EAAC,mBAAmB,EAAC,4CAA4C,EAAC,CAAC;AAC/I,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,sBAAsB,EAAC,wBAAwB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,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_ = "thumbnailreplaceoverlay1453798223";
|
|
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": "thumbnailreplaceoverlay1453798223__root", "icon": "thumbnailreplaceoverlay1453798223__icon" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
3
|
-
var _namespace_ = "
|
|
3
|
+
var _namespace_ = "cellmediaeditshell1470238779";
|
|
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": "cellmediaeditshell1470238779__root" };
|
|
10
10
|
export var keyframes = {};
|
|
11
11
|
export var layers = {};
|
|
12
12
|
export var containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,
|
|
1
|
+
{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,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,oCAAoC,EAAC,CAAC;AACnE,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"}
|