@wix/auto-patterns 1.4.0 → 1.6.0

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

@@ -3,161 +3,52 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.AutoPatternsCollectionPageContent = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _patterns = require("@wix/patterns");
-var _hooks = require("../../hooks");
-var _providers = require("../../providers");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
-var _designSystem = require("@wix/design-system");
+var _AutoPatternsTable = require("../AutoPatternsTable");
+var _AutoPatternsGrid = require("../AutoPatternsGrid");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx";
-const AutoPatternsCollectionPageContent = () => {
-  var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
-  const config = (0, _providers.useConfig)();
+const AutoPatternsCollectionPageContent = ({
+  configuration
+}) => {
   const {
-    page: {
-      pageTitle,
-      collectionId,
-      actions: secondaryActions = [],
-      search,
-      toolbarTitle,
-      limit,
-      persistQueryToUrl,
-      disableAutoSelectAllCount,
-      selectionConsistencyMode
-    }
-  } = config;
-  const context = (0, _providers.usePatternsWizardOverridesContext)();
-  const {
-    columns,
-    views,
-    dataExtension,
-    customColumns,
-    filters: {
-      filters,
-      components,
-      collectionToolbarFiltersProps
-    },
-    emptyState,
-    fetchData
-  } = (0, _hooks.useTableProps)();
-  const tableState = (0, _patterns.useTableCollection)({
-    queryName: `${collectionId}-${pageTitle.text}`,
-    itemKey: item => item._id,
-    // Should be taken from some CMS extractor to avoid hardcoding
-    itemName: item => item[config.schema.displayField],
-    filters,
-    toExtendedFields: item => item.extendedFields,
-    fetchErrorMessage: ({
-      err
-    }) => String(err),
-    fetchData,
-    limit,
-    persistQueryToUrl,
-    disableAutoSelectAllCount,
-    selectionConsistencyMode
-  });
-  const secondaryActionComponents = _react.default.useMemo(() => {
-    if (secondaryActions.length === 0) {
-      return undefined;
-    }
-    return secondaryActions.map(action => item => ({
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Edit, {
-        __self: void 0,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 61,
-          columnNumber: 13
-        }
-      }),
-      text: action.text,
-      onClick: () => {
-        var _context$actions, _context$actions$acti;
-        context == null || (_context$actions = context.actions) == null || (_context$actions$acti = _context$actions[action.id]) == null || _context$actions$acti.call(_context$actions, {
-          item
-        });
-      }
-    }));
-  }, [secondaryActions, context == null ? void 0 : context.actions]);
-  return /*#__PURE__*/_react.default.createElement(_patterns.Table, {
-    search: (search == null ? void 0 : search.shown) !== false,
-    title: toolbarTitle && /*#__PURE__*/_react.default.createElement(_patterns.ToolbarTitle, {
-      title: toolbarTitle.title,
-      subtitle: {
-        text: ((_toolbarTitle$subtitl = toolbarTitle.subtitle) == null ? void 0 : _toolbarTitle$subtitl.text) ?? '',
-        learnMore: (_toolbarTitle$subtitl2 = toolbarTitle.subtitle) == null ? void 0 : _toolbarTitle$subtitl2.learnMore,
-        info: ((_toolbarTitle$subtitl3 = toolbarTitle.subtitle) == null ? void 0 : _toolbarTitle$subtitl3.info) && {
-          content: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-            direction: "vertical",
-            gap: "6px",
+    components
+  } = configuration;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, components.map(component => {
+    const {
+      type
+    } = component;
+    switch (type) {
+      case 'Table':
+        if (component.table) {
+          return /*#__PURE__*/_react.default.createElement(_AutoPatternsTable.AutoPatternsTable, {
+            key: component.table.collection.collectionId,
+            configuration: component.table,
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 80,
-              columnNumber: 19
+              lineNumber: 22,
+              columnNumber: 17
             }
-          }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-            dataHook: "toolbar-title-subtitle-info-content",
-            light: true,
-            size: "small",
-            __self: void 0,
-            __source: {
-              fileName: _jsxFileName,
-              lineNumber: 81,
-              columnNumber: 21
-            }
-          }, (_toolbarTitle$subtitl4 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl4 = _toolbarTitle$subtitl4.info) == null ? void 0 : _toolbarTitle$subtitl4.content.text), ((_toolbarTitle$subtitl5 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl5 = _toolbarTitle$subtitl5.info) == null ? void 0 : _toolbarTitle$subtitl5.content.link) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-            dataHook: "toolbar-title-subtitle-info-link",
-            size: "small",
-            underline: "always",
-            skin: "light",
-            as: "a",
-            rel: "noopener",
-            target: "_blank",
-            href: (_toolbarTitle$subtitl6 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl6 = _toolbarTitle$subtitl6.info) == null ? void 0 : _toolbarTitle$subtitl6.content.link.url,
+          });
+        }
+        return null;
+      case 'Grid':
+        if (component.grid) {
+          return /*#__PURE__*/_react.default.createElement(_AutoPatternsGrid.AutoPatternsGrid, {
+            configuration: component.grid,
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 89,
-              columnNumber: 23
+              lineNumber: 31,
+              columnNumber: 22
             }
-          }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
+          });
         }
-      },
-      itemsLimit: toolbarTitle.itemsLimit,
-      showTotal: toolbarTitle.showTotal,
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 73,
-        columnNumber: 11
-      }
-    }),
-    dataHook: "auto-patterns-table",
-    state: tableState,
-    columns: columns,
-    views: views,
-    dataExtension: dataExtension,
-    customColumns: customColumns,
-    actionCell: item => ({
-      secondaryActions: secondaryActionComponents == null ? void 0 : secondaryActionComponents.map(action => action(item))
-    }),
-    filters: components.length > 0 ? /*#__PURE__*/_react.default.createElement(_patterns.CollectionToolbarFilters, (0, _extends2.default)({}, collectionToolbarFiltersProps, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 124,
-        columnNumber: 11
-      }
-    }), components) : undefined,
-    emptyState: emptyState,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 69,
-      columnNumber: 5
+        return null;
+      default:
+        return null;
     }
-  });
+  }));
 };
 exports.AutoPatternsCollectionPageContent = AutoPatternsCollectionPageContent;
 //# sourceMappingURL=AutoPatternsCollectionPageContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_hooks","_providers","_wixUiIconsCommon","_designSystem","_jsxFileName","AutoPatternsCollectionPageContent","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","config","useConfig","page","pageTitle","collectionId","actions","secondaryActions","search","toolbarTitle","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","context","usePatternsWizardOverridesContext","columns","views","dataExtension","customColumns","filters","components","collectionToolbarFiltersProps","emptyState","fetchData","useTableProps","tableState","useTableCollection","queryName","text","itemKey","item","_id","itemName","schema","displayField","toExtendedFields","extendedFields","fetchErrorMessage","err","String","secondaryActionComponents","React","useMemo","length","undefined","map","action","icon","default","createElement","Edit","__self","__source","fileName","lineNumber","columnNumber","onClick","_context$actions","_context$actions$acti","id","call","Table","shown","title","ToolbarTitle","subtitle","learnMore","info","content","Box","direction","gap","Text","dataHook","light","size","link","TextButton","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","state","actionCell","CollectionToolbarFilters","_extends2","exports"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CollectionToolbarFilters,\n  Table,\n  ToolbarTitle,\n  useTableCollection,\n} from '@wix/patterns';\nimport { useTableProps } from '../../hooks';\nimport { usePatternsWizardOverridesContext, useConfig } from '../../providers';\nimport { Edit } from '@wix/wix-ui-icons-common';\nimport { Box, Text, TextButton } from '@wix/design-system';\n\nexport const AutoPatternsCollectionPageContent: React.FC = () => {\n  const config = useConfig();\n\n  const {\n    page: {\n      pageTitle,\n      collectionId,\n      actions: secondaryActions = [],\n      search,\n      toolbarTitle,\n      limit,\n      persistQueryToUrl,\n      disableAutoSelectAllCount,\n      selectionConsistencyMode,\n    },\n  } = config;\n  const context = usePatternsWizardOverridesContext();\n\n  const {\n    columns,\n    views,\n    dataExtension,\n    customColumns,\n    filters: { filters, components, collectionToolbarFiltersProps },\n    emptyState,\n    fetchData,\n  } = useTableProps();\n\n  const tableState = useTableCollection<any>({\n    queryName: `${collectionId}-${pageTitle.text}`,\n    itemKey: (item) => item._id, // Should be taken from some CMS extractor to avoid hardcoding\n    itemName: (item) => item[config.schema.displayField],\n    filters,\n    toExtendedFields: (item) => item.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    fetchData,\n    limit,\n    persistQueryToUrl,\n    disableAutoSelectAllCount,\n    selectionConsistencyMode,\n  });\n\n  const secondaryActionComponents = React.useMemo(() => {\n    if (secondaryActions.length === 0) {\n      return undefined;\n    }\n\n    return secondaryActions.map((action) => (item: any) => ({\n      icon: <Edit />,\n      text: action.text,\n      onClick: () => {\n        context?.actions?.[action.id]?.({ item });\n      },\n    }));\n  }, [secondaryActions, context?.actions]);\n  return (\n    <Table\n      search={search?.shown !== false}\n      title={\n        toolbarTitle && (\n          <ToolbarTitle\n            title={toolbarTitle.title}\n            subtitle={{\n              text: toolbarTitle.subtitle?.text ?? '',\n              learnMore: toolbarTitle.subtitle?.learnMore,\n              info: toolbarTitle.subtitle?.info && {\n                content: (\n                  <Box direction=\"vertical\" gap=\"6px\">\n                    <Text\n                      dataHook=\"toolbar-title-subtitle-info-content\"\n                      light\n                      size=\"small\"\n                    >\n                      {toolbarTitle.subtitle?.info?.content.text}\n                    </Text>\n                    {toolbarTitle.subtitle?.info?.content.link && (\n                      <TextButton\n                        dataHook=\"toolbar-title-subtitle-info-link\"\n                        size=\"small\"\n                        underline=\"always\"\n                        skin=\"light\"\n                        as=\"a\"\n                        rel=\"noopener\"\n                        target=\"_blank\"\n                        href={toolbarTitle.subtitle?.info?.content.link.url}\n                      >\n                        {toolbarTitle.subtitle?.info?.content.link.label}\n                      </TextButton>\n                    )}\n                  </Box>\n                ),\n              },\n            }}\n            itemsLimit={toolbarTitle.itemsLimit}\n            showTotal={toolbarTitle.showTotal}\n          />\n        )\n      }\n      dataHook=\"auto-patterns-table\"\n      state={tableState}\n      columns={columns}\n      views={views}\n      dataExtension={dataExtension}\n      customColumns={customColumns}\n      actionCell={(item) => ({\n        secondaryActions: secondaryActionComponents?.map((action) =>\n          action(item),\n        ),\n      })}\n      filters={\n        components.length > 0 ? (\n          <CollectionToolbarFilters {...collectionToolbarFiltersProps}>\n            {components}\n          </CollectionToolbarFilters>\n        ) : undefined\n      }\n      emptyState={emptyState}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA2D,IAAAM,YAAA;AAEpD,MAAMC,iCAA2C,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EAC/D,MAAMC,MAAM,GAAG,IAAAC,oBAAS,EAAC,CAAC;EAE1B,MAAM;IACJC,IAAI,EAAE;MACJC,SAAS;MACTC,YAAY;MACZC,OAAO,EAAEC,gBAAgB,GAAG,EAAE;MAC9BC,MAAM;MACNC,YAAY;MACZC,KAAK;MACLC,iBAAiB;MACjBC,yBAAyB;MACzBC;IACF;EACF,CAAC,GAAGZ,MAAM;EACV,MAAMa,OAAO,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EAEnD,MAAM;IACJC,OAAO;IACPC,KAAK;IACLC,aAAa;IACbC,aAAa;IACbC,OAAO,EAAE;MAAEA,OAAO;MAAEC,UAAU;MAAEC;IAA8B,CAAC;IAC/DC,UAAU;IACVC;EACF,CAAC,GAAG,IAAAC,oBAAa,EAAC,CAAC;EAEnB,MAAMC,UAAU,GAAG,IAAAC,4BAAkB,EAAM;IACzCC,SAAS,EAAE,GAAGvB,YAAY,IAAID,SAAS,CAACyB,IAAI,EAAE;IAC9CC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACC,GAAG;IAAE;IAC7BC,QAAQ,EAAGF,IAAI,IAAKA,IAAI,CAAC9B,MAAM,CAACiC,MAAM,CAACC,YAAY,CAAC;IACpDf,OAAO;IACPgB,gBAAgB,EAAGL,IAAI,IAAKA,IAAI,CAACM,cAAc;IAC/CC,iBAAiB,EAAEA,CAAC;MAAEC;IAAI,CAAC,KAAKC,MAAM,CAACD,GAAG,CAAC;IAC3Cf,SAAS;IACTd,KAAK;IACLC,iBAAiB;IACjBC,yBAAyB;IACzBC;EACF,CAAC,CAAC;EAEF,MAAM4B,yBAAyB,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM;IACpD,IAAIpC,gBAAgB,CAACqC,MAAM,KAAK,CAAC,EAAE;MACjC,OAAOC,SAAS;IAClB;IAEA,OAAOtC,gBAAgB,CAACuC,GAAG,CAAEC,MAAM,IAAMhB,IAAS,KAAM;MACtDiB,IAAI,eAAEhE,MAAA,CAAAiE,OAAA,CAAAC,aAAA,CAAC5D,iBAAA,CAAA6D,IAAI;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9D,YAAA;UAAA+D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MACd3B,IAAI,EAAEkB,MAAM,CAAClB,IAAI;MACjB4B,OAAO,EAAEA,CAAA,KAAM;QAAA,IAAAC,gBAAA,EAAAC,qBAAA;QACb7C,OAAO,aAAA4C,gBAAA,GAAP5C,OAAO,CAAER,OAAO,cAAAqD,qBAAA,GAAhBD,gBAAA,CAAmBX,MAAM,CAACa,EAAE,CAAC,aAA7BD,qBAAA,CAAAE,IAAA,CAAAH,gBAAA,EAAgC;UAAE3B;QAAK,CAAC,CAAC;MAC3C;IACF,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,CAACxB,gBAAgB,EAAEO,OAAO,oBAAPA,OAAO,CAAER,OAAO,CAAC,CAAC;EACxC,oBACEtB,MAAA,CAAAiE,OAAA,CAAAC,aAAA,CAAC/D,SAAA,CAAA2E,KAAK;IACJtD,MAAM,EAAE,CAAAA,MAAM,oBAANA,MAAM,CAAEuD,KAAK,MAAK,KAAM;IAChCC,KAAK,EACHvD,YAAY,iBACVzB,MAAA,CAAAiE,OAAA,CAAAC,aAAA,CAAC/D,SAAA,CAAA8E,YAAY;MACXD,KAAK,EAAEvD,YAAY,CAACuD,KAAM;MAC1BE,QAAQ,EAAE;QACRrC,IAAI,EAAE,EAAAnC,qBAAA,GAAAe,YAAY,CAACyD,QAAQ,qBAArBxE,qBAAA,CAAuBmC,IAAI,KAAI,EAAE;QACvCsC,SAAS,GAAAxE,sBAAA,GAAEc,YAAY,CAACyD,QAAQ,qBAArBvE,sBAAA,CAAuBwE,SAAS;QAC3CC,IAAI,EAAE,EAAAxE,sBAAA,GAAAa,YAAY,CAACyD,QAAQ,qBAArBtE,sBAAA,CAAuBwE,IAAI,KAAI;UACnCC,OAAO,eACLrF,MAAA,CAAAiE,OAAA,CAAAC,aAAA,CAAC3D,aAAA,CAAA+E,GAAG;YAACC,SAAS,EAAC,UAAU;YAACC,GAAG,EAAC,KAAK;YAAApB,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAA9D,YAAA;cAAA+D,UAAA;cAAAC,YAAA;YAAA;UAAA,gBACjCxE,MAAA,CAAAiE,OAAA,CAAAC,aAAA,CAAC3D,aAAA,CAAAkF,IAAI;YACHC,QAAQ,EAAC,qCAAqC;YAC9CC,KAAK;YACLC,IAAI,EAAC,OAAO;YAAAxB,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAA9D,YAAA;cAAA+D,UAAA;cAAAC,YAAA;YAAA;UAAA,IAAA3D,sBAAA,GAEXY,YAAY,CAACyD,QAAQ,cAAArE,sBAAA,GAArBA,sBAAA,CAAuBuE,IAAI,qBAA3BvE,sBAAA,CAA6BwE,OAAO,CAACxC,IAClC,CAAC,EACN,EAAA/B,sBAAA,GAAAW,YAAY,CAACyD,QAAQ,cAAApE,sBAAA,GAArBA,sBAAA,CAAuBsE,IAAI,qBAA3BtE,sBAAA,CAA6BuE,OAAO,CAACQ,IAAI,kBACxC7F,MAAA,CAAAiE,OAAA,CAAAC,aAAA,CAAC3D,aAAA,CAAAuF,UAAU;YACTJ,QAAQ,EAAC,kCAAkC;YAC3CE,IAAI,EAAC,OAAO;YACZG,SAAS,EAAC,QAAQ;YAClBC,IAAI,EAAC,OAAO;YACZC,EAAE,EAAC,GAAG;YACNC,GAAG,EAAC,UAAU;YACdC,MAAM,EAAC,QAAQ;YACfC,IAAI,GAAArF,sBAAA,GAAEU,YAAY,CAACyD,QAAQ,cAAAnE,sBAAA,GAArBA,sBAAA,CAAuBqE,IAAI,qBAA3BrE,sBAAA,CAA6BsE,OAAO,CAACQ,IAAI,CAACQ,GAAI;YAAAjC,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAA9D,YAAA;cAAA+D,UAAA;cAAAC,YAAA;YAAA;UAAA,IAAAxD,sBAAA,GAEnDS,YAAY,CAACyD,QAAQ,cAAAlE,sBAAA,GAArBA,sBAAA,CAAuBoE,IAAI,qBAA3BpE,sBAAA,CAA6BqE,OAAO,CAACQ,IAAI,CAACS,KACjC,CAEX;QAET;MACF,CAAE;MACFC,UAAU,EAAE9E,YAAY,CAAC8E,UAAW;MACpCC,SAAS,EAAE/E,YAAY,CAAC+E,SAAU;MAAApC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9D,YAAA;QAAA+D,UAAA;QAAAC,YAAA;MAAA;IAAA,CACnC,CAEJ;IACDkB,QAAQ,EAAC,qBAAqB;IAC9Be,KAAK,EAAE/D,UAAW;IAClBV,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7BC,aAAa,EAAEA,aAAc;IAC7BuE,UAAU,EAAG3D,IAAI,KAAM;MACrBxB,gBAAgB,EAAEkC,yBAAyB,oBAAzBA,yBAAyB,CAAEK,GAAG,CAAEC,MAAM,IACtDA,MAAM,CAAChB,IAAI,CACb;IACF,CAAC,CAAE;IACHX,OAAO,EACLC,UAAU,CAACuB,MAAM,GAAG,CAAC,gBACnB5D,MAAA,CAAAiE,OAAA,CAAAC,aAAA,CAAC/D,SAAA,CAAAwG,wBAAwB,MAAAC,SAAA,CAAA3C,OAAA,MAAK3B,6BAA6B;MAAA8B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9D,YAAA;QAAA+D,UAAA;QAAAC,YAAA;MAAA;IAAA,IACxDnC,UACuB,CAAC,GACzBwB,SACL;IACDtB,UAAU,EAAEA,UAAW;IAAA6B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxB,CAAC;AAEN,CAAC;AAACqC,OAAA,CAAApG,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 <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":[]}

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

@@ -0,0 +1,162 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AutoPatternsEntityPage = void 0;
+var _react = _interopRequireDefault(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 _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx";
+const AutoPatternsEntityPage = ({
+  configuration
+}) => {
+  const {
+    title,
+    subtitle,
+    visibleFieldIds = [],
+    collectionPagePath: parentPath
+  } = configuration;
+  const form = (0, _form.useForm)();
+  const params = (0, _reactRouterDom.useParams)();
+  const entityId = params.entityId;
+  const schema = (0, _SchemaContext.useSchema)();
+  const state = (0, _patterns.useEntityPage)({
+    parentPath,
+    form,
+    onSave: async () => {
+      const formValues = form.getValues();
+      const updatedEntity = {
+        ...state.entity,
+        ...formValues
+      };
+      let newUpdatedEntity;
+      if (entityId) {
+        newUpdatedEntity = await schema.actions.update(updatedEntity);
+      } else {
+        newUpdatedEntity = await schema.actions.create(updatedEntity);
+      }
+      return {
+        updatedEntity: newUpdatedEntity
+      };
+    },
+    saveErrorToast: () => 'Failed to save',
+    fetch: async () => {
+      if (!entityId) {
+        return {
+          entity: undefined
+        };
+      }
+      const entity = await schema.actions.get(entityId);
+      return {
+        entity
+      };
+    }
+  });
+  const entity = (0, _patterns.useEntity)(state);
+  return /*#__PURE__*/_react.default.createElement(_patterns.EntityPage, {
+    state: state,
+    dataHook: "auto-patterns-entity-page",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 64,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Header, {
+    title: title ?? {
+      text: (entity == null ? void 0 : entity[schema.displayField]) ?? 'Edit Entity'
+    },
+    subtitle: subtitle,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.MainContent, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      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, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    direction: "vertical",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      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
+    }
+  }))))))))));
+};
+exports.AutoPatternsEntityPage = AutoPatternsEntityPage;
+//# sourceMappingURL=AutoPatternsEntityPage.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Checkbox = 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/Fields/Checkbox.tsx";
+const Checkbox = props => {
+  const {
+    field,
+    onChange,
+    value
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+    checked: value,
+    onChange: e => {
+      onChange(e.target.checked);
+    },
+    dataHook: `checkbox-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 5
+    }
+  }, field.displayName);
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","Checkbox","props","field","onChange","value","default","createElement","checked","e","target","dataHook","id","__self","__source","fileName","lineNumber","columnNumber","displayName","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CheckboxWSR } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface CheckboxProps extends BaseInputProps<boolean> {}\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const { field, onChange, value } = props;\n\n  return (\n    <CheckboxWSR\n      checked={value}\n      onChange={(e) => {\n        onChange(e.target.checked);\n      }}\n      dataHook={`checkbox-${field.id}`}\n    >\n      {field.displayName}\n    </CheckboxWSR>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6D,IAAAE,YAAA;AAKtD,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAE,QAAW;IACVO,OAAO,EAAEH,KAAM;IACfD,QAAQ,EAAGK,CAAC,IAAK;MACfL,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYR,KAAK,CAACS,EAAE,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhCd,KAAK,CAACe,WACI,CAAC;AAElB,CAAC;AAACC,OAAA,CAAAlB,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DateInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _dates = require("./utils/dates");
+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 => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  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,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    dataHook: `date-${field.id}`,
+    width: "100%",
+    value: date,
+    onChange: newValue => {
+      const formattedDate = (0, _dates.getISODateStringWithFixedTimezone)(newValue);
+      setDate(newValue);
+      onChange(formattedDate.split('T')[0]);
+    },
+    onValidate: ({
+      validationType,
+      value: newValue
+    }) => {
+      if (validationType === 'valid') {
+        setStatusMessage('');
+        ref.current.invalid = false;
+      } else if (validationType === 'formatError' && newValue === '') {
+        setDate(undefined);
+        onChange(null);
+        setStatusMessage('');
+        ref.current.invalid = false;
+      } else {
+        setStatusMessage('Invalid date');
+        ref.current.invalid = true;
+      }
+    },
+    status: ref.current.invalid ? 'error' : undefined,
+    statusMessage: statusMessage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }));
+};
+exports.DateInput = DateInput;
+//# sourceMappingURL=DateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_dates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateInput","props","field","value","onChange","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","undefined","ref","useRef","statusMessage","setStatusMessage","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","DatePicker","dataHook","id","width","newValue","formattedDate","split","onValidate","validationType","current","invalid","status","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, value, onChange } = props;\n\n  const [date, setDate] = useState<Date | undefined>(() =>\n    value\n      ? getDateWithoutTimezone(getISODateStringWithFixedTimezone(value))\n      : undefined,\n  );\n\n  const ref = useRef<BaseInputRef>({});\n  const [statusMessage, setStatusMessage] = useState('');\n\n  return (\n    <FormField label={field.displayName}>\n      <DatePicker\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          const formattedDate = getISODateStringWithFixedTimezone(newValue);\n          setDate(newValue);\n          onChange(formattedDate.split('T')[0]);\n        }}\n        onValidate={({ validationType, value: newValue }) => {\n          if (validationType === 'valid') {\n            setStatusMessage('');\n            ref.current.invalid = false;\n          } else if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            onChange(null);\n            setStatusMessage('');\n            ref.current.invalid = false;\n          } else {\n            setStatusMessage('Invalid date');\n            ref.current.invalid = true;\n          }\n        }}\n        status={ref.current.invalid ? 'error' : undefined}\n        statusMessage={statusMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}