@wix/auto-patterns 1.44.0 → 1.46.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_schema","_ReferenceAvatar","_jsxFileName","MultiReferenceViewField","field","value","_field$referenceMetad","getSchema","useSchemaRegistry","referencedCollectionId","referenceMetadata","refSchema","default","createElement","Text","__self","__source","fileName","lineNumber","columnNumber","rawItems","Array","isArray","tags","map","item","name","image","extractReferenceDisplayValues","id","String","idField","children","thumb","Box","align","verticalAlign","position","top","left","ReferenceAvatar","undefined","removable","dataHook","direction","TagList","size","exports"],"sources":["../../../../src/components/MultiReferenceViewField/MultiReferenceViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, TagList, Text } from '@wix/design-system';\nimport type { MultiReferenceField } from '../../types';\nimport { useSchemaRegistry } from '../../providers';\nimport { extractReferenceDisplayValues } from '../../utils/schema';\nimport { ReferenceAvatar } from '../ReferenceAvatar';\n\nexport interface MultiReferenceViewFieldProps {\n  field: MultiReferenceField;\n  value: unknown;\n}\n\nexport const MultiReferenceViewField: React.FC<\n  MultiReferenceViewFieldProps\n> = ({ field, value }) => {\n  const { getSchema } = useSchemaRegistry();\n  const referencedCollectionId =\n    field.referenceMetadata?.referencedCollectionId;\n  const refSchema = referencedCollectionId\n    ? getSchema(referencedCollectionId)\n    : null;\n\n  if (!refSchema) {\n    return <Text>-</Text>;\n  }\n\n  const rawItems = Array.isArray(value) ? value : [];\n\n  const tags = rawItems.map((item) => {\n    const { name, image } = extractReferenceDisplayValues(item, refSchema);\n    const id =\n      typeof item === 'object' && item\n        ? String((item as Record<string, unknown>)[refSchema.idField] || '')\n        : '';\n\n    return {\n      id,\n      children: name || '-',\n      thumb: name ? (\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          position=\"absolute\"\n          top=\"calc(50% - 12px)\"\n          left=\"calc(50% - 12px)\"\n        >\n          <ReferenceAvatar name={name} image={image} />\n        </Box>\n      ) : undefined,\n      removable: false,\n      dataHook: `multi-reference-tag-${field.id}-${id}`,\n    };\n  });\n\n  return (\n    <Box direction=\"vertical\">\n      <TagList\n        dataHook={`multi-reference-view-field-${field.id}`}\n        tags={tags}\n        size=\"medium\"\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiReferenceViewField/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiReferenceViewField = void 0;
+var _MultiReferenceViewField = require("./MultiReferenceViewField");
+exports.MultiReferenceViewField = _MultiReferenceViewField.MultiReferenceViewField;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/MultiReferenceViewField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MultiReferenceViewField","require","exports","MultiReferenceViewField"],"sources":["../../../../src/components/MultiReferenceViewField/index.ts"],"sourcesContent":["export {\n  MultiReferenceViewField,\n  type MultiReferenceViewFieldProps,\n} from './MultiReferenceViewField';\n"],"mappings":";;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAGmCC,OAAA,CAAAC,uBAAA,GAAAH,wBAAA,CAAAG,uBAAA","ignoreList":[]}

package/dist/cjs/components/ReferenceAvatar/ReferenceAvatar.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ReferenceAvatar = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _getImageUrl = require("../../utils/media/getImageUrl");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/ReferenceAvatar/ReferenceAvatar.tsx";
+const ReferenceAvatar = ({
+  name,
+  image
+}) => {
+  const src = (0, _getImageUrl.getImageUrl)(image);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Avatar, {
+    size: "size24",
+    name: !src ? name : undefined,
+    imgProps: {
+      src,
+      style: {
+        objectFit: 'cover'
+      }
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 5
+    }
+  });
+};
+exports.ReferenceAvatar = ReferenceAvatar;
+//# sourceMappingURL=ReferenceAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_getImageUrl","_jsxFileName","ReferenceAvatar","name","image","src","getImageUrl","default","createElement","Avatar","size","undefined","imgProps","style","objectFit","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/ReferenceAvatar/ReferenceAvatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar } from '@wix/design-system';\nimport { getImageUrl } from '../../utils/media/getImageUrl';\n\nexport interface ReferenceAvatarProps {\n  name?: string;\n  image?: string;\n}\n\nexport const ReferenceAvatar: React.FC<ReferenceAvatarProps> = ({\n  name,\n  image,\n}) => {\n  const src = getImageUrl(image);\n\n  return (\n    <Avatar\n      size=\"size24\"\n      name={!src ? name : undefined}\n      imgProps={{ src, style: { objectFit: 'cover' } }}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA4D,IAAAG,YAAA;AAOrD,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC,IAAI;EACJC;AACF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAG,IAAAC,wBAAW,EAACF,KAAK,CAAC;EAE9B,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAU,MAAM;IACLC,IAAI,EAAC,QAAQ;IACbP,IAAI,EAAE,CAACE,GAAG,GAAGF,IAAI,GAAGQ,SAAU;IAC9BC,QAAQ,EAAE;MAAEP,GAAG;MAAEQ,KAAK,EAAE;QAAEC,SAAS,EAAE;MAAQ;IAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClD,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAlB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/ReferenceAvatar/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ReferenceAvatar = void 0;
+var _ReferenceAvatar = require("./ReferenceAvatar");
+exports.ReferenceAvatar = _ReferenceAvatar.ReferenceAvatar;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ReferenceAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ReferenceAvatar","require","exports","ReferenceAvatar"],"sources":["../../../../src/components/ReferenceAvatar/index.ts"],"sourcesContent":["export { ReferenceAvatar, type ReferenceAvatarProps } from './ReferenceAvatar';\n\n"],"mappings":";;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAA+EC,OAAA,CAAAC,eAAA,GAAAH,gBAAA,CAAAG,eAAA","ignoreList":[]}

package/dist/cjs/components/ReferenceFooter/ReferenceFooter.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ReferenceFooter = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patterns = require("@wix/patterns");
+var _AutoPatternsAppContainerProvider = require("../AutoPatternsApp/AutoPatternsAppContainerProvider");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/ReferenceFooter/ReferenceFooter.tsx";
+const ReferenceFooter = ({
+  collection
+}) => {
+  const {
+    translate: t
+  } = (0, _AutoPatternsAppContainerProvider.useAutoPatternsAppContainer)();
+  const showInitialLoader = (0, _patterns.useSelector)(() => collection.showInitialLoader || collection.result.status.isLoading);
+  const showEmptyState = (0, _patterns.useSelector)(() => collection.showEmptyState);
+  const hasAvailableItems = (0, _patterns.useSelector)(() => collection.hasAvailableItems);
+  const getEmptyStateText = () => hasAvailableItems ? t('auto-patterns.fields.no_results_found') : t('auto-patterns.fields.no_items');
+  if (showInitialLoader) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      dataHook: "initial-loader",
+      verticalAlign: "middle",
+      align: "center",
+      direction: "vertical",
+      width: "100%",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      padding: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 36,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      size: "small",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 37,
+        columnNumber: 11
+      }
+    })));
+  }
+  if (showEmptyState) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      dataHook: "empty-state",
+      verticalAlign: "middle",
+      align: "center",
+      direction: "vertical",
+      width: "100%",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      padding: "SP2",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      dataHook: "empty-state-text",
+      secondary: true,
+      size: "small",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 53,
+        columnNumber: 11
+      }
+    }, getEmptyStateText())));
+  }
+  return null;
+};
+exports.ReferenceFooter = ReferenceFooter;
+//# sourceMappingURL=ReferenceFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_patterns","_AutoPatternsAppContainerProvider","_jsxFileName","ReferenceFooter","collection","translate","t","useAutoPatternsAppContainer","showInitialLoader","useSelector","result","status","isLoading","showEmptyState","hasAvailableItems","getEmptyStateText","default","createElement","Box","dataHook","verticalAlign","align","direction","width","__self","__source","fileName","lineNumber","columnNumber","padding","Loader","size","Text","secondary","exports"],"sources":["../../../../src/components/ReferenceFooter/ReferenceFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Loader, Text } from '@wix/design-system';\nimport { useSelector } from '@wix/patterns';\nimport type { CollectionState } from '@wix/patterns';\nimport { useAutoPatternsAppContainer } from '../AutoPatternsApp/AutoPatternsAppContainerProvider';\n\nexport interface ReferenceFooterProps {\n  collection: CollectionState<any, any>;\n}\n\nexport const ReferenceFooter: React.FC<ReferenceFooterProps> = ({\n  collection,\n}) => {\n  const { translate: t } = useAutoPatternsAppContainer();\n\n  const showInitialLoader = useSelector(\n    () => collection.showInitialLoader || collection.result.status.isLoading,\n  );\n  const showEmptyState = useSelector(() => collection.showEmptyState);\n  const hasAvailableItems = useSelector(() => collection.hasAvailableItems);\n\n  const getEmptyStateText = () =>\n    hasAvailableItems\n      ? t('auto-patterns.fields.no_results_found')\n      : t('auto-patterns.fields.no_items');\n\n  if (showInitialLoader) {\n    return (\n      <Box\n        dataHook=\"initial-loader\"\n        verticalAlign=\"middle\"\n        align=\"center\"\n        direction=\"vertical\"\n        width=\"100%\"\n      >\n        <Box padding=\"SP2\">\n          <Loader size=\"small\" />\n        </Box>\n      </Box>\n    );\n  }\n\n  if (showEmptyState) {\n    return (\n      <Box\n        dataHook=\"empty-state\"\n        verticalAlign=\"middle\"\n        align=\"center\"\n        direction=\"vertical\"\n        width=\"100%\"\n      >\n        <Box padding=\"SP2\">\n          <Text dataHook=\"empty-state-text\" secondary size=\"small\">\n            {getEmptyStateText()}\n          </Text>\n        </Box>\n      </Box>\n    );\n  }\n\n  return null;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,IAAAG,iCAAA,GAAAH,OAAA;AAAkG,IAAAI,YAAA;AAM3F,MAAMC,eAA+C,GAAGA,CAAC;EAC9DC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,6DAA2B,EAAC,CAAC;EAEtD,MAAMC,iBAAiB,GAAG,IAAAC,qBAAW,EACnC,MAAML,UAAU,CAACI,iBAAiB,IAAIJ,UAAU,CAACM,MAAM,CAACC,MAAM,CAACC,SACjE,CAAC;EACD,MAAMC,cAAc,GAAG,IAAAJ,qBAAW,EAAC,MAAML,UAAU,CAACS,cAAc,CAAC;EACnE,MAAMC,iBAAiB,GAAG,IAAAL,qBAAW,EAAC,MAAML,UAAU,CAACU,iBAAiB,CAAC;EAEzE,MAAMC,iBAAiB,GAAGA,CAAA,KACxBD,iBAAiB,GACbR,CAAC,CAAC,uCAAuC,CAAC,GAC1CA,CAAC,CAAC,+BAA+B,CAAC;EAExC,IAAIE,iBAAiB,EAAE;IACrB,oBACEZ,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;MACFC,QAAQ,EAAC,gBAAgB;MACzBC,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,QAAQ;MACdC,SAAS,EAAC,UAAU;MACpBC,KAAK,EAAC,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEZhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;MAACW,OAAO,EAAC,KAAK;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAChBhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAA+B,MAAM;MAACC,IAAI,EAAC,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACnB,CACF,CAAC;EAEV;EAEA,IAAIf,cAAc,EAAE;IAClB,oBACEjB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;MACFC,QAAQ,EAAC,aAAa;MACtBC,aAAa,EAAC,QAAQ;MACtBC,KAAK,EAAC,QAAQ;MACdC,SAAS,EAAC,UAAU;MACpBC,KAAK,EAAC,MAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEZhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,GAAG;MAACW,OAAO,EAAC,KAAK;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAChBhC,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAiC,IAAI;MAACb,QAAQ,EAAC,kBAAkB;MAACc,SAAS;MAACF,IAAI,EAAC,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACrDb,iBAAiB,CAAC,CACf,CACH,CACF,CAAC;EAEV;EAEA,OAAO,IAAI;AACb,CAAC;AAACmB,OAAA,CAAA/B,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/ReferenceViewField/ReferenceViewField.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ReferenceViewField = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _providers = require("../../providers");
+var _schema = require("../../utils/schema");
+var _ReferenceAvatar = require("../ReferenceAvatar");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/ReferenceViewField/ReferenceViewField.tsx";
+const ReferenceViewField = ({
+  field,
+  value
+}) => {
+  var _field$referenceMetad;
+  const {
+    getSchema
+  } = (0, _providers.useSchemaRegistry)();
+  const referencedCollectionId = (_field$referenceMetad = field.referenceMetadata) == null ? void 0 : _field$referenceMetad.referencedCollectionId;
+  const refSchema = referencedCollectionId ? getSchema(referencedCollectionId) : null;
+  if (!refSchema) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 25,
+        columnNumber: 12
+      }
+    }, "-");
+  }
+  const {
+    name,
+    image
+  } = (0, _schema.extractReferenceDisplayValues)(value, refSchema);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP2",
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  }, name && /*#__PURE__*/_react.default.createElement(_ReferenceAvatar.ReferenceAvatar, {
+    name: name,
+    image: image,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 16
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 7
+    }
+  }, name || '-'));
+};
+exports.ReferenceViewField = ReferenceViewField;
+//# sourceMappingURL=ReferenceViewField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_schema","_ReferenceAvatar","_jsxFileName","ReferenceViewField","field","value","_field$referenceMetad","getSchema","useSchemaRegistry","referencedCollectionId","referenceMetadata","refSchema","default","createElement","Text","__self","__source","fileName","lineNumber","columnNumber","name","image","extractReferenceDisplayValues","Box","gap","verticalAlign","ReferenceAvatar","exports"],"sources":["../../../../src/components/ReferenceViewField/ReferenceViewField.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { ReferenceField } from '../../types';\nimport { useSchemaRegistry } from '../../providers';\nimport { extractReferenceDisplayValues } from '../../utils/schema';\nimport { ReferenceAvatar } from '../ReferenceAvatar';\n\nexport interface ReferenceViewFieldProps {\n  field: ReferenceField;\n  value: unknown;\n}\n\nexport const ReferenceViewField: React.FC<ReferenceViewFieldProps> = ({\n  field,\n  value,\n}) => {\n  const { getSchema } = useSchemaRegistry();\n  const referencedCollectionId =\n    field.referenceMetadata?.referencedCollectionId;\n  const refSchema = referencedCollectionId\n    ? getSchema(referencedCollectionId)\n    : null;\n\n  if (!refSchema) {\n    return <Text>-</Text>;\n  }\n\n  const { name, image } = extractReferenceDisplayValues(value, refSchema);\n\n  return (\n    <Box gap=\"SP2\" verticalAlign=\"middle\">\n      {name && <ReferenceAvatar name={name} image={image} />}\n      <Text>{name || '-'}</Text>\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAqD,IAAAK,YAAA;AAO9C,MAAMC,kBAAqD,GAAGA,CAAC;EACpEC,KAAK;EACLC;AACF,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACzC,MAAMC,sBAAsB,IAAAH,qBAAA,GAC1BF,KAAK,CAACM,iBAAiB,qBAAvBJ,qBAAA,CAAyBG,sBAAsB;EACjD,MAAME,SAAS,GAAGF,sBAAsB,GACpCF,SAAS,CAACE,sBAAsB,CAAC,GACjC,IAAI;EAER,IAAI,CAACE,SAAS,EAAE;IACd,oBAAOhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,IAAI;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GAAO,CAAC;EACvB;EAEA,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAG,IAAAC,qCAA6B,EAACjB,KAAK,EAAEM,SAAS,CAAC;EAEvE,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAyB,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClCC,IAAI,iBAAIzB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAyB,eAAe;IAACN,IAAI,EAAEA,IAAK;IAACC,KAAK,EAAEA,KAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACtDxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,IAAI;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEC,IAAI,IAAI,GAAU,CACtB,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAxB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/ReferenceViewField/index.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ReferenceViewField = void 0;
+var _ReferenceViewField = require("./ReferenceViewField");
+exports.ReferenceViewField = _ReferenceViewField.ReferenceViewField;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ReferenceViewField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ReferenceViewField","require","exports","ReferenceViewField"],"sources":["../../../../src/components/ReferenceViewField/index.ts"],"sourcesContent":["export {\n  ReferenceViewField,\n  type ReferenceViewFieldProps,\n} from './ReferenceViewField';\n\n"],"mappings":";;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAG8BC,OAAA,CAAAC,kBAAA,GAAAH,mBAAA,CAAAG,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Address = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _cmsFields = require("../../cms-fields");
+var _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Address.tsx";
+const Address = props => {
+  var _pageState$entity, _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook
+  } = props;
+  const {
+    translate: pt
+  } = (0, _patterns.useWixPatternsContainer)();
+  const pageState = (0, _patterns.useEntityPageContext)();
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: pageState.form.control,
+    defaultValue: (_pageState$entity = pageState.entity) == null ? void 0 : _pageState$entity[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (value === null || value === undefined || value === '')) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_cmsFields.FormAddressInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    dataHook: `address-${field.id}`,
+    field: field.id,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 7
+    }
+  }));
+};
+exports.Address = Address;
+//# sourceMappingURL=Address.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_cmsFields","_patterns","_form","_jsxFileName","Address","props","_pageState$entity","_field$validation2","_controller$fieldStat","field","dataHook","translate","pt","useWixPatternsContainer","pageState","useEntityPageContext","controller","useController","name","id","control","form","defaultValue","entity","rules","validate","value","_field$validation","validation","required","undefined","default","createElement","FormField","label","displayName","status","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormAddressInput","autoFocus","data","onChange","exports"],"sources":["../../../../src/components/fields/Address.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { BaseInputProps } from './types';\nimport { Address as AddressType, FormAddressInput } from '../../cms-fields';\nimport { useEntityPageContext, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\n\nexport interface AddressProps extends BaseInputProps<AddressType> {}\n\nexport const Address = (props: AddressProps) => {\n  const { field, dataHook } = props;\n\n  const { translate: pt } = useWixPatternsContainer();\n\n  const pageState = useEntityPageContext();\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: pageState.form.control,\n    defaultValue: (pageState.entity as any)?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        if (\n          field.validation?.required &&\n          (value === null || value === undefined || value === '')\n        ) {\n          return pt('cairo.fieldValidation.requiredField');\n        }\n\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormAddressInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        dataHook={`address-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAmD,IAAAK,YAAA;AAI5C,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAAA,IAAAC,iBAAA,EAAAC,kBAAA,EAAAC,qBAAA;EAC9C,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEjC,MAAM;IAAEM,SAAS,EAAEC;EAAG,CAAC,GAAG,IAAAC,iCAAuB,EAAC,CAAC;EAEnD,MAAMC,SAAS,GAAG,IAAAC,8BAAoB,EAAC,CAAC;EAExC,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAT,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,SAAS,CAACO,IAAI,CAACD,OAAO;IAC/BE,YAAY,GAAAhB,iBAAA,GAAGQ,SAAS,CAACS,MAAM,qBAAjBjB,iBAAA,CAA4B,CAAAG,KAAK,oBAALA,KAAK,CAAEU,EAAE,KAAI,EAAE,CAAC;IAC1DK,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IACE,CAAAA,iBAAA,GAAAlB,KAAK,CAACmB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,KACzBH,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAKI,SAAS,IAAIJ,KAAK,KAAK,EAAE,CAAC,EACvD;UACA,OAAOd,EAAE,CAAC,qCAAqC,CAAC;QAClD;QAEA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEhB,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAACjC,aAAA,CAAAkC,SAAS;IACRC,KAAK,EAAEzB,KAAK,CAAC0B,WAAY;IACzBN,QAAQ,GAAAtB,kBAAA,GAAEE,KAAK,CAACmB,UAAU,qBAAhBrB,kBAAA,CAAkBsB,QAAS;IACrCO,MAAM,EAAEpB,UAAU,CAACqB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGR,SAAU;IAC1DS,aAAa,GAAA/B,qBAAA,GAAEQ,UAAU,CAACqB,UAAU,CAACC,KAAK,qBAA3B9B,qBAAA,CAA6BgC,OAAQ;IACpD9B,QAAQ,EAAEA,QAAS;IAAA+B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBjD,MAAA,CAAAmC,OAAA,CAAAC,aAAA,CAAChC,UAAA,CAAA8C,gBAAgB;IACfC,SAAS,EAAE,KAAM;IACjBC,IAAI,EAAEhC,UAAU,CAACP,KAAK,CAACiB,KAAM;IAC7BuB,QAAQ,EAAGvB,KAAK,IAAKV,UAAU,CAACP,KAAK,CAACwC,QAAQ,oBAAzBjC,UAAU,CAACP,KAAK,CAACwC,QAAQ,CAAGvB,KAAK,CAAE;IACxDhB,QAAQ,EAAE,WAAWD,KAAK,CAACU,EAAE,EAAG;IAChCV,KAAK,EAAEA,KAAK,CAACU,EAAG;IAAAsB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CACQ,CAAC;AAEhB,CAAC;AAACK,OAAA,CAAA9C,OAAA,GAAAA,OAAA","ignoreList":[]}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Checkbox = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/Checkbox.tsx";
+const Checkbox = props => {
+  const {
+    field,
+    onChange,
+    value
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+    checked: value,
+    onChange: e => {
+      onChange(e.target.checked);
+    },
+    dataHook: `checkbox-${field.id}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 5
+    }
+  }, field.displayName);
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"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/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/fields/DateInput.js

@@ -0,0 +1,110 @@
+"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 _patterns = require("@wix/patterns");
+var _form = require("@wix/patterns/form");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/components/fields/DateInput.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function validateDateField(value, validation, t, format, validationType) {
+  if (validation != null && validation.required && (value === null || value === undefined || value === '')) {
+    return t('cairo.fieldValidation.requiredField');
+  } else if (validationType === 'formatError' && format) {
+    return t('cairo.customFields.fieldType.date.invalid.value', {
+      dateFormat: format
+    });
+  }
+  return '';
+}
+const DateInput = props => {
+  var _field$validation;
+  const {
+    field,
+    dataHook,
+    inputRef,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: t,
+    ...container
+  } = (0, _patterns.useWixPatternsContainer)();
+  (0, _patterns.useSelector)(() => container.initTask.status);
+  const controller = (0, _form.useController)({
+    name: (field == null ? void 0 : field.id) ?? '',
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[(field == null ? void 0 : field.id) ?? ''],
+    rules: {
+      validate: value => {
+        const error = validateDateField(value, field.validation, t);
+        return error || true;
+      }
+    }
+  });
+  const [date, setDate] = (0, _react.useState)(() => {
+    if (controller.field.value) {
+      return (0, _dates.getDateWithoutTimezone)((0, _dates.getISODateStringWithFixedTimezone)(controller.field.value));
+    }
+    return undefined;
+  });
+  const ref = (0, _react.useRef)({});
+  const [errorMessage, setErrorMessage] = (0, _react.useState)('');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation = field.validation) == null ? void 0 : _field$validation.required,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    ref: internalRef => {
+      inputRef == null || inputRef(ref.current);
+      // @ts-expect-error: WSR internal API hack for focusing
+      ref.current.focus = () => {
+        var _internalRef$state;
+        return internalRef == null || (_internalRef$state = internalRef.state) == null || (_internalRef$state = _internalRef$state.inputRef) == null || _internalRef$state.focus == null ? void 0 : _internalRef$state.focus();
+      };
+    },
+    dataHook: `date-${field.id}`,
+    width: "100%",
+    value: date,
+    onChange: newValue => {
+      setDate(newValue);
+      if (newValue) {
+        const formattedDate = (0, _dates.getISODateStringWithFixedTimezone)(newValue);
+        controller.field.onChange(formattedDate.split('T')[0]);
+      } else {
+        controller.field.onChange(null);
+      }
+    },
+    onValidate: ({
+      validationType,
+      value: newValue,
+      format
+    }) => {
+      const error = validateDateField(newValue, field.validation, t, format, validationType);
+      setErrorMessage(error);
+      ref.current.invalid = !!error;
+      if (validationType === 'formatError' && newValue === '') {
+        setDate(undefined);
+        controller.field.onChange(null);
+      }
+    },
+    status: errorMessage ? 'error' : undefined,
+    statusMessage: errorMessage,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 7
+    }
+  }));
+};
+exports.DateInput = DateInput;
+//# sourceMappingURL=DateInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_dates","_patterns","_form","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","validateDateField","value","validation","format","validationType","required","undefined","dateFormat","DateInput","props","_field$validation","field","dataHook","inputRef","formControl","data","translate","container","useWixPatternsContainer","useSelector","initTask","status","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","getDateWithoutTimezone","getISODateStringWithFixedTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","current","focus","_internalRef$state","state","width","onChange","newValue","formattedDate","split","onValidate","invalid","statusMessage","exports"],"sources":["../../../../src/components/fields/DateInput.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './utils/dates';\nimport { BaseInputProps, BaseInputRef } from './types';\nimport { useSelector, useWixPatternsContainer } from '@wix/patterns';\nimport { useController } from '@wix/patterns/form';\nimport { Translate } from '@wix/patterns/core';\n\nexport interface DateProps extends BaseInputProps<string | null> {}\n\nfunction validateDateField(\n  value: string | null | undefined,\n  validation: DateProps['field']['validation'],\n  t: Translate,\n  format?: string,\n  validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n) {\n  if (\n    validation?.required &&\n    (value === null || value === undefined || value === '')\n  ) {\n    return t('cairo.fieldValidation.requiredField');\n  } else if (validationType === 'formatError' && format) {\n    return t('cairo.customFields.fieldType.date.invalid.value', {\n      dateFormat: format,\n    });\n  }\n\n  return '';\n}\n\nexport const DateInput = (props: DateProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = validateDateField(value, field.validation, t);\n        return error || true;\n      },\n    },\n  });\n\n  const [date, setDate] = useState<Date | undefined>(() => {\n    if (controller.field.value) {\n      return getDateWithoutTimezone(\n        getISODateStringWithFixedTimezone(controller.field.value),\n      );\n    }\n    return undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          // @ts-expect-error: WSR internal API hack for focusing\n          ref.current.focus = () => internalRef?.state?.inputRef?.focus?.();\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          if (newValue) {\n            const formattedDate = getISODateStringWithFixedTimezone(newValue);\n            controller.field.onChange(formattedDate.split('T')[0]);\n          } else {\n            controller.field.onChange(null);\n          }\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = validateDateField(\n            newValue,\n            field.validation,\n            t,\n            format,\n            validationType,\n          );\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n"],"mappings":"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","ignoreList":[]}