@wix/auto-patterns 1.4.0 → 1.5.0

package/dist/esm/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js

@@ -1,114 +1,36 @@
 import React from 'react';
-import { CollectionToolbarFilters, Table, ToolbarTitle, useTableCollection } from '@wix/patterns';
-import { useTableProps } from '../../hooks';
-import { usePatternsWizardOverridesContext, useConfig } from '../../providers';
-import { Edit } from '@wix/wix-ui-icons-common';
-import { Box, Text, TextButton } from '@wix/design-system';
-export const AutoPatternsCollectionPageContent = () => {
-  var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
-  const config = useConfig();
+import { AutoPatternsTable } from '../AutoPatternsTable';
+import { AutoPatternsGrid } from '../AutoPatternsGrid';
+export const AutoPatternsCollectionPageContent = _ref => {
+  let {
+    configuration
+  } = _ref;
   const {
-    page: {
-      pageTitle,
-      collectionId,
-      actions: secondaryActions = [],
-      search,
-      toolbarTitle,
-      limit,
-      persistQueryToUrl,
-      disableAutoSelectAllCount,
-      selectionConsistencyMode
-    }
-  } = config;
-  const context = usePatternsWizardOverridesContext();
-  const {
-    columns,
-    views,
-    dataExtension,
-    customColumns,
-    filters: {
-      filters,
-      components,
-      collectionToolbarFiltersProps
-    },
-    emptyState,
-    fetchData
-  } = useTableProps();
-  const tableState = 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: _ref => {
-      let {
-        err
-      } = _ref;
-      return String(err);
-    },
-    fetchData,
-    limit,
-    persistQueryToUrl,
-    disableAutoSelectAllCount,
-    selectionConsistencyMode
-  });
-  const secondaryActionComponents = React.useMemo(() => {
-    if (secondaryActions.length === 0) {
-      return undefined;
-    }
-    return secondaryActions.map(action => item => ({
-      icon: /*#__PURE__*/React.createElement(Edit, null),
-      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.createElement(Table, {
-    search: (search == null ? void 0 : search.shown) !== false,
-    title: toolbarTitle && /*#__PURE__*/React.createElement(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.createElement(Box, {
-            direction: "vertical",
-            gap: "6px"
-          }, /*#__PURE__*/React.createElement(Text, {
-            dataHook: "toolbar-title-subtitle-info-content",
-            light: true,
-            size: "small"
-          }, (_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.createElement(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
-          }, (_toolbarTitle$subtitl7 = toolbarTitle.subtitle) == null || (_toolbarTitle$subtitl7 = _toolbarTitle$subtitl7.info) == null ? void 0 : _toolbarTitle$subtitl7.content.link.label))
+    components
+  } = configuration;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, components.map(component => {
+    const {
+      type
+    } = component;
+    switch (type) {
+      case 'Table':
+        if (component.table) {
+          return /*#__PURE__*/React.createElement(AutoPatternsTable, {
+            key: component.table.collection.collectionId,
+            configuration: component.table
+          });
         }
-      },
-      itemsLimit: toolbarTitle.itemsLimit,
-      showTotal: toolbarTitle.showTotal
-    }),
-    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.createElement(CollectionToolbarFilters, collectionToolbarFiltersProps, components) : undefined,
-    emptyState: emptyState
-  });
+        return null;
+      case 'Grid':
+        if (component.grid) {
+          return /*#__PURE__*/React.createElement(AutoPatternsGrid, {
+            configuration: component.grid
+          });
+        }
+        return null;
+      default:
+        return null;
+    }
+  }));
 };
 //# sourceMappingURL=AutoPatternsCollectionPageContent.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","CollectionToolbarFilters","Table","ToolbarTitle","useTableCollection","useTableProps","usePatternsWizardOverridesContext","useConfig","Edit","Box","Text","TextButton","AutoPatternsCollectionPageContent","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","config","page","pageTitle","collectionId","actions","secondaryActions","search","toolbarTitle","limit","persistQueryToUrl","disableAutoSelectAllCount","selectionConsistencyMode","context","columns","views","dataExtension","customColumns","filters","components","collectionToolbarFiltersProps","emptyState","fetchData","tableState","queryName","text","itemKey","item","_id","itemName","schema","displayField","toExtendedFields","extendedFields","fetchErrorMessage","_ref","err","String","secondaryActionComponents","useMemo","length","undefined","map","action","icon","createElement","onClick","_context$actions","_context$actions$acti","id","call","shown","title","subtitle","learnMore","info","content","direction","gap","dataHook","light","size","link","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","state","actionCell"],"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":"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","ignoreList":[]}
+{"version":3,"names":["React","AutoPatternsTable","AutoPatternsGrid","AutoPatternsCollectionPageContent","_ref","configuration","components","createElement","Fragment","map","component","type","table","key","collection","collectionId","grid"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD,SAASC,gBAAgB,QAAQ,qBAAqB;AAMtD,OAAO,MAAMC,iCAAiC,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChDC;EACsC,CAAC,GAAAD,IAAA;EACvC,MAAM;IAAEE;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEL,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACGF,UAAU,CAACG,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEZ,KAAA,CAAAO,aAAA,CAACN,iBAAiB;YAChBY,GAAG,EAAEH,SAAS,CAACE,KAAK,CAACE,UAAU,CAACC,YAAa;YAC7CV,aAAa,EAAEK,SAAS,CAACE;UAAM,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIF,SAAS,CAACM,IAAI,EAAE;UAClB,oBAAOhB,KAAA,CAAAO,aAAA,CAACL,gBAAgB;YAACG,aAAa,EAAEK,SAAS,CAACM;UAAK,CAAE,CAAC;QAC5D;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+import React from 'react';
+import { EntityPage, useEntity, useEntityPage } from '@wix/patterns';
+import { useForm } from '@wix/patterns/form';
+import { Box, Card, Cell } from '@wix/design-system';
+import { FormFieldInput } from './Fields/FormFieldInput';
+import { useParams } from 'react-router-dom';
+import { useSchema } from '../../providers/SchemaContext';
+export const AutoPatternsEntityPage = _ref => {
+  let {
+    configuration
+  } = _ref;
+  const {
+    title,
+    subtitle,
+    visibleFieldIds = [],
+    collectionPagePath: parentPath
+  } = configuration;
+  const form = useForm();
+  const params = useParams();
+  const entityId = params.entityId;
+  const schema = useSchema();
+  const state = useEntityPage({
+    parentPath,
+    form,
+    onSave: async () => {
+      var _state$entity;
+      const formValues = form.getValues();
+      const updatedEntity = {
+        ...state.entity,
+        ...formValues
+      };
+      let newUpdatedEntity;
+      // TODO: Works only for CMS collections, need to be extracted from collection data somehow or share similar context
+      if ((_state$entity = state.entity) != null && _state$entity._id) {
+        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 = useEntity(state);
+  return /*#__PURE__*/React.createElement(EntityPage, {
+    state: state,
+    dataHook: "auto-patterns-entity-page"
+  }, /*#__PURE__*/React.createElement(EntityPage.Header, {
+    title: title ?? {
+      text: (entity == null ? void 0 : entity[schema.displayField]) ?? 'Edit Entity'
+    },
+    subtitle: subtitle
+  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, null, /*#__PURE__*/React.createElement(EntityPage.Card, {
+    minHeight: "50px"
+  }, /*#__PURE__*/React.createElement(Card.Header, {
+    title: "Item details",
+    subtitle: "Modify the details of your selected item below"
+  }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Box, {
+    gap: "SP2",
+    direction: "vertical"
+  }, visibleFieldIds.map(fieldId => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: fieldId
+  }, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(FormFieldInput, {
+    key: fieldId,
+    field: schema.fields[fieldId]
+  }))))))))));
+};
+//# sourceMappingURL=AutoPatternsEntityPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","EntityPage","useEntity","useEntityPage","useForm","Box","Card","Cell","FormFieldInput","useParams","useSchema","AutoPatternsEntityPage","_ref","configuration","title","subtitle","visibleFieldIds","collectionPagePath","parentPath","form","params","entityId","schema","state","onSave","_state$entity","formValues","getValues","updatedEntity","entity","newUpdatedEntity","_id","actions","update","create","saveErrorToast","fetch","undefined","get","createElement","dataHook","Header","text","displayField","Content","MainContent","minHeight","Divider","gap","direction","map","fieldId","Fragment","key","span","field","fields"],"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      // TODO: Works only for CMS collections, need to be extracted from collection data somehow or share similar context\n      if (state.entity?._id) {\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<any, any>(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/esm/components/AutoPatternsEntityPage/Fields/Checkbox.js

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { Checkbox as CheckboxWSR } from '@wix/design-system';
+export const Checkbox = props => {
+  const {
+    field,
+    initialValue,
+    onChange
+  } = props;
+  const [value, setValue] = useState(initialValue);
+  return /*#__PURE__*/React.createElement(CheckboxWSR, {
+    checked: value,
+    onChange: e => {
+      setValue(e.target.checked);
+      onChange(e.target.checked);
+    },
+    dataHook: `checkbox-${field.id}`
+  }, field.displayName);
+};
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Checkbox","CheckboxWSR","props","field","initialValue","onChange","value","setValue","createElement","checked","e","target","dataHook","id","displayName"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Checkbox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Checkbox as CheckboxWSR } from '@wix/design-system';\nimport { BaseInputProps } from './FormFieldInput';\n\nexport interface CheckboxProps extends BaseInputProps<boolean> {}\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const { field, initialValue, onChange } = props;\n  const [value, setValue] = useState(initialValue);\n\n  return (\n    <CheckboxWSR\n      checked={value}\n      onChange={(e) => {\n        setValue(e.target.checked);\n        onChange(e.target.checked);\n      }}\n      dataHook={`checkbox-${field.id}`}\n    >\n      {field.displayName}\n    </CheckboxWSR>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,IAAIC,WAAW,QAAQ,oBAAoB;AAK5D,OAAO,MAAMD,QAAQ,GAAIE,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGR,QAAQ,CAACK,YAAY,CAAC;EAEhD,oBACEN,KAAA,CAAAU,aAAA,CAACP,WAAW;IACVQ,OAAO,EAAEH,KAAM;IACfD,QAAQ,EAAGK,CAAC,IAAK;MACfH,QAAQ,CAACG,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;MAC1BJ,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYT,KAAK,CAACU,EAAE;EAAG,GAEhCV,KAAK,CAACW,WACI,CAAC;AAElB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/FormFieldInput.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { ShortText } from './ShortText';
+import { useEntityPageContext } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+import { collections } from '@wix/data';
+import { Checkbox } from './Checkbox';
+export const EDITABLE_INPUT_ELEMENTS = {
+  [collections.Type.TEXT]: ShortText,
+  [collections.Type.BOOLEAN]: Checkbox
+};
+export const FormFieldInput = props => {
+  var _pageState$entity, _controller$fieldStat;
+  const {
+    field
+  } = props;
+  const pageState = useEntityPageContext();
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? '']
+  });
+  if (!field || !EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.originalType) || !pageState || !pageState.entity) {
+    return null;
+  }
+  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.originalType];
+  return /*#__PURE__*/React.createElement(FieldInput, {
+    field: field,
+    initialValue: pageState.entity[field.id],
+    status: controller.fieldState.invalid ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    inputRef: controller.field.ref,
+    value: controller.field.value,
+    onChange: controller.field.onChange,
+    onBlur: controller.field.onBlur
+  });
+};
+//# sourceMappingURL=FormFieldInput.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/FormFieldInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ShortText","useEntityPageContext","useController","collections","Checkbox","EDITABLE_INPUT_ELEMENTS","Type","TEXT","BOOLEAN","FormFieldInput","props","_pageState$entity","_controller$fieldStat","field","pageState","controller","name","id","control","form","defaultValue","entity","hasOwnProperty","originalType","FieldInput","createElement","initialValue","status","fieldState","invalid","undefined","statusMessage","error","message","inputRef","ref","value","onChange","onBlur"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/FormFieldInput.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortText } from './ShortText';\nimport { useEntityPageContext } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Field } from '../../../types';\nimport { collections } from '@wix/data';\nimport { Checkbox } from './Checkbox';\n\nexport interface BaseInputProps<T> {\n  field: Field;\n  initialValue: T;\n  onChange: (newValue: T) => void;\n}\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<collections.Type, React.ComponentType<any>>\n> = {\n  [collections.Type.TEXT]: ShortText,\n  [collections.Type.BOOLEAN]: Checkbox,\n};\n\nexport interface FormFieldInputProps {\n  field?: Field;\n}\n\nexport const FormFieldInput = (props: FormFieldInputProps) => {\n  const { field } = props;\n\n  const pageState = useEntityPageContext();\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n  });\n\n  if (\n    !field ||\n    !EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.originalType) ||\n    !pageState ||\n    !pageState.entity\n  ) {\n    return null;\n  }\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.originalType]!;\n\n  return (\n    <FieldInput\n      field={field}\n      initialValue={(pageState.entity as any)[field.id]}\n      status={controller.fieldState.invalid ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      inputRef={controller.field.ref}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      onBlur={controller.field.onBlur}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,QAAQ,QAAQ,YAAY;AAQrC,OAAO,MAAMC,uBAEZ,GAAG;EACF,CAACF,WAAW,CAACG,IAAI,CAACC,IAAI,GAAGP,SAAS;EAClC,CAACG,WAAW,CAACG,IAAI,CAACE,OAAO,GAAGJ;AAC9B,CAAC;AAMD,OAAO,MAAMK,cAAc,GAAIC,KAA0B,IAAK;EAAA,IAAAC,iBAAA,EAAAC,qBAAA;EAC5D,MAAM;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAEvB,MAAMI,SAAS,GAAGb,oBAAoB,CAAC,CAAC;EACxC,MAAMc,UAAU,GAAGb,aAAa,CAAC;IAC/Bc,IAAI,EAAE,CAAAH,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAT,iBAAA,GAAGG,SAAS,CAACO,MAAM,qBAAjBV,iBAAA,CAA4B,CAAAE,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;EAC3D,CAAC,CAAC;EAEF,IACE,CAACJ,KAAK,IACN,CAACR,uBAAuB,CAACiB,cAAc,CAACT,KAAK,CAACU,YAAY,CAAC,IAC3D,CAACT,SAAS,IACV,CAACA,SAAS,CAACO,MAAM,EACjB;IACA,OAAO,IAAI;EACb;EACA,MAAMG,UAAU,GAAGnB,uBAAuB,CAACQ,KAAK,CAACU,YAAY,CAAE;EAE/D,oBACExB,KAAA,CAAA0B,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,YAAY,EAAGZ,SAAS,CAACO,MAAM,CAASR,KAAK,CAACI,EAAE,CAAE;IAClDU,MAAM,EAAEZ,UAAU,CAACa,UAAU,CAACC,OAAO,GAAG,OAAO,GAAGC,SAAU;IAC5DC,aAAa,GAAAnB,qBAAA,GAAEG,UAAU,CAACa,UAAU,CAACI,KAAK,qBAA3BpB,qBAAA,CAA6BqB,OAAQ;IACpDC,QAAQ,EAAEnB,UAAU,CAACF,KAAK,CAACsB,GAAI;IAC/BC,KAAK,EAAErB,UAAU,CAACF,KAAK,CAACuB,KAAM;IAC9BC,QAAQ,EAAEtB,UAAU,CAACF,KAAK,CAACwB,QAAS;IACpCC,MAAM,EAAEvB,UAAU,CAACF,KAAK,CAACyB;EAAO,CACjC,CAAC;AAEN,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/ShortText.js

@@ -0,0 +1,40 @@
+import React, { useState } from 'react';
+import { FormField, Input } from '@wix/design-system';
+export const useTextInput = _ref => {
+  let {
+    initialValue,
+    onChange
+  } = _ref;
+  const [value, setValue] = useState(initialValue || '');
+  const handleChange = e => {
+    const newValue = e.target.value;
+    setValue(newValue);
+    onChange == null || onChange(newValue);
+  };
+  return {
+    value,
+    handleChange
+  };
+};
+export const ShortText = props => {
+  const {
+    field,
+    initialValue,
+    onChange
+  } = props;
+  const {
+    value,
+    handleChange
+  } = useTextInput({
+    initialValue,
+    onChange
+  });
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName
+  }, /*#__PURE__*/React.createElement(Input, {
+    value: value,
+    onChange: handleChange,
+    dataHook: `short-text-${field.id}`
+  }));
+};
+//# sourceMappingURL=ShortText.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/ShortText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","FormField","Input","useTextInput","_ref","initialValue","onChange","value","setValue","handleChange","e","newValue","target","ShortText","props","field","createElement","label","displayName","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ShortText.tsx"],"sourcesContent":["import React, { ChangeEvent, useState } from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './FormFieldInput';\n\nexport const useTextInput = ({\n  initialValue,\n  onChange,\n}: {\n  initialValue: string;\n  onChange: (value: string) => void;\n}) => {\n  const [value, setValue] = useState(initialValue || '');\n\n  const handleChange = (\n    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => {\n    const newValue = e.target.value;\n\n    setValue(newValue);\n    onChange?.(newValue);\n  };\n\n  return {\n    value,\n    handleChange,\n  };\n};\n\nexport interface ShortTextProps extends BaseInputProps<string> {}\n\nexport const ShortText = (props: ShortTextProps) => {\n  const { field, initialValue, onChange } = props;\n  const { value, handleChange } = useTextInput({\n    initialValue,\n    onChange,\n  });\n\n  return (\n    <FormField label={field.displayName}>\n      <Input\n        value={value}\n        onChange={handleChange}\n        dataHook={`short-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAiBC,QAAQ,QAAQ,OAAO;AACpD,SAASC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAGrD,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAMtB;EAAA,IANuB;IAC3BC,YAAY;IACZC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAGR,QAAQ,CAACK,YAAY,IAAI,EAAE,CAAC;EAEtD,MAAMI,YAAY,GAChBC,CAAsD,IACnD;IACH,MAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAM,CAACL,KAAK;IAE/BC,QAAQ,CAACG,QAAQ,CAAC;IAClBL,QAAQ,YAARA,QAAQ,CAAGK,QAAQ,CAAC;EACtB,CAAC;EAED,OAAO;IACLJ,KAAK;IACLE;EACF,CAAC;AACH,CAAC;AAID,OAAO,MAAMI,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,KAAK;IAAEV,YAAY;IAAEC;EAAS,CAAC,GAAGQ,KAAK;EAC/C,MAAM;IAAEP,KAAK;IAAEE;EAAa,CAAC,GAAGN,YAAY,CAAC;IAC3CE,YAAY;IACZC;EACF,CAAC,CAAC;EAEF,oBACEP,KAAA,CAAAiB,aAAA,CAACf,SAAS;IAACgB,KAAK,EAAEF,KAAK,CAACG;EAAY,gBAClCnB,KAAA,CAAAiB,aAAA,CAACd,KAAK;IACJK,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAEG,YAAa;IACvBU,QAAQ,EAAE,cAAcJ,KAAK,CAACK,EAAE;EAAG,CACpC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export * from './AutoPatternsEntityPage';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js

@@ -0,0 +1,16 @@
+import React, { useMemo } from 'react';
+import { CollectionDataProvider } from '../../providers';
+import { AutoPatternsGridContent } from './AutoPatternsGridContent';
+export const AutoPatternsGrid = _ref => {
+  let {
+    configuration
+  } = _ref;
+  const visibleFieldIds = useMemo(() => [configuration.item.title, configuration.item.subtitle].filter(value => value != null), [configuration]);
+  return /*#__PURE__*/React.createElement(CollectionDataProvider, {
+    collectionConfig: configuration.collection,
+    visibleFieldIds: visibleFieldIds
+  }, /*#__PURE__*/React.createElement(AutoPatternsGridContent, {
+    configuration: configuration
+  }));
+};
+//# sourceMappingURL=AutoPatternsGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","CollectionDataProvider","AutoPatternsGridContent","AutoPatternsGrid","_ref","configuration","visibleFieldIds","item","title","subtitle","filter","value","createElement","collectionConfig","collection"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { CollectionDataProvider } from '../../providers';\nimport { GridConfig } from '../../types';\nimport { AutoPatternsGridContent } from './AutoPatternsGridContent';\n\nexport interface AutoPatternsGridProps {\n  configuration: GridConfig;\n}\n\nexport const AutoPatternsGrid = ({ configuration }: AutoPatternsGridProps) => {\n  const visibleFieldIds = useMemo(\n    () =>\n      [configuration.item.title, configuration.item.subtitle].filter(\n        (value) => value != null,\n      ) as string[],\n    [configuration],\n  );\n\n  return (\n    <CollectionDataProvider\n      collectionConfig={configuration.collection}\n      visibleFieldIds={visibleFieldIds}\n    >\n      <AutoPatternsGridContent configuration={configuration} />\n    </CollectionDataProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,SAASC,uBAAuB,QAAQ,2BAA2B;AAMnE,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC;EAAqC,CAAC,GAAAD,IAAA;EACvE,MAAME,eAAe,GAAGN,OAAO,CAC7B,MACE,CAACK,aAAa,CAACE,IAAI,CAACC,KAAK,EAAEH,aAAa,CAACE,IAAI,CAACE,QAAQ,CAAC,CAACC,MAAM,CAC3DC,KAAK,IAAKA,KAAK,IAAI,IACtB,CAAa,EACf,CAACN,aAAa,CAChB,CAAC;EAED,oBACEN,KAAA,CAAAa,aAAA,CAACX,sBAAsB;IACrBY,gBAAgB,EAAER,aAAa,CAACS,UAAW;IAC3CR,eAAe,EAAEA;EAAgB,gBAEjCP,KAAA,CAAAa,aAAA,CAACV,uBAAuB;IAACG,aAAa,EAAEA;EAAc,CAAE,CAClC,CAAC;AAE7B,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGridContent.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Grid } from '@wix/patterns';
+import { useGridFeatures } from '../../hooks';
+export const AutoPatternsGridContent = _ref => {
+  let {
+    configuration
+  } = _ref;
+  const {
+    state,
+    search,
+    title,
+    emptyState,
+    filters,
+    actionCell,
+    renderItem,
+    imagePlacement,
+    preset
+  } = useGridFeatures(configuration);
+  return /*#__PURE__*/React.createElement(Grid, {
+    dataHook: "auto-patterns-grid",
+    search: search,
+    title: title,
+    state: state,
+    actionCell: actionCell,
+    filters: filters,
+    emptyState: emptyState,
+    imagePlacement: imagePlacement,
+    preset: preset,
+    renderItem: renderItem
+  });
+};
+//# sourceMappingURL=AutoPatternsGridContent.js.map

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGridContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Grid","useGridFeatures","AutoPatternsGridContent","_ref","configuration","state","search","title","emptyState","filters","actionCell","renderItem","imagePlacement","preset","createElement","dataHook"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGridContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Grid } from '@wix/patterns';\nimport { GridConfig } from '../../types';\nimport { useGridFeatures } from '../../hooks';\n\nexport interface AutoPatternsGridContentProps {\n  configuration: GridConfig;\n}\n\nexport const AutoPatternsGridContent = ({\n  configuration,\n}: AutoPatternsGridContentProps) => {\n  const {\n    state,\n    search,\n    title,\n    emptyState,\n    filters,\n    actionCell,\n    renderItem,\n    imagePlacement,\n    preset,\n  } = useGridFeatures(configuration);\n\n  return (\n    <Grid\n      dataHook=\"auto-patterns-grid\"\n      search={search}\n      title={title}\n      state={state}\n      actionCell={actionCell}\n      filters={filters}\n      emptyState={emptyState}\n      imagePlacement={imagePlacement}\n      preset={preset}\n      renderItem={renderItem}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,eAAe;AAEpC,SAASC,eAAe,QAAQ,aAAa;AAM7C,OAAO,MAAMC,uBAAuB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACtCC;EAC4B,CAAC,GAAAD,IAAA;EAC7B,MAAM;IACJE,KAAK;IACLC,MAAM;IACNC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC;EACF,CAAC,GAAGZ,eAAe,CAACG,aAAa,CAAC;EAElC,oBACEL,KAAA,CAAAe,aAAA,CAACd,IAAI;IACHe,QAAQ,EAAC,oBAAoB;IAC7BT,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbF,KAAK,EAAEA,KAAM;IACbK,UAAU,EAAEA,UAAW;IACvBD,OAAO,EAAEA,OAAQ;IACjBD,UAAU,EAAEA,UAAW;IACvBI,cAAc,EAAEA,cAAe;IAC/BC,MAAM,EAAEA,MAAO;IACfF,UAAU,EAAEA;EAAW,CACxB,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export * from './AutoPatternsGrid';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/AutoPatternsGrid/index.js.map

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

package/dist/esm/components/AutoPatternsRoute/AutoPatternsPage.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';
+import { AutoPatternsEntityPage } from '../AutoPatternsEntityPage';
+import { SchemaProvider } from '../../providers/SchemaContext';
+export const AutoPatternsPage = _ref => {
+  let {
+    pageConfig
+  } = _ref;
+  const {
+    type,
+    collectionPage,
+    entityPage
+  } = pageConfig;
+  switch (type) {
+    case 'collectionPage':
+      if (collectionPage) {
+        return /*#__PURE__*/React.createElement(AutoPatternsCollectionPage, {
+          configuration: collectionPage
+        });
+      }
+      break;
+    case 'entityPage':
+      if (entityPage) {
+        return /*#__PURE__*/React.createElement(SchemaProvider, {
+          collectionId: entityPage.collectionId,
+          entityTypeSource: entityPage.entityTypeSource
+        }, /*#__PURE__*/React.createElement(AutoPatternsEntityPage, {
+          configuration: entityPage
+        }));
+      }
+      break;
+    default:
+      break;
+  }
+  return null;
+};
+//# sourceMappingURL=AutoPatternsPage.js.map

package/dist/esm/components/AutoPatternsRoute/AutoPatternsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AutoPatternsCollectionPage","AutoPatternsEntityPage","SchemaProvider","AutoPatternsPage","_ref","pageConfig","type","collectionPage","entityPage","createElement","configuration","collectionId","entityTypeSource"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { PageConfig } from '../../types';\nimport { AutoPatternsCollectionPage } from '../AutoPatternsCollectionPage';\nimport { AutoPatternsEntityPage } from '../AutoPatternsEntityPage';\nimport { SchemaProvider } from '../../providers/SchemaContext';\n\nexport interface AutoPatternsPageProps {\n  pageConfig: PageConfig;\n}\n\nexport const AutoPatternsPage = ({ pageConfig }: AutoPatternsPageProps) => {\n  const { type, collectionPage, entityPage } = pageConfig;\n\n  switch (type) {\n    case 'collectionPage':\n      if (collectionPage) {\n        return <AutoPatternsCollectionPage configuration={collectionPage} />;\n      }\n      break;\n    case 'entityPage':\n      if (entityPage) {\n        return (\n          <SchemaProvider\n            collectionId={entityPage.collectionId}\n            entityTypeSource={entityPage.entityTypeSource}\n          >\n            <AutoPatternsEntityPage configuration={entityPage} />\n          </SchemaProvider>\n        );\n      }\n      break;\n    default:\n      break;\n  }\n\n  return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,sBAAsB,QAAQ,2BAA2B;AAClE,SAASC,cAAc,QAAQ,+BAA+B;AAM9D,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;IAAEC;EAAkC,CAAC,GAAAD,IAAA;EACpE,MAAM;IAAEE,IAAI;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAAGH,UAAU;EAEvD,QAAQC,IAAI;IACV,KAAK,gBAAgB;MACnB,IAAIC,cAAc,EAAE;QAClB,oBAAOR,KAAA,CAAAU,aAAA,CAACT,0BAA0B;UAACU,aAAa,EAAEH;QAAe,CAAE,CAAC;MACtE;MACA;IACF,KAAK,YAAY;MACf,IAAIC,UAAU,EAAE;QACd,oBACET,KAAA,CAAAU,aAAA,CAACP,cAAc;UACbS,YAAY,EAAEH,UAAU,CAACG,YAAa;UACtCC,gBAAgB,EAAEJ,UAAU,CAACI;QAAiB,gBAE9Cb,KAAA,CAAAU,aAAA,CAACR,sBAAsB;UAACS,aAAa,EAAEF;QAAW,CAAE,CACtC,CAAC;MAErB;MACA;IACF;MACE;EACJ;EAEA,OAAO,IAAI;AACb,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsTable/AutoPatternsTable.js

@@ -0,0 +1,16 @@
+import React, { useMemo } from 'react';
+import { CollectionDataProvider } from '../../providers';
+import { AutoPatternsTableContent } from './AutoPatternsTableContent';
+export const AutoPatternsTable = _ref => {
+  let {
+    configuration
+  } = _ref;
+  const visibleFieldIds = useMemo(() => configuration.columns.map(column => column.id), [configuration]);
+  return /*#__PURE__*/React.createElement(CollectionDataProvider, {
+    collectionConfig: configuration.collection,
+    visibleFieldIds: visibleFieldIds
+  }, /*#__PURE__*/React.createElement(AutoPatternsTableContent, {
+    configuration: configuration
+  }));
+};
+//# sourceMappingURL=AutoPatternsTable.js.map

package/dist/esm/components/AutoPatternsTable/AutoPatternsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","CollectionDataProvider","AutoPatternsTableContent","AutoPatternsTable","_ref","configuration","visibleFieldIds","columns","map","column","id","createElement","collectionConfig","collection"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTable.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { TableConfig } from '../../types';\nimport { CollectionDataProvider } from '../../providers';\nimport { AutoPatternsTableContent } from './AutoPatternsTableContent';\n\nexport interface AutoPatternsTableProps {\n  configuration: TableConfig;\n}\n\nexport const AutoPatternsTable = ({\n  configuration,\n}: AutoPatternsTableProps) => {\n  const visibleFieldIds = useMemo(\n    () => configuration.columns.map((column) => column.id),\n    [configuration],\n  );\n\n  return (\n    <CollectionDataProvider\n      collectionConfig={configuration.collection}\n      visibleFieldIds={visibleFieldIds}\n    >\n      <AutoPatternsTableContent configuration={configuration} />\n    </CollectionDataProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,wBAAwB,QAAQ,4BAA4B;AAMrE,OAAO,MAAMC,iBAAiB,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChCC;EACsB,CAAC,GAAAD,IAAA;EACvB,MAAME,eAAe,GAAGN,OAAO,CAC7B,MAAMK,aAAa,CAACE,OAAO,CAACC,GAAG,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,CAAC,EACtD,CAACL,aAAa,CAChB,CAAC;EAED,oBACEN,KAAA,CAAAY,aAAA,CAACV,sBAAsB;IACrBW,gBAAgB,EAAEP,aAAa,CAACQ,UAAW;IAC3CP,eAAe,EAAEA;EAAgB,gBAEjCP,KAAA,CAAAY,aAAA,CAACT,wBAAwB;IAACG,aAAa,EAAEA;EAAc,CAAE,CACnC,CAAC;AAE7B,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsTable/AutoPatternsTableContent.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Table, usePatternsNavigate } from '@wix/patterns';
+import { useTableFeatures } from '../../hooks';
+import { useCollectionData } from '../../providers';
+export const AutoPatternsTableContent = _ref => {
+  let {
+    configuration
+  } = _ref;
+  const {
+    navigateToEntityPage
+  } = usePatternsNavigate();
+  const {
+    state,
+    columns,
+    customColumns,
+    search,
+    title,
+    emptyState,
+    filters,
+    actionCell
+  } = useTableFeatures(configuration);
+  const {
+    entityIdKey
+  } = useCollectionData();
+  return /*#__PURE__*/React.createElement(Table, {
+    dataHook: "auto-patterns-table",
+    search: search,
+    title: title,
+    state: state,
+    columns: columns,
+    customColumns: customColumns,
+    actionCell: actionCell,
+    filters: filters,
+    emptyState: emptyState,
+    onRowClick: item => {
+      navigateToEntityPage({
+        path: `/${item[entityIdKey]}`,
+        entity: item
+      });
+    }
+  });
+};
+//# sourceMappingURL=AutoPatternsTableContent.js.map

package/dist/esm/components/AutoPatternsTable/AutoPatternsTableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Table","usePatternsNavigate","useTableFeatures","useCollectionData","AutoPatternsTableContent","_ref","configuration","navigateToEntityPage","state","columns","customColumns","search","title","emptyState","filters","actionCell","entityIdKey","createElement","dataHook","onRowClick","item","path","entity"],"sources":["../../../../src/components/AutoPatternsTable/AutoPatternsTableContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Table, usePatternsNavigate } from '@wix/patterns';\nimport { TableConfig } from '../../types';\nimport { useTableFeatures } from '../../hooks';\nimport { useCollectionData } from '../../providers';\n\nexport interface AutoPatternsTableContentProps {\n  configuration: TableConfig;\n}\n\nexport const AutoPatternsTableContent = ({\n  configuration,\n}: AutoPatternsTableContentProps) => {\n  const { navigateToEntityPage } = usePatternsNavigate();\n\n  const {\n    state,\n    columns,\n    customColumns,\n    search,\n    title,\n    emptyState,\n    filters,\n    actionCell,\n  } = useTableFeatures(configuration);\n\n  const { entityIdKey } = useCollectionData();\n\n  return (\n    <Table\n      dataHook=\"auto-patterns-table\"\n      search={search}\n      title={title}\n      state={state}\n      columns={columns}\n      customColumns={customColumns}\n      actionCell={actionCell}\n      filters={filters}\n      emptyState={emptyState}\n      onRowClick={(item) => {\n        navigateToEntityPage({\n          path: `/${item[entityIdKey]}`,\n          entity: item,\n        });\n      }}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,mBAAmB,QAAQ,eAAe;AAE1D,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,iBAAiB,QAAQ,iBAAiB;AAMnD,OAAO,MAAMC,wBAAwB,GAAGC,IAAA,IAEH;EAAA,IAFI;IACvCC;EAC6B,CAAC,GAAAD,IAAA;EAC9B,MAAM;IAAEE;EAAqB,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAEtD,MAAM;IACJO,KAAK;IACLC,OAAO;IACPC,aAAa;IACbC,MAAM;IACNC,KAAK;IACLC,UAAU;IACVC,OAAO;IACPC;EACF,CAAC,GAAGb,gBAAgB,CAACI,aAAa,CAAC;EAEnC,MAAM;IAAEU;EAAY,CAAC,GAAGb,iBAAiB,CAAC,CAAC;EAE3C,oBACEJ,KAAA,CAAAkB,aAAA,CAACjB,KAAK;IACJkB,QAAQ,EAAC,qBAAqB;IAC9BP,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA,KAAM;IACbJ,KAAK,EAAEA,KAAM;IACbC,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BK,UAAU,EAAEA,UAAW;IACvBD,OAAO,EAAEA,OAAQ;IACjBD,UAAU,EAAEA,UAAW;IACvBM,UAAU,EAAGC,IAAI,IAAK;MACpBb,oBAAoB,CAAC;QACnBc,IAAI,EAAE,IAAID,IAAI,CAACJ,WAAW,CAAC,EAAE;QAC7BM,MAAM,EAAEF;MACV,CAAC,CAAC;IACJ;EAAE,CACH,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export * from './AutoPatternsTable';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/AutoPatternsTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/AutoPatternsTable/index.ts"],"sourcesContent":["export * from './AutoPatternsTable';\n"],"mappings":"AAAA,cAAc,qBAAqB","ignoreList":[]}

package/dist/esm/exports/react.js

@@ -1,2 +1,3 @@
 export * from '../react';
+export { AutoPatternsApp } from '../components/AutoPatternsApp';
 //# sourceMappingURL=react.js.map