@wix/patterns 1.493.0 → 1.494.0

package/dist/esm/components/CollectionTable/buildMobileColumns.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import { Box } from '@wix/design-system';
-function isFirstColumnMobileConfig(col) {
-    return col.mobile?.column === 'first';
-}
+import { IMAGE_COLUMN_GAP, getMobileImageSize, isFirstColumnMobileConfig, isImageColumnMobileConfig, } from './mobileColumnsUtils';
 export function buildMobileColumns(columns) {
     const hasMobileConfig = columns.some((col) => col.mobile?.column);
     if (!hasMobileConfig) {
@@ -24,10 +22,12 @@ export function buildMobileColumns(columns) {
         return orderA - orderB;
     });
     const secondColumn = columns.find((col) => col.mobile?.column === 'second');
+    const imageColumn = columns.find(isImageColumnMobileConfig);
     const result = [];
     if (firstColumns.length > 0) {
         result.push({
             id: 'mobile-first-column',
+            dataHook: 'mobile-first-column',
             title: '',
             render: (params, index) => (React.createElement(Box, { direction: "vertical", gap: "SP1" }, firstColumns.map((col, colIndex) => (React.createElement("div", { key: `first-col-${colIndex}` }, col.render?.(params, index)))))),
         });
@@ -35,10 +35,25 @@ export function buildMobileColumns(columns) {
     if (secondColumn) {
         result.push({
             id: 'mobile-second-column',
+            dataHook: 'mobile-second-column',
             title: '',
             render: (params, index) => secondColumn.render?.(params, index),
         });
     }
+    if (imageColumn) {
+        const size = getMobileImageSize(imageColumn.mobile.size);
+        if (result[0]) {
+            result[0].style = { paddingInlineStart: 0 };
+        }
+        result.unshift({
+            id: 'mobile-image-column',
+            dataHook: 'mobile-image-column',
+            title: '',
+            width: `${size}px`,
+            style: { paddingInlineEnd: `${IMAGE_COLUMN_GAP}px` },
+            render: (params, index) => (React.createElement(Box, { dataHook: "mobile-image-slot", width: `${size}px`, height: `${size}px`, flexShrink: 0, align: "center", verticalAlign: "middle" }, imageColumn.render?.(params, index))),
+        });
+    }
     return result;
 }
 //# sourceMappingURL=buildMobileColumns.js.map

package/dist/esm/components/CollectionTable/buildMobileColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"buildMobileColumns.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAIzC,SAAS,yBAAyB,CAChC,GAA8B;IAI9B,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAI,OAAoC;IACxE,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAE,GAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE3E,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO;YACL;gBACE,EAAE,EAAE,aAAa;gBACjB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE,CAAC,CACtC,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;oBAChC,OAAO,CAAC,CAAC,CAAC,IAAI,iCAAM,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAO;oBAC7D,OAAO,CAAC,CAAC,CAAC,IAAI,iCAAM,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAO,CAC1D,CACP;aACF;SACF,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,OAAO;SACzB,MAAM,CAAC,yBAAyB,CAAC;SACjC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,QAAQ,CAAC;QAC3C,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,QAAQ,CAAC;QAC3C,OAAO,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC,CAAC,CAAC;IAEL,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC;IAE5E,MAAM,MAAM,GAAG,EAAE,CAAC;IAElB,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC;YACV,EAAE,EAAE,qBAAqB;YACzB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE,CAAC,CACtC,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CACnC,6BAAK,GAAG,EAAE,aAAa,QAAQ,EAAE,IAC9B,GAAG,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CACxB,CACP,CAAC,CACE,CACP;SACK,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,CAAC,IAAI,CAAC;YACV,EAAE,EAAE,sBAAsB;YAC1B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,CAAC,MAAW,EAAE,KAAa,EAAE,EAAE,CACrC,YAAY,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;SAChC,CAAC,CAAC;IACZ,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC"}
+{"version":3,"file":"buildMobileColumns.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CollectionTable/mobileColumnsUtils.js

@@ -0,0 +1,15 @@
+const IMAGE_COLUMN_SIZES = {
+    small: 24,
+    medium: 36,
+    large: 48,
+};
+const DEFAULT_IMAGE_SIZE = 'medium';
+export const IMAGE_COLUMN_GAP = 8;
+export const getMobileImageSize = (size) => IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];
+export function isFirstColumnMobileConfig(col) {
+    return col.mobile?.column === 'first';
+}
+export function isImageColumnMobileConfig(col) {
+    return col.mobile?.column === 'image';
+}
+//# sourceMappingURL=mobileColumnsUtils.js.map

package/dist/esm/components/CollectionTable/mobileColumnsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobileColumnsUtils.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/mobileColumnsUtils.ts"],"names":[],"mappings":"AAGA,MAAM,kBAAkB,GAAoC;IAC1D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,kBAAkB,GAAoB,QAAQ,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAsB,EAAE,EAAE,CAC3D,kBAAkB,CAAC,IAAI,IAAI,kBAAkB,CAAC,CAAC;AAEjD,MAAM,UAAU,yBAAyB,CACvC,GAA8B;IAI9B,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,GAA8B;IAI9B,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;AACxC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1126109174";
+var _namespace_ = "CollectionToolbar1588114061";
 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": "CollectionToolbar1126109174__root", "right": "CollectionToolbar1126109174__right", "left": "CollectionToolbar1126109174__left", "fullWidth": "CollectionToolbar1126109174__fullWidth" };
+export var classes = { "root": "CollectionToolbar1588114061__root", "right": "CollectionToolbar1588114061__right", "left": "CollectionToolbar1588114061__left", "fullWidth": "CollectionToolbar1588114061__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter4110536679";
+var _namespace_ = "SearchOrCustomFilter2418752071";
 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": "SearchOrCustomFilter4110536679__root", "search": "SearchOrCustomFilter4110536679__search", "searchMobile": "SearchOrCustomFilter4110536679__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter2418752071__root", "search": "SearchOrCustomFilter2418752071__search", "searchMobile": "SearchOrCustomFilter2418752071__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbarFilters/CollectionToolbarFiltersState.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbarFiltersState.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQxD,MAAM,OAAO,6BAA6B;IAWxC,YAAY,MAAiD;QARpD,eAAU,GAAG,IAAI,QAAQ,CAAY,SAAS,CAAC,CAAC;QAChD,uBAAkB,GAAG,IAAI,QAAQ,CAAgB,IAAI,CAAC,CAAC;QACvD,mBAAc,GAAG,IAAI,QAAQ,CAAkB,EAAE,CAAC,CAAC;QACnD,yBAAoB,GAC3B,SAAS,EAAU,CAAC;QA2BtB,yBAAoB,GAAG,MAAM,CAAC,GAAG,EAAE;YACjC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YAChE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,4DAA4D;QAC5D,yBAAoB,GAAG,MAAM,CAAC,GAAG,EAAE;YACjC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAC1C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAC7C,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAjCD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,cAAc,CAAC,IAAI,EAAE;YACnB,mBAAmB,EAAE,QAAQ;YAC7B,YAAY,EAAE,QAAQ;SACvB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,mBAAmB;QACrB,MAAM,EACJ,kBAAkB,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EACjD,cAAc,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,GAC1C,GAAG,IAAI,CAAC;QACT,OAAO,kBAAkB,IAAI,IAAI;YAC/B,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAC1C,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;IAeO,gBAAgB,CACtB,QAAiB,EACjB,MAAyC,EACzC,eAAuB;QAEvB,0EAA0E;QAC1E,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,CACnB,eAAe,CAAC,qBAAqB,CAAC,CAAC;gBACrC,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE;gBACxC,QAAQ;gBACR,MAAM;gBACN,OAAO,EAAE,QAAQ;gBACjB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC;aAChE,CAAC,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
+{"version":3,"file":"CollectionToolbarFiltersState.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AACxD,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQxD,MAAM,OAAO,6BAA6B;IAUxC,YAAY,MAAiD;QAPpD,eAAU,GAAG,IAAI,QAAQ,CAAY,SAAS,CAAC,CAAC;QAChD,uBAAkB,GAAG,IAAI,QAAQ,CAAgB,IAAI,CAAC,CAAC;QACvD,mBAAc,GAAG,IAAI,QAAQ,CAAkB,EAAE,CAAC,CAAC;QACnD,yBAAoB,GAAsB,SAAS,EAAU,CAAC;QA2BvE,yBAAoB,GAAG,MAAM,CAAC,GAAG,EAAE;YACjC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;YAChE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;QACpE,CAAC,CAAC,CAAC;QAEH,4DAA4D;QAC5D,yBAAoB,GAAG,MAAM,CAAC,GAAG,EAAE;YACjC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAC1C,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAC7C,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QAjCD,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE9B,cAAc,CAAC,IAAI,EAAE;YACnB,mBAAmB,EAAE,QAAQ;YAC7B,YAAY,EAAE,QAAQ;SACvB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,mBAAmB;QACrB,MAAM,EACJ,kBAAkB,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EACjD,cAAc,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,GAC1C,GAAG,IAAI,CAAC;QACT,OAAO,kBAAkB,IAAI,IAAI;YAC/B,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,kBAAkB,CAAC;YAC1C,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;IAeO,gBAAgB,CACtB,QAAiB,EACjB,MAAyC,EACzC,eAAuB;QAEvB,0EAA0E;QAC1E,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACrB,IAAI,CAAC,OAAO,CAAC,QAAQ,CACnB,eAAe,CAAC,qBAAqB,CAAC,CAAC;gBACrC,GAAG,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE;gBACxC,QAAQ;gBACR,MAAM;gBACN,OAAO,EAAE,QAAQ;gBACjB,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC;aAChE,CAAC,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

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

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

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

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,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,8BAA8B,EAAC,CAAC;AAC7D,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":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.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,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,+BAA+B,EAAC,CAAC;AAC9D,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/CustomFieldModal/CustomFieldFormPiiFields.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CustomFieldFormPiiFields4127167210";
+var _namespace_ = "CustomFieldFormPiiFields3055796595";
 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": "CustomFieldFormPiiFields4127167210__root", "tooltipText": "CustomFieldFormPiiFields4127167210__tooltipText" };
+export var classes = { "root": "CustomFieldFormPiiFields3055796595__root", "tooltipText": "CustomFieldFormPiiFields3055796595__tooltipText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/components/EditableTable/EditableCell.st.css

@@ -1,3 +1,7 @@
+@st-import [inputArea as textInputArea] from './cellTypes/text/Edit.st.css';
+
+@property st-global(--wds-outline-focus-outer);
+@property st-global(--wds-outline-focus-inner);
 @property st-global(--wds-color-fill-surface-raised);
 @property st-global(--wds-color-border-dark-secondary);
 @property st-global(--wds-color-black-750);
@@ -28,6 +32,7 @@
 @property st-global(--wsr-text-font-size-small);
 @property st-global(--wsr-text-line-height-small);
 @property st-global(--wds-input-padding-horizontal-small);
+@property st-global(--wds-table-action-cell-backdrop-opacity);
 
 :global(td):has(> .root) {
   position: relative;
@@ -84,6 +89,19 @@
   height: 36px;
 }
 
+:global(tr[data-index]):has(.root) {
+  --wds-table-action-cell-backdrop-opacity: 0;
+}
+
+:global(tr[data-index]):has(.root:rowActive) {
+  background: var(--wds-color-black-750, #f6f7f9);
+}
+
+:global(tr[data-index]):has(.root):hover
+  > :global(td):has(> :global([data-hook='collection-action-cell'])) {
+  background: transparent;
+}
+
 .root {
   -st-states: harmony, editing, focused, rowActive, rangeSelected, invalid, readOnly,
     showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
@@ -124,16 +142,55 @@
   --wds-input-padding-horizontal-small: 8px;
 }
 
+/* The cell border already marks focus while its text editor is active. */
+.root:harmony .textInputArea {
+  --wds-outline-focus-outer: none;
+  --wds-outline-focus-inner: none;
+}
+
 :global(td):has(> .root:harmony) ~ :global(td):has(> .root:harmony) > .root:harmony {
   left: -1px;
 }
 
-/* The sticky header paints over the pixel the first row borrows above itself,
-   which would swallow that row's top border. */
-:global(tr:first-child) > :global(td) > .root {
+.selectorRow {
+  -st-states: active, first;
+}
+
+/* Keep the selector above focused and editing cells during horizontal scroll. */
+:global(tr).selectorRow > :global(td.wds-data-table__selector-cell) {
+  z-index: 4;
+}
+
+/* WDS uses ::after for the sticky shadow; replace its selected-row marker. */
+:global(tr).selectorRow > :global(td.wds-data-table__selector-cell)::before {
+  content: '';
+  position: absolute;
+  inset: -1px 0 0;
+  width: auto;
+  background: none;
+  pointer-events: none;
+  border: var(--wds-border-width-default, 1px) solid
+    var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));
+  border-right: 0;
+}
+
+/* Keep the shared edge inside the data cell, above the sticky selector. */
+.selectorRow > :global(td.wds-data-table__selector-cell) + :global(td) > .root {
+  left: 0;
+}
+
+/* Virtual rows keep their original index when earlier rows are unmounted. */
+.selectorRow:first > :global(td) > .root,
+.selectorRow:first > :global(td.wds-data-table__selector-cell)::before {
   top: 0;
 }
 
+/* The header already draws the top edge of the first Harmony row. */
+.selectorRow:first:has(.root:harmony)
+  > :global(td.wds-data-table__selector-cell)::before {
+  border-top-color: transparent;
+}
+
 :global(tr[data-index='index-0']) > :global(td) > .root:harmony {
   top: 0;
 }
@@ -147,11 +204,13 @@
 
 /* A multi-cell range keeps the range look, so every single-cell state below
    opts out of it. */
+.selectorRow:hover > :global(td.wds-data-table__selector-cell),
 .root:hover:not(:rowActive):not(:rangeSelected) {
   background: var(--wds-color-black-750, #f6f7f9);
 }
 
 /* Every cell in the focused cell's row. */
+.selectorRow:active > :global(td.wds-data-table__selector-cell),
 .root:rowActive:not(:rangeSelected) {
   background: var(--wds-color-black-750, #f6f7f9);
   box-shadow: inset 0 22px 18px -18px rgba(0, 6, 36, 0.1);

package/dist/esm/components/EditableTable/EditableCell.st.css.js

@@ -1,15 +1,16 @@
 // @ts-nocheck
+import "./cellTypes/text/Edit.st.css.js";
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EditableCell3124548031";
+var _namespace_ = "EditableCell222919926";
 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": "EditableCell3124548031__root", "errorMessage": "EditableCell3124548031__errorMessage" };
+export var classes = { "root": "EditableCell222919926__root", "textInputArea": "Edit19302658__inputArea", "selectorRow": "EditableCell222919926__selectorRow", "errorMessage": "EditableCell222919926__errorMessage" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-fill-surface-raised": "--wds-color-fill-surface-raised", "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-black-750": "--wds-color-black-750", "wds-color-red-100": "--wds-color-red-100", "wds-color-fill-surface-overlay": "--wds-color-fill-surface-overlay", "wds-input-border-color-hover": "--wds-input-border-color-hover", "wds-input-border-color-focus": "--wds-input-border-color-focus", "wds-border-width-default": "--wds-border-width-default", "wds-border-radius-400": "--wds-border-radius-400", "wds-popover-fill": "--wds-popover-fill", "wds-popover-border-radius": "--wds-popover-border-radius", "wds-shadow-surface-overlay": "--wds-shadow-surface-overlay", "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-R10": "--wsr-color-R10", "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-placeholder": "--wds-color-text-placeholder", "wds-color-text-disabled": "--wds-color-text-disabled", "wds-color-black-700": "--wds-color-black-700", "wsr-color-D10-30": "--wsr-color-D10-30", "wsr-color-D70": "--wsr-color-D70", "wds-input-value-font-size-small": "--wds-input-value-font-size-small", "wds-input-value-font-line-height-small": "--wds-input-value-font-line-height-small", "wds-font-size-body-small": "--wds-font-size-body-small", "wds-font-line-height-body-small": "--wds-font-line-height-body-small", "wsr-text-font-size-small": "--wsr-text-font-size-small", "wsr-text-line-height-small": "--wsr-text-line-height-small", "wds-input-padding-horizontal-small": "--wds-input-padding-horizontal-small" };
+export var vars = { "wds-outline-focus-outer": "--wds-outline-focus-outer", "wds-outline-focus-inner": "--wds-outline-focus-inner", "wds-color-fill-surface-raised": "--wds-color-fill-surface-raised", "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-black-750": "--wds-color-black-750", "wds-color-red-100": "--wds-color-red-100", "wds-color-fill-surface-overlay": "--wds-color-fill-surface-overlay", "wds-input-border-color-hover": "--wds-input-border-color-hover", "wds-input-border-color-focus": "--wds-input-border-color-focus", "wds-border-width-default": "--wds-border-width-default", "wds-border-radius-400": "--wds-border-radius-400", "wds-popover-fill": "--wds-popover-fill", "wds-popover-border-radius": "--wds-popover-border-radius", "wds-shadow-surface-overlay": "--wds-shadow-surface-overlay", "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-R10": "--wsr-color-R10", "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-placeholder": "--wds-color-text-placeholder", "wds-color-text-disabled": "--wds-color-text-disabled", "wds-color-black-700": "--wds-color-black-700", "wsr-color-D10-30": "--wsr-color-D10-30", "wsr-color-D70": "--wsr-color-D70", "wds-input-value-font-size-small": "--wds-input-value-font-size-small", "wds-input-value-font-line-height-small": "--wds-input-value-font-line-height-small", "wds-font-size-body-small": "--wds-font-size-body-small", "wds-font-line-height-body-small": "--wds-font-line-height-body-small", "wsr-text-font-size-small": "--wsr-text-font-size-small", "wsr-text-line-height-small": "--wsr-text-line-height-small", "wds-input-padding-horizontal-small": "--wds-input-padding-horizontal-small", "wds-table-action-cell-backdrop-opacity": "--wds-table-action-cell-backdrop-opacity" };
 //# sourceMappingURL=EditableCell.st.css.js.map

package/dist/esm/components/EditableTable/EditableCell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,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,8BAA8B,EAAC,cAAc,EAAC,sCAAsC,EAAC,CAAC;AACnH,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,+BAA+B,EAAC,iCAAiC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,2BAA2B,EAAC,6BAA6B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}
+{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAEd,OAAO,iCAAiC,CAAC;AACzC,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,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,6BAA6B,EAAC,eAAe,EAAC,yBAAyB,EAAC,aAAa,EAAC,oCAAoC,EAAC,cAAc,EAAC,qCAAqC,EAAC,CAAC;AAC9M,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,yBAAyB,EAAC,2BAA2B,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,mBAAmB,EAAC,qBAAqB,EAAC,gCAAgC,EAAC,kCAAkC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,8BAA8B,EAAC,gCAAgC,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,2BAA2B,EAAC,6BAA6B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,qBAAqB,EAAC,uBAAuB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,0BAA0B,EAAC,4BAA4B,EAAC,4BAA4B,EAAC,8BAA8B,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,CAAC"}

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

@@ -18,6 +18,7 @@ import { useAddRow } from './useAddRow';
 import { useHeaderActions } from './useHeaderActions';
 import { version as cairoVersion } from '../../version';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { st, classes } from './EditableCell.st.css.js';
 function _EditableTable(props) {
     const { state, columns, fieldsSource: _fieldsSource, hideHeaderActions, dataHook, children, ...tableBaseProps } = props;
     useEditableTableCollectionSyncProps(props);
@@ -48,7 +49,7 @@ function _EditableTable(props) {
     }, [state]);
     const contextMenu = useEditableTableContextMenu(state.cellInteraction, reportContextMenuOpenChange);
     const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());
-    const hasInvalidRows = invalidCellKeys.size > 0;
+    const focusedRowKey = state.cellInteraction.focusedCell?.rowKey;
     const rowStatus = (row) => {
         const count = state.allColumns.filter((col) => invalidCellKeys.has(`${row.key}:${col.id}`)).length;
         return count
@@ -61,7 +62,10 @@ function _EditableTable(props) {
     };
     return (React.createElement(PatternsFieldsProvider, null,
         React.createElement("div", { ref: containerRef, "data-hook": dataHook, "data-wix-patterns": cairoVersion, tabIndex: 0, onKeyDown: keyboard.onKeyDown, onFocus: onFocus, onBlur: onBlur, onContextMenu: contextMenu.handleContextMenu },
-            React.createElement(TableVirtual, { ...tableBaseProps, state: state.tableState, columns: tableColumns, forceResize: true, horizontalScroll: true, showSelection: true, showRowNumbers: true, showAddFieldButton: true, ...(hasInvalidRows ? { rowStatus } : {}) }, showAddItemRow && (React.createElement(AddItemRow, { onAdd: handleAddItem, disabledReason: addItemDisabledReason })))),
+            React.createElement(TableVirtual, { ...tableBaseProps, state: state.tableState, columns: tableColumns, forceResize: true, horizontalScroll: true, showSelection: true, showRowNumbers: true, showAddFieldButton: true, stickySelectionColumn: true, rowStatus: rowStatus, dynamicRowClass: (row, rowNum) => st(classes.selectorRow, {
+                    active: row.key === focusedRowKey,
+                    first: rowNum === 0,
+                }) }, showAddItemRow && (React.createElement(AddItemRow, { onAdd: handleAddItem, disabledReason: addItemDisabledReason })))),
         React.createElement(EditableTableContextMenu, { state: state, position: contextMenu.position, cell: contextMenu.cell, menuRef: contextMenu.menuRef, onClose: contextMenu.handleClose }),
         state.deleteConfirmModal.value && (React.createElement(MessageActionModal, { state: state.deleteConfirmModal, ...state.deleteConfirmModal.value })),
         state.toolbar.collectionFieldsSource && (React.createElement(FieldManagementModals, { source: state.toolbar.collectionFieldsSource })),

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

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

package/dist/esm/components/EditableTable/HeaderActionsPopover.st.css.js

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

package/dist/esm/components/EditableTable/cellTypes/CellViewLayout.st.css.js

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

package/dist/esm/components/EditableTable/cellTypes/JsonInputEdit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "JsonInputEdit4121378243";
+var _namespace_ = "JsonInputEdit3904331697";
 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": "JsonInputEdit4121378243__root", "jsonInput": "JsonInputEdit4121378243__jsonInput" };
+export var classes = { "root": "JsonInputEdit3904331697__root", "jsonInput": "JsonInputEdit3904331697__jsonInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit564070796";
+var _namespace_ = "Edit4010411396";
 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": "Edit564070796__root", "addressInput": "Edit564070796__addressInput" };
+export var classes = { "root": "Edit4010411396__root", "addressInput": "Edit4010411396__addressInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/address/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,cAAc,EAAC,6BAA6B,EAAC,CAAC;AACjG,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/address/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,cAAc,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,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit326742526";
+var _namespace_ = "Edit3166583434";
 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": "Edit326742526__root", "booleanEdit": "Edit326742526__booleanEdit" };
+export var classes = { "root": "Edit3166583434__root", "booleanEdit": "Edit3166583434__booleanEdit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/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,aAAa,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"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/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,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,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/boolean/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3767167409";
+var _namespace_ = "View1657982704";
 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": "View3767167409__root", "booleanView": "View3767167409__booleanView" };
+export var classes = { "root": "View1657982704__root", "booleanView": "View1657982704__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_ = "Edit2928108101";
+var _namespace_ = "Edit3427717467";
 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": "Edit2928108101__root" };
+export var classes = { "root": "Edit3427717467__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_ = "Edit4145688990";
+var _namespace_ = "Edit514332001";
 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": "Edit4145688990__root", "dateInput": "Edit4145688990__dateInput" };
+export var classes = { "root": "Edit514332001__root", "dateInput": "Edit514332001__dateInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/date/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/date/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/date/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3026079960";
+var _namespace_ = "View1529146851";
 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": "View3026079960__root" };
+export var classes = { "root": "View1529146851__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_ = "Edit2461500534";
+var _namespace_ = "Edit770565810";
 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": "Edit2461500534__root", "half": "Edit2461500534__half", "dateHalf": "Edit2461500534__dateHalf Edit2461500534__half", "timeHalf": "Edit2461500534__timeHalf Edit2461500534__half", "divider": "Edit2461500534__divider", "passiveText": "Edit2461500534__passiveText", "placeholderText": "Edit2461500534__placeholderText Edit2461500534__passiveText" };
+export var classes = { "root": "Edit770565810__root", "half": "Edit770565810__half", "dateHalf": "Edit770565810__dateHalf Edit770565810__half", "timeHalf": "Edit770565810__timeHalf Edit770565810__half", "divider": "Edit770565810__divider", "passiveText": "Edit770565810__passiveText", "placeholderText": "Edit770565810__placeholderText Edit770565810__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,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"}
+{"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"}