@wix/patterns-fields 1.116.0 → 1.118.0

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

@@ -17,37 +17,39 @@ const ImageThumbnail = ({
   onMouseLeave,
   dataHook,
   showVideoIndicator = true,
-  size = 36
+  size = 36,
+  width = `${size}px`,
+  height = `${size}px`,
+  borderRadius = '3px'
 }) => {
   const value = (0, _getImageSource.getImageSource)(imageValue);
   const src = value ? (0, _autoFieldTypes.mediaURItoImageURL)(value, _autoFieldTypes.ThumbnailSize.S) : undefined;
   const overlaySize = size <= 24 ? 'tiny' : 'small';
-  const px = `${size}px`;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": dataHook,
     "data-empty": !value || undefined,
     style: {
-      width: px,
-      height: px,
-      borderRadius: '3px',
+      width,
+      height,
+      borderRadius,
       flexShrink: 0,
       position: 'relative'
     },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 46,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
     src: src,
     alt: "",
     suspended: true,
-    borderRadius: "3px",
+    borderRadius: borderRadius,
     transparent: true,
     size: _autoFieldTypes.ThumbnailSize.S,
-    width: px,
-    height: px,
+    width: width,
+    height: height,
     onLoad: onLoad,
     onError: onError,
     onMouseEnter: onMouseEnter,
@@ -58,7 +60,7 @@ const ImageThumbnail = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 67,
+        lineNumber: 72,
         columnNumber: 13
       }
     }) : /*#__PURE__*/_react.default.createElement(_overlays.CustomUrlOverlay, {
@@ -67,14 +69,14 @@ const ImageThumbnail = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 69,
+        lineNumber: 74,
         columnNumber: 13
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 57,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_getImageSource","_mediaImage","_overlays","_jsxFileName","ImageThumbnail","value","imageValue","onLoad","onError","onMouseEnter","onMouseLeave","dataHook","showVideoIndicator","size","getImageSource","src","mediaURItoImageURL","ThumbnailSize","S","undefined","overlaySize","px","default","createElement","style","width","height","borderRadius","flexShrink","position","__self","__source","fileName","lineNumber","columnNumber","MediaImage","alt","suspended","transparent","overlay","isMediaVideoURI","VideoIndicatorOverlay","CustomUrlOverlay","exports","displayName"],"sources":["../../../../src/components/image/image-thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  isMediaVideoURI,\n  mediaURItoImageURL,\n  ThumbnailSize,\n} from '../../auto-field-types';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { MediaImage } from '../media-image';\nimport {\n  CustomUrlOverlay,\n  VideoIndicatorOverlay,\n} from '../media-image/overlays';\n\nexport interface ImageThumbnailProps {\n  value?: ImageSource;\n  onLoad?: () => void;\n  onError?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  dataHook?: string;\n  showVideoIndicator?: boolean;\n  size?: number;\n}\n\nexport const ImageThumbnail: React.FC<ImageThumbnailProps> = ({\n  value: imageValue,\n  onLoad,\n  onError,\n  onMouseEnter,\n  onMouseLeave,\n  dataHook,\n  showVideoIndicator = true,\n  size = 36,\n}) => {\n  const value = getImageSource(imageValue);\n  const src = value ? mediaURItoImageURL(value, ThumbnailSize.S) : undefined;\n  const overlaySize = size <= 24 ? 'tiny' : 'small';\n  const px = `${size}px`;\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-empty={!value || undefined}\n      style={{\n        width: px,\n        height: px,\n        borderRadius: '3px',\n        flexShrink: 0,\n        position: 'relative',\n      }}\n    >\n      <MediaImage\n        src={src}\n        alt=\"\"\n        suspended\n        borderRadius=\"3px\"\n        transparent\n        size={ThumbnailSize.S}\n        width={px}\n        height={px}\n        onLoad={onLoad}\n        onError={onError}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        overlay={\n          value && showVideoIndicator && isMediaVideoURI(value) ? (\n            <VideoIndicatorOverlay src={value} size={overlaySize} />\n          ) : (\n            <CustomUrlOverlay src={value} size={overlaySize} />\n          )\n        }\n      />\n    </div>\n  );\n};\n\nImageThumbnail.displayName = 'ImageThumbnail';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAGiC,IAAAK,YAAA;AAa1B,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,KAAK,EAAEC,UAAU;EACjBC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC,QAAQ;EACRC,kBAAkB,GAAG,IAAI;EACzBC,IAAI,GAAG;AACT,CAAC,KAAK;EACJ,MAAMR,KAAK,GAAG,IAAAS,8BAAc,EAACR,UAAU,CAAC;EACxC,MAAMS,GAAG,GAAGV,KAAK,GAAG,IAAAW,kCAAkB,EAACX,KAAK,EAAEY,6BAAa,CAACC,CAAC,CAAC,GAAGC,SAAS;EAC1E,MAAMC,WAAW,GAAGP,IAAI,IAAI,EAAE,GAAG,MAAM,GAAG,OAAO;EACjD,MAAMQ,EAAE,GAAG,GAAGR,IAAI,IAAI;EAEtB,oBACEjB,MAAA,CAAA0B,OAAA,CAAAC,aAAA;IACE,aAAWZ,QAAS;IACpB,cAAY,CAACN,KAAK,IAAIc,SAAU;IAChCK,KAAK,EAAE;MACLC,KAAK,EAAEJ,EAAE;MACTK,MAAM,EAAEL,EAAE;MACVM,YAAY,EAAE,KAAK;MACnBC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE;IACZ,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,WAAA,CAAAkC,UAAU;IACTpB,GAAG,EAAEA,GAAI;IACTqB,GAAG,EAAC,EAAE;IACNC,SAAS;IACTV,YAAY,EAAC,KAAK;IAClBW,WAAW;IACXzB,IAAI,EAAEI,6BAAa,CAACC,CAAE;IACtBO,KAAK,EAAEJ,EAAG;IACVK,MAAM,EAAEL,EAAG;IACXd,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3B6B,OAAO,EACLlC,KAAK,IAAIO,kBAAkB,IAAI,IAAA4B,+BAAe,EAACnC,KAAK,CAAC,gBACnDT,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,SAAA,CAAAuC,qBAAqB;MAAC1B,GAAG,EAAEV,KAAM;MAACQ,IAAI,EAAEO,WAAY;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAExDtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,SAAA,CAAAwC,gBAAgB;MAAC3B,GAAG,EAAEV,KAAM;MAACQ,IAAI,EAAEO,WAAY;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAErD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACE,CAAC;AAEV,CAAC;AAACS,OAAA,CAAAvC,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACwC,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_getImageSource","_mediaImage","_overlays","_jsxFileName","ImageThumbnail","value","imageValue","onLoad","onError","onMouseEnter","onMouseLeave","dataHook","showVideoIndicator","size","width","height","borderRadius","getImageSource","src","mediaURItoImageURL","ThumbnailSize","S","undefined","overlaySize","default","createElement","style","flexShrink","position","__self","__source","fileName","lineNumber","columnNumber","MediaImage","alt","suspended","transparent","overlay","isMediaVideoURI","VideoIndicatorOverlay","CustomUrlOverlay","exports","displayName"],"sources":["../../../../src/components/image/image-thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  isMediaVideoURI,\n  mediaURItoImageURL,\n  ThumbnailSize,\n} from '../../auto-field-types';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { MediaImage } from '../media-image';\nimport {\n  CustomUrlOverlay,\n  VideoIndicatorOverlay,\n} from '../media-image/overlays';\n\nexport interface ImageThumbnailProps {\n  value?: ImageSource;\n  onLoad?: () => void;\n  onError?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  dataHook?: string;\n  showVideoIndicator?: boolean;\n  size?: number;\n  width?: string;\n  height?: string;\n  borderRadius?: string;\n}\n\nexport const ImageThumbnail: React.FC<ImageThumbnailProps> = ({\n  value: imageValue,\n  onLoad,\n  onError,\n  onMouseEnter,\n  onMouseLeave,\n  dataHook,\n  showVideoIndicator = true,\n  size = 36,\n  width = `${size}px`,\n  height = `${size}px`,\n  borderRadius = '3px',\n}) => {\n  const value = getImageSource(imageValue);\n  const src = value ? mediaURItoImageURL(value, ThumbnailSize.S) : undefined;\n  const overlaySize = size <= 24 ? 'tiny' : 'small';\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-empty={!value || undefined}\n      style={{\n        width,\n        height,\n        borderRadius,\n        flexShrink: 0,\n        position: 'relative',\n      }}\n    >\n      <MediaImage\n        src={src}\n        alt=\"\"\n        suspended\n        borderRadius={borderRadius}\n        transparent\n        size={ThumbnailSize.S}\n        width={width}\n        height={height}\n        onLoad={onLoad}\n        onError={onError}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        overlay={\n          value && showVideoIndicator && isMediaVideoURI(value) ? (\n            <VideoIndicatorOverlay src={value} size={overlaySize} />\n          ) : (\n            <CustomUrlOverlay src={value} size={overlaySize} />\n          )\n        }\n      />\n    </div>\n  );\n};\n\nImageThumbnail.displayName = 'ImageThumbnail';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAGiC,IAAAK,YAAA;AAgB1B,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,KAAK,EAAEC,UAAU;EACjBC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC,QAAQ;EACRC,kBAAkB,GAAG,IAAI;EACzBC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,GAAGD,IAAI,IAAI;EACnBE,MAAM,GAAG,GAAGF,IAAI,IAAI;EACpBG,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAMX,KAAK,GAAG,IAAAY,8BAAc,EAACX,UAAU,CAAC;EACxC,MAAMY,GAAG,GAAGb,KAAK,GAAG,IAAAc,kCAAkB,EAACd,KAAK,EAAEe,6BAAa,CAACC,CAAC,CAAC,GAAGC,SAAS;EAC1E,MAAMC,WAAW,GAAGV,IAAI,IAAI,EAAE,GAAG,MAAM,GAAG,OAAO;EAEjD,oBACEjB,MAAA,CAAA4B,OAAA,CAAAC,aAAA;IACE,aAAWd,QAAS;IACpB,cAAY,CAACN,KAAK,IAAIiB,SAAU;IAChCI,KAAK,EAAE;MACLZ,KAAK;MACLC,MAAM;MACNC,YAAY;MACZW,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE;IACZ,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACxB,WAAA,CAAAiC,UAAU;IACThB,GAAG,EAAEA,GAAI;IACTiB,GAAG,EAAC,EAAE;IACNC,SAAS;IACTpB,YAAY,EAAEA,YAAa;IAC3BqB,WAAW;IACXxB,IAAI,EAAEO,6BAAa,CAACC,CAAE;IACtBP,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfR,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3B4B,OAAO,EACLjC,KAAK,IAAIO,kBAAkB,IAAI,IAAA2B,+BAAe,EAAClC,KAAK,CAAC,gBACnDT,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,SAAA,CAAAsC,qBAAqB;MAACtB,GAAG,EAAEb,KAAM;MAACQ,IAAI,EAAEU,WAAY;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5B,YAAA;QAAA6B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAExDrC,MAAA,CAAA4B,OAAA,CAAAC,aAAA,CAACvB,SAAA,CAAAuC,gBAAgB;MAACvB,GAAG,EAAEb,KAAM;MAACQ,IAAI,EAAEU,WAAY;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA5B,YAAA;QAAA6B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAErD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACE,CAAC;AAEV,CAAC;AAACS,OAAA,CAAAtC,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACuC,WAAW,GAAG,gBAAgB","ignoreList":[]}

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

@@ -4,9 +4,8 @@ exports.__esModule = true;
 exports.ImageView = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _autoFieldTypes = require("../../auto-field-types");
 var _getImageSource = require("../../utils/get-image-source");
-var _mediaImage = require("../media-image");
+var _imagePreviewPopover = require("./image-preview-popover");
 var _imageThumbnail = require("./image-thumbnail");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/image/image-view.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -28,7 +27,7 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 25,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -39,34 +38,19 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 32,
       columnNumber: 7
     }
-  }, value ? /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
-    showArrow: false,
+  }, value ? /*#__PURE__*/_react.default.createElement(_imagePreviewPopover.ImagePreviewPopover, {
+    src: value,
     shown: isPreviewShown,
-    appendTo: "viewport",
-    placement: "bottom-start",
-    showDelay: 300,
-    moveBy: {
-      y: 4,
-      x: 0
-    },
-    zIndex: 9999,
     fluid: true,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 34,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 45,
-      columnNumber: 13
-    }
   }, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
     value: value,
     size: size,
@@ -76,49 +60,17 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
-      columnNumber: 15
-    }
-  })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 35,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    width: "204px",
-    style: {
-      borderRadius: '3px',
-      overflow: 'hidden',
-      lineHeight: 0
-    },
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 55,
-      columnNumber: 15
-    }
-  }, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
-    src: (0, _autoFieldTypes.mediaURItoImageURL)(value, _autoFieldTypes.ThumbnailSize.L),
-    alt: "",
-    fit: "contain",
-    transparent: true,
-    size: _autoFieldTypes.ThumbnailSize.L,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 63,
-      columnNumber: 17
-    }
-  })))) : /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
+  })) : /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
     value: value,
     size: size,
     dataHook: "image-thumbnail",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 44,
       columnNumber: 11
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoFieldTypes","_getImageSource","_mediaImage","_imageThumbnail","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageView","value","imageValue","dataHook","size","getImageSource","isPreviewShown","setIsPreviewShown","useState","showPreview","useCallback","hidePreview","createElement","Box","verticalAlign","padding","height","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","style","flex","Popover","showArrow","shown","appendTo","placement","showDelay","moveBy","y","x","zIndex","fluid","Element","ImageThumbnail","onMouseEnter","onMouseLeave","Content","borderRadius","overflow","lineHeight","MediaImage","src","mediaURItoImageURL","ThumbnailSize","L","alt","fit","transparent","exports","displayName"],"sources":["../../../../src/components/image/image-view.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { Box, Popover } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { MediaImage } from '../media-image';\nimport { ImageThumbnail } from './image-thumbnail';\n\nexport interface ImageViewProps {\n  value: ImageSource;\n  dataHook?: string;\n  size?: number;\n}\n\nexport const ImageView: React.FC<ImageViewProps> = ({\n  value: imageValue,\n  dataHook,\n  size,\n}) => {\n  const value = getImageSource(imageValue);\n  const [isPreviewShown, setIsPreviewShown] = useState(false);\n\n  const showPreview = useCallback(() => setIsPreviewShown(true), []);\n  const hidePreview = useCallback(() => setIsPreviewShown(false), []);\n\n  return (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <Box minWidth=\"0\" style={{ flex: 1 }}>\n        {value ? (\n          <Popover\n            showArrow={false}\n            shown={isPreviewShown}\n            appendTo=\"viewport\"\n            placement=\"bottom-start\"\n            showDelay={300}\n            moveBy={{ y: 4, x: 0 }}\n            zIndex={9999}\n            fluid\n          >\n            <Popover.Element>\n              <ImageThumbnail\n                value={value}\n                size={size}\n                dataHook=\"image-thumbnail\"\n                onMouseEnter={showPreview}\n                onMouseLeave={hidePreview}\n              />\n            </Popover.Element>\n            <Popover.Content>\n              <Box\n                width=\"204px\"\n                style={{\n                  borderRadius: '3px',\n                  overflow: 'hidden',\n                  lineHeight: 0,\n                }}\n              >\n                <MediaImage\n                  src={mediaURItoImageURL(value, ThumbnailSize.L)}\n                  alt=\"\"\n                  fit=\"contain\"\n                  transparent\n                  size={ThumbnailSize.L}\n                />\n              </Box>\n            </Popover.Content>\n          </Popover>\n        ) : (\n          <ImageThumbnail value={value} size={size} dataHook=\"image-thumbnail\" />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nImageView.displayName = 'ImageView';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_getImageSource","_imagePreviewPopover","_imageThumbnail","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageView","value","imageValue","dataHook","size","getImageSource","isPreviewShown","setIsPreviewShown","useState","showPreview","useCallback","hidePreview","createElement","Box","verticalAlign","padding","height","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","style","flex","ImagePreviewPopover","src","shown","fluid","ImageThumbnail","onMouseEnter","onMouseLeave","exports","displayName"],"sources":["../../../../src/components/image/image-view.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { Box } from '@wix/design-system';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { ImagePreviewPopover } from './image-preview-popover';\nimport { ImageThumbnail } from './image-thumbnail';\n\nexport interface ImageViewProps {\n  value: ImageSource;\n  dataHook?: string;\n  size?: number;\n}\n\nexport const ImageView: React.FC<ImageViewProps> = ({\n  value: imageValue,\n  dataHook,\n  size,\n}) => {\n  const value = getImageSource(imageValue);\n  const [isPreviewShown, setIsPreviewShown] = useState(false);\n\n  const showPreview = useCallback(() => setIsPreviewShown(true), []);\n  const hidePreview = useCallback(() => setIsPreviewShown(false), []);\n\n  return (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <Box minWidth=\"0\" style={{ flex: 1 }}>\n        {value ? (\n          <ImagePreviewPopover src={value} shown={isPreviewShown} fluid>\n            <ImageThumbnail\n              value={value}\n              size={size}\n              dataHook=\"image-thumbnail\"\n              onMouseEnter={showPreview}\n              onMouseLeave={hidePreview}\n            />\n          </ImagePreviewPopover>\n        ) : (\n          <ImageThumbnail\n            value={value}\n            size={size}\n            dataHook=\"image-thumbnail\"\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nImageView.displayName = 'ImageView';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "thumbnailreplaceoverlay2137226672";
+var _namespace_ = "thumbnailreplaceoverlay1457233069";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "thumbnailreplaceoverlay2137226672__root",
-  "icon": "thumbnailreplaceoverlay2137226672__icon"
+  "root": "thumbnailreplaceoverlay1457233069__root",
+  "icon": "thumbnailreplaceoverlay1457233069__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay2137226672\";\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\":\"thumbnailreplaceoverlay2137226672__root\",\"icon\":\"thumbnailreplaceoverlay2137226672__icon\"};\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,mCAAmC;AACrD,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay1457233069\";\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\":\"thumbnailreplaceoverlay1457233069__root\",\"icon\":\"thumbnailreplaceoverlay1457233069__icon\"};\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,mCAAmC;AACrD,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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":[]}

package/dist/cjs/components/index.js

@@ -151,6 +151,12 @@ Object.keys(_image).forEach(function (key) {
   if (key in exports && exports[key] === _image[key]) return;
   exports[key] = _image[key];
 });
+var _mediaImageField = require("./media-image-field");
+Object.keys(_mediaImageField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _mediaImageField[key]) return;
+  exports[key] = _mediaImageField[key];
+});
 var _reference = require("./reference");
 Object.keys(_reference).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"names":["_address","require","Object","keys","forEach","key","exports","_array","_audio","_common","_exclamation","_timeInput","_timeView","_jsonInput","_object","_mediaGallery","_richContent","_richText","_text","_video","_document","_multiDocument","_colorView","_dateInput","_datetimeInput","_deleteDialog","_email","_boolean","_numberInput","_url","_image","_reference","_fieldValidationSettings"],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './address';\nexport * from './array';\nexport * from './audio';\nexport * from './common';\nexport * from './exclamation';\nexport * from './time-input';\nexport * from './time-view';\nexport * from './json-input';\nexport * from './object';\nexport * from './media-gallery';\nexport * from './rich-content';\nexport * from './rich-text';\nexport * from './text';\nexport * from './video';\nexport * from './document';\nexport * from './multi-document';\nexport * from './color-view';\nexport * from './date-input';\nexport * from './datetime-input';\nexport * from './delete-dialog';\nexport * from './email';\nexport * from './boolean';\nexport * from './number-input';\nexport * from './url';\nexport * from './image';\nexport * from './reference';\nexport * from './field-validation-settings';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_address","require","Object","keys","forEach","key","exports","_array","_audio","_common","_exclamation","_timeInput","_timeView","_jsonInput","_object","_mediaGallery","_richContent","_richText","_text","_video","_document","_multiDocument","_colorView","_dateInput","_datetimeInput","_deleteDialog","_email","_boolean","_numberInput","_url","_image","_mediaImageField","_reference","_fieldValidationSettings"],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './address';\nexport * from './array';\nexport * from './audio';\nexport * from './common';\nexport * from './exclamation';\nexport * from './time-input';\nexport * from './time-view';\nexport * from './json-input';\nexport * from './object';\nexport * from './media-gallery';\nexport * from './rich-content';\nexport * from './rich-text';\nexport * from './text';\nexport * from './video';\nexport * from './document';\nexport * from './multi-document';\nexport * from './color-view';\nexport * from './date-input';\nexport * from './datetime-input';\nexport * from './delete-dialog';\nexport * from './email';\nexport * from './boolean';\nexport * from './number-input';\nexport * from './url';\nexport * from './image';\nexport * from './media-image-field';\nexport * from './reference';\nexport * from './field-validation-settings';\n"],"mappings":"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","ignoreList":[]}

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

@@ -18,9 +18,9 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/c
 const CellMediaEditShell = ({
   dataHook,
   mediaEdit,
-  value,
   fieldType,
   gap,
+  padding = '0 8px',
   children
 }) => {
   const {
@@ -30,30 +30,9 @@ const CellMediaEditShell = ({
     handleContainerBlur,
     pasteUrlForm
   } = mediaEdit;
-  if (loading) {
-    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      dataHook: dataHook,
-      verticalAlign: "middle",
-      width: "100%",
-      height: "100%",
-      padding: "0 8px",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 58,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
-      dataHook: "loader",
-      size: "tiny",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 65,
-        columnNumber: 9
-      }
-    }));
-  }
+
+  // The loader renders inside the container: `useCellEditKeyboard` attaches
+  // its key listener to the container element once.
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-hook": dataHook,
@@ -63,14 +42,14 @@ const CellMediaEditShell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 58,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     align: "space-between",
     verticalAlign: "middle",
     height: "100%",
-    padding: "0 8px",
+    padding: loading ? '0 8px' : padding,
     gap: gap,
     style: {
       boxSizing: 'border-box'
@@ -78,12 +57,21 @@ const CellMediaEditShell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 65,
       columnNumber: 7
     }
-  }, children), /*#__PURE__*/_react.default.createElement(_pasteUrlForm.PasteURLForm, {
+  }, loading ? /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+    dataHook: "loader",
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 20
+    }
+  }) : children), /*#__PURE__*/_react.default.createElement(_pasteUrlForm.PasteURLForm, {
     title: pasteUrlForm.title,
-    value: value ?? undefined,
+    value: pasteUrlForm.value,
     show: pasteUrlForm.isOpen,
     closeModal: pasteUrlForm.handleClose,
     onSave: pasteUrlForm.onSave,
@@ -91,7 +79,7 @@ const CellMediaEditShell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 76,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_pasteUrlForm","_cellMediaEditShellStCss","_jsxFileName","CellMediaEditShell","dataHook","mediaEdit","value","fieldType","gap","children","containerRef","loading","handleContainerFocus","handleContainerBlur","pasteUrlForm","default","createElement","Box","verticalAlign","width","height","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","ref","className","classes","root","onFocus","onBlur","align","style","boxSizing","PasteURLForm","title","undefined","show","isOpen","closeModal","handleClose","onSave","exports","displayName"],"sources":["../../../../src/components/media-control/cell-media-edit-shell.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport type { BoxCssSizingProperty } from '@wix/design-system/dist/types/Box/Box.types';\n\nimport { PasteURLForm, MediaFieldType } from './paste-url-form';\nimport { classes } from './cell-media-edit-shell.st.css.js';\nimport type { UseCellMediaEditResult } from './use-cell-media-edit';\n\nexport interface CellMediaEditShellProps {\n  dataHook?: string;\n  /**\n   * The result of `useCellMediaEdit`; the shell reads containerRef, loading,\n   * the focus/blur handlers, and the pasteUrlForm props from it.\n   */\n  mediaEdit: Pick<\n    UseCellMediaEditResult,\n    | 'containerRef'\n    | 'loading'\n    | 'handleContainerFocus'\n    | 'handleContainerBlur'\n    | 'pasteUrlForm'\n  >;\n  /** Current cell value — forwarded to PasteURLForm as the pre-filled value. */\n  value: string | null;\n  /** Which validator/placeholder strings the PasteURLForm should use. */\n  fieldType: MediaFieldType;\n  /** Optional gap between the primary slot and the secondary actions. */\n  gap?: BoxCssSizingProperty;\n  /** Inner content — typically two slots: primary cell content + secondary actions. */\n  children: React.ReactNode;\n}\n\n/**\n * Outer scaffolding shared by single-value media cell edit components.\n *\n * Renders the loading state, the focus-managed container (wired for\n * `useCellEditKeyboard`), the inner flex Box, and the PasteURLForm modal at the\n * end. Consumers supply only the inner primary/secondary controls via children.\n */\nexport const CellMediaEditShell: React.FC<CellMediaEditShellProps> = ({\n  dataHook,\n  mediaEdit,\n  value,\n  fieldType,\n  gap,\n  children,\n}) => {\n  const {\n    containerRef,\n    loading,\n    handleContainerFocus,\n    handleContainerBlur,\n    pasteUrlForm,\n  } = mediaEdit;\n\n  if (loading) {\n    return (\n      <Box\n        dataHook={dataHook}\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        height=\"100%\"\n        padding=\"0 8px\"\n      >\n        <Loader dataHook=\"loader\" size=\"tiny\" />\n      </Box>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      className={classes.root}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        gap={gap}\n        style={{ boxSizing: 'border-box' }}\n      >\n        {children}\n      </Box>\n\n      <PasteURLForm\n        title={pasteUrlForm.title}\n        value={value ?? undefined}\n        show={pasteUrlForm.isOpen}\n        closeModal={pasteUrlForm.handleClose}\n        onSave={pasteUrlForm.onSave}\n        fieldType={fieldType}\n      />\n    </div>\n  );\n};\n\nCellMediaEditShell.displayName = 'CellMediaEditShell';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAA4D,IAAAI,YAAA;AA2B5D;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAqD,GAAGA,CAAC;EACpEC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,SAAS;EACTC,GAAG;EACHC;AACF,CAAC,KAAK;EACJ,MAAM;IACJC,YAAY;IACZC,OAAO;IACPC,oBAAoB;IACpBC,mBAAmB;IACnBC;EACF,CAAC,GAAGT,SAAS;EAEb,IAAIM,OAAO,EAAE;IACX,oBACEf,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;MACFb,QAAQ,EAAEA,QAAS;MACnBc,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,MAAM;MACZC,MAAM,EAAC,MAAM;MACbC,OAAO,EAAC,OAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEf9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA4B,MAAM;MAACvB,QAAQ,EAAC,QAAQ;MAACwB,IAAI,EAAC,MAAM;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpC,CAAC;EAEV;EAEA,oBACE9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IACEa,GAAG,EAAEnB,YAAa;IAClB,aAAWN,QAAS;IACpB0B,SAAS,EAAEC,gCAAO,CAACC,IAAK;IACxBC,OAAO,EAAErB,oBAAqB;IAC9BsB,MAAM,EAAErB,mBAAoB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5B9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,GAAG;IACFkB,KAAK,EAAC,eAAe;IACrBjB,aAAa,EAAC,QAAQ;IACtBE,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC,OAAO;IACfb,GAAG,EAAEA,GAAI;IACT4B,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAa,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElCjB,QACE,CAAC,eAENb,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAsC,YAAY;IACXC,KAAK,EAAEzB,YAAY,CAACyB,KAAM;IAC1BjC,KAAK,EAAEA,KAAK,IAAIkC,SAAU;IAC1BC,IAAI,EAAE3B,YAAY,CAAC4B,MAAO;IAC1BC,UAAU,EAAE7B,YAAY,CAAC8B,WAAY;IACrCC,MAAM,EAAE/B,YAAY,CAAC+B,MAAO;IAC5BtC,SAAS,EAAEA,SAAU;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtB,CACE,CAAC;AAEV,CAAC;AAACoB,OAAA,CAAA3C,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAAC4C,WAAW,GAAG,oBAAoB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_pasteUrlForm","_cellMediaEditShellStCss","_jsxFileName","CellMediaEditShell","dataHook","mediaEdit","fieldType","gap","padding","children","containerRef","loading","handleContainerFocus","handleContainerBlur","pasteUrlForm","default","createElement","ref","className","classes","root","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","height","style","boxSizing","Loader","size","PasteURLForm","title","value","show","isOpen","closeModal","handleClose","onSave","exports","displayName"],"sources":["../../../../src/components/media-control/cell-media-edit-shell.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport type { BoxCssSizingProperty } from '@wix/design-system/dist/types/Box/Box.types';\n\nimport { PasteURLForm, MediaFieldType } from './paste-url-form';\nimport { classes } from './cell-media-edit-shell.st.css.js';\nimport type { UseCellMediaEditResult } from './use-cell-media-edit';\n\nexport interface CellMediaEditShellProps {\n  dataHook?: string;\n  /**\n   * The result of `useCellMediaEdit`; the shell reads containerRef, loading,\n   * the focus/blur handlers, and the pasteUrlForm props from it.\n   */\n  mediaEdit: Pick<\n    UseCellMediaEditResult,\n    | 'containerRef'\n    | 'loading'\n    | 'handleContainerFocus'\n    | 'handleContainerBlur'\n    | 'pasteUrlForm'\n  >;\n  /** Which validator/placeholder strings the PasteURLForm should use. */\n  fieldType: MediaFieldType;\n  /** Optional gap between the primary slot and the secondary actions. */\n  gap?: BoxCssSizingProperty;\n  padding?: BoxCssSizingProperty;\n  /** Inner content — typically two slots: primary cell content + secondary actions. */\n  children: React.ReactNode;\n}\n\n/**\n * Outer scaffolding shared by single-value media cell edit components.\n *\n * Renders the loading state, the focus-managed container (wired for\n * `useCellEditKeyboard`), the inner flex Box, and the PasteURLForm modal at the\n * end. Consumers supply only the inner primary/secondary controls via children.\n */\nexport const CellMediaEditShell: React.FC<CellMediaEditShellProps> = ({\n  dataHook,\n  mediaEdit,\n  fieldType,\n  gap,\n  padding = '0 8px',\n  children,\n}) => {\n  const {\n    containerRef,\n    loading,\n    handleContainerFocus,\n    handleContainerBlur,\n    pasteUrlForm,\n  } = mediaEdit;\n\n  // The loader renders inside the container: `useCellEditKeyboard` attaches\n  // its key listener to the container element once.\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      className={classes.root}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding={loading ? '0 8px' : padding}\n        gap={gap}\n        style={{ boxSizing: 'border-box' }}\n      >\n        {loading ? <Loader dataHook=\"loader\" size=\"tiny\" /> : children}\n      </Box>\n\n      <PasteURLForm\n        title={pasteUrlForm.title}\n        value={pasteUrlForm.value}\n        show={pasteUrlForm.isOpen}\n        closeModal={pasteUrlForm.handleClose}\n        onSave={pasteUrlForm.onSave}\n        fieldType={fieldType}\n      />\n    </div>\n  );\n};\n\nCellMediaEditShell.displayName = 'CellMediaEditShell';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,wBAAA,GAAAH,OAAA;AAA4D,IAAAI,YAAA;AA0B5D;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAqD,GAAGA,CAAC;EACpEC,QAAQ;EACRC,SAAS;EACTC,SAAS;EACTC,GAAG;EACHC,OAAO,GAAG,OAAO;EACjBC;AACF,CAAC,KAAK;EACJ,MAAM;IACJC,YAAY;IACZC,OAAO;IACPC,oBAAoB;IACpBC,mBAAmB;IACnBC;EACF,CAAC,GAAGT,SAAS;;EAEb;EACA;EACA,oBACET,MAAA,CAAAmB,OAAA,CAAAC,aAAA;IACEC,GAAG,EAAEP,YAAa;IAClB,aAAWN,QAAS;IACpBc,SAAS,EAAEC,gCAAO,CAACC,IAAK;IACxBC,OAAO,EAAET,oBAAqB;IAC9BU,MAAM,EAAET,mBAAoB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE5B/B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA6B,GAAG;IACFC,KAAK,EAAC,eAAe;IACrBC,aAAa,EAAC,QAAQ;IACtBC,MAAM,EAAC,MAAM;IACbvB,OAAO,EAAEG,OAAO,GAAG,OAAO,GAAGH,OAAQ;IACrCD,GAAG,EAAEA,GAAI;IACTyB,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAa,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElChB,OAAO,gBAAGf,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAmC,MAAM;IAAC9B,QAAQ,EAAC,QAAQ;IAAC+B,IAAI,EAAC,MAAM;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAGlB,QACnD,CAAC,eAENb,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAoC,YAAY;IACXC,KAAK,EAAEvB,YAAY,CAACuB,KAAM;IAC1BC,KAAK,EAAExB,YAAY,CAACwB,KAAM;IAC1BC,IAAI,EAAEzB,YAAY,CAAC0B,MAAO;IAC1BC,UAAU,EAAE3B,YAAY,CAAC4B,WAAY;IACrCC,MAAM,EAAE7B,YAAY,CAAC6B,MAAO;IAC5BrC,SAAS,EAAEA,SAAU;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtB,CACE,CAAC;AAEV,CAAC;AAACiB,OAAA,CAAAzC,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAAC0C,WAAW,GAAG,oBAAoB","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmediaeditshell3194598000";
+var _namespace_ = "cellmediaeditshell2558708225";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellmediaeditshell3194598000__root"
+  "root": "cellmediaeditshell2558708225__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell3194598000\";\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\":\"cellmediaeditshell3194598000__root\"};\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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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":[]}
+{"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-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell2558708225\";\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\":\"cellmediaeditshell2558708225__root\"};\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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton2330833856";
+var _namespace_ = "pasteurlbutton3407064295";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "pasteurlbutton2330833856__root",
-  "iconButtonTooltip": "pasteurlbutton2330833856__iconButtonTooltip",
-  "iconButton": "pasteurlbutton2330833856__iconButton"
+  "root": "pasteurlbutton3407064295__root",
+  "iconButtonTooltip": "pasteurlbutton3407064295__iconButtonTooltip",
+  "iconButton": "pasteurlbutton3407064295__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton2330833856\";\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\":\"pasteurlbutton2330833856__root\",\"iconButtonTooltip\":\"pasteurlbutton2330833856__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton2330833856__iconButton\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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":[]}
+{"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-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton3407064295\";\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\":\"pasteurlbutton3407064295__root\",\"iconButtonTooltip\":\"pasteurlbutton3407064295__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton3407064295__iconButton\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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":[]}