@wix/patterns 1.152.0 → 1.154.0

package/dist/cjs/components/Collapse/Collapse.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_ = "Collapse1231040935";
+var _namespace_ = "Collapse2158412080";
 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": "Collapse1231040935__root",
-  "exit": "Collapse1231040935__exit"
+  "root": "Collapse2158412080__root",
+  "exit": "Collapse2158412080__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse1231040935\";\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\":\"Collapse1231040935__root\",\"exit\":\"Collapse1231040935__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2158412080\";\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\":\"Collapse2158412080__root\",\"exit\":\"Collapse2158412080__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/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_ = "CollectionToolbar949142506";
+var _namespace_ = "CollectionToolbar2151998155";
 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": "CollectionToolbar949142506__root",
-  "left": "CollectionToolbar949142506__left",
-  "right": "CollectionToolbar949142506__right",
-  "fullWidth": "CollectionToolbar949142506__fullWidth"
+  "root": "CollectionToolbar2151998155__root",
+  "left": "CollectionToolbar2151998155__left",
+  "right": "CollectionToolbar2151998155__right",
+  "fullWidth": "CollectionToolbar2151998155__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_ = \"CollectionToolbar949142506\";\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\":\"CollectionToolbar949142506__root\",\"left\":\"CollectionToolbar949142506__left\",\"right\":\"CollectionToolbar949142506__right\",\"fullWidth\":\"CollectionToolbar949142506__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,4BAA4B;AAC9C,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,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,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_ = \"CollectionToolbar2151998155\";\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\":\"CollectionToolbar2151998155__root\",\"left\":\"CollectionToolbar2151998155__left\",\"right\":\"CollectionToolbar2151998155__right\",\"fullWidth\":\"CollectionToolbar2151998155__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,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;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,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter2539031963";
+var _namespace_ = "SearchOrCustomFilter2314328931";
 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": "SearchOrCustomFilter2539031963__root",
-  "search": "SearchOrCustomFilter2539031963__search"
+  "root": "SearchOrCustomFilter2314328931__root",
+  "search": "SearchOrCustomFilter2314328931__search"
 };
 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_ = \"SearchOrCustomFilter2539031963\";\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\":\"SearchOrCustomFilter2539031963__root\",\"search\":\"SearchOrCustomFilter2539031963__search\"};\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;AAAwC,CAAC;AAC/G,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_ = \"SearchOrCustomFilter2314328931\";\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\":\"SearchOrCustomFilter2314328931__root\",\"search\":\"SearchOrCustomFilter2314328931__search\"};\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;AAAwC,CAAC;AAC/G,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_ = "AutoCompleteReadonly2748509383";
+var _namespace_ = "AutoCompleteReadonly898755847";
 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": "AutoCompleteReadonly2748509383__root"
+  "root": "AutoCompleteReadonly898755847__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_ = \"AutoCompleteReadonly2748509383\";\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\":\"AutoCompleteReadonly2748509383__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_ = \"AutoCompleteReadonly898755847\";\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\":\"AutoCompleteReadonly898755847__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_ = "ViewsDropdown3474921893";
+var _namespace_ = "ViewsDropdown3701780201";
 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": "ViewsDropdown3474921893__root"
+  "root": "ViewsDropdown3701780201__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_ = \"ViewsDropdown3474921893\";\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\":\"ViewsDropdown3474921893__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_ = \"ViewsDropdown3701780201\";\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\":\"ViewsDropdown3701780201__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/CustomFieldsWidget/CustomFieldsViewWidget.js

@@ -20,11 +20,13 @@ const _CustomFieldsViewWidget = ({
   extendedFields,
   title,
   userFieldsTitle,
+  extensionPoint,
   theme = 'card'
 }) => {
   const customFieldsViewWidget = (0, _useCustomFieldsViewWidget.useCustomFieldsViewWidget)({
     fqdn,
     extendedFields,
+    extensionPoint,
     theme
   });
   const {
@@ -52,7 +54,7 @@ const _CustomFieldsViewWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 88,
         columnNumber: 7
       }
     }));
@@ -71,7 +73,7 @@ const _CustomFieldsViewWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 98,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -81,21 +83,21 @@ const _CustomFieldsViewWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 113,
         columnNumber: 11
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 110,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 118,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -103,7 +105,7 @@ const _CustomFieldsViewWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 119,
       columnNumber: 7
     }
   }, areAllCustomFieldsEmpty ? /*#__PURE__*/_react.default.createElement(_EmptyStateViewContent.EmptyStateViewContent, {
@@ -112,7 +114,7 @@ const _CustomFieldsViewWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 121,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_CustomFieldsViewWidgetContent.CustomFieldsViewWidgetContent, {
@@ -122,7 +124,7 @@ const _CustomFieldsViewWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 126,
       columnNumber: 11
     }
   })));
@@ -136,7 +138,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 141,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -144,7 +146,7 @@ const HeaderTitle = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 142,
       columnNumber: 7
     }
   }, title));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_CustomFieldsViewWidgetInline","_CardContainer","_useWidgetPageStatus","_EmptyStateViewContent","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","theme","customFieldsViewWidget","useCustomFieldsViewWidget","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","translate","t","status","useWidgetPageStatus","initTask","isLoading","isError","length","default","createElement","CustomFieldsViewWidgetInline","_extends2","__self","__source","fileName","lineNumber","columnNumber","CardContainer","stretchVertically","errorState","action","text","onClick","retry","Card","Header","HeaderTitle","Divider","Content","EmptyStateViewContent","subtitle","CustomFieldsViewWidgetContent","CustomFieldsViewWidget","exports","observer","Box","gap","Heading","appearance"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Box, Card, Heading } from '@wix/design-system';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\nimport { CustomFieldsViewWidgetInline } from './CustomFieldsViewWidgetInline';\nimport { CardContainer } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { EmptyStateViewContent } from './EmptyStateViewContent';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN used to fetch the schema from the data-extension service.\n   */\n  fqdn: string;\n\n  /**\n   * The current values of the extended fields. Typically, these values are found\n   * under the `extendedFields` property of the related entity (e.g., `myEntity.extendedFields`).\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * A custom title for the widget. Overrides the default title.\n   */\n  title?: string;\n\n  /**\n   * A custom title for the \"user-defined fields\" section. Overrides the default section title.\n   */\n  userFieldsTitle?: string;\n\n  /**\n   * Determines the visual style of the widget.\n   * - `'inline'`: The widget is rendered inline with the surrounding content.\n   * - `'card'`: The widget is displayed in a card container.\n   */\n  theme?: 'inline' | 'card';\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n  theme = 'card',\n}: CustomFieldsViewWidgetProps) => {\n  const customFieldsViewWidget = useCustomFieldsViewWidget({\n    fqdn,\n    extendedFields,\n    theme,\n  });\n\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = customFieldsViewWidget;\n\n  const { translate: t } = container;\n\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (\n    !state.isLoading &&\n    !state.isError &&\n    !userCustomFields.length &&\n    !appsCustomFields.length\n  ) {\n    return null;\n  }\n\n  if (theme === 'inline') {\n    return (\n      <CustomFieldsViewWidgetInline\n        dataHook={dataHook}\n        extendedFields={extendedFields}\n        userFieldsTitle={userFieldsTitle}\n        {...customFieldsViewWidget}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        action: {\n          text: t('cairo.entityPage.widgetError.TPAconnectionFail.CTA'),\n          onClick: () => state.retry(),\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={\n          <HeaderTitle\n            title={title ?? t('cairo.customFields.entityPage.title')}\n          />\n        }\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {areAllCustomFieldsEmpty ? (\n          <EmptyStateViewContent\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        ) : (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        )}\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_CustomFieldsViewWidgetInline","_CardContainer","_useWidgetPageStatus","_EmptyStateViewContent","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","extensionPoint","theme","customFieldsViewWidget","useCustomFieldsViewWidget","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","translate","t","status","useWidgetPageStatus","initTask","isLoading","isError","length","default","createElement","CustomFieldsViewWidgetInline","_extends2","__self","__source","fileName","lineNumber","columnNumber","CardContainer","stretchVertically","errorState","action","text","onClick","retry","Card","Header","HeaderTitle","Divider","Content","EmptyStateViewContent","subtitle","CustomFieldsViewWidgetContent","CustomFieldsViewWidget","exports","observer","Box","gap","Heading","appearance"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Box, Card, Heading } from '@wix/design-system';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\nimport { CustomFieldsViewWidgetInline } from './CustomFieldsViewWidgetInline';\nimport { CardContainer } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { EmptyStateViewContent } from './EmptyStateViewContent';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN used to fetch the schema from the data-extension service.\n   */\n  fqdn: string;\n\n  extensionPoint?: string;\n\n  /**\n   * The current values of the extended fields. Typically, these values are found\n   * under the `extendedFields` property of the related entity (e.g., `myEntity.extendedFields`).\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * A custom title for the widget. Overrides the default title.\n   */\n  title?: string;\n\n  /**\n   * A custom title for the \"user-defined fields\" section. Overrides the default section title.\n   */\n  userFieldsTitle?: string;\n\n  /**\n   * Determines the visual style of the widget.\n   * - `'inline'`: The widget is rendered inline with the surrounding content.\n   * - `'card'`: The widget is displayed in a card container.\n   */\n  theme?: 'inline' | 'card';\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n  extensionPoint,\n  theme = 'card',\n}: CustomFieldsViewWidgetProps) => {\n  const customFieldsViewWidget = useCustomFieldsViewWidget({\n    fqdn,\n    extendedFields,\n    extensionPoint,\n    theme,\n  });\n\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = customFieldsViewWidget;\n\n  const { translate: t } = container;\n\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (\n    !state.isLoading &&\n    !state.isError &&\n    !userCustomFields.length &&\n    !appsCustomFields.length\n  ) {\n    return null;\n  }\n\n  if (theme === 'inline') {\n    return (\n      <CustomFieldsViewWidgetInline\n        dataHook={dataHook}\n        extendedFields={extendedFields}\n        userFieldsTitle={userFieldsTitle}\n        {...customFieldsViewWidget}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        action: {\n          text: t('cairo.entityPage.widgetError.TPAconnectionFail.CTA'),\n          onClick: () => state.retry(),\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={\n          <HeaderTitle\n            title={title ?? t('cairo.customFields.entityPage.title')}\n          />\n        }\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {areAllCustomFieldsEmpty ? (\n          <EmptyStateViewContent\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        ) : (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        )}\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsViewWidget.js

@@ -8,14 +8,16 @@ var _react2 = require("react");
 const useCustomFieldsViewWidget = ({
   fqdn,
   extendedFields,
-  theme
+  theme,
+  extensionPoint
 }) => {
   const container = (0, _react.useWixPatternsContainer)();
   const [state] = (0, _react2.useState)(() => new _bexCore.CustomFieldsViewWidgetState({
     container,
     fqdn: (0, _bexCore.parseFqdn)(fqdn),
     url: window.location.href,
-    theme
+    theme,
+    extensionPoint
   }));
   (0, _react2.useEffect)(() => state.init(), []);
   const userCustomFields = state.dataExtension.availableUserCustomFields;

package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsViewWidget.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_react","_react2","useCustomFieldsViewWidget","fqdn","extendedFields","theme","container","useWixPatternsContainer","state","useState","CustomFieldsViewWidgetState","parseFqdn","url","window","location","href","useEffect","init","userCustomFields","dataExtension","availableUserCustomFields","appsCustomFields","availableAppsCustomFields","areAllCustomFieldsEmpty","useMemo","allNamespaces","every","namespace","getExtendedFieldsToDisplayForNamespace","length","appSchemas","exports"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsViewWidget.ts"],"sourcesContent":["import { CustomFieldsViewWidgetState, parseFqdn } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { CustomFieldsViewWidgetProps } from './CustomFieldsViewWidget';\n\nexport const useCustomFieldsViewWidget = ({\n  fqdn,\n  extendedFields,\n  theme,\n}: Pick<CustomFieldsViewWidgetProps, 'fqdn' | 'extendedFields' | 'theme'>) => {\n  const container = useWixPatternsContainer();\n  const [state] = useState(\n    () =>\n      new CustomFieldsViewWidgetState({\n        container,\n        fqdn: parseFqdn(fqdn),\n        url: window.location.href,\n        theme,\n      }),\n  );\n  useEffect(() => state.init(), []);\n\n  const userCustomFields = state.dataExtension.availableUserCustomFields;\n  const appsCustomFields = state.dataExtension.availableAppsCustomFields;\n\n  const areAllCustomFieldsEmpty = useMemo(() => {\n    return state.dataExtension.allNamespaces.every(\n      (namespace) =>\n        state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)\n          .length === 0,\n    );\n  }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);\n\n  return {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGO,MAAMG,yBAAyB,GAAGA,CAAC;EACxCC,IAAI;EACJC,cAAc;EACdC;AACsE,CAAC,KAAK;EAC5E,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EACtB,MACE,IAAIC,oCAA2B,CAAC;IAC9BJ,SAAS;IACTH,IAAI,EAAE,IAAAQ,kBAAS,EAACR,IAAI,CAAC;IACrBS,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAI;IACzBV;EACF,CAAC,CACL,CAAC;EACD,IAAAW,iBAAS,EAAC,MAAMR,KAAK,CAACS,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,gBAAgB,GAAGV,KAAK,CAACW,aAAa,CAACC,yBAAyB;EACtE,MAAMC,gBAAgB,GAAGb,KAAK,CAACW,aAAa,CAACG,yBAAyB;EAEtE,MAAMC,uBAAuB,GAAG,IAAAC,eAAO,EAAC,MAAM;IAC5C,OAAOhB,KAAK,CAACW,aAAa,CAACM,aAAa,CAACC,KAAK,CAC3CC,SAAS,IACRnB,KAAK,CAACoB,sCAAsC,CAACD,SAAS,EAAEvB,cAAc,CAAC,CACpEyB,MAAM,KAAK,CAClB,CAAC;EACH,CAAC,EAAE,CAACzB,cAAc,EAAEc,gBAAgB,EAAEV,KAAK,CAACW,aAAa,CAACW,UAAU,CAAC,CAAC;EAEtE,OAAO;IACLtB,KAAK;IACLU,gBAAgB;IAChBG,gBAAgB;IAChBf,SAAS;IACTiB;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAA7B,yBAAA,GAAAA,yBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_react","_react2","useCustomFieldsViewWidget","fqdn","extendedFields","theme","extensionPoint","container","useWixPatternsContainer","state","useState","CustomFieldsViewWidgetState","parseFqdn","url","window","location","href","useEffect","init","userCustomFields","dataExtension","availableUserCustomFields","appsCustomFields","availableAppsCustomFields","areAllCustomFieldsEmpty","useMemo","allNamespaces","every","namespace","getExtendedFieldsToDisplayForNamespace","length","appSchemas","exports"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsViewWidget.ts"],"sourcesContent":["import { CustomFieldsViewWidgetState, parseFqdn } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { CustomFieldsViewWidgetProps } from './CustomFieldsViewWidget';\n\nexport const useCustomFieldsViewWidget = ({\n  fqdn,\n  extendedFields,\n  theme,\n  extensionPoint,\n}: Pick<\n  CustomFieldsViewWidgetProps,\n  'fqdn' | 'extendedFields' | 'theme' | 'extensionPoint'\n>) => {\n  const container = useWixPatternsContainer();\n  const [state] = useState(\n    () =>\n      new CustomFieldsViewWidgetState({\n        container,\n        fqdn: parseFqdn(fqdn),\n        url: window.location.href,\n        theme,\n        extensionPoint,\n      }),\n  );\n  useEffect(() => state.init(), []);\n\n  const userCustomFields = state.dataExtension.availableUserCustomFields;\n  const appsCustomFields = state.dataExtension.availableAppsCustomFields;\n\n  const areAllCustomFieldsEmpty = useMemo(() => {\n    return state.dataExtension.allNamespaces.every(\n      (namespace) =>\n        state.getExtendedFieldsToDisplayForNamespace(namespace, extendedFields)\n          .length === 0,\n    );\n  }, [extendedFields, userCustomFields, state.dataExtension.appSchemas]);\n\n  return {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  };\n};\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAGO,MAAMG,yBAAyB,GAAGA,CAAC;EACxCC,IAAI;EACJC,cAAc;EACdC,KAAK;EACLC;AAIF,CAAC,KAAK;EACJ,MAAMC,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAC3C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,gBAAQ,EACtB,MACE,IAAIC,oCAA2B,CAAC;IAC9BJ,SAAS;IACTJ,IAAI,EAAE,IAAAS,kBAAS,EAACT,IAAI,CAAC;IACrBU,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAI;IACzBX,KAAK;IACLC;EACF,CAAC,CACL,CAAC;EACD,IAAAW,iBAAS,EAAC,MAAMR,KAAK,CAACS,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,gBAAgB,GAAGV,KAAK,CAACW,aAAa,CAACC,yBAAyB;EACtE,MAAMC,gBAAgB,GAAGb,KAAK,CAACW,aAAa,CAACG,yBAAyB;EAEtE,MAAMC,uBAAuB,GAAG,IAAAC,eAAO,EAAC,MAAM;IAC5C,OAAOhB,KAAK,CAACW,aAAa,CAACM,aAAa,CAACC,KAAK,CAC3CC,SAAS,IACRnB,KAAK,CAACoB,sCAAsC,CAACD,SAAS,EAAExB,cAAc,CAAC,CACpE0B,MAAM,KAAK,CAClB,CAAC;EACH,CAAC,EAAE,CAAC1B,cAAc,EAAEe,gBAAgB,EAAEV,KAAK,CAACW,aAAa,CAACW,UAAU,CAAC,CAAC;EAEtE,OAAO;IACLtB,KAAK;IACLU,gBAAgB;IAChBG,gBAAgB;IAChBf,SAAS;IACTiB;EACF,CAAC;AACH,CAAC;AAACQ,OAAA,CAAA9B,yBAAA,GAAAA,yBAAA","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropBI.js

@@ -101,74 +101,25 @@ class CollectionDragAndDropBI {
       isFromSearch: !search.isEmpty,
       dragAndDropID: dnd._moveId
     }));
-  }
-  onDragCancel({
-    endType
-  }) {
-    if (!this.dnd) {
-      return;
-    }
-    const {
-      reportBi,
-      dnd,
-      startTime,
-      collection,
-      getBulkSelectCount
-    } = this;
-    const {
-      active,
-      _isHandleActive
-    } = dnd;
-    const {
-      query: {
-        search
-      }
-    } = collection;
-    if (active == null) {
-      return;
-    }
-    reportBi(withoutDefaults(_bi.cairoDragItemEndDrop)({
-      isFromHandle: _isHandleActive,
-      itemId: active.key,
-      duration: Math.round(performance.now() - startTime),
-      endType,
-      numItemsBefore: getBulkSelectCount(),
-      itemIndexBefore: active.index,
-      itemIndexAfter: active.index,
-      searchQuery: search.value,
-      isFromSearch: !search.isEmpty,
-      dragAndDropID: dnd._moveId
-    }));
-  }
-  onDragEnd(overId) {
-    if (!this.dnd) {
-      return;
-    }
-    const {
-      reportBi,
-      dnd,
-      startTime,
-      collection,
-      getBulkSelectCount
-    } = this;
-    const {
-      active,
-      _isHandleActive
-    } = dnd;
-    const over = collection.getKeyedItem(overId);
-    if (active == null || over == null) {
-      return;
-    }
-    reportBi(withoutDefaults(_bi.cairoDragItemEndDrop)({
-      isFromHandle: _isHandleActive,
-      itemId: active.key,
-      duration: Math.round(performance.now() - startTime),
-      endType: overId === active.key ? 'drop back' : 'drop succeeded',
-      numItemsBefore: getBulkSelectCount(),
-      itemIndexBefore: active.index,
-      itemIndexAfter: over.index,
-      dragAndDropID: dnd._moveId
-    }));
+    return params => {
+      const {
+        startTime
+      } = this;
+      const {
+        overId
+      } = dnd;
+      const activeAfter = collection.getKeyedItem(active.key);
+      reportBi(withoutDefaults(_bi.cairoDragItemEndDrop)({
+        isFromHandle: _isHandleActive,
+        itemId: active.key,
+        duration: Math.round(performance.now() - startTime),
+        endType: params.endType ?? (overId === active.key ? 'drop back' : 'drop succeeded'),
+        numItemsBefore: getBulkSelectCount(),
+        itemIndexBefore: active.index,
+        itemIndexAfter: activeAfter == null ? void 0 : activeAfter.index,
+        dragAndDropID: dnd._moveId
+      }));
+    };
   }
   onMoveFailure(params) {
     const {

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropBI.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","withoutDefaults","withoutIrrelevant","CollectionDragAndDropBI","constructor","params","_defineProperty2","default","action","itemId","dnd","reportBi","collection","getBulkSelectCount","_isHandleActive","query","search","item","getKeyedItem","startTime","performance","now","cairoDragItem","itemIndex","index","isFromHandle","numItemsBefore","searchQuery","value","isFromSearch","isEmpty","cairoDragItemEndDrop","itemIndexBefore","duration","Math","round","endType","state","getCollectionSnapshot","getPendingMovePatchesCount","_dnd","onDragStart","active","key","dragAndDropID","_moveId","onDragCancel","itemIndexAfter","onDragEnd","overId","over","onMoveFailure","reason","patches","errorPatch","move","process","env","NODE_ENV","Error","from","moveId","cairoDragActionUnsuccessfulUpdateInServer","collectionSnapshot","numOfWaitingUpdates","length","timeFromEndDrag","Date","createdAt","errorType","wasFromHandle","onMoveCancelled","onMoveRetry","cairoTryAgainClicked","actionName","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropBI.ts"],"sourcesContent":["import { ActionMoveBase, FiltersMap, withoutIrrelevant } from '@wix/bex-core';\nimport {\n  cairoDragActionUnsuccessfulUpdateInServer,\n  cairoDragItem,\n  cairoDragItemEndDrop,\n  cairoTryAgainClicked,\n} from '@wix/bex-core/bi';\nimport { action } from 'mobx';\nimport { OptimisticPatch } from '@wix/bex-core/dist/types/state/CollectionOptimisticPatch';\nimport {\n  DragAndDropCollection,\n  DragAndDropParentState,\n} from './DragAndDropState';\n\nconst withoutDefaults = withoutIrrelevant<\n  | 'currentTab'\n  | 'currentView'\n  | 'currentFilters'\n  | 'currentSortOrder'\n  | 'listSize'\n  | 'filteredListSize'\n  | 'initialItems'\n>();\n\nexport interface CollectionDragAndDropBIParams<T, F extends FiltersMap> {\n  state: DragAndDropParentState<T, F>;\n  collection: DragAndDropCollection<F>;\n  getCollectionSnapshot?: () => {\n    [key: string]: string | number | undefined;\n  };\n  getBulkSelectCount: () => number;\n  getPendingMovePatchesCount: () => number | null | undefined;\n}\nexport class CollectionDragAndDropBI<T, F extends FiltersMap> {\n  readonly state;\n  readonly collection;\n  readonly getCollectionSnapshot;\n  readonly getBulkSelectCount;\n  readonly getPendingMovePatchesCount;\n\n  startTime = 0;\n\n  constructor(params: CollectionDragAndDropBIParams<T, F>) {\n    this.state = params.state;\n    this.collection = params.collection;\n    this.getCollectionSnapshot = params.getCollectionSnapshot;\n    this.getBulkSelectCount = params.getBulkSelectCount;\n    this.getPendingMovePatchesCount = params.getPendingMovePatchesCount;\n  }\n\n  get dnd() {\n    return this.state._dnd;\n  }\n\n  get reportBi() {\n    return this.state.reportBi;\n  }\n\n  onAttemptDragStart = action((itemId: string) => {\n    if (!this.dnd) {\n      return () => {};\n    }\n    const { reportBi, dnd, collection, getBulkSelectCount } = this;\n\n    const { _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    const item = collection.getKeyedItem(itemId);\n\n    const startTime = performance.now();\n\n    reportBi(\n      withoutDefaults(cairoDragItem)({\n        itemId,\n        itemIndex: item?.index,\n        isFromHandle: _isHandleActive,\n        numItemsBefore: getBulkSelectCount(),\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n      }),\n    );\n\n    return action(() => {\n      reportBi(\n        withoutDefaults(cairoDragItemEndDrop)({\n          isFromHandle: _isHandleActive,\n          itemId,\n          itemIndexBefore: item?.index,\n          duration: Math.round(performance.now() - startTime),\n          endType: 'drag disabled',\n          numItemsBefore: getBulkSelectCount(),\n          searchQuery: search.value,\n          isFromSearch: !search.isEmpty,\n        }),\n      );\n    });\n  });\n\n  onDragStart() {\n    if (!this.dnd) {\n      return;\n    }\n\n    const { reportBi, dnd, collection, getBulkSelectCount } = this;\n    const { active, _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    if (active == null) {\n      return;\n    }\n\n    this.startTime = performance.now();\n\n    reportBi(\n      withoutDefaults(cairoDragItem)({\n        itemId: active.key,\n        itemIndex: active.index,\n        isFromHandle: _isHandleActive,\n        numItemsBefore: getBulkSelectCount(),\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n        dragAndDropID: dnd._moveId,\n      }),\n    );\n  }\n\n  onDragCancel({ endType }: { endType: 'clicked ESC' | 'drop outside' }) {\n    if (!this.dnd) {\n      return;\n    }\n    const { reportBi, dnd, startTime, collection, getBulkSelectCount } = this;\n    const { active, _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    if (active == null) {\n      return;\n    }\n\n    reportBi(\n      withoutDefaults(cairoDragItemEndDrop)({\n        isFromHandle: _isHandleActive,\n        itemId: active.key,\n        duration: Math.round(performance.now() - startTime),\n        endType,\n        numItemsBefore: getBulkSelectCount(),\n        itemIndexBefore: active.index,\n        itemIndexAfter: active.index,\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n        dragAndDropID: dnd._moveId,\n      }),\n    );\n  }\n\n  onDragEnd(overId: string) {\n    if (!this.dnd) {\n      return;\n    }\n    const { reportBi, dnd, startTime, collection, getBulkSelectCount } = this;\n    const { active, _isHandleActive } = dnd;\n    const over = collection.getKeyedItem(overId);\n\n    if (active == null || over == null) {\n      return;\n    }\n\n    reportBi(\n      withoutDefaults(cairoDragItemEndDrop)({\n        isFromHandle: _isHandleActive,\n        itemId: active.key,\n        duration: Math.round(performance.now() - startTime),\n        endType: overId === active.key ? 'drop back' : 'drop succeeded',\n        numItemsBefore: getBulkSelectCount(),\n        itemIndexBefore: active.index,\n        itemIndexAfter: over.index,\n        dragAndDropID: dnd._moveId,\n      }),\n    );\n  }\n\n  onMoveFailure(params: {\n    reason: 'Update failed' | 'Window closed' | 'Left page';\n    patches: OptimisticPatch<T>[];\n  }) {\n    const { reportBi, getBulkSelectCount } = this;\n    const { reason, patches } = params;\n    const errorPatch = patches[0];\n\n    if (!errorPatch?.move) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('Missing move data in patch');\n      }\n      return;\n    }\n\n    const { from, over, moveId, isFromHandle } = errorPatch.move;\n\n    reportBi(\n      withoutDefaults(cairoDragActionUnsuccessfulUpdateInServer)({\n        ...errorPatch.collectionSnapshot,\n        numItemsBefore: getBulkSelectCount(),\n        numOfWaitingUpdates: patches.length,\n        timeFromEndDrag: Date.now() - errorPatch.createdAt,\n        itemIndexBefore: from.index,\n        itemIndexAfter: over.index,\n        errorType: reason,\n        itemId: from.key,\n        dragAndDropID: moveId,\n        wasFromHandle: isFromHandle,\n      }),\n    );\n  }\n\n  onMoveCancelled(move: ActionMoveBase<T>) {\n    const {\n      reportBi,\n      getCollectionSnapshot,\n      getBulkSelectCount,\n      getPendingMovePatchesCount,\n    } = this;\n\n    const { from, over, moveId, isFromHandle } = move;\n\n    reportBi(\n      withoutDefaults(cairoDragActionUnsuccessfulUpdateInServer)({\n        ...(getCollectionSnapshot?.() ?? {}),\n        numItemsBefore: getBulkSelectCount(),\n        numOfWaitingUpdates: getPendingMovePatchesCount() ?? 0,\n        timeFromEndDrag: 0,\n        itemIndexBefore: from.index,\n        itemIndexAfter: over.index,\n        errorType: 'External logic',\n        itemId: from.key,\n        dragAndDropID: moveId,\n        wasFromHandle: isFromHandle,\n      }),\n    );\n  }\n\n  onMoveRetry(params: { patches: OptimisticPatch<T>[] }) {\n    const { reportBi, collection } = this;\n    const { patches } = params;\n    const {\n      query: { search },\n    } = collection;\n    const errorPatch = patches[0];\n\n    reportBi(\n      withoutDefaults(cairoTryAgainClicked)({\n        ...errorPatch.collectionSnapshot,\n        isFromSearch: !search.isEmpty,\n        numOfWaitingUpdates: patches.length,\n        actionName: 'drag',\n      }),\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_mobx","withoutDefaults","withoutIrrelevant","CollectionDragAndDropBI","constructor","params","_defineProperty2","default","action","itemId","dnd","reportBi","collection","getBulkSelectCount","_isHandleActive","query","search","item","getKeyedItem","startTime","performance","now","cairoDragItem","itemIndex","index","isFromHandle","numItemsBefore","searchQuery","value","isFromSearch","isEmpty","cairoDragItemEndDrop","itemIndexBefore","duration","Math","round","endType","state","getCollectionSnapshot","getPendingMovePatchesCount","_dnd","onDragStart","active","key","dragAndDropID","_moveId","overId","activeAfter","itemIndexAfter","onMoveFailure","reason","patches","errorPatch","move","process","env","NODE_ENV","Error","from","over","moveId","cairoDragActionUnsuccessfulUpdateInServer","collectionSnapshot","numOfWaitingUpdates","length","timeFromEndDrag","Date","createdAt","errorType","wasFromHandle","onMoveCancelled","onMoveRetry","cairoTryAgainClicked","actionName","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropBI.ts"],"sourcesContent":["import { ActionMoveBase, FiltersMap, withoutIrrelevant } from '@wix/bex-core';\nimport {\n  cairoDragActionUnsuccessfulUpdateInServer,\n  cairoDragItem,\n  cairoDragItemEndDrop,\n  cairoTryAgainClicked,\n} from '@wix/bex-core/bi';\nimport { action } from 'mobx';\nimport { OptimisticPatch } from '@wix/bex-core/dist/types/state/CollectionOptimisticPatch';\nimport {\n  DragAndDropCollection,\n  DragAndDropParentState,\n} from './DragAndDropState';\n\nconst withoutDefaults = withoutIrrelevant<\n  | 'currentTab'\n  | 'currentView'\n  | 'currentFilters'\n  | 'currentSortOrder'\n  | 'listSize'\n  | 'filteredListSize'\n  | 'initialItems'\n>();\n\nexport interface CollectionDragAndDropBIParams<T, F extends FiltersMap> {\n  state: DragAndDropParentState<T, F>;\n  collection: DragAndDropCollection<F>;\n  getCollectionSnapshot?: () => {\n    [key: string]: string | number | undefined;\n  };\n  getBulkSelectCount: () => number;\n  getPendingMovePatchesCount: () => number | null | undefined;\n}\nexport class CollectionDragAndDropBI<T, F extends FiltersMap> {\n  readonly state;\n  readonly collection;\n  readonly getCollectionSnapshot;\n  readonly getBulkSelectCount;\n  readonly getPendingMovePatchesCount;\n\n  startTime = 0;\n\n  constructor(params: CollectionDragAndDropBIParams<T, F>) {\n    this.state = params.state;\n    this.collection = params.collection;\n    this.getCollectionSnapshot = params.getCollectionSnapshot;\n    this.getBulkSelectCount = params.getBulkSelectCount;\n    this.getPendingMovePatchesCount = params.getPendingMovePatchesCount;\n  }\n\n  get dnd() {\n    return this.state._dnd;\n  }\n\n  get reportBi() {\n    return this.state.reportBi;\n  }\n\n  onAttemptDragStart = action((itemId: string) => {\n    if (!this.dnd) {\n      return () => {};\n    }\n    const { reportBi, dnd, collection, getBulkSelectCount } = this;\n\n    const { _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    const item = collection.getKeyedItem(itemId);\n\n    const startTime = performance.now();\n\n    reportBi(\n      withoutDefaults(cairoDragItem)({\n        itemId,\n        itemIndex: item?.index,\n        isFromHandle: _isHandleActive,\n        numItemsBefore: getBulkSelectCount(),\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n      }),\n    );\n\n    return action(() => {\n      reportBi(\n        withoutDefaults(cairoDragItemEndDrop)({\n          isFromHandle: _isHandleActive,\n          itemId,\n          itemIndexBefore: item?.index,\n          duration: Math.round(performance.now() - startTime),\n          endType: 'drag disabled',\n          numItemsBefore: getBulkSelectCount(),\n          searchQuery: search.value,\n          isFromSearch: !search.isEmpty,\n        }),\n      );\n    });\n  });\n\n  onDragStart() {\n    if (!this.dnd) {\n      return;\n    }\n\n    const { reportBi, dnd, collection, getBulkSelectCount } = this;\n    const { active, _isHandleActive } = dnd;\n    const {\n      query: { search },\n    } = collection;\n\n    if (active == null) {\n      return;\n    }\n\n    this.startTime = performance.now();\n\n    reportBi(\n      withoutDefaults(cairoDragItem)({\n        itemId: active.key,\n        itemIndex: active.index,\n        isFromHandle: _isHandleActive,\n        numItemsBefore: getBulkSelectCount(),\n        searchQuery: search.value,\n        isFromSearch: !search.isEmpty,\n        dragAndDropID: dnd._moveId,\n      }),\n    );\n\n    return (params: { endType?: 'clicked ESC' | 'drop outside' | null }) => {\n      const { startTime } = this;\n\n      const { overId } = dnd;\n\n      const activeAfter = collection.getKeyedItem(active.key);\n\n      reportBi(\n        withoutDefaults(cairoDragItemEndDrop)({\n          isFromHandle: _isHandleActive,\n          itemId: active.key,\n          duration: Math.round(performance.now() - startTime),\n          endType:\n            params.endType ??\n            (overId === active.key ? 'drop back' : 'drop succeeded'),\n          numItemsBefore: getBulkSelectCount(),\n          itemIndexBefore: active.index,\n          itemIndexAfter: activeAfter?.index,\n          dragAndDropID: dnd._moveId,\n        }),\n      );\n    };\n  }\n\n  onMoveFailure(params: {\n    reason: 'Update failed' | 'Window closed' | 'Left page';\n    patches: OptimisticPatch<T>[];\n  }) {\n    const { reportBi, getBulkSelectCount } = this;\n    const { reason, patches } = params;\n    const errorPatch = patches[0];\n\n    if (!errorPatch?.move) {\n      if (process.env.NODE_ENV !== 'production') {\n        throw new Error('Missing move data in patch');\n      }\n      return;\n    }\n\n    const { from, over, moveId, isFromHandle } = errorPatch.move;\n\n    reportBi(\n      withoutDefaults(cairoDragActionUnsuccessfulUpdateInServer)({\n        ...errorPatch.collectionSnapshot,\n        numItemsBefore: getBulkSelectCount(),\n        numOfWaitingUpdates: patches.length,\n        timeFromEndDrag: Date.now() - errorPatch.createdAt,\n        itemIndexBefore: from.index,\n        itemIndexAfter: over.index,\n        errorType: reason,\n        itemId: from.key,\n        dragAndDropID: moveId,\n        wasFromHandle: isFromHandle,\n      }),\n    );\n  }\n\n  onMoveCancelled(move: ActionMoveBase<T>) {\n    const {\n      reportBi,\n      getCollectionSnapshot,\n      getBulkSelectCount,\n      getPendingMovePatchesCount,\n    } = this;\n\n    const { from, over, moveId, isFromHandle } = move;\n\n    reportBi(\n      withoutDefaults(cairoDragActionUnsuccessfulUpdateInServer)({\n        ...(getCollectionSnapshot?.() ?? {}),\n        numItemsBefore: getBulkSelectCount(),\n        numOfWaitingUpdates: getPendingMovePatchesCount() ?? 0,\n        timeFromEndDrag: 0,\n        itemIndexBefore: from.index,\n        itemIndexAfter: over.index,\n        errorType: 'External logic',\n        itemId: from.key,\n        dragAndDropID: moveId,\n        wasFromHandle: isFromHandle,\n      }),\n    );\n  }\n\n  onMoveRetry(params: { patches: OptimisticPatch<T>[] }) {\n    const { reportBi, collection } = this;\n    const { patches } = params;\n    const {\n      query: { search },\n    } = collection;\n    const errorPatch = patches[0];\n\n    reportBi(\n      withoutDefaults(cairoTryAgainClicked)({\n        ...errorPatch.collectionSnapshot,\n        isFromSearch: !search.isEmpty,\n        numOfWaitingUpdates: patches.length,\n        actionName: 'drag',\n      }),\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/DragAndDropState.js

@@ -38,6 +38,8 @@ class DragAndDropState {
     (0, _defineProperty2.default)(this, "_isHandleActive", false);
     (0, _defineProperty2.default)(this, "_isKeyboardDragging", false);
     (0, _defineProperty2.default)(this, "_moveId", '');
+    (0, _defineProperty2.default)(this, "_onDragEndBi", void 0);
+    (0, _defineProperty2.default)(this, "_endType", null);
     (0, _defineProperty2.default)(this, "_baseAnimation", {
       duration: 250,
       easing: 'cubic-bezier(0.33, 1, 0.68, 1)'
@@ -88,28 +90,29 @@ class DragAndDropState {
     });
     (0, _defineProperty2.default)(this, "onDropAnimationEnd", (0, _mobx.action)(() => {
       if (this.droppingId && this.activeId === this.droppingId) {
+        var _this$_onDragEndBi;
         this.activeId = null;
         this._isHandleActive = false;
         this.droppedId = this.droppingId;
         this.droppingId = null;
         this._dropAnimationId = null;
         this.events.emit('dropAnimationEnd');
+        (_this$_onDragEndBi = this._onDragEndBi) == null || _this$_onDragEndBi.call(this, {
+          endType: this._endType
+        });
         this.scheduleIdle();
       }
     }));
     (0, _defineProperty2.default)(this, "_onGlobalKeydown", (0, _mobx.action)(e => {
       const {
         keyboardCodes,
-        activeId,
-        bi
+        activeId
       } = this;
       if (activeId == null) {
         return;
       }
       if (keyboardCodes.cancel.includes(e.code)) {
-        bi == null || bi.onDragCancel({
-          endType: 'clicked ESC'
-        });
+        this._endType = 'clicked ESC';
         return;
       }
     }));
@@ -186,6 +189,8 @@ class DragAndDropState {
       if (this.status === 'end' || this.status === 'cancel') {
         this.status = null;
         this._isKeyboardDragging = false;
+        this._onDragEndBi = null;
+        this._endType = null;
       }
     }), 500);
     this.move = params.move;
@@ -275,7 +280,7 @@ class DragAndDropState {
     this.activeId = event.active.id;
     this.overId = this.activeId;
     this._moveId = (0, _uuid.v4)();
-    (_this$bi3 = this.bi) == null || _this$bi3.onDragStart();
+    this._onDragEndBi = (_this$bi3 = this.bi) == null ? void 0 : _this$bi3.onDragStart();
     events.emit('dragStart');
   }
   get isActiveRectOutsideContainer() {
@@ -313,10 +318,7 @@ class DragAndDropState {
     }
     const shouldCancel = !(0, _rectIntersection.haveIntersection)(rect, container);
     if (shouldCancel) {
-      var _this$bi4;
-      (_this$bi4 = this.bi) == null || _this$bi4.onDragCancel({
-        endType: 'drop outside'
-      });
+      this._endType = 'drop outside';
     }
     return shouldCancel;
   }
@@ -377,10 +379,6 @@ class DragAndDropState {
     this.status = 'end';
     this.overId = (_event$over3 = event.over) == null ? void 0 : _event$over3.id;
     Object.assign(this.overlayRect.rect, (0, _RectState.emptyRect)());
-    if (event.over) {
-      var _this$bi5;
-      (_this$bi5 = this.bi) == null || _this$bi5.onDragEnd(event.over.id);
-    }
     this.move(event);
     this.scheduleDropEnd();
   }