@wix/patterns-fields 1.29.0 → 1.32.0

package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formaudiofield16737968";
+var _namespace_ = "formaudiofield3184549307";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formaudiofield16737968__root", "addItem": "formaudiofield16737968__addItem", "mediaTitle": "formaudiofield16737968__mediaTitle" };
+export var classes = { "root": "formaudiofield3184549307__root", "addItem": "formaudiofield3184549307__addItem", "mediaTitle": "formaudiofield3184549307__mediaTitle" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-audio-field.st.css.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,SAAS,EAAC,iCAAiC,EAAC,YAAY,EAAC,oCAAoC,EAAC,CAAC;AAC3J,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"form-audio-field.st.css.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-field/form-audio-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,SAAS,EAAC,mCAAmC,EAAC,YAAY,EAAC,sCAAsC,EAAC,CAAC;AACjK,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/audio/audio-player/audio-player.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "audioplayer1690888432";
+var _namespace_ = "audioplayer2286934621";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "audioplayer1690888432__root" };
+export var classes = { "root": "audioplayer2286934621__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/color-view/color-view.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "colorview592337046";
+var _namespace_ = "colorview2476891254";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "colorview592337046__root", "view": "colorview592337046__view", "fillPreview": "colorview592337046__fillPreview" };
+export var classes = { "root": "colorview2476891254__root", "view": "colorview2476891254__view", "fillPreview": "colorview2476891254__fillPreview" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/color-view/color-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-view.st.css.js","sourceRoot":"","sources":["../../../../src/components/color-view/color-view.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,aAAa,EAAC,iCAAiC,EAAC,CAAC;AAC3I,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"color-view.st.css.js","sourceRoot":"","sources":["../../../../src/components/color-view/color-view.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,MAAM,EAAC,2BAA2B,EAAC,aAAa,EAAC,kCAAkC,EAAC,CAAC;AAC9I,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/delete-dialog/delete-dialog.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "deletedialog3203528919";
+var _namespace_ = "deletedialog4190420635";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "deletedialog3203528919__root", "layout": "deletedialog3203528919__layout" };
+export var classes = { "root": "deletedialog4190420635__root", "layout": "deletedialog4190420635__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/document/cell-document-edit.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Box, IconButton, PopoverMenu, Tag, Tooltip } from '@wix/design-system';
+import { Add, Delete, DocumentSmall, Download, ExternalLink, Link, LinkSmall, MoreSmall, Replace, } from '@wix/wix-ui-icons-common';
+import { getMediaTitle, MEDIA_TYPES } from '../../utils/media-utils';
+import { getMediaURL } from '../../auto-field-types';
+import { useTranslations } from '../../hooks';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useCellMediaEdit, CellMediaEditShell, MediaFieldType, } from '../media-control';
+import { openDocument } from './utils';
+export const CellDocumentEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, fieldId, }) => {
+    const { t } = useTranslations();
+    const msid = useWixPatternsContainer()?.environment?.msid;
+    const mediaEdit = useCellMediaEdit({
+        mediaType: MEDIA_TYPES.ALL_MEDIA,
+        value,
+        onChange,
+        onCommit,
+        onCancel,
+        onStartEdit,
+        inputRef,
+    });
+    const pasteUrlTitle = value
+        ? t('CMS.document.replaceWithUrl.title')
+        : t('CMS.document.pasteUrl.title');
+    const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({
+        title: pasteUrlTitle,
+        value: value ?? undefined,
+    });
+    const handleOpenDocument = () => {
+        if (!value) {
+            return;
+        }
+        openDocument(getMediaURL(value, msid));
+    };
+    const handleDownload = () => {
+        if (!value) {
+            return;
+        }
+        mediaEdit.downloadMedia(value);
+    };
+    return (React.createElement(CellMediaEditShell, { dataHook: dataHook, mediaEdit: mediaEdit, value: value, fieldType: MediaFieldType.document, gap: "SP1" },
+        value ? (React.createElement(Box, { minWidth: "0", style: { flex: '1 1 auto' } },
+            React.createElement(Tag, { id: fieldId, dataHook: "document-edit-tag", removable: false, thumb: React.createElement(DocumentSmall, null), size: "small", maxWidth: "100%" }, getMediaTitle(value)))) : (React.createElement(Tooltip, { content: t('CMS.document.add.button.text'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "document-edit-add-button", ariaLabel: t('CMS.document.add.button.text'), onClick: mediaEdit.handleCallMedia },
+                React.createElement(Add, null)))),
+        value ? (React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", triggerElement: React.createElement(Tooltip, { content: t('auto-patterns.fields.more_actions_tooltip'), appendTo: "window" },
+                React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "document-edit-more-button", ariaLabel: t('auto-patterns.fields.more_actions_tooltip') },
+                    React.createElement(MoreSmall, null))) },
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "document-edit-action-replace", text: t('CMS.document.action.replace'), prefixIcon: React.createElement(Replace, null), onClick: mediaEdit.handleCallMedia }),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "document-edit-action-replace-url", text: t('CMS.document.action.replaceWithUrl'), prefixIcon: React.createElement(Link, null), onClick: openPasteUrl }),
+            React.createElement(PopoverMenu.Divider, null),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "document-edit-action-open", text: t('CMS.document.action.open'), prefixIcon: React.createElement(ExternalLink, null), onClick: handleOpenDocument }),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "document-edit-action-download", text: t('CMS.document.action.download'), prefixIcon: React.createElement(Download, null), onClick: handleDownload }),
+            React.createElement(PopoverMenu.Divider, null),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "document-edit-action-delete", text: t('CMS.document.action.delete'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: mediaEdit.handleDelete }))) : (React.createElement(Tooltip, { content: t('CMS.document.pasteUrl.button'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "document-edit-paste-url-button", ariaLabel: t('CMS.document.pasteUrl.button'), onClick: openPasteUrl },
+                React.createElement(LinkSmall, null))))));
+};
+CellDocumentEdit.displayName = 'CellDocumentEdit';
+//# sourceMappingURL=cell-document-edit.js.map

package/dist/esm/components/document/cell-document-edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-document-edit.js","sourceRoot":"","sources":["../../../../src/components/document/cell-document-edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAChF,OAAO,EACL,GAAG,EACH,MAAM,EACN,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,SAAS,EACT,OAAO,GACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,GACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAqBvC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,IAAI,GAAG,uBAAuB,EAAE,EAAE,WAAW,EAAE,IAAI,CAAC;IAE1D,MAAM,SAAS,GAAG,gBAAgB,CAAC;QACjC,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,KAAK;QACL,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,WAAW;QACX,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK;QACzB,CAAC,CAAC,CAAC,CAAC,mCAAmC,CAAC;QACxC,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;IAErC,MAAM,YAAY,GAAG,SAAS,CAAC,wBAAwB,CAAC;QACtD,KAAK,EAAE,aAAa;QACpB,KAAK,EAAE,KAAK,IAAI,SAAS;KAC1B,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QACD,YAAY,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,KAAK,EAAE;YACV,OAAO;SACR;QACD,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,cAAc,CAAC,QAAQ,EAClC,GAAG,EAAC,KAAK;QAER,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,GAAG,IAAC,QAAQ,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;YAC3C,oBAAC,GAAG,IACF,EAAE,EAAE,OAAO,EACX,QAAQ,EAAC,mBAAmB,EAC5B,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,oBAAC,aAAa,OAAG,EACxB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,MAAM,IAEd,aAAa,CAAC,KAAK,CAAC,CACjB,CACF,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,OAAO,EAAE,CAAC,CAAC,8BAA8B,CAAC,EAAE,QAAQ,EAAC,QAAQ;YACpE,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,WAAW,EACpB,QAAQ,EAAC,0BAA0B,EACnC,SAAS,EAAE,CAAC,CAAC,8BAA8B,CAAC,EAC5C,OAAO,EAAE,SAAS,CAAC,eAAe;gBAElC,oBAAC,GAAG,OAAG,CACI,CACL,CACX;QAEA,KAAK,CAAC,CAAC,CAAC,CACP,oBAAC,WAAW,IACV,QAAQ,EAAC,OAAO,EAChB,QAAQ,EAAC,QAAQ,EACjB,cAAc,EACZ,oBAAC,OAAO,IACN,OAAO,EAAE,CAAC,CAAC,2CAA2C,CAAC,EACvD,QAAQ,EAAC,QAAQ;gBAEjB,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,2BAA2B,EACpC,SAAS,EAAE,CAAC,CAAC,2CAA2C,CAAC;oBAEzD,oBAAC,SAAS,OAAG,CACF,CACL;YAGZ,oBAAC,WAAW,CAAC,QAAQ,IACnB,QAAQ,EAAC,8BAA8B,EACvC,IAAI,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACtC,UAAU,EAAE,oBAAC,OAAO,OAAG,EACvB,OAAO,EAAE,SAAS,CAAC,eAAe,GAClC;YACF,oBAAC,WAAW,CAAC,QAAQ,IACnB,QAAQ,EAAC,kCAAkC,EAC3C,IAAI,EAAE,CAAC,CAAC,oCAAoC,CAAC,EAC7C,UAAU,EAAE,oBAAC,IAAI,OAAG,EACpB,OAAO,EAAE,YAAY,GACrB;YACF,oBAAC,WAAW,CAAC,OAAO,OAAG;YACvB,oBAAC,WAAW,CAAC,QAAQ,IACnB,QAAQ,EAAC,2BAA2B,EACpC,IAAI,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACnC,UAAU,EAAE,oBAAC,YAAY,OAAG,EAC5B,OAAO,EAAE,kBAAkB,GAC3B;YACF,oBAAC,WAAW,CAAC,QAAQ,IACnB,QAAQ,EAAC,+BAA+B,EACxC,IAAI,EAAE,CAAC,CAAC,8BAA8B,CAAC,EACvC,UAAU,EAAE,oBAAC,QAAQ,OAAG,EACxB,OAAO,EAAE,cAAc,GACvB;YACF,oBAAC,WAAW,CAAC,OAAO,OAAG;YACvB,oBAAC,WAAW,CAAC,QAAQ,IACnB,QAAQ,EAAC,6BAA6B,EACtC,IAAI,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACrC,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,MAAM,OAAG,EACtB,OAAO,EAAE,SAAS,CAAC,YAAY,GAC/B,CACU,CACf,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,OAAO,EAAE,CAAC,CAAC,8BAA8B,CAAC,EAAE,QAAQ,EAAC,QAAQ;YACpE,oBAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,gCAAgC,EACzC,SAAS,EAAE,CAAC,CAAC,8BAA8B,CAAC,EAC5C,OAAO,EAAE,YAAY;gBAErB,oBAAC,SAAS,OAAG,CACF,CACL,CACX,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/esm/components/document/cell-document-view.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Box, Tag } from '@wix/design-system';
+import { DocumentSmall } from '@wix/wix-ui-icons-common';
+import { getMediaTitle } from '../../utils/media-utils';
+export const CellDocumentView = ({ value, dataHook, fieldId, }) => {
+    if (!value) {
+        return null;
+    }
+    return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", padding: "0 8px", height: "100%", width: "100%", minWidth: "0" },
+        React.createElement(Tag, { id: fieldId, dataHook: "cell-document-tag", removable: false, thumb: React.createElement(DocumentSmall, null), size: "small", maxWidth: "100%" }, getMediaTitle(value))));
+};
+CellDocumentView.displayName = 'CellDocumentView';
+//# sourceMappingURL=cell-document-view.js.map

package/dist/esm/components/document/cell-document-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-document-view.js","sourceRoot":"","sources":["../../../../src/components/document/cell-document-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAYxD,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAChE,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,EAAE;IACH,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAC,GAAG;QAEZ,oBAAC,GAAG,IACF,EAAE,EAAE,OAAO,EACX,QAAQ,EAAC,mBAAmB,EAC5B,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,oBAAC,aAAa,OAAG,EACxB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,MAAM,IAEd,aAAa,CAAC,KAAK,CAAC,CACjB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/esm/components/document/form-document-field.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formdocumentfield2858188729";
+var _namespace_ = "formdocumentfield1222498168";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "formdocumentfield2858188729__root", "viewWrapper": "formdocumentfield2858188729__viewWrapper", "textWidth": "formdocumentfield2858188729__textWidth", "documentLoader": "formdocumentfield2858188729__documentLoader", "addDocument": "formdocumentfield2858188729__addDocument", "addItemWrapper": "formdocumentfield2858188729__addItemWrapper" };
+export var classes = { "root": "formdocumentfield1222498168__root", "viewWrapper": "formdocumentfield1222498168__viewWrapper", "textWidth": "formdocumentfield1222498168__textWidth", "documentLoader": "formdocumentfield1222498168__documentLoader", "addDocument": "formdocumentfield1222498168__addDocument", "addItemWrapper": "formdocumentfield1222498168__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,4 +1,6 @@
 export * from './document-view';
+export * from './cell-document-view';
+export * from './cell-document-edit';
 // NOTE: Heavy exports (FormDocumentField, DocumentControl, etc.) have been moved to './form' to prevent bundle bloat.
 // Import them explicitly: import { FormDocumentField } from '../fields/components/document/form';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/document/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAEhC,sHAAsH;AACtH,kGAAkG"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/document/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AAErC,sHAAsH;AACtH,kGAAkG"}

package/dist/esm/components/document/utils.js

@@ -2,6 +2,7 @@ export const openDocument = (url) => {
     const link = document.createElement('a');
     link.href = url;
     link.target = '_blank';
+    link.rel = 'noopener noreferrer';
     document.body.appendChild(link);
     link.click();
     link.remove();

package/dist/esm/components/document/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/document/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;IACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,CAAC,KAAK,EAAE,CAAC;IACb,IAAI,CAAC,MAAM,EAAE,CAAC;AAChB,CAAC,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/document/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IAC1C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;IAChB,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;IACvB,IAAI,CAAC,GAAG,GAAG,qBAAqB,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhC,IAAI,CAAC,KAAK,EAAE,CAAC;IACb,IAAI,CAAC,MAAM,EAAE,CAAC;AAChB,CAAC,CAAC"}

package/dist/esm/components/exclamation/exclamation.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "exclamation2676330691";
+var _namespace_ = "exclamation2043409223";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "exclamation2676330691__root", "exclamation": "exclamation2676330691__exclamation", "actions": "exclamation2676330691__actions", "action": "exclamation2676330691__action" };
+export var classes = { "root": "exclamation2043409223__root", "exclamation": "exclamation2043409223__exclamation", "actions": "exclamation2043409223__actions", "action": "exclamation2043409223__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "highlightedtext2637065310";
+var _namespace_ = "highlightedtext3214744979";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "highlightedtext2637065310__root", "substring": "highlightedtext2637065310__substring" };
-export var keyframes = { "highlighted": "highlightedtext2637065310__highlighted", "highlighted-match": "highlightedtext2637065310__highlighted-match" };
+export var classes = { "root": "highlightedtext3214744979__root", "substring": "highlightedtext3214744979__substring" };
+export var keyframes = { "highlighted": "highlightedtext3214744979__highlighted", "highlighted-match": "highlightedtext3214744979__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

@@ -1,97 +1,58 @@
-import React, { useCallback, useRef } from 'react';
-import { Box, IconButton, Loader, PopoverMenu, Tooltip, } from '@wix/design-system';
-import { Add, LinkSmall, MoreSmall, Replace, Link, Delete, } from '@wix/wix-ui-icons-common';
+import React from 'react';
+import { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';
+import { Add, Delete, Link, LinkSmall, MoreSmall, Replace, } from '@wix/wix-ui-icons-common';
 import { MEDIA_TYPES } from '../../utils/media-utils';
-import { useTranslations, useCellEditKeyboard } from '../../hooks';
-import { useMediaControl, usePasteURLForm, PasteURLForm, MediaFieldType, } from '../media-control';
+import { useTranslations } from '../../hooks';
+import { useCellMediaEdit, CellMediaEditShell, MediaFieldType, } from '../media-control';
 import { ImageThumbnail } from './image-thumbnail';
 import { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';
 export const CellImageEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, }) => {
     const { t } = useTranslations();
-    const containerRef = useRef(null);
-    const onMediaChange = useCallback((uri) => {
-        onChange(uri);
-        onCommit();
-    }, [onChange, onCommit]);
-    const { callMedia, loading } = useMediaControl({
+    const mediaEdit = useCellMediaEdit({
         mediaType: MEDIA_TYPES.IMAGE,
-        value: value ?? undefined,
-        onChange: onMediaChange,
-    });
-    const handleCallMedia = useCallback(async () => {
-        onStartEdit?.();
-        const committed = await callMedia();
-        if (!committed) {
-            onCancel?.();
-        }
-    }, [onStartEdit, callMedia, onCancel]);
-    const pasteUrlTitle = t('CMS.image.replaceWithUrl.title');
-    const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({
-        onChange: onMediaChange,
-    });
-    // When the paste-URL form is dismissed without saving, cancel the in-progress
-    // edit so isEditing returns to false and useClearFocusOnBlur works normally.
-    const handleFormClose = useCallback(() => {
-        onClose();
-        onCancel?.();
-    }, [onClose, onCancel]);
-    const handleOpenPasteUrl = useCallback((params) => () => {
-        onStartEdit?.();
-        onOpen(params)();
-    }, [onStartEdit, onOpen]);
-    const handleDelete = useCallback(() => {
-        onChange(null);
-        onCommit();
-    }, [onChange, onCommit]);
-    const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
-        containerRef,
+        value,
+        onChange,
+        onCommit,
         onCancel,
+        onStartEdit,
         inputRef,
     });
-    if (loading) {
-        return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", width: "100%", height: "100%", padding: "0 8px" },
-            React.createElement(Loader, { size: "tiny" })));
-    }
-    return (React.createElement("div", { ref: containerRef, "data-hook": dataHook, style: { width: '100%', height: '100%' }, onFocus: handleContainerFocus, onBlur: handleContainerBlur },
-        React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: "0 8px", style: { boxSizing: 'border-box' } },
-            value ? (
-            /* Has value: clickable thumbnail button with replace overlay */
-            React.createElement(Tooltip, { content: t('CMS.image.replace'), appendTo: "window" },
-                React.createElement(Box, null,
-                    React.createElement("button", { type: "button", "data-hook": "image-edit-thumbnail", onClick: handleCallMedia, style: {
-                            cursor: 'pointer',
-                            lineHeight: 0,
-                            position: 'relative',
-                            background: 'none',
-                            border: 'none',
-                            padding: 0,
-                        } },
-                        React.createElement(ImageThumbnail, { value: value }),
-                        React.createElement(ThumbnailReplaceOverlay, null))))) : (
-            /* Empty: icon button opens media manager */
-            React.createElement(Tooltip, { content: t('CMS.image.add'), appendTo: "window" },
-                React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "image-edit-add-button", onClick: handleCallMedia },
-                    React.createElement(Add, null)))),
-            value ? (
-            /* Has value: "..." menu with Replace / Replace with URL / Delete */
-            React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", triggerElement: React.createElement(Tooltip, { content: t('auto-patterns.fields.more_actions_tooltip'), appendTo: "window" },
-                    React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-more-button" },
-                        React.createElement(MoreSmall, null))) },
-                React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace", text: t('CMS.image.replace'), prefixIcon: React.createElement(Replace, null), onClick: handleCallMedia }),
-                React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace-url", text: t('CMS.image.replaceWithUrl.button'), prefixIcon: React.createElement(Link, null), onClick: handleOpenPasteUrl({
-                        title: pasteUrlTitle,
-                        value: value ?? undefined,
-                    }) }),
-                React.createElement(PopoverMenu.Divider, null),
-                React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-delete", text: t('CMS.image.clear'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: handleDelete }))) : (
-            /* Empty: icon button opens paste-URL form */
-            React.createElement(Tooltip, { content: t('CMS.image.replaceWithUrl.button'), appendTo: "window" },
-                React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-paste-url-button", onClick: handleOpenPasteUrl({
-                        title: pasteUrlTitle,
-                        value: value ?? undefined,
-                    }) },
-                    React.createElement(LinkSmall, null))))),
-        React.createElement(PasteURLForm, { title: title, value: value ?? undefined, show: isOpen, closeModal: handleFormClose, onSave: onSave, fieldType: MediaFieldType.image })));
+    const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({
+        title: t('CMS.image.replaceWithUrl.title'),
+        value: value ?? undefined,
+    });
+    return (React.createElement(CellMediaEditShell, { dataHook: dataHook, mediaEdit: mediaEdit, value: value, fieldType: MediaFieldType.image },
+        value ? (
+        /* Has value: clickable thumbnail button with replace overlay */
+        React.createElement(Tooltip, { content: t('CMS.image.replace'), appendTo: "window" },
+            React.createElement(Box, null,
+                React.createElement("button", { type: "button", "data-hook": "image-edit-thumbnail", onClick: mediaEdit.handleCallMedia, style: {
+                        cursor: 'pointer',
+                        lineHeight: 0,
+                        position: 'relative',
+                        background: 'none',
+                        border: 'none',
+                        padding: 0,
+                    } },
+                    React.createElement(ImageThumbnail, { value: value }),
+                    React.createElement(ThumbnailReplaceOverlay, null))))) : (
+        /* Empty: icon button opens media manager */
+        React.createElement(Tooltip, { content: t('CMS.image.add'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "image-edit-add-button", onClick: mediaEdit.handleCallMedia },
+                React.createElement(Add, null)))),
+        value ? (
+        /* Has value: "..." menu with Replace / Replace with URL / Delete */
+        React.createElement(PopoverMenu, { textSize: "small", appendTo: "window", triggerElement: React.createElement(Tooltip, { content: t('auto-patterns.fields.more_actions_tooltip'), appendTo: "window" },
+                React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-more-button" },
+                    React.createElement(MoreSmall, null))) },
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace", text: t('CMS.image.replace'), prefixIcon: React.createElement(Replace, null), onClick: mediaEdit.handleCallMedia }),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-replace-url", text: t('CMS.image.replaceWithUrl.button'), prefixIcon: React.createElement(Link, null), onClick: openPasteUrl }),
+            React.createElement(PopoverMenu.Divider, null),
+            React.createElement(PopoverMenu.MenuItem, { dataHook: "image-edit-action-delete", text: t('CMS.image.clear'), skin: "destructive", prefixIcon: React.createElement(Delete, null), onClick: mediaEdit.handleDelete }))) : (
+        /* Empty: icon button opens paste-URL form */
+        React.createElement(Tooltip, { content: t('CMS.image.replaceWithUrl.button'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "image-edit-paste-url-button", onClick: openPasteUrl },
+                React.createElement(LinkSmall, null))))));
 };
 CellImageEdit.displayName = 'CellImageEdit';
 //# sourceMappingURL=cell-image-edit.js.map

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "thumbnailreplaceoverlay3386389409";
+var _namespace_ = "thumbnailreplaceoverlay3070733555";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "thumbnailreplaceoverlay3386389409__root", "icon": "thumbnailreplaceoverlay3386389409__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay3070733555__root", "icon": "thumbnailreplaceoverlay3070733555__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Box, Loader } from '@wix/design-system';
+import { PasteURLForm } from './paste-url-form';
+import { classes } from './cell-media-edit-shell.st.css.js';
+/**
+ * Outer scaffolding shared by single-value media cell edit components.
+ *
+ * Renders the loading state, the focus-managed container (wired for
+ * `useCellEditKeyboard`), the inner flex Box, and the PasteURLForm modal at the
+ * end. Consumers supply only the inner primary/secondary controls via children.
+ */
+export const CellMediaEditShell = ({ dataHook, mediaEdit, value, fieldType, gap, children, }) => {
+    const { containerRef, loading, handleContainerFocus, handleContainerBlur, pasteUrlForm, } = mediaEdit;
+    if (loading) {
+        return (React.createElement(Box, { dataHook: dataHook, verticalAlign: "middle", width: "100%", height: "100%", padding: "0 8px" },
+            React.createElement(Loader, { dataHook: "loader", size: "tiny" })));
+    }
+    return (React.createElement("div", { ref: containerRef, "data-hook": dataHook, className: classes.root, onFocus: handleContainerFocus, onBlur: handleContainerBlur },
+        React.createElement(Box, { align: "space-between", verticalAlign: "middle", height: "100%", padding: "0 8px", gap: gap, style: { boxSizing: 'border-box' } }, children),
+        React.createElement(PasteURLForm, { title: pasteUrlForm.title, value: value ?? undefined, show: pasteUrlForm.isOpen, closeModal: pasteUrlForm.handleClose, onSave: pasteUrlForm.onSave, fieldType: fieldType })));
+};
+CellMediaEditShell.displayName = 'CellMediaEditShell';
+//# sourceMappingURL=cell-media-edit-shell.js.map

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

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

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

@@ -0,0 +1,4 @@
+.root {
+    width: 100%;
+    height: 100%;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "cellmediaeditshell217379103";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "cellmediaeditshell217379103__root" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=cell-media-edit-shell.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell-media-edit-shell.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAA2C,OAAO,CAAC;AACnE,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,CAAC;AAClE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/media-control/index.js

@@ -4,4 +4,6 @@ export * from './use-paste-url-form';
 export * from './use-document-delete';
 export * from './paste-url-button';
 export * from './paste-url-form';
+export * from './use-cell-media-edit';
+export * from './cell-media-edit-shell';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/media-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/media-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "pasteurlbutton564548303";
+var _namespace_ = "pasteurlbutton1343200640";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "pasteurlbutton564548303__root", "iconButtonTooltip": "pasteurlbutton564548303__iconButtonTooltip", "iconButton": "pasteurlbutton564548303__iconButton" };
+export var classes = { "root": "pasteurlbutton1343200640__root", "iconButtonTooltip": "pasteurlbutton1343200640__iconButtonTooltip", "iconButton": "pasteurlbutton1343200640__iconButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

@@ -0,0 +1,63 @@
+import { useCallback, useRef } from 'react';
+import { useCellEditKeyboard } from '../../hooks';
+import { useMediaControl } from './use-media-control';
+import { usePasteURLForm } from './use-paste-url-form';
+/**
+ * Shared state + handlers for single-value media cell edit components
+ * (image / document / audio / video / …). Each consumer renders its own
+ * primary/secondary content; this hook owns the wiring to useMediaControl,
+ * usePasteURLForm, useCellEditKeyboard, and the standard onCommit/onCancel
+ * dance.
+ */
+export function useCellMediaEdit({ mediaType, value, onChange, onCommit, onCancel, onStartEdit, inputRef, }) {
+    const containerRef = useRef(null);
+    const onMediaChange = useCallback((uri) => {
+        onChange(uri);
+        onCommit();
+    }, [onChange, onCommit]);
+    const { callMedia, downloadMedia, loading } = useMediaControl({
+        mediaType,
+        value: value ?? undefined,
+        onChange: onMediaChange,
+    });
+    const handleCallMedia = useCallback(async () => {
+        onStartEdit?.();
+        const committed = await callMedia();
+        if (!committed) {
+            onCancel?.();
+        }
+    }, [onStartEdit, callMedia, onCancel]);
+    const { isOpen, title, onOpen, onClose, onSave } = usePasteURLForm({
+        onChange: onMediaChange,
+    });
+    const handleFormClose = useCallback(() => {
+        onClose();
+        onCancel?.();
+    }, [onClose, onCancel]);
+    const startEditAndOpenPasteUrl = useCallback((params) => () => {
+        onStartEdit?.();
+        onOpen(params)();
+    }, [onStartEdit, onOpen]);
+    const handleDelete = useCallback(() => {
+        onChange(null);
+        onCommit();
+    }, [onChange, onCommit]);
+    const { handleContainerFocus, handleContainerBlur } = useCellEditKeyboard({
+        containerRef,
+        onCancel,
+        inputRef,
+    });
+    return {
+        containerRef,
+        loading,
+        callMedia,
+        downloadMedia,
+        handleCallMedia,
+        handleDelete,
+        startEditAndOpenPasteUrl,
+        pasteUrlForm: { isOpen, title, onSave, handleClose: handleFormClose },
+        handleContainerFocus,
+        handleContainerBlur,
+    };
+}
+//# sourceMappingURL=use-cell-media-edit.js.map