@wix/auto-patterns 1.45.0 → 1.47.0

package/dist/cjs/components/fields/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_AutoPatternsAppContainerProvider","_validations","_cmsFields","timeValidation","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Time","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","useAutoPatternsAppContainer","pt","useWixPatternsContainer","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","createElement","FormField","label","displayName","status","fieldState","error","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormTimeInput","autoFocus","data","exports"],"sources":["../../../../src/components/fields/Time.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { isDataValidOrNotSet } from '../../cms-fields/validations/validations';\nimport { FormTimeInput, TypeMismatchExclamation } from '../../cms-fields';\nimport * as timeValidation from '../../cms-fields/validations/time';\n\nexport interface TimeProps extends BaseInputProps<string> {}\n\nexport const Time = (props: TimeProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t } = useAutoPatternsAppContainer();\n  const { translate: pt } = useWixPatternsContainer();\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n      suffix={\n        isDataValidOrNotSet(\n          controller.field.value,\n          timeValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={t('auto-patterns.fields.field_type_time_title')}\n            clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n            convertButtonText={t('auto-patterns.fields.type_mismatch_convert')}\n            onClear={() => controller.field.onChange(undefined)}\n            onChange={(value) => controller.field.onChange(value)}\n            convertDisabledText={t(\n              'auto-patterns.fields.type_mismatch_convert_disabled',\n            )}\n            fieldName={field.displayName}\n            isConverted={false}\n            isConverting={false}\n            convertedValue=\"00:00:00.000\"\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName: 'Time',\n            })}\n          />\n        )\n      }\n    >\n      <FormTimeInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        dataHook={`time-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/fields/index.js

@@ -2,32 +2,65 @@
 
 exports.__esModule = true;
 var _exportNames = {
+  Audio: true,
   Checkbox: true,
+  Email: true,
   DateInput: true,
   DateTime: true,
+  Document: true,
+  MultiDocument: true,
   ImageInput: true,
   LongText: true,
   Number: true,
+  Reference: true,
+  MultiReference: true,
   ShortText: true,
-  Url: true
+  Time: true,
+  Url: true,
+  Object: true,
+  Address: true,
+  RichContent: true,
+  RichText: true
 };
-exports.Url = exports.ShortText = exports.Number = exports.LongText = exports.ImageInput = exports.DateTime = exports.DateInput = exports.Checkbox = void 0;
+exports.Url = exports.Time = exports.ShortText = exports.RichText = exports.RichContent = exports.Reference = exports.Object = exports.Number = exports.MultiReference = exports.MultiDocument = exports.LongText = exports.ImageInput = exports.Email = exports.Document = exports.DateTime = exports.DateInput = exports.Checkbox = exports.Audio = exports.Address = void 0;
+var _Audio = require("./Audio");
+exports.Audio = _Audio.Audio;
 var _Checkbox = require("./Checkbox");
 exports.Checkbox = _Checkbox.Checkbox;
+var _Email = require("./Email");
+exports.Email = _Email.Email;
 var _DateInput = require("./DateInput");
 exports.DateInput = _DateInput.DateInput;
 var _DateTime = require("./DateTime");
 exports.DateTime = _DateTime.DateTime;
+var _Document = require("./Document");
+exports.Document = _Document.Document;
+var _MultiDocument = require("./MultiDocument");
+exports.MultiDocument = _MultiDocument.MultiDocument;
 var _ImageInput = require("./ImageInput");
 exports.ImageInput = _ImageInput.ImageInput;
 var _LongText = require("./LongText");
 exports.LongText = _LongText.LongText;
 var _Number = require("./Number");
 exports.Number = _Number.Number;
+var _Reference = require("./Reference");
+exports.Reference = _Reference.Reference;
+var _MultiReference = require("./MultiReference");
+exports.MultiReference = _MultiReference.MultiReference;
 var _ShortText = require("./ShortText");
 exports.ShortText = _ShortText.ShortText;
+var _Time = require("./Time");
+exports.Time = _Time.Time;
 var _Url = require("./Url");
 exports.Url = _Url.Url;
+var _Object = require("./Object");
+exports.Object = _Object.Object;
+var _Address = require("./Address");
+exports.Address = _Address.Address;
+var _RichContent = require("./RichContent");
+exports.RichContent = _RichContent.RichContent;
+var _RichText = require("./RichText");
+exports.RichText = _RichText.RichText;
 var _types = require("./types");
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/components/fields/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Checkbox","require","exports","Checkbox","_DateInput","DateInput","_DateTime","DateTime","_ImageInput","ImageInput","_LongText","LongText","_Number","Number","_ShortText","ShortText","_Url","Url","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Checkbox } from './Checkbox';\nexport { DateInput } from './DateInput';\nexport { DateTime } from './DateTime';\nexport { ImageInput } from './ImageInput';\nexport { LongText } from './LongText';\nexport { Number } from './Number';\nexport { ShortText } from './ShortText';\nexport { Url } from './Url';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAsCC,OAAA,CAAAC,QAAA,GAAAH,SAAA,CAAAG,QAAA;AACtC,IAAAC,UAAA,GAAAH,OAAA;AAAwCC,OAAA,CAAAG,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,SAAA,GAAAL,OAAA;AAAsCC,OAAA,CAAAK,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,WAAA,GAAAP,OAAA;AAA0CC,OAAA,CAAAO,UAAA,GAAAD,WAAA,CAAAC,UAAA;AAC1C,IAAAC,SAAA,GAAAT,OAAA;AAAsCC,OAAA,CAAAS,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,OAAA,GAAAX,OAAA;AAAkCC,OAAA,CAAAW,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,UAAA,GAAAb,OAAA;AAAwCC,OAAA,CAAAa,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,IAAA,GAAAf,OAAA;AAA4BC,OAAA,CAAAe,GAAA,GAAAD,IAAA,CAAAC,GAAA;AAC5B,IAAAC,MAAA,GAAAjB,OAAA;AAAAkB,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAApB,OAAA,IAAAA,OAAA,CAAAoB,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAApB,OAAA,CAAAoB,GAAA,IAAAJ,MAAA,CAAAI,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_Audio","require","exports","Audio","_Checkbox","Checkbox","_Email","Email","_DateInput","DateInput","_DateTime","DateTime","_Document","Document","_MultiDocument","MultiDocument","_ImageInput","ImageInput","_LongText","LongText","_Number","Number","_Reference","Reference","_MultiReference","MultiReference","_ShortText","ShortText","_Time","Time","_Url","Url","_Object","Object","_Address","Address","_RichContent","RichContent","_RichText","RichText","_types","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Audio } from './Audio';\nexport { Checkbox } from './Checkbox';\nexport { Email } from './Email';\nexport { DateInput } from './DateInput';\nexport { DateTime } from './DateTime';\nexport { Document } from './Document';\nexport { MultiDocument } from './MultiDocument';\nexport { ImageInput } from './ImageInput';\nexport { LongText } from './LongText';\nexport { Number } from './Number';\nexport { Reference } from './Reference';\nexport { MultiReference } from './MultiReference';\nexport { ShortText } from './ShortText';\nexport { Time } from './Time';\nexport { Url } from './Url';\nexport { Object } from './Object';\nexport { Address } from './Address';\nexport { RichContent } from './RichContent';\nexport { RichText } from './RichText';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAgCC,OAAA,CAAAC,KAAA,GAAAH,MAAA,CAAAG,KAAA;AAChC,IAAAC,SAAA,GAAAH,OAAA;AAAsCC,OAAA,CAAAG,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,MAAA,GAAAL,OAAA;AAAgCC,OAAA,CAAAK,KAAA,GAAAD,MAAA,CAAAC,KAAA;AAChC,IAAAC,UAAA,GAAAP,OAAA;AAAwCC,OAAA,CAAAO,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,SAAA,GAAAT,OAAA;AAAsCC,OAAA,CAAAS,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,SAAA,GAAAX,OAAA;AAAsCC,OAAA,CAAAW,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,cAAA,GAAAb,OAAA;AAAgDC,OAAA,CAAAa,aAAA,GAAAD,cAAA,CAAAC,aAAA;AAChD,IAAAC,WAAA,GAAAf,OAAA;AAA0CC,OAAA,CAAAe,UAAA,GAAAD,WAAA,CAAAC,UAAA;AAC1C,IAAAC,SAAA,GAAAjB,OAAA;AAAsCC,OAAA,CAAAiB,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,OAAA,GAAAnB,OAAA;AAAkCC,OAAA,CAAAmB,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,UAAA,GAAArB,OAAA;AAAwCC,OAAA,CAAAqB,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,eAAA,GAAAvB,OAAA;AAAkDC,OAAA,CAAAuB,cAAA,GAAAD,eAAA,CAAAC,cAAA;AAClD,IAAAC,UAAA,GAAAzB,OAAA;AAAwCC,OAAA,CAAAyB,SAAA,GAAAD,UAAA,CAAAC,SAAA;AACxC,IAAAC,KAAA,GAAA3B,OAAA;AAA8BC,OAAA,CAAA2B,IAAA,GAAAD,KAAA,CAAAC,IAAA;AAC9B,IAAAC,IAAA,GAAA7B,OAAA;AAA4BC,OAAA,CAAA6B,GAAA,GAAAD,IAAA,CAAAC,GAAA;AAC5B,IAAAC,OAAA,GAAA/B,OAAA;AAAkCC,OAAA,CAAA+B,MAAA,GAAAD,OAAA,CAAAC,MAAA;AAClC,IAAAC,QAAA,GAAAjC,OAAA;AAAoCC,OAAA,CAAAiC,OAAA,GAAAD,QAAA,CAAAC,OAAA;AACpC,IAAAC,YAAA,GAAAnC,OAAA;AAA4CC,OAAA,CAAAmC,WAAA,GAAAD,YAAA,CAAAC,WAAA;AAC5C,IAAAC,SAAA,GAAArC,OAAA;AAAsCC,OAAA,CAAAqC,QAAA,GAAAD,SAAA,CAAAC,QAAA;AACtC,IAAAC,MAAA,GAAAvC,OAAA;AAAAgC,MAAA,CAAAQ,IAAA,CAAAD,MAAA,EAAAE,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAV,MAAA,CAAAW,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAzC,OAAA,IAAAA,OAAA,CAAAyC,GAAA,MAAAH,MAAA,CAAAG,GAAA;EAAAzC,OAAA,CAAAyC,GAAA,IAAAH,MAAA,CAAAG,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/filters/DynamicCollectionFilter.js

@@ -7,12 +7,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _patterns = require("@wix/patterns");
 var _providers = require("../../providers");
-var _fetchCmsData = require("../../dataSourceAdapters/cms/fetchCmsData");
+var _schema = require("../../utils/schema");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/filters/DynamicCollectionFilter.tsx";
 const DynamicCollectionFilter = ({
   filter,
   collectionId,
   component: FilterComponent,
+  renderItem,
   ...filterProps
 }) => {
   const {
@@ -26,16 +27,7 @@ const DynamicCollectionFilter = ({
         total: 0
       };
     }
-    const result = await (0, _fetchCmsData.fetchCmsData)(collectionId, query, referencedSchema.fields, {
-      searchableFieldIds: [referencedSchema.displayField],
-      filterFieldMapping: {}
-    });
-    return {
-      items: result.items.map(item => ({
-        id: item[referencedSchema.idField],
-        name: item[referencedSchema.displayField]
-      }))
-    };
+    return (0, _schema.fetchReferenceItems)(collectionId, query, referencedSchema);
   }, [collectionId, referencedSchema]);
   const collection = (0, _patterns.useFilterCollection)(filter, {
     queryName: `filter-collection-${collectionId}`,
@@ -43,12 +35,13 @@ const DynamicCollectionFilter = ({
   });
   return /*#__PURE__*/_react.default.createElement(FilterComponent, (0, _extends2.default)({
     filter: filter,
-    collection: collection
+    collection: collection,
+    renderItem: renderItem
   }, filterProps, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 50,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/filters/DynamicCollectionFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_providers","_fetchCmsData","_jsxFileName","DynamicCollectionFilter","filter","collectionId","component","FilterComponent","filterProps","getSchema","useSchemaRegistry","referencedSchema","fetchData","React","useCallback","query","items","total","result","fetchCmsData","fields","searchableFieldIds","displayField","filterFieldMapping","map","item","id","idField","name","collection","useFilterCollection","queryName","default","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/filters/DynamicCollectionFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { Filter, useFilterCollection } from '@wix/patterns';\nimport { useSchemaRegistry } from '../../providers';\nimport { fetchCmsData } from '../../dataSourceAdapters/cms/fetchCmsData';\n\ninterface DynamicCollectionFilterProps {\n  filter: Filter<any>;\n  collectionId: string;\n  component: React.ElementType;\n  componentName?: string;\n  [key: string]: any;\n}\n\nexport const DynamicCollectionFilter: React.FC<\n  DynamicCollectionFilterProps\n> = ({ filter, collectionId, component: FilterComponent, ...filterProps }) => {\n  const { getSchema } = useSchemaRegistry();\n  const referencedSchema = getSchema(collectionId);\n\n  const fetchData = React.useCallback(\n    async (query) => {\n      if (!referencedSchema) {\n        return { items: [], total: 0 };\n      }\n\n      const result = await fetchCmsData(\n        collectionId,\n        query,\n        referencedSchema.fields,\n        {\n          searchableFieldIds: [referencedSchema.displayField],\n          filterFieldMapping: {},\n        },\n      );\n\n      return {\n        items: result.items.map((item: any) => ({\n          id: item[referencedSchema.idField],\n          name: item[referencedSchema.displayField],\n        })),\n      };\n    },\n    [collectionId, referencedSchema],\n  );\n\n  const collection = useFilterCollection(filter, {\n    queryName: `filter-collection-${collectionId}`,\n    fetchData,\n  });\n\n  return (\n    <FilterComponent filter={filter} collection={collection} {...filterProps} />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAyE,IAAAI,YAAA;AAUlE,MAAMC,uBAEZ,GAAGA,CAAC;EAAEC,MAAM;EAAEC,YAAY;EAAEC,SAAS,EAAEC,eAAe;EAAE,GAAGC;AAAY,CAAC,KAAK;EAC5E,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACzC,MAAMC,gBAAgB,GAAGF,SAAS,CAACJ,YAAY,CAAC;EAEhD,MAAMO,SAAS,GAAGC,cAAK,CAACC,WAAW,CACjC,MAAOC,KAAK,IAAK;IACf,IAAI,CAACJ,gBAAgB,EAAE;MACrB,OAAO;QAAEK,KAAK,EAAE,EAAE;QAAEC,KAAK,EAAE;MAAE,CAAC;IAChC;IAEA,MAAMC,MAAM,GAAG,MAAM,IAAAC,0BAAY,EAC/Bd,YAAY,EACZU,KAAK,EACLJ,gBAAgB,CAACS,MAAM,EACvB;MACEC,kBAAkB,EAAE,CAACV,gBAAgB,CAACW,YAAY,CAAC;MACnDC,kBAAkB,EAAE,CAAC;IACvB,CACF,CAAC;IAED,OAAO;MACLP,KAAK,EAAEE,MAAM,CAACF,KAAK,CAACQ,GAAG,CAAEC,IAAS,KAAM;QACtCC,EAAE,EAAED,IAAI,CAACd,gBAAgB,CAACgB,OAAO,CAAC;QAClCC,IAAI,EAAEH,IAAI,CAACd,gBAAgB,CAACW,YAAY;MAC1C,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EACD,CAACjB,YAAY,EAAEM,gBAAgB,CACjC,CAAC;EAED,MAAMkB,UAAU,GAAG,IAAAC,6BAAmB,EAAC1B,MAAM,EAAE;IAC7C2B,SAAS,EAAE,qBAAqB1B,YAAY,EAAE;IAC9CO;EACF,CAAC,CAAC;EAEF,oBACEhB,MAAA,CAAAoC,OAAA,CAAAC,aAAA,CAAC1B,eAAe,MAAA2B,SAAA,CAAAF,OAAA;IAAC5B,MAAM,EAAEA,MAAO;IAACyB,UAAU,EAAEA;EAAW,GAAKrB,WAAW;IAAA2B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnC,YAAA;MAAAoC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAEhF,CAAC;AAACC,OAAA,CAAArC,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_providers","_schema","_jsxFileName","DynamicCollectionFilter","filter","collectionId","component","FilterComponent","renderItem","filterProps","getSchema","useSchemaRegistry","referencedSchema","fetchData","React","useCallback","query","items","total","fetchReferenceItems","collection","useFilterCollection","queryName","default","createElement","_extends2","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/filters/DynamicCollectionFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { Filter, useFilterCollection } from '@wix/patterns';\nimport { useSchemaRegistry } from '../../providers';\nimport { fetchReferenceItems, type ReferenceItem } from '../../utils/schema';\n\nexport interface ListItem {\n  prefix?: React.ReactNode;\n  title?: string;\n  subtitle?: string;\n  suffix?: React.ReactNode;\n}\n\ninterface DynamicCollectionFilterProps {\n  filter: Filter<any>;\n  collectionId: string;\n  component: React.ElementType;\n  componentName?: string;\n  renderItem?: (item: ReferenceItem, index: number) => ListItem;\n  [key: string]: any;\n}\n\nexport const DynamicCollectionFilter: React.FC<\n  DynamicCollectionFilterProps\n> = ({\n  filter,\n  collectionId,\n  component: FilterComponent,\n  renderItem,\n  ...filterProps\n}) => {\n  const { getSchema } = useSchemaRegistry();\n  const referencedSchema = getSchema(collectionId);\n\n  const fetchData = React.useCallback(\n    async (query) => {\n      if (!referencedSchema) {\n        return { items: [], total: 0 };\n      }\n      return fetchReferenceItems(collectionId, query, referencedSchema);\n    },\n    [collectionId, referencedSchema],\n  );\n\n  const collection = useFilterCollection(filter, {\n    queryName: `filter-collection-${collectionId}`,\n    fetchData,\n  });\n\n  return (\n    <FilterComponent\n      filter={filter}\n      collection={collection}\n      renderItem={renderItem}\n      {...filterProps}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA6E,IAAAI,YAAA;AAkBtE,MAAMC,uBAEZ,GAAGA,CAAC;EACHC,MAAM;EACNC,YAAY;EACZC,SAAS,EAAEC,eAAe;EAC1BC,UAAU;EACV,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACzC,MAAMC,gBAAgB,GAAGF,SAAS,CAACL,YAAY,CAAC;EAEhD,MAAMQ,SAAS,GAAGC,cAAK,CAACC,WAAW,CACjC,MAAOC,KAAK,IAAK;IACf,IAAI,CAACJ,gBAAgB,EAAE;MACrB,OAAO;QAAEK,KAAK,EAAE,EAAE;QAAEC,KAAK,EAAE;MAAE,CAAC;IAChC;IACA,OAAO,IAAAC,2BAAmB,EAACd,YAAY,EAAEW,KAAK,EAAEJ,gBAAgB,CAAC;EACnE,CAAC,EACD,CAACP,YAAY,EAAEO,gBAAgB,CACjC,CAAC;EAED,MAAMQ,UAAU,GAAG,IAAAC,6BAAmB,EAACjB,MAAM,EAAE;IAC7CkB,SAAS,EAAE,qBAAqBjB,YAAY,EAAE;IAC9CQ;EACF,CAAC,CAAC;EAEF,oBACEjB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACjB,eAAe,MAAAkB,SAAA,CAAAF,OAAA;IACdnB,MAAM,EAAEA,MAAO;IACfgB,UAAU,EAAEA,UAAW;IACvBZ,UAAU,EAAEA;EAAW,GACnBC,WAAW;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA5B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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

@@ -7,8 +7,7 @@ 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // 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

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_providers","_ViewField","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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/FormField.js

@@ -8,14 +8,25 @@ 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 = {
+  AUDIO: _fields.Audio,
   SHORT_TEXT: _fields.ShortText,
   LONG_TEXT: _fields.LongText,
   BOOLEAN: _fields.Checkbox,
   DATE: _fields.DateInput,
   DATETIME: _fields.DateTime,
+  TIME: _fields.Time,
   NUMBER: _fields.Number,
   URL: _fields.Url,
-  IMAGE: _fields.ImageInput
+  IMAGE: _fields.ImageInput,
+  REFERENCE: _fields.Reference,
+  MULTI_REFERENCE: _fields.MultiReference,
+  OBJECT: _fields.Object,
+  ADDRESS: _fields.Address,
+  RICH_CONTENT: _fields.RichContent,
+  RICH_TEXT: _fields.RichText,
+  DOCUMENT: _fields.Document,
+  MULTI_DOCUMENT: _fields.MultiDocument,
+  EMAIL: _fields.Email
 };
 const FormField = ({
   field,
@@ -43,7 +54,7 @@ const FormField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 77,
       columnNumber: 5
     }
   });

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_fields","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","AUDIO","Audio","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","TIME","Time","NUMBER","Number","URL","Url","IMAGE","ImageInput","REFERENCE","Reference","MULTI_REFERENCE","MultiReference","OBJECT","Object","ADDRESS","Address","RICH_CONTENT","RichContent","RICH_TEXT","RichText","DOCUMENT","Document","MULTI_DOCUMENT","MultiDocument","EMAIL","Email","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  Audio,\n  ShortText,\n  LongText,\n  Checkbox,\n  DateInput,\n  DateTime,\n  Time,\n  Number,\n  Url,\n  Email,\n  ImageInput,\n  Reference,\n  BaseInputProps,\n  Object,\n  Address,\n  RichContent,\n  RichText,\n  Document,\n  MultiDocument,\n  MultiReference,\n} from '../fields';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  AUDIO: Audio,\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  TIME: Time,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n  REFERENCE: Reference,\n  MULTI_REFERENCE: MultiReference,\n  OBJECT: Object,\n  ADDRESS: Address,\n  RICH_CONTENT: RichContent,\n  RICH_TEXT: RichText,\n  DOCUMENT: Document,\n  MULTI_DOCUMENT: MultiDocument,\n  EMAIL: Email,\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;AAqBmB,IAAAG,YAAA;AAEZ,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,KAAK,EAAEC,aAAK;EACZC,UAAU,EAAEC,iBAAS;EACrBC,SAAS,EAAEC,gBAAQ;EACnBC,OAAO,EAAEC,gBAAQ;EACjBC,IAAI,EAAEC,iBAAS;EACfC,QAAQ,EAAEC,gBAAQ;EAClBC,IAAI,EAAEC,YAAI;EACVC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC,WAAG;EACRC,KAAK,EAAEC,kBAAU;EACjBC,SAAS,EAAEC,iBAAS;EACpBC,eAAe,EAAEC,sBAAc;EAC/BC,MAAM,EAAEC,cAAM;EACdC,OAAO,EAAEC,eAAO;EAChBC,YAAY,EAAEC,mBAAW;EACzBC,SAAS,EAAEC,gBAAQ;EACnBC,QAAQ,EAAEC,gBAAQ;EAClBC,cAAc,EAAEC,qBAAa;EAC7BC,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,CAAChD,uBAAuB,CAACmD,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGrD,uBAAuB,CAACyC,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACE1D,MAAA,CAAA4D,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,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClB,CAAC;AAEN,CAAC;AAAC9D,OAAA,CAAAuC,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -5,6 +5,12 @@ exports.__esModule = true;
 exports.ViewField = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _ReferenceViewField = require("../ReferenceViewField");
+var _audioView = require("../../cms-fields/components/audio/audio-field/audio-view");
+var _documentView = require("../../cms-fields/components/document/document-view");
+var _multiDocumentView = require("../../cms-fields/components/multi-document/multi-document-view/multi-document-view");
+var _MultiReferenceViewField = require("../MultiReferenceViewField");
+var _address = require("../../cms-fields/components/address");
 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 => {
@@ -31,19 +37,116 @@ const getDisplayValue = value => {
   }
   return String(value);
 };
+const isEmptyValue = value => {
+  if (value === null || value === undefined) {
+    return true;
+  }
+  if (Array.isArray(value) && value.length === 0) {
+    return true;
+  }
+  return false;
+};
+const ViewFieldContent = ({
+  field,
+  value
+}) => {
+  if (isEmptyValue(value)) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 62,
+        columnNumber: 12
+      }
+    }, "-");
+  }
+  switch (field.type) {
+    case 'REFERENCE':
+      return /*#__PURE__*/_react.default.createElement(_ReferenceViewField.ReferenceViewField, {
+        field: field,
+        value: value,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 67,
+          columnNumber: 14
+        }
+      });
+    case 'MULTI_REFERENCE':
+      return /*#__PURE__*/_react.default.createElement(_MultiReferenceViewField.MultiReferenceViewField, {
+        field: field,
+        value: value,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 69,
+          columnNumber: 14
+        }
+      });
+    case 'AUDIO':
+      return /*#__PURE__*/_react.default.createElement(_audioView.AudioView, {
+        data: value,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 71,
+          columnNumber: 14
+        }
+      });
+    case 'DOCUMENT':
+      return /*#__PURE__*/_react.default.createElement(_documentView.DocumentView, {
+        data: value,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 73,
+          columnNumber: 14
+        }
+      });
+    case 'MULTI_DOCUMENT':
+      return /*#__PURE__*/_react.default.createElement(_multiDocumentView.MultiDocumentView, {
+        data: value,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 75,
+          columnNumber: 14
+        }
+      });
+    case 'ADDRESS':
+      return /*#__PURE__*/_react.default.createElement(_address.AddressView, {
+        data: value,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 77,
+          columnNumber: 14
+        }
+      });
+    default:
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 79,
+          columnNumber: 14
+        }
+      }, getDisplayValue(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",
+    dataHook: `view-field-${field.id}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 92,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -52,17 +155,19 @@ const ViewField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 93,
       columnNumber: 7
     }
-  }, field.displayName || field.id), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  }, field.displayName || field.id), /*#__PURE__*/_react.default.createElement(ViewFieldContent, {
+    field: field,
+    value: fieldValue,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 96,
       columnNumber: 7
     }
-  }, displayValue));
+  }));
 };
 exports.ViewField = ViewField;
 //# sourceMappingURL=ViewField.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ReferenceViewField","_audioView","_documentView","_multiDocumentView","_MultiReferenceViewField","_address","_jsxFileName","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","isEmptyValue","ViewFieldContent","field","default","createElement","Text","__self","__source","fileName","lineNumber","columnNumber","type","ReferenceViewField","MultiReferenceViewField","AudioView","data","DocumentView","MultiDocumentView","AddressView","ViewField","fieldValue","id","Box","direction","gap","dataHook","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';\nimport { ReferenceViewField } from '../ReferenceViewField';\nimport { AudioView } from '../../cms-fields/components/audio/audio-field/audio-view';\nimport { DocumentView } from '../../cms-fields/components/document/document-view';\nimport { MultiDocumentView } from '../../cms-fields/components/multi-document/multi-document-view/multi-document-view';\nimport { MultiReferenceViewField } from '../MultiReferenceViewField';\nimport { AddressView } from '../../cms-fields/components/address';\nimport { Address } from '../../cms-fields/types/address';\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\nconst isEmptyValue = (value: any): boolean => {\n  if (value === null || value === undefined) {\n    return true;\n  }\n  if (Array.isArray(value) && value.length === 0) {\n    return true;\n  }\n  return false;\n};\n\ninterface ViewFieldContentProps {\n  field: Field;\n  value: unknown;\n}\n\nconst ViewFieldContent: React.FC<ViewFieldContentProps> = ({\n  field,\n  value,\n}) => {\n  if (isEmptyValue(value)) {\n    return <Text>-</Text>;\n  }\n\n  switch (field.type) {\n    case 'REFERENCE':\n      return <ReferenceViewField field={field} value={value} />;\n    case 'MULTI_REFERENCE':\n      return <MultiReferenceViewField field={field} value={value} />;\n    case 'AUDIO':\n      return <AudioView data={value as string} />;\n    case 'DOCUMENT':\n      return <DocumentView data={value as string} />;\n    case 'MULTI_DOCUMENT':\n      return <MultiDocumentView data={value as string[]} />;\n    case 'ADDRESS':\n      return <AddressView data={value as Address} />;\n    default:\n      return <Text>{getDisplayValue(value)}</Text>;\n  }\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\n  return (\n    <Box direction=\"vertical\" gap=\"4px\" dataHook={`view-field-${field.id}`}>\n      <Text size=\"small\" secondary>\n        {field.displayName || field.id}\n      </Text>\n      <ViewFieldContent field={field} value={fieldValue} />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/modals/actions/BulkDeleteModal.js

@@ -5,13 +5,14 @@ exports.BulkDeleteModal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _providers = require("../../../providers");
+var _bi = require("../../../utils/bi");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/modals/actions/BulkDeleteModal.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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const BulkDeleteModal = ({
   sdk,
   modalParams,
-  actionParams
+  actionParams,
+  reportBi
 }) => {
   var _modalParams$actions, _modalParams$actions2, _modalParams$descript;
   const {
@@ -21,6 +22,23 @@ const BulkDeleteModal = ({
   } = sdk;
   const optimisticActions = getOptimisticActions(collectionId);
   const overrides = (0, _providers.useAutoPatternsOverridesContext)();
+  const schema = sdk.getSchema(sdk.collectionId);
+  const selectedIds = schema ? actionParams.selectedValues.map(value => value[schema.idField]) : [];
+  const biReporter = (0, _react.useMemo)(() => {
+    if (!schema) {
+      return null;
+    }
+    return new _bi.BiBulkDeleteReporter({
+      reportBi,
+      selectedValues: actionParams.selectedValues,
+      allSelected: actionParams.allSelected,
+      idField: schema.idField,
+      location: 'MultiBulkActionToolbar'
+    });
+  }, [schema, reportBi, actionParams.selectedValues, actionParams.allSelected]);
+  (0, _react.useEffect)(() => {
+    biReporter == null || biReporter.modalShown();
+  }, []);
   const resolvedTitle = (0, _react.useMemo)(() => {
     var _modalParams$title, _modalParams$title2;
     if ((_modalParams$title = modalParams.title) != null && _modalParams$title.id && overrides != null && overrides.bulkDeleteModalTitle) {
@@ -41,7 +59,7 @@ const BulkDeleteModal = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 63,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.MessageModalLayout, {
@@ -49,15 +67,16 @@ const BulkDeleteModal = ({
     title: resolvedTitle,
     skin: "destructive",
     closeButtonProps: {
-      onClick: () => closeModal()
+      onClick: () => {
+        biReporter == null || biReporter.ctaClicked('X');
+        closeModal();
+      }
     },
     primaryButtonOnClick: () => {
       var _modalParams$feedback;
-      const schema = sdk.getSchema(sdk.collectionId);
       if (!schema) {
         throw new Error('Schema not found');
       }
-      const selectedIds = actionParams.selectedValues.map(value => value[schema.idField]);
       optimisticActions == null || optimisticActions.deleteMany(actionParams.selectedValues, {
         successToast: ((_modalParams$feedback = modalParams.feedback) == null || (_modalParams$feedback = _modalParams$feedback.successToast) == null ? void 0 : _modalParams$feedback.text) || 'Items deleted successfully',
         errorToast: () => {
@@ -69,9 +88,11 @@ const BulkDeleteModal = ({
           return [result];
         }
       });
+      biReporter == null || biReporter.ctaClicked('Delete');
       closeModal();
     },
     secondaryButtonOnClick: () => {
+      biReporter == null || biReporter.ctaClicked('Cancel');
       closeModal();
     },
     primaryButtonText: ((_modalParams$actions = modalParams.actions) == null || (_modalParams$actions = _modalParams$actions.submit) == null ? void 0 : _modalParams$actions.text) || 'Save',
@@ -84,28 +105,28 @@ const BulkDeleteModal = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
+        lineNumber: 100,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 106,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 79,
+        lineNumber: 107,
         columnNumber: 15
       }
     }, ((_modalParams$descript = modalParams.description) == null ? void 0 : _modalParams$descript.text) || 'This items will be deleted'))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 64,
       columnNumber: 7
     }
   }));