@wix/auto-patterns 1.7.0 → 1.9.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_patterns","_form","_designSystem","_FormFieldInput","_reactRouterDom","_SchemaContext","_jsxFileName","AutoPatternsEntityPage","configuration","title","subtitle","visibleFieldIds","collectionPagePath","parentPath","form","useForm","params","useParams","entityId","schema","useSchema","state","useEntityPage","onSave","formValues","getValues","updatedEntity","entity","newUpdatedEntity","actions","update","create","saveErrorToast","fetch","undefined","get","useEntity","default","createElement","EntityPage","dataHook","__self","__source","fileName","lineNumber","columnNumber","Header","text","displayField","Content","MainContent","Card","minHeight","Divider","Box","gap","direction","map","fieldId","Fragment","key","Cell","span","FormFieldInput","field","fields","exports"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageConfig } from '../../types';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { Box, Card, Cell } from '@wix/design-system';\nimport { FormFieldInput } from './Fields/FormFieldInput';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const {\n    title,\n    subtitle,\n    visibleFieldIds = [],\n    collectionPagePath: parentPath,\n  } = configuration;\n  const form = useForm<any>();\n  const params = useParams();\n  const entityId = params.entityId;\n  const schema = useSchema();\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      const formValues = form.getValues();\n      const updatedEntity: any = {\n        ...state.entity,\n        ...formValues,\n      };\n\n      let newUpdatedEntity;\n      if (entityId) {\n        newUpdatedEntity = await schema.actions.update(updatedEntity);\n      } else {\n        newUpdatedEntity = await schema.actions.create(updatedEntity);\n      }\n\n      return { updatedEntity: newUpdatedEntity };\n    },\n    saveErrorToast: () => 'Failed to save',\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n  const entity = useEntity(state);\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header\n        title={\n          title ?? { text: entity?.[schema.displayField] ?? 'Edit Entity' }\n        }\n        subtitle={subtitle}\n      />\n      <EntityPage.Content>\n        <EntityPage.MainContent>\n          <EntityPage.Card minHeight=\"50px\">\n            <Card.Header\n              title=\"Item details\"\n              subtitle=\"Modify the details of your selected item below\"\n            />\n            <Card.Divider />\n            <Card.Content>\n              <Box gap=\"SP2\" direction=\"vertical\">\n                {visibleFieldIds.map((fieldId) => (\n                  <React.Fragment key={fieldId}>\n                    <Cell span={12}>\n                      <FormFieldInput\n                        key={fieldId}\n                        field={schema.fields[fieldId]}\n                      />\n                    </Cell>\n                  </React.Fragment>\n                ))}\n              </Box>\n            </Card.Content>\n          </EntityPage.Card>\n        </EntityPage.MainContent>\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA0D,IAAAO,YAAA;AAMnD,MAAMC,sBAA6D,GAAGA,CAAC;EAC5EC;AACF,CAAC,KAAK;EACJ,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRC,eAAe,GAAG,EAAE;IACpBC,kBAAkB,EAAEC;EACtB,CAAC,GAAGL,aAAa;EACjB,MAAMM,IAAI,GAAG,IAAAC,aAAO,EAAM,CAAC;EAC3B,MAAMC,MAAM,GAAG,IAAAC,yBAAS,EAAC,CAAC;EAC1B,MAAMC,QAAQ,GAAGF,MAAM,CAACE,QAAQ;EAChC,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,KAA2B,GAAG,IAAAC,uBAAa,EAAW;IAC1DT,UAAU;IACVC,IAAI;IACJS,MAAM,EAAE,MAAAA,CAAA,KAAY;MAClB,MAAMC,UAAU,GAAGV,IAAI,CAACW,SAAS,CAAC,CAAC;MACnC,MAAMC,aAAkB,GAAG;QACzB,GAAGL,KAAK,CAACM,MAAM;QACf,GAAGH;MACL,CAAC;MAED,IAAII,gBAAgB;MACpB,IAAIV,QAAQ,EAAE;QACZU,gBAAgB,GAAG,MAAMT,MAAM,CAACU,OAAO,CAACC,MAAM,CAACJ,aAAa,CAAC;MAC/D,CAAC,MAAM;QACLE,gBAAgB,GAAG,MAAMT,MAAM,CAACU,OAAO,CAACE,MAAM,CAACL,aAAa,CAAC;MAC/D;MAEA,OAAO;QAAEA,aAAa,EAAEE;MAAiB,CAAC;IAC5C,CAAC;IACDI,cAAc,EAAEA,CAAA,KAAM,gBAAgB;IACtCC,KAAK,EAAE,MAAAA,CAAA,KAAY;MACjB,IAAI,CAACf,QAAQ,EAAE;QACb,OAAO;UAAES,MAAM,EAAEO;QAAU,CAAC;MAC9B;MAEA,MAAMP,MAAM,GAAG,MAAMR,MAAM,CAACU,OAAO,CAACM,GAAG,CAACjB,QAAQ,CAAC;MACjD,OAAO;QAAES;MAAO,CAAC;IACnB;EACF,CAAC,CAAC;EACF,MAAMA,MAAM,GAAG,IAAAS,mBAAS,EAACf,KAAK,CAAC;EAE/B,oBACExB,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACtC,SAAA,CAAAuC,UAAU;IAAClB,KAAK,EAAEA,KAAM;IAACmB,QAAQ,EAAC,2BAA2B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5DhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACtC,SAAA,CAAAuC,UAAU,CAACO,MAAM;IAChBrC,KAAK,EACHA,KAAK,IAAI;MAAEsC,IAAI,EAAE,CAAApB,MAAM,oBAANA,MAAM,CAAGR,MAAM,CAAC6B,YAAY,CAAC,KAAI;IAAc,CACjE;IACDtC,QAAQ,EAAEA,QAAS;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC,eACFhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACtC,SAAA,CAAAuC,UAAU,CAACU,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjBhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACtC,SAAA,CAAAuC,UAAU,CAACW,WAAW;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrBhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACtC,SAAA,CAAAuC,UAAU,CAACY,IAAI;IAACC,SAAS,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/BhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAAiD,IAAI,CAACL,MAAM;IACVrC,KAAK,EAAC,cAAc;IACpBC,QAAQ,EAAC,gDAAgD;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1D,CAAC,eACFhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAAiD,IAAI,CAACE,OAAO;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChBhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAAiD,IAAI,CAACF,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACXhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAAoD,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,SAAS,EAAC,UAAU;IAAAf,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChClC,eAAe,CAAC8C,GAAG,CAAEC,OAAO,iBAC3B7D,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACzC,MAAA,CAAAwC,OAAK,CAACsB,QAAQ;IAACC,GAAG,EAAEF,OAAQ;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3BhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACpC,aAAA,CAAA2D,IAAI;IAACC,IAAI,EAAE,EAAG;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACbhD,MAAA,CAAAwC,OAAA,CAAAC,aAAA,CAACnC,eAAA,CAAA4D,cAAc;IACbH,GAAG,EAAEF,OAAQ;IACbM,KAAK,EAAE7C,MAAM,CAAC8C,MAAM,CAACP,OAAO,CAAE;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACG,CACQ,CACjB,CACE,CACO,CACC,CACK,CACN,CACV,CAAC;AAEjB,CAAC;AAACqB,OAAA,CAAA3D,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patterns","_form","_designSystem","_reactRouterDom","_SchemaContext","_FormFieldInput","_hooks","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","RenderLayoutContent","content","level","sectionId","cardIndex","contentIndex","setInputRef","_content$container$ch","_overrides$components","schema","useSchema","overrides","usePatternsWizardOverridesContext","pageState","useEntityPageContext","type","field","fieldId","fields","createElement","Cell","span","__self","__source","fileName","lineNumber","columnNumber","FormFieldInput","key","inputRef","ref","container","children","length","Layout","map","child","index","component","componentId","Component","components","form","entity","RenderLayoutCard","layout","_layout$card$subtitle","EntityPage","Card","minHeight","Header","title","card","text","subtitle","Divider","Content","AutoPatternsEntityPage","configuration","_pageLayout$main","_pageLayout$sidebar","pageLayout","parentPageId","route","useForm","mode","params","useParams","entityId","id","isCreateMode","inputRefs","useRef","input","current","validate","invalidFieldId","keys","find","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","useNavigation","parentPath","useMemo","state","useEntityPage","onSave","formValues","getValues","baseEntity","updatedEntity","newEntity","actions","update","create","fetch","undefined","useEntity","useEntityPageHeaderTexts","config","entityDisplayName","displayField","dataHook","MainContent","main","layoutIndex","sidebar","AdditionalContent","exports"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { CardLayout, EntityPageConfig, LayoutContent } from '../../types';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  useEntityPageContext,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { Card, Cell, Layout } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { FormFieldInput } from './Fields/FormFieldInput';\nimport { useEntityPageHeaderTexts, useNavigation } from '../../hooks';\nimport { usePatternsWizardOverridesContext } from '../../providers';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ content, level, sectionId, cardIndex, contentIndex, setInputRef }) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const pageState = useEntityPageContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.field.span}>\n          <FormFieldInput\n            key={content.field.fieldId}\n            field={field}\n            inputRef={(ref) => setInputRef(content.field.fieldId, ref)}\n          />\n        </Cell>\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <RenderLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component\n            form={pageState.form as any}\n            entity={pageState.entity as any as Record<string, any>}\n          />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ layout, sectionId, cardIndex, setInputRef }) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.Card minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <RenderLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const { layout: pageLayout, parentPageId, route } = configuration;\n\n  const form = useForm<any>({\n    mode: 'onChange',\n  });\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n  const isCreateMode = !entityId;\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  const { title, subtitle } = useEntityPageHeaderTexts({\n    config: configuration,\n    isCreateMode,\n    entityDisplayName: entity?.[schema.displayField],\n  });\n\n  return (\n    <EntityPage state={state} dataHook=\"auto-patterns-entity-page\">\n      <EntityPage.Header title={title} subtitle={subtitle} />\n      <EntityPage.Content>\n        <EntityPage.MainContent>\n          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAOA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAEA,IAAAM,eAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAAoE,IAAAS,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,SAAAZ,wBAAAY,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;AAEpE,MAAMW,mBAOJ,GAAGA,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC,SAAS;EAAEC,SAAS;EAAEC,YAAY;EAAEC;AAAY,CAAC,KAAK;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EAC5E,MAAMC,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAMC,SAAS,GAAG,IAAAC,4CAAiC,EAAC,CAAC;EACrD,MAAMC,SAAS,GAAG,IAAAC,8BAAoB,EAAC,CAAC;EAExC,QAAQb,OAAO,CAACc,IAAI;IAClB,KAAK,OAAO;MACV,IAAI,CAACd,OAAO,CAACe,KAAK,CAACC,OAAO,EAAE;QAC1B,OAAO,IAAI;MACb;MAEA,MAAMD,KAAK,GAAGP,MAAM,CAACS,MAAM,CAACjB,OAAO,CAACe,KAAK,CAACC,OAAO,CAAC;MAElD,IAAI,CAACD,KAAK,EAAE;QACV,OAAO,IAAI;MACb;MAEA,oBACEhD,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA+C,IAAI;QAACC,IAAI,EAAEpB,OAAO,CAACe,KAAK,CAACK,IAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC7B1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC3C,eAAA,CAAAmD,cAAc;QACbC,GAAG,EAAE3B,OAAO,CAACe,KAAK,CAACC,OAAQ;QAC3BD,KAAK,EAAEA,KAAM;QACba,QAAQ,EAAGC,GAAG,IAAKxB,WAAW,CAACL,OAAO,CAACe,KAAK,CAACC,OAAO,EAAEa,GAAG,CAAE;QAAAR,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAC5D,CACG,CAAC;IAGX,KAAK,WAAW;MACd,IAAI,GAAAnB,qBAAA,GAACN,OAAO,CAAC8B,SAAS,CAACC,QAAQ,aAA1BzB,qBAAA,CAA4B0B,MAAM,GAAE;QACvC,OAAO,IAAI;MACb;MAEA,oBACEjE,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA+C,IAAI;QAACC,IAAI,EAAEpB,OAAO,CAAC8B,SAAS,CAACV,IAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjC1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA6D,MAAM;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,GACJzB,OAAO,CAAC8B,SAAS,CAACC,QAAQ,CAACG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBAC3CrE,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAACnB,mBAAmB;QAClB4B,GAAG,EAAE,GAAGzB,SAAS,SAASC,SAAS,YAAYC,YAAY,UAAUH,KAAK,UAAUmC,KAAK,EAAG;QAC5FpC,OAAO,EAAEmC,KAAM;QACflC,KAAK,EAAEA,KAAK,GAAG,CAAE;QACjBC,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBC,YAAY,EAAEgC,KAAM;QACpB/B,WAAW,EAAEA,WAAY;QAAAgB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAC1B,CACF,CACK,CACJ,CAAC;IAGX,KAAK,WAAW;MACd,IAAI,CAACzB,OAAO,CAACqC,SAAS,CAACC,WAAW,EAAE;QAClC,OAAO,IAAI;MACb;MAEA,MAAMC,SAAS,GAAG7B,SAAS,aAAAH,qBAAA,GAATG,SAAS,CAAE8B,UAAU,qBAArBjC,qBAAA,CAAwBP,OAAO,CAACqC,SAAS,CAACC,WAAW,CAAC;MAExE,IAAI,CAACC,SAAS,EAAE;QACd,OAAO,IAAI;MACb;MAEA,oBACExE,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA+C,IAAI;QAACC,IAAI,EAAEpB,OAAO,CAACqC,SAAS,CAACjB,IAAK;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACjC1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAACqB,SAAS;QACRE,IAAI,EAAE7B,SAAS,CAAC6B,IAAY;QAC5BC,MAAM,EAAE9B,SAAS,CAAC8B,MAAqC;QAAArB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,CACxD,CACG,CAAC;IAGX;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAED,MAAMkB,gBAKJ,GAAGA,CAAC;EAAEC,MAAM;EAAE1C,SAAS;EAAEC,SAAS;EAAEE;AAAY,CAAC,KAAK;EAAA,IAAAwC,qBAAA;EACtD,QAAQD,MAAM,CAAC9B,IAAI;IACjB,KAAK,MAAM;MACT,oBACE/C,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,SAAA,CAAA4E,UAAU,CAACC,IAAI;QAACC,SAAS,EAAC,MAAM;QAAA3B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAC/B1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA2E,IAAI,CAACE,MAAM;QACVC,KAAK,EAAEN,MAAM,CAACO,IAAI,CAACD,KAAK,CAACE,IAAK;QAC9BC,QAAQ,GAAAR,qBAAA,GAAED,MAAM,CAACO,IAAI,CAACE,QAAQ,qBAApBR,qBAAA,CAAsBO,IAAK;QAAA/B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,CACtC,CAAC,eACF1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA2E,IAAI,CAACO,OAAO;QAAAjC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,eAChB1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA2E,IAAI,CAACQ,OAAO;QAAAlC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBACX1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAC9C,aAAA,CAAA6D,MAAM;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,GACJmB,MAAM,CAACO,IAAI,CAACpB,QAAQ,CAACG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAa,kBAC7CrE,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAACnB,mBAAmB;QAClB4B,GAAG,EAAE,GAAGzB,SAAS,SAASC,SAAS,YAAYiC,KAAK,EAAG;QACvDpC,OAAO,EAAEmC,KAAM;QACflC,KAAK,EAAE,CAAE;QACTC,SAAS,EAAEA,SAAU;QACrBC,SAAS,EAAEA,SAAU;QACrBC,YAAY,EAAEgC,KAAM;QACpB/B,WAAW,EAAEA,WAAY;QAAAgB,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7C,YAAA;UAAA8C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAC1B,CACF,CACK,CACI,CACC,CAAC;IAEtB;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAMM,MAAM+B,sBAA6D,GAAGA,CAAC;EAC5EC;AACF,CAAC,KAAK;EAAA,IAAAC,gBAAA,EAAAC,mBAAA;EACJ,MAAM;IAAEf,MAAM,EAAEgB,UAAU;IAAEC,YAAY;IAAEC;EAAM,CAAC,GAAGL,aAAa;EAEjE,MAAMhB,IAAI,GAAG,IAAAsB,aAAO,EAAM;IACxBC,IAAI,EAAE;EACR,CAAC,CAAC;EACF,MAAMC,MAAM,GAAG,IAAAC,yBAAS,EAAC,CAAC;EAC1B,MAAMC,QAAQ,GAAGF,MAAM,CAACH,KAAK,CAACG,MAAM,CAACG,EAAE,CAAC;EACxC,MAAM5D,MAAM,GAAG,IAAAC,wBAAS,EAAC,CAAC;EAC1B,MAAM4D,YAAY,GAAG,CAACF,QAAQ;EAE9B,MAAMG,SAAS,GAAG,IAAAC,aAAM,EAAsC,CAAC,CAAC,CAAC;EAEjE,MAAMlE,WAAW,GAAGA,CAAC+D,EAAU,EAAEI,KAAmB,KAAK;IACvDF,SAAS,CAACG,OAAO,CAACL,EAAE,CAAC,GAAGI,KAAK;EAC/B,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACrB,MAAMC,cAAc,GAAGpF,MAAM,CAACqF,IAAI,CAACN,SAAS,CAACG,OAAO,CAAC,CAACI,IAAI,CAAE7D,OAAO,IAAK;MAAA,IAAA8D,qBAAA;MACtE,QAAAA,qBAAA,GAAOR,SAAS,CAACG,OAAO,CAACzD,OAAO,CAAC,qBAA1B8D,qBAAA,CAA4BC,OAAO;IAC5C,CAAC,CAAC;IAEF,IAAIJ,cAAc,EAAE;MAAA,IAAAK,qBAAA;MAClB,CAAAA,qBAAA,GAAAV,SAAS,CAACG,OAAO,CAACE,cAAc,CAAC,aAAjCK,qBAAA,CAAmCC,KAAK,YAAxCD,qBAAA,CAAmCC,KAAK,CAAG,CAAC;MAC5C,MAAM,IAAIC,KAAK,CAAC,cAAc,CAAC;IACjC;EACF,CAAC;EACD,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,oBAAa,EAAC,CAAC;EAE7C,MAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB,MAAMH,iBAAiB,CAACtB,YAAY,CAAC,EACrC,CAACA,YAAY,EAAEsB,iBAAiB,CAClC,CAAC;EAED,MAAMI,KAA2B,GAAG,IAAAC,uBAAa,EAAW;IAC1DH,UAAU;IACV5C,IAAI;IACJgD,MAAM,EAAE,MAAAA,CAAA,KAAY;MAClBf,QAAQ,CAAC,CAAC;MAEV,MAAMgB,UAAU,GAAGjD,IAAI,CAACkD,SAAS,CAAC,CAAC;MACnC,MAAMC,UAAU,GAAGL,KAAK,CAAC7C,MAAM,IAAI,CAAC,CAAC;MACrC,MAAMmD,aAAa,GAAG;QACpB,GAAGD,UAAU;QACb,GAAGF;MACL,CAAC;MAED,MAAMI,SAAS,GAAG3B,QAAQ,GACtB,MAAM3D,MAAM,CAACuF,OAAO,CAACC,MAAM,CAACH,aAAa,CAAC,GAC1C,MAAMrF,MAAM,CAACuF,OAAO,CAACE,MAAM,CAACJ,aAAa,CAAC;MAE9C,OAAO;QAAEA,aAAa,EAAEC;MAAU,CAAC;IACrC,CAAC;IACDI,KAAK,EAAE,MAAAA,CAAA,KAAY;MACjB,IAAI,CAAC/B,QAAQ,EAAE;QACb,OAAO;UAAEzB,MAAM,EAAEyD;QAAU,CAAC;MAC9B;MACA,MAAMzD,MAAM,GAAG,MAAMlC,MAAM,CAACuF,OAAO,CAAC5G,GAAG,CAACgF,QAAQ,CAAC;MACjD,OAAO;QAAEzB;MAAO,CAAC;IACnB;EACF,CAAC,CAAC;EAEF,MAAMA,MAAM,GAAG,IAAA0D,mBAAS,EAACb,KAAK,CAAC;EAE/B,MAAM;IAAErC,KAAK;IAAEG;EAAS,CAAC,GAAG,IAAAgD,+BAAwB,EAAC;IACnDC,MAAM,EAAE7C,aAAa;IACrBY,YAAY;IACZkC,iBAAiB,EAAE7D,MAAM,oBAANA,MAAM,CAAGlC,MAAM,CAACgG,YAAY;EACjD,CAAC,CAAC;EAEF,oBACEzI,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,SAAA,CAAA4E,UAAU;IAACyC,KAAK,EAAEA,KAAM;IAACkB,QAAQ,EAAC,2BAA2B;IAAApF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5D1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,SAAA,CAAA4E,UAAU,CAACG,MAAM;IAACC,KAAK,EAAEA,KAAM;IAACG,QAAQ,EAAEA,QAAS;IAAAhC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACvD1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,SAAA,CAAA4E,UAAU,CAACS,OAAO;IAAAlC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjB1D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,SAAA,CAAA4E,UAAU,CAAC4D,WAAW;IAAArF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpBmC,UAAU,aAAAF,gBAAA,GAAVE,UAAU,CAAE+C,IAAI,qBAAhBjD,gBAAA,CAAkBxB,GAAG,CAAC,CAACU,MAAM,EAAEgE,WAAW,kBACzC7I,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAACyB,gBAAgB;IACfhB,GAAG,EAAE,qBAAqBiF,WAAW,EAAG;IACxChE,MAAM,EAAEA,MAAO;IACf1C,SAAS,EAAC,MAAM;IAChBC,SAAS,EAAEyG,WAAY;IACvBvG,WAAW,EAAEA,WAAY;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,CACqB,CAAC,EACxBmC,UAAU,YAAVA,UAAU,CAAEiD,OAAO,gBAClB9I,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,SAAA,CAAA4E,UAAU,CAACgE,iBAAiB;IAAAzF,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAAkC,mBAAA,GAC1BC,UAAU,CAACiD,OAAO,qBAAlBlD,mBAAA,CAAoBzB,GAAG,CAAC,CAACU,MAAM,EAAEgE,WAAW,kBAC3C7I,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAACyB,gBAAgB;IACfhB,GAAG,EAAE,wBAAwBiF,WAAW,EAAG;IAC3ChE,MAAM,EAAEA,MAAO;IACf1C,SAAS,EAAC,SAAS;IACnBC,SAAS,EAAEyG,WAAY;IACvBvG,WAAW,EAAEA,WAAY;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CACF,CAC2B,CAAC,GAC7B,IACc,CACV,CAAC;AAEjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAbAsF,OAAA,CAAAvD,sBAAA,GAAAA,sBAAA","ignoreList":[]}

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

@@ -5,58 +5,103 @@ exports.DateInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _dates = require("./utils/dates");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/DateInput.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 validateDateField(value, validation, t, format, validationType) {
+  if (validation != null && validation.required && (value === null || value === undefined || value === '')) {
+    return t('cairo.fieldValidation.requiredField');
+  } else if (validationType === 'formatError' && format) {
+    return t('cairo.customFields.fieldType.date.invalid.value', {
+      dateFormat: format
+    });
+  }
+  return '';
+}
 const DateInput = props => {
+  var _pageState$entity, _field$validation;
   const {
     field,
-    value,
-    onChange
+    dataHook,
+    inputRef
   } = props;
-  const [date, setDate] = (0, _react.useState)(() => value ? (0, _dates.getDateWithoutTimezone)((0, _dates.getISODateStringWithFixedTimezone)(value)) : undefined);
+  const {
+    translate: t,
+    ...container
+  } = (0, _patterns.useWixPatternsContainer)();
+  (0, _patterns.useSelector)(() => container.initTask.status);
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        const error = validateDateField(value, field.validation, t);
+        return error || true;
+      }
+    }
+  });
+  const [date, setDate] = (0, _react.useState)(() => {
+    if (controller.field.value) {
+      return (0, _dates.getDateWithoutTimezone)((0, _dates.getISODateStringWithFixedTimezone)(controller.field.value));
+    }
+    return undefined;
+  });
   const ref = (0, _react.useRef)({});
-  const [statusMessage, setStatusMessage] = (0, _react.useState)('');
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
   return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 70,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      // @ts-expect-error: WSR internal API hack for focusing
+      ref.current.focus = () => {
+        var _internalRef$state;
+        return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
+      };
+    },
     dataHook: `date-${field.id}`,
     width: "100%",
     value: date,
     onChange: newValue => {
-      const formattedDate = (0, _dates.getISODateStringWithFixedTimezone)(newValue);
       setDate(newValue);
-      onChange(formattedDate.split('T')[0]);
+      if (newValue) {
+        const formattedDate = (0, _dates.getISODateStringWithFixedTimezone)(newValue);
+        controller.field.onChange(formattedDate.split('T')[0]);
+      } else {
+        controller.field.onChange(null);
+      }
     },
     onValidate: ({
       validationType,
-      value: newValue
+      value: newValue,
+      format
     }) => {
-      if (validationType === 'valid') {
-        setStatusMessage('');
-        ref.current.invalid = false;
-      } else if (validationType === 'formatError' && newValue === '') {
+      const error = validateDateField(newValue, field.validation, t, format, validationType);
+      setErrorMessage(error);
+      ref.current.invalid = !!error;
+      if (validationType === 'formatError' && newValue === '') {
         setDate(undefined);
-        onChange(null);
-        setStatusMessage('');
-        ref.current.invalid = false;
-      } else {
-        setStatusMessage('Invalid date');
-        ref.current.invalid = true;
+        controller.field.onChange(null);
       }
     },
-    status: ref.current.invalid ? 'error' : undefined,
-    statusMessage: statusMessage,
+    status: errorMessage ? 'error' : undefined,
+    statusMessage: errorMessage,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 75,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_dates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DateInput","props","field","value","onChange","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","undefined","ref","useRef","statusMessage","setStatusMessage","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","DatePicker","dataHook","id","width","newValue","formattedDate","split","onValidate","validationType","current","invalid","status","exports"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, value, onChange } = props;\n\n  const [date, setDate] = useState<Date | undefined>(() =>\n    value\n      ? getDateWithoutTimezone(getISODateStringWithFixedTimezone(value))\n      : undefined,\n  );\n\n  const ref = useRef<BaseInputRef>({});\n  const [statusMessage, setStatusMessage] = useState('');\n\n  return (\n    <FormField label={field.displayName}>\n      <DatePicker\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          const formattedDate = getISODateStringWithFixedTimezone(newValue);\n          setDate(newValue);\n          onChange(formattedDate.split('T')[0]);\n        }}\n        onValidate={({ validationType, value: newValue }) => {\n          if (validationType === 'valid') {\n            setStatusMessage('');\n            ref.current.invalid = false;\n          } else if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            onChange(null);\n            setStatusMessage('');\n            ref.current.invalid = false;\n          } else {\n            setStatusMessage('Invalid date');\n            ref.current.invalid = true;\n          }\n        }}\n        status={ref.current.invalid ? 'error' : undefined}\n        statusMessage={statusMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"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","_pageState$entity","_field$validation","field","dataHook","inputRef","translate","container","useWixPatternsContainer","useSelector","initTask","status","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","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/AutoPatternsEntityPage/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 {\n  useSelector,\n  useWixPatternsContainer,\n  useEntityPageContext,\n} 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 } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (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":"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","ignoreList":[]}

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

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

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

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

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

@@ -13,6 +13,7 @@ var _DateTime = require("./DateTime");
 var _Number = require("./Number");
 var _LongText = require("./LongText");
 var _Url = require("./Url");
+var _ImageInput = require("./ImageInput");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/FormFieldInput.tsx";
 const EDITABLE_INPUT_ELEMENTS = exports.EDITABLE_INPUT_ELEMENTS = {
   SHORT_TEXT: _ShortText.ShortText,
@@ -21,12 +22,14 @@ const EDITABLE_INPUT_ELEMENTS = exports.EDITABLE_INPUT_ELEMENTS = {
   DATE: _DateInput.DateInput,
   DATETIME: _DateTime.DateTime,
   NUMBER: _Number.Number,
-  URL: _Url.Url
+  URL: _Url.Url,
+  IMAGE: _ImageInput.ImageInput
 };
 const FormFieldInput = props => {
   var _pageState$entity;
   const {
-    field
+    field,
+    inputRef
   } = props;
   const pageState = (0, _patterns.useEntityPageContext)();
   const controller = (0, _form.useController)({
@@ -34,7 +37,7 @@ const FormFieldInput = props => {
     control: pageState.form.control,
     defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _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) {
     return null;
   }
   const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
@@ -42,10 +45,12 @@ const FormFieldInput = props => {
     field: field,
     value: controller.field.value,
     onChange: controller.field.onChange,
+    dataHook: `form-field-${field.id}`,
+    inputRef: inputRef,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 51,
       columnNumber: 5
     }
   });

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

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