@wix/patterns 1.119.0 → 1.120.0

package/dist/cjs/bm/testProviderPropsOverrides.js

@@ -8,7 +8,7 @@ var _testUtils = require("../test-utils");
 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]
+    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]
   };
 }
 //# 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"],"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 } 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    ],\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;EAEnD,CAAC;AACH","ignoreList":[]}
+{"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":[]}

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_ = "Collapse2872389463";
+var _namespace_ = "Collapse2991779402";
 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": "Collapse2872389463__root",
-  "exit": "Collapse2872389463__exit"
+  "root": "Collapse2991779402__root",
+  "exit": "Collapse2991779402__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_ = \"Collapse2872389463\";\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\":\"Collapse2872389463__root\",\"exit\":\"Collapse2872389463__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_ = \"Collapse2991779402\";\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\":\"Collapse2991779402__root\",\"exit\":\"Collapse2991779402__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_ = "CollectionToolbar1204975869";
+var _namespace_ = "CollectionToolbar3585858835";
 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": "CollectionToolbar1204975869__root",
-  "left": "CollectionToolbar1204975869__left",
-  "right": "CollectionToolbar1204975869__right",
-  "fullWidth": "CollectionToolbar1204975869__fullWidth"
+  "root": "CollectionToolbar3585858835__root",
+  "left": "CollectionToolbar3585858835__left",
+  "right": "CollectionToolbar3585858835__right",
+  "fullWidth": "CollectionToolbar3585858835__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_ = \"CollectionToolbar1204975869\";\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\":\"CollectionToolbar1204975869__root\",\"left\":\"CollectionToolbar1204975869__left\",\"right\":\"CollectionToolbar1204975869__right\",\"fullWidth\":\"CollectionToolbar1204975869__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_ = \"CollectionToolbar3585858835\";\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\":\"CollectionToolbar3585858835__root\",\"left\":\"CollectionToolbar3585858835__left\",\"right\":\"CollectionToolbar3585858835__right\",\"fullWidth\":\"CollectionToolbar3585858835__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_ = "SearchOrCustomFilter1354573273";
+var _namespace_ = "SearchOrCustomFilter1964820974";
 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": "SearchOrCustomFilter1354573273__root",
-  "search": "SearchOrCustomFilter1354573273__search"
+  "root": "SearchOrCustomFilter1964820974__root",
+  "search": "SearchOrCustomFilter1964820974__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_ = \"SearchOrCustomFilter1354573273\";\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\":\"SearchOrCustomFilter1354573273__root\",\"search\":\"SearchOrCustomFilter1354573273__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_ = \"SearchOrCustomFilter1964820974\";\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\":\"SearchOrCustomFilter1964820974__root\",\"search\":\"SearchOrCustomFilter1964820974__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_ = "AutoCompleteReadonly2749358160";
+var _namespace_ = "AutoCompleteReadonly2102833163";
 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": "AutoCompleteReadonly2749358160__root"
+  "root": "AutoCompleteReadonly2102833163__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_ = \"AutoCompleteReadonly2749358160\";\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\":\"AutoCompleteReadonly2749358160__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_ = \"AutoCompleteReadonly2102833163\";\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\":\"AutoCompleteReadonly2102833163__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_ = "ViewsDropdown1011050711";
+var _namespace_ = "ViewsDropdown1008295292";
 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": "ViewsDropdown1011050711__root"
+  "root": "ViewsDropdown1008295292__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_ = \"ViewsDropdown1011050711\";\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\":\"ViewsDropdown1011050711__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_ = \"ViewsDropdown1008295292\";\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\":\"ViewsDropdown1008295292__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/CustomFieldModal/CustomFieldTypeDropdown.js

@@ -33,14 +33,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 40,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Rename, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 41,
         columnNumber: 11
       }
     })),
@@ -53,14 +53,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 51,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Rename, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 52,
         columnNumber: 11
       }
     })),
@@ -73,14 +73,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 62,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Date, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 62,
+        lineNumber: 63,
         columnNumber: 11
       }
     })),
@@ -93,14 +93,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 73,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DateAndTime, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 73,
+        lineNumber: 74,
         columnNumber: 11
       }
     })),
@@ -113,14 +113,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 84,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Number, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 84,
+        lineNumber: 85,
         columnNumber: 11
       }
     })),
@@ -133,14 +133,14 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 95,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Number, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 96,
         columnNumber: 11
       }
     })),
@@ -153,19 +153,39 @@ const _CustomFieldTypeDropdown = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 106,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Checkbox, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 107,
         columnNumber: 11
       }
     })),
     title: t('cairo.customFields.fieldType.checkbox'),
     label: t('cairo.customFields.fieldType.checkbox')
+  }), (0, _designSystem.listItemSelectBuilder)({
+    dataHook: 'custom-field-modal-type-url',
+    id: 'url',
+    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 117,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 118,
+        columnNumber: 11
+      }
+    })),
+    title: t('cairo.customFields.fieldType.url'),
+    label: t('cairo.customFields.fieldType.url')
   })
   /* listItemSelectBuilder({
     dataHook: 'custom-field-modal-type-dropdown',
@@ -199,7 +219,7 @@ const _CustomFieldTypeDropdown = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 138,
       columnNumber: 5
     }
   });

package/dist/cjs/components/CustomFieldModal/CustomFieldTypeDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","mode","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","fieldTypeOptions","React","useState","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Rename","title","label","Date","DateAndTime","Number","Checkbox","Dropdown","disabled","valueParser","option","selectedId","value","onSelect","onChange","popoverProps","appendTo","zIndex","dropdownWidth","placeholder","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Dropdown, listItemSelectBuilder } from '@wix/design-system';\nimport {\n  Checkbox,\n  Date,\n  DateAndTime,\n  Number,\n  Rename,\n} from '@wix/wix-ui-icons-common';\nimport { CustomFieldModalState, CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomFieldTypeDropdownProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n  props: CustomFieldTypeDropdownProps,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name },\n      },\n      mode,\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [fieldTypeOptions] = React.useState(() => [\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-shortText',\n      id: 'shortText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.shortText'),\n      label: t('cairo.customFields.fieldType.shortText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-longText',\n      id: 'longText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.longText'),\n      label: t('cairo.customFields.fieldType.longText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-date',\n      id: 'date',\n      prefix: (\n        <Box>\n          <Date />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.date'),\n      label: t('cairo.customFields.fieldType.date'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dateTime',\n      id: 'dateTime',\n      prefix: (\n        <Box>\n          <DateAndTime />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dateAndTime'),\n      label: t('cairo.customFields.fieldType.dateAndTime'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-integer',\n      id: 'integer',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberInteger'),\n      label: t('cairo.customFields.fieldType.numberInteger'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-decimal',\n      id: 'decimal',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberDecimal'),\n      label: t('cairo.customFields.fieldType.numberDecimal'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-checkbox',\n      id: 'checkbox',\n      prefix: (\n        <Box>\n          <Checkbox />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.checkbox'),\n      label: t('cairo.customFields.fieldType.checkbox'),\n    }),\n    /* listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dropdown',\n      id: 'dropdown',\n      prefix: (\n        <Box>\n          <DropdownIcon />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dropdownList'),\n      label: t('cairo.customFields.fieldType.dropdownList'),\n    }),*/\n  ]);\n\n  return (\n    <Dropdown\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      valueParser={(option) => option.label}\n      selectedId={type.value}\n      onSelect={({ id }) => {\n        type.onChange(id as CustomFieldType);\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      dropdownWidth=\"258px\"\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_CustomFieldTypeDropdown","props","state","form","$","type","name","mode","generateUniqueKey","setKeyFieldIfNotDirty","translate","t","useWixPatternsContainer","fieldTypeOptions","React","useState","listItemSelectBuilder","dataHook","id","prefix","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Rename","title","label","Date","DateAndTime","Number","Checkbox","Link","Dropdown","disabled","valueParser","option","selectedId","value","onSelect","onChange","popoverProps","appendTo","zIndex","dropdownWidth","placeholder","options","exports","CustomFieldTypeDropdown","observer"],"sources":["../../../../src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Box, Dropdown, listItemSelectBuilder } from '@wix/design-system';\nimport {\n  Checkbox,\n  Date,\n  DateAndTime,\n  Number,\n  Rename,\n  Link,\n} from '@wix/wix-ui-icons-common';\nimport { CustomFieldModalState, CustomFieldType } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomFieldTypeDropdownProps {\n  state: CustomFieldModalState;\n}\n\nexport const _CustomFieldTypeDropdown = (\n  props: CustomFieldTypeDropdownProps,\n) => {\n  const {\n    state: {\n      form: {\n        $: { type, name },\n      },\n      mode,\n      generateUniqueKey,\n      setKeyFieldIfNotDirty,\n    },\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [fieldTypeOptions] = React.useState(() => [\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-shortText',\n      id: 'shortText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.shortText'),\n      label: t('cairo.customFields.fieldType.shortText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-longText',\n      id: 'longText',\n      prefix: (\n        <Box>\n          <Rename />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.longText'),\n      label: t('cairo.customFields.fieldType.longText'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-date',\n      id: 'date',\n      prefix: (\n        <Box>\n          <Date />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.date'),\n      label: t('cairo.customFields.fieldType.date'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dateTime',\n      id: 'dateTime',\n      prefix: (\n        <Box>\n          <DateAndTime />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dateAndTime'),\n      label: t('cairo.customFields.fieldType.dateAndTime'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-integer',\n      id: 'integer',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberInteger'),\n      label: t('cairo.customFields.fieldType.numberInteger'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-decimal',\n      id: 'decimal',\n      prefix: (\n        <Box>\n          <Number />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.numberDecimal'),\n      label: t('cairo.customFields.fieldType.numberDecimal'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-checkbox',\n      id: 'checkbox',\n      prefix: (\n        <Box>\n          <Checkbox />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.checkbox'),\n      label: t('cairo.customFields.fieldType.checkbox'),\n    }),\n    listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-url',\n      id: 'url',\n      prefix: (\n        <Box>\n          <Link />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.url'),\n      label: t('cairo.customFields.fieldType.url'),\n    }),\n    /* listItemSelectBuilder({\n      dataHook: 'custom-field-modal-type-dropdown',\n      id: 'dropdown',\n      prefix: (\n        <Box>\n          <DropdownIcon />\n        </Box>\n      ),\n      title: t('cairo.customFields.fieldType.dropdownList'),\n      label: t('cairo.customFields.fieldType.dropdownList'),\n    }),*/\n  ]);\n\n  return (\n    <Dropdown\n      dataHook=\"custom-field-modal-type\"\n      disabled={mode === 'edit'}\n      valueParser={(option) => option.label}\n      selectedId={type.value}\n      onSelect={({ id }) => {\n        type.onChange(id as CustomFieldType);\n        setKeyFieldIfNotDirty(generateUniqueKey(name.value));\n      }}\n      popoverProps={{ appendTo: 'window', zIndex: 5001 }}\n      dropdownWidth=\"258px\"\n      placeholder={t(\n        'cairo.customFields.addCustomField.modal.fieldType.placeholder',\n      )}\n      options={fieldTypeOptions}\n    />\n  );\n};\n\nexport const CustomFieldTypeDropdown = observer(_CustomFieldTypeDropdown);\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,6 +15,7 @@ const toCellSpan = (size, type) => {
     case 'longText':
     case 'checkbox':
     case 'shortText':
+    case 'url':
     case 'dateTime':
       return size === 'default' ? 6 : 8;
     default:
@@ -38,7 +39,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 41,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -46,7 +47,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 42,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
@@ -61,7 +62,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 43,
         columnNumber: 13
       }
     })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -69,7 +70,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 54,
         columnNumber: 11
       }
     }));
@@ -79,7 +80,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 62,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -89,7 +90,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 63,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -98,7 +99,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 9
     }
   }, state.schema.map(renderFieldInput))));

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","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 { CustomFieldsFormState, CustomFieldsFormSize } 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 '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(() => {\n    return state.init();\n  }, []);\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  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={dataHook} gap=\"SP4\">\n          {state.schema.map(renderFieldInput)}\n        </Layout>\n      </div>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","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","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","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 { CustomFieldsFormState, CustomFieldsFormSize } 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(() => {\n    return state.init();\n  }, []);\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  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <div\n        ref={(containerRef) => {\n          state.setContainerRef(containerRef);\n        }}\n      >\n        <Layout dataHook={dataHook} gap=\"SP4\">\n          {state.schema.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/CustomFieldsViewWidgetSection.js

@@ -29,7 +29,7 @@ const _CustomFieldsViewWidgetSection = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 35,
+          lineNumber: 36,
           columnNumber: 9
         }
       }), value);
@@ -41,7 +41,7 @@ const _CustomFieldsViewWidgetSection = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 44,
+        lineNumber: 45,
         columnNumber: 12
       }
     }), value);
@@ -74,7 +74,7 @@ const _CustomFieldsViewWidgetSection = ({
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 72,
+              lineNumber: 73,
               columnNumber: 16
             }
           });
@@ -88,6 +88,23 @@ const _CustomFieldsViewWidgetSection = ({
       case 'checkbox':
         newValue = value ? t('cairo.customFields.booleanValue.true') : t('cairo.customFields.booleanValue.false');
         break;
+      case 'url':
+        newValue = /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+          as: "a",
+          rel: "noopener",
+          target: "_blank",
+          size: "small",
+          href: value,
+          ellipsis: true,
+          dataHook: valueDataHook,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 88,
+            columnNumber: 11
+          }
+        }, value);
+        break;
       default:
         break;
     }
@@ -100,7 +117,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 108,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -109,7 +126,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 113,
       columnNumber: 7
     }
   }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -117,7 +134,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 115,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -127,7 +144,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 116,
       columnNumber: 13
     }
   }, title)), customFields.map(field => {
@@ -139,7 +156,7 @@ const _CustomFieldsViewWidgetSection = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 127,
         columnNumber: 13
       }
     });
@@ -156,7 +173,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 158,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -165,7 +182,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 159,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -176,7 +193,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 160,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));