@wix/auto-patterns 1.7.0 → 1.8.0

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

@@ -1,11 +1,20 @@
-import React, { useRef, useMemo, useState } from 'react';
+import React, { useRef, useMemo, useState, useEffect } from 'react';
 import { Cell, DatePicker, FormField, Layout, TimeInput } from '@wix/design-system';
+import { useWixPatternsContainer, useSelector } from '@wix/patterns';
 export const DateTime = props => {
+  var _field$validation;
   const {
     field,
     value,
-    onChange
+    onChange,
+    dataHook,
+    inputRef
   } = props;
+  const {
+    translate: t,
+    ...container
+  } = useWixPatternsContainer();
+  useSelector(() => container.initTask.status);
   const date = useMemo(() => {
     if (!value) {
       return undefined;
@@ -19,11 +28,31 @@ export const DateTime = props => {
   const timeRef = useRef({});
   const [dateValue, setDateValue] = useState(date == null ? void 0 : date.getDate());
   const [timeValue, setTimeValue] = useState(date == null ? void 0 : date.getTime());
+  useEffect(() => {
+    ref.current.focus = () => {
+      if (dateRef.current.invalid) {
+        return dateRef.current.focus == null ? void 0 : dateRef.current.focus();
+      }
+      return timeRef.current.focus == null ? void 0 : timeRef.current.focus();
+    };
+    inputRef == null || inputRef(ref.current);
+  }, [inputRef]);
   return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook
   }, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Cell, {
     span: 6
   }, /*#__PURE__*/React.createElement(DatePicker, {
+    ref: internalRef => {
+      dateRef.current.focus = () => {
+        var _internalRef$state;
+        return (// TODO: PR to WSR needed to expose as public API
+          // @ts-expect-error
+          internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus()
+        );
+      };
+    },
     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
@@ -32,7 +61,8 @@ export const DateTime = props => {
     onValidate: _ref => {
       let {
         validationType,
-        value: newValue
+        value: newValue,
+        format
       } = _ref;
       if (validationType === 'valid') {
         const dateWithNewDate = date ? new Date(date) : new Date(newValue);
@@ -52,7 +82,9 @@ export const DateTime = props => {
           onChange(null);
         }
       } else {
-        setStatusMessage('Invalid date');
+        setStatusMessage(t('cairo.customFields.fieldType.date.invalid.value', {
+          dateFormat: format ?? ''
+        }));
         dateRef.current.invalid = true;
       }
       ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
@@ -63,9 +95,12 @@ export const DateTime = props => {
   })), /*#__PURE__*/React.createElement(Cell, {
     span: 6
   }, /*#__PURE__*/React.createElement(TimeInput, {
+    ref: internalRef => {
+      timeRef.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
+    },
     dataHook: `datetime-time-${field.id}`,
     value: date ?? null,
-    invalidMessage: "Invalid time",
+    invalidMessage: t('cairo.customFields.fieldType.dateAndTime.invalid.value'),
     onInvalid: () => {
       timeRef.current.invalid = true;
       ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useMemo","useState","Cell","DatePicker","FormField","Layout","TimeInput","DateTime","props","field","value","onChange","date","undefined","d","Date","isNaN","getTime","statusMessage","setStatusMessage","ref","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","createElement","label","displayName","span","width","onValidate","_ref","validationType","newValue","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","current","invalid","status","dataHook","id","invalidMessage","onInvalid","_ref2","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateTime.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState } from 'react';\nimport {\n  Cell,\n  DatePicker,\n  FormField,\n  Layout,\n  TimeInput,\n} from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\n\nexport interface DateTimeProps extends BaseInputProps<string | null> {}\nexport const DateTime = (props: DateTimeProps) => {\n  const { field, value, onChange } = props;\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  return (\n    <FormField label={field.displayName}>\n      <Layout>\n        <Cell span={6}>\n          <DatePicker\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 }) => {\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('Invalid date');\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            dataHook={`datetime-time-${field.id}`}\n            value={date ?? null}\n            invalidMessage=\"Invalid time\"\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","useRef","useMemo","useState","useEffect","Cell","DatePicker","FormField","Layout","TimeInput","useWixPatternsContainer","useSelector","DateTime","props","_field$validation","field","value","onChange","dataHook","inputRef","translate","t","container","initTask","status","date","undefined","d","Date","isNaN","getTime","statusMessage","setStatusMessage","ref","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","current","focus","invalid","createElement","label","displayName","required","validation","span","internalRef","_internalRef$state","state","width","onValidate","_ref","validationType","newValue","format","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","dateFormat","id","invalidMessage","onInvalid","_ref2","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds"],"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":[]}

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

@@ -18,24 +18,26 @@ export const EDITABLE_INPUT_ELEMENTS = {
   URL: Url
 };
 export const FormFieldInput = props => {
-  var _pageState$entity;
   const {
-    field
+    field,
+    inputRef
   } = props;
   const pageState = useEntityPageContext();
   const controller = useController({
     name: (field == null ? void 0 : field.id) ?? '',
     control: pageState.form.control,
-    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? '']
+    defaultValue: pageState.entity[(field == null ? void 0 : field.id) ?? '']
   });
-  if (!field || !EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState || !pageState.entity) {
+  if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState || !pageState.entity) {
     return null;
   }
   const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
   return /*#__PURE__*/React.createElement(FieldInput, {
     field: field,
     value: controller.field.value,
-    onChange: controller.field.onChange
+    onChange: controller.field.onChange,
+    dataHook: `form-field-${field.id}`,
+    inputRef: inputRef
   });
 };
 //# sourceMappingURL=FormFieldInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ShortText","useEntityPageContext","useController","Checkbox","DateInput","DateTime","Number","LongText","Url","EDITABLE_INPUT_ELEMENTS","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","NUMBER","URL","FormFieldInput","props","_pageState$entity","field","pageState","controller","name","id","control","form","defaultValue","entity","hasOwnProperty","type","FieldInput","createElement","value","onChange"],"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';\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}\n\nexport const FormFieldInput = (props: FormFieldInputProps) => {\n  const { field } = props;\n\n  const pageState = useEntityPageContext();\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    !field ||\n    !EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) ||\n    !pageState ||\n    !pageState.entity\n  ) {\n    return null;\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    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,GAAG,QAAQ,OAAO;AAE3B,OAAO,MAAMC,uBAEZ,GAAG;EACFC,UAAU,EAAEV,SAAS;EACrBW,SAAS,EAAEJ,QAAQ;EACnBK,OAAO,EAAET,QAAQ;EACjBU,IAAI,EAAET,SAAS;EACfU,QAAQ,EAAET,QAAQ;EAClBU,MAAM,EAAET,MAAM;EACdU,GAAG,EAAER;AACP,CAAC;AAMD,OAAO,MAAMS,cAAc,GAAIC,KAA0B,IAAK;EAAA,IAAAC,iBAAA;EAC5D,MAAM;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAEvB,MAAMG,SAAS,GAAGpB,oBAAoB,CAAC,CAAC;EACxC,MAAMqB,UAAU,GAAGpB,aAAa,CAAC;IAC/BqB,IAAI,EAAE,CAAAH,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAR,iBAAA,GAAGE,SAAS,CAACO,MAAM,qBAAjBT,iBAAA,CAA4B,CAAAC,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;EAC3D,CAAC,CAAC;EAEF,IACE,CAACJ,KAAK,IACN,CAACX,uBAAuB,CAACoB,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,IACnD,CAACT,SAAS,IACV,CAACA,SAAS,CAACO,MAAM,EACjB;IACA,OAAO,IAAI;EACb;EACA,MAAMG,UAAU,GAAGtB,uBAAuB,CAACW,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACE/B,KAAA,CAAAiC,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAEX,UAAU,CAACF,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACF,KAAK,CAACc;EAAS,CACrC,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ShortText","useEntityPageContext","useController","Checkbox","DateInput","DateTime","Number","LongText","Url","EDITABLE_INPUT_ELEMENTS","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","NUMBER","URL","FormFieldInput","props","field","inputRef","pageState","controller","name","id","control","form","defaultValue","entity","hasOwnProperty","type","FieldInput","createElement","value","onChange","dataHook"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,GAAG,QAAQ,OAAO;AAG3B,OAAO,MAAMC,uBAEZ,GAAG;EACFC,UAAU,EAAEV,SAAS;EACrBW,SAAS,EAAEJ,QAAQ;EACnBK,OAAO,EAAET,QAAQ;EACjBU,IAAI,EAAET,SAAS;EACfU,QAAQ,EAAET,QAAQ;EAClBU,MAAM,EAAET,MAAM;EACdU,GAAG,EAAER;AACP,CAAC;AAOD,OAAO,MAAMS,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAMG,SAAS,GAAGpB,oBAAoB,CAAC,CAAC;EAExC,MAAMqB,UAAU,GAAGpB,aAAa,CAAC;IAC/BqB,IAAI,EAAE,CAAAJ,KAAK,oBAALA,KAAK,CAAEK,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,EAAGN,SAAS,CAACO,MAAM,CAAS,CAAAT,KAAK,oBAALA,KAAK,CAAEK,EAAE,KAAI,EAAE;EACzD,CAAC,CAAC;EAEF,IACE,CAACf,uBAAuB,CAACoB,cAAc,CAACV,KAAK,CAACW,IAAI,CAAC,IACnD,CAACT,SAAS,IACV,CAACA,SAAS,CAACO,MAAM,EACjB;IACA,OAAO,IAAI;EACb;EAEA,MAAMG,UAAU,GAAGtB,uBAAuB,CAACU,KAAK,CAACW,IAAI,CAAE;EAEvD,oBACE/B,KAAA,CAAAiC,aAAA,CAACD,UAAU;IACTZ,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAEX,UAAU,CAACH,KAAK,CAACc,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACH,KAAK,CAACe,QAAS;IACpCC,QAAQ,EAAE,cAAchB,KAAK,CAACK,EAAE,EAAG;IACnCJ,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN,CAAC","ignoreList":[]}

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

@@ -1,17 +1,27 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { FormField, InputArea } from '@wix/design-system';
 export const LongText = props => {
+  var _field$validation;
   const {
     field,
     value,
-    onChange
+    onChange,
+    dataHook,
+    inputRef
   } = props;
+  const ref = useRef({});
   return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook
   }, /*#__PURE__*/React.createElement(InputArea, {
     value: value,
     onChange: e => onChange == null ? void 0 : onChange(e.target.value),
-    dataHook: `long-text-${field.id}`
+    dataHook: `long-text-${field.id}`,
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
+    }
   }));
 };
 //# sourceMappingURL=LongText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","FormField","InputArea","LongText","props","field","value","onChange","createElement","label","displayName","e","target","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/LongText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, InputArea } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface LongTextProps extends BaseInputProps<string> {}\n\nexport const LongText = (props: LongTextProps) => {\n  const { field, value, onChange } = props;\n\n  return (\n    <FormField label={field.displayName}>\n      <InputArea\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        dataHook={`long-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,QAAQ,oBAAoB;AAKzD,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAExC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,SAAS;IAACQ,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,SAAS;IACRI,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGI,CAAC,IAAKJ,QAAQ,oBAARA,QAAQ,CAAGI,CAAC,CAACC,MAAM,CAACN,KAAK,CAAE;IAC5CO,QAAQ,EAAE,aAAaR,KAAK,CAACS,EAAE;EAAG,CACnC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","FormField","InputArea","LongText","props","_field$validation","field","value","onChange","dataHook","inputRef","ref","createElement","label","displayName","required","validation","e","target","id","internalRef","current","focus"],"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,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,SAAS,EAAEC,SAAS,QAAQ,oBAAoB;AAKzD,OAAO,MAAMC,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,GAAGX,MAAM,CAAe,CAAC,CAAC,CAAC;EAEpC,oBACED,KAAA,CAAAa,aAAA,CAACX,SAAS;IACRY,KAAK,EAAEP,KAAK,CAACQ,WAAY;IACzBC,QAAQ,GAAAV,iBAAA,GAAEC,KAAK,CAACU,UAAU,qBAAhBX,iBAAA,CAAkBU,QAAS;IACrCN,QAAQ,EAAEA;EAAS,gBAEnBV,KAAA,CAAAa,aAAA,CAACV,SAAS;IACRK,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGS,CAAC,IAAKT,QAAQ,oBAARA,QAAQ,CAAGS,CAAC,CAACC,MAAM,CAACX,KAAK,CAAE;IAC5CE,QAAQ,EAAE,aAAaH,KAAK,CAACa,EAAE,EAAG;IAClCR,GAAG,EAAGS,WAAW,IAAK;MACpBV,QAAQ,YAARA,QAAQ,CAAGC,GAAG,CAACU,OAAO,CAAC;MACvBV,GAAG,CAACU,OAAO,CAACC,KAAK,GAAG,MAAMF,WAAW,oBAAXA,WAAW,CAAEE,KAAK,CAAC,CAAC;IAChD;EAAE,CACH,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/Number.js

@@ -1,17 +1,54 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { FormField, NumberInput } from '@wix/design-system';
+import { useWixPatternsContainer, useSelector } from '@wix/patterns';
 export const Number = props => {
+  var _field$validation, _field$validation2;
   const {
     field,
     value,
-    onChange
+    onChange,
+    dataHook,
+    inputRef
   } = props;
+  const ref = useRef({});
+  const {
+    translate: t,
+    ...container
+  } = useWixPatternsContainer();
+  useSelector(() => container.initTask.status);
+  const numberRange = (_field$validation = field.validation) == null ? void 0 : _field$validation.numberRange;
+  const min = (numberRange == null ? void 0 : numberRange.min) ?? undefined;
+  const max = (numberRange == null ? void 0 : numberRange.max) ?? undefined;
+  let invalidMessage;
+  if (value !== null) {
+    if (min !== undefined && value < min) {
+      invalidMessage = t('cairo.fieldValidation.minNumber', {
+        minAmount: min
+      });
+      ref.current.invalid = true;
+    } else if (max !== undefined && value > max) {
+      invalidMessage = t('cairo.fieldValidation.maxNumber', {
+        maxAmount: max
+      });
+      ref.current.invalid = true;
+    } else {
+      ref.current.invalid = false;
+    }
+  }
   return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: invalidMessage ? 'error' : undefined,
+    statusMessage: invalidMessage,
+    dataHook: dataHook
   }, /*#__PURE__*/React.createElement(NumberInput, {
     value: value || undefined,
     onChange: e => onChange(e),
-    dataHook: `number-${field.id}`
+    dataHook: `number-${field.id}`,
+    inputRef: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
+    }
   }));
 };
 //# sourceMappingURL=Number.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/Number.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FormField","NumberInput","Number","props","field","value","onChange","createElement","label","displayName","undefined","e","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Number.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, NumberInput } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface NumberProps extends BaseInputProps<number | null> {}\n\nexport const Number = (props: NumberProps) => {\n  const { field, value, onChange } = props;\n\n  return (\n    <FormField label={field.displayName}>\n      <NumberInput\n        value={value || undefined}\n        onChange={(e) => onChange(e)}\n        dataHook={`number-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,WAAW,QAAQ,oBAAoB;AAK3D,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAExC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,SAAS;IAACQ,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,WAAW;IACVI,KAAK,EAAEA,KAAK,IAAIK,SAAU;IAC1BJ,QAAQ,EAAGK,CAAC,IAAKL,QAAQ,CAACK,CAAC,CAAE;IAC7BC,QAAQ,EAAE,UAAUR,KAAK,CAACS,EAAE;EAAG,CAChC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","FormField","NumberInput","useWixPatternsContainer","useSelector","Number","props","_field$validation","_field$validation2","field","value","onChange","dataHook","inputRef","ref","translate","t","container","initTask","status","numberRange","validation","min","undefined","max","invalidMessage","minAmount","current","invalid","maxAmount","createElement","label","displayName","required","statusMessage","e","id","internalRef","focus"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Number.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FormField, NumberInput } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useWixPatternsContainer, useSelector } from '@wix/patterns';\n\nexport interface NumberProps extends BaseInputProps<number | null> {}\n\nexport const Number = (props: NumberProps) => {\n  const { field, value, onChange, dataHook, inputRef } = props;\n  const ref = useRef<BaseInputRef>({});\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const numberRange = field.validation?.numberRange;\n  const min = numberRange?.min ?? undefined;\n  const max = numberRange?.max ?? undefined;\n  let invalidMessage: string | undefined;\n\n  if (value !== null) {\n    if (min !== undefined && value < min) {\n      invalidMessage = t('cairo.fieldValidation.minNumber', {\n        minAmount: min,\n      });\n      ref.current.invalid = true;\n    } else if (max !== undefined && value > max) {\n      invalidMessage = t('cairo.fieldValidation.maxNumber', {\n        maxAmount: max,\n      });\n      ref.current.invalid = true;\n    } else {\n      ref.current.invalid = false;\n    }\n  }\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={invalidMessage ? 'error' : undefined}\n      statusMessage={invalidMessage}\n      dataHook={dataHook}\n    >\n      <NumberInput\n        value={value || undefined}\n        onChange={(e) => onChange(e)}\n        dataHook={`number-${field.id}`}\n        inputRef={(internalRef) => {\n          inputRef?.(ref.current);\n          ref.current.focus = () => internalRef?.focus();\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,SAAS,EAAEC,WAAW,QAAQ,oBAAoB;AAE3D,SAASC,uBAAuB,EAAEC,WAAW,QAAQ,eAAe;AAIpE,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAAA,IAAAC,iBAAA,EAAAC,kBAAA;EAC5C,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGP,KAAK;EAC5D,MAAMQ,GAAG,GAAGd,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAM;IAAEe,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAChEC,WAAW,CAAC,MAAMa,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;EAC5C,MAAMC,WAAW,IAAAb,iBAAA,GAAGE,KAAK,CAACY,UAAU,qBAAhBd,iBAAA,CAAkBa,WAAW;EACjD,MAAME,GAAG,GAAG,CAAAF,WAAW,oBAAXA,WAAW,CAAEE,GAAG,KAAIC,SAAS;EACzC,MAAMC,GAAG,GAAG,CAAAJ,WAAW,oBAAXA,WAAW,CAAEI,GAAG,KAAID,SAAS;EACzC,IAAIE,cAAkC;EAEtC,IAAIf,KAAK,KAAK,IAAI,EAAE;IAClB,IAAIY,GAAG,KAAKC,SAAS,IAAIb,KAAK,GAAGY,GAAG,EAAE;MACpCG,cAAc,GAAGT,CAAC,CAAC,iCAAiC,EAAE;QACpDU,SAAS,EAAEJ;MACb,CAAC,CAAC;MACFR,GAAG,CAACa,OAAO,CAACC,OAAO,GAAG,IAAI;IAC5B,CAAC,MAAM,IAAIJ,GAAG,KAAKD,SAAS,IAAIb,KAAK,GAAGc,GAAG,EAAE;MAC3CC,cAAc,GAAGT,CAAC,CAAC,iCAAiC,EAAE;QACpDa,SAAS,EAAEL;MACb,CAAC,CAAC;MACFV,GAAG,CAACa,OAAO,CAACC,OAAO,GAAG,IAAI;IAC5B,CAAC,MAAM;MACLd,GAAG,CAACa,OAAO,CAACC,OAAO,GAAG,KAAK;IAC7B;EACF;EAEA,oBACE7B,KAAA,CAAA+B,aAAA,CAAC7B,SAAS;IACR8B,KAAK,EAAEtB,KAAK,CAACuB,WAAY;IACzBC,QAAQ,GAAAzB,kBAAA,GAAEC,KAAK,CAACY,UAAU,qBAAhBb,kBAAA,CAAkByB,QAAS;IACrCd,MAAM,EAAEM,cAAc,GAAG,OAAO,GAAGF,SAAU;IAC7CW,aAAa,EAAET,cAAe;IAC9Bb,QAAQ,EAAEA;EAAS,gBAEnBb,KAAA,CAAA+B,aAAA,CAAC5B,WAAW;IACVQ,KAAK,EAAEA,KAAK,IAAIa,SAAU;IAC1BZ,QAAQ,EAAGwB,CAAC,IAAKxB,QAAQ,CAACwB,CAAC,CAAE;IAC7BvB,QAAQ,EAAE,UAAUH,KAAK,CAAC2B,EAAE,EAAG;IAC/BvB,QAAQ,EAAGwB,WAAW,IAAK;MACzBxB,QAAQ,YAARA,QAAQ,CAAGC,GAAG,CAACa,OAAO,CAAC;MACvBb,GAAG,CAACa,OAAO,CAACW,KAAK,GAAG,MAAMD,WAAW,oBAAXA,WAAW,CAAEC,KAAK,CAAC,CAAC;IAChD;EAAE,CACH,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/ShortText.js

@@ -1,17 +1,41 @@
-import React from 'react';
+import React, { useRef } from 'react';
 import { FormField, Input } from '@wix/design-system';
+import { useValidateTextLength } from './utils/validateTextLength';
 export const ShortText = props => {
+  var _field$validation, _field$validation2;
   const {
     field,
     onChange,
-    value
+    value,
+    dataHook,
+    inputRef
   } = props;
+  const ref = useRef({});
+  const stringLengthRange = (_field$validation = field.validation) == null ? void 0 : _field$validation.stringLengthRange;
+  const {
+    charCount,
+    invalidMessage
+  } = useValidateTextLength({
+    value,
+    stringLengthRange,
+    onChange,
+    ref
+  });
   return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    charCount: charCount,
+    status: invalidMessage ? 'error' : undefined,
+    statusMessage: invalidMessage,
+    dataHook: dataHook
   }, /*#__PURE__*/React.createElement(Input, {
     value: value,
     onChange: e => onChange == null ? void 0 : onChange(e.target.value),
-    dataHook: `short-text-${field.id}`
+    dataHook: `short-text-${field.id}`,
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
+    }
   }));
 };
 //# sourceMappingURL=ShortText.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/ShortText.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FormField","Input","ShortText","props","field","onChange","value","createElement","label","displayName","e","target","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ShortText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface ShortTextProps extends BaseInputProps<string> {}\n\nexport const ShortText = (props: ShortTextProps) => {\n  const { field, onChange, value } = props;\n  return (\n    <FormField label={field.displayName}>\n      <Input\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        dataHook={`short-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAKrD,OAAO,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EACxC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,SAAS;IAACQ,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,KAAK;IACJK,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAGK,CAAC,IAAKL,QAAQ,oBAARA,QAAQ,CAAGK,CAAC,CAACC,MAAM,CAACL,KAAK,CAAE;IAC5CM,QAAQ,EAAE,cAAcR,KAAK,CAACS,EAAE;EAAG,CACpC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","FormField","Input","useValidateTextLength","ShortText","props","_field$validation","_field$validation2","field","onChange","value","dataHook","inputRef","ref","stringLengthRange","validation","charCount","invalidMessage","createElement","label","displayName","required","status","undefined","statusMessage","e","target","id","internalRef","current","focus"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ShortText.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useValidateTextLength } from './utils/validateTextLength';\n\nexport interface ShortTextProps extends BaseInputProps<string> {}\n\nexport const ShortText = (props: ShortTextProps) => {\n  const { field, onChange, value, dataHook, inputRef } = props;\n\n  const ref = useRef<BaseInputRef>({});\n\n  const stringLengthRange = field.validation?.stringLengthRange;\n\n  const { charCount, invalidMessage } = useValidateTextLength({\n    value,\n    stringLengthRange,\n    onChange,\n    ref,\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      charCount={charCount}\n      status={invalidMessage ? 'error' : undefined}\n      statusMessage={invalidMessage}\n      dataHook={dataHook}\n    >\n      <Input\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        dataHook={`short-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,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAErD,SAASC,qBAAqB,QAAQ,4BAA4B;AAIlE,OAAO,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAAA,IAAAC,iBAAA,EAAAC,kBAAA;EAClD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGP,KAAK;EAE5D,MAAMQ,GAAG,GAAGb,MAAM,CAAe,CAAC,CAAC,CAAC;EAEpC,MAAMc,iBAAiB,IAAAR,iBAAA,GAAGE,KAAK,CAACO,UAAU,qBAAhBT,iBAAA,CAAkBQ,iBAAiB;EAE7D,MAAM;IAAEE,SAAS;IAAEC;EAAe,CAAC,GAAGd,qBAAqB,CAAC;IAC1DO,KAAK;IACLI,iBAAiB;IACjBL,QAAQ;IACRI;EACF,CAAC,CAAC;EAEF,oBACEd,KAAA,CAAAmB,aAAA,CAACjB,SAAS;IACRkB,KAAK,EAAEX,KAAK,CAACY,WAAY;IACzBC,QAAQ,GAAAd,kBAAA,GAAEC,KAAK,CAACO,UAAU,qBAAhBR,kBAAA,CAAkBc,QAAS;IACrCL,SAAS,EAAEA,SAAU;IACrBM,MAAM,EAAEL,cAAc,GAAG,OAAO,GAAGM,SAAU;IAC7CC,aAAa,EAAEP,cAAe;IAC9BN,QAAQ,EAAEA;EAAS,gBAEnBZ,KAAA,CAAAmB,aAAA,CAAChB,KAAK;IACJQ,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAGgB,CAAC,IAAKhB,QAAQ,oBAARA,QAAQ,CAAGgB,CAAC,CAACC,MAAM,CAAChB,KAAK,CAAE;IAC5CC,QAAQ,EAAE,cAAcH,KAAK,CAACmB,EAAE,EAAG;IACnCd,GAAG,EAAGe,WAAW,IAAK;MACpBhB,QAAQ,YAARA,QAAQ,CAAGC,GAAG,CAACgB,OAAO,CAAC;MACvBhB,GAAG,CAACgB,OAAO,CAACC,KAAK,GAAG,MAAMF,WAAW,oBAAXA,WAAW,CAAEE,KAAK,CAAC,CAAC;IAChD;EAAE,CACH,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/Url.js

@@ -2,21 +2,35 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, useState } from 'react';
 import { FormField, Input } from '@wix/design-system';
 import { Link } from '@wix/wix-ui-icons-common';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
 export const Url = props => {
+  var _field$validation;
   const {
     field,
     value,
-    onChange
+    onChange,
+    dataHook,
+    inputRef
   } = props;
   const ref = useRef({});
   const [fieldsStatus, setFieldStatus] = useState({});
+  const {
+    translate: t,
+    ...container
+  } = useWixPatternsContainer();
+  useSelector(() => container.initTask.status);
+
   // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31
-  const uriPattern = /^[A-Za-z][A-Za-z0-9+.-]*:(\/\/([A-Za-z0-9._~\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\-!$&'()*+,;=%:\[\]]*(:[0-9]*)?)?[A-Za-z0-9._~\-%!$&'()*+,;=:@\/]*([?][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?([#][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?$/;
+  const uriPattern =
+  // eslint-disable-next-line no-useless-escape
+  /^[A-Za-z][A-Za-z0-9+.-]*:(\/\/([A-Za-z0-9._~\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\-!$&'()*+,;=%:\[\]]*(:[0-9]*)?)?[A-Za-z0-9._~\-%!$&'()*+,;=:@\/]*([?][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?([#][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?$/;
   return /*#__PURE__*/React.createElement(FormField, _extends({
-    label: field.displayName
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook
   }, fieldsStatus), /*#__PURE__*/React.createElement(Input, {
     prefix: /*#__PURE__*/React.createElement(Input.IconAffix, null, /*#__PURE__*/React.createElement(Link, null)),
-    placeholder: "https://www.wix.com",
+    placeholder: t('cairo.customFields.url-input.placeholder'),
     dataHook: `url-${field.id}`,
     value: value,
     onChange: e => onChange == null ? void 0 : onChange(e.target.value),
@@ -25,7 +39,7 @@ export const Url = props => {
       if (ref.current.invalid) {
         setFieldStatus({
           status: 'error',
-          statusMessage: 'Invalid URL'
+          statusMessage: t('cairo.customFields.url-input.error')
         });
       } else {
         setFieldStatus({
@@ -33,6 +47,10 @@ export const Url = props => {
           statusMessage: undefined
         });
       }
+    },
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      ref.current.focus = () => internalRef == null ? void 0 : internalRef.focus();
     }
   }));
 };

package/dist/esm/components/AutoPatternsEntityPage/Fields/Url.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","FormField","Input","Link","Url","props","field","value","onChange","ref","fieldsStatus","setFieldStatus","uriPattern","createElement","_extends","label","displayName","prefix","IconAffix","placeholder","dataHook","id","e","target","onBlur","current","invalid","test","status","statusMessage","undefined"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Url.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, Input, StatusType } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { Link } from '@wix/wix-ui-icons-common';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = (props: UrlProps) => {\n  const { field, value, onChange } = props;\n  const ref = useRef<BaseInputRef>({});\n  const [fieldsStatus, setFieldStatus] = useState<{\n    status?: StatusType;\n    statusMessage?: string;\n  }>({});\n  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n  const uriPattern =\n    /^[A-Za-z][A-Za-z0-9+.-]*:(\\/\\/([A-Za-z0-9._~\\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\\-!$&'()*+,;=%:\\[\\]]*(:[0-9]*)?)?[A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/]*([?][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?([#][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?$/;\n\n  return (\n    <FormField label={field.displayName} {...fieldsStatus}>\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder=\"https://www.wix.com\"\n        dataHook={`url-${field.id}`}\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        onBlur={() => {\n          ref.current.invalid = value ? !uriPattern.test(value) : false;\n\n          if (ref.current.invalid) {\n            setFieldStatus({\n              status: 'error',\n              statusMessage: 'Invalid URL',\n            });\n          } else {\n            setFieldStatus({ status: undefined, statusMessage: undefined });\n          }\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,SAASC,SAAS,EAAEC,KAAK,QAAoB,oBAAoB;AAEjE,SAASC,IAAI,QAAQ,0BAA0B;AAI/C,OAAO,MAAMC,GAAG,GAAIC,KAAe,IAAK;EACtC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EACxC,MAAMI,GAAG,GAAGV,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACW,YAAY,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAG5C,CAAC,CAAC,CAAC;EACN;EACA,MAAMY,UAAU,GACd,kOAAkO;EAEpO,oBACEd,KAAA,CAAAe,aAAA,CAACZ,SAAS,EAAAa,QAAA;IAACC,KAAK,EAAET,KAAK,CAACU;EAAY,GAAKN,YAAY,gBACnDZ,KAAA,CAAAe,aAAA,CAACX,KAAK;IACJe,MAAM,eACJnB,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACgB,SAAS,qBACdpB,KAAA,CAAAe,aAAA,CAACV,IAAI,MAAE,CACQ,CAClB;IACDgB,WAAW,EAAC,qBAAqB;IACjCC,QAAQ,EAAE,OAAOd,KAAK,CAACe,EAAE,EAAG;IAC5Bd,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGc,CAAC,IAAKd,QAAQ,oBAARA,QAAQ,CAAGc,CAAC,CAACC,MAAM,CAAChB,KAAK,CAAE;IAC5CiB,MAAM,EAAEA,CAAA,KAAM;MACZf,GAAG,CAACgB,OAAO,CAACC,OAAO,GAAGnB,KAAK,GAAG,CAACK,UAAU,CAACe,IAAI,CAACpB,KAAK,CAAC,GAAG,KAAK;MAE7D,IAAIE,GAAG,CAACgB,OAAO,CAACC,OAAO,EAAE;QACvBf,cAAc,CAAC;UACbiB,MAAM,EAAE,OAAO;UACfC,aAAa,EAAE;QACjB,CAAC,CAAC;MACJ,CAAC,MAAM;QACLlB,cAAc,CAAC;UAAEiB,MAAM,EAAEE,SAAS;UAAED,aAAa,EAAEC;QAAU,CAAC,CAAC;MACjE;IACF;EAAE,CACH,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useRef","useState","FormField","Input","Link","useSelector","useWixPatternsContainer","Url","props","_field$validation","field","value","onChange","dataHook","inputRef","ref","fieldsStatus","setFieldStatus","translate","t","container","initTask","status","uriPattern","createElement","_extends","label","displayName","required","validation","prefix","IconAffix","placeholder","id","e","target","onBlur","current","invalid","test","statusMessage","undefined","internalRef","focus"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Url.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, Input, StatusType } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { Link } from '@wix/wix-ui-icons-common';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = (props: UrlProps) => {\n  const { field, value, onChange, dataHook, inputRef } = props;\n  const ref = useRef<BaseInputRef>({});\n  const [fieldsStatus, setFieldStatus] = useState<{\n    status?: StatusType;\n    statusMessage?: string;\n  }>({});\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n  const uriPattern =\n    // eslint-disable-next-line no-useless-escape\n    /^[A-Za-z][A-Za-z0-9+.-]*:(\\/\\/([A-Za-z0-9._~\\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\\-!$&'()*+,;=%:\\[\\]]*(:[0-9]*)?)?[A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/]*([?][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?([#][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?$/;\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      {...fieldsStatus}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        onBlur={() => {\n          ref.current.invalid = value ? !uriPattern.test(value) : false;\n\n          if (ref.current.invalid) {\n            setFieldStatus({\n              status: 'error',\n              statusMessage: t('cairo.customFields.url-input.error'),\n            });\n          } else {\n            setFieldStatus({ status: undefined, statusMessage: undefined });\n          }\n        }}\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          ref.current.focus = () => internalRef?.focus();\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,SAASC,SAAS,EAAEC,KAAK,QAAoB,oBAAoB;AAEjE,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,WAAW,EAAEC,uBAAuB,QAAQ,eAAe;AAIpE,OAAO,MAAMC,GAAG,GAAIC,KAAe,IAAK;EAAA,IAAAC,iBAAA;EACtC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGN,KAAK;EAC5D,MAAMO,GAAG,GAAGf,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACgB,YAAY,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAG5C,CAAC,CAAC,CAAC;EACN,MAAM;IAAEiB,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAChED,WAAW,CAAC,MAAMe,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;;EAE5C;EACA,MAAMC,UAAU;EACd;EACA,kOAAkO;EAEpO,oBACExB,KAAA,CAAAyB,aAAA,CAACtB,SAAS,EAAAuB,QAAA;IACRC,KAAK,EAAEhB,KAAK,CAACiB,WAAY;IACzBC,QAAQ,GAAAnB,iBAAA,GAAEC,KAAK,CAACmB,UAAU,qBAAhBpB,iBAAA,CAAkBmB,QAAS;IACrCf,QAAQ,EAAEA;EAAS,GACfG,YAAY,gBAEhBjB,KAAA,CAAAyB,aAAA,CAACrB,KAAK;IACJ2B,MAAM,eACJ/B,KAAA,CAAAyB,aAAA,CAACrB,KAAK,CAAC4B,SAAS,qBACdhC,KAAA,CAAAyB,aAAA,CAACpB,IAAI,MAAE,CACQ,CAClB;IACD4B,WAAW,EAAEb,CAAC,CAAC,0CAA0C,CAAE;IAC3DN,QAAQ,EAAE,OAAOH,KAAK,CAACuB,EAAE,EAAG;IAC5BtB,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGsB,CAAC,IAAKtB,QAAQ,oBAARA,QAAQ,CAAGsB,CAAC,CAACC,MAAM,CAACxB,KAAK,CAAE;IAC5CyB,MAAM,EAAEA,CAAA,KAAM;MACZrB,GAAG,CAACsB,OAAO,CAACC,OAAO,GAAG3B,KAAK,GAAG,CAACY,UAAU,CAACgB,IAAI,CAAC5B,KAAK,CAAC,GAAG,KAAK;MAE7D,IAAII,GAAG,CAACsB,OAAO,CAACC,OAAO,EAAE;QACvBrB,cAAc,CAAC;UACbK,MAAM,EAAE,OAAO;UACfkB,aAAa,EAAErB,CAAC,CAAC,oCAAoC;QACvD,CAAC,CAAC;MACJ,CAAC,MAAM;QACLF,cAAc,CAAC;UAAEK,MAAM,EAAEmB,SAAS;UAAED,aAAa,EAAEC;QAAU,CAAC,CAAC;MACjE;IACF,CAAE;IACF1B,GAAG,EAAG2B,WAAW,IAAK;MACpB5B,QAAQ,YAARA,QAAQ,CAAGC,GAAG,CAACsB,OAAO,CAAC;MACvBtB,GAAG,CAACsB,OAAO,CAACM,KAAK,GAAG,MAAMD,WAAW,oBAAXA,WAAW,CAAEC,KAAK,CAAC,CAAC;IAChD;EAAE,CACH,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsEntityPage/Fields/types.js.map

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

package/dist/esm/components/AutoPatternsEntityPage/Fields/utils/validateTextLength.js

@@ -0,0 +1,35 @@
+import { useWixPatternsContainer, useSelector } from '@wix/patterns';
+export const useValidateTextLength = _ref => {
+  let {
+    value = '',
+    stringLengthRange,
+    ref
+  } = _ref;
+  const {
+    translate: t,
+    ...container
+  } = useWixPatternsContainer();
+  useSelector(() => container.initTask.status);
+  const minLength = stringLengthRange == null ? void 0 : stringLengthRange.minLength;
+  const maxLength = stringLengthRange == null ? void 0 : stringLengthRange.maxLength;
+  const charCount = maxLength ? maxLength - value.length : undefined;
+  let invalidMessage;
+  if (minLength && value && value.length < minLength) {
+    ref.current.invalid = true;
+    invalidMessage = t('cairo.fieldValidation.minCharacter', {
+      charMin: minLength
+    });
+  } else if (maxLength && value && value.length > maxLength) {
+    ref.current.invalid = true;
+    invalidMessage = t('cairo.fieldValidation.maxCharacter', {
+      charMax: maxLength
+    });
+  } else {
+    ref.current.invalid = false;
+  }
+  return {
+    charCount,
+    invalidMessage
+  };
+};
+//# sourceMappingURL=validateTextLength.js.map

package/dist/esm/components/AutoPatternsEntityPage/Fields/utils/validateTextLength.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useWixPatternsContainer","useSelector","useValidateTextLength","_ref","value","stringLengthRange","ref","translate","t","container","initTask","status","minLength","maxLength","charCount","length","undefined","invalidMessage","current","invalid","charMin","charMax"],"sources":["../../../../../../src/components/AutoPatternsEntityPage/Fields/utils/validateTextLength.ts"],"sourcesContent":["import { useWixPatternsContainer, useSelector } from '@wix/patterns';\nimport { StringLengthRange } from '../../../../types';\nimport { BaseInputRef } from '../types';\n\nexport const useValidateTextLength = ({\n  value = '',\n  stringLengthRange,\n  ref,\n}: {\n  value: string;\n  stringLengthRange?: StringLengthRange;\n  onChange: (value: string) => void;\n  ref: React.MutableRefObject<BaseInputRef>;\n}) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const minLength = stringLengthRange?.minLength;\n  const maxLength = stringLengthRange?.maxLength;\n  const charCount = maxLength ? maxLength - value.length : undefined;\n\n  let invalidMessage: string | undefined;\n  if (minLength && value && value.length < minLength) {\n    ref.current.invalid = true;\n    invalidMessage = t('cairo.fieldValidation.minCharacter', {\n      charMin: minLength,\n    });\n  } else if (maxLength && value && value.length > maxLength) {\n    ref.current.invalid = true;\n    invalidMessage = t('cairo.fieldValidation.maxCharacter', {\n      charMax: maxLength,\n    });\n  } else {\n    ref.current.invalid = false;\n  }\n\n  return {\n    charCount,\n    invalidMessage,\n  };\n};\n"],"mappings":"AAAA,SAASA,uBAAuB,EAAEC,WAAW,QAAQ,eAAe;AAIpE,OAAO,MAAMC,qBAAqB,GAAGC,IAAA,IAS/B;EAAA,IATgC;IACpCC,KAAK,GAAG,EAAE;IACVC,iBAAiB;IACjBC;EAMF,CAAC,GAAAH,IAAA;EACC,MAAM;IAAEI,SAAS,EAAEC,CAAC;IAAE,GAAGC;EAAU,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAChEC,WAAW,CAAC,MAAMQ,SAAS,CAACC,QAAQ,CAACC,MAAM,CAAC;EAC5C,MAAMC,SAAS,GAAGP,iBAAiB,oBAAjBA,iBAAiB,CAAEO,SAAS;EAC9C,MAAMC,SAAS,GAAGR,iBAAiB,oBAAjBA,iBAAiB,CAAEQ,SAAS;EAC9C,MAAMC,SAAS,GAAGD,SAAS,GAAGA,SAAS,GAAGT,KAAK,CAACW,MAAM,GAAGC,SAAS;EAElE,IAAIC,cAAkC;EACtC,IAAIL,SAAS,IAAIR,KAAK,IAAIA,KAAK,CAACW,MAAM,GAAGH,SAAS,EAAE;IAClDN,GAAG,CAACY,OAAO,CAACC,OAAO,GAAG,IAAI;IAC1BF,cAAc,GAAGT,CAAC,CAAC,oCAAoC,EAAE;MACvDY,OAAO,EAAER;IACX,CAAC,CAAC;EACJ,CAAC,MAAM,IAAIC,SAAS,IAAIT,KAAK,IAAIA,KAAK,CAACW,MAAM,GAAGF,SAAS,EAAE;IACzDP,GAAG,CAACY,OAAO,CAACC,OAAO,GAAG,IAAI;IAC1BF,cAAc,GAAGT,CAAC,CAAC,oCAAoC,EAAE;MACvDa,OAAO,EAAER;IACX,CAAC,CAAC;EACJ,CAAC,MAAM;IACLP,GAAG,CAACY,OAAO,CAACC,OAAO,GAAG,KAAK;EAC7B;EAEA,OAAO;IACLL,SAAS;IACTG;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js

@@ -1,14 +1,13 @@
-import React, { useMemo } from 'react';
-import { CollectionDataProvider } from '../../providers';
+import React from 'react';
 import { AutoPatternsGridContent } from './AutoPatternsGridContent';
+import { SchemaProvider } from '../../providers/SchemaContext';
 export const AutoPatternsGrid = _ref => {
   let {
     configuration
   } = _ref;
-  const visibleFieldIds = useMemo(() => [configuration.item.title, configuration.item.subtitle].filter(value => value != null), [configuration]);
-  return /*#__PURE__*/React.createElement(CollectionDataProvider, {
-    collectionConfig: configuration.collection,
-    visibleFieldIds: visibleFieldIds
+  return /*#__PURE__*/React.createElement(SchemaProvider, {
+    collectionId: configuration.collection.collectionId,
+    entityTypeSource: configuration.collection.entityTypeSource
   }, /*#__PURE__*/React.createElement(AutoPatternsGridContent, {
     configuration: configuration
   }));

package/dist/esm/components/AutoPatternsGrid/AutoPatternsGrid.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","CollectionDataProvider","AutoPatternsGridContent","AutoPatternsGrid","_ref","configuration","visibleFieldIds","item","title","subtitle","filter","value","createElement","collectionConfig","collection"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { CollectionDataProvider } from '../../providers';\nimport { GridConfig } from '../../types';\nimport { AutoPatternsGridContent } from './AutoPatternsGridContent';\n\nexport interface AutoPatternsGridProps {\n  configuration: GridConfig;\n}\n\nexport const AutoPatternsGrid = ({ configuration }: AutoPatternsGridProps) => {\n  const visibleFieldIds = useMemo(\n    () =>\n      [configuration.item.title, configuration.item.subtitle].filter(\n        (value) => value != null,\n      ) as string[],\n    [configuration],\n  );\n\n  return (\n    <CollectionDataProvider\n      collectionConfig={configuration.collection}\n      visibleFieldIds={visibleFieldIds}\n    >\n      <AutoPatternsGridContent configuration={configuration} />\n    </CollectionDataProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,SAASC,uBAAuB,QAAQ,2BAA2B;AAMnE,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC;EAAqC,CAAC,GAAAD,IAAA;EACvE,MAAME,eAAe,GAAGN,OAAO,CAC7B,MACE,CAACK,aAAa,CAACE,IAAI,CAACC,KAAK,EAAEH,aAAa,CAACE,IAAI,CAACE,QAAQ,CAAC,CAACC,MAAM,CAC3DC,KAAK,IAAKA,KAAK,IAAI,IACtB,CAAa,EACf,CAACN,aAAa,CAChB,CAAC;EAED,oBACEN,KAAA,CAAAa,aAAA,CAACX,sBAAsB;IACrBY,gBAAgB,EAAER,aAAa,CAACS,UAAW;IAC3CR,eAAe,EAAEA;EAAgB,gBAEjCP,KAAA,CAAAa,aAAA,CAACV,uBAAuB;IAACG,aAAa,EAAEA;EAAc,CAAE,CAClC,CAAC;AAE7B,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AutoPatternsGridContent","SchemaProvider","AutoPatternsGrid","_ref","configuration","createElement","collectionId","collection","entityTypeSource"],"sources":["../../../../src/components/AutoPatternsGrid/AutoPatternsGrid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridConfig } from '../../types';\nimport { AutoPatternsGridContent } from './AutoPatternsGridContent';\nimport { SchemaProvider } from '../../providers/SchemaContext';\n\nexport interface AutoPatternsGridProps {\n  configuration: GridConfig;\n}\n\nexport const AutoPatternsGrid = ({ configuration }: AutoPatternsGridProps) => {\n  return (\n    <SchemaProvider\n      collectionId={configuration.collection.collectionId}\n      entityTypeSource={configuration.collection.entityTypeSource}\n    >\n      <AutoPatternsGridContent configuration={configuration} />\n    </SchemaProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,cAAc,QAAQ,+BAA+B;AAM9D,OAAO,MAAMC,gBAAgB,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC;EAAqC,CAAC,GAAAD,IAAA;EACvE,oBACEJ,KAAA,CAAAM,aAAA,CAACJ,cAAc;IACbK,YAAY,EAAEF,aAAa,CAACG,UAAU,CAACD,YAAa;IACpDE,gBAAgB,EAAEJ,aAAa,CAACG,UAAU,CAACC;EAAiB,gBAE5DT,KAAA,CAAAM,aAAA,CAACL,uBAAuB;IAACI,aAAa,EAAEA;EAAc,CAAE,CAC1C,CAAC;AAErB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsRoute/AutoPatternsRoutes.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { usePagePath } from '../../hooks';
+import { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns';
+import { AutoPatternsPage } from './AutoPatternsPage';
+import { Navigate } from 'react-router-dom';
+const pageTypeToRouteType = {
+  collectionPage: 'collection',
+  entityPage: 'editEntity'
+};
+export const AutoPatternsRoutes = _ref => {
+  let {
+    config
+  } = _ref;
+  const {
+    getPagePath
+  } = usePagePath(config);
+  const mainPage = config.pages.find(page => page.appMainPage);
+  const routes = config.pages.map(page => {
+    const routePath = getPagePath(page.id);
+    if (!routePath) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(PatternsReactRoute, {
+      key: page.id,
+      type: pageTypeToRouteType[page.type] ?? 'other',
+      path: routePath,
+      element: /*#__PURE__*/React.createElement(AutoPatternsPage, {
+        pageConfig: page
+      })
+    });
+  }).filter(Boolean);
+  if (mainPage) {
+    const mainPagePath = getPagePath(mainPage.id);
+    if (mainPagePath) {
+      routes.push(/*#__PURE__*/React.createElement(PatternsReactRoute, {
+        key: "main-redirect",
+        type: "other",
+        path: "/",
+        element: /*#__PURE__*/React.createElement(Navigate, {
+          to: mainPagePath
+        })
+      }));
+    }
+  }
+  return /*#__PURE__*/React.createElement(PatternsReactRouter, null, routes);
+};
+//# sourceMappingURL=AutoPatternsRoutes.js.map

package/dist/esm/components/AutoPatternsRoute/AutoPatternsRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","usePagePath","PatternsReactRoute","PatternsReactRouter","AutoPatternsPage","Navigate","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsRoutes","_ref","config","getPagePath","mainPage","pages","find","page","appMainPage","routes","map","routePath","id","createElement","key","type","path","element","pageConfig","filter","Boolean","mainPagePath","push","to"],"sources":["../../../../src/components/AutoPatternsRoute/AutoPatternsRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { usePagePath } from '../../hooks';\nimport { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns';\nimport { AutoPatternsPage } from './AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\nimport { Navigate } from 'react-router-dom';\nimport { AppConfig } from '../../types';\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n};\n\nexport const AutoPatternsRoutes = ({ config }: { config: AppConfig }) => {\n  const { getPagePath } = usePagePath(config);\n  const mainPage = config.pages.find((page) => page.appMainPage);\n\n  const routes = config.pages\n    .map((page) => {\n      const routePath = getPagePath(page.id);\n\n      if (!routePath) {\n        return null;\n      }\n\n      return (\n        <PatternsReactRoute\n          key={page.id}\n          type={pageTypeToRouteType[page.type] ?? 'other'}\n          path={routePath}\n          element={<AutoPatternsPage pageConfig={page} />}\n        />\n      );\n    })\n    .filter(Boolean);\n\n  if (mainPage) {\n    const mainPagePath = getPagePath(mainPage.id);\n\n    if (mainPagePath) {\n      routes.push(\n        <PatternsReactRoute\n          key=\"main-redirect\"\n          type=\"other\"\n          path=\"/\"\n          element={<Navigate to={mainPagePath} />}\n        />,\n      );\n    }\n  }\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,kBAAkB,EAAEC,mBAAmB,QAAQ,eAAe;AACvE,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,QAAQ,QAAQ,kBAAkB;AAG3C,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAuC;EAAA,IAAtC;IAAEC;EAA8B,CAAC,GAAAD,IAAA;EAClE,MAAM;IAAEE;EAAY,CAAC,GAAGX,WAAW,CAACU,MAAM,CAAC;EAC3C,MAAME,QAAQ,GAAGF,MAAM,CAACG,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACC,WAAW,CAAC;EAE9D,MAAMC,MAAM,GAAGP,MAAM,CAACG,KAAK,CACxBK,GAAG,CAAEH,IAAI,IAAK;IACb,MAAMI,SAAS,GAAGR,WAAW,CAACI,IAAI,CAACK,EAAE,CAAC;IAEtC,IAAI,CAACD,SAAS,EAAE;MACd,OAAO,IAAI;IACb;IAEA,oBACEpB,KAAA,CAAAsB,aAAA,CAACpB,kBAAkB;MACjBqB,GAAG,EAAEP,IAAI,CAACK,EAAG;MACbG,IAAI,EAAElB,mBAAmB,CAACU,IAAI,CAACQ,IAAI,CAAC,IAAI,OAAQ;MAChDC,IAAI,EAAEL,SAAU;MAChBM,OAAO,eAAE1B,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB;QAACuB,UAAU,EAAEX;MAAK,CAAE;IAAE,CACjD,CAAC;EAEN,CAAC,CAAC,CACDY,MAAM,CAACC,OAAO,CAAC;EAElB,IAAIhB,QAAQ,EAAE;IACZ,MAAMiB,YAAY,GAAGlB,WAAW,CAACC,QAAQ,CAACQ,EAAE,CAAC;IAE7C,IAAIS,YAAY,EAAE;MAChBZ,MAAM,CAACa,IAAI,cACT/B,KAAA,CAAAsB,aAAA,CAACpB,kBAAkB;QACjBqB,GAAG,EAAC,eAAe;QACnBC,IAAI,EAAC,OAAO;QACZC,IAAI,EAAC,GAAG;QACRC,OAAO,eAAE1B,KAAA,CAAAsB,aAAA,CAACjB,QAAQ;UAAC2B,EAAE,EAAEF;QAAa,CAAE;MAAE,CACzC,CACH,CAAC;IACH;EACF;EAEA,oBAAO9B,KAAA,CAAAsB,aAAA,CAACnB,mBAAmB,QAAEe,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}