@wix/auto-patterns 1.4.0 → 1.6.0

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

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useRef, useState } from 'react';
+import { FormField, Input } from '@wix/design-system';
+import { Link } from '@wix/wix-ui-icons-common';
+export const Url = props => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  const ref = useRef({});
+  const [fieldsStatus, setFieldStatus] = useState({});
+  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31
+  const uriPattern = /^[A-Za-z][A-Za-z0-9+.-]*:(\/\/([A-Za-z0-9._~\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\-!$&'()*+,;=%:\[\]]*(:[0-9]*)?)?[A-Za-z0-9._~\-%!$&'()*+,;=:@\/]*([?][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?([#][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?$/;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    label: field.displayName
+  }, fieldsStatus), /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(Input.IconAffix, null, /*#__PURE__*/React.createElement(Link, null)),
+    placeholder: "https://www.wix.com",
+    dataHook: `url-${field.id}`,
+    value: value,
+    onChange: e => onChange == null ? void 0 : onChange(e.target.value),
+    onBlur: () => {
+      ref.current.invalid = value ? !uriPattern.test(value) : false;
+      if (ref.current.invalid) {
+        setFieldStatus({
+          status: 'error',
+          statusMessage: 'Invalid URL'
+        });
+      } else {
+        setFieldStatus({
+          status: undefined,
+          statusMessage: undefined
+        });
+      }
+    }
+  }));
+};
+//# sourceMappingURL=Url.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","FormField","Input","Link","Url","props","field","value","onChange","ref","fieldsStatus","setFieldStatus","uriPattern","createElement","_extends","label","displayName","prefix","IconAffix","placeholder","dataHook","id","e","target","onBlur","current","invalid","test","status","statusMessage","undefined"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Url.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, Input, StatusType } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { Link } from '@wix/wix-ui-icons-common';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = (props: UrlProps) => {\n  const { field, value, onChange } = props;\n  const ref = useRef<BaseInputRef>({});\n  const [fieldsStatus, setFieldStatus] = useState<{\n    status?: StatusType;\n    statusMessage?: string;\n  }>({});\n  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n  const uriPattern =\n    /^[A-Za-z][A-Za-z0-9+.-]*:(\\/\\/([A-Za-z0-9._~\\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\\-!$&'()*+,;=%:\\[\\]]*(:[0-9]*)?)?[A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/]*([?][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?([#][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?$/;\n\n  return (\n    <FormField label={field.displayName} {...fieldsStatus}>\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder=\"https://www.wix.com\"\n        dataHook={`url-${field.id}`}\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        onBlur={() => {\n          ref.current.invalid = value ? !uriPattern.test(value) : false;\n\n          if (ref.current.invalid) {\n            setFieldStatus({\n              status: 'error',\n              statusMessage: 'Invalid URL',\n            });\n          } else {\n            setFieldStatus({ status: undefined, statusMessage: undefined });\n          }\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,SAASC,SAAS,EAAEC,KAAK,QAAoB,oBAAoB;AAEjE,SAASC,IAAI,QAAQ,0BAA0B;AAI/C,OAAO,MAAMC,GAAG,GAAIC,KAAe,IAAK;EACtC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EACxC,MAAMI,GAAG,GAAGV,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACW,YAAY,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAG5C,CAAC,CAAC,CAAC;EACN;EACA,MAAMY,UAAU,GACd,kOAAkO;EAEpO,oBACEd,KAAA,CAAAe,aAAA,CAACZ,SAAS,EAAAa,QAAA;IAACC,KAAK,EAAET,KAAK,CAACU;EAAY,GAAKN,YAAY,gBACnDZ,KAAA,CAAAe,aAAA,CAACX,KAAK;IACJe,MAAM,eACJnB,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACgB,SAAS,qBACdpB,KAAA,CAAAe,aAAA,CAACV,IAAI,MAAE,CACQ,CAClB;IACDgB,WAAW,EAAC,qBAAqB;IACjCC,QAAQ,EAAE,OAAOd,KAAK,CAACe,EAAE,EAAG;IAC5Bd,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGc,CAAC,IAAKd,QAAQ,oBAARA,QAAQ,CAAGc,CAAC,CAACC,MAAM,CAAChB,KAAK,CAAE;IAC5CiB,MAAM,EAAEA,CAAA,KAAM;MACZf,GAAG,CAACgB,OAAO,CAACC,OAAO,GAAGnB,KAAK,GAAG,CAACK,UAAU,CAACe,IAAI,CAACpB,KAAK,CAAC,GAAG,KAAK;MAE7D,IAAIE,GAAG,CAACgB,OAAO,CAACC,OAAO,EAAE;QACvBf,cAAc,CAAC;UACbiB,MAAM,EAAE,OAAO;UACfC,aAAa,EAAE;QACjB,CAAC,CAAC;MACJ,CAAC,MAAM;QACLlB,cAAc,CAAC;UAAEiB,MAAM,EAAEE,SAAS;UAAED,aAAa,EAAEC;QAAU,CAAC,CAAC;MACjE;IACF;EAAE,CACH,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/types.ts"],"sourcesContent":["import { Field } from '../../../types';\n\nexport interface BaseInputRef {\n  focus?: () => void;\n  invalid?: boolean;\n}\n\nexport interface BaseInputProps<T> {\n  field: Field;\n  value: T;\n  onChange: (newValue: T) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/utils/dates.js

@@ -0,0 +1,10 @@
+// this function is used to get the date without timezone
+export const getDateWithoutTimezone = date => new Date(new Date(date).toISOString().slice(0, -1));
+
+// this function is used to get the date with fixed timezone
+export const getISODateStringWithFixedTimezone = date => {
+  const _date = new Date(date);
+  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;
+  return new Date(_date.getTime() - userTimezoneOffset).toISOString().slice(0, -1);
+};
+//# sourceMappingURL=dates.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/utils/dates.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getDateWithoutTimezone","date","Date","toISOString","slice","getISODateStringWithFixedTimezone","_date","userTimezoneOffset","getTimezoneOffset","getTime"],"sources":["../../../../../../src/components/AutoPatternsEntityPage/Fields/utils/dates.ts"],"sourcesContent":["// this function is used to get the date without timezone\nexport const getDateWithoutTimezone = (date: Date | string) =>\n  new Date(new Date(date).toISOString().slice(0, -1));\n\n// this function is used to get the date with fixed timezone\nexport const getISODateStringWithFixedTimezone = (date: Date | string) => {\n  const _date = new Date(date);\n  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;\n  return new Date(_date.getTime() - userTimezoneOffset)\n    .toISOString()\n    .slice(0, -1);\n};\n"],"mappings":"AAAA;AACA,OAAO,MAAMA,sBAAsB,GAAIC,IAAmB,IACxD,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,CAAC,CAACE,WAAW,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;AAErD;AACA,OAAO,MAAMC,iCAAiC,GAAIJ,IAAmB,IAAK;EACxE,MAAMK,KAAK,GAAG,IAAIJ,IAAI,CAACD,IAAI,CAAC;EAC5B,MAAMM,kBAAkB,GAAGD,KAAK,CAACE,iBAAiB,CAAC,CAAC,GAAG,KAAK;EAC5D,OAAO,IAAIN,IAAI,CAACI,KAAK,CAACG,OAAO,CAAC,CAAC,GAAGF,kBAAkB,CAAC,CAClDJ,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjB,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

package/dist/esm/exports/react.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/exports/react.ts"],"sourcesContent":["export * from '../react';\n"],"mappings":"AAAA,cAAc,UAAU","ignoreList":[]}
+{"version":3,"names":["AutoPatternsApp"],"sources":["../../../src/exports/react.ts"],"sourcesContent":["export * from '../react';\nexport { AutoPatternsApp } from '../components/AutoPatternsApp';\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,SAASA,eAAe,QAAQ,+BAA+B","ignoreList":[]}

package/dist/esm/hooks/index.js

@@ -1,2 +1,4 @@
-export * from './useTableProps';
+export * from './useTableFeatures';
+export * from './useFilters';
+export * from './useGridFeatures';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableProps';\n"],"mappings":"AAAA,cAAc,iBAAiB","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useTableFeatures';\nexport * from './useFilters';\nexport * from './useGridFeatures';\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,mBAAmB","ignoreList":[]}

package/dist/esm/hooks/useColumns.js

@@ -1,14 +1,11 @@
-import { useConfig, usePatternsWizardOverridesContext } from '../providers';
+import { useCollectionData, usePatternsWizardOverridesContext } from '../providers';
 import { camelCase, get } from 'lodash';
-export const useColumns = () => {
+export const useColumns = columns => {
   const {
-    page: {
-      columns = []
-    },
     schema: {
       fields
     }
-  } = useConfig();
+  } = useCollectionData();
   const overrides = usePatternsWizardOverridesContext();
   const existingColumns = columns.filter(column => {
     return !!fields[column.id];

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

@@ -1 +1 @@
-{"version":3,"names":["useConfig","usePatternsWizardOverridesContext","camelCase","get","useColumns","page","columns","schema","fields","overrides","existingColumns","filter","column","id","map","_fieldDefinition$capa","fieldDefinition","sortable","capabilities","baseColumnConfig","title","name","displayName","width","createSortConfiguration","createCustomColumnConfiguration","render","item","_overrides$columns","_overrides$columns$ca","itemValue","call","value","createRenderer","Boolean","type","Date","toLocaleDateString","date","toLocaleString","join","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport { useConfig, usePatternsWizardOverridesContext } from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (): TableColumn<any>[] => {\n  const {\n    page: { columns = [] },\n    schema: { fields },\n  } = useConfig();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id];\n  });\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition) {\n        return null;\n      }\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition.displayName,\n        ...(column.width ? { width: column.width } : {}),\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (item: any) => {\n          const itemValue = get(item, column.id);\n          return (\n            overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n            }) ?? createRenderer(fieldDefinition, itemValue)\n          );\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createRenderer = (fieldDefinition: Field, itemValue: any): string => {\n  if (itemValue == null) {\n    return '';\n  }\n\n  switch (fieldDefinition.type) {\n    case 'BOOLEAN':\n      return itemValue ? '✔' : '✖';\n    case 'DATE':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleDateString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleDateString();\n      }\n      return itemValue;\n    case 'DATETIME':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleString();\n      }\n      return itemValue;\n    case 'ARRAY':\n      // We assume that the array contains strings\n      // If the array contains objects, we need to handle it differently\n      return itemValue.join(', ');\n    default:\n      return itemValue;\n  }\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCollectionData","usePatternsWizardOverridesContext","camelCase","get","useColumns","columns","schema","fields","overrides","existingColumns","filter","column","id","map","_fieldDefinition$capa","fieldDefinition","sortable","capabilities","baseColumnConfig","title","name","displayName","width","createSortConfiguration","createCustomColumnConfiguration","render","item","_overrides$columns","_overrides$columns$ca","itemValue","call","value","createRenderer","Boolean","type","Date","toLocaleDateString","date","toLocaleString","join","sortableColumnConfig","defaultSortOrder","sortMode","undefined","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","defaultHidden"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport {\n  useCollectionData,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { Column, Field } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (columns: Column[]) => {\n  const {\n    schema: { fields },\n  } = useCollectionData();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const existingColumns = columns.filter((column) => {\n    return !!fields[column.id];\n  });\n\n  return existingColumns\n    .map((column) => {\n      const fieldDefinition = fields[column.id];\n      if (!fieldDefinition) {\n        return null;\n      }\n      const sortable =\n        column.sortable && fieldDefinition?.capabilities?.sortable;\n\n      const baseColumnConfig = {\n        id: column.id,\n        title: column.name || fieldDefinition.displayName,\n        ...(column.width ? { width: column.width } : {}),\n        ...createSortConfiguration(column, sortable),\n        ...createCustomColumnConfiguration(column),\n        render: (item: any) => {\n          const itemValue = get(item, column.id);\n          return (\n            overrides?.columns?.[camelCase(column.id)]?.({\n              value: itemValue,\n            }) ?? createRenderer(fieldDefinition, itemValue)\n          );\n        },\n      };\n\n      return baseColumnConfig;\n    })\n    .filter(Boolean) as TableColumn<any>[];\n};\n\nconst createRenderer = (fieldDefinition: Field, itemValue: any): string => {\n  if (itemValue == null) {\n    return '';\n  }\n\n  switch (fieldDefinition.type) {\n    case 'BOOLEAN':\n      return itemValue ? '✔' : '✖';\n    case 'DATE':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleDateString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleDateString();\n      }\n      return itemValue;\n    case 'DATETIME':\n      if (itemValue instanceof Date) {\n        return itemValue.toLocaleString();\n      }\n      if (typeof itemValue === 'string') {\n        const date = new Date(itemValue);\n        return date.toLocaleString();\n      }\n      return itemValue;\n    case 'ARRAY':\n      // We assume that the array contains strings\n      // If the array contains objects, we need to handle it differently\n      return itemValue.join(', ');\n    default:\n      return itemValue;\n  }\n};\n\nconst createSortConfiguration = (\n  column: Column,\n  sortable?: boolean,\n): Partial<TableColumn<any>> => {\n  if (!sortable) {\n    return {};\n  }\n  const sortableColumnConfig = {\n    sortable,\n    defaultSortOrder: column.defaultSortOrder,\n  };\n\n  // default sort mode is ['asc', 'desc', undefined]\n  // so if sort mode is 'desc' -> we want to override the default\n  // and set it to ['desc', 'asc', undefined]\n  if (column.sortMode && column.sortMode === 'desc') {\n    return {\n      ...sortableColumnConfig,\n      sortMode: ['desc', 'asc', undefined],\n    };\n  }\n  return {\n    ...sortableColumnConfig,\n  };\n};\n\nconst createCustomColumnConfiguration = (\n  column: Column,\n): Partial<TableColumn<any>> => {\n  const reorderDisabled = !!column.reorderDisabled;\n\n  if (column.hiddenFromCustomColumnsSelection) {\n    return { hiddenFromCustomColumnsSelection: true };\n  }\n  if (column.hideable === false) {\n    return {\n      hideable: false,\n      reorderDisabled,\n    };\n  }\n  return {\n    defaultHidden: !!column.defaultHidden,\n    reorderDisabled,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useCommonCollectionFeatures.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { useEmptyStates } from './useEmptyStates';
+import { usePatternsWizardOverridesContext } from '../providers';
+import { ToolbarTitle } from '@wix/patterns';
+import { Edit } from '@wix/wix-ui-icons-common';
+import { Box, Text, TextButton } from '@wix/design-system';
+export const useCommonCollectionFeatures = _ref => {
+  var _toolbarTitle$subtitl, _toolbarTitle$subtitl2, _toolbarTitle$subtitl3, _toolbarTitle$subtitl4, _toolbarTitle$subtitl5, _toolbarTitle$subtitl6, _toolbarTitle$subtitl7;
+  let {
+    actions,
+    toolbarTitle,
+    search,
+    emptyState: emptyStateConfig
+  } = _ref;
+  const context = usePatternsWizardOverridesContext();
+  const {
+    emptyState
+  } = useEmptyStates(emptyStateConfig);
+  const 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))
+      }
+    },
+    itemsLimit: toolbarTitle.itemsLimit,
+    showTotal: toolbarTitle.showTotal
+  });
+  const secondaryActionComponents = React.useMemo(() => {
+    const secondaryActions = actions || [];
+    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
+        });
+      }
+    }));
+  }, [actions, context == null ? void 0 : context.actions]);
+  return {
+    search: (search == null ? void 0 : search.shown) !== false,
+    title,
+    emptyState,
+    actionCell: item => ({
+      secondaryActions: secondaryActionComponents == null ? void 0 : secondaryActionComponents.map(action => action(item))
+    })
+  };
+};
+//# sourceMappingURL=useCommonCollectionFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEmptyStates","usePatternsWizardOverridesContext","ToolbarTitle","Edit","Box","Text","TextButton","useCommonCollectionFeatures","_ref","_toolbarTitle$subtitl","_toolbarTitle$subtitl2","_toolbarTitle$subtitl3","_toolbarTitle$subtitl4","_toolbarTitle$subtitl5","_toolbarTitle$subtitl6","_toolbarTitle$subtitl7","actions","toolbarTitle","search","emptyState","emptyStateConfig","context","title","createElement","subtitle","text","learnMore","info","content","direction","gap","dataHook","light","size","link","underline","skin","as","rel","target","href","url","label","itemsLimit","showTotal","secondaryActionComponents","useMemo","secondaryActions","length","undefined","map","action","item","icon","onClick","_context$actions","_context$actions$acti","id","call","shown","actionCell"],"sources":["../../../src/hooks/useCommonCollectionFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { useEmptyStates } from './useEmptyStates';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { ToolbarTitle } from '@wix/patterns';\nimport { Edit } from '@wix/wix-ui-icons-common';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport { BaseCollectionComponentConfig } from '../types';\n\nexport const useCommonCollectionFeatures = ({\n  actions,\n  toolbarTitle,\n  search,\n  emptyState: emptyStateConfig,\n}: BaseCollectionComponentConfig) => {\n  const context = usePatternsWizardOverridesContext();\n\n  const { emptyState } = useEmptyStates(emptyStateConfig);\n\n  const title = 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  const secondaryActionComponents = React.useMemo(() => {\n    const secondaryActions = actions || [];\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  }, [actions, context?.actions]);\n\n  return {\n    search: search?.shown !== false,\n    title,\n    emptyState,\n    actionCell: (item: any) => ({\n      secondaryActions: secondaryActionComponents?.map((action) =>\n        action(item),\n      ),\n    }),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useEmptyStates.js

@@ -1,14 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { CollectionEmptyState } from '@wix/patterns';
-import { useConfig, usePatternsWizardOverridesContext } from '../providers';
-export const useEmptyStates = () => {
+import { usePatternsWizardOverridesContext } from '../providers';
+export const useEmptyStates = emptyState => {
   var _emptyState$addNewCta, _overrides$emptyState, _emptyState$addNewCta2, _emptyState$addNewCta3, _emptyState$addNewCta4, _emptyState$customCta, _overrides$emptyState2, _emptyState$customCta2, _emptyState$image, _overrides$emptyState3, _emptyState$image2;
-  const {
-    page: {
-      emptyState = undefined
-    }
-  } = useConfig();
   const {
     title,
     subtitle

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

@@ -1 +1 @@
-{"version":3,"names":["React","CollectionEmptyState","useConfig","usePatternsWizardOverridesContext","useEmptyStates","_emptyState$addNewCta","_overrides$emptyState","_emptyState$addNewCta2","_emptyState$addNewCta3","_emptyState$addNewCta4","_emptyState$customCta","_overrides$emptyState2","_emptyState$customCta2","_emptyState$image","_overrides$emptyState3","_emptyState$image2","page","emptyState","undefined","title","subtitle","overrides","onClick","addNewCta","id","text","_customCta","customCta","_image","image","createElement","_extends"],"sources":["../../../src/hooks/useEmptyStates.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionEmptyState } from '@wix/patterns';\nimport { useConfig, usePatternsWizardOverridesContext } from '../providers';\n\nexport const useEmptyStates = () => {\n  const {\n    page: { emptyState = undefined },\n  } = useConfig();\n  const { title, subtitle } = emptyState || {};\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const onClick = emptyState?.addNewCta?.id\n    ? overrides?.emptyState?.[emptyState?.addNewCta?.id]\n    : undefined;\n  const addNewCta = onClick\n    ? {\n        addNewCta: {\n          ...(emptyState?.addNewCta?.text\n            ? { text: emptyState?.addNewCta?.text }\n            : {}),\n          onClick,\n        },\n      }\n    : {};\n\n  const _customCta = emptyState?.customCta?.id\n    ? overrides?.emptyState?.[emptyState?.customCta?.id]\n    : undefined;\n\n  const customCta = _customCta\n    ? {\n        customCta: _customCta(),\n      }\n    : {};\n\n  const _image = emptyState?.image?.id\n    ? overrides?.emptyState?.[emptyState?.image?.id]\n    : undefined;\n\n  const image = _image\n    ? {\n        image: _image(),\n      }\n    : {};\n\n  return {\n    emptyState: (\n      <CollectionEmptyState\n        title={title}\n        subtitle={subtitle}\n        {...addNewCta}\n        {...customCta}\n        {...image}\n      />\n    ),\n  };\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,EAAEC,iCAAiC,QAAQ,cAAc;AAE3E,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,iBAAA,EAAAC,sBAAA,EAAAC,kBAAA;EAClC,MAAM;IACJC,IAAI,EAAE;MAAEC,UAAU,GAAGC;IAAU;EACjC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACf,MAAM;IAAEiB,KAAK;IAAEC;EAAS,CAAC,GAAGH,UAAU,IAAI,CAAC,CAAC;EAE5C,MAAMI,SAAS,GAAGlB,iCAAiC,CAAC,CAAC;EAErD,MAAMmB,OAAO,GAAGL,UAAU,aAAAZ,qBAAA,GAAVY,UAAU,CAAEM,SAAS,aAArBlB,qBAAA,CAAuBmB,EAAE,GACrCH,SAAS,aAAAf,qBAAA,GAATe,SAAS,CAAEJ,UAAU,qBAArBX,qBAAA,CAAwBW,UAAU,aAAAV,sBAAA,GAAVU,UAAU,CAAEM,SAAS,qBAArBhB,sBAAA,CAAuBiB,EAAE,CAAC,GAClDN,SAAS;EACb,MAAMK,SAAS,GAAGD,OAAO,GACrB;IACEC,SAAS,EAAE;MACT,IAAIN,UAAU,aAAAT,sBAAA,GAAVS,UAAU,CAAEM,SAAS,aAArBf,sBAAA,CAAuBiB,IAAI,GAC3B;QAAEA,IAAI,EAAER,UAAU,aAAAR,sBAAA,GAAVQ,UAAU,CAAEM,SAAS,qBAArBd,sBAAA,CAAuBgB;MAAK,CAAC,GACrC,CAAC,CAAC,CAAC;MACPH;IACF;EACF,CAAC,GACD,CAAC,CAAC;EAEN,MAAMI,UAAU,GAAGT,UAAU,aAAAP,qBAAA,GAAVO,UAAU,CAAEU,SAAS,aAArBjB,qBAAA,CAAuBc,EAAE,GACxCH,SAAS,aAAAV,sBAAA,GAATU,SAAS,CAAEJ,UAAU,qBAArBN,sBAAA,CAAwBM,UAAU,aAAAL,sBAAA,GAAVK,UAAU,CAAEU,SAAS,qBAArBf,sBAAA,CAAuBY,EAAE,CAAC,GAClDN,SAAS;EAEb,MAAMS,SAAS,GAAGD,UAAU,GACxB;IACEC,SAAS,EAAED,UAAU,CAAC;EACxB,CAAC,GACD,CAAC,CAAC;EAEN,MAAME,MAAM,GAAGX,UAAU,aAAAJ,iBAAA,GAAVI,UAAU,CAAEY,KAAK,aAAjBhB,iBAAA,CAAmBW,EAAE,GAChCH,SAAS,aAAAP,sBAAA,GAATO,SAAS,CAAEJ,UAAU,qBAArBH,sBAAA,CAAwBG,UAAU,aAAAF,kBAAA,GAAVE,UAAU,CAAEY,KAAK,qBAAjBd,kBAAA,CAAmBS,EAAE,CAAC,GAC9CN,SAAS;EAEb,MAAMW,KAAK,GAAGD,MAAM,GAChB;IACEC,KAAK,EAAED,MAAM,CAAC;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OAAO;IACLX,UAAU,eACRjB,KAAA,CAAA8B,aAAA,CAAC7B,oBAAoB,EAAA8B,QAAA;MACnBZ,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA;IAAS,GACfG,SAAS,EACTI,SAAS,EACTE,KAAK,CACV;EAEL,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CollectionEmptyState","usePatternsWizardOverridesContext","useEmptyStates","emptyState","_emptyState$addNewCta","_overrides$emptyState","_emptyState$addNewCta2","_emptyState$addNewCta3","_emptyState$addNewCta4","_emptyState$customCta","_overrides$emptyState2","_emptyState$customCta2","_emptyState$image","_overrides$emptyState3","_emptyState$image2","title","subtitle","overrides","onClick","addNewCta","id","undefined","text","_customCta","customCta","_image","image","createElement","_extends"],"sources":["../../../src/hooks/useEmptyStates.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionEmptyState } from '@wix/patterns';\nimport { usePatternsWizardOverridesContext } from '../providers';\nimport { EmptyState } from '../types';\n\nexport const useEmptyStates = (emptyState?: EmptyState) => {\n  const { title, subtitle } = emptyState || {};\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const onClick = emptyState?.addNewCta?.id\n    ? overrides?.emptyState?.[emptyState?.addNewCta?.id]\n    : undefined;\n  const addNewCta = onClick\n    ? {\n        addNewCta: {\n          ...(emptyState?.addNewCta?.text\n            ? { text: emptyState?.addNewCta?.text }\n            : {}),\n          onClick,\n        },\n      }\n    : {};\n\n  const _customCta = emptyState?.customCta?.id\n    ? overrides?.emptyState?.[emptyState?.customCta?.id]\n    : undefined;\n\n  const customCta = _customCta\n    ? {\n        customCta: _customCta(),\n      }\n    : {};\n\n  const _image = emptyState?.image?.id\n    ? overrides?.emptyState?.[emptyState?.image?.id]\n    : undefined;\n\n  const image = _image\n    ? {\n        image: _image(),\n      }\n    : {};\n\n  return {\n    emptyState: (\n      <CollectionEmptyState\n        title={title}\n        subtitle={subtitle}\n        {...addNewCta}\n        {...customCta}\n        {...image}\n      />\n    ),\n  };\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,iCAAiC,QAAQ,cAAc;AAGhE,OAAO,MAAMC,cAAc,GAAIC,UAAuB,IAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,iBAAA,EAAAC,sBAAA,EAAAC,kBAAA;EACzD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGb,UAAU,IAAI,CAAC,CAAC;EAE5C,MAAMc,SAAS,GAAGhB,iCAAiC,CAAC,CAAC;EAErD,MAAMiB,OAAO,GAAGf,UAAU,aAAAC,qBAAA,GAAVD,UAAU,CAAEgB,SAAS,aAArBf,qBAAA,CAAuBgB,EAAE,GACrCH,SAAS,aAAAZ,qBAAA,GAATY,SAAS,CAAEd,UAAU,qBAArBE,qBAAA,CAAwBF,UAAU,aAAAG,sBAAA,GAAVH,UAAU,CAAEgB,SAAS,qBAArBb,sBAAA,CAAuBc,EAAE,CAAC,GAClDC,SAAS;EACb,MAAMF,SAAS,GAAGD,OAAO,GACrB;IACEC,SAAS,EAAE;MACT,IAAIhB,UAAU,aAAAI,sBAAA,GAAVJ,UAAU,CAAEgB,SAAS,aAArBZ,sBAAA,CAAuBe,IAAI,GAC3B;QAAEA,IAAI,EAAEnB,UAAU,aAAAK,sBAAA,GAAVL,UAAU,CAAEgB,SAAS,qBAArBX,sBAAA,CAAuBc;MAAK,CAAC,GACrC,CAAC,CAAC,CAAC;MACPJ;IACF;EACF,CAAC,GACD,CAAC,CAAC;EAEN,MAAMK,UAAU,GAAGpB,UAAU,aAAAM,qBAAA,GAAVN,UAAU,CAAEqB,SAAS,aAArBf,qBAAA,CAAuBW,EAAE,GACxCH,SAAS,aAAAP,sBAAA,GAATO,SAAS,CAAEd,UAAU,qBAArBO,sBAAA,CAAwBP,UAAU,aAAAQ,sBAAA,GAAVR,UAAU,CAAEqB,SAAS,qBAArBb,sBAAA,CAAuBS,EAAE,CAAC,GAClDC,SAAS;EAEb,MAAMG,SAAS,GAAGD,UAAU,GACxB;IACEC,SAAS,EAAED,UAAU,CAAC;EACxB,CAAC,GACD,CAAC,CAAC;EAEN,MAAME,MAAM,GAAGtB,UAAU,aAAAS,iBAAA,GAAVT,UAAU,CAAEuB,KAAK,aAAjBd,iBAAA,CAAmBQ,EAAE,GAChCH,SAAS,aAAAJ,sBAAA,GAATI,SAAS,CAAEd,UAAU,qBAArBU,sBAAA,CAAwBV,UAAU,aAAAW,kBAAA,GAAVX,UAAU,CAAEuB,KAAK,qBAAjBZ,kBAAA,CAAmBM,EAAE,CAAC,GAC9CC,SAAS;EAEb,MAAMK,KAAK,GAAGD,MAAM,GAChB;IACEC,KAAK,EAAED,MAAM,CAAC;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,OAAO;IACLtB,UAAU,eACRJ,KAAA,CAAA4B,aAAA,CAAC3B,oBAAoB,EAAA4B,QAAA;MACnBb,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA;IAAS,GACfG,SAAS,EACTK,SAAS,EACTE,KAAK,CACV;EAEL,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useFetchData.js

@@ -1,15 +1,14 @@
-import { useConfig, usePatternsWizardOverridesContext } from '../providers';
-export const useFetchData = () => {
+import { useCollectionData, usePatternsWizardOverridesContext } from '../providers';
+export const useFetchData = config => {
   var _overrides$fetchData;
   const {
-    page: {
-      fetchData: fetchDataOverride = undefined
-    },
-    collection: {
-      fetchData: defaultFetchData
-    }
-  } = useConfig();
+    fetchData: fetchDataOverride
+  } = config;
   const overrides = usePatternsWizardOverridesContext();
+  const {
+    collection
+  } = useCollectionData();
+  const defaultFetchData = collection.fetchData;
   const fetchData = fetchDataOverride != null && fetchDataOverride.id ? (overrides == null || (_overrides$fetchData = overrides.fetchData) == null ? void 0 : _overrides$fetchData[fetchDataOverride.id]) ?? defaultFetchData : defaultFetchData;
   return {
     fetchData

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

@@ -1 +1 @@
-{"version":3,"names":["useConfig","usePatternsWizardOverridesContext","useFetchData","_overrides$fetchData","page","fetchData","fetchDataOverride","undefined","collection","defaultFetchData","overrides","id"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import { useConfig, usePatternsWizardOverridesContext } from '../providers';\n\nexport const useFetchData = () => {\n  const {\n    page: { fetchData: fetchDataOverride = undefined },\n    collection: { fetchData: defaultFetchData },\n  } = useConfig();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  const fetchData = fetchDataOverride?.id\n    ? overrides?.fetchData?.[fetchDataOverride.id] ?? defaultFetchData\n    : defaultFetchData;\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,iCAAiC,QAAQ,cAAc;AAE3E,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAAA,IAAAC,oBAAA;EAChC,MAAM;IACJC,IAAI,EAAE;MAAEC,SAAS,EAAEC,iBAAiB,GAAGC;IAAU,CAAC;IAClDC,UAAU,EAAE;MAAEH,SAAS,EAAEI;IAAiB;EAC5C,CAAC,GAAGT,SAAS,CAAC,CAAC;EAEf,MAAMU,SAAS,GAAGT,iCAAiC,CAAC,CAAC;EAErD,MAAMI,SAAS,GAAGC,iBAAiB,YAAjBA,iBAAiB,CAAEK,EAAE,GACnC,CAAAD,SAAS,aAAAP,oBAAA,GAATO,SAAS,CAAEL,SAAS,qBAApBF,oBAAA,CAAuBG,iBAAiB,CAACK,EAAE,CAAC,KAAIF,gBAAgB,GAChEA,gBAAgB;EAEpB,OAAO;IACLJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useCollectionData","usePatternsWizardOverridesContext","useFetchData","config","_overrides$fetchData","fetchData","fetchDataOverride","overrides","collection","defaultFetchData","id"],"sources":["../../../src/hooks/useFetchData.tsx"],"sourcesContent":["import {\n  useCollectionData,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { CollectionConfig } from '../types';\n\nexport const useFetchData = (config: CollectionConfig) => {\n  const { fetchData: fetchDataOverride } = config;\n  const overrides = usePatternsWizardOverridesContext();\n  const { collection } = useCollectionData();\n  const defaultFetchData = collection.fetchData;\n\n  const fetchData = fetchDataOverride?.id\n    ? overrides?.fetchData?.[fetchDataOverride.id] ?? defaultFetchData\n    : defaultFetchData;\n\n  return {\n    fetchData,\n  };\n};\n"],"mappings":"AAAA,SACEA,iBAAiB,EACjBC,iCAAiC,QAC5B,cAAc;AAGrB,OAAO,MAAMC,YAAY,GAAIC,MAAwB,IAAK;EAAA,IAAAC,oBAAA;EACxD,MAAM;IAAEC,SAAS,EAAEC;EAAkB,CAAC,GAAGH,MAAM;EAC/C,MAAMI,SAAS,GAAGN,iCAAiC,CAAC,CAAC;EACrD,MAAM;IAAEO;EAAW,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAC1C,MAAMS,gBAAgB,GAAGD,UAAU,CAACH,SAAS;EAE7C,MAAMA,SAAS,GAAGC,iBAAiB,YAAjBA,iBAAiB,CAAEI,EAAE,GACnC,CAAAH,SAAS,aAAAH,oBAAA,GAATG,SAAS,CAAEF,SAAS,qBAApBD,oBAAA,CAAuBE,iBAAiB,CAACI,EAAE,CAAC,KAAID,gBAAgB,GAChEA,gBAAgB;EAEpB,OAAO;IACLJ;EACF,CAAC;AACH,CAAC","ignoreList":[]}