@wix/patterns-fields 1.29.0 → 1.32.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/assets/locale/messages_en.json +11 -10
- 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/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/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/cell-document-edit.js +302 -0
- package/dist/cjs/components/document/cell-document-edit.js.map +1 -0
- package/dist/cjs/components/document/cell-document-view.js +56 -0
- package/dist/cjs/components/document/cell-document-view.js.map +1 -0
- 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/index.js +12 -0
- package/dist/cjs/components/document/index.js.map +1 -1
- package/dist/cjs/components/document/utils.js +1 -0
- package/dist/cjs/components/document/utils.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/image/cell-image-edit.js +68 -168
- package/dist/cjs/components/image/cell-image-edit.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.js +101 -0
- package/dist/cjs/components/media-control/cell-media-edit-shell.js.map +1 -0
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css +4 -0
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +22 -0
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -0
- package/dist/cjs/components/media-control/index.js +12 -0
- package/dist/cjs/components/media-control/index.js.map +1 -1
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/use-cell-media-edit.js +93 -0
- package/dist/cjs/components/media-control/use-cell-media-edit.js.map +1 -0
- 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 +4 -4
- 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/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-reference-input.js +47 -17
- package/dist/cjs/components/reference/cell-reference-input.js.map +1 -1
- package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
- package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +6 -6
- 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 +5 -5
- 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 +8 -8
- 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 +4 -4
- 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 +20 -20
- 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 +20 -20
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/services/translations.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/assets/locale/messages_en.json +11 -10
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/audio-field/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-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/document/cell-document-edit.js +60 -0
- package/dist/esm/components/document/cell-document-edit.js.map +1 -0
- package/dist/esm/components/document/cell-document-view.js +13 -0
- package/dist/esm/components/document/cell-document-view.js.map +1 -0
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/document/index.js +2 -0
- package/dist/esm/components/document/index.js.map +1 -1
- package/dist/esm/components/document/utils.js +1 -0
- package/dist/esm/components/document/utils.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/cell-image-edit.js +46 -85
- package/dist/esm/components/image/cell-image-edit.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.js +23 -0
- package/dist/esm/components/media-control/cell-media-edit-shell.js.map +1 -0
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css +4 -0
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +15 -0
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js.map +1 -0
- package/dist/esm/components/media-control/index.js +2 -0
- package/dist/esm/components/media-control/index.js.map +1 -1
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/esm/components/media-control/use-cell-media-edit.js +63 -0
- package/dist/esm/components/media-control/use-cell-media-edit.js.map +1 -0
- 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/overlays/overlay.st.css.js +3 -3
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.js +17 -5
- package/dist/esm/components/reference/cell-reference-input.js.map +1 -1
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +3 -3
- 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-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/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.st.css.js +3 -3
- 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 +3 -3
- 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/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 +3 -3
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/audio/audio-field/form-audio-field.st.css.d.ts.map +1 -1
- package/dist/types/components/color-view/color-view.st.css.d.ts.map +1 -1
- package/dist/types/components/document/cell-document-edit.d.ts +23 -0
- package/dist/types/components/document/cell-document-edit.d.ts.map +1 -0
- package/dist/types/components/document/cell-document-view.d.ts +12 -0
- package/dist/types/components/document/cell-document-view.d.ts.map +1 -0
- package/dist/types/components/document/index.d.ts +2 -0
- package/dist/types/components/document/index.d.ts.map +1 -1
- package/dist/types/components/document/utils.d.ts.map +1 -1
- package/dist/types/components/image/cell-image-edit.d.ts +1 -1
- package/dist/types/components/image/cell-image-edit.d.ts.map +1 -1
- package/dist/types/components/media-control/cell-media-edit-shell.d.ts +29 -0
- package/dist/types/components/media-control/cell-media-edit-shell.d.ts.map +1 -0
- package/dist/types/components/media-control/cell-media-edit-shell.st.css.d.ts +13 -0
- package/dist/types/components/media-control/cell-media-edit-shell.st.css.d.ts.map +1 -0
- package/dist/types/components/media-control/index.d.ts +2 -0
- package/dist/types/components/media-control/index.d.ts.map +1 -1
- package/dist/types/components/media-control/paste-url-button.st.css.d.ts.map +1 -1
- package/dist/types/components/media-control/use-cell-media-edit.d.ts +54 -0
- package/dist/types/components/media-control/use-cell-media-edit.d.ts.map +1 -0
- package/dist/types/components/media-gallery/form-media-gallery-field.st.css.d.ts.map +1 -1
- package/dist/types/components/media-tag/web-media-tag/media-tag.st.css.d.ts.map +1 -1
- package/dist/types/components/reference/cell-reference-input.d.ts +2 -0
- package/dist/types/components/reference/cell-reference-input.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/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map +1 -1
- package/dist/types/services/translations.d.ts +1 -1
- package/dist/types/services/translations.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/__tests__/components/document/cell-document-edit.spec.tsx +101 -0
- package/src/__tests__/components/document/cell-document-view.spec.tsx +39 -0
- package/src/__tests__/components/document/utils.spec.ts +28 -0
- package/src/assets/locale/messages_en.json +11 -10
- 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/color-view/color-view.st.css.ts +2 -2
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/cell-document-edit.tsx +196 -0
- package/src/components/document/cell-document-view.tsx +49 -0
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/document/index.ts +2 -0
- package/src/components/document/utils.ts +1 -0
- 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/cell-image-edit.tsx +112 -196
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
- package/src/components/media-control/cell-media-edit-shell.st.css +4 -0
- package/src/components/media-control/cell-media-edit-shell.st.css.ts +25 -0
- package/src/components/media-control/cell-media-edit-shell.tsx +101 -0
- package/src/components/media-control/index.ts +2 -0
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-control/use-cell-media-edit.ts +134 -0
- 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 +3 -3
- 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/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.tsx +35 -7
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +3 -3
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/services/translations.ts +1 -0
- package/src/styles.global.css +1 -1
|
@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "formdocumentfield1222498168";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"viewWrapper": "
|
|
17
|
-
"textWidth": "
|
|
18
|
-
"documentLoader": "
|
|
19
|
-
"addDocument": "
|
|
20
|
-
"addItemWrapper": "
|
|
15
|
+
"root": "formdocumentfield1222498168__root",
|
|
16
|
+
"viewWrapper": "formdocumentfield1222498168__viewWrapper",
|
|
17
|
+
"textWidth": "formdocumentfield1222498168__textWidth",
|
|
18
|
+
"documentLoader": "formdocumentfield1222498168__documentLoader",
|
|
19
|
+
"addDocument": "formdocumentfield1222498168__addDocument",
|
|
20
|
+
"addItemWrapper": "formdocumentfield1222498168__addItemWrapper"
|
|
21
21
|
};
|
|
22
22
|
var keyframes = exports.keyframes = {};
|
|
23
23
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield1222498168\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formdocumentfield1222498168__root\",\"viewWrapper\":\"formdocumentfield1222498168__viewWrapper\",\"textWidth\":\"formdocumentfield1222498168__textWidth\",\"documentLoader\":\"formdocumentfield1222498168__documentLoader\",\"addDocument\":\"formdocumentfield1222498168__addDocument\",\"addItemWrapper\":\"formdocumentfield1222498168__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}
|
|
@@ -7,4 +7,16 @@ Object.keys(_documentView).forEach(function (key) {
|
|
|
7
7
|
if (key in exports && exports[key] === _documentView[key]) return;
|
|
8
8
|
exports[key] = _documentView[key];
|
|
9
9
|
});
|
|
10
|
+
var _cellDocumentView = require("./cell-document-view");
|
|
11
|
+
Object.keys(_cellDocumentView).forEach(function (key) {
|
|
12
|
+
if (key === "default" || key === "__esModule") return;
|
|
13
|
+
if (key in exports && exports[key] === _cellDocumentView[key]) return;
|
|
14
|
+
exports[key] = _cellDocumentView[key];
|
|
15
|
+
});
|
|
16
|
+
var _cellDocumentEdit = require("./cell-document-edit");
|
|
17
|
+
Object.keys(_cellDocumentEdit).forEach(function (key) {
|
|
18
|
+
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (key in exports && exports[key] === _cellDocumentEdit[key]) return;
|
|
20
|
+
exports[key] = _cellDocumentEdit[key];
|
|
21
|
+
});
|
|
10
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_documentView","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/document/index.ts"],"sourcesContent":["export * from './document-view';\n\n// NOTE: Heavy exports (FormDocumentField, DocumentControl, etc.) have been moved to './form' to prevent bundle bloat.\n// Import them explicitly: import { FormDocumentField } from '../fields/components/document/form';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_documentView","require","Object","keys","forEach","key","exports","_cellDocumentView","_cellDocumentEdit"],"sources":["../../../../src/components/document/index.ts"],"sourcesContent":["export * from './document-view';\nexport * from './cell-document-view';\nexport * from './cell-document-edit';\n\n// NOTE: Heavy exports (FormDocumentField, DocumentControl, etc.) have been moved to './form' to prevent bundle bloat.\n// Import them explicitly: import { FormDocumentField } from '../fields/components/document/form';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,iBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,iBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,iBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,iBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,iBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,iBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,iBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,iBAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["openDocument","url","link","document","createElement","href","target","body","appendChild","click","remove","exports"],"sources":["../../../../src/components/document/utils.ts"],"sourcesContent":["export const openDocument = (url: string) => {\n const link = document.createElement('a');\n link.href = url;\n link.target = '_blank';\n document.body.appendChild(link);\n\n link.click();\n link.remove();\n};\n"],"mappings":";;;;AAAO,MAAMA,YAAY,GAAIC,GAAW,IAAK;EAC3C,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;EACxCF,IAAI,CAACG,IAAI,GAAGJ,GAAG;EACfC,IAAI,CAACI,MAAM,GAAG,QAAQ;
|
|
1
|
+
{"version":3,"names":["openDocument","url","link","document","createElement","href","target","rel","body","appendChild","click","remove","exports"],"sources":["../../../../src/components/document/utils.ts"],"sourcesContent":["export const openDocument = (url: string) => {\n const link = document.createElement('a');\n link.href = url;\n link.target = '_blank';\n link.rel = 'noopener noreferrer';\n document.body.appendChild(link);\n\n link.click();\n link.remove();\n};\n"],"mappings":";;;;AAAO,MAAMA,YAAY,GAAIC,GAAW,IAAK;EAC3C,MAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;EACxCF,IAAI,CAACG,IAAI,GAAGJ,GAAG;EACfC,IAAI,CAACI,MAAM,GAAG,QAAQ;EACtBJ,IAAI,CAACK,GAAG,GAAG,qBAAqB;EAChCJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,IAAI,CAAC;EAE/BA,IAAI,CAACQ,KAAK,CAAC,CAAC;EACZR,IAAI,CAACS,MAAM,CAAC,CAAC;AACf,CAAC;AAACC,OAAA,CAAAZ,YAAA,GAAAA,YAAA","ignoreList":[]}
|
|
@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "exclamation2043409223";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"exclamation": "
|
|
17
|
-
"actions": "
|
|
18
|
-
"action": "
|
|
15
|
+
"root": "exclamation2043409223__root",
|
|
16
|
+
"exclamation": "exclamation2043409223__exclamation",
|
|
17
|
+
"actions": "exclamation2043409223__actions",
|
|
18
|
+
"action": "exclamation2043409223__action"
|
|
19
19
|
};
|
|
20
20
|
var keyframes = exports.keyframes = {};
|
|
21
21
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation2043409223\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"exclamation2043409223__root\",\"exclamation\":\"exclamation2043409223__exclamation\",\"actions\":\"exclamation2043409223__actions\",\"action\":\"exclamation2043409223__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","ignoreList":[]}
|
|
@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "highlightedtext3214744979";
|
|
9
9
|
var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
|
|
10
10
|
var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
|
|
11
11
|
var style = exports.style = _style_;
|
|
12
12
|
var st = exports.st = _style_;
|
|
13
13
|
var namespace = exports.namespace = _namespace_;
|
|
14
14
|
var classes = exports.classes = {
|
|
15
|
-
"root": "
|
|
16
|
-
"substring": "
|
|
15
|
+
"root": "highlightedtext3214744979__root",
|
|
16
|
+
"substring": "highlightedtext3214744979__substring"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {
|
|
19
|
-
"highlighted": "
|
|
20
|
-
"highlighted-match": "
|
|
19
|
+
"highlighted": "highlightedtext3214744979__highlighted",
|
|
20
|
+
"highlighted-match": "highlightedtext3214744979__highlighted-match"
|
|
21
21
|
};
|
|
22
22
|
var layers = exports.layers = {};
|
|
23
23
|
var containers = exports.containers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"
|
|
1
|
+
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext3214744979\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"highlightedtext3214744979__root\",\"substring\":\"highlightedtext3214744979__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext3214744979__highlighted\",\"highlighted-match\":\"highlightedtext3214744979__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
4
|
exports.__esModule = true;
|
|
4
5
|
exports.CellImageEdit = void 0;
|
|
5
|
-
var _react =
|
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
|
6
7
|
var _designSystem = require("@wix/design-system");
|
|
7
8
|
var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
|
|
8
9
|
var _mediaUtils = require("../../utils/media-utils");
|
|
@@ -11,7 +12,6 @@ var _mediaControl = require("../media-control");
|
|
|
11
12
|
var _imageThumbnail = require("./image-thumbnail");
|
|
12
13
|
var _thumbnailReplaceOverlay = require("./thumbnail-replace-overlay");
|
|
13
14
|
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/image/cell-image-edit.tsx";
|
|
14
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
15
|
const CellImageEdit = ({
|
|
16
16
|
value,
|
|
17
17
|
onChange,
|
|
@@ -24,111 +24,30 @@ const CellImageEdit = ({
|
|
|
24
24
|
const {
|
|
25
25
|
t
|
|
26
26
|
} = (0, _hooks.useTranslations)();
|
|
27
|
-
const
|
|
28
|
-
const onMediaChange = (0, _react.useCallback)(uri => {
|
|
29
|
-
onChange(uri);
|
|
30
|
-
onCommit();
|
|
31
|
-
}, [onChange, onCommit]);
|
|
32
|
-
const {
|
|
33
|
-
callMedia,
|
|
34
|
-
loading
|
|
35
|
-
} = (0, _mediaControl.useMediaControl)({
|
|
27
|
+
const mediaEdit = (0, _mediaControl.useCellMediaEdit)({
|
|
36
28
|
mediaType: _mediaUtils.MEDIA_TYPES.IMAGE,
|
|
37
|
-
value
|
|
38
|
-
onChange
|
|
39
|
-
|
|
40
|
-
const handleCallMedia = (0, _react.useCallback)(async () => {
|
|
41
|
-
onStartEdit == null || onStartEdit();
|
|
42
|
-
const committed = await callMedia();
|
|
43
|
-
if (!committed) {
|
|
44
|
-
onCancel == null || onCancel();
|
|
45
|
-
}
|
|
46
|
-
}, [onStartEdit, callMedia, onCancel]);
|
|
47
|
-
const pasteUrlTitle = t('CMS.image.replaceWithUrl.title');
|
|
48
|
-
const {
|
|
49
|
-
isOpen,
|
|
50
|
-
title,
|
|
51
|
-
onOpen,
|
|
52
|
-
onClose,
|
|
53
|
-
onSave
|
|
54
|
-
} = (0, _mediaControl.usePasteURLForm)({
|
|
55
|
-
onChange: onMediaChange
|
|
56
|
-
});
|
|
57
|
-
|
|
58
|
-
// When the paste-URL form is dismissed without saving, cancel the in-progress
|
|
59
|
-
// edit so isEditing returns to false and useClearFocusOnBlur works normally.
|
|
60
|
-
const handleFormClose = (0, _react.useCallback)(() => {
|
|
61
|
-
onClose();
|
|
62
|
-
onCancel == null || onCancel();
|
|
63
|
-
}, [onClose, onCancel]);
|
|
64
|
-
const handleOpenPasteUrl = (0, _react.useCallback)(params => () => {
|
|
65
|
-
onStartEdit == null || onStartEdit();
|
|
66
|
-
onOpen(params)();
|
|
67
|
-
}, [onStartEdit, onOpen]);
|
|
68
|
-
const handleDelete = (0, _react.useCallback)(() => {
|
|
69
|
-
onChange(null);
|
|
70
|
-
onCommit();
|
|
71
|
-
}, [onChange, onCommit]);
|
|
72
|
-
const {
|
|
73
|
-
handleContainerFocus,
|
|
74
|
-
handleContainerBlur
|
|
75
|
-
} = (0, _hooks.useCellEditKeyboard)({
|
|
76
|
-
containerRef,
|
|
29
|
+
value,
|
|
30
|
+
onChange,
|
|
31
|
+
onCommit,
|
|
77
32
|
onCancel,
|
|
33
|
+
onStartEdit,
|
|
78
34
|
inputRef
|
|
79
35
|
});
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
fileName: _jsxFileName,
|
|
90
|
-
lineNumber: 109,
|
|
91
|
-
columnNumber: 7
|
|
92
|
-
}
|
|
93
|
-
}, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
|
|
94
|
-
size: "tiny",
|
|
95
|
-
__self: void 0,
|
|
96
|
-
__source: {
|
|
97
|
-
fileName: _jsxFileName,
|
|
98
|
-
lineNumber: 116,
|
|
99
|
-
columnNumber: 9
|
|
100
|
-
}
|
|
101
|
-
}));
|
|
102
|
-
}
|
|
103
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
104
|
-
ref: containerRef,
|
|
105
|
-
"data-hook": dataHook,
|
|
106
|
-
style: {
|
|
107
|
-
width: '100%',
|
|
108
|
-
height: '100%'
|
|
109
|
-
},
|
|
110
|
-
onFocus: handleContainerFocus,
|
|
111
|
-
onBlur: handleContainerBlur,
|
|
36
|
+
const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({
|
|
37
|
+
title: t('CMS.image.replaceWithUrl.title'),
|
|
38
|
+
value: value ?? undefined
|
|
39
|
+
});
|
|
40
|
+
return /*#__PURE__*/_react.default.createElement(_mediaControl.CellMediaEditShell, {
|
|
41
|
+
dataHook: dataHook,
|
|
42
|
+
mediaEdit: mediaEdit,
|
|
43
|
+
value: value,
|
|
44
|
+
fieldType: _mediaControl.MediaFieldType.image,
|
|
112
45
|
__self: void 0,
|
|
113
46
|
__source: {
|
|
114
47
|
fileName: _jsxFileName,
|
|
115
|
-
lineNumber:
|
|
48
|
+
lineNumber: 62,
|
|
116
49
|
columnNumber: 5
|
|
117
50
|
}
|
|
118
|
-
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
119
|
-
align: "space-between",
|
|
120
|
-
verticalAlign: "middle",
|
|
121
|
-
height: "100%",
|
|
122
|
-
padding: "0 8px",
|
|
123
|
-
style: {
|
|
124
|
-
boxSizing: 'border-box'
|
|
125
|
-
},
|
|
126
|
-
__self: void 0,
|
|
127
|
-
__source: {
|
|
128
|
-
fileName: _jsxFileName,
|
|
129
|
-
lineNumber: 129,
|
|
130
|
-
columnNumber: 7
|
|
131
|
-
}
|
|
132
51
|
}, value ?
|
|
133
52
|
/*#__PURE__*/
|
|
134
53
|
/* Has value: clickable thumbnail button with replace overlay */
|
|
@@ -138,20 +57,20 @@ const CellImageEdit = ({
|
|
|
138
57
|
__self: void 0,
|
|
139
58
|
__source: {
|
|
140
59
|
fileName: _jsxFileName,
|
|
141
|
-
lineNumber:
|
|
142
|
-
columnNumber:
|
|
60
|
+
lineNumber: 70,
|
|
61
|
+
columnNumber: 9
|
|
143
62
|
}
|
|
144
63
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
145
64
|
__self: void 0,
|
|
146
65
|
__source: {
|
|
147
66
|
fileName: _jsxFileName,
|
|
148
|
-
lineNumber:
|
|
149
|
-
columnNumber:
|
|
67
|
+
lineNumber: 71,
|
|
68
|
+
columnNumber: 11
|
|
150
69
|
}
|
|
151
70
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
152
71
|
type: "button",
|
|
153
72
|
"data-hook": "image-edit-thumbnail",
|
|
154
|
-
onClick: handleCallMedia,
|
|
73
|
+
onClick: mediaEdit.handleCallMedia,
|
|
155
74
|
style: {
|
|
156
75
|
cursor: 'pointer',
|
|
157
76
|
lineHeight: 0,
|
|
@@ -163,23 +82,23 @@ const CellImageEdit = ({
|
|
|
163
82
|
__self: void 0,
|
|
164
83
|
__source: {
|
|
165
84
|
fileName: _jsxFileName,
|
|
166
|
-
lineNumber:
|
|
167
|
-
columnNumber:
|
|
85
|
+
lineNumber: 72,
|
|
86
|
+
columnNumber: 13
|
|
168
87
|
}
|
|
169
88
|
}, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
|
|
170
89
|
value: value,
|
|
171
90
|
__self: void 0,
|
|
172
91
|
__source: {
|
|
173
92
|
fileName: _jsxFileName,
|
|
174
|
-
lineNumber:
|
|
175
|
-
columnNumber:
|
|
93
|
+
lineNumber: 85,
|
|
94
|
+
columnNumber: 15
|
|
176
95
|
}
|
|
177
96
|
}), /*#__PURE__*/_react.default.createElement(_thumbnailReplaceOverlay.ThumbnailReplaceOverlay, {
|
|
178
97
|
__self: void 0,
|
|
179
98
|
__source: {
|
|
180
99
|
fileName: _jsxFileName,
|
|
181
|
-
lineNumber:
|
|
182
|
-
columnNumber:
|
|
100
|
+
lineNumber: 86,
|
|
101
|
+
columnNumber: 15
|
|
183
102
|
}
|
|
184
103
|
})))) :
|
|
185
104
|
/*#__PURE__*/
|
|
@@ -190,26 +109,26 @@ const CellImageEdit = ({
|
|
|
190
109
|
__self: void 0,
|
|
191
110
|
__source: {
|
|
192
111
|
fileName: _jsxFileName,
|
|
193
|
-
lineNumber:
|
|
194
|
-
columnNumber:
|
|
112
|
+
lineNumber: 92,
|
|
113
|
+
columnNumber: 9
|
|
195
114
|
}
|
|
196
115
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
|
|
197
116
|
size: "tiny",
|
|
198
117
|
priority: "secondary",
|
|
199
118
|
dataHook: "image-edit-add-button",
|
|
200
|
-
onClick: handleCallMedia,
|
|
119
|
+
onClick: mediaEdit.handleCallMedia,
|
|
201
120
|
__self: void 0,
|
|
202
121
|
__source: {
|
|
203
122
|
fileName: _jsxFileName,
|
|
204
|
-
lineNumber:
|
|
205
|
-
columnNumber:
|
|
123
|
+
lineNumber: 93,
|
|
124
|
+
columnNumber: 11
|
|
206
125
|
}
|
|
207
126
|
}, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
|
|
208
127
|
__self: void 0,
|
|
209
128
|
__source: {
|
|
210
129
|
fileName: _jsxFileName,
|
|
211
|
-
lineNumber:
|
|
212
|
-
columnNumber:
|
|
130
|
+
lineNumber: 99,
|
|
131
|
+
columnNumber: 13
|
|
213
132
|
}
|
|
214
133
|
}))), value ?
|
|
215
134
|
/*#__PURE__*/
|
|
@@ -223,8 +142,8 @@ const CellImageEdit = ({
|
|
|
223
142
|
__self: void 0,
|
|
224
143
|
__source: {
|
|
225
144
|
fileName: _jsxFileName,
|
|
226
|
-
lineNumber:
|
|
227
|
-
columnNumber:
|
|
145
|
+
lineNumber: 110,
|
|
146
|
+
columnNumber: 13
|
|
228
147
|
}
|
|
229
148
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
|
|
230
149
|
size: "tiny",
|
|
@@ -233,22 +152,22 @@ const CellImageEdit = ({
|
|
|
233
152
|
__self: void 0,
|
|
234
153
|
__source: {
|
|
235
154
|
fileName: _jsxFileName,
|
|
236
|
-
lineNumber:
|
|
237
|
-
columnNumber:
|
|
155
|
+
lineNumber: 114,
|
|
156
|
+
columnNumber: 15
|
|
238
157
|
}
|
|
239
158
|
}, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
|
|
240
159
|
__self: void 0,
|
|
241
160
|
__source: {
|
|
242
161
|
fileName: _jsxFileName,
|
|
243
|
-
lineNumber:
|
|
244
|
-
columnNumber:
|
|
162
|
+
lineNumber: 119,
|
|
163
|
+
columnNumber: 17
|
|
245
164
|
}
|
|
246
165
|
}))),
|
|
247
166
|
__self: void 0,
|
|
248
167
|
__source: {
|
|
249
168
|
fileName: _jsxFileName,
|
|
250
|
-
lineNumber:
|
|
251
|
-
columnNumber:
|
|
169
|
+
lineNumber: 106,
|
|
170
|
+
columnNumber: 9
|
|
252
171
|
}
|
|
253
172
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
254
173
|
dataHook: "image-edit-action-replace",
|
|
@@ -257,16 +176,16 @@ const CellImageEdit = ({
|
|
|
257
176
|
__self: void 0,
|
|
258
177
|
__source: {
|
|
259
178
|
fileName: _jsxFileName,
|
|
260
|
-
lineNumber:
|
|
261
|
-
columnNumber:
|
|
179
|
+
lineNumber: 127,
|
|
180
|
+
columnNumber: 25
|
|
262
181
|
}
|
|
263
182
|
}),
|
|
264
|
-
onClick: handleCallMedia,
|
|
183
|
+
onClick: mediaEdit.handleCallMedia,
|
|
265
184
|
__self: void 0,
|
|
266
185
|
__source: {
|
|
267
186
|
fileName: _jsxFileName,
|
|
268
|
-
lineNumber:
|
|
269
|
-
columnNumber:
|
|
187
|
+
lineNumber: 124,
|
|
188
|
+
columnNumber: 11
|
|
270
189
|
}
|
|
271
190
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
272
191
|
dataHook: "image-edit-action-replace-url",
|
|
@@ -275,26 +194,23 @@ const CellImageEdit = ({
|
|
|
275
194
|
__self: void 0,
|
|
276
195
|
__source: {
|
|
277
196
|
fileName: _jsxFileName,
|
|
278
|
-
lineNumber:
|
|
279
|
-
columnNumber:
|
|
197
|
+
lineNumber: 133,
|
|
198
|
+
columnNumber: 25
|
|
280
199
|
}
|
|
281
200
|
}),
|
|
282
|
-
onClick:
|
|
283
|
-
title: pasteUrlTitle,
|
|
284
|
-
value: value ?? undefined
|
|
285
|
-
}),
|
|
201
|
+
onClick: openPasteUrl,
|
|
286
202
|
__self: void 0,
|
|
287
203
|
__source: {
|
|
288
204
|
fileName: _jsxFileName,
|
|
289
|
-
lineNumber:
|
|
290
|
-
columnNumber:
|
|
205
|
+
lineNumber: 130,
|
|
206
|
+
columnNumber: 11
|
|
291
207
|
}
|
|
292
208
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
|
|
293
209
|
__self: void 0,
|
|
294
210
|
__source: {
|
|
295
211
|
fileName: _jsxFileName,
|
|
296
|
-
lineNumber:
|
|
297
|
-
columnNumber:
|
|
212
|
+
lineNumber: 136,
|
|
213
|
+
columnNumber: 11
|
|
298
214
|
}
|
|
299
215
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
300
216
|
dataHook: "image-edit-action-delete",
|
|
@@ -304,16 +220,16 @@ const CellImageEdit = ({
|
|
|
304
220
|
__self: void 0,
|
|
305
221
|
__source: {
|
|
306
222
|
fileName: _jsxFileName,
|
|
307
|
-
lineNumber:
|
|
308
|
-
columnNumber:
|
|
223
|
+
lineNumber: 141,
|
|
224
|
+
columnNumber: 25
|
|
309
225
|
}
|
|
310
226
|
}),
|
|
311
|
-
onClick: handleDelete,
|
|
227
|
+
onClick: mediaEdit.handleDelete,
|
|
312
228
|
__self: void 0,
|
|
313
229
|
__source: {
|
|
314
230
|
fileName: _jsxFileName,
|
|
315
|
-
lineNumber:
|
|
316
|
-
columnNumber:
|
|
231
|
+
lineNumber: 137,
|
|
232
|
+
columnNumber: 11
|
|
317
233
|
}
|
|
318
234
|
})) :
|
|
319
235
|
/*#__PURE__*/
|
|
@@ -324,44 +240,28 @@ const CellImageEdit = ({
|
|
|
324
240
|
__self: void 0,
|
|
325
241
|
__source: {
|
|
326
242
|
fileName: _jsxFileName,
|
|
327
|
-
lineNumber:
|
|
328
|
-
columnNumber:
|
|
243
|
+
lineNumber: 147,
|
|
244
|
+
columnNumber: 9
|
|
329
245
|
}
|
|
330
246
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
|
|
331
247
|
size: "tiny",
|
|
332
248
|
priority: "tertiary",
|
|
333
249
|
dataHook: "image-edit-paste-url-button",
|
|
334
|
-
onClick:
|
|
335
|
-
title: pasteUrlTitle,
|
|
336
|
-
value: value ?? undefined
|
|
337
|
-
}),
|
|
250
|
+
onClick: openPasteUrl,
|
|
338
251
|
__self: void 0,
|
|
339
252
|
__source: {
|
|
340
253
|
fileName: _jsxFileName,
|
|
341
|
-
lineNumber:
|
|
342
|
-
columnNumber:
|
|
254
|
+
lineNumber: 151,
|
|
255
|
+
columnNumber: 11
|
|
343
256
|
}
|
|
344
257
|
}, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LinkSmall, {
|
|
345
258
|
__self: void 0,
|
|
346
259
|
__source: {
|
|
347
260
|
fileName: _jsxFileName,
|
|
348
|
-
lineNumber:
|
|
349
|
-
columnNumber:
|
|
350
|
-
}
|
|
351
|
-
})))), /*#__PURE__*/_react.default.createElement(_mediaControl.PasteURLForm, {
|
|
352
|
-
title: title,
|
|
353
|
-
value: value ?? undefined,
|
|
354
|
-
show: isOpen,
|
|
355
|
-
closeModal: handleFormClose,
|
|
356
|
-
onSave: onSave,
|
|
357
|
-
fieldType: _mediaControl.MediaFieldType.image,
|
|
358
|
-
__self: void 0,
|
|
359
|
-
__source: {
|
|
360
|
-
fileName: _jsxFileName,
|
|
361
|
-
lineNumber: 237,
|
|
362
|
-
columnNumber: 7
|
|
261
|
+
lineNumber: 157,
|
|
262
|
+
columnNumber: 13
|
|
363
263
|
}
|
|
364
|
-
}));
|
|
264
|
+
}))));
|
|
365
265
|
};
|
|
366
266
|
exports.CellImageEdit = CellImageEdit;
|
|
367
267
|
CellImageEdit.displayName = 'CellImageEdit';
|