@wix/patterns 1.130.0 → 1.133.0

package/dist/cjs/bm/testProviderPropsOverrides.js

@@ -5,10 +5,11 @@ exports.wixPatternsTestProviderPropsOverrides = wixPatternsTestProviderPropsOver
 var _testkit = require("@wix/bex-core/testkit");
 var _client = require("@wix/yoshi-flow-bm/testkit/http-client/client");
 var _testUtils = require("../test-utils");
+var _AsyncJobMocks = require("../test-utils/AsyncJobMocks");
 function wixPatternsTestProviderPropsOverrides(overrides) {
   return {
     ...overrides,
-    mocks: [...((overrides == null ? void 0 : overrides.mocks) ?? []), ...(0, _testkit.exportServiceMocks)(_client.whenRequest).mocks, ...(0, _testkit.appSettingsMocks)(_client.whenRequest), ...(0, _testUtils.dataExtensionServiceMocks)(_client.whenRequest).mocks, ...(0, _testUtils.tagsServiceMocks)(_client.whenRequest).mocks]
+    mocks: [...((overrides == null ? void 0 : overrides.mocks) ?? []), ...(0, _testkit.exportServiceMocks)(_client.whenRequest).mocks, ...(0, _testkit.appSettingsMocks)(_client.whenRequest), ...(0, _testUtils.dataExtensionServiceMocks)(_client.whenRequest).mocks, ...(0, _AsyncJobMocks.asyncJobMocks)(_client.whenRequest).mocks, ...(0, _testUtils.tagsServiceMocks)(_client.whenRequest).mocks]
   };
 }
 //# sourceMappingURL=testProviderPropsOverrides.js.map

package/dist/cjs/bm/testProviderPropsOverrides.js.map

@@ -1 +1 @@
-{"version":3,"names":["_testkit","require","_client","_testUtils","wixPatternsTestProviderPropsOverrides","overrides","mocks","exportServiceMocks","whenRequest","appSettingsMocks","dataExtensionServiceMocks","tagsServiceMocks"],"sources":["../../../src/bm/testProviderPropsOverrides.ts"],"sourcesContent":["import type { TestProviderPartialProps } from '@wix/yoshi-flow-bm/testkit';\nimport { exportServiceMocks, appSettingsMocks } from '@wix/bex-core/testkit';\nimport { whenRequest } from '@wix/yoshi-flow-bm/testkit/http-client/client';\nimport { dataExtensionServiceMocks, tagsServiceMocks } from '../test-utils';\n\nexport function wixPatternsTestProviderPropsOverrides(\n  overrides?: TestProviderPartialProps,\n): TestProviderPartialProps {\n  return {\n    ...overrides,\n    mocks: [\n      ...(overrides?.mocks ?? []),\n      ...exportServiceMocks(whenRequest).mocks,\n      ...appSettingsMocks(whenRequest),\n      ...dataExtensionServiceMocks(whenRequest).mocks,\n      ...tagsServiceMocks(whenRequest).mocks,\n    ],\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,SAASG,qCAAqCA,CACnDC,SAAoC,EACV;EAC1B,OAAO;IACL,GAAGA,SAAS;IACZC,KAAK,EAAE,CACL,IAAI,CAAAD,SAAS,oBAATA,SAAS,CAAEC,KAAK,KAAI,EAAE,CAAC,EAC3B,GAAG,IAAAC,2BAAkB,EAACC,mBAAW,CAAC,CAACF,KAAK,EACxC,GAAG,IAAAG,yBAAgB,EAACD,mBAAW,CAAC,EAChC,GAAG,IAAAE,oCAAyB,EAACF,mBAAW,CAAC,CAACF,KAAK,EAC/C,GAAG,IAAAK,2BAAgB,EAACH,mBAAW,CAAC,CAACF,KAAK;EAE1C,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_testkit","require","_client","_testUtils","_AsyncJobMocks","wixPatternsTestProviderPropsOverrides","overrides","mocks","exportServiceMocks","whenRequest","appSettingsMocks","dataExtensionServiceMocks","asyncJobMocks","tagsServiceMocks"],"sources":["../../../src/bm/testProviderPropsOverrides.ts"],"sourcesContent":["import type { TestProviderPartialProps } from '@wix/yoshi-flow-bm/testkit';\nimport { exportServiceMocks, appSettingsMocks } from '@wix/bex-core/testkit';\nimport { whenRequest } from '@wix/yoshi-flow-bm/testkit/http-client/client';\nimport { dataExtensionServiceMocks, tagsServiceMocks } from '../test-utils';\nimport { asyncJobMocks } from '../test-utils/AsyncJobMocks';\n\nexport function wixPatternsTestProviderPropsOverrides(\n  overrides?: TestProviderPartialProps,\n): TestProviderPartialProps {\n  return {\n    ...overrides,\n    mocks: [\n      ...(overrides?.mocks ?? []),\n      ...exportServiceMocks(whenRequest).mocks,\n      ...appSettingsMocks(whenRequest),\n      ...dataExtensionServiceMocks(whenRequest).mocks,\n      ...asyncJobMocks(whenRequest).mocks,\n      ...tagsServiceMocks(whenRequest).mocks,\n    ],\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEO,SAASI,qCAAqCA,CACnDC,SAAoC,EACV;EAC1B,OAAO;IACL,GAAGA,SAAS;IACZC,KAAK,EAAE,CACL,IAAI,CAAAD,SAAS,oBAATA,SAAS,CAAEC,KAAK,KAAI,EAAE,CAAC,EAC3B,GAAG,IAAAC,2BAAkB,EAACC,mBAAW,CAAC,CAACF,KAAK,EACxC,GAAG,IAAAG,yBAAgB,EAACD,mBAAW,CAAC,EAChC,GAAG,IAAAE,oCAAyB,EAACF,mBAAW,CAAC,CAACF,KAAK,EAC/C,GAAG,IAAAK,4BAAa,EAACH,mBAAW,CAAC,CAACF,KAAK,EACnC,GAAG,IAAAM,2BAAgB,EAACJ,mBAAW,CAAC,CAACF,KAAK;EAE1C,CAAC;AACH","ignoreList":[]}

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_ = "Collapse741095958";
+var _namespace_ = "Collapse3486224736";
 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": "Collapse741095958__root",
-  "exit": "Collapse741095958__exit"
+  "root": "Collapse3486224736__root",
+  "exit": "Collapse3486224736__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_ = \"Collapse741095958\";\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\":\"Collapse741095958__root\",\"exit\":\"Collapse741095958__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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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_ = \"Collapse3486224736\";\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\":\"Collapse3486224736__root\",\"exit\":\"Collapse3486224736__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_ = "CollectionToolbar2548204215";
+var _namespace_ = "CollectionToolbar3602914553";
 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": "CollectionToolbar2548204215__root",
-  "left": "CollectionToolbar2548204215__left",
-  "right": "CollectionToolbar2548204215__right",
-  "fullWidth": "CollectionToolbar2548204215__fullWidth"
+  "root": "CollectionToolbar3602914553__root",
+  "left": "CollectionToolbar3602914553__left",
+  "right": "CollectionToolbar3602914553__right",
+  "fullWidth": "CollectionToolbar3602914553__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_ = \"CollectionToolbar2548204215\";\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\":\"CollectionToolbar2548204215__root\",\"left\":\"CollectionToolbar2548204215__left\",\"right\":\"CollectionToolbar2548204215__right\",\"fullWidth\":\"CollectionToolbar2548204215__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":[]}
+{"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_ = \"CollectionToolbar3602914553\";\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\":\"CollectionToolbar3602914553__root\",\"left\":\"CollectionToolbar3602914553__left\",\"right\":\"CollectionToolbar3602914553__right\",\"fullWidth\":\"CollectionToolbar3602914553__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_ = "SearchOrCustomFilter3313179022";
+var _namespace_ = "SearchOrCustomFilter1318819905";
 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": "SearchOrCustomFilter3313179022__root",
-  "search": "SearchOrCustomFilter3313179022__search"
+  "root": "SearchOrCustomFilter1318819905__root",
+  "search": "SearchOrCustomFilter1318819905__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_ = \"SearchOrCustomFilter3313179022\";\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\":\"SearchOrCustomFilter3313179022__root\",\"search\":\"SearchOrCustomFilter3313179022__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_ = \"SearchOrCustomFilter1318819905\";\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\":\"SearchOrCustomFilter1318819905__root\",\"search\":\"SearchOrCustomFilter1318819905__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/CollectionToolbars/CollectionToolbars.js

@@ -21,7 +21,7 @@ function BorderRadiusTopCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, children);
@@ -81,7 +81,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 105,
       columnNumber: 11
     }
   })), shouldDisplaySubToolbar && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -90,7 +90,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 123,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.SubToolbar, {
@@ -98,14 +98,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 124,
       columnNumber: 11
     }
   }, AppliedFiltersTagList && shouldDisplayFiltersTags && /*#__PURE__*/_react.default.createElement(AppliedFiltersTagList, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 126,
       columnNumber: 15
     }
   }))), summaryBar, topNotification);
@@ -117,14 +117,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 139,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 140,
       columnNumber: 7
     }
   }, toolbars, titleBar));
@@ -132,14 +132,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 148,
       columnNumber: 5
     }
   }, sticky && !internalScroll ? /*#__PURE__*/_react.default.createElement(_designSystem.Page.Sticky, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 149,
       columnNumber: 36
     }
   }, child) : child);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_jsxFileName","BorderRadiusTopCard","children","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","CollectionToolbarsProvider","Page","Sticky","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactElement, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport {\n  CollectionToolbar,\n  CollectionToolbarProps,\n} from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport type { TagsElement } from '../Tags';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  search?: ToolbarBaseProps['search'];\n  customColumns?: CollectionToolbarProps<T, F>['customColumns'] | null;\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n  views?: CollectionToolbarProps<T, F>['views'];\n  sticky: boolean;\n  filters?: CollectionToolbarProps<T, F>['filters'];\n  selectionToolbar?: ReactElement;\n  dragAndDropReorderModeToolbar?:\n    | CollectionToolbarProps<T, F>['dragAndDropReorderModeToolbar'];\n  extraToolbar?: ToolbarCollectionBaseProps<T, F>['extraToolbar'];\n  summaryBar?: ToolbarCollectionBaseProps<T, F>['summaryBar'];\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  tableGridSwitchButton?: CollectionToolbarProps<T, F>['tableGridSwitchButton'];\n  showTitleBar?: boolean;\n  exportButton?: CollectionToolbarProps<T, F>['exportButton'];\n  tags?: TagsElement<T, F>;\n  primaryActionButton?: CollectionToolbarProps<T, F>['primaryActionButton'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={8}\n      borderTopRightRadius={8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state}>\n      <BorderRadiusTopCard>\n        {toolbars}\n        {titleBar}\n      </BorderRadiusTopCard>\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? <Page.Sticky>{child}</Page.Sticky> : child}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_jsxFileName","BorderRadiusTopCard","children","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","CollectionToolbarsProvider","Page","Sticky","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'primaryActionButton'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={8}\n      borderTopRightRadius={8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state}>\n      <BorderRadiusTopCard>\n        {toolbars}\n        {titleBar}\n      </BorderRadiusTopCard>\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? <Page.Sticky>{child}</Page.Sticky> : child}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","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_ = "AutoCompleteReadonly3456281360";
+var _namespace_ = "AutoCompleteReadonly3277745903";
 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": "AutoCompleteReadonly3456281360__root"
+  "root": "AutoCompleteReadonly3277745903__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_ = \"AutoCompleteReadonly3456281360\";\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\":\"AutoCompleteReadonly3456281360__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_ = \"AutoCompleteReadonly3277745903\";\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\":\"AutoCompleteReadonly3277745903__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "ViewsDropdown2637693536";
+var _namespace_ = "ViewsDropdown662205098";
 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": "ViewsDropdown2637693536__root"
+  "root": "ViewsDropdown662205098__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_ = \"ViewsDropdown2637693536\";\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\":\"ViewsDropdown2637693536__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_ = \"ViewsDropdown662205098\";\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\":\"ViewsDropdown662205098__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,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;AAA8B,CAAC;AACrD,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/CustomFieldsForm/CustomFieldsForm.js

@@ -23,10 +23,11 @@ const toCellSpan = (size, type) => {
   }
 };
 const _CustomFieldsForm = ({
-  dataHook,
   state
 }) => {
-  (0, _react.useEffect)(() => state.init(), []);
+  const {
+    _namespace
+  } = state;
   const renderFieldInput = (0, _react.useCallback)(field => {
     if (!field) {
       return null;
@@ -37,7 +38,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 37,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -45,7 +46,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 38,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
@@ -60,7 +61,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 39,
         columnNumber: 13
       }
     })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -68,23 +69,20 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 50,
         columnNumber: 11
       }
     }));
   }, [state.formSize]);
   const {
-    fields
+    writeableFields
   } = state;
-  if (!fields.length) {
-    return null;
-  }
   return /*#__PURE__*/_react.default.createElement(_CustomFieldsFormContext.CustomFieldsFormContextProvider, {
     value: state,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 60,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -94,19 +92,19 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 61,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
-    dataHook: dataHook,
+    dataHook: `custom-fields-form-${_namespace}`,
     gap: "SP4",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 66,
       columnNumber: 9
     }
-  }, fields.map(renderFieldInput))));
+  }, writeableFields.map(renderFieldInput))));
 };
 const CustomFieldsForm = exports.CustomFieldsForm = (0, _mobxReactLite.observer)(_CustomFieldsForm);
 //# sourceMappingURL=CustomFieldsForm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","size","type","_CustomFieldsForm","dataHook","state","useEffect","init","renderFieldInput","useCallback","field","span","formSize","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","fields","length","CustomFieldsFormContextProvider","value","ref","containerRef","setContainerRef","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormSize, CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n  dataHook?: string;\n}\n\nconst toCellSpan = (size: CustomFieldsFormSize, type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return size === 'default' ? 6 : 8;\n    default:\n      return size === 'default' ? 3 : 4;\n  }\n};\n\nconst _CustomFieldsForm = ({ dataHook, state }: CustomFieldsFormProps) => {\n  useEffect(() => state.init(), []);\n\n  const renderFieldInput = useCallback(\n    (field: CustomField) => {\n      if (!field) {\n        return null;\n      }\n\n      const span = toCellSpan(state.formSize, field.type);\n\n      return (\n        <React.Fragment key={field.id}>\n          <Cell span={span}>\n            <FormFieldInput\n              dataHook={`field-${field.id}`}\n              state={state}\n              schema={field}\n              initialValue={state.getInitialValue(field.id)}\n              onChange={(newValue) => state.setValue(field.id, newValue)}\n              inputRef={(inputRef) => {\n                state.setInputRef(field.id, inputRef);\n              }}\n            />\n          </Cell>\n          <Cell span={12 - span} />\n        </React.Fragment>\n      );\n    },\n    [state.formSize],\n  );\n\n  const { fields } = state;\n\n  if (!fields.length) {\n    return null;\n  }\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={dataHook} gap=\"SP4\">\n          {fields.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAAI,wBAAA,GAAAJ,OAAA;AAA6E,IAAAK,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAO7E,MAAMW,UAAU,GAAGA,CAACC,IAA0B,EAAEC,IAAsB,KAAK;EACzE,QAAQA,IAAI;IACV,KAAK,UAAU;IACf,KAAK,UAAU;IACf,KAAK,WAAW;IAChB,KAAK,KAAK;IACV,KAAK,UAAU;MACb,OAAOD,IAAI,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC;IACnC;MACE,OAAOA,IAAI,KAAK,SAAS,GAAG,CAAC,GAAG,CAAC;EACrC;AACF,CAAC;AAED,MAAME,iBAAiB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAA6B,CAAC,KAAK;EACxE,IAAAC,gBAAS,EAAC,MAAMD,KAAK,CAACE,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EACjCC,KAAkB,IAAK;IACtB,IAAI,CAACA,KAAK,EAAE;MACV,OAAO,IAAI;IACb;IAEA,MAAMC,IAAI,GAAGX,UAAU,CAACK,KAAK,CAACO,QAAQ,EAAEF,KAAK,CAACR,IAAI,CAAC;IAEnD,oBACE9B,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACzC,MAAA,CAAAc,OAAK,CAAC4B,QAAQ;MAACC,GAAG,EAAEL,KAAK,CAACM,EAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5BjD,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACrC,aAAA,CAAA8C,IAAI;MAACX,IAAI,EAAEA,IAAK;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACfjD,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACpC,eAAA,CAAA8C,cAAc;MACbnB,QAAQ,EAAE,SAASM,KAAK,CAACM,EAAE,EAAG;MAC9BX,KAAK,EAAEA,KAAM;MACbmB,MAAM,EAAEd,KAAM;MACde,YAAY,EAAEpB,KAAK,CAACqB,eAAe,CAAChB,KAAK,CAACM,EAAE,CAAE;MAC9CW,QAAQ,EAAGC,QAAQ,IAAKvB,KAAK,CAACwB,QAAQ,CAACnB,KAAK,CAACM,EAAE,EAAEY,QAAQ,CAAE;MAC3DE,QAAQ,EAAGA,QAAQ,IAAK;QACtBzB,KAAK,CAAC0B,WAAW,CAACrB,KAAK,CAACM,EAAE,EAAEc,QAAQ,CAAC;MACvC,CAAE;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACH,CACG,CAAC,eACPjD,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACrC,aAAA,CAAA8C,IAAI;MAACX,IAAI,EAAE,EAAE,GAAGA,IAAK;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACV,CAAC;EAErB,CAAC,EACD,CAAChB,KAAK,CAACO,QAAQ,CACjB,CAAC;EAED,MAAM;IAAEoB;EAAO,CAAC,GAAG3B,KAAK;EAExB,IAAI,CAAC2B,MAAM,CAACC,MAAM,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACE7D,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACnC,wBAAA,CAAAwD,+BAA+B;IAACC,KAAK,EAAE9B,KAAM;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5CjD,MAAA,CAAAc,OAAA,CAAA2B,aAAA;IACEuB,GAAG,EAAGC,YAAY,IAAK;MACrBhC,KAAK,CAACiC,eAAe,CAACD,YAAY,CAAC;IACrC,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFjD,MAAA,CAAAc,OAAA,CAAA2B,aAAA,CAACrC,aAAA,CAAA+D,MAAM;IAACnC,QAAQ,EAAEA,QAAS;IAACoC,GAAG,EAAC,KAAK;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClCW,MAAM,CAACS,GAAG,CAACjC,gBAAgB,CACtB,CACL,CAC0B,CAAC;AAEtC,CAAC;AAEM,MAAMkC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,uBAAQ,EAACzC,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","size","type","_CustomFieldsForm","state","_namespace","renderFieldInput","useCallback","field","span","formSize","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","dataHook","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","writeableFields","CustomFieldsFormContextProvider","value","ref","containerRef","setContainerRef","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormSize, CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n}\n\nconst toCellSpan = (size: CustomFieldsFormSize, type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return size === 'default' ? 6 : 8;\n    default:\n      return size === 'default' ? 3 : 4;\n  }\n};\n\nconst _CustomFieldsForm = ({ state }: CustomFieldsFormProps) => {\n  const { _namespace } = state;\n  const renderFieldInput = useCallback(\n    (field: CustomField) => {\n      if (!field) {\n        return null;\n      }\n\n      const span = toCellSpan(state.formSize, field.type);\n\n      return (\n        <React.Fragment key={field.id}>\n          <Cell span={span}>\n            <FormFieldInput\n              dataHook={`field-${field.id}`}\n              state={state}\n              schema={field}\n              initialValue={state.getInitialValue(field.id)}\n              onChange={(newValue) => state.setValue(field.id, newValue)}\n              inputRef={(inputRef) => {\n                state.setInputRef(field.id, inputRef);\n              }}\n            />\n          </Cell>\n          <Cell span={12 - span} />\n        </React.Fragment>\n      );\n    },\n    [state.formSize],\n  );\n\n  const { writeableFields } = state;\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={`custom-fields-form-${_namespace}`} gap=\"SP4\">\n          {writeableFields.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CustomFieldsAllNamespacesForm = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _state = require("../../state");
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _CustomFieldsNamespaceSectionForm = require("./CustomFieldsNamespaceSectionForm");
+var _CustomFieldsNamespaceForm = require("./CustomFieldsNamespaceForm");
+var _EmptyStateContent = require("./EmptyStateContent");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsAllNamespacesForm.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _CustomFieldsAllNamespacesForm(props) {
+  const {
+    state: customFieldsWidgetState,
+    onChange,
+    emptyStateOverrides
+  } = props;
+  const {
+    _userFieldsNamespace
+  } = customFieldsWidgetState;
+  const [state] = (0, _react.useState)(() => customFieldsWidgetState._formState ?? (customFieldsWidgetState._formState = new _state.CustomFieldsAllNamespacesFormState({
+    customFieldsWidgetState
+  })));
+  const {
+    schemasSections,
+    tpaFieldsExist
+  } = state;
+  if (!schemasSections.length) {
+    return /*#__PURE__*/_react.default.createElement(_EmptyStateContent.EmptyStateContent, {
+      state: customFieldsWidgetState,
+      emptyStateOverrides: emptyStateOverrides,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 41,
+        columnNumber: 7
+      }
+    });
+  }
+  let child;
+  if (tpaFieldsExist) {
+    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, schemasSections.map((schema, index) => /*#__PURE__*/_react.default.createElement(_CustomFieldsNamespaceSectionForm.CustomFieldsNamespaceSectionForm, {
+      key: schema.namespace,
+      state: state,
+      namespace: schema.namespace,
+      index: index,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 54,
+        columnNumber: 11
+      }
+    })));
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_CustomFieldsNamespaceForm.CustomFieldsNamespaceForm, {
+      state: state,
+      namespace: _userFieldsNamespace,
+      onChange: onChange,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 65,
+        columnNumber: 7
+      }
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    width: "100%",
+    gap: "SP3",
+    dataHook: "custom-fields-form",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 74,
+      columnNumber: 5
+    }
+  }, child);
+}
+const CustomFieldsAllNamespacesForm = exports.CustomFieldsAllNamespacesForm = (0, _mobxReactLite.observer)(_CustomFieldsAllNamespacesForm);
+//# sourceMappingURL=CustomFieldsAllNamespacesForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_state","_react","_interopRequireWildcard","_designSystem","_CustomFieldsNamespaceSectionForm","_CustomFieldsNamespaceForm","_EmptyStateContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsAllNamespacesForm","props","state","customFieldsWidgetState","onChange","emptyStateOverrides","_userFieldsNamespace","useState","_formState","CustomFieldsAllNamespacesFormState","schemasSections","tpaFieldsExist","length","createElement","EmptyStateContent","__self","__source","fileName","lineNumber","columnNumber","child","Fragment","map","schema","index","CustomFieldsNamespaceSectionForm","key","namespace","CustomFieldsNamespaceForm","Box","direction","width","gap","dataHook","CustomFieldsAllNamespacesForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsAllNamespacesForm.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n  CustomFieldsAllNamespacesFormState,\n  CustomFieldsWidgetState,\n} from '../../state';\nimport React, { useState } from 'react';\nimport { Box } from '@wix/design-system';\nimport { CustomFieldsNamespaceSectionForm } from './CustomFieldsNamespaceSectionForm';\nimport { CustomFieldsNamespaceForm } from './CustomFieldsNamespaceForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { EmptyStateContent } from './EmptyStateContent';\nimport { CustomFieldsEmptyStateOverrides } from './CustomFieldsEmptyStateOverrides';\n\nexport interface CustomFieldsAllNamespacesFormProps {\n  state: CustomFieldsWidgetState;\n  onChange?: OnCustomFieldChange;\n  emptyStateOverrides?: CustomFieldsEmptyStateOverrides;\n}\n\nfunction _CustomFieldsAllNamespacesForm(\n  props: CustomFieldsAllNamespacesFormProps,\n) {\n  const {\n    state: customFieldsWidgetState,\n    onChange,\n    emptyStateOverrides,\n  } = props;\n  const { _userFieldsNamespace } = customFieldsWidgetState;\n  const [state] = useState(\n    () =>\n      (customFieldsWidgetState._formState ??=\n        new CustomFieldsAllNamespacesFormState({\n          customFieldsWidgetState,\n        })),\n  );\n\n  const { schemasSections, tpaFieldsExist } = state;\n\n  if (!schemasSections.length) {\n    return (\n      <EmptyStateContent\n        state={customFieldsWidgetState}\n        emptyStateOverrides={emptyStateOverrides}\n      />\n    );\n  }\n\n  let child;\n\n  if (tpaFieldsExist) {\n    child = (\n      <>\n        {schemasSections.map((schema, index) => (\n          <CustomFieldsNamespaceSectionForm\n            key={schema.namespace}\n            state={state}\n            namespace={schema.namespace as string}\n            index={index}\n          />\n        ))}\n      </>\n    );\n  } else {\n    child = (\n      <CustomFieldsNamespaceForm\n        state={state}\n        namespace={_userFieldsNamespace}\n        onChange={onChange}\n      />\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      gap=\"SP3\"\n      dataHook=\"custom-fields-form\"\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const CustomFieldsAllNamespacesForm = observer(\n  _CustomFieldsAllNamespacesForm,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=CustomFieldsEmptyStateOverrides.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsEmptyStateOverrides.ts"],"sourcesContent":["\nexport interface CustomFieldsEmptyStateOverrides {\n  title?: string;\n  subtitle?: string;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -3,36 +3,33 @@
 exports.__esModule = true;
 exports.CustomFieldsNamespaceForm = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
-var _state = require("../../state");
 var _CustomFieldsForm = require("../CustomFieldsForm");
+var _useCustomFieldsFormState = require("./useCustomFieldsFormState");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceForm.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _CustomFieldsNamespaceForm(props) {
   const {
-    dataHook,
     state: allNamespacesFormState,
     onChange,
     namespace
   } = props;
-  const {
-    translate
-  } = (0, _react2.useWixPatternsContainer)();
-  const [state] = (0, _react.useState)(() => allNamespacesFormState.addFormIfAbsent(new _state.CustomFieldsFormState({
-    allNamespacesFormState,
-    onChange,
-    translate,
-    namespace
-  })));
+  const state = (0, _useCustomFieldsFormState.useCustomFieldsFormState)({
+    state: allNamespacesFormState,
+    namespace,
+    onChange
+  });
+  (0, _react.useEffect)(() => state.init(), []);
+  if (!state.writeableFields.length) {
+    return null;
+  }
   return /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
     state: state,
-    dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 29,
       columnNumber: 10
     }
   });