@wix/patterns-fields 1.88.0 → 1.90.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/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/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
- package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js +44 -42
- package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +3 -3
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js +33 -28
- package/dist/cjs/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.js +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.js.map +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js +3 -3
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
- package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/color-view/cell-color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/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/field-validation-settings/field-validation-settings-input.js +14 -11
- package/dist/esm/components/field-validation-settings/field-validation-settings-input.js.map +1 -1
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/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/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-gallery/cell-media-gallery-edit.js +12 -9
- package/dist/esm/components/media-gallery/cell-media-gallery-edit.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
- package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/esm/components/multi-document/cell-multi-document-edit.js +1 -1
- package/dist/esm/components/multi-document/cell-multi-document-edit.js.map +1 -1
- package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js +2 -2
- package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/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/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/audio/actions/actions-menu/actions-menu.st.css.d.ts.map +1 -1
- package/dist/types/components/delete-dialog/delete-dialog.st.css.d.ts.map +1 -1
- package/dist/types/components/field-validation-settings/field-validation-settings-input.d.ts +4 -2
- package/dist/types/components/field-validation-settings/field-validation-settings-input.d.ts.map +1 -1
- package/dist/types/components/highlighted-text/highlighted-text.st.css.d.ts.map +1 -1
- package/dist/types/components/media-gallery/cell-media-gallery-edit.d.ts.map +1 -1
- package/dist/types/components/media-image/media-image.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/overlays/overlay.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/multi-document/cell-multi-document-edit.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
- package/dist/types/components/reference/cell-multi-reference-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/__tests__/components/field-validation-settings/field-validation-settings-input.spec.tsx +20 -1
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/color-view/cell-color-view.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/field-validation-settings/field-validation-settings-input.tsx +22 -10
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/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/cell-media-gallery-edit.tsx +14 -9
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/cell-multi-document-edit.st.css.ts +2 -2
- package/src/components/multi-document/cell-multi-document-edit.tsx +1 -1
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/reference/cell-multi-reference-input.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/styles.global.css +1 -1
|
@@ -34,13 +34,14 @@ const CellMediaGalleryEdit = ({
|
|
|
34
34
|
t
|
|
35
35
|
} = (0, _hooks.useTranslations)();
|
|
36
36
|
const containerRef = (0, _react.useRef)(null);
|
|
37
|
-
const
|
|
37
|
+
const items = (0, _react.useMemo)(() => Array.isArray(value) ? value : [], [value]);
|
|
38
|
+
const hasValue = items.length > 0;
|
|
38
39
|
const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
|
|
39
40
|
// Tracks whether a commit happened during the current external-UI session.
|
|
40
41
|
// Prevents calling onCancel() after the user already committed (e.g., clear
|
|
41
42
|
// in the preview modal fires onClear then onClose, but we should not cancel).
|
|
42
43
|
const didCommitRef = (0, _react.useRef)(false);
|
|
43
|
-
const avatarItems =
|
|
44
|
+
const avatarItems = items.map(item => ({
|
|
44
45
|
imgProps: {
|
|
45
46
|
src: (0, _autoFieldTypes.mediaURItoImageURL)(item.src, _autoFieldTypes.ThumbnailSize.S)
|
|
46
47
|
}
|
|
@@ -50,7 +51,7 @@ const CellMediaGalleryEdit = ({
|
|
|
50
51
|
...dialogProps
|
|
51
52
|
} = (0, _hooks2.useMediaGalleryDialog)({
|
|
52
53
|
initialOpen: false,
|
|
53
|
-
items
|
|
54
|
+
items,
|
|
54
55
|
onChange: items => {
|
|
55
56
|
didCommitRef.current = true;
|
|
56
57
|
onChange(items.length > 0 ? items : null);
|
|
@@ -88,19 +89,23 @@ const CellMediaGalleryEdit = ({
|
|
|
88
89
|
onCommit();
|
|
89
90
|
}, [onChange, onCommit]);
|
|
90
91
|
const onDownloadMedia = (0, _react.useCallback)(async mediaUri => {
|
|
91
|
-
var
|
|
92
|
-
const uri = mediaUri ?? (
|
|
93
|
-
if (!uri)
|
|
92
|
+
var _items$;
|
|
93
|
+
const uri = mediaUri ?? ((_items$ = items[0]) == null ? void 0 : _items$.src);
|
|
94
|
+
if (!uri) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
94
97
|
try {
|
|
95
98
|
var _result$downloadUrls;
|
|
96
99
|
const result = await _media.files.generateFileDownloadUrl(uri);
|
|
97
100
|
const downloadUrl = (_result$downloadUrls = result.downloadUrls) == null || (_result$downloadUrls = _result$downloadUrls[0]) == null ? void 0 : _result$downloadUrls.url;
|
|
98
|
-
if (!downloadUrl)
|
|
101
|
+
if (!downloadUrl) {
|
|
102
|
+
throw new Error('No download URL returned');
|
|
103
|
+
}
|
|
99
104
|
(0, _mediaUtils.executeDownloading)(downloadUrl);
|
|
100
105
|
} catch {
|
|
101
106
|
(0, _mediaUtils.executeDownloading)((0, _autoFieldTypes.getMediaURL)(uri));
|
|
102
107
|
}
|
|
103
|
-
}, [
|
|
108
|
+
}, [items]);
|
|
104
109
|
const {
|
|
105
110
|
handleContainerFocus,
|
|
106
111
|
handleContainerBlur
|
|
@@ -121,7 +126,7 @@ const CellMediaGalleryEdit = ({
|
|
|
121
126
|
__self: void 0,
|
|
122
127
|
__source: {
|
|
123
128
|
fileName: _jsxFileName,
|
|
124
|
-
lineNumber:
|
|
129
|
+
lineNumber: 141,
|
|
125
130
|
columnNumber: 5
|
|
126
131
|
}
|
|
127
132
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
|
|
@@ -135,7 +140,7 @@ const CellMediaGalleryEdit = ({
|
|
|
135
140
|
__self: void 0,
|
|
136
141
|
__source: {
|
|
137
142
|
fileName: _jsxFileName,
|
|
138
|
-
lineNumber:
|
|
143
|
+
lineNumber: 148,
|
|
139
144
|
columnNumber: 7
|
|
140
145
|
}
|
|
141
146
|
}, hasValue ? /*#__PURE__*/_react.default.createElement(_designSystem.AvatarGroup, {
|
|
@@ -145,7 +150,7 @@ const CellMediaGalleryEdit = ({
|
|
|
145
150
|
__self: void 0,
|
|
146
151
|
__source: {
|
|
147
152
|
fileName: _jsxFileName,
|
|
148
|
-
lineNumber:
|
|
153
|
+
lineNumber: 156,
|
|
149
154
|
columnNumber: 11
|
|
150
155
|
}
|
|
151
156
|
}) : /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
|
|
@@ -154,7 +159,7 @@ const CellMediaGalleryEdit = ({
|
|
|
154
159
|
__self: void 0,
|
|
155
160
|
__source: {
|
|
156
161
|
fileName: _jsxFileName,
|
|
157
|
-
lineNumber:
|
|
162
|
+
lineNumber: 158,
|
|
158
163
|
columnNumber: 11
|
|
159
164
|
}
|
|
160
165
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
|
|
@@ -165,14 +170,14 @@ const CellMediaGalleryEdit = ({
|
|
|
165
170
|
__self: void 0,
|
|
166
171
|
__source: {
|
|
167
172
|
fileName: _jsxFileName,
|
|
168
|
-
lineNumber:
|
|
173
|
+
lineNumber: 159,
|
|
169
174
|
columnNumber: 13
|
|
170
175
|
}
|
|
171
176
|
}, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
|
|
172
177
|
__self: void 0,
|
|
173
178
|
__source: {
|
|
174
179
|
fileName: _jsxFileName,
|
|
175
|
-
lineNumber:
|
|
180
|
+
lineNumber: 165,
|
|
176
181
|
columnNumber: 15
|
|
177
182
|
}
|
|
178
183
|
}))), hasValue ? /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
|
|
@@ -184,7 +189,7 @@ const CellMediaGalleryEdit = ({
|
|
|
184
189
|
__self: void 0,
|
|
185
190
|
__source: {
|
|
186
191
|
fileName: _jsxFileName,
|
|
187
|
-
lineNumber:
|
|
192
|
+
lineNumber: 175,
|
|
188
193
|
columnNumber: 15
|
|
189
194
|
}
|
|
190
195
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
|
|
@@ -194,21 +199,21 @@ const CellMediaGalleryEdit = ({
|
|
|
194
199
|
__self: void 0,
|
|
195
200
|
__source: {
|
|
196
201
|
fileName: _jsxFileName,
|
|
197
|
-
lineNumber:
|
|
202
|
+
lineNumber: 179,
|
|
198
203
|
columnNumber: 17
|
|
199
204
|
}
|
|
200
205
|
}, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
|
|
201
206
|
__self: void 0,
|
|
202
207
|
__source: {
|
|
203
208
|
fileName: _jsxFileName,
|
|
204
|
-
lineNumber:
|
|
209
|
+
lineNumber: 184,
|
|
205
210
|
columnNumber: 19
|
|
206
211
|
}
|
|
207
212
|
}))),
|
|
208
213
|
__self: void 0,
|
|
209
214
|
__source: {
|
|
210
215
|
fileName: _jsxFileName,
|
|
211
|
-
lineNumber:
|
|
216
|
+
lineNumber: 171,
|
|
212
217
|
columnNumber: 11
|
|
213
218
|
}
|
|
214
219
|
}, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
@@ -218,7 +223,7 @@ const CellMediaGalleryEdit = ({
|
|
|
218
223
|
__self: void 0,
|
|
219
224
|
__source: {
|
|
220
225
|
fileName: _jsxFileName,
|
|
221
|
-
lineNumber:
|
|
226
|
+
lineNumber: 192,
|
|
222
227
|
columnNumber: 27
|
|
223
228
|
}
|
|
224
229
|
}),
|
|
@@ -226,7 +231,7 @@ const CellMediaGalleryEdit = ({
|
|
|
226
231
|
__self: void 0,
|
|
227
232
|
__source: {
|
|
228
233
|
fileName: _jsxFileName,
|
|
229
|
-
lineNumber:
|
|
234
|
+
lineNumber: 189,
|
|
230
235
|
columnNumber: 13
|
|
231
236
|
}
|
|
232
237
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
@@ -236,7 +241,7 @@ const CellMediaGalleryEdit = ({
|
|
|
236
241
|
__self: void 0,
|
|
237
242
|
__source: {
|
|
238
243
|
fileName: _jsxFileName,
|
|
239
|
-
lineNumber:
|
|
244
|
+
lineNumber: 198,
|
|
240
245
|
columnNumber: 27
|
|
241
246
|
}
|
|
242
247
|
}),
|
|
@@ -244,14 +249,14 @@ const CellMediaGalleryEdit = ({
|
|
|
244
249
|
__self: void 0,
|
|
245
250
|
__source: {
|
|
246
251
|
fileName: _jsxFileName,
|
|
247
|
-
lineNumber:
|
|
252
|
+
lineNumber: 195,
|
|
248
253
|
columnNumber: 13
|
|
249
254
|
}
|
|
250
255
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
|
|
251
256
|
__self: void 0,
|
|
252
257
|
__source: {
|
|
253
258
|
fileName: _jsxFileName,
|
|
254
|
-
lineNumber:
|
|
259
|
+
lineNumber: 201,
|
|
255
260
|
columnNumber: 13
|
|
256
261
|
}
|
|
257
262
|
}), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
|
|
@@ -262,7 +267,7 @@ const CellMediaGalleryEdit = ({
|
|
|
262
267
|
__self: void 0,
|
|
263
268
|
__source: {
|
|
264
269
|
fileName: _jsxFileName,
|
|
265
|
-
lineNumber:
|
|
270
|
+
lineNumber: 206,
|
|
266
271
|
columnNumber: 27
|
|
267
272
|
}
|
|
268
273
|
}),
|
|
@@ -270,20 +275,20 @@ const CellMediaGalleryEdit = ({
|
|
|
270
275
|
__self: void 0,
|
|
271
276
|
__source: {
|
|
272
277
|
fileName: _jsxFileName,
|
|
273
|
-
lineNumber:
|
|
278
|
+
lineNumber: 202,
|
|
274
279
|
columnNumber: 13
|
|
275
280
|
}
|
|
276
281
|
})) : null), dialogProps.isOpen && /*#__PURE__*/_react.default.createElement(_mediaGalleryDialog.MediaGalleryDialog, (0, _extends2.default)({}, dialogProps, {
|
|
277
282
|
__self: void 0,
|
|
278
283
|
__source: {
|
|
279
284
|
fileName: _jsxFileName,
|
|
280
|
-
lineNumber:
|
|
285
|
+
lineNumber: 213,
|
|
281
286
|
columnNumber: 30
|
|
282
287
|
}
|
|
283
288
|
})), /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
|
|
284
289
|
isOpen: isPreviewOpen,
|
|
285
290
|
onClose: handlePreviewClose,
|
|
286
|
-
value:
|
|
291
|
+
value: items.map(item => item.src),
|
|
287
292
|
onRequestMedia: handlePreviewRequestMedia,
|
|
288
293
|
onClearMedia: handlePreviewClear,
|
|
289
294
|
onDownloadMedia: onDownloadMedia,
|
|
@@ -291,7 +296,7 @@ const CellMediaGalleryEdit = ({
|
|
|
291
296
|
__self: void 0,
|
|
292
297
|
__source: {
|
|
293
298
|
fileName: _jsxFileName,
|
|
294
|
-
lineNumber:
|
|
299
|
+
lineNumber: 215,
|
|
295
300
|
columnNumber: 7
|
|
296
301
|
}
|
|
297
302
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_media","_autoFieldTypes","_hooks","_mediaUtils","_hooks2","_mediaGalleryDialog","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","CellMediaGalleryEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","hasValue","Boolean","length","isPreviewOpen","setIsPreviewOpen","useState","didCommitRef","avatarItems","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","openMediaGalleryDialog","dialogProps","useMediaGalleryDialog","initialOpen","items","current","handleOpenGallery","useCallback","handleOpenPreview","handlePreviewClose","handlePreviewRequestMedia","handlePreviewClear","handleClearAll","onDownloadMedia","mediaUri","_value$","uri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","getMediaURL","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","ref","style","width","height","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","padding","boxSizing","AvatarGroup","size","type","Tooltip","content","appendTo","IconButton","priority","onClick","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Refresh","Maximize","Divider","skin","Delete","isOpen","MediaGalleryDialog","_extends2","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","textKeys","exports","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport {\n AvatarGroup,\n Box,\n IconButton,\n PopoverMenu,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Add,\n MoreSmall,\n Refresh,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { files } from '@wix/media';\nimport {\n mediaURItoImageURL,\n ThumbnailSize,\n getMediaURL,\n} from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\nimport { MediaPreviewModal } from './media-preview-modal';\n\nconst mediaGalleryPreviewTextKeys = {\n replace: 'CMS.mediaGallery.preview.replace',\n download: 'CMS.mediaGallery.preview.download',\n delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport interface CellMediaGalleryEditProps {\n value: WixCodeGalleryItem[] | null;\n onChange: (value: WixCodeGalleryItem[] | null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n dataHook?: string;\n}\n\nexport const CellMediaGalleryEdit: React.FC<CellMediaGalleryEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n}) => {\n const { t } = useTranslations();\n const containerRef = useRef<HTMLDivElement | null>(null);\n const hasValue = Boolean(value?.length);\n const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n // Tracks whether a commit happened during the current external-UI session.\n // Prevents calling onCancel() after the user already committed (e.g., clear\n // in the preview modal fires onClear then onClose, but we should not cancel).\n const didCommitRef = useRef(false);\n\n const avatarItems = (value ?? []).map((item) => ({\n imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n }));\n\n const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({\n initialOpen: false,\n items: value ?? [],\n onChange: (items: WixCodeGalleryItem[]) => {\n didCommitRef.current = true;\n onChange(items.length > 0 ? items : null);\n onCommit();\n },\n });\n\n const handleOpenGallery = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n openMediaGalleryDialog();\n }, [onStartEdit, openMediaGalleryDialog]);\n\n const handleOpenPreview = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n setIsPreviewOpen(true);\n }, [onStartEdit]);\n\n const handlePreviewClose = useCallback(() => {\n setIsPreviewOpen(false);\n if (!didCommitRef.current) {\n onCancel?.();\n }\n didCommitRef.current = false;\n }, [onCancel]);\n\n const handlePreviewRequestMedia = useCallback(() => {\n setIsPreviewOpen(false);\n openMediaGalleryDialog();\n }, [openMediaGalleryDialog]);\n\n const handlePreviewClear = useCallback(() => {\n didCommitRef.current = true;\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const handleClearAll = useCallback(() => {\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const onDownloadMedia = useCallback(\n async (mediaUri?: string) => {\n const uri = mediaUri ?? value?.[0]?.src;\n if (!uri) return;\n try {\n const result = await files.generateFileDownloadUrl(uri);\n const downloadUrl = result.downloadUrls?.[0]?.url;\n if (!downloadUrl) throw new Error('No download URL returned');\n executeDownloading(downloadUrl);\n } catch {\n executeDownloading(getMediaURL(uri));\n }\n },\n [value],\n );\n\n const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n containerRef,\n onCancel,\n inputRef,\n });\n\n return (\n <div\n ref={containerRef}\n data-hook={dataHook}\n style={{ width: '100%', height: '100%' }}\n onFocus={handleContainerFocus}\n onBlur={handleContainerBlur}\n >\n <Box\n align=\"space-between\"\n verticalAlign=\"middle\"\n height=\"100%\"\n padding=\"0 8px\"\n style={{ boxSizing: 'border-box' }}\n >\n {hasValue ? (\n <AvatarGroup items={avatarItems} size=\"tiny\" type=\"condensed\" />\n ) : (\n <Tooltip content={t('CMS.mediaGallery.addGallery')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"gallery-edit-add-button\"\n onClick={handleOpenGallery}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {hasValue ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"gallery-edit-more-button\"\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-manage\"\n text={t('CMS.mediaGallery.manageGallery')}\n prefixIcon={<Refresh />}\n onClick={handleOpenGallery}\n />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-preview\"\n text={t('CMS.mediaGallery.preview')}\n prefixIcon={<Maximize />}\n onClick={handleOpenPreview}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-clear\"\n text={t('CMS.mediaGallery.clear')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={handleClearAll}\n />\n </PopoverMenu>\n ) : null}\n </Box>\n\n {dialogProps.isOpen && <MediaGalleryDialog {...dialogProps} />}\n\n <MediaPreviewModal\n isOpen={isPreviewOpen}\n onClose={handlePreviewClose}\n value={(value ?? []).map((item) => item.src)}\n onRequestMedia={handlePreviewRequestMedia}\n onClearMedia={handlePreviewClear}\n onDownloadMedia={onDownloadMedia}\n textKeys={mediaGalleryPreviewTextKeys}\n />\n </div>\n );\n};\n\nCellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_media","_autoFieldTypes","_hooks","_mediaUtils","_hooks2","_mediaGalleryDialog","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","CellMediaGalleryEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","items","useMemo","Array","isArray","hasValue","length","isPreviewOpen","setIsPreviewOpen","useState","didCommitRef","avatarItems","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","openMediaGalleryDialog","dialogProps","useMediaGalleryDialog","initialOpen","current","handleOpenGallery","useCallback","handleOpenPreview","handlePreviewClose","handlePreviewRequestMedia","handlePreviewClear","handleClearAll","onDownloadMedia","mediaUri","_items$","uri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","getMediaURL","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","ref","style","width","height","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","padding","boxSizing","AvatarGroup","size","type","Tooltip","content","appendTo","IconButton","priority","onClick","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Refresh","Maximize","Divider","skin","Delete","isOpen","MediaGalleryDialog","_extends2","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","textKeys","exports","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport {\n AvatarGroup,\n Box,\n IconButton,\n PopoverMenu,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Add,\n MoreSmall,\n Refresh,\n Delete,\n Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { files } from '@wix/media';\nimport {\n mediaURItoImageURL,\n ThumbnailSize,\n getMediaURL,\n} from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\nimport { MediaPreviewModal } from './media-preview-modal';\n\nconst mediaGalleryPreviewTextKeys = {\n replace: 'CMS.mediaGallery.preview.replace',\n download: 'CMS.mediaGallery.preview.download',\n delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport interface CellMediaGalleryEditProps {\n value: WixCodeGalleryItem[] | null;\n onChange: (value: WixCodeGalleryItem[] | null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n dataHook?: string;\n}\n\nexport const CellMediaGalleryEdit: React.FC<CellMediaGalleryEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n}) => {\n const { t } = useTranslations();\n const containerRef = useRef<HTMLDivElement | null>(null);\n const items = useMemo(() => (Array.isArray(value) ? value : []), [value]);\n const hasValue = items.length > 0;\n const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n // Tracks whether a commit happened during the current external-UI session.\n // Prevents calling onCancel() after the user already committed (e.g., clear\n // in the preview modal fires onClear then onClose, but we should not cancel).\n const didCommitRef = useRef(false);\n\n const avatarItems = items.map((item) => ({\n imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n }));\n\n const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({\n initialOpen: false,\n items,\n onChange: (items: WixCodeGalleryItem[]) => {\n didCommitRef.current = true;\n onChange(items.length > 0 ? items : null);\n onCommit();\n },\n });\n\n const handleOpenGallery = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n openMediaGalleryDialog();\n }, [onStartEdit, openMediaGalleryDialog]);\n\n const handleOpenPreview = useCallback(() => {\n didCommitRef.current = false;\n onStartEdit?.();\n setIsPreviewOpen(true);\n }, [onStartEdit]);\n\n const handlePreviewClose = useCallback(() => {\n setIsPreviewOpen(false);\n if (!didCommitRef.current) {\n onCancel?.();\n }\n didCommitRef.current = false;\n }, [onCancel]);\n\n const handlePreviewRequestMedia = useCallback(() => {\n setIsPreviewOpen(false);\n openMediaGalleryDialog();\n }, [openMediaGalleryDialog]);\n\n const handlePreviewClear = useCallback(() => {\n didCommitRef.current = true;\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const handleClearAll = useCallback(() => {\n onChange(null);\n onCommit();\n }, [onChange, onCommit]);\n\n const onDownloadMedia = useCallback(\n async (mediaUri?: string) => {\n const uri = mediaUri ?? items[0]?.src;\n if (!uri) {\n return;\n }\n try {\n const result = await files.generateFileDownloadUrl(uri);\n const downloadUrl = result.downloadUrls?.[0]?.url;\n if (!downloadUrl) {\n throw new Error('No download URL returned');\n }\n executeDownloading(downloadUrl);\n } catch {\n executeDownloading(getMediaURL(uri));\n }\n },\n [items],\n );\n\n const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n containerRef,\n onCancel,\n inputRef,\n });\n\n return (\n <div\n ref={containerRef}\n data-hook={dataHook}\n style={{ width: '100%', height: '100%' }}\n onFocus={handleContainerFocus}\n onBlur={handleContainerBlur}\n >\n <Box\n align=\"space-between\"\n verticalAlign=\"middle\"\n height=\"100%\"\n padding=\"0 8px\"\n style={{ boxSizing: 'border-box' }}\n >\n {hasValue ? (\n <AvatarGroup items={avatarItems} size=\"tiny\" type=\"condensed\" />\n ) : (\n <Tooltip content={t('CMS.mediaGallery.addGallery')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"gallery-edit-add-button\"\n onClick={handleOpenGallery}\n >\n <Add />\n </IconButton>\n </Tooltip>\n )}\n\n {hasValue ? (\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n triggerElement={\n <Tooltip\n content={t('auto-patterns.fields.more_actions_tooltip')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"gallery-edit-more-button\"\n >\n <MoreSmall />\n </IconButton>\n </Tooltip>\n }\n >\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-manage\"\n text={t('CMS.mediaGallery.manageGallery')}\n prefixIcon={<Refresh />}\n onClick={handleOpenGallery}\n />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-preview\"\n text={t('CMS.mediaGallery.preview')}\n prefixIcon={<Maximize />}\n onClick={handleOpenPreview}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"gallery-edit-action-clear\"\n text={t('CMS.mediaGallery.clear')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={handleClearAll}\n />\n </PopoverMenu>\n ) : null}\n </Box>\n\n {dialogProps.isOpen && <MediaGalleryDialog {...dialogProps} />}\n\n <MediaPreviewModal\n isOpen={isPreviewOpen}\n onClose={handlePreviewClose}\n value={items.map((item) => item.src)}\n onRequestMedia={handlePreviewRequestMedia}\n onClearMedia={handlePreviewClear}\n onDownloadMedia={onDownloadMedia}\n textKeys={mediaGalleryPreviewTextKeys}\n />\n </div>\n );\n};\n\nCellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,22 +5,22 @@ 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_ = "formmediagalleryfield1968615131";
|
|
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
|
-
"container": "
|
|
17
|
-
"viewBox": "
|
|
18
|
-
"addItemWrapper": "
|
|
19
|
-
"addItem": "
|
|
20
|
-
"overlay": "
|
|
21
|
-
"image": "
|
|
22
|
-
"previewImage": "
|
|
23
|
-
"previewVideo": "
|
|
15
|
+
"root": "formmediagalleryfield1968615131__root",
|
|
16
|
+
"container": "formmediagalleryfield1968615131__container",
|
|
17
|
+
"viewBox": "formmediagalleryfield1968615131__viewBox",
|
|
18
|
+
"addItemWrapper": "formmediagalleryfield1968615131__addItemWrapper",
|
|
19
|
+
"addItem": "formmediagalleryfield1968615131__addItem",
|
|
20
|
+
"overlay": "formmediagalleryfield1968615131__overlay",
|
|
21
|
+
"image": "formmediagalleryfield1968615131__image",
|
|
22
|
+
"previewImage": "formmediagalleryfield1968615131__previewImage",
|
|
23
|
+
"previewVideo": "formmediagalleryfield1968615131__previewVideo"
|
|
24
24
|
};
|
|
25
25
|
var keyframes = exports.keyframes = {};
|
|
26
26
|
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/media-gallery/form-media-gallery-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/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield1968615131\";\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\":\"formmediagalleryfield1968615131__root\",\"container\":\"formmediagalleryfield1968615131__container\",\"viewBox\":\"formmediagalleryfield1968615131__viewBox\",\"addItemWrapper\":\"formmediagalleryfield1968615131__addItemWrapper\",\"addItem\":\"formmediagalleryfield1968615131__addItem\",\"overlay\":\"formmediagalleryfield1968615131__overlay\",\"image\":\"formmediagalleryfield1968615131__image\",\"previewImage\":\"formmediagalleryfield1968615131__previewImage\",\"previewVideo\":\"formmediagalleryfield1968615131__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,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,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ 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_ = "mediaimage1570058065";
|
|
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": "
|
|
15
|
+
"root": "mediaimage1570058065__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
var layers = exports.layers = {};
|
|
@@ -23,7 +23,7 @@ var vars = exports.vars = {
|
|
|
23
23
|
"wsr-color-R20": "--wsr-color-R20",
|
|
24
24
|
"wds-color-black-550": "--wds-color-black-550",
|
|
25
25
|
"wsr-color-D55": "--wsr-color-D55",
|
|
26
|
-
"from": "--
|
|
27
|
-
"to": "--
|
|
26
|
+
"from": "--mediaimage1570058065-from",
|
|
27
|
+
"to": "--mediaimage1570058065-to"
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=media-image.st.css.js.map
|
|
@@ -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/media-image/media-image.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/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage1570058065\";\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\":\"mediaimage1570058065__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage1570058065-from\",\"to\":\"--mediaimage1570058065-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
|
|
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "overlay2437557314";
|
|
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
|
-
"iconOverlay": "
|
|
15
|
+
"root": "overlay2437557314__root",
|
|
16
|
+
"iconOverlay": "overlay2437557314__iconOverlay"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {};
|
|
19
19
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.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/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay2437557314\";\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\":\"overlay2437557314__root\",\"iconOverlay\":\"overlay2437557314__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
|
|
@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
|
|
|
5
5
|
var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
|
|
6
6
|
// @ts-nocheck
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "medialoader1392786445";
|
|
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
|
-
"loader": "
|
|
15
|
+
"root": "medialoader1392786445__root",
|
|
16
|
+
"loader": "medialoader1392786445__loader"
|
|
17
17
|
};
|
|
18
18
|
var keyframes = exports.keyframes = {};
|
|
19
19
|
var layers = exports.layers = {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.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/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader1392786445\";\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\":\"medialoader1392786445__root\",\"loader\":\"medialoader1392786445__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \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,QAAQ,EAAC;AAA+B,CAAC;AAC7F,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,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
|
|
@@ -5,14 +5,14 @@ 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_ = "mediatag320229137";
|
|
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": "
|
|
15
|
+
"root": "mediatag320229137__root"
|
|
16
16
|
};
|
|
17
17
|
var keyframes = exports.keyframes = {};
|
|
18
18
|
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/media-tag/web-media-tag/media-tag.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/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag320229137\";\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\":\"mediatag320229137__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
|
|
@@ -29,7 +29,7 @@ const CellMultiDocumentEdit = ({
|
|
|
29
29
|
t
|
|
30
30
|
} = (0, _hooks.useTranslations)();
|
|
31
31
|
const msid = (_useWixPatternsContai = (0, _react2.useWixPatternsContainer)()) == null || (_useWixPatternsContai = _useWixPatternsContai.environment) == null ? void 0 : _useWixPatternsContai.msid;
|
|
32
|
-
const uris = (0, _react.useMemo)(() => value
|
|
32
|
+
const uris = (0, _react.useMemo)(() => Array.isArray(value) ? value : [], [value]);
|
|
33
33
|
const containerRef = (0, _react.useRef)(null);
|
|
34
34
|
const handleMultiChange = (0, _react.useCallback)(next => {
|
|
35
35
|
onChange(next.length === 0 ? null : next);
|