@wix/auto-patterns 1.0.0

package/dist/cjs/utils.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.isTypeSupportedByComponentType = exports.convertTypeToIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _types = require("./types");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/utils.tsx";
+const isTypeSupportedByComponentType = (type, componentType) => {
+  switch (componentType) {
+    case _types.ComponentTypeEnum.MULTI_SELECT:
+      return [_types.SupportedValueTypeEnum.ENUM, _types.SupportedValueTypeEnum.STRING].includes(type);
+    case _types.ComponentTypeEnum.SINGLE:
+    case _types.ComponentTypeEnum.RADIO_GROUP:
+      return [_types.SupportedValueTypeEnum.ENUM, _types.SupportedValueTypeEnum.BOOLEAN, _types.SupportedValueTypeEnum.STRING].includes(type);
+    case _types.ComponentTypeEnum.NUMBER:
+      return type === _types.SupportedValueTypeEnum.NUMBER;
+    case _types.ComponentTypeEnum.DATE_RANGE:
+      return type === _types.SupportedValueTypeEnum.DATE;
+  }
+};
+exports.isTypeSupportedByComponentType = isTypeSupportedByComponentType;
+const convertTypeToIcon = type => {
+  switch (type) {
+    case _types.SupportedValueTypeEnum.ENUM:
+      return /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DropdownList, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 38,
+          columnNumber: 14
+        }
+      });
+    case _types.SupportedValueTypeEnum.BOOLEAN:
+      return /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Toggle, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 40,
+          columnNumber: 14
+        }
+      });
+    case _types.SupportedValueTypeEnum.STRING:
+      return /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Text, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 42,
+          columnNumber: 14
+        }
+      });
+    case _types.SupportedValueTypeEnum.NUMBER:
+      return /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Number, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 44,
+          columnNumber: 14
+        }
+      });
+    case _types.SupportedValueTypeEnum.DATE:
+      return /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Date, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 46,
+          columnNumber: 14
+        }
+      });
+    default:
+      return undefined;
+  }
+};
+exports.convertTypeToIcon = convertTypeToIcon;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_types","_wixUiIconsCommon","_jsxFileName","isTypeSupportedByComponentType","type","componentType","ComponentTypeEnum","MULTI_SELECT","SupportedValueTypeEnum","ENUM","STRING","includes","SINGLE","RADIO_GROUP","BOOLEAN","NUMBER","DATE_RANGE","DATE","exports","convertTypeToIcon","default","createElement","DropdownList","__self","__source","fileName","lineNumber","columnNumber","Toggle","Text","Number","Date","undefined"],"sources":["../../src/utils.tsx"],"sourcesContent":["import React from 'react';\nimport { ComponentTypeEnum, SupportedValueTypeEnum } from './types';\nimport {\n  Date,\n  DropdownList,\n  Number,\n  Text,\n  Toggle,\n} from '@wix/wix-ui-icons-common';\n\nexport const isTypeSupportedByComponentType = (\n  type: SupportedValueTypeEnum,\n  componentType: ComponentTypeEnum,\n) => {\n  switch (componentType) {\n    case ComponentTypeEnum.MULTI_SELECT:\n      return [\n        SupportedValueTypeEnum.ENUM,\n        SupportedValueTypeEnum.STRING,\n      ].includes(type);\n    case ComponentTypeEnum.SINGLE:\n    case ComponentTypeEnum.RADIO_GROUP:\n      return [\n        SupportedValueTypeEnum.ENUM,\n        SupportedValueTypeEnum.BOOLEAN,\n        SupportedValueTypeEnum.STRING,\n      ].includes(type);\n    case ComponentTypeEnum.NUMBER:\n      return type === SupportedValueTypeEnum.NUMBER;\n    case ComponentTypeEnum.DATE_RANGE:\n      return type === SupportedValueTypeEnum.DATE;\n  }\n};\n\nexport const convertTypeToIcon = (type?: SupportedValueTypeEnum) => {\n  switch (type) {\n    case SupportedValueTypeEnum.ENUM:\n      return <DropdownList />;\n    case SupportedValueTypeEnum.BOOLEAN:\n      return <Toggle />;\n    case SupportedValueTypeEnum.STRING:\n      return <Text />;\n    case SupportedValueTypeEnum.NUMBER:\n      return <Number />;\n    case SupportedValueTypeEnum.DATE:\n      return <Date />;\n    default:\n      return undefined;\n  }\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAMkC,IAAAG,YAAA;AAE3B,MAAMC,8BAA8B,GAAGA,CAC5CC,IAA4B,EAC5BC,aAAgC,KAC7B;EACH,QAAQA,aAAa;IACnB,KAAKC,wBAAiB,CAACC,YAAY;MACjC,OAAO,CACLC,6BAAsB,CAACC,IAAI,EAC3BD,6BAAsB,CAACE,MAAM,CAC9B,CAACC,QAAQ,CAACP,IAAI,CAAC;IAClB,KAAKE,wBAAiB,CAACM,MAAM;IAC7B,KAAKN,wBAAiB,CAACO,WAAW;MAChC,OAAO,CACLL,6BAAsB,CAACC,IAAI,EAC3BD,6BAAsB,CAACM,OAAO,EAC9BN,6BAAsB,CAACE,MAAM,CAC9B,CAACC,QAAQ,CAACP,IAAI,CAAC;IAClB,KAAKE,wBAAiB,CAACS,MAAM;MAC3B,OAAOX,IAAI,KAAKI,6BAAsB,CAACO,MAAM;IAC/C,KAAKT,wBAAiB,CAACU,UAAU;MAC/B,OAAOZ,IAAI,KAAKI,6BAAsB,CAACS,IAAI;EAC/C;AACF,CAAC;AAACC,OAAA,CAAAf,8BAAA,GAAAA,8BAAA;AAEK,MAAMgB,iBAAiB,GAAIf,IAA6B,IAAK;EAClE,QAAQA,IAAI;IACV,KAAKI,6BAAsB,CAACC,IAAI;MAC9B,oBAAOZ,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAAqB,YAAY;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IACzB,KAAKnB,6BAAsB,CAACM,OAAO;MACjC,oBAAOjB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAA2B,MAAM;QAAAL,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IACnB,KAAKnB,6BAAsB,CAACE,MAAM;MAChC,oBAAOb,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAA4B,IAAI;QAAAN,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IACjB,KAAKnB,6BAAsB,CAACO,MAAM;MAChC,oBAAOlB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAA6B,MAAM;QAAAP,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IACnB,KAAKnB,6BAAsB,CAACS,IAAI;MAC9B,oBAAOpB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,iBAAA,CAAA8B,IAAI;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAvB,YAAA;UAAAwB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IACjB;MACE,OAAOK,SAAS;EACpB;AACF,CAAC;AAACd,OAAA,CAAAC,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/esm/__tests__/spec-setup.js

@@ -0,0 +1,5 @@
+import { configure } from '@testing-library/react';
+configure({
+  testIdAttribute: 'data-hook'
+});
+//# sourceMappingURL=spec-setup.js.map

package/dist/esm/__tests__/spec-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["configure","testIdAttribute"],"sources":["../../../src/__tests__/spec-setup.ts"],"sourcesContent":["import { configure } from '@testing-library/react';\n\nconfigure({ testIdAttribute: 'data-hook' });\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,wBAAwB;AAElDA,SAAS,CAAC;EAAEC,eAAe,EAAE;AAAY,CAAC,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { CollectionPage } from '@wix/patterns/page';
+import { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';
+import { PatternsWizardProvider, usePatternsWizardOverridesContext } from '../../providers';
+export const AutoPatternsCollectionPage = _ref => {
+  let {
+    configuration
+  } = _ref;
+  const {
+    pageTitle,
+    pageSubtitle
+  } = configuration;
+  const context = usePatternsWizardOverridesContext();
+  return /*#__PURE__*/React.createElement(PatternsWizardProvider, {
+    value: {
+      configuration
+    }
+  }, /*#__PURE__*/React.createElement(CollectionPage, {
+    height: "100vh"
+  }, /*#__PURE__*/React.createElement(CollectionPage.Header, {
+    title: {
+      text: pageTitle
+    },
+    subtitle: {
+      text: pageSubtitle
+    }
+  }), /*#__PURE__*/React.createElement(CollectionPage.Content, null, context != null && context.HeaderAddon ? /*#__PURE__*/React.createElement(context.HeaderAddon, null) : null, /*#__PURE__*/React.createElement(AutoPatternsCollectionPageContent, null))));
+};
+//# sourceMappingURL=AutoPatternsCollectionPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","CollectionPage","AutoPatternsCollectionPageContent","PatternsWizardProvider","usePatternsWizardOverridesContext","AutoPatternsCollectionPage","_ref","configuration","pageTitle","pageSubtitle","context","createElement","value","height","Header","title","text","subtitle","Content","HeaderAddon"],"sources":["../../../../src/components/AutoPatternsCollectionPage/AutoPatternsCollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { CollectionPage } from '@wix/patterns/page';\nimport { AutoPatternsCollectionPageContent } from '../AutoPatternsCollectionPageContent';\nimport {\n  PatternsWizardProvider,\n  usePatternsWizardOverridesContext,\n} from '../../providers';\nimport { SchemaConfig, ProjectConfig } from '../../types';\n\nexport interface AutoPatternsCollectionPageProps {\n  configuration: ProjectConfig;\n  schema?: SchemaConfig;\n}\n\nexport const AutoPatternsCollectionPage: React.FC<\n  AutoPatternsCollectionPageProps\n> = ({ configuration }) => {\n  const { pageTitle, pageSubtitle } = configuration;\n  const context = usePatternsWizardOverridesContext();\n  return (\n    <PatternsWizardProvider value={{ configuration }}>\n      <CollectionPage height=\"100vh\">\n        <CollectionPage.Header\n          title={{ text: pageTitle }}\n          subtitle={{ text: pageSubtitle }}\n        />\n        <CollectionPage.Content>\n          {context?.HeaderAddon ? <context.HeaderAddon /> : null}\n          <AutoPatternsCollectionPageContent />\n        </CollectionPage.Content>\n      </CollectionPage>\n    </PatternsWizardProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,oBAAoB;AACnD,SAASC,iCAAiC,QAAQ,sCAAsC;AACxF,SACEC,sBAAsB,EACtBC,iCAAiC,QAC5B,iBAAiB;AAQxB,OAAO,MAAMC,0BAEZ,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EACpB,MAAM;IAAEE,SAAS;IAAEC;EAAa,CAAC,GAAGF,aAAa;EACjD,MAAMG,OAAO,GAAGN,iCAAiC,CAAC,CAAC;EACnD,oBACEJ,KAAA,CAAAW,aAAA,CAACR,sBAAsB;IAACS,KAAK,EAAE;MAAEL;IAAc;EAAE,gBAC/CP,KAAA,CAAAW,aAAA,CAACV,cAAc;IAACY,MAAM,EAAC;EAAO,gBAC5Bb,KAAA,CAAAW,aAAA,CAACV,cAAc,CAACa,MAAM;IACpBC,KAAK,EAAE;MAAEC,IAAI,EAAER;IAAU,CAAE;IAC3BS,QAAQ,EAAE;MAAED,IAAI,EAAEP;IAAa;EAAE,CAClC,CAAC,eACFT,KAAA,CAAAW,aAAA,CAACV,cAAc,CAACiB,OAAO,QACpBR,OAAO,YAAPA,OAAO,CAAES,WAAW,gBAAGnB,KAAA,CAAAW,aAAA,CAACD,OAAO,CAACS,WAAW,MAAE,CAAC,GAAG,IAAI,eACtDnB,KAAA,CAAAW,aAAA,CAACT,iCAAiC,MAAE,CACd,CACV,CACM,CAAC;AAE7B,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,68 @@
+import React from 'react';
+import { CollectionToolbarFilters, Table, useTableCollection } from '@wix/patterns';
+import { useTableProps } from '../../hooks';
+import { usePatternsWizardContext, usePatternsWizardOverridesContext } from '../../providers';
+import { Edit } from '@wix/wix-ui-icons-common';
+export const AutoPatternsCollectionPageContent = () => {
+  const wizardContext = usePatternsWizardContext();
+  const {
+    schemaHandler,
+    configuration: {
+      pageTitle,
+      collectionId,
+      entityId,
+      entityName,
+      actions: secondaryActions = []
+    }
+  } = wizardContext;
+  const context = usePatternsWizardOverridesContext();
+  const {
+    columns,
+    views,
+    dataExtension,
+    filters: {
+      filters,
+      components
+    }
+  } = useTableProps();
+  const tableState = useTableCollection({
+    queryName: `${collectionId}-${pageTitle}`,
+    itemKey: item => item[`${entityId}`],
+    itemName: item => item[`${entityName}`],
+    filters,
+    toExtendedFields: item => item.extendedFields,
+    fetchErrorMessage: _ref => {
+      let {
+        err
+      } = _ref;
+      return String(err);
+    },
+    ...schemaHandler.getCollectionConfig()
+  });
+  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, {
+    state: tableState,
+    columns: columns,
+    views: views,
+    dataExtension: dataExtension,
+    actionCell: item => ({
+      secondaryActions: secondaryActionComponents == null ? void 0 : secondaryActionComponents.map(action => action(item))
+    }),
+    filters: components.length > 0 ? /*#__PURE__*/React.createElement(CollectionToolbarFilters, null, components) : undefined
+  });
+};
+//# sourceMappingURL=AutoPatternsCollectionPageContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","CollectionToolbarFilters","Table","useTableCollection","useTableProps","usePatternsWizardContext","usePatternsWizardOverridesContext","Edit","AutoPatternsCollectionPageContent","wizardContext","schemaHandler","configuration","pageTitle","collectionId","entityId","entityName","actions","secondaryActions","context","columns","views","dataExtension","filters","components","tableState","queryName","itemKey","item","itemName","toExtendedFields","extendedFields","fetchErrorMessage","_ref","err","String","getCollectionConfig","secondaryActionComponents","useMemo","length","undefined","map","action","icon","createElement","text","onClick","_context$actions","_context$actions$acti","id","call","state","actionCell"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  CollectionToolbarFilters,\n  Table,\n  useTableCollection,\n} from '@wix/patterns';\nimport { useTableProps } from '../../hooks';\nimport {\n  usePatternsWizardContext,\n  usePatternsWizardOverridesContext,\n} from '../../providers';\nimport { Edit } from '@wix/wix-ui-icons-common';\n\nexport const AutoPatternsCollectionPageContent: React.FC = () => {\n  const wizardContext = usePatternsWizardContext();\n  const {\n    schemaHandler,\n    configuration: {\n      pageTitle,\n      collectionId,\n      entityId,\n      entityName,\n      actions: secondaryActions = [],\n    },\n  } = wizardContext;\n\n  const context = usePatternsWizardOverridesContext();\n\n  const {\n    columns,\n    views,\n    dataExtension,\n    filters: { filters, components },\n  } = useTableProps();\n\n  const tableState = useTableCollection<any>({\n    queryName: `${collectionId}-${pageTitle}`,\n    itemKey: (item) => item[`${entityId}`],\n    itemName: (item) => item[`${entityName}`],\n    filters,\n    toExtendedFields: (item) => item.extendedFields,\n    fetchErrorMessage: ({ err }) => String(err),\n    ...schemaHandler.getCollectionConfig(),\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\n  return (\n    <Table\n      state={tableState}\n      columns={columns}\n      views={views}\n      dataExtension={dataExtension}\n      actionCell={(item) => ({\n        secondaryActions: secondaryActionComponents?.map((action) =>\n          action(item),\n        ),\n      })}\n      filters={\n        components.length > 0 ? (\n          <CollectionToolbarFilters>{components}</CollectionToolbarFilters>\n        ) : undefined\n      }\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,wBAAwB,EACxBC,KAAK,EACLC,kBAAkB,QACb,eAAe;AACtB,SAASC,aAAa,QAAQ,aAAa;AAC3C,SACEC,wBAAwB,EACxBC,iCAAiC,QAC5B,iBAAiB;AACxB,SAASC,IAAI,QAAQ,0BAA0B;AAE/C,OAAO,MAAMC,iCAA2C,GAAGA,CAAA,KAAM;EAC/D,MAAMC,aAAa,GAAGJ,wBAAwB,CAAC,CAAC;EAChD,MAAM;IACJK,aAAa;IACbC,aAAa,EAAE;MACbC,SAAS;MACTC,YAAY;MACZC,QAAQ;MACRC,UAAU;MACVC,OAAO,EAAEC,gBAAgB,GAAG;IAC9B;EACF,CAAC,GAAGR,aAAa;EAEjB,MAAMS,OAAO,GAAGZ,iCAAiC,CAAC,CAAC;EAEnD,MAAM;IACJa,OAAO;IACPC,KAAK;IACLC,aAAa;IACbC,OAAO,EAAE;MAAEA,OAAO;MAAEC;IAAW;EACjC,CAAC,GAAGnB,aAAa,CAAC,CAAC;EAEnB,MAAMoB,UAAU,GAAGrB,kBAAkB,CAAM;IACzCsB,SAAS,EAAE,GAAGZ,YAAY,IAAID,SAAS,EAAE;IACzCc,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAAC,GAAGb,QAAQ,EAAE,CAAC;IACtCc,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAAC,GAAGZ,UAAU,EAAE,CAAC;IACzCO,OAAO;IACPO,gBAAgB,EAAGF,IAAI,IAAKA,IAAI,CAACG,cAAc;IAC/CC,iBAAiB,EAAEC,IAAA;MAAA,IAAC;QAAEC;MAAI,CAAC,GAAAD,IAAA;MAAA,OAAKE,MAAM,CAACD,GAAG,CAAC;IAAA;IAC3C,GAAGvB,aAAa,CAACyB,mBAAmB,CAAC;EACvC,CAAC,CAAC;EAEF,MAAMC,yBAAyB,GAAGpC,KAAK,CAACqC,OAAO,CAAC,MAAM;IACpD,IAAIpB,gBAAgB,CAACqB,MAAM,KAAK,CAAC,EAAE;MACjC,OAAOC,SAAS;IAClB;IAEA,OAAOtB,gBAAgB,CAACuB,GAAG,CAAEC,MAAM,IAAMd,IAAS,KAAM;MACtDe,IAAI,eAAE1C,KAAA,CAAA2C,aAAA,CAACpC,IAAI,MAAE,CAAC;MACdqC,IAAI,EAAEH,MAAM,CAACG,IAAI;MACjBC,OAAO,EAAEA,CAAA,KAAM;QAAA,IAAAC,gBAAA,EAAAC,qBAAA;QACb7B,OAAO,aAAA4B,gBAAA,GAAP5B,OAAO,CAAEF,OAAO,cAAA+B,qBAAA,GAAhBD,gBAAA,CAAmBL,MAAM,CAACO,EAAE,CAAC,aAA7BD,qBAAA,CAAAE,IAAA,CAAAH,gBAAA,EAAgC;UAAEnB;QAAK,CAAC,CAAC;MAC3C;IACF,CAAC,CAAC,CAAC;EACL,CAAC,EAAE,CAACV,gBAAgB,EAAEC,OAAO,oBAAPA,OAAO,CAAEF,OAAO,CAAC,CAAC;EAExC,oBACEhB,KAAA,CAAA2C,aAAA,CAACzC,KAAK;IACJgD,KAAK,EAAE1B,UAAW;IAClBL,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbC,aAAa,EAAEA,aAAc;IAC7B8B,UAAU,EAAGxB,IAAI,KAAM;MACrBV,gBAAgB,EAAEmB,yBAAyB,oBAAzBA,yBAAyB,CAAEI,GAAG,CAAEC,MAAM,IACtDA,MAAM,CAACd,IAAI,CACb;IACF,CAAC,CAAE;IACHL,OAAO,EACLC,UAAU,CAACe,MAAM,GAAG,CAAC,gBACnBtC,KAAA,CAAA2C,aAAA,CAAC1C,wBAAwB,QAAEsB,UAAqC,CAAC,GAC/DgB;EACL,CACF,CAAC;AAEN,CAAC","ignoreList":[]}

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

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

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

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

package/dist/esm/counter.js

@@ -0,0 +1,22 @@
+import React, { useState } from 'react';
+import s from './counter.scss';
+export const Counter = _ref => {
+  let {
+    step = 1
+  } = _ref;
+  const [counter, setCounter] = useState(0);
+  const upHandler = () => setCounter(previousCounter => previousCounter + step);
+  const downHandler = () => setCounter(previousCounter => previousCounter - step);
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
+    className: s.upButton,
+    "data-hook": "up-button",
+    onClick: upHandler
+  }, "+"), /*#__PURE__*/React.createElement("button", {
+    className: s.downButton,
+    "data-hook": "down-button",
+    onClick: downHandler
+  }, "-"), /*#__PURE__*/React.createElement("div", {
+    "data-hook": "counter"
+  }, counter));
+};
+//# sourceMappingURL=counter.js.map

package/dist/esm/counter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","s","Counter","_ref","step","counter","setCounter","upHandler","previousCounter","downHandler","createElement","className","upButton","onClick","downButton"],"sources":["../../src/counter.tsx"],"sourcesContent":["import React, { useState, FC } from 'react';\nimport s from './counter.scss';\n\nexport interface CounterProps {\n  step?: number;\n}\n\nexport const Counter: FC<CounterProps> = ({ step = 1 }) => {\n  const [counter, setCounter] = useState(0);\n\n  const upHandler = () =>\n    setCounter((previousCounter) => previousCounter + step);\n  const downHandler = () =>\n    setCounter((previousCounter) => previousCounter - step);\n\n  return (\n    <div>\n      <button className={s.upButton} data-hook=\"up-button\" onClick={upHandler}>\n        +\n      </button>\n      <button\n        className={s.downButton}\n        data-hook=\"down-button\"\n        onClick={downHandler}\n      >\n        -\n      </button>\n      <div data-hook=\"counter\">{counter}</div>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAY,OAAO;AAC3C,OAAOC,CAAC,MAAM,gBAAgB;AAM9B,OAAO,MAAMC,OAAyB,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC,IAAI,GAAG;EAAE,CAAC,GAAAD,IAAA;EACpD,MAAM,CAACE,OAAO,EAAEC,UAAU,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAC;EAEzC,MAAMO,SAAS,GAAGA,CAAA,KAChBD,UAAU,CAAEE,eAAe,IAAKA,eAAe,GAAGJ,IAAI,CAAC;EACzD,MAAMK,WAAW,GAAGA,CAAA,KAClBH,UAAU,CAAEE,eAAe,IAAKA,eAAe,GAAGJ,IAAI,CAAC;EAEzD,oBACEL,KAAA,CAAAW,aAAA,2BACEX,KAAA,CAAAW,aAAA;IAAQC,SAAS,EAAEV,CAAC,CAACW,QAAS;IAAC,aAAU,WAAW;IAACC,OAAO,EAAEN;EAAU,GAAC,GAEjE,CAAC,eACTR,KAAA,CAAAW,aAAA;IACEC,SAAS,EAAEV,CAAC,CAACa,UAAW;IACxB,aAAU,aAAa;IACvBD,OAAO,EAAEJ;EAAY,GACtB,GAEO,CAAC,eACTV,KAAA,CAAAW,aAAA;IAAK,aAAU;EAAS,GAAEL,OAAa,CACpC,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/counter.scss

@@ -0,0 +1,7 @@
+.up-button {
+  background-color: green;
+}
+
+.down-button {
+  background-color: red;
+}

package/dist/esm/exports/react.js

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

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

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

package/dist/esm/exports/types.js

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

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

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

package/dist/esm/external-types.d.js

@@ -0,0 +1,2 @@
+/// <reference types="@wix/yoshi-flow-library/types" />
+//# sourceMappingURL=external-types.d.js.map

package/dist/esm/external-types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":["/// <reference types=\"@wix/yoshi-flow-library/types\" />\n"],"mappings":"AAAA","ignoreList":[]}

package/dist/esm/hooks/index.js

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

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

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

package/dist/esm/hooks/useColumns.js

@@ -0,0 +1,36 @@
+import { usePatternsWizardContext, usePatternsWizardOverridesContext } from '../providers';
+import { SupportedValueTypeEnum } from '../types';
+import { camelCase, get } from 'lodash';
+export const useColumns = () => {
+  const {
+    configuration: {
+      columns = []
+    }
+  } = usePatternsWizardContext();
+  const overrides = usePatternsWizardOverridesContext();
+  return columns.map(column => ({
+    id: column.id,
+    title: column.name,
+    ...(column.width ? {
+      width: column.width
+    } : {}),
+    render: item => {
+      var _overrides$columns, _overrides$columns$ca;
+      const itemValue = get(item, column.id);
+      return (overrides == null || (_overrides$columns = overrides.columns) == null || (_overrides$columns$ca = _overrides$columns[camelCase(column.id)]) == null ? void 0 : _overrides$columns$ca.call(_overrides$columns, {
+        value: itemValue
+      })) ?? createRenderer(column, itemValue);
+    }
+  }));
+};
+const createRenderer = (column, itemValue) => {
+  switch (column.type) {
+    case SupportedValueTypeEnum.BOOLEAN:
+      return itemValue ? '✔' : '✖';
+    case SupportedValueTypeEnum.DATE:
+      return itemValue ? new Date(itemValue).toLocaleString() : '';
+    default:
+      return itemValue;
+  }
+};
+//# sourceMappingURL=useColumns.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["usePatternsWizardContext","usePatternsWizardOverridesContext","SupportedValueTypeEnum","camelCase","get","useColumns","configuration","columns","overrides","map","column","id","title","name","width","render","item","_overrides$columns","_overrides$columns$ca","itemValue","call","value","createRenderer","type","BOOLEAN","DATE","Date","toLocaleString"],"sources":["../../../src/hooks/useColumns.ts"],"sourcesContent":["import { TableColumn } from '@wix/patterns';\nimport {\n  usePatternsWizardContext,\n  usePatternsWizardOverridesContext,\n} from '../providers';\nimport { Column, SupportedValueTypeEnum } from '../types';\nimport { camelCase, get } from 'lodash';\n\nexport const useColumns = (): TableColumn<any>[] => {\n  const {\n    configuration: { columns = [] },\n  } = usePatternsWizardContext();\n\n  const overrides = usePatternsWizardOverridesContext();\n\n  return columns.map((column) => ({\n    id: column.id,\n    title: column.name,\n    ...(column.width ? { width: column.width } : {}),\n    render: (item) => {\n      const itemValue = get(item, column.id);\n      return (\n        overrides?.columns?.[camelCase(column.id)]?.({ value: itemValue }) ??\n        createRenderer(column, itemValue)\n      );\n    },\n  }));\n};\n\nconst createRenderer = (column: Column, itemValue: any): string => {\n  switch (column.type) {\n    case SupportedValueTypeEnum.BOOLEAN:\n      return itemValue ? '✔' : '✖';\n    case SupportedValueTypeEnum.DATE:\n      return itemValue ? new Date(itemValue).toLocaleString() : '';\n    default:\n      return itemValue;\n  }\n};\n"],"mappings":"AACA,SACEA,wBAAwB,EACxBC,iCAAiC,QAC5B,cAAc;AACrB,SAAiBC,sBAAsB,QAAQ,UAAU;AACzD,SAASC,SAAS,EAAEC,GAAG,QAAQ,QAAQ;AAEvC,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAA0B;EAClD,MAAM;IACJC,aAAa,EAAE;MAAEC,OAAO,GAAG;IAAG;EAChC,CAAC,GAAGP,wBAAwB,CAAC,CAAC;EAE9B,MAAMQ,SAAS,GAAGP,iCAAiC,CAAC,CAAC;EAErD,OAAOM,OAAO,CAACE,GAAG,CAAEC,MAAM,KAAM;IAC9BC,EAAE,EAAED,MAAM,CAACC,EAAE;IACbC,KAAK,EAAEF,MAAM,CAACG,IAAI;IAClB,IAAIH,MAAM,CAACI,KAAK,GAAG;MAAEA,KAAK,EAAEJ,MAAM,CAACI;IAAM,CAAC,GAAG,CAAC,CAAC,CAAC;IAChDC,MAAM,EAAGC,IAAI,IAAK;MAAA,IAAAC,kBAAA,EAAAC,qBAAA;MAChB,MAAMC,SAAS,GAAGf,GAAG,CAACY,IAAI,EAAEN,MAAM,CAACC,EAAE,CAAC;MACtC,OACE,CAAAH,SAAS,aAAAS,kBAAA,GAATT,SAAS,CAAED,OAAO,cAAAW,qBAAA,GAAlBD,kBAAA,CAAqBd,SAAS,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC,qBAA1CO,qBAAA,CAAAE,IAAA,CAAAH,kBAAA,EAA6C;QAAEI,KAAK,EAAEF;MAAU,CAAC,CAAC,KAClEG,cAAc,CAACZ,MAAM,EAAES,SAAS,CAAC;IAErC;EACF,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAMG,cAAc,GAAGA,CAACZ,MAAc,EAAES,SAAc,KAAa;EACjE,QAAQT,MAAM,CAACa,IAAI;IACjB,KAAKrB,sBAAsB,CAACsB,OAAO;MACjC,OAAOL,SAAS,GAAG,GAAG,GAAG,GAAG;IAC9B,KAAKjB,sBAAsB,CAACuB,IAAI;MAC9B,OAAON,SAAS,GAAG,IAAIO,IAAI,CAACP,SAAS,CAAC,CAACQ,cAAc,CAAC,CAAC,GAAG,EAAE;IAC9D;MACE,OAAOR,SAAS;EACpB;AACF,CAAC","ignoreList":[]}

package/dist/esm/hooks/useFeatures.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Views, DataExtension } from '@wix/patterns';
+import { usePatternsWizardContext } from '../providers';
+import { useFilters } from './useFilters';
+export const useFeatures = () => {
+  const {
+    configuration
+  } = usePatternsWizardContext();
+  const {
+    views,
+    customFields
+  } = configuration;
+  const filters = useFilters(configuration);
+  return {
+    views: views != null && views.enabled ? /*#__PURE__*/React.createElement(Views, null) : undefined,
+    dataExtension: customFields != null && customFields.enabled ? /*#__PURE__*/React.createElement(DataExtension, null) : undefined,
+    filters
+  };
+};
+//# sourceMappingURL=useFeatures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Views","DataExtension","usePatternsWizardContext","useFilters","useFeatures","configuration","views","customFields","filters","enabled","createElement","undefined","dataExtension"],"sources":["../../../src/hooks/useFeatures.tsx"],"sourcesContent":["import React from 'react';\nimport { Views, DataExtension } from '@wix/patterns';\nimport { usePatternsWizardContext } from '../providers';\nimport { useFilters } from './useFilters';\n\nexport const useFeatures = () => {\n  const { configuration } = usePatternsWizardContext();\n  const { views, customFields } = configuration;\n  const filters = useFilters(configuration);\n\n  return {\n    views: views?.enabled ? <Views /> : undefined,\n    dataExtension: customFields?.enabled ? <DataExtension /> : undefined,\n    filters,\n  };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,aAAa,QAAQ,eAAe;AACpD,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC;EAAc,CAAC,GAAGH,wBAAwB,CAAC,CAAC;EACpD,MAAM;IAAEI,KAAK;IAAEC;EAAa,CAAC,GAAGF,aAAa;EAC7C,MAAMG,OAAO,GAAGL,UAAU,CAACE,aAAa,CAAC;EAEzC,OAAO;IACLC,KAAK,EAAEA,KAAK,YAALA,KAAK,CAAEG,OAAO,gBAAGV,KAAA,CAAAW,aAAA,CAACV,KAAK,MAAE,CAAC,GAAGW,SAAS;IAC7CC,aAAa,EAAEL,YAAY,YAAZA,YAAY,CAAEE,OAAO,gBAAGV,KAAA,CAAAW,aAAA,CAACT,aAAa,MAAE,CAAC,GAAGU,SAAS;IACpEH;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/hooks/useFilters.js

@@ -0,0 +1,214 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import _ from 'lodash';
+import { SupportedValueTypeEnum } from '../types';
+import { DateRangeFilter, dateRangeFilter, idNameArrayFilter, MultiSelectCheckboxFilter, NumberRangeFilter, numberRangeFilter, RadioGroupFilter, SingleSelectFilter, useStaticListFilterCollection } from '@wix/patterns';
+export const useFilters = config => {
+  var _config$filters;
+  const filters = [];
+  (_config$filters = config.filters) == null || _config$filters.forEach(filter => {
+    var _filter$static, _filter$static2, _filter$static3, _filter$numberConfig, _filter$numberConfig2, _filter$numberConfig3;
+    const key = _.camelCase(filter.displayName);
+    switch (filter.componentType) {
+      case 'date-range':
+        filters.push({
+          key,
+          filter: dateRangeFilter(),
+          component: DateRangeFilter,
+          props: {
+            accordionItemProps: {
+              label: filter.displayName
+            }
+          },
+          query: (acc, values) => {
+            if (values[key]) {
+              if (values[key].from) {
+                acc.$and.push({
+                  [filter.id]: {
+                    $gte: values[key].from.toISOString()
+                  }
+                });
+              }
+              if (values[key].to) {
+                acc.$and.push({
+                  [filter.id]: {
+                    $lte: values[key].to.toISOString()
+                  }
+                });
+              }
+            }
+            return acc;
+          }
+        });
+        break;
+      case 'multi-select':
+        filters.push({
+          key,
+          filter: idNameArrayFilter(),
+          component: MultiSelectCheckboxFilter,
+          collectionData: ((_filter$static = filter.static) == null ? void 0 : _filter$static.values.map(value => {
+            return {
+              id: value.id,
+              name: value.value
+            };
+          })) ?? [],
+          props: {
+            accordionItemProps: {
+              label: filter.displayName
+            },
+            popoverProps: {
+              appendTo: 'window'
+            }
+          },
+          query: (acc, values) => {
+            if (values[key]) {
+              acc.$and.push({
+                [filter.id]: {
+                  $in: values[key].map(item => item.id)
+                }
+              });
+            }
+            return acc;
+          }
+        });
+        break;
+      case 'single':
+        filters.push({
+          key,
+          filter: idNameArrayFilter(),
+          component: SingleSelectFilter,
+          collectionData: ((_filter$static2 = filter.static) == null ? void 0 : _filter$static2.values.map(value => {
+            return {
+              id: value.id,
+              name: value.value
+            };
+          })) ?? [],
+          props: {
+            placeholder: `Select ${filter.displayName}`,
+            accordionItemProps: {
+              label: filter.displayName
+            }
+          },
+          query: (acc, values) => {
+            if (values[key]) {
+              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {
+                acc.$and.push({
+                  [filter.id]: {
+                    $eq: values[key].map(item => item.id === 'true' ? true : false)
+                  }
+                });
+              } else {
+                acc.$and.push({
+                  [filter.id]: {
+                    $in: values[key].map(item => item.id)
+                  }
+                });
+              }
+            }
+            return acc;
+          }
+        });
+        break;
+      case 'radio-group':
+        filters.push({
+          key,
+          filter: idNameArrayFilter(),
+          component: RadioGroupFilter,
+          props: {
+            accordionItemProps: {
+              label: filter.displayName
+            },
+            data: ((_filter$static3 = filter.static) == null ? void 0 : _filter$static3.values.map(value => {
+              return {
+                id: value.id,
+                name: value.value
+              };
+            })) ?? []
+          },
+          query: (acc, values) => {
+            if (values[key]) {
+              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {
+                acc.$and.push({
+                  [filter.id]: {
+                    $eq: values[key].map(item => item.id === 'true' ? true : false)
+                  }
+                });
+              } else {
+                acc.$and.push({
+                  [filter.id]: {
+                    $in: values[key].map(item => item.id)
+                  }
+                });
+              }
+            }
+            return acc;
+          }
+        });
+        break;
+      case 'number':
+        filters.push({
+          key,
+          filter: numberRangeFilter(),
+          component: NumberRangeFilter,
+          props: {
+            accordionItemProps: {
+              label: filter.displayName
+            },
+            min: ((_filter$numberConfig = filter.numberConfig) == null ? void 0 : _filter$numberConfig.min) ?? 0,
+            max: ((_filter$numberConfig2 = filter.numberConfig) == null ? void 0 : _filter$numberConfig2.max) ?? 100,
+            decimal: (_filter$numberConfig3 = filter.numberConfig) == null ? void 0 : _filter$numberConfig3.decimal
+          },
+          query: (acc, values) => {
+            if (values[key]) {
+              if (values[key].from) {
+                acc.$and.push({
+                  [filter.id]: {
+                    $gte: values[key].from
+                  }
+                });
+              }
+              if (values[key].to) {
+                acc.$and.push({
+                  [filter.id]: {
+                    $lte: values[key].to
+                  }
+                });
+              }
+            }
+            return acc;
+          }
+        });
+        break;
+    }
+  });
+  const FilterCollectionComponent = _ref => {
+    let {
+      filter
+    } = _ref;
+    const collection = useStaticListFilterCollection(filter.filter, filter.collectionData ?? []);
+    return /*#__PURE__*/React.createElement(filter.component, _extends({
+      key: filter.key,
+      filter: filter.filter
+    }, filter.collectionData ? {
+      collection
+    } : {}, {
+      collection: collection
+    }, filter.props));
+  };
+  return filters.reduce((acc, filter) => {
+    acc.filters[filter.key] = filter.filter;
+    acc.queries.push(filter.query);
+    acc.components.push(filter.collectionData ? /*#__PURE__*/React.createElement(FilterCollectionComponent, {
+      filter: filter
+    }) : /*#__PURE__*/React.createElement(filter.component, _extends({
+      key: filter.key,
+      filter: filter.filter
+    }, filter.props)));
+    return acc;
+  }, {
+    filters: {},
+    components: [],
+    queries: []
+  });
+};
+//# sourceMappingURL=useFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_","SupportedValueTypeEnum","DateRangeFilter","dateRangeFilter","idNameArrayFilter","MultiSelectCheckboxFilter","NumberRangeFilter","numberRangeFilter","RadioGroupFilter","SingleSelectFilter","useStaticListFilterCollection","useFilters","config","_config$filters","filters","forEach","filter","_filter$static","_filter$static2","_filter$static3","_filter$numberConfig","_filter$numberConfig2","_filter$numberConfig3","key","camelCase","displayName","componentType","push","component","props","accordionItemProps","label","query","acc","values","from","$and","id","$gte","toISOString","to","$lte","collectionData","static","map","value","name","popoverProps","appendTo","$in","item","placeholder","definition","type","BOOLEAN","$eq","data","min","numberConfig","max","decimal","FilterCollectionComponent","_ref","collection","createElement","_extends","reduce","queries","components"],"sources":["../../../src/hooks/useFilters.tsx"],"sourcesContent":["import React from 'react';\nimport _ from 'lodash';\nimport { ProjectConfig, SupportedValueTypeEnum } from '../types';\nimport {\n  DateRangeFilter,\n  dateRangeFilter,\n  Filter,\n  idNameArrayFilter,\n  MultiSelectCheckboxFilter,\n  NumberRangeFilter,\n  numberRangeFilter,\n  RadioGroupFilter,\n  SingleSelectFilter,\n  useStaticListFilterCollection,\n} from '@wix/patterns';\n\nexport interface FilterOptions {\n  key: string;\n  filter: Filter<any>;\n  query: (\n    acc: { $and: Record<string, any> },\n    values: Record<string, any>,\n  ) => Record<string, any>;\n  component: React.ElementType;\n  collectionData?: { id: string; name: string }[];\n  props: Record<string, any>;\n}\n\nexport interface ReturnValue {\n  filters: { [key: string]: Filter<any> };\n  components: React.JSX.Element[];\n  queries: FilterOptions['query'][];\n}\n\nexport const useFilters = (config: ProjectConfig) => {\n  const filters: FilterOptions[] = [];\n\n  config.filters?.forEach((filter) => {\n    const key = _.camelCase(filter.displayName);\n\n    switch (filter.componentType) {\n      case 'date-range':\n        filters.push({\n          key,\n          filter: dateRangeFilter(),\n          component: DateRangeFilter,\n          props: {\n            accordionItemProps: { label: filter.displayName },\n          },\n          query: (acc, values) => {\n            if (values[key]) {\n              if (values[key].from) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $gte: values[key].from.toISOString(),\n                  },\n                });\n              }\n\n              if (values[key].to) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $lte: values[key].to.toISOString(),\n                  },\n                });\n              }\n            }\n\n            return acc;\n          },\n        });\n\n        break;\n      case 'multi-select':\n        filters.push({\n          key,\n          filter: idNameArrayFilter(),\n          component: MultiSelectCheckboxFilter,\n          collectionData:\n            filter.static?.values.map((value) => {\n              return { id: value.id, name: value.value };\n            }) ?? [],\n          props: {\n            accordionItemProps: { label: filter.displayName },\n            popoverProps: { appendTo: 'window' },\n          },\n          query: (acc, values) => {\n            if (values[key]) {\n              acc.$and.push({\n                [filter.id]: {\n                  $in: values[key].map((item: any) => item.id),\n                },\n              });\n            }\n\n            return acc;\n          },\n        });\n\n        break;\n      case 'single':\n        filters.push({\n          key,\n          filter: idNameArrayFilter(),\n          component: SingleSelectFilter,\n          collectionData:\n            filter.static?.values.map((value) => {\n              return { id: value.id, name: value.value };\n            }) ?? [],\n          props: {\n            placeholder: `Select ${filter.displayName}`,\n            accordionItemProps: { label: filter.displayName },\n          },\n          query: (acc, values) => {\n            if (values[key]) {\n              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $eq: values[key].map((item: any) =>\n                      item.id === 'true' ? true : false,\n                    ),\n                  },\n                });\n              } else {\n                acc.$and.push({\n                  [filter.id]: {\n                    $in: values[key].map((item: any) => item.id),\n                  },\n                });\n              }\n            }\n            return acc;\n          },\n        });\n\n        break;\n      case 'radio-group':\n        filters.push({\n          key,\n          filter: idNameArrayFilter(),\n          component: RadioGroupFilter,\n          props: {\n            accordionItemProps: { label: filter.displayName },\n            data:\n              filter.static?.values.map((value) => {\n                return { id: value.id, name: value.value };\n              }) ?? [],\n          },\n          query: (acc, values) => {\n            if (values[key]) {\n              if (filter.definition.type === SupportedValueTypeEnum.BOOLEAN) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $eq: values[key].map((item: any) =>\n                      item.id === 'true' ? true : false,\n                    ),\n                  },\n                });\n              } else {\n                acc.$and.push({\n                  [filter.id]: {\n                    $in: values[key].map((item: any) => item.id),\n                  },\n                });\n              }\n            }\n            return acc;\n          },\n        });\n\n        break;\n      case 'number':\n        filters.push({\n          key,\n          filter: numberRangeFilter(),\n          component: NumberRangeFilter,\n          props: {\n            accordionItemProps: { label: filter.displayName },\n            min: filter.numberConfig?.min ?? 0,\n            max: filter.numberConfig?.max ?? 100,\n            decimal: filter.numberConfig?.decimal,\n          },\n          query: (acc, values) => {\n            if (values[key]) {\n              if (values[key].from) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $gte: values[key].from,\n                  },\n                });\n              }\n\n              if (values[key].to) {\n                acc.$and.push({\n                  [filter.id]: {\n                    $lte: values[key].to,\n                  },\n                });\n              }\n            }\n            return acc;\n          },\n        });\n\n        break;\n    }\n  });\n\n  const FilterCollectionComponent: React.FC<{\n    filter: FilterOptions;\n  }> = ({ filter }) => {\n    const collection = useStaticListFilterCollection(\n      filter.filter,\n      filter.collectionData ?? [],\n    );\n\n    return (\n      <filter.component\n        key={filter.key}\n        filter={filter.filter}\n        {...(filter.collectionData ? { collection } : {})}\n        collection={collection}\n        {...filter.props}\n      />\n    );\n  };\n\n  return filters.reduce<ReturnValue>(\n    (acc, filter) => {\n      acc.filters[filter.key] = filter.filter;\n      acc.queries.push(filter.query);\n      acc.components.push(\n        filter.collectionData ? (\n          <FilterCollectionComponent filter={filter} />\n        ) : (\n          <filter.component\n            key={filter.key}\n            filter={filter.filter}\n            {...filter.props}\n          />\n        ),\n      );\n\n      return acc;\n    },\n    { filters: {}, components: [], queries: [] },\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/hooks/useTableProps.js

@@ -0,0 +1,17 @@
+import { useColumns } from './useColumns';
+import { useFeatures } from './useFeatures';
+export const useTableProps = () => {
+  const columns = useColumns();
+  const {
+    views,
+    dataExtension,
+    filters
+  } = useFeatures();
+  return {
+    columns,
+    views,
+    dataExtension,
+    filters
+  };
+};
+//# sourceMappingURL=useTableProps.js.map