@wix/auto-patterns 1.43.0 → 1.45.0

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

@@ -6,7 +6,7 @@ import { useSchema } from '../../providers/SchemaContext';
 import { useEntityPageHeaderTexts, useNavigation } from '../../hooks';
 import { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';
 import { useActionsSDK } from '../../hooks/useActionsSDK';
-import { RenderLayoutCard } from './RenderLayout';
+import { ContentCard } from '../layouts/ContentCard';
 import { errorHandler } from '@wix/essentials';
 export const EditModeEntityPage = _ref => {
   var _pageLayout$main, _pageLayout$sidebar;
@@ -27,6 +27,11 @@ export const EditModeEntityPage = _ref => {
   const params = useParams();
   const entityId = params[route.params.id];
   const schema = useSchema();
+  const {
+    displayField,
+    actions: schemaActions,
+    fields
+  } = schema;
   const isCreateMode = !entityId;
   const inputRefs = useRef({});
   const setInputRef = (id, input) => {
@@ -61,7 +66,7 @@ export const EditModeEntityPage = _ref => {
         ...baseEntity,
         ...formValues
       };
-      const newEntity = entityId ? await schema.actions.update(updatedEntity) : await schema.actions.create(updatedEntity);
+      const newEntity = entityId ? await schemaActions.update(updatedEntity) : await schemaActions.create(updatedEntity);
       return {
         updatedEntity: newEntity
       };
@@ -72,7 +77,7 @@ export const EditModeEntityPage = _ref => {
           entity: undefined
         };
       }
-      const entity = await schema.actions.get(entityId);
+      const entity = await schemaActions.get(entityId);
       return {
         entity
       };
@@ -85,7 +90,7 @@ export const EditModeEntityPage = _ref => {
   } = useEntityPageHeaderTexts({
     config: configuration,
     isCreateMode,
-    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entityDisplayName: entity == null ? void 0 : entity[displayField],
     entity
   });
   const sdk = useActionsSDK({
@@ -103,18 +108,26 @@ export const EditModeEntityPage = _ref => {
     }) : undefined
   }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, {
     dataHook: "entity-page-main-content"
-  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
     key: `main-section-card-${layoutIndex}`,
     layout: layout,
     sectionId: "main",
     cardIndex: layoutIndex,
-    setInputRef: setInputRef
-  }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/React.createElement(EntityPage.AdditionalContent, null, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+    setInputRef: setInputRef,
+    fields: fields,
+    form: form,
+    data: entity
+  }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/React.createElement(EntityPage.AdditionalContent, {
+    dataHook: "entity-page-additional-content"
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
     key: `sidebar-section-card-${layoutIndex}`,
     layout: layout,
     sectionId: "sidebar",
     cardIndex: layoutIndex,
-    setInputRef: setInputRef
+    setInputRef: setInputRef,
+    fields: fields,
+    form: form,
+    data: entity
   }))) : null));
 };
 //# sourceMappingURL=EditModeEntityPage.js.map

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","errorHandler","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","saveErrorToast","err","message","getResolvedError","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';\nimport { errorHandler } from '@wix/essentials';\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    saveErrorToast: (err) => ({\n      message: errorHandler.getResolvedError(err).message,\n    }),\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":[]}
+{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","MoreActions","useForm","useParams","useSchema","useEntityPageHeaderTexts","useNavigation","useEntityPageMoreActions","useActionsSDK","ContentCard","errorHandler","EditModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","layout","pageLayout","parentPageId","route","actions","collectionId","moreActions","form","mode","params","entityId","id","schema","displayField","schemaActions","fields","isCreateMode","inputRefs","setInputRef","input","current","validate","invalidFieldId","Object","keys","find","fieldId","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","saveErrorToast","err","message","getResolvedError","onSave","formValues","getValues","baseEntity","entity","updatedEntity","newEntity","update","create","fetch","undefined","get","title","subtitle","config","entityDisplayName","sdk","resolvedMoreActions","createElement","dataHook","Header","length","items","Content","MainContent","main","map","layoutIndex","key","sectionId","cardIndex","data","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 { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';\nimport { useActionsSDK } from '../../hooks/useActionsSDK';\nimport { ContentCard } from '../layouts/ContentCard';\nimport { BaseInputRef } from '../fields/types';\nimport { EditEntityPageConfig } from '../../types';\nimport { errorHandler } from '@wix/essentials';\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 { displayField, actions: schemaActions, fields } = schema;\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    saveErrorToast: (err) => ({\n      message: errorHandler.getResolvedError(err).message,\n    }),\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 schemaActions.update(updatedEntity)\n        : await schemaActions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schemaActions.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?.[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            <ContentCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n              fields={fields}\n              form={form}\n              data={entity}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent dataHook=\"entity-page-additional-content\">\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <ContentCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n                fields={fields}\n                form={form}\n                data={entity}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC9C,SACEC,UAAU,EAEVC,SAAS,EACTC,aAAa,EACbC,WAAW,QACN,eAAe;AACtB,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,wBAAwB,EAAEC,aAAa,QAAQ,aAAa;AACrE,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,WAAW,QAAQ,wBAAwB;AAGpD,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,OAAO,MAAMC,kBAEX,GAAGC,IAAA,IAAuB;EAAA,IAAAC,gBAAA,EAAAC,mBAAA;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAH,IAAA;EACrB,MAAM;IACJI,MAAM,EAAEC,UAAU;IAClBC,YAAY;IACZC,KAAK;IACLC,OAAO;IACPC;EACF,CAAC,GAAGN,aAAa;EAEjB,MAAMO,WAAW,GAAGF,OAAO,oBAAPA,OAAO,CAAEE,WAAW;EAExC,MAAMC,IAAI,GAAGrB,OAAO,CAAM;IACxBsB,IAAI,EAAE;EACR,CAAC,CAAC;EACF,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAC1B,MAAMuB,QAAQ,GAAGD,MAAM,CAACN,KAAK,CAACM,MAAM,CAACE,EAAE,CAAC;EACxC,MAAMC,MAAM,GAAGxB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEyB,YAAY;IAAET,OAAO,EAAEU,aAAa;IAAEC;EAAO,CAAC,GAAGH,MAAM;EAC/D,MAAMI,YAAY,GAAG,CAACN,QAAQ;EAE9B,MAAMO,SAAS,GAAGpC,MAAM,CAAsC,CAAC,CAAC,CAAC;EAEjE,MAAMqC,WAAW,GAAGA,CAACP,EAAU,EAAEQ,KAAmB,KAAK;IACvDF,SAAS,CAACG,OAAO,CAACT,EAAE,CAAC,GAAGQ,KAAK;EAC/B,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACrB,MAAMC,cAAc,GAAGC,MAAM,CAACC,IAAI,CAACP,SAAS,CAACG,OAAO,CAAC,CAACK,IAAI,CAAEC,OAAO,IAAK;MAAA,IAAAC,qBAAA;MACtE,QAAAA,qBAAA,GAAOV,SAAS,CAACG,OAAO,CAACM,OAAO,CAAC,qBAA1BC,qBAAA,CAA4BC,OAAO;IAC5C,CAAC,CAAC;IAEF,IAAIN,cAAc,EAAE;MAAA,IAAAO,qBAAA;MAClB,CAAAA,qBAAA,GAAAZ,SAAS,CAACG,OAAO,CAACE,cAAc,CAAC,aAAjCO,qBAAA,CAAmCC,KAAK,YAAxCD,qBAAA,CAAmCC,KAAK,CAAG,CAAC;MAC5C,MAAM,IAAIC,KAAK,CAAC,cAAc,CAAC;IACjC;EACF,CAAC;EACD,MAAM;IAAEC;EAAkB,CAAC,GAAG1C,aAAa,CAAC,CAAC;EAE7C,MAAM2C,UAAU,GAAGrD,OAAO,CACxB,MAAMoD,iBAAiB,CAAC9B,YAAY,CAAC,EACrC,CAACA,YAAY,EAAE8B,iBAAiB,CAClC,CAAC;EAED,MAAME,KAA2B,GAAGlD,aAAa,CAAW;IAC1DiD,UAAU;IACV1B,IAAI;IACJ4B,cAAc,EAAGC,GAAG,KAAM;MACxBC,OAAO,EAAE3C,YAAY,CAAC4C,gBAAgB,CAACF,GAAG,CAAC,CAACC;IAC9C,CAAC,CAAC;IACFE,MAAM,EAAE,MAAAA,CAAA,KAAY;MAClBlB,QAAQ,CAAC,CAAC;MAEV,MAAMmB,UAAU,GAAGjC,IAAI,CAACkC,SAAS,CAAC,CAAC;MACnC,MAAMC,UAAU,GAAGR,KAAK,CAACS,MAAM,IAAI,CAAC,CAAC;MACrC,MAAMC,aAAa,GAAG;QACpB,GAAGF,UAAU;QACb,GAAGF;MACL,CAAC;MAED,MAAMK,SAAS,GAAGnC,QAAQ,GACtB,MAAMI,aAAa,CAACgC,MAAM,CAACF,aAAa,CAAC,GACzC,MAAM9B,aAAa,CAACiC,MAAM,CAACH,aAAa,CAAC;MAE7C,OAAO;QAAEA,aAAa,EAAEC;MAAU,CAAC;IACrC,CAAC;IACDG,KAAK,EAAE,MAAAA,CAAA,KAAY;MACjB,IAAI,CAACtC,QAAQ,EAAE;QACb,OAAO;UAAEiC,MAAM,EAAEM;QAAU,CAAC;MAC9B;MACA,MAAMN,MAAM,GAAG,MAAM7B,aAAa,CAACoC,GAAG,CAACxC,QAAQ,CAAC;MAChD,OAAO;QAAEiC;MAAO,CAAC;IACnB;EACF,CAAC,CAAC;EAEF,MAAMA,MAAM,GAAG5D,SAAS,CAACmD,KAAK,CAAC;EAE/B,MAAM;IAAEiB,KAAK;IAAEC;EAAS,CAAC,GAAG/D,wBAAwB,CAAC;IACnDgE,MAAM,EAAEtD,aAAa;IACrBiB,YAAY;IACZsC,iBAAiB,EAAEX,MAAM,oBAANA,MAAM,CAAG9B,YAAY,CAAC;IACzC8B;EACF,CAAC,CAAC;EAEF,MAAMY,GAAG,GAAG/D,aAAa,CAAC;IACxBa;EACF,CAAC,CAAC;EAEF,MAAMmD,mBAAmB,GAAGjE,wBAAwB,CAClDe,WAAW,EACXqC,MAAM,EACNY,GAAG,EACHhD,IACF,CAAC;EAED,oBACE5B,KAAA,CAAA8E,aAAA,CAAC3E,UAAU;IAACoD,KAAK,EAAEA,KAAM;IAACwB,QAAQ,EAAC;EAA2B,gBAC5D/E,KAAA,CAAA8E,aAAA,CAAC3E,UAAU,CAAC6E,MAAM;IAChBR,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnB9C,WAAW,EACTkD,mBAAmB,CAACI,MAAM,GAAG,CAAC,gBAC5BjF,KAAA,CAAA8E,aAAA,CAACxE,WAAW;MAAC4E,KAAK,EAAEL;IAAoB,CAAE,CAAC,GACzCP;EACL,CACF,CAAC,eACFtE,KAAA,CAAA8E,aAAA,CAAC3E,UAAU,CAACgF,OAAO,qBACjBnF,KAAA,CAAA8E,aAAA,CAAC3E,UAAU,CAACiF,WAAW;IAACL,QAAQ,EAAC;EAA0B,GACxDzD,UAAU,aAAAJ,gBAAA,GAAVI,UAAU,CAAE+D,IAAI,qBAAhBnE,gBAAA,CAAkBoE,GAAG,CAAC,CAACjE,MAAM,EAAEkE,WAAW,kBACzCvF,KAAA,CAAA8E,aAAA,CAAChE,WAAW;IACV0E,GAAG,EAAE,qBAAqBD,WAAW,EAAG;IACxClE,MAAM,EAAEA,MAAO;IACfoE,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEH,WAAY;IACvBhD,WAAW,EAAEA,WAAY;IACzBH,MAAM,EAAEA,MAAO;IACfR,IAAI,EAAEA,IAAK;IACX+D,IAAI,EAAE3B;EAAO,CACd,CACF,CACqB,CAAC,EACxB1C,UAAU,YAAVA,UAAU,CAAEsE,OAAO,gBAClB5F,KAAA,CAAA8E,aAAA,CAAC3E,UAAU,CAAC0F,iBAAiB;IAACd,QAAQ,EAAC;EAAgC,IAAA5D,mBAAA,GACpEG,UAAU,CAACsE,OAAO,qBAAlBzE,mBAAA,CAAoBmE,GAAG,CAAC,CAACjE,MAAM,EAAEkE,WAAW,kBAC3CvF,KAAA,CAAA8E,aAAA,CAAChE,WAAW;IACV0E,GAAG,EAAE,wBAAwBD,WAAW,EAAG;IAC3ClE,MAAM,EAAEA,MAAO;IACfoE,SAAS,EAAC,SAAS;IACnBC,SAAS,EAAEH,WAAY;IACvBhD,WAAW,EAAEA,WAAY;IACzBH,MAAM,EAAEA,MAAO;IACfR,IAAI,EAAEA,IAAK;IACX+D,IAAI,EAAE3B;EAAO,CACd,CACF,CAC2B,CAAC,GAC7B,IACc,CACV,CAAC;AAEjB,CAAC","ignoreList":[]}

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

@@ -2,7 +2,6 @@ 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 { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
 import { useSchema } from '../../providers/SchemaContext';
 import { useNavigation } from '../../hooks';
 import { MoreActions } from '@wix/patterns';
@@ -11,7 +10,8 @@ import { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';
 import { useActionsSDK } from '../../hooks/useActionsSDK';
 import { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';
 import { useEntityPageHeaderTexts } from '../../hooks/useEntityPageHeaderTexts';
-import { SkeletonEntity } from './SkeletonEntity';
+import { ContentSkeleton } from '../layouts/ContentSkeleton';
+import { ContentCard } from '../layouts/ContentCard';
 // TODO: temp solution until we have a proper view mode entity page
 export const ViewModeEntityPage = _ref => {
   var _pageLayout$main, _pageLayout$sidebar;
@@ -24,6 +24,11 @@ export const ViewModeEntityPage = _ref => {
   const params = useParams();
   const entityId = params[route.params.id];
   const schema = useSchema();
+  const {
+    displayField,
+    actions: schemaActions,
+    fields
+  } = schema;
   const {
     layout: pageLayout
   } = configuration;
@@ -38,7 +43,7 @@ export const ViewModeEntityPage = _ref => {
         setEntity(undefined);
         return;
       }
-      const fetchedEntity = await schema.actions.get(entityId);
+      const fetchedEntity = await schemaActions.get(entityId);
       if (isMounted) {
         setEntity(fetchedEntity);
       }
@@ -47,7 +52,7 @@ export const ViewModeEntityPage = _ref => {
     return () => {
       isMounted = false;
     };
-  }, [entityId, schema]);
+  }, [entityId, schemaActions]);
   const {
     title,
     subtitle
@@ -55,7 +60,7 @@ export const ViewModeEntityPage = _ref => {
     config: configuration,
     isCreateMode: false,
     isViewMode: true,
-    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entityDisplayName: entity == null ? void 0 : entity[displayField],
     entity
   });
   const sdk = useActionsSDK({
@@ -69,7 +74,7 @@ export const ViewModeEntityPage = _ref => {
 
   // add OOTB navigate to edit action
   const moreActions = useNavigateEditEntityAction({
-    displayName: entity == null ? void 0 : entity[schema.displayField],
+    displayName: entity == null ? void 0 : entity[displayField],
     configuration
   });
   const resolvedMoreActions = useEntityPageMoreActions(moreActions, entity, sdk);
@@ -93,8 +98,8 @@ export const ViewModeEntityPage = _ref => {
     }), badge.text))));
   };
   if (!entity) {
-    return /*#__PURE__*/React.createElement(SkeletonEntity, {
-      entityPage: configuration
+    return /*#__PURE__*/React.createElement(ContentSkeleton, {
+      pageConfig: configuration
     });
   }
   return /*#__PURE__*/React.createElement(Page, {
@@ -116,9 +121,11 @@ export const ViewModeEntityPage = _ref => {
   }, /*#__PURE__*/React.createElement(Box, {
     direction: "vertical",
     gap: "SP4"
-  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderViewLayoutCard, {
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
     key: `main-section-card-${layoutIndex}`,
-    entity: entity,
+    mode: "view",
+    fields: fields,
+    data: entity,
     layout: layout,
     sectionId: "main",
     cardIndex: layoutIndex
@@ -127,9 +134,11 @@ export const ViewModeEntityPage = _ref => {
   }, /*#__PURE__*/React.createElement(Box, {
     direction: "vertical",
     gap: "SP4"
-  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderViewLayoutCard, {
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
     key: `sidebar-section-card-${layoutIndex}`,
-    entity: entity,
+    mode: "view",
+    fields: fields,
+    data: entity,
     layout: layout,
     sectionId: "sidebar",
     cardIndex: layoutIndex

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","useState","useEffect","Page","Heading","Box","Layout","Cell","Badge","useParams","useSchema","useNavigation","MoreActions","useEntityPageActions","useEntityPageMoreActions","useActionsSDK","useNavigateEditEntityAction","useEntityPageHeaderTexts","ContentSkeleton","ContentCard","ViewModeEntityPage","_ref","_pageLayout$main","_pageLayout$sidebar","configuration","route","params","entityId","id","schema","displayField","actions","schemaActions","fields","layout","pageLayout","navigateToCollectionPage","entity","setEntity","undefined","isMounted","fetchEntity","fetchedEntity","get","title","subtitle","config","isCreateMode","isViewMode","entityDisplayName","sdk","collectionId","entityPageActions","moreActions","displayName","resolvedMoreActions","renderTitle","text","badges","createElement","gap","verticalAlign","alignContent","size","length","map","badge","index","_extends","key","dataHook","pageConfig","Header","showBackButton","onBackClicked","parentPageId","actionsBar","items","Content","span","sidebar","direction","main","layoutIndex","mode","data","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 { 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 { ContentSkeleton } from '../layouts/ContentSkeleton';\nimport { ContentCard } from '../layouts/ContentCard';\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 { displayField, actions: schemaActions, fields } = schema;\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 schemaActions.get(entityId);\n      if (isMounted) {\n        setEntity(fetchedEntity);\n      }\n    };\n    fetchEntity();\n    return () => {\n      isMounted = false;\n    };\n  }, [entityId, schemaActions]);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode: false,\n    isViewMode: true,\n    entityDisplayName: entity?.[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?.[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 <ContentSkeleton pageConfig={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                <ContentCard\n                  key={`main-section-card-${layoutIndex}`}\n                  mode=\"view\"\n                  fields={fields}\n                  data={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                  <ContentCard\n                    key={`sidebar-section-card-${layoutIndex}`}\n                    mode=\"view\"\n                    fields={fields}\n                    data={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":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,OAAO,EAAEC,GAAG,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,QAAQ,oBAAoB;AAC5E,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,SAAS,QAAQ,+BAA+B;AACzD,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,wBAAwB,QAAQ,sCAAsC;AAC/E,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,2BAA2B,QAAQ,yCAAyC;AACrF,SAASC,wBAAwB,QAAQ,sCAAsC;AAE/E,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,WAAW,QAAQ,wBAAwB;AAMpD;AACA,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAAAC,gBAAA,EAAAC,mBAAA;EAAA,IAFgE;IACpEC;EACF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI;EAAM,CAAC,GAAGD,aAAa;EAC/B,MAAME,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAC1B,MAAMkB,QAAQ,GAAGD,MAAM,CAACD,KAAK,CAACC,MAAM,CAACE,EAAE,CAAC;EACxC,MAAMC,MAAM,GAAGnB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEoB,YAAY;IAAEC,OAAO,EAAEC,aAAa;IAAEC;EAAO,CAAC,GAAGJ,MAAM;EAC/D,MAAM;IAAEK,MAAM,EAAEC;EAAW,CAAC,GAAGX,aAAa;EAC5C,MAAM;IAAEY;EAAyB,CAAC,GAAGzB,aAAa,CAAC,CAAC;EAEpD,MAAM,CAAC0B,MAAM,EAAEC,SAAS,CAAC,GAAGrC,QAAQ,CAAMsC,SAAS,CAAC;EAEpDrC,SAAS,CAAC,MAAM;IACd,IAAIsC,SAAS,GAAG,IAAI;IACpB,MAAMC,WAAW,GAAG,MAAAA,CAAA,KAAY;MAC9B,IAAI,CAACd,QAAQ,EAAE;QACbW,SAAS,CAACC,SAAS,CAAC;QACpB;MACF;MACA,MAAMG,aAAa,GAAG,MAAMV,aAAa,CAACW,GAAG,CAAChB,QAAQ,CAAC;MACvD,IAAIa,SAAS,EAAE;QACbF,SAAS,CAACI,aAAa,CAAC;MAC1B;IACF,CAAC;IACDD,WAAW,CAAC,CAAC;IACb,OAAO,MAAM;MACXD,SAAS,GAAG,KAAK;IACnB,CAAC;EACH,CAAC,EAAE,CAACb,QAAQ,EAAEK,aAAa,CAAC,CAAC;EAE7B,MAAM;IAAEY,KAAK;IAAEC;EAAS,CAAC,GAAG5B,wBAAwB,CAAC;IACnD6B,MAAM,EAAEtB,aAAa;IACrBuB,YAAY,EAAE,KAAK;IACnBC,UAAU,EAAE,IAAI;IAChBC,iBAAiB,EAAEZ,MAAM,oBAANA,MAAM,CAAGP,YAAY,CAAC;IACzCO;EACF,CAAC,CAAC;EAEF,MAAMa,GAAG,GAAGnC,aAAa,CAAC;IACxBoC,YAAY,EAAE3B,aAAa,CAAC2B;EAC9B,CAAC,CAAC;EAEF,MAAMpB,OAAO,GAAGlB,oBAAoB,CAAC;IACnCuC,iBAAiB,EAAE5B,aAAa,CAACO,OAAO;IACxCM,MAAM;IACNa;EACF,CAAC,CAAC;;EAEF;EACA,MAAMG,WAAW,GAAGrC,2BAA2B,CAAC;IAC9CsC,WAAW,EAAEjB,MAAM,oBAANA,MAAM,CAAGP,YAAY,CAAC;IACnCN;EACF,CAAC,CAAC;EAEF,MAAM+B,mBAAmB,GAAGzC,wBAAwB,CAClDuC,WAAW,EACXhB,MAAM,EACNa,GACF,CAAC;EAED,MAAMM,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAM;MAAEC,IAAI;MAAEC;IAAO,CAAC,GAAGd,KAAK;IAE9B,oBACE5C,KAAA,CAAA2D,aAAA,CAACtD,GAAG;MAACuD,GAAG,EAAC,KAAK;MAACC,aAAa,EAAC,QAAQ;MAACC,YAAY,EAAC;IAAQ,gBACzD9D,KAAA,CAAA2D,aAAA,CAACvD,OAAO;MAAC2D,IAAI,EAAC;IAAY,GAAEN,IAAc,CAAC,EAC1CC,MAAM,IAAIA,MAAM,CAACM,MAAM,GAAG,CAAC,iBAC1BhE,KAAA,CAAA2D,aAAA,CAACtD,GAAG;MAACuD,GAAG,EAAC;IAAK,GACXF,MAAM,CAACO,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACvBnE,KAAA,CAAA2D,aAAA,CAACnD,KAAK,EAAA4D,QAAA;MACJC,GAAG,EAAEF;IAAM,GACPD,KAAK;MACTI,QAAQ,EAAE,0BAA0BH,KAAK;IAAG,IAE3CD,KAAK,CAACT,IACF,CACR,CACE,CAEJ,CAAC;EAEV,CAAC;EAED,IAAI,CAACpB,MAAM,EAAE;IACX,oBAAOrC,KAAA,CAAA2D,aAAA,CAACzC,eAAe;MAACqD,UAAU,EAAE/C;IAAc,CAAE,CAAC;EACvD;EACA,oBACExB,KAAA,CAAA2D,aAAA,CAACxD,IAAI;IAACmE,QAAQ,EAAC;EAAuB,gBACpCtE,KAAA,CAAA2D,aAAA,CAACxD,IAAI,CAACqE,MAAM;IACVF,QAAQ,EAAC,8BAA8B;IACvC1B,KAAK,EAAEY,WAAW,CAAC,CAAE;IACrBX,QAAQ,EAAEA,QAAQ,oBAARA,QAAQ,CAAEY,IAAK;IACzBgB,cAAc;IACdC,aAAa,EAAEA,CAAA,KACbtC,wBAAwB,CAACZ,aAAa,CAACmD,YAAa,CACrD;IACDC,UAAU,eACR5E,KAAA,CAAA2D,aAAA,CAACtD,GAAG;MAACuD,GAAG,EAAC;IAAK,GACXL,mBAAmB,CAACS,MAAM,GAAG,CAAC,gBAC7BhE,KAAA,CAAA2D,aAAA,CAAC/C,WAAW;MACV0D,QAAQ,EAAC,oCAAoC;MAC7CO,KAAK,EAAEtB;IAAoB,CAC5B,CAAC,GACAhB,SAAS,EACZR,OACE;EACN,CACF,CAAC,eACF/B,KAAA,CAAA2D,aAAA,CAACxD,IAAI,CAAC2E,OAAO,qBACX9E,KAAA,CAAA2D,aAAA,CAACrD,MAAM,qBACLN,KAAA,CAAA2D,aAAA,CAACpD,IAAI;IAACwE,IAAI,EAAE5C,UAAU,YAAVA,UAAU,CAAE6C,OAAO,GAAG,CAAC,GAAG;EAAG,gBACvChF,KAAA,CAAA2D,aAAA,CAACtD,GAAG;IAAC4E,SAAS,EAAC,UAAU;IAACrB,GAAG,EAAC;EAAK,GAChCzB,UAAU,aAAAb,gBAAA,GAAVa,UAAU,CAAE+C,IAAI,qBAAhB5D,gBAAA,CAAkB2C,GAAG,CAAC,CAAC/B,MAAM,EAAEiD,WAAW,kBACzCnF,KAAA,CAAA2D,aAAA,CAACxC,WAAW;IACVkD,GAAG,EAAE,qBAAqBc,WAAW,EAAG;IACxCC,IAAI,EAAC,MAAM;IACXnD,MAAM,EAAEA,MAAO;IACfoD,IAAI,EAAEhD,MAAO;IACbH,MAAM,EAAEA,MAAO;IACfoD,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEJ;EAAY,CACxB,CACF,CACE,CACD,CAAC,EACNhD,UAAU,YAAVA,UAAU,CAAE6C,OAAO,gBAClBhF,KAAA,CAAA2D,aAAA,CAACpD,IAAI;IAACwE,IAAI,EAAE;EAAE,gBACZ/E,KAAA,CAAA2D,aAAA,CAACtD,GAAG;IAAC4E,SAAS,EAAC,UAAU;IAACrB,GAAG,EAAC;EAAK,IAAArC,mBAAA,GAChCY,UAAU,CAAC6C,OAAO,qBAAlBzD,mBAAA,CAAoB0C,GAAG,CAAC,CAAC/B,MAAM,EAAEiD,WAAW,kBAC3CnF,KAAA,CAAA2D,aAAA,CAACxC,WAAW;IACVkD,GAAG,EAAE,wBAAwBc,WAAW,EAAG;IAC3CC,IAAI,EAAC,MAAM;IACXnD,MAAM,EAAEA,MAAO;IACfoD,IAAI,EAAEhD,MAAO;IACbH,MAAM,EAAEA,MAAO;IACfoD,SAAS,EAAC,SAAS;IACnBC,SAAS,EAAEJ;EAAY,CACxB,CACF,CACE,CACD,CAAC,GACL,IACE,CACI,CACV,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,4 +1,3 @@
 export * from './AutoPatternsEntityPage';
 export * from './ViewModeEntityPage';
-export * from './RenderLayout';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\nexport * from './ViewModeEntityPage';\nexport * from './RenderLayout';\n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,sBAAsB;AACpC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\nexport * from './ViewModeEntityPage';\n"],"mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,sBAAsB","ignoreList":[]}

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

@@ -1,37 +1,143 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-import { Grid } from '@wix/patterns';
-import { useGridFeatures } from '../../hooks';
-export const AutoPatternsGrid = _ref => {
-  let {
-    configuration
-  } = _ref;
+import React, { useState } from 'react';
+import { Grid, GridState, useCreateCollection, useGridCollection, useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';
+import { useGridFeaturesAsync } from '../../hooks';
+import { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';
+import { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';
+/**
+ * AutoPatternsGridLoaded - Step 4 in Grid Flow
+ *
+ * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid
+ *
+ * This component renders when all async features have been loaded and are ready.
+ * It represents the "loaded" state of the grid flow and handles:
+ *
+ * Key Responsibilities:
+ * - Creates the grid collection state using loaded async features
+ * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation
+ * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features
+ * - Extracts async features like dragAndDrop if enabled
+ * - Renders the final Grid component with all features combined
+ */
+const AutoPatternsGridLoaded = props => {
+  const {
+    config,
+    asyncFeaturesState,
+    baseStateParams,
+    dataHook
+  } = props;
+
+  // Extract grid-specific display features (how items are rendered and displayed)
   const {
-    state,
-    search,
-    title,
-    emptyState,
-    filters,
-    actionCell,
     renderItem,
     imagePlacement,
-    views,
-    preset,
-    dragAndDropProps
-  } = useGridFeatures(configuration);
+    preset
+  } = useBaseGridFeatures(config);
+
+  // Extract loaded async features from the successful feature loading state
+  const {
+    dragAndDrop
+  } = useSelector(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // Create grid collection state with the loaded async dependencies
+  const state = useGridCollection(baseStateParams.params);
+
+  // STEP 5: Call shared hook that prepares final collection features
+  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)
+  const baseCollectionComponentReadyFeatures = useBaseCollectionComponentReadyFeatures({
+    config,
+    collection: state.collection,
+    asyncFeaturesState,
+    baseStateParams
+  });
+
+  // Extract grid-specific drag and drop props if feature is loaded
+  const dragAndDropProps = dragAndDrop == null || dragAndDrop.useGridDragAndDrop == null ? void 0 : dragAndDrop.useGridDragAndDrop(config);
+
+  // FINAL STEP: Render the fully-featured Grid component
+  // Combines grid display features with loaded async features
   return /*#__PURE__*/React.createElement(Grid, _extends({
-    dataHook: "auto-patterns-grid",
-    search: search,
-    title: title,
-    state: state,
-    actionCell: actionCell,
-    filters: filters,
-    views: views,
-    emptyState: emptyState,
-    imagePlacement: imagePlacement
-  }, dragAndDropProps, {
+    dataHook: dataHook,
     preset: preset,
-    renderItem: renderItem
+    imagePlacement: imagePlacement,
+    renderItem: renderItem,
+    state: state
+  }, baseCollectionComponentReadyFeatures, dragAndDropProps));
+};
+
+/**
+ * AutoPatternsGrid - Step 2 in Grid Flow
+ *
+ * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid
+ *
+ * This is the main grid component that orchestrates the grid rendering flow.
+ * It handles the loading states and coordinates between async feature loading and final rendering.
+ *
+ * Key Responsibilities:
+ * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs
+ * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features
+ * - Creates initial grid state with basic collection
+ * - Monitors loading status and switches between loading/loaded states
+ * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready
+ */
+export const AutoPatternsGrid = props => {
+  const {
+    config
+  } = props;
+
+  // Extract grid display features and visible field IDs from configuration
+  const {
+    renderItem,
+    imagePlacement,
+    preset,
+    visibleFieldIds
+  } = useBaseGridFeatures(config);
+
+  // Initialize base state parameters with collection config and visible fields
+  const baseStateParams = useBasePatternsStateParams(config, {
+    visibleFieldIds
+  });
+
+  // STEP 3: Load grid-specific async features (currently only drag&drop)
+  const {
+    asyncFeaturesState
+  } = useGridFeaturesAsync({
+    config
+  });
+
+  // Create patterns container and collection factory
+  const container = useWixPatternsContainer();
+  const createCollection = useCreateCollection();
+
+  // Initialize grid state with basic collection (used during loading)
+  const [state] = useState(() => new GridState({
+    collection: createCollection(baseStateParams.params),
+    container
   }));
+
+  // Monitor async features loading status
+  const isReady = useSelector(() => asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError);
+  const dataHook = 'auto-patterns-grid';
+  if (isReady) {
+    // STEP 4: All features loaded - render the fully-featured grid
+    return /*#__PURE__*/React.createElement(AutoPatternsGridLoaded, {
+      dataHook: dataHook,
+      config: config,
+      baseStateParams: baseStateParams,
+      asyncFeaturesState: asyncFeaturesState
+    });
+  }
+
+  // LOADING STATE: Render basic grid skeleton while features are loading
+  return /*#__PURE__*/React.createElement(Grid, {
+    dataHook: dataHook,
+    preset: preset,
+    imagePlacement: imagePlacement,
+    renderItem: renderItem,
+    state: state
+  });
 };
 //# sourceMappingURL=AutoPatternsGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Grid","useGridFeatures","AutoPatternsGrid","_ref","configuration","state","search","title","emptyState","filters","actionCell","renderItem","imagePlacement","views","preset","dragAndDropProps","createElement","_extends","dataHook"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useGridFeatures } from '../../hooks';\n\nexport interface AutoPatternsGridContentProps {\n  configuration: GridConfig;\n}\n\nexport const AutoPatternsGrid = ({\n  configuration,\n}: AutoPatternsGridContentProps) => {\n  const {\n    state,\n    search,\n    title,\n    emptyState,\n    filters,\n    actionCell,\n    renderItem,\n    imagePlacement,\n    views,\n    preset,\n    dragAndDropProps,\n  } = useGridFeatures(configuration);\n\n  return (\n    <Grid\n      dataHook=\"auto-patterns-grid\"\n      search={search}\n      title={title}\n      state={state}\n      actionCell={actionCell}\n      filters={filters}\n      views={views}\n      emptyState={emptyState}\n      imagePlacement={imagePlacement}\n      {...dragAndDropProps}\n      preset={preset}\n      renderItem={renderItem}\n    />\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,eAAe;AAEpC,SAASC,eAAe,QAAQ,aAAa;AAM7C,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAEI;EAAA,IAFH;IAC/BC;EAC4B,CAAC,GAAAD,IAAA;EAC7B,MAAM;IACJE,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC,KAAK;IACLC,MAAM;IACNC;EACF,CAAC,GAAGd,eAAe,CAACG,aAAa,CAAC;EAElC,oBACEL,KAAA,CAAAiB,aAAA,CAAChB,IAAI,EAAAiB,QAAA;IACHC,QAAQ,EAAC,oBAAoB;IAC7BZ,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbK,UAAU,EAAEA,UAAW;IACvBD,OAAO,EAAEA,OAAQ;IACjBI,KAAK,EAAEA,KAAM;IACbL,UAAU,EAAEA,UAAW;IACvBI,cAAc,EAAEA;EAAe,GAC3BG,gBAAgB;IACpBD,MAAM,EAAEA,MAAO;IACfH,UAAU,EAAEA;EAAW,EACxB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","Grid","GridState","useCreateCollection","useGridCollection","useSelector","useWixPatternsContainer","useBasePatternsStateParams","useGridFeaturesAsync","useBaseGridFeatures","useBaseCollectionComponentReadyFeatures","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","dragAndDrop","status","data","state","params","baseCollectionComponentReadyFeatures","collection","dragAndDropProps","useGridDragAndDrop","createElement","_extends","AutoPatternsGrid","visibleFieldIds","container","createCollection","isReady","isSuccess","isError"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop } = useSelector(() => ({\n    ...asyncFeaturesState.status.data,\n  }));\n\n  // Create grid collection state with the loaded async dependencies\n  const state = useGridCollection<any>(baseStateParams.params);\n\n  // STEP 5: Call shared hook that prepares final collection features\n  // This hook is shared across all three flows (Table, Grid, TableGridSwitch)\n  const baseCollectionComponentReadyFeatures =\n    useBaseCollectionComponentReadyFeatures({\n      config,\n      collection: state.collection,\n      asyncFeaturesState,\n      baseStateParams,\n    });\n\n  // Extract grid-specific drag and drop props if feature is loaded\n  const dragAndDropProps = dragAndDrop?.useGridDragAndDrop?.(config);\n\n  // FINAL STEP: Render the fully-featured Grid component\n  // Combines grid display features with loaded async features\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n      {...baseCollectionComponentReadyFeatures}\n      {...dragAndDropProps}\n    />\n  );\n};\n\n/**\n * AutoPatternsGrid - Step 2 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → [AutoPatternsGrid] → useGridFeaturesAsync → AutoPatternsGridLoaded → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This is the main grid component that orchestrates the grid rendering flow.\n * It handles the loading states and coordinates between async feature loading and final rendering.\n *\n * Key Responsibilities:\n * - Extracts grid display features (renderItem, preset, imagePlacement) and visible field IDs\n * - Calls useGridFeaturesAsync (Step 3) to load grid-specific async features\n * - Creates initial grid state with basic collection\n * - Monitors loading status and switches between loading/loaded states\n * - Renders skeleton grid during loading or AutoPatternsGridLoaded when ready\n */\nexport const AutoPatternsGrid = (props: AutoPatternsGridContentProps) => {\n  const { config } = props;\n\n  // Extract grid display features and visible field IDs from configuration\n  const { renderItem, imagePlacement, preset, visibleFieldIds } =\n    useBaseGridFeatures(config);\n\n  // Initialize base state parameters with collection config and visible fields\n  const baseStateParams = useBasePatternsStateParams(config, {\n    visibleFieldIds,\n  });\n\n  // STEP 3: Load grid-specific async features (currently only drag&drop)\n  const { asyncFeaturesState } = useGridFeaturesAsync({ config });\n\n  // Create patterns container and collection factory\n  const container = useWixPatternsContainer();\n  const createCollection = useCreateCollection();\n\n  // Initialize grid state with basic collection (used during loading)\n  const [state] = useState(\n    () =>\n      new GridState<any, {}>({\n        collection: createCollection<any, {}>(baseStateParams.params),\n        container,\n      }),\n  );\n\n  // Monitor async features loading status\n  const isReady = useSelector(\n    () =>\n      asyncFeaturesState.status.isSuccess || asyncFeaturesState.status.isError,\n  );\n\n  const dataHook = 'auto-patterns-grid';\n\n  if (isReady) {\n    // STEP 4: All features loaded - render the fully-featured grid\n    return (\n      <AutoPatternsGridLoaded\n        dataHook={dataHook}\n        config={config}\n        baseStateParams={baseStateParams}\n        asyncFeaturesState={asyncFeaturesState}\n      />\n    );\n  }\n\n  // LOADING STATE: Render basic grid skeleton while features are loading\n  return (\n    <Grid\n      dataHook={dataHook}\n      preset={preset}\n      imagePlacement={imagePlacement}\n      renderItem={renderItem}\n      state={state}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,12 +1,13 @@
 import React, { lazy, Suspense } from 'react';
 import { SchemaProvider } from '../../providers/SchemaContext';
-import { SkeletonEntity } from '../AutoPatternsEntityPage/SkeletonEntity';
-const AutoPatternsCollectionPage = /*#__PURE__*/lazy(() => import('../AutoPatternsCollectionPage').then(module => ({
-  default: module.AutoPatternsCollectionPage
-})));
+import { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';
+import { ContentSkeleton } from '../layouts/ContentSkeleton';
 const AutoPatternsEntityPage = /*#__PURE__*/lazy(() => import('../AutoPatternsEntityPage').then(module => ({
   default: module.AutoPatternsEntityPage
 })));
+const AutoPatternsSettingsPage = /*#__PURE__*/lazy(() => import('../AutoPatternsSettingsPage').then(module => ({
+  default: module.AutoPatternsSettingsPage
+})));
 export const AutoPatternsPage = _ref => {
   let {
     pageConfig
@@ -14,34 +15,54 @@ export const AutoPatternsPage = _ref => {
   const {
     type,
     collectionPage,
-    entityPage
+    entityPage,
+    settingsPage
   } = pageConfig;
   switch (type) {
     case 'collectionPage':
       if (collectionPage) {
-        return /*#__PURE__*/React.createElement(Suspense, {
-          fallback: /*#__PURE__*/React.createElement("div", null)
-        }, /*#__PURE__*/React.createElement(AutoPatternsCollectionPage, {
+        return /*#__PURE__*/React.createElement(AutoPatternsCollectionPage, {
           configuration: collectionPage
-        }));
+        });
       }
       break;
     case 'entityPage':
       if (entityPage) {
         return /*#__PURE__*/React.createElement(SchemaProvider, {
           collection: entityPage,
-          skeleton: /*#__PURE__*/React.createElement(SkeletonEntity, {
-            entityPage: entityPage
+          skeleton: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            pageConfig: entityPage
           })
         }, /*#__PURE__*/React.createElement(Suspense, {
-          fallback: /*#__PURE__*/React.createElement(SkeletonEntity, {
-            entityPage: entityPage
+          fallback: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            pageConfig: entityPage
           })
         }, /*#__PURE__*/React.createElement(AutoPatternsEntityPage, {
           configuration: entityPage
         })));
       }
       break;
+    case 'settingsPage':
+      if (settingsPage) {
+        return /*#__PURE__*/React.createElement(SchemaProvider, {
+          collection: {
+            ...settingsPage,
+            collectionId: 'app-settings'
+          },
+          skeleton: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            type: "settings",
+            pageConfig: settingsPage
+          })
+        }, /*#__PURE__*/React.createElement(Suspense, {
+          fallback: /*#__PURE__*/React.createElement(ContentSkeleton, {
+            type: "settings",
+            pageConfig: settingsPage
+          })
+        }, /*#__PURE__*/React.createElement(AutoPatternsSettingsPage, {
+          configuration: settingsPage
+        })));
+      }
+      break;
     default:
       break;
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","lazy","Suspense","SchemaProvider","SkeletonEntity","AutoPatternsCollectionPage","then","module","default","AutoPatternsEntityPage","AutoPatternsPage","_ref","pageConfig","type","collectionPage","entityPage","createElement","fallback","configuration","collection","skeleton"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { PageConfig } from '../../types';\nimport { SchemaProvider } from '../../providers/SchemaContext';\nimport { SkeletonEntity } from '../AutoPatternsEntityPage/SkeletonEntity';\n\nconst AutoPatternsCollectionPage = lazy(() =>\n  import('../AutoPatternsCollectionPage').then((module) => ({\n    default: module.AutoPatternsCollectionPage,\n  })),\n);\nconst AutoPatternsEntityPage = lazy(() =>\n  import('../AutoPatternsEntityPage').then((module) => ({\n    default: module.AutoPatternsEntityPage,\n  })),\n);\n\nexport interface AutoPatternsPageProps {\n  pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n  const { type, collectionPage, entityPage } = pageConfig;\n\n  switch (type) {\n    case 'collectionPage':\n      if (collectionPage) {\n        return (\n          <Suspense fallback={<div />}>\n            <AutoPatternsCollectionPage configuration={collectionPage} />\n          </Suspense>\n        );\n      }\n      break;\n    case 'entityPage':\n      if (entityPage) {\n        return (\n          <SchemaProvider\n            collection={entityPage}\n            skeleton={<SkeletonEntity entityPage={entityPage} />}\n          >\n            <Suspense fallback={<SkeletonEntity entityPage={entityPage} />}>\n              <AutoPatternsEntityPage configuration={entityPage} />\n            </Suspense>\n          </SchemaProvider>\n        );\n      }\n      break;\n    default:\n      break;\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,cAAc,QAAQ,0CAA0C;AAEzE,MAAMC,0BAA0B,gBAAGJ,IAAI,CAAC,MACtC,MAAM,CAAC,+BAA+B,CAAC,CAACK,IAAI,CAAEC,MAAM,KAAM;EACxDC,OAAO,EAAED,MAAM,CAACF;AAClB,CAAC,CAAC,CACJ,CAAC;AACD,MAAMI,sBAAsB,gBAAGR,IAAI,CAAC,MAClC,MAAM,CAAC,2BAA2B,CAAC,CAACK,IAAI,CAAEC,MAAM,KAAM;EACpDC,OAAO,EAAED,MAAM,CAACE;AAClB,CAAC,CAAC,CACJ,CAAC;AAMD,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE,IAAI;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAAGH,UAAU;EAEvD,QAAQC,IAAI;IACV,KAAK,gBAAgB;MACnB,IAAIC,cAAc,EAAE;QAClB,oBACEd,KAAA,CAAAgB,aAAA,CAACd,QAAQ;UAACe,QAAQ,eAAEjB,KAAA,CAAAgB,aAAA,YAAM;QAAE,gBAC1BhB,KAAA,CAAAgB,aAAA,CAACX,0BAA0B;UAACa,aAAa,EAAEJ;QAAe,CAAE,CACpD,CAAC;MAEf;MACA;IACF,KAAK,YAAY;MACf,IAAIC,UAAU,EAAE;QACd,oBACEf,KAAA,CAAAgB,aAAA,CAACb,cAAc;UACbgB,UAAU,EAAEJ,UAAW;UACvBK,QAAQ,eAAEpB,KAAA,CAAAgB,aAAA,CAACZ,cAAc;YAACW,UAAU,EAAEA;UAAW,CAAE;QAAE,gBAErDf,KAAA,CAAAgB,aAAA,CAACd,QAAQ;UAACe,QAAQ,eAAEjB,KAAA,CAAAgB,aAAA,CAACZ,cAAc;YAACW,UAAU,EAAEA;UAAW,CAAE;QAAE,gBAC7Df,KAAA,CAAAgB,aAAA,CAACP,sBAAsB;UAACS,aAAa,EAAEH;QAAW,CAAE,CAC5C,CACI,CAAC;MAErB;MACA;IACF;MACE;EACJ;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}
+{"version":3,"names":["React","lazy","Suspense","SchemaProvider","AutoPatternsCollectionPage","ContentSkeleton","AutoPatternsEntityPage","then","module","default","AutoPatternsSettingsPage","AutoPatternsPage","_ref","pageConfig","type","collectionPage","entityPage","settingsPage","createElement","configuration","collection","skeleton","fallback","collectionId"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { PageConfig } from '../../types';\nimport { SchemaProvider } from '../../providers/SchemaContext';\nimport { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';\nimport { ContentSkeleton } from '../layouts/ContentSkeleton';\n\nconst AutoPatternsEntityPage = lazy(() =>\n  import('../AutoPatternsEntityPage').then((module) => ({\n    default: module.AutoPatternsEntityPage,\n  })),\n);\n\nconst AutoPatternsSettingsPage = lazy(() =>\n  import('../AutoPatternsSettingsPage').then((module) => ({\n    default: module.AutoPatternsSettingsPage,\n  })),\n);\n\nexport interface AutoPatternsPageProps {\n  pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n  const { type, collectionPage, entityPage, settingsPage } = pageConfig;\n\n  switch (type) {\n    case 'collectionPage':\n      if (collectionPage) {\n        return <AutoPatternsCollectionPage configuration={collectionPage} />;\n      }\n      break;\n    case 'entityPage':\n      if (entityPage) {\n        return (\n          <SchemaProvider\n            collection={entityPage}\n            skeleton={<ContentSkeleton pageConfig={entityPage} />}\n          >\n            <Suspense fallback={<ContentSkeleton pageConfig={entityPage} />}>\n              <AutoPatternsEntityPage configuration={entityPage} />\n            </Suspense>\n          </SchemaProvider>\n        );\n      }\n      break;\n    case 'settingsPage':\n      if (settingsPage) {\n        return (\n          <SchemaProvider\n            collection={{ ...settingsPage, collectionId: 'app-settings' }}\n            skeleton={\n              <ContentSkeleton type=\"settings\" pageConfig={settingsPage} />\n            }\n          >\n            <Suspense\n              fallback={\n                <ContentSkeleton type=\"settings\" pageConfig={settingsPage} />\n              }\n            >\n              <AutoPatternsSettingsPage configuration={settingsPage} />\n            </Suspense>\n          </SchemaProvider>\n        );\n      }\n      break;\n    default:\n      break;\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,QAAQ,QAAQ,OAAO;AAE7C,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,MAAMC,sBAAsB,gBAAGL,IAAI,CAAC,MAClC,MAAM,CAAC,2BAA2B,CAAC,CAACM,IAAI,CAAEC,MAAM,KAAM;EACpDC,OAAO,EAAED,MAAM,CAACF;AAClB,CAAC,CAAC,CACJ,CAAC;AAED,MAAMI,wBAAwB,gBAAGT,IAAI,CAAC,MACpC,MAAM,CAAC,6BAA6B,CAAC,CAACM,IAAI,CAAEC,MAAM,KAAM;EACtDC,OAAO,EAAED,MAAM,CAACE;AAClB,CAAC,CAAC,CACJ,CAAC;AAMD,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE,IAAI;IAAEC,cAAc;IAAEC,UAAU;IAAEC;EAAa,CAAC,GAAGJ,UAAU;EAErE,QAAQC,IAAI;IACV,KAAK,gBAAgB;MACnB,IAAIC,cAAc,EAAE;QAClB,oBAAOf,KAAA,CAAAkB,aAAA,CAACd,0BAA0B;UAACe,aAAa,EAAEJ;QAAe,CAAE,CAAC;MACtE;MACA;IACF,KAAK,YAAY;MACf,IAAIC,UAAU,EAAE;QACd,oBACEhB,KAAA,CAAAkB,aAAA,CAACf,cAAc;UACbiB,UAAU,EAAEJ,UAAW;UACvBK,QAAQ,eAAErB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACQ,UAAU,EAAEG;UAAW,CAAE;QAAE,gBAEtDhB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;UAACoB,QAAQ,eAAEtB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACQ,UAAU,EAAEG;UAAW,CAAE;QAAE,gBAC9DhB,KAAA,CAAAkB,aAAA,CAACZ,sBAAsB;UAACa,aAAa,EAAEH;QAAW,CAAE,CAC5C,CACI,CAAC;MAErB;MACA;IACF,KAAK,cAAc;MACjB,IAAIC,YAAY,EAAE;QAChB,oBACEjB,KAAA,CAAAkB,aAAA,CAACf,cAAc;UACbiB,UAAU,EAAE;YAAE,GAAGH,YAAY;YAAEM,YAAY,EAAE;UAAe,CAAE;UAC9DF,QAAQ,eACNrB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACS,IAAI,EAAC,UAAU;YAACD,UAAU,EAAEI;UAAa,CAAE;QAC7D,gBAEDjB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;UACPoB,QAAQ,eACNtB,KAAA,CAAAkB,aAAA,CAACb,eAAe;YAACS,IAAI,EAAC,UAAU;YAACD,UAAU,EAAEI;UAAa,CAAE;QAC7D,gBAEDjB,KAAA,CAAAkB,aAAA,CAACR,wBAAwB;UAACS,aAAa,EAAEF;QAAa,CAAE,CAChD,CACI,CAAC;MAErB;MACA;IACF;MACE;EACJ;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

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

@@ -6,7 +6,8 @@ import { Navigate } from 'react-router-dom';
 import { useWixPatternsContainer } from '@wix/patterns';
 const pageTypeToRouteType = {
   collectionPage: 'collection',
-  entityPage: 'editEntity'
+  entityPage: 'editEntity',
+  settingsPage: 'other'
 };
 export const AutoPatternsRoutes = _ref => {
   let {