@wix/auto-patterns 1.23.0 → 1.24.0

package/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutCard.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RenderLayoutCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _RenderLayoutContent = require("./RenderLayoutContent");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutCard.tsx";
+const RenderLayoutCard = ({
+  layout,
+  sectionId,
+  cardIndex,
+  setInputRef
+}) => {
+  var _layout$card$subtitle;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Card, {
+        minHeight: "50px",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 24,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 25,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 29,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 30,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 31,
+          columnNumber: 13
+        }
+      }, layout.card.children.map((child, index) => /*#__PURE__*/_react.default.createElement(_RenderLayoutContent.RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 33,
+          columnNumber: 17
+        }
+      })))));
+    default:
+      return null;
+  }
+};
+exports.RenderLayoutCard = RenderLayoutCard;
+//# sourceMappingURL=RenderLayoutCard.js.map

package/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_RenderLayoutContent","_jsxFileName","RenderLayoutCard","layout","sectionId","cardIndex","setInputRef","_layout$card$subtitle","type","default","createElement","EntityPage","Card","minHeight","__self","__source","fileName","lineNumber","columnNumber","Header","title","card","text","subtitle","Divider","Content","Layout","children","map","child","index","RenderLayoutContent","key","content","level","contentIndex","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Layout } from '@wix/design-system';\nimport { EntityPage } from '@wix/patterns';\nimport { RenderLayoutContent } from './RenderLayoutContent';\nimport { CardLayout } from '../../../types';\nimport { BaseInputRef } from '../Fields/types';\n\nexport interface RenderLayoutCardProps {\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}\n\nexport const RenderLayoutCard: React.FC<RenderLayoutCardProps> = ({\n  layout,\n  sectionId,\n  cardIndex,\n  setInputRef,\n}) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.Card minHeight=\"50px\">\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                <RenderLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AAA4D,IAAAI,YAAA;AAWrD,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC;AACF,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,QAAQJ,MAAM,CAACK,IAAI;IACjB,KAAK,MAAM;MACT,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,SAAA,CAAAY,UAAU,CAACC,IAAI;QAACC,SAAS,EAAC,MAAM;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAf,YAAA;UAAAgB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC/BvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAc,IAAI,CAACO,MAAM;QACVC,KAAK,EAAEjB,MAAM,CAACkB,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAhB,qBAAA,GAAEJ,MAAM,CAACkB,IAAI,CAACE,QAAQ,qBAApBhB,qBAAA,CAAsBe,IAAK;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAf,YAAA;UAAAgB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACtC,CAAC,eACFvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAc,IAAI,CAACY,OAAO;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAf,YAAA;UAAAgB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,eAChBvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAc,IAAI,CAACa,OAAO;QAAAX,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAf,YAAA;UAAAgB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACXvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAA4B,MAAM;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAf,YAAA;UAAAgB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACJf,MAAM,CAACkB,IAAI,CAACM,QAAQ,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7CnC,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,oBAAA,CAAA+B,mBAAmB;QAClBC,GAAG,EAAE,GAAG5B,SAAS,SAASC,SAAS,YAAYyB,KAAK,EAAG;QACvDG,OAAO,EAAEJ,KAAM;QACfK,KAAK,EAAE,CAAE;QACT9B,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrB8B,YAAY,EAAEL,KAAM;QACpBxB,WAAW,EAAEA,WAAY;QAAAQ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAf,YAAA;UAAAgB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAC1B,CACF,CACK,CACI,CACC,CAAC;IAEtB;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAACkB,OAAA,CAAAlC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RenderLayoutContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _SchemaContext = require("../../../providers/SchemaContext");
+var _providers = require("../../../providers");
+var _patterns = require("@wix/patterns");
+var _FormFieldInput = require("../Fields/FormFieldInput");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.tsx";
+const RenderLayoutContent = ({
+  content,
+  level,
+  sectionId,
+  cardIndex,
+  contentIndex,
+  setInputRef
+}) => {
+  var _content$container$ch, _overrides$components;
+  const schema = (0, _SchemaContext.useSchema)();
+  const overrides = (0, _providers.usePatternsWizardOverridesContext)();
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const entity = pageState.entity;
+  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.default.createElement(_designSystem.Cell, {
+        span: content.field.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 45,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
+        key: content.field.fieldId,
+        field: field,
+        inputRef: ref => setInputRef(content.field.fieldId, ref),
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 46,
+          columnNumber: 11
+        }
+      }));
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+        span: content.container.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 60,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 61,
+          columnNumber: 11
+        }
+      }, content.container.children.map((child, index) => /*#__PURE__*/_react.default.createElement(RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 63,
+          columnNumber: 15
+        }
+      }))));
+    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.default.createElement(_designSystem.Cell, {
+        span: content.component.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 88,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(Component, {
+        form: pageState == null ? void 0 : pageState.form,
+        entity: entity,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 89,
+          columnNumber: 11
+        }
+      }));
+    default:
+      return null;
+  }
+};
+exports.RenderLayoutContent = RenderLayoutContent;
+//# sourceMappingURL=RenderLayoutContent.js.map

package/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_SchemaContext","_providers","_patterns","_FormFieldInput","_jsxFileName","RenderLayoutContent","content","level","sectionId","cardIndex","contentIndex","setInputRef","_content$container$ch","_overrides$components","schema","useSchema","overrides","usePatternsWizardOverridesContext","pageState","useEntityPageContext","entity","type","field","fieldId","fields","default","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormFieldInput","key","inputRef","ref","container","children","length","Layout","map","child","index","component","componentId","Component","components","form","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell, Layout } from '@wix/design-system';\nimport { useSchema } from '../../../providers/SchemaContext';\nimport { usePatternsWizardOverridesContext } from '../../../providers';\nimport { useEntityPageContext } from '@wix/patterns';\nimport { FormFieldInput } from '../Fields/FormFieldInput';\nimport { LayoutContent } from '../../../types';\nimport { BaseInputRef } from '../Fields/types';\n\nexport interface RenderLayoutContentProps {\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}\n\nexport const RenderLayoutContent: React.FC<RenderLayoutContentProps> = ({\n  content,\n  level,\n  sectionId,\n  cardIndex,\n  contentIndex,\n  setInputRef,\n}) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const pageState = useEntityPageContext();\n\n  const entity = pageState.entity;\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        <Cell span={content.field.span}>\n          <FormFieldInput\n            key={content.field.fieldId}\n            field={field}\n            inputRef={(ref) => setInputRef(content.field.fieldId, ref)}\n          />\n        </Cell>\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              <RenderLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n                setInputRef={setInputRef}\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\n            form={pageState?.form as any}\n            entity={entity as Record<string, any>}\n          />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RenderViewField = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderViewField.tsx";
+const RenderViewField = ({
+  field,
+  fieldId,
+  entity,
+  span
+}) => {
+  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.default.createElement(_designSystem.Cell, {
+    span: span,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "4px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    secondary: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 9
+    }
+  }, field.displayName || fieldId), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 9
+    }
+  }, displayValue)));
+};
+exports.RenderViewField = RenderViewField;
+//# sourceMappingURL=RenderViewField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","RenderViewField","field","fieldId","entity","span","fieldValue","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","displayValue","default","createElement","Cell","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","Text","size","secondary","displayName","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAqD,IAAAE,YAAA;AAE9C,MAAMC,eAKX,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAEC,MAAM;EAAEC;AAAK,CAAC,KAAK;EACzC,MAAMC,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,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAA0B,IAAI;IAACpB,IAAI,EAAEA,IAAK;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACflC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAgC,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjClC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAmC,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,SAAS;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzB5B,KAAK,CAACmC,WAAW,IAAIlC,OAClB,CAAC,eACPP,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACzB,aAAA,CAAAmC,IAAI;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAER,YAAmB,CACvB,CACD,CAAC;AAEX,CAAC;AAACgB,OAAA,CAAArC,eAAA,GAAAA,eAAA","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _RenderLayoutCard = require("./RenderLayoutCard");
+Object.keys(_RenderLayoutCard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RenderLayoutCard[key]) return;
+  exports[key] = _RenderLayoutCard[key];
+});
+var _RenderLayoutContent = require("./RenderLayoutContent");
+Object.keys(_RenderLayoutContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RenderLayoutContent[key]) return;
+  exports[key] = _RenderLayoutContent[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_RenderLayoutCard","require","Object","keys","forEach","key","exports","_RenderLayoutContent"],"sources":["../../../../../src/components/AutoPatternsEntityPage/RenderLayout/index.ts"],"sourcesContent":["export * from './RenderLayoutCard';\nexport * from './RenderLayoutContent';\n"],"mappings":";;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,oBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,oBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,oBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,oBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RenderViewLayoutCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _RenderViewLayoutContent = require("./RenderViewLayoutContent");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutCard.tsx";
+// TODO: remove this component and use RenderLayoutCard instead
+const RenderViewLayoutCard = ({
+  entity,
+  layout,
+  sectionId,
+  cardIndex
+}) => {
+  var _layout$card$subtitle;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Card, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 21,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 22,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 26,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 27,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 28,
+          columnNumber: 13
+        }
+      }, layout.card.children.map((child, index) => /*#__PURE__*/_react.default.createElement(_RenderViewLayoutContent.RenderViewLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        entity: entity,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 30,
+          columnNumber: 17
+        }
+      })))));
+    default:
+      return null;
+  }
+};
+exports.RenderViewLayoutCard = RenderViewLayoutCard;
+//# sourceMappingURL=RenderViewLayoutCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_RenderViewLayoutContent","_jsxFileName","RenderViewLayoutCard","entity","layout","sectionId","cardIndex","_layout$card$subtitle","type","default","createElement","Card","__self","__source","fileName","lineNumber","columnNumber","Header","title","card","text","subtitle","Divider","Content","Layout","children","map","child","index","RenderViewLayoutContent","key","content","level","contentIndex","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAF,OAAA;AAAoE,IAAAG,YAAA;AAQpE;AACO,MAAMC,oBAAyD,GAAGA,CAAC;EACxEC,MAAM;EACNC,MAAM;EACNC,SAAS;EACTC;AACF,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,QAAQH,MAAM,CAACI,IAAI;IACjB,KAAK,MAAM;MACT,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,IAAI;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACHpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,IAAI,CAACM,MAAM;QACVC,KAAK,EAAEd,MAAM,CAACe,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAd,qBAAA,GAAEH,MAAM,CAACe,IAAI,CAACE,QAAQ,qBAApBd,qBAAA,CAAsBa,IAAK;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CACtC,CAAC,eACFpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,IAAI,CAACW,OAAO;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,eAChBpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,IAAI,CAACY,OAAO;QAAAX,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACXpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAyB,MAAM;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,GACJZ,MAAM,CAACe,IAAI,CAACM,QAAQ,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7ChC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,wBAAA,CAAA6B,uBAAuB;QACtBC,GAAG,EAAE,GAAGzB,SAAS,SAASC,SAAS,YAAYsB,KAAK,EAAG;QACvDzB,MAAM,EAAEA,MAAO;QACf4B,OAAO,EAAEJ,KAAM;QACfK,KAAK,EAAE,CAAE;QACT3B,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrB2B,YAAY,EAAEL,KAAM;QAAAhB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAb,YAAA;UAAAc,UAAA;UAAAC,YAAA;QAAA;MAAA,CACrB,CACF,CACK,CACI,CACV,CAAC;IAEX;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAACkB,OAAA,CAAAhC,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RenderViewLayoutContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _SchemaContext = require("../../../providers/SchemaContext");
+var _providers = require("../../../providers");
+var _RenderViewField = require("../RenderLayout/RenderViewField");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/ViewEntityPage/RenderViewLayoutContent.tsx";
+// TODO: remove this component and use RenderLayoutContent instead
+const RenderViewLayoutContent = ({
+  entity,
+  content,
+  level,
+  sectionId,
+  cardIndex,
+  contentIndex
+}) => {
+  var _content$container$ch, _overrides$components;
+  const schema = (0, _SchemaContext.useSchema)();
+  const overrides = (0, _providers.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.default.createElement(_RenderViewField.RenderViewField, {
+        field: field,
+        fieldId: content.field.fieldId,
+        entity: entity,
+        span: content.field.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 32,
+          columnNumber: 9
+        }
+      });
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+        span: content.container.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 46,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 47,
+          columnNumber: 11
+        }
+      }, content.container.children.map((child, index) => /*#__PURE__*/_react.default.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,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 49,
+          columnNumber: 15
+        }
+      }))));
+    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.default.createElement(_designSystem.Cell, {
+        span: content.component.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 74,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(Component, {
+        entity: entity,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 75,
+          columnNumber: 11
+        }
+      }));
+    default:
+      return null;
+  }
+};
+exports.RenderViewLayoutContent = RenderViewLayoutContent;
+//# sourceMappingURL=RenderViewLayoutContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_SchemaContext","_providers","_RenderViewField","_jsxFileName","RenderViewLayoutContent","entity","content","level","sectionId","cardIndex","contentIndex","_content$container$ch","_overrides$components","schema","useSchema","overrides","usePatternsWizardOverridesContext","type","field","fieldId","fields","default","createElement","RenderViewField","span","__self","__source","fileName","lineNumber","columnNumber","container","children","length","Cell","Layout","map","child","index","key","component","componentId","Component","components","exports"],"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":"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","ignoreList":[]}