@wix/auto-patterns 1.25.0 → 1.27.0

package/dist/cjs/components/AutoPatternsApp/AutoPatternsApp.js

@@ -5,28 +5,37 @@ exports.__esModule = true;
 exports.AutoPatternsApp = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _RootAppProvider = require("../../providers/RootAppProvider");
+var _AppContext = require("../../providers/AppContext");
 var _AutoPatternsRoutes = require("../AutoPatternsRoute/AutoPatternsRoutes");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsApp/AutoPatternsApp.tsx";
 const AutoPatternsApp = ({
-  configuration
+  configuration,
+  children
 }) => {
-  return /*#__PURE__*/_react.default.createElement(_RootAppProvider.RootAppProvider, {
-    appConfig: configuration,
+  return /*#__PURE__*/_react.default.createElement(_AppContext.AppContextProvider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 14,
+      lineNumber: 17,
       columnNumber: 5
     }
+  }, /*#__PURE__*/_react.default.createElement(_RootAppProvider.RootAppProvider, {
+    appConfig: configuration,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 7
+    }
   }, /*#__PURE__*/_react.default.createElement(_AutoPatternsRoutes.AutoPatternsRoutes, {
     config: configuration,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
-      columnNumber: 7
+      lineNumber: 19,
+      columnNumber: 9
     }
-  }));
+  })), children);
 };
 exports.AutoPatternsApp = AutoPatternsApp;
 //# sourceMappingURL=AutoPatternsApp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_RootAppProvider","_AutoPatternsRoutes","_jsxFileName","AutoPatternsApp","configuration","default","createElement","RootAppProvider","appConfig","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsRoutes","config","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA6E,IAAAG,YAAA;AAMtE,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC;AACF,CAAC,KAAK;EACJ,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,eAAe;IAACC,SAAS,EAAEJ,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxChB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,mBAAA,CAAAa,kBAAkB;IAACC,MAAM,EAAEX,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7B,CAAC;AAEtB,CAAC;AAACG,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_RootAppProvider","_AppContext","_AutoPatternsRoutes","_jsxFileName","AutoPatternsApp","configuration","children","default","createElement","AppContextProvider","__self","__source","fileName","lineNumber","columnNumber","RootAppProvider","appConfig","AutoPatternsRoutes","config","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA6E,IAAAI,YAAA;AAOtE,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,aAAa;EACbC;AACF,CAAC,KAAK;EACJ,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,WAAA,CAAAQ,kBAAkB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjBjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,gBAAA,CAAAe,eAAe;IAACC,SAAS,EAAEX,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxCjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,mBAAA,CAAAe,kBAAkB;IAACC,MAAM,EAAEb,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7B,CAAC,EACjBR,QACiB,CAAC;AAEzB,CAAC;AAACa,OAAA,CAAAf,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsCollectionComponent/AutoPatternsCollectionComponent.js

@@ -3,8 +3,8 @@
 exports.__esModule = true;
 exports.AutoPatternsCollectionComponent = void 0;
 var _AutoPatternsTableGridSwitch = require("../AutoPatternsTableGridSwitch/AutoPatternsTableGridSwitch");
-var _AutoPatternsTable = require("../AutoPatternsTable");
-var _AutoPatternsGrid = require("../AutoPatternsGrid");
+var _AutoPatternsTable = require("../AutoPatternsTable/AutoPatternsTable");
+var _AutoPatternsGrid = require("../AutoPatternsGrid/AutoPatternsGrid");
 var _providers = require("../../providers");
 var _SkeletonCollection = require("../AutoPatternsCollectionPageContent/SkeletonCollection");
 var _react = _interopRequireWildcard(require("react"));

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

@@ -1 +1 @@
-{"version":3,"names":["_AutoPatternsTableGridSwitch","require","_AutoPatternsTable","_AutoPatternsGrid","_providers","_SkeletonCollection","_react","_interopRequireWildcard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsCollectionComponent","component","index","layout","sharedConfig","memoized","useMemo","_layout$find","_layout$find2","length","componentToRender","componentType","tableConfig","find","item","type","table","gridConfig","grid","config","createElement","AutoPatternsTableGridSwitch","configuration","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsTable","AutoPatternsGrid","Fragment","SchemaProvider","key","collection","collectionId","skeleton","SkeletonCollection","exports"],"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":"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","ignoreList":[]}
+{"version":3,"names":["_AutoPatternsTableGridSwitch","require","_AutoPatternsTable","_AutoPatternsGrid","_providers","_SkeletonCollection","_react","_interopRequireWildcard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsCollectionComponent","component","index","layout","sharedConfig","memoized","useMemo","_layout$find","_layout$find2","length","componentToRender","componentType","tableConfig","find","item","type","table","gridConfig","grid","config","createElement","AutoPatternsTableGridSwitch","configuration","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsTable","AutoPatternsGrid","Fragment","SchemaProvider","key","collection","collectionId","skeleton","SkeletonCollection","exports"],"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":"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","ignoreList":[]}

package/dist/cjs/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js

@@ -7,6 +7,8 @@ var _react = _interopRequireDefault(require("react"));
 var _page = require("@wix/patterns/page");
 var _AutoPatternsCollectionPageContent = require("../AutoPatternsCollectionPageContent");
 var _useCollectionPageActions = require("../../hooks/useCollectionPageActions");
+var _designSystem = require("@wix/design-system");
+var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx";
 const AutoPatternsCollectionPage = ({
   configuration
@@ -15,16 +17,68 @@ const AutoPatternsCollectionPage = ({
     title,
     subtitle
   } = configuration;
+  const {
+    layout
+  } = (0, _providers.useAppConfigContext)();
   const actions = (0, _useCollectionPageActions.useCollectionPageActions)({
     collectionPageActions: configuration.actions
   });
+
+  // This is temporary until we have support on it on CollectionPage component of WixPatterns
+  if (layout === 'panel') {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel, {
+      skin: "floating",
+      width: "360px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 26,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
+      title: "Manage Content",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 27,
+        columnNumber: 9
+      }
+    }), /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Content, {
+      noPadding: true,
+      stretchVertically: true,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 28,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      width: "100%",
+      height: "490px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_AutoPatternsCollectionPageContent.AutoPatternsCollectionPageContent, {
+      configuration: configuration,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 30,
+        columnNumber: 13
+      }
+    }))));
+  }
   return /*#__PURE__*/_react.default.createElement(_page.CollectionPage, {
     height: "100vh",
     dataHook: "auto-patterns-page",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 38,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_page.CollectionPage.Header, {
@@ -35,14 +89,14 @@ const AutoPatternsCollectionPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 39,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_page.CollectionPage.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 45,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_AutoPatternsCollectionPageContent.AutoPatternsCollectionPageContent, {
@@ -50,7 +104,7 @@ const AutoPatternsCollectionPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 46,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_page","_AutoPatternsCollectionPageContent","_useCollectionPageActions","_jsxFileName","AutoPatternsCollectionPage","configuration","title","subtitle","actions","useCollectionPageActions","collectionPageActions","default","createElement","CollectionPage","height","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","primaryAction","primaryActions","secondaryActions","Content","AutoPatternsCollectionPageContent","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kCAAA,GAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAAgF,IAAAI,YAAA;AAMzE,MAAMC,0BAEZ,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACzB,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,aAAa;EAEzC,MAAMG,OAAO,GAAG,IAAAC,kDAAwB,EAAC;IACvCC,qBAAqB,EAAEL,aAAa,CAACG;EACvC,CAAC,CAAC;EAEF,oBACEX,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,cAAc;IAACC,MAAM,EAAC,OAAO;IAACC,QAAQ,EAAC,oBAAoB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC1DvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,cAAc,CAACQ,MAAM;IACpBf,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBe,aAAa,EAAEd,OAAO,CAACe,cAAe;IACtCC,gBAAgB,EAAEhB,OAAO,CAACgB,gBAAiB;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5C,CAAC,eACFvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,cAAc,CAACY,OAAO;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrBvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,kCAAA,CAAAyB,iCAAiC;IAACrB,aAAa,EAAEA,aAAc;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5C,CACV,CAAC;AAErB,CAAC;AAACO,OAAA,CAAAvB,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_page","_AutoPatternsCollectionPageContent","_useCollectionPageActions","_designSystem","_providers","_jsxFileName","AutoPatternsCollectionPage","configuration","title","subtitle","layout","useAppConfigContext","actions","useCollectionPageActions","collectionPageActions","default","createElement","SidePanel","skin","width","__self","__source","fileName","lineNumber","columnNumber","Header","Content","noPadding","stretchVertically","Box","direction","height","AutoPatternsCollectionPageContent","CollectionPage","dataHook","primaryAction","primaryActions","secondaryActions","exports"],"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":"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","ignoreList":[]}

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

@@ -87,7 +87,8 @@ const EditModeEntityPage = ({
   } = (0, _hooks.useEntityPageHeaderTexts)({
     config: configuration,
     isCreateMode,
-    entityDisplayName: entity == null ? void 0 : entity[schema.displayField]
+    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entity
   });
   const sdk = (0, _useActionsSDK.useActionsSDK)({
     collectionId
@@ -99,7 +100,7 @@ const EditModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 112,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Header, {
@@ -110,21 +111,21 @@ const EditModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 117,
+        lineNumber: 118,
         columnNumber: 13
       }
     }) : undefined,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 113,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 122,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.MainContent, {
@@ -132,7 +133,7 @@ const EditModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 123,
       columnNumber: 9
     }
   }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_RenderLayout.RenderLayoutCard, {
@@ -144,14 +145,14 @@ const EditModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 125,
       columnNumber: 13
     }
   }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.AdditionalContent, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 135,
       columnNumber: 11
     }
   }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_RenderLayout.RenderLayoutCard, {
@@ -163,7 +164,7 @@ const EditModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 137,
       columnNumber: 15
     }
   }))) : null));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_form","_reactRouterDom","_SchemaContext","_hooks","_useEntityPageMoreActions","_useActionsSDK","_RenderLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EditModeEntityPage","configuration","_pageLayout$main","_pageLayout$sidebar","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","useForm","mode","params","useParams","entityId","id","schema","useSchema","isCreateMode","inputRefs","useRef","setInputRef","input","current","validate","invalidFieldId","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","useNavigation","parentPath","useMemo","state","useEntityPage","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","useEntity","title","subtitle","useEntityPageHeaderTexts","config","entityDisplayName","displayField","sdk","useActionsSDK","resolvedMoreActions","useEntityPageMoreActions","createElement","EntityPage","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","length","MoreActions","items","Content","MainContent","main","map","layoutIndex","RenderLayoutCard","key","sectionId","cardIndex","sidebar","AdditionalContent","exports"],"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","_interopRequireWildcard","require","_patterns","_form","_reactRouterDom","_SchemaContext","_hooks","_useEntityPageMoreActions","_useActionsSDK","_RenderLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EditModeEntityPage","configuration","_pageLayout$main","_pageLayout$sidebar","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","useForm","mode","params","useParams","entityId","id","schema","useSchema","isCreateMode","inputRefs","useRef","setInputRef","input","current","validate","invalidFieldId","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","useNavigation","parentPath","useMemo","state","useEntityPage","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","useEntity","title","subtitle","useEntityPageHeaderTexts","config","entityDisplayName","displayField","sdk","useActionsSDK","resolvedMoreActions","useEntityPageMoreActions","createElement","EntityPage","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","length","MoreActions","items","Content","MainContent","main","map","layoutIndex","RenderLayoutCard","key","sectionId","cardIndex","sidebar","AdditionalContent","exports"],"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/cjs/components/AutoPatternsEntityPage/ViewModeEntityPage.js

@@ -1,18 +1,22 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.ViewModeEntityPage = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _RenderViewLayoutCard = require("./ViewEntityPage/RenderViewLayoutCard");
 var _reactRouterDom = require("react-router-dom");
-var _providers = require("../../providers");
-var _useNavigationUtils = require("../../hooks/useNavigationUtils");
+var _RenderViewLayoutCard = require("./ViewEntityPage/RenderViewLayoutCard");
+var _SchemaContext = require("../../providers/SchemaContext");
+var _hooks = require("../../hooks");
 var _patterns = require("@wix/patterns");
 var _useEntityPageActions = require("../../hooks/useEntityPageActions");
 var _useEntityPageMoreActions = require("../../hooks/useEntityPageMoreActions");
 var _useActionsSDK = require("../../hooks/useActionsSDK");
 var _useNavigateEditEntityAction = require("../../hooks/useNavigateEditEntityAction");
+var _useEntityPageHeaderTexts = require("../../hooks/useEntityPageHeaderTexts");
+var _SkeletonEntity = require("./SkeletonEntity");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/ViewModeEntityPage.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -20,19 +24,19 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const ViewModeEntityPage = ({
   configuration
 }) => {
-  var _configuration$subtit, _pageLayout$main, _pageLayout$sidebar;
+  var _pageLayout$main, _pageLayout$sidebar;
   const {
     route
   } = configuration;
   const params = (0, _reactRouterDom.useParams)();
   const entityId = params[route.params.id];
-  const schema = (0, _providers.useSchema)();
+  const schema = (0, _SchemaContext.useSchema)();
   const {
     layout: pageLayout
   } = configuration;
   const {
     navigateToCollectionPage
-  } = (0, _useNavigationUtils.useNavigation)();
+  } = (0, _hooks.useNavigation)();
   const [entity, setEntity] = (0, _react.useState)(undefined);
   (0, _react.useEffect)(() => {
     let isMounted = true;
@@ -51,14 +55,16 @@ const ViewModeEntityPage = ({
       isMounted = false;
     };
   }, [entityId, schema]);
-  const title = (0, _react.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
+  } = (0, _useEntityPageHeaderTexts.useEntityPageHeaderTexts)({
+    config: configuration,
+    isCreateMode: false,
+    isViewMode: true,
+    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entity
+  });
   const sdk = (0, _useActionsSDK.useActionsSDK)({
     collectionId: configuration.collectionId
   });
@@ -74,26 +80,72 @@ const ViewModeEntityPage = ({
     configuration
   });
   const resolvedMoreActions = (0, _useEntityPageMoreActions.useEntityPageMoreActions)(moreActions, entity, sdk);
+  const renderTitle = () => {
+    const {
+      text,
+      badges
+    } = title;
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP2",
+      verticalAlign: "middle",
+      alignContent: "center",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 85,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+      size: "extraLarge",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 86,
+        columnNumber: 9
+      }
+    }, text), badges && badges.length > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 88,
+        columnNumber: 11
+      }
+    }, badges.map((badge, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Badge, (0, _extends2.default)({
+      key: index
+    }, badge, {
+      dataHook: `form-page-header-badge-${index}`,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 90,
+        columnNumber: 15
+      }
+    }), badge.text))));
+  };
+  if (!entity) {
+    return /*#__PURE__*/_react.default.createElement(_SkeletonEntity.SkeletonEntity, {
+      entityPage: configuration,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 105,
+        columnNumber: 12
+      }
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page, {
     dataHook: "view-mode-entity-page",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 108,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, {
     dataHook: "view-mode-entity-page-header",
-    title: /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
-      size: "extraLarge",
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 85,
-        columnNumber: 16
-      }
-    }, title),
-    subtitle: subtitle,
+    title: renderTitle(),
+    subtitle: subtitle == null ? void 0 : subtitle.text,
     showBackButton: true,
     onBackClicked: () => navigateToCollectionPage(configuration.parentPageId),
     actionsBar: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -101,7 +153,7 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 118,
         columnNumber: 11
       }
     }, resolvedMoreActions.length > 0 ? /*#__PURE__*/_react.default.createElement(_patterns.MoreActions, {
@@ -110,28 +162,28 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 120,
         columnNumber: 15
       }
     }) : undefined, actions),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 109,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 129,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 130,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -139,7 +191,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 131,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -148,7 +200,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 132,
       columnNumber: 13
     }
   }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_RenderViewLayoutCard.RenderViewLayoutCard, {
@@ -160,7 +212,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 134,
       columnNumber: 17
     }
   })))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -168,7 +220,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 145,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -177,7 +229,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 146,
       columnNumber: 15
     }
   }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_RenderViewLayoutCard.RenderViewLayoutCard, {
@@ -189,7 +241,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 122,
+      lineNumber: 148,
       columnNumber: 19
     }
   })))) : null)));