npm - @wix/patterns-fields - Versions diffs - 1.117.0 → 1.120.0 - Mend

@wix/patterns-fields 1.117.0 → 1.120.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (198) hide show

package/dist/cjs/components/media-image/media-image.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~mediaimage3328930349~~\";\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\":\"~~mediaimage3328930349__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--~~mediaimage3328930349~~-from\",\"to\":\"--~~mediaimage3328930349~~-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage2118127339\";\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\":\"mediaimage2118127339__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage2118127339-from\",\"to\":\"--mediaimage2118127339-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/overlay.st.css.js CHANGED Viewed

@@ -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_ = "overlay3008863944";
+var _namespace_ = "overlay2146945399";
 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": "overlay3008863944__root",
-  "iconOverlay": "overlay3008863944__iconOverlay"
+  "root": "overlay2146945399__root",
+  "iconOverlay": "overlay2146945399__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~overlay3008863944~~\";\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\":\"~~overlay3008863944__root~~\",\"iconOverlay\":\"~~overlay3008863944__iconOverlay~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay2146945399\";\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\":\"overlay2146945399__root\",\"iconOverlay\":\"overlay2146945399__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image-field/cell-media-image-edit.js CHANGED Viewed

@@ -253,8 +253,10 @@ const CellMediaImageEdit = ({
       lineNumber: 262,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
-    shown: popoverLayer !== 'none',
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover
+  // Modals open at WDS's z-index 5000, under this popover.
+  , {
+    shown: openLayer === 'popover' || openLayer === 'menu',
     appendTo: "window",
     placement: "bottom-start",
     moveBy: {
@@ -276,7 +278,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 275,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -284,14 +286,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 276,
       columnNumber: 19
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 277,
+      lineNumber: 278,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -303,7 +305,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 278,
+      lineNumber: 279,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -311,7 +313,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 285,
+      lineNumber: 286,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -319,7 +321,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 286,
+      lineNumber: 287,
       columnNumber: 23
     }
   }, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
@@ -335,7 +337,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 287,
+      lineNumber: 288,
       columnNumber: 25
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -345,7 +347,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 299,
       columnNumber: 25
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -354,7 +356,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 303,
+      lineNumber: 304,
       columnNumber: 27
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -367,14 +369,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 308,
       columnNumber: 29
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 315,
+      lineNumber: 316,
       columnNumber: 31
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
@@ -394,14 +396,14 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 323,
+        lineNumber: 324,
         columnNumber: 31
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318,
+      lineNumber: 319,
       columnNumber: 27
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -411,7 +413,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 337,
+        lineNumber: 338,
         columnNumber: 43
       }
     }),
@@ -419,7 +421,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 334,
+      lineNumber: 335,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -429,7 +431,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 343,
+        lineNumber: 344,
         columnNumber: 43
       }
     }),
@@ -437,7 +439,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 340,
+      lineNumber: 341,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -447,7 +449,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 349,
+        lineNumber: 350,
         columnNumber: 43
       }
     }),
@@ -455,14 +457,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 346,
+      lineNumber: 347,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 352,
+      lineNumber: 353,
       columnNumber: 29
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -473,7 +475,7 @@ const CellMediaImageEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 357,
+        lineNumber: 358,
         columnNumber: 43
       }
     }),
@@ -481,7 +483,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 353,
+      lineNumber: 354,
       columnNumber: 29
     }
   }))))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -489,7 +491,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 364,
+      lineNumber: 365,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -502,7 +504,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 365,
+      lineNumber: 366,
       columnNumber: 23
     }
   })))))))), image && /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
@@ -520,7 +522,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 384,
+      lineNumber: 385,
       columnNumber: 9
     }
   }));

package/dist/cjs/components/media-image-field/cell-media-image-edit.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_getImageSource","_mediaImageValue","_mediaUtils","_mediaControl","_mediaPreviewModal","_mediaImage","_mediaImageView","_cellMediaImageEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFromUrl","url","current","replaceImage","fromImageUrl","MenuTrigger","isOpen","toggle","buttonRef","onOpenChange","ariaLabel","useEffect","createElement","IconButton","ref","size","skin","priority","dataHook","onClick","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","CellMediaImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","useTranslations","image","toMediaImageValue","src","getImageSource","popoverLayer","setPopoverLayer","useState","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","fromPick","fromMediaManagerPick","fromUrl","commitOnPick","loading","pasteUrlForm","handleCallMedia","handleDelete","downloadMedia","closePasteUrl","handleClose","openLayer","openPasteUrl","startEditAndOpenPasteUrl","title","isExternalMediaImage","undefined","handleDownload","useCallback","executeDownloading","commit","handleMenuOpenChange","layer","handleClickOutside","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","emptyActions","Fragment","Tooltip","content","appendTo","Add","LinkSmall","CellMediaEditShell","fieldType","MediaFieldType","padding","className","classes","view","MediaImageView","anchor","Popover","shown","placement","moveBy","x","y","zIndex","animate","flip","fixed","onClickOutside","Element","anchorBox","Content","Box","popoverContent","direction","gap","FormField","label","MediaImage","alt","fit","transparent","ThumbnailSize","L","width","height","borderRadius","st","imageActions","menuOpen","Replace","PopoverMenu","textSize","triggerElement","MenuItem","text","prefixIcon","Link","Maximize","Download","Divider","Delete","Input","altText","placeholder","withAltText","target","onEnterPressed","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","replace","download","delete","exports","displayName"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n Box,\n FormField,\n IconButton,\n Input,\n Popover,\n PopoverMenu,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Add,\n Delete,\n Download,\n Link,\n LinkSmall,\n Maximize,\n MoreSmall,\n Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { ThumbnailSize } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { getImageSource } from '../../utils/get-image-source';\nimport {\n fromImageUrl,\n fromMediaManagerPick,\n isExternalMediaImage,\n replaceImage,\n toMediaImageValue,\n withAltText,\n} from '../../utils/media-image-value';\nimport { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n CellMediaEditShell,\n MediaFieldType,\n useCellMediaEdit,\n} from '../media-control';\nimport { MediaPreviewModal } from '../media-gallery/media-preview-modal';\nimport { MediaImage } from '../media-image';\nimport { MediaImageView } from './media-image-view';\nimport { st, classes } from './cell-media-image-edit.st.css.js';\n\nexport interface CellMediaImageEditProps {\n /** A `MEDIA_IMAGE` value. /\n value: unknown;\n onChange: (value: MediaImageValue \| null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n /\n Called before opening external UI (media manager / paste-URL form) so the\n * table can set isEditing=true and protect cell focus while the modal is open.\n /\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } \| null \| undefined>;\n dataHook?: string;\n}\n\ntype PopoverLayer = 'none' \| 'popover' \| 'menu' \| 'preview';\n\n/* What is on top of the editor. Escape and click-outside act on it. /\ntype Layer = PopoverLayer \| 'pasteUrl' \| 'loading';\n\nconst imageFromUrl = (url: string, current: MediaImageValue \| null) =>\n replaceImage(current, fromImageUrl(url));\n\ninterface MenuTriggerProps {\n isOpen: boolean;\n toggle: () => void;\n /* Lets WDS put focus back here when the menu closes. /\n buttonRef?: React.RefObject<HTMLElement>;\n onOpenChange: (isOpen: boolean) => void;\n ariaLabel: string;\n}\n\n/* WDS shows the menu's open state only to its trigger, so the trigger\n * reports it. /\nconst MenuTrigger: React.FC<MenuTriggerProps> = ({\n isOpen,\n toggle,\n buttonRef,\n onOpenChange,\n ariaLabel,\n}) => {\n useEffect(() => {\n onOpenChange(isOpen);\n }, [isOpen, onOpenChange]);\n\n return (\n <IconButton\n ref={buttonRef}\n size=\"small\"\n skin=\"light\"\n priority=\"secondary\"\n dataHook=\"media-image-edit-more-button\"\n ariaLabel={ariaLabel}\n aria-haspopup=\"menu\"\n aria-expanded={isOpen}\n onClick={toggle}\n >\n <MoreSmall />\n </IconButton>\n );\n};\n\n/\n Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL\n * buttons. A cell with an image opens a popover with the image and its alt\n * text. Changes go to `onChange` as they happen and are committed once, when\n * the popover closes.\n */\nexport const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n}) => {\n const { t } = useTranslations();\n const image = toMediaImageValue(value);\n const src = getImageSource(image);\n // 'none' once committed.\n const [popoverLayer, setPopoverLayer] = useState<PopoverLayer>('popover');\n\n const mediaEdit = useCellMediaEdit({\n mediaType: MEDIA_TYPES.IMAGE,\n value: image,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n fromPick: fromMediaManagerPick,\n fromUrl: imageFromUrl,\n commitOnPick: false,\n });\n const {\n loading,\n pasteUrlForm,\n handleCallMedia,\n handleDelete,\n downloadMedia,\n } = mediaEdit;\n const closePasteUrl = pasteUrlForm.handleClose;\n // The media manager and the URL form sit above the popover layers.\n const openLayer: Layer = loading\n ? 'loading'\n : pasteUrlForm.isOpen\n ? 'pasteUrl'\n : image\n ? popoverLayer\n : 'none';\n\n const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n title: t('CMS.image.replaceWithUrl.title'),\n value: isExternalMediaImage(image) ? image.url : undefined,\n });\n\n const handleDownload = useCallback(() => {\n // The Media Manager can't make a download link for an external URL.\n if (isExternalMediaImage(image)) {\n executeDownloading(image.url);\n } else if (src) {\n downloadMedia(src);\n }\n }, [src, image, downloadMedia]);\n\n const commit = useCallback(() => {\n setPopoverLayer('none');\n onCommit();\n }, [onCommit]);\n\n // Picking Preview sets its own layer, which closing the menu must not undo.\n const handleMenuOpenChange = useCallback((isOpen: boolean) => {\n setPopoverLayer((layer) => {\n if (isOpen) {\n return 'menu';\n }\n return layer === 'menu' ? 'popover' : layer;\n });\n }, []);\n\n // Fires on mouseup, before the click that closes a menu or a modal, so\n // `openLayer` still says what was open.\n const handleClickOutside = useCallback(() => {\n if (openLayer === 'popover') {\n commit();\n }\n }, [openLayer, commit]);\n\n useEffect(() => {\n // WDS closes the menu on Escape and stops the event there.\n if (\n openLayer === 'none' \|\|\n openLayer === 'loading' \|\|\n openLayer === 'menu'\n ) {\n return;\n }\n // Capture phase, so the table doesn't cancel the edit first.\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key !== 'Escape') {\n return;\n }\n e.stopPropagation();\n if (openLayer === 'pasteUrl') {\n closePasteUrl();\n } else if (openLayer === 'preview') {\n setPopoverLayer('popover');\n } else {\n commit();\n }\n };\n document.addEventListener('keydown', handleKeyDown, true);\n return () => document.removeEventListener('keydown', handleKeyDown, true);\n }, [openLayer, closePasteUrl, commit]);\n\n const emptyActions = (\n <>\n <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"media-image-edit-add-button\"\n ariaLabel={t('CMS.image.add')}\n onClick={handleCallMedia}\n >\n <Add />\n </IconButton>\n </Tooltip>\n <Tooltip content={t('CMS.image.replaceWithUrl.button')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"media-image-edit-paste-url-button\"\n ariaLabel={t('CMS.image.replaceWithUrl.button')}\n onClick={openPasteUrl}\n >\n <LinkSmall />\n </IconButton>\n </Tooltip>\n </>\n );\n\n // One return for both states, so the shell and its container stay mounted\n // when a pick fills an empty cell.\n return (\n <>\n <CellMediaEditShell\n dataHook={dataHook}\n mediaEdit={mediaEdit}\n fieldType={MediaFieldType.image}\n padding={image ? '0' : undefined}\n >\n {!image ? (\n emptyActions\n ) : (\n <div className={classes.view}>\n <MediaImageView value={image} />\n <div className={classes.anchor}>\n <Popover\n shown={popoverLayer !== 'none'}\n appendTo=\"window\"\n placement=\"bottom-start\"\n moveBy={{ x: 0, y: 4 }}\n zIndex={5001}\n animate\n flip\n fixed={false}\n onClickOutside={handleClickOutside}\n >\n <Popover.Element>\n <div className={classes.anchorBox} />\n </Popover.Element>\n <Popover.Content>\n <Box\n dataHook=\"media-image-edit-popover\"\n className={classes.popoverContent}\n direction=\"vertical\"\n gap=\"SP3\"\n padding=\"SP3\"\n >\n <FormField label={t('CMS.image.thumbnail.label')}>\n <div className={classes.image}>\n <MediaImage\n dataHook=\"media-image-edit-image\"\n src={src}\n alt=\"\"\n fit=\"cover\"\n transparent\n size={ThumbnailSize.L}\n width=\"180px\"\n height=\"180px\"\n borderRadius=\"0\"\n />\n <div\n className={st(classes.imageActions, {\n menuOpen: popoverLayer === 'menu',\n })}\n >\n <Tooltip\n content={t('CMS.image.replace')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"small\"\n skin=\"light\"\n priority=\"secondary\"\n dataHook=\"media-image-edit-replace-button\"\n ariaLabel={t('CMS.image.replace')}\n onClick={handleCallMedia}\n >\n <Replace />\n </IconButton>\n </Tooltip>\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n zIndex={5002}\n triggerElement={({ isOpen, toggle, ref }) => (\n <MenuTrigger\n isOpen={isOpen}\n toggle={toggle}\n buttonRef={ref}\n onOpenChange={handleMenuOpenChange}\n ariaLabel={t(\n 'auto-patterns.fields.more_actions_tooltip',\n )}\n />\n )}\n >\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-replace-url\"\n text={t('CMS.image.replaceWithUrl.button')}\n prefixIcon={<Link />}\n onClick={openPasteUrl}\n />\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-preview\"\n text={t('CMS.mediaGallery.preview')}\n prefixIcon={<Maximize />}\n onClick={() => setPopoverLayer('preview')}\n />\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-download\"\n text={t('CMS.image.download')}\n prefixIcon={<Download />}\n onClick={handleDownload}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-delete\"\n text={t('CMS.image.clear')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={handleDelete}\n />\n </PopoverMenu>\n </div>\n </div>\n </FormField>\n <FormField label={t('CMS.image.altText.label')}>\n <Input\n dataHook=\"media-image-edit-alt-input\"\n size=\"small\"\n value={image.altText ?? ''}\n placeholder={t('CMS.image.altText.inputPlaceholder')}\n onChange={(e) =>\n onChange(withAltText(image, e.target.value))\n }\n onEnterPressed={commit}\n />\n </FormField>\n </Box>\n </Popover.Content>\n </Popover>\n </div>\n </div>\n )}\n </CellMediaEditShell>\n {image && (\n <MediaPreviewModal\n isOpen={popoverLayer === 'preview'}\n value={src}\n onClose={() => setPopoverLayer('popover')}\n onRequestMedia={handleCallMedia}\n onClearMedia={handleDelete}\n onDownloadMedia={handleDownload}\n textKeys={{\n replace: 'CMS.image.replace',\n download: 'CMS.image.download',\n delete: 'CMS.image.clear',\n }}\n />\n )}\n </>\n );\n};\n\nCellMediaImageEdit.displayName = 'CellMediaImageEdit';\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_getImageSource","_mediaImageValue","_mediaUtils","_mediaControl","_mediaPreviewModal","_mediaImage","_mediaImageView","_cellMediaImageEditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFromUrl","url","current","replaceImage","fromImageUrl","MenuTrigger","isOpen","toggle","buttonRef","onOpenChange","ariaLabel","useEffect","createElement","IconButton","ref","size","skin","priority","dataHook","onClick","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","CellMediaImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","useTranslations","image","toMediaImageValue","src","getImageSource","popoverLayer","setPopoverLayer","useState","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","fromPick","fromMediaManagerPick","fromUrl","commitOnPick","loading","pasteUrlForm","handleCallMedia","handleDelete","downloadMedia","closePasteUrl","handleClose","openLayer","openPasteUrl","startEditAndOpenPasteUrl","title","isExternalMediaImage","undefined","handleDownload","useCallback","executeDownloading","commit","handleMenuOpenChange","layer","handleClickOutside","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","emptyActions","Fragment","Tooltip","content","appendTo","Add","LinkSmall","CellMediaEditShell","fieldType","MediaFieldType","padding","className","classes","view","MediaImageView","anchor","Popover","shown","placement","moveBy","x","y","zIndex","animate","flip","fixed","onClickOutside","Element","anchorBox","Content","Box","popoverContent","direction","gap","FormField","label","MediaImage","alt","fit","transparent","ThumbnailSize","L","width","height","borderRadius","st","imageActions","menuOpen","Replace","PopoverMenu","textSize","triggerElement","MenuItem","text","prefixIcon","Link","Maximize","Download","Divider","Delete","Input","altText","placeholder","withAltText","target","onEnterPressed","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","replace","download","delete","exports","displayName"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport {\n Box,\n FormField,\n IconButton,\n Input,\n Popover,\n PopoverMenu,\n Tooltip,\n} from '@wix/design-system';\nimport {\n Add,\n Delete,\n Download,\n Link,\n LinkSmall,\n Maximize,\n MoreSmall,\n Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { ThumbnailSize } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { MediaImageValue } from '../../types/media-image';\nimport { getImageSource } from '../../utils/get-image-source';\nimport {\n fromImageUrl,\n fromMediaManagerPick,\n isExternalMediaImage,\n replaceImage,\n toMediaImageValue,\n withAltText,\n} from '../../utils/media-image-value';\nimport { executeDownloading, MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n CellMediaEditShell,\n MediaFieldType,\n useCellMediaEdit,\n} from '../media-control';\nimport { MediaPreviewModal } from '../media-gallery/media-preview-modal';\nimport { MediaImage } from '../media-image';\nimport { MediaImageView } from './media-image-view';\nimport { st, classes } from './cell-media-image-edit.st.css.js';\n\nexport interface CellMediaImageEditProps {\n /** A `MEDIA_IMAGE` value. /\n value: unknown;\n onChange: (value: MediaImageValue \| null) => void;\n onCommit: () => void;\n onCancel?: () => void;\n /\n Called before opening external UI (media manager / paste-URL form) so the\n * table can set isEditing=true and protect cell focus while the modal is open.\n /\n onStartEdit?: () => void;\n inputRef?: React.MutableRefObject<{ focus: () => void } \| null \| undefined>;\n dataHook?: string;\n}\n\ntype PopoverLayer = 'none' \| 'popover' \| 'menu' \| 'preview';\n\n/* What is on top of the editor. Escape and click-outside act on it. /\ntype Layer = PopoverLayer \| 'pasteUrl' \| 'loading';\n\nconst imageFromUrl = (url: string, current: MediaImageValue \| null) =>\n replaceImage(current, fromImageUrl(url));\n\ninterface MenuTriggerProps {\n isOpen: boolean;\n toggle: () => void;\n /* Lets WDS put focus back here when the menu closes. /\n buttonRef?: React.RefObject<HTMLElement>;\n onOpenChange: (isOpen: boolean) => void;\n ariaLabel: string;\n}\n\n/* WDS shows the menu's open state only to its trigger, so the trigger\n * reports it. /\nconst MenuTrigger: React.FC<MenuTriggerProps> = ({\n isOpen,\n toggle,\n buttonRef,\n onOpenChange,\n ariaLabel,\n}) => {\n useEffect(() => {\n onOpenChange(isOpen);\n }, [isOpen, onOpenChange]);\n\n return (\n <IconButton\n ref={buttonRef}\n size=\"small\"\n skin=\"light\"\n priority=\"secondary\"\n dataHook=\"media-image-edit-more-button\"\n ariaLabel={ariaLabel}\n aria-haspopup=\"menu\"\n aria-expanded={isOpen}\n onClick={toggle}\n >\n <MoreSmall />\n </IconButton>\n );\n};\n\n/\n Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL\n * buttons. A cell with an image opens a popover with the image and its alt\n * text. Changes go to `onChange` as they happen and are committed once, when\n * the popover closes.\n */\nexport const CellMediaImageEdit: React.FC<CellMediaImageEditProps> = ({\n value,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n dataHook,\n}) => {\n const { t } = useTranslations();\n const image = toMediaImageValue(value);\n const src = getImageSource(image);\n // 'none' once committed.\n const [popoverLayer, setPopoverLayer] = useState<PopoverLayer>('popover');\n\n const mediaEdit = useCellMediaEdit({\n mediaType: MEDIA_TYPES.IMAGE,\n value: image,\n onChange,\n onCommit,\n onCancel,\n onStartEdit,\n inputRef,\n fromPick: fromMediaManagerPick,\n fromUrl: imageFromUrl,\n commitOnPick: false,\n });\n const {\n loading,\n pasteUrlForm,\n handleCallMedia,\n handleDelete,\n downloadMedia,\n } = mediaEdit;\n const closePasteUrl = pasteUrlForm.handleClose;\n // The media manager and the URL form sit above the popover layers.\n const openLayer: Layer = loading\n ? 'loading'\n : pasteUrlForm.isOpen\n ? 'pasteUrl'\n : image\n ? popoverLayer\n : 'none';\n\n const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n title: t('CMS.image.replaceWithUrl.title'),\n value: isExternalMediaImage(image) ? image.url : undefined,\n });\n\n const handleDownload = useCallback(() => {\n // The Media Manager can't make a download link for an external URL.\n if (isExternalMediaImage(image)) {\n executeDownloading(image.url);\n } else if (src) {\n downloadMedia(src);\n }\n }, [src, image, downloadMedia]);\n\n const commit = useCallback(() => {\n setPopoverLayer('none');\n onCommit();\n }, [onCommit]);\n\n // Picking Preview sets its own layer, which closing the menu must not undo.\n const handleMenuOpenChange = useCallback((isOpen: boolean) => {\n setPopoverLayer((layer) => {\n if (isOpen) {\n return 'menu';\n }\n return layer === 'menu' ? 'popover' : layer;\n });\n }, []);\n\n // Fires on mouseup, before the click that closes a menu or a modal, so\n // `openLayer` still says what was open.\n const handleClickOutside = useCallback(() => {\n if (openLayer === 'popover') {\n commit();\n }\n }, [openLayer, commit]);\n\n useEffect(() => {\n // WDS closes the menu on Escape and stops the event there.\n if (\n openLayer === 'none' \|\|\n openLayer === 'loading' \|\|\n openLayer === 'menu'\n ) {\n return;\n }\n // Capture phase, so the table doesn't cancel the edit first.\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key !== 'Escape') {\n return;\n }\n e.stopPropagation();\n if (openLayer === 'pasteUrl') {\n closePasteUrl();\n } else if (openLayer === 'preview') {\n setPopoverLayer('popover');\n } else {\n commit();\n }\n };\n document.addEventListener('keydown', handleKeyDown, true);\n return () => document.removeEventListener('keydown', handleKeyDown, true);\n }, [openLayer, closePasteUrl, commit]);\n\n const emptyActions = (\n <>\n <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"secondary\"\n dataHook=\"media-image-edit-add-button\"\n ariaLabel={t('CMS.image.add')}\n onClick={handleCallMedia}\n >\n <Add />\n </IconButton>\n </Tooltip>\n <Tooltip content={t('CMS.image.replaceWithUrl.button')} appendTo=\"window\">\n <IconButton\n size=\"tiny\"\n priority=\"tertiary\"\n dataHook=\"media-image-edit-paste-url-button\"\n ariaLabel={t('CMS.image.replaceWithUrl.button')}\n onClick={openPasteUrl}\n >\n <LinkSmall />\n </IconButton>\n </Tooltip>\n </>\n );\n\n // One return for both states, so the shell and its container stay mounted\n // when a pick fills an empty cell.\n return (\n <>\n <CellMediaEditShell\n dataHook={dataHook}\n mediaEdit={mediaEdit}\n fieldType={MediaFieldType.image}\n padding={image ? '0' : undefined}\n >\n {!image ? (\n emptyActions\n ) : (\n <div className={classes.view}>\n <MediaImageView value={image} />\n <div className={classes.anchor}>\n <Popover\n // Modals open at WDS's z-index 5000, under this popover.\n shown={openLayer === 'popover' \|\| openLayer === 'menu'}\n appendTo=\"window\"\n placement=\"bottom-start\"\n moveBy={{ x: 0, y: 4 }}\n zIndex={5001}\n animate\n flip\n fixed={false}\n onClickOutside={handleClickOutside}\n >\n <Popover.Element>\n <div className={classes.anchorBox} />\n </Popover.Element>\n <Popover.Content>\n <Box\n dataHook=\"media-image-edit-popover\"\n className={classes.popoverContent}\n direction=\"vertical\"\n gap=\"SP3\"\n padding=\"SP3\"\n >\n <FormField label={t('CMS.image.thumbnail.label')}>\n <div className={classes.image}>\n <MediaImage\n dataHook=\"media-image-edit-image\"\n src={src}\n alt=\"\"\n fit=\"cover\"\n transparent\n size={ThumbnailSize.L}\n width=\"180px\"\n height=\"180px\"\n borderRadius=\"0\"\n />\n <div\n className={st(classes.imageActions, {\n menuOpen: popoverLayer === 'menu',\n })}\n >\n <Tooltip\n content={t('CMS.image.replace')}\n appendTo=\"window\"\n >\n <IconButton\n size=\"small\"\n skin=\"light\"\n priority=\"secondary\"\n dataHook=\"media-image-edit-replace-button\"\n ariaLabel={t('CMS.image.replace')}\n onClick={handleCallMedia}\n >\n <Replace />\n </IconButton>\n </Tooltip>\n <PopoverMenu\n textSize=\"small\"\n appendTo=\"window\"\n zIndex={5002}\n triggerElement={({ isOpen, toggle, ref }) => (\n <MenuTrigger\n isOpen={isOpen}\n toggle={toggle}\n buttonRef={ref}\n onOpenChange={handleMenuOpenChange}\n ariaLabel={t(\n 'auto-patterns.fields.more_actions_tooltip',\n )}\n />\n )}\n >\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-replace-url\"\n text={t('CMS.image.replaceWithUrl.button')}\n prefixIcon={<Link />}\n onClick={openPasteUrl}\n />\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-preview\"\n text={t('CMS.mediaGallery.preview')}\n prefixIcon={<Maximize />}\n onClick={() => setPopoverLayer('preview')}\n />\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-download\"\n text={t('CMS.image.download')}\n prefixIcon={<Download />}\n onClick={handleDownload}\n />\n <PopoverMenu.Divider />\n <PopoverMenu.MenuItem\n dataHook=\"media-image-edit-action-delete\"\n text={t('CMS.image.clear')}\n skin=\"destructive\"\n prefixIcon={<Delete />}\n onClick={handleDelete}\n />\n </PopoverMenu>\n </div>\n </div>\n </FormField>\n <FormField label={t('CMS.image.altText.label')}>\n <Input\n dataHook=\"media-image-edit-alt-input\"\n size=\"small\"\n value={image.altText ?? ''}\n placeholder={t('CMS.image.altText.inputPlaceholder')}\n onChange={(e) =>\n onChange(withAltText(image, e.target.value))\n }\n onEnterPressed={commit}\n />\n </FormField>\n </Box>\n </Popover.Content>\n </Popover>\n </div>\n </div>\n )}\n </CellMediaEditShell>\n {image && (\n <MediaPreviewModal\n isOpen={popoverLayer === 'preview'}\n value={src}\n onClose={() => setPopoverLayer('popover')}\n onRequestMedia={handleCallMedia}\n onClearMedia={handleDelete}\n onDownloadMedia={handleDownload}\n textKeys={{\n replace: 'CMS.image.replace',\n download: 'CMS.image.download',\n delete: 'CMS.image.clear',\n }}\n />\n )}\n </>\n );\n};\n\nCellMediaImageEdit.displayName = 'CellMediaImageEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css CHANGED Viewed

@@ -10,8 +10,10 @@
 }
 /* A zero-height strip along the cell's bottom edge, so the popover opens
-   under the cell. */
+   under the cell. Flex, because the WDS Popover root is inline-block: on a
+   text line it would start 14px lower. */
 .anchor {
+  display: flex;
   position: absolute;
   left: 0;
   right: 0;

package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css.js CHANGED Viewed

@@ -5,20 +5,20 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "cellmediaimageedit1735372897";
+var _namespace_ = "cellmediaimageedit1688844937";
 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": "cellmediaimageedit1735372897__root",
-  "view": "cellmediaimageedit1735372897__view",
-  "anchor": "cellmediaimageedit1735372897__anchor",
-  "anchorBox": "cellmediaimageedit1735372897__anchorBox",
-  "popoverContent": "cellmediaimageedit1735372897__popoverContent",
-  "image": "cellmediaimageedit1735372897__image",
-  "imageActions": "cellmediaimageedit1735372897__imageActions"
+  "root": "cellmediaimageedit1688844937__root",
+  "view": "cellmediaimageedit1688844937__view",
+  "anchor": "cellmediaimageedit1688844937__anchor",
+  "anchorBox": "cellmediaimageedit1688844937__anchorBox",
+  "popoverContent": "cellmediaimageedit1688844937__popoverContent",
+  "image": "cellmediaimageedit1688844937__image",
+  "imageActions": "cellmediaimageedit1688844937__imageActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image-field/cell-media-image-edit.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~cellmediaimageedit1735372897~~\";\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\":\"~~cellmediaimageedit1735372897__root~~\",\"view\":\"~~cellmediaimageedit1735372897__view~~\",\"anchor\":\"~~cellmediaimageedit1735372897__anchor~~\",\"anchorBox\":\"~~cellmediaimageedit1735372897__anchorBox~~\",\"popoverContent\":\"~~cellmediaimageedit1735372897__popoverContent~~\",\"image\":\"~~cellmediaimageedit1735372897__image~~\",\"imageActions\":\"~~cellmediaimageedit1735372897__imageActions~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-transparent-primary\":\"--wds-color-fill-transparent-primary\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wds-image-border-radius-default\":\"--wds-image-border-radius-default\",\"wds-space-100\":\"--wds-space-100\"}; \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,oCAAoC;EAAC,MAAM,EAAC,oCAAoC;EAAC,QAAQ,EAAC,sCAAsC;EAAC,WAAW,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,8CAA8C;EAAC,OAAO,EAAC,qCAAqC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvX,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image-field/cell-media-image-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaimageedit1688844937\";\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\":\"cellmediaimageedit1688844937__root\",\"view\":\"cellmediaimageedit1688844937__view\",\"anchor\":\"cellmediaimageedit1688844937__anchor\",\"anchorBox\":\"cellmediaimageedit1688844937__anchorBox\",\"popoverContent\":\"cellmediaimageedit1688844937__popoverContent\",\"image\":\"cellmediaimageedit1688844937__image\",\"imageActions\":\"cellmediaimageedit1688844937__imageActions\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-transparent-primary\":\"--wds-color-fill-transparent-primary\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wds-image-border-radius-default\":\"--wds-image-border-radius-default\",\"wds-space-100\":\"--wds-space-100\"}; \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,oCAAoC;EAAC,MAAM,EAAC,oCAAoC;EAAC,QAAQ,EAAC,sCAAsC;EAAC,WAAW,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,8CAA8C;EAAC,OAAO,EAAC,qCAAqC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvX,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image-field/media-image-view.js CHANGED Viewed

@@ -7,6 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _PatternsFieldsContainerProvider = require("../../providers/PatternsFieldsContainerProvider");
 var _getImageSource = require("../../utils/get-image-source");
+var _mediaImageValue = require("../../utils/media-image-value");
 var _tooltip = require("../../utils/tooltip");
 var _imagePreviewPopover = require("../image/image-preview-popover");
 var _imageThumbnail = require("../image/image-thumbnail");
@@ -14,10 +15,11 @@ var _mediaImageViewStCss = require("./media-image-view.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-image-field/media-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); }
 function _MediaImageView({
-  value: image,
+  value,
   dataHook
 }) {
   var _usePatternsCmsFields;
+  const image = (0, _mediaImageValue.toMediaImageValue)(value);
   // Tables render this cell even with no fields container above them, which
   // legacy image cells never needed. Without one there is nothing to translate
   // the placeholder with, so it is left out instead of breaking the cell.
@@ -41,7 +43,7 @@ function _MediaImageView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 36,
       columnNumber: 5
     }
   });
@@ -56,7 +58,7 @@ function _MediaImageView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 48,
       columnNumber: 5
     }
   }, src ? /*#__PURE__*/_react.default.createElement(_imagePreviewPopover.ImagePreviewPopover, {
@@ -65,7 +67,7 @@ function _MediaImageView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 58,
       columnNumber: 9
     }
   }, thumbnail) : thumbnail, src && (altText || placeholder) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -74,7 +76,7 @@ function _MediaImageView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -82,7 +84,7 @@ function _MediaImageView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 13
     }
   })), altText ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -93,7 +95,7 @@ function _MediaImageView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 70,
       columnNumber: 13
     }
   }, altText) : /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -104,7 +106,7 @@ function _MediaImageView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 79,
       columnNumber: 13
     }
   }, placeholder)));

package/dist/cjs/components/media-image-field/media-image-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_PatternsFieldsContainerProvider","_getImageSource","_tooltip","_imagePreviewPopover","_imageThumbnail","_mediaImageViewStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MediaImageView","value","~~image~~","~~dataHook~~","~~_usePatternsCmsFields~~","translate","usePatternsCmsFieldsContainer","src","getImageSource","altText","placeholder","undefined","isPreviewShown","setIsPreviewShown","useState","showPreview","useCallback","hidePreview","thumbnail","createElement","ImageThumbnail","width","height","borderRadius","onMouseEnter","onMouseLeave","__self","__source","fileName","lineNumber","columnNumber","Box","className","classes","root","verticalAlign","gap","padding","ImagePreviewPopover","shown","Fragment","flexShrink","Divider","direction","Text","size","ellipsis","tooltipProps","smallTooltipCommonProps","altTextPlaceholder","MediaImageView","exports","observer","displayName"],"sources":["../../../../src/components/media-image-field/media-image-view.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, Divider, Text } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport ~~type~~ { ~~MediaImageValue~~ } from '../../~~types~~/~~media-image~~';\nimport { ~~usePatternsCmsFieldsContainer~~ } from '../../~~providers~~/~~PatternsFieldsContainerProvider~~';\nimport { ~~getImageSource~~ } from '../../utils/~~get~~-image-~~source~~';\nimport { smallTooltipCommonProps } from '../../utils/tooltip';\nimport { ImagePreviewPopover } from '../image/image-preview-popover';\nimport { ImageThumbnail } from '../image/image-thumbnail';\nimport { classes } from './media-image-view.st.css.js';\n\nexport interface MediaImageViewProps {\n /** A value ~~read with `toMediaImageValue`.~~ */\n value: ~~MediaImageValue \| null~~;\n dataHook?: string;\n}\n\nfunction _MediaImageView({ value~~: image~~, dataHook }: MediaImageViewProps) {\n // Tables render this cell even with no fields container above them, which\n // legacy image cells never needed. Without one there is nothing to translate\n // the placeholder with, so it is left out instead of breaking the cell.\n const translate = usePatternsCmsFieldsContainer()?.translate;\n const src = getImageSource(image);\n const altText = image?.altText;\n const placeholder = altText\n ? undefined\n : translate?.('CMS.image.altText.cellPlaceholder');\n const [isPreviewShown, setIsPreviewShown] = useState(false);\n\n const showPreview = useCallback(() => setIsPreviewShown(true), []);\n const hidePreview = useCallback(() => setIsPreviewShown(false), []);\n\n // With no src, the thumbnail renders the empty-image placeholder.\n const thumbnail = (\n <ImageThumbnail\n value={image}\n dataHook=\"media-image-view-thumbnail\"\n width=\"36px\"\n height=\"24px\"\n borderRadius=\"0\"\n onMouseEnter={src ? showPreview : undefined}\n onMouseLeave={src ? hidePreview : undefined}\n />\n );\n\n return (\n <Box\n dataHook={dataHook}\n className={classes.root}\n verticalAlign=\"middle\"\n gap=\"8px\"\n padding=\"0 8px\"\n height=\"100%\"\n width=\"100%\"\n >\n {src ? (\n <ImagePreviewPopover src={src} shown={isPreviewShown}>\n {thumbnail}\n </ImagePreviewPopover>\n ) : (\n thumbnail\n )}\n {src && (altText \|\| placeholder) && (\n <>\n <Box height=\"16px\" flexShrink={0}>\n <Divider direction=\"vertical\" />\n </Box>\n {altText ? (\n <Text\n size=\"tiny\"\n ellipsis\n tooltipProps={smallTooltipCommonProps}\n dataHook=\"media-image-view-alt-text\"\n >\n {altText}\n </Text>\n ) : (\n <Text\n size=\"tiny\"\n ellipsis\n className={classes.altTextPlaceholder}\n dataHook=\"media-image-view-alt-text-placeholder\"\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </Box>\n );\n}\n\nexport const MediaImageView = observer(_MediaImageView);\n\nMediaImageView.displayName = 'MediaImageView';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;~~AAEA~~,IAAAG,gCAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,~~QAAA~~,GAAAL,OAAA;AACA,IAAAM,~~oBAAA~~,GAAAN,OAAA;AACA,IAAAO,~~eAAA~~,GAAAP,OAAA;AACA,IAAAQ,~~oBAAA~~,GAAAR,OAAA;~~AAAuD~~,IAAAS,YAAA;AAAA,~~SAAAV~~,~~wBAAAW~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAb~~,uBAAA,YAAAA,~~CAAAW~~,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQvD,SAASkB,eAAeA,CAAC;EAAEC,KAAK~~,EAAEC,KAAK~~;EAAEC;AAA8B,CAAC,EAAE;EAAA,IAAAC,qBAAA;~~EACxE~~;EACA;EACA;EACA,~~MAAMC~~,SAAS,~~IAAAD~~,qBAAA,GAAG,~~IAAAE~~,8DAA6B,EAAC,CAAC,qBAA/BF,qBAAA,~~CAAiCC~~,SAAS;EAC5D,MAAME,GAAG,GAAG,IAAAC,8BAAc,~~EAACN~~,KAAK,CAAC;EACjC,~~MAAMO~~,OAAO,~~GAAGP~~,KAAK,oBAALA,KAAK,~~CAAEO~~,OAAO;EAC9B,MAAMC,WAAW,GAAGD,OAAO,GACvBE,SAAS,GACTN,SAAS,oBAATA,SAAS,CAAG,mCAAmC,CAAC;EACpD,MAAM,CAACO,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE3D,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAMH,iBAAiB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAClE,MAAMI,WAAW,GAAG,IAAAD,kBAAW,EAAC,MAAMH,iBAAiB,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;;EAEnE;EACA,MAAMK,SAAS,~~gBACbjD~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAACzC~~,eAAA,~~CAAA0C~~,cAAc;~~IACbnB~~,KAAK,~~EAAEC~~,KAAM;~~IACbC~~,QAAQ,EAAC,4BAA4B;~~IACrCkB~~,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,YAAY,EAAC,GAAG;IAChBC,YAAY,EAAEjB,GAAG,GAAGQ,WAAW,GAAGJ,SAAU;IAC5Cc,YAAY,EAAElB,GAAG,GAAGU,WAAW,GAAGN,SAAU;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7C,CACF;EAED,~~oBACE7D~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAAC/C~~,aAAA,~~CAAA2D~~,GAAG;~~IACF5B~~,QAAQ,EAAEA,QAAS;~~IACnB6B~~,SAAS,EAAEC,4BAAO,CAACC,IAAK;IACxBC,aAAa,EAAC,QAAQ;IACtBC,GAAG,EAAC,KAAK;IACTC,OAAO,EAAC,OAAO;IACff,MAAM,EAAC,MAAM;IACbD,KAAK,EAAC,MAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXvB,GAAG,~~gBACFtC~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAAC1C~~,oBAAA,~~CAAA6D~~,mBAAmB;IAAC/B,GAAG,EAAEA,GAAI;IAACgC,KAAK,EAAE3B,cAAe;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClDZ,SACkB,CAAC,GAEtBA,SACD,EACAX,GAAG,KAAKE,OAAO,IAAIC,WAAW,CAAC,~~iBAC9BzC~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAAAlD~~,MAAA,~~CAAAsB~~,OAAA,~~CAAAiD~~,QAAA,~~qBACEvE~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAAC/C~~,aAAA,~~CAAA2D~~,GAAG;IAACT,MAAM,EAAC,MAAM;IAACmB,UAAU,EAAE,CAAE;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/~~B7D~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAAC/C~~,aAAA,~~CAAAsE~~,OAAO;IAACC,SAAS,EAAC,UAAU;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5B,CAAC,EACLrB,OAAO,~~gBACNxC~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAAC/C~~,aAAA,~~CAAAwE~~,IAAI;IACHC,IAAI,EAAC,MAAM;IACXC,QAAQ;IACRC,YAAY,EAAEC,gCAAwB;~~IACtC7C~~,QAAQ,EAAC,2BAA2B;~~IAAAuB~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnCrB,OACG,CAAC,~~gBAEPxC~~,MAAA,~~CAAAsB~~,OAAA,~~CAAA4B~~,aAAA,~~CAAC/C~~,aAAA,~~CAAAwE~~,IAAI;IACHC,IAAI,EAAC,MAAM;IACXC,QAAQ;IACRd,SAAS,EAAEC,4BAAO,CAACgB,kBAAmB;~~IACtC9C~~,QAAQ,EAAC,uCAAuC;~~IAAAuB~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAhD~~,YAAA;~~MAAAiD~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE/CpB,WACG,CAER,CAED,CAAC;AAEV;AAEO,MAAMwC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,~~EAACpD~~,eAAe,CAAC;~~AAEvDkD~~,cAAc,CAACG,WAAW,GAAG,gBAAgB","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_PatternsFieldsContainerProvider","_getImageSource","_mediaImageValue","_tooltip","_imagePreviewPopover","_imageThumbnail","_mediaImageViewStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MediaImageView","value","dataHook","_usePatternsCmsFields","image","toMediaImageValue","translate","usePatternsCmsFieldsContainer","src","getImageSource","altText","placeholder","undefined","isPreviewShown","setIsPreviewShown","useState","showPreview","useCallback","hidePreview","thumbnail","createElement","ImageThumbnail","width","height","borderRadius","onMouseEnter","onMouseLeave","__self","__source","fileName","lineNumber","columnNumber","Box","className","classes","root","verticalAlign","gap","padding","ImagePreviewPopover","shown","Fragment","flexShrink","Divider","direction","Text","size","ellipsis","tooltipProps","smallTooltipCommonProps","altTextPlaceholder","MediaImageView","exports","observer","displayName"],"sources":["../../../../src/components/media-image-field/media-image-view.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Box, Divider, Text } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { usePatternsCmsFieldsContainer } from '../../providers/PatternsFieldsContainerProvider';\nimport { getImageSource } from '../../utils/get-image-source';\nimport { toMediaImageValue } from '../../utils/media-image-value';\nimport { smallTooltipCommonProps } from '../../utils/tooltip';\nimport { ImagePreviewPopover } from '../image/image-preview-popover';\nimport { ImageThumbnail } from '../image/image-thumbnail';\nimport { classes } from './media-image-view.st.css.js';\n\nexport interface MediaImageViewProps {\n /** A `MEDIA_IMAGE` value. */\n value: unknown;\n dataHook?: string;\n}\n\nfunction _MediaImageView({ value, dataHook }: MediaImageViewProps) {\n const image = toMediaImageValue(value);\n // Tables render this cell even with no fields container above them, which\n // legacy image cells never needed. Without one there is nothing to translate\n // the placeholder with, so it is left out instead of breaking the cell.\n const translate = usePatternsCmsFieldsContainer()?.translate;\n const src = getImageSource(image);\n const altText = image?.altText;\n const placeholder = altText\n ? undefined\n : translate?.('CMS.image.altText.cellPlaceholder');\n const [isPreviewShown, setIsPreviewShown] = useState(false);\n\n const showPreview = useCallback(() => setIsPreviewShown(true), []);\n const hidePreview = useCallback(() => setIsPreviewShown(false), []);\n\n // With no src, the thumbnail renders the empty-image placeholder.\n const thumbnail = (\n <ImageThumbnail\n value={image}\n dataHook=\"media-image-view-thumbnail\"\n width=\"36px\"\n height=\"24px\"\n borderRadius=\"0\"\n onMouseEnter={src ? showPreview : undefined}\n onMouseLeave={src ? hidePreview : undefined}\n />\n );\n\n return (\n <Box\n dataHook={dataHook}\n className={classes.root}\n verticalAlign=\"middle\"\n gap=\"8px\"\n padding=\"0 8px\"\n height=\"100%\"\n width=\"100%\"\n >\n {src ? (\n <ImagePreviewPopover src={src} shown={isPreviewShown}>\n {thumbnail}\n </ImagePreviewPopover>\n ) : (\n thumbnail\n )}\n {src && (altText \|\| placeholder) && (\n <>\n <Box height=\"16px\" flexShrink={0}>\n <Divider direction=\"vertical\" />\n </Box>\n {altText ? (\n <Text\n size=\"tiny\"\n ellipsis\n tooltipProps={smallTooltipCommonProps}\n dataHook=\"media-image-view-alt-text\"\n >\n {altText}\n </Text>\n ) : (\n <Text\n size=\"tiny\"\n ellipsis\n className={classes.altTextPlaceholder}\n dataHook=\"media-image-view-alt-text-placeholder\"\n >\n {placeholder}\n </Text>\n )}\n </>\n )}\n </Box>\n );\n}\n\nexport const MediaImageView = observer(_MediaImageView);\n\nMediaImageView.displayName = 'MediaImageView';\n"],"mappings":"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","ignoreList":[]}