@wix/auto-patterns 1.45.0 → 1.47.0

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Object = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
+var _validations = require("../../cms-fields/validations/validations");
+var _cmsFields = require("../../cms-fields");
+var objectValidation = _interopRequireWildcard(require("../../cms-fields/validations/object"));
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Object.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const _Object = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = (0, _AutoPatternsAppContainerProvider.useAutoPatternsAppContainer)();
+  const {
+    translate: pt
+  } = (0, _patterns.useWixPatternsContainer)();
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const controller = (0, _form.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.default.createElement(_designSystem.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: (0, _validations.isDataValidOrNotSet)(controller.field.value, objectValidation) ? undefined : /*#__PURE__*/_react.default.createElement(_cmsFields.TypeMismatchExclamation, {
+      typeName: t('auto-patterns.fields.field_type_object_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: {},
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName: 'Object'
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_cmsFields.FormJsonInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
+    dataHook: `object-${field.id}`,
+    field: field.id,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Object = _Object;
+//# sourceMappingURL=Object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_AutoPatternsAppContainerProvider","_validations","_cmsFields","objectValidation","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","useAutoPatternsAppContainer","pt","useWixPatternsContainer","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","createElement","FormField","label","displayName","status","fieldState","error","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormJsonInput","autoFocus","data","onBlur","ref","exports","_Object"],"sources":["../../../../src/components/fields/Object.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 { FormJsonInput, TypeMismatchExclamation } from '../../cms-fields';\nimport * as objectValidation from '../../cms-fields/validations/object';\n\nexport interface ObjectProps extends BaseInputProps<string> {}\n\nexport const Object = (props: ObjectProps) => {\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          objectValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={t('auto-patterns.fields.field_type_object_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={{}}\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName: 'Object',\n            })}\n          />\n        )\n      }\n    >\n      <FormJsonInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`object-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,160 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Reference = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _form = require("@wix/patterns/form");
+var _hooks = require("../../hooks");
+var _patterns = require("@wix/patterns");
+var _ReferenceAvatar = require("../ReferenceAvatar");
+var _schema = require("../../utils/schema");
+var _ReferenceFooter = require("../ReferenceFooter/ReferenceFooter");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Reference.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Reference = props => {
+  var _controller$field$val, _field$validation2, _controller$fieldStat, _field$validation3;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    collection,
+    referencedSchema,
+    idField,
+    displayField,
+    keyedItems,
+    showInitialLoader,
+    fetchedLastPage,
+    searchValue,
+    options,
+    placeholder
+  } = (0, _hooks.useReferenceField)({
+    field
+  });
+  const {
+    translate: t
+  } = (0, _patterns.useWixPatternsContainer)();
+  const controller = (0, _form.useController)({
+    name: field.id,
+    control: formControl,
+    defaultValue: data[field.id],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && !value) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  const selectedDisplayValue = ((_controller$field$val = controller.field.value) == null ? void 0 : _controller$field$val[displayField]) || '';
+  const displayValue = searchValue || selectedDisplayValue;
+  const selectedImage = (0, _react.useMemo)(() => {
+    var _controller$field$val2;
+    const selectedId = (_controller$field$val2 = controller.field.value) == null ? void 0 : _controller$field$val2[idField];
+    if (!selectedId) {
+      return undefined;
+    }
+    const foundItem = keyedItems.find(ki => ki.key === selectedId);
+    if (foundItem != null && foundItem.item.image) {
+      return foundItem.item.image;
+    }
+    if (referencedSchema) {
+      const imageFieldId = (0, _schema.getImageFieldId)(referencedSchema.fields);
+      if (imageFieldId) {
+        var _controller$field$val3;
+        return (_controller$field$val3 = controller.field.value) == null ? void 0 : _controller$field$val3[imageFieldId];
+      }
+    }
+    return undefined;
+  }, [controller.field.value, idField, keyedItems, referencedSchema]);
+  const selectedPrefix = selectedDisplayValue && !searchValue ? /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ReferenceAvatar.ReferenceAvatar, {
+    name: selectedDisplayValue,
+    image: selectedImage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 80,
+      columnNumber: 9
+    }
+  })) : undefined;
+  const handleSelect = (0, _react.useCallback)(option => {
+    const selectedItem = keyedItems.find(ki => ki.key === option.id);
+    controller.field.onChange({
+      [idField]: String(option.id),
+      [displayField]: (selectedItem == null ? void 0 : selectedItem.item.name) || ''
+    });
+    collection.clearSearch();
+  }, [idField, displayField, controller.field, collection, keyedItems]);
+  const handleChange = (0, _react.useCallback)(e => {
+    collection.search(e.target.value);
+    if (!e.target.value) {
+      controller.field.onChange(null);
+    }
+  }, [collection, controller.field]);
+  const handleClear = (0, _react.useCallback)(() => {
+    controller.field.onChange(null);
+    collection.clearSearch();
+  }, [controller.field, collection]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    collection.clearSearch();
+  }, [collection]);
+  if (!referencedSchema) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.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,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
+    placeholder: placeholder,
+    options: options,
+    value: displayValue,
+    prefix: selectedPrefix,
+    onChange: handleChange,
+    onSelect: handleSelect,
+    onClear: handleClear,
+    onBlur: handleBlur,
+    clearButton: !((_field$validation3 = field.validation) != null && _field$validation3.required),
+    infiniteScroll: true,
+    hasMore: !showInitialLoader && !fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded,
+    fixedFooter: /*#__PURE__*/_react.default.createElement(_ReferenceFooter.ReferenceFooter, {
+      collection: collection,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 140,
+        columnNumber: 22
+      }
+    }),
+    dataHook: `reference-input-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Reference = Reference;
+//# sourceMappingURL=Reference.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_form","_hooks","_patterns","_ReferenceAvatar","_schema","_ReferenceFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Reference","props","_controller$field$val","_field$validation2","_controller$fieldStat","_field$validation3","field","dataHook","formControl","data","collection","referencedSchema","idField","displayField","keyedItems","showInitialLoader","fetchedLastPage","searchValue","options","placeholder","useReferenceField","translate","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","selectedDisplayValue","displayValue","selectedImage","useMemo","_controller$field$val2","selectedId","undefined","foundItem","find","ki","key","item","image","imageFieldId","getImageFieldId","fields","_controller$field$val3","selectedPrefix","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","handleSelect","useCallback","option","selectedItem","onChange","String","clearSearch","handleChange","search","target","handleClear","handleBlur","FormField","label","displayName","status","fieldState","error","statusMessage","message","AutoComplete","prefix","onSelect","onClear","onBlur","clearButton","infiniteScroll","hasMore","loadMore","fetchNextPageIfNeeded","fixedFooter","ReferenceFooter","exports"],"sources":["../../../../src/components/fields/Reference.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport {\n  FormField,\n  DropdownLayoutValueOption,\n  AutoComplete,\n  Input,\n} from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useController } from '@wix/patterns/form';\nimport { ReferenceField } from '../../types';\nimport { useReferenceField } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport { ReferenceAvatar } from '../ReferenceAvatar';\nimport { getImageFieldId } from '../../utils/schema';\nimport { ReferenceFooter } from '../ReferenceFooter/ReferenceFooter';\n\ntype ReferenceValue = Record<string, unknown>;\n\nexport interface ReferenceProps extends BaseInputProps<ReferenceValue | null> {\n  field: ReferenceField;\n}\n\nexport const Reference = (props: ReferenceProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const {\n    collection,\n    referencedSchema,\n    idField,\n    displayField,\n    keyedItems,\n    showInitialLoader,\n    fetchedLastPage,\n    searchValue,\n    options,\n    placeholder,\n  } = useReferenceField({ field });\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data[field.id],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && !value) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const selectedDisplayValue = controller.field.value?.[displayField] || '';\n  const displayValue = searchValue || selectedDisplayValue;\n\n  const selectedImage = useMemo(() => {\n    const selectedId = controller.field.value?.[idField];\n    if (!selectedId) {\n      return undefined;\n    }\n\n    const foundItem = keyedItems.find((ki) => ki.key === selectedId);\n    if (foundItem?.item.image) {\n      return foundItem.item.image;\n    }\n\n    if (referencedSchema) {\n      const imageFieldId = getImageFieldId(referencedSchema.fields);\n      if (imageFieldId) {\n        return controller.field.value?.[imageFieldId];\n      }\n    }\n    return undefined;\n  }, [controller.field.value, idField, keyedItems, referencedSchema]);\n\n  const selectedPrefix =\n    selectedDisplayValue && !searchValue ? (\n      <Input.Affix>\n        <ReferenceAvatar name={selectedDisplayValue} image={selectedImage} />\n      </Input.Affix>\n    ) : undefined;\n\n  const handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const selectedItem = keyedItems.find((ki) => ki.key === option.id);\n      controller.field.onChange({\n        [idField]: String(option.id),\n        [displayField]: selectedItem?.item.name || '',\n      });\n      collection.clearSearch();\n    },\n    [idField, displayField, controller.field, collection, keyedItems],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      collection.search(e.target.value);\n      if (!e.target.value) {\n        controller.field.onChange(null);\n      }\n    },\n    [collection, controller.field],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange(null);\n    collection.clearSearch();\n  }, [controller.field, collection]);\n\n  const handleBlur = useCallback(() => {\n    collection.clearSearch();\n  }, [collection]);\n\n  if (!referencedSchema) {\n    return null;\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    >\n      <AutoComplete\n        placeholder={placeholder}\n        options={options}\n        value={displayValue}\n        prefix={selectedPrefix}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onClear={handleClear}\n        onBlur={handleBlur}\n        clearButton={!field.validation?.required}\n        infiniteScroll\n        hasMore={!showInitialLoader && !fetchedLastPage}\n        loadMore={collection.fetchNextPageIfNeeded}\n        fixedFooter={<ReferenceFooter collection={collection} />}\n        dataHook={`reference-input-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ricos = require("@wix/ricos");
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _validations = require("../../cms-fields/validations/validations");
+var _cmsFields = require("../../cms-fields");
+var _editor = require("../../cms-fields/components/rich-content/editor");
+var richContentValidation = _interopRequireWildcard(require("../../cms-fields/validations/rich-content"));
+var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/RichContent.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RichContent = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = (0, _AutoPatternsAppContainerProvider.useAutoPatternsAppContainer)();
+  const {
+    translate: pt,
+    experiments
+  } = (0, _patterns.useWixPatternsContainer)();
+  const theme = {};
+  const ricosExperiments = experiments;
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const controller = (0, _form.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;
+      }
+    }
+  });
+  const isValueValid = (0, _validations.isDataValidOrNotSet)(controller.field.value, richContentValidation);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.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: isValueValid ? undefined : /*#__PURE__*/_react.default.createElement(_cmsFields.TypeMismatchExclamation, {
+      typeName: t('auto-patterns.fields.field_type_rich_content_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: (0, _ricos.fromPlainText)(''),
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName: 'Rich Content'
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 64,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 5
+    }
+  }, isValueValid ? /*#__PURE__*/_react.default.createElement(_editor.FormRichContentInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    dataHook: `rich-content-${field.id}`,
+    field: field.id,
+    theme: theme,
+    experiments: ricosExperiments,
+    isSiteMetadataLoading: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 85,
+      columnNumber: 9
+    }
+  }) : null);
+};
+exports.RichContent = RichContent;
+//# sourceMappingURL=RichContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_ricos","_designSystem","_patterns","_form","_validations","_cmsFields","_editor","richContentValidation","_interopRequireWildcard","_AutoPatternsAppContainerProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichContent","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","useAutoPatternsAppContainer","pt","experiments","useWixPatternsContainer","theme","ricosExperiments","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","isValueValid","isDataValidOrNotSet","createElement","FormField","label","displayName","status","fieldState","error","statusMessage","message","suffix","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","fromPlainText","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormRichContentInput","autoFocus","data","isSiteMetadataLoading","exports"],"sources":["../../../../src/components/fields/RichContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { RichContent as RichContentType, RicosTheme } from '@wix/ricos';\nimport type Experiments from '@wix/wix-experiments';\nimport { fromPlainText } from '@wix/ricos';\nimport { FormField } from '@wix/design-system';\nimport { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nimport { isDataValidOrNotSet } from '../../cms-fields/validations/validations';\nimport { TypeMismatchExclamation } from '../../cms-fields';\nimport { FormRichContentInput } from '../../cms-fields/components/rich-content/editor';\nimport * as richContentValidation from '../../cms-fields/validations/rich-content';\n\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport { BaseInputProps } from './types';\n\nexport interface RichContentProps extends BaseInputProps<RichContentType> {}\n\nexport const RichContent = (props: RichContentProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t } = useAutoPatternsAppContainer();\n  const { translate: pt, experiments } = useWixPatternsContainer();\n  const theme = {} as RicosTheme;\n  const ricosExperiments = experiments as unknown as Experiments;\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as Record<string, RichContentType>)?.[\n      field?.id ?? ''\n    ],\n    rules: {\n      validate: (value: RichContentType | string | undefined) => {\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  const isValueValid = isDataValidOrNotSet(\n    controller.field.value,\n    richContentValidation,\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        isValueValid ? undefined : (\n          <TypeMismatchExclamation\n            typeName={t('auto-patterns.fields.field_type_rich_content_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={fromPlainText('')}\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName: 'Rich Content',\n            })}\n          />\n        )\n      }\n    >\n      {isValueValid ? (\n        <FormRichContentInput\n          autoFocus={false}\n          data={controller.field.value}\n          onChange={(value) => controller.field.onChange?.(value)}\n          dataHook={`rich-content-${field.id}`}\n          field={field.id}\n          theme={theme}\n          experiments={ricosExperiments}\n          isSiteMetadataLoading={false}\n        />\n      ) : null}\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
+var _validations = require("../../cms-fields/validations/validations");
+var _cmsFields = require("../../cms-fields");
+var richTextValidation = _interopRequireWildcard(require("../../cms-fields/validations/rich-text"));
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/RichText.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RichText = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = (0, _AutoPatternsAppContainerProvider.useAutoPatternsAppContainer)();
+  const {
+    translate: pt
+  } = (0, _patterns.useWixPatternsContainer)();
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const controller = (0, _form.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.default.createElement(_designSystem.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: (0, _validations.isDataValidOrNotSet)(controller.field.value, richTextValidation) ? undefined : /*#__PURE__*/_react.default.createElement(_cmsFields.TypeMismatchExclamation, {
+      typeName: t('auto-patterns.fields.field_type_rich_text_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: "",
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName: 'Rich Text'
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_cmsFields.FormRichTextInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    dataHook: `rich-text-${field.id}`,
+    field: field.id,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 7
+    }
+  }));
+};
+exports.RichText = RichText;
+//# sourceMappingURL=RichText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_AutoPatternsAppContainerProvider","_validations","_cmsFields","richTextValidation","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RichText","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","useAutoPatternsAppContainer","pt","useWixPatternsContainer","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","createElement","FormField","label","displayName","status","fieldState","error","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","typeName","clearButtonText","convertButtonText","onClear","onChange","convertDisabledText","fieldName","isConverted","isConverting","convertedValue","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormRichTextInput","autoFocus","data","exports"],"sources":["../../../../src/components/fields/RichText.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 { FormRichTextInput, TypeMismatchExclamation } from '../../cms-fields';\nimport * as richTextValidation from '../../cms-fields/validations/rich-text';\n\nexport interface RichTextProps extends BaseInputProps<string> {}\n\nexport const RichText = (props: RichTextProps) => {\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          richTextValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={t('auto-patterns.fields.field_type_rich_text_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=\"\"\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName: 'Rich Text',\n            })}\n          />\n        )\n      }\n    >\n      <FormRichTextInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        dataHook={`rich-text-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Time = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
+var _validations = require("../../cms-fields/validations/validations");
+var _cmsFields = require("../../cms-fields");
+var timeValidation = _interopRequireWildcard(require("../../cms-fields/validations/time"));
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Time.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Time = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t
+  } = (0, _AutoPatternsAppContainerProvider.useAutoPatternsAppContainer)();
+  const {
+    translate: pt
+  } = (0, _patterns.useWixPatternsContainer)();
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const controller = (0, _form.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.default.createElement(_designSystem.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: (0, _validations.isDataValidOrNotSet)(controller.field.value, timeValidation) ? undefined : /*#__PURE__*/_react.default.createElement(_cmsFields.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'
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 51,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_cmsFields.FormTimeInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange(value),
+    dataHook: `time-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Time = Time;
+//# sourceMappingURL=Time.js.map