@wix/auto-patterns 1.45.0 → 1.46.0

package/dist/esm/components/fields/Time.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import { FormField } from '@wix/design-system';
+import { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+import { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';
+import { isDataValidOrNotSet } from '../../cms-fields/validations/validations';
+import { FormTimeInput, TypeMismatchExclamation } from '../../cms-fields';
+import * as timeValidation from '../../cms-fields/validations/time';
+export const Time = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = useAutoPatternsAppContainer();
+  const {
+    translate: pt
+  } = useWixPatternsContainer();
+  const pageState = useEntityPageContext();
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    suffix: isDataValidOrNotSet(controller.field.value, timeValidation) ? undefined : /*#__PURE__*/React.createElement(TypeMismatchExclamation, {
+      typeName: t('auto-patterns.fields.field_type_time_title'),
+      clearButtonText: t('auto-patterns.fields.type_mismatch_clear'),
+      convertButtonText: t('auto-patterns.fields.type_mismatch_convert'),
+      onClear: () => controller.field.onChange(undefined),
+      onChange: value => controller.field.onChange(value),
+      convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'),
+      fieldName: field.displayName,
+      isConverted: false,
+      isConverting: false,
+      convertedValue: "00:00:00.000",
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName: 'Time'
+      })
+    })
+  }, /*#__PURE__*/React.createElement(FormTimeInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange(value),
+    dataHook: `time-${field.id}`
+  }));
+};
+//# sourceMappingURL=Time.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","useEntityPageContext","useWixPatternsContainer","useController","useAutoPatternsAppContainer","isDataValidOrNotSet","FormTimeInput","TypeMismatchExclamation","timeValidation","Time","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","pt","pageState","controller","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","createElement","label","displayName","status","fieldState","error","statusMessage","message","suffix","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","autoFocus","data"],"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/esm/components/fields/index.js

@@ -1,10 +1,19 @@
 export { Checkbox } from './Checkbox';
 export { DateInput } from './DateInput';
 export { DateTime } from './DateTime';
+export { Document } from './Document';
+export { MultiDocument } from './MultiDocument';
 export { ImageInput } from './ImageInput';
 export { LongText } from './LongText';
 export { Number } from './Number';
+export { Reference } from './Reference';
+export { MultiReference } from './MultiReference';
 export { ShortText } from './ShortText';
+export { Time } from './Time';
 export { Url } from './Url';
+export { Object } from './Object';
+export { Address } from './Address';
+export { RichContent } from './RichContent';
+export { RichText } from './RichText';
 export * from './types';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Checkbox","DateInput","DateTime","ImageInput","LongText","Number","ShortText","Url"],"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,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,GAAG,QAAQ,OAAO;AAC3B,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":["Checkbox","DateInput","DateTime","Document","MultiDocument","ImageInput","LongText","Number","Reference","MultiReference","ShortText","Time","Url","Object","Address","RichContent","RichText"],"sources":["../../../../src/components/fields/index.ts"],"sourcesContent":["export { Checkbox } from './Checkbox';\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,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,QAAQ,QAAQ,YAAY;AACrC,cAAc,SAAS","ignoreList":[]}

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

@@ -2,12 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useFilterCollection } from '@wix/patterns';
 import { useSchemaRegistry } from '../../providers';
-import { fetchCmsData } from '../../dataSourceAdapters/cms/fetchCmsData';
+import { fetchReferenceItems } from '../../utils/schema';
 export const DynamicCollectionFilter = _ref => {
   let {
     filter,
     collectionId,
     component: FilterComponent,
+    renderItem,
     ...filterProps
   } = _ref;
   const {
@@ -21,16 +22,7 @@ export const DynamicCollectionFilter = _ref => {
         total: 0
       };
     }
-    const result = await fetchCmsData(collectionId, query, referencedSchema.fields, {
-      searchableFieldIds: [referencedSchema.displayField],
-      filterFieldMapping: {}
-    });
-    return {
-      items: result.items.map(item => ({
-        id: item[referencedSchema.idField],
-        name: item[referencedSchema.displayField]
-      }))
-    };
+    return fetchReferenceItems(collectionId, query, referencedSchema);
   }, [collectionId, referencedSchema]);
   const collection = useFilterCollection(filter, {
     queryName: `filter-collection-${collectionId}`,
@@ -38,7 +30,8 @@ export const DynamicCollectionFilter = _ref => {
   });
   return /*#__PURE__*/React.createElement(FilterComponent, _extends({
     filter: filter,
-    collection: collection
+    collection: collection,
+    renderItem: renderItem
   }, filterProps));
 };
 //# sourceMappingURL=DynamicCollectionFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useFilterCollection","useSchemaRegistry","fetchCmsData","DynamicCollectionFilter","_ref","filter","collectionId","component","FilterComponent","filterProps","getSchema","referencedSchema","fetchData","useCallback","query","items","total","result","fields","searchableFieldIds","displayField","filterFieldMapping","map","item","id","idField","name","collection","queryName","createElement","_extends"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAiBC,mBAAmB,QAAQ,eAAe;AAC3D,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,YAAY,QAAQ,2CAA2C;AAUxE,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAA0E;EAAA,IAAzE;IAAEC,MAAM;IAAEC,YAAY;IAAEC,SAAS,EAAEC,eAAe;IAAE,GAAGC;EAAY,CAAC,GAAAL,IAAA;EACvE,MAAM;IAAEM;EAAU,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACzC,MAAMU,gBAAgB,GAAGD,SAAS,CAACJ,YAAY,CAAC;EAEhD,MAAMM,SAAS,GAAGb,KAAK,CAACc,WAAW,CACjC,MAAOC,KAAK,IAAK;IACf,IAAI,CAACH,gBAAgB,EAAE;MACrB,OAAO;QAAEI,KAAK,EAAE,EAAE;QAAEC,KAAK,EAAE;MAAE,CAAC;IAChC;IAEA,MAAMC,MAAM,GAAG,MAAMf,YAAY,CAC/BI,YAAY,EACZQ,KAAK,EACLH,gBAAgB,CAACO,MAAM,EACvB;MACEC,kBAAkB,EAAE,CAACR,gBAAgB,CAACS,YAAY,CAAC;MACnDC,kBAAkB,EAAE,CAAC;IACvB,CACF,CAAC;IAED,OAAO;MACLN,KAAK,EAAEE,MAAM,CAACF,KAAK,CAACO,GAAG,CAAEC,IAAS,KAAM;QACtCC,EAAE,EAAED,IAAI,CAACZ,gBAAgB,CAACc,OAAO,CAAC;QAClCC,IAAI,EAAEH,IAAI,CAACZ,gBAAgB,CAACS,YAAY;MAC1C,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EACD,CAACd,YAAY,EAAEK,gBAAgB,CACjC,CAAC;EAED,MAAMgB,UAAU,GAAG3B,mBAAmB,CAACK,MAAM,EAAE;IAC7CuB,SAAS,EAAE,qBAAqBtB,YAAY,EAAE;IAC9CM;EACF,CAAC,CAAC;EAEF,oBACEb,KAAA,CAAA8B,aAAA,CAACrB,eAAe,EAAAsB,QAAA;IAACzB,MAAM,EAAEA,MAAO;IAACsB,UAAU,EAAEA;EAAW,GAAKlB,WAAW,CAAG,CAAC;AAEhF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useFilterCollection","useSchemaRegistry","fetchReferenceItems","DynamicCollectionFilter","_ref","filter","collectionId","component","FilterComponent","renderItem","filterProps","getSchema","referencedSchema","fetchData","useCallback","query","items","total","collection","queryName","createElement","_extends"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAiBC,mBAAmB,QAAQ,eAAe;AAC3D,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,mBAAmB,QAA4B,oBAAoB;AAkB5E,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAME;EAAA,IAND;IACHC,MAAM;IACNC,YAAY;IACZC,SAAS,EAAEC,eAAe;IAC1BC,UAAU;IACV,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAM;IAAEO;EAAU,CAAC,GAAGV,iBAAiB,CAAC,CAAC;EACzC,MAAMW,gBAAgB,GAAGD,SAAS,CAACL,YAAY,CAAC;EAEhD,MAAMO,SAAS,GAAGd,KAAK,CAACe,WAAW,CACjC,MAAOC,KAAK,IAAK;IACf,IAAI,CAACH,gBAAgB,EAAE;MACrB,OAAO;QAAEI,KAAK,EAAE,EAAE;QAAEC,KAAK,EAAE;MAAE,CAAC;IAChC;IACA,OAAOf,mBAAmB,CAACI,YAAY,EAAES,KAAK,EAAEH,gBAAgB,CAAC;EACnE,CAAC,EACD,CAACN,YAAY,EAAEM,gBAAgB,CACjC,CAAC;EAED,MAAMM,UAAU,GAAGlB,mBAAmB,CAACK,MAAM,EAAE;IAC7Cc,SAAS,EAAE,qBAAqBb,YAAY,EAAE;IAC9CO;EACF,CAAC,CAAC;EAEF,oBACEd,KAAA,CAAAqB,aAAA,CAACZ,eAAe,EAAAa,QAAA;IACdhB,MAAM,EAAEA,MAAO;IACfa,UAAU,EAAEA,UAAW;IACvBT,UAAU,EAAEA;EAAW,GACnBC,WAAW,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -1,15 +1,24 @@
 import React from 'react';
 import { useController } from '@wix/patterns/form';
-import { ShortText, LongText, Checkbox, DateInput, DateTime, Number, Url, ImageInput } from '../fields';
+import { ShortText, LongText, Checkbox, DateInput, DateTime, Time, Number, Url, ImageInput, Reference, Object, Address, RichContent, RichText, Document, MultiDocument, MultiReference } from '../fields';
 export const EDITABLE_INPUT_ELEMENTS = {
   SHORT_TEXT: ShortText,
   LONG_TEXT: LongText,
   BOOLEAN: Checkbox,
   DATE: DateInput,
   DATETIME: DateTime,
+  TIME: Time,
   NUMBER: Number,
   URL: Url,
-  IMAGE: ImageInput
+  IMAGE: ImageInput,
+  REFERENCE: Reference,
+  MULTI_REFERENCE: MultiReference,
+  OBJECT: Object,
+  ADDRESS: Address,
+  RICH_CONTENT: RichContent,
+  RICH_TEXT: RichText,
+  DOCUMENT: Document,
+  MULTI_DOCUMENT: MultiDocument
 };
 export const FormField = _ref => {
   let {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useController","ShortText","LongText","Checkbox","DateInput","DateTime","Number","Url","ImageInput","EDITABLE_INPUT_ELEMENTS","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","NUMBER","URL","IMAGE","FormField","_ref","field","inputRef","formControl","data","controller","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAiB,oBAAoB;AAE3D,SACEC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,MAAM,EACNC,GAAG,EACHC,UAAU,QAEL,WAAW;AAElB,OAAO,MAAMC,uBAEZ,GAAG;EACFC,UAAU,EAAET,SAAS;EACrBU,SAAS,EAAET,QAAQ;EACnBU,OAAO,EAAET,QAAQ;EACjBU,IAAI,EAAET,SAAS;EACfU,QAAQ,EAAET,QAAQ;EAClBU,MAAM,EAAET,MAAM;EACdU,GAAG,EAAET,GAAG;EACRU,KAAK,EAAET;AACT,CAAC;AASD,OAAO,MAAMU,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAGxB,aAAa,CAAC;IAC/ByB,IAAI,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEL,WAAW;IACpBM,YAAY,EAAEL,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAACjB,uBAAuB,CAACoB,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAGtB,uBAAuB,CAACW,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACE/B,KAAA,CAAAiC,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAET,UAAU,CAACJ,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEV,UAAU,CAACJ,KAAK,CAACc,QAAS;IACpCC,QAAQ,EAAE,cAAcf,KAAK,CAACM,EAAE,EAAG;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC;EAAE,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useController","ShortText","LongText","Checkbox","DateInput","DateTime","Time","Number","Url","ImageInput","Reference","Object","Address","RichContent","RichText","Document","MultiDocument","MultiReference","EDITABLE_INPUT_ELEMENTS","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","TIME","NUMBER","URL","IMAGE","REFERENCE","MULTI_REFERENCE","OBJECT","ADDRESS","RICH_CONTENT","RICH_TEXT","DOCUMENT","MULTI_DOCUMENT","FormField","_ref","field","inputRef","formControl","data","controller","name","id","control","defaultValue","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"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  Time,\n  Number,\n  Url,\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  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};\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAiB,oBAAoB;AAE3D,SACEC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,UAAU,EACVC,SAAS,EAETC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,cAAc,QACT,WAAW;AAElB,OAAO,MAAMC,uBAEZ,GAAG;EACFC,UAAU,EAAElB,SAAS;EACrBmB,SAAS,EAAElB,QAAQ;EACnBmB,OAAO,EAAElB,QAAQ;EACjBmB,IAAI,EAAElB,SAAS;EACfmB,QAAQ,EAAElB,QAAQ;EAClBmB,IAAI,EAAElB,IAAI;EACVmB,MAAM,EAAElB,MAAM;EACdmB,GAAG,EAAElB,GAAG;EACRmB,KAAK,EAAElB,UAAU;EACjBmB,SAAS,EAAElB,SAAS;EACpBmB,eAAe,EAAEZ,cAAc;EAC/Ba,MAAM,EAAEnB,MAAM;EACdoB,OAAO,EAAEnB,OAAO;EAChBoB,YAAY,EAAEnB,WAAW;EACzBoB,SAAS,EAAEnB,QAAQ;EACnBoB,QAAQ,EAAEnB,QAAQ;EAClBoB,cAAc,EAAEnB;AAClB,CAAC;AASD,OAAO,MAAMoB,SAAmC,GAAGC,IAAA,IAK7C;EAAA,IAL8C;IAClDC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,UAAU,GAAG1C,aAAa,CAAC;IAC/B2C,IAAI,EAAE,CAAAL,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEL,WAAW;IACpBM,YAAY,EAAEL,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEM,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,IAAI,CAAC1B,uBAAuB,CAAC6B,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,EAAE;IACvD,OAAO,IAAI;EACb;EAEA,MAAMC,UAAU,GAAG/B,uBAAuB,CAACoB,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACEjD,KAAA,CAAAmD,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAET,UAAU,CAACJ,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEV,UAAU,CAACJ,KAAK,CAACc,QAAS;IACpCC,QAAQ,EAAE,cAAcf,KAAK,CAACM,EAAE,EAAG;IACnCL,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAI,IAAI,CAAC;EAAE,CAClB,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -1,5 +1,10 @@
 import React from 'react';
 import { Box, Text } from '@wix/design-system';
+import { ReferenceViewField } from '../ReferenceViewField';
+import { DocumentView } from '../../cms-fields/components/document/document-view';
+import { MultiDocumentView } from '../../cms-fields/components/multi-document/multi-document-view/multi-document-view';
+import { MultiReferenceViewField } from '../MultiReferenceViewField';
+import { AddressView } from '../../cms-fields/components/address';
 // Safe display value conversion for all field types
 const getDisplayValue = value => {
   if (value === null || value === undefined) {
@@ -25,19 +30,66 @@ const getDisplayValue = value => {
   }
   return String(value);
 };
-export const ViewField = _ref => {
+const isEmptyValue = value => {
+  if (value === null || value === undefined) {
+    return true;
+  }
+  if (Array.isArray(value) && value.length === 0) {
+    return true;
+  }
+  return false;
+};
+const ViewFieldContent = _ref => {
   let {
     field,
-    data
+    value
   } = _ref;
+  if (isEmptyValue(value)) {
+    return /*#__PURE__*/React.createElement(Text, null, "-");
+  }
+  switch (field.type) {
+    case 'REFERENCE':
+      return /*#__PURE__*/React.createElement(ReferenceViewField, {
+        field: field,
+        value: value
+      });
+    case 'MULTI_REFERENCE':
+      return /*#__PURE__*/React.createElement(MultiReferenceViewField, {
+        field: field,
+        value: value
+      });
+    case 'DOCUMENT':
+      return /*#__PURE__*/React.createElement(DocumentView, {
+        data: value
+      });
+    case 'MULTI_DOCUMENT':
+      return /*#__PURE__*/React.createElement(MultiDocumentView, {
+        data: value
+      });
+    case 'ADDRESS':
+      return /*#__PURE__*/React.createElement(AddressView, {
+        data: value
+      });
+    default:
+      return /*#__PURE__*/React.createElement(Text, null, getDisplayValue(value));
+  }
+};
+export const ViewField = _ref2 => {
+  let {
+    field,
+    data
+  } = _ref2;
   const fieldValue = data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''];
-  const displayValue = getDisplayValue(fieldValue);
   return /*#__PURE__*/React.createElement(Box, {
     direction: "vertical",
-    gap: "4px"
+    gap: "4px",
+    dataHook: `view-field-${field.id}`
   }, /*#__PURE__*/React.createElement(Text, {
     size: "small",
     secondary: true
-  }, field.displayName || field.id), /*#__PURE__*/React.createElement(Text, null, displayValue));
+  }, field.displayName || field.id), /*#__PURE__*/React.createElement(ViewFieldContent, {
+    field: field,
+    value: fieldValue
+  }));
 };
 //# sourceMappingURL=ViewField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Box","Text","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","ViewField","_ref","field","data","fieldValue","id","displayValue","createElement","direction","gap","size","secondary","displayName"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,oBAAoB;AAG9C;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;AAOD,OAAO,MAAMc,SAAmC,GAAGC,IAAA,IAAqB;EAAA,IAApB;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAAF,IAAA;EACjE,MAAMG,UAAU,GAAGD,IAAI,oBAAJA,IAAI,CAAG,CAAAD,KAAK,oBAALA,KAAK,CAAEG,EAAE,KAAI,EAAE,CAAC;EAC1C,MAAMC,YAAY,GAAGrB,eAAe,CAACmB,UAAU,CAAC;EAEhD,oBACEtB,KAAA,CAAAyB,aAAA,CAACxB,GAAG;IAACyB,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC;EAAK,gBACjC3B,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAAC0B,IAAI,EAAC,OAAO;IAACC,SAAS;EAAA,GACzBT,KAAK,CAACU,WAAW,IAAIV,KAAK,CAACG,EACxB,CAAC,eACPvB,KAAA,CAAAyB,aAAA,CAACvB,IAAI,QAAEsB,YAAmB,CACvB,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Box","Text","ReferenceViewField","DocumentView","MultiDocumentView","MultiReferenceViewField","AddressView","getDisplayValue","value","undefined","String","Array","isArray","length","join","Date","toLocaleDateString","toString","Object","prototype","JSON","stringify","isEmptyValue","ViewFieldContent","_ref","field","createElement","type","data","ViewField","_ref2","fieldValue","id","direction","gap","dataHook","size","secondary","displayName"],"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 { 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 '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/esm/components/modals/actions/BulkDeleteModal.js

@@ -1,12 +1,14 @@
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { Box, MessageModalLayout, Modal, Text } from '@wix/design-system';
 import { useAutoPatternsOverridesContext } from '../../../providers';
+import { BiBulkDeleteReporter } from '../../../utils/bi';
 export const BulkDeleteModal = _ref => {
   var _modalParams$actions, _modalParams$actions2, _modalParams$descript;
   let {
     sdk,
     modalParams,
-    actionParams
+    actionParams,
+    reportBi
   } = _ref;
   const {
     getOptimisticActions,
@@ -15,6 +17,23 @@ export const BulkDeleteModal = _ref => {
   } = sdk;
   const optimisticActions = getOptimisticActions(collectionId);
   const overrides = useAutoPatternsOverridesContext();
+  const schema = sdk.getSchema(sdk.collectionId);
+  const selectedIds = schema ? actionParams.selectedValues.map(value => value[schema.idField]) : [];
+  const biReporter = useMemo(() => {
+    if (!schema) {
+      return null;
+    }
+    return new BiBulkDeleteReporter({
+      reportBi,
+      selectedValues: actionParams.selectedValues,
+      allSelected: actionParams.allSelected,
+      idField: schema.idField,
+      location: 'MultiBulkActionToolbar'
+    });
+  }, [schema, reportBi, actionParams.selectedValues, actionParams.allSelected]);
+  useEffect(() => {
+    biReporter == null || biReporter.modalShown();
+  }, []);
   const resolvedTitle = useMemo(() => {
     var _modalParams$title, _modalParams$title2;
     if ((_modalParams$title = modalParams.title) != null && _modalParams$title.id && overrides != null && overrides.bulkDeleteModalTitle) {
@@ -37,15 +56,16 @@ export const BulkDeleteModal = _ref => {
     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: () => {
@@ -57,9 +77,11 @@ export const BulkDeleteModal = _ref => {
           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',

package/dist/esm/components/modals/actions/BulkDeleteModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Box","MessageModalLayout","Modal","Text","useAutoPatternsOverridesContext","BulkDeleteModal","_ref","_modalParams$actions","_modalParams$actions2","_modalParams$descript","sdk","modalParams","actionParams","getOptimisticActions","collectionId","closeModal","optimisticActions","overrides","resolvedTitle","_modalParams$title","_modalParams$title2","title","id","bulkDeleteModalTitle","titleResolver","result","selectedCount","selectedValues","length","text","createElement","isOpen","onRequestClose","dataHook","skin","closeButtonProps","onClick","primaryButtonOnClick","_modalParams$feedback","schema","getSchema","Error","selectedIds","map","value","idField","deleteMany","successToast","feedback","errorToast","_modalParams$feedback2","submit","actions","bulkDelete","secondaryButtonOnClick","primaryButtonText","secondaryButtonText","cancel","content","direction","gap","paddingTop","paddingBottom","description"],"sources":["../../../../../src/components/modals/actions/BulkDeleteModal.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Box, MessageModalLayout, Modal, Text } from '@wix/design-system';\nimport { BulkActionsActionParams, BulkDeleteActionModal } from '../../../types';\nimport { ActionModalProps } from './types';\nimport { useAutoPatternsOverridesContext } from '../../../providers';\n\nexport interface BulkDeleteModalProps extends ActionModalProps {\n  modalParams: BulkDeleteActionModal;\n  actionParams: BulkActionsActionParams;\n}\n\nexport const BulkDeleteModal = ({\n  sdk,\n  modalParams,\n  actionParams,\n}: BulkDeleteModalProps) => {\n  const { getOptimisticActions, collectionId, closeModal } = sdk;\n  const optimisticActions = getOptimisticActions(collectionId);\n  const overrides = useAutoPatternsOverridesContext();\n\n  const resolvedTitle = useMemo(() => {\n    if (modalParams.title?.id && overrides?.bulkDeleteModalTitle) {\n      const titleResolver =\n        overrides.bulkDeleteModalTitle[modalParams.title.id];\n      if (titleResolver) {\n        const result = titleResolver({\n          selectedCount: actionParams.selectedValues.length,\n          selectedValues: actionParams.selectedValues,\n        });\n        return result.text;\n      }\n    }\n\n    return modalParams.title?.text || 'Delete item?';\n  }, [modalParams.title, actionParams.selectedValues, overrides]);\n\n  return (\n    <Modal isOpen onRequestClose={closeModal}>\n      <MessageModalLayout\n        dataHook=\"bulk-delete-modal\"\n        title={resolvedTitle}\n        skin=\"destructive\"\n        closeButtonProps={{ onClick: () => closeModal() }}\n        primaryButtonOnClick={() => {\n          const schema = sdk.getSchema(sdk.collectionId);\n          if (!schema) {\n            throw new Error('Schema not found');\n          }\n          const selectedIds = actionParams.selectedValues.map(\n            (value) => value[schema.idField],\n          );\n          optimisticActions?.deleteMany(actionParams.selectedValues, {\n            successToast:\n              modalParams.feedback?.successToast?.text ||\n              'Items deleted successfully',\n            errorToast: () =>\n              modalParams.feedback?.errorToast?.text ||\n              'Failed to delete items',\n            submit: async () => {\n              const result = await schema.actions.bulkDelete(selectedIds);\n              return [result];\n            },\n          });\n          closeModal();\n        }}\n        secondaryButtonOnClick={() => {\n          closeModal();\n        }}\n        primaryButtonText={modalParams.actions?.submit?.text || 'Save'}\n        secondaryButtonText={modalParams.actions?.cancel?.text || 'Cancel'}\n        content={\n          <Box\n            direction=\"vertical\"\n            gap=\"SP2\"\n            paddingTop=\"SP1\"\n            paddingBottom=\"SP1\"\n          >\n            <Box>\n              <Text>\n                {modalParams.description?.text || 'This items will be deleted'}\n              </Text>\n            </Box>\n          </Box>\n        }\n      />\n    </Modal>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","Box","MessageModalLayout","Modal","Text","useAutoPatternsOverridesContext","BiBulkDeleteReporter","BulkDeleteModal","_ref","_modalParams$actions","_modalParams$actions2","_modalParams$descript","sdk","modalParams","actionParams","reportBi","getOptimisticActions","collectionId","closeModal","optimisticActions","overrides","schema","getSchema","selectedIds","selectedValues","map","value","idField","biReporter","allSelected","location","modalShown","resolvedTitle","_modalParams$title","_modalParams$title2","title","id","bulkDeleteModalTitle","titleResolver","result","selectedCount","length","text","createElement","isOpen","onRequestClose","dataHook","skin","closeButtonProps","onClick","ctaClicked","primaryButtonOnClick","_modalParams$feedback","Error","deleteMany","successToast","feedback","errorToast","_modalParams$feedback2","submit","actions","bulkDelete","secondaryButtonOnClick","primaryButtonText","secondaryButtonText","cancel","content","direction","gap","paddingTop","paddingBottom","description"],"sources":["../../../../../src/components/modals/actions/BulkDeleteModal.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { Box, MessageModalLayout, Modal, Text } from '@wix/design-system';\nimport { BulkActionsActionParams, BulkDeleteActionModal } from '../../../types';\nimport { ActionModalProps } from './types';\nimport { useAutoPatternsOverridesContext } from '../../../providers';\nimport { BiBulkDeleteReporter } from '../../../utils/bi';\n\nexport interface BulkDeleteModalProps extends ActionModalProps {\n  modalParams: BulkDeleteActionModal;\n  actionParams: BulkActionsActionParams;\n  reportBi?: (event: any) => void;\n}\n\nexport const BulkDeleteModal = ({\n  sdk,\n  modalParams,\n  actionParams,\n  reportBi,\n}: BulkDeleteModalProps) => {\n  const { getOptimisticActions, collectionId, closeModal } = sdk;\n  const optimisticActions = getOptimisticActions(collectionId);\n  const overrides = useAutoPatternsOverridesContext();\n  const schema = sdk.getSchema(sdk.collectionId);\n\n  const selectedIds = schema\n    ? actionParams.selectedValues.map((value) => value[schema.idField])\n    : [];\n\n  const biReporter = useMemo(() => {\n    if (!schema) {\n      return null;\n    }\n    return new BiBulkDeleteReporter({\n      reportBi,\n      selectedValues: actionParams.selectedValues,\n      allSelected: actionParams.allSelected,\n      idField: schema.idField,\n      location: 'MultiBulkActionToolbar',\n    });\n  }, [schema, reportBi, actionParams.selectedValues, actionParams.allSelected]);\n\n  useEffect(() => {\n    biReporter?.modalShown();\n  }, []);\n\n  const resolvedTitle = useMemo(() => {\n    if (modalParams.title?.id && overrides?.bulkDeleteModalTitle) {\n      const titleResolver =\n        overrides.bulkDeleteModalTitle[modalParams.title.id];\n      if (titleResolver) {\n        const result = titleResolver({\n          selectedCount: actionParams.selectedValues.length,\n          selectedValues: actionParams.selectedValues,\n        });\n        return result.text;\n      }\n    }\n\n    return modalParams.title?.text || 'Delete item?';\n  }, [modalParams.title, actionParams.selectedValues, overrides]);\n\n  return (\n    <Modal isOpen onRequestClose={closeModal}>\n      <MessageModalLayout\n        dataHook=\"bulk-delete-modal\"\n        title={resolvedTitle}\n        skin=\"destructive\"\n        closeButtonProps={{\n          onClick: () => {\n            biReporter?.ctaClicked('X');\n            closeModal();\n          },\n        }}\n        primaryButtonOnClick={() => {\n          if (!schema) {\n            throw new Error('Schema not found');\n          }\n          optimisticActions?.deleteMany(actionParams.selectedValues, {\n            successToast:\n              modalParams.feedback?.successToast?.text ||\n              'Items deleted successfully',\n            errorToast: () =>\n              modalParams.feedback?.errorToast?.text ||\n              'Failed to delete items',\n            submit: async () => {\n              const result = await schema.actions.bulkDelete(selectedIds);\n              return [result];\n            },\n          });\n          biReporter?.ctaClicked('Delete');\n          closeModal();\n        }}\n        secondaryButtonOnClick={() => {\n          biReporter?.ctaClicked('Cancel');\n          closeModal();\n        }}\n        primaryButtonText={modalParams.actions?.submit?.text || 'Save'}\n        secondaryButtonText={modalParams.actions?.cancel?.text || 'Cancel'}\n        content={\n          <Box\n            direction=\"vertical\"\n            gap=\"SP2\"\n            paddingTop=\"SP1\"\n            paddingBottom=\"SP1\"\n          >\n            <Box>\n              <Text>\n                {modalParams.description?.text || 'This items will be deleted'}\n              </Text>\n            </Box>\n          </Box>\n        }\n      />\n    </Modal>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/dataSourceAdapters/cms/cmsAdapter.js

@@ -5,26 +5,40 @@ export const CmsFieldTypeToPatternsFieldType = {
   [collections.Type.TEXT]: 'SHORT_TEXT',
   [collections.Type.DATE]: 'DATE',
   [collections.Type.DATETIME]: 'DATETIME',
+  [collections.Type.TIME]: 'TIME',
   [collections.Type.NUMBER]: 'NUMBER',
   [collections.Type.BOOLEAN]: 'BOOLEAN',
   [collections.Type.URL]: 'URL',
-  [collections.Type.ADDRESS]: 'SHORT_TEXT',
-  [collections.Type.OBJECT]: 'LONG_TEXT',
-  [collections.Type.RICH_TEXT]: 'LONG_TEXT',
-  [collections.Type.RICH_CONTENT]: 'SHORT_TEXT',
+  [collections.Type.ADDRESS]: 'ADDRESS',
+  [collections.Type.OBJECT]: 'OBJECT',
+  [collections.Type.RICH_TEXT]: 'RICH_TEXT',
+  [collections.Type.RICH_CONTENT]: 'RICH_CONTENT',
   [collections.Type.ARRAY]: 'ARRAY',
   [collections.Type.ARRAY_STRING]: 'ARRAY',
   [collections.Type.REFERENCE]: 'REFERENCE',
-  [collections.Type.IMAGE]: 'IMAGE'
+  [collections.Type.MULTI_REFERENCE]: 'MULTI_REFERENCE',
+  [collections.Type.IMAGE]: 'IMAGE',
+  [collections.Type.MEDIA_GALLERY]: 'MEDIA_GALLERY',
+  [collections.Type.DOCUMENT]: 'DOCUMENT',
+  [collections.Type.ARRAY_DOCUMENT]: 'MULTI_DOCUMENT'
 };
 export async function fetchCmsSchema(collectionId) {
   const schema = await errorHandler.withErrorHandler(async () => collections.getDataCollection(collectionId), {});
   return schema;
 }
+const getReferenceFields = fields => Object.values(fields).filter(f => (f == null ? void 0 : f.type) === 'REFERENCE' || (f == null ? void 0 : f.type) === 'MULTI_REFERENCE');
+const updateMultiReferences = async (collectionId, entityId, entity, multiReferenceFields) => {
+  await Promise.all(multiReferenceFields.map(async field => {
+    const rawValue = entity[field.id];
+    const multipleReferenceValues = rawValue;
+    const multipleReferenceIds = multipleReferenceValues.map(value => value._id);
+    await items.replaceReferences(collectionId, field.id, entityId, multipleReferenceIds);
+  }));
+};
 export function transformCmsSchema(schema) {
   const collectionId = schema._id;
   const transformedFields = (schema.fields || []).reduce((acc, field) => {
-    var _field$capabilities, _field$capabilities2, _field$typeMetadata;
+    var _field$capabilities, _field$capabilities2, _field$typeMetadata, _field$typeMetadata2;
     if (!field.key) {
       return acc;
     }
@@ -48,46 +62,68 @@ export function transformCmsSchema(schema) {
         sortable: ((_field$capabilities2 = field.capabilities) == null ? void 0 : _field$capabilities2.sortable) || false
       }
     };
-    if (fieldType === 'REFERENCE' && (_field$typeMetadata = field.typeMetadata) != null && (_field$typeMetadata = _field$typeMetadata.reference) != null && _field$typeMetadata.referencedCollectionId) {
-      const referenceField = {
+    const referencedCollectionId = ((_field$typeMetadata = field.typeMetadata) == null || (_field$typeMetadata = _field$typeMetadata.reference) == null ? void 0 : _field$typeMetadata.referencedCollectionId) ?? ((_field$typeMetadata2 = field.typeMetadata) == null || (_field$typeMetadata2 = _field$typeMetadata2.multiReference) == null ? void 0 : _field$typeMetadata2.referencedCollectionId);
+    const isReference = fieldType === 'REFERENCE' || fieldType === 'MULTI_REFERENCE';
+    if (isReference && referencedCollectionId) {
+      acc[field.key] = {
         ...baseField,
-        type: 'REFERENCE',
+        type: fieldType,
         referenceMetadata: {
-          referencedCollectionId: field.typeMetadata.reference.referencedCollectionId
+          referencedCollectionId
         }
       };
-      acc[field.key] = referenceField;
     } else {
-      const nonReferenceType = fieldType === 'REFERENCE' ? 'SHORT_TEXT' : fieldType;
-      const nonReferenceField = {
+      acc[field.key] = {
         ...baseField,
-        type: nonReferenceType
+        type: isReference ? 'SHORT_TEXT' : fieldType
       };
-      acc[field.key] = nonReferenceField;
     }
     return acc;
   }, {});
+  const referenceFields = getReferenceFields(transformedFields);
+  const multiReferenceFields = referenceFields.filter(f => f.type === 'MULTI_REFERENCE');
+  const allReferenceFieldIds = referenceFields.map(f => f.id);
   const schemaConfig = {
     id: collectionId,
     displayField: schema.displayField ?? '_id',
     idField: '_id',
     fields: transformedFields,
     actions: {
-      get: entityId => {
-        return items.get(collectionId, entityId);
-      },
-      create: entity => {
-        return items.insert(collectionId, entity);
-      },
-      update: entity => {
-        return items.update(collectionId, entity);
+      get: async entityId => {
+        let dataQuery = items.query(collectionId).eq('_id', entityId);
+        if (allReferenceFieldIds.length > 0) {
+          dataQuery = dataQuery.include(...allReferenceFieldIds);
+        }
+        const res = await dataQuery.find({
+          returnTotalCount: false
+        });
+        const entity = res.items[0];
+        if (!entity) {
+          throw new Error(`Entity not found: ${entityId}`);
+        }
+        return entity;
       },
-      delete: entityId => {
-        return items.remove(collectionId, entityId);
+      create: async entity => {
+        const created = await items.insert(collectionId, entity);
+        const createdId = created._id;
+        if (createdId) {
+          await updateMultiReferences(collectionId, createdId, entity, multiReferenceFields);
+        }
+        return {
+          ...entity,
+          _id: createdId
+        };
       },
-      bulkDelete: entityIds => {
-        return items.bulkRemove(collectionId, entityIds);
+      update: async entity => {
+        await items.update(collectionId, entity);
+        const entityId = entity._id;
+        if (entityId) {
+          await updateMultiReferences(collectionId, entityId, entity, multiReferenceFields);
+        }
+        return entity;
       },
+      delete: entityId => items.remove(collectionId, entityId),
+      bulkDelete: entityIds => items.bulkRemove(collectionId, entityIds),
       find: async function (query, options) {
         if (options === void 0) {
           options = {};