@wix/patterns 1.415.0 → 1.416.0

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2929264616";
+var _namespace_ = "View4008337157";
 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": "View2929264616__root", "booleanView": "View2929264616__booleanView" };
+export var classes = { "root": "View4008337157__root", "booleanView": "View4008337157__booleanView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/color/Edit.st.css.js

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

package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit4022858121";
+var _namespace_ = "Edit4293614851";
 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": "Edit4022858121__root", "dateInput": "Edit4022858121__dateInput" };
+export var classes = { "root": "Edit4293614851__root", "dateInput": "Edit4293614851__dateInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js

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

package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit500229605";
+var _namespace_ = "Edit2738423015";
 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": "Edit500229605__root", "half": "Edit500229605__half", "dateHalf": "Edit500229605__dateHalf Edit500229605__half", "timeHalf": "Edit500229605__timeHalf Edit500229605__half", "divider": "Edit500229605__divider", "passiveText": "Edit500229605__passiveText", "placeholderText": "Edit500229605__placeholderText Edit500229605__passiveText" };
+export var classes = { "root": "Edit2738423015__root", "half": "Edit2738423015__half", "dateHalf": "Edit2738423015__dateHalf Edit2738423015__half", "timeHalf": "Edit2738423015__timeHalf Edit2738423015__half", "divider": "Edit2738423015__divider", "passiveText": "Edit2738423015__passiveText", "placeholderText": "Edit2738423015__placeholderText Edit2738423015__passiveText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/datetime/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,MAAM,EAAC,qBAAqB,EAAC,UAAU,EAAC,6CAA6C,EAAC,UAAU,EAAC,6CAA6C,EAAC,SAAS,EAAC,wBAAwB,EAAC,aAAa,EAAC,4BAA4B,EAAC,iBAAiB,EAAC,2DAA2D,EAAC,CAAC;AAC/V,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,2BAA2B,EAAC,6BAA6B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,MAAM,EAAC,sBAAsB,EAAC,UAAU,EAAC,+CAA+C,EAAC,UAAU,EAAC,+CAA+C,EAAC,SAAS,EAAC,yBAAyB,EAAC,aAAa,EAAC,6BAA6B,EAAC,iBAAiB,EAAC,6DAA6D,EAAC,CAAC;AACzW,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,2BAA2B,EAAC,6BAA6B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/datetime/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3728138641";
+var _namespace_ = "View2742409794";
 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": "View3728138641__root", "leaf": "View3728138641__leaf", "datePart": "View3728138641__datePart View3728138641__leaf", "timePart": "View3728138641__timePart View3728138641__leaf", "placeholder": "View3728138641__placeholder View3728138641__leaf", "divider": "View3728138641__divider" };
+export var classes = { "root": "View2742409794__root", "leaf": "View2742409794__leaf", "datePart": "View2742409794__datePart View2742409794__leaf", "timePart": "View2742409794__timePart View2742409794__leaf", "placeholder": "View2742409794__placeholder View2742409794__leaf", "divider": "View2742409794__divider" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit551041898";
+var _namespace_ = "Edit1913083617";
 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": "Edit551041898__root", "emailInput": "Edit551041898__emailInput" };
+export var classes = { "root": "Edit1913083617__root", "emailInput": "Edit1913083617__emailInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,YAAY,EAAC,2BAA2B,EAAC,CAAC;AAC7F,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":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,YAAY,EAAC,4BAA4B,EAAC,CAAC;AAC/F,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/EditableTable/cellTypes/email/View.st.css.js

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

package/dist/esm/components/EditableTable/cellTypes/index.js

@@ -17,8 +17,9 @@ import { audioCellType } from './audio';
 import { richTextCellType } from './richText';
 import { mediaGalleryCellType } from './mediaGallery';
 import { referenceCellType } from './reference';
+import { multiReferenceCellType } from './multiReference';
 import { addressCellType } from './address';
-export { textCellType, numberCellType, booleanCellType, dateCellType, timeCellType, dateTimeCellType, urlCellType, emailCellType, colorCellType, objectCellType, imageCellType, documentCellType, multiDocumentCellType, richContentCellType, videoCellType, audioCellType, richTextCellType, mediaGalleryCellType, referenceCellType, addressCellType, };
+export { textCellType, numberCellType, booleanCellType, dateCellType, timeCellType, dateTimeCellType, urlCellType, emailCellType, colorCellType, objectCellType, imageCellType, documentCellType, multiDocumentCellType, richContentCellType, videoCellType, audioCellType, richTextCellType, mediaGalleryCellType, referenceCellType, multiReferenceCellType, addressCellType, };
 /** All built-in cell types */
 export const builtInCellTypes = [
     textCellType,
@@ -40,6 +41,7 @@ export const builtInCellTypes = [
     richTextCellType,
     mediaGalleryCellType,
     referenceCellType,
+    multiReferenceCellType,
     addressCellType,
 ];
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,eAAe,GAChB,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,WAAW;IACX,aAAa;IACb,aAAa;IACb,cAAc;IACd,aAAa;IACb,gBAAgB;IAChB,qBAAqB;IACrB,mBAAmB;IACnB,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;IACjB,eAAe;CAChB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACnB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,GAChB,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,WAAW;IACX,aAAa;IACb,aAAa;IACb,cAAc;IACd,aAAa;IACb,gBAAgB;IAChB,qBAAqB;IACrB,mBAAmB;IACnB,aAAa;IACb,aAAa;IACb,gBAAgB;IAChB,oBAAoB;IACpB,iBAAiB;IACjB,sBAAsB;IACtB,eAAe;CAChB,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/multiReference/Edit.js

@@ -0,0 +1,159 @@
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { Box } from '@wix/design-system';
+import { CellMultiReferenceInput, } from '@wix/patterns-fields';
+import { observer } from 'mobx-react-lite';
+import { useCollection } from '@wix/bex-core/react';
+import { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';
+import { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';
+import { FilterTranslationProvider } from '../../../../providers';
+import { getImageFieldId } from '../reference/getImageFieldId';
+import { useOpenReferencedCollection } from '../reference/openCollectionContext';
+function _MultiReferenceEditContent({ value, onChange, onCommit, typeConfig, editTrigger, inputRef, }) {
+    const config = typeConfig;
+    const refSchema = config?.refSchema;
+    const acHandle = useRef(null);
+    const wrapperRef = useRef(null);
+    // Opener provided by ReferenceEditWrapper (a stable ancestor) so the
+    // navigation + return-to-foreground subscription survive this editor
+    // unmounting when the overlay opens.
+    const openReferencedCollection = useOpenReferencedCollection();
+    const idField = refSchema?.idField ?? '_id';
+    const displayField = refSchema?.displayField ?? 'title';
+    const imageField = getImageFieldId(refSchema?.fields);
+    const collection = useCollection({
+        queryName: `multi-reference-cell-edit-${refSchema?.id ?? 'unknown'}`,
+        itemKey: (item) => item.id,
+        itemName: (item) => item.name,
+        fetchData: async (query) => {
+            if (!config?.fetchReferenceItems) {
+                return { items: [], total: 0 };
+            }
+            return config.fetchReferenceItems(query);
+        },
+    });
+    const initialSearchTextRef = useRef(editTrigger &&
+        typeof editTrigger === 'object' &&
+        editTrigger.kind === 'type'
+        ? editTrigger.key
+        : undefined);
+    useEffect(() => {
+        const dispose = collection.init();
+        if (initialSearchTextRef.current !== undefined) {
+            collection.search(initialSearchTextRef.current, { clearResult: true });
+        }
+        // Seed editingValue with the current value so a no-op edit commits the same
+        // list back instead of `undefined` (which would clear the cell).
+        onChange(value ?? []);
+        return dispose;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [collection]);
+    const selectedRefs = value ?? [];
+    const selectedItems = useMemo(() => selectedRefs.map((ref, i) => ({
+        id: String(ref[idField] ?? i),
+        name: String(ref[displayField] ?? ''),
+        image: imageField ? ref[imageField] : undefined,
+    })), [selectedRefs, idField, displayField, imageField]);
+    const selectedIds = useMemo(() => new Set(selectedItems.map((item) => item.id)), [selectedItems]);
+    const keyedItems = collection.result.keyedItems;
+    const fetchedLastPage = collection.fetchedLastPage;
+    const searchValue = collection.query.search.value;
+    // Exclude already-selected references from the dropdown options.
+    const items = useMemo(() => keyedItems
+        .map((ki) => ({
+        id: String(ki.key),
+        name: ki.item.name,
+        image: ki.item.image,
+    }))
+        .filter((item) => !selectedIds.has(item.id)), [keyedItems, selectedIds]);
+    const handleSelect = useCallback((item) => {
+        const next = [
+            ...selectedRefs,
+            {
+                [idField]: item.id,
+                [displayField]: item.name,
+                ...(imageField && item.image ? { [imageField]: item.image } : {}),
+            },
+        ];
+        onChange(next);
+        collection.clearSearch();
+    }, [selectedRefs, idField, displayField, imageField, onChange, collection]);
+    const handleRemoveTag = useCallback((id) => {
+        const next = selectedRefs.filter((ref) => String(ref[idField] ?? '') !== id);
+        onChange(next.length ? next : null);
+    }, [selectedRefs, idField, onChange]);
+    const handleSearchChange = useCallback((search) => {
+        if (search) {
+            collection.search(search, { clearResult: true });
+        }
+        else {
+            collection.clearSearch();
+        }
+    }, [collection]);
+    const handleKeyDown = useCallback((e) => {
+        // Production should commit (not revert) on Escape — close the editor and
+        // keep the current selection. Stop propagation so the framework's default
+        // cancel-on-Escape doesn't also fire.
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            onCommit();
+        }
+    }, [onCommit]);
+    const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);
+    useCloseOnAncestorScroll(wrapperRef, closeDropdown, true);
+    // Commit on blur, unless focus moved into the portaled dropdown / popover.
+    const handleBlur = useCallback(() => {
+        requestAnimationFrame(() => {
+            const active = document.activeElement;
+            if (!active) {
+                onCommit();
+                return;
+            }
+            if (wrapperRef.current?.contains(active)) {
+                return;
+            }
+            if (active.closest('[role="listbox"], [role="dialog"], [data-hook*="popover"]')) {
+                return;
+            }
+            onCommit();
+        });
+    }, [onCommit]);
+    // Click-outside fallback. Empty cells often never get a focused descendant,
+    // so onBlur on the wrapper never fires.
+    useEffect(() => {
+        const handleDocMouseDown = (e) => {
+            const target = e.target;
+            if (!target) {
+                return;
+            }
+            if (wrapperRef.current?.contains(target)) {
+                return;
+            }
+            if (target.closest?.('[role="listbox"], [role="dialog"], [data-hook*="popover"]')) {
+                return;
+            }
+            onCommit();
+        };
+        document.addEventListener('mousedown', handleDocMouseDown);
+        return () => document.removeEventListener('mousedown', handleDocMouseDown);
+    }, [onCommit]);
+    const { showInitialLoader, fixedFooter } = useFilterCollectionStates({
+        collection,
+        fixedFooter: config?.renderFooter?.(),
+    });
+    // Refresh this editor's dropdown options when the overlay closes — force
+    // invalidates the shared query cache (keyed by queryName), so even after this
+    // editor has unmounted the next open refetches fresh.
+    const handleOpenCollection = useMemo(() => openReferencedCollection
+        ? () => openReferencedCollection(() => collection.clearResultAndMoveToStart({ force: true }))
+        : undefined, [openReferencedCollection, collection]);
+    if (!refSchema) {
+        return null;
+    }
+    return (React.createElement(Box, { ref: wrapperRef, width: "100%", height: "100%" },
+        React.createElement(CellMultiReferenceInput, { ref: acHandle, items: items, selectedItems: selectedItems, value: searchValue, onChange: handleSearchChange, onSelect: handleSelect, onRemoveTag: handleRemoveTag, onKeyDown: handleKeyDown, onBlur: handleBlur, infiniteScroll: true, hasMore: !showInitialLoader && !fetchedLastPage, loadMore: collection.fetchNextPageIfNeeded, fixedFooter: fixedFooter, onOpenCollection: handleOpenCollection, autoOpen: !!editTrigger, inputRef: inputRef, dataHook: "multi-reference-edit" })));
+}
+const MultiReferenceEditContent = observer(_MultiReferenceEditContent);
+export const MultiReferenceEdit = (props) => (React.createElement(FilterTranslationProvider, null,
+    React.createElement(MultiReferenceEditContent, { ...props })));
+//# sourceMappingURL=Edit.js.map

package/dist/esm/components/EditableTable/cellTypes/multiReference/Edit.js.map

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

package/dist/esm/components/EditableTable/cellTypes/multiReference/Edit.uni.driver.js

@@ -0,0 +1,43 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+const { fireEvent = null } = process.env.NODE_ENV === 'test'
+    ? (() => {
+        try {
+            return require('@testing-library/react');
+        }
+        catch { }
+        return {};
+    })()
+    : {};
+export function MultiReferenceEditUniDriver(base, body) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const getNativeInput = () => base.$('input').getNative();
+    return {
+        ...baseUniDriverFactory(base),
+        hasInput: () => base.$('input').exists(),
+        getInputValue: () => base.$('input').value(),
+        getTagsCount: () => base.$$('[data-hook="multi-reference-edit-tag"]').count(),
+        typeInInput: async (value) => {
+            fireEvent.change(await getNativeInput(), { target: { value } });
+        },
+        pressKeyOnInput: async (key) => {
+            fireEvent.keyDown(await getNativeInput(), { key });
+        },
+        // Dropdown options are portal-mounted to document.body, so search in body.
+        getOptionCount: async () => body.$$('[data-hook="list-item-select"]').count(),
+        getOptionTitleByIndex: async (index) => {
+            const option = await body.$$('[data-hook="list-item-select"]').get(index);
+            return option.$('[data-hook="list-item-select-title"]').text();
+        },
+        clickOptionByIndex: async (index) => {
+            const option = await body.$$('[data-hook="list-item-select"]').get(index);
+            return option.click();
+        },
+        hasOpenCollectionButton: () => body.$('[data-hook="reference-open-collection"]').exists(),
+        clickOpenCollection: async () => {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const el = body.$('[data-hook="reference-open-collection"]').getNative();
+            fireEvent.click(await el);
+        },
+    };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/multiReference/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/Edit.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,EAAE,SAAS,GAAG,IAAI,EAAE,GACxB,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM;IAC7B,CAAC,CAAC,CAAC,GAAG,EAAE;QACJ,IAAI;YACF,OAAO,OAAO,CAAC,wBAAwB,CAAC,CAAC;SAC1C;QAAC,MAAM,GAAE;QACV,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,EAAE;IACN,CAAC,CAAC,EAAE,CAAC;AAET,MAAM,UAAU,2BAA2B,CAAC,IAAe,EAAE,IAAe;IAC1E,8DAA8D;IAC9D,MAAM,cAAc,GAAG,GAAG,EAAE,CACzB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAS,CAAC,SAAS,EAA+B,CAAC;IAEpE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;QACxC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;QAC5C,YAAY,EAAE,GAAG,EAAE,CACjB,IAAI,CAAC,EAAE,CAAC,wCAAwC,CAAC,CAAC,KAAK,EAAE;QAC3D,WAAW,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE;YACnC,SAAS,CAAC,MAAM,CAAC,MAAM,cAAc,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAClE,CAAC;QACD,eAAe,EAAE,KAAK,EAAE,GAAW,EAAE,EAAE;YACrC,SAAS,CAAC,OAAO,CAAC,MAAM,cAAc,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;QACrD,CAAC;QACD,2EAA2E;QAC3E,cAAc,EAAE,KAAK,IAAI,EAAE,CACzB,IAAI,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,KAAK,EAAE;QACnD,qBAAqB,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE;YAC7C,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC1E,OAAO,MAAM,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,IAAI,EAAE,CAAC;QACjE,CAAC;QACD,kBAAkB,EAAE,KAAK,EAAE,KAAa,EAAE,EAAE;YAC1C,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC1E,OAAO,MAAM,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;QACD,uBAAuB,EAAE,GAAG,EAAE,CAC5B,IAAI,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,MAAM,EAAE;QAC5D,mBAAmB,EAAE,KAAK,IAAI,EAAE;YAC9B,8DAA8D;YAC9D,MAAM,EAAE,GACN,IAAI,CAAC,CAAC,CAAC,yCAAyC,CACjD,CAAC,SAAS,EAA0B,CAAC;YACtC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;QAC5B,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/multiReference/View.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { CellMultiReferenceView } from '@wix/patterns-fields';
+import { getImageFieldId } from '../reference/getImageFieldId';
+export const MultiReferenceView = ({ value, typeConfig, columnId, rowKey }) => {
+    const config = typeConfig;
+    const refs = value ?? [];
+    if (refs.length === 0 || !config?.refSchema) {
+        return null;
+    }
+    const { displayField, idField } = config.refSchema;
+    const imageField = getImageFieldId(config.refSchema.fields);
+    const items = refs.map((ref, i) => ({
+        id: String(ref[idField] ?? i),
+        name: String(ref[displayField] ?? ''),
+        image: imageField ? ref[imageField] : undefined,
+    }));
+    return (React.createElement(CellMultiReferenceView, { items: items, dataHook: "multi-reference-view", fieldId: `multi-reference-view-${columnId}-${rowKey}` }));
+};
+//# sourceMappingURL=View.js.map

package/dist/esm/components/EditableTable/cellTypes/multiReference/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAG/D,MAAM,CAAC,MAAM,kBAAkB,GAE3B,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,MAAM,MAAM,GAAG,UAA6C,CAAC;IAC7D,MAAM,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;IACzB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE;QAC3C,OAAO,IAAI,CAAC;KACb;IAED,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;IACnD,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAE5D,MAAM,KAAK,GAA6B,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5D,EAAE,EAAE,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QACrC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAE,GAAG,CAAC,UAAU,CAAwB,CAAC,CAAC,CAAC,SAAS;KACxE,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAC,sBAAsB,EAC/B,OAAO,EAAE,wBAAwB,QAAQ,IAAI,MAAM,EAAE,GACrD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/multiReference/View.uni.driver.js

@@ -0,0 +1,14 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function MultiReferenceViewUniDriver(base, _body) {
+    const tags = () => base.$$('[data-hook="cell-multi-reference-tag"]');
+    const overflow = () => base.$('[data-hook="tag-list-overflow-chip"]');
+    return {
+        ...baseUniDriverFactory(base),
+        hasTags: async () => (await tags().count()) > 0,
+        getTagsCount: () => tags().count(),
+        isEmpty: async () => !(await base.$('[data-hook="cell-multi-reference-tags"]').exists()),
+        hasOverflowChip: () => overflow().exists(),
+        getOverflowChipText: async () => (await overflow().text()) ?? '',
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/multiReference/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,2BAA2B,CAAC,IAAe,EAAE,KAAgB;IAC3E,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,wCAAwC,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC;IACtE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC;QAC/C,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE;QAClC,OAAO,EAAE,KAAK,IAAI,EAAE,CAClB,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,MAAM,EAAE,CAAC;QACrE,eAAe,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;QAC1C,mBAAmB,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE;KACjE,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/multiReference/index.js

@@ -0,0 +1,34 @@
+import { defineCellType } from '../../types';
+import { ReferenceEditWrapper } from '../reference/ReferenceEditWrapper';
+import { MultiReferenceView } from './View';
+import { MultiReferenceEdit } from './Edit';
+export { MultiReferenceView, MultiReferenceEdit };
+export const multiReferenceCellType = defineCellType({
+    type: 'multiReference',
+    ViewComponent: MultiReferenceView,
+    EditComponent: MultiReferenceEdit,
+    EditWrapper: ReferenceEditWrapper,
+    // Compact, single-line JSON for clipboard TSV (no pretty-printing).
+    serialize: (value) => (value && value.length ? JSON.stringify(value) : ''),
+    deserialize: (raw) => {
+        if (!raw) {
+            return null;
+        }
+        try {
+            const parsed = JSON.parse(raw);
+            if (Array.isArray(parsed)) {
+                return parsed;
+            }
+        }
+        catch { }
+        return null;
+    },
+    editable: true,
+    clearable: true,
+    // Single click opens the chip editor (parity with the UX handoff).
+    editOnClick: () => true,
+    // Enter edit on a printable key without clearing the existing chips — the
+    // MultiSelect input takes over typing once edit opens.
+    onTypeToEdit: () => ({}),
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/multiReference/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAG5C,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;AAQlD,MAAM,CAAC,MAAM,sBAAsB,GAAG,cAAc,CAAsB;IACxE,IAAI,EAAE,gBAAgB;IACtB,aAAa,EAAE,kBAAkB;IACjC,aAAa,EAAE,kBAAkB;IACjC,WAAW,EAAE,oBAAoB;IACjC,oEAAoE;IACpE,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1E,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;QACnB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,IAAI,CAAC;SACb;QACD,IAAI;YACF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAC/B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACzB,OAAO,MAAM,CAAC;aACf;SACF;QAAC,MAAM,GAAE;QACV,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,mEAAmE;IACnE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI;IACvB,0EAA0E;IAC1E,uDAAuD;IACvD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/multiReference/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/EditableTable/cellTypes/multiReference/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3997170827";
+var _namespace_ = "Edit3213260238";
 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": "Edit3997170827__root", "numberInput": "Edit3997170827__numberInput" };
+export var classes = { "root": "Edit3213260238__root", "numberInput": "Edit3213260238__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3717091114";
+var _namespace_ = "View1484387196";
 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": "View3717091114__root", "textView": "View3717091114__textView" };
+export var classes = { "root": "View1484387196__root", "textView": "View1484387196__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1884076868";
+var _namespace_ = "Edit490034775";
 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": "Edit1884076868__root", "jsonInput": "Edit1884076868__jsonInput" };
+export var classes = { "root": "Edit490034775__root", "jsonInput": "Edit490034775__jsonInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,WAAW,EAAC,2BAA2B,EAAC,CAAC;AAC7F,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":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,WAAW,EAAC,0BAA0B,EAAC,CAAC;AAC3F,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/EditableTable/cellTypes/object/View.st.css.js

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

package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1063584883";
+var _namespace_ = "Edit3980015914";
 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": "Edit1063584883__root", "selectInput": "Edit1063584883__selectInput" };
+export var classes = { "root": "Edit3980015914__root", "selectInput": "Edit3980015914__selectInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2539786971";
+var _namespace_ = "Edit1573713769";
 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": "Edit2539786971__root", "editWrapper": "Edit2539786971__editWrapper", "inputArea": "Edit2539786971__inputArea" };
+export var classes = { "root": "Edit1573713769__root", "editWrapper": "Edit1573713769__editWrapper", "inputArea": "Edit1573713769__inputArea" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js

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