@wix/patterns-fields 1.115.0 → 1.117.0

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-preview-popover.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Box, Popover } from '@wix/design-system';
+import { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';
+import { MediaImage } from '../media-image';
+/** A larger preview of the image, shown below the element it wraps. */
+export const ImagePreviewPopover = ({ src, shown, fluid, children, }) => (React.createElement(Popover, { showArrow: false, shown: shown, appendTo: "viewport", placement: "bottom-start", showDelay: 300, moveBy: { y: 4, x: 0 }, zIndex: 9999, fluid: fluid },
+    React.createElement(Popover.Element, null, children),
+    React.createElement(Popover.Content, null,
+        React.createElement(Box, { width: "204px", style: {
+                borderRadius: '3px',
+                overflow: 'hidden',
+                lineHeight: 0,
+            } },
+            React.createElement(MediaImage, { src: mediaURItoImageURL(src, ThumbnailSize.L), alt: "", fit: "contain", transparent: true, size: ThumbnailSize.L })))));
+ImagePreviewPopover.displayName = 'ImagePreviewPopover';
+//# sourceMappingURL=image-preview-popover.js.map

package/dist/esm/components/image/image-preview-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-preview-popover.js","sourceRoot":"","sources":["../../../../src/components/image/image-preview-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAS5C,uEAAuE;AACvE,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,GAAG,EACH,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IACN,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,GAAG,EACd,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACtB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,KAAK;IAEZ,oBAAC,OAAO,CAAC,OAAO,QAAE,QAAQ,CAAmB;IAC7C,oBAAC,OAAO,CAAC,OAAO;QACd,oBAAC,GAAG,IACF,KAAK,EAAC,OAAO,EACb,KAAK,EAAE;gBACL,YAAY,EAAE,KAAK;gBACnB,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,CAAC;aACd;YAED,oBAAC,UAAU,IACT,GAAG,EAAE,kBAAkB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,EAC7C,GAAG,EAAC,EAAE,EACN,GAAG,EAAC,SAAS,EACb,WAAW,QACX,IAAI,EAAE,aAAa,CAAC,CAAC,GACrB,CACE,CACU,CACV,CACX,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC"}

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

@@ -3,19 +3,18 @@ import { isMediaVideoURI, mediaURItoImageURL, ThumbnailSize, } from '../../auto-
 import { getImageSource } from '../../utils/get-image-source';
 import { MediaImage } from '../media-image';
 import { CustomUrlOverlay, VideoIndicatorOverlay, } from '../media-image/overlays';
-export const ImageThumbnail = ({ value: imageValue, onLoad, onError, onMouseEnter, onMouseLeave, dataHook, showVideoIndicator = true, size = 36, }) => {
+export const ImageThumbnail = ({ value: imageValue, onLoad, onError, onMouseEnter, onMouseLeave, dataHook, showVideoIndicator = true, size = 36, width = `${size}px`, height = `${size}px`, borderRadius = '3px', }) => {
     const value = getImageSource(imageValue);
     const src = value ? mediaURItoImageURL(value, ThumbnailSize.S) : undefined;
     const overlaySize = size <= 24 ? 'tiny' : 'small';
-    const px = `${size}px`;
     return (React.createElement("div", { "data-hook": dataHook, "data-empty": !value || undefined, style: {
-            width: px,
-            height: px,
-            borderRadius: '3px',
+            width,
+            height,
+            borderRadius,
             flexShrink: 0,
             position: 'relative',
         } },
-        React.createElement(MediaImage, { src: src, alt: "", suspended: true, borderRadius: "3px", transparent: true, size: ThumbnailSize.S, width: px, height: px, onLoad: onLoad, onError: onError, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, overlay: value && showVideoIndicator && isMediaVideoURI(value) ? (React.createElement(VideoIndicatorOverlay, { src: value, size: overlaySize })) : (React.createElement(CustomUrlOverlay, { src: value, size: overlaySize })) })));
+        React.createElement(MediaImage, { src: src, alt: "", suspended: true, borderRadius: borderRadius, transparent: true, size: ThumbnailSize.S, width: width, height: height, onLoad: onLoad, onError: onError, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, overlay: value && showVideoIndicator && isMediaVideoURI(value) ? (React.createElement(VideoIndicatorOverlay, { src: value, size: overlaySize })) : (React.createElement(CustomUrlOverlay, { src: value, size: overlaySize })) })));
 };
 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,cAAc,EAAoB,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AAajC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EAAE,UAAU,EACjB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,kBAAkB,GAAG,IAAI,EACzB,IAAI,GAAG,EAAE,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAClD,MAAM,EAAE,GAAG,GAAG,IAAI,IAAI,CAAC;IAEvB,OAAO,CACL,0CACa,QAAQ,gBACP,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE;YACL,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,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,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,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,EAAE,WAAW,GAAI,CACzD,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CACpD,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,cAAc,EAAoB,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EACL,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,yBAAyB,CAAC;AAgBjC,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,KAAK,EAAE,UAAU,EACjB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,kBAAkB,GAAG,IAAI,EACzB,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,GAAG,IAAI,IAAI,EACnB,MAAM,GAAG,GAAG,IAAI,IAAI,EACpB,YAAY,GAAG,KAAK,GACrB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3E,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAElD,OAAO,CACL,0CACa,QAAQ,gBACP,CAAC,KAAK,IAAI,SAAS,EAC/B,KAAK,EAAE;YACL,KAAK;YACL,MAAM;YACN,YAAY;YACZ,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,UAAU;SACrB;QAED,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,SAAS,QACT,YAAY,EAAE,YAAY,EAC1B,WAAW,QACX,IAAI,EAAE,aAAa,CAAC,CAAC,EACrB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,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,EAAE,WAAW,GAAI,CACzD,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAI,CACpD,GAEH,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -1,8 +1,7 @@
 import React, { useState, useCallback } from 'react';
-import { Box, Popover } from '@wix/design-system';
-import { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';
+import { Box } from '@wix/design-system';
 import { getImageSource } from '../../utils/get-image-source';
-import { MediaImage } from '../media-image';
+import { ImagePreviewPopover } from './image-preview-popover';
 import { ImageThumbnail } from './image-thumbnail';
 export const ImageView = ({ value: imageValue, dataHook, size, }) => {
     const value = getImageSource(imageValue);
@@ -10,16 +9,8 @@ export const ImageView = ({ value: imageValue, dataHook, size, }) => {
     const showPreview = useCallback(() => setIsPreviewShown(true), []);
     const hidePreview = useCallback(() => setIsPreviewShown(false), []);
     return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", padding: "0 8px", height: "100%", width: "100%" },
-        React.createElement(Box, { minWidth: "0", style: { flex: 1 } }, value ? (React.createElement(Popover, { showArrow: false, shown: isPreviewShown, appendTo: "viewport", placement: "bottom-start", showDelay: 300, moveBy: { y: 4, x: 0 }, zIndex: 9999, fluid: true },
-            React.createElement(Popover.Element, null,
-                React.createElement(ImageThumbnail, { value: value, size: size, dataHook: "image-thumbnail", onMouseEnter: showPreview, onMouseLeave: hidePreview })),
-            React.createElement(Popover.Content, null,
-                React.createElement(Box, { width: "204px", style: {
-                        borderRadius: '3px',
-                        overflow: 'hidden',
-                        lineHeight: 0,
-                    } },
-                    React.createElement(MediaImage, { src: mediaURItoImageURL(value, ThumbnailSize.L), alt: "", fit: "contain", transparent: true, size: ThumbnailSize.L }))))) : (React.createElement(ImageThumbnail, { value: value, size: size, dataHook: "image-thumbnail" })))));
+        React.createElement(Box, { minWidth: "0", style: { flex: 1 } }, value ? (React.createElement(ImagePreviewPopover, { src: value, shown: isPreviewShown, fluid: true },
+            React.createElement(ImageThumbnail, { value: value, size: size, dataHook: "image-thumbnail", onMouseEnter: showPreview, onMouseLeave: hidePreview }))) : (React.createElement(ImageThumbnail, { value: value, size: size, dataHook: "image-thumbnail" })))));
 };
 ImageView.displayName = 'ImageView';
 //# sourceMappingURL=image-view.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"image-view.js","sourceRoot":"","sources":["../../../../src/components/image/image-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAoB,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQnD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,EAAE,UAAU,EACjB,QAAQ,EACR,IAAI,GACL,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM;QAEZ,oBAAC,GAAG,IAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IACjC,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,OAAO,IACN,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAC,UAAU,EACnB,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,GAAG,EACd,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EACtB,MAAM,EAAE,IAAI,EACZ,KAAK;YAEL,oBAAC,OAAO,CAAC,OAAO;gBACd,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,iBAAiB,EAC1B,YAAY,EAAE,WAAW,EACzB,YAAY,EAAE,WAAW,GACzB,CACc;YAClB,oBAAC,OAAO,CAAC,OAAO;gBACd,oBAAC,GAAG,IACF,KAAK,EAAC,OAAO,EACb,KAAK,EAAE;wBACL,YAAY,EAAE,KAAK;wBACnB,QAAQ,EAAE,QAAQ;wBAClB,UAAU,EAAE,CAAC;qBACd;oBAED,oBAAC,UAAU,IACT,GAAG,EAAE,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAC/C,GAAG,EAAC,EAAE,EACN,GAAG,EAAC,SAAS,EACb,WAAW,QACX,IAAI,EAAE,aAAa,CAAC,CAAC,GACrB,CACE,CACU,CACV,CACX,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,iBAAiB,GAAG,CACxE,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"image-view.js","sourceRoot":"","sources":["../../../../src/components/image/image-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAoB,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQnD,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,EAAE,UAAU,EACjB,QAAQ,EACR,IAAI,GACL,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,CAAC;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACnE,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM;QAEZ,oBAAC,GAAG,IAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IACjC,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,mBAAmB,IAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK;YAC3D,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,iBAAiB,EAC1B,YAAY,EAAE,WAAW,EACzB,YAAY,EAAE,WAAW,GACzB,CACkB,CACvB,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,iBAAiB,GAC1B,CACH,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "thumbnailreplaceoverlay1352123798";
+var _namespace_ = "thumbnailreplaceoverlay1763365333";
 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": "thumbnailreplaceoverlay1352123798__root", "icon": "thumbnailreplaceoverlay1352123798__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay1763365333__root", "icon": "thumbnailreplaceoverlay1763365333__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/index.js

@@ -23,6 +23,7 @@ export * from './boolean';
 export * from './number-input';
 export * from './url';
 export * from './image';
+export * from './media-image-field';
 export * from './reference';
 export * from './field-validation-settings';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC"}

package/dist/esm/components/media-control/cell-media-edit-shell.js

@@ -9,15 +9,13 @@ import { classes } from './cell-media-edit-shell.st.css.js';
  * `useCellEditKeyboard`), the inner flex Box, and the PasteURLForm modal at the
  * end. Consumers supply only the inner primary/secondary controls via children.
  */
-export const CellMediaEditShell = ({ dataHook, mediaEdit, value, fieldType, gap, children, }) => {
+export const CellMediaEditShell = ({ dataHook, mediaEdit, fieldType, gap, padding = '0 8px', children, }) => {
     const { containerRef, loading, handleContainerFocus, handleContainerBlur, pasteUrlForm, } = mediaEdit;
-    if (loading) {
-        return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", width: "100%", height: "100%", padding: "0 8px" },
-            React.createElement(Loader, { dataHook: "loader", size: "tiny" })));
-    }
+    // The loader renders inside the container: `useCellEditKeyboard` attaches
+    // its key listener to the container element once.
     return (React.createElement("div", { ref: containerRef, "data-hook": dataHook, className: classes.root, onFocus: handleContainerFocus, onBlur: handleContainerBlur },
-        React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: "0 8px", gap: gap, style: { boxSizing: 'border-box' } }, children),
-        React.createElement(PasteURLForm, { title: pasteUrlForm.title, value: value ?? undefined, show: pasteUrlForm.isOpen, closeModal: pasteUrlForm.handleClose, onSave: pasteUrlForm.onSave, fieldType: fieldType })));
+        React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: loading ? '0 8px' : padding, gap: gap, style: { boxSizing: 'border-box' } }, loading ? React.createElement(Loader, { dataHook: "loader", size: "tiny" }) : children),
+        React.createElement(PasteURLForm, { title: pasteUrlForm.title, value: pasteUrlForm.value, show: pasteUrlForm.isOpen, closeModal: pasteUrlForm.handleClose, onSave: pasteUrlForm.onSave, fieldType: fieldType })));
 };
 CellMediaEditShell.displayName = 'CellMediaEditShell';
 //# sourceMappingURL=cell-media-edit-shell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"cell-media-edit-shell.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAkB,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AA2B5D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,EACT,GAAG,EACH,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,YAAY,EACZ,OAAO,EACP,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,GACb,GAAG,SAAS,CAAC;IAEd,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,OAAO;YAEf,oBAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,GAAG,CACpC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,YAAY,eACN,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,mBAAmB;QAE3B,oBAAC,GAAG,IACF,KAAK,EAAC,eAAe,EACrB,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,OAAO,EACf,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,IAEjC,QAAQ,CACL;QAEN,oBAAC,YAAY,IACX,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,UAAU,EAAE,YAAY,CAAC,WAAW,EACpC,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,SAAS,EAAE,SAAS,GACpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"cell-media-edit-shell.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAGjD,OAAO,EAAE,YAAY,EAAkB,MAAM,kBAAkB,CAAC;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AA0B5D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,EACH,OAAO,GAAG,OAAO,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EACJ,YAAY,EACZ,OAAO,EACP,oBAAoB,EACpB,mBAAmB,EACnB,YAAY,GACb,GAAG,SAAS,CAAC;IAEd,0EAA0E;IAC1E,kDAAkD;IAClD,OAAO,CACL,6BACE,GAAG,EAAE,YAAY,eACN,QAAQ,EACnB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,oBAAoB,EAC7B,MAAM,EAAE,mBAAmB;QAE3B,oBAAC,GAAG,IACF,KAAK,EAAC,eAAe,EACrB,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAC,MAAM,EACb,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACpC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,IAEjC,OAAO,CAAC,CAAC,CAAC,oBAAC,MAAM,IAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,CAC1D;QAEN,oBAAC,YAAY,IACX,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,KAAK,EAAE,YAAY,CAAC,KAAK,EACzB,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,UAAU,EAAE,YAAY,CAAC,WAAW,EACpC,MAAM,EAAE,YAAY,CAAC,MAAM,EAC3B,SAAS,EAAE,SAAS,GACpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC"}

package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmediaeditshell2355752670";
+var _namespace_ = "cellmediaeditshell4153330898";
 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": "cellmediaeditshell2355752670__root" };
+export var classes = { "root": "cellmediaeditshell4153330898__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "pasteurlbutton3327095583";
+var _namespace_ = "pasteurlbutton531298721";
 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": "pasteurlbutton3327095583__root", "iconButtonTooltip": "pasteurlbutton3327095583__iconButtonTooltip", "iconButton": "pasteurlbutton3327095583__iconButton" };
+export var classes = { "root": "pasteurlbutton531298721__root", "iconButtonTooltip": "pasteurlbutton531298721__iconButtonTooltip", "iconButton": "pasteurlbutton531298721__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,mBAAmB,EAAC,6CAA6C,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACrL,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"}
+{"version":3,"file":"paste-url-button.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,mBAAmB,EAAC,4CAA4C,EAAC,YAAY,EAAC,qCAAqC,EAAC,CAAC;AAClL,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/use-cell-media-edit.js

@@ -1,42 +1,54 @@
 import { useCallback, useRef } from 'react';
 import { useCellEditKeyboard } from '../../hooks';
 import { useMediaControl } from './use-media-control';
-import { useMediaHandlers } from './use-media-handlers';
 import { usePasteURLForm } from './use-paste-url-form';
-/**
- * Shared state + handlers for single-value media cell edit components
- * (image / document / audio / video / …). Each consumer renders its own
- * primary/secondary content; this hook owns the wiring to useMediaControl,
- * usePasteURLForm, useCellEditKeyboard, and the standard onCommit/onCancel
- * dance.
- */
-export function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCancel, onStartEdit, inputRef, }) {
+const sameUri = (uri) => uri;
+export function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCancel, onStartEdit, inputRef, fromPick = sameUri, fromUrl = sameUri, commitOnPick = true, }) {
     const containerRef = useRef(null);
-    const onMediaChange = useCallback((uri) => {
-        onChange(uri);
-        onCommit();
-    }, [onChange, onCommit]);
+    // The media manager and the URL form call back after they close, so they
+    // read the value from here rather than from the render that opened them.
+    const latestValue = useRef(value);
+    latestValue.current = value;
+    const applied = useRef(false);
+    const apply = useCallback((next) => {
+        applied.current = true;
+        // The URL form closes right after it saves, before the next render.
+        latestValue.current = next;
+        onChange(next);
+        if (commitOnPick) {
+            onCommit();
+        }
+    }, [onChange, onCommit, commitOnPick]);
+    const onPick = useCallback((uri) => {
+        const next = fromPick(uri, latestValue.current);
+        if (next !== null) {
+            apply(next);
+        }
+    }, [fromPick, apply]);
+    const onUrlSave = useCallback((url) => apply(fromUrl(url, latestValue.current)), [fromUrl, apply]);
     const { callMedia, downloadMedia, loading } = useMediaControl({
         mediaType,
-        value: value ?? undefined,
-        onChange: onMediaChange,
-    });
-    const { handleReplace: handleCallMedia, handleDelete } = useMediaHandlers({
-        value,
-        callMedia,
-        downloadMedia,
-        onChange,
-        onCommit,
-        onStartEdit,
-        onCancel,
-    });
-    const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({
-        onChange: onMediaChange,
+        onChange: onPick,
     });
+    const handleCallMedia = useCallback(async () => {
+        onStartEdit?.();
+        applied.current = false;
+        await callMedia();
+        if (!applied.current && (commitOnPick || latestValue.current === null)) {
+            onCancel?.();
+        }
+    }, [onStartEdit, callMedia, commitOnPick, onCancel]);
+    const handleDelete = useCallback(() => {
+        onChange(null);
+        onCommit();
+    }, [onChange, onCommit]);
+    const { isOpen, title, value: pasteUrlValue, onOpen, onClose, onSave, } = usePasteURLForm({ onChange: onUrlSave });
     const handleFormClose = useCallback(() => {
         onClose();
-        onCancel?.();
-    }, [onClose, onCancel]);
+        if (commitOnPick || latestValue.current === null) {
+            onCancel?.();
+        }
+    }, [onClose, commitOnPick, onCancel]);
     const startEditAndOpenPasteUrl = useCallback((params) => () => {
         onStartEdit?.();
         onOpen(params)();
@@ -54,7 +66,13 @@ export function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCance
         handleCallMedia,
         handleDelete,
         startEditAndOpenPasteUrl,
-        pasteUrlForm: { isOpen, title, onSave, handleClose: handleFormClose },
+        pasteUrlForm: {
+            isOpen,
+            title,
+            value: pasteUrlValue,
+            onSave,
+            handleClose: handleFormClose,
+        },
         handleContainerFocus,
         handleContainerBlur,
     };

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

@@ -1 +1 @@
-{"version":3,"file":"use-cell-media-edit.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AA6CvD;;;;;;GAMG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,GACe;IACvB,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,GAAW,EAAE,EAAE;QACd,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,QAAQ,EAAE,CAAC;IACb,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,eAAe,CAAC;QAC5D,SAAS;QACT,KAAK,EAAE,KAAK,IAAI,SAAS;QACzB,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAAC;QACxE,KAAK;QACL,SAAS;QACT,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC;QACjE,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAExB,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,MAAyC,EAAE,EAAE,CAAC,GAAG,EAAE;QAClD,WAAW,EAAE,EAAE,CAAC;QAChB,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;IACnB,CAAC,EACD,CAAC,WAAW,EAAE,MAAM,CAAC,CACtB,CAAC;IAEF,MAAM,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,GAAG,mBAAmB,CAAC;QACxE,YAAY;QACZ,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO;QACL,YAAY;QACZ,OAAO;QACP,SAAS;QACT,aAAa;QACb,eAAe;QACf,YAAY;QACZ,wBAAwB;QACxB,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE;QACrE,oBAAoB;QACpB,mBAAmB;KACpB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"use-cell-media-edit.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-cell-media-edit.ts"],"names":[],"mappings":"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"}

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_ = "formmediagalleryfield1913190078";
+var _namespace_ = "formmediagalleryfield903826005";
 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": "formmediagalleryfield1913190078__root", "container": "formmediagalleryfield1913190078__container", "viewBox": "formmediagalleryfield1913190078__viewBox", "addItemWrapper": "formmediagalleryfield1913190078__addItemWrapper", "addItem": "formmediagalleryfield1913190078__addItem", "overlay": "formmediagalleryfield1913190078__overlay", "image": "formmediagalleryfield1913190078__image", "previewImage": "formmediagalleryfield1913190078__previewImage", "previewVideo": "formmediagalleryfield1913190078__previewVideo" };
+export var classes = { "root": "formmediagalleryfield903826005__root", "container": "formmediagalleryfield903826005__container", "viewBox": "formmediagalleryfield903826005__viewBox", "addItemWrapper": "formmediagalleryfield903826005__addItemWrapper", "addItem": "formmediagalleryfield903826005__addItem", "overlay": "formmediagalleryfield903826005__overlay", "image": "formmediagalleryfield903826005__image", "previewImage": "formmediagalleryfield903826005__previewImage", "previewVideo": "formmediagalleryfield903826005__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-media-gallery-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,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,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,+CAA+C,EAAC,CAAC;AAChhB,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"}
+{"version":3,"file":"form-media-gallery-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,WAAW,EAAC,2CAA2C,EAAC,SAAS,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,gDAAgD,EAAC,SAAS,EAAC,yCAAyC,EAAC,SAAS,EAAC,yCAAyC,EAAC,OAAO,EAAC,uCAAuC,EAAC,cAAc,EAAC,8CAA8C,EAAC,cAAc,EAAC,8CAA8C,EAAC,CAAC;AACvgB,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-image/media-image.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage3055775166";
+var _namespace_ = "mediaimage3328930349";
 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": "mediaimage3055775166__root" };
+export var classes = { "root": "mediaimage3328930349__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export 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": "--mediaimage3055775166-from", "to": "--mediaimage3055775166-to" };
+export 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": "--mediaimage3328930349-from", "to": "--mediaimage3328930349-to" };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/components/media-image/overlays/overlay.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay3480378917";
+var _namespace_ = "overlay3008863944";
 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": "overlay3480378917__root", "iconOverlay": "overlay3480378917__iconOverlay" };
+export var classes = { "root": "overlay3008863944__root", "iconOverlay": "overlay3008863944__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,159 @@
+import React, { useCallback, useEffect, useState } from 'react';
+import { Box, FormField, IconButton, Input, Popover, PopoverMenu, Tooltip, } from '@wix/design-system';
+import { Add, Delete, Download, Link, LinkSmall, Maximize, MoreSmall, Replace, } from '@wix/wix-ui-icons-common/lazy';
+import { ThumbnailSize } from '../../auto-field-types';
+import { useTranslations } from '../../hooks';
+import { getImageSource } from '../../utils/get-image-source';
+import { fromImageUrl, fromMediaManagerPick, isExternalMediaImage, replaceImage, toMediaImageValue, withAltText, } from '../../utils/media-image-value';
+import { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';
+import { CellMediaEditShell, MediaFieldType, useCellMediaEdit, } from '../media-control';
+import { MediaPreviewModal } from '../media-gallery/media-preview-modal';
+import { MediaImage } from '../media-image';
+import { MediaImageView } from './media-image-view';
+import { st, classes } from './cell-media-image-edit.st.css.js';
+const imageFromUrl = (url, current) => replaceImage(current, fromImageUrl(url));
+/** WDS shows the menu's open state only to its trigger, so the trigger
+ *  reports it. */
+const MenuTrigger = ({ isOpen, toggle, buttonRef, onOpenChange, ariaLabel, }) => {
+    useEffect(() => {
+        onOpenChange(isOpen);
+    }, [isOpen, onOpenChange]);
+    return (React.createElement(IconButton, { ref: buttonRef, size: "small", skin: "light", priority: "secondary", dataHook: "media-image-edit-more-button", ariaLabel: ariaLabel, "aria-haspopup": "menu", "aria-expanded": isOpen, onClick: toggle },
+        React.createElement(MoreSmall, null)));
+};
+/**
+ * Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL
+ * buttons. A cell with an image opens a popover with the image and its alt
+ * text. Changes go to `onChange` as they happen and are committed once, when
+ * the popover closes.
+ */
+export const CellMediaImageEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, }) => {
+    const { t } = useTranslations();
+    const image = toMediaImageValue(value);
+    const src = getImageSource(image);
+    // 'none' once committed.
+    const [popoverLayer, setPopoverLayer] = useState('popover');
+    const mediaEdit = useCellMediaEdit({
+        mediaType: MEDIA_TYPES.IMAGE,
+        value: image,
+        onChange,
+        onCommit,
+        onCancel,
+        onStartEdit,
+        inputRef,
+        fromPick: fromMediaManagerPick,
+        fromUrl: imageFromUrl,
+        commitOnPick: false,
+    });
+    const { loading, pasteUrlForm, handleCallMedia, handleDelete, downloadMedia, } = mediaEdit;
+    const closePasteUrl = pasteUrlForm.handleClose;
+    // The media manager and the URL form sit above the popover layers.
+    const openLayer = loading
+        ? 'loading'
+        : pasteUrlForm.isOpen
+            ? 'pasteUrl'
+            : image
+                ? popoverLayer
+                : 'none';
+    const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({
+        title: t('CMS.image.replaceWithUrl.title'),
+        value: isExternalMediaImage(image) ? image.url : undefined,
+    });
+    const handleDownload = useCallback(() => {
+        // The Media Manager can't make a download link for an external URL.
+        if (isExternalMediaImage(image)) {
+            executeDownloading(image.url);
+        }
+        else if (src) {
+            downloadMedia(src);
+        }
+    }, [src, image, downloadMedia]);
+    const commit = useCallback(() => {
+        setPopoverLayer('none');
+        onCommit();
+    }, [onCommit]);
+    // Picking Preview sets its own layer, which closing the menu must not undo.
+    const handleMenuOpenChange = useCallback((isOpen) => {
+        setPopoverLayer((layer) => {
+            if (isOpen) {
+                return 'menu';
+            }
+            return layer === 'menu' ? 'popover' : layer;
+        });
+    }, []);
+    // Fires on mouseup, before the click that closes a menu or a modal, so
+    // `openLayer` still says what was open.
+    const handleClickOutside = useCallback(() => {
+        if (openLayer === 'popover') {
+            commit();
+        }
+    }, [openLayer, commit]);
+    useEffect(() => {
+        // WDS closes the menu on Escape and stops the event there.
+        if (openLayer === 'none' ||
+            openLayer === 'loading' ||
+            openLayer === 'menu') {
+            return;
+        }
+        // Capture phase, so the table doesn't cancel the edit first.
+        const handleKeyDown = (e) => {
+            if (e.key !== 'Escape') {
+                return;
+            }
+            e.stopPropagation();
+            if (openLayer === 'pasteUrl') {
+                closePasteUrl();
+            }
+            else if (openLayer === 'preview') {
+                setPopoverLayer('popover');
+            }
+            else {
+                commit();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown, true);
+        return () => document.removeEventListener('keydown', handleKeyDown, true);
+    }, [openLayer, closePasteUrl, commit]);
+    const emptyActions = (React.createElement(React.Fragment, null,
+        React.createElement(Tooltip, { content: t('CMS.image.add'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "media-image-edit-add-button", ariaLabel: t('CMS.image.add'), onClick: handleCallMedia },
+                React.createElement(Add, null))),
+        React.createElement(Tooltip, { content: t('CMS.image.replaceWithUrl.button'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "media-image-edit-paste-url-button", ariaLabel: t('CMS.image.replaceWithUrl.button'), onClick: openPasteUrl },
+                React.createElement(LinkSmall, null)))));
+    // One return for both states, so the shell and its container stay mounted
+    // when a pick fills an empty cell.
+    return (React.createElement(React.Fragment, null,
+        React.createElement(CellMediaEditShell, { dataHook: dataHook, mediaEdit: mediaEdit, fieldType: MediaFieldType.image, padding: image ? '0' : undefined }, !image ? (emptyActions) : (React.createElement("div", { className: classes.view },
+            React.createElement(MediaImageView, { value: image }),
+            React.createElement("div", { className: classes.anchor },
+                React.createElement(Popover, { shown: popoverLayer !== 'none', appendTo: "window", placement: "bottom-start", moveBy: { x: 0, y: 4 }, zIndex: 5001, animate: true, flip: true, fixed: false, onClickOutside: handleClickOutside },
+                    React.createElement(Popover.Element, null,
+                        React.createElement("div", { className: classes.anchorBox })),
+                    React.createElement(Popover.Content, null,
+                        React.createElement(Box, { dataHook: "media-image-edit-popover", className: classes.popoverContent, direction: "vertical", gap: "SP3", padding: "SP3" },
+                            React.createElement(FormField, { label: t('CMS.image.thumbnail.label') },
+                                React.createElement("div", { className: classes.image },
+                                    React.createElement(MediaImage, { dataHook: "media-image-edit-image", src: src, alt: "", fit: "cover", transparent: true, size: ThumbnailSize.L, width: "180px", height: "180px", borderRadius: "0" }),
+                                    React.createElement("div", { className: st(classes.imageActions, {
+                                            menuOpen: popoverLayer === 'menu',
+                                        }) },
+                                        React.createElement(Tooltip, { content: t('CMS.image.replace'), appendTo: "window" },
+                                            React.createElement(IconButton, { size: "small", skin: "light", priority: "secondary", dataHook: "media-image-edit-replace-button", ariaLabel: t('CMS.image.replace'), onClick: handleCallMedia },
+                                                React.createElement(Replace, null))),
+                                        React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", zIndex: 5002, triggerElement: ({ isOpen, toggle, ref }) => (React.createElement(MenuTrigger, { isOpen: isOpen, toggle: toggle, buttonRef: ref, onOpenChange: handleMenuOpenChange, ariaLabel: t('auto-patterns.fields.more_actions_tooltip') })) },
+                                            React.createElement(PopoverMenu.MenuItem, { dataHook: "media-image-edit-action-replace-url", text: t('CMS.image.replaceWithUrl.button'), prefixIcon: React.createElement(Link, null), onClick: openPasteUrl }),
+                                            React.createElement(PopoverMenu.MenuItem, { dataHook: "media-image-edit-action-preview", text: t('CMS.mediaGallery.preview'), prefixIcon: React.createElement(Maximize, null), onClick: () => setPopoverLayer('preview') }),
+                                            React.createElement(PopoverMenu.MenuItem, { dataHook: "media-image-edit-action-download", text: t('CMS.image.download'), prefixIcon: React.createElement(Download, null), onClick: handleDownload }),
+                                            React.createElement(PopoverMenu.Divider, null),
+                                            React.createElement(PopoverMenu.MenuItem, { dataHook: "media-image-edit-action-delete", text: t('CMS.image.clear'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: handleDelete }))))),
+                            React.createElement(FormField, { label: t('CMS.image.altText.label') },
+                                React.createElement(Input, { dataHook: "media-image-edit-alt-input", size: "small", value: image.altText ?? '', placeholder: t('CMS.image.altText.inputPlaceholder'), onChange: (e) => onChange(withAltText(image, e.target.value)), onEnterPressed: commit }))))))))),
+        image && (React.createElement(MediaPreviewModal, { isOpen: popoverLayer === 'preview', value: src, onClose: () => setPopoverLayer('popover'), onRequestMedia: handleCallMedia, onClearMedia: handleDelete, onDownloadMedia: handleDownload, textKeys: {
+                replace: 'CMS.image.replace',
+                download: 'CMS.image.download',
+                delete: 'CMS.image.clear',
+            } }))));
+};
+CellMediaImageEdit.displayName = 'CellMediaImageEdit';
+//# sourceMappingURL=cell-media-image-edit.js.map

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

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