@wix/auto-patterns 1.5.0 → 1.7.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","EntityPage","useEntity","useEntityPage","useForm","Box","Card","Cell","FormFieldInput","useParams","useSchema","AutoPatternsEntityPage","_ref","configuration","title","subtitle","visibleFieldIds","collectionPagePath","parentPath","form","params","entityId","schema","state","onSave","_state$entity","formValues","getValues","updatedEntity","entity","newUpdatedEntity","_id","actions","update","create","saveErrorToast","fetch","undefined","get","createElement","dataHook","Header","text","displayField","Content","MainContent","minHeight","Divider","gap","direction","map","fieldId","Fragment","key","span","field","fields"],"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      // TODO: Works only for CMS collections, need to be extracted from collection data somehow or share similar context\n      if (state.entity?._id) {\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<any, any>(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":"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","ignoreList":[]}
+{"version":3,"names":["React","EntityPage","useEntity","useEntityPage","useForm","Box","Card","Cell","FormFieldInput","useParams","useSchema","AutoPatternsEntityPage","_ref","configuration","title","subtitle","visibleFieldIds","collectionPagePath","parentPath","form","params","entityId","schema","state","onSave","formValues","getValues","updatedEntity","entity","newUpdatedEntity","actions","update","create","saveErrorToast","fetch","undefined","get","createElement","dataHook","Header","text","displayField","Content","MainContent","minHeight","Divider","gap","direction","map","fieldId","Fragment","key","span","field","fields"],"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":"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","ignoreList":[]}

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

@@ -1,16 +1,14 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { Checkbox as CheckboxWSR } from '@wix/design-system';
 export const Checkbox = props => {
   const {
     field,
-    initialValue,
-    onChange
+    onChange,
+    value
   } = props;
-  const [value, setValue] = useState(initialValue);
   return /*#__PURE__*/React.createElement(CheckboxWSR, {
     checked: value,
     onChange: e => {
-      setValue(e.target.checked);
       onChange(e.target.checked);
     },
     dataHook: `checkbox-${field.id}`

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Checkbox","CheckboxWSR","props","field","initialValue","onChange","value","setValue","createElement","checked","e","target","dataHook","id","displayName"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Checkbox.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Checkbox as CheckboxWSR } from '@wix/design-system';\nimport { BaseInputProps } from './FormFieldInput';\n\nexport interface CheckboxProps extends BaseInputProps<boolean> {}\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const { field, initialValue, onChange } = props;\n  const [value, setValue] = useState(initialValue);\n\n  return (\n    <CheckboxWSR\n      checked={value}\n      onChange={(e) => {\n        setValue(e.target.checked);\n        onChange(e.target.checked);\n      }}\n      dataHook={`checkbox-${field.id}`}\n    >\n      {field.displayName}\n    </CheckboxWSR>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,IAAIC,WAAW,QAAQ,oBAAoB;AAK5D,OAAO,MAAMD,QAAQ,GAAIE,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAGR,QAAQ,CAACK,YAAY,CAAC;EAEhD,oBACEN,KAAA,CAAAU,aAAA,CAACP,WAAW;IACVQ,OAAO,EAAEH,KAAM;IACfD,QAAQ,EAAGK,CAAC,IAAK;MACfH,QAAQ,CAACG,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;MAC1BJ,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYT,KAAK,CAACU,EAAE;EAAG,GAEhCV,KAAK,CAACW,WACI,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Checkbox","CheckboxWSR","props","field","onChange","value","createElement","checked","e","target","dataHook","id","displayName"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox as CheckboxWSR } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface CheckboxProps extends BaseInputProps<boolean> {}\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const { field, onChange, value } = props;\n\n  return (\n    <CheckboxWSR\n      checked={value}\n      onChange={(e) => {\n        onChange(e.target.checked);\n      }}\n      dataHook={`checkbox-${field.id}`}\n    >\n      {field.displayName}\n    </CheckboxWSR>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,IAAIC,WAAW,QAAQ,oBAAoB;AAK5D,OAAO,MAAMD,QAAQ,GAAIE,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,oBACEH,KAAA,CAAAO,aAAA,CAACL,WAAW;IACVM,OAAO,EAAEF,KAAM;IACfD,QAAQ,EAAGI,CAAC,IAAK;MACfJ,QAAQ,CAACI,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYP,KAAK,CAACQ,EAAE;EAAG,GAEhCR,KAAK,CAACS,WACI,CAAC;AAElB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+import React, { useRef, useState } from 'react';
+import { FormField, DatePicker } from '@wix/design-system';
+import { getDateWithoutTimezone, getISODateStringWithFixedTimezone } from './utils/dates';
+export const DateInput = props => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  const [date, setDate] = useState(() => value ? getDateWithoutTimezone(getISODateStringWithFixedTimezone(value)) : undefined);
+  const ref = useRef({});
+  const [statusMessage, setStatusMessage] = useState('');
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    dataHook: `date-${field.id}`,
+    width: "100%",
+    value: date,
+    onChange: newValue => {
+      const formattedDate = getISODateStringWithFixedTimezone(newValue);
+      setDate(newValue);
+      onChange(formattedDate.split('T')[0]);
+    },
+    onValidate: _ref => {
+      let {
+        validationType,
+        value: newValue
+      } = _ref;
+      if (validationType === 'valid') {
+        setStatusMessage('');
+        ref.current.invalid = false;
+      } else if (validationType === 'formatError' && newValue === '') {
+        setDate(undefined);
+        onChange(null);
+        setStatusMessage('');
+        ref.current.invalid = false;
+      } else {
+        setStatusMessage('Invalid date');
+        ref.current.invalid = true;
+      }
+    },
+    status: ref.current.invalid ? 'error' : undefined,
+    statusMessage: statusMessage
+  }));
+};
+//# sourceMappingURL=DateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","FormField","DatePicker","getDateWithoutTimezone","getISODateStringWithFixedTimezone","DateInput","props","field","value","onChange","date","setDate","undefined","ref","statusMessage","setStatusMessage","createElement","label","displayName","dataHook","id","width","newValue","formattedDate","split","onValidate","_ref","validationType","current","invalid","status"],"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":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,SAASC,SAAS,EAAEC,UAAU,QAAQ,oBAAoB;AAC1D,SACEC,sBAAsB,EACtBC,iCAAiC,QAC5B,eAAe;AAKtB,OAAO,MAAMC,SAAS,GAAIC,KAAgB,IAAK;EAC7C,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAExC,MAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGX,QAAQ,CAAmB,MACjDQ,KAAK,GACDL,sBAAsB,CAACC,iCAAiC,CAACI,KAAK,CAAC,CAAC,GAChEI,SACN,CAAC;EAED,MAAMC,GAAG,GAAGd,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACe,aAAa,EAAEC,gBAAgB,CAAC,GAAGf,QAAQ,CAAC,EAAE,CAAC;EAEtD,oBACEF,KAAA,CAAAkB,aAAA,CAACf,SAAS;IAACgB,KAAK,EAAEV,KAAK,CAACW;EAAY,gBAClCpB,KAAA,CAAAkB,aAAA,CAACd,UAAU;IACTiB,QAAQ,EAAE,QAAQZ,KAAK,CAACa,EAAE,EAAG;IAC7BC,KAAK,EAAC,MAAM;IACZb,KAAK,EAAEE,IAAK;IACZD,QAAQ,EAAGa,QAAc,IAAK;MAC5B,MAAMC,aAAa,GAAGnB,iCAAiC,CAACkB,QAAQ,CAAC;MACjEX,OAAO,CAACW,QAAQ,CAAC;MACjBb,QAAQ,CAACc,aAAa,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACvC,CAAE;IACFC,UAAU,EAAEC,IAAA,IAAyC;MAAA,IAAxC;QAAEC,cAAc;QAAEnB,KAAK,EAAEc;MAAS,CAAC,GAAAI,IAAA;MAC9C,IAAIC,cAAc,KAAK,OAAO,EAAE;QAC9BZ,gBAAgB,CAAC,EAAE,CAAC;QACpBF,GAAG,CAACe,OAAO,CAACC,OAAO,GAAG,KAAK;MAC7B,CAAC,MAAM,IAAIF,cAAc,KAAK,aAAa,IAAIL,QAAQ,KAAK,EAAE,EAAE;QAC9DX,OAAO,CAACC,SAAS,CAAC;QAClBH,QAAQ,CAAC,IAAI,CAAC;QACdM,gBAAgB,CAAC,EAAE,CAAC;QACpBF,GAAG,CAACe,OAAO,CAACC,OAAO,GAAG,KAAK;MAC7B,CAAC,MAAM;QACLd,gBAAgB,CAAC,cAAc,CAAC;QAChCF,GAAG,CAACe,OAAO,CAACC,OAAO,GAAG,IAAI;MAC5B;IACF,CAAE;IACFC,MAAM,EAAEjB,GAAG,CAACe,OAAO,CAACC,OAAO,GAAG,OAAO,GAAGjB,SAAU;IAClDE,aAAa,EAAEA;EAAc,CAC9B,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,97 @@
+import React, { useRef, useMemo, useState } from 'react';
+import { Cell, DatePicker, FormField, Layout, TimeInput } from '@wix/design-system';
+export const DateTime = props => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  const date = useMemo(() => {
+    if (!value) {
+      return undefined;
+    }
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? undefined : d;
+  }, [value]);
+  const [statusMessage, setStatusMessage] = useState('');
+  const ref = useRef({});
+  const dateRef = useRef({});
+  const timeRef = useRef({});
+  const [dateValue, setDateValue] = useState(date == null ? void 0 : date.getDate());
+  const [timeValue, setTimeValue] = useState(date == null ? void 0 : date.getTime());
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName
+  }, /*#__PURE__*/React.createElement(Layout, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(DatePicker, {
+    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: () => {},
+    onValidate: _ref => {
+      let {
+        validationType,
+        value: newValue
+      } = _ref;
+      if (validationType === 'valid') {
+        const dateWithNewDate = date ? new Date(date) : new Date(newValue);
+        const _value = new Date(newValue);
+        dateWithNewDate.setFullYear(_value.getFullYear());
+        dateWithNewDate.setMonth(_value.getMonth());
+        dateWithNewDate.setDate(_value.getDate());
+        onChange(dateWithNewDate.toISOString());
+        setDateValue(new Date(newValue).getDate());
+        setStatusMessage('');
+        dateRef.current.invalid = false;
+      } else if (validationType === 'formatError' && value === '') {
+        setStatusMessage('');
+        dateRef.current.invalid = false;
+        setDateValue(value);
+        if (!timeValue) {
+          onChange(null);
+        }
+      } else {
+        setStatusMessage('Invalid date');
+        dateRef.current.invalid = true;
+      }
+      ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
+    },
+    status: ref.current.invalid ? 'error' : undefined,
+    statusMessage: statusMessage,
+    dataHook: `datetime-date-${field.id}`
+  })), /*#__PURE__*/React.createElement(Cell, {
+    span: 6
+  }, /*#__PURE__*/React.createElement(TimeInput, {
+    dataHook: `datetime-time-${field.id}`,
+    value: date ?? null,
+    invalidMessage: "Invalid time",
+    onInvalid: () => {
+      timeRef.current.invalid = true;
+      ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
+    },
+    onChange: _ref2 => {
+      let {
+        date: newValue
+      } = _ref2;
+      timeRef.current.invalid = false;
+      ref.current.invalid = dateRef.current.invalid || timeRef.current.invalid;
+      if (newValue) {
+        const dateWithNewTime = date ? new Date(date) : newValue;
+        dateWithNewTime.setHours(newValue.getHours());
+        dateWithNewTime.setMinutes(newValue.getMinutes());
+        dateWithNewTime.setSeconds(newValue.getSeconds());
+        dateWithNewTime.setMilliseconds(newValue.getMilliseconds());
+        onChange(dateWithNewTime.toISOString());
+      } else if (!ref.current.invalid) {
+        if (!newValue) {
+          setTimeValue('');
+          if (!dateValue) {
+            onChange(null);
+          }
+        }
+      }
+    }
+  }))));
+};
+//# sourceMappingURL=DateTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useMemo","useState","Cell","DatePicker","FormField","Layout","TimeInput","DateTime","props","field","value","onChange","date","undefined","d","Date","isNaN","getTime","statusMessage","setStatusMessage","ref","dateRef","timeRef","dateValue","setDateValue","getDate","timeValue","setTimeValue","createElement","label","displayName","span","width","onValidate","_ref","validationType","newValue","dateWithNewDate","_value","setFullYear","getFullYear","setMonth","getMonth","setDate","toISOString","current","invalid","status","dataHook","id","invalidMessage","onInvalid","_ref2","dateWithNewTime","setHours","getHours","setMinutes","getMinutes","setSeconds","getSeconds","setMilliseconds","getMilliseconds"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateTime.tsx"],"sourcesContent":["import React, { useRef, useMemo, useState } from 'react';\nimport {\n  Cell,\n  DatePicker,\n  FormField,\n  Layout,\n  TimeInput,\n} from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\n\nexport interface DateTimeProps extends BaseInputProps<string | null> {}\nexport const DateTime = (props: DateTimeProps) => {\n  const { field, value, onChange } = props;\n\n  const date = useMemo(() => {\n    if (!value) {\n      return undefined;\n    }\n    const d = new Date(value);\n    return isNaN(d.getTime()) ? undefined : d;\n  }, [value]);\n  const [statusMessage, setStatusMessage] = useState('');\n\n  const ref = useRef<BaseInputRef>({});\n  const dateRef = useRef<BaseInputRef>({});\n  const timeRef = useRef<BaseInputRef>({});\n  const [dateValue, setDateValue] = useState<number | string | undefined>(\n    date?.getDate(),\n  );\n  const [timeValue, setTimeValue] = useState<number | string | undefined>(\n    date?.getTime(),\n  );\n\n  return (\n    <FormField label={field.displayName}>\n      <Layout>\n        <Cell span={6}>\n          <DatePicker\n            width=\"100%\"\n            value={date}\n            // onChange is triggered only when you have valid, non-empty value. and onValidate is triggered on every change to we use onValidate\n            onChange={() => {}}\n            onValidate={({ validationType, value: newValue }) => {\n              if (validationType === 'valid') {\n                const dateWithNewDate = date\n                  ? new Date(date)\n                  : new Date(newValue);\n                const _value = new Date(newValue);\n                dateWithNewDate.setFullYear(_value.getFullYear());\n                dateWithNewDate.setMonth(_value.getMonth());\n                dateWithNewDate.setDate(_value.getDate());\n                onChange(dateWithNewDate.toISOString());\n                setDateValue(new Date(newValue).getDate());\n                setStatusMessage('');\n                dateRef.current.invalid = false;\n              } else if (validationType === 'formatError' && value === '') {\n                setStatusMessage('');\n                dateRef.current.invalid = false;\n                setDateValue(value);\n                if (!timeValue) {\n                  onChange(null);\n                }\n              } else {\n                setStatusMessage('Invalid date');\n                dateRef.current.invalid = true;\n              }\n\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            status={ref.current.invalid ? 'error' : undefined}\n            statusMessage={statusMessage}\n            dataHook={`datetime-date-${field.id}`}\n          />\n        </Cell>\n        <Cell span={6}>\n          <TimeInput\n            dataHook={`datetime-time-${field.id}`}\n            value={date ?? null}\n            invalidMessage=\"Invalid time\"\n            onInvalid={() => {\n              timeRef.current.invalid = true;\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n            }}\n            onChange={({ date: newValue }) => {\n              timeRef.current.invalid = false;\n              ref.current.invalid =\n                dateRef.current.invalid || timeRef.current.invalid;\n\n              if (newValue) {\n                const dateWithNewTime = date ? new Date(date) : newValue;\n                dateWithNewTime.setHours(newValue.getHours());\n                dateWithNewTime.setMinutes(newValue.getMinutes());\n                dateWithNewTime.setSeconds(newValue.getSeconds());\n                dateWithNewTime.setMilliseconds(newValue.getMilliseconds());\n                onChange(dateWithNewTime.toISOString());\n              } else if (!ref.current.invalid) {\n                if (!newValue) {\n                  setTimeValue('');\n                  if (!dateValue) {\n                    onChange(null);\n                  }\n                }\n              }\n            }}\n          />\n        </Cell>\n      </Layout>\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,14 +2,23 @@ import React from 'react';
 import { ShortText } from './ShortText';
 import { useEntityPageContext } from '@wix/patterns';
 import { useController } from '@wix/patterns/form';
-import { collections } from '@wix/data';
 import { Checkbox } from './Checkbox';
+import { DateInput } from './DateInput';
+import { DateTime } from './DateTime';
+import { Number } from './Number';
+import { LongText } from './LongText';
+import { Url } from './Url';
 export const EDITABLE_INPUT_ELEMENTS = {
-  [collections.Type.TEXT]: ShortText,
-  [collections.Type.BOOLEAN]: Checkbox
+  SHORT_TEXT: ShortText,
+  LONG_TEXT: LongText,
+  BOOLEAN: Checkbox,
+  DATE: DateInput,
+  DATETIME: DateTime,
+  NUMBER: Number,
+  URL: Url
 };
 export const FormFieldInput = props => {
-  var _pageState$entity, _controller$fieldStat;
+  var _pageState$entity;
   const {
     field
   } = props;
@@ -19,19 +28,14 @@ export 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.originalType) || !pageState || !pageState.entity) {
+  if (!field || !EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) || !pageState || !pageState.entity) {
     return null;
   }
-  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.originalType];
+  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type];
   return /*#__PURE__*/React.createElement(FieldInput, {
     field: field,
-    initialValue: pageState.entity[field.id],
-    status: controller.fieldState.invalid ? 'error' : undefined,
-    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
-    inputRef: controller.field.ref,
     value: controller.field.value,
-    onChange: controller.field.onChange,
-    onBlur: controller.field.onBlur
+    onChange: controller.field.onChange
   });
 };
 //# sourceMappingURL=FormFieldInput.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","ShortText","useEntityPageContext","useController","collections","Checkbox","EDITABLE_INPUT_ELEMENTS","Type","TEXT","BOOLEAN","FormFieldInput","props","_pageState$entity","_controller$fieldStat","field","pageState","controller","name","id","control","form","defaultValue","entity","hasOwnProperty","originalType","FieldInput","createElement","initialValue","status","fieldState","invalid","undefined","statusMessage","error","message","inputRef","ref","value","onChange","onBlur"],"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 } from '../../../types';\nimport { collections } from '@wix/data';\nimport { Checkbox } from './Checkbox';\n\nexport interface BaseInputProps<T> {\n  field: Field;\n  initialValue: T;\n  onChange: (newValue: T) => void;\n}\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<collections.Type, React.ComponentType<any>>\n> = {\n  [collections.Type.TEXT]: ShortText,\n  [collections.Type.BOOLEAN]: Checkbox,\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.originalType) ||\n    !pageState ||\n    !pageState.entity\n  ) {\n    return null;\n  }\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.originalType]!;\n\n  return (\n    <FieldInput\n      field={field}\n      initialValue={(pageState.entity as any)[field.id]}\n      status={controller.fieldState.invalid ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      inputRef={controller.field.ref}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n      onBlur={controller.field.onBlur}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,QAAQ,QAAQ,YAAY;AAQrC,OAAO,MAAMC,uBAEZ,GAAG;EACF,CAACF,WAAW,CAACG,IAAI,CAACC,IAAI,GAAGP,SAAS;EAClC,CAACG,WAAW,CAACG,IAAI,CAACE,OAAO,GAAGJ;AAC9B,CAAC;AAMD,OAAO,MAAMK,cAAc,GAAIC,KAA0B,IAAK;EAAA,IAAAC,iBAAA,EAAAC,qBAAA;EAC5D,MAAM;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAEvB,MAAMI,SAAS,GAAGb,oBAAoB,CAAC,CAAC;EACxC,MAAMc,UAAU,GAAGb,aAAa,CAAC;IAC/Bc,IAAI,EAAE,CAAAH,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAT,iBAAA,GAAGG,SAAS,CAACO,MAAM,qBAAjBV,iBAAA,CAA4B,CAAAE,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;EAC3D,CAAC,CAAC;EAEF,IACE,CAACJ,KAAK,IACN,CAACR,uBAAuB,CAACiB,cAAc,CAACT,KAAK,CAACU,YAAY,CAAC,IAC3D,CAACT,SAAS,IACV,CAACA,SAAS,CAACO,MAAM,EACjB;IACA,OAAO,IAAI;EACb;EACA,MAAMG,UAAU,GAAGnB,uBAAuB,CAACQ,KAAK,CAACU,YAAY,CAAE;EAE/D,oBACExB,KAAA,CAAA0B,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,YAAY,EAAGZ,SAAS,CAACO,MAAM,CAASR,KAAK,CAACI,EAAE,CAAE;IAClDU,MAAM,EAAEZ,UAAU,CAACa,UAAU,CAACC,OAAO,GAAG,OAAO,GAAGC,SAAU;IAC5DC,aAAa,GAAAnB,qBAAA,GAAEG,UAAU,CAACa,UAAU,CAACI,KAAK,qBAA3BpB,qBAAA,CAA6BqB,OAAQ;IACpDC,QAAQ,EAAEnB,UAAU,CAACF,KAAK,CAACsB,GAAI;IAC/BC,KAAK,EAAErB,UAAU,CAACF,KAAK,CAACuB,KAAM;IAC9BC,QAAQ,EAAEtB,UAAU,CAACF,KAAK,CAACwB,QAAS;IACpCC,MAAM,EAAEvB,UAAU,CAACF,KAAK,CAACyB;EAAO,CACjC,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ShortText","useEntityPageContext","useController","Checkbox","DateInput","DateTime","Number","LongText","Url","EDITABLE_INPUT_ELEMENTS","SHORT_TEXT","LONG_TEXT","BOOLEAN","DATE","DATETIME","NUMBER","URL","FormFieldInput","props","_pageState$entity","field","pageState","controller","name","id","control","form","defaultValue","entity","hasOwnProperty","type","FieldInput","createElement","value","onChange"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/FormFieldInput.tsx"],"sourcesContent":["import React from 'react';\nimport { ShortText } from './ShortText';\nimport { useEntityPageContext } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Field, PatternsFieldType } from '../../../types';\nimport { Checkbox } from './Checkbox';\nimport { DateInput } from './DateInput';\nimport { DateTime } from './DateTime';\nimport { Number } from './Number';\nimport { LongText } from './LongText';\nimport { Url } from './Url';\n\nexport const EDITABLE_INPUT_ELEMENTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: ShortText,\n  LONG_TEXT: LongText,\n  BOOLEAN: Checkbox,\n  DATE: DateInput,\n  DATETIME: DateTime,\n  NUMBER: Number,\n  URL: Url,\n};\n\nexport interface FormFieldInputProps {\n  field?: Field;\n}\n\nexport const FormFieldInput = (props: FormFieldInputProps) => {\n  const { field } = props;\n\n  const pageState = useEntityPageContext();\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n  });\n\n  if (\n    !field ||\n    !EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type) ||\n    !pageState ||\n    !pageState.entity\n  ) {\n    return null;\n  }\n  const FieldInput = EDITABLE_INPUT_ELEMENTS[field.type]!;\n\n  return (\n    <FieldInput\n      field={field}\n      value={controller.field.value}\n      onChange={controller.field.onChange}\n    />\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,aAAa,QAAQ,oBAAoB;AAElD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,GAAG,QAAQ,OAAO;AAE3B,OAAO,MAAMC,uBAEZ,GAAG;EACFC,UAAU,EAAEV,SAAS;EACrBW,SAAS,EAAEJ,QAAQ;EACnBK,OAAO,EAAET,QAAQ;EACjBU,IAAI,EAAET,SAAS;EACfU,QAAQ,EAAET,QAAQ;EAClBU,MAAM,EAAET,MAAM;EACdU,GAAG,EAAER;AACP,CAAC;AAMD,OAAO,MAAMS,cAAc,GAAIC,KAA0B,IAAK;EAAA,IAAAC,iBAAA;EAC5D,MAAM;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAEvB,MAAMG,SAAS,GAAGpB,oBAAoB,CAAC,CAAC;EACxC,MAAMqB,UAAU,GAAGpB,aAAa,CAAC;IAC/BqB,IAAI,EAAE,CAAAH,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEJ,SAAS,CAACK,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAR,iBAAA,GAAGE,SAAS,CAACO,MAAM,qBAAjBT,iBAAA,CAA4B,CAAAC,KAAK,oBAALA,KAAK,CAAEI,EAAE,KAAI,EAAE;EAC3D,CAAC,CAAC;EAEF,IACE,CAACJ,KAAK,IACN,CAACX,uBAAuB,CAACoB,cAAc,CAACT,KAAK,CAACU,IAAI,CAAC,IACnD,CAACT,SAAS,IACV,CAACA,SAAS,CAACO,MAAM,EACjB;IACA,OAAO,IAAI;EACb;EACA,MAAMG,UAAU,GAAGtB,uBAAuB,CAACW,KAAK,CAACU,IAAI,CAAE;EAEvD,oBACE/B,KAAA,CAAAiC,aAAA,CAACD,UAAU;IACTX,KAAK,EAAEA,KAAM;IACba,KAAK,EAAEX,UAAU,CAACF,KAAK,CAACa,KAAM;IAC9BC,QAAQ,EAAEZ,UAAU,CAACF,KAAK,CAACc;EAAS,CACrC,CAAC;AAEN,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","InputArea","LongText","props","field","value","onChange","createElement","label","displayName","e","target","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/LongText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, InputArea } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface LongTextProps extends BaseInputProps<string> {}\n\nexport const LongText = (props: LongTextProps) => {\n  const { field, value, onChange } = props;\n\n  return (\n    <FormField label={field.displayName}>\n      <InputArea\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        dataHook={`long-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,QAAQ,oBAAoB;AAKzD,OAAO,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAExC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,SAAS;IAACQ,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,SAAS;IACRI,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGI,CAAC,IAAKJ,QAAQ,oBAARA,QAAQ,CAAGI,CAAC,CAACC,MAAM,CAACN,KAAK,CAAE;IAC5CO,QAAQ,EAAE,aAAaR,KAAK,CAACS,EAAE;EAAG,CACnC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FormField, NumberInput } from '@wix/design-system';
+export const Number = props => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  return /*#__PURE__*/React.createElement(FormField, {
+    label: field.displayName
+  }, /*#__PURE__*/React.createElement(NumberInput, {
+    value: value || undefined,
+    onChange: e => onChange(e),
+    dataHook: `number-${field.id}`
+  }));
+};
+//# sourceMappingURL=Number.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormField","NumberInput","Number","props","field","value","onChange","createElement","label","displayName","undefined","e","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Number.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, NumberInput } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface NumberProps extends BaseInputProps<number | null> {}\n\nexport const Number = (props: NumberProps) => {\n  const { field, value, onChange } = props;\n\n  return (\n    <FormField label={field.displayName}>\n      <NumberInput\n        value={value || undefined}\n        onChange={(e) => onChange(e)}\n        dataHook={`number-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,WAAW,QAAQ,oBAAoB;AAK3D,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC5C,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAExC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,SAAS;IAACQ,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,WAAW;IACVI,KAAK,EAAEA,KAAK,IAAIK,SAAU;IAC1BJ,QAAQ,EAAGK,CAAC,IAAKL,QAAQ,CAACK,CAAC,CAAE;IAC7BC,QAAQ,EAAE,UAAUR,KAAK,CAACS,EAAE;EAAG,CAChC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -1,39 +1,16 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { FormField, Input } from '@wix/design-system';
-export const useTextInput = _ref => {
-  let {
-    initialValue,
-    onChange
-  } = _ref;
-  const [value, setValue] = useState(initialValue || '');
-  const handleChange = e => {
-    const newValue = e.target.value;
-    setValue(newValue);
-    onChange == null || onChange(newValue);
-  };
-  return {
-    value,
-    handleChange
-  };
-};
 export const ShortText = props => {
   const {
     field,
-    initialValue,
-    onChange
+    onChange,
+    value
   } = props;
-  const {
-    value,
-    handleChange
-  } = useTextInput({
-    initialValue,
-    onChange
-  });
   return /*#__PURE__*/React.createElement(FormField, {
     label: field.displayName
   }, /*#__PURE__*/React.createElement(Input, {
     value: value,
-    onChange: handleChange,
+    onChange: e => onChange == null ? void 0 : onChange(e.target.value),
     dataHook: `short-text-${field.id}`
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","FormField","Input","useTextInput","_ref","initialValue","onChange","value","setValue","handleChange","e","newValue","target","ShortText","props","field","createElement","label","displayName","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ShortText.tsx"],"sourcesContent":["import React, { ChangeEvent, useState } from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './FormFieldInput';\n\nexport const useTextInput = ({\n  initialValue,\n  onChange,\n}: {\n  initialValue: string;\n  onChange: (value: string) => void;\n}) => {\n  const [value, setValue] = useState(initialValue || '');\n\n  const handleChange = (\n    e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => {\n    const newValue = e.target.value;\n\n    setValue(newValue);\n    onChange?.(newValue);\n  };\n\n  return {\n    value,\n    handleChange,\n  };\n};\n\nexport interface ShortTextProps extends BaseInputProps<string> {}\n\nexport const ShortText = (props: ShortTextProps) => {\n  const { field, initialValue, onChange } = props;\n  const { value, handleChange } = useTextInput({\n    initialValue,\n    onChange,\n  });\n\n  return (\n    <FormField label={field.displayName}>\n      <Input\n        value={value}\n        onChange={handleChange}\n        dataHook={`short-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAiBC,QAAQ,QAAQ,OAAO;AACpD,SAASC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAGrD,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAMtB;EAAA,IANuB;IAC3BC,YAAY;IACZC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAM,CAACG,KAAK,EAAEC,QAAQ,CAAC,GAAGR,QAAQ,CAACK,YAAY,IAAI,EAAE,CAAC;EAEtD,MAAMI,YAAY,GAChBC,CAAsD,IACnD;IACH,MAAMC,QAAQ,GAAGD,CAAC,CAACE,MAAM,CAACL,KAAK;IAE/BC,QAAQ,CAACG,QAAQ,CAAC;IAClBL,QAAQ,YAARA,QAAQ,CAAGK,QAAQ,CAAC;EACtB,CAAC;EAED,OAAO;IACLJ,KAAK;IACLE;EACF,CAAC;AACH,CAAC;AAID,OAAO,MAAMI,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,KAAK;IAAEV,YAAY;IAAEC;EAAS,CAAC,GAAGQ,KAAK;EAC/C,MAAM;IAAEP,KAAK;IAAEE;EAAa,CAAC,GAAGN,YAAY,CAAC;IAC3CE,YAAY;IACZC;EACF,CAAC,CAAC;EAEF,oBACEP,KAAA,CAAAiB,aAAA,CAACf,SAAS;IAACgB,KAAK,EAAEF,KAAK,CAACG;EAAY,gBAClCnB,KAAA,CAAAiB,aAAA,CAACd,KAAK;IACJK,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAEG,YAAa;IACvBU,QAAQ,EAAE,cAAcJ,KAAK,CAACK,EAAE;EAAG,CACpC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FormField","Input","ShortText","props","field","onChange","value","createElement","label","displayName","e","target","dataHook","id"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/ShortText.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { BaseInputProps } from './types';\n\nexport interface ShortTextProps extends BaseInputProps<string> {}\n\nexport const ShortText = (props: ShortTextProps) => {\n  const { field, onChange, value } = props;\n  return (\n    <FormField label={field.displayName}>\n      <Input\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        dataHook={`short-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,KAAK,QAAQ,oBAAoB;AAKrD,OAAO,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EAClD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EACxC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,SAAS;IAACQ,KAAK,EAAEJ,KAAK,CAACK;EAAY,gBAClCV,KAAA,CAAAQ,aAAA,CAACN,KAAK;IACJK,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAGK,CAAC,IAAKL,QAAQ,oBAARA,QAAQ,CAAGK,CAAC,CAACC,MAAM,CAACL,KAAK,CAAE;IAC5CM,QAAQ,EAAE,cAAcR,KAAK,CAACS,EAAE;EAAG,CACpC,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useRef, useState } from 'react';
+import { FormField, Input } from '@wix/design-system';
+import { Link } from '@wix/wix-ui-icons-common';
+export const Url = props => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  const ref = useRef({});
+  const [fieldsStatus, setFieldStatus] = useState({});
+  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31
+  const uriPattern = /^[A-Za-z][A-Za-z0-9+.-]*:(\/\/([A-Za-z0-9._~\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\-!$&'()*+,;=%:\[\]]*(:[0-9]*)?)?[A-Za-z0-9._~\-%!$&'()*+,;=:@\/]*([?][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?([#][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?$/;
+  return /*#__PURE__*/React.createElement(FormField, _extends({
+    label: field.displayName
+  }, fieldsStatus), /*#__PURE__*/React.createElement(Input, {
+    prefix: /*#__PURE__*/React.createElement(Input.IconAffix, null, /*#__PURE__*/React.createElement(Link, null)),
+    placeholder: "https://www.wix.com",
+    dataHook: `url-${field.id}`,
+    value: value,
+    onChange: e => onChange == null ? void 0 : onChange(e.target.value),
+    onBlur: () => {
+      ref.current.invalid = value ? !uriPattern.test(value) : false;
+      if (ref.current.invalid) {
+        setFieldStatus({
+          status: 'error',
+          statusMessage: 'Invalid URL'
+        });
+      } else {
+        setFieldStatus({
+          status: undefined,
+          statusMessage: undefined
+        });
+      }
+    }
+  }));
+};
+//# sourceMappingURL=Url.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","FormField","Input","Link","Url","props","field","value","onChange","ref","fieldsStatus","setFieldStatus","uriPattern","createElement","_extends","label","displayName","prefix","IconAffix","placeholder","dataHook","id","e","target","onBlur","current","invalid","test","status","statusMessage","undefined"],"sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Url.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { FormField, Input, StatusType } from '@wix/design-system';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { Link } from '@wix/wix-ui-icons-common';\n\nexport interface UrlProps extends BaseInputProps<string> {}\n\nexport const Url = (props: UrlProps) => {\n  const { field, value, onChange } = props;\n  const ref = useRef<BaseInputRef>({});\n  const [fieldsStatus, setFieldStatus] = useState<{\n    status?: StatusType;\n    statusMessage?: string;\n  }>({});\n  // Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31\n  const uriPattern =\n    /^[A-Za-z][A-Za-z0-9+.-]*:(\\/\\/([A-Za-z0-9._~\\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\\-!$&'()*+,;=%:\\[\\]]*(:[0-9]*)?)?[A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/]*([?][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?([#][A-Za-z0-9._~\\-%!$&'()*+,;=:@\\/?]*)?$/;\n\n  return (\n    <FormField label={field.displayName} {...fieldsStatus}>\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder=\"https://www.wix.com\"\n        dataHook={`url-${field.id}`}\n        value={value}\n        onChange={(e) => onChange?.(e.target.value)}\n        onBlur={() => {\n          ref.current.invalid = value ? !uriPattern.test(value) : false;\n\n          if (ref.current.invalid) {\n            setFieldStatus({\n              status: 'error',\n              statusMessage: 'Invalid URL',\n            });\n          } else {\n            setFieldStatus({ status: undefined, statusMessage: undefined });\n          }\n        }}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC/C,SAASC,SAAS,EAAEC,KAAK,QAAoB,oBAAoB;AAEjE,SAASC,IAAI,QAAQ,0BAA0B;AAI/C,OAAO,MAAMC,GAAG,GAAIC,KAAe,IAAK;EACtC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EACxC,MAAMI,GAAG,GAAGV,MAAM,CAAe,CAAC,CAAC,CAAC;EACpC,MAAM,CAACW,YAAY,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAG5C,CAAC,CAAC,CAAC;EACN;EACA,MAAMY,UAAU,GACd,kOAAkO;EAEpO,oBACEd,KAAA,CAAAe,aAAA,CAACZ,SAAS,EAAAa,QAAA;IAACC,KAAK,EAAET,KAAK,CAACU;EAAY,GAAKN,YAAY,gBACnDZ,KAAA,CAAAe,aAAA,CAACX,KAAK;IACJe,MAAM,eACJnB,KAAA,CAAAe,aAAA,CAACX,KAAK,CAACgB,SAAS,qBACdpB,KAAA,CAAAe,aAAA,CAACV,IAAI,MAAE,CACQ,CAClB;IACDgB,WAAW,EAAC,qBAAqB;IACjCC,QAAQ,EAAE,OAAOd,KAAK,CAACe,EAAE,EAAG;IAC5Bd,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAGc,CAAC,IAAKd,QAAQ,oBAARA,QAAQ,CAAGc,CAAC,CAACC,MAAM,CAAChB,KAAK,CAAE;IAC5CiB,MAAM,EAAEA,CAAA,KAAM;MACZf,GAAG,CAACgB,OAAO,CAACC,OAAO,GAAGnB,KAAK,GAAG,CAACK,UAAU,CAACe,IAAI,CAACpB,KAAK,CAAC,GAAG,KAAK;MAE7D,IAAIE,GAAG,CAACgB,OAAO,CAACC,OAAO,EAAE;QACvBf,cAAc,CAAC;UACbiB,MAAM,EAAE,OAAO;UACfC,aAAa,EAAE;QACjB,CAAC,CAAC;MACJ,CAAC,MAAM;QACLlB,cAAc,CAAC;UAAEiB,MAAM,EAAEE,SAAS;UAAED,aAAa,EAAEC;QAAU,CAAC,CAAC;MACjE;IACF;EAAE,CACH,CACQ,CAAC;AAEhB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,10 @@
+// this function is used to get the date without timezone
+export const getDateWithoutTimezone = date => new Date(new Date(date).toISOString().slice(0, -1));
+
+// this function is used to get the date with fixed timezone
+export const getISODateStringWithFixedTimezone = date => {
+  const _date = new Date(date);
+  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;
+  return new Date(_date.getTime() - userTimezoneOffset).toISOString().slice(0, -1);
+};
+//# sourceMappingURL=dates.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["getDateWithoutTimezone","date","Date","toISOString","slice","getISODateStringWithFixedTimezone","_date","userTimezoneOffset","getTimezoneOffset","getTime"],"sources":["../../../../../../src/components/AutoPatternsEntityPage/Fields/utils/dates.ts"],"sourcesContent":["// this function is used to get the date without timezone\nexport const getDateWithoutTimezone = (date: Date | string) =>\n  new Date(new Date(date).toISOString().slice(0, -1));\n\n// this function is used to get the date with fixed timezone\nexport const getISODateStringWithFixedTimezone = (date: Date | string) => {\n  const _date = new Date(date);\n  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;\n  return new Date(_date.getTime() - userTimezoneOffset)\n    .toISOString()\n    .slice(0, -1);\n};\n"],"mappings":"AAAA;AACA,OAAO,MAAMA,sBAAsB,GAAIC,IAAmB,IACxD,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,CAAC,CAACE,WAAW,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;AAErD;AACA,OAAO,MAAMC,iCAAiC,GAAIJ,IAAmB,IAAK;EACxE,MAAMK,KAAK,GAAG,IAAIJ,IAAI,CAACD,IAAI,CAAC;EAC5B,MAAMM,kBAAkB,GAAGD,KAAK,CAACE,iBAAiB,CAAC,CAAC,GAAG,KAAK;EAC5D,OAAO,IAAIN,IAAI,CAACI,KAAK,CAACG,OAAO,CAAC,CAAC,GAAGF,kBAAkB,CAAC,CAClDJ,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjB,CAAC","ignoreList":[]}

package/dist/esm/index.js

@@ -1,3 +1,5 @@
 export * from './providers';
 export * from './hooks';
+export * from './components/AutoPatternsApp';
+export * from './types';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from './providers';\nexport * from './hooks';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":["export * from './providers';\nexport * from './hooks';\nexport * from './components/AutoPatternsApp';\nexport * from './types';\n"],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,8BAA8B;AAC5C,cAAc,SAAS","ignoreList":[]}

package/dist/esm/types/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/types/types.ts"],"sourcesContent":["import { PrimaryActions, SecondaryActions } from '@wix/patterns';\nimport { EntityPageConfig } from './EntityPageConfig';\nimport { CollectionPageConfig } from './CollectionPageConfig';\nimport { collections } from '@wix/data';\n\nexport type PatternsColumnType =\n  | 'STRING'\n  | 'NUMBER'\n  | 'BOOLEAN'\n  | 'DATE'\n  | 'DATETIME'\n  | 'ARRAY'\n  | 'ENUM';\n\nexport interface AppConfig {\n  pages: PageConfig[];\n}\n\nexport interface PageConfig {\n  id: string;\n  routePath: string;\n  type: 'collectionPage' | 'entityPage';\n  collectionPage?: CollectionPageConfig;\n  entityPage?: EntityPageConfig;\n}\n\nexport type EntityProps = { [key: string]: any };\n\nexport interface IMenuItem<T extends EntityProps = {}> {\n  item: T;\n}\nexport interface IColumnValue<T> {\n  value: T;\n}\n\nexport type QueryOperator =\n  | 'CONTAINS'\n  | 'ENDS_WITH'\n  | 'EQ'\n  | 'EXISTS'\n  | 'GT'\n  | 'GTE'\n  | 'HAS_ALL'\n  | 'HAS_SOME'\n  | 'LT'\n  | 'LTE'\n  | 'NE'\n  | 'STARTS_WITH'\n  | 'URLIZED';\n\nexport interface Field {\n  id: string;\n  displayName: string;\n  type: PatternsColumnType;\n  originalType: collections.Type;\n  capabilities: {\n    supportedQueryOperators: QueryOperator[];\n    sortable: boolean;\n  };\n}\n\nexport interface SchemaConfig {\n  fields: Record<string, Field | undefined>;\n  displayField: string;\n  actions: {\n    get: (entityId: string) => Promise<any>;\n    create: (newEntity: Partial<any>) => Promise<any>;\n    update: (updatedEntity: any) => Promise<any>;\n    delete: (entityId: string) => Promise<any>;\n  };\n}\n\nexport type PagePrimaryActionProps = React.ComponentProps<\n  typeof PrimaryActions\n>;\n\nexport type PageSecondaryActionProps = React.ComponentProps<\n  typeof SecondaryActions\n>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/types/types.ts"],"sourcesContent":["import { PrimaryActions, SecondaryActions } from '@wix/patterns';\nimport { EntityPageConfig } from './EntityPageConfig';\nimport { CollectionPageConfig } from './CollectionPageConfig';\n\nexport type PatternsFieldType =\n  | 'SHORT_TEXT'\n  | 'LONG_TEXT'\n  | 'NUMBER'\n  | 'BOOLEAN'\n  | 'DATE'\n  | 'DATETIME'\n  | 'URL'\n  | 'ARRAY';\n\nexport interface AppConfig {\n  pages: PageConfig[];\n}\n\nexport interface PageConfig {\n  id: string;\n  routePath: string;\n  type: 'collectionPage' | 'entityPage';\n  collectionPage?: CollectionPageConfig;\n  entityPage?: EntityPageConfig;\n}\n\nexport type EntityProps = { [key: string]: any };\n\nexport interface IMenuItem<T extends EntityProps = any> {\n  item: T;\n}\nexport interface IColumnValue<T> {\n  value: T;\n}\n\nexport type QueryOperator =\n  | 'CONTAINS'\n  | 'ENDS_WITH'\n  | 'EQ'\n  | 'EXISTS'\n  | 'GT'\n  | 'GTE'\n  | 'HAS_ALL'\n  | 'HAS_SOME'\n  | 'LT'\n  | 'LTE'\n  | 'NE'\n  | 'STARTS_WITH'\n  | 'URLIZED';\n\nexport interface Field {\n  id: string;\n  displayName: string;\n  type: PatternsFieldType;\n  capabilities: {\n    supportedQueryOperators: QueryOperator[];\n    sortable: boolean;\n  };\n}\n\nexport interface SchemaConfig {\n  fields: Record<string, Field | undefined>;\n  displayField: string;\n  actions: {\n    get: (entityId: string) => Promise<any>;\n    create: (newEntity: Partial<any>) => Promise<any>;\n    update: (updatedEntity: any) => Promise<any>;\n    delete: (entityId: string) => Promise<any>;\n  };\n}\n\nexport type PagePrimaryActionProps = React.ComponentProps<\n  typeof PrimaryActions\n>;\n\nexport type PageSecondaryActionProps = React.ComponentProps<\n  typeof SecondaryActions\n>;\n"],"mappings":"","ignoreList":[]}

package/dist/types/collectionData/cms/CmsCollectionData.d.ts

@@ -1,8 +1,8 @@
-import { SchemaConfig, PatternsColumnType } from '../../types';
+import { SchemaConfig, PatternsFieldType } from '../../types';
 import { collections } from '@wix/data';
 import { CollectionData } from '../CollectionData';
 import { CollectionConfig } from '../../types/CollectionPageConfig';
-export declare const CmsColumnTypeToPatternsColumnType: Partial<Record<collections.Type, PatternsColumnType>>;
+export declare const CmsFieldTypeToPatternsFieldType: Partial<Record<collections.Type, PatternsFieldType>>;
 export declare function fetchCmsSchema(collectionId: CollectionConfig['collectionId']): Promise<SchemaConfig>;
 export declare function getCmsCollectionData(config: CollectionConfig, visibleFieldIds: string[]): Promise<CollectionData>;
 //# sourceMappingURL=CmsCollectionData.d.ts.map

package/dist/types/collectionData/cms/CmsCollectionData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CmsCollectionData.d.ts","sourceRoot":"","sources":["../../../../src/collectionData/cms/CmsCollectionData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAE,WAAW,EAAS,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,eAAO,MAAM,iCAAiC,EAAE,OAAO,CACrD,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAQ7C,CAAC;AAEF,wBAAsB,cAAc,CAClC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,GAC7C,OAAO,CAAC,YAAY,CAAC,CAuCvB;AAED,wBAAsB,oBAAoB,CACxC,MAAM,EAAE,gBAAgB,EACxB,eAAe,EAAE,MAAM,EAAE,GACxB,OAAO,CAAC,cAAc,CAAC,CAwCzB"}
+{"version":3,"file":"CmsCollectionData.d.ts","sourceRoot":"","sources":["../../../../src/collectionData/cms/CmsCollectionData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,WAAW,EAAS,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAInD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,eAAO,MAAM,+BAA+B,EAAE,OAAO,CACnD,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAc5C,CAAC;AAEF,wBAAsB,cAAc,CAClC,YAAY,EAAE,gBAAgB,CAAC,cAAc,CAAC,GAC7C,OAAO,CAAC,YAAY,CAAC,CAsCvB;AAED,wBAAsB,oBAAoB,CACxC,MAAM,EAAE,gBAAgB,EACxB,eAAe,EAAE,MAAM,EAAE,GACxB,OAAO,CAAC,cAAc,CAAC,CAwCzB"}

package/dist/types/collectionData/cms/filterUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/collectionData/cms/filterUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC;AAqC5C,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC;CACtB,sBA4CA;AAED,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,KAAK,EACL,MAAM,EACN,eAAe,GAChB,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B,sBAwBA"}
+{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../../src/collectionData/cms/filterUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC;AAqC5C,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC;CACtB,sBA4CA;AAGD,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,KAAK,EACL,MAAM,EACN,eAAe,GAChB,EAAE;IACD,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,MAAM,EAAE,CAAC;CAC3B,sBAwBA"}

package/dist/types/components/AutoPatternsEntityPage/AutoPatternsEntityPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoPatternsEntityPage.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAa/C,MAAM,WAAW,2BAA2B;IAC1C,aAAa,EAAE,gBAAgB,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAgFxE,CAAC"}
+{"version":3,"file":"AutoPatternsEntityPage.d.ts","sourceRoot":"","sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAa/C,MAAM,WAAW,2BAA2B;IAC1C,aAAa,EAAE,gBAAgB,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CA+ExE,CAAC"}

package/dist/types/components/AutoPatternsEntityPage/Fields/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseInputProps } from './FormFieldInput';
+import { BaseInputProps } from './types';
 export interface CheckboxProps extends BaseInputProps<boolean> {
 }
 export declare const Checkbox: (props: CheckboxProps) => React.JSX.Element;

package/dist/types/components/AutoPatternsEntityPage/Fields/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,OAAO,CAAC;CAAG;AAEjE,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAgB5C,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,OAAO,CAAC;CAAG;AAEjE,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAc5C,CAAC"}

package/dist/types/components/AutoPatternsEntityPage/Fields/DateInput.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BaseInputProps } from './types';
+export interface DateProps extends BaseInputProps<string | null> {
+}
+export declare const DateInput: (props: DateProps) => React.JSX.Element;
+//# sourceMappingURL=DateInput.d.ts.map

package/dist/types/components/AutoPatternsEntityPage/Fields/DateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,cAAc,EAAgB,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC;CAAG;AAEnE,eAAO,MAAM,SAAS,UAAW,SAAS,sBA0CzC,CAAC"}

package/dist/types/components/AutoPatternsEntityPage/Fields/DateTime.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { BaseInputProps } from './types';
+export interface DateTimeProps extends BaseInputProps<string | null> {
+}
+export declare const DateTime: (props: DateTimeProps) => React.JSX.Element;
+//# sourceMappingURL=DateTime.d.ts.map

package/dist/types/components/AutoPatternsEntityPage/Fields/DateTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/AutoPatternsEntityPage/Fields/DateTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAQzD,OAAO,EAAE,cAAc,EAAgB,MAAM,SAAS,CAAC;AAEvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC;CAAG;AACvE,eAAO,MAAM,QAAQ,UAAW,aAAa,sBAoG5C,CAAC"}