@wix/auto-patterns 1.45.0 → 1.47.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_dates","_patterns","_form","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","validateDateField","value","validation","format","validationType","required","undefined","dateFormat","DateInput","props","_field$validation","field","dataHook","inputRef","formControl","data","translate","container","useWixPatternsContainer","useSelector","initTask","status","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","invalid","statusMessage","exports"],"sources":["../../../../src/components/fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAmD,IAAAK,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,SAAAR,wBAAAQ,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,SAASW,iBAAiBA,CACxBC,KAAgC,EAChCC,UAA4C,EAC5ClB,CAAY,EACZmB,MAAe,EACfC,cAA6D,EAC7D;EACA,IACEF,UAAU,YAAVA,UAAU,CAAEG,QAAQ,KACnBJ,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKK,SAAS,IAAIL,KAAK,KAAK,EAAE,CAAC,EACvD;IACA,OAAOjB,CAAC,CAAC,qCAAqC,CAAC;EACjD,CAAC,MAAM,IAAIoB,cAAc,KAAK,aAAa,IAAID,MAAM,EAAE;IACrD,OAAOnB,CAAC,CAAC,iDAAiD,EAAE;MAC1DuB,UAAU,EAAEJ;IACd,CAAC,CAAC;EACJ;EAEA,OAAO,EAAE;AACX;AAEO,MAAMK,SAAS,GAAIC,KAAgB,IAAK;EAAA,IAAAC,iBAAA;EAC7C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAC9D,MAAM;IAAEO,SAAS,EAAEhC,CAAC;IAAE,GAAGiC;EAAU,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAChE,IAAAC,qBAAW,EAAC,MAAMF,SAAS,CAACG,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAb,KAAK,oBAALA,KAAK,CAAEc,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEZ,WAAW;IACpBa,YAAY,EAAEZ,IAAI,oBAAJA,IAAI,CAAG,CAAAJ,KAAK,oBAALA,KAAK,CAAEc,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAG5B,KAAK,IAAK;QACnB,MAAM6B,KAAK,GAAG9B,iBAAiB,CAACC,KAAK,EAAEU,KAAK,CAACT,UAAU,EAAElB,CAAC,CAAC;QAC3D,OAAO8C,KAAK,IAAI,IAAI;MACtB;IACF;EACF,CAAC,CAAC;EAEF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAmB,MAAM;IACvD,IAAIX,UAAU,CAACX,KAAK,CAACV,KAAK,EAAE;MAC1B,OAAO,IAAAiC,6BAAsB,EAC3B,IAAAC,wCAAiC,EAACb,UAAU,CAACX,KAAK,CAACV,KAAK,CAC1D,CAAC;IACH;IACA,OAAOK,SAAS;EAClB,CAAC,CAAC;EAEF,MAAM8B,GAAG,GAAG,IAAAC,aAAM,EAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAN,eAAQ,EAAS,EAAE,CAAC;EAE5D,oBACE7D,MAAA,CAAAc,OAAA,CAAAsD,aAAA,CAACjE,aAAA,CAAAkE,SAAS;IACRC,KAAK,EAAE/B,KAAK,CAACgC,WAAY;IACzBtC,QAAQ,GAAAK,iBAAA,GAAEC,KAAK,CAACT,UAAU,qBAAhBQ,iBAAA,CAAkBL,QAAS;IACrCO,QAAQ,EAAEA,QAAS;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB5E,MAAA,CAAAc,OAAA,CAAAsD,aAAA,CAACjE,aAAA,CAAA0E,UAAU;IACTb,GAAG,EAAGc,WAAW,IAAK;MACpBrC,QAAQ,YAARA,QAAQ,CAAGuB,GAAG,CAACe,OAAO,CAAC;MACvB;MACAf,GAAG,CAACe,OAAO,CAACC,KAAK,GAAG;QAAA,IAAAC,kBAAA;QAAA,OAAMH,WAAW,aAAAG,kBAAA,GAAXH,WAAW,CAAEI,KAAK,cAAAD,kBAAA,GAAlBA,kBAAA,CAAoBxC,QAAQ,aAA5BwC,kBAAA,CAA8BD,KAAK,oBAAnCC,kBAAA,CAA8BD,KAAK,CAAG,CAAC;MAAA;IACnE,CAAE;IACFxC,QAAQ,EAAE,QAAQD,KAAK,CAACc,EAAE,EAAG;IAC7B8B,KAAK,EAAC,MAAM;IACZtD,KAAK,EAAE8B,IAAK;IACZyB,QAAQ,EAAGC,QAAc,IAAK;MAC5BzB,OAAO,CAACyB,QAAQ,CAAC;MACjB,IAAIA,QAAQ,EAAE;QACZ,MAAMC,aAAa,GAAG,IAAAvB,wCAAiC,EAACsB,QAAQ,CAAC;QACjEnC,UAAU,CAACX,KAAK,CAAC6C,QAAQ,CAACE,aAAa,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACxD,CAAC,MAAM;QACLrC,UAAU,CAACX,KAAK,CAAC6C,QAAQ,CAAC,IAAI,CAAC;MACjC;IACF,CAAE;IACFI,UAAU,EAAEA,CAAC;MAAExD,cAAc;MAAEH,KAAK,EAAEwD,QAAQ;MAAEtD;IAAO,CAAC,KAAK;MAC3D,MAAM2B,KAAK,GAAG9B,iBAAiB,CAC7ByD,QAAQ,EACR9C,KAAK,CAACT,UAAU,EAChBlB,CAAC,EACDmB,MAAM,EACNC,cACF,CAAC;MACDmC,eAAe,CAACT,KAAK,CAAC;MACtBM,GAAG,CAACe,OAAO,CAACU,OAAO,GAAG,CAAC,CAAC/B,KAAK;MAE7B,IAAI1B,cAAc,KAAK,aAAa,IAAIqD,QAAQ,KAAK,EAAE,EAAE;QACvDzB,OAAO,CAAC1B,SAAS,CAAC;QAClBgB,UAAU,CAACX,KAAK,CAAC6C,QAAQ,CAAC,IAAI,CAAC;MACjC;IACF,CAAE;IACFnC,MAAM,EAAEiB,YAAY,GAAG,OAAO,GAAGhC,SAAU;IAC3CwD,aAAa,EAAExB,YAAa;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7B,CACQ,CAAC;AAEhB,CAAC;AAACe,OAAA,CAAAvD,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_dates","_patterns","_form","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","validateDateField","value","validation","format","validationType","required","undefined","dateFormat","DateInput","props","_field$validation","field","dataHook","inputRef","formControl","data","translate","container","useWixPatternsContainer","useSelector","initTask","status","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","invalid","statusMessage","exports"],"sources":["../../../../src/components/fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAKA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAmD,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAKnD,SAASkB,iBAAiBA,CACxBC,KAAgC,EAChCC,UAA4C,EAC5CpB,CAAY,EACZqB,MAAe,EACfC,cAA6D,EAC7D;EACA,IACEF,UAAU,YAAVA,UAAU,CAAEG,QAAQ,KACnBJ,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKK,SAAS,IAAIL,KAAK,KAAK,EAAE,CAAC,EACvD;IACA,OAAOnB,CAAC,CAAC,qCAAqC,CAAC;EACjD,CAAC,MAAM,IAAIsB,cAAc,KAAK,aAAa,IAAID,MAAM,EAAE;IACrD,OAAOrB,CAAC,CAAC,iDAAiD,EAAE;MAC1DyB,UAAU,EAAEJ;IACd,CAAC,CAAC;EACJ;EAEA,OAAO,EAAE;AACX;AAEO,MAAMK,SAAS,GAAIC,KAAgB,IAAK;EAAA,IAAAC,iBAAA;EAC7C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAC9D,MAAM;IAAEO,SAAS,EAAElC,CAAC;IAAE,GAAGmC;EAAU,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAChE,IAAAC,qBAAW,EAAC,MAAMF,SAAS,CAACG,QAAQ,CAACC,MAAM,CAAC;EAE5C,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAb,KAAK,oBAALA,KAAK,CAAEc,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEZ,WAAW;IACpBa,YAAY,EAAEZ,IAAI,oBAAJA,IAAI,CAAG,CAAAJ,KAAK,oBAALA,KAAK,CAAEc,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAG5B,KAAK,IAAK;QACnB,MAAM6B,KAAK,GAAG9B,iBAAiB,CAACC,KAAK,EAAEU,KAAK,CAACT,UAAU,EAAEpB,CAAC,CAAC;QAC3D,OAAOgD,KAAK,IAAI,IAAI;MACtB;IACF;EACF,CAAC,CAAC;EAEF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAmB,MAAM;IACvD,IAAIX,UAAU,CAACX,KAAK,CAACV,KAAK,EAAE;MAC1B,OAAO,IAAAiC,6BAAsB,EAC3B,IAAAC,wCAAiC,EAACb,UAAU,CAACX,KAAK,CAACV,KAAK,CAC1D,CAAC;IACH;IACA,OAAOK,SAAS;EAClB,CAAC,CAAC;EAEF,MAAM8B,GAAG,GAAG,IAAAC,aAAM,EAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAN,eAAQ,EAAS,EAAE,CAAC;EAE5D,oBACE5D,MAAA,CAAAkB,OAAA,CAAAiD,aAAA,CAAChE,aAAA,CAAAiE,SAAS;IACRC,KAAK,EAAE/B,KAAK,CAACgC,WAAY;IACzBtC,QAAQ,GAAAK,iBAAA,GAAEC,KAAK,CAACT,UAAU,qBAAhBQ,iBAAA,CAAkBL,QAAS;IACrCO,QAAQ,EAAEA,QAAS;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB3E,MAAA,CAAAkB,OAAA,CAAAiD,aAAA,CAAChE,aAAA,CAAAyE,UAAU;IACTb,GAAG,EAAGc,WAAW,IAAK;MACpBrC,QAAQ,YAARA,QAAQ,CAAGuB,GAAG,CAACe,OAAO,CAAC;MACvB;MACAf,GAAG,CAACe,OAAO,CAACC,KAAK,GAAG;QAAA,IAAAC,kBAAA;QAAA,OAAMH,WAAW,aAAAG,kBAAA,GAAXH,WAAW,CAAEI,KAAK,cAAAD,kBAAA,GAAlBA,kBAAA,CAAoBxC,QAAQ,aAA5BwC,kBAAA,CAA8BD,KAAK,oBAAnCC,kBAAA,CAA8BD,KAAK,CAAG,CAAC;MAAA;IACnE,CAAE;IACFxC,QAAQ,EAAE,QAAQD,KAAK,CAACc,EAAE,EAAG;IAC7B8B,KAAK,EAAC,MAAM;IACZtD,KAAK,EAAE8B,IAAK;IACZyB,QAAQ,EAAGC,QAAc,IAAK;MAC5BzB,OAAO,CAACyB,QAAQ,CAAC;MACjB,IAAIA,QAAQ,EAAE;QACZ,MAAMC,aAAa,GAAG,IAAAvB,wCAAiC,EAACsB,QAAQ,CAAC;QACjEnC,UAAU,CAACX,KAAK,CAAC6C,QAAQ,CAACE,aAAa,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;MACxD,CAAC,MAAM;QACLrC,UAAU,CAACX,KAAK,CAAC6C,QAAQ,CAAC,IAAI,CAAC;MACjC;IACF,CAAE;IACFI,UAAU,EAAEA,CAAC;MAAExD,cAAc;MAAEH,KAAK,EAAEwD,QAAQ;MAAEtD;IAAO,CAAC,KAAK;MAC3D,MAAM2B,KAAK,GAAG9B,iBAAiB,CAC7ByD,QAAQ,EACR9C,KAAK,CAACT,UAAU,EAChBpB,CAAC,EACDqB,MAAM,EACNC,cACF,CAAC;MACDmC,eAAe,CAACT,KAAK,CAAC;MACtBM,GAAG,CAACe,OAAO,CAACU,OAAO,GAAG,CAAC,CAAC/B,KAAK;MAE7B,IAAI1B,cAAc,KAAK,aAAa,IAAIqD,QAAQ,KAAK,EAAE,EAAE;QACvDzB,OAAO,CAAC1B,SAAS,CAAC;QAClBgB,UAAU,CAACX,KAAK,CAAC6C,QAAQ,CAAC,IAAI,CAAC;MACjC;IACF,CAAE;IACFnC,MAAM,EAAEiB,YAAY,GAAG,OAAO,GAAGhC,SAAU;IAC3CwD,aAAa,EAAExB,YAAa;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7B,CACQ,CAAC;AAEhB,CAAC;AAACe,OAAA,CAAAvD,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -7,8 +7,7 @@ var _designSystem = require("@wix/design-system");
 var _patterns = require("@wix/patterns");
 var _form = require("@wix/patterns/form");
 var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const DateTime = props => {
   var _field$validation2;
   const {

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

@@ -1 +1 @@
-{"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","_field$validation2","field","dataHook","inputRef","formControl","data","translate","container","useWixPatternsContainer","useSelector","initTask","status","controller","useController","name","id","control","defaultValue","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/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';\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, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[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              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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patterns","_form","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DateTime","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","container","useWixPatternsContainer","useSelector","initTask","status","controller","useController","name","id","control","defaultValue","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/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';\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, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[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              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/fields/Document.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Document = 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 _formDocumentField = require("../../cms-fields/components/document/form-document-field");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Document.tsx";
+const Document = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t
+  } = (0, _patterns.useWixPatternsContainer)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_formDocumentField.FormDocumentField, {
+    data: controller.field.value,
+    onChange: value => controller.field.onChange(value),
+    onClear: () => controller.field.onChange(null),
+    dataHook: `document-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Document = Document;
+//# sourceMappingURL=Document.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_formDocumentField","_jsxFileName","Document","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","undefined","default","createElement","FormField","label","displayName","status","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormDocumentField","onChange","onClear","exports"],"sources":["../../../../src/components/fields/Document.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { BaseInputProps } from './types';\nimport { FormDocumentField } from '../../cms-fields/components/document/form-document-field';\n\nexport interface DocumentProps extends BaseInputProps<string> {}\n\nexport const Document = (props: DocumentProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\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      <FormDocumentField\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        onClear={() => controller.field.onChange(null)}\n        dataHook={`document-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AAA6F,IAAAK,YAAA;AAItF,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAElD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOV,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEjB,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,SAAS;IACRC,KAAK,EAAEvB,KAAK,CAACwB,WAAY;IACzBN,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAS;IACrCO,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGR,SAAU;IAC1DS,aAAa,GAAA7B,qBAAA,GAAEQ,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3B5B,qBAAA,CAA6B8B,OAAQ;IACpD5B,QAAQ,EAAEA,QAAS;IAAA6B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnB9C,MAAA,CAAAgC,OAAA,CAAAC,aAAA,CAAC3B,kBAAA,CAAAyC,iBAAiB;IAChBhC,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAM;IAC7BqB,QAAQ,EAAGrB,KAAK,IAAKR,UAAU,CAACP,KAAK,CAACoC,QAAQ,CAACrB,KAAK,CAAE;IACtDsB,OAAO,EAAEA,CAAA,KAAM9B,UAAU,CAACP,KAAK,CAACoC,QAAQ,CAAC,IAAI,CAAE;IAC/CnC,QAAQ,EAAE,YAAYD,KAAK,CAACU,EAAE,EAAG;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CACQ,CAAC;AAEhB,CAAC;AAACI,OAAA,CAAA1C,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Email = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
+var emailValidation = _interopRequireWildcard(require("../../cms-fields/validations/email"));
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Email.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Email = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: pt
+  } = (0, _patterns.useWixPatternsContainer)();
+  const {
+    translate: t
+  } = (0, _AutoPatternsAppContainerProvider.useAutoPatternsAppContainer)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return pt('cairo.fieldValidation.requiredField');
+        } else if (value) {
+          if (!emailValidation.isValid(value)) {
+            return t('auto-patterns.fields.email_input_error');
+          }
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    dataHook: dataHook,
+    status: controller.fieldState.error && controller.formState.isSubmitted ? 'error' : undefined,
+    statusMessage: controller.formState.isSubmitted ? (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message : undefined,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+    dataHook: `email-${field.id}`,
+    value: controller.field.value,
+    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 53,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Email = Email;
+//# sourceMappingURL=Email.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_AutoPatternsAppContainerProvider","emailValidation","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Email","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","useWixPatternsContainer","useAutoPatternsAppContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","undefined","isValid","createElement","FormField","label","displayName","status","fieldState","error","formState","isSubmitted","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Input","onChange","target","onBlur","ref","exports"],"sources":["../../../../src/components/fields/Email.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\nimport * as emailValidation from '../../cms-fields/validations/email';\n\nexport interface EmailProps extends BaseInputProps<string> {}\n\nexport const Email = (props: EmailProps) => {\n  const { field, dataHook, formControl, data } = props;\n  const { translate: pt } = useWixPatternsContainer();\n  const { translate: t } = useAutoPatternsAppContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return pt('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          if (!emailValidation.isValid(value)) {\n            return t('auto-patterns.fields.email_input_error');\n          }\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={\n        controller.fieldState.error && controller.formState.isSubmitted\n          ? 'error'\n          : undefined\n      }\n      statusMessage={\n        controller.formState.isSubmitted\n          ? controller.fieldState.error?.message\n          : undefined\n      }\n    >\n      <Input\n        dataHook={`email-${field.id}`}\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiDocument = 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 _components = require("../../cms-fields/components");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/MultiDocument.tsx";
+const MultiDocument = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t
+  } = (0, _patterns.useWixPatternsContainer)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (!value || Array.isArray(value) && value.length === 0)) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_components.FormMultiDocumentField, {
+    data: controller.field.value,
+    onChange: value => controller.field.onChange(value),
+    dataHook: `multi-document-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 7
+    }
+  }));
+};
+exports.MultiDocument = MultiDocument;
+//# sourceMappingURL=MultiDocument.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_form","_components","_jsxFileName","MultiDocument","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","Array","isArray","length","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormMultiDocumentField","onChange","exports"],"sources":["../../../../src/components/fields/MultiDocument.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { BaseInputProps } from './types';\nimport { FormMultiDocumentField } from '../../cms-fields/components';\n\nexport interface MultiDocumentProps extends BaseInputProps<string[]> {}\n\nexport const MultiDocument = (props: MultiDocumentProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (!value || (Array.isArray(value) && value.length === 0))\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      <FormMultiDocumentField\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange(value)}\n        dataHook={`multi-document-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,WAAA,GAAAJ,OAAA;AAAqE,IAAAK,YAAA;AAI9D,MAAMC,aAAa,GAAIC,KAAyB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAC1D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAElD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IACrCG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzB,CAACH,KAAK,IAAKI,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,IAAIA,KAAK,CAACM,MAAM,KAAK,CAAE,CAAC,EACxD;UACA,OAAOhB,CAAC,CAAC,qCAAqC,CAAC;QACjD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEjB,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAiC,SAAS;IACRC,KAAK,EAAEzB,KAAK,CAAC0B,WAAY;IACzBR,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAS;IACrCS,MAAM,EAAEpB,UAAU,CAACqB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAAhC,qBAAA,GAAEQ,UAAU,CAACqB,UAAU,CAACC,KAAK,qBAA3B9B,qBAAA,CAA6BiC,OAAQ;IACpD/B,QAAQ,EAAEA,QAAS;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBjD,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,WAAA,CAAA4C,sBAAsB;IACrBnC,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAM;IAC7BwB,QAAQ,EAAGxB,KAAK,IAAKR,UAAU,CAACP,KAAK,CAACuC,QAAQ,CAACxB,KAAK,CAAE;IACtDd,QAAQ,EAAE,kBAAkBD,KAAK,CAACU,EAAE,EAAG;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxC,CACQ,CAAC;AAEhB,CAAC;AAACG,OAAA,CAAA5C,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -0,0 +1,170 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiReference = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _form = require("@wix/patterns/form");
+var _hooks = require("../../hooks");
+var _patterns = require("@wix/patterns");
+var _ReferenceAvatar = require("../ReferenceAvatar");
+var _ReferenceFooter = require("../ReferenceFooter/ReferenceFooter");
+var _schema = require("../../utils/schema");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/MultiReference.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MultiReference = props => {
+  var _field$validation2, _controller$fieldStat, _field$validation3;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    collection,
+    referencedSchema,
+    idField,
+    displayField,
+    keyedItems,
+    showInitialLoader,
+    fetchedLastPage,
+    searchValue,
+    options,
+    placeholder
+  } = (0, _hooks.useReferenceField)({
+    field
+  });
+  const {
+    translate: t
+  } = (0, _patterns.useWixPatternsContainer)();
+  const controller = (0, _form.useController)({
+    name: field.id,
+    control: formControl,
+    defaultValue: data[field.id],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        const arr = value;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (!arr || !arr.length)) {
+          return t('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  const selectedValues = (0, _react.useMemo)(() => controller.field.value || [], [controller.field.value]);
+  const tags = (0, _react.useMemo)(() => {
+    const imageFieldId = referencedSchema ? (0, _schema.getImageFieldId)(referencedSchema.fields) : undefined;
+    return selectedValues.map(item => {
+      const selectedId = item[idField];
+      const selectedDisplayValue = item[displayField];
+      const image = imageFieldId ? item[imageFieldId] : undefined;
+      return {
+        id: selectedId,
+        label: selectedDisplayValue,
+        removable: true,
+        size: 'medium',
+        thumb: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+          align: "center",
+          verticalAlign: "middle",
+          position: "absolute",
+          top: "calc(50% - 12px)",
+          left: "calc(50% - 12px)",
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 80,
+            columnNumber: 11
+          }
+        }, /*#__PURE__*/_react.default.createElement(_ReferenceAvatar.ReferenceAvatar, {
+          name: selectedDisplayValue,
+          image: image,
+          __self: void 0,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 87,
+            columnNumber: 13
+          }
+        })),
+        dataHook: `multi-reference-tag-${field.id}-${selectedId}`
+      };
+    });
+  }, [selectedValues, idField, displayField, keyedItems, referencedSchema, field.id]);
+  const handleSelect = (0, _react.useCallback)(option => {
+    const selectedId = String(option.id);
+    if (selectedValues.some(item => item[idField] === selectedId)) {
+      collection.clearSearch();
+      return;
+    }
+    const selectedItem = keyedItems.find(ki => ki.key === selectedId);
+    const newItem = {
+      [idField]: selectedId,
+      [displayField]: (selectedItem == null ? void 0 : selectedItem.item.name) || ''
+    };
+    controller.field.onChange([...selectedValues, newItem]);
+    collection.clearSearch();
+  }, [idField, displayField, controller.field, collection, keyedItems, selectedValues]);
+  const handleRemoveTag = (0, _react.useCallback)(tagId => {
+    controller.field.onChange(selectedValues.filter(item => item[idField] !== tagId));
+  }, [controller.field, selectedValues, idField]);
+  const handleChange = (0, _react.useCallback)(e => {
+    collection.search(e.target.value);
+  }, [collection]);
+  const handleClear = (0, _react.useCallback)(() => {
+    controller.field.onChange([]);
+    collection.clearSearch();
+  }, [controller.field, collection]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    collection.clearSearch();
+  }, [collection]);
+  if (!referencedSchema) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 159,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
+    placeholder: placeholder,
+    options: options,
+    value: searchValue,
+    size: "large",
+    tags: tags,
+    clearOnBlur: false,
+    onChange: handleChange,
+    onSelect: handleSelect,
+    onRemoveTag: handleRemoveTag,
+    onClear: handleClear,
+    onBlur: handleBlur,
+    clearButton: !((_field$validation3 = field.validation) != null && _field$validation3.required),
+    infiniteScroll: true,
+    hasMore: !showInitialLoader && !fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded,
+    fixedFooter: /*#__PURE__*/_react.default.createElement(_ReferenceFooter.ReferenceFooter, {
+      collection: collection,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 182,
+        columnNumber: 22
+      }
+    }),
+    dataHook: `multi-reference-input-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 166,
+      columnNumber: 7
+    }
+  }));
+};
+exports.MultiReference = MultiReference;
+//# sourceMappingURL=MultiReference.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_form","_hooks","_patterns","_ReferenceAvatar","_ReferenceFooter","_schema","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MultiReference","props","_field$validation2","_controller$fieldStat","_field$validation3","field","dataHook","formControl","data","collection","referencedSchema","idField","displayField","keyedItems","showInitialLoader","fetchedLastPage","searchValue","options","placeholder","useReferenceField","translate","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","arr","validation","required","length","selectedValues","useMemo","tags","imageFieldId","getImageFieldId","fields","undefined","map","item","selectedId","selectedDisplayValue","image","label","removable","size","thumb","createElement","Box","align","verticalAlign","position","top","left","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","handleSelect","useCallback","option","String","some","clearSearch","selectedItem","find","ki","key","newItem","onChange","handleRemoveTag","tagId","filter","handleChange","search","target","handleClear","handleBlur","FormField","displayName","status","fieldState","error","statusMessage","message","MultiSelect","clearOnBlur","onSelect","onRemoveTag","onClear","onBlur","clearButton","infiniteScroll","hasMore","loadMore","fetchNextPageIfNeeded","fixedFooter","ReferenceFooter","exports"],"sources":["../../../../src/components/fields/MultiReference.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport {\n  FormField,\n  DropdownLayoutValueOption,\n  MultiSelect,\n  Box,\n  type MultiSelectTag,\n} from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { useController } from '@wix/patterns/form';\nimport { MultiReferenceField } from '../../types';\nimport { useReferenceField } from '../../hooks';\nimport { useWixPatternsContainer } from '@wix/patterns';\nimport { ReferenceAvatar } from '../ReferenceAvatar';\nimport { ReferenceFooter } from '../ReferenceFooter/ReferenceFooter';\nimport { getImageFieldId } from '../../utils/schema';\n\ntype ReferenceValue = Record<string, unknown>;\n\nexport interface MultiReferenceInputProps\n  extends BaseInputProps<ReferenceValue[] | null> {\n  field: MultiReferenceField;\n}\n\nexport const MultiReference = (props: MultiReferenceInputProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const {\n    collection,\n    referencedSchema,\n    idField,\n    displayField,\n    keyedItems,\n    showInitialLoader,\n    fetchedLastPage,\n    searchValue,\n    options,\n    placeholder,\n  } = useReferenceField({ field });\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data[field.id],\n    rules: {\n      validate: (value) => {\n        const arr = value as ReferenceValue[] | null;\n        if (field.validation?.required && (!arr || !arr.length)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const selectedValues = useMemo(\n    () => (controller.field.value as ReferenceValue[]) || [],\n    [controller.field.value],\n  );\n\n  const tags = useMemo((): MultiSelectTag[] => {\n    const imageFieldId = referencedSchema\n      ? getImageFieldId(referencedSchema.fields)\n      : undefined;\n\n    return selectedValues.map((item) => {\n      const selectedId = item[idField] as string;\n      const selectedDisplayValue = item[displayField] as string;\n      const image = imageFieldId\n        ? (item[imageFieldId] as string | undefined)\n        : undefined;\n\n      return {\n        id: selectedId,\n        label: selectedDisplayValue,\n        removable: true,\n        size: 'medium',\n        thumb: (\n          <Box\n            align=\"center\"\n            verticalAlign=\"middle\"\n            position=\"absolute\"\n            top=\"calc(50% - 12px)\"\n            left=\"calc(50% - 12px)\"\n          >\n            <ReferenceAvatar name={selectedDisplayValue} image={image} />\n          </Box>\n        ),\n        dataHook: `multi-reference-tag-${field.id}-${selectedId}`,\n      };\n    });\n  }, [\n    selectedValues,\n    idField,\n    displayField,\n    keyedItems,\n    referencedSchema,\n    field.id,\n  ]);\n\n  const handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const selectedId = String(option.id);\n      if (selectedValues.some((item) => item[idField] === selectedId)) {\n        collection.clearSearch();\n        return;\n      }\n\n      const selectedItem = keyedItems.find((ki) => ki.key === selectedId);\n      const newItem: ReferenceValue = {\n        [idField]: selectedId,\n        [displayField]: selectedItem?.item.name || '',\n      };\n\n      controller.field.onChange([...selectedValues, newItem]);\n      collection.clearSearch();\n    },\n    [\n      idField,\n      displayField,\n      controller.field,\n      collection,\n      keyedItems,\n      selectedValues,\n    ],\n  );\n\n  const handleRemoveTag = useCallback(\n    (tagId: string) => {\n      controller.field.onChange(\n        selectedValues.filter((item) => item[idField] !== tagId),\n      );\n    },\n    [controller.field, selectedValues, idField],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      collection.search(e.target.value);\n    },\n    [collection],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange([]);\n    collection.clearSearch();\n  }, [controller.field, collection]);\n\n  const handleBlur = useCallback(() => {\n    collection.clearSearch();\n  }, [collection]);\n\n  if (!referencedSchema) {\n    return null;\n  }\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <MultiSelect\n        placeholder={placeholder}\n        options={options}\n        value={searchValue}\n        size=\"large\"\n        tags={tags}\n        clearOnBlur={false}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onRemoveTag={handleRemoveTag}\n        onClear={handleClear}\n        onBlur={handleBlur}\n        clearButton={!field.validation?.required}\n        infiniteScroll\n        hasMore={!showInitialLoader && !fetchedLastPage}\n        loadMore={collection.fetchNextPageIfNeeded}\n        fixedFooter={<ReferenceFooter collection={collection} />}\n        dataHook={`multi-reference-input-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}