@wix/patterns-fields 1.17.0 → 1.20.0

package/dist/esm/components/audio/audio-player/audio-player.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "audioplayer1516853321";
+var _namespace_ = "audioplayer2631043297";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "audioplayer1516853321__root" };
+export var classes = { "root": "audioplayer2631043297__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/color-view/color-view.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "colorview2657607732";
+var _namespace_ = "colorview1533225918";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "colorview2657607732__root", "view": "colorview2657607732__view", "fillPreview": "colorview2657607732__fillPreview" };
+export var classes = { "root": "colorview1533225918__root", "view": "colorview1533225918__view", "fillPreview": "colorview1533225918__fillPreview" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog1541393268";
+var _namespace_ = "deletedialog2766386481";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "deletedialog1541393268__root", "layout": "deletedialog1541393268__layout" };
+export var classes = { "root": "deletedialog2766386481__root", "layout": "deletedialog2766386481__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/document/form-document-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield2005409826";
+var _namespace_ = "formdocumentfield1710149784";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formdocumentfield2005409826__root", "viewWrapper": "formdocumentfield2005409826__viewWrapper", "textWidth": "formdocumentfield2005409826__textWidth", "documentLoader": "formdocumentfield2005409826__documentLoader", "addDocument": "formdocumentfield2005409826__addDocument", "addItemWrapper": "formdocumentfield2005409826__addItemWrapper" };
+export var classes = { "root": "formdocumentfield1710149784__root", "viewWrapper": "formdocumentfield1710149784__viewWrapper", "textWidth": "formdocumentfield1710149784__textWidth", "documentLoader": "formdocumentfield1710149784__documentLoader", "addDocument": "formdocumentfield1710149784__addDocument", "addItemWrapper": "formdocumentfield1710149784__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation236155128";
+var _namespace_ = "exclamation1025289217";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "exclamation236155128__root", "exclamation": "exclamation236155128__exclamation", "actions": "exclamation236155128__actions", "action": "exclamation236155128__action" };
+export var classes = { "root": "exclamation1025289217__root", "exclamation": "exclamation1025289217__exclamation", "actions": "exclamation1025289217__actions", "action": "exclamation1025289217__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/exclamation/exclamation.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"exclamation.st.css.js","sourceRoot":"","sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,aAAa,EAAC,mCAAmC,EAAC,SAAS,EAAC,+BAA+B,EAAC,QAAQ,EAAC,8BAA8B,EAAC,CAAC;AAC/L,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}
+{"version":3,"file":"exclamation.st.css.js","sourceRoot":"","sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,aAAa,EAAC,oCAAoC,EAAC,SAAS,EAAC,gCAAgC,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACnM,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}

package/dist/esm/components/highlighted-text/highlighted-text.st.css.js

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext4160062194";
+var _namespace_ = "highlightedtext1593671152";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "highlightedtext4160062194__root", "substring": "highlightedtext4160062194__substring" };
-export var keyframes = { "highlighted": "highlightedtext4160062194__highlighted", "highlighted-match": "highlightedtext4160062194__highlighted-match" };
+export var classes = { "root": "highlightedtext1593671152__root", "substring": "highlightedtext1593671152__substring" };
+export var keyframes = { "highlighted": "highlightedtext1593671152__highlighted", "highlighted-match": "highlightedtext1593671152__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

package/dist/esm/components/image/cell-image-edit.js

@@ -1,19 +1,15 @@
-import React, { useCallback, useEffect, useRef } from 'react';
+import React, { useCallback, useRef } from 'react';
 import { Box, IconButton, Loader, PopoverMenu, Tooltip, } from '@wix/design-system';
 import { Add, LinkSmall, MoreSmall, Replace, Link, Delete, } from '@wix/wix-ui-icons-common';
 import { MEDIA_TYPES } from '../../utils/media-utils';
-import { useTranslations } from '../../hooks';
+import { useTranslations, useCellEditKeyboard } from '../../hooks';
 import { useMediaControl, usePasteURLForm, PasteURLForm, MediaFieldType, } from '../media-control';
 import { ImageThumbnail } from './image-thumbnail';
+import { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';
 export const CellImageEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, }) => {
     const { t } = useTranslations();
     const containerRef = useRef(null);
-    // Tracks whether onMediaChange fired during the current callMedia() invocation.
-    // Reset to false before each call; checked after the promise resolves to detect
-    // "dismissed without selection" so the in-progress edit can be cancelled.
-    const mediaCommittedRef = useRef(false);
     const onMediaChange = useCallback((uri) => {
-        mediaCommittedRef.current = true;
         onChange(uri);
         onCommit();
     }, [onChange, onCommit]);
@@ -24,12 +20,8 @@ export const CellImageEdit = ({ value, onChange, onCommit, onCancel, onStartEdit
     });
     const handleCallMedia = useCallback(async () => {
         onStartEdit?.();
-        mediaCommittedRef.current = false;
-        await callMedia();
-        // If the picker was dismissed without a selection, neither onCommit nor
-        // onCancel ran — call onCancel now so isEditing resets to false and
-        // useClearFocusOnBlur is unblocked.
-        if (!mediaCommittedRef.current) {
+        const committed = await callMedia();
+        if (!committed) {
             onCancel?.();
         }
     }, [onStartEdit, callMedia, onCancel]);
@@ -51,85 +43,11 @@ export const CellImageEdit = ({ value, onChange, onCommit, onCancel, onStartEdit
         onChange(null);
         onCommit();
     }, [onChange, onCommit]);
-    // Wire inputRef so the cell-level useEffect can focus the first button when
-    // the user presses Enter on a focused image cell (inner focus activation).
-    useEffect(() => {
-        if (!inputRef)
-            return;
-        inputRef.current = {
-            focus: () => {
-                const first = containerRef.current?.querySelectorAll('button')[0];
-                first?.focus();
-            },
-        };
-        return () => {
-            inputRef.current = null;
-        };
-    }, [inputRef]);
-    const handleContainerFocus = useCallback(() => {
-        containerRef.current?.setAttribute('data-inner-focused', '');
-    }, []);
-    const handleContainerBlur = useCallback((e) => {
-        if (!e.currentTarget.contains(e.relatedTarget)) {
-            containerRef.current?.removeAttribute('data-inner-focused');
-        }
-    }, []);
-    const focusCell = useCallback(() => {
-        const cellDiv = containerRef.current?.closest('[role="gridcell"]');
-        cellDiv?.focus({ preventScroll: true });
-    }, []);
-    // Native keydown listener — must be native (not React onKeyDown) so that
-    // e.stopPropagation() fires during the native bubble phase, before the event
-    // reaches the React root where useKeyboardNavigation's onKeyDown would
-    // otherwise intercept Tab and move to the next cell.
-    useEffect(() => {
-        const el = containerRef.current;
-        if (!el)
-            return;
-        const handleKeyDown = (e) => {
-            if (e.key === 'Escape') {
-                e.preventDefault();
-                e.stopPropagation();
-                // Cancel any in-progress edit (e.g. if isEditing was set before opening
-                // a modal that then got dismissed via keyboard), then return focus to the
-                // cell div. The useCellFocusAndEditing useEffect will also refocus the
-                // cell div if isEditing transitions false→false is a no-op, so we also
-                // call focusCell() directly as a reliable fallback.
-                onCancel?.();
-                focusCell();
-                return;
-            }
-            // Tab while a button in this component is focused: cycle through the
-            // interactive elements. Tab off the last (or Shift+Tab off the first)
-            // returns focus to the cell div for normal cell-level navigation.
-            if (e.key === 'Tab') {
-                const buttons = Array.from(el.querySelectorAll('button'));
-                const currentIdx = buttons.indexOf(document.activeElement);
-                if (currentIdx === -1)
-                    return; // focus is not on one of our buttons — pass through
-                e.preventDefault();
-                e.stopPropagation();
-                if (!e.shiftKey) {
-                    if (currentIdx >= buttons.length - 1) {
-                        focusCell();
-                    }
-                    else {
-                        buttons[currentIdx + 1]?.focus();
-                    }
-                }
-                else {
-                    if (currentIdx <= 0) {
-                        focusCell();
-                    }
-                    else {
-                        buttons[currentIdx - 1]?.focus();
-                    }
-                }
-            }
-        };
-        el.addEventListener('keydown', handleKeyDown);
-        return () => el.removeEventListener('keydown', handleKeyDown);
-    }, [focusCell, onCancel]);
+    const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
+        containerRef,
+        onCancel,
+        inputRef,
+    });
     if (loading) {
         return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", width: "100%", height: "100%", padding: "0 8px" },
             React.createElement(Loader, { size: "tiny" })));
@@ -149,16 +67,7 @@ export const CellImageEdit = ({ value, onChange, onCommit, onCancel, onStartEdit
                             padding: 0,
                         } },
                         React.createElement(ImageThumbnail, { value: value }),
-                        React.createElement("div", { style: {
-                                position: 'absolute',
-                                inset: 0,
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'center',
-                                background: 'rgba(0, 0, 0, 0.4)',
-                                borderRadius: '3px',
-                            } },
-                            React.createElement(Replace, { style: { color: 'white', width: '18px', height: '18px' } })))))) : (
+                        React.createElement(ThumbnailReplaceOverlay, null))))) : (
             /* Empty: icon button opens media manager */
             React.createElement(Tooltip, { content: t('CMS.image.add'), appendTo: "window" },
                 React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "image-edit-add-button", onClick: handleCallMedia },

package/dist/esm/components/image/cell-image-edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell-image-edit.js","sourceRoot":"","sources":["../../../../src/components/image/cell-image-edit.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"cell-image-edit.js","sourceRoot":"","sources":["../../../../src/components/image/cell-image-edit.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/image/image-thumbnail.js

@@ -2,10 +2,16 @@ import React from 'react';
 import { isMediaVideoURI, mediaURItoImageURL, ThumbnailSize, } from '../../auto-field-types';
 import { MediaImage } from '../media-image';
 import { CustomUrlOverlay, VideoIndicatorOverlay, } from '../media-image/overlays';
-export const ImageThumbnail = ({ value, onLoad, onError, onMouseEnter, onMouseLeave, dataHook, }) => {
+export const ImageThumbnail = ({ value, onLoad, onError, onMouseEnter, onMouseLeave, dataHook, showVideoIndicator = true, }) => {
     const src = value ? mediaURItoImageURL(value, ThumbnailSize.S) : undefined;
-    return (React.createElement("div", { "data-hook": dataHook, "data-empty": !value || undefined, style: { width: '36px', height: '36px', borderRadius: '3px', flexShrink: 0, position: 'relative' } },
-        React.createElement(MediaImage, { src: src, alt: "", suspended: true, borderRadius: "3px", transparent: true, size: ThumbnailSize.S, width: "36px", height: "36px", onLoad: onLoad, onError: onError, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, overlay: value && isMediaVideoURI(value) ? (React.createElement(VideoIndicatorOverlay, { src: value, size: "small" })) : (React.createElement(CustomUrlOverlay, { src: value, size: "small" })) })));
+    return (React.createElement("div", { "data-hook": dataHook, "data-empty": !value || undefined, style: {
+            width: '36px',
+            height: '36px',
+            borderRadius: '3px',
+            flexShrink: 0,
+            position: 'relative',
+        } },
+        React.createElement(MediaImage, { src: src, alt: "", suspended: true, borderRadius: "3px", transparent: true, size: ThumbnailSize.S, width: "36px", height: "36px", onLoad: onLoad, onError: onError, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, overlay: value && showVideoIndicator && isMediaVideoURI(value) ? (React.createElement(VideoIndicatorOverlay, { src: value, size: "small" })) : (React.createElement(CustomUrlOverlay, { src: value, size: "small" })) })));
 };
 ImageThumbnail.displayName = 'ImageThumbnail';
 //# sourceMappingURL=image-thumbnail.js.map

package/dist/esm/components/image/image-thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-thumbnail.js","sourceRoot":"","sources":["../../../../src/components/image/image-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,aAAa,GACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AAWjC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,0CACa,QAAQ,gBACP,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE;QAElG,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,QACT,YAAY,EAAC,KAAK,EAClB,WAAW,QACX,IAAI,EAAE,aAAa,CAAC,CAAC,EACrB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EACL,KAAK,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAChC,oBAAC,qBAAqB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAC9C,GAEH,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"image-thumbnail.js","sourceRoot":"","sources":["../../../../src/components/image/image-thumbnail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,aAAa,GACd,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AAYjC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EACL,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,kBAAkB,GAAG,IAAI,GAC1B,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,0CACa,QAAQ,gBACP,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,KAAK;YACnB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,UAAU;SACrB;QAED,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,QACT,YAAY,EAAC,KAAK,EAClB,WAAW,QACX,IAAI,EAAE,aAAa,CAAC,CAAC,EACrB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,OAAO,EACL,KAAK,IAAI,kBAAkB,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACtD,oBAAC,qBAAqB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,GAAG,CAC9C,GAEH,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esm/components/image/thumbnail-replace-overlay.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Replace } from '@wix/wix-ui-icons-common';
+import { classes } from './thumbnail-replace-overlay.st.css.js';
+export const ThumbnailReplaceOverlay = () => (React.createElement("div", { className: classes.root },
+    React.createElement(Replace, { className: classes.icon })));
+ThumbnailReplaceOverlay.displayName = 'ThumbnailReplaceOverlay';
+//# sourceMappingURL=thumbnail-replace-overlay.js.map

package/dist/esm/components/image/thumbnail-replace-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-replace-overlay.js","sourceRoot":"","sources":["../../../../src/components/image/thumbnail-replace-overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAEhE,MAAM,CAAC,MAAM,uBAAuB,GAAa,GAAG,EAAE,CAAC,CACrD,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI;IAC1B,oBAAC,OAAO,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,GAAI,CAChC,CACP,CAAC;AAEF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC"}

package/dist/esm/components/image/thumbnail-replace-overlay.st.css

@@ -0,0 +1,15 @@
+.root {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(0, 0, 0, 0.4);
+    border-radius: 3px;
+}
+
+.icon {
+    color: white;
+    width: 18px;
+    height: 18px;
+}

package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "thumbnailreplaceoverlay3138302508";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "thumbnailreplaceoverlay3138302508__root", "icon": "thumbnailreplaceoverlay3138302508__icon" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=thumbnail-replace-overlay.st.css.js.map

package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail-replace-overlay.st.css.js","sourceRoot":"","sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yCAAyC,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACzH,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/media-control/paste-url-button.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton2793897208";
+var _namespace_ = "pasteurlbutton1583106728";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "pasteurlbutton2793897208__root", "iconButtonTooltip": "pasteurlbutton2793897208__iconButtonTooltip", "iconButton": "pasteurlbutton2793897208__iconButton" };
+export var classes = { "root": "pasteurlbutton1583106728__root", "iconButtonTooltip": "pasteurlbutton1583106728__iconButtonTooltip", "iconButton": "pasteurlbutton1583106728__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-control/use-media-control.js

@@ -1,14 +1,13 @@
 import { useRef, useState, useEffect, useCallback } from 'react';
 import { dashboard } from '@wix/dashboard';
 import { files } from '@wix/media';
+import { MEDIA_TYPES } from '../../utils/media-utils';
 import { executeDownloading } from '../../utils/media-utils';
 import { getMediaURL } from '../../auto-field-types';
 const MEDIA_TYPE_TO_CATEGORY = {
-    IMAGE: 'IMAGE',
-    VIDEO: 'VIDEO',
-    MUSIC: 'MUSIC',
-    DOCUMENT: 'DOCUMENT',
-    ALL_MEDIA: undefined,
+    [MEDIA_TYPES.IMAGE]: 'IMAGE',
+    [MEDIA_TYPES.VIDEO]: 'VIDEO',
+    [MEDIA_TYPES.AUDIO]: 'MUSIC',
 };
 /**
  * Extracts a playable URL from media.audio, which may be:
@@ -75,10 +74,10 @@ export function useMediaControl({ mediaType, readOnly, autoFocus, initialLoading
     const onMediaLoad = useCallback(() => setLoading(false), []);
     const callMedia = useCallback(async (index) => {
         if (mediaRequested.current || readOnly) {
-            return;
+            return false;
         }
         if (!params.onChange) {
-            return;
+            return false;
         }
         mediaRequested.current = true;
         onFocus?.();
@@ -96,7 +95,7 @@ export function useMediaControl({ mediaType, readOnly, autoFocus, initialLoading
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const items = mediaManagerData?.items || mediaManagerData?.files;
             if (!items?.length) {
-                return;
+                return false;
             }
             if (params.multiSelect) {
                 const newURIs = items.map(extractMediaUri);
@@ -115,11 +114,13 @@ export function useMediaControl({ mediaType, readOnly, autoFocus, initialLoading
             else {
                 params.onChange(extractMediaUri(items[0]));
             }
+            return true;
         }
         catch (e) {
             setLoading(false);
             mediaRequested.current = false;
             console.error(`Media Control Error:`, e);
+            return false;
         }
     }, [
         mediaType,

package/dist/esm/components/media-control/use-media-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-media-control.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-media-control.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-media-control.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-media-control.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/media-gallery/cell-media-gallery-edit.js

@@ -0,0 +1,103 @@
+import React, { useCallback, useRef, useState } from 'react';
+import { AvatarGroup, Box, IconButton, PopoverMenu, Tooltip, } from '@wix/design-system';
+import { Add, MoreSmall, Refresh, Delete, Maximize, } from '@wix/wix-ui-icons-common';
+import { files } from '@wix/media';
+import { mediaURItoImageURL, ThumbnailSize, getMediaURL } from '../../auto-field-types';
+import { useTranslations, useCellEditKeyboard } from '../../hooks';
+import { executeDownloading } from '../../utils/media-utils';
+import { useMediaGalleryDialog } from './media-gallery-dialog/hooks';
+import { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';
+import { MediaPreviewModal } from './media-preview-modal';
+const mediaGalleryPreviewTextKeys = {
+    replace: 'CMS.mediaGallery.preview.replace',
+    download: 'CMS.mediaGallery.preview.download',
+    delete: 'CMS.mediaGallery.preview.delete',
+};
+export const CellMediaGalleryEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, }) => {
+    const { t } = useTranslations();
+    const containerRef = useRef(null);
+    const hasValue = Boolean(value?.length);
+    const [isPreviewOpen, setIsPreviewOpen] = useState(false);
+    // Tracks whether a commit happened during the current external-UI session.
+    // Prevents calling onCancel() after the user already committed (e.g., clear
+    // in the preview modal fires onClear then onClose, but we should not cancel).
+    const didCommitRef = useRef(false);
+    const avatarItems = (value ?? []).map((item) => ({
+        imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },
+    }));
+    const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({
+        initialOpen: false,
+        items: value ?? [],
+        onChange: (items) => {
+            didCommitRef.current = true;
+            onChange(items.length > 0 ? items : null);
+            onCommit();
+        },
+    });
+    const handleOpenGallery = useCallback(() => {
+        didCommitRef.current = false;
+        onStartEdit?.();
+        openMediaGalleryDialog();
+    }, [onStartEdit, openMediaGalleryDialog]);
+    const handleOpenPreview = useCallback(() => {
+        didCommitRef.current = false;
+        onStartEdit?.();
+        setIsPreviewOpen(true);
+    }, [onStartEdit]);
+    const handlePreviewClose = useCallback(() => {
+        setIsPreviewOpen(false);
+        if (!didCommitRef.current) {
+            onCancel?.();
+        }
+        didCommitRef.current = false;
+    }, [onCancel]);
+    const handlePreviewRequestMedia = useCallback(() => {
+        setIsPreviewOpen(false);
+        openMediaGalleryDialog();
+    }, [openMediaGalleryDialog]);
+    const handlePreviewClear = useCallback(() => {
+        didCommitRef.current = true;
+        onChange(null);
+        onCommit();
+    }, [onChange, onCommit]);
+    const handleClearAll = useCallback(() => {
+        onChange(null);
+        onCommit();
+    }, [onChange, onCommit]);
+    const onDownloadMedia = useCallback(async (mediaUri) => {
+        const uri = mediaUri ?? value?.[0]?.src;
+        if (!uri)
+            return;
+        try {
+            const result = await files.generateFileDownloadUrl(uri);
+            const downloadUrl = result.downloadUrls?.[0]?.url;
+            if (!downloadUrl)
+                throw new Error('No download URL returned');
+            executeDownloading(downloadUrl);
+        }
+        catch {
+            executeDownloading(getMediaURL(uri));
+        }
+    }, [value]);
+    const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
+        containerRef,
+        onCancel,
+        inputRef,
+    });
+    return (React.createElement("div", { ref: containerRef, "data-hook": dataHook, style: { width: '100%', height: '100%' }, onFocus: handleContainerFocus, onBlur: handleContainerBlur },
+        React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: "0 8px", style: { boxSizing: 'border-box' } },
+            hasValue ? (React.createElement(AvatarGroup, { items: avatarItems, size: "tiny", type: "condensed" })) : (React.createElement(Tooltip, { content: t('CMS.mediaGallery.addGallery'), appendTo: "window" },
+                React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "gallery-edit-add-button", onClick: handleOpenGallery },
+                    React.createElement(Add, null)))),
+            hasValue ? (React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", triggerElement: React.createElement(Tooltip, { content: t('auto-patterns.fields.more_actions_tooltip'), appendTo: "window" },
+                    React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "gallery-edit-more-button" },
+                        React.createElement(MoreSmall, null))) },
+                React.createElement(PopoverMenu.MenuItem, { dataHook: "gallery-edit-action-manage", text: t('CMS.mediaGallery.manageGallery'), prefixIcon: React.createElement(Refresh, null), onClick: handleOpenGallery }),
+                React.createElement(PopoverMenu.MenuItem, { dataHook: "gallery-edit-action-preview", text: t('CMS.mediaGallery.preview'), prefixIcon: React.createElement(Maximize, null), onClick: handleOpenPreview }),
+                React.createElement(PopoverMenu.Divider, null),
+                React.createElement(PopoverMenu.MenuItem, { dataHook: "gallery-edit-action-clear", text: t('CMS.mediaGallery.clear'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: handleClearAll }))) : null),
+        dialogProps.isOpen && React.createElement(MediaGalleryDialog, { ...dialogProps }),
+        React.createElement(MediaPreviewModal, { isOpen: isPreviewOpen, onClose: handlePreviewClose, value: (value ?? []).map((item) => item.src), onRequestMedia: handlePreviewRequestMedia, onClearMedia: handlePreviewClear, onDownloadMedia: onDownloadMedia, textKeys: mediaGalleryPreviewTextKeys })));
+};
+CellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';
+//# sourceMappingURL=cell-media-gallery-edit.js.map

package/dist/esm/components/media-gallery/cell-media-gallery-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-gallery-edit.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/media-gallery/cell-media-gallery-view.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AvatarGroup, Box } from '@wix/design-system';
+import { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';
+export function CellMediaGalleryView({ data, dataHook }) {
+    const items = (data ?? []).map((item) => ({
+        imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },
+    }));
+    return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", height: "100%", width: "100%", padding: "0 8px", overflow: "hidden" }, items.length > 0 ? (React.createElement(AvatarGroup, { items: items, size: "tiny", type: "condensed" })) : null));
+}
+CellMediaGalleryView.displayName = 'CellMediaGalleryView';
+//# sourceMappingURL=cell-media-gallery-view.js.map

package/dist/esm/components/media-gallery/cell-media-gallery-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-gallery-view.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/cell-media-gallery-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAQ3E,MAAM,UAAU,oBAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAA6B;IAChF,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QACxC,QAAQ,EAAE,EAAE,GAAG,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE;KACjE,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,QAAQ,IAEhB,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,WAAW,GAAG,CAC3D,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAC;AACJ,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formmediagalleryfield1817893524";
+var _namespace_ = "formmediagalleryfield896548020";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formmediagalleryfield1817893524__root", "container": "formmediagalleryfield1817893524__container", "viewBox": "formmediagalleryfield1817893524__viewBox", "addItemWrapper": "formmediagalleryfield1817893524__addItemWrapper", "addItem": "formmediagalleryfield1817893524__addItem", "overlay": "formmediagalleryfield1817893524__overlay", "image": "formmediagalleryfield1817893524__image", "previewImage": "formmediagalleryfield1817893524__previewImage", "previewVideo": "formmediagalleryfield1817893524__previewVideo" };
+export var classes = { "root": "formmediagalleryfield896548020__root", "container": "formmediagalleryfield896548020__container", "viewBox": "formmediagalleryfield896548020__viewBox", "addItemWrapper": "formmediagalleryfield896548020__addItemWrapper", "addItem": "formmediagalleryfield896548020__addItem", "overlay": "formmediagalleryfield896548020__overlay", "image": "formmediagalleryfield896548020__image", "previewImage": "formmediagalleryfield896548020__previewImage", "previewVideo": "formmediagalleryfield896548020__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};