@wix/auto-patterns 1.8.0 → 1.9.0

package/dist/cjs/components/AutoPatternsEntityPage/Fields/DateTime.js

@@ -5,15 +5,14 @@ exports.DateTime = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/DateTime.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const DateTime = props => {
-  var _field$validation;
+  var _pageState$entity, _field$validation2;
   const {
     field,
-    value,
-    onChange,
     dataHook,
     inputRef
   } = props;
@@ -22,14 +21,30 @@ const DateTime = props => {
     ...container
   } = (0, _patterns.useWixPatternsContainer)();
   (0, _patterns.useSelector)(() => container.initTask.status);
+  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: v => {
+        var _field$validation;
+        if (field != null && (_field$validation = field.validation) != null && _field$validation.required && (v === null || v === undefined || v === '')) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
   const date = (0, _react.useMemo)(() => {
-    if (!value) {
+    if (!controller.field.value) {
       return undefined;
     }
-    const d = new Date(value);
+    const d = new Date(controller.field.value);
     return isNaN(d.getTime()) ? undefined : d;
-  }, [value]);
-  const [statusMessage, setStatusMessage] = (0, _react.useState)('');
+  }, [controller.field.value]);
+  const [dateStatusMessage, setDateStatusMessage] = (0, _react.useState)('');
+  const [timeStatusMessage, setTimeStatusMessage] = (0, _react.useState)('');
   const ref = (0, _react.useRef)({});
   const dateRef = (0, _react.useRef)({});
   const timeRef = (0, _react.useRef)({});
@@ -46,19 +61,19 @@ const DateTime = props => {
   }, [inputRef]);
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
-    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
     dataHook: dataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 76,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 81,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -66,7 +81,7 @@ const DateTime = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 82,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
@@ -81,7 +96,7 @@ const DateTime = props => {
     },
     width: "100%",
     value: date
-    // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change to we use onValidate
+    // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change so we use onValidate
     ,
     onChange: () => {},
     onValidate: ({
@@ -95,32 +110,38 @@ const DateTime = props => {
         dateWithNewDate.setFullYear(_value.getFullYear());
         dateWithNewDate.setMonth(_value.getMonth());
         dateWithNewDate.setDate(_value.getDate());
-        onChange(dateWithNewDate.toISOString());
+        controller.field.onChange(dateWithNewDate.toISOString());
         setDateValue(new Date(newValue).getDate());
-        setStatusMessage('');
-        dateRef.current.invalid = false;
-      } else if (validationType === 'formatError' && value === '') {
-        setStatusMessage('');
+        setDateStatusMessage('');
         dateRef.current.invalid = false;
-        setDateValue(value);
+      } else if (validationType === 'formatError' && newValue === '') {
+        var _field$validation3;
+        if ((_field$validation3 = field.validation) != null && _field$validation3.required) {
+          setDateStatusMessage(t('cairo.fieldValidation.requiredField'));
+          dateRef.current.invalid = true;
+        } else {
+          setDateStatusMessage('');
+          dateRef.current.invalid = false;
+        }
+        setDateValue(newValue);
         if (!timeValue) {
-          onChange(null);
+          controller.field.onChange(null);
         }
       } else {
-        setStatusMessage(t('cairo.customFields.fieldType.date.invalid.value', {
+        setDateStatusMessage(t('cairo.customFields.fieldType.date.invalid.value', {
           dateFormat: format ?? ''
         }));
         dateRef.current.invalid = true;
       }
       ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
     },
-    status: ref.current.invalid ? 'error' : undefined,
-    statusMessage: statusMessage,
+    status: controller.fieldState.error || dateStatusMessage ? 'error' : undefined,
+    statusMessage: controller.fieldState.error || dateStatusMessage,
     dataHook: `datetime-date-${field.id}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 83,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -128,7 +149,7 @@ const DateTime = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 142,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, {
@@ -137,14 +158,17 @@ const DateTime = props => {
     },
     dataHook: `datetime-time-${field.id}`,
     value: date ?? null,
-    invalidMessage: t('cairo.customFields.fieldType.dateAndTime.invalid.value'),
+    status: controller.fieldState.error || timeStatusMessage ? 'error' : undefined,
+    statusMessage: controller.fieldState.error || timeStatusMessage,
     onInvalid: () => {
       timeRef.current.invalid = true;
+      setTimeStatusMessage(t('cairo.customFields.fieldType.dateAndTime.invalid.value'));
       ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
     },
     onChange: ({
       date: newValue
     }) => {
+      debugger;
       timeRef.current.invalid = false;
       ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
       if (newValue) {
@@ -153,12 +177,24 @@ const DateTime = props => {
         dateWithNewTime.setMinutes(newValue.getMinutes());
         dateWithNewTime.setSeconds(newValue.getSeconds());
         dateWithNewTime.setMilliseconds(newValue.getMilliseconds());
-        onChange(dateWithNewTime.toISOString());
-      } else if (!ref.current.invalid) {
+        controller.field.onChange(dateWithNewTime.toISOString());
+        setTimeStatusMessage('');
+        setDateStatusMessage('');
+      } else {
         if (!newValue) {
+          var _field$validation4;
           setTimeValue('');
-          if (!dateValue) {
-            onChange(null);
+          if ((_field$validation4 = field.validation) != null && _field$validation4.required) {
+            setTimeStatusMessage(t('cairo.fieldValidation.requiredField'));
+            timeRef.current.invalid = true;
+          } else {
+            setTimeStatusMessage('');
+            timeRef.current.invalid = false;
+          }
+          if (!ref.current.invalid) {
+            if (!dateValue) {
+              controller.field.onChange(null);
+            }
           }
         }
       }
@@ -166,7 +202,7 @@ const DateTime = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 143,
       columnNumber: 11
     }
   }))));

package/dist/cjs/components/AutoPatternsEntityPage/Fields/DateTime.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patterns","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateTime","props","_field$validation","field","value","onChange","dataHook","inputRef","translate","container","useWixPatternsContainer","useSelector","initTask","status","date","useMemo","undefined","d","Date","isNaN","getTime","statusMessage","setStatusMessage","useState","ref","useRef","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","useEffect","current","focus","invalid","createElement","FormField","label","displayName","required","validation","__self","__source","fileName","lineNumber","columnNumber","Layout","Cell","span","DatePicker","internalRef","_internalRef$state","state","width","onValidate","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","dateFormat","id","TimeInput","invalidMessage","onInvalid","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateTime.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n  Cell,\n  DatePicker,\n  FormField,\n  Layout,\n  TimeInput,\n} from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useWixPatternsContainer, useSelector } from '@wix/patterns';\n\nexport interface DateTimeProps extends BaseInputProps<string | null> {}\nexport const DateTime = (props: DateTimeProps) => {\n  const { field, value, onChange, dataHook, inputRef } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const date = useMemo(() => {\n    if (!value) {\n      return undefined;\n    }\n    const d = new Date(value);\n    return isNaN(d.getTime()) ? undefined : d;\n  }, [value]);\n  const [statusMessage, setStatusMessage] = useState('');\n\n  const ref = useRef<BaseInputRef>({});\n  const dateRef = useRef<BaseInputRef>({});\n  const timeRef = useRef<BaseInputRef>({});\n  const [dateValue, setDateValue] = useState<number | string | undefined>(\n    date?.getDate(),\n  );\n  const [timeValue, setTimeValue] = useState<number | string | undefined>(\n    date?.getTime(),\n  );\n\n  useEffect(() => {\n    ref.current.focus = () => {\n      if (dateRef.current.invalid) {\n        return dateRef.current.focus?.();\n      }\n\n      return timeRef.current.focus?.();\n    };\n\n    inputRef?.(ref.current);\n  }, [inputRef]);\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <Layout>\n        <Cell span={6}>\n          <DatePicker\n            ref={(internalRef) => {\n              dateRef.current.focus = () =>\n                // TODO: PR to WSR needed to expose as public API\n                // @ts-expect-error\n                internalRef?.state?.inputRef?.focus?.();\n            }}\n            width=\"100%\"\n            value={date}\n            // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change to we use onValidate\n            onChange={() => {}}\n            onValidate={({ validationType, value: newValue, format }) => {\n              if (validationType === 'valid') {\n                const dateWithNewDate = date\n                  ? new Date(date)\n                  : new Date(newValue);\n                const _value = new Date(newValue);\n                dateWithNewDate.setFullYear(_value.getFullYear());\n                dateWithNewDate.setMonth(_value.getMonth());\n                dateWithNewDate.setDate(_value.getDate());\n                onChange(dateWithNewDate.toISOString());\n                setDateValue(new Date(newValue).getDate());\n                setStatusMessage('');\n                dateRef.current.invalid = false;\n              } else if (validationType === 'formatError' && value === '') {\n                setStatusMessage('');\n                dateRef.current.invalid = false;\n                setDateValue(value);\n                if (!timeValue) {\n                  onChange(null);\n                }\n              } else {\n                setStatusMessage(\n                  t('cairo.customFields.fieldType.date.invalid.value', {\n                    dateFormat: format ?? '',\n                  }),\n                );\n                dateRef.current.invalid = true;\n              }\n\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            status={ref.current.invalid ? 'error' : undefined}\n            statusMessage={statusMessage}\n            dataHook={`datetime-date-${field.id}`}\n          />\n        </Cell>\n        <Cell span={6}>\n          <TimeInput\n            ref={(internalRef) => {\n              timeRef.current.focus = () => internalRef?.focus();\n            }}\n            dataHook={`datetime-time-${field.id}`}\n            value={date ?? null}\n            invalidMessage={t(\n              'cairo.customFields.fieldType.dateAndTime.invalid.value',\n            )}\n            onInvalid={() => {\n              timeRef.current.invalid = true;\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            onChange={({ date: newValue }) => {\n              timeRef.current.invalid = false;\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n\n              if (newValue) {\n                const dateWithNewTime = date ? new Date(date) : newValue;\n                dateWithNewTime.setHours(newValue.getHours());\n                dateWithNewTime.setMinutes(newValue.getMinutes());\n                dateWithNewTime.setSeconds(newValue.getSeconds());\n                dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n                onChange(dateWithNewTime.toISOString());\n              } else if (!ref.current.invalid) {\n                if (!newValue) {\n                  setTimeValue('');\n                  if (!dateValue) {\n                    onChange(null);\n                  }\n                }\n              }\n            }}\n          />\n        </Cell>\n      </Layout>\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patterns","_form","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateTime","props","_pageState$entity","_field$validation2","field","dataHook","inputRef","translate","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","v","_field$validation","validation","required","undefined","date","useMemo","value","d","Date","isNaN","getTime","dateStatusMessage","setDateStatusMessage","useState","timeStatusMessage","setTimeStatusMessage","ref","useRef","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","useEffect","current","focus","invalid","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","Layout","Cell","span","DatePicker","internalRef","_internalRef$state","state","width","onChange","onValidate","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","_field$validation3","dateFormat","fieldState","error","statusMessage","TimeInput","onInvalid","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds","_field$validation4","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateTime.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState, useEffect } from 'react';\nimport {\n  Cell,\n  DatePicker,\n  FormField,\n  Layout,\n  TimeInput,\n} from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport {\n  useWixPatternsContainer,\n  useSelector,\n  useEntityPageContext,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface DateTimeProps extends BaseInputProps<string | null> {}\n\nexport const DateTime = (props: DateTimeProps) => {\n  const { field, dataHook, inputRef } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\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: (v) => {\n        if (\n          field?.validation?.required &&\n          (v === null || v === undefined || v === '')\n        ) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const date = useMemo(() => {\n    if (!controller.field.value) {\n      return undefined;\n    }\n    const d = new Date(controller.field.value);\n    return isNaN(d.getTime()) ? undefined : d;\n  }, [controller.field.value]);\n\n  const [dateStatusMessage, setDateStatusMessage] = useState('');\n  const [timeStatusMessage, setTimeStatusMessage] = useState('');\n\n  const ref = useRef<BaseInputRef>({});\n  const dateRef = useRef<BaseInputRef>({});\n  const timeRef = useRef<BaseInputRef>({});\n  const [dateValue, setDateValue] = useState<number | string | undefined>(\n    date?.getDate(),\n  );\n  const [timeValue, setTimeValue] = useState<number | string | undefined>(\n    date?.getTime(),\n  );\n\n  useEffect(() => {\n    ref.current.focus = () => {\n      if (dateRef.current.invalid) {\n        return dateRef.current.focus?.();\n      }\n\n      return timeRef.current.focus?.();\n    };\n\n    inputRef?.(ref.current);\n  }, [inputRef]);\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <Layout>\n        <Cell span={6}>\n          <DatePicker\n            ref={(internalRef) => {\n              dateRef.current.focus = () =>\n                // TODO: PR to WSR needed to expose as public API\n                // @ts-expect-error\n                internalRef?.state?.inputRef?.focus?.();\n            }}\n            width=\"100%\"\n            value={date}\n            // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change so we use onValidate\n            onChange={() => {}}\n            onValidate={({ validationType, value: newValue, format }) => {\n              if (validationType === 'valid') {\n                const dateWithNewDate = date\n                  ? new Date(date)\n                  : new Date(newValue);\n                const _value = new Date(newValue);\n                dateWithNewDate.setFullYear(_value.getFullYear());\n                dateWithNewDate.setMonth(_value.getMonth());\n                dateWithNewDate.setDate(_value.getDate());\n                controller.field.onChange(dateWithNewDate.toISOString());\n                setDateValue(new Date(newValue).getDate());\n                setDateStatusMessage('');\n                dateRef.current.invalid = false;\n              } else if (validationType === 'formatError' && newValue === '') {\n                if (field.validation?.required) {\n                  setDateStatusMessage(\n                    t('cairo.fieldValidation.requiredField'),\n                  );\n                  dateRef.current.invalid = true;\n                } else {\n                  setDateStatusMessage('');\n                  dateRef.current.invalid = false;\n                }\n                setDateValue(newValue);\n                if (!timeValue) {\n                  controller.field.onChange(null);\n                }\n              } else {\n                setDateStatusMessage(\n                  t('cairo.customFields.fieldType.date.invalid.value', {\n                    dateFormat: format ?? '',\n                  }),\n                );\n                dateRef.current.invalid = true;\n              }\n\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            status={\n              controller.fieldState.error || dateStatusMessage\n                ? 'error'\n                : undefined\n            }\n            statusMessage={controller.fieldState.error || dateStatusMessage}\n            dataHook={`datetime-date-${field.id}`}\n          />\n        </Cell>\n        <Cell span={6}>\n          <TimeInput\n            ref={(internalRef) => {\n              timeRef.current.focus = () => internalRef?.focus();\n            }}\n            dataHook={`datetime-time-${field.id}`}\n            value={date ?? null}\n            status={\n              controller.fieldState.error || timeStatusMessage\n                ? 'error'\n                : undefined\n            }\n            statusMessage={controller.fieldState.error || timeStatusMessage}\n            onInvalid={() => {\n              timeRef.current.invalid = true;\n              setTimeStatusMessage(\n                t('cairo.customFields.fieldType.dateAndTime.invalid.value'),\n              );\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            onChange={({ date: newValue }) => {\n              debugger;\n              timeRef.current.invalid = false;\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n\n              if (newValue) {\n                const dateWithNewTime = date ? new Date(date) : newValue;\n                dateWithNewTime.setHours(newValue.getHours());\n                dateWithNewTime.setMinutes(newValue.getMinutes());\n                dateWithNewTime.setSeconds(newValue.getSeconds());\n                dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n                controller.field.onChange(dateWithNewTime.toISOString());\n                setTimeStatusMessage('');\n                setDateStatusMessage('');\n              } else {\n                if (!newValue) {\n                  setTimeValue('');\n                  if (field.validation?.required) {\n                    setTimeStatusMessage(\n                      t('cairo.fieldValidation.requiredField'),\n                    );\n                    timeRef.current.invalid = true;\n                  } else {\n                    setTimeStatusMessage('');\n                    timeRef.current.invalid = false;\n                  }\n                  if (!ref.current.invalid) {\n                    if (!dateValue) {\n                      controller.field.onChange(null);\n                    }\n                  }\n                }\n              }\n            }}\n          />\n        </Cell>\n      </Layout>\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/Fields/FormFieldInput.js

@@ -13,6 +13,7 @@ var _DateTime = require("./DateTime");
 var _Number = require("./Number");
 var _LongText = require("./LongText");
 var _Url = require("./Url");
+var _ImageInput = require("./ImageInput");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/FormFieldInput.tsx";
 const EDITABLE_INPUT_ELEMENTS = exports.EDITABLE_INPUT_ELEMENTS = {
   SHORT_TEXT: _ShortText.ShortText,
@@ -21,9 +22,11 @@ const EDITABLE_INPUT_ELEMENTS = exports.EDITABLE_INPUT_ELEMENTS = {
   DATE: _DateInput.DateInput,
   DATETIME: _DateTime.DateTime,
   NUMBER: _Number.Number,
-  URL: _Url.Url
+  URL: _Url.Url,
+  IMAGE: _ImageInput.ImageInput
 };
 const FormFieldInput = props => {
+  var _pageState$entity;
   const {
     field,
     inputRef
@@ -32,9 +35,9 @@ const FormFieldInput = props => {
   const controller = (0, _form.useController)({
     name: (field == null ? void 0 : field.id) ?? '',
     control: pageState.form.control,
-    defaultValue: pageState.entity[(field == null ? void 0 : field.id) ?? '']
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? '']
   });
-  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState || !pageState.entity) {
+  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState) {
     return null;
   }
   const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
@@ -47,7 +50,7 @@ const FormFieldInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 51,
       columnNumber: 5
     }
   });

package/dist/cjs/components/AutoPatternsEntityPage/Fields/FormFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ShortText","_patterns","_form","_Checkbox","_DateInput","_DateTime","_Number","_LongText","_Url","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","NUMBER","Number","URL","Url","FormFieldInput","props","field","inputRef","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","hasOwnProperty","type","FieldInput","default","createElement","value","onChange","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/FormFieldInput.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortText } from './ShortText';\nimport { useEntityPageContext } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../../types';\nimport { Checkbox } from './Checkbox';\nimport { DateInput } from './DateInput';\nimport { DateTime } from './DateTime';\nimport { Number } from './Number';\nimport { LongText } from './LongText';\nimport { Url } from './Url';\nimport { BaseInputProps } from './types';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  NUMBER: Number,\n  URL: Url,\n};\n\nexport interface FormFieldInputProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n}\n\nexport const FormFieldInput = (props: FormFieldInputProps) => {\n  const { field, inputRef } = props;\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  });\n\n  if (\n    !EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) ||\n    !pageState ||\n    !pageState.entity\n  ) {\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    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,IAAA,GAAAT,OAAA;AAA4B,IAAAU,YAAA;AAGrB,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,UAAU,EAAEC,oBAAS;EACrBC,SAAS,EAAEC,kBAAQ;EACnBC,OAAO,EAAEC,kBAAQ;EACjBC,IAAI,EAAEC,oBAAS;EACfC,QAAQ,EAAEC,kBAAQ;EAClBC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC;AACP,CAAC;AAOM,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAMG,SAAS,GAAG,IAAAC,8BAAoB,EAAC,CAAC;EAExC,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACD,OAAO;IAC/BE,YAAY,EAAGR,SAAS,CAACS,MAAM,CAAS,CAAAX,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACzD,CAAC,CAAC;EAEF,IACE,CAACzB,uBAAuB,CAAC8B,cAAc,CAACZ,KAAK,CAACa,IAAI,CAAC,IACnD,CAACX,SAAS,IACV,CAACA,SAAS,CAACS,MAAM,EACjB;IACA,OAAO,IAAI;EACb;EAEA,MAAMG,UAAU,GAAGhC,uBAAuB,CAACkB,KAAK,CAACa,IAAI,CAAE;EAEvD,oBACE5C,MAAA,CAAA8C,OAAA,CAAAC,aAAA,CAACF,UAAU;IACTd,KAAK,EAAEA,KAAM;IACbiB,KAAK,EAAEb,UAAU,CAACJ,KAAK,CAACiB,KAAM;IAC9BC,QAAQ,EAAEd,UAAU,CAACJ,KAAK,CAACkB,QAAS;IACpCC,QAAQ,EAAE,cAAcnB,KAAK,CAACO,EAAE,EAAG;IACnCN,QAAQ,EAAEA,QAAS;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzC,YAAA;MAAA0C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACzC,OAAA,CAAAe,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ShortText","_patterns","_form","_Checkbox","_DateInput","_DateTime","_Number","_LongText","_Url","_ImageInput","_jsxFileName","EDITABLE_INPUT_ELEMENTS","exports","SHORT_TEXT","ShortText","LONG_TEXT","LongText","BOOLEAN","Checkbox","DATE","DateInput","DATETIME","DateTime","NUMBER","Number","URL","Url","IMAGE","ImageInput","FormFieldInput","props","_pageState$entity","field","inputRef","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","hasOwnProperty","type","FieldInput","default","createElement","value","onChange","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/FormFieldInput.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortText } from './ShortText';\nimport { useEntityPageContext } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../../types';\nimport { Checkbox } from './Checkbox';\nimport { DateInput } from './DateInput';\nimport { DateTime } from './DateTime';\nimport { Number } from './Number';\nimport { LongText } from './LongText';\nimport { Url } from './Url';\nimport { BaseInputProps } from './types';\nimport { ImageInput } from './ImageInput';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  NUMBER: Number,\n  URL: Url,\n  IMAGE: ImageInput,\n};\n\nexport interface FormFieldInputProps {\n  field: Field;\n  inputRef?: BaseInputProps<any>['inputRef'];\n}\n\nexport const FormFieldInput = (props: FormFieldInputProps) => {\n  const { field, inputRef } = props;\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  });\n\n  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState) {\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    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,IAAA,GAAAT,OAAA;AAEA,IAAAU,WAAA,GAAAV,OAAA;AAA0C,IAAAW,YAAA;AAEnC,MAAMC,uBAEZ,GAAAC,OAAA,CAAAD,uBAAA,GAAG;EACFE,UAAU,EAAEC,oBAAS;EACrBC,SAAS,EAAEC,kBAAQ;EACnBC,OAAO,EAAEC,kBAAQ;EACjBC,IAAI,EAAEC,oBAAS;EACfC,QAAQ,EAAEC,kBAAQ;EAClBC,MAAM,EAAEC,cAAM;EACdC,GAAG,EAAEC,QAAG;EACRC,KAAK,EAAEC;AACT,CAAC;AAOM,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAAA,IAAAC,iBAAA;EAC5D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAEjC,MAAMI,SAAS,GAAG,IAAAC,8BAAoB,EAAC,CAAC;EAExC,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAX,iBAAA,GAAGG,SAAS,CAACS,MAAM,qBAAjBZ,iBAAA,CAA4B,CAAAC,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EAC3D,CAAC,CAAC;EAEF,IAAI,CAAC5B,uBAAuB,CAACiC,cAAc,CAACZ,KAAK,CAACa,IAAI,CAAC,IAAI,CAACX,SAAS,EAAE;IACrE,OAAO,IAAI;EACb;EAEA,MAAMY,UAAU,GAAGnC,uBAAuB,CAACqB,KAAK,CAACa,IAAI,CAAE;EAEvD,oBACEhD,MAAA,CAAAkD,OAAA,CAAAC,aAAA,CAACF,UAAU;IACTd,KAAK,EAAEA,KAAM;IACbiB,KAAK,EAAEb,UAAU,CAACJ,KAAK,CAACiB,KAAM;IAC9BC,QAAQ,EAAEd,UAAU,CAACJ,KAAK,CAACkB,QAAS;IACpCC,QAAQ,EAAE,cAAcnB,KAAK,CAACO,EAAE,EAAG;IACnCN,QAAQ,EAAEA,QAAS;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAAC5C,OAAA,CAAAiB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/Fields/ImageInput.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ImageInput = 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 _getImageUrl = require("../../../utils/media/getImageUrl");
+var _dashboard = require("@wix/dashboard");
+var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/ImageInput.tsx";
+const ImageInput = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: t,
+    ...container
+  } = (0, _patterns.useWixPatternsContainer)();
+  (0, _patterns.useSelector)(() => container.initTask.status);
+  const pageState = (0, _patterns.useEntityPageContext)();
+  async function openMedia() {
+    try {
+      var _chosenMediaItems$ite;
+      const chosenMediaItems = await _dashboard.dashboard.openMediaManager({
+        multiSelect: false,
+        category: 'IMAGE'
+      });
+      const newImage = chosenMediaItems == null || (_chosenMediaItems$ite = chosenMediaItems.items[0]) == null || (_chosenMediaItems$ite = _chosenMediaItems$ite.media) == null || (_chosenMediaItems$ite = _chosenMediaItems$ite.image) == null ? void 0 : _chosenMediaItems$ite.image;
+      controller.field.onChange(newImage);
+    } catch (error) {
+      console.error('Error opening Media Manager or no files selected:', error);
+    }
+  }
+  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 t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  const imageUrl = controller.field.value && (0, _getImageUrl.getImageUrl)(controller.field.value);
+  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: 60,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ImageViewer, {
+    imageUrl: imageUrl,
+    dataHook: `image-${field.id}`,
+    onAddImage: () => openMedia(),
+    onUpdateImage: () => openMedia(),
+    updateImageInfo: t('cairo.replace-image.tooltip'),
+    removeImageInfo: t('cairo.table.advanced-sorting.remove.button.tooltip'),
+    fit: "cover",
+    onRemoveImage: () => controller.field.onChange(null),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 67,
+      columnNumber: 7
+    }
+  }));
+};
+exports.ImageInput = ImageInput;
+//# sourceMappingURL=ImageInput.js.map

package/dist/cjs/components/AutoPatternsEntityPage/Fields/ImageInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_getImageUrl","_dashboard","_jsxFileName","ImageInput","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","openMedia","_chosenMediaItems$ite","chosenMediaItems","dashboard","openMediaManager","multiSelect","category","newImage","items","media","image","controller","onChange","error","console","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","imageUrl","getImageUrl","default","createElement","FormField","label","displayName","fieldState","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","ImageViewer","onAddImage","onUpdateImage","updateImageInfo","removeImageInfo","fit","onRemoveImage","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ImageInput.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, ImageViewer } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { getImageUrl } from '../../../utils/media/getImageUrl';\nimport { dashboard } from '@wix/dashboard';\n\nexport interface ImageInputProps extends BaseInputProps<string> {}\n\nexport const ImageInput = (props: ImageInputProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const pageState = useEntityPageContext();\n\n  async function openMedia() {\n    try {\n      const chosenMediaItems = await dashboard.openMediaManager({\n        multiSelect: false,\n        category: 'IMAGE',\n      });\n\n      const newImage = chosenMediaItems?.items[0]?.media?.image?.image;\n\n      controller.field.onChange(newImage);\n    } catch (error) {\n      console.error('Error opening Media Manager or no files selected:', error);\n    }\n  }\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 t('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const imageUrl =\n    controller.field.value && getImageUrl(controller.field.value);\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      <ImageViewer\n        imageUrl={imageUrl}\n        dataHook={`image-${field.id}`}\n        onAddImage={() => openMedia()}\n        onUpdateImage={() => openMedia()}\n        updateImageInfo={t('cairo.replace-image.tooltip')}\n        removeImageInfo={t(\n          'cairo.table.advanced-sorting.remove.button.tooltip',\n        )}\n        fit=\"cover\"\n        onRemoveImage={() => controller.field.onChange(null)}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/AutoPatternsEntityPage/Fields/LongText.js

@@ -1,44 +1,61 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.LongText = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/LongText.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const LongText = props => {
-  var _field$validation;
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
   const {
     field,
-    value,
-    onChange,
-    dataHook,
-    inputRef
+    dataHook
   } = props;
-  const ref = (0, _react.useRef)({});
+  const {
+    translate: t,
+    ...container
+  } = (0, _patterns.useWixPatternsContainer)();
+  (0, _patterns.useSelector)(() => container.initTask.status);
+  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 t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
-    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    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: 13,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.InputArea, {
-    value: value,
-    onChange: e => onChange == null ? void 0 : onChange(e.target.value),
+    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,
     dataHook: `long-text-${field.id}`,
-    ref: internalRef => {
-      inputRef == null || inputRef(ref.current);
-      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
-    },
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 47,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/AutoPatternsEntityPage/Fields/LongText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LongText","props","_field$validation","field","value","onChange","dataHook","inputRef","ref","useRef","createElement","FormField","label","displayName","required","validation","__self","__source","fileName","lineNumber","columnNumber","InputArea","target","id","internalRef","current","focus","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/LongText.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FormField, InputArea } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\n\nexport interface LongTextProps extends BaseInputProps<string> {}\n\nexport const LongText = (props: LongTextProps) => {\n  const { field, value, onChange, dataHook, inputRef } = props;\n\n  const ref = useRef<BaseInputRef>({});\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <InputArea\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        dataHook={`long-text-${field.id}`}\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          ref.current.focus = () => internalRef?.focus();\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA0D,IAAAE,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAKnD,MAAMW,QAAQ,GAAIC,KAAoB,IAAK;EAAA,IAAAC,iBAAA;EAChD,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGN,KAAK;EAE5D,MAAMO,GAAG,GAAG,IAAAC,aAAM,EAAe,CAAC,CAAC,CAAC;EAEpC,oBACElC,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,aAAA,CAAAiC,SAAS;IACRC,KAAK,EAAET,KAAK,CAACU,WAAY;IACzBC,QAAQ,GAAAZ,iBAAA,GAAEC,KAAK,CAACY,UAAU,qBAAhBb,iBAAA,CAAkBY,QAAS;IACrCR,QAAQ,EAAEA,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB7C,MAAA,CAAAW,OAAA,CAAAwB,aAAA,CAAChC,aAAA,CAAA2C,SAAS;IACRjB,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGxB,CAAC,IAAKwB,QAAQ,oBAARA,QAAQ,CAAGxB,CAAC,CAACyC,MAAM,CAAClB,KAAK,CAAE;IAC5CE,QAAQ,EAAE,aAAaH,KAAK,CAACoB,EAAE,EAAG;IAClCf,GAAG,EAAGgB,WAAW,IAAK;MACpBjB,QAAQ,YAARA,QAAQ,CAAGC,GAAG,CAACiB,OAAO,CAAC;MACvBjB,GAAG,CAACiB,OAAO,CAACC,KAAK,GAAG,MAAMF,WAAW,oBAAXA,WAAW,CAAEE,KAAK,CAAC,CAAC;IAChD,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACQ,CAAC;AAEhB,CAAC;AAACO,OAAA,CAAA3B,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_jsxFileName","LongText","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","t","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","default","createElement","FormField","label","displayName","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","InputArea","onChange","e","target","onBlur","ref","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/LongText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, InputArea } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport {\n  useEntityPageContext,\n  useSelector,\n  useWixPatternsContainer,\n} from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface LongTextProps extends BaseInputProps<string> {}\n\nexport const LongText = (props: LongTextProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\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 t('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    >\n      <InputArea\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        dataHook={`long-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAAmD,IAAAI,YAAA;AAI5C,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,qBAAA;EAChD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEjC,MAAM;IAAEM,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAChE,IAAAC,qBAAW,EAAC,MAAMF,SAAS,CAACG,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,SAAS,GAAG,IAAAC,8BAAoB,EAAC,CAAC;EAExC,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAb,KAAK,oBAALA,KAAK,CAAEc,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAApB,iBAAA,GAAGY,SAAS,CAACS,MAAM,qBAAjBrB,iBAAA,CAA4B,CAAAG,KAAK,oBAALA,KAAK,CAAEc,EAAE,KAAI,EAAE,CAAC;IAC1DK,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAAtB,KAAK,CAACuB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOlB,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEf,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAAqC,SAAS;IACRC,KAAK,EAAE7B,KAAK,CAAC8B,WAAY;IACzBN,QAAQ,GAAA1B,kBAAA,GAAEE,KAAK,CAACuB,UAAU,qBAAhBzB,kBAAA,CAAkB0B,QAAS;IACrChB,MAAM,EAAEG,UAAU,CAACoB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGP,SAAU;IAC1DQ,aAAa,GAAAlC,qBAAA,GAAEY,UAAU,CAACoB,UAAU,CAACC,KAAK,qBAA3BjC,qBAAA,CAA6BmC,OAAQ;IACpDjC,QAAQ,EAAEA,QAAS;IAAAkC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBnD,MAAA,CAAAsC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAAiD,SAAS;IACRnB,KAAK,EAAEV,UAAU,CAACX,KAAK,CAACqB,KAAM;IAC9BoB,QAAQ,EAAGC,CAAC,IAAK/B,UAAU,CAACX,KAAK,CAACyC,QAAQ,oBAAzB9B,UAAU,CAACX,KAAK,CAACyC,QAAQ,CAAGC,CAAC,CAACC,MAAM,CAACtB,KAAK,CAAE;IAC7DuB,MAAM,EAAEjC,UAAU,CAACX,KAAK,CAAC4C,MAAO;IAChCC,GAAG,EAAElC,UAAU,CAACX,KAAK,CAAC6C,GAAI;IAC1B5C,QAAQ,EAAE,aAAaD,KAAK,CAACc,EAAE,EAAG;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnC,CACQ,CAAC;AAEhB,CAAC;AAACO,OAAA,CAAAnD,QAAA,GAAAA,QAAA","ignoreList":[]}