@wix/auto-patterns 1.6.0 → 1.8.0

package/dist/cjs/utils/filterCreators.js

@@ -0,0 +1,137 @@
+"use strict";
+
+exports.__esModule = true;
+exports.createReferenceFilter = exports.createNumberFilter = exports.createEnumFilter = exports.createDateTimeFilter = exports.createBooleanFilter = void 0;
+var _patterns = require("@wix/patterns");
+var _constants = require("../dataSourceAdapters/constants");
+const createDateTimeFilter = ({
+  id,
+  fieldId,
+  commonFilterProps,
+  config
+}) => ({
+  key: id,
+  fieldId,
+  filter: (0, _patterns.dateRangeFilter)(),
+  component: _patterns.DateRangeFilter,
+  props: {
+    ...commonFilterProps,
+    mode: config == null ? void 0 : config.mode,
+    dateRangeOptions: config == null ? void 0 : config.presets,
+    filterByTime: config == null ? void 0 : config.includeTime
+  }
+});
+exports.createDateTimeFilter = createDateTimeFilter;
+const createBooleanFilter = ({
+  id,
+  fieldId,
+  commonFilterProps,
+  config
+}) => ({
+  key: id,
+  fieldId,
+  filter: (0, _patterns.idNameArrayFilter)({
+    matches: (fieldValue, filterValue) => {
+      if (fieldValue) {
+        return filterValue.some(v => v.id === _constants.BooleanFilters.checked);
+      }
+      return filterValue.some(v => v.id === _constants.BooleanFilters.unchecked);
+    }
+  }),
+  component: _patterns.RadioGroupFilter,
+  props: {
+    ...commonFilterProps,
+    data: [{
+      id: 'checked',
+      name: (config == null ? void 0 : config.trueLabel) || 'Yes'
+    }, {
+      id: 'unchecked',
+      name: (config == null ? void 0 : config.falseLabel) || 'No'
+    }]
+  }
+});
+exports.createBooleanFilter = createBooleanFilter;
+const createNumberFilter = ({
+  id,
+  fieldId,
+  commonFilterProps,
+  config
+}) => ({
+  key: id,
+  fieldId,
+  filter: (0, _patterns.numberRangeFilter)(),
+  component: _patterns.NumberRangeFilter,
+  props: {
+    ...commonFilterProps,
+    min: config == null ? void 0 : config.min,
+    max: config == null ? void 0 : config.max,
+    decimal: config == null ? void 0 : config.allowedDecimals
+  }
+});
+exports.createNumberFilter = createNumberFilter;
+const createEnumFilter = ({
+  id,
+  fieldId,
+  commonFilterProps,
+  config
+}) => {
+  const {
+    options,
+    selectionMode,
+    optionType
+  } = config;
+  const data = (options == null ? void 0 : options.map(option => ({
+    id: option.value,
+    name: option.label
+  }))) ?? [];
+  const inlineComponentThreshold = 5;
+  let component;
+  if (selectionMode === 'single') {
+    component = data.length > inlineComponentThreshold ? _patterns.AutoCompleteFilter : _patterns.RadioGroupFilter;
+    if (optionType === 'select') {
+      component = _patterns.AutoCompleteFilter;
+    } else if (optionType === 'radio') {
+      component = _patterns.RadioGroupFilter;
+    }
+  } else {
+    component = data.length > inlineComponentThreshold ? _patterns.MultiSelectCheckboxFilter : _patterns.MultiInlineCheckboxFilter;
+    if (optionType === 'select') {
+      component = _patterns.MultiSelectCollectionFilter;
+    } else if (optionType === 'inlineCheckbox') {
+      component = _patterns.MultiInlineCheckboxFilter;
+    } else if (optionType === 'checkbox') {
+      component = _patterns.MultiSelectCheckboxFilter;
+    }
+  }
+  return {
+    key: id,
+    fieldId,
+    filter: (0, _patterns.idNameArrayFilter)(),
+    component,
+    collectionData: data,
+    props: {
+      ...commonFilterProps,
+      data
+    }
+  };
+};
+exports.createEnumFilter = createEnumFilter;
+const createReferenceFilter = ({
+  id,
+  fieldId,
+  commonFilterProps,
+  config,
+  additionalParams
+}) => {
+  const component = (config == null ? void 0 : config.selectionMode) === 'single' ? _patterns.AutoCompleteFilter : _patterns.MultiSelectCollectionFilter;
+  return {
+    key: id,
+    fieldId,
+    filter: (0, _patterns.idNameArrayFilter)(),
+    component,
+    collectionId: additionalParams.referencedSchema.id,
+    props: commonFilterProps
+  };
+};
+exports.createReferenceFilter = createReferenceFilter;
+//# sourceMappingURL=filterCreators.js.map

package/dist/cjs/utils/filterCreators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_patterns","require","_constants","createDateTimeFilter","id","fieldId","commonFilterProps","config","key","filter","dateRangeFilter","component","DateRangeFilter","props","mode","dateRangeOptions","presets","filterByTime","includeTime","exports","createBooleanFilter","idNameArrayFilter","matches","fieldValue","filterValue","some","v","BooleanFilters","checked","unchecked","RadioGroupFilter","data","name","trueLabel","falseLabel","createNumberFilter","numberRangeFilter","NumberRangeFilter","min","max","decimal","allowedDecimals","createEnumFilter","options","selectionMode","optionType","map","option","value","label","inlineComponentThreshold","length","AutoCompleteFilter","MultiSelectCheckboxFilter","MultiInlineCheckboxFilter","MultiSelectCollectionFilter","collectionData","createReferenceFilter","additionalParams","collectionId","referencedSchema"],"sources":["../../../src/utils/filterCreators.ts"],"sourcesContent":["import {\n  dateRangeFilter,\n  idNameArrayFilter,\n  numberRangeFilter,\n  DateRangeFilter,\n  RadioGroupFilter,\n  NumberRangeFilter,\n  AutoCompleteFilter,\n  MultiSelectCheckboxFilter,\n  MultiInlineCheckboxFilter,\n  MultiSelectCollectionFilter,\n} from '@wix/patterns';\nimport { BooleanFilters } from '../dataSourceAdapters/constants';\nimport { FilterOptions } from '../hooks/useFilters';\nimport { SchemaConfig } from '../types';\n\ninterface FilterOption {\n  value: string;\n  label: string;\n}\n\ninterface BaseFilterParams {\n  id: string;\n  fieldId: string;\n  commonFilterProps: Record<string, any>;\n}\n\nexport const createDateTimeFilter = ({\n  id,\n  fieldId,\n  commonFilterProps,\n  config,\n}: BaseFilterParams & {\n  config?: {\n    mode?: 'ONLY_PREDEFINED' | 'ONLY_CUSTOM' | 'COMBINE';\n    presets?: string[];\n    includeTime?: boolean;\n  };\n}): FilterOptions => ({\n  key: id,\n  fieldId,\n  filter: dateRangeFilter(),\n  component: DateRangeFilter,\n  props: {\n    ...commonFilterProps,\n    mode: config?.mode,\n    dateRangeOptions: config?.presets,\n    filterByTime: config?.includeTime,\n  },\n});\n\nexport const createBooleanFilter = ({\n  id,\n  fieldId,\n  commonFilterProps,\n  config,\n}: BaseFilterParams & {\n  config?: {\n    trueLabel?: string;\n    falseLabel?: string;\n  };\n}): FilterOptions => ({\n  key: id,\n  fieldId,\n  filter: idNameArrayFilter({\n    matches: (fieldValue, filterValue) => {\n      if (fieldValue) {\n        return filterValue.some((v) => v.id === BooleanFilters.checked);\n      }\n      return filterValue.some((v) => v.id === BooleanFilters.unchecked);\n    },\n  }),\n  component: RadioGroupFilter,\n  props: {\n    ...commonFilterProps,\n    data: [\n      {\n        id: 'checked',\n        name: config?.trueLabel || 'Yes',\n      },\n      {\n        id: 'unchecked',\n        name: config?.falseLabel || 'No',\n      },\n    ],\n  },\n});\n\nexport const createNumberFilter = ({\n  id,\n  fieldId,\n  commonFilterProps,\n  config,\n}: BaseFilterParams & {\n  config?: {\n    min?: number;\n    max?: number;\n    allowedDecimals?: boolean;\n  };\n}): FilterOptions => ({\n  key: id,\n  fieldId,\n  filter: numberRangeFilter(),\n  component: NumberRangeFilter,\n  props: {\n    ...commonFilterProps,\n    min: config?.min,\n    max: config?.max,\n    decimal: config?.allowedDecimals,\n  },\n});\n\nexport const createEnumFilter = ({\n  id,\n  fieldId,\n  commonFilterProps,\n  config,\n}: BaseFilterParams & {\n  config: {\n    options?: FilterOption[];\n    selectionMode?: 'single' | 'multiple';\n    optionType?: 'select' | 'radio' | 'checkbox' | 'inlineCheckbox';\n  };\n}): FilterOptions => {\n  const { options, selectionMode, optionType } = config;\n  const data =\n    options?.map((option: FilterOption) => ({\n      id: option.value,\n      name: option.label,\n    })) ?? [];\n\n  const inlineComponentThreshold = 5;\n\n  let component;\n\n  if (selectionMode === 'single') {\n    component =\n      data.length > inlineComponentThreshold\n        ? AutoCompleteFilter\n        : RadioGroupFilter;\n    if (optionType === 'select') {\n      component = AutoCompleteFilter;\n    } else if (optionType === 'radio') {\n      component = RadioGroupFilter;\n    }\n  } else {\n    component =\n      data.length > inlineComponentThreshold\n        ? MultiSelectCheckboxFilter\n        : MultiInlineCheckboxFilter;\n    if (optionType === 'select') {\n      component = MultiSelectCollectionFilter;\n    } else if (optionType === 'inlineCheckbox') {\n      component = MultiInlineCheckboxFilter;\n    } else if (optionType === 'checkbox') {\n      component = MultiSelectCheckboxFilter;\n    }\n  }\n\n  return {\n    key: id,\n    fieldId,\n    filter: idNameArrayFilter(),\n    component,\n    collectionData: data,\n    props: { ...commonFilterProps, data },\n  };\n};\n\nexport const createReferenceFilter = ({\n  id,\n  fieldId,\n  commonFilterProps,\n  config,\n  additionalParams,\n}: BaseFilterParams & {\n  config?: {\n    selectionMode?: 'single' | 'multiple';\n  };\n  additionalParams: {\n    referencedSchema: SchemaConfig;\n  };\n}): FilterOptions => {\n  const component =\n    config?.selectionMode === 'single'\n      ? AutoCompleteFilter\n      : MultiSelectCollectionFilter;\n\n  return {\n    key: id,\n    fieldId,\n    filter: idNameArrayFilter(),\n    component,\n    collectionId: additionalParams.referencedSchema.id,\n    props: commonFilterProps,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/utils/media/getImageUrl.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.getImageUrl = void 0;
+exports.isAbsoluteUrl = isAbsoluteUrl;
+var _sdk = require("@wix/sdk");
+const getImageUrl = image => {
+  if (isAbsoluteUrl(image)) {
+    return image;
+  }
+  return _sdk.media.getImageUrl(image).url;
+};
+exports.getImageUrl = getImageUrl;
+function isAbsoluteUrl(url) {
+  try {
+    const parsed = new URL(url);
+    return !!parsed.protocol && !!parsed.host;
+  } catch {
+    return false;
+  }
+}
+//# sourceMappingURL=getImageUrl.js.map

package/dist/cjs/utils/media/getImageUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_sdk","require","getImageUrl","image","isAbsoluteUrl","media","url","exports","parsed","URL","protocol","host"],"sources":["../../../../src/utils/media/getImageUrl.ts"],"sourcesContent":["import { media } from '@wix/sdk';\n\nexport const getImageUrl = (image: string) => {\n  if (isAbsoluteUrl(image)) {\n    return image;\n  }\n\n  return media.getImageUrl(image).url;\n};\n\nexport function isAbsoluteUrl(url: string): boolean {\n  try {\n    const parsed = new URL(url);\n    return !!parsed.protocol && !!parsed.host;\n  } catch {\n    return false;\n  }\n}\n"],"mappings":";;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AAEO,MAAMC,WAAW,GAAIC,KAAa,IAAK;EAC5C,IAAIC,aAAa,CAACD,KAAK,CAAC,EAAE;IACxB,OAAOA,KAAK;EACd;EAEA,OAAOE,UAAK,CAACH,WAAW,CAACC,KAAK,CAAC,CAACG,GAAG;AACrC,CAAC;AAACC,OAAA,CAAAL,WAAA,GAAAA,WAAA;AAEK,SAASE,aAAaA,CAACE,GAAW,EAAW;EAClD,IAAI;IACF,MAAME,MAAM,GAAG,IAAIC,GAAG,CAACH,GAAG,CAAC;IAC3B,OAAO,CAAC,CAACE,MAAM,CAACE,QAAQ,IAAI,CAAC,CAACF,MAAM,CAACG,IAAI;EAC3C,CAAC,CAAC,MAAM;IACN,OAAO,KAAK;EACd;AACF","ignoreList":[]}

package/dist/esm/components/AutoPatternsApp/AutoPatternsApp.js

@@ -1,22 +1,14 @@
 import React from 'react';
-import { PatternsReactRouter, PatternsReactRoute } from '@wix/patterns';
-import { AutoPatternsPage } from '../AutoPatternsRoute/AutoPatternsPage';
-const pageTypeToRouteType = {
-  collectionPage: 'collection',
-  entityPage: 'editEntity'
-};
+import { RootAppProvider } from '../../providers/RootAppProvider';
+import { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';
 export const AutoPatternsApp = _ref => {
   let {
     configuration
   } = _ref;
-  const routes = configuration.pages.map(page => /*#__PURE__*/React.createElement(PatternsReactRoute, {
-    key: page.routePath,
-    type: pageTypeToRouteType[page.type] ?? 'other',
-    path: page.routePath,
-    element: /*#__PURE__*/React.createElement(AutoPatternsPage, {
-      pageConfig: page
-    })
+  return /*#__PURE__*/React.createElement(RootAppProvider, {
+    appConfig: configuration
+  }, /*#__PURE__*/React.createElement(AutoPatternsRoutes, {
+    config: configuration
   }));
-  return /*#__PURE__*/React.createElement(PatternsReactRouter, null, routes);
 };
 //# sourceMappingURL=AutoPatternsApp.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","PatternsReactRouter","PatternsReactRoute","AutoPatternsPage","pageTypeToRouteType","collectionPage","entityPage","AutoPatternsApp","_ref","configuration","routes","pages","map","page","createElement","key","routePath","type","path","element","pageConfig"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { PatternsReactRouter, PatternsReactRoute } from '@wix/patterns';\nimport { AutoPatternsPage } from '../AutoPatternsRoute/AutoPatternsPage';\nimport type { RouteType } from '@wix/patterns/dist/types/components/Router/types';\n\nexport interface AutoPatternsAppPageProps {\n  configuration: AppConfig;\n}\n\nconst pageTypeToRouteType: Record<string, RouteType> = {\n  collectionPage: 'collection',\n  entityPage: 'editEntity',\n};\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppPageProps> = ({\n  configuration,\n}) => {\n  const routes = configuration.pages.map((page) => (\n    <PatternsReactRoute\n      key={page.routePath}\n      type={pageTypeToRouteType[page.type] ?? 'other'}\n      path={page.routePath}\n      element={<AutoPatternsPage pageConfig={page} />}\n    />\n  ));\n\n  return <PatternsReactRouter>{routes}</PatternsReactRouter>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB,EAAEC,kBAAkB,QAAQ,eAAe;AACvE,SAASC,gBAAgB,QAAQ,uCAAuC;AAOxE,MAAMC,mBAA8C,GAAG;EACrDC,cAAc,EAAE,YAAY;EAC5BC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,eAAmD,GAAGC,IAAA,IAE7D;EAAA,IAF8D;IAClEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAME,MAAM,GAAGD,aAAa,CAACE,KAAK,CAACC,GAAG,CAAEC,IAAI,iBAC1Cb,KAAA,CAAAc,aAAA,CAACZ,kBAAkB;IACjBa,GAAG,EAAEF,IAAI,CAACG,SAAU;IACpBC,IAAI,EAAEb,mBAAmB,CAACS,IAAI,CAACI,IAAI,CAAC,IAAI,OAAQ;IAChDC,IAAI,EAAEL,IAAI,CAACG,SAAU;IACrBG,OAAO,eAAEnB,KAAA,CAAAc,aAAA,CAACX,gBAAgB;MAACiB,UAAU,EAAEP;IAAK,CAAE;EAAE,CACjD,CACF,CAAC;EAEF,oBAAOb,KAAA,CAAAc,aAAA,CAACb,mBAAmB,QAAES,MAA4B,CAAC;AAC5D,CAAC","ignoreList":[]}
+{"version":3,"names":["React","RootAppProvider","AutoPatternsRoutes","AutoPatternsApp","_ref","configuration","createElement","appConfig","config"],"sources":["../../../../src/components/AutoPatternsApp/AutoPatternsApp.tsx"],"sourcesContent":["import React from 'react';\nimport { AppConfig } from '../../types';\nimport { RootAppProvider } from '../../providers/RootAppProvider';\nimport { AutoPatternsRoutes } from '../AutoPatternsRoute/AutoPatternsRoutes';\n\nexport interface AutoPatternsAppPageProps {\n  configuration: AppConfig;\n}\n\nexport const AutoPatternsApp: React.FC<AutoPatternsAppPageProps> = ({\n  configuration,\n}) => {\n  return (\n    <RootAppProvider appConfig={configuration}>\n      <AutoPatternsRoutes config={configuration} />\n    </RootAppProvider>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,eAAe,QAAQ,iCAAiC;AACjE,SAASC,kBAAkB,QAAQ,yCAAyC;AAM5E,OAAO,MAAMC,eAAmD,GAAGC,IAAA,IAE7D;EAAA,IAF8D;IAClEC;EACF,CAAC,GAAAD,IAAA;EACC,oBACEJ,KAAA,CAAAM,aAAA,CAACL,eAAe;IAACM,SAAS,EAAEF;EAAc,gBACxCL,KAAA,CAAAM,aAAA,CAACJ,kBAAkB;IAACM,MAAM,EAAEH;EAAc,CAAE,CAC7B,CAAC;AAEtB,CAAC","ignoreList":[]}

package/dist/esm/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.js

@@ -24,6 +24,7 @@ export const AutoPatternsCollectionPageContent = _ref => {
       case 'Grid':
         if (component.grid) {
           return /*#__PURE__*/React.createElement(AutoPatternsGrid, {
+            key: component.grid.collection.collectionId,
             configuration: component.grid
           });
         }

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

@@ -1 +1 @@
-{"version":3,"names":["React","AutoPatternsTable","AutoPatternsGrid","AutoPatternsCollectionPageContent","_ref","configuration","components","createElement","Fragment","map","component","type","table","key","collection","collectionId","grid"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components.map((component) => {\n        const { type } = component;\n        switch (type) {\n          case 'Table':\n            if (component.table) {\n              return (\n                <AutoPatternsTable\n                  key={component.table.collection.collectionId}\n                  configuration={component.table}\n                />\n              );\n            }\n            return null;\n          case 'Grid':\n            if (component.grid) {\n              return <AutoPatternsGrid configuration={component.grid} />;\n            }\n            return null;\n          default:\n            return null;\n        }\n      })}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD,SAASC,gBAAgB,QAAQ,qBAAqB;AAMtD,OAAO,MAAMC,iCAAiC,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChDC;EACsC,CAAC,GAAAD,IAAA;EACvC,MAAM;IAAEE;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEL,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACGF,UAAU,CAACG,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEZ,KAAA,CAAAO,aAAA,CAACN,iBAAiB;YAChBY,GAAG,EAAEH,SAAS,CAACE,KAAK,CAACE,UAAU,CAACC,YAAa;YAC7CV,aAAa,EAAEK,SAAS,CAACE;UAAM,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIF,SAAS,CAACM,IAAI,EAAE;UAClB,oBAAOhB,KAAA,CAAAO,aAAA,CAACL,gBAAgB;YAACG,aAAa,EAAEK,SAAS,CAACM;UAAK,CAAE,CAAC;QAC5D;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}
+{"version":3,"names":["React","AutoPatternsTable","AutoPatternsGrid","AutoPatternsCollectionPageContent","_ref","configuration","components","createElement","Fragment","map","component","type","table","key","collection","collectionId","grid"],"sources":["../../../../src/components/AutoPatternsCollectionPageContent/AutoPatternsCollectionPageContent.tsx"],"sourcesContent":["import React from 'react';\nimport { AutoPatternsTable } from '../AutoPatternsTable';\nimport { CollectionPageConfig } from '../../types';\nimport { AutoPatternsGrid } from '../AutoPatternsGrid';\n\nexport interface AutoPatternsCollectionPageContentProps {\n  configuration: CollectionPageConfig;\n}\n\nexport const AutoPatternsCollectionPageContent = ({\n  configuration,\n}: AutoPatternsCollectionPageContentProps) => {\n  const { components } = configuration;\n  return (\n    <>\n      {components.map((component) => {\n        const { type } = component;\n        switch (type) {\n          case 'Table':\n            if (component.table) {\n              return (\n                <AutoPatternsTable\n                  key={component.table.collection.collectionId}\n                  configuration={component.table}\n                />\n              );\n            }\n            return null;\n          case 'Grid':\n            if (component.grid) {\n              return (\n                <AutoPatternsGrid\n                  key={component.grid.collection.collectionId}\n                  configuration={component.grid}\n                />\n              );\n            }\n            return null;\n          default:\n            return null;\n        }\n      })}\n    </>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,sBAAsB;AAExD,SAASC,gBAAgB,QAAQ,qBAAqB;AAMtD,OAAO,MAAMC,iCAAiC,GAAGC,IAAA,IAEH;EAAA,IAFI;IAChDC;EACsC,CAAC,GAAAD,IAAA;EACvC,MAAM;IAAEE;EAAW,CAAC,GAAGD,aAAa;EACpC,oBACEL,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAQ,QAAA,QACGF,UAAU,CAACG,GAAG,CAAEC,SAAS,IAAK;IAC7B,MAAM;MAAEC;IAAK,CAAC,GAAGD,SAAS;IAC1B,QAAQC,IAAI;MACV,KAAK,OAAO;QACV,IAAID,SAAS,CAACE,KAAK,EAAE;UACnB,oBACEZ,KAAA,CAAAO,aAAA,CAACN,iBAAiB;YAChBY,GAAG,EAAEH,SAAS,CAACE,KAAK,CAACE,UAAU,CAACC,YAAa;YAC7CV,aAAa,EAAEK,SAAS,CAACE;UAAM,CAChC,CAAC;QAEN;QACA,OAAO,IAAI;MACb,KAAK,MAAM;QACT,IAAIF,SAAS,CAACM,IAAI,EAAE;UAClB,oBACEhB,KAAA,CAAAO,aAAA,CAACL,gBAAgB;YACfW,GAAG,EAAEH,SAAS,CAACM,IAAI,CAACF,UAAU,CAACC,YAAa;YAC5CV,aAAa,EAAEK,SAAS,CAACM;UAAK,CAC/B,CAAC;QAEN;QACA,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC,CACD,CAAC;AAEP,CAAC","ignoreList":[]}

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

@@ -1,44 +1,153 @@
-import React from 'react';
-import { EntityPage, useEntity, useEntityPage } from '@wix/patterns';
+import React, { useMemo, useRef } from 'react';
+import { EntityPage, useEntity, useEntityPage, useEntityPageContext } from '@wix/patterns';
 import { useForm } from '@wix/patterns/form';
-import { Box, Card, Cell } from '@wix/design-system';
-import { FormFieldInput } from './Fields/FormFieldInput';
+import { Card, Cell, Layout } from '@wix/design-system';
 import { useParams } from 'react-router-dom';
 import { useSchema } from '../../providers/SchemaContext';
-export const AutoPatternsEntityPage = _ref => {
+import { FormFieldInput } from './Fields/FormFieldInput';
+import { useNavigation } from '../../hooks';
+import { usePatternsWizardOverridesContext } from '../../providers';
+const RenderLayoutContent = _ref => {
+  var _content$container$ch, _overrides$components;
   let {
-    configuration
+    content,
+    level,
+    sectionId,
+    cardIndex,
+    contentIndex,
+    setInputRef
   } = _ref;
+  const schema = useSchema();
+  const overrides = usePatternsWizardOverridesContext();
+  const pageState = useEntityPageContext();
+  switch (content.type) {
+    case 'field':
+      if (!content.field.fieldId) {
+        return null;
+      }
+      const field = schema.fields[content.field.fieldId];
+      if (!field) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.field.span
+      }, /*#__PURE__*/React.createElement(FormFieldInput, {
+        key: content.field.fieldId,
+        field: field,
+        inputRef: ref => setInputRef(content.field.fieldId, ref)
+      }));
+    case 'container':
+      if (!((_content$container$ch = content.container.children) != null && _content$container$ch.length)) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.container.span
+      }, /*#__PURE__*/React.createElement(Layout, null, content.container.children.map((child, index) => /*#__PURE__*/React.createElement(RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`,
+        content: child,
+        level: level + 1,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef
+      }))));
+    case 'component':
+      if (!content.component.componentId) {
+        return null;
+      }
+      const Component = overrides == null || (_overrides$components = overrides.components) == null ? void 0 : _overrides$components[content.component.componentId];
+      if (!Component) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Cell, {
+        span: content.component.span
+      }, /*#__PURE__*/React.createElement(Component, {
+        form: pageState.form,
+        entity: pageState.entity
+      }));
+    default:
+      return null;
+  }
+};
+const RenderLayoutCard = _ref2 => {
+  var _layout$card$subtitle;
+  let {
+    layout,
+    sectionId,
+    cardIndex,
+    setInputRef
+  } = _ref2;
+  switch (layout.type) {
+    case 'card':
+      return /*#__PURE__*/React.createElement(EntityPage.Card, {
+        minHeight: "50px"
+      }, /*#__PURE__*/React.createElement(Card.Header, {
+        title: layout.card.title.text,
+        subtitle: (_layout$card$subtitle = layout.card.subtitle) == null ? void 0 : _layout$card$subtitle.text
+      }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Layout, null, layout.card.children.map((child, index) => /*#__PURE__*/React.createElement(RenderLayoutContent, {
+        key: `${sectionId}-card-${cardIndex}-content-${index}`,
+        content: child,
+        level: 0,
+        sectionId: sectionId,
+        cardIndex: cardIndex,
+        contentIndex: index,
+        setInputRef: setInputRef
+      })))));
+    default:
+      return null;
+  }
+};
+export const AutoPatternsEntityPage = _ref3 => {
+  var _pageLayout$main, _pageLayout$sidebar;
+  let {
+    configuration
+  } = _ref3;
   const {
     title,
     subtitle,
-    visibleFieldIds = [],
-    collectionPagePath: parentPath
+    layout: pageLayout,
+    parentPageId,
+    route
   } = configuration;
   const form = useForm();
   const params = useParams();
-  const entityId = params.entityId;
+  const entityId = params[route.params.id];
   const schema = useSchema();
+  const inputRefs = useRef({});
+  const setInputRef = (id, input) => {
+    inputRefs.current[id] = input;
+  };
+  const validate = () => {
+    const invalidFieldId = Object.keys(inputRefs.current).find(fieldId => {
+      var _inputRefs$current$fi;
+      return (_inputRefs$current$fi = inputRefs.current[fieldId]) == null ? void 0 : _inputRefs$current$fi.invalid;
+    });
+    if (invalidFieldId) {
+      var _inputRefs$current$in;
+      (_inputRefs$current$in = inputRefs.current[invalidFieldId]) == null || _inputRefs$current$in.focus == null || _inputRefs$current$in.focus();
+      throw new Error('Invalid form');
+    }
+  };
+  const {
+    getParentPagePath
+  } = useNavigation();
+  const parentPath = useMemo(() => getParentPagePath(parentPageId), [parentPageId, getParentPagePath]);
   const state = useEntityPage({
     parentPath,
     form,
     onSave: async () => {
+      validate();
       const formValues = form.getValues();
+      const baseEntity = state.entity || {};
       const updatedEntity = {
-        ...state.entity,
+        ...baseEntity,
         ...formValues
       };
-      let newUpdatedEntity;
-      if (entityId) {
-        newUpdatedEntity = await schema.actions.update(updatedEntity);
-      } else {
-        newUpdatedEntity = await schema.actions.create(updatedEntity);
-      }
+      const newEntity = entityId ? await schema.actions.update(updatedEntity) : await schema.actions.create(updatedEntity);
       return {
-        updatedEntity: newUpdatedEntity
+        updatedEntity: newEntity
       };
     },
-    saveErrorToast: () => 'Failed to save',
     fetch: async () => {
       if (!entityId) {
         return {
@@ -60,21 +169,33 @@ export const AutoPatternsEntityPage = _ref => {
       text: (entity == null ? void 0 : entity[schema.displayField]) ?? 'Edit Entity'
     },
     subtitle: subtitle
-  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, null, /*#__PURE__*/React.createElement(EntityPage.Card, {
-    minHeight: "50px"
-  }, /*#__PURE__*/React.createElement(Card.Header, {
-    title: "Item details",
-    subtitle: "Modify the details of your selected item below"
-  }), /*#__PURE__*/React.createElement(Card.Divider, null), /*#__PURE__*/React.createElement(Card.Content, null, /*#__PURE__*/React.createElement(Box, {
-    gap: "SP2",
-    direction: "vertical"
-  }, visibleFieldIds.map(fieldId => /*#__PURE__*/React.createElement(React.Fragment, {
-    key: fieldId
-  }, /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(FormFieldInput, {
-    key: fieldId,
-    field: schema.fields[fieldId]
-  }))))))))));
+  }), /*#__PURE__*/React.createElement(EntityPage.Content, null, /*#__PURE__*/React.createElement(EntityPage.MainContent, null, pageLayout == null || (_pageLayout$main = pageLayout.main) == null ? void 0 : _pageLayout$main.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+    key: `main-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "main",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef
+  }))), pageLayout != null && pageLayout.sidebar ? /*#__PURE__*/React.createElement(EntityPage.AdditionalContent, null, (_pageLayout$sidebar = pageLayout.sidebar) == null ? void 0 : _pageLayout$sidebar.map((layout, layoutIndex) => /*#__PURE__*/React.createElement(RenderLayoutCard, {
+    key: `sidebar-section-card-${layoutIndex}`,
+    layout: layout,
+    sectionId: "sidebar",
+    cardIndex: layoutIndex,
+    setInputRef: setInputRef
+  }))) : null));
 };
+
+/*
+  Key structure explanation:
+
+  Main cards: main-section-card-{layoutIndex}
+  Sidebar cards: sidebar-section-card-{layoutIndex}
+
+  Layout content:
+  {sectionId}-card-{cardIndex}-content-{contentIndex}
+
+  Nested children:
+  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}
+
+  This ensures uniqueness across all levels and sections.
+*/
 //# sourceMappingURL=AutoPatternsEntityPage.js.map

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","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":[]}
+{"version":3,"names":["React","useMemo","useRef","EntityPage","useEntity","useEntityPage","useEntityPageContext","useForm","Card","Cell","Layout","useParams","useSchema","FormFieldInput","useNavigation","usePatternsWizardOverridesContext","RenderLayoutContent","_ref","_content$container$ch","_overrides$components","content","level","sectionId","cardIndex","contentIndex","setInputRef","schema","overrides","pageState","type","field","fieldId","fields","createElement","span","key","inputRef","ref","container","children","length","map","child","index","component","componentId","Component","components","form","entity","RenderLayoutCard","_ref2","_layout$card$subtitle","layout","minHeight","Header","title","card","text","subtitle","Divider","Content","AutoPatternsEntityPage","_ref3","_pageLayout$main","_pageLayout$sidebar","configuration","pageLayout","parentPageId","route","params","entityId","id","inputRefs","input","current","validate","invalidFieldId","Object","keys","find","_inputRefs$current$fi","invalid","_inputRefs$current$in","focus","Error","getParentPagePath","parentPath","state","onSave","formValues","getValues","baseEntity","updatedEntity","newEntity","actions","update","create","fetch","undefined","get","dataHook","displayField","MainContent","main","layoutIndex","sidebar","AdditionalContent"],"sources":["../../../../src/components/AutoPatternsEntityPage/AutoPatternsEntityPage.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { CardLayout, EntityPageConfig, LayoutContent } from '../../types';\nimport {\n  EntityPage,\n  EntityPageState,\n  useEntity,\n  useEntityPage,\n  useEntityPageContext,\n} from '@wix/patterns';\nimport { useForm } from '@wix/patterns/form';\nimport { Card, Cell, Layout } from '@wix/design-system';\nimport { useParams } from 'react-router-dom';\nimport { useSchema } from '../../providers/SchemaContext';\nimport { BaseInputRef } from './Fields/types';\nimport { FormFieldInput } from './Fields/FormFieldInput';\nimport { useNavigation } from '../../hooks';\nimport { usePatternsWizardOverridesContext } from '../../providers';\n\nconst RenderLayoutContent: React.FC<{\n  content: LayoutContent;\n  level: number;\n  sectionId: string;\n  cardIndex: number;\n  contentIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ content, level, sectionId, cardIndex, contentIndex, setInputRef }) => {\n  const schema = useSchema();\n  const overrides = usePatternsWizardOverridesContext();\n  const pageState = useEntityPageContext();\n\n  switch (content.type) {\n    case 'field':\n      if (!content.field.fieldId) {\n        return null;\n      }\n\n      const field = schema.fields[content.field.fieldId];\n\n      if (!field) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.field.span}>\n          <FormFieldInput\n            key={content.field.fieldId}\n            field={field}\n            inputRef={(ref) => setInputRef(content.field.fieldId, ref)}\n          />\n        </Cell>\n      );\n\n    case 'container':\n      if (!content.container.children?.length) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.container.span}>\n          <Layout>\n            {content.container.children.map((child, index) => (\n              <RenderLayoutContent\n                key={`${sectionId}-card-${cardIndex}-content-${contentIndex}-level-${level}-child-${index}`}\n                content={child}\n                level={level + 1}\n                sectionId={sectionId}\n                cardIndex={cardIndex}\n                contentIndex={index}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </Layout>\n        </Cell>\n      );\n\n    case 'component':\n      if (!content.component.componentId) {\n        return null;\n      }\n\n      const Component = overrides?.components?.[content.component.componentId];\n\n      if (!Component) {\n        return null;\n      }\n\n      return (\n        <Cell span={content.component.span}>\n          <Component\n            form={pageState.form as any}\n            entity={pageState.entity as any as Record<string, any>}\n          />\n        </Cell>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst RenderLayoutCard: React.FC<{\n  layout: CardLayout;\n  sectionId: string;\n  cardIndex: number;\n  setInputRef: (id: string, input: BaseInputRef) => void;\n}> = ({ layout, sectionId, cardIndex, setInputRef }) => {\n  switch (layout.type) {\n    case 'card':\n      return (\n        <EntityPage.Card minHeight=\"50px\">\n          <Card.Header\n            title={layout.card.title.text}\n            subtitle={layout.card.subtitle?.text}\n          />\n          <Card.Divider />\n          <Card.Content>\n            <Layout>\n              {layout.card.children.map((child, index: number) => (\n                <RenderLayoutContent\n                  key={`${sectionId}-card-${cardIndex}-content-${index}`}\n                  content={child}\n                  level={0}\n                  sectionId={sectionId}\n                  cardIndex={cardIndex}\n                  contentIndex={index}\n                  setInputRef={setInputRef}\n                />\n              ))}\n            </Layout>\n          </Card.Content>\n        </EntityPage.Card>\n      );\n    default:\n      return null;\n  }\n};\n\nexport interface AutoPatternsEntityPageProps {\n  configuration: EntityPageConfig;\n}\n\nexport const AutoPatternsEntityPage: React.FC<AutoPatternsEntityPageProps> = ({\n  configuration,\n}) => {\n  const {\n    title,\n    subtitle,\n    layout: pageLayout,\n    parentPageId,\n    route,\n  } = configuration;\n\n  const form = useForm<any>();\n  const params = useParams();\n  const entityId = params[route.params.id];\n  const schema = useSchema();\n\n  const inputRefs = useRef<{ [fieldId: string]: BaseInputRef }>({});\n\n  const setInputRef = (id: string, input: BaseInputRef) => {\n    inputRefs.current[id] = input;\n  };\n\n  const validate = () => {\n    const invalidFieldId = Object.keys(inputRefs.current).find((fieldId) => {\n      return inputRefs.current[fieldId]?.invalid;\n    });\n\n    if (invalidFieldId) {\n      inputRefs.current[invalidFieldId]?.focus?.();\n      throw new Error('Invalid form');\n    }\n  };\n  const { getParentPagePath } = useNavigation();\n\n  const parentPath = useMemo(\n    () => getParentPagePath(parentPageId),\n    [parentPageId, getParentPagePath],\n  );\n\n  const state: EntityPageState<any> = useEntityPage<any, any>({\n    parentPath,\n    form,\n    onSave: async () => {\n      validate();\n\n      const formValues = form.getValues();\n      const baseEntity = state.entity || {};\n      const updatedEntity = {\n        ...baseEntity,\n        ...formValues,\n      };\n\n      const newEntity = entityId\n        ? await schema.actions.update(updatedEntity)\n        : await schema.actions.create(updatedEntity);\n\n      return { updatedEntity: newEntity };\n    },\n    fetch: async () => {\n      if (!entityId) {\n        return { entity: undefined };\n      }\n      const entity = await schema.actions.get(entityId);\n      return { entity };\n    },\n  });\n\n  const entity = useEntity(state);\n\n  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          {pageLayout?.main?.map((layout, layoutIndex) => (\n            <RenderLayoutCard\n              key={`main-section-card-${layoutIndex}`}\n              layout={layout}\n              sectionId=\"main\"\n              cardIndex={layoutIndex}\n              setInputRef={setInputRef}\n            />\n          ))}\n        </EntityPage.MainContent>\n        {pageLayout?.sidebar ? (\n          <EntityPage.AdditionalContent>\n            {pageLayout.sidebar?.map((layout, layoutIndex) => (\n              <RenderLayoutCard\n                key={`sidebar-section-card-${layoutIndex}`}\n                layout={layout}\n                sectionId=\"sidebar\"\n                cardIndex={layoutIndex}\n                setInputRef={setInputRef}\n              />\n            ))}\n          </EntityPage.AdditionalContent>\n        ) : null}\n      </EntityPage.Content>\n    </EntityPage>\n  );\n};\n\n/*\n  Key structure explanation:\n\n  Main cards: main-section-card-{layoutIndex}\n  Sidebar cards: sidebar-section-card-{layoutIndex}\n\n  Layout content:\n  {sectionId}-card-{cardIndex}-content-{contentIndex}\n\n  Nested children:\n  {sectionId}-card-{cardIndex}-content-{parentContentIndex}-level-{level}-child-{childIndex}\n\n  This ensures uniqueness across all levels and sections.\n*/\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,18 +1,38 @@
 import React, { useRef, useState } from 'react';
 import { FormField, DatePicker } from '@wix/design-system';
 import { getDateWithoutTimezone, getISODateStringWithFixedTimezone } from './utils/dates';
+import { useSelector, useWixPatternsContainer } from '@wix/patterns';
 export const DateInput = props => {
+  var _field$validation;
   const {
     field,
     value,
-    onChange
+    onChange,
+    dataHook,
+    inputRef
   } = props;
+  const {
+    translate: t,
+    ...container
+  } = useWixPatternsContainer();
+  useSelector(() => container.initTask.status);
   const [date, setDate] = useState(() => value ? getDateWithoutTimezone(getISODateStringWithFixedTimezone(value)) : undefined);
   const ref = useRef({});
   const [statusMessage, setStatusMessage] = useState('');
   return /*#__PURE__*/React.createElement(FormField, {
-    label: field.displayName
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook
   }, /*#__PURE__*/React.createElement(DatePicker, {
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      // TODO: PR to WSR needed to expose as public API
+      // @ts-expect-error
+      ref.current.focus = () => {
+        var _internalRef$state;
+        return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
+      };
+    },
     dataHook: `date-${field.id}`,
     width: "100%",
     value: date,
@@ -24,7 +44,8 @@ export const DateInput = props => {
     onValidate: _ref => {
       let {
         validationType,
-        value: newValue
+        value: newValue,
+        format
       } = _ref;
       if (validationType === 'valid') {
         setStatusMessage('');
@@ -35,7 +56,9 @@ export const DateInput = props => {
         setStatusMessage('');
         ref.current.invalid = false;
       } else {
-        setStatusMessage('Invalid date');
+        setStatusMessage(t('cairo.customFields.fieldType.date.invalid.value', {
+          dateFormat: format ?? ''
+        }));
         ref.current.invalid = true;
       }
     },

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

@@ -1 +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":[]}
+{"version":3,"names":["React","useRef","useState","FormField","DatePicker","getDateWithoutTimezone","getISODateStringWithFixedTimezone","useSelector","useWixPatternsContainer","DateInput","props","_field$validation","field","value","onChange","dataHook","inputRef","translate","t","container","initTask","status","date","setDate","undefined","ref","statusMessage","setStatusMessage","createElement","label","displayName","required","validation","internalRef","current","focus","_internalRef$state","state","id","width","newValue","formattedDate","split","onValidate","_ref","validationType","format","invalid","dateFormat"],"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';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, value, onChange, dataHook, inputRef } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\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\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // TODO: PR to WSR needed to expose as public API\n          // @ts-expect-error\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          const formattedDate = getISODateStringWithFixedTimezone(newValue);\n          setDate(newValue);\n          onChange(formattedDate.split('T')[0]);\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\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(\n              t('cairo.customFields.fieldType.date.invalid.value', {\n                dateFormat: format ?? '',\n              }),\n            );\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":[]}