@wix/patterns-fields 1.124.0 → 1.125.0

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

@@ -11,8 +11,8 @@ var _getImageSource = require("../../utils/get-image-source");
 var _mediaImageValue = require("../../utils/media-image-value");
 var _mediaUtils = require("../../utils/media-utils");
 var _mediaControl = require("../media-control");
-var _mediaPreviewModal = require("../media-gallery/media-preview-modal");
 var _mediaImage = require("../media-image");
+var _mediaImageActions = require("./media-image-actions");
 var _mediaImageView = require("./media-image-view");
 var _cellMediaImageEditStCss = require("./cell-media-image-edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-image-field/cell-media-image-edit.tsx";
@@ -20,43 +20,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 /** What is on top of the editor. Escape and click-outside act on it. */
 
 const imageFromUrl = (url, current) => (0, _mediaImageValue.replaceImage)(current, (0, _mediaImageValue.fromImageUrl)(url));
-/** WDS shows the menu's open state only to its trigger, so the trigger
- *  reports it. */
-const MenuTrigger = ({
-  isOpen,
-  toggle,
-  buttonRef,
-  onOpenChange,
-  ariaLabel
-}) => {
-  (0, _react.useEffect)(() => {
-    onOpenChange(isOpen);
-  }, [isOpen, onOpenChange]);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
-    ref: buttonRef,
-    size: "small",
-    skin: "light",
-    priority: "secondary",
-    dataHook: "media-image-edit-more-button",
-    ariaLabel: ariaLabel,
-    "aria-haspopup": "menu",
-    "aria-expanded": isOpen,
-    onClick: toggle,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 90,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 101,
-      columnNumber: 7
-    }
-  }));
-};
 
 /**
  * Edits a `MEDIA_IMAGE` cell. An empty cell shows the add and paste-URL
@@ -106,14 +69,7 @@ const CellMediaImageEdit = ({
     title: t('CMS.image.replaceWithUrl.title'),
     value: (0, _mediaImageValue.isExternalMediaImage)(image) ? image.url : undefined
   });
-  const handleDownload = (0, _react.useCallback)(() => {
-    // The Media Manager can't make a download link for an external URL.
-    if ((0, _mediaImageValue.isExternalMediaImage)(image)) {
-      (0, _mediaUtils.executeDownloading)(image.url);
-    } else if (src) {
-      downloadMedia(src);
-    }
-  }, [src, image, downloadMedia]);
+  const handleDownload = (0, _mediaImageActions.useMediaImageDownload)(image, downloadMedia);
   const commit = (0, _react.useCallback)(() => {
     setPopoverLayer('none');
     onCommit();
@@ -164,7 +120,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 222,
+      lineNumber: 170,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -176,14 +132,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 171,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 230,
+      lineNumber: 178,
       columnNumber: 11
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -192,7 +148,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 181,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -204,14 +160,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234,
+      lineNumber: 182,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241,
+      lineNumber: 189,
       columnNumber: 11
     }
   }))));
@@ -226,7 +182,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 251,
+      lineNumber: 199,
       columnNumber: 7
     }
   }, !image ? emptyActions : /*#__PURE__*/_react.default.createElement("div", {
@@ -234,7 +190,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 260,
+      lineNumber: 208,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_mediaImageView.MediaImageView, {
@@ -242,7 +198,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 261,
+      lineNumber: 209,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -250,7 +206,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 262,
+      lineNumber: 210,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover
@@ -258,10 +214,13 @@ const CellMediaImageEdit = ({
   , {
     shown: openLayer === 'popover' || openLayer === 'menu',
     appendTo: "window",
-    placement: "bottom-start",
+    placement: "bottom-start"
+    // The anchor sits inside the cell's 1px border. Figma puts the
+    // popover 4px under the border, aligned with its left edge.
+    ,
     moveBy: {
-      x: 0,
-      y: 4
+      x: -1,
+      y: 5
     },
     zIndex: 5001,
     animate: true,
@@ -271,14 +230,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263,
+      lineNumber: 211,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 275,
+      lineNumber: 225,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -286,14 +245,14 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 276,
+      lineNumber: 226,
       columnNumber: 19
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 278,
+      lineNumber: 228,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -305,7 +264,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 279,
+      lineNumber: 229,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -313,7 +272,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 286,
+      lineNumber: 236,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -321,7 +280,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 287,
+      lineNumber: 237,
       columnNumber: 23
     }
   }, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
@@ -337,7 +296,7 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 288,
+      lineNumber: 238,
       columnNumber: 25
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
@@ -347,151 +306,30 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 299,
+      lineNumber: 249,
       columnNumber: 25
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
-    content: t('CMS.image.replace'),
-    appendTo: "window",
+  }, /*#__PURE__*/_react.default.createElement(_mediaImageActions.MediaImageActions, {
+    dataHook: "media-image-edit",
+    onReplace: handleCallMedia,
+    onReplaceWithUrl: openPasteUrl,
+    onPreview: () => setPopoverLayer('preview'),
+    onDownload: handleDownload,
+    onDelete: handleDelete,
+    onMenuOpenChange: handleMenuOpenChange,
+    menuZIndex: 5002,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 304,
+      lineNumber: 254,
       columnNumber: 27
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
-    size: "small",
-    skin: "light",
-    priority: "secondary",
-    dataHook: "media-image-edit-replace-button",
-    ariaLabel: t('CMS.image.replace'),
-    onClick: handleCallMedia,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 308,
-      columnNumber: 29
-    }
-  }, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 316,
-      columnNumber: 31
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
-    textSize: "small",
-    appendTo: "window",
-    zIndex: 5002,
-    triggerElement: ({
-      isOpen,
-      toggle,
-      ref
-    }) => /*#__PURE__*/_react.default.createElement(MenuTrigger, {
-      isOpen: isOpen,
-      toggle: toggle,
-      buttonRef: ref,
-      onOpenChange: handleMenuOpenChange,
-      ariaLabel: t('auto-patterns.fields.more_actions_tooltip'),
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 324,
-        columnNumber: 31
-      }
-    }),
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 319,
-      columnNumber: 27
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    dataHook: "media-image-edit-action-replace-url",
-    text: t('CMS.image.replaceWithUrl.button'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 338,
-        columnNumber: 43
-      }
-    }),
-    onClick: openPasteUrl,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 335,
-      columnNumber: 29
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    dataHook: "media-image-edit-action-preview",
-    text: t('CMS.mediaGallery.preview'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 344,
-        columnNumber: 43
-      }
-    }),
-    onClick: () => setPopoverLayer('preview'),
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 341,
-      columnNumber: 29
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    dataHook: "media-image-edit-action-download",
-    text: t('CMS.image.download'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 350,
-        columnNumber: 43
-      }
-    }),
-    onClick: handleDownload,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 347,
-      columnNumber: 29
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 353,
-      columnNumber: 29
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
-    dataHook: "media-image-edit-action-delete",
-    text: t('CMS.image.clear'),
-    skin: "destructive",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 358,
-        columnNumber: 43
-      }
-    }),
-    onClick: handleDelete,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 354,
-      columnNumber: 29
-    }
-  }))))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+  })))), /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: t('CMS.image.altText.label'),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 365,
+      lineNumber: 267,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -504,25 +342,20 @@ const CellMediaImageEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 366,
+      lineNumber: 268,
       columnNumber: 23
     }
-  })))))))), image && /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
+  })))))))), image && /*#__PURE__*/_react.default.createElement(_mediaImageActions.MediaImagePreviewModal, {
     isOpen: popoverLayer === 'preview',
-    value: src,
+    image: image,
     onClose: () => setPopoverLayer('popover'),
-    onRequestMedia: handleCallMedia,
-    onClearMedia: handleDelete,
-    onDownloadMedia: handleDownload,
-    textKeys: {
-      replace: 'CMS.image.replace',
-      download: 'CMS.image.download',
-      delete: 'CMS.image.clear'
-    },
+    onReplace: handleCallMedia,
+    onDelete: handleDelete,
+    onDownload: handleDownload,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 385,
+      lineNumber: 287,
       columnNumber: 9
     }
   }));

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

@@ -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                // 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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_getImageSource","_mediaImageValue","_mediaUtils","_mediaControl","_mediaImage","_mediaImageActions","_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","CellMediaImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","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","isOpen","openPasteUrl","startEditAndOpenPasteUrl","title","isExternalMediaImage","undefined","handleDownload","useMediaImageDownload","commit","useCallback","handleMenuOpenChange","layer","handleClickOutside","useEffect","handleKeyDown","key","stopPropagation","document","addEventListener","removeEventListener","emptyActions","createElement","Fragment","Tooltip","content","appendTo","__self","__source","fileName","lineNumber","columnNumber","IconButton","size","priority","ariaLabel","onClick","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","MediaImageActions","onReplace","onReplaceWithUrl","onPreview","onDownload","onDelete","onMenuOpenChange","menuZIndex","Input","altText","placeholder","withAltText","target","onEnterPressed","MediaImagePreviewModal","onClose","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  Tooltip,\n} from '@wix/design-system';\nimport { Add, LinkSmall } 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 { MEDIA_TYPES } from '../../utils/media-utils';\nimport {\n  CellMediaEditShell,\n  MediaFieldType,\n  useCellMediaEdit,\n} from '../media-control';\nimport { MediaImage } from '../media-image';\nimport {\n  MediaImageActions,\n  MediaImagePreviewModal,\n  useMediaImageDownload,\n} from './media-image-actions';\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\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 = useMediaImageDownload(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                // The anchor sits inside the cell's 1px border. Figma puts the\n                // popover 4px under the border, aligned with its left edge.\n                moveBy={{ x: -1, y: 5 }}\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                          <MediaImageActions\n                            dataHook=\"media-image-edit\"\n                            onReplace={handleCallMedia}\n                            onReplaceWithUrl={openPasteUrl}\n                            onPreview={() => setPopoverLayer('preview')}\n                            onDownload={handleDownload}\n                            onDelete={handleDelete}\n                            onMenuOpenChange={handleMenuOpenChange}\n                            menuZIndex={5002}\n                          />\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        <MediaImagePreviewModal\n          isOpen={popoverLayer === 'preview'}\n          image={image}\n          onClose={() => setPopoverLayer('popover')}\n          onReplace={handleCallMedia}\n          onDelete={handleDelete}\n          onDownload={handleDownload}\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.js

@@ -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_ = "cellmediaimageedit2503392614";
+var _namespace_ = "cellmediaimageedit3927008540";
 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": "cellmediaimageedit2503392614__root",
-  "view": "cellmediaimageedit2503392614__view",
-  "anchor": "cellmediaimageedit2503392614__anchor",
-  "anchorBox": "cellmediaimageedit2503392614__anchorBox",
-  "popoverContent": "cellmediaimageedit2503392614__popoverContent",
-  "image": "cellmediaimageedit2503392614__image",
-  "imageActions": "cellmediaimageedit2503392614__imageActions"
+  "root": "cellmediaimageedit3927008540__root",
+  "view": "cellmediaimageedit3927008540__view",
+  "anchor": "cellmediaimageedit3927008540__anchor",
+  "anchorBox": "cellmediaimageedit3927008540__anchorBox",
+  "popoverContent": "cellmediaimageedit3927008540__popoverContent",
+  "image": "cellmediaimageedit3927008540__image",
+  "imageActions": "cellmediaimageedit3927008540__imageActions"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image-field/cell-media-image-edit.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-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_ = \"cellmediaimageedit2503392614\";\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\":\"cellmediaimageedit2503392614__root\",\"view\":\"cellmediaimageedit2503392614__view\",\"anchor\":\"cellmediaimageedit2503392614__anchor\",\"anchorBox\":\"cellmediaimageedit2503392614__anchorBox\",\"popoverContent\":\"cellmediaimageedit2503392614__popoverContent\",\"image\":\"cellmediaimageedit2503392614__image\",\"imageActions\":\"cellmediaimageedit2503392614__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":[]}
+{"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_ = \"cellmediaimageedit3927008540\";\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\":\"cellmediaimageedit3927008540__root\",\"view\":\"cellmediaimageedit3927008540__view\",\"anchor\":\"cellmediaimageedit3927008540__anchor\",\"anchorBox\":\"cellmediaimageedit3927008540__anchorBox\",\"popoverContent\":\"cellmediaimageedit3927008540__popoverContent\",\"image\":\"cellmediaimageedit3927008540__image\",\"imageActions\":\"cellmediaimageedit3927008540__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":[]}