@wix/auto-patterns 1.25.0 → 1.27.0

package/dist/esm/components/AutoPatternsApp/AutoPatternsApp.js

@@ -1,14 +1,16 @@
 import React from 'react';
 import { RootAppProvider } from '../../providers/RootAppProvider';
+import { AppContextProvider } from '../../providers/AppContext';
 import { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';
 export const AutoPatternsApp = _ref => {
   let {
-    configuration
+    configuration,
+    children
   } = _ref;
-  return /*#__PURE__*/React.createElement(RootAppProvider, {
+  return /*#__PURE__*/React.createElement(AppContextProvider, null, /*#__PURE__*/React.createElement(RootAppProvider, {
     appConfig: configuration
   }, /*#__PURE__*/React.createElement(AutoPatternsRoutes, {
     config: configuration
-  }));
+  })), children);
 };
 //# sourceMappingURL=AutoPatternsApp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","RootAppProvider","AutoPatternsRoutes","AutoPatternsApp","_ref","configuration","createElement","appConfig","config"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { RootAppProvider } from '../../providers/RootAppProvider';\nimport { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';\n\nexport interface AutoPatternsAppProps {\n  configuration: AppConfig;\n}\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppProps> = ({\n  configuration,\n}) => {\n  return (\n    <RootAppProvider appConfig={configuration}>\n      <AutoPatternsRoutes config={configuration} />\n    </RootAppProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,kBAAkB,QAAQ,yCAAyC;AAM5E,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAEzD;EAAA,IAF0D;IAC9DC;EACF,CAAC,GAAAD,IAAA;EACC,oBACEJ,KAAA,CAAAM,aAAA,CAACL,eAAe;IAACM,SAAS,EAAEF;EAAc,gBACxCL,KAAA,CAAAM,aAAA,CAACJ,kBAAkB;IAACM,MAAM,EAAEH;EAAc,CAAE,CAC7B,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","RootAppProvider","AppContextProvider","AutoPatternsRoutes","AutoPatternsApp","_ref","configuration","children","createElement","appConfig","config"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { RootAppProvider } from '../../providers/RootAppProvider';\nimport { AppContextProvider } from '../../providers/AppContext';\nimport { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';\n\nexport interface AutoPatternsAppProps {\n  configuration: AppConfig;\n  children?: React.ReactNode;\n}\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppProps> = ({\n  configuration,\n  children,\n}) => {\n  return (\n    <AppContextProvider>\n      <RootAppProvider appConfig={configuration}>\n        <AutoPatternsRoutes config={configuration} />\n      </RootAppProvider>\n      {children}\n    </AppContextProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,QAAQ,yCAAyC;AAO5E,OAAO,MAAMC,eAA+C,GAAGC,IAAA,IAGzD;EAAA,IAH0D;IAC9DC,aAAa;IACbC;EACF,CAAC,GAAAF,IAAA;EACC,oBACEL,KAAA,CAAAQ,aAAA,CAACN,kBAAkB,qBACjBF,KAAA,CAAAQ,aAAA,CAACP,eAAe;IAACQ,SAAS,EAAEH;EAAc,gBACxCN,KAAA,CAAAQ,aAAA,CAACL,kBAAkB;IAACO,MAAM,EAAEJ;EAAc,CAAE,CAC7B,CAAC,EACjBC,QACiB,CAAC;AAEzB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsCollectionComponent/AutoPatternsCollectionComponent.js

@@ -1,6 +1,6 @@
 import { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';
-import { AutoPatternsTable } from '../AutoPatternsTable';
-import { AutoPatternsGrid } from '../AutoPatternsGrid';
+import { AutoPatternsTable } from '../AutoPatternsTable/AutoPatternsTable';
+import { AutoPatternsGrid } from '../AutoPatternsGrid/AutoPatternsGrid';
 import { SchemaProvider } from '../../providers';
 import { SkeletonCollection } from '../AutoPatternsCollectionPageContent/SkeletonCollection';
 import React, { useMemo } from 'react';

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

@@ -1 +1 @@
-{"version":3,"names":["AutoPatternsTableGridSwitch","AutoPatternsTable","AutoPatternsGrid","SchemaProvider","SkeletonCollection","React","useMemo","AutoPatternsCollectionComponent","_ref","component","index","layout","sharedConfig","memoized","_layout$find","_layout$find2","length","componentToRender","componentType","tableConfig","find","item","type","table","gridConfig","grid","config","createElement","configuration","Fragment","key","collection","collectionId","skeleton"],"sources":["../../../../src/components/AutoPatternsCollectionComponent/AutoPatternsCollectionComponent.tsx"],"sourcesContent":["import { CollectionComponentConfig } from '../../types';\nimport { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\nimport { SchemaProvider } from '../../providers';\nimport { SkeletonCollection } from '../AutoPatternsCollectionPageContent/SkeletonCollection';\nimport React, { useMemo } from 'react';\n\nexport const AutoPatternsCollectionComponent = ({\n  component,\n  index,\n}: {\n  component: CollectionComponentConfig;\n  index: number;\n}) => {\n  const { layout, ...sharedConfig } = component;\n\n  const memoized = useMemo(() => {\n    if (!layout?.length) {\n      return {\n        componentToRender: null,\n        componentType: 'Table' as 'Table' | 'Grid',\n      };\n    }\n\n    const tableConfig = layout.find((item) => item.type === 'Table')?.table;\n    const gridConfig = layout.find((item) => item.type === 'Grid')?.grid;\n\n    let componentType: 'Table' | 'Grid' = 'Table';\n    let componentToRender: React.ReactNode = null;\n\n    if (tableConfig && gridConfig) {\n      const config = {\n        ...sharedConfig,\n        ...tableConfig,\n        ...gridConfig,\n      };\n      componentToRender = (\n        <AutoPatternsTableGridSwitch configuration={config} />\n      );\n    } else if (tableConfig) {\n      const config = { ...sharedConfig, ...tableConfig };\n      componentToRender = <AutoPatternsTable configuration={config} />;\n    } else if (gridConfig) {\n      componentType = 'Grid';\n      const config = { ...sharedConfig, ...gridConfig };\n      componentToRender = <AutoPatternsGrid configuration={config} />;\n    }\n\n    return { componentToRender, componentType };\n  }, [layout, sharedConfig]);\n\n  const { componentToRender, componentType } = memoized;\n\n  return (\n    <>\n      {componentToRender ? (\n        <SchemaProvider\n          key={`${sharedConfig.collection.collectionId}-${index}`}\n          collection={sharedConfig.collection}\n          skeleton={<SkeletonCollection componentType={componentType} />}\n        >\n          {componentToRender}\n        </SchemaProvider>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":"AACA,SAASA,2BAA2B,QAAQ,4DAA4D;AACxG,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,kBAAkB,QAAQ,yDAAyD;AAC5F,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,OAAO,MAAMC,+BAA+B,GAAGC,IAAA,IAMzC;EAAA,IAN0C;IAC9CC,SAAS;IACTC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG,MAAM;IAAE,GAAGC;EAAa,CAAC,GAAGH,SAAS;EAE7C,MAAMI,QAAQ,GAAGP,OAAO,CAAC,MAAM;IAAA,IAAAQ,YAAA,EAAAC,aAAA;IAC7B,IAAI,EAACJ,MAAM,YAANA,MAAM,CAAEK,MAAM,GAAE;MACnB,OAAO;QACLC,iBAAiB,EAAE,IAAI;QACvBC,aAAa,EAAE;MACjB,CAAC;IACH;IAEA,MAAMC,WAAW,IAAAL,YAAA,GAAGH,MAAM,CAACS,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,OAAO,CAAC,qBAA5CR,YAAA,CAA8CS,KAAK;IACvE,MAAMC,UAAU,IAAAT,aAAA,GAAGJ,MAAM,CAACS,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,MAAM,CAAC,qBAA3CP,aAAA,CAA6CU,IAAI;IAEpE,IAAIP,aAA+B,GAAG,OAAO;IAC7C,IAAID,iBAAkC,GAAG,IAAI;IAE7C,IAAIE,WAAW,IAAIK,UAAU,EAAE;MAC7B,MAAME,MAAM,GAAG;QACb,GAAGd,YAAY;QACf,GAAGO,WAAW;QACd,GAAGK;MACL,CAAC;MACDP,iBAAiB,gBACfZ,KAAA,CAAAsB,aAAA,CAAC3B,2BAA2B;QAAC4B,aAAa,EAAEF;MAAO,CAAE,CACtD;IACH,CAAC,MAAM,IAAIP,WAAW,EAAE;MACtB,MAAMO,MAAM,GAAG;QAAE,GAAGd,YAAY;QAAE,GAAGO;MAAY,CAAC;MAClDF,iBAAiB,gBAAGZ,KAAA,CAAAsB,aAAA,CAAC1B,iBAAiB;QAAC2B,aAAa,EAAEF;MAAO,CAAE,CAAC;IAClE,CAAC,MAAM,IAAIF,UAAU,EAAE;MACrBN,aAAa,GAAG,MAAM;MACtB,MAAMQ,MAAM,GAAG;QAAE,GAAGd,YAAY;QAAE,GAAGY;MAAW,CAAC;MACjDP,iBAAiB,gBAAGZ,KAAA,CAAAsB,aAAA,CAACzB,gBAAgB;QAAC0B,aAAa,EAAEF;MAAO,CAAE,CAAC;IACjE;IAEA,OAAO;MAAET,iBAAiB;MAAEC;IAAc,CAAC;EAC7C,CAAC,EAAE,CAACP,MAAM,EAAEC,YAAY,CAAC,CAAC;EAE1B,MAAM;IAAEK,iBAAiB;IAAEC;EAAc,CAAC,GAAGL,QAAQ;EAErD,oBACER,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAwB,QAAA,QACGZ,iBAAiB,gBAChBZ,KAAA,CAAAsB,aAAA,CAACxB,cAAc;IACb2B,GAAG,EAAE,GAAGlB,YAAY,CAACmB,UAAU,CAACC,YAAY,IAAItB,KAAK,EAAG;IACxDqB,UAAU,EAAEnB,YAAY,CAACmB,UAAW;IACpCE,QAAQ,eAAE5B,KAAA,CAAAsB,aAAA,CAACvB,kBAAkB;MAACc,aAAa,EAAEA;IAAc,CAAE;EAAE,GAE9DD,iBACa,CAAC,GACf,IACJ,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"names":["AutoPatternsTableGridSwitch","AutoPatternsTable","AutoPatternsGrid","SchemaProvider","SkeletonCollection","React","useMemo","AutoPatternsCollectionComponent","_ref","component","index","layout","sharedConfig","memoized","_layout$find","_layout$find2","length","componentToRender","componentType","tableConfig","find","item","type","table","gridConfig","grid","config","createElement","configuration","Fragment","key","collection","collectionId","skeleton"],"sources":["../../../../src/components/AutoPatternsCollectionComponent/AutoPatternsCollectionComponent.tsx"],"sourcesContent":["import { CollectionComponentConfig } from '../../types';\nimport { AutoPatternsTableGridSwitch } from '../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch';\nimport { AutoPatternsTable } from '../AutoPatternsTable/AutoPatternsTable';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid/AutoPatternsGrid';\nimport { SchemaProvider } from '../../providers';\nimport { SkeletonCollection } from '../AutoPatternsCollectionPageContent/SkeletonCollection';\nimport React, { useMemo } from 'react';\n\nexport const AutoPatternsCollectionComponent = ({\n  component,\n  index,\n}: {\n  component: CollectionComponentConfig;\n  index: number;\n}) => {\n  const { layout, ...sharedConfig } = component;\n\n  const memoized = useMemo(() => {\n    if (!layout?.length) {\n      return {\n        componentToRender: null,\n        componentType: 'Table' as 'Table' | 'Grid',\n      };\n    }\n\n    const tableConfig = layout.find((item) => item.type === 'Table')?.table;\n    const gridConfig = layout.find((item) => item.type === 'Grid')?.grid;\n\n    let componentType: 'Table' | 'Grid' = 'Table';\n    let componentToRender: React.ReactNode = null;\n\n    if (tableConfig && gridConfig) {\n      const config = {\n        ...sharedConfig,\n        ...tableConfig,\n        ...gridConfig,\n      };\n      componentToRender = (\n        <AutoPatternsTableGridSwitch configuration={config} />\n      );\n    } else if (tableConfig) {\n      const config = { ...sharedConfig, ...tableConfig };\n      componentToRender = <AutoPatternsTable configuration={config} />;\n    } else if (gridConfig) {\n      componentType = 'Grid';\n      const config = { ...sharedConfig, ...gridConfig };\n      componentToRender = <AutoPatternsGrid configuration={config} />;\n    }\n\n    return { componentToRender, componentType };\n  }, [layout, sharedConfig]);\n\n  const { componentToRender, componentType } = memoized;\n\n  return (\n    <>\n      {componentToRender ? (\n        <SchemaProvider\n          key={`${sharedConfig.collection.collectionId}-${index}`}\n          collection={sharedConfig.collection}\n          skeleton={<SkeletonCollection componentType={componentType} />}\n        >\n          {componentToRender}\n        </SchemaProvider>\n      ) : null}\n    </>\n  );\n};\n"],"mappings":"AACA,SAASA,2BAA2B,QAAQ,4DAA4D;AACxG,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,cAAc,QAAQ,iBAAiB;AAChD,SAASC,kBAAkB,QAAQ,yDAAyD;AAC5F,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,OAAO,MAAMC,+BAA+B,GAAGC,IAAA,IAMzC;EAAA,IAN0C;IAC9CC,SAAS;IACTC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM;IAAEG,MAAM;IAAE,GAAGC;EAAa,CAAC,GAAGH,SAAS;EAE7C,MAAMI,QAAQ,GAAGP,OAAO,CAAC,MAAM;IAAA,IAAAQ,YAAA,EAAAC,aAAA;IAC7B,IAAI,EAACJ,MAAM,YAANA,MAAM,CAAEK,MAAM,GAAE;MACnB,OAAO;QACLC,iBAAiB,EAAE,IAAI;QACvBC,aAAa,EAAE;MACjB,CAAC;IACH;IAEA,MAAMC,WAAW,IAAAL,YAAA,GAAGH,MAAM,CAACS,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,OAAO,CAAC,qBAA5CR,YAAA,CAA8CS,KAAK;IACvE,MAAMC,UAAU,IAAAT,aAAA,GAAGJ,MAAM,CAACS,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,IAAI,KAAK,MAAM,CAAC,qBAA3CP,aAAA,CAA6CU,IAAI;IAEpE,IAAIP,aAA+B,GAAG,OAAO;IAC7C,IAAID,iBAAkC,GAAG,IAAI;IAE7C,IAAIE,WAAW,IAAIK,UAAU,EAAE;MAC7B,MAAME,MAAM,GAAG;QACb,GAAGd,YAAY;QACf,GAAGO,WAAW;QACd,GAAGK;MACL,CAAC;MACDP,iBAAiB,gBACfZ,KAAA,CAAAsB,aAAA,CAAC3B,2BAA2B;QAAC4B,aAAa,EAAEF;MAAO,CAAE,CACtD;IACH,CAAC,MAAM,IAAIP,WAAW,EAAE;MACtB,MAAMO,MAAM,GAAG;QAAE,GAAGd,YAAY;QAAE,GAAGO;MAAY,CAAC;MAClDF,iBAAiB,gBAAGZ,KAAA,CAAAsB,aAAA,CAAC1B,iBAAiB;QAAC2B,aAAa,EAAEF;MAAO,CAAE,CAAC;IAClE,CAAC,MAAM,IAAIF,UAAU,EAAE;MACrBN,aAAa,GAAG,MAAM;MACtB,MAAMQ,MAAM,GAAG;QAAE,GAAGd,YAAY;QAAE,GAAGY;MAAW,CAAC;MACjDP,iBAAiB,gBAAGZ,KAAA,CAAAsB,aAAA,CAACzB,gBAAgB;QAAC0B,aAAa,EAAEF;MAAO,CAAE,CAAC;IACjE;IAEA,OAAO;MAAET,iBAAiB;MAAEC;IAAc,CAAC;EAC7C,CAAC,EAAE,CAACP,MAAM,EAAEC,YAAY,CAAC,CAAC;EAE1B,MAAM;IAAEK,iBAAiB;IAAEC;EAAc,CAAC,GAAGL,QAAQ;EAErD,oBACER,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAwB,QAAA,QACGZ,iBAAiB,gBAChBZ,KAAA,CAAAsB,aAAA,CAACxB,cAAc;IACb2B,GAAG,EAAE,GAAGlB,YAAY,CAACmB,UAAU,CAACC,YAAY,IAAItB,KAAK,EAAG;IACxDqB,UAAU,EAAEnB,YAAY,CAACmB,UAAW;IACpCE,QAAQ,eAAE5B,KAAA,CAAAsB,aAAA,CAACvB,kBAAkB;MAACc,aAAa,EAAEA;IAAc,CAAE;EAAE,GAE9DD,iBACa,CAAC,GACf,IACJ,CAAC;AAEP,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
 import { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';
 import { useCollectionPageActions } from '../../hooks/useCollectionPageActions';
+import { SidePanel, Box } from '@wix/design-system';
+import { useAppConfigContext } from '../../providers';
 export const AutoPatternsCollectionPage = _ref => {
   let {
     configuration
@@ -10,9 +12,31 @@ export const AutoPatternsCollectionPage = _ref => {
     title,
     subtitle
   } = configuration;
+  const {
+    layout
+  } = useAppConfigContext();
   const actions = useCollectionPageActions({
     collectionPageActions: configuration.actions
   });
+
+  // This is temporary until we have support on it on CollectionPage component of WixPatterns
+  if (layout === 'panel') {
+    return /*#__PURE__*/React.createElement(SidePanel, {
+      skin: "floating",
+      width: "360px"
+    }, /*#__PURE__*/React.createElement(SidePanel.Header, {
+      title: "Manage Content"
+    }), /*#__PURE__*/React.createElement(SidePanel.Content, {
+      noPadding: true,
+      stretchVertically: true
+    }, /*#__PURE__*/React.createElement(Box, {
+      direction: "vertical",
+      width: "100%",
+      height: "490px"
+    }, /*#__PURE__*/React.createElement(AutoPatternsCollectionPageContent, {
+      configuration: configuration
+    }))));
+  }
   return /*#__PURE__*/React.createElement(CollectionPage, {
     height: "100vh",
     dataHook: "auto-patterns-page"

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

@@ -1 +1 @@
-{"version":3,"names":["React","CollectionPage","AutoPatternsCollectionPageContent","useCollectionPageActions","AutoPatternsCollectionPage","_ref","configuration","title","subtitle","actions","collectionPageActions","createElement","height","dataHook","Header","primaryAction","primaryActions","secondaryActions","Content"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={actions.primaryActions}\n        secondaryActions={actions.secondaryActions}\n      />\n      <CollectionPage.Content>\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n    </CollectionPage>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,iCAAiC,QAAQ,sCAAsC;AAExF,SAASC,wBAAwB,QAAQ,sCAAsC;AAM/E,OAAO,MAAMC,0BAEZ,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EACpB,MAAM;IAAEE,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EAEzC,MAAMG,OAAO,GAAGN,wBAAwB,CAAC;IACvCO,qBAAqB,EAAEJ,aAAa,CAACG;EACvC,CAAC,CAAC;EAEF,oBACET,KAAA,CAAAW,aAAA,CAACV,cAAc;IAACW,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC;EAAoB,gBAC1Db,KAAA,CAAAW,aAAA,CAACV,cAAc,CAACa,MAAM;IACpBP,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBO,aAAa,EAAEN,OAAO,CAACO,cAAe;IACtCC,gBAAgB,EAAER,OAAO,CAACQ;EAAiB,CAC5C,CAAC,eACFjB,KAAA,CAAAW,aAAA,CAACV,cAAc,CAACiB,OAAO,qBACrBlB,KAAA,CAAAW,aAAA,CAACT,iCAAiC;IAACI,aAAa,EAAEA;EAAc,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CollectionPage","AutoPatternsCollectionPageContent","useCollectionPageActions","SidePanel","Box","useAppConfigContext","AutoPatternsCollectionPage","_ref","configuration","title","subtitle","layout","actions","collectionPageActions","createElement","skin","width","Header","Content","noPadding","stretchVertically","direction","height","dataHook","primaryAction","primaryActions","secondaryActions"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport { CollectionPageConfig } from '../../types/CollectionPageConfig';\nimport { useCollectionPageActions } from '../../hooks/useCollectionPageActions';\nimport { SidePanel, Box } from '@wix/design-system';\nimport { useAppConfigContext } from '../../providers';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { title, subtitle } = configuration;\n  const { layout } = useAppConfigContext();\n\n  const actions = useCollectionPageActions({\n    collectionPageActions: configuration.actions,\n  });\n\n  // This is temporary until we have support on it on CollectionPage component of WixPatterns\n  if (layout === 'panel') {\n    return (\n      <SidePanel skin=\"floating\" width=\"360px\">\n        <SidePanel.Header title=\"Manage Content\" />\n        <SidePanel.Content noPadding stretchVertically>\n          <Box direction=\"vertical\" width=\"100%\" height=\"490px\">\n            <AutoPatternsCollectionPageContent configuration={configuration} />\n          </Box>\n        </SidePanel.Content>\n      </SidePanel>\n    );\n  }\n\n  return (\n    <CollectionPage height=\"100vh\" dataHook=\"auto-patterns-page\">\n      <CollectionPage.Header\n        title={title}\n        subtitle={subtitle}\n        primaryAction={actions.primaryActions}\n        secondaryActions={actions.secondaryActions}\n      />\n      <CollectionPage.Content>\n        <AutoPatternsCollectionPageContent configuration={configuration} />\n      </CollectionPage.Content>\n    </CollectionPage>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,iCAAiC,QAAQ,sCAAsC;AAExF,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,SAAS,EAAEC,GAAG,QAAQ,oBAAoB;AACnD,SAASC,mBAAmB,QAAQ,iBAAiB;AAMrD,OAAO,MAAMC,0BAEZ,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EACpB,MAAM;IAAEE,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EACzC,MAAM;IAAEG;EAAO,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAExC,MAAMO,OAAO,GAAGV,wBAAwB,CAAC;IACvCW,qBAAqB,EAAEL,aAAa,CAACI;EACvC,CAAC,CAAC;;EAEF;EACA,IAAID,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEZ,KAAA,CAAAe,aAAA,CAACX,SAAS;MAACY,IAAI,EAAC,UAAU;MAACC,KAAK,EAAC;IAAO,gBACtCjB,KAAA,CAAAe,aAAA,CAACX,SAAS,CAACc,MAAM;MAACR,KAAK,EAAC;IAAgB,CAAE,CAAC,eAC3CV,KAAA,CAAAe,aAAA,CAACX,SAAS,CAACe,OAAO;MAACC,SAAS;MAACC,iBAAiB;IAAA,gBAC5CrB,KAAA,CAAAe,aAAA,CAACV,GAAG;MAACiB,SAAS,EAAC,UAAU;MAACL,KAAK,EAAC,MAAM;MAACM,MAAM,EAAC;IAAO,gBACnDvB,KAAA,CAAAe,aAAA,CAACb,iCAAiC;MAACO,aAAa,EAAEA;IAAc,CAAE,CAC/D,CACY,CACV,CAAC;EAEhB;EAEA,oBACET,KAAA,CAAAe,aAAA,CAACd,cAAc;IAACsB,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC;EAAoB,gBAC1DxB,KAAA,CAAAe,aAAA,CAACd,cAAc,CAACiB,MAAM;IACpBR,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBc,aAAa,EAAEZ,OAAO,CAACa,cAAe;IACtCC,gBAAgB,EAAEd,OAAO,CAACc;EAAiB,CAC5C,CAAC,eACF3B,KAAA,CAAAe,aAAA,CAACd,cAAc,CAACkB,OAAO,qBACrBnB,KAAA,CAAAe,aAAA,CAACb,iCAAiC;IAACO,aAAa,EAAEA;EAAc,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC","ignoreList":[]}

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

@@ -81,7 +81,8 @@ export const EditModeEntityPage = _ref => {
   } = useEntityPageHeaderTexts({
     config: configuration,
     isCreateMode,
-    entityDisplayName: entity == null ? void 0 : entity[schema.displayField]
+    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entity
   });
   const sdk = useActionsSDK({
     collectionId

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","MoreActions","useForm","useParams","useSchema","useEntityPageHeaderTexts","useNavigation","useEntityPageMoreActions","useActionsSDK","RenderLayoutCard","EditModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","mode","params","entityId","id","schema","isCreateMode","inputRefs","setInputRef","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","get","title","subtitle","config","entityDisplayName","displayField","sdk","resolvedMoreActions","createElement","dataHook","Header","length","items","Content","MainContent","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/EditModeEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { RenderLayoutCard } from './RenderLayout';\nimport { EditEntityPageConfig } from '../../types';\n\nexport const EditModeEntityPage: React.FC<{\n  configuration: EditEntityPageConfig;\n}> = ({ configuration }) => {\n  const {\n    layout: pageLayout,\n    parentPageId,\n    route,\n    actions,\n    collectionId,\n  } = configuration;\n\n  const moreActions = actions?.moreActions;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const isCreateMode = !entityId;\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode,\n    entityDisplayName: entity?.[schema.displayField],\n  });\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n    form,\n  );\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={title}\n        subtitle={subtitle}\n        moreActions={\n          resolvedMoreActions.length > 0 ? (\n            <MoreActions items={resolvedMoreActions} />\n          ) : undefined\n        }\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent dataHook=\"entity-page-main-content\">\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","MoreActions","useForm","useParams","useSchema","useEntityPageHeaderTexts","useNavigation","useEntityPageMoreActions","useActionsSDK","RenderLayoutCard","EditModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","mode","params","entityId","id","schema","isCreateMode","inputRefs","setInputRef","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","get","title","subtitle","config","entityDisplayName","displayField","sdk","resolvedMoreActions","createElement","dataHook","Header","length","items","Content","MainContent","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/EditModeEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  MoreActions,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { RenderLayoutCard } from './RenderLayout';\nimport { EditEntityPageConfig } from '../../types';\n\nexport const EditModeEntityPage: React.FC<{\n  configuration: EditEntityPageConfig;\n}> = ({ configuration }) => {\n  const {\n    layout: pageLayout,\n    parentPageId,\n    route,\n    actions,\n    collectionId,\n  } = configuration;\n\n  const moreActions = actions?.moreActions;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const isCreateMode = !entityId;\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode,\n    entityDisplayName: entity?.[schema.displayField],\n    entity,\n  });\n\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n    form,\n  );\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={title}\n        subtitle={subtitle}\n        moreActions={\n          resolvedMoreActions.length > 0 ? (\n            <MoreActions items={resolvedMoreActions} />\n          ) : undefined\n        }\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent dataHook=\"entity-page-main-content\">\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,17 +1,20 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Box, Cell, Heading, Layout, Page } from '@wix/design-system';
-import { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useEffect } from 'react';
+import { Page, Heading, Box, Layout, Cell, Badge } from '@wix/design-system';
 import { useParams } from 'react-router-dom';
-import { useSchema } from '../../providers';
-import { useNavigation } from '../../hooks/useNavigationUtils';
+import { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
+import { useSchema } from '../../providers/SchemaContext';
+import { useNavigation } from '../../hooks';
 import { MoreActions } from '@wix/patterns';
 import { useEntityPageActions } from '../../hooks/useEntityPageActions';
 import { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';
 import { useActionsSDK } from '../../hooks/useActionsSDK';
 import { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';
+import { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';
+import { SkeletonEntity } from './SkeletonEntity';
 // TODO: temp solution until we have a proper view mode entity page
 export const ViewModeEntityPage = _ref => {
-  var _configuration$subtit, _pageLayout$main, _pageLayout$sidebar;
+  var _pageLayout$main, _pageLayout$sidebar;
   let {
     configuration
   } = _ref;
@@ -45,14 +48,16 @@ export const ViewModeEntityPage = _ref => {
       isMounted = false;
     };
   }, [entityId, schema]);
-  const title = useMemo(() => {
-    if (configuration.title) {
-      return configuration.title.text;
-    } else {
-      return (entity == null ? void 0 : entity[schema.displayField]) ?? 'View Item';
-    }
-  }, [configuration.title, entity, schema.displayField]);
-  const subtitle = (_configuration$subtit = configuration.subtitle) == null ? void 0 : _configuration$subtit.text;
+  const {
+    title,
+    subtitle
+  } = useEntityPageHeaderTexts({
+    config: configuration,
+    isCreateMode: false,
+    isViewMode: true,
+    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entity
+  });
   const sdk = useActionsSDK({
     collectionId: configuration.collectionId
   });
@@ -68,14 +73,36 @@ export const ViewModeEntityPage = _ref => {
     configuration
   });
   const resolvedMoreActions = useEntityPageMoreActions(moreActions, entity, sdk);
+  const renderTitle = () => {
+    const {
+      text,
+      badges
+    } = title;
+    return /*#__PURE__*/React.createElement(Box, {
+      gap: "SP2",
+      verticalAlign: "middle",
+      alignContent: "center"
+    }, /*#__PURE__*/React.createElement(Heading, {
+      size: "extraLarge"
+    }, text), badges && badges.length > 0 && /*#__PURE__*/React.createElement(Box, {
+      gap: "SP2"
+    }, badges.map((badge, index) => /*#__PURE__*/React.createElement(Badge, _extends({
+      key: index
+    }, badge, {
+      dataHook: `form-page-header-badge-${index}`
+    }), badge.text))));
+  };
+  if (!entity) {
+    return /*#__PURE__*/React.createElement(SkeletonEntity, {
+      entityPage: configuration
+    });
+  }
   return /*#__PURE__*/React.createElement(Page, {
     dataHook: "view-mode-entity-page"
   }, /*#__PURE__*/React.createElement(Page.Header, {
     dataHook: "view-mode-entity-page-header",
-    title: /*#__PURE__*/React.createElement(Heading, {
-      size: "extraLarge"
-    }, title),
-    subtitle: subtitle,
+    title: renderTitle(),
+    subtitle: subtitle == null ? void 0 : subtitle.text,
     showBackButton: true,
     onBackClicked: () => navigateToCollectionPage(configuration.parentPageId),
     actionsBar: /*#__PURE__*/React.createElement(Box, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useState","Box","Cell","Heading","Layout","Page","RenderViewLayoutCard","useParams","useSchema","useNavigation","MoreActions","useEntityPageActions","useEntityPageMoreActions","useActionsSDK","useNavigateEditEntityAction","ViewModeEntityPage","_ref","_configuration$subtit","_pageLayout$main","_pageLayout$sidebar","configuration","route","params","entityId","id","schema","layout","pageLayout","navigateToCollectionPage","entity","setEntity","undefined","isMounted","fetchEntity","fetchedEntity","actions","get","title","text","displayField","subtitle","sdk","collectionId","entityPageActions","moreActions","displayName","resolvedMoreActions","createElement","dataHook","Header","size","showBackButton","onBackClicked","parentPageId","actionsBar","gap","length","items","Content","span","sidebar","direction","main","map","layoutIndex","key","sectionId","cardIndex"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { ViewEntityPageConfig } from '../../types';\nimport { Box, Cell, Heading, Layout, Page } from '@wix/design-system';\nimport { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers';\nimport { useNavigation } from '../../hooks/useNavigationUtils';\nimport { MoreActions } from '@wix/patterns';\nimport { useEntityPageActions } from '../../hooks/useEntityPageActions';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';\n\ninterface ViewModeEntityPageProps {\n  configuration: ViewEntityPageConfig;\n}\n\n// TODO: temp solution until we have a proper view mode entity page\nexport const ViewModeEntityPage: React.FC<ViewModeEntityPageProps> = ({\n  configuration,\n}) => {\n  const { route } = configuration;\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const { layout: pageLayout } = configuration;\n  const { navigateToCollectionPage } = useNavigation();\n\n  const [entity, setEntity] = useState<any>(undefined);\n\n  useEffect(() => {\n    let isMounted = true;\n    const fetchEntity = async () => {\n      if (!entityId) {\n        setEntity(undefined);\n        return;\n      }\n      const fetchedEntity = await schema.actions.get(entityId);\n      if (isMounted) {\n        setEntity(fetchedEntity);\n      }\n    };\n    fetchEntity();\n    return () => {\n      isMounted = false;\n    };\n  }, [entityId, schema]);\n\n  const title = useMemo(() => {\n    if (configuration.title) {\n      return configuration.title.text;\n    } else {\n      return entity?.[schema.displayField] ?? 'View Item';\n    }\n  }, [configuration.title, entity, schema.displayField]);\n\n  const subtitle = configuration.subtitle?.text;\n\n  const sdk = useActionsSDK({\n    collectionId: configuration.collectionId,\n  });\n\n  const actions = useEntityPageActions({\n    entityPageActions: configuration.actions,\n    entity,\n    sdk,\n  });\n\n  // add OOTB navigate to edit action\n  const moreActions = useNavigateEditEntityAction({\n    displayName: entity?.[schema.displayField],\n    configuration,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n  );\n\n  return (\n    <Page dataHook=\"view-mode-entity-page\">\n      <Page.Header\n        dataHook=\"view-mode-entity-page-header\"\n        title={<Heading size=\"extraLarge\">{title}</Heading>}\n        subtitle={subtitle}\n        showBackButton\n        onBackClicked={() =>\n          navigateToCollectionPage(configuration.parentPageId!)\n        }\n        actionsBar={\n          <Box gap=\"SP2\">\n            {resolvedMoreActions.length > 0 ? (\n              <MoreActions\n                dataHook=\"view-mode-entity-page-more-actions\"\n                items={resolvedMoreActions}\n              />\n            ) : undefined}\n            {actions}\n          </Box>\n        }\n      />\n      <Page.Content>\n        <Layout>\n          <Cell span={pageLayout?.sidebar ? 8 : 12}>\n            <Box direction=\"vertical\" gap=\"SP4\">\n              {pageLayout?.main?.map((layout, layoutIndex) => (\n                <RenderViewLayoutCard\n                  key={`main-section-card-${layoutIndex}`}\n                  entity={entity}\n                  layout={layout}\n                  sectionId=\"main\"\n                  cardIndex={layoutIndex}\n                />\n              ))}\n            </Box>\n          </Cell>\n          {pageLayout?.sidebar ? (\n            <Cell span={4}>\n              <Box direction=\"vertical\" gap=\"SP4\">\n                {pageLayout.sidebar?.map((layout, layoutIndex) => (\n                  <RenderViewLayoutCard\n                    key={`sidebar-section-card-${layoutIndex}`}\n                    entity={entity}\n                    layout={layout}\n                    sectionId=\"sidebar\"\n                    cardIndex={layoutIndex}\n                  />\n                ))}\n              </Box>\n            </Cell>\n          ) : null}\n        </Layout>\n      </Page.Content>\n    </Page>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","Page","Heading","Box","Layout","Cell","Badge","useParams","RenderViewLayoutCard","useSchema","useNavigation","MoreActions","useEntityPageActions","useEntityPageMoreActions","useActionsSDK","useNavigateEditEntityAction","useEntityPageHeaderTexts","SkeletonEntity","ViewModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","route","params","entityId","id","schema","layout","pageLayout","navigateToCollectionPage","entity","setEntity","undefined","isMounted","fetchEntity","fetchedEntity","actions","get","title","subtitle","config","isCreateMode","isViewMode","entityDisplayName","displayField","sdk","collectionId","entityPageActions","moreActions","displayName","resolvedMoreActions","renderTitle","text","badges","createElement","gap","verticalAlign","alignContent","size","length","map","badge","index","_extends","key","dataHook","entityPage","Header","showBackButton","onBackClicked","parentPageId","actionsBar","items","Content","span","sidebar","direction","main","layoutIndex","sectionId","cardIndex"],"sources":["../../../../src/components/AutoPatternsEntityPage/ViewModeEntityPage.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Page, Heading, Box, Layout, Cell, Badge } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { useNavigation } from '../../hooks';\nimport { MoreActions } from '@wix/patterns';\nimport { useEntityPageActions } from '../../hooks/useEntityPageActions';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';\nimport { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';\nimport { ViewEntityPageConfig } from '../../types';\nimport { SkeletonEntity } from './SkeletonEntity';\n\ninterface ViewModeEntityPageProps {\n  configuration: ViewEntityPageConfig;\n}\n\n// TODO: temp solution until we have a proper view mode entity page\nexport const ViewModeEntityPage: React.FC<ViewModeEntityPageProps> = ({\n  configuration,\n}) => {\n  const { route } = configuration;\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const { layout: pageLayout } = configuration;\n  const { navigateToCollectionPage } = useNavigation();\n\n  const [entity, setEntity] = useState<any>(undefined);\n\n  useEffect(() => {\n    let isMounted = true;\n    const fetchEntity = async () => {\n      if (!entityId) {\n        setEntity(undefined);\n        return;\n      }\n      const fetchedEntity = await schema.actions.get(entityId);\n      if (isMounted) {\n        setEntity(fetchedEntity);\n      }\n    };\n    fetchEntity();\n    return () => {\n      isMounted = false;\n    };\n  }, [entityId, schema]);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode: false,\n    isViewMode: true,\n    entityDisplayName: entity?.[schema.displayField],\n    entity,\n  });\n\n  const sdk = useActionsSDK({\n    collectionId: configuration.collectionId,\n  });\n\n  const actions = useEntityPageActions({\n    entityPageActions: configuration.actions,\n    entity,\n    sdk,\n  });\n\n  // add OOTB navigate to edit action\n  const moreActions = useNavigateEditEntityAction({\n    displayName: entity?.[schema.displayField],\n    configuration,\n  });\n\n  const resolvedMoreActions = useEntityPageMoreActions(\n    moreActions,\n    entity,\n    sdk,\n  );\n\n  const renderTitle = () => {\n    const { text, badges } = title;\n\n    return (\n      <Box gap=\"SP2\" verticalAlign=\"middle\" alignContent=\"center\">\n        <Heading size=\"extraLarge\">{text}</Heading>\n        {badges && badges.length > 0 && (\n          <Box gap=\"SP2\">\n            {badges.map((badge, index) => (\n              <Badge\n                key={index}\n                {...badge}\n                dataHook={`form-page-header-badge-${index}`}\n              >\n                {badge.text}\n              </Badge>\n            ))}\n          </Box>\n        )}\n      </Box>\n    );\n  };\n\n  if (!entity) {\n    return <SkeletonEntity entityPage={configuration} />;\n  }\n  return (\n    <Page dataHook=\"view-mode-entity-page\">\n      <Page.Header\n        dataHook=\"view-mode-entity-page-header\"\n        title={renderTitle()}\n        subtitle={subtitle?.text}\n        showBackButton\n        onBackClicked={() =>\n          navigateToCollectionPage(configuration.parentPageId!)\n        }\n        actionsBar={\n          <Box gap=\"SP2\">\n            {resolvedMoreActions.length > 0 ? (\n              <MoreActions\n                dataHook=\"view-mode-entity-page-more-actions\"\n                items={resolvedMoreActions}\n              />\n            ) : undefined}\n            {actions}\n          </Box>\n        }\n      />\n      <Page.Content>\n        <Layout>\n          <Cell span={pageLayout?.sidebar ? 8 : 12}>\n            <Box direction=\"vertical\" gap=\"SP4\">\n              {pageLayout?.main?.map((layout, layoutIndex) => (\n                <RenderViewLayoutCard\n                  key={`main-section-card-${layoutIndex}`}\n                  entity={entity}\n                  layout={layout}\n                  sectionId=\"main\"\n                  cardIndex={layoutIndex}\n                />\n              ))}\n            </Box>\n          </Cell>\n          {pageLayout?.sidebar ? (\n            <Cell span={4}>\n              <Box direction=\"vertical\" gap=\"SP4\">\n                {pageLayout.sidebar?.map((layout, layoutIndex) => (\n                  <RenderViewLayoutCard\n                    key={`sidebar-section-card-${layoutIndex}`}\n                    entity={entity}\n                    layout={layout}\n                    sectionId=\"sidebar\"\n                    cardIndex={layoutIndex}\n                  />\n                ))}\n              </Box>\n            </Cell>\n          ) : null}\n        </Layout>\n      </Page.Content>\n    </Page>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/AutoPatternsRoute/AutoPatternsRoutes.js

@@ -14,6 +14,14 @@ export const AutoPatternsRoutes = _ref => {
   const {
     getPagePath
   } = usePagePath(config);
+  if (config.layout === 'panel') {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, config.pages.map(page => {
+      return /*#__PURE__*/React.createElement(AutoPatternsPage, {
+        key: page.id,
+        pageConfig: page
+      });
+    }));
+  }
   const mainPage = config.pages.find(page => page.appMainPage);
   const routes = config.pages.map(page => {
     const routePath = getPagePath(page.id);

package/dist/esm/components/AutoPatternsRoute/AutoPatternsRoutes.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","usePagePath","PatternsReactRoute","PatternsReactRouter","AutoPatternsPage","Navigate","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsRoutes","_ref","config","getPagePath","mainPage","pages","find","page","appMainPage","routes","map","routePath","id","createElement","key","type","path","element","pageConfig","filter","Boolean","mainPagePath","push","to"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagePath } from '../../hooks';\nimport { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';\nimport { AutoPatternsPage } from './AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\nimport { Navigate } from 'react-router-dom';\nimport { AppConfig } from '../../types';\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n};\n\nexport const AutoPatternsRoutes = ({ config }: { config: AppConfig }) => {\n  const { getPagePath } = usePagePath(config);\n  const mainPage = config.pages.find((page) => page.appMainPage);\n\n  const routes = config.pages\n    .map((page) => {\n      const routePath = getPagePath(page.id);\n\n      if (!routePath) {\n        return null;\n      }\n\n      return (\n        <PatternsReactRoute\n          key={page.id}\n          type={pageTypeToRouteType[page.type] ?? 'other'}\n          path={routePath}\n          element={<AutoPatternsPage pageConfig={page} />}\n        />\n      );\n    })\n    .filter(Boolean);\n\n  if (mainPage) {\n    const mainPagePath = getPagePath(mainPage.id);\n\n    if (mainPagePath) {\n      routes.push(\n        <PatternsReactRoute\n          key=\"main-redirect\"\n          type=\"other\"\n          path=\"/\"\n          element={<Navigate to={mainPagePath} />}\n        />,\n      );\n    }\n  }\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAC9E,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAClE,MAAM;IAAEE;EAAY,CAAC,GAAGX,WAAW,CAACU,MAAM,CAAC;EAC3C,MAAME,QAAQ,GAAGF,MAAM,CAACG,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,WAAW,CAAC;EAE9D,MAAMC,MAAM,GAAGP,MAAM,CAACG,KAAK,CACxBK,GAAG,CAAEH,IAAI,IAAK;IACb,MAAMI,SAAS,GAAGR,WAAW,CAACI,IAAI,CAACK,EAAE,CAAC;IAEtC,IAAI,CAACD,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,oBACEpB,KAAA,CAAAsB,aAAA,CAACpB,kBAAkB;MACjBqB,GAAG,EAAEP,IAAI,CAACK,EAAG;MACbG,IAAI,EAAElB,mBAAmB,CAACU,IAAI,CAACQ,IAAI,CAAC,IAAI,OAAQ;MAChDC,IAAI,EAAEL,SAAU;MAChBM,OAAO,eAAE1B,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB;QAACuB,UAAU,EAAEX;MAAK,CAAE;IAAE,CACjD,CAAC;EAEN,CAAC,CAAC,CACDY,MAAM,CAACC,OAAO,CAAC;EAElB,IAAIhB,QAAQ,EAAE;IACZ,MAAMiB,YAAY,GAAGlB,WAAW,CAACC,QAAQ,CAACQ,EAAE,CAAC;IAE7C,IAAIS,YAAY,EAAE;MAChBZ,MAAM,CAACa,IAAI,cACT/B,KAAA,CAAAsB,aAAA,CAACpB,kBAAkB;QACjBqB,GAAG,EAAC,eAAe;QACnBC,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,GAAG;QACRC,OAAO,eAAE1B,KAAA,CAAAsB,aAAA,CAACjB,QAAQ;UAAC2B,EAAE,EAAEF;QAAa,CAAE;MAAE,CACzC,CACH,CAAC;IACH;EACF;EAEA,oBAAO9B,KAAA,CAAAsB,aAAA,CAACnB,mBAAmB,QAAEe,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}
+{"version":3,"names":["React","usePagePath","PatternsReactRoute","PatternsReactRouter","AutoPatternsPage","Navigate","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsRoutes","_ref","config","getPagePath","layout","createElement","Fragment","pages","map","page","key","id","pageConfig","mainPage","find","appMainPage","routes","routePath","type","path","element","filter","Boolean","mainPagePath","push","to"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagePath } from '../../hooks';\nimport { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';\nimport { AutoPatternsPage } from './AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\nimport { Navigate } from 'react-router-dom';\nimport { AppConfig } from '../../types';\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n};\n\nexport const AutoPatternsRoutes = ({ config }: { config: AppConfig }) => {\n  const { getPagePath } = usePagePath(config);\n\n  if (config.layout === 'panel') {\n    return (\n      <>\n        {config.pages.map((page) => {\n          return <AutoPatternsPage key={page.id} pageConfig={page} />;\n        })}\n      </>\n    );\n  }\n\n  const mainPage = config.pages.find((page) => page.appMainPage);\n\n  const routes = config.pages\n    .map((page) => {\n      const routePath = getPagePath(page.id);\n\n      if (!routePath) {\n        return null;\n      }\n\n      return (\n        <PatternsReactRoute\n          key={page.id}\n          type={pageTypeToRouteType[page.type] ?? 'other'}\n          path={routePath}\n          element={<AutoPatternsPage pageConfig={page} />}\n        />\n      );\n    })\n    .filter(Boolean);\n\n  if (mainPage) {\n    const mainPagePath = getPagePath(mainPage.id);\n\n    if (mainPagePath) {\n      routes.push(\n        <PatternsReactRoute\n          key=\"main-redirect\"\n          type=\"other\"\n          path=\"/\"\n          element={<Navigate to={mainPagePath} />}\n        />,\n      );\n    }\n  }\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,sBAAsB;AAC9E,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAClE,MAAM;IAAEE;EAAY,CAAC,GAAGX,WAAW,CAACU,MAAM,CAAC;EAE3C,IAAIA,MAAM,CAACE,MAAM,KAAK,OAAO,EAAE;IAC7B,oBACEb,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAe,QAAA,QACGJ,MAAM,CAACK,KAAK,CAACC,GAAG,CAAEC,IAAI,IAAK;MAC1B,oBAAOlB,KAAA,CAAAc,aAAA,CAACV,gBAAgB;QAACe,GAAG,EAAED,IAAI,CAACE,EAAG;QAACC,UAAU,EAAEH;MAAK,CAAE,CAAC;IAC7D,CAAC,CACD,CAAC;EAEP;EAEA,MAAMI,QAAQ,GAAGX,MAAM,CAACK,KAAK,CAACO,IAAI,CAAEL,IAAI,IAAKA,IAAI,CAACM,WAAW,CAAC;EAE9D,MAAMC,MAAM,GAAGd,MAAM,CAACK,KAAK,CACxBC,GAAG,CAAEC,IAAI,IAAK;IACb,MAAMQ,SAAS,GAAGd,WAAW,CAACM,IAAI,CAACE,EAAE,CAAC;IAEtC,IAAI,CAACM,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,oBACE1B,KAAA,CAAAc,aAAA,CAACZ,kBAAkB;MACjBiB,GAAG,EAAED,IAAI,CAACE,EAAG;MACbO,IAAI,EAAErB,mBAAmB,CAACY,IAAI,CAACS,IAAI,CAAC,IAAI,OAAQ;MAChDC,IAAI,EAAEF,SAAU;MAChBG,OAAO,eAAE7B,KAAA,CAAAc,aAAA,CAACV,gBAAgB;QAACiB,UAAU,EAAEH;MAAK,CAAE;IAAE,CACjD,CAAC;EAEN,CAAC,CAAC,CACDY,MAAM,CAACC,OAAO,CAAC;EAElB,IAAIT,QAAQ,EAAE;IACZ,MAAMU,YAAY,GAAGpB,WAAW,CAACU,QAAQ,CAACF,EAAE,CAAC;IAE7C,IAAIY,YAAY,EAAE;MAChBP,MAAM,CAACQ,IAAI,cACTjC,KAAA,CAAAc,aAAA,CAACZ,kBAAkB;QACjBiB,GAAG,EAAC,eAAe;QACnBQ,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,GAAG;QACRC,OAAO,eAAE7B,KAAA,CAAAc,aAAA,CAACT,QAAQ;UAAC6B,EAAE,EAAEF;QAAa,CAAE;MAAE,CACzC,CACH,CAAC;IACH;EACF;EAEA,oBAAOhC,KAAA,CAAAc,aAAA,CAACX,mBAAmB,QAAEsB,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}

package/dist/esm/dataSourceAdapters/cms/cmsAdapter.js

@@ -19,7 +19,7 @@ export const CmsFieldTypeToPatternsFieldType = {
 };
 export async function fetchCmsSchema(collectionId) {
   const schema = await errorHandler.withErrorHandler(async () => collections.getDataCollection(collectionId), {});
-  const transformedFields = schema.fields.reduce((acc, field) => {
+  const transformedFields = (schema.fields || []).reduce((acc, field) => {
     var _field$capabilities, _field$capabilities2, _field$typeMetadata;
     if (!field.key) {
       return acc;

package/dist/esm/dataSourceAdapters/cms/cmsAdapter.js.map

@@ -1 +1 @@
-{"version":3,"names":["collections","items","fetchCmsData","errorHandler","CmsFieldTypeToPatternsFieldType","Type","TEXT","DATE","DATETIME","NUMBER","BOOLEAN","URL","ADDRESS","OBJECT","RICH_TEXT","RICH_CONTENT","ARRAY","ARRAY_STRING","REFERENCE","IMAGE","fetchCmsSchema","collectionId","schema","withErrorHandler","getDataCollection","transformedFields","fields","reduce","acc","field","_field$capabilities","_field$capabilities2","_field$typeMetadata","key","fieldType","type","baseField","id","displayName","validation","numberRange","min","undefined","max","stringLengthRange","minLength","maxLength","required","capabilities","supportedQueryOperators","queryOperators","sortable","typeMetadata","reference","referencedCollectionId","referenceField","referenceMetadata","nonReferenceType","nonReferenceField","schemaConfig","displayField","idField","actions","get","entityId","create","entity","insert","update","delete","remove","bulkDelete","entityIds","bulkRemove","find","query","options"],"sources":["../../../../src/dataSourceAdapters/cms/cmsAdapter.ts"],"sourcesContent":["import { Field, SchemaConfig, PatternsFieldType } from '../../types';\nimport { collections, items } from '@wix/data';\nimport { fetchCmsData } from './fetchCmsData';\nimport { errorHandler } from '@wix/essentials';\n\nexport const CmsFieldTypeToPatternsFieldType: Partial<\n  Record<collections.Type, PatternsFieldType>\n> = {\n  [collections.Type.TEXT]: 'SHORT_TEXT',\n  [collections.Type.DATE]: 'DATE',\n  [collections.Type.DATETIME]: 'DATETIME',\n  [collections.Type.NUMBER]: 'NUMBER',\n  [collections.Type.BOOLEAN]: 'BOOLEAN',\n  [collections.Type.URL]: 'URL',\n  [collections.Type.ADDRESS]: 'SHORT_TEXT',\n  [collections.Type.OBJECT]: 'LONG_TEXT',\n  [collections.Type.RICH_TEXT]: 'LONG_TEXT',\n  [collections.Type.RICH_CONTENT]: 'SHORT_TEXT',\n  [collections.Type.ARRAY]: 'ARRAY',\n  [collections.Type.ARRAY_STRING]: 'ARRAY',\n  [collections.Type.REFERENCE]: 'REFERENCE',\n  [collections.Type.IMAGE]: 'IMAGE',\n};\n\nexport async function fetchCmsSchema(\n  collectionId: string,\n): Promise<SchemaConfig> {\n  const schema = await errorHandler.withErrorHandler(\n    async () => collections.getDataCollection(collectionId),\n    {},\n  );\n  const transformedFields = schema.fields.reduce<Record<string, Field>>(\n    (acc, field) => {\n      if (!field.key) {\n        return acc;\n      }\n\n      const fieldType = field.type\n        ? CmsFieldTypeToPatternsFieldType[field.type] || 'SHORT_TEXT'\n        : 'SHORT_TEXT';\n      const baseField = {\n        id: field.key,\n        displayName: field.displayName || '',\n        validation: {\n          numberRange: field.numberRange\n            ? {\n                min: field.numberRange.min ?? undefined,\n                max: field.numberRange.max ?? undefined,\n              }\n            : undefined,\n          stringLengthRange: field.stringLengthRange\n            ? {\n                minLength: field.stringLengthRange.minLength ?? undefined,\n                maxLength: field.stringLengthRange.maxLength ?? undefined,\n              }\n            : undefined,\n          required: field.required ?? false,\n        },\n        capabilities: {\n          supportedQueryOperators: field.capabilities?.queryOperators || [],\n          sortable: field.capabilities?.sortable || false,\n        },\n      };\n\n      if (\n        fieldType === 'REFERENCE' &&\n        field.typeMetadata?.reference?.referencedCollectionId\n      ) {\n        const referenceField: Field = {\n          ...baseField,\n          type: 'REFERENCE',\n          referenceMetadata: {\n            referencedCollectionId:\n              field.typeMetadata.reference.referencedCollectionId,\n          },\n        };\n        acc[field.key] = referenceField;\n      } else {\n        const nonReferenceType =\n          fieldType === 'REFERENCE' ? 'SHORT_TEXT' : fieldType;\n        const nonReferenceField: Field = {\n          ...baseField,\n          type: nonReferenceType,\n        };\n        acc[field.key] = nonReferenceField;\n      }\n\n      return acc;\n    },\n    {},\n  );\n\n  const schemaConfig: SchemaConfig = {\n    id: collectionId,\n    displayField: schema.displayField ?? '_id',\n    idField: '_id',\n    fields: transformedFields,\n    actions: {\n      get: (entityId: string) => {\n        return items.get(collectionId, entityId);\n      },\n      create: (entity) => {\n        return items.insert(collectionId, entity);\n      },\n      update: (entity) => {\n        return items.update(collectionId, entity);\n      },\n      delete: (entityId) => {\n        return items.remove(collectionId, entityId);\n      },\n      bulkDelete: (entityIds) => {\n        return items.bulkRemove(collectionId, entityIds);\n      },\n      find: async (\n        query,\n        options: {\n          searchableFieldIds?: string[];\n          filterFieldMapping?: Record<string, { fieldId: string }>;\n        } = {},\n      ) => {\n        return fetchCmsData(collectionId, query, transformedFields, options);\n      },\n    },\n  };\n\n  return schemaConfig;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["collections","items","fetchCmsData","errorHandler","CmsFieldTypeToPatternsFieldType","Type","TEXT","DATE","DATETIME","NUMBER","BOOLEAN","URL","ADDRESS","OBJECT","RICH_TEXT","RICH_CONTENT","ARRAY","ARRAY_STRING","REFERENCE","IMAGE","fetchCmsSchema","collectionId","schema","withErrorHandler","getDataCollection","transformedFields","fields","reduce","acc","field","_field$capabilities","_field$capabilities2","_field$typeMetadata","key","fieldType","type","baseField","id","displayName","validation","numberRange","min","undefined","max","stringLengthRange","minLength","maxLength","required","capabilities","supportedQueryOperators","queryOperators","sortable","typeMetadata","reference","referencedCollectionId","referenceField","referenceMetadata","nonReferenceType","nonReferenceField","schemaConfig","displayField","idField","actions","get","entityId","create","entity","insert","update","delete","remove","bulkDelete","entityIds","bulkRemove","find","query","options"],"sources":["../../../../src/dataSourceAdapters/cms/cmsAdapter.ts"],"sourcesContent":["import { Field, SchemaConfig, PatternsFieldType } from '../../types';\nimport { collections, items } from '@wix/data';\nimport { fetchCmsData } from './fetchCmsData';\nimport { errorHandler } from '@wix/essentials';\n\nexport const CmsFieldTypeToPatternsFieldType: Partial<\n  Record<collections.Type, PatternsFieldType>\n> = {\n  [collections.Type.TEXT]: 'SHORT_TEXT',\n  [collections.Type.DATE]: 'DATE',\n  [collections.Type.DATETIME]: 'DATETIME',\n  [collections.Type.NUMBER]: 'NUMBER',\n  [collections.Type.BOOLEAN]: 'BOOLEAN',\n  [collections.Type.URL]: 'URL',\n  [collections.Type.ADDRESS]: 'SHORT_TEXT',\n  [collections.Type.OBJECT]: 'LONG_TEXT',\n  [collections.Type.RICH_TEXT]: 'LONG_TEXT',\n  [collections.Type.RICH_CONTENT]: 'SHORT_TEXT',\n  [collections.Type.ARRAY]: 'ARRAY',\n  [collections.Type.ARRAY_STRING]: 'ARRAY',\n  [collections.Type.REFERENCE]: 'REFERENCE',\n  [collections.Type.IMAGE]: 'IMAGE',\n};\n\nexport async function fetchCmsSchema(\n  collectionId: string,\n): Promise<SchemaConfig> {\n  const schema = await errorHandler.withErrorHandler(\n    async () => collections.getDataCollection(collectionId),\n    {},\n  );\n  const transformedFields = (schema.fields || []).reduce<Record<string, Field>>(\n    (acc, field) => {\n      if (!field.key) {\n        return acc;\n      }\n\n      const fieldType = field.type\n        ? CmsFieldTypeToPatternsFieldType[field.type] || 'SHORT_TEXT'\n        : 'SHORT_TEXT';\n      const baseField = {\n        id: field.key,\n        displayName: field.displayName || '',\n        validation: {\n          numberRange: field.numberRange\n            ? {\n                min: field.numberRange.min ?? undefined,\n                max: field.numberRange.max ?? undefined,\n              }\n            : undefined,\n          stringLengthRange: field.stringLengthRange\n            ? {\n                minLength: field.stringLengthRange.minLength ?? undefined,\n                maxLength: field.stringLengthRange.maxLength ?? undefined,\n              }\n            : undefined,\n          required: field.required ?? false,\n        },\n        capabilities: {\n          supportedQueryOperators: field.capabilities?.queryOperators || [],\n          sortable: field.capabilities?.sortable || false,\n        },\n      };\n\n      if (\n        fieldType === 'REFERENCE' &&\n        field.typeMetadata?.reference?.referencedCollectionId\n      ) {\n        const referenceField: Field = {\n          ...baseField,\n          type: 'REFERENCE',\n          referenceMetadata: {\n            referencedCollectionId:\n              field.typeMetadata.reference.referencedCollectionId,\n          },\n        };\n        acc[field.key] = referenceField;\n      } else {\n        const nonReferenceType =\n          fieldType === 'REFERENCE' ? 'SHORT_TEXT' : fieldType;\n        const nonReferenceField: Field = {\n          ...baseField,\n          type: nonReferenceType,\n        };\n        acc[field.key] = nonReferenceField;\n      }\n\n      return acc;\n    },\n    {},\n  );\n\n  const schemaConfig: SchemaConfig = {\n    id: collectionId,\n    displayField: schema.displayField ?? '_id',\n    idField: '_id',\n    fields: transformedFields,\n    actions: {\n      get: (entityId: string) => {\n        return items.get(collectionId, entityId);\n      },\n      create: (entity) => {\n        return items.insert(collectionId, entity);\n      },\n      update: (entity) => {\n        return items.update(collectionId, entity);\n      },\n      delete: (entityId) => {\n        return items.remove(collectionId, entityId);\n      },\n      bulkDelete: (entityIds) => {\n        return items.bulkRemove(collectionId, entityIds);\n      },\n      find: async (\n        query,\n        options: {\n          searchableFieldIds?: string[];\n          filterFieldMapping?: Record<string, { fieldId: string }>;\n        } = {},\n      ) => {\n        return fetchCmsData(collectionId, query, transformedFields, options);\n      },\n    },\n  };\n\n  return schemaConfig;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/index.js

@@ -4,4 +4,6 @@ export * from './useGridFeatures';
 export * from './useNavigationUtils';
 export * from './usePagePath';
 export * from './useEntityPageHeaderTexts';
+export * from './useUpdateAppContextItems';
+export { useAppContext } from '../providers/AppContext';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableFeatures';\nexport * from './useFilters';\nexport * from './useGridFeatures';\nexport * from './useNavigationUtils';\nexport * from './usePagePath';\nexport * from './useEntityPageHeaderTexts';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,sBAAsB;AACpC,cAAc,eAAe;AAC7B,cAAc,4BAA4B","ignoreList":[]}
+{"version":3,"names":["useAppContext"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableFeatures';\nexport * from './useFilters';\nexport * from './useGridFeatures';\nexport * from './useNavigationUtils';\nexport * from './usePagePath';\nexport * from './useEntityPageHeaderTexts';\nexport * from './useUpdateAppContextItems';\nexport { useAppContext } from '../providers/AppContext';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,sBAAsB;AACpC,cAAc,eAAe;AAC7B,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,SAASA,aAAa,QAAQ,yBAAyB","ignoreList":[]}

package/dist/esm/hooks/useEntityPageHeaderTexts.js

@@ -1,22 +1,61 @@
 import { useMemo } from 'react';
+import { usePatternsWizardOverridesContext } from '../providers/PatternsWizardOverridesContext';
 export const useEntityPageHeaderTexts = _ref => {
+  var _config$title2;
   let {
     config,
     isCreateMode,
-    entityDisplayName
+    isViewMode,
+    entityDisplayName,
+    entity
   } = _ref;
-  const title = useMemo(() => {
+  const overrides = usePatternsWizardOverridesContext();
+  const titleText = useMemo(() => {
     if (config.title) {
-      return config.title;
+      return config.title.text;
     } else {
-      return {
-        text: isCreateMode ? 'Create New Item' : entityDisplayName ?? 'Edit Item'
-      };
+      return isCreateMode ? 'Create New Item' : isViewMode ? entityDisplayName ?? 'View Item' : entityDisplayName ?? 'Edit Item';
     }
-  }, [config.title, entityDisplayName, isCreateMode]);
-  const subtitle = useMemo(() => config.subtitle, [config.subtitle]);
+  }, [config.title, entityDisplayName, isCreateMode, isViewMode]);
+  const subtitle = useMemo(() => {
+    if (!config.subtitle) {
+      return undefined;
+    }
+    if (entity && overrides != null && overrides.entityPageHeaderSubtitle && config.subtitle.id) {
+      const subtitleOverride = overrides.entityPageHeaderSubtitle[config.subtitle.id];
+      if (subtitleOverride) {
+        const overrideResult = subtitleOverride(entity);
+        return {
+          ...config.subtitle,
+          ...overrideResult
+        };
+      }
+    }
+    return {
+      ...config.subtitle,
+      text: config.subtitle.text ?? ''
+    };
+  }, [config.subtitle, entity, overrides == null ? void 0 : overrides.entityPageHeaderSubtitle]);
+  const badges = useMemo(() => {
+    var _config$title;
+    if (!((_config$title = config.title) != null && _config$title.badges)) {
+      return undefined;
+    }
+    // If badges has an id, try to resolve it dynamically
+    if (entity && overrides != null && overrides.entityPageHeaderBadges && config.title.badges.id) {
+      const badgesOverride = overrides.entityPageHeaderBadges[config.title.badges.id];
+      if (badgesOverride) {
+        const overrideBadges = badgesOverride(entity);
+        return overrideBadges;
+      }
+    }
+    return undefined;
+  }, [(_config$title2 = config.title) == null ? void 0 : _config$title2.badges, entity, overrides == null ? void 0 : overrides.entityPageHeaderBadges]);
   return {
-    title,
+    title: {
+      text: titleText,
+      badges
+    },
     subtitle
   };
 };

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useEntityPageHeaderTexts","_ref","config","isCreateMode","entityDisplayName","title","text","subtitle"],"sources":["../../../src/hooks/useEntityPageHeaderTexts.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { EntityPageConfig } from '../types';\n\nexport const useEntityPageHeaderTexts = ({\n  config,\n  isCreateMode,\n  entityDisplayName,\n}: {\n  config: EntityPageConfig;\n  isCreateMode: boolean;\n  entityDisplayName?: string;\n}) => {\n  const title = useMemo(() => {\n    if (config.title) {\n      return config.title;\n    } else {\n      return {\n        text: isCreateMode\n          ? 'Create New Item'\n          : entityDisplayName ?? 'Edit Item',\n      };\n    }\n  }, [config.title, entityDisplayName, isCreateMode]);\n\n  const subtitle = useMemo(() => config.subtitle, [config.subtitle]);\n\n  return { title, subtitle };\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAG/B,OAAO,MAAMC,wBAAwB,GAAGC,IAAA,IAQlC;EAAA,IARmC;IACvCC,MAAM;IACNC,YAAY;IACZC;EAKF,CAAC,GAAAH,IAAA;EACC,MAAMI,KAAK,GAAGN,OAAO,CAAC,MAAM;IAC1B,IAAIG,MAAM,CAACG,KAAK,EAAE;MAChB,OAAOH,MAAM,CAACG,KAAK;IACrB,CAAC,MAAM;MACL,OAAO;QACLC,IAAI,EAAEH,YAAY,GACd,iBAAiB,GACjBC,iBAAiB,IAAI;MAC3B,CAAC;IACH;EACF,CAAC,EAAE,CAACF,MAAM,CAACG,KAAK,EAAED,iBAAiB,EAAED,YAAY,CAAC,CAAC;EAEnD,MAAMI,QAAQ,GAAGR,OAAO,CAAC,MAAMG,MAAM,CAACK,QAAQ,EAAE,CAACL,MAAM,CAACK,QAAQ,CAAC,CAAC;EAElE,OAAO;IAAEF,KAAK;IAAEE;EAAS,CAAC;AAC5B,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","usePatternsWizardOverridesContext","useEntityPageHeaderTexts","_ref","_config$title2","config","isCreateMode","isViewMode","entityDisplayName","entity","overrides","titleText","title","text","subtitle","undefined","entityPageHeaderSubtitle","id","subtitleOverride","overrideResult","badges","_config$title","entityPageHeaderBadges","badgesOverride","overrideBadges"],"sources":["../../../src/hooks/useEntityPageHeaderTexts.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { EntityPageConfig } from '../types';\nimport { usePatternsWizardOverridesContext } from '../providers/PatternsWizardOverridesContext';\n\nexport const useEntityPageHeaderTexts = ({\n  config,\n  isCreateMode,\n  isViewMode,\n  entityDisplayName,\n  entity,\n}: {\n  config: EntityPageConfig;\n  isCreateMode: boolean;\n  isViewMode?: boolean;\n  entityDisplayName?: string;\n  entity?: Record<string, any>;\n}) => {\n  const overrides = usePatternsWizardOverridesContext();\n\n  const titleText = useMemo(() => {\n    if (config.title) {\n      return config.title.text;\n    } else {\n      return isCreateMode\n        ? 'Create New Item'\n        : isViewMode\n        ? entityDisplayName ?? 'View Item'\n        : entityDisplayName ?? 'Edit Item';\n    }\n  }, [config.title, entityDisplayName, isCreateMode, isViewMode]);\n\n  const subtitle = useMemo(() => {\n    if (!config.subtitle) {\n      return undefined;\n    }\n\n    if (entity && overrides?.entityPageHeaderSubtitle && config.subtitle.id) {\n      const subtitleOverride =\n        overrides.entityPageHeaderSubtitle[config.subtitle.id];\n      if (subtitleOverride) {\n        const overrideResult = subtitleOverride(entity);\n        return {\n          ...config.subtitle,\n          ...overrideResult,\n        };\n      }\n    }\n\n    return {\n      ...config.subtitle,\n      text: config.subtitle.text ?? '',\n    };\n  }, [config.subtitle, entity, overrides?.entityPageHeaderSubtitle]);\n\n  const badges = useMemo(() => {\n    if (!config.title?.badges) {\n      return undefined;\n    }\n    // If badges has an id, try to resolve it dynamically\n    if (entity && overrides?.entityPageHeaderBadges && config.title.badges.id) {\n      const badgesOverride =\n        overrides.entityPageHeaderBadges[config.title.badges.id];\n      if (badgesOverride) {\n        const overrideBadges = badgesOverride(entity);\n        return overrideBadges;\n      }\n    }\n\n    return undefined;\n  }, [config.title?.badges, entity, overrides?.entityPageHeaderBadges]);\n\n  return { title: { text: titleText, badges }, subtitle };\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,iCAAiC,QAAQ,6CAA6C;AAE/F,OAAO,MAAMC,wBAAwB,GAAGC,IAAA,IAYlC;EAAA,IAAAC,cAAA;EAAA,IAZmC;IACvCC,MAAM;IACNC,YAAY;IACZC,UAAU;IACVC,iBAAiB;IACjBC;EAOF,CAAC,GAAAN,IAAA;EACC,MAAMO,SAAS,GAAGT,iCAAiC,CAAC,CAAC;EAErD,MAAMU,SAAS,GAAGX,OAAO,CAAC,MAAM;IAC9B,IAAIK,MAAM,CAACO,KAAK,EAAE;MAChB,OAAOP,MAAM,CAACO,KAAK,CAACC,IAAI;IAC1B,CAAC,MAAM;MACL,OAAOP,YAAY,GACf,iBAAiB,GACjBC,UAAU,GACVC,iBAAiB,IAAI,WAAW,GAChCA,iBAAiB,IAAI,WAAW;IACtC;EACF,CAAC,EAAE,CAACH,MAAM,CAACO,KAAK,EAAEJ,iBAAiB,EAAEF,YAAY,EAAEC,UAAU,CAAC,CAAC;EAE/D,MAAMO,QAAQ,GAAGd,OAAO,CAAC,MAAM;IAC7B,IAAI,CAACK,MAAM,CAACS,QAAQ,EAAE;MACpB,OAAOC,SAAS;IAClB;IAEA,IAAIN,MAAM,IAAIC,SAAS,YAATA,SAAS,CAAEM,wBAAwB,IAAIX,MAAM,CAACS,QAAQ,CAACG,EAAE,EAAE;MACvE,MAAMC,gBAAgB,GACpBR,SAAS,CAACM,wBAAwB,CAACX,MAAM,CAACS,QAAQ,CAACG,EAAE,CAAC;MACxD,IAAIC,gBAAgB,EAAE;QACpB,MAAMC,cAAc,GAAGD,gBAAgB,CAACT,MAAM,CAAC;QAC/C,OAAO;UACL,GAAGJ,MAAM,CAACS,QAAQ;UAClB,GAAGK;QACL,CAAC;MACH;IACF;IAEA,OAAO;MACL,GAAGd,MAAM,CAACS,QAAQ;MAClBD,IAAI,EAAER,MAAM,CAACS,QAAQ,CAACD,IAAI,IAAI;IAChC,CAAC;EACH,CAAC,EAAE,CAACR,MAAM,CAACS,QAAQ,EAAEL,MAAM,EAAEC,SAAS,oBAATA,SAAS,CAAEM,wBAAwB,CAAC,CAAC;EAElE,MAAMI,MAAM,GAAGpB,OAAO,CAAC,MAAM;IAAA,IAAAqB,aAAA;IAC3B,IAAI,GAAAA,aAAA,GAAChB,MAAM,CAACO,KAAK,aAAZS,aAAA,CAAcD,MAAM,GAAE;MACzB,OAAOL,SAAS;IAClB;IACA;IACA,IAAIN,MAAM,IAAIC,SAAS,YAATA,SAAS,CAAEY,sBAAsB,IAAIjB,MAAM,CAACO,KAAK,CAACQ,MAAM,CAACH,EAAE,EAAE;MACzE,MAAMM,cAAc,GAClBb,SAAS,CAACY,sBAAsB,CAACjB,MAAM,CAACO,KAAK,CAACQ,MAAM,CAACH,EAAE,CAAC;MAC1D,IAAIM,cAAc,EAAE;QAClB,MAAMC,cAAc,GAAGD,cAAc,CAACd,MAAM,CAAC;QAC7C,OAAOe,cAAc;MACvB;IACF;IAEA,OAAOT,SAAS;EAClB,CAAC,EAAE,EAAAX,cAAA,GAACC,MAAM,CAACO,KAAK,qBAAZR,cAAA,CAAcgB,MAAM,EAAEX,MAAM,EAAEC,SAAS,oBAATA,SAAS,CAAEY,sBAAsB,CAAC,CAAC;EAErE,OAAO;IAAEV,KAAK,EAAE;MAAEC,IAAI,EAAEF,SAAS;MAAES;IAAO,CAAC;IAAEN;EAAS,CAAC;AACzD,CAAC","ignoreList":[]}

package/dist/esm/hooks/useGridFeatures.js

@@ -1,10 +1,11 @@
 import { useFetchData } from './useFetchData';
-import { useGridCollection } from '@wix/patterns';
+import { useGridCollection, useSelector } from '@wix/patterns';
 import { useCommonCollectionFeatures } from './useCommonCollectionFeatures';
 import { useFilters } from './useFilters';
 import { useSchema } from '../providers/SchemaContext';
 import { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';
 import { useBaseGridFeatures } from './useBaseGridFeatures';
+import { useUpdateAppContextItems } from './useUpdateAppContextItems';
 export const useGridFeatures = configuration => {
   const {
     collectionId,
@@ -49,6 +50,8 @@ export const useGridFeatures = configuration => {
     disableAutoSelectAllCount: selectAllScope === 'page',
     selectionConsistencyMode: selectionUpdateMode
   });
+  const items = useSelector(() => state.collection.result.items);
+  useUpdateAppContextItems(items);
   const optimisticActions = useAutoPatternsOptimisticActions(collectionId, state.collection);
   const commonFeatures = useCommonCollectionFeatures({
     ...configuration,

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

@@ -1 +1 @@
-{"version":3,"names":["useFetchData","useGridCollection","useCommonCollectionFeatures","useFilters","useSchema","useAutoPatternsOptimisticActions","useBaseGridFeatures","useGridFeatures","configuration","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","collection","renderItem","imagePlacement","preset","visibleFieldIds","filterComponent","filtersObject","filterFieldMapping","filters","fetchData","searchableFieldIds","schema","state","queryName","itemKey","gridItem","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","_ref","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","optimisticActions","commonFeatures"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useBaseGridFeatures } from './useBaseGridFeatures';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n  } = configuration.collection;\n\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(configuration);\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    configuration.filters,\n  );\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const schema = useSchema();\n\n  const state = useGridCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (gridItem) => gridItem[schema.idField],\n    itemName: (gridItem) => gridItem[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (gridItem) => gridItem.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  });\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    optimisticActions,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,gCAAgC,QAAQ,oCAAoC;AACrF,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,OAAO,MAAMC,eAAe,GAAIC,aAAyB,IAAK;EAC5D,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC;EACF,CAAC,GAAGL,aAAa,CAACM,UAAU;EAE5B,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC,MAAM;IAAEC;EAAgB,CAAC,GAC3DZ,mBAAmB,CAACE,aAAa,CAAC;EAEpC,MAAM;IAAEW,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAGlB,UAAU,CACvEK,aAAa,CAACc,OAChB,CAAC;EAED,MAAM;IAAEC;EAAU,CAAC,GAAGvB,YAAY,CAAC;IACjCwB,kBAAkB,EAAEN,eAAe;IACnCG;EACF,CAAC,CAAC;EAEF,MAAMI,MAAM,GAAGrB,SAAS,CAAC,CAAC;EAE1B,MAAMsB,KAAK,GAAGzB,iBAAiB,CAAM;IACnC0B,SAAS,EAAE,GAAGlB,YAAY,EAAE;IAC5BmB,OAAO,EAAGC,QAAQ,IAAKA,QAAQ,CAACJ,MAAM,CAACK,OAAO,CAAC;IAC/CC,QAAQ,EAAGF,QAAQ,IAAKA,QAAQ,CAACJ,MAAM,CAACO,YAAY,CAAC;IACrDV,OAAO,EAAEF,aAAa;IACtBa,gBAAgB,EAAGJ,QAAQ,IAAKA,QAAQ,CAACK,cAAc;IACvDC,iBAAiB,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAI,CAAC,GAAAD,IAAA;MAAA,OAAKE,MAAM,CAACD,GAAG,CAAC;IAAA;IAC3Cd,SAAS;IACTb,KAAK;IACL6B,iBAAiB,EAAE5B,iBAAiB;IACpC6B,yBAAyB,EAAE5B,cAAc,KAAK,MAAM;IACpD6B,wBAAwB,EAAE5B;EAC5B,CAAC,CAAC;EAEF,MAAM6B,iBAAiB,GAAGrC,gCAAgC,CACxDI,YAAY,EACZiB,KAAK,CAACZ,UACR,CAAC;EAED,MAAM6B,cAAc,GAAGzC,2BAA2B,CAAC;IACjD,GAAGM,aAAa;IAChBkC;EACF,CAAC,CAAC;EAEF,OAAO;IACL,GAAGC,cAAc;IACjBjB,KAAK;IACLV,cAAc;IACdC,MAAM;IACNyB,iBAAiB;IACjB3B,UAAU;IACVO,OAAO,EAAEH;EACX,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useFetchData","useGridCollection","useSelector","useCommonCollectionFeatures","useFilters","useSchema","useAutoPatternsOptimisticActions","useBaseGridFeatures","useUpdateAppContextItems","useGridFeatures","configuration","collectionId","limit","reflectQueryInUrl","selectAllScope","selectionUpdateMode","collection","renderItem","imagePlacement","preset","visibleFieldIds","filterComponent","filtersObject","filterFieldMapping","filters","fetchData","searchableFieldIds","schema","state","queryName","itemKey","gridItem","idField","itemName","displayField","toExtendedFields","extendedFields","fetchErrorMessage","_ref","err","String","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","items","result","optimisticActions","commonFeatures"],"sources":["../../../src/hooks/useGridFeatures.tsx"],"sourcesContent":["import { GridConfig } from '../types';\nimport { useFetchData } from './useFetchData';\nimport { useGridCollection, useSelector } from '@wix/patterns';\nimport { useCommonCollectionFeatures } from './useCommonCollectionFeatures';\nimport { useFilters } from './useFilters';\nimport { useSchema } from '../providers/SchemaContext';\nimport { useAutoPatternsOptimisticActions } from './useAutoPatternsOptimisticActions';\nimport { useBaseGridFeatures } from './useBaseGridFeatures';\nimport { useUpdateAppContextItems } from './useUpdateAppContextItems';\n\nexport const useGridFeatures = (configuration: GridConfig) => {\n  const {\n    collectionId,\n    limit,\n    reflectQueryInUrl,\n    selectAllScope,\n    selectionUpdateMode,\n  } = configuration.collection;\n\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(configuration);\n\n  const { filterComponent, filtersObject, filterFieldMapping } = useFilters(\n    configuration.filters,\n  );\n\n  const { fetchData } = useFetchData({\n    searchableFieldIds: visibleFieldIds,\n    filterFieldMapping,\n  });\n\n  const schema = useSchema();\n\n  const state = useGridCollection<any>({\n    queryName: `${collectionId}`,\n    itemKey: (gridItem) => gridItem[schema.idField],\n    itemName: (gridItem) => gridItem[schema.displayField],\n    filters: filtersObject,\n    toExtendedFields: (gridItem) => gridItem.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl: reflectQueryInUrl,\n    disableAutoSelectAllCount: selectAllScope === 'page',\n    selectionConsistencyMode: selectionUpdateMode,\n  });\n\n  const items = useSelector(() => state.collection.result.items);\n  useUpdateAppContextItems(items);\n\n  const optimisticActions = useAutoPatternsOptimisticActions(\n    collectionId,\n    state.collection,\n  );\n\n  const commonFeatures = useCommonCollectionFeatures({\n    ...configuration,\n    optimisticActions,\n  });\n\n  return {\n    ...commonFeatures,\n    state,\n    imagePlacement,\n    preset,\n    optimisticActions,\n    renderItem,\n    filters: filterComponent,\n  };\n};\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,iBAAiB,EAAEC,WAAW,QAAQ,eAAe;AAC9D,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,gCAAgC,QAAQ,oCAAoC;AACrF,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,wBAAwB,QAAQ,4BAA4B;AAErE,OAAO,MAAMC,eAAe,GAAIC,aAAyB,IAAK;EAC5D,MAAM;IACJC,YAAY;IACZC,KAAK;IACLC,iBAAiB;IACjBC,cAAc;IACdC;EACF,CAAC,GAAGL,aAAa,CAACM,UAAU;EAE5B,MAAM;IAAEC,UAAU;IAAEC,cAAc;IAAEC,MAAM;IAAEC;EAAgB,CAAC,GAC3Db,mBAAmB,CAACG,aAAa,CAAC;EAEpC,MAAM;IAAEW,eAAe;IAAEC,aAAa;IAAEC;EAAmB,CAAC,GAAGnB,UAAU,CACvEM,aAAa,CAACc,OAChB,CAAC;EAED,MAAM;IAAEC;EAAU,CAAC,GAAGzB,YAAY,CAAC;IACjC0B,kBAAkB,EAAEN,eAAe;IACnCG;EACF,CAAC,CAAC;EAEF,MAAMI,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAE1B,MAAMuB,KAAK,GAAG3B,iBAAiB,CAAM;IACnC4B,SAAS,EAAE,GAAGlB,YAAY,EAAE;IAC5BmB,OAAO,EAAGC,QAAQ,IAAKA,QAAQ,CAACJ,MAAM,CAACK,OAAO,CAAC;IAC/CC,QAAQ,EAAGF,QAAQ,IAAKA,QAAQ,CAACJ,MAAM,CAACO,YAAY,CAAC;IACrDV,OAAO,EAAEF,aAAa;IACtBa,gBAAgB,EAAGJ,QAAQ,IAAKA,QAAQ,CAACK,cAAc;IACvDC,iBAAiB,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAI,CAAC,GAAAD,IAAA;MAAA,OAAKE,MAAM,CAACD,GAAG,CAAC;IAAA;IAC3Cd,SAAS;IACTb,KAAK;IACL6B,iBAAiB,EAAE5B,iBAAiB;IACpC6B,yBAAyB,EAAE5B,cAAc,KAAK,MAAM;IACpD6B,wBAAwB,EAAE5B;EAC5B,CAAC,CAAC;EAEF,MAAM6B,KAAK,GAAG1C,WAAW,CAAC,MAAM0B,KAAK,CAACZ,UAAU,CAAC6B,MAAM,CAACD,KAAK,CAAC;EAC9DpC,wBAAwB,CAACoC,KAAK,CAAC;EAE/B,MAAME,iBAAiB,GAAGxC,gCAAgC,CACxDK,YAAY,EACZiB,KAAK,CAACZ,UACR,CAAC;EAED,MAAM+B,cAAc,GAAG5C,2BAA2B,CAAC;IACjD,GAAGO,aAAa;IAChBoC;EACF,CAAC,CAAC;EAEF,OAAO;IACL,GAAGC,cAAc;IACjBnB,KAAK;IACLV,cAAc;IACdC,MAAM;IACN2B,iBAAiB;IACjB7B,UAAU;IACVO,OAAO,EAAEH;EACX,CAAC;AACH,CAAC","ignoreList":[]}