@wix/auto-patterns 1.44.0 → 1.46.0

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/Url.js

@@ -0,0 +1,56 @@
+import React from 'react';
+import { FormField, Input } from '@wix/design-system';
+import { Link } from '@wix/wix-ui-icons-common';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
+import { useController } from '@wix/patterns/form';
+export const Url = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t,
+    ...container
+  } = useWixPatternsContainer();
+  useSelector(() => container.initTask.status);
+
+  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31
+  const uriPattern =
+  // eslint-disable-next-line no-useless-escape
+  /^[A-Za-z][A-Za-z0-9+.-]*:(\/\/([A-Za-z0-9._~\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\-!$&'()*+,;=%:\[\]]*(:[0-9]*)?)?[A-Za-z0-9._~\-%!$&'()*+,;=:@\/]*([?][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?([#][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?$/;
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(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 t('cairo.fieldValidation.requiredField');
+        } else if (value) {
+          return uriPattern.test(value) || t('cairo.customFields.url-input.error');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    dataHook: dataHook,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message
+  }, /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(Input.IconAffix, null, /*#__PURE__*/React.createElement(Link, null)),
+    placeholder: t('cairo.customFields.url-input.placeholder'),
+    dataHook: `url-${field.id}`,
+    value: controller.field.value,
+    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref
+  }));
+};
+//# sourceMappingURL=Url.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","Input","Link","useSelector","useWixPatternsContainer","useController","Url","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","container","initTask","status","uriPattern","controller","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","undefined","test","createElement","label","displayName","fieldState","error","statusMessage","message","prefix","IconAffix","placeholder","onChange","e","target","onBlur","ref"],"sources":["../../../../src/components/fields/Url.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { Link } from '@wix/wix-ui-icons-common';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = (props: UrlProps) => {\n  const { field, dataHook, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n  const uriPattern =\n    // eslint-disable-next-line no-useless-escape\n    /^[A-Za-z][A-Za-z0-9+.-]*:(\\/\\/([A-Za-z0-9._~\\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\\-!$&'()*+,;=%:\\[\\]]*(:[0-9]*)?)?[A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/]*([?][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?([#][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?$/;\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          return (\n            uriPattern.test(value) || t('cairo.customFields.url-input.error')\n          );\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAErD,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,WAAW,EAAEC,uBAAuB,QAAQ,eAAe;AACpE,SAASC,aAAa,QAAQ,oBAAoB;AAIlD,OAAO,MAAMC,GAAG,GAAIC,KAAe,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EACtC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EACpD,MAAM;IAAEO,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAChED,WAAW,CAAC,MAAMa,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;;EAE5C;EACA,MAAMC,UAAU;EACd;EACA,kOAAkO;EAEpO,MAAMC,UAAU,GAAGf,aAAa,CAAC;IAC/BgB,IAAI,EAAE,CAAAX,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEX,WAAW;IACpBY,YAAY,EAAEX,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEY,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAgC,IAAK;QAAA,IAAAC,iBAAA;QAC9C,IACE,CAAAA,iBAAA,GAAAlB,KAAK,CAACmB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOZ,CAAC,CAAC,qCAAqC,CAAC;QACjD,CAAC,MAAM,IAAIY,KAAK,EAAE;UAChB,OACER,UAAU,CAACa,IAAI,CAACL,KAAK,CAAC,IAAIZ,CAAC,CAAC,oCAAoC,CAAC;QAErE;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEhB,KAAA,CAAAkC,aAAA,CAACjC,SAAS;IACRkC,KAAK,EAAExB,KAAK,CAACyB,WAAY;IACzBL,QAAQ,GAAAtB,kBAAA,GAAEE,KAAK,CAACmB,UAAU,qBAAhBrB,kBAAA,CAAkBsB,QAAS;IACrCnB,QAAQ,EAAEA,QAAS;IACnBO,MAAM,EAAEE,UAAU,CAACgB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGN,SAAU;IAC1DO,aAAa,GAAA7B,qBAAA,GAAEW,UAAU,CAACgB,UAAU,CAACC,KAAK,qBAA3B5B,qBAAA,CAA6B8B;EAAQ,gBAEpDxC,KAAA,CAAAkC,aAAA,CAAChC,KAAK;IACJuC,MAAM,eACJzC,KAAA,CAAAkC,aAAA,CAAChC,KAAK,CAACwC,SAAS,qBACd1C,KAAA,CAAAkC,aAAA,CAAC/B,IAAI,MAAE,CACQ,CAClB;IACDwC,WAAW,EAAE3B,CAAC,CAAC,0CAA0C,CAAE;IAC3DJ,QAAQ,EAAE,OAAOD,KAAK,CAACY,EAAE,EAAG;IAC5BK,KAAK,EAAEP,UAAU,CAACV,KAAK,CAACiB,KAAM;IAC9BgB,QAAQ,EAAGC,CAAC,IAAKxB,UAAU,CAACV,KAAK,CAACiC,QAAQ,oBAAzBvB,UAAU,CAACV,KAAK,CAACiC,QAAQ,CAAGC,CAAC,CAACC,MAAM,CAAClB,KAAK,CAAE;IAC7DmB,MAAM,EAAE1B,UAAU,CAACV,KAAK,CAACoC,MAAO;IAChCC,GAAG,EAAE3B,UAAU,CAACV,KAAK,CAACqC;EAAI,CAC3B,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +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

@@ -0,0 +1 @@
+{"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/fields/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/fields/types.ts"],"sourcesContent":["import { Control } from '@wix/patterns/form';\nimport { Field } from '../../types';\n\nexport interface BaseInputRef {\n  focus?: () => void;\n  invalid?: boolean;\n}\n\nexport interface BaseInputProps<T> {\n  field: Field;\n  value: T;\n  onChange: (newValue: T) => void;\n  dataHook?: string;\n  inputRef?: (ref: BaseInputRef) => void;\n  formControl: Control<any>;\n  data: Record<string, any>;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/fields/utils/dates.js.map

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

package/dist/esm/components/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/ContentCard.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Card, Layout } from '@wix/design-system';
+import { SettingsPage, EntityPage } from '@wix/patterns';
+import { ContentCardLayout } from './ContentCardLayout';
+export const ContentCard = _ref => {
+  var _layout$card$subtitle;
+  let {
+    type = 'entity',
+    mode = 'edit',
+    layout,
+    sectionId,
+    cardIndex,
+    setInputRef,
+    fields,
+    form,
+    data
+  } = _ref;
+  const Component = type === 'settings' ? SettingsPage : EntityPage;
+  const CardWrapper = mode === 'view' ? Card : Component.Card;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/React.createElement(CardWrapper, {
+        minHeight: "50px"
+      }, /*#__PURE__*/React.createElement(Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text
+      }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Layout, null, layout.card.children.map((child, index) => /*#__PURE__*/React.createElement(ContentCardLayout, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        mode: mode,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef,
+        fields: fields,
+        form: form,
+        data: data
+      })))));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=ContentCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Card","Layout","SettingsPage","EntityPage","ContentCardLayout","ContentCard","_ref","_layout$card$subtitle","type","mode","layout","sectionId","cardIndex","setInputRef","fields","form","data","Component","CardWrapper","createElement","minHeight","Header","title","card","text","subtitle","Divider","Content","children","map","child","index","key","content","level","contentIndex"],"sources":["../../../../src/components/layouts/ContentCard.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Layout } from '@wix/design-system';\nimport { SettingsPage, EntityPage } from '@wix/patterns';\nimport { UseFormReturn } from '@wix/patterns/form';\nimport { CardLayout, BaseInputRef, Field } from '../../types';\nimport { ContentCardType, ContentCardMode } from './types';\nimport { ContentCardLayout } from './ContentCardLayout';\n\nexport interface ContentCardProps {\n  type?: ContentCardType;\n  mode?: ContentCardMode;\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef?: (id: string, input: BaseInputRef) => void;\n  fields?: Record<string, Field | undefined>;\n  form?: UseFormReturn<any>;\n  data?: Record<string, any>;\n}\n\nexport const ContentCard: React.FC<ContentCardProps> = ({\n  type = 'entity',\n  mode = 'edit',\n  layout,\n  sectionId,\n  cardIndex,\n  setInputRef,\n  fields,\n  form,\n  data,\n}) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const CardWrapper = mode === 'view' ? Card : Component.Card;\n\n  switch (layout.type) {\n    case 'card':\n      return (\n        <CardWrapper minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <ContentCardLayout\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  mode={mode}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                  fields={fields}\n                  form={form}\n                  data={data}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </CardWrapper>\n      );\n    default:\n      return null;\n  }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AACjD,SAASC,YAAY,EAAEC,UAAU,QAAQ,eAAe;AAIxD,SAASC,iBAAiB,QAAQ,qBAAqB;AAcvD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAUjD;EAAA,IAAAC,qBAAA;EAAA,IAVkD;IACtDC,IAAI,GAAG,QAAQ;IACfC,IAAI,GAAG,MAAM;IACbC,MAAM;IACNC,SAAS;IACTC,SAAS;IACTC,WAAW;IACXC,MAAM;IACNC,IAAI;IACJC;EACF,CAAC,GAAAV,IAAA;EACC,MAAMW,SAAS,GAAGT,IAAI,KAAK,UAAU,GAAGN,YAAY,GAAGC,UAAU;EACjE,MAAMe,WAAW,GAAGT,IAAI,KAAK,MAAM,GAAGT,IAAI,GAAGiB,SAAS,CAACjB,IAAI;EAE3D,QAAQU,MAAM,CAACF,IAAI;IACjB,KAAK,MAAM;MACT,oBACET,KAAA,CAAAoB,aAAA,CAACD,WAAW;QAACE,SAAS,EAAC;MAAM,gBAC3BrB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAACqB,MAAM;QACVC,KAAK,EAAEZ,MAAM,CAACa,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAlB,qBAAA,GAAEG,MAAM,CAACa,IAAI,CAACE,QAAQ,qBAApBlB,qBAAA,CAAsBiB;MAAK,CACtC,CAAC,eACFzB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAAC0B,OAAO,MAAE,CAAC,eAChB3B,KAAA,CAAAoB,aAAA,CAACnB,IAAI,CAAC2B,OAAO,qBACX5B,KAAA,CAAAoB,aAAA,CAAClB,MAAM,QACJS,MAAM,CAACa,IAAI,CAACK,QAAQ,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7ChC,KAAA,CAAAoB,aAAA,CAACf,iBAAiB;QAChB4B,GAAG,EAAE,GAAGrB,SAAS,SAASC,SAAS,YAAYmB,KAAK,EAAG;QACvDtB,IAAI,EAAEA,IAAK;QACXwB,OAAO,EAAEH,KAAM;QACfI,KAAK,EAAE,CAAE;QACTvB,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBuB,YAAY,EAAEJ,KAAM;QACpBlB,WAAW,EAAEA,WAAY;QACzBC,MAAM,EAAEA,MAAO;QACfC,IAAI,EAAEA,IAAK;QACXC,IAAI,EAAEA;MAAK,CACZ,CACF,CACK,CACI,CACH,CAAC;IAElB;MACE,OAAO,IAAI;EACf;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+import React, { lazy, Suspense } from 'react';
+import { Cell, Layout } from '@wix/design-system';
+import { useAutoPatternsOverridesContext } from '../../providers';
+import { ViewField } from './ViewField';
+// Lazy load FormField to avoid bundling heavy field components in view mode
+const FormField = /*#__PURE__*/lazy(() => import('./FormField').then(m => ({
+  default: m.FormField
+})));
+export const ContentCardLayout = _ref => {
+  var _content$container$ch, _overrides$components;
+  let {
+    mode = 'edit',
+    content,
+    level,
+    sectionId,
+    cardIndex,
+    contentIndex,
+    setInputRef,
+    fields,
+    form,
+    data
+  } = _ref;
+  const overrides = useAutoPatternsOverridesContext();
+  switch (content.type) {
+    case 'field':
+      if (!content.field.fieldId) {
+        return null;
+      }
+      const field = fields == null ? void 0 : fields[content.field.fieldId];
+      if (!field) {
+        return null;
+      }
+      if (mode === 'view') {
+        return /*#__PURE__*/React.createElement(Cell, {
+          span: content.field.span
+        }, /*#__PURE__*/React.createElement(ViewField, {
+          field: field,
+          data: data
+        }));
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.field.span
+      }, /*#__PURE__*/React.createElement(Suspense, {
+        fallback: null
+      }, /*#__PURE__*/React.createElement(FormField, {
+        key: content.field.fieldId,
+        field: field,
+        inputRef: ref => setInputRef == null ? void 0 : setInputRef(content.field.fieldId, ref),
+        formControl: form == null ? void 0 : form.control,
+        data: data
+      })));
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.container.span
+      }, /*#__PURE__*/React.createElement(Layout, null, content.container.children.map((child, index) => /*#__PURE__*/React.createElement(ContentCardLayout, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        mode: mode,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef,
+        fields: fields,
+        form: form,
+        data: data
+      }))));
+    case 'component':
+      if (!content.component.componentId) {
+        return null;
+      }
+      const Component = overrides == null || (_overrides$components = overrides.components) == null ? void 0 : _overrides$components[content.component.componentId];
+      if (!Component) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.component.span
+      }, /*#__PURE__*/React.createElement(Component, {
+        form: form,
+        entity: data
+      }));
+    default:
+      return null;
+  }
+};
+//# sourceMappingURL=ContentCardLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","lazy","Suspense","Cell","Layout","useAutoPatternsOverridesContext","ViewField","FormField","then","m","default","ContentCardLayout","_ref","_content$container$ch","_overrides$components","mode","content","level","sectionId","cardIndex","contentIndex","setInputRef","fields","form","data","overrides","type","field","fieldId","createElement","span","fallback","key","inputRef","ref","formControl","control","container","children","length","map","child","index","component","componentId","Component","components","entity"],"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/esm/components/layouts/ContentSkeleton.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { SettingsPage, EntityPage, useSettingsPage, useEntityPage } from '@wix/patterns';
+import { useForm } from '@wix/patterns/form';
+import { ContentCard } from './ContentCard';
+export const ContentSkeleton = _ref => {
+  var _pageConfig$layout, _pageConfig$layout2, _pageConfig$layout$si;
+  let {
+    type = 'entity',
+    pageConfig
+  } = _ref;
+  const Component = type === 'settings' ? SettingsPage : EntityPage;
+  const form = useForm();
+  const settingsState = useSettingsPage({
+    form,
+    onSave: async () => {},
+    onCancel: async () => {},
+    fetch: async () => new Promise(() => {})
+  });
+  const entityState = useEntityPage({
+    parentPath: '',
+    form,
+    onSave: async () => ({
+      updatedEntity: {}
+    }),
+    fetch: async () => new Promise(() => {})
+  });
+  return /*#__PURE__*/React.createElement(Component, {
+    state: type === 'settings' ? settingsState : entityState
+  }, /*#__PURE__*/React.createElement(Component.Header, {
+    title: {
+      text: ''
+    }
+  }), /*#__PURE__*/React.createElement(Component.Content, null, /*#__PURE__*/React.createElement(Component.MainContent, null, (_pageConfig$layout = pageConfig.layout) == null || (_pageConfig$layout = _pageConfig$layout.main) == null ? void 0 : _pageConfig$layout.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    key: `main-section-card-${layoutIndex}`,
+    type: type,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex
+  }))), (_pageConfig$layout2 = pageConfig.layout) != null && _pageConfig$layout2.sidebar ? /*#__PURE__*/React.createElement(Component.AdditionalContent, null, (_pageConfig$layout$si = pageConfig.layout.sidebar) == null ? void 0 : _pageConfig$layout$si.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(ContentCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    type: type,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex
+  }))) : null));
+};
+//# sourceMappingURL=ContentSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","SettingsPage","EntityPage","useSettingsPage","useEntityPage","useForm","ContentCard","ContentSkeleton","_ref","_pageConfig$layout","_pageConfig$layout2","_pageConfig$layout$si","type","pageConfig","Component","form","settingsState","onSave","onCancel","fetch","Promise","entityState","parentPath","updatedEntity","createElement","state","Header","title","text","Content","MainContent","layout","main","map","layoutIndex","key","sectionId","cardIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/layouts/ContentSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SettingsPage,\n  EntityPage,\n  useSettingsPage,\n  useEntityPage,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { EntityPageConfig, SettingsPageConfig } from '../../types';\nimport { ContentCard } from './ContentCard';\nimport { ContentCardType } from './types';\n\nexport interface ContentSkeletonProps {\n  type?: ContentCardType;\n  pageConfig: SettingsPageConfig | EntityPageConfig;\n}\n\nexport const ContentSkeleton = ({\n  type = 'entity',\n  pageConfig,\n}: ContentSkeletonProps) => {\n  const Component = type === 'settings' ? SettingsPage : EntityPage;\n  const form = useForm();\n\n  const settingsState = useSettingsPage<any, any>({\n    form,\n    onSave: async () => {},\n    onCancel: async () => {},\n    fetch: async () => new Promise(() => {}),\n  });\n\n  const entityState = useEntityPage<any, any>({\n    parentPath: '',\n    form,\n    onSave: async () => ({ updatedEntity: {} }),\n    fetch: async () => new Promise(() => {}),\n  });\n\n  return (\n    <Component\n      state={type === 'settings' ? settingsState : (entityState as any)}\n    >\n      <Component.Header title={{ text: '' }} />\n      <Component.Content>\n        <Component.MainContent>\n          {pageConfig.layout?.main?.map((layout, layoutIndex) => (\n            <ContentCard\n              key={`main-section-card-${layoutIndex}`}\n              type={type}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n            />\n          ))}\n        </Component.MainContent>\n        {pageConfig.layout?.sidebar ? (\n          <Component.AdditionalContent>\n            {pageConfig.layout.sidebar?.map((layout, layoutIndex) => (\n              <ContentCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                type={type}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n              />\n            ))}\n          </Component.AdditionalContent>\n        ) : null}\n      </Component.Content>\n    </Component>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,YAAY,EACZC,UAAU,EACVC,eAAe,EACfC,aAAa,QACR,eAAe;AACtB,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,SAASC,WAAW,QAAQ,eAAe;AAQ3C,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAGH;EAAA,IAAAC,kBAAA,EAAAC,mBAAA,EAAAC,qBAAA;EAAA,IAHI;IAC9BC,IAAI,GAAG,QAAQ;IACfC;EACoB,CAAC,GAAAL,IAAA;EACrB,MAAMM,SAAS,GAAGF,IAAI,KAAK,UAAU,GAAGX,YAAY,GAAGC,UAAU;EACjE,MAAMa,IAAI,GAAGV,OAAO,CAAC,CAAC;EAEtB,MAAMW,aAAa,GAAGb,eAAe,CAAW;IAC9CY,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACtBC,QAAQ,EAAE,MAAAA,CAAA,KAAY,CAAC,CAAC;IACxBC,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGjB,aAAa,CAAW;IAC1CkB,UAAU,EAAE,EAAE;IACdP,IAAI;IACJE,MAAM,EAAE,MAAAA,CAAA,MAAa;MAAEM,aAAa,EAAE,CAAC;IAAE,CAAC,CAAC;IAC3CJ,KAAK,EAAE,MAAAA,CAAA,KAAY,IAAIC,OAAO,CAAC,MAAM,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,oBACEpB,KAAA,CAAAwB,aAAA,CAACV,SAAS;IACRW,KAAK,EAAEb,IAAI,KAAK,UAAU,GAAGI,aAAa,GAAIK;EAAoB,gBAElErB,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACY,MAAM;IAACC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAG;EAAE,CAAE,CAAC,eACzC5B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACe,OAAO,qBAChB7B,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACgB,WAAW,SAAArB,kBAAA,GACnBI,UAAU,CAACkB,MAAM,cAAAtB,kBAAA,GAAjBA,kBAAA,CAAmBuB,IAAI,qBAAvBvB,kBAAA,CAAyBwB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAChDlC,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IACV6B,GAAG,EAAE,qBAAqBD,WAAW,EAAG;IACxCtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEH;EAAY,CACxB,CACF,CACoB,CAAC,EACvB,CAAAxB,mBAAA,GAAAG,UAAU,CAACkB,MAAM,aAAjBrB,mBAAA,CAAmB4B,OAAO,gBACzBtC,KAAA,CAAAwB,aAAA,CAACV,SAAS,CAACyB,iBAAiB,SAAA5B,qBAAA,GACzBE,UAAU,CAACkB,MAAM,CAACO,OAAO,qBAAzB3B,qBAAA,CAA2BsB,GAAG,CAAC,CAACF,MAAM,EAAEG,WAAW,kBAClDlC,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IACV6B,GAAG,EAAE,wBAAwBD,WAAW,EAAG;IAC3CtB,IAAI,EAAEA,IAAK;IACXmB,MAAM,EAAEA,MAAO;IACfK,SAAS,EAAC,SAAS;IACnBC,SAAS,EAAEH;EAAY,CACxB,CACF,CAC0B,CAAC,GAC5B,IACa,CACV,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { useController } from '@wix/patterns/form';
+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,
+  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 {
+    field,
+    inputRef,
+    formControl,
+    data
+  } = _ref;
+  const controller = useController({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? '']
+  });
+  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {
+    return null;
+  }
+  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
+  return /*#__PURE__*/React.createElement(FieldInput, {
+    field: field,
+    value: controller.field.value,
+    onChange: controller.field.onChange,
+    dataHook: `form-field-${field.id}`,
+    inputRef: inputRef,
+    formControl: formControl,
+    data: data ?? {}
+  });
+};
+//# sourceMappingURL=FormField.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,95 @@
+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) {
+    return '-';
+  }
+  if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+    return String(value);
+  }
+  if (Array.isArray(value)) {
+    return value.length > 0 ? value.join(', ') : '-';
+  }
+  if (typeof value === 'object') {
+    // Handle dates
+    if (value instanceof Date) {
+      return value.toLocaleDateString();
+    }
+    // Handle objects with display properties
+    if (value.toString && value.toString !== Object.prototype.toString) {
+      return value.toString();
+    }
+    // Fallback for complex objects
+    return JSON.stringify(value);
+  }
+  return String(value);
+};
+const 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,
+    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) ?? ''];
+  return /*#__PURE__*/React.createElement(Box, {
+    direction: "vertical",
+    gap: "4px",
+    dataHook: `view-field-${field.id}`
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: "small",
+    secondary: true
+  }, field.displayName || field.id), /*#__PURE__*/React.createElement(ViewFieldContent, {
+    field: field,
+    value: fieldValue
+  }));
+};
+//# sourceMappingURL=ViewField.js.map

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

@@ -0,0 +1 @@
+{"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/layouts/types.js

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

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

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