@wix/patterns-fields 1.25.0 → 1.27.0

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_ = "colorview4145005705";
+var _namespace_ = "colorview1356706588";
 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": "colorview4145005705__root", "view": "colorview4145005705__view", "fillPreview": "colorview4145005705__fillPreview" };
+export var classes = { "root": "colorview1356706588__root", "view": "colorview1356706588__view", "fillPreview": "colorview1356706588__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_ = "deletedialog2773205546";
+var _namespace_ = "deletedialog3088013065";
 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": "deletedialog2773205546__root", "layout": "deletedialog2773205546__layout" };
+export var classes = { "root": "deletedialog3088013065__root", "layout": "deletedialog3088013065__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_ = "formdocumentfield168156614";
+var _namespace_ = "formdocumentfield290792216";
 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": "formdocumentfield168156614__root", "viewWrapper": "formdocumentfield168156614__viewWrapper", "textWidth": "formdocumentfield168156614__textWidth", "documentLoader": "formdocumentfield168156614__documentLoader", "addDocument": "formdocumentfield168156614__addDocument", "addItemWrapper": "formdocumentfield168156614__addItemWrapper" };
+export var classes = { "root": "formdocumentfield290792216__root", "viewWrapper": "formdocumentfield290792216__viewWrapper", "textWidth": "formdocumentfield290792216__textWidth", "documentLoader": "formdocumentfield290792216__documentLoader", "addDocument": "formdocumentfield290792216__addDocument", "addItemWrapper": "formdocumentfield290792216__addItemWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "exclamation2422090019";
+var _namespace_ = "exclamation3420877793";
 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": "exclamation2422090019__root", "exclamation": "exclamation2422090019__exclamation", "actions": "exclamation2422090019__actions", "action": "exclamation2422090019__action" };
+export var classes = { "root": "exclamation3420877793__root", "exclamation": "exclamation3420877793__exclamation", "actions": "exclamation3420877793__actions", "action": "exclamation3420877793__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_ = "highlightedtext3652828107";
+var _namespace_ = "highlightedtext2300047630";
 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": "highlightedtext3652828107__root", "substring": "highlightedtext3652828107__substring" };
-export var keyframes = { "highlighted": "highlightedtext3652828107__highlighted", "highlighted-match": "highlightedtext3652828107__highlighted-match" };
+export var classes = { "root": "highlightedtext2300047630__root", "substring": "highlightedtext2300047630__substring" };
+export var keyframes = { "highlighted": "highlightedtext2300047630__highlighted", "highlighted-match": "highlightedtext2300047630__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_ = "thumbnailreplaceoverlay1621662720";
+var _namespace_ = "thumbnailreplaceoverlay484663385";
 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": "thumbnailreplaceoverlay1621662720__root", "icon": "thumbnailreplaceoverlay1621662720__icon" };
+export var classes = { "root": "thumbnailreplaceoverlay484663385__root", "icon": "thumbnailreplaceoverlay484663385__icon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"thumbnail-replace-overlay.st.css.js","sourceRoot":"","sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,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,yCAAyC,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACzH,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":"thumbnail-replace-overlay.st.css.js","sourceRoot":"","sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,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,wCAAwC,EAAC,MAAM,EAAC,wCAAwC,EAAC,CAAC;AACvH,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/index.js

@@ -19,4 +19,5 @@ export * from './boolean';
 export * from './number-input';
 export * from './url';
 export * from './image';
+export * from './reference';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,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_ = "pasteurlbutton613729435";
+var _namespace_ = "pasteurlbutton3550822832";
 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": "pasteurlbutton613729435__root", "iconButtonTooltip": "pasteurlbutton613729435__iconButtonTooltip", "iconButton": "pasteurlbutton613729435__iconButton" };
+export var classes = { "root": "pasteurlbutton3550822832__root", "iconButtonTooltip": "pasteurlbutton3550822832__iconButtonTooltip", "iconButton": "pasteurlbutton3550822832__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-media-control.js

@@ -1,5 +1,5 @@
-import { useRef, useState, useEffect, useCallback } from 'react';
-import { dashboard } from '@wix/dashboard';
+import { useRef, useState, useEffect, useCallback, useContext } from 'react';
+import { WixPatternsContainerContext } from '@wix/bex-core/react';
 import { files } from '@wix/media';
 import { MEDIA_TYPES } from '../../utils/media-utils';
 import { executeDownloading } from '../../utils/media-utils';
@@ -56,6 +56,8 @@ const extractMediaUri = (mediaItem) => {
 };
 export function useMediaControl({ mediaType, readOnly, autoFocus, initialLoading, inputRef, viewRef, onFocus, onBlur, ...params }) {
     const { value, multiSelect } = params;
+    const container = useContext(WixPatternsContainerContext);
+    const openMediaManager = container?.openMediaManager;
     const [loading, setLoading] = useState(Boolean(initialLoading && value));
     const mediaRequested = useRef(false);
     const setActive = useCallback(() => {
@@ -84,7 +86,10 @@ export function useMediaControl({ mediaType, readOnly, autoFocus, initialLoading
         setLoading(true);
         try {
             const category = MEDIA_TYPE_TO_CATEGORY[mediaType];
-            const mediaManagerData = await dashboard.openMediaManager({
+            if (!openMediaManager) {
+                throw new Error('Media Control Error: openMediaManager is not available in the current context.');
+            }
+            const mediaManagerData = await openMediaManager({
                 multiSelect: Boolean(multiSelect),
                 ...(category && { category }),
             });
@@ -127,6 +132,7 @@ export function useMediaControl({ mediaType, readOnly, autoFocus, initialLoading
         multiSelect,
         onBlur,
         onFocus,
+        openMediaManager,
         params,
         readOnly,
         setActive,

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

@@ -1 +1 @@
-{"version":3,"file":"use-media-control.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-media-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAsDrD,MAAM,sBAAsB,GAAyC;IACnE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO;IAC5B,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO;IAC5B,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO;CAC7B,CAAC;AAEF;;;;;GAKG;AACH,8DAA8D;AAC9D,MAAM,eAAe,GAAG,CAAC,KAAU,EAAsB,EAAE;IACzD,IAAI,KAAK,EAAE;QACT,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,OAAO,KAAK,CAAC;SACd;QACD,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE;YACnC,OAAO,KAAK,CAAC,KAAK,CAAC;SACpB;QACD,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QACrC,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAClC,OAAO,UAAU,CAAC;SACnB;QACD,IAAI,OAAO,UAAU,EAAE,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,UAAU,CAAC,GAAG,CAAC;SACvB;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,eAAe,GAAG,CAAC,SAAc,EAAU,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,IAAI,EAAE,CAAC;IAClC,IAAI,KAAK,EAAE;QACT,OAAO;QACL,sGAAsG;QACtG,KAAK,CAAC,KAAK,EAAE,KAAK;YAClB,CAAC,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC;YAChD,KAAK,CAAC,KAAK,EAAE,KAAK;YAClB,CAAC,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC;YAChD,KAAK,CAAC,QAAQ,EAAE,QAAQ;YACxB,CAAC,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;YACtD,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;YAC5B,EAAE,CACH,CAAC;KACH;IAED,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAUF,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,SAAS,EACT,cAAc,EACd,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACa;IACtB,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;IAEtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,cAAc,IAAI,KAAK,CAAC,CAAC,CAAC;IACzE,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAErC,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,IAAI,KAAK,EAAE;YACT,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;YACrC,CAAC,OAAO,IAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;SACxC;aAAM;YACL,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;SAC5B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAE1C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAE7D,MAAM,SAAS,GAAG,WAAW,CAC3B,KAAK,EAAE,KAAc,EAAoB,EAAE;QACzC,IAAI,cAAc,CAAC,OAAO,IAAI,QAAQ,EAAE;YACtC,OAAO,KAAK,CAAC;SACd;QAED,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YACpB,OAAO,KAAK,CAAC;SACd;QAED,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;QAE9B,OAAO,EAAE,EAAE,CAAC;QACZ,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAI;YACF,MAAM,QAAQ,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;YACnD,MAAM,gBAAgB,GAAG,MAAM,SAAS,CAAC,gBAAgB,CAAC;gBACxD,WAAW,EAAE,OAAO,CAAC,WAAW,CAAC;gBACjC,GAAG,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC;aAC9B,CAAC,CAAC;YAEH,MAAM,EAAE,EAAE,CAAC;YACX,UAAU,CAAC,KAAK,CAAC,CAAC;YAElB,SAAS,EAAE,CAAC;YAEZ,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAE/B,8DAA8D;YAC9D,MAAM,KAAK,GACT,gBAAgB,EAAE,KAAK,IAAK,gBAAwB,EAAE,KAAK,CAAC;YAE9D,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;gBAClB,OAAO,KAAK,CAAC;aACd;YAED,IAAI,MAAM,CAAC,WAAW,EAAE;gBACtB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;gBAE3C,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;oBACnB,MAAM,IAAI,KAAK,CACb,6EAA6E,CAC9E,CAAC;iBACH;gBAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;oBAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBACzC,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC;oBACtC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;iBAC3B;qBAAM;oBACL,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAE,KAAkB,IAAI,EAAE,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;iBAC/D;aACF;iBAAM;gBACL,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC5C;YACD,OAAO,IAAI,CAAC;SACb;QAAC,OAAO,CAAC,EAAE;YACV,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,OAAO,CAAC,KAAK,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;YACzC,OAAO,KAAK,CAAC;SACd;IACH,CAAC,EACD;QACE,SAAS;QACT,WAAW;QACX,MAAM;QACN,OAAO;QACP,MAAM;QACN,QAAQ;QACR,SAAS;QACT,KAAK;KACN,CACF,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAAC,KAAK,EAAE,QAAiB,EAAE,EAAE;QAC5D,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QAED,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;YAC7D,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC;YAClD,IAAI,CAAC,WAAW,EAAE;gBAChB,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAC;aAC7C;YACD,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;SACxC;QAAC,OAAO,KAAK,EAAE;YACd,6CAA6C;YAC7C,OAAO,CAAC,KAAK,CAAC,mDAAmD,EAAE,KAAK,CAAC,CAAC;YAC1E,OAAO,kBAAkB,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;SAClD;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,OAAO;QACP,SAAS;QACT,aAAa;QACb,WAAW;KACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"use-media-control.js","sourceRoot":"","sources":["../../../../src/components/media-control/use-media-control.ts"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "formmediagalleryfield3524730140";
+var _namespace_ = "formmediagalleryfield4036701218";
 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": "formmediagalleryfield3524730140__root", "container": "formmediagalleryfield3524730140__container", "viewBox": "formmediagalleryfield3524730140__viewBox", "addItemWrapper": "formmediagalleryfield3524730140__addItemWrapper", "addItem": "formmediagalleryfield3524730140__addItem", "overlay": "formmediagalleryfield3524730140__overlay", "image": "formmediagalleryfield3524730140__image", "previewImage": "formmediagalleryfield3524730140__previewImage", "previewVideo": "formmediagalleryfield3524730140__previewVideo" };
+export var classes = { "root": "formmediagalleryfield4036701218__root", "container": "formmediagalleryfield4036701218__container", "viewBox": "formmediagalleryfield4036701218__viewBox", "addItemWrapper": "formmediagalleryfield4036701218__addItemWrapper", "addItem": "formmediagalleryfield4036701218__addItem", "overlay": "formmediagalleryfield4036701218__overlay", "image": "formmediagalleryfield4036701218__image", "previewImage": "formmediagalleryfield4036701218__previewImage", "previewVideo": "formmediagalleryfield4036701218__previewVideo" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-image/media-image.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "mediaimage4012793291";
+var _namespace_ = "mediaimage417409083";
 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": "mediaimage4012793291__root" };
+export var classes = { "root": "mediaimage417409083__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage4012793291-from", "to": "--mediaimage4012793291-to" };
+export var vars = { "wds-color-red-200": "--wds-color-red-200", "wsr-color-R20": "--wsr-color-R20", "wds-color-black-550": "--wds-color-black-550", "wsr-color-D55": "--wsr-color-D55", "from": "--mediaimage417409083-from", "to": "--mediaimage417409083-to" };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/esm/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-image.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.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,CAAC;AAC3D,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,eAAe,EAAC,iBAAiB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,eAAe,EAAC,iBAAiB,EAAC,MAAM,EAAC,6BAA6B,EAAC,IAAI,EAAC,2BAA2B,EAAC,CAAC"}
+{"version":3,"file":"media-image.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-image/media-image.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,CAAC;AAC1D,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,eAAe,EAAC,iBAAiB,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,eAAe,EAAC,iBAAiB,EAAC,MAAM,EAAC,4BAA4B,EAAC,IAAI,EAAC,0BAA0B,EAAC,CAAC"}

package/dist/esm/components/media-image/overlays/overlay.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "overlay3833043059";
+var _namespace_ = "overlay4064103336";
 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": "overlay3833043059__root", "iconOverlay": "overlay3833043059__iconOverlay" };
+export var classes = { "root": "overlay4064103336__root", "iconOverlay": "overlay4064103336__iconOverlay" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = { "iconShadow": "drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))" };
-export var vars = { "wds-color-white": "--wds-color-white", "wsr-color-D80": "--overlay3833043059-wsr-color-D80" };
+export var vars = { "wds-color-white": "--wds-color-white", "wsr-color-D80": "--overlay4064103336-wsr-color-D80" };
 //# sourceMappingURL=overlay.st.css.js.map

package/dist/esm/components/media-loader/media-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "medialoader2209660936";
+var _namespace_ = "medialoader357285044";
 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": "medialoader2209660936__root", "loader": "medialoader2209660936__loader" };
+export var classes = { "root": "medialoader357285044__root", "loader": "medialoader357285044__loader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-loader.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.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,QAAQ,EAAC,+BAA+B,EAAC,CAAC;AACrG,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,oBAAoB,EAAC,KAAK,EAAC,SAAS,EAAC,iDAAiD,EAAC,CAAC;AAC7G,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"media-loader.st.css.js","sourceRoot":"","sources":["../../../../src/components/media-loader/media-loader.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,QAAQ,EAAC,8BAA8B,EAAC,CAAC;AACnG,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,oBAAoB,EAAC,KAAK,EAAC,SAAS,EAAC,iDAAiD,EAAC,CAAC;AAC7G,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "formmultidocument2769476883";
+var _namespace_ = "formmultidocument2678194366";
 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": "formmultidocument2769476883__root", "viewRoot": "formmultidocument2769476883__viewRoot", "singleViewWrapper": "formmultidocument2769476883__singleViewWrapper", "addDocumentButton": "formmultidocument2769476883__addDocumentButton" };
+export var classes = { "root": "formmultidocument2678194366__root", "viewRoot": "formmultidocument2678194366__viewRoot", "singleViewWrapper": "formmultidocument2678194366__singleViewWrapper", "addDocumentButton": "formmultidocument2678194366__addDocumentButton" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/reference/cell-reference-input.js

@@ -0,0 +1,55 @@
+import React, { useEffect, useMemo, useRef } from 'react';
+import { AutoComplete, Input, listItemSelectBuilder } from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+import { ReferenceAvatar } from './reference-avatar';
+import { st, classes } from './cell-reference-input.st.css.js';
+const ROW_HEIGHT = 30;
+const MAX_NUM_ROWS = 7;
+export const CellReferenceInput = React.forwardRef(({ items, value, selectedItem, onChange, onBlur, onSelect, onClear, onKeyDown, clearButton, infiniteScroll, hasMore, loadMore, fixedFooter, autoOpen, inputRef, }, ref) => {
+    const { t } = useTranslations();
+    const options = useMemo(() => items.map((item) => listItemSelectBuilder({
+        id: item.id,
+        title: item.name || t('patterns-fields.reference.untitled'),
+        size: 'small',
+        selected: item.id === selectedItem?.id,
+        prefix: React.createElement(ReferenceAvatar, { name: item.name, image: item.image }),
+    })), [items, selectedItem?.id, t]);
+    const acRef = useRef(null);
+    React.useImperativeHandle(ref, () => ({
+        focus: () => acRef.current?.focus?.(),
+        hideOptions: () => acRef.current?.hideOptions?.(),
+    }));
+    useEffect(() => {
+        if (autoOpen) {
+            acRef.current?.focus?.();
+            requestAnimationFrame(() => acRef.current?.showOptions?.());
+        }
+        // Intentionally run only on mount
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const prefix = selectedItem && !value ? (React.createElement(Input.Affix, { "data-hook": "reference-input-avatar-prefix" },
+        React.createElement(ReferenceAvatar, { name: selectedItem.name, image: selectedItem.image }))) : undefined;
+    return (
+    // Prevent EditableCell's row click/dblclick handlers from firing when
+    // the user interacts with the input or dropdown.
+    React.createElement("div", { className: st(classes.root), onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.stopPropagation() },
+        React.createElement(AutoComplete, { ref: acRef, className: st(classes.autocomplete), size: "small", border: "none", options: options, value: value, prefix: prefix, onChange: onChange, onBlur: onBlur, onSelect: (wdsOption) => {
+                const item = items.find((i) => i.id === String(wdsOption.id));
+                if (item) {
+                    onSelect(item);
+                }
+            }, onClear: onClear, onKeyDown: onKeyDown, clearButton: clearButton, infiniteScroll: infiniteScroll, hasMore: hasMore, loadMore: loadMore, fixedFooter: fixedFooter ? (
+            // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+            React.createElement("div", { onMouseDown: (e) => e.preventDefault() }, fixedFooter)) : undefined, placeholder: t('auto-patterns.fields.select_placeholder'), showOptionsIfEmptyInput: true, autoSelect: false, maxHeightPixels: ROW_HEIGHT * MAX_NUM_ROWS, popoverProps: {
+                appendTo: 'window',
+                flip: true,
+                fixed: false,
+                placement: 'bottom-start',
+            }, inputRef: (el) => {
+                if (inputRef) {
+                    inputRef.current = el;
+                }
+            } })));
+});
+CellReferenceInput.displayName = 'CellReferenceInput';
+//# sourceMappingURL=cell-reference-input.js.map

package/dist/esm/components/reference/cell-reference-input.js.map

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

package/dist/esm/components/reference/cell-reference-input.st.css

@@ -0,0 +1,10 @@
+.root {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.autocomplete {
+  width: 100%;
+}

package/dist/esm/components/reference/cell-reference-input.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "cellreferenceinput2294275859";
+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": "cellreferenceinput2294275859__root", "autocomplete": "cellreferenceinput2294275859__autocomplete" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=cell-reference-input.st.css.js.map

package/dist/esm/components/reference/cell-reference-input.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-reference-input.st.css.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,8BAA8B,CAAC;AACjD,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,oCAAoC,EAAC,cAAc,EAAC,4CAA4C,EAAC,CAAC;AAC/H,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/reference/cell-reference-view.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Box, Text } from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+import { ReferenceAvatar } from './reference-avatar';
+export const CellReferenceView = ({ name, imageUrl, dataHook, }) => {
+    const { t } = useTranslations();
+    const displayName = name || t('patterns-fields.reference.untitled');
+    return (React.createElement(Box, { dataHook: dataHook, direction: "horizontal", verticalAlign: "middle", gap: "SP1", minWidth: 0, padding: "9px 12px", height: "100%", style: { boxSizing: 'border-box' } },
+        React.createElement(ReferenceAvatar, { name: displayName, image: imageUrl }),
+        React.createElement(Text, { size: "small", ellipsis: true }, displayName)));
+};
+CellReferenceView.displayName = 'CellReferenceView';
+//# sourceMappingURL=cell-reference-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell-reference-view.js","sourceRoot":"","sources":["../../../../src/components/reference/cell-reference-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQrD,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAClE,IAAI,EACJ,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,eAAe,EAAE,CAAC;IAChC,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,CAAC,oCAAoC,CAAC,CAAC;IAEpE,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,YAAY,EACtB,aAAa,EAAC,QAAQ,EACtB,GAAG,EAAC,KAAK,EACT,QAAQ,EAAE,CAAC,EACX,OAAO,EAAC,UAAU,EAClB,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE;QAElC,oBAAC,eAAe,IAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,GAAI;QACvD,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UACxB,WAAW,CACP,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './reference-avatar';
+export * from './cell-reference-view';
+export * from './cell-reference-input';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/reference/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC"}

package/dist/esm/components/reference/reference-avatar.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Avatar } from '@wix/design-system';
+import { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';
+const resolveSrc = (image) => {
+    if (!image)
+        return undefined;
+    return image.startsWith('wix:image://')
+        ? mediaURItoImageURL(image, ThumbnailSize.S)
+        : image;
+};
+export const ReferenceAvatar = ({ image, name, size = 'size24', }) => {
+    const src = resolveSrc(image);
+    return (React.createElement(Avatar, { shape: "square", size: size, name: name, imgProps: src ? { src, alt: name, style: { objectFit: 'cover' } } : undefined }));
+};
+//# sourceMappingURL=reference-avatar.js.map

package/dist/esm/components/reference/reference-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference-avatar.js","sourceRoot":"","sources":["../../../../src/components/reference/reference-avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAQ3E,MAAM,UAAU,GAAG,CAAC,KAAc,EAAE,EAAE;IACpC,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAC7B,OAAO,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;QACrC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,QAAQ,GAChB,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EACN,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,GAErE,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentdefaultvalueinput797127251";
+var _namespace_ = "richcontentdefaultvalueinput4057225375";
 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": "richcontentdefaultvalueinput797127251__root", "richContentEditorContainer": "richcontentdefaultvalueinput797127251__richContentEditorContainer", "editor": "richcontentdefaultvalueinput797127251__editor" };
+export var classes = { "root": "richcontentdefaultvalueinput4057225375__root", "richContentEditorContainer": "richcontentdefaultvalueinput4057225375__richContentEditorContainer", "editor": "richcontentdefaultvalueinput4057225375__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "topToolbarHeight": "--richcontentdefaultvalueinput797127251-topToolbarHeight", "bottomToolbarHeight": "--richcontentdefaultvalueinput797127251-bottomToolbarHeight" };
+export var vars = { "topToolbarHeight": "--richcontentdefaultvalueinput4057225375-topToolbarHeight", "bottomToolbarHeight": "--richcontentdefaultvalueinput4057225375-bottomToolbarHeight" };
 //# sourceMappingURL=rich-content-default-value-input.st.css.js.map

package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,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,6CAA6C,EAAC,4BAA4B,EAAC,mEAAmE,EAAC,QAAQ,EAAC,+CAA+C,EAAC,CAAC;AACtO,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,kBAAkB,EAAC,0DAA0D,EAAC,qBAAqB,EAAC,6DAA6D,EAAC,CAAC"}
+{"version":3,"file":"rich-content-default-value-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,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,8CAA8C,EAAC,4BAA4B,EAAC,oEAAoE,EAAC,QAAQ,EAAC,gDAAgD,EAAC,CAAC;AACzO,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,kBAAkB,EAAC,2DAA2D,EAAC,qBAAqB,EAAC,8DAA8D,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "richcontentforminput324134696";
+var _namespace_ = "richcontentforminput958444259";
 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": "richcontentforminput324134696__root", "editor": "richcontentforminput324134696__editor" };
+export var classes = { "root": "richcontentforminput958444259__root", "editor": "richcontentforminput958444259__editor" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-blue-300": "--wds-color-blue-300", "wds-border-radius-300": "--wds-border-radius-300", "wds-color-blue-100": "--wds-color-blue-100", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "topToolbarHeight": "--richcontentforminput324134696-topToolbarHeight", "bottomToolbarHeight": "--richcontentforminput324134696-bottomToolbarHeight" };
+export var vars = { "wds-color-blue-300": "--wds-color-blue-300", "wds-border-radius-300": "--wds-border-radius-300", "wds-color-blue-100": "--wds-color-blue-100", "wds-input-shadow-focus-standard": "--wds-input-shadow-focus-standard", "topToolbarHeight": "--richcontentforminput958444259-topToolbarHeight", "bottomToolbarHeight": "--richcontentforminput958444259-bottomToolbarHeight" };
 //# sourceMappingURL=rich-content-form-input.st.css.js.map

package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js

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

package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-form-read-only-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,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,8CAA8C,EAAC,CAAC;AAC7E,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,qBAAqB,EAAC,uBAAuB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}
+{"version":3,"file":"rich-content-form-read-only-input.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,uCAAuC,CAAC;AAC1D,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,6CAA6C,EAAC,CAAC;AAC5E,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,qBAAqB,EAAC,uBAAuB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,oBAAoB,EAAC,sBAAsB,EAAC,CAAC"}

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "fullscreenmodal2675356350";
+var _namespace_ = "fullscreenmodal1324383264";
 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": "fullscreenmodal2675356350__root", "modalContent": "fullscreenmodal2675356350__modalContent" };
+export var classes = { "root": "fullscreenmodal1324383264__root", "modalContent": "fullscreenmodal1324383264__modalContent" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runtime.js";
-var _namespace_ = "publishloader3220277891";
+var _namespace_ = "publishloader552045721";
 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": "publishloader3220277891__root", "publishLoader": "publishloader3220277891__publishLoader" };
+export var classes = { "root": "publishloader552045721__root", "publishLoader": "publishloader552045721__publishLoader" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};