@wix/auto-patterns 1.5.0 → 1.7.0

package/dist/cjs/collectionData/cms/CmsCollectionData.js

@@ -1,19 +1,25 @@
 "use strict";
 
 exports.__esModule = true;
-exports.CmsColumnTypeToPatternsColumnType = void 0;
+exports.CmsFieldTypeToPatternsFieldType = void 0;
 exports.fetchCmsSchema = fetchCmsSchema;
 exports.getCmsCollectionData = getCmsCollectionData;
 var _data = require("@wix/data");
 var _filterUtils = require("./filterUtils");
 var _sortUtils = require("./sortUtils");
-const CmsColumnTypeToPatternsColumnType = exports.CmsColumnTypeToPatternsColumnType = {
-  [_data.collections.Type.TEXT]: 'STRING',
-  [_data.collections.Type.ARRAY]: 'ARRAY',
+const CmsFieldTypeToPatternsFieldType = exports.CmsFieldTypeToPatternsFieldType = {
+  [_data.collections.Type.TEXT]: 'SHORT_TEXT',
   [_data.collections.Type.DATE]: 'DATE',
   [_data.collections.Type.DATETIME]: 'DATETIME',
   [_data.collections.Type.NUMBER]: 'NUMBER',
-  [_data.collections.Type.BOOLEAN]: 'BOOLEAN'
+  [_data.collections.Type.BOOLEAN]: 'BOOLEAN',
+  [_data.collections.Type.URL]: 'URL',
+  [_data.collections.Type.ADDRESS]: 'SHORT_TEXT',
+  [_data.collections.Type.OBJECT]: 'LONG_TEXT',
+  [_data.collections.Type.RICH_TEXT]: 'LONG_TEXT',
+  [_data.collections.Type.RICH_CONTENT]: 'SHORT_TEXT',
+  [_data.collections.Type.ARRAY]: 'ARRAY',
+  [_data.collections.Type.ARRAY_STRING]: 'ARRAY'
 };
 async function fetchCmsSchema(collectionId) {
   const schema = await _data.collections.getDataCollection(collectionId);
@@ -26,8 +32,7 @@ async function fetchCmsSchema(collectionId) {
       }
       acc[field.key] = {
         id: field.key,
-        type: field.type ? CmsColumnTypeToPatternsColumnType[field.type] || 'STRING' : 'STRING',
-        originalType: field.type ?? _data.collections.Type.TEXT,
+        type: field.type ? CmsFieldTypeToPatternsFieldType[field.type] || 'SHORT_TEXT' : 'SHORT_TEXT',
         displayName: field.displayName || '',
         capabilities: {
           supportedQueryOperators: ((_field$capabilities = field.capabilities) == null ? void 0 : _field$capabilities.queryOperators) || [],

package/dist/cjs/collectionData/cms/CmsCollectionData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_filterUtils","_sortUtils","CmsColumnTypeToPatternsColumnType","exports","collections","Type","TEXT","ARRAY","DATE","DATETIME","NUMBER","BOOLEAN","fetchCmsSchema","collectionId","schema","getDataCollection","displayField","fields","reduce","acc","field","_field$capabilities","_field$capabilities2","key","id","type","originalType","displayName","capabilities","supportedQueryOperators","queryOperators","sortable","actions","get","entityId","items","create","entity","insert","update","delete","remove","getCmsCollectionData","config","visibleFieldIds","collection","fetchData","query","dataQuery","addSearchToDataQuery","addFiltersToDataQuery","addSortToDataQuery","res","skip","offset","limit","find","returnTotalCount","total","totalCount","entityIdKey","entityNameKey"],"sources":["../../../../src/collectionData/cms/CmsCollectionData.ts"],"sourcesContent":["import { Field, SchemaConfig, PatternsColumnType } from '../../types';\nimport { collections, items } from '@wix/data';\nimport { CollectionData } from '../CollectionData';\nimport { ComputedQuery } from '@wix/patterns';\nimport { addFiltersToDataQuery, addSearchToDataQuery } from './filterUtils';\nimport { addSortToDataQuery } from './sortUtils';\nimport { CollectionConfig } from '../../types/CollectionPageConfig';\n\nexport const CmsColumnTypeToPatternsColumnType: Partial<\n  Record<collections.Type, PatternsColumnType>\n> = {\n  [collections.Type.TEXT]: 'STRING',\n  [collections.Type.ARRAY]: 'ARRAY',\n  [collections.Type.DATE]: 'DATE',\n  [collections.Type.DATETIME]: 'DATETIME',\n  [collections.Type.NUMBER]: 'NUMBER',\n  [collections.Type.BOOLEAN]: 'BOOLEAN',\n};\n\nexport async function fetchCmsSchema(\n  collectionId: CollectionConfig['collectionId'],\n): Promise<SchemaConfig> {\n  const schema = await collections.getDataCollection(collectionId);\n  return {\n    displayField: schema.displayField ?? '_id',\n    fields: schema.fields.reduce((acc, field) => {\n      if (!field.key) {\n        return acc;\n      }\n\n      acc[field.key] = {\n        id: field.key,\n        type: field.type\n          ? CmsColumnTypeToPatternsColumnType[field.type] || 'STRING'\n          : 'STRING',\n        originalType: field.type ?? collections.Type.TEXT,\n        displayName: field.displayName || '',\n        capabilities: {\n          supportedQueryOperators: field.capabilities?.queryOperators || [],\n          sortable: field.capabilities?.sortable || false,\n        },\n      };\n\n      return acc;\n    }, {} as Record<string, Field>),\n    actions: {\n      get: (entityId: string) => {\n        return items.get(collectionId, entityId);\n      },\n      create: (entity) => {\n        return items.insert(collectionId, entity);\n      },\n      update: (entity) => {\n        return items.update(collectionId, entity);\n      },\n      delete: (entityId) => {\n        return items.remove(collectionId, entityId);\n      },\n    },\n  };\n}\n\nexport async function getCmsCollectionData(\n  config: CollectionConfig,\n  visibleFieldIds: string[],\n): Promise<CollectionData> {\n  const schema = await fetchCmsSchema(config.collectionId);\n\n  const collection = {\n    fetchData: async (query: ComputedQuery<any>) => {\n      let dataQuery = items.query(config.collectionId);\n      dataQuery = addSearchToDataQuery({\n        dataQuery,\n        query,\n        schema,\n        visibleFieldIds,\n      });\n      dataQuery = addFiltersToDataQuery({\n        dataQuery,\n        query,\n        schema,\n      });\n      dataQuery = addSortToDataQuery({\n        dataQuery,\n        query,\n        schema,\n      });\n      const res = await dataQuery\n        .skip(query.offset)\n        .limit(query.limit)\n        .find({ returnTotalCount: true });\n\n      return {\n        items: res.items,\n        total: res.totalCount,\n      };\n    },\n  };\n\n  return {\n    schema,\n    collection,\n    entityIdKey: '_id',\n    entityNameKey: schema.displayField,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_filterUtils","_sortUtils","CmsFieldTypeToPatternsFieldType","exports","collections","Type","TEXT","DATE","DATETIME","NUMBER","BOOLEAN","URL","ADDRESS","OBJECT","RICH_TEXT","RICH_CONTENT","ARRAY","ARRAY_STRING","fetchCmsSchema","collectionId","schema","getDataCollection","displayField","fields","reduce","acc","field","_field$capabilities","_field$capabilities2","key","id","type","displayName","capabilities","supportedQueryOperators","queryOperators","sortable","actions","get","entityId","items","create","entity","insert","update","delete","remove","getCmsCollectionData","config","visibleFieldIds","collection","fetchData","query","dataQuery","addSearchToDataQuery","addFiltersToDataQuery","addSortToDataQuery","res","skip","offset","limit","find","returnTotalCount","total","totalCount","entityIdKey","entityNameKey"],"sources":["../../../../src/collectionData/cms/CmsCollectionData.ts"],"sourcesContent":["import { Field, SchemaConfig, PatternsFieldType } from '../../types';\nimport { collections, items } from '@wix/data';\nimport { CollectionData } from '../CollectionData';\nimport { ComputedQuery } from '@wix/patterns';\nimport { addFiltersToDataQuery, addSearchToDataQuery } from './filterUtils';\nimport { addSortToDataQuery } from './sortUtils';\nimport { CollectionConfig } from '../../types/CollectionPageConfig';\n\nexport const CmsFieldTypeToPatternsFieldType: Partial<\n  Record<collections.Type, PatternsFieldType>\n> = {\n  [collections.Type.TEXT]: 'SHORT_TEXT',\n  [collections.Type.DATE]: 'DATE',\n  [collections.Type.DATETIME]: 'DATETIME',\n  [collections.Type.NUMBER]: 'NUMBER',\n  [collections.Type.BOOLEAN]: 'BOOLEAN',\n  [collections.Type.URL]: 'URL',\n  [collections.Type.ADDRESS]: 'SHORT_TEXT',\n  [collections.Type.OBJECT]: 'LONG_TEXT',\n  [collections.Type.RICH_TEXT]: 'LONG_TEXT',\n  [collections.Type.RICH_CONTENT]: 'SHORT_TEXT',\n  [collections.Type.ARRAY]: 'ARRAY',\n  [collections.Type.ARRAY_STRING]: 'ARRAY',\n};\n\nexport async function fetchCmsSchema(\n  collectionId: CollectionConfig['collectionId'],\n): Promise<SchemaConfig> {\n  const schema = await collections.getDataCollection(collectionId);\n  return {\n    displayField: schema.displayField ?? '_id',\n    fields: schema.fields.reduce((acc, field) => {\n      if (!field.key) {\n        return acc;\n      }\n\n      acc[field.key] = {\n        id: field.key,\n        type: field.type\n          ? CmsFieldTypeToPatternsFieldType[field.type] || 'SHORT_TEXT'\n          : 'SHORT_TEXT',\n        displayName: field.displayName || '',\n        capabilities: {\n          supportedQueryOperators: field.capabilities?.queryOperators || [],\n          sortable: field.capabilities?.sortable || false,\n        },\n      };\n\n      return acc;\n    }, {} as Record<string, Field>),\n    actions: {\n      get: (entityId: string) => {\n        return items.get(collectionId, entityId);\n      },\n      create: (entity) => {\n        return items.insert(collectionId, entity);\n      },\n      update: (entity) => {\n        return items.update(collectionId, entity);\n      },\n      delete: (entityId) => {\n        return items.remove(collectionId, entityId);\n      },\n    },\n  };\n}\n\nexport async function getCmsCollectionData(\n  config: CollectionConfig,\n  visibleFieldIds: string[],\n): Promise<CollectionData> {\n  const schema = await fetchCmsSchema(config.collectionId);\n\n  const collection = {\n    fetchData: async (query: ComputedQuery<any>) => {\n      let dataQuery = items.query(config.collectionId);\n      dataQuery = addSearchToDataQuery({\n        dataQuery,\n        query,\n        schema,\n        visibleFieldIds,\n      });\n      dataQuery = addFiltersToDataQuery({\n        dataQuery,\n        query,\n        schema,\n      });\n      dataQuery = addSortToDataQuery({\n        dataQuery,\n        query,\n        schema,\n      });\n      const res = await dataQuery\n        .skip(query.offset)\n        .limit(query.limit)\n        .find({ returnTotalCount: true });\n\n      return {\n        items: res.items,\n        total: res.totalCount,\n      };\n    },\n  };\n\n  return {\n    schema,\n    collection,\n    entityIdKey: '_id',\n    entityNameKey: schema.displayField,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/collectionData/cms/filterUtils.js

@@ -70,6 +70,7 @@ function addFiltersToDataQuery({
   }
   return dataQueryWithFilters;
 }
+const TEXT_FIELD_TYPES = ['LONG_TEXT', 'SHORT_TEXT'];
 function addSearchToDataQuery({
   dataQuery,
   query,
@@ -79,7 +80,7 @@ function addSearchToDataQuery({
   const searchableFields = Object.keys(schema.fields).filter(key => {
     const field = schema.fields[key];
     const column = visibleFieldIds.find(id => id === key);
-    return column && field && field.type === 'STRING';
+    return column && field && TEXT_FIELD_TYPES.includes(field.type);
   });
   if (query.search && searchableFields.length > 0) {
     let searchFilter = null;

package/dist/cjs/collectionData/cms/filterUtils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_constants","FilterPropToMethod","from","to","isValidFilterProp","prop","getOperatorForFilter","undefined","isSupportedOperator","schema","filterProp","filterKey","field","fields","operator","FilterPropToOperator","supportedOperators","capabilities","supportedQueryOperators","includes","addFiltersToDataQuery","dataQuery","query","dataQueryWithFilters","filters","fieldKey","filter","Array","isArray","_schema$fields$fieldK","filterArray","type","some","item","id","BooleanFilters","checked","eq","hasSome","map","filterObj","value","addSearchToDataQuery","visibleFieldIds","searchableFields","Object","keys","key","column","find","search","length","searchFilter","forEach","currentFilter","items","contains","or","and"],"sources":["../../../../src/collectionData/cms/filterUtils.ts"],"sourcesContent":["import { ComputedQuery } from '@wix/patterns';\nimport { items } from '@wix/data';\nimport { BooleanFilters, FilterProp, FilterPropToOperator } from '../constants';\nimport { SchemaConfig } from '../../types';\n\nexport type CmsOperatorMethod = 'ge' | 'le';\n\nconst FilterPropToMethod: Record<FilterProp, CmsOperatorMethod> = {\n  from: 'ge',\n  to: 'le',\n};\n\nfunction isValidFilterProp(prop: string): prop is FilterProp {\n  return prop in FilterPropToMethod;\n}\n\nfunction getOperatorForFilter(prop: string): CmsOperatorMethod | undefined {\n  if (isValidFilterProp(prop)) {\n    return FilterPropToMethod[prop];\n  }\n  return undefined;\n}\n\nconst isSupportedOperator = (\n  schema: SchemaConfig,\n  filterProp: string,\n  filterKey: string,\n) => {\n  const field = schema.fields[filterKey];\n  if (!field) {\n    return false;\n  }\n\n  if (!isValidFilterProp(filterProp)) {\n    return false;\n  }\n\n  const operator = FilterPropToOperator[filterProp];\n  const supportedOperators = field.capabilities.supportedQueryOperators;\n  return supportedOperators.includes(operator);\n};\n\nexport function addFiltersToDataQuery({\n  dataQuery,\n  query,\n  schema,\n}: {\n  dataQuery: items.WixDataQuery;\n  query: ComputedQuery<any>;\n  schema: SchemaConfig;\n}) {\n  let dataQueryWithFilters = dataQuery;\n  const { filters } = query;\n  for (const fieldKey in filters) {\n    const filter = filters[fieldKey];\n    if (filter) {\n      if (Array.isArray(filter)) {\n        const filterArray = filter as { [key: string]: any }[];\n        if (schema.fields[fieldKey]?.type === 'BOOLEAN') {\n          if (filterArray.some((item) => item.id === BooleanFilters.checked)) {\n            dataQueryWithFilters = dataQueryWithFilters.eq(fieldKey, true);\n          } else {\n            dataQueryWithFilters = dataQueryWithFilters.eq(fieldKey, false);\n          }\n        } else {\n          dataQueryWithFilters = dataQueryWithFilters.hasSome(\n            fieldKey,\n            filterArray.map((item) => item.id),\n          );\n        }\n      } else if (typeof filter === 'object') {\n        const filterObj = filter as Record<string, any>;\n\n        for (const filterProp in filterObj) {\n          const operator = getOperatorForFilter(filterProp);\n          if (\n            operator &&\n            typeof dataQuery[operator] === 'function' &&\n            isSupportedOperator(schema, filterProp, fieldKey)\n          ) {\n            const value = filterObj[filterProp];\n            if (value !== undefined && value !== null) {\n              dataQueryWithFilters = dataQueryWithFilters[operator](\n                fieldKey,\n                value,\n              );\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return dataQueryWithFilters;\n}\n\nexport function addSearchToDataQuery({\n  dataQuery,\n  query,\n  schema,\n  visibleFieldIds,\n}: {\n  dataQuery: items.WixDataQuery;\n  query: ComputedQuery<any>;\n  schema: SchemaConfig;\n  visibleFieldIds: string[];\n}) {\n  const searchableFields = Object.keys(schema.fields).filter((key) => {\n    const field = schema.fields[key];\n    const column = visibleFieldIds.find((id) => id === key);\n\n    return column && field && field.type === 'STRING';\n  });\n\n  if (query.search && searchableFields.length > 0) {\n    let searchFilter: items.WixDataFilter | null = null;\n\n    searchableFields.forEach((field) => {\n      const currentFilter = items.filter().contains(field, query.search!);\n      searchFilter = searchFilter\n        ? searchFilter.or(currentFilter)\n        : currentFilter;\n    });\n\n    if (searchFilter) {\n      dataQuery = dataQuery.and(searchFilter);\n    }\n  }\n\n  return dataQuery;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_data","require","_constants","FilterPropToMethod","from","to","isValidFilterProp","prop","getOperatorForFilter","undefined","isSupportedOperator","schema","filterProp","filterKey","field","fields","operator","FilterPropToOperator","supportedOperators","capabilities","supportedQueryOperators","includes","addFiltersToDataQuery","dataQuery","query","dataQueryWithFilters","filters","fieldKey","filter","Array","isArray","_schema$fields$fieldK","filterArray","type","some","item","id","BooleanFilters","checked","eq","hasSome","map","filterObj","value","TEXT_FIELD_TYPES","addSearchToDataQuery","visibleFieldIds","searchableFields","Object","keys","key","column","find","search","length","searchFilter","forEach","currentFilter","items","contains","or","and"],"sources":["../../../../src/collectionData/cms/filterUtils.ts"],"sourcesContent":["import { ComputedQuery } from '@wix/patterns';\nimport { items } from '@wix/data';\nimport { BooleanFilters, FilterProp, FilterPropToOperator } from '../constants';\nimport { SchemaConfig } from '../../types';\n\nexport type CmsOperatorMethod = 'ge' | 'le';\n\nconst FilterPropToMethod: Record<FilterProp, CmsOperatorMethod> = {\n  from: 'ge',\n  to: 'le',\n};\n\nfunction isValidFilterProp(prop: string): prop is FilterProp {\n  return prop in FilterPropToMethod;\n}\n\nfunction getOperatorForFilter(prop: string): CmsOperatorMethod | undefined {\n  if (isValidFilterProp(prop)) {\n    return FilterPropToMethod[prop];\n  }\n  return undefined;\n}\n\nconst isSupportedOperator = (\n  schema: SchemaConfig,\n  filterProp: string,\n  filterKey: string,\n) => {\n  const field = schema.fields[filterKey];\n  if (!field) {\n    return false;\n  }\n\n  if (!isValidFilterProp(filterProp)) {\n    return false;\n  }\n\n  const operator = FilterPropToOperator[filterProp];\n  const supportedOperators = field.capabilities.supportedQueryOperators;\n  return supportedOperators.includes(operator);\n};\n\nexport function addFiltersToDataQuery({\n  dataQuery,\n  query,\n  schema,\n}: {\n  dataQuery: items.WixDataQuery;\n  query: ComputedQuery<any>;\n  schema: SchemaConfig;\n}) {\n  let dataQueryWithFilters = dataQuery;\n  const { filters } = query;\n  for (const fieldKey in filters) {\n    const filter = filters[fieldKey];\n    if (filter) {\n      if (Array.isArray(filter)) {\n        const filterArray = filter as { [key: string]: any }[];\n        if (schema.fields[fieldKey]?.type === 'BOOLEAN') {\n          if (filterArray.some((item) => item.id === BooleanFilters.checked)) {\n            dataQueryWithFilters = dataQueryWithFilters.eq(fieldKey, true);\n          } else {\n            dataQueryWithFilters = dataQueryWithFilters.eq(fieldKey, false);\n          }\n        } else {\n          dataQueryWithFilters = dataQueryWithFilters.hasSome(\n            fieldKey,\n            filterArray.map((item) => item.id),\n          );\n        }\n      } else if (typeof filter === 'object') {\n        const filterObj = filter as Record<string, any>;\n\n        for (const filterProp in filterObj) {\n          const operator = getOperatorForFilter(filterProp);\n          if (\n            operator &&\n            typeof dataQuery[operator] === 'function' &&\n            isSupportedOperator(schema, filterProp, fieldKey)\n          ) {\n            const value = filterObj[filterProp];\n            if (value !== undefined && value !== null) {\n              dataQueryWithFilters = dataQueryWithFilters[operator](\n                fieldKey,\n                value,\n              );\n            }\n          }\n        }\n      }\n    }\n  }\n\n  return dataQueryWithFilters;\n}\n\nconst TEXT_FIELD_TYPES = ['LONG_TEXT', 'SHORT_TEXT'];\nexport function addSearchToDataQuery({\n  dataQuery,\n  query,\n  schema,\n  visibleFieldIds,\n}: {\n  dataQuery: items.WixDataQuery;\n  query: ComputedQuery<any>;\n  schema: SchemaConfig;\n  visibleFieldIds: string[];\n}) {\n  const searchableFields = Object.keys(schema.fields).filter((key) => {\n    const field = schema.fields[key];\n    const column = visibleFieldIds.find((id) => id === key);\n\n    return column && field && TEXT_FIELD_TYPES.includes(field.type);\n  });\n\n  if (query.search && searchableFields.length > 0) {\n    let searchFilter: items.WixDataFilter | null = null;\n\n    searchableFields.forEach((field) => {\n      const currentFilter = items.filter().contains(field, query.search!);\n      searchFilter = searchFilter\n        ? searchFilter.or(currentFilter)\n        : currentFilter;\n    });\n\n    if (searchFilter) {\n      dataQuery = dataQuery.and(searchFilter);\n    }\n  }\n\n  return dataQuery;\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -28,15 +28,13 @@ const AutoPatternsEntityPage = ({
     parentPath,
     form,
     onSave: async () => {
-      var _state$entity;
       const formValues = form.getValues();
       const updatedEntity = {
         ...state.entity,
         ...formValues
       };
       let newUpdatedEntity;
-      // TODO: Works only for CMS collections, need to be extracted from collection data somehow or share similar context
-      if ((_state$entity = state.entity) != null && _state$entity._id) {
+      if (entityId) {
         newUpdatedEntity = await schema.actions.update(updatedEntity);
       } else {
         newUpdatedEntity = await schema.actions.create(updatedEntity);
@@ -65,7 +63,7 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Header, {
@@ -76,21 +74,21 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 65,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 71,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.MainContent, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 72,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_patterns.EntityPage.Card, {
@@ -98,7 +96,7 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 73,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -107,21 +105,21 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 74,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 78,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 79,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -130,7 +128,7 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 80,
       columnNumber: 15
     }
   }, visibleFieldIds.map(fieldId => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
@@ -138,7 +136,7 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 82,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -146,7 +144,7 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 83,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
@@ -155,7 +153,7 @@ const AutoPatternsEntityPage = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 84,
       columnNumber: 23
     }
   }))))))))));

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","_state$entity","formValues","getValues","updatedEntity","entity","newUpdatedEntity","_id","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      // 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","_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":"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","ignoreList":[]}

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

@@ -1,30 +1,27 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Checkbox = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/73d19ce3378ce4dd/packages/auto-patterns/dist/cjs/components/AutoPatternsEntityPage/Fields/Checkbox.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 Checkbox = props => {
   const {
     field,
-    initialValue,
-    onChange
+    onChange,
+    value
   } = props;
-  const [value, setValue] = (0, _react.useState)(initialValue);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
     checked: value,
     onChange: e => {
-      setValue(e.target.checked);
       onChange(e.target.checked);
     },
     dataHook: `checkbox-${field.id}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 12,
+      lineNumber: 11,
       columnNumber: 5
     }
   }, field.displayName);

package/dist/cjs/components/AutoPatternsEntityPage/Fields/Checkbox.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","Checkbox","props","field","initialValue","onChange","value","setValue","useState","createElement","checked","target","dataHook","id","__self","__source","fileName","lineNumber","columnNumber","displayName","exports"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6D,IAAAE,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAKtD,MAAMW,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,MAAM,CAACI,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAC,eAAQ,EAACJ,YAAY,CAAC;EAEhD,oBACE5B,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAAC9B,aAAA,CAAAsB,QAAW;IACVS,OAAO,EAAEJ,KAAM;IACfD,QAAQ,EAAGvB,CAAC,IAAK;MACfyB,QAAQ,CAACzB,CAAC,CAAC6B,MAAM,CAACD,OAAO,CAAC;MAC1BL,QAAQ,CAACvB,CAAC,CAAC6B,MAAM,CAACD,OAAO,CAAC;IAC5B,CAAE;IACFE,QAAQ,EAAE,YAAYT,KAAK,CAACU,EAAE,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhCf,KAAK,CAACgB,WACI,CAAC;AAElB,CAAC;AAACC,OAAA,CAAAnB,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","Checkbox","props","field","onChange","value","default","createElement","checked","e","target","dataHook","id","__self","__source","fileName","lineNumber","columnNumber","displayName","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA6D,IAAAE,YAAA;AAKtD,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAExC,oBACEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAE,QAAW;IACVO,OAAO,EAAEH,KAAM;IACfD,QAAQ,EAAGK,CAAC,IAAK;MACfL,QAAQ,CAACK,CAAC,CAACC,MAAM,CAACF,OAAO,CAAC;IAC5B,CAAE;IACFG,QAAQ,EAAE,YAAYR,KAAK,CAACS,EAAE,EAAG;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhCd,KAAK,CAACe,WACI,CAAC;AAElB,CAAC;AAACC,OAAA,CAAAlB,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -0,0 +1,65 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DateInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _dates = require("./utils/dates");
+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; }
+const DateInput = props => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  const [date, setDate] = (0, _react.useState)(() => value ? (0, _dates.getDateWithoutTimezone)((0, _dates.getISODateStringWithFixedTimezone)(value)) : undefined);
+  const ref = (0, _react.useRef)({});
+  const [statusMessage, setStatusMessage] = (0, _react.useState)('');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    dataHook: `date-${field.id}`,
+    width: "100%",
+    value: date,
+    onChange: newValue => {
+      const formattedDate = (0, _dates.getISODateStringWithFixedTimezone)(newValue);
+      setDate(newValue);
+      onChange(formattedDate.split('T')[0]);
+    },
+    onValidate: ({
+      validationType,
+      value: newValue
+    }) => {
+      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,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }));
+};
+exports.DateInput = DateInput;
+//# sourceMappingURL=DateInput.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,140 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DateTime = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+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 => {
+  const {
+    field,
+    value,
+    onChange
+  } = props;
+  const date = (0, _react.useMemo)(() => {
+    if (!value) {
+      return undefined;
+    }
+    const d = new Date(value);
+    return isNaN(d.getTime()) ? undefined : d;
+  }, [value]);
+  const [statusMessage, setStatusMessage] = (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());
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 6,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.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: ({
+      validationType,
+      value: newValue
+    }) => {
+      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}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 11
+    }
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
+    span: 6,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.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: ({
+      date: newValue
+    }) => {
+      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);
+          }
+        }
+      }
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 11
+    }
+  }))));
+};
+exports.DateTime = DateTime;
+//# sourceMappingURL=DateTime.js.map

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

@@ -0,0 +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":[]}