@wix/auto-patterns 1.54.0 → 1.55.0

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.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/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richtexteditor2894815764\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richtexteditor2894815764__root\",\"nativeInput\":\"richtexteditor2894815764__nativeInput\",\"editor\":\"richtexteditor2894815764__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-red-300\":\"--wds-color-red-300\",\"wds-color-yellow-100\":\"--wds-color-yellow-100\",\"wds-color-yellow-300\":\"--wds-color-yellow-300\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-border-radius-300\":\"--wds-border-radius-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,gCAAgC;EAAC,aAAa,EAAC,uCAAuC;EAAC,QAAQ,EAAC;AAAkC,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,uBAAuB,EAAC;AAAyB,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/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"richtexteditor4055661011\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"richtexteditor4055661011__root\",\"nativeInput\":\"richtexteditor4055661011__nativeInput\",\"editor\":\"richtexteditor4055661011__editor\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-red-300\":\"--wds-color-red-300\",\"wds-color-yellow-100\":\"--wds-color-yellow-100\",\"wds-color-yellow-300\":\"--wds-color-yellow-300\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wds-border-radius-300\":\"--wds-border-radius-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,gCAAgC;EAAC,aAAa,EAAC,uCAAuC;EAAC,QAAQ,EAAC;AAAkC,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js

@@ -5,30 +5,30 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "toolbar1545081041";
+var _namespace_ = "toolbar2895226836";
 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": "toolbar1545081041__root",
-  "item": "toolbar1545081041__item",
-  "separator": "toolbar1545081041__separator",
-  "clearFormatting": "toolbar1545081041__clearFormatting",
-  "fullScreen": "toolbar1545081041__fullScreen",
-  "dropdownItemContent": "toolbar1545081041__dropdownItemContent",
-  "dropdownItemTitle": "toolbar1545081041__dropdownItemTitle",
-  "dropdownItemSubtitle": "toolbar1545081041__dropdownItemSubtitle",
-  "dropdownHeaderOne": "toolbar1545081041__dropdownHeaderOne",
-  "dropdownHeaderTwo": "toolbar1545081041__dropdownHeaderTwo",
-  "dropdownHeaderThree": "toolbar1545081041__dropdownHeaderThree",
-  "dropdownHeaderFour": "toolbar1545081041__dropdownHeaderFour",
-  "dropdownHeaderFive": "toolbar1545081041__dropdownHeaderFive",
-  "dropdownHeaderSix": "toolbar1545081041__dropdownHeaderSix",
-  "dropdownParagraphOne": "toolbar1545081041__dropdownParagraphOne",
-  "dropdownNormalText": "toolbar1545081041__dropdownNormalText",
-  "dropdownParagraphThree": "toolbar1545081041__dropdownParagraphThree"
+  "root": "toolbar2895226836__root",
+  "item": "toolbar2895226836__item",
+  "separator": "toolbar2895226836__separator",
+  "clearFormatting": "toolbar2895226836__clearFormatting",
+  "fullScreen": "toolbar2895226836__fullScreen",
+  "dropdownItemContent": "toolbar2895226836__dropdownItemContent",
+  "dropdownItemTitle": "toolbar2895226836__dropdownItemTitle",
+  "dropdownItemSubtitle": "toolbar2895226836__dropdownItemSubtitle",
+  "dropdownHeaderOne": "toolbar2895226836__dropdownHeaderOne",
+  "dropdownHeaderTwo": "toolbar2895226836__dropdownHeaderTwo",
+  "dropdownHeaderThree": "toolbar2895226836__dropdownHeaderThree",
+  "dropdownHeaderFour": "toolbar2895226836__dropdownHeaderFour",
+  "dropdownHeaderFive": "toolbar2895226836__dropdownHeaderFive",
+  "dropdownHeaderSix": "toolbar2895226836__dropdownHeaderSix",
+  "dropdownParagraphOne": "toolbar2895226836__dropdownParagraphOne",
+  "dropdownNormalText": "toolbar2895226836__dropdownNormalText",
+  "dropdownParagraphThree": "toolbar2895226836__dropdownParagraphThree"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.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/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"toolbar1545081041\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"toolbar1545081041__root\",\"item\":\"toolbar1545081041__item\",\"separator\":\"toolbar1545081041__separator\",\"clearFormatting\":\"toolbar1545081041__clearFormatting\",\"fullScreen\":\"toolbar1545081041__fullScreen\",\"dropdownItemContent\":\"toolbar1545081041__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar1545081041__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar1545081041__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar1545081041__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar1545081041__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar1545081041__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar1545081041__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar1545081041__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar1545081041__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar1545081041__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar1545081041__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar1545081041__dropdownParagraphThree\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wds-color-black-400\":\"--wds-color-black-400\",\"wds-color-white\":\"--wds-color-white\",\"wds-font-family-default\":\"--wds-font-family-default\",\"wds-font-weight-medium\":\"--wds-font-weight-medium\",\"wds-font-weight-bold\":\"--wds-font-weight-bold\",\"wds-font-size-500\":\"--wds-font-size-500\",\"wds-font-line-height-300\":\"--wds-font-line-height-300\"}; \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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,yBAAyB;EAAC,WAAW,EAAC,8BAA8B;EAAC,iBAAiB,EAAC,oCAAoC;EAAC,YAAY,EAAC,+BAA+B;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,wBAAwB,EAAC;AAA2C,CAAC;AACx8B,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,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/cms-fields/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"toolbar2895226836\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"toolbar2895226836__root\",\"item\":\"toolbar2895226836__item\",\"separator\":\"toolbar2895226836__separator\",\"clearFormatting\":\"toolbar2895226836__clearFormatting\",\"fullScreen\":\"toolbar2895226836__fullScreen\",\"dropdownItemContent\":\"toolbar2895226836__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar2895226836__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar2895226836__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar2895226836__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar2895226836__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar2895226836__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar2895226836__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar2895226836__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar2895226836__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar2895226836__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar2895226836__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar2895226836__dropdownParagraphThree\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wds-color-black-400\":\"--wds-color-black-400\",\"wds-color-white\":\"--wds-color-white\",\"wds-font-family-default\":\"--wds-font-family-default\",\"wds-font-weight-medium\":\"--wds-font-weight-medium\",\"wds-font-weight-bold\":\"--wds-font-weight-bold\",\"wds-font-size-500\":\"--wds-font-size-500\",\"wds-font-line-height-300\":\"--wds-font-line-height-300\"}; \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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,yBAAyB;EAAC,WAAW,EAAC,8BAA8B;EAAC,iBAAiB,EAAC,oCAAoC;EAAC,YAAY,EAAC,+BAA+B;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,wBAAwB,EAAC;AAA2C,CAAC;AACx8B,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/text/text-view.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "textview2984609354";
+var _namespace_ = "textview1495705";
 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": "textview2984609354__root",
-  "textView": "textview2984609354__textView"
+  "root": "textview1495705__root",
+  "textView": "textview1495705__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/cms-fields/components/text/text-view.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/cms-fields/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview2984609354\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"textview2984609354__root\",\"textView\":\"textview2984609354__textView\"};\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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,UAAU,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/cms-fields/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview1495705\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"textview1495705__root\",\"textView\":\"textview1495705__textView\"};\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,iBAAiB;AACnC,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,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,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,uBAAuB;EAAC,UAAU,EAAC;AAA2B,CAAC;AACrF,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/cms-fields/validations/array.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.isValid = exports.hardConvert = void 0;
+const isValid = data => {
+  return Array.isArray(data);
+};
+exports.isValid = isValid;
+const hardConvert = data => {
+  if (typeof data !== 'string') {
+    throw new Error(`Can not convert "${data}" into array`);
+  }
+  try {
+    return JSON.parse(data);
+  } catch {
+    return data.split(',').map(item => {
+      try {
+        return JSON.parse(item);
+      } catch {
+        return item.trim();
+      }
+    });
+  }
+};
+exports.hardConvert = hardConvert;
+//# sourceMappingURL=array.js.map

package/dist/cjs/cms-fields/validations/array.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isValid","data","Array","isArray","exports","hardConvert","Error","JSON","parse","split","map","item","trim"],"sources":["../../../../src/cms-fields/validations/array.ts"],"sourcesContent":["export const isValid = (data: any): data is any[] => {\n  return Array.isArray(data);\n};\n\nexport const hardConvert = (data: any) => {\n  if (typeof data !== 'string') {\n    throw new Error(`Can not convert \"${data}\" into array`);\n  }\n\n  try {\n    return JSON.parse(data);\n  } catch {\n    return data.split(',').map((item) => {\n      try {\n        return JSON.parse(item);\n      } catch {\n        return item.trim();\n      }\n    });\n  }\n};\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAIC,IAAS,IAAoB;EACnD,OAAOC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC;AAC5B,CAAC;AAACG,OAAA,CAAAJ,OAAA,GAAAA,OAAA;AAEK,MAAMK,WAAW,GAAIJ,IAAS,IAAK;EACxC,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,MAAM,IAAIK,KAAK,CAAC,oBAAoBL,IAAI,cAAc,CAAC;EACzD;EAEA,IAAI;IACF,OAAOM,IAAI,CAACC,KAAK,CAACP,IAAI,CAAC;EACzB,CAAC,CAAC,MAAM;IACN,OAAOA,IAAI,CAACQ,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAEC,IAAI,IAAK;MACnC,IAAI;QACF,OAAOJ,IAAI,CAACC,KAAK,CAACG,IAAI,CAAC;MACzB,CAAC,CAAC,MAAM;QACN,OAAOA,IAAI,CAACC,IAAI,CAAC,CAAC;MACpB;IACF,CAAC,CAAC;EACJ;AACF,CAAC;AAACR,OAAA,CAAAC,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/AutoPatternsEntityPage.js

@@ -7,6 +7,7 @@ var _ContentSkeleton = require("../layouts/ContentSkeleton");
 var _patterns = require("@wix/patterns");
 var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
 var _AutoPatternsEntityPageState = require("./AutoPatternsEntityPageState");
+require("../../styles.global.css");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const AutoPatternsEntityPage = exports.AutoPatternsEntityPage = (0, _patterns.observer)(({
@@ -24,7 +25,7 @@ const AutoPatternsEntityPage = exports.AutoPatternsEntityPage = (0, _patterns.ob
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 28,
         columnNumber: 14
       }
     });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ContentSkeleton","_patterns","_AutoPatternsAppContainerProvider","_AutoPatternsEntityPageState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AutoPatternsEntityPage","exports","observer","configuration","container","useAutoPatternsAppContainer","state","useState","AutoPatternsEntityPageState","config","useEffect","init","initTask","status","isIdle","isLoading","createElement","ContentSkeleton","pageConfig","__self","__source","fileName","lineNumber","columnNumber","EntityPageElement"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { EntityPageConfig } from '../../types';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\nimport { observer } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage = observer(\n  ({ configuration }: AutoPatternsEntityPageProps) => {\n    const container = useAutoPatternsAppContainer();\n\n    const [state] = useState(\n      () =>\n        new AutoPatternsEntityPageState({\n          container,\n          config: configuration,\n        }),\n    );\n\n    useEffect(() => state.init(), [state]);\n\n    if (state.initTask.status.isIdle || state.initTask.status.isLoading) {\n      return <ContentSkeleton pageConfig={configuration} />;\n    }\n\n    return state.EntityPageElement;\n  },\n);\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iCAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AAA4E,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMrE,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,kBAAQ,EAC5C,CAAC;EAAEC;AAA2C,CAAC,KAAK;EAClD,MAAMC,SAAS,GAAG,IAAAC,6DAA2B,EAAC,CAAC;EAE/C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,wDAA2B,CAAC;IAC9BJ,SAAS;IACTK,MAAM,EAAEN;EACV,CAAC,CACL,CAAC;EAED,IAAAO,gBAAS,EAAC,MAAMJ,KAAK,CAACK,IAAI,CAAC,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEtC,IAAIA,KAAK,CAACM,QAAQ,CAACC,MAAM,CAACC,MAAM,IAAIR,KAAK,CAACM,QAAQ,CAACC,MAAM,CAACE,SAAS,EAAE;IACnE,oBAAO1C,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAACxC,gBAAA,CAAAyC,eAAe;MAACC,UAAU,EAAEf,aAAc;MAAAgB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzC,YAAA;QAAA0C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACvD;EAEA,OAAOjB,KAAK,CAACkB,iBAAiB;AAChC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ContentSkeleton","_patterns","_AutoPatternsAppContainerProvider","_AutoPatternsEntityPageState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AutoPatternsEntityPage","exports","observer","configuration","container","useAutoPatternsAppContainer","state","useState","AutoPatternsEntityPageState","config","useEffect","init","initTask","status","isIdle","isLoading","createElement","ContentSkeleton","pageConfig","__self","__source","fileName","lineNumber","columnNumber","EntityPageElement"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { EntityPageConfig } from '../../types';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\nimport { observer } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';\nimport '../../styles.global.css';\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage = observer(\n  ({ configuration }: AutoPatternsEntityPageProps) => {\n    const container = useAutoPatternsAppContainer();\n\n    const [state] = useState(\n      () =>\n        new AutoPatternsEntityPageState({\n          container,\n          config: configuration,\n        }),\n    );\n\n    useEffect(() => state.init(), [state]);\n\n    if (state.initTask.status.isIdle || state.initTask.status.isLoading) {\n      return <ContentSkeleton pageConfig={configuration} />;\n    }\n\n    return state.EntityPageElement;\n  },\n);\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iCAAA,GAAAH,OAAA;AACA,IAAAI,4BAAA,GAAAJ,OAAA;AACAA,OAAA;AAAiC,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAM1B,MAAMkB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,kBAAQ,EAC5C,CAAC;EAAEC;AAA2C,CAAC,KAAK;EAClD,MAAMC,SAAS,GAAG,IAAAC,6DAA2B,EAAC,CAAC;EAE/C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,wDAA2B,CAAC;IAC9BJ,SAAS;IACTK,MAAM,EAAEN;EACV,CAAC,CACL,CAAC;EAED,IAAAO,gBAAS,EAAC,MAAMJ,KAAK,CAACK,IAAI,CAAC,CAAC,EAAE,CAACL,KAAK,CAAC,CAAC;EAEtC,IAAIA,KAAK,CAACM,QAAQ,CAACC,MAAM,CAACC,MAAM,IAAIR,KAAK,CAACM,QAAQ,CAACC,MAAM,CAACE,SAAS,EAAE;IACnE,oBAAO1C,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAACxC,gBAAA,CAAAyC,eAAe;MAACC,UAAU,EAAEf,aAAc;MAAAgB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAzC,YAAA;QAAA0C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EACvD;EAEA,OAAOjB,KAAK,CAACkB,iBAAiB;AAChC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsGrid/AutoPatternsGrid.js

@@ -74,7 +74,8 @@ const AutoPatternsGridLoaded = props => {
     preset: preset,
     imagePlacement: imagePlacement,
     renderItem: renderItem,
-    state: state
+    state: state,
+    showFieldTypeIcons: config.showFieldTypeIcons
   }, baseCollectionComponentReadyFeatures, dragAndDropProps, importProps, {
     __self: void 0,
     __source: {
@@ -148,7 +149,7 @@ const AutoPatternsGrid = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 141,
         columnNumber: 7
       }
     });
@@ -164,7 +165,7 @@ const AutoPatternsGrid = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 152,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_useBasePatternsStateParams","_hooks","_useBaseGridFeatures","_useBaseCollectionComponentReadyFeatures","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","useBaseGridFeatures","dragAndDrop","importFeature","useSelector","status","data","state","useGridCollection","params","baseCollectionComponentReadyFeatures","useBaseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","importProps","useImport","createElement","Grid","_extends2","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsGrid","visibleFieldIds","useBasePatternsStateParams","useGridFeaturesAsync","container","useWixPatternsContainer","createCollection","useCreateCollection","useState","GridState","isReady","isSuccess","isError","exports"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop, importFeature } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create grid collection state with the loaded async dependencies\n  const state = useGridCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      reportBi: state.toolbar.reportBi,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract grid-specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n  const importProps = importFeature?.useImport?.(config);\n\n  // FINAL STEP: Render the fully-featured Grid component\n  // Combines grid display features with loaded async features\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n      {...importProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsGrid - Step 2 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n  const { config } = props;\n\n  // Extract grid display features and visible field IDs from configuration\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(config);\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load grid-specific async features (currently only drag&drop)\n  const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize grid state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new GridState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-grid';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured grid\n    return (\n      <AutoPatternsGridLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic grid skeleton while features are loading\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_useBasePatternsStateParams","_hooks","_useBaseGridFeatures","_useBaseCollectionComponentReadyFeatures","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","useBaseGridFeatures","dragAndDrop","importFeature","useSelector","status","data","state","useGridCollection","params","baseCollectionComponentReadyFeatures","useBaseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","importProps","useImport","createElement","Grid","_extends2","showFieldTypeIcons","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsGrid","visibleFieldIds","useBasePatternsStateParams","useGridFeaturesAsync","container","useWixPatternsContainer","createCollection","useCreateCollection","useState","GridState","isReady","isSuccess","isError","exports"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop, importFeature } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create grid collection state with the loaded async dependencies\n  const state = useGridCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      reportBi: state.toolbar.reportBi,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract grid-specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n  const importProps = importFeature?.useImport?.(config);\n\n  // FINAL STEP: Render the fully-featured Grid component\n  // Combines grid display features with loaded async features\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n      showFieldTypeIcons={config.showFieldTypeIcons}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n      {...importProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsGrid - Step 2 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n  const { config } = props;\n\n  // Extract grid display features and visible field IDs from configuration\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(config);\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load grid-specific async features (currently only drag&drop)\n  const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize grid state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new GridState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-grid';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured grid\n    return (\n      <AutoPatternsGridLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic grid skeleton while features are loading\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/fields/Array.js

@@ -0,0 +1,111 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Array = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
+var _validations = require("../../cms-fields/validations/validations");
+var _cmsFields = require("../../cms-fields");
+var arrayValidation = _interopRequireWildcard(require("../../cms-fields/validations/array"));
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Array.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Array = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = (0, _AutoPatternsAppContainerProvider.useAutoPatternsAppContainer)();
+  const {
+    translate: pt
+  } = (0, _patterns.useWixPatternsContainer)();
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  const {
+    isConverted,
+    convertedValue
+  } = (0, _react.useMemo)(() => {
+    try {
+      return {
+        isConverted: true,
+        convertedValue: arrayValidation.hardConvert(controller.field.value)
+      };
+    } catch {
+      return {
+        isConverted: false,
+        convertedValue: null
+      };
+    }
+  }, [controller.field.value]);
+  const typeName = t('auto-patterns.fields.field_type_array_title');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    suffix: (0, _validations.isDataValidOrNotSet)(controller.field.value, arrayValidation) ? undefined : /*#__PURE__*/_react.default.createElement(_cmsFields.TypeMismatchExclamation, {
+      typeName: typeName,
+      clearButtonText: t('auto-patterns.fields.type_mismatch_clear'),
+      convertButtonText: t('auto-patterns.fields.type_mismatch_convert', {
+        typeName: typeName.toLocaleLowerCase()
+      }),
+      onClear: () => controller.field.onChange(undefined),
+      onChange: value => controller.field.onChange(value),
+      convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'),
+      fieldName: field.displayName,
+      isConverted: isConverted,
+      isConverting: false,
+      convertedValue: convertedValue,
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 64,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_cmsFields.FormJsonInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
+    dataHook: `array-${field.id}`,
+    field: field.id,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 86,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Array = Array;
+//# sourceMappingURL=Array.js.map

package/dist/cjs/components/fields/Array.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patterns","_form","_AutoPatternsAppContainerProvider","_validations","_cmsFields","arrayValidation","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Array","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","useAutoPatternsAppContainer","pt","useWixPatternsContainer","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","isConverted","convertedValue","useMemo","hardConvert","typeName","createElement","FormField","label","displayName","status","fieldState","error","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","clearButtonText","convertButtonText","toLocaleLowerCase","onClear","onChange","convertDisabledText","fieldName","isConverting","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormJsonInput","autoFocus","data","onBlur","ref","exports"],"sources":["../../../../src/components/fields/Array.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { FormField } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { isDataValidOrNotSet } from '../../cms-fields/validations/validations';\nimport { FormJsonInput, TypeMismatchExclamation } from '../../cms-fields';\nimport * as arrayValidation from '../../cms-fields/validations/array';\n\nexport interface ArrayProps extends BaseInputProps<string> {}\n\nexport const Array = (props: ArrayProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t } = useAutoPatternsAppContainer();\n  const { translate: pt } = useWixPatternsContainer();\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const { isConverted, convertedValue } = useMemo(() => {\n    try {\n      return {\n        isConverted: true,\n        convertedValue: arrayValidation.hardConvert(controller.field.value),\n      };\n    } catch {\n      return { isConverted: false, convertedValue: null };\n    }\n  }, [controller.field.value]);\n\n  const typeName = t('auto-patterns.fields.field_type_array_title');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n      suffix={\n        isDataValidOrNotSet(\n          controller.field.value,\n          arrayValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={typeName}\n            clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n            convertButtonText={t('auto-patterns.fields.type_mismatch_convert', {\n              typeName: typeName.toLocaleLowerCase(),\n            })}\n            onClear={() => controller.field.onChange(undefined)}\n            onChange={(value) => controller.field.onChange(value)}\n            convertDisabledText={t(\n              'auto-patterns.fields.type_mismatch_convert_disabled',\n            )}\n            fieldName={field.displayName}\n            isConverted={isConverted}\n            isConverting={false}\n            convertedValue={convertedValue}\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName,\n            })}\n          />\n        )\n      }\n    >\n      <FormJsonInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`array-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/fields/index.js

@@ -22,9 +22,10 @@ var _exportNames = {
   Address: true,
   RichContent: true,
   RichText: true,
-  MediaGallery: true
+  MediaGallery: true,
+  Array: true
 };
-exports.Url = exports.Time = exports.ShortText = exports.RichText = exports.RichContent = exports.Reference = exports.Object = exports.Number = exports.MultiReference = exports.MultiDocument = exports.MediaGallery = exports.LongText = exports.ImageInput = exports.Email = exports.Document = exports.DateTime = exports.DateInput = exports.Color = exports.Checkbox = exports.Audio = exports.Address = void 0;
+exports.Url = exports.Time = exports.ShortText = exports.RichText = exports.RichContent = exports.Reference = exports.Object = exports.Number = exports.MultiReference = exports.MultiDocument = exports.MediaGallery = exports.LongText = exports.ImageInput = exports.Email = exports.Document = exports.DateTime = exports.DateInput = exports.Color = exports.Checkbox = exports.Audio = exports.Array = exports.Address = void 0;
 var _Audio = require("./Audio");
 exports.Audio = _Audio.Audio;
 var _Checkbox = require("./Checkbox");
@@ -67,6 +68,8 @@ var _RichText = require("./RichText");
 exports.RichText = _RichText.RichText;
 var _MediaGallery = require("./MediaGallery");
 exports.MediaGallery = _MediaGallery.MediaGallery;
+var _Array = require("./Array");
+exports.Array = _Array.Array;
 var _types = require("./types");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Audio","require","exports","Audio","_Checkbox","Checkbox","_Color","Color","_Email","Email","_DateInput","DateInput","_DateTime","DateTime","_Document","Document","_MultiDocument","MultiDocument","_ImageInput","ImageInput","_LongText","LongText","_Number","Number","_Reference","Reference","_MultiReference","MultiReference","_ShortText","ShortText","_Time","Time","_Url","Url","_Object","Object","_Address","Address","_RichContent","RichContent","_RichText","RichText","_MediaGallery","MediaGallery","_types","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Audio } from './Audio';\nexport { Checkbox } from './Checkbox';\nexport { Color } from './Color';\nexport { Email } from './Email';\nexport { DateInput } from './DateInput';\nexport { DateTime } from './DateTime';\nexport { Document } from './Document';\nexport { MultiDocument } from './MultiDocument';\nexport { ImageInput } from './ImageInput';\nexport { LongText } from './LongText';\nexport { Number } from './Number';\nexport { Reference } from './Reference';\nexport { MultiReference } from './MultiReference';\nexport { ShortText } from './ShortText';\nexport { Time } from './Time';\nexport { Url } from './Url';\nexport { Object } from './Object';\nexport { Address } from './Address';\nexport { RichContent } from './RichContent';\nexport { RichText } from './RichText';\nexport { MediaGallery } from './MediaGallery';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAgCC,OAAA,CAAAC,KAAA,GAAAH,MAAA,CAAAG,KAAA;AAChC,IAAAC,SAAA,GAAAH,OAAA;AAAsCC,OAAA,CAAAG,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,MAAA,GAAAL,OAAA;AAAgCC,OAAA,CAAAK,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,MAAA,GAAAP,OAAA;AAAgCC,OAAA,CAAAO,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,UAAA,GAAAT,OAAA;AAAwCC,OAAA,CAAAS,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,SAAA,GAAAX,OAAA;AAAsCC,OAAA,CAAAW,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,SAAA,GAAAb,OAAA;AAAsCC,OAAA,CAAAa,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,cAAA,GAAAf,OAAA;AAAgDC,OAAA,CAAAe,aAAA,GAAAD,cAAA,CAAAC,aAAA;AAChD,IAAAC,WAAA,GAAAjB,OAAA;AAA0CC,OAAA,CAAAiB,UAAA,GAAAD,WAAA,CAAAC,UAAA;AAC1C,IAAAC,SAAA,GAAAnB,OAAA;AAAsCC,OAAA,CAAAmB,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,OAAA,GAAArB,OAAA;AAAkCC,OAAA,CAAAqB,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,UAAA,GAAAvB,OAAA;AAAwCC,OAAA,CAAAuB,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,eAAA,GAAAzB,OAAA;AAAkDC,OAAA,CAAAyB,cAAA,GAAAD,eAAA,CAAAC,cAAA;AAClD,IAAAC,UAAA,GAAA3B,OAAA;AAAwCC,OAAA,CAAA2B,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,KAAA,GAAA7B,OAAA;AAA8BC,OAAA,CAAA6B,IAAA,GAAAD,KAAA,CAAAC,IAAA;AAC9B,IAAAC,IAAA,GAAA/B,OAAA;AAA4BC,OAAA,CAAA+B,GAAA,GAAAD,IAAA,CAAAC,GAAA;AAC5B,IAAAC,OAAA,GAAAjC,OAAA;AAAkCC,OAAA,CAAAiC,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,QAAA,GAAAnC,OAAA;AAAoCC,OAAA,CAAAmC,OAAA,GAAAD,QAAA,CAAAC,OAAA;AACpC,IAAAC,YAAA,GAAArC,OAAA;AAA4CC,OAAA,CAAAqC,WAAA,GAAAD,YAAA,CAAAC,WAAA;AAC5C,IAAAC,SAAA,GAAAvC,OAAA;AAAsCC,OAAA,CAAAuC,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,aAAA,GAAAzC,OAAA;AAA8CC,OAAA,CAAAyC,YAAA,GAAAD,aAAA,CAAAC,YAAA;AAC9C,IAAAC,MAAA,GAAA3C,OAAA;AAAAkC,MAAA,CAAAU,IAAA,CAAAD,MAAA,EAAAE,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAZ,MAAA,CAAAa,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAA7C,OAAA,IAAAA,OAAA,CAAA6C,GAAA,MAAAH,MAAA,CAAAG,GAAA;EAAA7C,OAAA,CAAA6C,GAAA,IAAAH,MAAA,CAAAG,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_Audio","require","exports","Audio","_Checkbox","Checkbox","_Color","Color","_Email","Email","_DateInput","DateInput","_DateTime","DateTime","_Document","Document","_MultiDocument","MultiDocument","_ImageInput","ImageInput","_LongText","LongText","_Number","Number","_Reference","Reference","_MultiReference","MultiReference","_ShortText","ShortText","_Time","Time","_Url","Url","_Object","Object","_Address","Address","_RichContent","RichContent","_RichText","RichText","_MediaGallery","MediaGallery","_Array","Array","_types","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Audio } from './Audio';\nexport { Checkbox } from './Checkbox';\nexport { Color } from './Color';\nexport { Email } from './Email';\nexport { DateInput } from './DateInput';\nexport { DateTime } from './DateTime';\nexport { Document } from './Document';\nexport { MultiDocument } from './MultiDocument';\nexport { ImageInput } from './ImageInput';\nexport { LongText } from './LongText';\nexport { Number } from './Number';\nexport { Reference } from './Reference';\nexport { MultiReference } from './MultiReference';\nexport { ShortText } from './ShortText';\nexport { Time } from './Time';\nexport { Url } from './Url';\nexport { Object } from './Object';\nexport { Address } from './Address';\nexport { RichContent } from './RichContent';\nexport { RichText } from './RichText';\nexport { MediaGallery } from './MediaGallery';\nexport { Array } from './Array';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAgCC,OAAA,CAAAC,KAAA,GAAAH,MAAA,CAAAG,KAAA;AAChC,IAAAC,SAAA,GAAAH,OAAA;AAAsCC,OAAA,CAAAG,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,MAAA,GAAAL,OAAA;AAAgCC,OAAA,CAAAK,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,MAAA,GAAAP,OAAA;AAAgCC,OAAA,CAAAO,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,UAAA,GAAAT,OAAA;AAAwCC,OAAA,CAAAS,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,SAAA,GAAAX,OAAA;AAAsCC,OAAA,CAAAW,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,SAAA,GAAAb,OAAA;AAAsCC,OAAA,CAAAa,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,cAAA,GAAAf,OAAA;AAAgDC,OAAA,CAAAe,aAAA,GAAAD,cAAA,CAAAC,aAAA;AAChD,IAAAC,WAAA,GAAAjB,OAAA;AAA0CC,OAAA,CAAAiB,UAAA,GAAAD,WAAA,CAAAC,UAAA;AAC1C,IAAAC,SAAA,GAAAnB,OAAA;AAAsCC,OAAA,CAAAmB,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,OAAA,GAAArB,OAAA;AAAkCC,OAAA,CAAAqB,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,UAAA,GAAAvB,OAAA;AAAwCC,OAAA,CAAAuB,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,eAAA,GAAAzB,OAAA;AAAkDC,OAAA,CAAAyB,cAAA,GAAAD,eAAA,CAAAC,cAAA;AAClD,IAAAC,UAAA,GAAA3B,OAAA;AAAwCC,OAAA,CAAA2B,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,KAAA,GAAA7B,OAAA;AAA8BC,OAAA,CAAA6B,IAAA,GAAAD,KAAA,CAAAC,IAAA;AAC9B,IAAAC,IAAA,GAAA/B,OAAA;AAA4BC,OAAA,CAAA+B,GAAA,GAAAD,IAAA,CAAAC,GAAA;AAC5B,IAAAC,OAAA,GAAAjC,OAAA;AAAkCC,OAAA,CAAAiC,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,QAAA,GAAAnC,OAAA;AAAoCC,OAAA,CAAAmC,OAAA,GAAAD,QAAA,CAAAC,OAAA;AACpC,IAAAC,YAAA,GAAArC,OAAA;AAA4CC,OAAA,CAAAqC,WAAA,GAAAD,YAAA,CAAAC,WAAA;AAC5C,IAAAC,SAAA,GAAAvC,OAAA;AAAsCC,OAAA,CAAAuC,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,aAAA,GAAAzC,OAAA;AAA8CC,OAAA,CAAAyC,YAAA,GAAAD,aAAA,CAAAC,YAAA;AAC9C,IAAAC,MAAA,GAAA3C,OAAA;AAAgCC,OAAA,CAAA2C,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,MAAA,GAAA7C,OAAA;AAAAkC,MAAA,CAAAY,IAAA,CAAAD,MAAA,EAAAE,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAd,MAAA,CAAAe,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAA/C,OAAA,IAAAA,OAAA,CAAA+C,GAAA,MAAAH,MAAA,CAAAG,GAAA;EAAA/C,OAAA,CAAA+C,GAAA,IAAAH,MAAA,CAAAG,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/layouts/FormField.js

@@ -21,6 +21,7 @@ const EDITABLE_INPUT_ELEMENTS = exports.EDITABLE_INPUT_ELEMENTS = {
   REFERENCE: _fields.Reference,
   MULTI_REFERENCE: _fields.MultiReference,
   OBJECT: _fields.Object,
+  ARRAY: _fields.Array,
   ADDRESS: _fields.Address,
   RICH_CONTENT: _fields.RichContent,
   RICH_TEXT: _fields.RichText,
@@ -56,7 +57,7 @@ const FormField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 83,
       columnNumber: 5
     }
   });

package/dist/cjs/components/layouts/FormField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_fields","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","AUDIO","Audio","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","TIME","Time","NUMBER","Number","URL","Url","IMAGE","ImageInput","REFERENCE","Reference","MULTI_REFERENCE","MultiReference","OBJECT","Object","ADDRESS","Address","RICH_CONTENT","RichContent","RICH_TEXT","RichText","DOCUMENT","Document","MULTI_DOCUMENT","MultiDocument","EMAIL","Email","MEDIA_GALLERY","MediaGallery","COLOR","Color","FormField","field","inputRef","formControl","data","controller","useController","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","default","createElement","value","onChange","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/layouts/FormField.tsx"],"sourcesContent":["import React from 'react';\nimport { useController, Control } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../types';\nimport {\n  Audio,\n  ShortText,\n  LongText,\n  Checkbox,\n  Color,\n  DateInput,\n  DateTime,\n  Time,\n  Number,\n  Url,\n  Email,\n  ImageInput,\n  Reference,\n  BaseInputProps,\n  Object,\n  Address,\n  RichContent,\n  RichText,\n  Document,\n  MultiDocument,\n  MultiReference,\n  MediaGallery,\n} from '../fields';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  AUDIO: Audio,\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  TIME: Time,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n  REFERENCE: Reference,\n  MULTI_REFERENCE: MultiReference,\n  OBJECT: Object,\n  ADDRESS: Address,\n  RICH_CONTENT: RichContent,\n  RICH_TEXT: RichText,\n  DOCUMENT: Document,\n  MULTI_DOCUMENT: MultiDocument,\n  EMAIL: Email,\n  MEDIA_GALLERY: MediaGallery,\n  COLOR: Color,\n};\n\nexport interface FormFieldProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n  formControl?: Control<any>;\n  data?: Record<string, any>;\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  field,\n  inputRef,\n  formControl,\n  data,\n}) => {\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n    return null;\n  }\n\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      dataHook={`form-field-${field.id}`}\n      inputRef={inputRef}\n      formControl={formControl}\n      data={data ?? {}}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAuBmB,IAAAG,YAAA;AAEZ,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,KAAK,EAAEC,aAAK;EACZC,UAAU,EAAEC,iBAAS;EACrBC,SAAS,EAAEC,gBAAQ;EACnBC,OAAO,EAAEC,gBAAQ;EACjBC,IAAI,EAAEC,iBAAS;EACfC,QAAQ,EAAEC,gBAAQ;EAClBC,IAAI,EAAEC,YAAI;EACVC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC,WAAG;EACRC,KAAK,EAAEC,kBAAU;EACjBC,SAAS,EAAEC,iBAAS;EACpBC,eAAe,EAAEC,sBAAc;EAC/BC,MAAM,EAAEC,cAAM;EACdC,OAAO,EAAEC,eAAO;EAChBC,YAAY,EAAEC,mBAAW;EACzBC,SAAS,EAAEC,gBAAQ;EACnBC,QAAQ,EAAEC,gBAAQ;EAClBC,cAAc,EAAEC,qBAAa;EAC7BC,KAAK,EAAEC,aAAK;EACZC,aAAa,EAAEC,oBAAY;EAC3BC,KAAK,EAAEC;AACT,CAAC;AASM,MAAMC,SAAmC,GAAGA,CAAC;EAClDC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAACpD,uBAAuB,CAACuD,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGzD,uBAAuB,CAAC6C,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACE9D,MAAA,CAAAgE,OAAA,CAAAC,aAAA,CAACF,UAAU;IACTZ,KAAK,EAAEA,KAAM;IACbe,KAAK,EAAEX,UAAU,CAACJ,KAAK,CAACe,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACJ,KAAK,CAACgB,QAAS;IACpCC,QAAQ,EAAE,cAAcjB,KAAK,CAACO,EAAE,EAAG;IACnCN,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClB,CAAC;AAEN,CAAC;AAAClE,OAAA,CAAA2C,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_fields","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","AUDIO","Audio","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","TIME","Time","NUMBER","Number","URL","Url","IMAGE","ImageInput","REFERENCE","Reference","MULTI_REFERENCE","MultiReference","OBJECT","Object","ARRAY","Array","ADDRESS","Address","RICH_CONTENT","RichContent","RICH_TEXT","RichText","DOCUMENT","Document","MULTI_DOCUMENT","MultiDocument","EMAIL","Email","MEDIA_GALLERY","MediaGallery","COLOR","Color","FormField","field","inputRef","formControl","data","controller","useController","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","default","createElement","value","onChange","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/layouts/FormField.tsx"],"sourcesContent":["import React from 'react';\nimport { useController, Control } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../types';\nimport {\n  Audio,\n  ShortText,\n  LongText,\n  Checkbox,\n  Color,\n  DateInput,\n  DateTime,\n  Time,\n  Number,\n  Url,\n  Email,\n  ImageInput,\n  Reference,\n  BaseInputProps,\n  Object,\n  Address,\n  RichContent,\n  RichText,\n  Document,\n  MultiDocument,\n  MultiReference,\n  MediaGallery,\n  Array,\n} from '../fields';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  AUDIO: Audio,\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  TIME: Time,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n  REFERENCE: Reference,\n  MULTI_REFERENCE: MultiReference,\n  OBJECT: Object,\n  ARRAY: Array,\n  ADDRESS: Address,\n  RICH_CONTENT: RichContent,\n  RICH_TEXT: RichText,\n  DOCUMENT: Document,\n  MULTI_DOCUMENT: MultiDocument,\n  EMAIL: Email,\n  MEDIA_GALLERY: MediaGallery,\n  COLOR: Color,\n};\n\nexport interface FormFieldProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n  formControl?: Control<any>;\n  data?: Record<string, any>;\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  field,\n  inputRef,\n  formControl,\n  data,\n}) => {\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n    return null;\n  }\n\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      dataHook={`form-field-${field.id}`}\n      inputRef={inputRef}\n      formControl={formControl}\n      data={data ?? {}}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAwBmB,IAAAG,YAAA;AAEZ,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,KAAK,EAAEC,aAAK;EACZC,UAAU,EAAEC,iBAAS;EACrBC,SAAS,EAAEC,gBAAQ;EACnBC,OAAO,EAAEC,gBAAQ;EACjBC,IAAI,EAAEC,iBAAS;EACfC,QAAQ,EAAEC,gBAAQ;EAClBC,IAAI,EAAEC,YAAI;EACVC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC,WAAG;EACRC,KAAK,EAAEC,kBAAU;EACjBC,SAAS,EAAEC,iBAAS;EACpBC,eAAe,EAAEC,sBAAc;EAC/BC,MAAM,EAAEC,cAAM;EACdC,KAAK,EAAEC,aAAK;EACZC,OAAO,EAAEC,eAAO;EAChBC,YAAY,EAAEC,mBAAW;EACzBC,SAAS,EAAEC,gBAAQ;EACnBC,QAAQ,EAAEC,gBAAQ;EAClBC,cAAc,EAAEC,qBAAa;EAC7BC,KAAK,EAAEC,aAAK;EACZC,aAAa,EAAEC,oBAAY;EAC3BC,KAAK,EAAEC;AACT,CAAC;AASM,MAAMC,SAAmC,GAAGA,CAAC;EAClDC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAACtD,uBAAuB,CAACyD,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAG3D,uBAAuB,CAAC+C,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACEhE,MAAA,CAAAkE,OAAA,CAAAC,aAAA,CAACF,UAAU;IACTZ,KAAK,EAAEA,KAAM;IACbe,KAAK,EAAEX,UAAU,CAACJ,KAAK,CAACe,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACJ,KAAK,CAACgB,QAAS;IACpCC,QAAQ,EAAE,cAAcjB,KAAK,CAACO,EAAE,EAAG;IACnCN,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApE,YAAA;MAAAqE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClB,CAAC;AAEN,CAAC;AAACpE,OAAA,CAAA6C,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/hooks/useBaseTableFeatures.js

@@ -46,6 +46,7 @@ const useBaseTableFeatures = configuration => {
     stickyColumns,
     stickySelectionColumn,
     showTitleBar,
+    showFieldTypeIcons: configuration.showFieldTypeIcons,
     ...dataExtensionProps
   };
 };

package/dist/cjs/hooks/useBaseTableFeatures.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useColumns","_patterns","_useCollectionPageOnRowClickActions","_useNavigationUtils","_useDataExtensionProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","useNavigation","columns","useColumns","visibleFieldIds","useMemo","map","column","id","entityPageId","onRowClickOverride","useCollectionPageOnRowClickActions","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","useDataExtensionProps","horizontalScroll","customColumns","enabled","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","undefined","exports"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\nimport { useDataExtensionProps } from './useDataExtensionProps';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n  const columns = useColumns(configuration.columns);\n  const visibleFieldIds = useMemo(\n    () => configuration.columns.map((column) => column.id),\n    [configuration],\n  );\n\n  const entityPageId = configuration.entityPageId;\n\n  const onRowClickOverride = useCollectionPageOnRowClickActions({\n    collectionPageOnRowClickActions: configuration.onRowClick,\n    collectionId: configuration.collection.collectionId,\n  });\n\n  const onRowClick = configuration.onRowClick\n    ? onRowClickOverride\n    : (item: any) =>\n        navigateToEntityPage({\n          item,\n          entityPageId,\n        });\n\n  const stickyColumns = configuration.stickyColumns;\n  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n  const showTitleBar = configuration.showTitleBar ?? true;\n  const dataExtensionProps = useDataExtensionProps(configuration);\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    horizontalScroll: true,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n    ...dataExtensionProps,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_useColumns","_patterns","_useCollectionPageOnRowClickActions","_useNavigationUtils","_useDataExtensionProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","useNavigation","columns","useColumns","visibleFieldIds","useMemo","map","column","id","entityPageId","onRowClickOverride","useCollectionPageOnRowClickActions","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","useDataExtensionProps","horizontalScroll","customColumns","enabled","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","undefined","showFieldTypeIcons","exports"],"sources":["../../../src/hooks/useBaseTableFeatures.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../types';\nimport { useColumns } from './useColumns';\nimport { CustomColumns } from '@wix/patterns';\nimport { useCollectionPageOnRowClickActions } from './useCollectionPageOnRowClickActions';\nimport { useNavigation } from './useNavigationUtils';\nimport { useDataExtensionProps } from './useDataExtensionProps';\n\nexport const useBaseTableFeatures = (configuration: TableConfig) => {\n  const { navigateToEntityPage } = useNavigation();\n  const columns = useColumns(configuration.columns);\n  const visibleFieldIds = useMemo(\n    () => configuration.columns.map((column) => column.id),\n    [configuration],\n  );\n\n  const entityPageId = configuration.entityPageId;\n\n  const onRowClickOverride = useCollectionPageOnRowClickActions({\n    collectionPageOnRowClickActions: configuration.onRowClick,\n    collectionId: configuration.collection.collectionId,\n  });\n\n  const onRowClick = configuration.onRowClick\n    ? onRowClickOverride\n    : (item: any) =>\n        navigateToEntityPage({\n          item,\n          entityPageId,\n        });\n\n  const stickyColumns = configuration.stickyColumns;\n  const stickySelectionColumn = !!stickyColumns; // Sticky selection column is true if stickyColumns is positive number\n  const showTitleBar = configuration.showTitleBar ?? true;\n  const dataExtensionProps = useDataExtensionProps(configuration);\n\n  return {\n    columns,\n    visibleFieldIds,\n    onRowClick,\n    horizontalScroll: true,\n    customColumns: configuration.customColumns?.enabled ? (\n      <CustomColumns />\n    ) : undefined,\n    stickyColumns,\n    stickySelectionColumn,\n    showTitleBar,\n    showFieldTypeIcons: configuration.showFieldTypeIcons,\n    ...dataExtensionProps,\n  };\n};\n"],"mappings":"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","ignoreList":[]}