@wix/patterns 1.481.0 → 1.482.0

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar1355295430";
+var _namespace_ = "CollectionToolbar3439806607";
 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": "CollectionToolbar1355295430__root",
-  "right": "CollectionToolbar1355295430__right",
-  "left": "CollectionToolbar1355295430__left",
-  "fullWidth": "CollectionToolbar1355295430__fullWidth"
+  "root": "CollectionToolbar3439806607__root",
+  "right": "CollectionToolbar3439806607__right",
+  "left": "CollectionToolbar3439806607__left",
+  "fullWidth": "CollectionToolbar3439806607__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1355295430\";\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\":\"CollectionToolbar1355295430__root\",\"right\":\"CollectionToolbar1355295430__right\",\"left\":\"CollectionToolbar1355295430__left\",\"fullWidth\":\"CollectionToolbar1355295430__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,MAAM,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3439806607\";\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\":\"CollectionToolbar3439806607__root\",\"right\":\"CollectionToolbar3439806607__right\",\"left\":\"CollectionToolbar3439806607__left\",\"fullWidth\":\"CollectionToolbar3439806607__fullWidth\"};\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,6BAA6B;AAC/C,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,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,MAAM,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter1356450189";
+var _namespace_ = "SearchOrCustomFilter746399388";
 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": "SearchOrCustomFilter1356450189__root",
-  "search": "SearchOrCustomFilter1356450189__search",
-  "searchMobile": "SearchOrCustomFilter1356450189__searchMobile"
+  "root": "SearchOrCustomFilter746399388__root",
+  "search": "SearchOrCustomFilter746399388__search",
+  "searchMobile": "SearchOrCustomFilter746399388__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1356450189\";\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\":\"SearchOrCustomFilter1356450189__root\",\"search\":\"SearchOrCustomFilter1356450189__search\",\"searchMobile\":\"SearchOrCustomFilter1356450189__searchMobile\"};\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,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter746399388\";\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\":\"SearchOrCustomFilter746399388__root\",\"search\":\"SearchOrCustomFilter746399388__search\",\"searchMobile\":\"SearchOrCustomFilter746399388__searchMobile\"};\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,+BAA+B;AACjD,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,qCAAqC;EAAC,QAAQ,EAAC,uCAAuC;EAAC,cAAc,EAAC;AAA6C,CAAC;AAC1K,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/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly1587949727";
+var _namespace_ = "AutoCompleteReadonly123395700";
 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": "AutoCompleteReadonly1587949727__root"
+  "root": "AutoCompleteReadonly123395700__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1587949727\";\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\":\"AutoCompleteReadonly1587949727__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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly123395700\";\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\":\"AutoCompleteReadonly123395700__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown2014084365";
+var _namespace_ = "ViewsDropdown2318660050";
 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": "ViewsDropdown2014084365__root"
+  "root": "ViewsDropdown2318660050__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown2014084365\";\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\":\"ViewsDropdown2014084365__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown2318660050\";\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\":\"ViewsDropdown2318660050__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/CustomColumnsPanel/CustomColumnsPanel.js

@@ -209,7 +209,7 @@ function _CustomColumnsPanel({
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddItem, {
     dataHook: "custom-columns-schema-add-field",
-    onClick: schemaCtx.addField,
+    onClick: () => schemaCtx.addField == null ? void 0 : schemaCtx.addField('Custom columns panel'),
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useBmHarmonyTheme","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","dragAndDrop","manageFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","isFieldsEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","direction","marginLeft","marginRight","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const { dragAndDrop, manageFieldsSource } = state;\n  const archive = manageFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    manageFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!manageFieldsSource || isSchema || state.isFieldsEditable;\n\n  // Keyed on `state`: a card that rebuilds its state hands a new one to the\n  // panel it already registered, and the new one has to be initialized (and the\n  // old one disposed). A table's state is created once, so this never re-runs\n  // there.\n  useEffect(() => state.init(), [state]);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const hasFieldsSource = !!manageFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding={isHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP3 SP2 SP3'}>\n              <CustomColumnsSearch state={state} />\n            </Box>\n          )}\n        </SidePanel.Header>\n        <ScrollableContent\n          overflowY\n          dataHook=\"custom-columns-panel-scroll-container\"\n          ref={(e) => {\n            if (state.dragAndDrop) {\n              state.dragAndDrop.listRect.element = e;\n            }\n          }}\n        >\n          {hasSearchValue && !hasSearchResults ? (\n            <CustomColumnsNoResults state={state} />\n          ) : (\n            <>\n              {archive?.shouldDisplay &&\n                deleteFieldModal &&\n                (isHarmonyTheme ? (\n                  <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                    <Suspense fallback={null}>\n                      <ArchivedItemsCTAButton\n                        archive={archive}\n                        deleteFieldModal={deleteFieldModal}\n                        onCloseSidePanel={() => state.onClose()}\n                        dataHook=\"custom-columns\"\n                      />\n                    </Suspense>\n                  </Box>\n                ) : (\n                  <Suspense fallback={null}>\n                    <ArchivedItemsCTAButton\n                      archive={archive}\n                      deleteFieldModal={deleteFieldModal}\n                      onCloseSidePanel={() => state.onClose()}\n                      dataHook=\"custom-columns\"\n                    />\n                  </Suspense>\n                ))}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {manageFieldsSource && (\n          <FieldsSourceAddFieldCTA source={manageFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={schemaCtx.addField}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useBmHarmonyTheme","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_ScrollableContent","_PatternsSidePanel","_SchemaContext","_FieldsSourceAddFieldCTA","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArchivedItemsCTAButton","lazy","Promise","resolve","then","m","_CustomColumnsPanel","state","entered","useRafRender","translate","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","dragAndDrop","manageFieldsSource","archive","fieldsSource","deleteFieldModal","customFieldsPanel","schemaCtx","useSchemaContext","isSchema","schema","isEditable","isFieldsEditable","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","hasFieldsSource","shouldShowSearch","titleKey","subtitleKey","createElement","Fragment","PatternsSidePanel","dataHook","width","onClose","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","shouldDisplay","direction","marginLeft","marginRight","Suspense","fallback","onCloseSidePanel","ColumnsList","FieldsSourceAddFieldCTA","source","addField","Divider","boxSizing","AddItem","onClick","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { AddItem, Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { lazy, Suspense, useEffect } from 'react';\nimport { CustomColumnsPanelStateBase } from '../../state/CustomColumnsPanelStateBase';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { FieldsSourceAddFieldCTA } from '../CustomFieldsPanel/FieldsSourceAddFieldCTA';\n\n// ArchivedItems is an optional feature module — load it on demand so it stays\n// out of the core bundle.\nconst ArchivedItemsCTAButton = lazy(() =>\n  import('../ArchivedItemsPanel/ArchivedItemsCTAButton').then((m) => ({\n    default: m.ArchivedItemsCTAButton,\n  })),\n);\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsPanelStateBase<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const { dragAndDrop, manageFieldsSource } = state;\n  const archive = manageFieldsSource?.fieldsSource.archive;\n  const deleteFieldModal =\n    manageFieldsSource?.customFieldsPanel.deleteFieldModal;\n  const schemaCtx = useSchemaContext();\n  const isSchema = !!schemaCtx?.schema;\n  const isEditable = !!manageFieldsSource || isSchema || state.isFieldsEditable;\n\n  // Keyed on `state`: a card that rebuilds its state hands a new one to the\n  // panel it already registered, and the new one has to be initialized (and the\n  // old one disposed). A table's state is created once, so this never re-runs\n  // there.\n  useEffect(() => state.init(), [state]);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const hasFieldsSource = !!manageFieldsSource;\n\n  // Show search if there's a fields source OR if there are more than 5 columns\n  const shouldShowSearch = hasFieldsSource || totalColumns > 5;\n\n  const titleKey = isEditable\n    ? 'cairo.table.manage-fields.title'\n    : 'cairo.table.custom-columns.title';\n  const subtitleKey = isEditable\n    ? dragAndDrop\n      ? 'cairo.table.manage-fields.dragAndDrop.subtitle'\n      : 'cairo.table.manage-fields.subtitle'\n    : dragAndDrop\n    ? 'cairo.table.custom-columns.dragAndDrop.subtitle'\n    : 'cairo.table.custom-columns.subtitle';\n\n  return (\n    <>\n      <PatternsSidePanel\n        dataHook=\"custom-columns-panel\"\n        width=\"100%\"\n        onClose={() => state.onClose()}\n      >\n        <SidePanel.Header title={t(titleKey)} subtitle={t(subtitleKey)}>\n          {shouldShowSearch && (\n            <Box padding={isHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP3 SP2 SP3'}>\n              <CustomColumnsSearch state={state} />\n            </Box>\n          )}\n        </SidePanel.Header>\n        <ScrollableContent\n          overflowY\n          dataHook=\"custom-columns-panel-scroll-container\"\n          ref={(e) => {\n            if (state.dragAndDrop) {\n              state.dragAndDrop.listRect.element = e;\n            }\n          }}\n        >\n          {hasSearchValue && !hasSearchResults ? (\n            <CustomColumnsNoResults state={state} />\n          ) : (\n            <>\n              {archive?.shouldDisplay &&\n                deleteFieldModal &&\n                (isHarmonyTheme ? (\n                  <Box direction=\"vertical\" marginLeft=\"SP2\" marginRight=\"SP2\">\n                    <Suspense fallback={null}>\n                      <ArchivedItemsCTAButton\n                        archive={archive}\n                        deleteFieldModal={deleteFieldModal}\n                        onCloseSidePanel={() => state.onClose()}\n                        dataHook=\"custom-columns\"\n                      />\n                    </Suspense>\n                  </Box>\n                ) : (\n                  <Suspense fallback={null}>\n                    <ArchivedItemsCTAButton\n                      archive={archive}\n                      deleteFieldModal={deleteFieldModal}\n                      onCloseSidePanel={() => state.onClose()}\n                      dataHook=\"custom-columns\"\n                    />\n                  </Suspense>\n                ))}\n              <ColumnsList state={state} />\n            </>\n          )}\n        </ScrollableContent>\n        {manageFieldsSource && (\n          <FieldsSourceAddFieldCTA source={manageFieldsSource} />\n        )}\n        {schemaCtx?.addField && (\n          <Box direction=\"vertical\" width=\"100%\">\n            <Divider direction=\"horizontal\" />\n            <Box\n              padding=\"SP4\"\n              width=\"100%\"\n              boxSizing=\"border-box\"\n              direction=\"vertical\"\n            >\n              <AddItem\n                dataHook=\"custom-columns-schema-add-field\"\n                onClick={() => schemaCtx.addField?.('Custom columns panel')}\n              >\n                {t('cairo.customFields.addCustomField.CTA')}\n              </AddItem>\n            </Box>\n          </Box>\n        )}\n      </PatternsSidePanel>\n    </>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.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_ = "CustomFieldFormPiiFields1162113718";
+var _namespace_ = "CustomFieldFormPiiFields1228557018";
 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": "CustomFieldFormPiiFields1162113718__root",
-  "tooltipText": "CustomFieldFormPiiFields1162113718__tooltipText"
+  "root": "CustomFieldFormPiiFields1228557018__root",
+  "tooltipText": "CustomFieldFormPiiFields1228557018__tooltipText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.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/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields1162113718\";\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\":\"CustomFieldFormPiiFields1162113718__root\",\"tooltipText\":\"CustomFieldFormPiiFields1162113718__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,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,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,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/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields1228557018\";\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\":\"CustomFieldFormPiiFields1228557018__root\",\"tooltipText\":\"CustomFieldFormPiiFields1228557018__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,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,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle3246916303";
+var _namespace_ = "DragHandle4059495641";
 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": "DragHandle3246916303__root"
+  "root": "DragHandle4059495641__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3246916303\";\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\":\"DragHandle3246916303__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle4059495641\";\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\":\"DragHandle4059495641__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/EditableCell.js

@@ -45,22 +45,72 @@ function _EditableCell({
     state.handleCellDoubleClick(rowKey, columnId);
   }, [state, rowKey, columnId]);
 
+  // Local new rows still create when focus leaves them, so a half-filled row
+  // is not created.
+  const saveRow = (0, _react.useCallback)(() => {
+    if (!state.mutation.isLocalNewRow(rowKey)) {
+      state.cellValue.flushRow(rowKey);
+    }
+  }, [state, rowKey]);
+
   // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked
   // in select). startEdit resets editingValue, so it must come before setEditingValue.
   // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.
   const handleChange = (0, _react.useCallback)(newValue => {
     // A checkbox click is a toggle, same as Enter on the cell. Starting an
-    // edit here would report that click as Enter.
-    if (resolved != null && resolved.toggleValue) {
+    // edit here would report that click as Enter. In edit mode (keyboard)
+    // the new value goes through editingValue, so commitEdit reports it once.
+    if (resolved != null && resolved.toggleValue && !cellInteraction.isEditing) {
       state.cellValue.toggleCell(rowKey, columnId);
+      saveRow();
       return;
     }
     if (!cellInteraction.isEditing) {
       cellInteraction.startEdit(rowKey, columnId, 'enter');
     }
     cellInteraction.setEditingValue(newValue);
-  }, [resolved, state, cellInteraction, rowKey, columnId]);
-  const handleCommit = (0, _react.useCallback)(() => cellInteraction.commitEdit(), [cellInteraction]);
+  }, [resolved, state, cellInteraction, rowKey, columnId, saveRow]);
+
+  // A mouse press on another cell blurs this editor, which commits, before the
+  // click moves focus. That commit only buffers the value; the row saves when
+  // focus leaves it, same as Tab. The flag clears on click, not pointerup:
+  // on touch, the blur comes after pointerup.
+  const pressedOtherCellRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (!isEditing) {
+      return;
+    }
+    const handlePointerDown = e => {
+      var _e$target;
+      const pressedCell = (_e$target = e.target) == null || _e$target.closest == null ? void 0 : _e$target.closest('[role="gridcell"]');
+      pressedOtherCellRef.current = !!pressedCell && pressedCell !== cellRef.current;
+    };
+    // A key press clears it too, so a press that never became a click
+    // cannot stop the next Enter from saving.
+    const clearPress = () => {
+      pressedOtherCellRef.current = false;
+    };
+    document.addEventListener('pointerdown', handlePointerDown, true);
+    document.addEventListener('click', clearPress, true);
+    document.addEventListener('keydown', clearPress, true);
+    return () => {
+      document.removeEventListener('pointerdown', handlePointerDown, true);
+      document.removeEventListener('click', clearPress, true);
+      document.removeEventListener('keydown', clearPress, true);
+      pressedOtherCellRef.current = false;
+    };
+  }, [isEditing]);
+
+  // An editor commits on Enter or when the user picks a value — save the row
+  // now. Focus moves commit through the framework, so this cell is no longer
+  // editing by then and the row saves when focus leaves it.
+  const handleCommit = (0, _react.useCallback)(() => {
+    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);
+    cellInteraction.commitEdit();
+    if (wasEditing && !pressedOtherCellRef.current) {
+      saveRow();
+    }
+  }, [cellInteraction, rowKey, columnId, saveRow]);
   const handleCancel = (0, _react.useCallback)(() => cellInteraction.cancelEdit(), [cellInteraction]);
   const handleStartEdit = (0, _react.useCallback)(() => {
     if (!cellInteraction.isEditing) {
@@ -98,7 +148,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 166,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -111,7 +161,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 184,
       columnNumber: 5
     }
   });
@@ -154,7 +204,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 200,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -164,7 +214,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 234,
       columnNumber: 11
     }
   }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
@@ -175,7 +225,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 246,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -184,7 +234,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 252,
       columnNumber: 11
     }
   }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","toggleValue","cellValue","toggleCell","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter.\n      if (resolved?.toggleValue) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId],\n  );\n\n  const handleCommit = useCallback(\n    () => cellInteraction.commitEdit(),\n    [cellInteraction],\n  );\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={isEditable}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !isEditable,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!isEditable}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={isEditable}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !isEditable,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!isEditable}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.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_ = "EditableCell1177568343";
+var _namespace_ = "EditableCell997750120";
 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": "EditableCell1177568343__root",
-  "errorMessage": "EditableCell1177568343__errorMessage"
+  "root": "EditableCell997750120__root",
+  "errorMessage": "EditableCell997750120__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"EditableCell1177568343\";\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\":\"EditableCell1177568343__root\",\"errorMessage\":\"EditableCell1177568343__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-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\"}; \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,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,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/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell997750120\";\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\":\"EditableCell997750120__root\",\"errorMessage\":\"EditableCell997750120__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-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\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,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,cAAc,EAAC;AAAqC,CAAC;AACzG,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,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.uni.driver.js

@@ -11,6 +11,7 @@ var _SpecificValuesEditUni = require("./cellTypes/text/SpecificValuesEdit.uni.dr
 var _EditUni5 = require("./cellTypes/date/Edit.uni.driver");
 var _EditUni6 = require("./cellTypes/reference/Edit.uni.driver");
 var _EditUni7 = require("./cellTypes/address/Edit.uni.driver");
+var _EditUni8 = require("./cellTypes/object/Edit.uni.driver");
 function EditableCellUniDriver(base, body) {
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
@@ -74,6 +75,8 @@ function EditableCellUniDriver(base, body) {
     /** Get the reference cell edit driver (for reference columns) */
     getReferenceEdit: () => (0, _EditUni6.ReferenceEditUniDriver)(base, body),
     getAddressEdit: () => (0, _EditUni7.AddressEditUniDriver)(base, body),
+    /** Get the object (JSON) cell edit driver (for object columns) */
+    getObjectEdit: () => (0, _EditUni8.ObjectEditUniDriver)(base, body),
     /** Right-click the cell (opens context menu) */
     rightClick: async () => {
       const el = await base.getNative();