@wix/patterns-fields 1.38.0 → 1.40.0

package/dist/esm/components/audio/actions/audio-actions.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { Delete, Download, ExternalLink, Replace, } from '@wix/wix-ui-icons-common';
+import { ACTIONS_MENU_DIVIDER } from './actions-menu';
+/**
+ * Builds the audio more-actions menu items. Owns icons / order / dividers /
+ * destructive skin so the form and the editable-table cell stay in sync.
+ * Callers contribute labels (already translated) and data-hook strings.
+ */
+export const buildAudioActions = ({ labels, dataHooks, onReplace, onDownload, onDelete, play, readOnly, }) => {
+    const replace = {
+        id: 'AUDIO_REPLACE',
+        dataHook: dataHooks.replace,
+        label: labels.replace,
+        icon: React.createElement(Replace, null),
+        disabled: readOnly,
+        onClick: onReplace,
+    };
+    const download = {
+        id: 'AUDIO_DOWNLOAD',
+        dataHook: dataHooks.download,
+        label: labels.download,
+        icon: React.createElement(Download, null),
+        onClick: onDownload,
+    };
+    const del = {
+        id: 'AUDIO_DELETE',
+        dataHook: dataHooks.delete,
+        label: labels.delete,
+        icon: React.createElement(Delete, null),
+        skin: 'destructive',
+        disabled: readOnly,
+        onClick: onDelete,
+    };
+    if (play) {
+        const playItem = {
+            id: 'AUDIO_PLAY',
+            dataHook: play.dataHook,
+            label: play.label,
+            icon: React.createElement(ExternalLink, null),
+            onClick: play.onClick,
+        };
+        return [
+            replace,
+            ACTIONS_MENU_DIVIDER,
+            playItem,
+            download,
+            ACTIONS_MENU_DIVIDER,
+            del,
+        ];
+    }
+    return [replace, download, ACTIONS_MENU_DIVIDER, del];
+};
+//# sourceMappingURL=audio-actions.js.map

package/dist/esm/components/audio/actions/audio-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-actions.js","sourceRoot":"","sources":["../../../../../src/components/audio/actions/audio-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,OAAO,GACR,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAwB,MAAM,gBAAgB,CAAC;AA+B5E;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,MAAM,EACN,SAAS,EACT,SAAS,EACT,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,GACgB,EAAqB,EAAE;IAC/C,MAAM,OAAO,GAAoB;QAC/B,EAAE,EAAE,eAAe;QACnB,QAAQ,EAAE,SAAS,CAAC,OAAO;QAC3B,KAAK,EAAE,MAAM,CAAC,OAAO;QACrB,IAAI,EAAE,oBAAC,OAAO,OAAG;QACjB,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,SAAS;KACnB,CAAC;IAEF,MAAM,QAAQ,GAAoB;QAChC,EAAE,EAAE,gBAAgB;QACpB,QAAQ,EAAE,SAAS,CAAC,QAAQ;QAC5B,KAAK,EAAE,MAAM,CAAC,QAAQ;QACtB,IAAI,EAAE,oBAAC,QAAQ,OAAG;QAClB,OAAO,EAAE,UAAU;KACpB,CAAC;IAEF,MAAM,GAAG,GAAoB;QAC3B,EAAE,EAAE,cAAc;QAClB,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,KAAK,EAAE,MAAM,CAAC,MAAM;QACpB,IAAI,EAAE,oBAAC,MAAM,OAAG;QAChB,IAAI,EAAE,aAAsB;QAC5B,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,QAAQ;KAClB,CAAC;IAEF,IAAI,IAAI,EAAE;QACR,MAAM,QAAQ,GAAoB;YAChC,EAAE,EAAE,YAAY;YAChB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,IAAI,EAAE,oBAAC,YAAY,OAAG;YACtB,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC;QACF,OAAO;YACL,OAAO;YACP,oBAAoB;YACpB,QAAQ;YACR,QAAQ;YACR,oBAAoB;YACpB,GAAG;SACJ,CAAC;KACH;IAED,OAAO,CAAC,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,GAAG,CAAC,CAAC;AACxD,CAAC,CAAC"}

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

@@ -1,14 +1,13 @@
 import React, { useRef, useMemo } from 'react';
 import { getMediaURL } from '../../../auto-field-types';
 import { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';
-import { DownloadImport as Download, Delete, Replace, } from '@wix/wix-ui-icons-common';
-import { useWithCallback, useTranslations } from '../../../hooks';
+import { useTranslations, useWithCallback } from '../../../hooks';
 import { getMediaTitle, MEDIA_TYPES } from '../../../utils';
 import { Z_INDEX_MODAL_POPOVER } from '../../common';
-import { useMediaControl } from '../../media-control';
+import { useMediaControl, useMediaHandlers } from '../../media-control';
 import { MediaLoader } from '../../media-loader';
 import { ActionsButton } from '../actions/actions-button';
-import { ACTIONS_MENU_DIVIDER } from '../actions/actions-menu';
+import { buildAudioActions } from '../actions/audio-actions';
 import { style, classes } from './form-audio-field.st.css.js';
 export const FormAudioField = ({ data, onChange: onChangeAudio, onClear: onClearAudio, onInput, autoFocus, readOnly, invalid, dataHook, }) => {
     const { t } = useTranslations();
@@ -25,42 +24,39 @@ export const FormAudioField = ({ data, onChange: onChangeAudio, onClear: onClear
         inputRef,
         viewRef,
     });
-    const actionsMenuProps = useMemo(() => {
-        const replaceAction = {
-            id: 'AUDIO_REPLACE',
-            dataHook: 'fromAudioInput.button.replace',
-            label: t('CMS.audio.button.replace'),
-            disabled: readOnly,
-            icon: React.createElement(Replace, null),
-            onClick: callMedia,
-        };
-        const downloadAction = {
-            id: 'AUDIO_DOWNLOAD',
-            label: t('CMS.audio.button.download'),
-            disabled: false,
-            icon: React.createElement(Download, null),
-            onClick: downloadMedia,
-        };
-        const clearAction = {
-            id: 'AUDIO_CLEAR',
-            dataHook: 'fromAudioInput.button.delete',
-            label: t('CMS.audio.button.delete'),
-            disabled: readOnly,
-            icon: React.createElement(Delete, null),
-            onClick: onClear,
-        };
-        const actions = [
-            replaceAction,
-            downloadAction,
-            ACTIONS_MENU_DIVIDER,
-            clearAction,
-        ];
-        return {
-            dataHook: 'fromAudioInput.moreActionsMenu',
-            actions,
-            zIndex: Z_INDEX_MODAL_POPOVER,
-        };
-    }, [t, readOnly, callMedia, downloadMedia, onClear]);
+    const { handleReplace, handleDownload, handleDelete } = useMediaHandlers({
+        value: data ?? null,
+        callMedia,
+        downloadMedia,
+        onChange: (next) => {
+            if (next === null) {
+                onClear();
+            }
+            else {
+                onChange(next);
+            }
+        },
+    });
+    const actionsMenuProps = useMemo(() => ({
+        dataHook: 'fromAudioInput.moreActionsMenu',
+        actions: buildAudioActions({
+            labels: {
+                replace: t('CMS.audio.button.replace'),
+                download: t('CMS.audio.button.download'),
+                delete: t('CMS.audio.button.delete'),
+            },
+            dataHooks: {
+                replace: 'fromAudioInput.button.replace',
+                download: 'fromAudioInput.button.download',
+                delete: 'fromAudioInput.button.delete',
+            },
+            onReplace: handleReplace,
+            onDownload: handleDownload,
+            onDelete: handleDelete,
+            readOnly,
+        }),
+        zIndex: Z_INDEX_MODAL_POPOVER,
+    }), [t, readOnly, handleReplace, handleDownload, handleDelete]);
     if (loading) {
         return React.createElement(MediaLoader, { borderStyle: "dashed", className: classes.addItem });
     }

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

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

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_ = "formaudiofield244128320";
+var _namespace_ = "formaudiofield56911128";
 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": "formaudiofield244128320__root", "addItem": "formaudiofield244128320__addItem", "mediaTitle": "formaudiofield244128320__mediaTitle" };
+export var classes = { "root": "formaudiofield56911128__root", "addItem": "formaudiofield56911128__addItem", "mediaTitle": "formaudiofield56911128__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,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,SAAS,EAAC,kCAAkC,EAAC,YAAY,EAAC,qCAAqC,EAAC,CAAC;AAC9J,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,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"}

package/dist/esm/components/audio/audio-player/audio-player-store.js

@@ -0,0 +1,45 @@
+import React, { Suspense, useEffect, useState } from 'react';
+const FloatingAudioPlayer = React.lazy(() => import('./audio-player').then((m) => ({ default: m.FloatingAudioPlayer })));
+let currentSrc = null;
+const listeners = new Set();
+const subscribe = (listener) => {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+};
+const emit = () => {
+    listeners.forEach((l) => l());
+};
+/**
+ * Reads the current floating audio source. Subscribes the calling component
+ * to store updates so it re-renders when the source changes.
+ */
+export const useAudioPlayerSrc = () => {
+    const [src, setSrc] = useState(currentSrc);
+    useEffect(() => subscribe(() => setSrc(currentSrc)), []);
+    return src;
+};
+/**
+ * Sets (or clears) the global floating audio source. Cells call this with
+ * the wix:audio:// URI when the user hits "Play"; the mounted
+ * <GlobalAudioPlayer/> picks the change up and renders the floating card.
+ */
+export const setAudioPlayerSrc = (src) => {
+    currentSrc = src;
+    emit();
+};
+/**
+ * Subscribes to the audio-player store and renders the floating card. Mount
+ * once at a stable parent (e.g., once per EditableTable) so playback survives
+ * cell focus changes — matches CMS-web's pattern where the player is global.
+ */
+export const GlobalAudioPlayer = () => {
+    const src = useAudioPlayerSrc();
+    if (!src) {
+        return null;
+    }
+    return (React.createElement(Suspense, { fallback: null },
+        React.createElement(FloatingAudioPlayer, { source: src, onClose: () => setAudioPlayerSrc(null) })));
+};
+//# sourceMappingURL=audio-player-store.js.map

package/dist/esm/components/audio/audio-player/audio-player-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player-store.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player-store.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAC1C,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAC3E,CAAC;AAIF,IAAI,UAAU,GAAkB,IAAI,CAAC;AACrC,MAAM,SAAS,GAAG,IAAI,GAAG,EAAY,CAAC;AAEtC,MAAM,SAAS,GAAG,CAAC,QAAkB,EAAE,EAAE;IACvC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACxB,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC7B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,EAAE;IAChB,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAkB,EAAE;IACnD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAgB,UAAU,CAAC,CAAC;IAC1D,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACzD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,GAAkB,EAAQ,EAAE;IAC5D,UAAU,GAAG,GAAG,CAAC;IACjB,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,GAAG,GAAG,iBAAiB,EAAE,CAAC;IAChC,IAAI,CAAC,GAAG,EAAE;QACR,OAAO,IAAI,CAAC;KACb;IACD,OAAO,CACL,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;QACtB,oBAAC,mBAAmB,IAClB,MAAM,EAAE,GAAG,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,GACtC,CACO,CACZ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,20 +1,15 @@
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { getMediaURL } from '../../../auto-field-types';
 import { Box, AudioPlayer, Card, Text, CloseButton } from '@wix/design-system';
 import { getMediaTitle } from '../../../utils';
 import { classes } from './audio-player.st.css.js';
 export const FloatingAudioPlayer = ({ source, onClose, }) => {
-    const [audioSrc, setAudioSrc] = useState(source);
-    useEffect(() => {
-        setAudioSrc(null);
-        onClose?.();
-    }, [onClose]);
-    if (!audioSrc) {
+    if (!source) {
         return null;
     }
     return (React.createElement(Card, { className: classes.root, showShadow: true, controls: React.createElement(CloseButton, { size: "medium", onClick: onClose }) },
         React.createElement(Box, { direction: "vertical", paddingLeft: "SP6", paddingRight: "SP6", paddingTop: "SP5", paddingBottom: "SP5", width: "369px", gap: "SP3" },
-            React.createElement(Text, { secondary: true }, getMediaTitle(audioSrc)),
-            React.createElement(AudioPlayer, { autoplay: true, src: getMediaURL(audioSrc) }))));
+            React.createElement(Text, { secondary: true }, getMediaTitle(source)),
+            React.createElement(AudioPlayer, { autoplay: true, src: getMediaURL(source) }))));
 };
 //# sourceMappingURL=audio-player.js.map

package/dist/esm/components/audio/audio-player/audio-player.js.map

@@ -1 +1 @@
-{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAMnD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,UAAU,QACV,QAAQ,EAAE,oBAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAEzD,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,OAAO,EACb,GAAG,EAAC,KAAK;YAET,oBAAC,IAAI,IAAC,SAAS,UAAE,aAAa,CAAC,QAAQ,CAAC,CAAQ;YAChD,oBAAC,WAAW,IAAC,QAAQ,QAAC,GAAG,EAAE,WAAW,CAAC,QAAQ,CAAC,GAAI,CAChD,CACD,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"audio-player.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/audio-player.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAOnD,MAAM,CAAC,MAAM,mBAAmB,GAAiC,CAAC,EAChE,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,UAAU,QACV,QAAQ,EAAE,oBAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,GAAI;QAEzD,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,KAAK,EAAC,OAAO,EACb,GAAG,EAAC,KAAK;YAET,oBAAC,IAAI,IAAC,SAAS,UAAE,aAAa,CAAC,MAAM,CAAC,CAAQ;YAC9C,oBAAC,WAAW,IAAC,QAAQ,QAAC,GAAG,EAAE,WAAW,CAAC,MAAM,CAAC,GAAI,CAC9C,CACD,CACR,CAAC;AACJ,CAAC,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_ = "audioplayer1489254281";
+var _namespace_ = "audioplayer1282513900";
 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": "audioplayer1489254281__root" };
+export var classes = { "root": "audioplayer1282513900__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/audio/audio-player/index.js

@@ -1,2 +1,3 @@
 export * from './audio-player';
+export * from './audio-player-store';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/audio/audio-player/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/audio/audio-player/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC"}

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

@@ -0,0 +1,57 @@
+import React, { useCallback } from 'react';
+import { Box, IconButton, Tag, Tooltip } from '@wix/design-system';
+import { Add, MoreSmall, MusicSmall } from '@wix/wix-ui-icons-common';
+import { MEDIA_TYPES, getMediaTitle } from '../../utils';
+import { useTranslations } from '../../hooks';
+import { useCellMediaEdit, CellMediaEditShell, MediaFieldType, } from '../media-control';
+import { ActionsMenu } from './actions/actions-menu';
+import { buildAudioActions } from './actions/audio-actions';
+import { setAudioPlayerSrc } from './audio-player';
+export const CellAudioEdit = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef, dataHook, }) => {
+    const { t } = useTranslations();
+    const mediaEdit = useCellMediaEdit({
+        mediaType: MEDIA_TYPES.AUDIO,
+        value,
+        onChange,
+        onCommit,
+        onCancel,
+        onStartEdit,
+        inputRef,
+    });
+    const handlePlay = useCallback(() => {
+        if (value) {
+            setAudioPlayerSrc(value);
+        }
+    }, [value]);
+    const actions = buildAudioActions({
+        labels: {
+            replace: t('CMS.audio.button.replace'),
+            download: t('CMS.audio.button.download'),
+            delete: t('CMS.audio.button.delete'),
+        },
+        dataHooks: {
+            replace: 'audio-edit-action-replace',
+            download: 'audio-edit-action-download',
+            delete: 'audio-edit-action-delete',
+        },
+        onReplace: mediaEdit.handleCallMedia,
+        onDownload: () => value && mediaEdit.downloadMedia(value),
+        onDelete: mediaEdit.handleDelete,
+        play: {
+            label: t('CMS.audio.button.play'),
+            dataHook: 'audio-edit-action-play',
+            onClick: handlePlay,
+        },
+    });
+    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: "audio-edit-tag", dataHook: "audio-edit-tag", removable: false, thumb: React.createElement(MusicSmall, null), size: "small", maxWidth: "100%" }, getMediaTitle(value)))) : (React.createElement(Tooltip, { content: t('CMS.audio.button.add'), appendTo: "window" },
+            React.createElement(IconButton, { size: "tiny", priority: "secondary", dataHook: "audio-edit-add-button", onClick: mediaEdit.handleCallMedia },
+                React.createElement(Add, null)))),
+        value ? (React.createElement(ActionsMenu, { actions: actions, appendTo: "window", textSize: "small" },
+            React.createElement(Tooltip, { content: t('CMS.audio.more_actions_tooltip'), appendTo: "window" },
+                React.createElement(IconButton, { size: "tiny", priority: "tertiary", dataHook: "audio-edit-more-button" },
+                    React.createElement(MoreSmall, null))))) : null));
+};
+CellAudioEdit.displayName = 'CellAudioEdit';
+//# sourceMappingURL=cell-audio-edit.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell-audio-view.js","sourceRoot":"","sources":["../../../../src/components/audio/cell-audio-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,GACT,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,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,GAAG,EACZ,SAAS,EAAC,YAAY;QAEtB,oBAAC,GAAG,IACF,EAAE,EAAC,gBAAgB,EACnB,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,oBAAC,UAAU,OAAG,EACrB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,MAAM,IAEd,aAAa,CAAC,KAAK,CAAC,CACjB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

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

@@ -1,3 +1,5 @@
 export * from './audio-player';
 export * from './audio-field';
+export * from './cell-audio-view';
+export * from './cell-audio-edit';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/audio/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/audio/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}

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_ = "colorview4112651844";
+var _namespace_ = "colorview2799601068";
 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": "colorview4112651844__root", "view": "colorview4112651844__view", "fillPreview": "colorview4112651844__fillPreview" };
+export var classes = { "root": "colorview2799601068__root", "view": "colorview2799601068__view", "fillPreview": "colorview2799601068__fillPreview" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "deletedialog3317896481";
+var _namespace_ = "deletedialog1666449724";
 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": "deletedialog3317896481__root", "layout": "deletedialog3317896481__layout" };
+export var classes = { "root": "deletedialog1666449724__root", "layout": "deletedialog1666449724__layout" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "formdocumentfield556670286";
+var _namespace_ = "formdocumentfield3954791883";
 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": "formdocumentfield556670286__root", "viewWrapper": "formdocumentfield556670286__viewWrapper", "textWidth": "formdocumentfield556670286__textWidth", "documentLoader": "formdocumentfield556670286__documentLoader", "addDocument": "formdocumentfield556670286__addDocument", "addItemWrapper": "formdocumentfield556670286__addItemWrapper" };
+export var classes = { "root": "formdocumentfield3954791883__root", "viewWrapper": "formdocumentfield3954791883__viewWrapper", "textWidth": "formdocumentfield3954791883__textWidth", "documentLoader": "formdocumentfield3954791883__documentLoader", "addDocument": "formdocumentfield3954791883__addDocument", "addItemWrapper": "formdocumentfield3954791883__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,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,kCAAkC,EAAC,aAAa,EAAC,yCAAyC,EAAC,WAAW,EAAC,uCAAuC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,aAAa,EAAC,yCAAyC,EAAC,gBAAgB,EAAC,4CAA4C,EAAC,CAAC;AACjW,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,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,CAAC"}
+{"version":3,"file":"form-document-field.st.css.js","sourceRoot":"","sources":["../../../../src/components/document/form-document-field.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,aAAa,EAAC,0CAA0C,EAAC,WAAW,EAAC,wCAAwC,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,aAAa,EAAC,0CAA0C,EAAC,gBAAgB,EAAC,6CAA6C,EAAC,CAAC;AACvW,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,EAAC,cAAc,EAAC,KAAK,EAAC,0BAA0B,EAAC,6CAA6C,EAAC,sBAAsB,EAAC,OAAO,EAAC,wBAAwB,EAAC,6CAA6C,EAAC,uBAAuB,EAAC,MAAM,EAAC,oBAAoB,EAAC,MAAM,EAAC,CAAC;AACrR,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,eAAe,EAAC,iBAAiB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,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_ = "exclamation3624090198";
+var _namespace_ = "exclamation759924886";
 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": "exclamation3624090198__root", "exclamation": "exclamation3624090198__exclamation", "actions": "exclamation3624090198__actions", "action": "exclamation3624090198__action" };
+export var classes = { "root": "exclamation759924886__root", "exclamation": "exclamation759924886__exclamation", "actions": "exclamation759924886__actions", "action": "exclamation759924886__action" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"exclamation.st.css.js","sourceRoot":"","sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,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,6BAA6B,EAAC,aAAa,EAAC,oCAAoC,EAAC,SAAS,EAAC,gCAAgC,EAAC,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACnM,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,gCAAgC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}
+{"version":3,"file":"exclamation.st.css.js","sourceRoot":"","sources":["../../../../src/components/exclamation/exclamation.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,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,4BAA4B,EAAC,aAAa,EAAC,mCAAmC,EAAC,SAAS,EAAC,+BAA+B,EAAC,QAAQ,EAAC,8BAA8B,EAAC,CAAC;AAC/L,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,gCAAgC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}

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_ = "highlightedtext1956286532";
+var _namespace_ = "highlightedtext4235751675";
 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": "highlightedtext1956286532__root", "substring": "highlightedtext1956286532__substring" };
-export var keyframes = { "highlighted": "highlightedtext1956286532__highlighted", "highlighted-match": "highlightedtext1956286532__highlighted-match" };
+export var classes = { "root": "highlightedtext4235751675__root", "substring": "highlightedtext4235751675__substring" };
+export var keyframes = { "highlighted": "highlightedtext4235751675__highlighted", "highlighted-match": "highlightedtext4235751675__highlighted-match" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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_ = "thumbnailreplaceoverlay1906651930";
+var _namespace_ = "thumbnailreplaceoverlay1224436687";
 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": "thumbnailreplaceoverlay1906651930__root", "icon": "thumbnailreplaceoverlay1906651930__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay1224436687__root", "icon": "thumbnailreplaceoverlay1224436687__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "cellmediaeditshell2607537795";
+var _namespace_ = "cellmediaeditshell3700849137";
 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": "cellmediaeditshell2607537795__root" };
+export var classes = { "root": "cellmediaeditshell3700849137__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -5,5 +5,6 @@ export * from './use-document-delete';
 export * from './paste-url-button';
 export * from './paste-url-form';
 export * from './use-cell-media-edit';
+export * from './use-media-handlers';
 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;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,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,sBAAsB,CAAC;AACrC,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_ = "pasteurlbutton310768866";
+var _namespace_ = "pasteurlbutton3831057513";
 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": "pasteurlbutton310768866__root", "iconButtonTooltip": "pasteurlbutton310768866__iconButtonTooltip", "iconButton": "pasteurlbutton310768866__iconButton" };
+export var classes = { "root": "pasteurlbutton3831057513__root", "iconButtonTooltip": "pasteurlbutton3831057513__iconButtonTooltip", "iconButton": "pasteurlbutton3831057513__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"}