@wix/auto-patterns 1.43.0 → 1.45.0

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

@@ -7,7 +7,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _reactRouterDom = require("react-router-dom");
-var _RenderViewLayoutCard = require("./ViewEntityPage/RenderViewLayoutCard");
 var _SchemaContext = require("../../providers/SchemaContext");
 var _hooks = require("../../hooks");
 var _patterns = require("@wix/patterns");
@@ -16,7 +15,8 @@ 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 _ContentSkeleton = require("../layouts/ContentSkeleton");
+var _ContentCard = require("../layouts/ContentCard");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/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; }
@@ -31,6 +31,11 @@ const ViewModeEntityPage = ({
   const params = (0, _reactRouterDom.useParams)();
   const entityId = params[route.params.id];
   const schema = (0, _SchemaContext.useSchema)();
+  const {
+    displayField,
+    actions: schemaActions,
+    fields
+  } = schema;
   const {
     layout: pageLayout
   } = configuration;
@@ -45,7 +50,7 @@ const ViewModeEntityPage = ({
         setEntity(undefined);
         return;
       }
-      const fetchedEntity = await schema.actions.get(entityId);
+      const fetchedEntity = await schemaActions.get(entityId);
       if (isMounted) {
         setEntity(fetchedEntity);
       }
@@ -54,7 +59,7 @@ const ViewModeEntityPage = ({
     return () => {
       isMounted = false;
     };
-  }, [entityId, schema]);
+  }, [entityId, schemaActions]);
   const {
     title,
     subtitle
@@ -62,7 +67,7 @@ const ViewModeEntityPage = ({
     config: configuration,
     isCreateMode: false,
     isViewMode: true,
-    entityDisplayName: entity == null ? void 0 : entity[schema.displayField],
+    entityDisplayName: entity == null ? void 0 : entity[displayField],
     entity
   });
   const sdk = (0, _useActionsSDK.useActionsSDK)({
@@ -76,7 +81,7 @@ const ViewModeEntityPage = ({
 
   // add OOTB navigate to edit action
   const moreActions = (0, _useNavigateEditEntityAction.useNavigateEditEntityAction)({
-    displayName: entity == null ? void 0 : entity[schema.displayField],
+    displayName: entity == null ? void 0 : entity[displayField],
     configuration
   });
   const resolvedMoreActions = (0, _useEntityPageMoreActions.useEntityPageMoreActions)(moreActions, entity, sdk);
@@ -92,7 +97,7 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 85,
+        lineNumber: 86,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -100,7 +105,7 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 87,
         columnNumber: 9
       }
     }, text), badges && badges.length > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -108,7 +113,7 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 88,
+        lineNumber: 89,
         columnNumber: 11
       }
     }, badges.map((badge, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Badge, (0, _extends2.default)({
@@ -118,18 +123,18 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 91,
         columnNumber: 15
       }
     }), badge.text))));
   };
   if (!entity) {
-    return /*#__PURE__*/_react.default.createElement(_SkeletonEntity.SkeletonEntity, {
-      entityPage: configuration,
+    return /*#__PURE__*/_react.default.createElement(_ContentSkeleton.ContentSkeleton, {
+      pageConfig: configuration,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 106,
         columnNumber: 12
       }
     });
@@ -139,7 +144,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 109,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, {
@@ -153,7 +158,7 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 118,
+        lineNumber: 119,
         columnNumber: 11
       }
     }, resolvedMoreActions.length > 0 ? /*#__PURE__*/_react.default.createElement(_patterns.MoreActions, {
@@ -162,28 +167,28 @@ const ViewModeEntityPage = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120,
+        lineNumber: 121,
         columnNumber: 15
       }
     }) : undefined, actions),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 110,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 130,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 131,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -191,7 +196,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 132,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -200,19 +205,21 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 133,
       columnNumber: 13
     }
-  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_RenderViewLayoutCard.RenderViewLayoutCard, {
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCard.ContentCard, {
     key: `main-section-card-${layoutIndex}`,
-    entity: entity,
+    mode: "view",
+    fields: fields,
+    data: entity,
     layout: layout,
     sectionId: "main",
     cardIndex: layoutIndex,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 135,
       columnNumber: 17
     }
   })))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -220,7 +227,7 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 148,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -229,19 +236,21 @@ const ViewModeEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 149,
       columnNumber: 15
     }
-  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_RenderViewLayoutCard.RenderViewLayoutCard, {
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCard.ContentCard, {
     key: `sidebar-section-card-${layoutIndex}`,
-    entity: entity,
+    mode: "view",
+    fields: fields,
+    data: entity,
     layout: layout,
     sectionId: "sidebar",
     cardIndex: layoutIndex,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 151,
       columnNumber: 19
     }
   })))) : null)));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_reactRouterDom","_RenderViewLayoutCard","_SchemaContext","_hooks","_patterns","_useEntityPageActions","_useEntityPageMoreActions","_useActionsSDK","_useNavigateEditEntityAction","_useEntityPageHeaderTexts","_SkeletonEntity","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ViewModeEntityPage","configuration","_pageLayout$main","_pageLayout$sidebar","route","params","useParams","entityId","id","schema","useSchema","layout","pageLayout","navigateToCollectionPage","useNavigation","entity","setEntity","useState","undefined","useEffect","isMounted","fetchEntity","fetchedEntity","actions","title","subtitle","useEntityPageHeaderTexts","config","isCreateMode","isViewMode","entityDisplayName","displayField","sdk","useActionsSDK","collectionId","useEntityPageActions","entityPageActions","moreActions","useNavigateEditEntityAction","displayName","resolvedMoreActions","useEntityPageMoreActions","renderTitle","text","badges","createElement","Box","gap","verticalAlign","alignContent","__self","__source","fileName","lineNumber","columnNumber","Heading","size","length","map","badge","index","Badge","_extends2","key","dataHook","SkeletonEntity","entityPage","Page","Header","showBackButton","onBackClicked","parentPageId","actionsBar","MoreActions","items","Content","Layout","Cell","span","sidebar","direction","main","layoutIndex","RenderViewLayoutCard","sectionId","cardIndex","exports"],"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","_interopRequireWildcard","require","_designSystem","_reactRouterDom","_SchemaContext","_hooks","_patterns","_useEntityPageActions","_useEntityPageMoreActions","_useActionsSDK","_useNavigateEditEntityAction","_useEntityPageHeaderTexts","_ContentSkeleton","_ContentCard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ViewModeEntityPage","configuration","_pageLayout$main","_pageLayout$sidebar","route","params","useParams","entityId","id","schema","useSchema","displayField","actions","schemaActions","fields","layout","pageLayout","navigateToCollectionPage","useNavigation","entity","setEntity","useState","undefined","useEffect","isMounted","fetchEntity","fetchedEntity","title","subtitle","useEntityPageHeaderTexts","config","isCreateMode","isViewMode","entityDisplayName","sdk","useActionsSDK","collectionId","useEntityPageActions","entityPageActions","moreActions","useNavigateEditEntityAction","displayName","resolvedMoreActions","useEntityPageMoreActions","renderTitle","text","badges","createElement","Box","gap","verticalAlign","alignContent","__self","__source","fileName","lineNumber","columnNumber","Heading","size","length","map","badge","index","Badge","_extends2","key","dataHook","ContentSkeleton","pageConfig","Page","Header","showBackButton","onBackClicked","parentPageId","actionsBar","MoreActions","items","Content","Layout","Cell","span","sidebar","direction","main","layoutIndex","ContentCard","mode","data","sectionId","cardIndex","exports"],"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":"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","ignoreList":[]}

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

@@ -13,10 +13,4 @@ Object.keys(_ViewModeEntityPage).forEach(function (key) {
   if (key in exports && exports[key] === _ViewModeEntityPage[key]) return;
   exports[key] = _ViewModeEntityPage[key];
 });
-var _RenderLayout = require("./RenderLayout");
-Object.keys(_RenderLayout).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _RenderLayout[key]) return;
-  exports[key] = _RenderLayout[key];
-});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_AutoPatternsEntityPage","require","Object","keys","forEach","key","exports","_ViewModeEntityPage","_RenderLayout"],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\nexport * from './ViewModeEntityPage';\nexport * from './RenderLayout';\n"],"mappings":";;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,uBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,mBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,mBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,mBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,mBAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,aAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,aAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,aAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,aAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_AutoPatternsEntityPage","require","Object","keys","forEach","key","exports","_ViewModeEntityPage"],"sources":["../../../../src/components/AutoPatternsEntityPage/index.ts"],"sourcesContent":["export * from './AutoPatternsEntityPage';\nexport * from './ViewModeEntityPage';\n"],"mappings":";;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,uBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,mBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,mBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,mBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,mBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

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

@@ -4,46 +4,168 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsGrid = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _patterns = require("@wix/patterns");
+var _useBasePatternsStateParams = require("../../hooks/useBasePatternsStateParams");
 var _hooks = require("../../hooks");
+var _useBaseGridFeatures = require("../../hooks/useBaseGridFeatures");
+var _useBaseCollectionComponentReadyFeatures = require("../../hooks/useBaseCollectionComponentReadyFeatures");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/AutoPatternsGrid/AutoPatternsGrid.tsx";
-const AutoPatternsGrid = ({
-  configuration
-}) => {
+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; }
+/**
+ * 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
-  } = (0, _hooks.useGridFeatures)(configuration);
+    preset
+  } = (0, _useBaseGridFeatures.useBaseGridFeatures)(config);
+
+  // Extract loaded async features from the successful feature loading state
+  const {
+    dragAndDrop
+  } = (0, _patterns.useSelector)(() => ({
+    ...asyncFeaturesState.status.data
+  }));
+
+  // Create grid collection state with the loaded async dependencies
+  const state = (0, _patterns.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 = (0, _useBaseCollectionComponentReadyFeatures.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.default.createElement(_patterns.Grid, (0, _extends2.default)({
-    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,
+    imagePlacement: imagePlacement,
     renderItem: renderItem,
+    state: state
+  }, baseCollectionComponentReadyFeatures, dragAndDropProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 71,
       columnNumber: 5
     }
   }));
 };
+
+/**
+ * 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
+ */
+const AutoPatternsGrid = props => {
+  const {
+    config
+  } = props;
+
+  // Extract grid display features and visible field IDs from configuration
+  const {
+    renderItem,
+    imagePlacement,
+    preset,
+    visibleFieldIds
+  } = (0, _useBaseGridFeatures.useBaseGridFeatures)(config);
+
+  // Initialize base state parameters with collection config and visible fields
+  const baseStateParams = (0, _useBasePatternsStateParams.useBasePatternsStateParams)(config, {
+    visibleFieldIds
+  });
+
+  // STEP 3: Load grid-specific async features (currently only drag&drop)
+  const {
+    asyncFeaturesState
+  } = (0, _hooks.useGridFeaturesAsync)({
+    config
+  });
+
+  // Create patterns container and collection factory
+  const container = (0, _patterns.useWixPatternsContainer)();
+  const createCollection = (0, _patterns.useCreateCollection)();
+
+  // Initialize grid state with basic collection (used during loading)
+  const [state] = (0, _react.useState)(() => new _patterns.GridState({
+    collection: createCollection(baseStateParams.params),
+    container
+  }));
+
+  // Monitor async features loading status
+  const isReady = (0, _patterns.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.default.createElement(AutoPatternsGridLoaded, {
+      dataHook: dataHook,
+      config: config,
+      baseStateParams: baseStateParams,
+      asyncFeaturesState: asyncFeaturesState,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 137,
+        columnNumber: 7
+      }
+    });
+  }
+
+  // LOADING STATE: Render basic grid skeleton while features are loading
+  return /*#__PURE__*/_react.default.createElement(_patterns.Grid, {
+    dataHook: dataHook,
+    preset: preset,
+    imagePlacement: imagePlacement,
+    renderItem: renderItem,
+    state: state,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 148,
+      columnNumber: 5
+    }
+  });
+};
 exports.AutoPatternsGrid = AutoPatternsGrid;
 //# sourceMappingURL=AutoPatternsGrid.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_hooks","_jsxFileName","AutoPatternsGrid","configuration","state","search","title","emptyState","filters","actionCell","renderItem","imagePlacement","views","preset","dragAndDropProps","useGridFeatures","default","createElement","Grid","_extends2","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA8C,IAAAG,YAAA;AAMvC,MAAMC,gBAAgB,GAAGA,CAAC;EAC/BC;AAC4B,CAAC,KAAK;EAClC,MAAM;IACJC,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC,KAAK;IACLC,MAAM;IACNC;EACF,CAAC,GAAG,IAAAC,sBAAe,EAACZ,aAAa,CAAC;EAElC,oBACEP,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmB,IAAI,MAAAC,SAAA,CAAAH,OAAA;IACHI,QAAQ,EAAC,oBAAoB;IAC7Bf,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,UAAW;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAxB,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_useBasePatternsStateParams","_hooks","_useBaseGridFeatures","_useBaseCollectionComponentReadyFeatures","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AutoPatternsGridLoaded","props","config","asyncFeaturesState","baseStateParams","dataHook","renderItem","imagePlacement","preset","useBaseGridFeatures","dragAndDrop","useSelector","status","data","state","useGridCollection","params","baseCollectionComponentReadyFeatures","useBaseCollectionComponentReadyFeatures","collection","dragAndDropProps","useGridDragAndDrop","createElement","Grid","_extends2","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsGrid","visibleFieldIds","useBasePatternsStateParams","useGridFeaturesAsync","container","useWixPatternsContainer","createCollection","useCreateCollection","useState","GridState","isReady","isSuccess","isError","exports"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Grid,\n  GridState,\n  useCreateCollection,\n  useGridCollection,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useBasePatternsStateParams } from '../../hooks/useBasePatternsStateParams';\nimport { useGridFeaturesAsync } from '../../hooks';\nimport { useBaseGridFeatures } from '../../hooks/useBaseGridFeatures';\nimport { useBaseCollectionComponentReadyFeatures } from '../../hooks/useBaseCollectionComponentReadyFeatures';\n\nexport interface AutoPatternsGridContentProps {\n  config: GridConfig;\n}\n\n/**\n * AutoPatternsGridLoaded - Step 4 in Grid Flow\n *\n * FLOW 2: AutoPatternsCollectionComponent → AutoPatternsGrid → useGridFeaturesAsync → [AutoPatternsGridLoaded] → useBaseCollectionComponentReadyFeatures → Grid\n *\n * This component renders when all async features have been loaded and are ready.\n * It represents the \"loaded\" state of the grid flow and handles:\n *\n * Key Responsibilities:\n * - Creates the grid collection state using loaded async features\n * - Calls useBaseCollectionComponentReadyFeatures for final feature preparation\n * - Extracts grid-specific features (renderItem, preset, imagePlacement) from base features\n * - Extracts async features like dragAndDrop if enabled\n * - Renders the final Grid component with all features combined\n */\nconst AutoPatternsGridLoaded = (\n  props: NonNullable<ReturnType<typeof useGridFeaturesAsync>> &\n    AutoPatternsGridContentProps & {\n      baseStateParams: ReturnType<typeof useBasePatternsStateParams>;\n      dataHook?: string;\n    },\n) => {\n  const { config, asyncFeaturesState, baseStateParams, dataHook } = props;\n\n  // Extract grid-specific display features (how items are rendered and displayed)\n  const { renderItem, imagePlacement, preset } = useBaseGridFeatures(config);\n\n  // Extract loaded async features from the successful feature loading state\n  const { dragAndDrop } = 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":[]}