@wix/auto-patterns 1.22.0 → 1.24.0

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

@@ -0,0 +1,48 @@
+import React from 'react';
+import { Cell, Box, Text } from '@wix/design-system';
+export const RenderViewField = _ref => {
+  let {
+    field,
+    fieldId,
+    entity,
+    span
+  } = _ref;
+  const fieldValue = entity == null ? void 0 : entity[fieldId];
+
+  // Safe display value conversion for all field types
+  const getDisplayValue = value => {
+    if (value === null || value === undefined) {
+      return '-';
+    }
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+      return String(value);
+    }
+    if (Array.isArray(value)) {
+      return value.length > 0 ? value.join(', ') : '-';
+    }
+    if (typeof value === 'object') {
+      // Handle dates
+      if (value instanceof Date) {
+        return value.toLocaleDateString();
+      }
+      // Handle objects with display properties
+      if (value.toString && value.toString !== Object.prototype.toString) {
+        return value.toString();
+      }
+      // Fallback for complex objects
+      return JSON.stringify(value);
+    }
+    return String(value);
+  };
+  const displayValue = getDisplayValue(fieldValue);
+  return /*#__PURE__*/React.createElement(Cell, {
+    span: span
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    gap: "4px"
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    secondary: true
+  }, field.displayName || fieldId), /*#__PURE__*/React.createElement(Text, null, displayValue)));
+};
+//# sourceMappingURL=RenderViewField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Cell","Box","Text","RenderViewField","_ref","field","fieldId","entity","span","fieldValue","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","displayValue","createElement","direction","gap","size","secondary","displayName"],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/RenderViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Box, Text } from '@wix/design-system';\n\nexport const RenderViewField: React.FC<{\n  field: any;\n  fieldId: string;\n  entity: any;\n  span?: number;\n}> = ({ field, fieldId, entity, span }) => {\n  const fieldValue = entity?.[fieldId];\n\n  // Safe display value conversion for all field types\n  const getDisplayValue = (value: any): string => {\n    if (value === null || value === undefined) {\n      return '-';\n    }\n    if (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    ) {\n      return String(value);\n    }\n    if (Array.isArray(value)) {\n      return value.length > 0 ? value.join(', ') : '-';\n    }\n    if (typeof value === 'object') {\n      // Handle dates\n      if (value instanceof Date) {\n        return value.toLocaleDateString();\n      }\n      // Handle objects with display properties\n      if (value.toString && value.toString !== Object.prototype.toString) {\n        return value.toString();\n      }\n      // Fallback for complex objects\n      return JSON.stringify(value);\n    }\n    return String(value);\n  };\n\n  const displayValue = getDisplayValue(fieldValue);\n\n  return (\n    <Cell span={span}>\n      <Box direction=\"vertical\" gap=\"4px\">\n        <Text size=\"small\" secondary>\n          {field.displayName || fieldId}\n        </Text>\n        <Text>{displayValue}</Text>\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,GAAG,EAAEC,IAAI,QAAQ,oBAAoB;AAEpD,OAAO,MAAMC,eAKX,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,KAAK;IAAEC,OAAO;IAAEC,MAAM;IAAEC;EAAK,CAAC,GAAAJ,IAAA;EACpC,MAAMK,UAAU,GAAGF,MAAM,oBAANA,MAAM,CAAGD,OAAO,CAAC;;EAEpC;EACA,MAAMI,eAAe,GAAIC,KAAU,IAAa;IAC9C,IAAIA,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKC,SAAS,EAAE;MACzC,OAAO,GAAG;IACZ;IACA,IACE,OAAOD,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;MACA,OAAOE,MAAM,CAACF,KAAK,CAAC;IACtB;IACA,IAAIG,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;MACxB,OAAOA,KAAK,CAACK,MAAM,GAAG,CAAC,GAAGL,KAAK,CAACM,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG;IAClD;IACA,IAAI,OAAON,KAAK,KAAK,QAAQ,EAAE;MAC7B;MACA,IAAIA,KAAK,YAAYO,IAAI,EAAE;QACzB,OAAOP,KAAK,CAACQ,kBAAkB,CAAC,CAAC;MACnC;MACA;MACA,IAAIR,KAAK,CAACS,QAAQ,IAAIT,KAAK,CAACS,QAAQ,KAAKC,MAAM,CAACC,SAAS,CAACF,QAAQ,EAAE;QAClE,OAAOT,KAAK,CAACS,QAAQ,CAAC,CAAC;MACzB;MACA;MACA,OAAOG,IAAI,CAACC,SAAS,CAACb,KAAK,CAAC;IAC9B;IACA,OAAOE,MAAM,CAACF,KAAK,CAAC;EACtB,CAAC;EAED,MAAMc,YAAY,GAAGf,eAAe,CAACD,UAAU,CAAC;EAEhD,oBACEV,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAACQ,IAAI,EAAEA;EAAK,gBACfT,KAAA,CAAA2B,aAAA,CAACzB,GAAG;IAAC0B,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC;EAAK,gBACjC7B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAAC2B,IAAI,EAAC,OAAO;IAACC,SAAS;EAAA,GACzBzB,KAAK,CAAC0B,WAAW,IAAIzB,OAClB,CAAC,eACPP,KAAA,CAAA2B,aAAA,CAACxB,IAAI,QAAEuB,YAAmB,CACvB,CACD,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -0,0 +1,3 @@
+export * from './RenderLayoutCard';
+export * from './RenderLayoutContent';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/index.ts"],"sourcesContent":["export * from './RenderLayoutCard';\nexport * from './RenderLayoutContent';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,uBAAuB","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Card, Layout } from '@wix/design-system';
+import { RenderViewLayoutContent } from './RenderViewLayoutContent';
+// TODO: remove this component and use RenderLayoutCard instead
+export const RenderViewLayoutCard = _ref => {
+  var _layout$card$subtitle;
+  let {
+    entity,
+    layout,
+    sectionId,
+    cardIndex
+  } = _ref;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text
+      }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Layout, null, layout.card.children.map((child, index) => /*#__PURE__*/React.createElement(RenderViewLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        entity: entity,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      })))));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=RenderViewLayoutCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Card","Layout","RenderViewLayoutContent","RenderViewLayoutCard","_ref","_layout$card$subtitle","entity","layout","sectionId","cardIndex","type","createElement","Header","title","card","text","subtitle","Divider","Content","children","map","child","index","key","content","level","contentIndex"],"sources":["../../../../../src/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Layout } from '@wix/design-system';\nimport { RenderViewLayoutContent } from './RenderViewLayoutContent';\nimport { RenderLayoutCardProps } from '../RenderLayout';\n\ninterface RenderViewLayoutCardProps\n  extends Omit<RenderLayoutCardProps, 'setInputRef'> {\n  entity: Record<string, any>;\n}\n\n// TODO: remove this component and use RenderLayoutCard instead\nexport const RenderViewLayoutCard: React.FC<RenderViewLayoutCardProps> = ({\n  entity,\n  layout,\n  sectionId,\n  cardIndex,\n}) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <Card>\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <RenderViewLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  entity={entity}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </Card>\n      );\n    default:\n      return null;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AACjD,SAASC,uBAAuB,QAAQ,2BAA2B;AAQnE;AACA,OAAO,MAAMC,oBAAyD,GAAGC,IAAA,IAKnE;EAAA,IAAAC,qBAAA;EAAA,IALoE;IACxEC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC;EACF,CAAC,GAAAL,IAAA;EACC,QAAQG,MAAM,CAACG,IAAI;IACjB,KAAK,MAAM;MACT,oBACEX,KAAA,CAAAY,aAAA,CAACX,IAAI,qBACHD,KAAA,CAAAY,aAAA,CAACX,IAAI,CAACY,MAAM;QACVC,KAAK,EAAEN,MAAM,CAACO,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAX,qBAAA,GAAEE,MAAM,CAACO,IAAI,CAACE,QAAQ,qBAApBX,qBAAA,CAAsBU;MAAK,CACtC,CAAC,eACFhB,KAAA,CAAAY,aAAA,CAACX,IAAI,CAACiB,OAAO,MAAE,CAAC,eAChBlB,KAAA,CAAAY,aAAA,CAACX,IAAI,CAACkB,OAAO,qBACXnB,KAAA,CAAAY,aAAA,CAACV,MAAM,QACJM,MAAM,CAACO,IAAI,CAACK,QAAQ,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7CvB,KAAA,CAAAY,aAAA,CAACT,uBAAuB;QACtBqB,GAAG,EAAE,GAAGf,SAAS,SAASC,SAAS,YAAYa,KAAK,EAAG;QACvDhB,MAAM,EAAEA,MAAO;QACfkB,OAAO,EAAEH,KAAM;QACfI,KAAK,EAAE,CAAE;QACTjB,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBiB,YAAY,EAAEJ;MAAM,CACrB,CACF,CACK,CACI,CACV,CAAC;IAEX;MACE,OAAO,IAAI;EACf;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Cell, Layout } from '@wix/design-system';
+import { useSchema } from '../../../providers/SchemaContext';
+import { usePatternsWizardOverridesContext } from '../../../providers';
+import { RenderViewField } from '../RenderLayout/RenderViewField';
+// TODO: remove this component and use RenderLayoutContent instead
+export const RenderViewLayoutContent = _ref => {
+  var _content$container$ch, _overrides$components;
+  let {
+    entity,
+    content,
+    level,
+    sectionId,
+    cardIndex,
+    contentIndex
+  } = _ref;
+  const schema = useSchema();
+  const overrides = usePatternsWizardOverridesContext();
+  switch (content.type) {
+    case 'field':
+      if (!content.field.fieldId) {
+        return null;
+      }
+      const field = schema.fields[content.field.fieldId];
+      if (!field) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(RenderViewField, {
+        field: field,
+        fieldId: content.field.fieldId,
+        entity: entity,
+        span: content.field.span
+      });
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.container.span
+      }, /*#__PURE__*/React.createElement(Layout, null, content.container.children.map((child, index) => /*#__PURE__*/React.createElement(RenderViewLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        entity: entity,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index
+      }))));
+    case 'component':
+      if (!content.component.componentId) {
+        return null;
+      }
+      const Component = overrides == null || (_overrides$components = overrides.components) == null ? void 0 : _overrides$components[content.component.componentId];
+      if (!Component) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.component.span
+      }, /*#__PURE__*/React.createElement(Component, {
+        entity: entity
+      }));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=RenderViewLayoutContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Cell","Layout","useSchema","usePatternsWizardOverridesContext","RenderViewField","RenderViewLayoutContent","_ref","_content$container$ch","_overrides$components","entity","content","level","sectionId","cardIndex","contentIndex","schema","overrides","type","field","fieldId","fields","createElement","span","container","children","length","map","child","index","key","component","componentId","Component","components"],"sources":["../../../../../src/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Layout } from '@wix/design-system';\nimport { useSchema } from '../../../providers/SchemaContext';\nimport { usePatternsWizardOverridesContext } from '../../../providers';\nimport { RenderViewField } from '../RenderLayout/RenderViewField';\nimport { RenderLayoutContentProps } from '../RenderLayout';\n\ninterface RenderViewLayoutContentProps\n  extends Omit<RenderLayoutContentProps, 'setInputRef'> {\n  entity: Record<string, any>;\n}\n\n// TODO: remove this component and use RenderLayoutContent instead\nexport const RenderViewLayoutContent: React.FC<\n  RenderViewLayoutContentProps\n> = ({ entity, content, level, sectionId, cardIndex, contentIndex }) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <RenderViewField\n          field={field}\n          fieldId={content.field.fieldId}\n          entity={entity}\n          span={content.field.span}\n        />\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <RenderViewLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                entity={entity}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component entity={entity} />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AACjD,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,iCAAiC,QAAQ,oBAAoB;AACtE,SAASC,eAAe,QAAQ,iCAAiC;AAQjE;AACA,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAoE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAAA,IAAnE;IAAEC,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAa,CAAC,GAAAR,IAAA;EACjE,MAAMS,MAAM,GAAGb,SAAS,CAAC,CAAC;EAC1B,MAAMc,SAAS,GAAGb,iCAAiC,CAAC,CAAC;EAErD,QAAQO,OAAO,CAACO,IAAI;IAClB,KAAK,OAAO;MACV,IAAI,CAACP,OAAO,CAACQ,KAAK,CAACC,OAAO,EAAE;QAC1B,OAAO,IAAI;MACb;MAEA,MAAMD,KAAK,GAAGH,MAAM,CAACK,MAAM,CAACV,OAAO,CAACQ,KAAK,CAACC,OAAO,CAAC;MAClD,IAAI,CAACD,KAAK,EAAE;QACV,OAAO,IAAI;MACb;MAEA,oBACEnB,KAAA,CAAAsB,aAAA,CAACjB,eAAe;QACdc,KAAK,EAAEA,KAAM;QACbC,OAAO,EAAET,OAAO,CAACQ,KAAK,CAACC,OAAQ;QAC/BV,MAAM,EAAEA,MAAO;QACfa,IAAI,EAAEZ,OAAO,CAACQ,KAAK,CAACI;MAAK,CAC1B,CAAC;IAGN,KAAK,WAAW;MACd,IAAI,GAAAf,qBAAA,GAACG,OAAO,CAACa,SAAS,CAACC,QAAQ,aAA1BjB,qBAAA,CAA4BkB,MAAM,GAAE;QACvC,OAAO,IAAI;MACb;MAEA,oBACE1B,KAAA,CAAAsB,aAAA,CAACrB,IAAI;QAACsB,IAAI,EAAEZ,OAAO,CAACa,SAAS,CAACD;MAAK,gBACjCvB,KAAA,CAAAsB,aAAA,CAACpB,MAAM,QACJS,OAAO,CAACa,SAAS,CAACC,QAAQ,CAACE,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC3C7B,KAAA,CAAAsB,aAAA,CAAChB,uBAAuB;QACtBwB,GAAG,EAAE,GAAGjB,SAAS,SAASC,SAAS,YAAYC,YAAY,UAAUH,KAAK,UAAUiB,KAAK,EAAG;QAC5FnB,MAAM,EAAEA,MAAO;QACfC,OAAO,EAAEiB,KAAM;QACfhB,KAAK,EAAEA,KAAK,GAAG,CAAE;QACjBC,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBC,YAAY,EAAEc;MAAM,CACrB,CACF,CACK,CACJ,CAAC;IAGX,KAAK,WAAW;MACd,IAAI,CAAClB,OAAO,CAACoB,SAAS,CAACC,WAAW,EAAE;QAClC,OAAO,IAAI;MACb;MAEA,MAAMC,SAAS,GAAGhB,SAAS,aAAAR,qBAAA,GAATQ,SAAS,CAAEiB,UAAU,qBAArBzB,qBAAA,CAAwBE,OAAO,CAACoB,SAAS,CAACC,WAAW,CAAC;MACxE,IAAI,CAACC,SAAS,EAAE;QACd,OAAO,IAAI;MACb;MAEA,oBACEjC,KAAA,CAAAsB,aAAA,CAACrB,IAAI;QAACsB,IAAI,EAAEZ,OAAO,CAACoB,SAAS,CAACR;MAAK,gBACjCvB,KAAA,CAAAsB,aAAA,CAACW,SAAS;QAACvB,MAAM,EAAEA;MAAO,CAAE,CACxB,CAAC;IAGX;MACE,OAAO,IAAI;EACf;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,109 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { Box, Cell, Heading, Layout, Page } from '@wix/design-system';
+import { RenderViewLayoutCard } from './ViewEntityPage/RenderViewLayoutCard';
+import { useParams } from 'react-router-dom';
+import { useSchema } from '../../providers';
+import { useNavigation } from '../../hooks/useNavigationUtils';
+import { MoreActions } from '@wix/patterns';
+import { useEntityPageActions } from '../../hooks/useEntityPageActions';
+import { useEntityPageMoreActions } from '../../hooks/useEntityPageMoreActions';
+import { useActionsSDK } from '../../hooks/useActionsSDK';
+import { useNavigateEditEntityAction } from '../../hooks/useNavigateEditEntityAction';
+// TODO: temp solution until we have a proper view mode entity page
+export const ViewModeEntityPage = _ref => {
+  var _configuration$subtit, _pageLayout$main, _pageLayout$sidebar;
+  let {
+    configuration
+  } = _ref;
+  const {
+    route
+  } = configuration;
+  const params = useParams();
+  const entityId = params[route.params.id];
+  const schema = useSchema();
+  const {
+    layout: pageLayout
+  } = configuration;
+  const {
+    navigateToCollectionPage
+  } = useNavigation();
+  const [entity, setEntity] = useState(undefined);
+  useEffect(() => {
+    let isMounted = true;
+    const fetchEntity = async () => {
+      if (!entityId) {
+        setEntity(undefined);
+        return;
+      }
+      const fetchedEntity = await schema.actions.get(entityId);
+      if (isMounted) {
+        setEntity(fetchedEntity);
+      }
+    };
+    fetchEntity();
+    return () => {
+      isMounted = false;
+    };
+  }, [entityId, schema]);
+  const title = useMemo(() => {
+    if (configuration.title) {
+      return configuration.title.text;
+    } else {
+      return (entity == null ? void 0 : entity[schema.displayField]) ?? 'View Item';
+    }
+  }, [configuration.title, entity, schema.displayField]);
+  const subtitle = (_configuration$subtit = configuration.subtitle) == null ? void 0 : _configuration$subtit.text;
+  const sdk = useActionsSDK({
+    collectionId: configuration.collectionId
+  });
+  const actions = useEntityPageActions({
+    entityPageActions: configuration.actions,
+    entity,
+    sdk
+  });
+
+  // add OOTB navigate to edit action
+  const moreActions = useNavigateEditEntityAction({
+    displayName: entity == null ? void 0 : entity[schema.displayField],
+    configuration
+  });
+  const resolvedMoreActions = useEntityPageMoreActions(moreActions, entity, sdk);
+  return /*#__PURE__*/React.createElement(Page, {
+    dataHook: "view-mode-entity-page"
+  }, /*#__PURE__*/React.createElement(Page.Header, {
+    title: /*#__PURE__*/React.createElement(Heading, {
+      size: "extraLarge"
+    }, title),
+    subtitle: subtitle,
+    showBackButton: true,
+    onBackClicked: () => navigateToCollectionPage(configuration.parentPageId),
+    actionsBar: /*#__PURE__*/React.createElement(Box, {
+      gap: "SP2"
+    }, resolvedMoreActions.length > 0 ? /*#__PURE__*/React.createElement(MoreActions, {
+      items: resolvedMoreActions
+    }) : undefined, actions)
+  }), /*#__PURE__*/React.createElement(Page.Content, null, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Cell, {
+    span: pageLayout != null && pageLayout.sidebar ? 8 : 12
+  }, /*#__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, {
+    key: `main-section-card-${layoutIndex}`,
+    entity: entity,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex
+  })))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/React.createElement(Cell, {
+    span: 4
+  }, /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    gap: "SP4"
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderViewLayoutCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    entity: entity,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex
+  })))) : null)));
+};
+//# sourceMappingURL=ViewModeEntityPage.js.map

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

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

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

@@ -1,2 +1,4 @@
 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';\n"],"mappings":"AAAA,cAAc,0BAA0B","ignoreList":[]}
+{"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":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useActionsSDK","updateAction","customAction","resolveAction","deleteAction","cleanupActionsWithDividers","actions","inlineCount","clean","a","filter","x","i","ar","_ar","divider","length","slice","useActionCell","_ref","config","collectionId","sdk","buildCellActions","item","index","api","_config$primaryAction","_config$primaryAction2","_config$secondaryActi","_config$secondaryActi2","_config$secondaryActi3","_config$secondaryActi4","buildAction","actionConfig","type","actionToResolve","baseParams","actionParams","action","resolvedAction","label","tooltip","resolvedActionProps","text","disabledDescription","primaryAction","undefined","primaryActionProps","alwaysVisible","visibility","rawSecondaryActions","secondaryActions","items","map","Boolean","numOfVisibleSecondaryActions","alwaysShowSecondaryActions","inlineAlwaysVisible"],"sources":["../../../src/hooks/useActionCell.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  ActionCellConfig,\n  ActionCellItemConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport {\n  updateAction,\n  customAction,\n  resolveAction,\n  deleteAction,\n} from '../utils/actions';\nimport { DividerActionConfig } from '../types/actions/base';\n\nexport interface useActionCellParams {\n  config?: ActionCellConfig;\n  collectionId: string;\n}\n\nconst cleanupActionsWithDividers = (\n  actions: any[],\n  inlineCount?: number,\n): any[] => {\n  const clean = (a: any[]) =>\n    a.filter(\n      (x, i, ar) =>\n        x?.divider !== true ||\n        (i > 0 && i < ar.length - 1 && ar[i - 1]?.divider !== true),\n    );\n  return !actions?.length || !inlineCount || inlineCount >= actions.length\n    ? clean(actions || [])\n    : [\n      ...clean(actions.slice(0, inlineCount)),\n      ...clean(actions.slice(inlineCount)),\n    ];\n};\n\nexport const useActionCell = ({\n  config,\n  collectionId,\n}: useActionCellParams) => {\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const buildCellActions = useCallback(\n    (item, index, api) => {\n      const buildAction = (\n        actionConfig: ActionCellItemConfig | DividerActionConfig,\n      ) => {\n        if (actionConfig.type === 'divider') {\n          return { divider: true };\n        }\n\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: { item, index, api },\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'update':\n            actionToResolve = updateAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'delete':\n            actionToResolve = deleteAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'custom':\n            actionToResolve = customAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          default:\n            return null;\n        }\n\n        if (!actionToResolve) {\n          return null;\n        }\n\n        const resolvedAction = resolveAction(actionConfig, actionToResolve);\n        const { label, tooltip, ...resolvedActionProps } = resolvedAction;\n\n        return {\n          ...resolvedActionProps,\n          text: resolvedAction.label,\n          disabledDescription: resolvedAction.tooltip,\n        };\n      };\n\n      const primaryAction = config?.primaryAction?.item\n        ? buildAction(config.primaryAction.item)\n        : undefined;\n\n      const primaryActionProps = {\n        ...(config?.primaryAction?.alwaysVisible\n          ? { visibility: 'always' }\n          : {}),\n      };\n\n      const rawSecondaryActions = config?.secondaryActions?.items.length\n        ? config.secondaryActions.items.map(buildAction).filter(Boolean)\n        : [];\n\n      // Process secondary actions with inline count consideration\n      const secondaryActions = cleanupActionsWithDividers(\n        rawSecondaryActions,\n        config?.secondaryActions?.inlineCount,\n      );\n\n      const numOfVisibleSecondaryActions =\n        config?.secondaryActions?.inlineCount;\n      const alwaysShowSecondaryActions =\n        config?.secondaryActions?.inlineAlwaysVisible;\n\n      if (!primaryAction && !secondaryActions.length) {\n        return {};\n      }\n\n      return {\n        ...(primaryAction\n          ? {\n            primaryAction: {\n              ...primaryAction,\n              ...primaryActionProps,\n            },\n          }\n          : { primaryAction: undefined }),\n        ...(secondaryActions.length && { secondaryActions }),\n        numOfVisibleSecondaryActions,\n        alwaysShowSecondaryActions,\n      };\n    },\n    [config, sdk],\n  );\n\n  return buildCellActions;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useActionsSDK","updateAction","customAction","resolveAction","deleteAction","cleanupActionsWithDividers","actions","inlineCount","clean","a","filter","x","i","ar","_ar","divider","length","slice","useActionCell","_ref","config","collectionId","sdk","buildCellActions","item","index","api","_config$primaryAction","_config$primaryAction2","_config$secondaryActi","_config$secondaryActi2","_config$secondaryActi3","_config$secondaryActi4","buildAction","actionConfig","type","actionToResolve","baseParams","actionParams","action","resolvedAction","label","tooltip","resolvedActionProps","text","disabledDescription","primaryAction","undefined","primaryActionProps","alwaysVisible","visibility","rawSecondaryActions","secondaryActions","items","map","Boolean","numOfVisibleSecondaryActions","alwaysShowSecondaryActions","inlineAlwaysVisible"],"sources":["../../../src/hooks/useActionCell.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport {\n  ActionCellConfig,\n  ActionCellItemConfig,\n  ResolvedAction,\n} from '../types';\nimport { useActionsSDK } from './useActionsSDK';\nimport {\n  updateAction,\n  customAction,\n  resolveAction,\n  deleteAction,\n} from '../utils/actions';\nimport { DividerActionConfig } from '../types/actions/base';\n\nexport interface useActionCellParams {\n  config?: ActionCellConfig;\n  collectionId: string;\n}\n\nconst cleanupActionsWithDividers = (\n  actions: any[],\n  inlineCount?: number,\n): any[] => {\n  const clean = (a: any[]) =>\n    a.filter(\n      (x, i, ar) =>\n        x?.divider !== true ||\n        (i > 0 && i < ar.length - 1 && ar[i - 1]?.divider !== true),\n    );\n  return !actions?.length || !inlineCount || inlineCount >= actions.length\n    ? clean(actions || [])\n    : [\n        ...clean(actions.slice(0, inlineCount)),\n        ...clean(actions.slice(inlineCount)),\n      ];\n};\n\nexport const useActionCell = ({\n  config,\n  collectionId,\n}: useActionCellParams) => {\n  const sdk = useActionsSDK({\n    collectionId,\n  });\n\n  const buildCellActions = useCallback(\n    (item, index, api) => {\n      const buildAction = (\n        actionConfig: ActionCellItemConfig | DividerActionConfig,\n      ) => {\n        if (actionConfig.type === 'divider') {\n          return { divider: true };\n        }\n\n        let actionToResolve: Partial<ResolvedAction> | null = null;\n\n        const baseParams = {\n          actionParams: { item, index, api },\n          sdk,\n        };\n\n        switch (actionConfig.type) {\n          case 'update':\n            actionToResolve = updateAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'delete':\n            actionToResolve = deleteAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          case 'custom':\n            actionToResolve = customAction({\n              action: actionConfig,\n              ...baseParams,\n            });\n            break;\n\n          default:\n            return null;\n        }\n\n        if (!actionToResolve) {\n          return null;\n        }\n\n        const resolvedAction = resolveAction(actionConfig, actionToResolve);\n        const { label, tooltip, ...resolvedActionProps } = resolvedAction;\n\n        return {\n          ...resolvedActionProps,\n          text: resolvedAction.label,\n          disabledDescription: resolvedAction.tooltip,\n        };\n      };\n\n      const primaryAction = config?.primaryAction?.item\n        ? buildAction(config.primaryAction.item)\n        : undefined;\n\n      const primaryActionProps = {\n        ...(config?.primaryAction?.alwaysVisible\n          ? { visibility: 'always' }\n          : {}),\n      };\n\n      const rawSecondaryActions = config?.secondaryActions?.items.length\n        ? config.secondaryActions.items.map(buildAction).filter(Boolean)\n        : [];\n\n      // Process secondary actions with inline count consideration\n      const secondaryActions = cleanupActionsWithDividers(\n        rawSecondaryActions,\n        config?.secondaryActions?.inlineCount,\n      );\n\n      const numOfVisibleSecondaryActions =\n        config?.secondaryActions?.inlineCount;\n      const alwaysShowSecondaryActions =\n        config?.secondaryActions?.inlineAlwaysVisible;\n\n      if (!primaryAction && !secondaryActions.length) {\n        return {};\n      }\n\n      return {\n        ...(primaryAction\n          ? {\n              primaryAction: {\n                ...primaryAction,\n                ...primaryActionProps,\n              },\n            }\n          : { primaryAction: undefined }),\n        ...(secondaryActions.length && { secondaryActions }),\n        numOfVisibleSecondaryActions,\n        alwaysShowSecondaryActions,\n      };\n    },\n    [config, sdk],\n  );\n\n  return buildCellActions;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useEntityPageActions.js

@@ -0,0 +1,82 @@
+import React, { useCallback } from 'react';
+import { createAction, customAction, resolveAction, groupActions } from '../utils/actions';
+import { PrimaryActions, SecondaryActions } from '@wix/patterns';
+export const useEntityPageActions = _ref => {
+  let {
+    entityPageActions,
+    entity,
+    sdk
+  } = _ref;
+  const buildEntityPageActions = useCallback(() => {
+    if (!entityPageActions) {
+      return;
+    }
+    const buildAction = actionConfig => {
+      let actionToResolve = null;
+      const baseParams = {
+        actionParams: {
+          entity
+        },
+        sdk
+      };
+      switch (actionConfig.type) {
+        case 'create':
+          actionToResolve = createAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        case 'custom':
+          actionToResolve = customAction({
+            action: actionConfig,
+            ...baseParams
+          });
+          break;
+        default:
+          return null;
+      }
+      if (!actionToResolve) {
+        return null;
+      }
+      const resolvedAction = resolveAction(actionConfig, actionToResolve);
+      const {
+        tooltip,
+        icon,
+        ...resolvedActionProps
+      } = resolvedAction;
+      return {
+        ...resolvedActionProps,
+        prefixIcon: icon,
+        disabledDescription: resolvedAction.tooltip
+      };
+    };
+    const handleActionsType = actions => {
+      if (actions.type === 'action') {
+        return buildAction(actions.action.item);
+      }
+      if (actions.type === 'menu') {
+        const actionGroups = groupActions(actions.menu.items);
+        const subItems = actionGroups.map(group => group.map(buildAction).filter(action => action !== null)).filter(group => group.length > 0);
+        if (!subItems.length) {
+          return null;
+        }
+        return {
+          label: actions.menu.label,
+          subItems
+        };
+      }
+      return null;
+    };
+    const primaryActions = (entityPageActions == null ? void 0 : entityPageActions.primaryActions) && handleActionsType(entityPageActions.primaryActions);
+    const secondaryActions = (entityPageActions == null ? void 0 : entityPageActions.secondaryActions) && handleActionsType(entityPageActions.secondaryActions);
+    if (!primaryActions && !secondaryActions) {
+      return;
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null, secondaryActions ? /*#__PURE__*/React.createElement(SecondaryActions, secondaryActions) : undefined, primaryActions ? /*#__PURE__*/React.createElement(PrimaryActions, primaryActions) : undefined);
+  }, [entityPageActions, entity, sdk]);
+  if (!(entityPageActions != null && entityPageActions.primaryActions) && !(entityPageActions != null && entityPageActions.secondaryActions)) {
+    return null;
+  }
+  return buildEntityPageActions() ?? null;
+};
+//# sourceMappingURL=useEntityPageActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","createAction","customAction","resolveAction","groupActions","PrimaryActions","SecondaryActions","useEntityPageActions","_ref","entityPageActions","entity","sdk","buildEntityPageActions","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","resolvedAction","tooltip","icon","resolvedActionProps","prefixIcon","disabledDescription","handleActionsType","actions","item","actionGroups","menu","items","subItems","map","group","filter","length","label","primaryActions","secondaryActions","createElement","Fragment","undefined"],"sources":["../../../src/hooks/useEntityPageActions.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n  ActionsSDK,\n  EntityPageActionConfig,\n  EntityPageConfig,\n  EntityPagePrimaryActions,\n  EntityPageSecondaryActions,\n  ResolvedAction,\n} from '../types';\nimport {\n  createAction,\n  customAction,\n  resolveAction,\n  groupActions,\n} from '../utils/actions';\nimport { IconElement } from '@wix/design-system';\nimport { PrimaryActions, SecondaryActions } from '@wix/patterns';\n\nexport interface UseEntityPageActionsParams {\n  entityPageActions: EntityPageConfig['actions'];\n  entity: Record<string, any>;\n  sdk: ActionsSDK;\n}\n\nexport const useEntityPageActions = ({\n  entityPageActions,\n  entity,\n  sdk,\n}: UseEntityPageActionsParams) => {\n  const buildEntityPageActions = useCallback(() => {\n    if (!entityPageActions) {\n      return;\n    }\n\n    const buildAction = (actionConfig: EntityPageActionConfig) => {\n      let actionToResolve: Partial<ResolvedAction> | null = null;\n\n      const baseParams = {\n        actionParams: {\n          entity,\n        },\n        sdk,\n      };\n\n      switch (actionConfig.type) {\n        case 'create':\n          actionToResolve = createAction({\n            action: actionConfig,\n            ...baseParams,\n          });\n          break;\n\n        case 'custom':\n          actionToResolve = customAction({\n            action: actionConfig,\n            ...baseParams,\n          });\n          break;\n\n        default:\n          return null;\n      }\n\n      if (!actionToResolve) {\n        return null;\n      }\n\n      const resolvedAction = resolveAction(actionConfig, actionToResolve);\n      const { tooltip, icon, ...resolvedActionProps } = resolvedAction;\n\n      return {\n        ...resolvedActionProps,\n        prefixIcon: icon as IconElement,\n        disabledDescription: resolvedAction.tooltip,\n      };\n    };\n\n    const handleActionsType = (\n      actions: EntityPagePrimaryActions | EntityPageSecondaryActions,\n    ) => {\n      if (actions.type === 'action') {\n        return buildAction(actions.action.item);\n      }\n\n      if (actions.type === 'menu') {\n        const actionGroups = groupActions(actions.menu.items);\n        const subItems = actionGroups\n          .map((group) =>\n            group.map(buildAction).filter((action) => action !== null),\n          )\n          .filter((group) => group.length > 0);\n\n        if (!subItems.length) {\n          return null;\n        }\n\n        return {\n          label: actions.menu.label,\n          subItems,\n        };\n      }\n\n      return null;\n    };\n\n    const primaryActions =\n      entityPageActions?.primaryActions &&\n      handleActionsType(entityPageActions.primaryActions);\n\n    const secondaryActions =\n      entityPageActions?.secondaryActions &&\n      handleActionsType(entityPageActions.secondaryActions);\n\n    if (!primaryActions && !secondaryActions) {\n      return;\n    }\n\n    return (\n      <>\n        {secondaryActions ? (\n          <SecondaryActions {...secondaryActions} />\n        ) : undefined}\n        {primaryActions ? <PrimaryActions {...primaryActions} /> : undefined}\n      </>\n    );\n  }, [entityPageActions, entity, sdk]);\n\n  if (\n    !entityPageActions?.primaryActions &&\n    !entityPageActions?.secondaryActions\n  ) {\n    return null;\n  }\n\n  return buildEntityPageActions() ?? null;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useEntityPageMoreActions.js

@@ -1,4 +1,4 @@
-import { customAction, resolveAction, groupActions } from '../utils/actions';
+import { customAction, resolveAction, groupActions, updateAction } from '../utils/actions';
 import { useCallback } from 'react';
 export function useEntityPageMoreActions(moreActions, entity, sdk, form) {
   const buildEntityPageActions = useCallback(() => {
@@ -15,6 +15,16 @@ export function useEntityPageMoreActions(moreActions, entity, sdk, form) {
         sdk
       };
       switch (actionConfig.type) {
+        case 'update':
+          actionToResolve = updateAction({
+            action: actionConfig,
+            ...baseParams,
+            actionParams: {
+              ...baseParams.actionParams,
+              item: entity
+            }
+          });
+          break;
         case 'custom':
           actionToResolve = customAction({
             action: actionConfig,

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

@@ -1 +1 @@
-{"version":3,"names":["customAction","resolveAction","groupActions","useCallback","useEntityPageMoreActions","moreActions","entity","sdk","form","buildEntityPageActions","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","resolved","onClick","text","label","prefixIcon","icon","disabled","actionGroups","map","group","filter","Boolean","length"],"sources":["../../../src/hooks/useEntityPageMoreActions.ts"],"sourcesContent":["import { ActionsSDK, ResolvedAction } from '../types';\nimport { EntityPageMoreActions } from '../types/actions';\nimport { customAction, resolveAction, groupActions } from '../utils/actions';\nimport { useCallback } from 'react';\nimport { MoreActionsItem } from '@wix/patterns';\nimport { FieldValues, UseFormReturn } from '@wix/patterns/form';\nimport { CustomActionConfig } from '../types/actions/base';\n\nexport function useEntityPageMoreActions(\n  moreActions: EntityPageMoreActions | undefined,\n  entity: Record<string, any>,\n  sdk: ActionsSDK,\n  form: UseFormReturn<FieldValues, any, undefined>,\n) {\n  const buildEntityPageActions = useCallback(() => {\n    if (!moreActions) {\n      return;\n    }\n\n    const buildAction = (\n      actionConfig: CustomActionConfig,\n    ): MoreActionsItem | null => {\n      let actionToResolve: Partial<ResolvedAction> | null = null;\n      const baseParams = {\n        actionParams: { entity, form },\n        sdk,\n      };\n\n      switch (actionConfig.type) {\n        case 'custom':\n          actionToResolve = customAction({\n            action: actionConfig,\n            ...baseParams,\n          });\n          break;\n        default:\n          return null;\n      }\n\n      if (!actionToResolve) {\n        return null;\n      }\n\n      const resolved = resolveAction(\n        actionConfig,\n        actionToResolve,\n      ) as ResolvedAction;\n\n      return {\n        onClick: resolved.onClick,\n        text: resolved.label,\n        prefixIcon: resolved.icon,\n        disabled: resolved.disabled,\n      };\n    };\n\n    const actionGroups = groupActions(moreActions);\n    return actionGroups\n      .map((group) =>\n        group\n          .map(buildAction)\n          .filter((action): action is MoreActionsItem => Boolean(action)),\n      )\n      .filter((group) => group.length > 0);\n  }, [moreActions, sdk, entity, form]);\n\n  return buildEntityPageActions() ?? [];\n}\n"],"mappings":"AAEA,SAASA,YAAY,EAAEC,aAAa,EAAEC,YAAY,QAAQ,kBAAkB;AAC5E,SAASC,WAAW,QAAQ,OAAO;AAKnC,OAAO,SAASC,wBAAwBA,CACtCC,WAA8C,EAC9CC,MAA2B,EAC3BC,GAAe,EACfC,IAAgD,EAChD;EACA,MAAMC,sBAAsB,GAAGN,WAAW,CAAC,MAAM;IAC/C,IAAI,CAACE,WAAW,EAAE;MAChB;IACF;IAEA,MAAMK,WAAW,GACfC,YAAgC,IACL;MAC3B,IAAIC,eAA+C,GAAG,IAAI;MAC1D,MAAMC,UAAU,GAAG;QACjBC,YAAY,EAAE;UAAER,MAAM;UAAEE;QAAK,CAAC;QAC9BD;MACF,CAAC;MAED,QAAQI,YAAY,CAACI,IAAI;QACvB,KAAK,QAAQ;UACXH,eAAe,GAAGZ,YAAY,CAAC;YAC7BgB,MAAM,EAAEL,YAAY;YACpB,GAAGE;UACL,CAAC,CAAC;UACF;QACF;UACE,OAAO,IAAI;MACf;MAEA,IAAI,CAACD,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,MAAMK,QAAQ,GAAGhB,aAAa,CAC5BU,YAAY,EACZC,eACF,CAAmB;MAEnB,OAAO;QACLM,OAAO,EAAED,QAAQ,CAACC,OAAO;QACzBC,IAAI,EAAEF,QAAQ,CAACG,KAAK;QACpBC,UAAU,EAAEJ,QAAQ,CAACK,IAAI;QACzBC,QAAQ,EAAEN,QAAQ,CAACM;MACrB,CAAC;IACH,CAAC;IAED,MAAMC,YAAY,GAAGtB,YAAY,CAACG,WAAW,CAAC;IAC9C,OAAOmB,YAAY,CAChBC,GAAG,CAAEC,KAAK,IACTA,KAAK,CACFD,GAAG,CAACf,WAAW,CAAC,CAChBiB,MAAM,CAAEX,MAAM,IAAgCY,OAAO,CAACZ,MAAM,CAAC,CAClE,CAAC,CACAW,MAAM,CAAED,KAAK,IAAKA,KAAK,CAACG,MAAM,GAAG,CAAC,CAAC;EACxC,CAAC,EAAE,CAACxB,WAAW,EAAEE,GAAG,EAAED,MAAM,EAAEE,IAAI,CAAC,CAAC;EAEpC,OAAOC,sBAAsB,CAAC,CAAC,IAAI,EAAE;AACvC","ignoreList":[]}
+{"version":3,"names":["customAction","resolveAction","groupActions","updateAction","useCallback","useEntityPageMoreActions","moreActions","entity","sdk","form","buildEntityPageActions","buildAction","actionConfig","actionToResolve","baseParams","actionParams","type","action","item","resolved","onClick","text","label","prefixIcon","icon","disabled","actionGroups","map","group","filter","Boolean","length"],"sources":["../../../src/hooks/useEntityPageMoreActions.ts"],"sourcesContent":["import { ActionsSDK, ResolvedAction } from '../types';\nimport {\n  customAction,\n  resolveAction,\n  groupActions,\n  updateAction,\n} from '../utils/actions';\nimport { useCallback } from 'react';\nimport { MoreActionsItem } from '@wix/patterns';\nimport { FieldValues, UseFormReturn } from '@wix/patterns/form';\nimport {\n  CustomActionConfig,\n  DividerActionConfig,\n  UpdateActionConfig,\n} from '../types/actions/base';\n\nexport function useEntityPageMoreActions(\n  moreActions:\n    | (CustomActionConfig | UpdateActionConfig | DividerActionConfig)[]\n    | undefined,\n  entity: Record<string, any>,\n  sdk: ActionsSDK,\n  form?: UseFormReturn<FieldValues, any, undefined>,\n) {\n  const buildEntityPageActions = useCallback(() => {\n    if (!moreActions) {\n      return;\n    }\n\n    const buildAction = (\n      actionConfig: CustomActionConfig | UpdateActionConfig,\n    ): MoreActionsItem | null => {\n      let actionToResolve: Partial<ResolvedAction> | null = null;\n      const baseParams = {\n        actionParams: { entity, form },\n        sdk,\n      };\n\n      switch (actionConfig.type) {\n        case 'update':\n          actionToResolve = updateAction({\n            action: actionConfig,\n            ...baseParams,\n            actionParams: {\n              ...baseParams.actionParams,\n              item: entity,\n            },\n          });\n          break;\n        case 'custom':\n          actionToResolve = customAction({\n            action: actionConfig,\n            ...baseParams,\n          });\n          break;\n        default:\n          return null;\n      }\n\n      if (!actionToResolve) {\n        return null;\n      }\n\n      const resolved = resolveAction(\n        actionConfig,\n        actionToResolve,\n      ) as ResolvedAction;\n\n      return {\n        onClick: resolved.onClick,\n        text: resolved.label,\n        prefixIcon: resolved.icon,\n        disabled: resolved.disabled,\n      };\n    };\n\n    const actionGroups = groupActions(moreActions);\n    return actionGroups\n      .map((group) =>\n        group\n          .map(buildAction)\n          .filter((action): action is MoreActionsItem => Boolean(action)),\n      )\n      .filter((group) => group.length > 0);\n  }, [moreActions, sdk, entity, form]);\n\n  return buildEntityPageActions() ?? [];\n}\n"],"mappings":"AACA,SACEA,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,YAAY,QACP,kBAAkB;AACzB,SAASC,WAAW,QAAQ,OAAO;AASnC,OAAO,SAASC,wBAAwBA,CACtCC,WAEa,EACbC,MAA2B,EAC3BC,GAAe,EACfC,IAAiD,EACjD;EACA,MAAMC,sBAAsB,GAAGN,WAAW,CAAC,MAAM;IAC/C,IAAI,CAACE,WAAW,EAAE;MAChB;IACF;IAEA,MAAMK,WAAW,GACfC,YAAqD,IAC1B;MAC3B,IAAIC,eAA+C,GAAG,IAAI;MAC1D,MAAMC,UAAU,GAAG;QACjBC,YAAY,EAAE;UAAER,MAAM;UAAEE;QAAK,CAAC;QAC9BD;MACF,CAAC;MAED,QAAQI,YAAY,CAACI,IAAI;QACvB,KAAK,QAAQ;UACXH,eAAe,GAAGV,YAAY,CAAC;YAC7Bc,MAAM,EAAEL,YAAY;YACpB,GAAGE,UAAU;YACbC,YAAY,EAAE;cACZ,GAAGD,UAAU,CAACC,YAAY;cAC1BG,IAAI,EAAEX;YACR;UACF,CAAC,CAAC;UACF;QACF,KAAK,QAAQ;UACXM,eAAe,GAAGb,YAAY,CAAC;YAC7BiB,MAAM,EAAEL,YAAY;YACpB,GAAGE;UACL,CAAC,CAAC;UACF;QACF;UACE,OAAO,IAAI;MACf;MAEA,IAAI,CAACD,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,MAAMM,QAAQ,GAAGlB,aAAa,CAC5BW,YAAY,EACZC,eACF,CAAmB;MAEnB,OAAO;QACLO,OAAO,EAAED,QAAQ,CAACC,OAAO;QACzBC,IAAI,EAAEF,QAAQ,CAACG,KAAK;QACpBC,UAAU,EAAEJ,QAAQ,CAACK,IAAI;QACzBC,QAAQ,EAAEN,QAAQ,CAACM;MACrB,CAAC;IACH,CAAC;IAED,MAAMC,YAAY,GAAGxB,YAAY,CAACI,WAAW,CAAC;IAC9C,OAAOoB,YAAY,CAChBC,GAAG,CAAEC,KAAK,IACTA,KAAK,CACFD,GAAG,CAAChB,WAAW,CAAC,CAChBkB,MAAM,CAAEZ,MAAM,IAAgCa,OAAO,CAACb,MAAM,CAAC,CAClE,CAAC,CACAY,MAAM,CAAED,KAAK,IAAKA,KAAK,CAACG,MAAM,GAAG,CAAC,CAAC;EACxC,CAAC,EAAE,CAACzB,WAAW,EAAEE,GAAG,EAAED,MAAM,EAAEE,IAAI,CAAC,CAAC;EAEpC,OAAOC,sBAAsB,CAAC,CAAC,IAAI,EAAE;AACvC","ignoreList":[]}

package/dist/esm/hooks/useNavigateEditEntityAction.js

@@ -0,0 +1,46 @@
+import { useMemo } from 'react';
+import { useAppConfigContext } from '../providers';
+export const useNavigateEditEntityAction = _ref => {
+  var _configuration$action3;
+  let {
+    displayName,
+    configuration
+  } = _ref;
+  const appConfig = useAppConfigContext();
+  const editPageId = useMemo(() => {
+    // Find edit page by matching collectionId and looking for edit mode
+    const editPage = appConfig.pages.find(page => {
+      if (page.type !== 'entityPage') {
+        return false;
+      }
+      const entityPage = page.entityPage;
+      // Check if same collection and is edit mode (either no mode specified or mode: 'edit')
+      return entityPage.collectionId === configuration.collectionId && (!entityPage.mode || entityPage.mode === 'edit');
+    });
+    return editPage == null ? void 0 : editPage.id;
+  }, [appConfig.pages, configuration.collectionId]);
+  return useMemo(() => {
+    var _configuration$action2;
+    // Don't show edit action if no edit page is found
+    if (!editPageId) {
+      var _configuration$action;
+      return ((_configuration$action = configuration.actions) == null ? void 0 : _configuration$action.moreActions) || [];
+    }
+    const navigateToEditAction = {
+      id: 'navigate-to-edit',
+      label: `Edit ${displayName}`,
+      type: 'update',
+      update: {
+        mode: 'page',
+        page: {
+          id: editPageId
+        }
+      }
+    };
+    if (!((_configuration$action2 = configuration.actions) != null && _configuration$action2.moreActions)) {
+      return [navigateToEditAction];
+    }
+    return [navigateToEditAction, ...configuration.actions.moreActions];
+  }, [(_configuration$action3 = configuration.actions) == null ? void 0 : _configuration$action3.moreActions, displayName, editPageId]);
+};
+//# sourceMappingURL=useNavigateEditEntityAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useAppConfigContext","useNavigateEditEntityAction","_ref","_configuration$action3","displayName","configuration","appConfig","editPageId","editPage","pages","find","page","type","entityPage","collectionId","mode","id","_configuration$action2","_configuration$action","actions","moreActions","navigateToEditAction","label","update"],"sources":["../../../src/hooks/useNavigateEditEntityAction.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { UpdateActionConfig, ViewEntityPageConfig } from '../types';\nimport { useAppConfigContext } from '../providers';\n\nexport const useNavigateEditEntityAction = ({\n  displayName,\n  configuration,\n}: {\n  displayName: string;\n  configuration: ViewEntityPageConfig;\n}) => {\n  const appConfig = useAppConfigContext();\n\n  const editPageId = useMemo(() => {\n    // Find edit page by matching collectionId and looking for edit mode\n    const editPage = appConfig.pages.find((page) => {\n      if (page.type !== 'entityPage') {\n        return false;\n      }\n\n      const entityPage = page.entityPage;\n      // Check if same collection and is edit mode (either no mode specified or mode: 'edit')\n      return (\n        entityPage.collectionId === configuration.collectionId &&\n        (!entityPage.mode || entityPage.mode === 'edit')\n      );\n    });\n\n    return editPage?.id;\n  }, [appConfig.pages, configuration.collectionId]);\n\n  return useMemo(() => {\n    // Don't show edit action if no edit page is found\n    if (!editPageId) {\n      return configuration.actions?.moreActions || [];\n    }\n\n    const navigateToEditAction: UpdateActionConfig = {\n      id: 'navigate-to-edit',\n      label: `Edit ${displayName}`,\n      type: 'update',\n      update: {\n        mode: 'page',\n        page: {\n          id: editPageId,\n        },\n      },\n    };\n\n    if (!configuration.actions?.moreActions) {\n      return [navigateToEditAction];\n    }\n    return [navigateToEditAction, ...configuration.actions.moreActions];\n  }, [configuration.actions?.moreActions, displayName, editPageId]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,mBAAmB,QAAQ,cAAc;AAElD,OAAO,MAAMC,2BAA2B,GAAGC,IAAA,IAMrC;EAAA,IAAAC,sBAAA;EAAA,IANsC;IAC1CC,WAAW;IACXC;EAIF,CAAC,GAAAH,IAAA;EACC,MAAMI,SAAS,GAAGN,mBAAmB,CAAC,CAAC;EAEvC,MAAMO,UAAU,GAAGR,OAAO,CAAC,MAAM;IAC/B;IACA,MAAMS,QAAQ,GAAGF,SAAS,CAACG,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAK;MAC9C,IAAIA,IAAI,CAACC,IAAI,KAAK,YAAY,EAAE;QAC9B,OAAO,KAAK;MACd;MAEA,MAAMC,UAAU,GAAGF,IAAI,CAACE,UAAU;MAClC;MACA,OACEA,UAAU,CAACC,YAAY,KAAKT,aAAa,CAACS,YAAY,KACrD,CAACD,UAAU,CAACE,IAAI,IAAIF,UAAU,CAACE,IAAI,KAAK,MAAM,CAAC;IAEpD,CAAC,CAAC;IAEF,OAAOP,QAAQ,oBAARA,QAAQ,CAAEQ,EAAE;EACrB,CAAC,EAAE,CAACV,SAAS,CAACG,KAAK,EAAEJ,aAAa,CAACS,YAAY,CAAC,CAAC;EAEjD,OAAOf,OAAO,CAAC,MAAM;IAAA,IAAAkB,sBAAA;IACnB;IACA,IAAI,CAACV,UAAU,EAAE;MAAA,IAAAW,qBAAA;MACf,OAAO,EAAAA,qBAAA,GAAAb,aAAa,CAACc,OAAO,qBAArBD,qBAAA,CAAuBE,WAAW,KAAI,EAAE;IACjD;IAEA,MAAMC,oBAAwC,GAAG;MAC/CL,EAAE,EAAE,kBAAkB;MACtBM,KAAK,EAAE,QAAQlB,WAAW,EAAE;MAC5BQ,IAAI,EAAE,QAAQ;MACdW,MAAM,EAAE;QACNR,IAAI,EAAE,MAAM;QACZJ,IAAI,EAAE;UACJK,EAAE,EAAET;QACN;MACF;IACF,CAAC;IAED,IAAI,GAAAU,sBAAA,GAACZ,aAAa,CAACc,OAAO,aAArBF,sBAAA,CAAuBG,WAAW,GAAE;MACvC,OAAO,CAACC,oBAAoB,CAAC;IAC/B;IACA,OAAO,CAACA,oBAAoB,EAAE,GAAGhB,aAAa,CAACc,OAAO,CAACC,WAAW,CAAC;EACrE,CAAC,EAAE,EAAAjB,sBAAA,GAACE,aAAa,CAACc,OAAO,qBAArBhB,sBAAA,CAAuBiB,WAAW,EAAEhB,WAAW,EAAEG,UAAU,CAAC,CAAC;AACnE,CAAC","ignoreList":[]}

package/dist/esm/hooks/useNavigationUtils.js

@@ -5,7 +5,8 @@ import { generatePath } from 'react-router-dom';
 import { usePagePath } from './usePagePath';
 export const useNavigation = () => {
   const {
-    navigateToEntityPage: navigateToEntityPagePatterns
+    navigateToEntityPage: navigateToEntityPagePatterns,
+    navigateToCollectionPage: navigateToCollectionPagePatterns
   } = usePatternsNavigate();
   const appConfig = useAppConfigContext();
   const {
@@ -39,11 +40,21 @@ export const useNavigation = () => {
       });
     }
   }, [appConfig, navigateToEntityPagePatterns, getSchema]);
+  const navigateToCollectionPage = useCallback(parentPageId => {
+    const parentPagePath = getPagePath(parentPageId);
+    if (!parentPagePath) {
+      return;
+    }
+    navigateToCollectionPagePatterns({
+      path: parentPagePath
+    });
+  }, [navigateToCollectionPagePatterns, getPagePath]);
   const getParentPagePath = useCallback(parentPageId => {
     return getPagePath(parentPageId);
   }, [getPagePath]);
   return {
     navigateToEntityPage,
+    navigateToCollectionPage,
     getParentPagePath,
     getPagePath
   };