@wix/auto-patterns 1.54.0 → 1.55.0

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

@@ -1,30 +1,30 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../../../../stylable-esm-runtime.js";
-var _namespace_ = "toolbar1545081041";
+var _namespace_ = "toolbar2895226836";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export 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"
+  "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"
 };
 export var keyframes = {};
 export var layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,2CAA2C;AAIzF,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,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;AAC/8B,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,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":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,2CAA2C;AAIzF,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,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;AAC/8B,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,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/esm/cms-fields/components/text/text-view.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "textview2984609354";
+var _namespace_ = "textview1495705";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
 export var classes = {
-  "root": "textview2984609354__root",
-  "textView": "textview2984609354__textView"
+  "root": "textview1495705__root",
+  "textView": "textview1495705__textView"
 };
 export var keyframes = {};
 export var layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAClG,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["classesRuntime","statesRuntime","_namespace_","_style_","bind","cssStates","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":"AAAA;;AAGA,SAASA,cAAc,EAAEC,aAAa,QAAQ,kCAAkC;AAIhF,IAAIC,WAAW,GAAG,iBAAiB;AACnC,IAAIC,OAAO,GAAGH,cAAc,CAACI,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAEpD,OAAO,IAAIG,SAAS,GAAGJ,aAAa,CAACG,IAAI,CAAC,IAAI,EAAEF,WAAW,CAAC;AAC5D,OAAO,IAAII,KAA6C,GAAGH,OAAO;AAClE,OAAO,IAAII,EAA0C,GAAGJ,OAAO;AAE/D,OAAO,IAAIK,SAAS,GAAGN,WAAW;AAClC,OAAO,IAAIO,OAAO,GAAG;EAAC,MAAM,EAAC,uBAAuB;EAAC,UAAU,EAAC;AAA2B,CAAC;AAC5F,OAAO,IAAIC,SAAS,GAAG,CAAC,CAAC;AACzB,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,UAAU,GAAG,CAAC,CAAC;AAC1B,OAAO,IAAIC,MAAM,GAAG,CAAC,CAAC;AACtB,OAAO,IAAIC,IAAI,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/esm/cms-fields/validations/array.js

@@ -0,0 +1,20 @@
+export const isValid = data => {
+  return Array.isArray(data);
+};
+export 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();
+      }
+    });
+  }
+};
+//# sourceMappingURL=array.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isValid","data","Array","isArray","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":"AAAA,OAAO,MAAMA,OAAO,GAAIC,IAAS,IAAoB;EACnD,OAAOC,KAAK,CAACC,OAAO,CAACF,IAAI,CAAC;AAC5B,CAAC;AAED,OAAO,MAAMG,WAAW,GAAIH,IAAS,IAAK;EACxC,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;IAC5B,MAAM,IAAII,KAAK,CAAC,oBAAoBJ,IAAI,cAAc,CAAC;EACzD;EAEA,IAAI;IACF,OAAOK,IAAI,CAACC,KAAK,CAACN,IAAI,CAAC;EACzB,CAAC,CAAC,MAAM;IACN,OAAOA,IAAI,CAACO,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","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/AutoPatternsEntityPage.js

@@ -3,6 +3,7 @@ import { ContentSkeleton } from '../layouts/ContentSkeleton';
 import { observer } from '@wix/patterns';
 import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
 import { AutoPatternsEntityPageState } from './AutoPatternsEntityPageState';
+import '../../styles.global.css';
 export const AutoPatternsEntityPage = observer(_ref => {
   let {
     configuration

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","ContentSkeleton","observer","useAutoPatternsAppContainer","AutoPatternsEntityPageState","AutoPatternsEntityPage","_ref","configuration","container","state","config","init","initTask","status","isIdle","isLoading","createElement","pageConfig","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,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,2BAA2B,QAAQ,qDAAqD;AACjG,SAASC,2BAA2B,QAAQ,+BAA+B;AAM3E,OAAO,MAAMC,sBAAsB,GAAGH,QAAQ,CAC5CI,IAAA,IAAoD;EAAA,IAAnD;IAAEC;EAA2C,CAAC,GAAAD,IAAA;EAC7C,MAAME,SAAS,GAAGL,2BAA2B,CAAC,CAAC;EAE/C,MAAM,CAACM,KAAK,CAAC,GAAGT,QAAQ,CACtB,MACE,IAAII,2BAA2B,CAAC;IAC9BI,SAAS;IACTE,MAAM,EAAEH;EACV,CAAC,CACL,CAAC;EAEDR,SAAS,CAAC,MAAMU,KAAK,CAACE,IAAI,CAAC,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEtC,IAAIA,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACC,MAAM,IAAIL,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACE,SAAS,EAAE;IACnE,oBAAOjB,KAAA,CAAAkB,aAAA,CAACf,eAAe;MAACgB,UAAU,EAAEV;IAAc,CAAE,CAAC;EACvD;EAEA,OAAOE,KAAK,CAACS,iBAAiB;AAChC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","ContentSkeleton","observer","useAutoPatternsAppContainer","AutoPatternsEntityPageState","AutoPatternsEntityPage","_ref","configuration","container","state","config","init","initTask","status","isIdle","isLoading","createElement","pageConfig","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,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,2BAA2B,QAAQ,qDAAqD;AACjG,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,OAAO,yBAAyB;AAMhC,OAAO,MAAMC,sBAAsB,GAAGH,QAAQ,CAC5CI,IAAA,IAAoD;EAAA,IAAnD;IAAEC;EAA2C,CAAC,GAAAD,IAAA;EAC7C,MAAME,SAAS,GAAGL,2BAA2B,CAAC,CAAC;EAE/C,MAAM,CAACM,KAAK,CAAC,GAAGT,QAAQ,CACtB,MACE,IAAII,2BAA2B,CAAC;IAC9BI,SAAS;IACTE,MAAM,EAAEH;EACV,CAAC,CACL,CAAC;EAEDR,SAAS,CAAC,MAAMU,KAAK,CAACE,IAAI,CAAC,CAAC,EAAE,CAACF,KAAK,CAAC,CAAC;EAEtC,IAAIA,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACC,MAAM,IAAIL,KAAK,CAACG,QAAQ,CAACC,MAAM,CAACE,SAAS,EAAE;IACnE,oBAAOjB,KAAA,CAAAkB,aAAA,CAACf,eAAe;MAACgB,UAAU,EAAEV;IAAc,CAAE,CAAC;EACvD;EAEA,OAAOE,KAAK,CAACS,iBAAiB;AAChC,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js

@@ -67,7 +67,8 @@ const AutoPatternsGridLoaded = props => {
     preset: preset,
     imagePlacement: imagePlacement,
     renderItem: renderItem,
-    state: state
+    state: state,
+    showFieldTypeIcons: config.showFieldTypeIcons
   }, baseCollectionComponentReadyFeatures, dragAndDropProps, importProps));
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","importFeature","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","importProps","useImport","createElement","_extends","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"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","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","importFeature","status","data","state","params","baseCollectionComponentReadyFeatures","collection","reportBi","toolbar","dragAndDropProps","useGridDragAndDrop","importProps","useImport","createElement","_extends","showFieldTypeIcons","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"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/esm/components/fields/Array.js

@@ -0,0 +1,86 @@
+import React, { useMemo } from 'react';
+import { FormField } from '@wix/design-system';
+import { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
+import { isDataValidOrNotSet } from '../../cms-fields/validations/validations';
+import { FormJsonInput, TypeMismatchExclamation } from '../../cms-fields';
+import * as arrayValidation from '../../cms-fields/validations/array';
+export const Array = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = useAutoPatternsAppContainer();
+  const {
+    translate: pt
+  } = useWixPatternsContainer();
+  const pageState = useEntityPageContext();
+  const controller = 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
+  } = 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.createElement(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: isDataValidOrNotSet(controller.field.value, arrayValidation) ? undefined : /*#__PURE__*/React.createElement(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
+      })
+    })
+  }, /*#__PURE__*/React.createElement(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
+  }));
+};
+//# sourceMappingURL=Array.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","FormField","useEntityPageContext","useWixPatternsContainer","useController","useAutoPatternsAppContainer","isDataValidOrNotSet","FormJsonInput","TypeMismatchExclamation","arrayValidation","Array","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","pt","pageState","controller","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","isConverted","convertedValue","hardConvert","typeName","createElement","label","displayName","status","fieldState","error","statusMessage","message","suffix","clearButtonText","convertButtonText","toLocaleLowerCase","onClear","onChange","convertDisabledText","fieldName","isConverting","tooltipText","autoFocus","data","onBlur","ref"],"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/esm/components/fields/index.js

@@ -19,5 +19,6 @@ export { Address } from './Address';
 export { RichContent } from './RichContent';
 export { RichText } from './RichText';
 export { MediaGallery } from './MediaGallery';
+export { Array } from './Array';
 export * from './types';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Audio","Checkbox","Color","Email","DateInput","DateTime","Document","MultiDocument","ImageInput","LongText","Number","Reference","MultiReference","ShortText","Time","Url","Object","Address","RichContent","RichText","MediaGallery"],"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,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":["Audio","Checkbox","Color","Email","DateInput","DateTime","Document","MultiDocument","ImageInput","LongText","Number","Reference","MultiReference","ShortText","Time","Url","Object","Address","RichContent","RichText","MediaGallery","Array"],"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,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,KAAK,QAAQ,SAAS;AAC/B,cAAc,SAAS","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useController } from '@wix/patterns/form';
-import { Audio, ShortText, LongText, Checkbox, Color, DateInput, DateTime, Time, Number, Url, Email, ImageInput, Reference, Object, Address, RichContent, RichText, Document, MultiDocument, MultiReference, MediaGallery } from '../fields';
+import { Audio, ShortText, LongText, Checkbox, Color, DateInput, DateTime, Time, Number, Url, Email, ImageInput, Reference, Object, Address, RichContent, RichText, Document, MultiDocument, MultiReference, MediaGallery, Array } from '../fields';
 export const EDITABLE_INPUT_ELEMENTS = {
   AUDIO: Audio,
   SHORT_TEXT: ShortText,
@@ -15,6 +15,7 @@ export const EDITABLE_INPUT_ELEMENTS = {
   REFERENCE: Reference,
   MULTI_REFERENCE: MultiReference,
   OBJECT: Object,
+  ARRAY: Array,
   ADDRESS: Address,
   RICH_CONTENT: RichContent,
   RICH_TEXT: RichText,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useController","Audio","ShortText","LongText","Checkbox","Color","DateInput","DateTime","Time","Number","Url","Email","ImageInput","Reference","Object","Address","RichContent","RichText","Document","MultiDocument","MultiReference","MediaGallery","EDITABLE_INPUT_ELEMENTS","AUDIO","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","TIME","NUMBER","URL","IMAGE","REFERENCE","MULTI_REFERENCE","OBJECT","ADDRESS","RICH_CONTENT","RICH_TEXT","DOCUMENT","MULTI_DOCUMENT","EMAIL","MEDIA_GALLERY","COLOR","FormField","_ref","field","inputRef","formControl","data","controller","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAiB,oBAAoB;AAE3D,SACEC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,SAAS,EAETC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,YAAY,QACP,WAAW;AAElB,OAAO,MAAMC,uBAEZ,GAAG;EACFC,KAAK,EAAEtB,KAAK;EACZuB,UAAU,EAAEtB,SAAS;EACrBuB,SAAS,EAAEtB,QAAQ;EACnBuB,OAAO,EAAEtB,QAAQ;EACjBuB,IAAI,EAAErB,SAAS;EACfsB,QAAQ,EAAErB,QAAQ;EAClBsB,IAAI,EAAErB,IAAI;EACVsB,MAAM,EAAErB,MAAM;EACdsB,GAAG,EAAErB,GAAG;EACRsB,KAAK,EAAEpB,UAAU;EACjBqB,SAAS,EAAEpB,SAAS;EACpBqB,eAAe,EAAEd,cAAc;EAC/Be,MAAM,EAAErB,MAAM;EACdsB,OAAO,EAAErB,OAAO;EAChBsB,YAAY,EAAErB,WAAW;EACzBsB,SAAS,EAAErB,QAAQ;EACnBsB,QAAQ,EAAErB,QAAQ;EAClBsB,cAAc,EAAErB,aAAa;EAC7BsB,KAAK,EAAE9B,KAAK;EACZ+B,aAAa,EAAErB,YAAY;EAC3BsB,KAAK,EAAEtC;AACT,CAAC;AASD,OAAO,MAAMuC,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAGlD,aAAa,CAAC;IAC/BmD,IAAI,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEL,WAAW;IACpBM,YAAY,EAAEL,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAAC9B,uBAAuB,CAACiC,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGnC,uBAAuB,CAACwB,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACEzD,KAAA,CAAA2D,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAET,UAAU,CAACJ,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEV,UAAU,CAACJ,KAAK,CAACc,QAAS;IACpCC,QAAQ,EAAE,cAAcf,KAAK,CAACM,EAAE,EAAG;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC;EAAE,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useController","Audio","ShortText","LongText","Checkbox","Color","DateInput","DateTime","Time","Number","Url","Email","ImageInput","Reference","Object","Address","RichContent","RichText","Document","MultiDocument","MultiReference","MediaGallery","Array","EDITABLE_INPUT_ELEMENTS","AUDIO","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","TIME","NUMBER","URL","IMAGE","REFERENCE","MULTI_REFERENCE","OBJECT","ARRAY","ADDRESS","RICH_CONTENT","RICH_TEXT","DOCUMENT","MULTI_DOCUMENT","EMAIL","MEDIA_GALLERY","COLOR","FormField","_ref","field","inputRef","formControl","data","controller","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAiB,oBAAoB;AAE3D,SACEC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,KAAK,EACLC,UAAU,EACVC,SAAS,EAETC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,YAAY,EACZC,KAAK,QACA,WAAW;AAElB,OAAO,MAAMC,uBAEZ,GAAG;EACFC,KAAK,EAAEvB,KAAK;EACZwB,UAAU,EAAEvB,SAAS;EACrBwB,SAAS,EAAEvB,QAAQ;EACnBwB,OAAO,EAAEvB,QAAQ;EACjBwB,IAAI,EAAEtB,SAAS;EACfuB,QAAQ,EAAEtB,QAAQ;EAClBuB,IAAI,EAAEtB,IAAI;EACVuB,MAAM,EAAEtB,MAAM;EACduB,GAAG,EAAEtB,GAAG;EACRuB,KAAK,EAAErB,UAAU;EACjBsB,SAAS,EAAErB,SAAS;EACpBsB,eAAe,EAAEf,cAAc;EAC/BgB,MAAM,EAAEtB,MAAM;EACduB,KAAK,EAAEf,KAAK;EACZgB,OAAO,EAAEvB,OAAO;EAChBwB,YAAY,EAAEvB,WAAW;EACzBwB,SAAS,EAAEvB,QAAQ;EACnBwB,QAAQ,EAAEvB,QAAQ;EAClBwB,cAAc,EAAEvB,aAAa;EAC7BwB,KAAK,EAAEhC,KAAK;EACZiC,aAAa,EAAEvB,YAAY;EAC3BwB,KAAK,EAAExC;AACT,CAAC;AASD,OAAO,MAAMyC,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAGpD,aAAa,CAAC;IAC/BqD,IAAI,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEL,WAAW;IACpBM,YAAY,EAAEL,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAAC/B,uBAAuB,CAACkC,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGpC,uBAAuB,CAACyB,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACE3D,KAAA,CAAA6D,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAET,UAAU,CAACJ,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEV,UAAU,CAACJ,KAAK,CAACc,QAAS;IACpCC,QAAQ,EAAE,cAAcf,KAAK,CAACM,EAAE,EAAG;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC;EAAE,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/hooks/useBaseTableFeatures.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useColumns","CustomColumns","useCollectionPageOnRowClickActions","useNavigation","useDataExtensionProps","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClickOverride","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","horizontalScroll","customColumns","enabled","createElement","undefined"],"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":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGL,aAAa,CAAC,CAAC;EAChD,MAAMM,OAAO,GAAGT,UAAU,CAACM,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGX,OAAO,CAC7B,MAAMO,aAAa,CAACG,OAAO,CAACE,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACP,aAAa,CAChB,CAAC;EAED,MAAMQ,YAAY,GAAGR,aAAa,CAACQ,YAAY;EAE/C,MAAMC,kBAAkB,GAAGb,kCAAkC,CAAC;IAC5Dc,+BAA+B,EAAEV,aAAa,CAACW,UAAU;IACzDC,YAAY,EAAEZ,aAAa,CAACa,UAAU,CAACD;EACzC,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,aAAa,CAACW,UAAU,GACvCF,kBAAkB,GACjBK,IAAS,IACRZ,oBAAoB,CAAC;IACnBY,IAAI;IACJN;EACF,CAAC,CAAC;EAER,MAAMO,aAAa,GAAGf,aAAa,CAACe,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;EAC/C,MAAME,YAAY,GAAGjB,aAAa,CAACiB,YAAY,IAAI,IAAI;EACvD,MAAMC,kBAAkB,GAAGpB,qBAAqB,CAACE,aAAa,CAAC;EAE/D,OAAO;IACLG,OAAO;IACPC,eAAe;IACfO,UAAU;IACVQ,gBAAgB,EAAE,IAAI;IACtBC,aAAa,EAAE,CAAAnB,qBAAA,GAAAD,aAAa,CAACoB,aAAa,aAA3BnB,qBAAA,CAA6BoB,OAAO,gBACjD7B,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,MAAE,CAAC,GACf4B,SAAS;IACbR,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZ,GAAGC;EACL,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useColumns","CustomColumns","useCollectionPageOnRowClickActions","useNavigation","useDataExtensionProps","useBaseTableFeatures","configuration","_configuration$custom","navigateToEntityPage","columns","visibleFieldIds","map","column","id","entityPageId","onRowClickOverride","collectionPageOnRowClickActions","onRowClick","collectionId","collection","item","stickyColumns","stickySelectionColumn","showTitleBar","dataExtensionProps","horizontalScroll","customColumns","enabled","createElement","undefined","showFieldTypeIcons"],"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":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,kCAAkC,QAAQ,sCAAsC;AACzF,SAASC,aAAa,QAAQ,sBAAsB;AACpD,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,oBAAoB,GAAIC,aAA0B,IAAK;EAAA,IAAAC,qBAAA;EAClE,MAAM;IAAEC;EAAqB,CAAC,GAAGL,aAAa,CAAC,CAAC;EAChD,MAAMM,OAAO,GAAGT,UAAU,CAACM,aAAa,CAACG,OAAO,CAAC;EACjD,MAAMC,eAAe,GAAGX,OAAO,CAC7B,MAAMO,aAAa,CAACG,OAAO,CAACE,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACP,aAAa,CAChB,CAAC;EAED,MAAMQ,YAAY,GAAGR,aAAa,CAACQ,YAAY;EAE/C,MAAMC,kBAAkB,GAAGb,kCAAkC,CAAC;IAC5Dc,+BAA+B,EAAEV,aAAa,CAACW,UAAU;IACzDC,YAAY,EAAEZ,aAAa,CAACa,UAAU,CAACD;EACzC,CAAC,CAAC;EAEF,MAAMD,UAAU,GAAGX,aAAa,CAACW,UAAU,GACvCF,kBAAkB,GACjBK,IAAS,IACRZ,oBAAoB,CAAC;IACnBY,IAAI;IACJN;EACF,CAAC,CAAC;EAER,MAAMO,aAAa,GAAGf,aAAa,CAACe,aAAa;EACjD,MAAMC,qBAAqB,GAAG,CAAC,CAACD,aAAa,CAAC,CAAC;EAC/C,MAAME,YAAY,GAAGjB,aAAa,CAACiB,YAAY,IAAI,IAAI;EACvD,MAAMC,kBAAkB,GAAGpB,qBAAqB,CAACE,aAAa,CAAC;EAE/D,OAAO;IACLG,OAAO;IACPC,eAAe;IACfO,UAAU;IACVQ,gBAAgB,EAAE,IAAI;IACtBC,aAAa,EAAE,CAAAnB,qBAAA,GAAAD,aAAa,CAACoB,aAAa,aAA3BnB,qBAAA,CAA6BoB,OAAO,gBACjD7B,KAAA,CAAA8B,aAAA,CAAC3B,aAAa,MAAE,CAAC,GACf4B,SAAS;IACbR,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZO,kBAAkB,EAAExB,aAAa,CAACwB,kBAAkB;IACpD,GAAGN;EACL,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useColumns.js

@@ -50,9 +50,9 @@ export const useColumns = columns => {
           data: itemValue
         });
       case 'ARRAY':
-        // We assume that the array contains strings
-        // If the array contains objects, we need to handle it differently
-        return itemValue.join(', ');
+        return /*#__PURE__*/React.createElement(JsonView, {
+          data: itemValue
+        });
       case 'REFERENCE':
         if (fieldDefinition.referenceMetadata && getSchema) {
           const {
@@ -142,9 +142,11 @@ export const useColumns = columns => {
       return null;
     }
     const sortable = column.sortable && (fieldDefinition == null || (_fieldDefinition$capa = fieldDefinition.capabilities) == null ? void 0 : _fieldDefinition$capa.sortable);
+    const displayName = column.name || (fieldDefinition == null ? void 0 : fieldDefinition.displayName);
     const baseColumnConfig = {
       id: column.id,
-      title: column.name || (fieldDefinition == null ? void 0 : fieldDefinition.displayName),
+      title: displayName,
+      fieldType: fieldDefinition == null ? void 0 : fieldDefinition.type,
       width: column.width,
       ...createSortConfiguration(column, sortable),
       ...createCustomColumnConfiguration(column),

package/dist/esm/hooks/useColumns.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useAutoPatternsOverridesContext","useSchema","useSchemaRegistry","camelCase","get","Box","Image","getImageUrl","AddressView","AudioView","ColorView","JsonView","MediaGalleryView","RichTextView","TimeView","DocumentView","MultiDocumentView","extractReferenceDisplayValues","ReferenceAvatar","LazyRichContentView","MultiReferenceViewField","useColumns","columns","fields","getSchema","overrides","existingColumns","filter","column","_overrides$columns","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","createElement","data","join","referenceMetadata","referencedCollectionId","refSchema","name","image","gap","verticalAlign","field","value","imageUrl","src","width","dataHook","map","_overrides$columns2","_fieldDefinition$capa","sortable","capabilities","baseColumnConfig","title","displayName","createSortConfiguration","createCustomColumnConfiguration","tooltipContent","infoTooltipProps","content","render","row","_overrides$columns3","_overrides$columns4","_overrides$columns4$c","call","Boolean","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumn } from '@wix/patterns';\nimport {\n  useAutoPatternsOverridesContext,\n  useSchema,\n  useSchemaRegistry,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\nimport { Box, Image } from '@wix/design-system';\nimport { getImageUrl } from '../utils/media/getImageUrl';\nimport {\n  AddressView,\n  AudioView,\n  ColorView,\n  JsonView,\n  MediaGalleryView,\n  RichTextView,\n  TimeView,\n  DocumentView,\n  MultiDocumentView,\n} from '../cms-fields';\nimport { extractReferenceDisplayValues } from '../utils/schema';\nimport { ReferenceAvatar } from '../components/ReferenceAvatar';\nimport { LazyRichContentView } from '../components/LazyRichContentView';\nimport { MultiReferenceViewField } from '../components/MultiReferenceViewField';\n\nexport const useColumns = (columns: Column[]) => {\n  const { fields } = useSchema();\n  const { getSchema } = useSchemaRegistry();\n  const overrides = useAutoPatternsOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id] || overrides?.columns?.[column.id];\n  });\n\n  const createRenderer = (fieldDefinition: Field, itemValue: any) => {\n    if (itemValue == null) {\n      return '';\n    }\n\n    switch (fieldDefinition.type) {\n      case 'BOOLEAN':\n        return itemValue ? '✔' : '✖';\n      case 'DATE':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleDateString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleDateString();\n        }\n        return itemValue;\n      case 'DATETIME':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleString();\n        }\n        return itemValue;\n      case 'TIME':\n        return <TimeView data={itemValue} />;\n      case 'ARRAY':\n        // We assume that the array contains strings\n        // If the array contains objects, we need to handle it differently\n        return itemValue.join(', ');\n      case 'REFERENCE':\n        if (fieldDefinition.referenceMetadata && getSchema) {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const refSchema = getSchema(referencedCollectionId);\n\n          if (refSchema) {\n            const { name, image } = extractReferenceDisplayValues(\n              itemValue,\n              refSchema,\n            );\n\n            return (\n              <Box gap=\"SP2\" verticalAlign=\"middle\">\n                {name && <ReferenceAvatar name={name} image={image} />}\n                <div>{name}</div>\n              </Box>\n            );\n          }\n        }\n\n        return itemValue;\n      case 'MULTI_REFERENCE':\n        if (fieldDefinition.referenceMetadata && getSchema) {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const refSchema = getSchema(referencedCollectionId);\n\n          if (refSchema) {\n            return (\n              <MultiReferenceViewField\n                field={fieldDefinition}\n                value={itemValue}\n              />\n            );\n          }\n        }\n        return itemValue;\n      case 'IMAGE':\n        const imageUrl = getImageUrl(itemValue);\n\n        return (\n          <Image src={imageUrl} width=\"48px\" dataHook=\"auto-patterns-image\" />\n        );\n      case 'OBJECT':\n        return <JsonView data={itemValue} />;\n      case 'MEDIA_GALLERY':\n        return <MediaGalleryView data={itemValue} />;\n      case 'ADDRESS':\n        return <AddressView data={itemValue} />;\n      case 'RICH_TEXT':\n        return <RichTextView data={itemValue} />;\n      case 'DOCUMENT':\n        return <DocumentView data={itemValue} />;\n      case 'RICH_CONTENT':\n        return <LazyRichContentView data={itemValue} />;\n      case 'MULTI_DOCUMENT':\n        return <MultiDocumentView data={itemValue} />;\n      case 'AUDIO':\n        return <AudioView data={itemValue} />;\n      case 'COLOR':\n        return <ColorView data={itemValue} />;\n      default:\n        return itemValue;\n    }\n  };\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition && !overrides?.columns?.[column.id]) {\n        return null;\n      }\n\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition?.displayName,\n        width: column.width,\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        ...(column.tooltipContent && {\n          infoTooltipProps: {\n            content: column.tooltipContent,\n          },\n        }),\n        render: (row: any) => {\n          const itemValue = get(row, column.id);\n\n          if (overrides?.columns?.[camelCase(column.id)]) {\n            return overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n              row,\n            });\n          }\n\n          if (fieldDefinition) {\n            return createRenderer(fieldDefinition, itemValue);\n          }\n\n          return null; // Shouldn't really happen\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useAutoPatternsOverridesContext","useSchema","useSchemaRegistry","camelCase","get","Box","Image","getImageUrl","AddressView","AudioView","ColorView","JsonView","MediaGalleryView","RichTextView","TimeView","DocumentView","MultiDocumentView","extractReferenceDisplayValues","ReferenceAvatar","LazyRichContentView","MultiReferenceViewField","useColumns","columns","fields","getSchema","overrides","existingColumns","filter","column","_overrides$columns","id","createRenderer","fieldDefinition","itemValue","type","Date","toLocaleDateString","date","toLocaleString","createElement","data","referenceMetadata","referencedCollectionId","refSchema","name","image","gap","verticalAlign","field","value","imageUrl","src","width","dataHook","map","_overrides$columns2","_fieldDefinition$capa","sortable","capabilities","displayName","baseColumnConfig","title","fieldType","createSortConfiguration","createCustomColumnConfiguration","tooltipContent","infoTooltipProps","content","render","row","_overrides$columns3","_overrides$columns4","_overrides$columns4$c","call","Boolean","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { TableColumn } from '@wix/patterns';\nimport {\n  useAutoPatternsOverridesContext,\n  useSchema,\n  useSchemaRegistry,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\nimport { Box, Image } from '@wix/design-system';\nimport { getImageUrl } from '../utils/media/getImageUrl';\nimport {\n  AddressView,\n  AudioView,\n  ColorView,\n  JsonView,\n  MediaGalleryView,\n  RichTextView,\n  TimeView,\n  DocumentView,\n  MultiDocumentView,\n} from '../cms-fields';\nimport { extractReferenceDisplayValues } from '../utils/schema';\nimport { ReferenceAvatar } from '../components/ReferenceAvatar';\nimport { LazyRichContentView } from '../components/LazyRichContentView';\nimport { MultiReferenceViewField } from '../components/MultiReferenceViewField';\n\nexport const useColumns = (columns: Column[]) => {\n  const { fields } = useSchema();\n  const { getSchema } = useSchemaRegistry();\n  const overrides = useAutoPatternsOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id] || overrides?.columns?.[column.id];\n  });\n\n  const createRenderer = (fieldDefinition: Field, itemValue: any) => {\n    if (itemValue == null) {\n      return '';\n    }\n\n    switch (fieldDefinition.type) {\n      case 'BOOLEAN':\n        return itemValue ? '✔' : '✖';\n      case 'DATE':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleDateString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleDateString();\n        }\n        return itemValue;\n      case 'DATETIME':\n        if (itemValue instanceof Date) {\n          return itemValue.toLocaleString();\n        }\n        if (typeof itemValue === 'string') {\n          const date = new Date(itemValue);\n          return date.toLocaleString();\n        }\n        return itemValue;\n      case 'TIME':\n        return <TimeView data={itemValue} />;\n      case 'ARRAY':\n        return <JsonView data={itemValue} />;\n      case 'REFERENCE':\n        if (fieldDefinition.referenceMetadata && getSchema) {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const refSchema = getSchema(referencedCollectionId);\n\n          if (refSchema) {\n            const { name, image } = extractReferenceDisplayValues(\n              itemValue,\n              refSchema,\n            );\n\n            return (\n              <Box gap=\"SP2\" verticalAlign=\"middle\">\n                {name && <ReferenceAvatar name={name} image={image} />}\n                <div>{name}</div>\n              </Box>\n            );\n          }\n        }\n\n        return itemValue;\n      case 'MULTI_REFERENCE':\n        if (fieldDefinition.referenceMetadata && getSchema) {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const refSchema = getSchema(referencedCollectionId);\n\n          if (refSchema) {\n            return (\n              <MultiReferenceViewField\n                field={fieldDefinition}\n                value={itemValue}\n              />\n            );\n          }\n        }\n        return itemValue;\n      case 'IMAGE':\n        const imageUrl = getImageUrl(itemValue);\n\n        return (\n          <Image src={imageUrl} width=\"48px\" dataHook=\"auto-patterns-image\" />\n        );\n      case 'OBJECT':\n        return <JsonView data={itemValue} />;\n      case 'MEDIA_GALLERY':\n        return <MediaGalleryView data={itemValue} />;\n      case 'ADDRESS':\n        return <AddressView data={itemValue} />;\n      case 'RICH_TEXT':\n        return <RichTextView data={itemValue} />;\n      case 'DOCUMENT':\n        return <DocumentView data={itemValue} />;\n      case 'RICH_CONTENT':\n        return <LazyRichContentView data={itemValue} />;\n      case 'MULTI_DOCUMENT':\n        return <MultiDocumentView data={itemValue} />;\n      case 'AUDIO':\n        return <AudioView data={itemValue} />;\n      case 'COLOR':\n        return <ColorView data={itemValue} />;\n      default:\n        return itemValue;\n    }\n  };\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition && !overrides?.columns?.[column.id]) {\n        return null;\n      }\n\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const displayName = column.name || fieldDefinition?.displayName;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: displayName,\n        fieldType: fieldDefinition?.type,\n        width: column.width,\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        ...(column.tooltipContent && {\n          infoTooltipProps: {\n            content: column.tooltipContent,\n          },\n        }),\n        render: (row: any) => {\n          const itemValue = get(row, column.id);\n\n          if (overrides?.columns?.[camelCase(column.id)]) {\n            return overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n              row,\n            });\n          }\n\n          if (fieldDefinition) {\n            return createRenderer(fieldDefinition, itemValue);\n          }\n\n          return null; // Shouldn't really happen\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useFiltersState.js

@@ -31,6 +31,7 @@ export function useFiltersState(config) {
         fieldId,
         fieldDefinition,
         commonFilterProps: {
+          fieldType: fieldDefinition.type,
           sectionTitle,
           initiallyOpen: openByDefault,
           accordionItemProps: {

package/dist/esm/hooks/useFiltersState.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FilterOperator","createBooleanFilter","createDateTimeFilter","createEnumFilter","createNumberFilter","createOperatorFilter","createReferenceFilter","createHasValueFilter","useSchema","useSchemaRegistry","useAutoPatternsAppContainer","useFiltersState","config","schema","schemaRegistry","translate","t","filters","useState","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","type","push","dateConfig","booleanConfig","hasValueLabel","noValueLabel","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","dynamicOptionsConfig","additionalParams","operators","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","enumConfig","filterFieldMapping","useMemo","reduce","acc","filtersObject","key"],"sources":["../../../src/hooks/useFiltersState.ts"],"sourcesContent":["import React from 'react';\nimport { Filter, FilterOperator } from '@wix/patterns';\nimport {\n  createBooleanFilter,\n  createDateTimeFilter,\n  createEnumFilter,\n  createNumberFilter,\n  createOperatorFilter,\n  createReferenceFilter,\n  createHasValueFilter,\n} from '../utils/filterCreators';\nimport {\n  DateFilterConfig,\n  DynamicOptionsFilterConfig,\n  EnumFilterConfig,\n  Field,\n  Filter as SchemaFilterType,\n  FiltersConfig,\n} from '../types';\nimport { useSchema, useSchemaRegistry } from '../providers';\nimport { useAutoPatternsAppContainer } from '../components/AutoPatternsApp/AutoPatternsAppContainerProvider';\n\nexport interface FilterOptions {\n  key: string;\n  fieldId: string;\n  fieldDefinition: Field;\n  filter: Filter<any>;\n  collectionData?: { id: string; name: string }[];\n  collectionId?: string;\n  componentName?: string;\n  props: Record<string, any>;\n  dateConfig?: DateFilterConfig;\n  enumConfig?: EnumFilterConfig;\n  dynamicOptionsFilterConfig?: DynamicOptionsFilterConfig;\n}\n\nexport function useFiltersState(config?: FiltersConfig) {\n  const schema = useSchema();\n  const schemaRegistry = useSchemaRegistry();\n  const { translate: t } = useAutoPatternsAppContainer();\n  const [filters] = React.useState(() => {\n    const currFilters: FilterOptions[] = [];\n    config?.items.forEach((filter) => {\n      const { id, fieldId } = filter;\n      const fieldDefinition = schema.fields[fieldId];\n      if (!fieldDefinition) {\n        return;\n      }\n\n      const label = filter.displayName || fieldDefinition.displayName;\n      const { openByDefault, tagLabel, sectionTitle } = filter;\n\n      const baseParams = {\n        id,\n        fieldId,\n        fieldDefinition,\n        commonFilterProps: {\n          sectionTitle,\n          initiallyOpen: openByDefault,\n          accordionItemProps: { label },\n          toolbarItemProps: { label },\n          toolbarTagProps: { label: tagLabel },\n        },\n      };\n\n      switch (fieldDefinition.type) {\n        case 'DATE':\n        case 'DATETIME':\n          currFilters.push(\n            createDateTimeFilter({\n              ...baseParams,\n              config: filter.dateConfig,\n            }),\n          );\n          break;\n\n        case 'BOOLEAN':\n          currFilters.push(\n            createBooleanFilter({\n              ...baseParams,\n              config: filter.booleanConfig,\n            }),\n          );\n          break;\n\n        case 'RICH_CONTENT':\n        case 'TIME':\n        case 'DOCUMENT':\n        case 'MULTI_DOCUMENT':\n        case 'AUDIO':\n          currFilters.push(\n            createHasValueFilter({\n              ...baseParams,\n              hasValueLabel: t('auto-patterns.filters.has_value'),\n              noValueLabel: t('auto-patterns.filters.no_value'),\n            }),\n          );\n          break;\n\n        case 'NUMBER':\n          currFilters.push(\n            createNumberFilter({\n              ...baseParams,\n              config: filter.numberConfig,\n            }),\n          );\n          break;\n\n        case 'REFERENCE':\n        case 'MULTI_REFERENCE': {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const referencedSchema = schemaRegistry.getSchema(\n            referencedCollectionId,\n          );\n\n          if (referencedSchema) {\n            currFilters.push(\n              createReferenceFilter({\n                ...baseParams,\n                config: filter.dynamicOptionsConfig,\n                additionalParams: {\n                  referencedSchema,\n                },\n              }),\n            );\n          }\n          break;\n        }\n\n        case 'RICH_TEXT':\n        case 'ADDRESS':\n        case 'EMAIL': {\n          currFilters.push(\n            createOperatorFilter({\n              ...baseParams,\n              additionalParams: {\n                operators: [\n                  FilterOperator.CONTAINS,\n                  FilterOperator.NOT_CONTAINS,\n                  FilterOperator.IS_EMPTY,\n                  FilterOperator.EXISTS,\n                ],\n              },\n            }),\n          );\n          break;\n        }\n\n        default:\n          if (filter?.enumConfig) {\n            currFilters.push(\n              createEnumFilter({\n                ...baseParams,\n                config: filter.enumConfig,\n              }),\n            );\n          }\n          break;\n      }\n    });\n    return currFilters;\n  });\n\n  const filterFieldMapping = React.useMemo(() => {\n    return config?.items.reduce((acc, filter) => {\n      acc[filter.id] = filter;\n      return acc;\n    }, {} as Record<string, SchemaFilterType>);\n  }, [config?.items]);\n\n  const filtersObject = filters.reduce((acc, filter) => {\n    acc[filter.key] = filter.filter;\n    return acc;\n  }, {} as { [key: string]: Filter<any> });\n\n  return { filters, filterFieldMapping, filtersObject };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","FilterOperator","createBooleanFilter","createDateTimeFilter","createEnumFilter","createNumberFilter","createOperatorFilter","createReferenceFilter","createHasValueFilter","useSchema","useSchemaRegistry","useAutoPatternsAppContainer","useFiltersState","config","schema","schemaRegistry","translate","t","filters","useState","currFilters","items","forEach","filter","id","fieldId","fieldDefinition","fields","label","displayName","openByDefault","tagLabel","sectionTitle","baseParams","commonFilterProps","fieldType","type","initiallyOpen","accordionItemProps","toolbarItemProps","toolbarTagProps","push","dateConfig","booleanConfig","hasValueLabel","noValueLabel","numberConfig","referencedCollectionId","referenceMetadata","referencedSchema","getSchema","dynamicOptionsConfig","additionalParams","operators","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","enumConfig","filterFieldMapping","useMemo","reduce","acc","filtersObject","key"],"sources":["../../../src/hooks/useFiltersState.tsx"],"sourcesContent":["import React from 'react';\nimport { Filter, FilterOperator } from '@wix/patterns';\nimport {\n  createBooleanFilter,\n  createDateTimeFilter,\n  createEnumFilter,\n  createNumberFilter,\n  createOperatorFilter,\n  createReferenceFilter,\n  createHasValueFilter,\n} from '../utils/filterCreators';\nimport {\n  DateFilterConfig,\n  DynamicOptionsFilterConfig,\n  EnumFilterConfig,\n  Field,\n  Filter as SchemaFilterType,\n  FiltersConfig,\n} from '../types';\nimport { useSchema, useSchemaRegistry } from '../providers';\nimport { useAutoPatternsAppContainer } from '../components/AutoPatternsApp/AutoPatternsAppContainerProvider';\n\nexport interface FilterOptions {\n  key: string;\n  fieldId: string;\n  fieldDefinition: Field;\n  filter: Filter<any>;\n  collectionData?: { id: string; name: string }[];\n  collectionId?: string;\n  componentName?: string;\n  props: Record<string, any>;\n  dateConfig?: DateFilterConfig;\n  enumConfig?: EnumFilterConfig;\n  dynamicOptionsFilterConfig?: DynamicOptionsFilterConfig;\n}\n\nexport function useFiltersState(config?: FiltersConfig) {\n  const schema = useSchema();\n  const schemaRegistry = useSchemaRegistry();\n  const { translate: t } = useAutoPatternsAppContainer();\n  const [filters] = React.useState(() => {\n    const currFilters: FilterOptions[] = [];\n    config?.items.forEach((filter) => {\n      const { id, fieldId } = filter;\n      const fieldDefinition = schema.fields[fieldId];\n      if (!fieldDefinition) {\n        return;\n      }\n\n      const label = filter.displayName || fieldDefinition.displayName;\n      const { openByDefault, tagLabel, sectionTitle } = filter;\n\n      const baseParams = {\n        id,\n        fieldId,\n        fieldDefinition,\n        commonFilterProps: {\n          fieldType: fieldDefinition.type,\n          sectionTitle,\n          initiallyOpen: openByDefault,\n          accordionItemProps: {\n            label,\n          },\n          toolbarItemProps: {\n            label,\n          },\n          toolbarTagProps: { label: tagLabel },\n        },\n      };\n\n      switch (fieldDefinition.type) {\n        case 'DATE':\n        case 'DATETIME':\n          currFilters.push(\n            createDateTimeFilter({\n              ...baseParams,\n              config: filter.dateConfig,\n            }),\n          );\n          break;\n\n        case 'BOOLEAN':\n          currFilters.push(\n            createBooleanFilter({\n              ...baseParams,\n              config: filter.booleanConfig,\n            }),\n          );\n          break;\n\n        case 'RICH_CONTENT':\n        case 'TIME':\n        case 'DOCUMENT':\n        case 'MULTI_DOCUMENT':\n        case 'AUDIO':\n          currFilters.push(\n            createHasValueFilter({\n              ...baseParams,\n              hasValueLabel: t('auto-patterns.filters.has_value'),\n              noValueLabel: t('auto-patterns.filters.no_value'),\n            }),\n          );\n          break;\n\n        case 'NUMBER':\n          currFilters.push(\n            createNumberFilter({\n              ...baseParams,\n              config: filter.numberConfig,\n            }),\n          );\n          break;\n\n        case 'REFERENCE':\n        case 'MULTI_REFERENCE': {\n          const { referencedCollectionId } = fieldDefinition.referenceMetadata;\n          const referencedSchema = schemaRegistry.getSchema(\n            referencedCollectionId,\n          );\n\n          if (referencedSchema) {\n            currFilters.push(\n              createReferenceFilter({\n                ...baseParams,\n                config: filter.dynamicOptionsConfig,\n                additionalParams: {\n                  referencedSchema,\n                },\n              }),\n            );\n          }\n          break;\n        }\n\n        case 'RICH_TEXT':\n        case 'ADDRESS':\n        case 'EMAIL': {\n          currFilters.push(\n            createOperatorFilter({\n              ...baseParams,\n              additionalParams: {\n                operators: [\n                  FilterOperator.CONTAINS,\n                  FilterOperator.NOT_CONTAINS,\n                  FilterOperator.IS_EMPTY,\n                  FilterOperator.EXISTS,\n                ],\n              },\n            }),\n          );\n          break;\n        }\n\n        default:\n          if (filter?.enumConfig) {\n            currFilters.push(\n              createEnumFilter({\n                ...baseParams,\n                config: filter.enumConfig,\n              }),\n            );\n          }\n          break;\n      }\n    });\n    return currFilters;\n  });\n\n  const filterFieldMapping = React.useMemo(() => {\n    return config?.items.reduce((acc, filter) => {\n      acc[filter.id] = filter;\n      return acc;\n    }, {} as Record<string, SchemaFilterType>);\n  }, [config?.items]);\n\n  const filtersObject = filters.reduce((acc, filter) => {\n    acc[filter.key] = filter.filter;\n    return acc;\n  }, {} as { [key: string]: Filter<any> });\n\n  return { filters, filterFieldMapping, filtersObject };\n}\n"],"mappings":"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","ignoreList":[]}