@wix/patterns-fields 1.58.0 → 1.60.0

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

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "highlightedtext338506268";
+var _namespace_ = "highlightedtext260082073";
 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": "highlightedtext338506268__root",
-  "substring": "highlightedtext338506268__substring"
+  "root": "highlightedtext260082073__root",
+  "substring": "highlightedtext260082073__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext338506268__highlighted",
-  "highlighted-match": "highlightedtext338506268__highlighted-match"
+  "highlighted": "highlightedtext260082073__highlighted",
+  "highlighted-match": "highlightedtext260082073__highlighted-match"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/highlighted-text/highlighted-text.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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext338506268\";\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\":\"highlightedtext338506268__root\",\"substring\":\"highlightedtext338506268__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext338506268__highlighted\",\"highlighted-match\":\"highlightedtext338506268__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,WAAW,EAAC;AAAqC,CAAC;AACzG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,uCAAuC;EAAC,mBAAmB,EAAC;AAA6C,CAAC;AACzI,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext260082073\";\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\":\"highlightedtext260082073__root\",\"substring\":\"highlightedtext260082073__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext260082073__highlighted\",\"highlighted-match\":\"highlightedtext260082073__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,WAAW,EAAC;AAAqC,CAAC;AACzG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,uCAAuC;EAAC,mBAAmB,EAAC;AAA6C,CAAC;AACzI,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.CellImageEdit = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _mediaUtils = require("../../utils/media-utils");
 var _hooks = require("../../hooks");
 var _mediaControl = require("../media-control");
@@ -123,7 +123,7 @@ const CellImageEdit = ({
       lineNumber: 93,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -155,7 +155,7 @@ const CellImageEdit = ({
         lineNumber: 114,
         columnNumber: 15
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -172,7 +172,7 @@ const CellImageEdit = ({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "image-edit-action-replace",
     text: t('CMS.image.replace'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -190,7 +190,7 @@ const CellImageEdit = ({
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "image-edit-action-replace-url",
     text: t('CMS.image.replaceWithUrl.button'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -216,7 +216,7 @@ const CellImageEdit = ({
     dataHook: "image-edit-action-delete",
     text: t('CMS.image.clear'),
     skin: "destructive",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -254,7 +254,7 @@ const CellImageEdit = ({
       lineNumber: 151,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LinkSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","t","useTranslations","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","appendTo","Box","type","onClick","handleCallMedia","style","cursor","lineHeight","position","background","border","padding","ImageThumbnail","ThumbnailReplaceOverlay","IconButton","size","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null;\n  onChange: (value: string | 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\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: value ?? undefined,\n  });\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      value={value}\n      fieldType={MediaFieldType.image}\n    >\n      {value ? (\n        /* Has value: clickable thumbnail button with replace overlay */\n        <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n          <Box>\n            <button\n              type=\"button\"\n              data-hook=\"image-edit-thumbnail\"\n              onClick={mediaEdit.handleCallMedia}\n              style={{\n                cursor: 'pointer',\n                lineHeight: 0,\n                position: 'relative',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n              }}\n            >\n              <ImageThumbnail value={value} />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Box>\n        </Tooltip>\n      ) : (\n        /* Empty: icon button opens media manager */\n        <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"image-edit-add-button\"\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"image-edit-more-button\"\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace\"\n            text={t('CMS.image.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace-url\"\n            text={t('CMS.image.replaceWithUrl.button')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-delete\"\n            text={t('CMS.image.clear')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        /* Empty: icon button opens paste-URL form */\n        <Tooltip\n          content={t('CMS.image.replaceWithUrl.button')}\n          appendTo=\"window\"\n        >\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"image-edit-paste-url-button\"\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","t","useTranslations","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","appendTo","Box","type","onClick","handleCallMedia","style","cursor","lineHeight","position","background","border","padding","ImageThumbnail","ThumbnailReplaceOverlay","IconButton","size","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null;\n  onChange: (value: string | 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\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: value ?? undefined,\n  });\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      value={value}\n      fieldType={MediaFieldType.image}\n    >\n      {value ? (\n        /* Has value: clickable thumbnail button with replace overlay */\n        <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n          <Box>\n            <button\n              type=\"button\"\n              data-hook=\"image-edit-thumbnail\"\n              onClick={mediaEdit.handleCallMedia}\n              style={{\n                cursor: 'pointer',\n                lineHeight: 0,\n                position: 'relative',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n              }}\n            >\n              <ImageThumbnail value={value} />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Box>\n        </Tooltip>\n      ) : (\n        /* Empty: icon button opens media manager */\n        <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"image-edit-add-button\"\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"image-edit-more-button\"\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace\"\n            text={t('CMS.image.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace-url\"\n            text={t('CMS.image.replaceWithUrl.button')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-delete\"\n            text={t('CMS.image.clear')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        /* Empty: icon button opens paste-URL form */\n        <Tooltip\n          content={t('CMS.image.replaceWithUrl.button')}\n          appendTo=\"window\"\n        >\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"image-edit-paste-url-button\"\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ThumbnailReplaceOverlay = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _thumbnailReplaceOverlayStCss = require("./thumbnail-replace-overlay.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/image/thumbnail-replace-overlay.tsx";
 const ThumbnailReplaceOverlay = () => /*#__PURE__*/_react.default.createElement("div", {
@@ -15,7 +15,7 @@ const ThumbnailReplaceOverlay = () => /*#__PURE__*/_react.default.createElement(
     lineNumber: 6,
     columnNumber: 3
   }
-}, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+}, /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
   className: _thumbnailReplaceOverlayStCss.classes.icon,
   __self: void 0,
   __source: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_thumbnailReplaceOverlayStCss","_jsxFileName","ThumbnailReplaceOverlay","default","createElement","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","Replace","icon","exports","displayName"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Replace } from '@wix/wix-ui-icons-common';\nimport { classes } from './thumbnail-replace-overlay.st.css.js';\n\nexport const ThumbnailReplaceOverlay: React.FC = () => (\n  <div className={classes.root}>\n    <Replace className={classes.icon} />\n  </div>\n);\n\nThumbnailReplaceOverlay.displayName = 'ThumbnailReplaceOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAAgE,IAAAG,YAAA;AAEzD,MAAMC,uBAAiC,GAAGA,CAAA,kBAC/CN,MAAA,CAAAO,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAEC,qCAAO,CAACC,IAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAT,YAAA;IAAAU,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC3BhB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,iBAAA,CAAAc,OAAO;EAACR,SAAS,EAAEC,qCAAO,CAACQ,IAAK;EAAAN,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAT,YAAA;IAAAU,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAChC,CACN;AAACG,OAAA,CAAAb,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAACc,WAAW,GAAG,yBAAyB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_thumbnailReplaceOverlayStCss","_jsxFileName","ThumbnailReplaceOverlay","default","createElement","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","Replace","icon","exports","displayName"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Replace } from '@wix/wix-ui-icons-common/lazy';\nimport { classes } from './thumbnail-replace-overlay.st.css.js';\n\nexport const ThumbnailReplaceOverlay: React.FC = () => (\n  <div className={classes.root}>\n    <Replace className={classes.icon} />\n  </div>\n);\n\nThumbnailReplaceOverlay.displayName = 'ThumbnailReplaceOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,6BAAA,GAAAF,OAAA;AAAgE,IAAAG,YAAA;AAEzD,MAAMC,uBAAiC,GAAGA,CAAA,kBAC/CN,MAAA,CAAAO,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAEC,qCAAO,CAACC,IAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAT,YAAA;IAAAU,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC3BhB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAc,OAAO;EAACR,SAAS,EAAEC,qCAAO,CAACQ,IAAK;EAAAN,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAT,YAAA;IAAAU,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAChC,CACN;AAACG,OAAA,CAAAb,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAACc,WAAW,GAAG,yBAAyB","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "thumbnailreplaceoverlay2875188225";
+var _namespace_ = "thumbnailreplaceoverlay3438889648";
 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": "thumbnailreplaceoverlay2875188225__root",
-  "icon": "thumbnailreplaceoverlay2875188225__icon"
+  "root": "thumbnailreplaceoverlay3438889648__root",
+  "icon": "thumbnailreplaceoverlay3438889648__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay2875188225\";\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\":\"thumbnailreplaceoverlay2875188225__root\",\"icon\":\"thumbnailreplaceoverlay2875188225__icon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay3438889648\";\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\":\"thumbnailreplaceoverlay3438889648__root\",\"icon\":\"thumbnailreplaceoverlay3438889648__icon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmediaeditshell4097080161";
+var _namespace_ = "cellmediaeditshell4191230720";
 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": "cellmediaeditshell4097080161__root"
+  "root": "cellmediaeditshell4191230720__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell4097080161\";\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\":\"cellmediaeditshell4097080161__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAoC,CAAC;AAC3D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell4191230720\";\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\":\"cellmediaeditshell4191230720__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAoC,CAAC;AAC3D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton3849090191";
+var _namespace_ = "pasteurlbutton1443057515";
 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": "pasteurlbutton3849090191__root",
-  "iconButtonTooltip": "pasteurlbutton3849090191__iconButtonTooltip",
-  "iconButton": "pasteurlbutton3849090191__iconButton"
+  "root": "pasteurlbutton1443057515__root",
+  "iconButtonTooltip": "pasteurlbutton1443057515__iconButtonTooltip",
+  "iconButton": "pasteurlbutton1443057515__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton3849090191\";\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\":\"pasteurlbutton3849090191__root\",\"iconButtonTooltip\":\"pasteurlbutton3849090191__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton3849090191__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton1443057515\";\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\":\"pasteurlbutton1443057515__root\",\"iconButtonTooltip\":\"pasteurlbutton1443057515__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton1443057515__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -6,7 +6,7 @@ exports.CellMediaGalleryEdit = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _media = require("@wix/media");
 var _autoFieldTypes = require("../../auto-field-types");
 var _hooks = require("../../hooks");
@@ -168,7 +168,7 @@ const CellMediaGalleryEdit = ({
       lineNumber: 154,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -197,7 +197,7 @@ const CellMediaGalleryEdit = ({
         lineNumber: 174,
         columnNumber: 17
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -214,7 +214,7 @@ const CellMediaGalleryEdit = ({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "gallery-edit-action-manage",
     text: t('CMS.mediaGallery.manageGallery'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -232,7 +232,7 @@ const CellMediaGalleryEdit = ({
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
     dataHook: "gallery-edit-action-preview",
     text: t('CMS.mediaGallery.preview'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -258,7 +258,7 @@ const CellMediaGalleryEdit = ({
     dataHook: "gallery-edit-action-clear",
     text: t('CMS.mediaGallery.clear'),
     skin: "destructive",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_media","_autoFieldTypes","_hooks","_mediaUtils","_hooks2","_mediaGalleryDialog","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","CellMediaGalleryEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","hasValue","Boolean","length","isPreviewOpen","setIsPreviewOpen","useState","didCommitRef","avatarItems","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","openMediaGalleryDialog","dialogProps","useMediaGalleryDialog","initialOpen","items","current","handleOpenGallery","useCallback","handleOpenPreview","handlePreviewClose","handlePreviewRequestMedia","handlePreviewClear","handleClearAll","onDownloadMedia","mediaUri","_value$","uri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","getMediaURL","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","ref","style","width","height","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","padding","boxSizing","AvatarGroup","size","type","Tooltip","content","appendTo","IconButton","priority","onClick","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Refresh","Maximize","Divider","skin","Delete","isOpen","MediaGalleryDialog","_extends2","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","textKeys","exports","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport {\n  AvatarGroup,\n  Box,\n  IconButton,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  MoreSmall,\n  Refresh,\n  Delete,\n  Maximize,\n} from '@wix/wix-ui-icons-common';\nimport { files } from '@wix/media';\nimport {\n  mediaURItoImageURL,\n  ThumbnailSize,\n  getMediaURL,\n} from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\nimport { MediaPreviewModal } from './media-preview-modal';\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport interface CellMediaGalleryEditProps {\n  value: WixCodeGalleryItem[] | null;\n  onChange: (value: WixCodeGalleryItem[] | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellMediaGalleryEdit: React.FC<CellMediaGalleryEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const hasValue = Boolean(value?.length);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  // Tracks whether a commit happened during the current external-UI session.\n  // Prevents calling onCancel() after the user already committed (e.g., clear\n  // in the preview modal fires onClear then onClose, but we should not cancel).\n  const didCommitRef = useRef(false);\n\n  const avatarItems = (value ?? []).map((item) => ({\n    imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n  }));\n\n  const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({\n    initialOpen: false,\n    items: value ?? [],\n    onChange: (items: WixCodeGalleryItem[]) => {\n      didCommitRef.current = true;\n      onChange(items.length > 0 ? items : null);\n      onCommit();\n    },\n  });\n\n  const handleOpenGallery = useCallback(() => {\n    didCommitRef.current = false;\n    onStartEdit?.();\n    openMediaGalleryDialog();\n  }, [onStartEdit, openMediaGalleryDialog]);\n\n  const handleOpenPreview = useCallback(() => {\n    didCommitRef.current = false;\n    onStartEdit?.();\n    setIsPreviewOpen(true);\n  }, [onStartEdit]);\n\n  const handlePreviewClose = useCallback(() => {\n    setIsPreviewOpen(false);\n    if (!didCommitRef.current) {\n      onCancel?.();\n    }\n    didCommitRef.current = false;\n  }, [onCancel]);\n\n  const handlePreviewRequestMedia = useCallback(() => {\n    setIsPreviewOpen(false);\n    openMediaGalleryDialog();\n  }, [openMediaGalleryDialog]);\n\n  const handlePreviewClear = useCallback(() => {\n    didCommitRef.current = true;\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const handleClearAll = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const onDownloadMedia = useCallback(\n    async (mediaUri?: string) => {\n      const uri = mediaUri ?? value?.[0]?.src;\n      if (!uri) return;\n      try {\n        const result = await files.generateFileDownloadUrl(uri);\n        const downloadUrl = result.downloadUrls?.[0]?.url;\n        if (!downloadUrl) throw new Error('No download URL returned');\n        executeDownloading(downloadUrl);\n      } catch {\n        executeDownloading(getMediaURL(uri));\n      }\n    },\n    [value],\n  );\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      style={{ width: '100%', height: '100%' }}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        style={{ boxSizing: 'border-box' }}\n      >\n        {hasValue ? (\n          <AvatarGroup items={avatarItems} size=\"tiny\" type=\"condensed\" />\n        ) : (\n          <Tooltip content={t('CMS.mediaGallery.addGallery')} appendTo=\"window\">\n            <IconButton\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"gallery-edit-add-button\"\n              onClick={handleOpenGallery}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        {hasValue ? (\n          <PopoverMenu\n            textSize=\"small\"\n            appendTo=\"window\"\n            triggerElement={\n              <Tooltip\n                content={t('auto-patterns.fields.more_actions_tooltip')}\n                appendTo=\"window\"\n              >\n                <IconButton\n                  size=\"tiny\"\n                  priority=\"tertiary\"\n                  dataHook=\"gallery-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-manage\"\n              text={t('CMS.mediaGallery.manageGallery')}\n              prefixIcon={<Refresh />}\n              onClick={handleOpenGallery}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-preview\"\n              text={t('CMS.mediaGallery.preview')}\n              prefixIcon={<Maximize />}\n              onClick={handleOpenPreview}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-clear\"\n              text={t('CMS.mediaGallery.clear')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleClearAll}\n            />\n          </PopoverMenu>\n        ) : null}\n      </Box>\n\n      {dialogProps.isOpen && <MediaGalleryDialog {...dialogProps} />}\n\n      <MediaPreviewModal\n        isOpen={isPreviewOpen}\n        onClose={handlePreviewClose}\n        value={(value ?? []).map((item) => item.src)}\n        onRequestMedia={handlePreviewRequestMedia}\n        onClearMedia={handlePreviewClear}\n        onDownloadMedia={onDownloadMedia}\n        textKeys={mediaGalleryPreviewTextKeys}\n      />\n    </div>\n  );\n};\n\nCellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_media","_autoFieldTypes","_hooks","_mediaUtils","_hooks2","_mediaGalleryDialog","_mediaPreviewModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","CellMediaGalleryEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","useTranslations","containerRef","useRef","hasValue","Boolean","length","isPreviewOpen","setIsPreviewOpen","useState","didCommitRef","avatarItems","map","item","imgProps","src","mediaURItoImageURL","ThumbnailSize","S","openMediaGalleryDialog","dialogProps","useMediaGalleryDialog","initialOpen","items","current","handleOpenGallery","useCallback","handleOpenPreview","handlePreviewClose","handlePreviewRequestMedia","handlePreviewClear","handleClearAll","onDownloadMedia","mediaUri","_value$","uri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","getMediaURL","handleContainerFocus","handleContainerBlur","useCellEditKeyboard","createElement","ref","style","width","height","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","padding","boxSizing","AvatarGroup","size","type","Tooltip","content","appendTo","IconButton","priority","onClick","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Refresh","Maximize","Divider","skin","Delete","isOpen","MediaGalleryDialog","_extends2","MediaPreviewModal","onClose","onRequestMedia","onClearMedia","textKeys","exports","displayName"],"sources":["../../../../src/components/media-gallery/cell-media-gallery-edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport {\n  AvatarGroup,\n  Box,\n  IconButton,\n  PopoverMenu,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Add,\n  MoreSmall,\n  Refresh,\n  Delete,\n  Maximize,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { files } from '@wix/media';\nimport {\n  mediaURItoImageURL,\n  ThumbnailSize,\n  getMediaURL,\n} from '../../auto-field-types';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations, useCellEditKeyboard } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\nimport { MediaPreviewModal } from './media-preview-modal';\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport interface CellMediaGalleryEditProps {\n  value: WixCodeGalleryItem[] | null;\n  onChange: (value: WixCodeGalleryItem[] | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellMediaGalleryEdit: React.FC<CellMediaGalleryEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const hasValue = Boolean(value?.length);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n  // Tracks whether a commit happened during the current external-UI session.\n  // Prevents calling onCancel() after the user already committed (e.g., clear\n  // in the preview modal fires onClear then onClose, but we should not cancel).\n  const didCommitRef = useRef(false);\n\n  const avatarItems = (value ?? []).map((item) => ({\n    imgProps: { src: mediaURItoImageURL(item.src, ThumbnailSize.S) },\n  }));\n\n  const { openMediaGalleryDialog, ...dialogProps } = useMediaGalleryDialog({\n    initialOpen: false,\n    items: value ?? [],\n    onChange: (items: WixCodeGalleryItem[]) => {\n      didCommitRef.current = true;\n      onChange(items.length > 0 ? items : null);\n      onCommit();\n    },\n  });\n\n  const handleOpenGallery = useCallback(() => {\n    didCommitRef.current = false;\n    onStartEdit?.();\n    openMediaGalleryDialog();\n  }, [onStartEdit, openMediaGalleryDialog]);\n\n  const handleOpenPreview = useCallback(() => {\n    didCommitRef.current = false;\n    onStartEdit?.();\n    setIsPreviewOpen(true);\n  }, [onStartEdit]);\n\n  const handlePreviewClose = useCallback(() => {\n    setIsPreviewOpen(false);\n    if (!didCommitRef.current) {\n      onCancel?.();\n    }\n    didCommitRef.current = false;\n  }, [onCancel]);\n\n  const handlePreviewRequestMedia = useCallback(() => {\n    setIsPreviewOpen(false);\n    openMediaGalleryDialog();\n  }, [openMediaGalleryDialog]);\n\n  const handlePreviewClear = useCallback(() => {\n    didCommitRef.current = true;\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const handleClearAll = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const onDownloadMedia = useCallback(\n    async (mediaUri?: string) => {\n      const uri = mediaUri ?? value?.[0]?.src;\n      if (!uri) return;\n      try {\n        const result = await files.generateFileDownloadUrl(uri);\n        const downloadUrl = result.downloadUrls?.[0]?.url;\n        if (!downloadUrl) throw new Error('No download URL returned');\n        executeDownloading(downloadUrl);\n      } catch {\n        executeDownloading(getMediaURL(uri));\n      }\n    },\n    [value],\n  );\n\n  const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({\n    containerRef,\n    onCancel,\n    inputRef,\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      data-hook={dataHook}\n      style={{ width: '100%', height: '100%' }}\n      onFocus={handleContainerFocus}\n      onBlur={handleContainerBlur}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        height=\"100%\"\n        padding=\"0 8px\"\n        style={{ boxSizing: 'border-box' }}\n      >\n        {hasValue ? (\n          <AvatarGroup items={avatarItems} size=\"tiny\" type=\"condensed\" />\n        ) : (\n          <Tooltip content={t('CMS.mediaGallery.addGallery')} appendTo=\"window\">\n            <IconButton\n              size=\"tiny\"\n              priority=\"secondary\"\n              dataHook=\"gallery-edit-add-button\"\n              onClick={handleOpenGallery}\n            >\n              <Add />\n            </IconButton>\n          </Tooltip>\n        )}\n\n        {hasValue ? (\n          <PopoverMenu\n            textSize=\"small\"\n            appendTo=\"window\"\n            triggerElement={\n              <Tooltip\n                content={t('auto-patterns.fields.more_actions_tooltip')}\n                appendTo=\"window\"\n              >\n                <IconButton\n                  size=\"tiny\"\n                  priority=\"tertiary\"\n                  dataHook=\"gallery-edit-more-button\"\n                >\n                  <MoreSmall />\n                </IconButton>\n              </Tooltip>\n            }\n          >\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-manage\"\n              text={t('CMS.mediaGallery.manageGallery')}\n              prefixIcon={<Refresh />}\n              onClick={handleOpenGallery}\n            />\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-preview\"\n              text={t('CMS.mediaGallery.preview')}\n              prefixIcon={<Maximize />}\n              onClick={handleOpenPreview}\n            />\n            <PopoverMenu.Divider />\n            <PopoverMenu.MenuItem\n              dataHook=\"gallery-edit-action-clear\"\n              text={t('CMS.mediaGallery.clear')}\n              skin=\"destructive\"\n              prefixIcon={<Delete />}\n              onClick={handleClearAll}\n            />\n          </PopoverMenu>\n        ) : null}\n      </Box>\n\n      {dialogProps.isOpen && <MediaGalleryDialog {...dialogProps} />}\n\n      <MediaPreviewModal\n        isOpen={isPreviewOpen}\n        onClose={handlePreviewClose}\n        value={(value ?? []).map((item) => item.src)}\n        onRequestMedia={handlePreviewRequestMedia}\n        onClearMedia={handlePreviewClear}\n        onDownloadMedia={onDownloadMedia}\n        textKeys={mediaGalleryPreviewTextKeys}\n      />\n    </div>\n  );\n};\n\nCellMediaGalleryEdit.displayName = 'CellMediaGalleryEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-gallery/form-media-gallery-field.js

@@ -6,7 +6,7 @@ exports.FormMediaGalleryField = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../hooks");
 var _mediaUtils = require("../../utils/media-utils");
 var _autoFieldTypes = require("../../auto-field-types");
@@ -178,7 +178,7 @@ const FormMediaGalleryField = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     skin: "inverted",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -213,7 +213,7 @@ const FormMediaGalleryField = ({
       lineNumber: 175,
       columnNumber: 19
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Maximize, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -239,7 +239,7 @@ const FormMediaGalleryField = ({
       lineNumber: 184,
       columnNumber: 19
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/media-gallery/form-media-gallery-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_hooks","_mediaUtils","_autoFieldTypes","_media","_formMediaGalleryFieldStCss","_formMediaGalleryItemsPreview","_mediaPreviewModal","_hooks2","_mediaGalleryDialog","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","FormMediaGalleryField","data","onChange","onClear","readOnly","invalid","autoFocus","dataHook","useTranslations","boxRef","useRef","inputRef","boxWidth","setBoxWidth","useState","hovered","setHovered","isPreviewOpen","setIsPreviewOpen","hasValue","Boolean","length","useEffect","_boxRef$current","_inputRef$current","current","focus","el","clientWidth","ro","ResizeObserver","entry","contentRect","width","observe","disconnect","openMediaGalleryDialog","mediaGalleryDialogProps","useMediaGalleryDialog","initialOpen","items","onMouseEnter","useCallback","onMouseLeave","onDownloadMedia","mediaUri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","error","console","getMediaURL","onRequestMedia","createElement","ref","tabIndex","className","classes","container","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","addItemWrapper","AddItem","style","addItem","size","theme","onClick","disabled","subtitle","Fragment","MediaOverlay","overlay","hoverSkin","borderRadius","media","FormMediaGalleryItemsPreview","value","Content","visible","Box","gap","align","Button","skin","prefixIcon","Refresh","Tooltip","content","IconButton","Maximize","Delete","MediaPreviewModal","isOpen","onClose","map","d","src","onClearMedia","textKeys","MediaGalleryDialog","_extends2","exports","displayName"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback, useEffect } from 'react';\nimport type { AddItemActions } from '@wix/design-system';\nimport {\n  AddItem,\n  Box,\n  Button,\n  IconButton,\n  MediaOverlay,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Refresh as RefreshIcon,\n  Delete as DeleteIcon,\n  Maximize as MaximizeIcon,\n} from '@wix/wix-ui-icons-common';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { files } from '@wix/media';\n\nimport { style, classes } from './form-media-gallery-field.st.css.js';\nimport { FormMediaGalleryItemsPreview } from './form-media-gallery-items-preview';\nimport { MediaPreviewModal } from './media-preview-modal';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\n\nexport interface FormMediaGalleryFieldProps {\n  data?: WixCodeGalleryItem[];\n  onChange: (value: WixCodeGalleryItem[]) => void;\n  onClear?: () => void;\n  readOnly?: boolean;\n  invalid?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n}\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport const FormMediaGalleryField: React.FC<FormMediaGalleryFieldProps> = ({\n  data,\n  onChange,\n  onClear,\n  readOnly,\n  invalid,\n  autoFocus,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const boxRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<AddItemActions>(null);\n  const [boxWidth, setBoxWidth] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const hasValue = Boolean(data?.length);\n\n  // autoFocus support\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n    boxRef.current?.focus();\n    inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Responsive width tracking\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el) {\n      return;\n    }\n    setBoxWidth(el.clientWidth);\n    const ro = new ResizeObserver(([entry]) =>\n      setBoxWidth(entry.contentRect.width),\n    );\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const { openMediaGalleryDialog, ...mediaGalleryDialogProps } =\n    useMediaGalleryDialog({\n      initialOpen: false,\n      items: data,\n      onChange,\n    });\n\n  const onMouseEnter = useCallback(\n    () => hasValue && setHovered(true),\n    [hasValue],\n  );\n  const onMouseLeave = useCallback(\n    () => hasValue && setHovered(false),\n    [hasValue],\n  );\n\n  // Download using Wix media API (consistent with useMediaControl)\n  const onDownloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  const onRequestMedia = useCallback(() => {\n    openMediaGalleryDialog();\n    setIsPreviewOpen(false);\n    setHovered(false);\n  }, [openMediaGalleryDialog]);\n\n  return (\n    <div\n      data-hook={dataHook}\n      ref={boxRef}\n      tabIndex={hasValue ? 0 : -1}\n      className={classes.container}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onMouseEnter}\n      onBlur={onMouseLeave}\n    >\n      {!hasValue ? (\n        <div className={classes.addItemWrapper}>\n          <AddItem\n            ref={inputRef}\n            className={style(classes.addItem, { error: invalid })}\n            size=\"tiny\"\n            theme=\"dashes\"\n            onClick={onRequestMedia}\n            disabled={readOnly}\n            dataHook={`${dataHook}-add`}\n            subtitle={t('CMS.mediaGallery.emptyHint')}\n          >\n            {t('CMS.mediaGallery.addGallery')}\n          </AddItem>\n        </div>\n      ) : (\n        <>\n          <MediaOverlay\n            hovered={hovered}\n            className={classes.overlay}\n            hoverSkin=\"dark\"\n            borderRadius={0}\n            media={\n              <FormMediaGalleryItemsPreview width={boxWidth} value={data} />\n            }\n          >\n            <MediaOverlay.Content visible=\"hover\">\n              <Box gap=\"SP2\" align=\"center\">\n                <Button\n                  skin=\"inverted\"\n                  prefixIcon={<RefreshIcon />}\n                  onClick={onRequestMedia}\n                  disabled={readOnly}\n                  dataHook={`${dataHook}-manage`}\n                >\n                  {t('CMS.mediaGallery.manageGallery')}\n                </Button>\n                <Tooltip content={t('CMS.mediaGallery.preview')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={() => setIsPreviewOpen(true)}\n                    dataHook={`${dataHook}-preview`}\n                  >\n                    <MaximizeIcon />\n                  </IconButton>\n                </Tooltip>\n                <Tooltip content={t('CMS.mediaGallery.clear')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={onClear}\n                    disabled={readOnly}\n                    dataHook={`${dataHook}-clear`}\n                  >\n                    <DeleteIcon />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            </MediaOverlay.Content>\n          </MediaOverlay>\n          <MediaPreviewModal\n            isOpen={isPreviewOpen}\n            onClose={() => setIsPreviewOpen(false)}\n            value={data?.map((d) => d.src)}\n            onRequestMedia={onRequestMedia}\n            onClearMedia={onClear}\n            onDownloadMedia={onDownloadMedia}\n            textKeys={mediaGalleryPreviewTextKeys}\n            readOnly={readOnly}\n          />\n        </>\n      )}\n\n      {mediaGalleryDialogProps.isOpen && (\n        <MediaGalleryDialog {...mediaGalleryDialogProps} />\n      )}\n    </div>\n  );\n};\n\nFormMediaGalleryField.displayName = 'FormMediaGalleryField';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_hooks","_mediaUtils","_autoFieldTypes","_media","_formMediaGalleryFieldStCss","_formMediaGalleryItemsPreview","_mediaPreviewModal","_hooks2","_mediaGalleryDialog","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","mediaGalleryPreviewTextKeys","replace","download","delete","FormMediaGalleryField","data","onChange","onClear","readOnly","invalid","autoFocus","dataHook","useTranslations","boxRef","useRef","inputRef","boxWidth","setBoxWidth","useState","hovered","setHovered","isPreviewOpen","setIsPreviewOpen","hasValue","Boolean","length","useEffect","_boxRef$current","_inputRef$current","current","focus","el","clientWidth","ro","ResizeObserver","entry","contentRect","width","observe","disconnect","openMediaGalleryDialog","mediaGalleryDialogProps","useMediaGalleryDialog","initialOpen","items","onMouseEnter","useCallback","onMouseLeave","onDownloadMedia","mediaUri","_result$downloadUrls","result","files","generateFileDownloadUrl","downloadUrl","downloadUrls","url","Error","executeDownloading","error","console","getMediaURL","onRequestMedia","createElement","ref","tabIndex","className","classes","container","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","addItemWrapper","AddItem","style","addItem","size","theme","onClick","disabled","subtitle","Fragment","MediaOverlay","overlay","hoverSkin","borderRadius","media","FormMediaGalleryItemsPreview","value","Content","visible","Box","gap","align","Button","skin","prefixIcon","Refresh","Tooltip","content","IconButton","Maximize","Delete","MediaPreviewModal","isOpen","onClose","map","d","src","onClearMedia","textKeys","MediaGalleryDialog","_extends2","exports","displayName"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback, useEffect } from 'react';\nimport type { AddItemActions } from '@wix/design-system';\nimport {\n  AddItem,\n  Box,\n  Button,\n  IconButton,\n  MediaOverlay,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Refresh as RefreshIcon,\n  Delete as DeleteIcon,\n  Maximize as MaximizeIcon,\n} from '@wix/wix-ui-icons-common/lazy';\nimport type { WixCodeGalleryItem } from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport { executeDownloading } from '../../utils/media-utils';\nimport { getMediaURL } from '../../auto-field-types';\nimport { files } from '@wix/media';\n\nimport { style, classes } from './form-media-gallery-field.st.css.js';\nimport { FormMediaGalleryItemsPreview } from './form-media-gallery-items-preview';\nimport { MediaPreviewModal } from './media-preview-modal';\nimport { useMediaGalleryDialog } from './media-gallery-dialog/hooks';\nimport { MediaGalleryDialog } from './media-gallery-dialog/media-gallery-dialog';\n\nexport interface FormMediaGalleryFieldProps {\n  data?: WixCodeGalleryItem[];\n  onChange: (value: WixCodeGalleryItem[]) => void;\n  onClear?: () => void;\n  readOnly?: boolean;\n  invalid?: boolean;\n  autoFocus?: boolean;\n  dataHook?: string;\n}\n\nconst mediaGalleryPreviewTextKeys = {\n  replace: 'CMS.mediaGallery.preview.replace',\n  download: 'CMS.mediaGallery.preview.download',\n  delete: 'CMS.mediaGallery.preview.delete',\n} as const;\n\nexport const FormMediaGalleryField: React.FC<FormMediaGalleryFieldProps> = ({\n  data,\n  onChange,\n  onClear,\n  readOnly,\n  invalid,\n  autoFocus,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n  const boxRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<AddItemActions>(null);\n  const [boxWidth, setBoxWidth] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isPreviewOpen, setIsPreviewOpen] = useState(false);\n\n  const hasValue = Boolean(data?.length);\n\n  // autoFocus support\n  useEffect(() => {\n    if (!autoFocus) {\n      return;\n    }\n    boxRef.current?.focus();\n    inputRef.current?.focus();\n  }, [autoFocus]);\n\n  // Responsive width tracking\n  useEffect(() => {\n    const el = boxRef.current;\n    if (!el) {\n      return;\n    }\n    setBoxWidth(el.clientWidth);\n    const ro = new ResizeObserver(([entry]) =>\n      setBoxWidth(entry.contentRect.width),\n    );\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n\n  const { openMediaGalleryDialog, ...mediaGalleryDialogProps } =\n    useMediaGalleryDialog({\n      initialOpen: false,\n      items: data,\n      onChange,\n    });\n\n  const onMouseEnter = useCallback(\n    () => hasValue && setHovered(true),\n    [hasValue],\n  );\n  const onMouseLeave = useCallback(\n    () => hasValue && setHovered(false),\n    [hasValue],\n  );\n\n  // Download using Wix media API (consistent with useMediaControl)\n  const onDownloadMedia = useCallback(async (mediaUri?: string) => {\n    if (!mediaUri) {\n      return;\n    }\n    try {\n      const result = await files.generateFileDownloadUrl(mediaUri);\n      const downloadUrl = result.downloadUrls?.[0]?.url;\n      if (!downloadUrl) {\n        throw new Error('No download URL returned');\n      }\n      executeDownloading(downloadUrl);\n    } catch (error) {\n      // Fallback: open the static URL in a new tab\n      console.error('Media download error, falling back to static URL:', error);\n      executeDownloading(getMediaURL(mediaUri));\n    }\n  }, []);\n\n  const onRequestMedia = useCallback(() => {\n    openMediaGalleryDialog();\n    setIsPreviewOpen(false);\n    setHovered(false);\n  }, [openMediaGalleryDialog]);\n\n  return (\n    <div\n      data-hook={dataHook}\n      ref={boxRef}\n      tabIndex={hasValue ? 0 : -1}\n      className={classes.container}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onMouseEnter}\n      onBlur={onMouseLeave}\n    >\n      {!hasValue ? (\n        <div className={classes.addItemWrapper}>\n          <AddItem\n            ref={inputRef}\n            className={style(classes.addItem, { error: invalid })}\n            size=\"tiny\"\n            theme=\"dashes\"\n            onClick={onRequestMedia}\n            disabled={readOnly}\n            dataHook={`${dataHook}-add`}\n            subtitle={t('CMS.mediaGallery.emptyHint')}\n          >\n            {t('CMS.mediaGallery.addGallery')}\n          </AddItem>\n        </div>\n      ) : (\n        <>\n          <MediaOverlay\n            hovered={hovered}\n            className={classes.overlay}\n            hoverSkin=\"dark\"\n            borderRadius={0}\n            media={\n              <FormMediaGalleryItemsPreview width={boxWidth} value={data} />\n            }\n          >\n            <MediaOverlay.Content visible=\"hover\">\n              <Box gap=\"SP2\" align=\"center\">\n                <Button\n                  skin=\"inverted\"\n                  prefixIcon={<RefreshIcon />}\n                  onClick={onRequestMedia}\n                  disabled={readOnly}\n                  dataHook={`${dataHook}-manage`}\n                >\n                  {t('CMS.mediaGallery.manageGallery')}\n                </Button>\n                <Tooltip content={t('CMS.mediaGallery.preview')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={() => setIsPreviewOpen(true)}\n                    dataHook={`${dataHook}-preview`}\n                  >\n                    <MaximizeIcon />\n                  </IconButton>\n                </Tooltip>\n                <Tooltip content={t('CMS.mediaGallery.clear')}>\n                  <IconButton\n                    skin=\"inverted\"\n                    onClick={onClear}\n                    disabled={readOnly}\n                    dataHook={`${dataHook}-clear`}\n                  >\n                    <DeleteIcon />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            </MediaOverlay.Content>\n          </MediaOverlay>\n          <MediaPreviewModal\n            isOpen={isPreviewOpen}\n            onClose={() => setIsPreviewOpen(false)}\n            value={data?.map((d) => d.src)}\n            onRequestMedia={onRequestMedia}\n            onClearMedia={onClear}\n            onDownloadMedia={onDownloadMedia}\n            textKeys={mediaGalleryPreviewTextKeys}\n            readOnly={readOnly}\n          />\n        </>\n      )}\n\n      {mediaGalleryDialogProps.isOpen && (\n        <MediaGalleryDialog {...mediaGalleryDialogProps} />\n      )}\n    </div>\n  );\n};\n\nFormMediaGalleryField.displayName = 'FormMediaGalleryField';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield3093550833";
+var _namespace_ = "formmediagalleryfield596724928";
 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": "formmediagalleryfield3093550833__root",
-  "container": "formmediagalleryfield3093550833__container",
-  "viewBox": "formmediagalleryfield3093550833__viewBox",
-  "addItemWrapper": "formmediagalleryfield3093550833__addItemWrapper",
-  "addItem": "formmediagalleryfield3093550833__addItem",
-  "overlay": "formmediagalleryfield3093550833__overlay",
-  "image": "formmediagalleryfield3093550833__image",
-  "previewImage": "formmediagalleryfield3093550833__previewImage",
-  "previewVideo": "formmediagalleryfield3093550833__previewVideo"
+  "root": "formmediagalleryfield596724928__root",
+  "container": "formmediagalleryfield596724928__container",
+  "viewBox": "formmediagalleryfield596724928__viewBox",
+  "addItemWrapper": "formmediagalleryfield596724928__addItemWrapper",
+  "addItem": "formmediagalleryfield596724928__addItem",
+  "overlay": "formmediagalleryfield596724928__overlay",
+  "image": "formmediagalleryfield596724928__image",
+  "previewImage": "formmediagalleryfield596724928__previewImage",
+  "previewVideo": "formmediagalleryfield596724928__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};