@wix/auto-patterns 1.43.0 → 1.45.0

package/dist/cjs/components/{AutoPatternsEntityPage/RenderLayout/RenderLayoutCard.js → layouts/ContentCard.js}

@@ -2,27 +2,34 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.RenderLayoutCard = void 0;
+exports.ContentCard = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _patterns = require("@wix/patterns");
-var _RenderLayoutContent = require("./RenderLayoutContent");
-var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/RenderLayout/RenderLayoutCard.tsx";
-const RenderLayoutCard = ({
+var _ContentCardLayout = require("./ContentCardLayout");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/layouts/ContentCard.tsx";
+const ContentCard = ({
+  type = 'entity',
+  mode = 'edit',
   layout,
   sectionId,
   cardIndex,
-  setInputRef
+  setInputRef,
+  fields,
+  form,
+  data
 }) => {
   var _layout$card$subtitle;
+  const Component = type === 'settings' ? _patterns.SettingsPage : _patterns.EntityPage;
+  const CardWrapper = mode === 'view' ? _designSystem.Card : Component.Card;
   switch (layout.type) {
     case 'card':
-      return /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Card, {
+      return /*#__PURE__*/_react.default.createElement(CardWrapper, {
         minHeight: "50px",
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 24,
+          lineNumber: 38,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -31,42 +38,46 @@ const RenderLayoutCard = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 25,
+          lineNumber: 39,
           columnNumber: 11
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 29,
+          lineNumber: 43,
           columnNumber: 11
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 30,
+          lineNumber: 44,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 31,
+          lineNumber: 45,
           columnNumber: 13
         }
-      }, layout.card.children.map((child, index) => /*#__PURE__*/_react.default.createElement(_RenderLayoutContent.RenderLayoutContent, {
+      }, layout.card.children.map((child, index) => /*#__PURE__*/_react.default.createElement(_ContentCardLayout.ContentCardLayout, {
         key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        mode: mode,
         content: child,
         level: 0,
         sectionId: sectionId,
         cardIndex: cardIndex,
         contentIndex: index,
         setInputRef: setInputRef,
+        fields: fields,
+        form: form,
+        data: data,
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 33,
+          lineNumber: 47,
           columnNumber: 17
         }
       })))));
@@ -74,5 +85,5 @@ const RenderLayoutCard = ({
       return null;
   }
 };
-exports.RenderLayoutCard = RenderLayoutCard;
-//# sourceMappingURL=RenderLayoutCard.js.map
+exports.ContentCard = ContentCard;
+//# sourceMappingURL=ContentCard.js.map

package/dist/cjs/components/layouts/ContentCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_ContentCardLayout","_jsxFileName","ContentCard","type","mode","layout","sectionId","cardIndex","setInputRef","fields","form","data","_layout$card$subtitle","Component","SettingsPage","EntityPage","CardWrapper","Card","default","createElement","minHeight","__self","__source","fileName","lineNumber","columnNumber","Header","title","card","text","subtitle","Divider","Content","Layout","children","map","child","index","ContentCardLayout","key","content","level","contentIndex","exports"],"sources":["../../../../src/components/layouts/ContentCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Layout } from '@wix/design-system';\nimport { SettingsPage, EntityPage } from '@wix/patterns';\nimport { UseFormReturn } from '@wix/patterns/form';\nimport { CardLayout, BaseInputRef, Field } from '../../types';\nimport { ContentCardType, ContentCardMode } from './types';\nimport { ContentCardLayout } from './ContentCardLayout';\n\nexport interface ContentCardProps {\n  type?: ContentCardType;\n  mode?: ContentCardMode;\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef?: (id: string, input: BaseInputRef) => void;\n  fields?: Record<string, Field | undefined>;\n  form?: UseFormReturn<any>;\n  data?: Record<string, any>;\n}\n\nexport const ContentCard: React.FC<ContentCardProps> = ({\n  type = 'entity',\n  mode = 'edit',\n  layout,\n  sectionId,\n  cardIndex,\n  setInputRef,\n  fields,\n  form,\n  data,\n}) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const CardWrapper = mode === 'view' ? Card : Component.Card;\n\n  switch (layout.type) {\n    case 'card':\n      return (\n        <CardWrapper minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <ContentCardLayout\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  mode={mode}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                  fields={fields}\n                  form={form}\n                  data={data}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </CardWrapper>\n      );\n    default:\n      return null;\n  }\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAIA,IAAAG,kBAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAcjD,MAAMC,WAAuC,GAAGA,CAAC;EACtDC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,MAAM;EACbC,MAAM;EACNC,SAAS;EACTC,SAAS;EACTC,WAAW;EACXC,MAAM;EACNC,IAAI;EACJC;AACF,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,MAAMC,SAAS,GAAGV,IAAI,KAAK,UAAU,GAAGW,sBAAY,GAAGC,oBAAU;EACjE,MAAMC,WAAW,GAAGZ,IAAI,KAAK,MAAM,GAAGa,kBAAI,GAAGJ,SAAS,CAACI,IAAI;EAE3D,QAAQZ,MAAM,CAACF,IAAI;IACjB,KAAK,MAAM;MACT,oBACER,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACH,WAAW;QAACI,SAAS,EAAC,MAAM;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC3B9B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmB,IAAI,CAACS,MAAM;QACVC,KAAK,EAAEtB,MAAM,CAACuB,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAlB,qBAAA,GAAEP,MAAM,CAACuB,IAAI,CAACE,QAAQ,qBAApBlB,qBAAA,CAAsBiB,IAAK;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACtC,CAAC,eACF9B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmB,IAAI,CAACc,OAAO;QAAAV,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,eAChB9B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmB,IAAI,CAACe,OAAO;QAAAX,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACX9B,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAmC,MAAM;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,GACJpB,MAAM,CAACuB,IAAI,CAACM,QAAQ,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7C1C,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,kBAAA,CAAAsC,iBAAiB;QAChBC,GAAG,EAAE,GAAGjC,SAAS,SAASC,SAAS,YAAY8B,KAAK,EAAG;QACvDjC,IAAI,EAAEA,IAAK;QACXoC,OAAO,EAAEJ,KAAM;QACfK,KAAK,EAAE,CAAE;QACTnC,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBmC,YAAY,EAAEL,KAAM;QACpB7B,WAAW,EAAEA,WAAY;QACzBC,MAAM,EAAEA,MAAO;QACfC,IAAI,EAAEA,IAAK;QACXC,IAAI,EAAEA,IAAK;QAAAU,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACZ,CACF,CACK,CACI,CACH,CAAC;IAElB;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAACkB,OAAA,CAAAzC,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/layouts/ContentCardLayout.js

@@ -0,0 +1,157 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ContentCardLayout = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _providers = require("../../providers");
+var _ViewField = require("./ViewField");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/layouts/ContentCardLayout.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Lazy load FormField to avoid bundling heavy field components in view mode
+const FormField = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./FormField'))).then(m => ({
+  default: m.FormField
+})));
+const ContentCardLayout = ({
+  mode = 'edit',
+  content,
+  level,
+  sectionId,
+  cardIndex,
+  contentIndex,
+  setInputRef,
+  fields,
+  form,
+  data
+}) => {
+  var _content$container$ch, _overrides$components;
+  const overrides = (0, _providers.useAutoPatternsOverridesContext)();
+  switch (content.type) {
+    case 'field':
+      if (!content.field.fieldId) {
+        return null;
+      }
+      const field = fields == null ? void 0 : fields[content.field.fieldId];
+      if (!field) {
+        return null;
+      }
+      if (mode === 'view') {
+        return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+          span: content.field.span,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 54,
+            columnNumber: 11
+          }
+        }, /*#__PURE__*/_react.default.createElement(_ViewField.ViewField, {
+          field: field,
+          data: data,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 55,
+            columnNumber: 13
+          }
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+        span: content.field.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 61,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+        fallback: null,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 62,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(FormField, {
+        key: content.field.fieldId,
+        field: field,
+        inputRef: ref => setInputRef == null ? void 0 : setInputRef(content.field.fieldId, ref),
+        formControl: form == null ? void 0 : form.control,
+        data: data,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 63,
+          columnNumber: 13
+        }
+      })));
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+        span: content.container.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 82,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 83,
+          columnNumber: 11
+        }
+      }, content.container.children.map((child, index) => /*#__PURE__*/_react.default.createElement(ContentCardLayout, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        mode: mode,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef,
+        fields: fields,
+        form: form,
+        data: data,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 85,
+          columnNumber: 15
+        }
+      }))));
+    case 'component':
+      if (!content.component.componentId) {
+        return null;
+      }
+      const Component = overrides == null || (_overrides$components = overrides.components) == null ? void 0 : _overrides$components[content.component.componentId];
+      if (!Component) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+        span: content.component.span,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 114,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(Component, {
+        form: form,
+        entity: data,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 115,
+          columnNumber: 11
+        }
+      }));
+    default:
+      return null;
+  }
+};
+exports.ContentCardLayout = ContentCardLayout;
+//# sourceMappingURL=ContentCardLayout.js.map

package/dist/cjs/components/layouts/ContentCardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_providers","_ViewField","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FormField","lazy","Promise","resolve","then","m","ContentCardLayout","mode","content","level","sectionId","cardIndex","contentIndex","setInputRef","fields","form","data","_content$container$ch","_overrides$components","overrides","useAutoPatternsOverridesContext","type","field","fieldId","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","ViewField","Suspense","fallback","key","inputRef","ref","formControl","control","container","children","length","Layout","map","child","index","component","componentId","Component","components","entity","exports"],"sources":["../../../../src/components/layouts/ContentCardLayout.tsx"],"sourcesContent":["import React, { lazy, Suspense } from 'react';\nimport { Cell, Layout } from '@wix/design-system';\nimport { UseFormReturn } from '@wix/patterns/form';\nimport { useAutoPatternsOverridesContext } from '../../providers';\nimport { LayoutContent, BaseInputRef, Field } from '../../types';\nimport { ViewField } from './ViewField';\nimport { ContentCardMode } from './types';\n\n// Lazy load FormField to avoid bundling heavy field components in view mode\nconst FormField = lazy(() =>\n  import('./FormField').then((m) => ({ default: m.FormField })),\n);\n\nexport interface ContentCardLayoutProps {\n  mode?: ContentCardMode;\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef?: (id: string, input: BaseInputRef) => void;\n  fields?: Record<string, Field | undefined>;\n  form?: UseFormReturn<any>;\n  data?: Record<string, any>;\n}\n\nexport const ContentCardLayout: React.FC<ContentCardLayoutProps> = ({\n  mode = 'edit',\n  content,\n  level,\n  sectionId,\n  cardIndex,\n  contentIndex,\n  setInputRef,\n  fields,\n  form,\n  data,\n}) => {\n  const overrides = useAutoPatternsOverridesContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = fields?.[content.field.fieldId];\n      if (!field) {\n        return null;\n      }\n\n      if (mode === 'view') {\n        return (\n          <Cell span={content.field.span}>\n            <ViewField field={field} data={data} />\n          </Cell>\n        );\n      }\n\n      return (\n        <Cell span={content.field.span}>\n          <Suspense fallback={null}>\n            <FormField\n              key={content.field.fieldId}\n              field={field}\n              inputRef={(ref: BaseInputRef) =>\n                setInputRef?.(content.field.fieldId, ref)\n              }\n              formControl={form?.control}\n              data={data}\n            />\n          </Suspense>\n        </Cell>\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <ContentCardLayout\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                mode={mode}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n                setInputRef={setInputRef}\n                fields={fields}\n                form={form}\n                data={data}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component form={form} entity={data as Record<string, any>} />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/layouts/ContentSkeleton.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ContentSkeleton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _ContentCard = require("./ContentCard");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/layouts/ContentSkeleton.tsx";
+const ContentSkeleton = ({
+  type = 'entity',
+  pageConfig
+}) => {
+  var _pageConfig$layout, _pageConfig$layout2, _pageConfig$layout$si;
+  const Component = type === 'settings' ? _patterns.SettingsPage : _patterns.EntityPage;
+  const form = (0, _form.useForm)();
+  const settingsState = (0, _patterns.useSettingsPage)({
+    form,
+    onSave: async () => {},
+    onCancel: async () => {},
+    fetch: async () => new Promise(() => {})
+  });
+  const entityState = (0, _patterns.useEntityPage)({
+    parentPath: '',
+    form,
+    onSave: async () => ({
+      updatedEntity: {}
+    }),
+    fetch: async () => new Promise(() => {})
+  });
+  return /*#__PURE__*/_react.default.createElement(Component, {
+    state: type === 'settings' ? settingsState : entityState,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(Component.Header, {
+    title: {
+      text: ''
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(Component.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(Component.MainContent, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 9
+    }
+  }, (_pageConfig$layout = pageConfig.layout) == null || (_pageConfig$layout = _pageConfig$layout.main) == null ? void 0 : _pageConfig$layout.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCard.ContentCard, {
+    key: `main-section-card-${layoutIndex}`,
+    type: type,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 13
+    }
+  }))), (_pageConfig$layout2 = pageConfig.layout) != null && _pageConfig$layout2.sidebar ? /*#__PURE__*/_react.default.createElement(Component.AdditionalContent, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 11
+    }
+  }, (_pageConfig$layout$si = pageConfig.layout.sidebar) == null ? void 0 : _pageConfig$layout$si.map((layout, layoutIndex) => /*#__PURE__*/_react.default.createElement(_ContentCard.ContentCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    type: type,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 15
+    }
+  }))) : null));
+};
+exports.ContentSkeleton = ContentSkeleton;
+//# sourceMappingURL=ContentSkeleton.js.map

package/dist/cjs/components/layouts/ContentSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_form","_ContentCard","_jsxFileName","ContentSkeleton","type","pageConfig","_pageConfig$layout","_pageConfig$layout2","_pageConfig$layout$si","Component","SettingsPage","EntityPage","form","useForm","settingsState","useSettingsPage","onSave","onCancel","fetch","Promise","entityState","useEntityPage","parentPath","updatedEntity","default","createElement","state","__self","__source","fileName","lineNumber","columnNumber","Header","title","text","Content","MainContent","layout","main","map","layoutIndex","ContentCard","key","sectionId","cardIndex","sidebar","AdditionalContent","exports"],"sources":["../../../../src/components/layouts/ContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SettingsPage,\n  EntityPage,\n  useSettingsPage,\n  useEntityPage,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { EntityPageConfig, SettingsPageConfig } from '../../types';\nimport { ContentCard } from './ContentCard';\nimport { ContentCardType } from './types';\n\nexport interface ContentSkeletonProps {\n  type?: ContentCardType;\n  pageConfig: SettingsPageConfig | EntityPageConfig;\n}\n\nexport const ContentSkeleton = ({\n  type = 'entity',\n  pageConfig,\n}: ContentSkeletonProps) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const form = useForm();\n\n  const settingsState = useSettingsPage<any, any>({\n    form,\n    onSave: async () => {},\n    onCancel: async () => {},\n    fetch: async () => new Promise(() => {}),\n  });\n\n  const entityState = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <Component\n      state={type === 'settings' ? settingsState : (entityState as any)}\n    >\n      <Component.Header title={{ text: '' }} />\n      <Component.Content>\n        <Component.MainContent>\n          {pageConfig.layout?.main?.map((layout, layoutIndex) => (\n            <ContentCard\n              key={`main-section-card-${layoutIndex}`}\n              type={type}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n            />\n          ))}\n        </Component.MainContent>\n        {pageConfig.layout?.sidebar ? (\n          <Component.AdditionalContent>\n            {pageConfig.layout.sidebar?.map((layout, layoutIndex) => (\n              <ContentCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                type={type}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </Component.AdditionalContent>\n        ) : null}\n      </Component.Content>\n    </Component>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/layouts/FormField.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormField = exports.EDITABLE_INPUT_ELEMENTS = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@wix/patterns/form");
+var _fields = require("../fields");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/layouts/FormField.tsx";
+const EDITABLE_INPUT_ELEMENTS = exports.EDITABLE_INPUT_ELEMENTS = {
+  SHORT_TEXT: _fields.ShortText,
+  LONG_TEXT: _fields.LongText,
+  BOOLEAN: _fields.Checkbox,
+  DATE: _fields.DateInput,
+  DATETIME: _fields.DateTime,
+  NUMBER: _fields.Number,
+  URL: _fields.Url,
+  IMAGE: _fields.ImageInput
+};
+const FormField = ({
+  field,
+  inputRef,
+  formControl,
+  data
+}) => {
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? '']
+  });
+  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {
+    return null;
+  }
+  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
+  return /*#__PURE__*/_react.default.createElement(FieldInput, {
+    field: field,
+    value: controller.field.value,
+    onChange: controller.field.onChange,
+    dataHook: `form-field-${field.id}`,
+    inputRef: inputRef,
+    formControl: formControl,
+    data: data ?? {},
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 5
+    }
+  });
+};
+exports.FormField = FormField;
+//# sourceMappingURL=FormField.js.map

package/dist/cjs/components/layouts/FormField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_fields","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","NUMBER","Number","URL","Url","IMAGE","ImageInput","FormField","field","inputRef","formControl","data","controller","useController","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","default","createElement","value","onChange","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/layouts/FormField.tsx"],"sourcesContent":["import React from 'react';\nimport { useController, Control } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../types';\nimport {\n  ShortText,\n  LongText,\n  Checkbox,\n  DateInput,\n  DateTime,\n  Number,\n  Url,\n  ImageInput,\n  BaseInputProps,\n} from '../fields';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n};\n\nexport interface FormFieldProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n  formControl?: Control<any>;\n  data?: Record<string, any>;\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({\n  field,\n  inputRef,\n  formControl,\n  data,\n}) => {\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n    return null;\n  }\n\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      dataHook={`form-field-${field.id}`}\n      inputRef={inputRef}\n      formControl={formControl}\n      data={data ?? {}}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAUmB,IAAAG,YAAA;AAEZ,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,UAAU,EAAEC,iBAAS;EACrBC,SAAS,EAAEC,gBAAQ;EACnBC,OAAO,EAAEC,gBAAQ;EACjBC,IAAI,EAAEC,iBAAS;EACfC,QAAQ,EAAEC,gBAAQ;EAClBC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC,WAAG;EACRC,KAAK,EAAEC;AACT,CAAC;AASM,MAAMC,SAAmC,GAAGA,CAAC;EAClDC,KAAK;EACLC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAAC1B,uBAAuB,CAAC6B,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAG/B,uBAAuB,CAACmB,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACEpC,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAACF,UAAU;IACTZ,KAAK,EAAEA,KAAM;IACbe,KAAK,EAAEX,UAAU,CAACJ,KAAK,CAACe,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACJ,KAAK,CAACgB,QAAS;IACpCC,QAAQ,EAAE,cAAcjB,KAAK,CAACO,EAAE,EAAG;IACnCN,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClB,CAAC;AAEN,CAAC;AAACxC,OAAA,CAAAiB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/components/layouts/ViewField.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ViewField = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/layouts/ViewField.tsx";
+// Safe display value conversion for all field types
+const getDisplayValue = value => {
+  if (value === null || value === undefined) {
+    return '-';
+  }
+  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+    return String(value);
+  }
+  if (Array.isArray(value)) {
+    return value.length > 0 ? value.join(', ') : '-';
+  }
+  if (typeof value === 'object') {
+    // Handle dates
+    if (value instanceof Date) {
+      return value.toLocaleDateString();
+    }
+    // Handle objects with display properties
+    if (value.toString && value.toString !== Object.prototype.toString) {
+      return value.toString();
+    }
+    // Fallback for complex objects
+    return JSON.stringify(value);
+  }
+  return String(value);
+};
+const ViewField = ({
+  field,
+  data
+}) => {
+  const fieldValue = data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''];
+  const displayValue = getDisplayValue(fieldValue);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "4px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    secondary: true,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 46,
+      columnNumber: 7
+    }
+  }, field.displayName || field.id), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
+      columnNumber: 7
+    }
+  }, displayValue));
+};
+exports.ViewField = ViewField;
+//# sourceMappingURL=ViewField.js.map

package/dist/cjs/components/layouts/ViewField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","ViewField","field","data","fieldValue","id","displayValue","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","displayName","exports"],"sources":["../../../../src/components/layouts/ViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { Field } from '../../types';\n\n// Safe display value conversion for all field types\nconst getDisplayValue = (value: any): string => {\n  if (value === null || value === undefined) {\n    return '-';\n  }\n  if (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  ) {\n    return String(value);\n  }\n  if (Array.isArray(value)) {\n    return value.length > 0 ? value.join(', ') : '-';\n  }\n  if (typeof value === 'object') {\n    // Handle dates\n    if (value instanceof Date) {\n      return value.toLocaleDateString();\n    }\n    // Handle objects with display properties\n    if (value.toString && value.toString !== Object.prototype.toString) {\n      return value.toString();\n    }\n    // Fallback for complex objects\n    return JSON.stringify(value);\n  }\n  return String(value);\n};\n\nexport interface ViewFieldProps {\n  field: Field;\n  data?: Record<string, any>;\n}\n\nexport const ViewField: React.FC<ViewFieldProps> = ({ field, data }) => {\n  const fieldValue = data?.[field?.id ?? ''];\n  const displayValue = getDisplayValue(fieldValue);\n\n  return (\n    <Box direction=\"vertical\" gap=\"4px\">\n      <Text size=\"small\" secondary>\n        {field.displayName || field.id}\n      </Text>\n      <Text>{displayValue}</Text>\n    </Box>\n  );\n};\n\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA+C,IAAAE,YAAA;AAG/C;AACA,MAAMC,eAAe,GAAIC,KAAU,IAAa;EAC9C,IAAIA,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACzC,OAAO,GAAG;EACZ;EACA,IACE,OAAOD,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,QAAQ,IACzB,OAAOA,KAAK,KAAK,SAAS,EAC1B;IACA,OAAOE,MAAM,CAACF,KAAK,CAAC;EACtB;EACA,IAAIG,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK,CAACK,MAAM,GAAG,CAAC,GAAGL,KAAK,CAACM,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG;EAClD;EACA,IAAI,OAAON,KAAK,KAAK,QAAQ,EAAE;IAC7B;IACA,IAAIA,KAAK,YAAYO,IAAI,EAAE;MACzB,OAAOP,KAAK,CAACQ,kBAAkB,CAAC,CAAC;IACnC;IACA;IACA,IAAIR,KAAK,CAACS,QAAQ,IAAIT,KAAK,CAACS,QAAQ,KAAKC,MAAM,CAACC,SAAS,CAACF,QAAQ,EAAE;MAClE,OAAOT,KAAK,CAACS,QAAQ,CAAC,CAAC;IACzB;IACA;IACA,OAAOG,IAAI,CAACC,SAAS,CAACb,KAAK,CAAC;EAC9B;EACA,OAAOE,MAAM,CAACF,KAAK,CAAC;AACtB,CAAC;AAOM,MAAMc,SAAmC,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAK,CAAC,KAAK;EACtE,MAAMC,UAAU,GAAGD,IAAI,oBAAJA,IAAI,CAAG,CAAAD,KAAK,oBAALA,KAAK,CAAEG,EAAE,KAAI,EAAE,CAAC;EAC1C,MAAMC,YAAY,GAAGpB,eAAe,CAACkB,UAAU,CAAC;EAEhD,oBACEvB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAyB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjCnC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAiC,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,SAAS;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GACzBd,KAAK,CAACkB,WAAW,IAAIlB,KAAK,CAACG,EACxB,CAAC,eACPxB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAiC,IAAI;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEV,YAAmB,CACvB,CAAC;AAEV,CAAC;AAACe,OAAA,CAAApB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/components/layouts/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/layouts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/layouts/types.ts"],"sourcesContent":["export type ContentCardType = 'entity' | 'settings';\nexport type ContentCardMode = 'edit' | 'view';\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/hooks/getCommonCollectionFeaturesAsync.js

@@ -0,0 +1,11 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getCommonCollectionFeaturesAsync = getCommonCollectionFeaturesAsync;
+var _pluginsDynamicImports = require("./pluginsDynamicImports");
+function getCommonCollectionFeaturesAsync() {
+  return {
+    commonCollectionFeatures: () => (0, _pluginsDynamicImports.importCommonCollectionFeatures)()
+  };
+}
+//# sourceMappingURL=getCommonCollectionFeaturesAsync.js.map

package/dist/cjs/hooks/getCommonCollectionFeaturesAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_pluginsDynamicImports","require","getCommonCollectionFeaturesAsync","commonCollectionFeatures","importCommonCollectionFeatures"],"sources":["../../../src/hooks/getCommonCollectionFeaturesAsync.ts"],"sourcesContent":["import { importCommonCollectionFeatures } from './pluginsDynamicImports';\n\nexport function getCommonCollectionFeaturesAsync() {\n  return {\n    commonCollectionFeatures: () => importCommonCollectionFeatures(),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AAEO,SAASC,gCAAgCA,CAAA,EAAG;EACjD,OAAO;IACLC,wBAAwB,EAAEA,CAAA,KAAM,IAAAC,qDAA8B,EAAC;EACjE,CAAC;AACH","ignoreList":[]}

package/dist/cjs/hooks/getFilterComponent.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getFilterComponent = getFilterComponent;
+var _patterns = require("@wix/patterns");
+function getFilterComponent(filter) {
+  switch (filter.fieldDefinition.type) {
+    case 'DATE':
+    case 'DATETIME':
+      return _patterns.DateRangeFilter;
+    case 'BOOLEAN':
+      return _patterns.RadioGroupFilter;
+    case 'NUMBER':
+      return _patterns.NumberRangeFilter;
+    case 'REFERENCE':
+      {
+        var _filter$dynamicOption;
+        return (filter == null || (_filter$dynamicOption = filter.dynamicOptionsFilterConfig) == null ? void 0 : _filter$dynamicOption.selectionMode) === 'single' ? _patterns.AutoCompleteFilter : _patterns.MultiSelectCollectionFilter;
+      }
+    default:
+      if (filter != null && filter.enumConfig) {
+        const {
+          selectionMode,
+          optionType,
+          options
+        } = filter.enumConfig;
+        const inlineComponentThreshold = 5;
+        let component;
+        if (selectionMode === 'single') {
+          component = options.length > inlineComponentThreshold ? _patterns.AutoCompleteFilter : _patterns.RadioGroupFilter;
+          if (optionType === 'select') {
+            component = _patterns.AutoCompleteFilter;
+          } else if (optionType === 'radio') {
+            component = _patterns.RadioGroupFilter;
+          }
+        } else {
+          component = options.length > inlineComponentThreshold ? _patterns.MultiSelectCheckboxFilter : _patterns.MultiInlineCheckboxFilter;
+          if (optionType === 'select') {
+            component = _patterns.MultiSelectCollectionFilter;
+          } else if (optionType === 'inlineCheckbox') {
+            component = _patterns.MultiInlineCheckboxFilter;
+          } else if (optionType === 'checkbox') {
+            component = _patterns.MultiSelectCheckboxFilter;
+          }
+        }
+        return component;
+      }
+      break;
+  }
+  return null;
+}
+//# sourceMappingURL=getFilterComponent.js.map

package/dist/cjs/hooks/getFilterComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_patterns","require","getFilterComponent","filter","fieldDefinition","type","DateRangeFilter","RadioGroupFilter","NumberRangeFilter","_filter$dynamicOption","dynamicOptionsFilterConfig","selectionMode","AutoCompleteFilter","MultiSelectCollectionFilter","enumConfig","optionType","options","inlineComponentThreshold","component","length","MultiSelectCheckboxFilter","MultiInlineCheckboxFilter"],"sources":["../../../src/hooks/getFilterComponent.ts"],"sourcesContent":["import { FilterOptions } from './useFiltersState';\nimport {\n  AutoCompleteFilter,\n  DateRangeFilter,\n  MultiInlineCheckboxFilter,\n  MultiSelectCheckboxFilter,\n  MultiSelectCollectionFilter,\n  NumberRangeFilter,\n  RadioGroupFilter,\n} from '@wix/patterns';\nimport { ElementType } from 'react';\n\nexport function getFilterComponent(filter: FilterOptions): ElementType | null {\n  switch (filter.fieldDefinition.type) {\n    case 'DATE':\n    case 'DATETIME':\n      return DateRangeFilter;\n\n    case 'BOOLEAN':\n      return RadioGroupFilter;\n\n    case 'NUMBER':\n      return NumberRangeFilter;\n\n    case 'REFERENCE': {\n      return filter?.dynamicOptionsFilterConfig?.selectionMode === 'single'\n        ? AutoCompleteFilter\n        : MultiSelectCollectionFilter;\n    }\n\n    default:\n      if (filter?.enumConfig) {\n        const { selectionMode, optionType, options } = filter.enumConfig;\n\n        const inlineComponentThreshold = 5;\n\n        let component;\n\n        if (selectionMode === 'single') {\n          component =\n            options.length > inlineComponentThreshold\n              ? AutoCompleteFilter\n              : RadioGroupFilter;\n          if (optionType === 'select') {\n            component = AutoCompleteFilter;\n          } else if (optionType === 'radio') {\n            component = RadioGroupFilter;\n          }\n        } else {\n          component =\n            options.length > inlineComponentThreshold\n              ? MultiSelectCheckboxFilter\n              : MultiInlineCheckboxFilter;\n          if (optionType === 'select') {\n            component = MultiSelectCollectionFilter;\n          } else if (optionType === 'inlineCheckbox') {\n            component = MultiInlineCheckboxFilter;\n          } else if (optionType === 'checkbox') {\n            component = MultiSelectCheckboxFilter;\n          }\n        }\n\n        return component;\n      }\n      break;\n  }\n\n  return null;\n}\n"],"mappings":";;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAWO,SAASC,kBAAkBA,CAACC,MAAqB,EAAsB;EAC5E,QAAQA,MAAM,CAACC,eAAe,CAACC,IAAI;IACjC,KAAK,MAAM;IACX,KAAK,UAAU;MACb,OAAOC,yBAAe;IAExB,KAAK,SAAS;MACZ,OAAOC,0BAAgB;IAEzB,KAAK,QAAQ;MACX,OAAOC,2BAAiB;IAE1B,KAAK,WAAW;MAAE;QAAA,IAAAC,qBAAA;QAChB,OAAO,CAAAN,MAAM,aAAAM,qBAAA,GAANN,MAAM,CAAEO,0BAA0B,qBAAlCD,qBAAA,CAAoCE,aAAa,MAAK,QAAQ,GACjEC,4BAAkB,GAClBC,qCAA2B;MACjC;IAEA;MACE,IAAIV,MAAM,YAANA,MAAM,CAAEW,UAAU,EAAE;QACtB,MAAM;UAAEH,aAAa;UAAEI,UAAU;UAAEC;QAAQ,CAAC,GAAGb,MAAM,CAACW,UAAU;QAEhE,MAAMG,wBAAwB,GAAG,CAAC;QAElC,IAAIC,SAAS;QAEb,IAAIP,aAAa,KAAK,QAAQ,EAAE;UAC9BO,SAAS,GACPF,OAAO,CAACG,MAAM,GAAGF,wBAAwB,GACrCL,4BAAkB,GAClBL,0BAAgB;UACtB,IAAIQ,UAAU,KAAK,QAAQ,EAAE;YAC3BG,SAAS,GAAGN,4BAAkB;UAChC,CAAC,MAAM,IAAIG,UAAU,KAAK,OAAO,EAAE;YACjCG,SAAS,GAAGX,0BAAgB;UAC9B;QACF,CAAC,MAAM;UACLW,SAAS,GACPF,OAAO,CAACG,MAAM,GAAGF,wBAAwB,GACrCG,mCAAyB,GACzBC,mCAAyB;UAC/B,IAAIN,UAAU,KAAK,QAAQ,EAAE;YAC3BG,SAAS,GAAGL,qCAA2B;UACzC,CAAC,MAAM,IAAIE,UAAU,KAAK,gBAAgB,EAAE;YAC1CG,SAAS,GAAGG,mCAAyB;UACvC,CAAC,MAAM,IAAIN,UAAU,KAAK,UAAU,EAAE;YACpCG,SAAS,GAAGE,mCAAyB;UACvC;QACF;QAEA,OAAOF,SAAS;MAClB;MACA;EACJ;EAEA,OAAO,IAAI;AACb","ignoreList":[]}