@wix/patterns 1.493.0 → 1.495.0

package/dist/cjs/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;
@@ -64,13 +69,18 @@
   z-index: 4;
 }
 
+/* A pinned editor must also escape its row's lower stacking context. */
+:global(tr):has(> :global(td[data-sticky='true']) > .root:harmony:focused) {
+  z-index: 6;
+}
+
 /* Pinned cells must cover focused cells and their inline editors. */
 :global(tr):has(> :global(td) > .root)
   > :global(td[data-sticky='true']) {
   z-index: 5;
 }
 
-/* Keep the focus border above neighbouring pinned cells. */
+/* Keep editors and validation messages above later rows' pinned cells. */
 :global(td[data-sticky='true']):has(> .root:focused) {
   z-index: 6;
 }
@@ -84,6 +94,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 +147,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 +209,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);
@@ -199,11 +263,20 @@
   border-color: var(--wds-color-black-700, var(--wsr-color-D70, #eceff3));
 }
 
-.root:focused:not(:rangeSelected) {
-  border-color: var(
+.root:focused:not(:rangeSelected),
+.root:has([data-inner-focused]),
+.root:invalid:not(:rangeSelected):not(:copiedTop):not(:copiedBottom):not(:copiedLeft):not(:copiedRight) {
+  /* Grid borders overlap neighbouring cells by 1px. Keep the whole focus ring
+     inside this cell instead of competing with their stacking contexts. */
+  border-color: transparent;
+  outline: var(--wds-border-width-default, 1px) solid var(
     --wds-input-border-color-focus,
     var(--wsr-color-B10, #116dff)
   );
+  outline-offset: calc(-2 * var(--wds-border-width-default, 1px));
+}
+
+.root:focused:not(:rangeSelected) {
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
   z-index: 2;
 }
@@ -253,10 +326,6 @@
 .root:has([data-inner-focused]) {
   overflow: visible;
   z-index: 3;
-  border-color: var(
-    --wds-input-border-color-focus,
-    var(--wsr-color-B10, #116dff)
-  );
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
@@ -287,6 +356,12 @@
 .root:invalid:focused:not(:rangeSelected),
 .root:invalid:has([data-inner-focused]) {
   border-color: var(--wds-color-red-100, var(--wsr-color-R10, #e62214));
+  outline-color: var(--wds-color-red-100, var(--wsr-color-R10, #e62214));
+}
+
+.root:invalid:not(:rangeSelected):not(:copiedTop):not(:copiedBottom):not(:copiedLeft):not(:copiedRight) {
+  border-color: transparent;
+  outline-color: var(--wds-color-red-100, var(--wsr-color-R10, #e62214));
 }
 
 .root:copiedTop:not(:selectionTop) {

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

@@ -2,24 +2,29 @@
 
 exports.__esModule = true;
 exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+require("./cellTypes/text/Edit.st.css.js");
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell3124548031";
+var _namespace_ = "EditableCell485900542";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "EditableCell3124548031__root",
-  "errorMessage": "EditableCell3124548031__errorMessage"
+  "root": "EditableCell485900542__root",
+  "textInputArea": "Edit2395190668__inputArea",
+  "selectorRow": "EditableCell485900542__selectorRow",
+  "errorMessage": "EditableCell485900542__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
 var vars = exports.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",
@@ -49,6 +54,7 @@ var vars = exports.vars = {
   "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-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/cjs/components/EditableTable/EditableCell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3124548031\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell3124548031__root\",\"errorMessage\":\"EditableCell3124548031__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport 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\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,cAAc,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,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;AAAsC,CAAC","ignoreList":[]}
+{"version":3,"names":["require","_stylableEsmRuntime","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\nimport \"./cellTypes/text/Edit.st.css.js\";\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell485900542\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell485900542__root\",\"textInputArea\":\"Edit2395190668__inputArea\",\"selectorRow\":\"EditableCell485900542__selectorRow\",\"errorMessage\":\"EditableCell485900542__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport 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\"}; \n\n\n\n\n"],"mappings":";;;;AAEAA,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAHA;;AAOA,IAAIE,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,eAAe,EAAC,2BAA2B;EAAC,aAAa,EAAC,oCAAoC;EAAC,cAAc,EAAC;AAAqC,CAAC;AACxM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,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;AAA0C,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableTable.js

@@ -24,9 +24,11 @@ var _useAddRow = require("./useAddRow");
 var _useHeaderActions = require("./useHeaderActions");
 var _version = require("../../version");
 var _react2 = require("@wix/bex-core/react");
+var _EditableCellStCss = require("./EditableCell.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTable.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _EditableTable(props) {
+  var _state$cellInteractio;
   const {
     state,
     columns,
@@ -71,7 +73,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 113,
+          lineNumber: 114,
           columnNumber: 13
         }
       }) : null;
@@ -86,7 +88,7 @@ function _EditableTable(props) {
   }, [state]);
   const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction, reportContextMenuOpenChange);
   const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());
-  const hasInvalidRows = invalidCellKeys.size > 0;
+  const focusedRowKey = (_state$cellInteractio = state.cellInteraction.focusedCell) == null ? void 0 : _state$cellInteractio.rowKey;
   const rowStatus = row => {
     const count = state.allColumns.filter(col => invalidCellKeys.has(`${row.key}:${col.id}`)).length;
     return count ? {
@@ -99,7 +101,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 159,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -114,7 +116,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 160,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -124,14 +126,17 @@ function _EditableTable(props) {
     horizontalScroll: true,
     showSelection: true,
     showRowNumbers: true,
-    showAddFieldButton: true
-  }, hasInvalidRows ? {
-    rowStatus
-  } : {}, {
+    showAddFieldButton: true,
+    stickySelectionColumn: true,
+    rowStatus: rowStatus,
+    dynamicRowClass: (row, rowNum) => (0, _EditableCellStCss.st)(_EditableCellStCss.classes.selectorRow, {
+      active: row.key === focusedRowKey,
+      first: rowNum === 0
+    }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 169,
+      lineNumber: 170,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -140,7 +145,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 189,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -152,7 +157,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 196,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -161,7 +166,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196,
+      lineNumber: 204,
       columnNumber: 9
     }
   })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
@@ -169,14 +174,14 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 210,
       columnNumber: 9
     }
   }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205,
+      lineNumber: 213,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_version","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","translate","useWixPatternsContainer","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","onCellFocus","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","addItemDisabledReason","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","reportContextMenuOpenChange","useCallback","isOpened","cell","bi","menuOpened","menuType","contextMenu","useEditableTableContextMenu","invalidCellKeys","Set","cellValue","_pendingCells","keys","hasInvalidRows","size","rowStatus","row","count","allColumns","filter","length","messages","PatternsFieldsProvider","ref","cairoVersion","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","AddItemRow","onAdd","disabledReason","EditableTableContextMenu","position","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type Cell,\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\nimport { version as cairoVersion } from '../../version';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n    | 'showAddFieldButton'\n    | 'rowStatus'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n   *  columns and whose field management wires into the table. Schema sources\n   *  attach via the `@wix/patterns/schema` collection hooks instead. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur, onCellFocus } = useClearFocusOnBlur(\n    state.cellInteraction,\n  );\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, addItemDisabledReason, handleAddItem } =\n    useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell\n              state={state}\n              rowKey={rowKey}\n              columnId={col.id}\n              onFocus={onCellFocus}\n            />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions, onCellFocus],\n  );\n\n  const reportContextMenuOpenChange = useCallback(\n    (isOpened: boolean, cell: Cell) => {\n      state.bi.menuOpened({\n        menuType: 'Cell Context Menu',\n        isOpened,\n        cell,\n      });\n    },\n    [state],\n  );\n  const contextMenu = useEditableTableContextMenu(\n    state.cellInteraction,\n    reportContextMenuOpenChange,\n  );\n\n  const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());\n  const hasInvalidRows = invalidCellKeys.size > 0;\n  const rowStatus: NonNullable<TableVirtualProps<T, F>['rowStatus']> = (\n    row,\n  ) => {\n    const count = state.allColumns.filter((col) =>\n      invalidCellKeys.has(`${row.key}:${col.id}`),\n    ).length;\n    return count\n      ? {\n          messages: [\n            t('cairo.editableTable.row.invalidFields.tooltip', { count }),\n          ],\n        }\n      : null;\n  };\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        data-wix-patterns={cairoVersion}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n          showAddFieldButton\n          {...(hasInvalidRows ? { rowStatus } : {})}\n        >\n          {showAddItemRow && (\n            <AddItemRow\n              onAdd={handleAddItem}\n              disabledReason={addItemDisabledReason}\n            />\n          )}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_version","_react2","_EditableCellStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","_state$cellInteractio","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","translate","useWixPatternsContainer","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","onCellFocus","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","addItemDisabledReason","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","reportContextMenuOpenChange","useCallback","isOpened","cell","bi","menuOpened","menuType","contextMenu","useEditableTableContextMenu","invalidCellKeys","Set","cellValue","_pendingCells","keys","focusedRowKey","focusedCell","rowStatus","row","count","allColumns","filter","length","messages","PatternsFieldsProvider","ref","cairoVersion","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","stickySelectionColumn","dynamicRowClass","st","classes","selectorRow","active","first","AddItemRow","onAdd","disabledReason","EditableTableContextMenu","position","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type Cell,\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\nimport { version as cairoVersion } from '../../version';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { st, classes } from './EditableCell.st.css.js';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n    | 'showAddFieldButton'\n    | 'rowStatus'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n   *  columns and whose field management wires into the table. Schema sources\n   *  attach via the `@wix/patterns/schema` collection hooks instead. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur, onCellFocus } = useClearFocusOnBlur(\n    state.cellInteraction,\n  );\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, addItemDisabledReason, handleAddItem } =\n    useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell\n              state={state}\n              rowKey={rowKey}\n              columnId={col.id}\n              onFocus={onCellFocus}\n            />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions, onCellFocus],\n  );\n\n  const reportContextMenuOpenChange = useCallback(\n    (isOpened: boolean, cell: Cell) => {\n      state.bi.menuOpened({\n        menuType: 'Cell Context Menu',\n        isOpened,\n        cell,\n      });\n    },\n    [state],\n  );\n  const contextMenu = useEditableTableContextMenu(\n    state.cellInteraction,\n    reportContextMenuOpenChange,\n  );\n\n  const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());\n  const focusedRowKey = state.cellInteraction.focusedCell?.rowKey;\n  const rowStatus: NonNullable<TableVirtualProps<T, F>['rowStatus']> = (\n    row,\n  ) => {\n    const count = state.allColumns.filter((col) =>\n      invalidCellKeys.has(`${row.key}:${col.id}`),\n    ).length;\n    return count\n      ? {\n          messages: [\n            t('cairo.editableTable.row.invalidFields.tooltip', { count }),\n          ],\n        }\n      : null;\n  };\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        data-wix-patterns={cairoVersion}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n          showAddFieldButton\n          stickySelectionColumn\n          rowStatus={rowStatus}\n          dynamicRowClass={(row, rowNum) =>\n            st(classes.selectorRow, {\n              active: row.key === focusedRowKey,\n              first: rowNum === 0,\n            })\n          }\n        >\n          {showAddItemRow && (\n            <AddItemRow\n              onAdd={handleAddItem}\n              disabledReason={addItemDisabledReason}\n            />\n          )}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "HeaderActionsPopover1468642036";
+var _namespace_ = "HeaderActionsPopover3751305489";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "HeaderActionsPopover1468642036__root"
+  "root": "HeaderActionsPopover3751305489__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover1468642036\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"HeaderActionsPopover1468642036__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover3751305489\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"HeaderActionsPopover3751305489__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CellViewLayout1989489779";
+var _namespace_ = "CellViewLayout632762218";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CellViewLayout1989489779__root"
+  "root": "CellViewLayout632762218__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout1989489779\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CellViewLayout1989489779__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout632762218\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CellViewLayout632762218__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "JsonInputEdit4121378243";
+var _namespace_ = "JsonInputEdit2653879049";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "JsonInputEdit4121378243__root",
-  "jsonInput": "JsonInputEdit4121378243__jsonInput"
+  "root": "JsonInputEdit2653879049__root",
+  "jsonInput": "JsonInputEdit2653879049__jsonInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/JsonInputEdit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/JsonInputEdit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"JsonInputEdit4121378243\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"JsonInputEdit4121378243__root\",\"jsonInput\":\"JsonInputEdit4121378243__jsonInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-border-radius-0\":\"--wds-border-radius-0\",\"wds-input-area-padding-left-small\":\"--wds-input-area-padding-left-small\",\"wds-input-area-padding-right-small\":\"--wds-input-area-padding-right-small\",\"wds-input-area-border-radius-default-medium\":\"--wds-input-area-border-radius-default-medium\",\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-shadow-fill-input\":\"--wds-shadow-fill-input\",\"wds-color-border-standard-secondary-active\":\"--wds-color-border-standard-secondary-active\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,WAAW,EAAC;AAAoC,CAAC;AACvG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,6CAA6C,EAAC,+CAA+C;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,4CAA4C,EAAC;AAA8C,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/JsonInputEdit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"JsonInputEdit2653879049\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"JsonInputEdit2653879049__root\",\"jsonInput\":\"JsonInputEdit2653879049__jsonInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-border-radius-0\":\"--wds-border-radius-0\",\"wds-input-area-padding-left-small\":\"--wds-input-area-padding-left-small\",\"wds-input-area-padding-right-small\":\"--wds-input-area-padding-right-small\",\"wds-input-area-border-radius-default-medium\":\"--wds-input-area-border-radius-default-medium\",\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-shadow-fill-input\":\"--wds-shadow-fill-input\",\"wds-color-border-standard-secondary-active\":\"--wds-color-border-standard-secondary-active\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+BAA+B;EAAC,WAAW,EAAC;AAAoC,CAAC;AACvG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,6CAA6C,EAAC,+CAA+C;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,4CAA4C,EAAC;AAA8C,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit564070796";
+var _namespace_ = "Edit3944608007";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Edit564070796__root",
-  "addressInput": "Edit564070796__addressInput"
+  "root": "Edit3944608007__root",
+  "addressInput": "Edit3944608007__addressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/address/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit564070796\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit564070796__root\",\"addressInput\":\"Edit564070796__addressInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,cAAc,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/address/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3944608007\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit3944608007__root\",\"addressInput\":\"Edit3944608007__addressInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,cAAc,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit326742526";
+var _namespace_ = "Edit1825892734";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Edit326742526__root",
-  "booleanEdit": "Edit326742526__booleanEdit"
+  "root": "Edit1825892734__root",
+  "booleanEdit": "Edit1825892734__booleanEdit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit326742526\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit326742526__root\",\"booleanEdit\":\"Edit326742526__booleanEdit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,aAAa,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1825892734\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit1825892734__root\",\"booleanEdit\":\"Edit1825892734__booleanEdit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View3767167409";
+var _namespace_ = "View3170603540";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "View3767167409__root",
-  "booleanView": "View3767167409__booleanView"
+  "root": "View3170603540__root",
+  "booleanView": "View3170603540__booleanView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};