@wix/auto-patterns 1.7.0 → 1.8.0

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

@@ -4,44 +4,29 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.AutoPatternsApp = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _patterns = require("@wix/patterns");
-var _AutoPatternsPage = require("../AutoPatternsRoute/AutoPatternsPage");
+var _RootAppProvider = require("../../providers/RootAppProvider");
+var _AutoPatternsRoutes = require("../AutoPatternsRoute/AutoPatternsRoutes");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsApp/AutoPatternsApp.tsx";
-const pageTypeToRouteType = {
-  collectionPage: 'collection',
-  entityPage: 'editEntity'
-};
 const AutoPatternsApp = ({
   configuration
 }) => {
-  const routes = configuration.pages.map(page => /*#__PURE__*/_react.default.createElement(_patterns.PatternsReactRoute, {
-    key: page.routePath,
-    type: pageTypeToRouteType[page.type] ?? 'other',
-    path: page.routePath,
-    element: /*#__PURE__*/_react.default.createElement(_AutoPatternsPage.AutoPatternsPage, {
-      pageConfig: page,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 24,
-        columnNumber: 16
-      }
-    }),
+  return /*#__PURE__*/_react.default.createElement(_RootAppProvider.RootAppProvider, {
+    appConfig: configuration,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 20,
+      lineNumber: 14,
       columnNumber: 5
     }
-  }));
-  return /*#__PURE__*/_react.default.createElement(_patterns.PatternsReactRouter, {
+  }, /*#__PURE__*/_react.default.createElement(_AutoPatternsRoutes.AutoPatternsRoutes, {
+    config: configuration,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
-      columnNumber: 10
+      lineNumber: 15,
+      columnNumber: 7
     }
-  }, routes);
+  }));
 };
 exports.AutoPatternsApp = AutoPatternsApp;
 //# sourceMappingURL=AutoPatternsApp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_AutoPatternsPage","_jsxFileName","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsApp","configuration","routes","pages","map","page","default","createElement","PatternsReactRoute","key","routePath","type","path","element","AutoPatternsPage","pageConfig","__self","__source","fileName","lineNumber","columnNumber","PatternsReactRouter","exports"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { PatternsReactRouter, PatternsReactRoute } from '@wix/patterns';\nimport { AutoPatternsPage } from '../AutoPatternsRoute/AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\n\nexport interface AutoPatternsAppPageProps {\n  configuration: AppConfig;\n}\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n};\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppPageProps> = ({\n  configuration,\n}) => {\n  const routes = configuration.pages.map((page) => (\n    <PatternsReactRoute\n      key={page.routePath}\n      type={pageTypeToRouteType[page.type] ?? 'other'}\n      path={page.routePath}\n      element={<AutoPatternsPage pageConfig={page} />}\n    />\n  ));\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAyE,IAAAG,YAAA;AAOzE,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,eAAmD,GAAGA,CAAC;EAClEC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGD,aAAa,CAACE,KAAK,CAACC,GAAG,CAAEC,IAAI,iBAC1Cd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAAc,kBAAkB;IACjBC,GAAG,EAAEJ,IAAI,CAACK,SAAU;IACpBC,IAAI,EAAEd,mBAAmB,CAACQ,IAAI,CAACM,IAAI,CAAC,IAAI,OAAQ;IAChDC,IAAI,EAAEP,IAAI,CAACK,SAAU;IACrBG,OAAO,eAAEtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAmB,gBAAgB;MAACC,UAAU,EAAEV,IAAK;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjD,CACF,CAAC;EAEF,oBAAO7B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,SAAA,CAAA2B,mBAAmB;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAElB,MAA4B,CAAC;AAC5D,CAAC;AAACoB,OAAA,CAAAtB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_RootAppProvider","_AutoPatternsRoutes","_jsxFileName","AutoPatternsApp","configuration","default","createElement","RootAppProvider","appConfig","__self","__source","fileName","lineNumber","columnNumber","AutoPatternsRoutes","config","exports"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { RootAppProvider } from '../../providers/RootAppProvider';\nimport { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';\n\nexport interface AutoPatternsAppPageProps {\n  configuration: AppConfig;\n}\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppPageProps> = ({\n  configuration,\n}) => {\n  return (\n    <RootAppProvider appConfig={configuration}>\n      <AutoPatternsRoutes config={configuration} />\n    </RootAppProvider>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAA6E,IAAAG,YAAA;AAMtE,MAAMC,eAAmD,GAAGA,CAAC;EAClEC;AACF,CAAC,KAAK;EACJ,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,gBAAA,CAAAO,eAAe;IAACC,SAAS,EAAEJ,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxChB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,mBAAA,CAAAa,kBAAkB;IAACC,MAAM,EAAEX,aAAc;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7B,CAAC;AAEtB,CAAC;AAACG,OAAA,CAAAb,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js

@@ -35,12 +35,13 @@ const AutoPatternsCollectionPageContent = ({
       case 'Grid':
         if (component.grid) {
           return /*#__PURE__*/_react.default.createElement(_AutoPatternsGrid.AutoPatternsGrid, {
+            key: component.grid.collection.collectionId,
             configuration: component.grid,
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 31,
-              columnNumber: 22
+              lineNumber: 32,
+              columnNumber: 17
             }
           });
         }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTable","_AutoPatternsGrid","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","default","createElement","Fragment","map","component","type","table","AutoPatternsTable","key","collection","collectionId","__self","__source","fileName","lineNumber","columnNumber","grid","AutoPatternsGrid","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components.map((component) => {\n        const { type } = component;\n        switch (type) {\n          case 'Table':\n            if (component.table) {\n              return (\n                <AutoPatternsTable\n                  key={component.table.collection.collectionId}\n                  configuration={component.table}\n                />\n              );\n            }\n            return null;\n          case 'Grid':\n            if (component.grid) {\n              return <AutoPatternsGrid configuration={component.grid} />;\n            }\n            return null;\n          default:\n            return null;\n        }\n      })}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAAuD,IAAAG,YAAA;AAMhD,MAAMC,iCAAiC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,QACGH,UAAU,CAACI,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAa,iBAAiB;YAChBC,GAAG,EAAEJ,SAAS,CAACE,KAAK,CAACG,UAAU,CAACC,YAAa;YAC7CZ,aAAa,EAAEM,SAAS,CAACE,KAAM;YAAAK,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIX,SAAS,CAACY,IAAI,EAAE;UAClB,oBAAOzB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAsB,gBAAgB;YAACnB,aAAa,EAAEM,SAAS,CAACY,IAAK;YAAAL,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;QAC5D;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC;AAACG,OAAA,CAAArB,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_AutoPatternsTable","_AutoPatternsGrid","_jsxFileName","AutoPatternsCollectionPageContent","configuration","components","default","createElement","Fragment","map","component","type","table","AutoPatternsTable","key","collection","collectionId","__self","__source","fileName","lineNumber","columnNumber","grid","AutoPatternsGrid","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components.map((component) => {\n        const { type } = component;\n        switch (type) {\n          case 'Table':\n            if (component.table) {\n              return (\n                <AutoPatternsTable\n                  key={component.table.collection.collectionId}\n                  configuration={component.table}\n                />\n              );\n            }\n            return null;\n          case 'Grid':\n            if (component.grid) {\n              return (\n                <AutoPatternsGrid\n                  key={component.grid.collection.collectionId}\n                  configuration={component.grid}\n                />\n              );\n            }\n            return null;\n          default:\n            return null;\n        }\n      })}\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAAuD,IAAAG,YAAA;AAMhD,MAAMC,iCAAiC,GAAGA,CAAC;EAChDC;AACsC,CAAC,KAAK;EAC5C,MAAM;IAAEC;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,QACGH,UAAU,CAACI,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,kBAAA,CAAAa,iBAAiB;YAChBC,GAAG,EAAEJ,SAAS,CAACE,KAAK,CAACG,UAAU,CAACC,YAAa;YAC7CZ,aAAa,EAAEM,SAAS,CAACE,KAAM;YAAAK,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIX,SAAS,CAACY,IAAI,EAAE;UAClB,oBACEzB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAsB,gBAAgB;YACfT,GAAG,EAAEJ,SAAS,CAACY,IAAI,CAACP,UAAU,CAACC,YAAa;YAC5CZ,aAAa,EAAEM,SAAS,CAACY,IAAK;YAAAL,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAjB,YAAA;cAAAkB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAC/B,CAAC;QAEN;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC;AAACG,OAAA,CAAArB,iCAAA,GAAAA,iCAAA","ignoreList":[]}

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

@@ -1,49 +1,239 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.AutoPatternsEntityPage = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _patterns = require("@wix/patterns");
 var _form = require("@wix/patterns/form");
 var _designSystem = require("@wix/design-system");
-var _FormFieldInput = require("./Fields/FormFieldInput");
 var _reactRouterDom = require("react-router-dom");
 var _SchemaContext = require("../../providers/SchemaContext");
+var _FormFieldInput = require("./Fields/FormFieldInput");
+var _hooks = require("../../hooks");
+var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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)();
+  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: 44,
+          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: 45,
+          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: 59,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 60,
+          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: 62,
+          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.form,
+        entity: pageState.entity,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 89,
+          columnNumber: 11
+        }
+      }));
+    default:
+      return null;
+  }
+};
+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: 110,
+          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: 111,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 115,
+          columnNumber: 11
+        }
+      }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 116,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 117,
+          columnNumber: 13
+        }
+      }, layout.card.children.map((child, index) => /*#__PURE__*/_react.default.createElement(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: 119,
+          columnNumber: 17
+        }
+      })))));
+    default:
+      return null;
+  }
+};
 const AutoPatternsEntityPage = ({
   configuration
 }) => {
+  var _pageLayout$main, _pageLayout$sidebar;
   const {
     title,
     subtitle,
-    visibleFieldIds = [],
-    collectionPagePath: parentPath
+    layout: pageLayout,
+    parentPageId,
+    route
   } = configuration;
   const form = (0, _form.useForm)();
   const params = (0, _reactRouterDom.useParams)();
-  const entityId = params.entityId;
+  const entityId = params[route.params.id];
   const schema = (0, _SchemaContext.useSchema)();
+  const inputRefs = (0, _react.useRef)({});
+  const setInputRef = (id, input) => {
+    inputRefs.current[id] = input;
+  };
+  const validate = () => {
+    const invalidFieldId = Object.keys(inputRefs.current).find(fieldId => {
+      var _inputRefs$current$fi;
+      return (_inputRefs$current$fi = inputRefs.current[fieldId]) == null ? void 0 : _inputRefs$current$fi.invalid;
+    });
+    if (invalidFieldId) {
+      var _inputRefs$current$in;
+      (_inputRefs$current$in = inputRefs.current[invalidFieldId]) == null || _inputRefs$current$in.focus == null || _inputRefs$current$in.focus();
+      throw new Error('Invalid form');
+    }
+  };
+  const {
+    getParentPagePath
+  } = (0, _hooks.useNavigation)();
+  const parentPath = (0, _react.useMemo)(() => getParentPagePath(parentPageId), [parentPageId, getParentPagePath]);
   const state = (0, _patterns.useEntityPage)({
     parentPath,
     form,
     onSave: async () => {
+      validate();
       const formValues = form.getValues();
+      const baseEntity = state.entity || {};
       const updatedEntity = {
-        ...state.entity,
+        ...baseEntity,
         ...formValues
       };
-      let newUpdatedEntity;
-      if (entityId) {
-        newUpdatedEntity = await schema.actions.update(updatedEntity);
-      } else {
-        newUpdatedEntity = await schema.actions.create(updatedEntity);
-      }
+      const newEntity = entityId ? await schema.actions.update(updatedEntity) : await schema.actions.create(updatedEntity);
       return {
-        updatedEntity: newUpdatedEntity
+        updatedEntity: newEntity
       };
     },
-    saveErrorToast: () => 'Failed to save',
     fetch: async () => {
       if (!entityId) {
         return {
@@ -63,7 +253,7 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 212,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Header, {
@@ -74,89 +264,70 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 213,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 219,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.MainContent, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 220,
       columnNumber: 9
     }
-  }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Card, {
-    minHeight: "50px",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 73,
-      columnNumber: 11
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
-    title: "Item details",
-    subtitle: "Modify the details of your selected item below",
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 74,
-      columnNumber: 13
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
+  }, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(RenderLayoutCard, {
+    key: `main-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 222,
       columnNumber: 13
     }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+  }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.AdditionalContent, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
-      columnNumber: 13
+      lineNumber: 232,
+      columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    gap: "SP2",
-    direction: "vertical",
+  }, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(RenderLayoutCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 234,
       columnNumber: 15
     }
-  }, visibleFieldIds.map(fieldId => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
-    key: fieldId,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 82,
-      columnNumber: 19
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
-    span: 12,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 83,
-      columnNumber: 21
-    }
-  }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
-    key: fieldId,
-    field: schema.fields[fieldId],
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 84,
-      columnNumber: 23
-    }
-  }))))))))));
+  }))) : null));
 };
+
+/*
+  Key structure explanation:
+
+  Main cards: main-section-card-{layoutIndex}
+  Sidebar cards: sidebar-section-card-{layoutIndex}
+
+  Layout content:
+  {sectionId}-card-{cardIndex}-content-{contentIndex}
+
+  Nested children:
+  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}
+
+  This ensures uniqueness across all levels and sections.
+*/
 exports.AutoPatternsEntityPage = AutoPatternsEntityPage;
 //# sourceMappingURL=AutoPatternsEntityPage.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_form","_designSystem","_FormFieldInput","_reactRouterDom","_SchemaContext","_jsxFileName","AutoPatternsEntityPage","configuration","title","subtitle","visibleFieldIds","collectionPagePath","parentPath","form","useForm","params","useParams","entityId","schema","useSchema","state","useEntityPage","onSave","formValues","getValues","updatedEntity","entity","newUpdatedEntity","actions","update","create","saveErrorToast","fetch","undefined","get","useEntity","default","createElement","EntityPage","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","text","displayField","Content","MainContent","Card","minHeight","Divider","Box","gap","direction","map","fieldId","Fragment","key","Cell","span","FormFieldInput","field","fields","exports"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageConfig } from '../../types';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { Box, Card, Cell } from '@wix/design-system';\nimport { FormFieldInput } from './Fields/FormFieldInput';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const {\n    title,\n    subtitle,\n    visibleFieldIds = [],\n    collectionPagePath: parentPath,\n  } = configuration;\n  const form = useForm<any>();\n  const params = useParams();\n  const entityId = params.entityId;\n  const schema = useSchema();\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      const formValues = form.getValues();\n      const updatedEntity: any = {\n        ...state.entity,\n        ...formValues,\n      };\n\n      let newUpdatedEntity;\n      if (entityId) {\n        newUpdatedEntity = await schema.actions.update(updatedEntity);\n      } else {\n        newUpdatedEntity = await schema.actions.create(updatedEntity);\n      }\n\n      return { updatedEntity: newUpdatedEntity };\n    },\n    saveErrorToast: () => 'Failed to save',\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n  const entity = useEntity(state);\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={\n          title ?? { text: entity?.[schema.displayField] ?? 'Edit Entity' }\n        }\n        subtitle={subtitle}\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent>\n          <EntityPage.Card minHeight=\"50px\">\n            <Card.Header\n              title=\"Item details\"\n              subtitle=\"Modify the details of your selected item below\"\n            />\n            <Card.Divider />\n            <Card.Content>\n              <Box gap=\"SP2\" direction=\"vertical\">\n                {visibleFieldIds.map((fieldId) => (\n                  <React.Fragment key={fieldId}>\n                    <Cell span={12}>\n                      <FormFieldInput\n                        key={fieldId}\n                        field={schema.fields[fieldId]}\n                      />\n                    </Cell>\n                  </React.Fragment>\n                ))}\n              </Box>\n            </Card.Content>\n          </EntityPage.Card>\n        </EntityPage.MainContent>\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_form","_designSystem","_reactRouterDom","_SchemaContext","_FormFieldInput","_hooks","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RenderLayoutContent","content","level","sectionId","cardIndex","contentIndex","setInputRef","_content$container$ch","_overrides$components","schema","useSchema","overrides","usePatternsWizardOverridesContext","pageState","useEntityPageContext","type","field","fieldId","fields","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormFieldInput","key","inputRef","ref","container","children","length","Layout","map","child","index","component","componentId","Component","components","form","entity","RenderLayoutCard","layout","_layout$card$subtitle","EntityPage","Card","minHeight","Header","title","card","text","subtitle","Divider","Content","AutoPatternsEntityPage","configuration","_pageLayout$main","_pageLayout$sidebar","pageLayout","parentPageId","route","useForm","params","useParams","entityId","id","inputRefs","useRef","input","current","validate","invalidFieldId","keys","find","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","useNavigation","parentPath","useMemo","state","useEntityPage","onSave","formValues","getValues","baseEntity","updatedEntity","newEntity","actions","update","create","fetch","undefined","useEntity","dataHook","displayField","MainContent","main","layoutIndex","sidebar","AdditionalContent","exports"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { CardLayout, EntityPageConfig, LayoutContent } from '../../types';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  useEntityPageContext,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { Card, Cell, Layout } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { FormFieldInput } from './Fields/FormFieldInput';\nimport { useNavigation } from '../../hooks';\nimport { usePatternsWizardOverridesContext } from '../../providers';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ content, level, sectionId, cardIndex, contentIndex, setInputRef }) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const pageState = useEntityPageContext();\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\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\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={pageState.entity as any as Record<string, any>}\n          />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ layout, sectionId, cardIndex, setInputRef }) => {\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\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const {\n    title,\n    subtitle,\n    layout: pageLayout,\n    parentPageId,\n    route,\n  } = configuration;\n\n  const form = useForm<any>();\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={\n          title ?? { text: entity?.[schema.displayField] ?? 'Edit Entity' }\n        }\n        subtitle={subtitle}\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent>\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/Fields/DateInput.js

@@ -5,27 +5,47 @@ exports.DateInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _dates = require("./utils/dates");
+var _patterns = require("@wix/patterns");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/DateInput.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DateInput = props => {
+  var _field$validation;
   const {
     field,
     value,
-    onChange
+    onChange,
+    dataHook,
+    inputRef
   } = props;
+  const {
+    translate: t,
+    ...container
+  } = (0, _patterns.useWixPatternsContainer)();
+  (0, _patterns.useSelector)(() => container.initTask.status);
   const [date, setDate] = (0, _react.useState)(() => value ? (0, _dates.getDateWithoutTimezone)((0, _dates.getISODateStringWithFixedTimezone)(value)) : undefined);
   const ref = (0, _react.useRef)({});
   const [statusMessage, setStatusMessage] = (0, _react.useState)('');
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 27,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      // TODO: PR to WSR needed to expose as public API
+      // @ts-expect-error
+      ref.current.focus = () => {
+        var _internalRef$state;
+        return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
+      };
+    },
     dataHook: `date-${field.id}`,
     width: "100%",
     value: date,
@@ -36,7 +56,8 @@ const DateInput = props => {
     },
     onValidate: ({
       validationType,
-      value: newValue
+      value: newValue,
+      format
     }) => {
       if (validationType === 'valid') {
         setStatusMessage('');
@@ -47,7 +68,9 @@ const DateInput = props => {
         setStatusMessage('');
         ref.current.invalid = false;
       } else {
-        setStatusMessage('Invalid date');
+        setStatusMessage(t('cairo.customFields.fieldType.date.invalid.value', {
+          dateFormat: format ?? ''
+        }));
         ref.current.invalid = true;
       }
     },
@@ -56,7 +79,7 @@ const DateInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 32,
       columnNumber: 7
     }
   }));