@wix/patterns 1.427.0 → 1.431.0

package/dist/cjs/components/EntityPageFields/EntityPageField.js

@@ -0,0 +1,154 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EntityPageField = EntityPageField;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _EntityPageReferenceField = require("./EntityPageReferenceField");
+var _patternsFields = require("@wix/patterns-fields");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageField.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); }
+// Heavy renderers pull large editors (Ricos, draft-js) and media SDKs
+// (@wix/media). Loading them lazily keeps that weight out of the @wix/patterns
+// main bundle — it moves into an async chunk fetched only when an entity page
+// first renders a field of that type. @wix/patterns-fields is side-effect-free,
+// so a dynamic import of one heavy export splits into its own chunk even though
+// the light renderers above are imported statically from the same package.
+// FormDocument, FormMediaGallery, and FormRichContent are not on the package
+// main entry — they ship from their own subpaths. Mirrors the FieldCell.tsx
+// pattern.
+function lazyField(load) {
+  const Lazy = /*#__PURE__*/_react.default.lazy(load);
+  return function LazyField(props) {
+    return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      fallback: null,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(Lazy, (0, _extends2.default)({}, props, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 40,
+        columnNumber: 9
+      }
+    })));
+  };
+}
+const FormAudio = lazyField(async () => ({
+  default: (await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields')))).FormAudio
+}));
+const FormRichText = lazyField(async () => ({
+  default: (await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields')))).FormRichText
+}));
+const FormMultiDocument = lazyField(async () => ({
+  default: (await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields')))).FormMultiDocument
+}));
+const FormDocument = lazyField(async () => ({
+  default: (await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields/form-document-field')))).FormDocument
+}));
+const FormMediaGallery = lazyField(async () => ({
+  default: (await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields/form-media-gallery-field')))).FormMediaGallery
+}));
+const FormRichContent = lazyField(async () => ({
+  default: (await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields/form-rich-content-input')))).FormRichContent
+}));
+
+// REFERENCE / MULTI_REFERENCE are not here — they need referenced-collection
+// data, so EntityPageField routes them through EntityPageReferenceField instead
+// of this dispatcher.
+const FIELD_INPUTS = {
+  SHORT_TEXT: _patternsFields.FormShortText,
+  UNKNOWN: _patternsFields.FormShortText,
+  LONG_TEXT: _patternsFields.FormLongText,
+  NUMBER: _patternsFields.FormNumber,
+  BOOLEAN: _patternsFields.FormCheckbox,
+  DATE: _patternsFields.FormDateInput,
+  DATETIME: _patternsFields.FormDateTime,
+  TIME: _patternsFields.FormTime,
+  URL: _patternsFields.FormUrl,
+  EMAIL: _patternsFields.FormEmail,
+  COLOR: _patternsFields.FormColor,
+  IMAGE: _patternsFields.FormImageInput,
+  VIDEO: _patternsFields.FormVideo,
+  AUDIO: FormAudio,
+  MEDIA_GALLERY: FormMediaGallery,
+  RICH_TEXT: FormRichText,
+  RICH_CONTENT: FormRichContent,
+  DOCUMENT: FormDocument,
+  MULTI_DOCUMENT: FormMultiDocument,
+  ARRAY: _patternsFields.FormArray,
+  OBJECT: _patternsFields.FormObject,
+  ADDRESS: _patternsFields.FormAddress
+};
+// Each renderer owns its own react-hook-form wiring (useController keyed on
+// field.id), so this only needs to pick the renderer and pass the field.
+function EntityPageField({
+  field,
+  formControl,
+  data
+}) {
+  // Reference fields need referenced-collection data, so they go through a
+  // wrapper (resolves the referenced source, fetches items) rather than the
+  // uniform dispatcher below.
+  const isReference = field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE';
+  const FieldInput = FIELD_INPUTS[field.type];
+  if (!isReference && !FieldInput) {
+    // Every PatternsFieldType now maps to a renderer (UNKNOWN falls back to
+    // text), so an unmapped type means the field carries a type outside the
+    // contract. Skip it, but warn — otherwise it vanishes with no trace.
+    // eslint-disable-next-line no-console
+    console.warn(`[EntityPageField] no renderer for field "${field.id}" of type "${field.type}"; skipping.`);
+    return null;
+  }
+  const ScalarInput = FieldInput;
+  const inner = isReference ? /*#__PURE__*/_react.default.createElement(_EntityPageReferenceField.EntityPageReferenceField, {
+    field: field,
+    formControl: formControl,
+    data: data,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(ScalarInput, {
+    field: field,
+    formControl: formControl,
+    data: data,
+    dataHook: `entity-page-field-${field.id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 138,
+      columnNumber: 5
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP1",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 5
+    }
+  }, inner, field.helpText && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    secondary: true,
+    dataHook: `entity-page-field-${field.id}-help-text`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 150,
+      columnNumber: 9
+    }
+  }, field.helpText));
+}
+//# sourceMappingURL=EntityPageField.js.map

package/dist/cjs/components/EntityPageFields/EntityPageField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EntityPageReferenceField","_patternsFields","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyField","load","Lazy","React","lazy","LazyField","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","FormAudio","Promise","resolve","then","FormRichText","FormMultiDocument","FormDocument","FormMediaGallery","FormRichContent","FIELD_INPUTS","SHORT_TEXT","FormShortText","UNKNOWN","LONG_TEXT","FormLongText","NUMBER","FormNumber","BOOLEAN","FormCheckbox","DATE","FormDateInput","DATETIME","FormDateTime","TIME","FormTime","URL","FormUrl","EMAIL","FormEmail","COLOR","FormColor","IMAGE","FormImageInput","VIDEO","FormVideo","AUDIO","MEDIA_GALLERY","RICH_TEXT","RICH_CONTENT","DOCUMENT","MULTI_DOCUMENT","ARRAY","FormArray","OBJECT","FormObject","ADDRESS","FormAddress","EntityPageField","field","formControl","data","isReference","type","FieldInput","console","warn","id","ScalarInput","inner","EntityPageReferenceField","dataHook","Box","direction","gap","width","helpText","Text","size","secondary"],"sources":["../../../../src/components/EntityPageFields/EntityPageField.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport type { Field, PatternsFieldType } from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { EntityPageReferenceField } from './EntityPageReferenceField';\nimport {\n  FormShortText,\n  FormLongText,\n  FormNumber,\n  FormCheckbox,\n  FormDateInput,\n  FormDateTime,\n  FormTime,\n  FormUrl,\n  FormEmail,\n  FormColor,\n  FormImageInput,\n  FormVideo,\n  FormArray,\n  FormObject,\n  FormAddress,\n} from '@wix/patterns-fields';\n\n// Heavy renderers pull large editors (Ricos, draft-js) and media SDKs\n// (@wix/media). Loading them lazily keeps that weight out of the @wix/patterns\n// main bundle — it moves into an async chunk fetched only when an entity page\n// first renders a field of that type. @wix/patterns-fields is side-effect-free,\n// so a dynamic import of one heavy export splits into its own chunk even though\n// the light renderers above are imported statically from the same package.\n// FormDocument, FormMediaGallery, and FormRichContent are not on the package\n// main entry — they ship from their own subpaths. Mirrors the FieldCell.tsx\n// pattern.\nfunction lazyField<P extends object>(\n  load: () => Promise<{ default: React.ComponentType<P> }>,\n) {\n  const Lazy = React.lazy(load);\n  return function LazyField(props: P) {\n    return (\n      <Suspense fallback={null}>\n        <Lazy {...props} />\n      </Suspense>\n    );\n  };\n}\n\nconst FormAudio = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormAudio,\n}));\nconst FormRichText = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormRichText,\n}));\nconst FormMultiDocument = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields')).FormMultiDocument,\n}));\nconst FormDocument = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-document-field'))\n    .FormDocument,\n}));\nconst FormMediaGallery = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-media-gallery-field'))\n    .FormMediaGallery,\n}));\nconst FormRichContent = lazyField(async () => ({\n  default: (await import('@wix/patterns-fields/form-rich-content-input'))\n    .FormRichContent,\n}));\n\n// REFERENCE / MULTI_REFERENCE are not here — they need referenced-collection\n// data, so EntityPageField routes them through EntityPageReferenceField instead\n// of this dispatcher.\nconst FIELD_INPUTS: Partial<\n  Record<PatternsFieldType, React.ComponentType<any>>\n> = {\n  SHORT_TEXT: FormShortText,\n  UNKNOWN: FormShortText,\n  LONG_TEXT: FormLongText,\n  NUMBER: FormNumber,\n  BOOLEAN: FormCheckbox,\n  DATE: FormDateInput,\n  DATETIME: FormDateTime,\n  TIME: FormTime,\n  URL: FormUrl,\n  EMAIL: FormEmail,\n  COLOR: FormColor,\n  IMAGE: FormImageInput,\n  VIDEO: FormVideo,\n  AUDIO: FormAudio,\n  MEDIA_GALLERY: FormMediaGallery,\n  RICH_TEXT: FormRichText,\n  RICH_CONTENT: FormRichContent,\n  DOCUMENT: FormDocument,\n  MULTI_DOCUMENT: FormMultiDocument,\n  ARRAY: FormArray,\n  OBJECT: FormObject,\n  ADDRESS: FormAddress,\n};\n\nexport interface EntityPageFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  /** The entity, used by each renderer to seed its form default value. */\n  data: Record<string, unknown>;\n}\n\n// Each renderer owns its own react-hook-form wiring (useController keyed on\n// field.id), so this only needs to pick the renderer and pass the field.\nexport function EntityPageField({\n  field,\n  formControl,\n  data,\n}: EntityPageFieldProps) {\n  // Reference fields need referenced-collection data, so they go through a\n  // wrapper (resolves the referenced source, fetches items) rather than the\n  // uniform dispatcher below.\n  const isReference =\n    field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE';\n  const FieldInput = FIELD_INPUTS[field.type];\n\n  if (!isReference && !FieldInput) {\n    // Every PatternsFieldType now maps to a renderer (UNKNOWN falls back to\n    // text), so an unmapped type means the field carries a type outside the\n    // contract. Skip it, but warn — otherwise it vanishes with no trace.\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[EntityPageField] no renderer for field \"${field.id}\" of type \"${field.type}\"; skipping.`,\n    );\n    return null;\n  }\n\n  const ScalarInput = FieldInput as React.ComponentType<any>;\n  const inner = isReference ? (\n    <EntityPageReferenceField\n      field={field}\n      formControl={formControl}\n      data={data}\n    />\n  ) : (\n    <ScalarInput\n      field={field}\n      formControl={formControl}\n      data={data}\n      dataHook={`entity-page-field-${field.id}`}\n    />\n  );\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\" width=\"100%\">\n      {inner}\n      {field.helpText && (\n        <Text\n          size=\"small\"\n          secondary\n          dataHook={`entity-page-field-${field.id}-help-text`}\n        >\n          {field.helpText}\n        </Text>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAGA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAgB8B,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASkB,SAASA,CAChBC,IAAwD,EACxD;EACA,MAAMC,IAAI,gBAAGC,cAAK,CAACC,IAAI,CAACH,IAAI,CAAC;EAC7B,OAAO,SAASI,SAASA,CAACC,KAAQ,EAAE;IAClC,oBACEhC,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACjC,MAAA,CAAAkC,QAAQ;MAACC,QAAQ,EAAE,IAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhC,YAAA;QAAAiC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACvBxC,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACL,IAAI,MAAAa,SAAA,CAAAxB,OAAA,MAAKe,KAAK;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhC,YAAA;QAAAiC,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CACV,CAAC;EAEf,CAAC;AACH;AAEA,MAAME,SAAS,GAAGhB,SAAS,CAAC,aAAa;EACvCT,OAAO,EAAE,CAAC,MAAA0B,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5C,uBAAA,CAAAC,OAAA,CAAa,sBAAsB,GAAC,EAAEwC;AAClD,CAAC,CAAC,CAAC;AACH,MAAMI,YAAY,GAAGpB,SAAS,CAAC,aAAa;EAC1CT,OAAO,EAAE,CAAC,MAAA0B,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5C,uBAAA,CAAAC,OAAA,CAAa,sBAAsB,GAAC,EAAE4C;AAClD,CAAC,CAAC,CAAC;AACH,MAAMC,iBAAiB,GAAGrB,SAAS,CAAC,aAAa;EAC/CT,OAAO,EAAE,CAAC,MAAA0B,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5C,uBAAA,CAAAC,OAAA,CAAa,sBAAsB,GAAC,EAAE6C;AAClD,CAAC,CAAC,CAAC;AACH,MAAMC,YAAY,GAAGtB,SAAS,CAAC,aAAa;EAC1CT,OAAO,EAAE,CAAC,MAAA0B,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5C,uBAAA,CAAAC,OAAA,CAAa,0CAA0C,GAAC,EAC/D8C;AACL,CAAC,CAAC,CAAC;AACH,MAAMC,gBAAgB,GAAGvB,SAAS,CAAC,aAAa;EAC9CT,OAAO,EAAE,CAAC,MAAA0B,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5C,uBAAA,CAAAC,OAAA,CAAa,+CAA+C,GAAC,EACpE+C;AACL,CAAC,CAAC,CAAC;AACH,MAAMC,eAAe,GAAGxB,SAAS,CAAC,aAAa;EAC7CT,OAAO,EAAE,CAAC,MAAA0B,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA5C,uBAAA,CAAAC,OAAA,CAAa,8CAA8C,GAAC,EACnEgD;AACL,CAAC,CAAC,CAAC;;AAEH;AACA;AACA;AACA,MAAMC,YAEL,GAAG;EACFC,UAAU,EAAEC,6BAAa;EACzBC,OAAO,EAAED,6BAAa;EACtBE,SAAS,EAAEC,4BAAY;EACvBC,MAAM,EAAEC,0BAAU;EAClBC,OAAO,EAAEC,4BAAY;EACrBC,IAAI,EAAEC,6BAAa;EACnBC,QAAQ,EAAEC,4BAAY;EACtBC,IAAI,EAAEC,wBAAQ;EACdC,GAAG,EAAEC,uBAAO;EACZC,KAAK,EAAEC,yBAAS;EAChBC,KAAK,EAAEC,yBAAS;EAChBC,KAAK,EAAEC,8BAAc;EACrBC,KAAK,EAAEC,yBAAS;EAChBC,KAAK,EAAEnC,SAAS;EAChBoC,aAAa,EAAE7B,gBAAgB;EAC/B8B,SAAS,EAAEjC,YAAY;EACvBkC,YAAY,EAAE9B,eAAe;EAC7B+B,QAAQ,EAAEjC,YAAY;EACtBkC,cAAc,EAAEnC,iBAAiB;EACjCoC,KAAK,EAAEC,yBAAS;EAChBC,MAAM,EAAEC,0BAAU;EAClBC,OAAO,EAAEC;AACX,CAAC;AASD;AACA;AACO,SAASC,eAAeA,CAAC;EAC9BC,KAAK;EACLC,WAAW;EACXC;AACoB,CAAC,EAAE;EACvB;EACA;EACA;EACA,MAAMC,WAAW,GACfH,KAAK,CAACI,IAAI,KAAK,WAAW,IAAIJ,KAAK,CAACI,IAAI,KAAK,iBAAiB;EAChE,MAAMC,UAAU,GAAG5C,YAAY,CAACuC,KAAK,CAACI,IAAI,CAAC;EAE3C,IAAI,CAACD,WAAW,IAAI,CAACE,UAAU,EAAE;IAC/B;IACA;IACA;IACA;IACAC,OAAO,CAACC,IAAI,CACV,4CAA4CP,KAAK,CAACQ,EAAE,cAAcR,KAAK,CAACI,IAAI,cAC9E,CAAC;IACD,OAAO,IAAI;EACb;EAEA,MAAMK,WAAW,GAAGJ,UAAsC;EAC1D,MAAMK,KAAK,GAAGP,WAAW,gBACvB7F,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC7B,yBAAA,CAAAiG,wBAAwB;IACvBX,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAK;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACZ,CAAC,gBAEFxC,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAACkE,WAAW;IACVT,KAAK,EAAEA,KAAM;IACbC,WAAW,EAAEA,WAAY;IACzBC,IAAI,EAAEA,IAAK;IACXU,QAAQ,EAAE,qBAAqBZ,KAAK,CAACQ,EAAE,EAAG;IAAA9D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC3C,CACF;EAED,oBACExC,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC9B,aAAA,CAAAoG,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAACC,KAAK,EAAC,MAAM;IAAAtE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7C4D,KAAK,EACLV,KAAK,CAACiB,QAAQ,iBACb3G,MAAA,CAAAiB,OAAA,CAAAgB,aAAA,CAAC9B,aAAA,CAAAyG,IAAI;IACHC,IAAI,EAAC,OAAO;IACZC,SAAS;IACTR,QAAQ,EAAE,qBAAqBZ,KAAK,CAACQ,EAAE,YAAa;IAAA9D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhC,YAAA;MAAAiC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEnDkD,KAAK,CAACiB,QACH,CAEL,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/EntityPageFields/EntityPageFields.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EntityPageFields = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _providers = require("@wix/patterns-fields/providers");
+var _providers2 = require("../../providers");
+var _resolveEntityPageFields = require("../../state/EntityPage/resolveEntityPageFields");
+var _EntityPageField = require("./EntityPageField");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageFields.tsx";
+/** The form inputs for the page's schema fields. Render inside the `EntityPage`
+ *  from `@wix/patterns/schema` — it provides the fields container these inputs
+ *  are built with. */
+function _EntityPageFields({
+  dataHook = 'entity-page-fields',
+  fieldIds
+}) {
+  const state = (0, _providers2.useEntityPageContext)();
+  const fieldsContainer = (0, _providers.usePatternsCmsFieldsContainer)();
+  const {
+    schema
+  } = state;
+
+  // Without the container the field renderers below fail deep inside
+  // @wix/patterns-fields (a missing container reads as a missing translations
+  // service), so say what's actually wrong instead.
+  if (!fieldsContainer) {
+    throw new Error('EntityPageFields must render inside the EntityPage from @wix/patterns/schema, which provides the fields container.');
+  }
+
+  // The schema loads with the entity in EntityPageState.init(). Show a
+  // placeholder until it resolves so the card has content instead of collapsing
+  // to nothing while the page fetches.
+  if (!schema || state.initTask.status.isLoading) {
+    return /*#__PURE__*/_react.default.createElement(FieldsSkeleton, {
+      count: fieldIds == null ? void 0 : fieldIds.length,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 12
+      }
+    });
+  }
+  const fields = (0, _resolveEntityPageFields.resolveEntityPageFields)(schema.fields, schema.idField, fieldIds);
+  const data = state.entity ?? {};
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP4",
+    width: "100%",
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 5
+    }
+  }, fields.map(field => /*#__PURE__*/_react.default.createElement(_EntityPageField.EntityPageField, {
+    key: field.id,
+    field: field,
+    formControl: state.form.control,
+    data: data,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 9
+    }
+  })));
+}
+
+// Before the schema loads we don't know the real field count, so default to a
+// few rows; a known fieldIds length lets us match it exactly.
+function FieldsSkeleton({
+  count
+}) {
+  const rows = Math.max(1, count ?? 4);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+    dataHook: "entity-page-fields-skeleton",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 73,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP4",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 74,
+      columnNumber: 7
+    }
+  }, Array.from({
+    length: rows
+  }, (_, i) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    key: i,
+    direction: "vertical",
+    gap: "SP1",
+    width: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 76,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    width: "30%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 77,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
+    height: "36px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 13
+    }
+  })))));
+}
+const EntityPageFields = exports.EntityPageFields = (0, _mobxReactLite.observer)(_EntityPageFields);
+//# sourceMappingURL=EntityPageFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_providers","_providers2","_resolveEntityPageFields","_EntityPageField","_jsxFileName","_EntityPageFields","dataHook","fieldIds","state","useEntityPageContext","fieldsContainer","usePatternsCmsFieldsContainer","schema","Error","initTask","status","isLoading","default","createElement","FieldsSkeleton","count","length","__self","__source","fileName","lineNumber","columnNumber","fields","resolveEntityPageFields","idField","data","entity","Box","direction","gap","width","map","field","EntityPageField","key","id","formControl","form","control","rows","Math","max","SkeletonGroup","Array","from","_","i","SkeletonLine","SkeletonRectangle","height","EntityPageFields","exports","observer"],"sources":["../../../../src/components/EntityPageFields/EntityPageFields.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { usePatternsCmsFieldsContainer } from '@wix/patterns-fields/providers';\nimport { useEntityPageContext } from '../../providers';\nimport { resolveEntityPageFields } from '../../state/EntityPage/resolveEntityPageFields';\nimport { EntityPageField } from './EntityPageField';\n\nexport interface EntityPageFieldsProps {\n  dataHook?: string;\n  /** Field ids to render, in order. Omitted ⇒ all schema fields in schema order. */\n  fieldIds?: string[];\n}\n\n/** The form inputs for the page's schema fields. Render inside the `EntityPage`\n *  from `@wix/patterns/schema` — it provides the fields container these inputs\n *  are built with. */\nfunction _EntityPageFields({\n  dataHook = 'entity-page-fields',\n  fieldIds,\n}: EntityPageFieldsProps) {\n  const state = useEntityPageContext();\n  const fieldsContainer = usePatternsCmsFieldsContainer();\n  const { schema } = state;\n\n  // Without the container the field renderers below fail deep inside\n  // @wix/patterns-fields (a missing container reads as a missing translations\n  // service), so say what's actually wrong instead.\n  if (!fieldsContainer) {\n    throw new Error(\n      'EntityPageFields must render inside the EntityPage from @wix/patterns/schema, which provides the fields container.',\n    );\n  }\n\n  // The schema loads with the entity in EntityPageState.init(). Show a\n  // placeholder until it resolves so the card has content instead of collapsing\n  // to nothing while the page fetches.\n  if (!schema || state.initTask.status.isLoading) {\n    return <FieldsSkeleton count={fieldIds?.length} />;\n  }\n\n  const fields = resolveEntityPageFields(\n    schema.fields,\n    schema.idField,\n    fieldIds,\n  );\n  const data = (state.entity ?? {}) as Record<string, unknown>;\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP4\" width=\"100%\" dataHook={dataHook}>\n      {fields.map((field) => (\n        <EntityPageField\n          key={field.id}\n          field={field}\n          formControl={state.form.control}\n          data={data}\n        />\n      ))}\n    </Box>\n  );\n}\n\n// Before the schema loads we don't know the real field count, so default to a\n// few rows; a known fieldIds length lets us match it exactly.\nfunction FieldsSkeleton({ count }: { count?: number }) {\n  const rows = Math.max(1, count ?? 4);\n  return (\n    <SkeletonGroup dataHook=\"entity-page-fields-skeleton\">\n      <Box direction=\"vertical\" gap=\"SP4\" width=\"100%\">\n        {Array.from({ length: rows }, (_, i) => (\n          <Box key={i} direction=\"vertical\" gap=\"SP1\" width=\"100%\">\n            <SkeletonLine width=\"30%\" />\n            <SkeletonRectangle height=\"36px\" />\n          </Box>\n        ))}\n      </Box>\n    </SkeletonGroup>\n  );\n}\n\nexport const EntityPageFields = observer(_EntityPageFields);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EntityPageFields/EntityPageFields.uni.driver.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _unidriver = require("../../unidriver");
+var _default = base => {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    /** Whether a field with the given id is rendered. */
+    hasField: fieldId => base.$(`[data-hook="entity-page-field-${fieldId}"]`).exists()
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=EntityPageFields.uni.driver.js.map

package/dist/cjs/components/EntityPageFields/EntityPageFields.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_default","base","baseUniDriverFactory","hasField","fieldId","$","exists","exports","default"],"sources":["../../../../src/components/EntityPageFields/EntityPageFields.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport default (base: UniDriver) => {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Whether a field with the given id is rendered. */\n    hasField: (fieldId: string) =>\n      base.$(`[data-hook=\"entity-page-field-${fieldId}\"]`).exists(),\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAAuD,IAAAC,QAAA,GAEvCC,IAAe,IAAK;EAClC,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACD,IAAI,CAAC;IAE7B;IACAE,QAAQ,EAAGC,OAAe,IACxBH,IAAI,CAACI,CAAC,CAAC,iCAAiCD,OAAO,IAAI,CAAC,CAACE,MAAM,CAAC;EAChE,CAAC;AACH,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAR,QAAA","ignoreList":[]}

package/dist/cjs/components/EntityPageFields/EntityPageReferenceField.js

@@ -0,0 +1,154 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EntityPageReferenceField = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _bexCore = require("@wix/bex-core");
+var _react2 = require("@wix/bex-core/react");
+var _patternsFields = require("@wix/patterns-fields");
+var _providers = require("../../providers");
+var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
+var _useOpenCollectionOverlay = require("../../hooks/useOpenCollectionOverlay");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageReferenceField.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); }
+const imageFieldOf = fields => {
+  var _Object$entries$find;
+  return (_Object$entries$find = Object.entries(fields ?? {}).find(([, f]) => (f == null ? void 0 : f.type) === 'IMAGE')) == null ? void 0 : _Object$entries$find[0];
+};
+// Adapts a referenced SchemaSource (schemaSource.references[collectionId]) to the
+// data-agnostic FormReference / FormMultiReference renderers: it queries the
+// referenced collection for candidate items and derives the referenced schema's
+// id/display/image fields, mirroring EditableTable's reference cell Edit.
+function _EntityPageReferenceField({
+  field,
+  formControl,
+  data
+}) {
+  var _referenceMetadata, _state$schemaSource;
+  const state = (0, _providers.useEntityPageContext)();
+  const referencedCollectionId = (_referenceMetadata = field.referenceMetadata) == null ? void 0 : _referenceMetadata.referencedCollectionId;
+  const refSource = referencedCollectionId ? (_state$schemaSource = state.schemaSource) == null || (_state$schemaSource = _state$schemaSource.references) == null ? void 0 : _state$schemaSource[referencedCollectionId] : undefined;
+  const collection = (0, _react2.useCollection)(refSource ? {
+    queryName: `entity-page-reference-${refSource.collectionId}`,
+    paginationMode: refSource.paginationMode,
+    fetchData: (0, _bexCore.sourceFetchData)(refSource),
+    itemKey: refSource.itemKey,
+    itemName: refSource.itemName
+  } : {
+    queryName: `entity-page-reference-${field.id}`,
+    paginationMode: 'offset',
+    fetchData: async () => ({
+      items: [],
+      total: 0
+    }),
+    itemKey: row => String(row.id ?? ''),
+    itemName: row => String(row.id ?? '')
+  });
+  (0, _react.useEffect)(() => collection.init(), [collection]);
+  const [refSchema, setRefSchema] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    let active = true;
+    refSource == null || refSource.loadSchema().then(loaded => {
+      if (active) {
+        setRefSchema(loaded.schema);
+      }
+    });
+    return () => {
+      active = false;
+    };
+  }, [refSource]);
+  const idField = refSchema == null ? void 0 : refSchema.idField;
+  const displayField = refSchema == null ? void 0 : refSchema.displayField;
+  const imageField = imageFieldOf(refSchema == null ? void 0 : refSchema.fields);
+  const items = (0, _react.useMemo)(() => {
+    if (!idField || !displayField) {
+      return [];
+    }
+    return collection.result.keyedItems.map(ki => ({
+      id: String(ki.item[idField] ?? ki.key),
+      name: String(ki.item[displayField] ?? ''),
+      image: imageField ? ki.item[imageField] : undefined
+    }));
+  }, [collection.result.keyedItems, idField, displayField, imageField]);
+  const {
+    showInitialLoader,
+    fixedFooter
+  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
+    collection,
+    fixedFooter: undefined
+  });
+
+  // Unlike EditableTable's reference cell, this field stays mounted while the
+  // overlay is open, so it can own the navigation itself. Refreshing on return
+  // forces a refetch so items added in the referenced collection show up.
+  const openReferencedCollection = (0, _useOpenCollectionOverlay.useOpenCollectionOverlay)({
+    collectionId: refSource == null ? void 0 : refSource.collectionId
+  });
+  const handleOpenCollection = (0, _react.useMemo)(() => openReferencedCollection ? () => openReferencedCollection(() => collection.clearResultAndMoveToStart({
+    force: true
+  })) : undefined, [openReferencedCollection, collection]);
+
+  // A reference with no matching source entry, or before its schema resolves,
+  // can't render a picker — skip it rather than render a broken input.
+  if (!refSource || !idField || !displayField) {
+    return null;
+  }
+  const shared = {
+    field,
+    value: data == null ? void 0 : data[field.id],
+    onChange: () => {},
+    formControl,
+    data,
+    dataHook: `entity-page-field-${field.id}`,
+    items,
+    idField,
+    displayField,
+    imageField,
+    searchValue: collection.query.search.value,
+    onSearch: query => collection.search(query),
+    onClearSearch: () => collection.clearSearch(),
+    hasMore: !showInitialLoader && !collection.fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded,
+    fixedFooter,
+    onOpenCollection: handleOpenCollection
+  };
+  return field.type === 'MULTI_REFERENCE' ? /*#__PURE__*/_react.default.createElement(_patternsFields.FormMultiReference, (0, _extends2.default)({}, shared, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 5
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_patternsFields.FormReference, (0, _extends2.default)({}, shared, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 145,
+      columnNumber: 5
+    }
+  }));
+}
+const EntityPageReferenceFieldContent = (0, _mobxReactLite.observer)(_EntityPageReferenceField);
+
+// FilterTranslationProvider supplies the dropdown's loader / empty / no-results
+// texts that useFilterCollectionStates reads.
+const EntityPageReferenceField = props => /*#__PURE__*/_react.default.createElement(_providers.FilterTranslationProvider, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 156,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(EntityPageReferenceFieldContent, (0, _extends2.default)({}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 157,
+    columnNumber: 5
+  }
+})));
+exports.EntityPageReferenceField = EntityPageReferenceField;
+//# sourceMappingURL=EntityPageReferenceField.js.map

package/dist/cjs/components/EntityPageFields/EntityPageReferenceField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_bexCore","_react2","_patternsFields","_providers","_useFilterCollectionStates","_useOpenCollectionOverlay","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","imageFieldOf","fields","_Object$entries$find","entries","find","type","_EntityPageReferenceField","field","formControl","data","_referenceMetadata","_state$schemaSource","state","useEntityPageContext","referencedCollectionId","referenceMetadata","refSource","schemaSource","references","undefined","collection","useCollection","queryName","collectionId","paginationMode","fetchData","sourceFetchData","itemKey","itemName","id","items","total","row","String","useEffect","init","refSchema","setRefSchema","useState","active","loadSchema","then","loaded","schema","idField","displayField","imageField","useMemo","result","keyedItems","map","ki","item","key","name","image","showInitialLoader","fixedFooter","useFilterCollectionStates","openReferencedCollection","useOpenCollectionOverlay","handleOpenCollection","clearResultAndMoveToStart","force","shared","value","onChange","dataHook","searchValue","query","search","onSearch","onClearSearch","clearSearch","hasMore","fetchedLastPage","loadMore","fetchNextPageIfNeeded","onOpenCollection","createElement","FormMultiReference","_extends2","__self","__source","fileName","lineNumber","columnNumber","FormReference","EntityPageReferenceFieldContent","observer","EntityPageReferenceField","props","FilterTranslationProvider","exports"],"sources":["../../../../src/components/EntityPageFields/EntityPageReferenceField.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { sourceFetchData } from '@wix/bex-core';\nimport type { BaseReferenceField, Field, Schema } from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { useCollection } from '@wix/bex-core/react';\nimport { FormReference, FormMultiReference } from '@wix/patterns-fields';\nimport {\n  FilterTranslationProvider,\n  useEntityPageContext,\n} from '../../providers';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useOpenCollectionOverlay } from '../../hooks/useOpenCollectionOverlay';\n\ntype RefRow = Record<string, unknown>;\n\nconst imageFieldOf = (\n  fields: Schema['fields'] | undefined,\n): string | undefined =>\n  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];\n\nexport interface EntityPageReferenceFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  data: Record<string, unknown>;\n}\n\n// Adapts a referenced SchemaSource (schemaSource.references[collectionId]) to the\n// data-agnostic FormReference / FormMultiReference renderers: it queries the\n// referenced collection for candidate items and derives the referenced schema's\n// id/display/image fields, mirroring EditableTable's reference cell Edit.\nfunction _EntityPageReferenceField({\n  field,\n  formControl,\n  data,\n}: EntityPageReferenceFieldProps) {\n  const state = useEntityPageContext();\n  const referencedCollectionId = (field as BaseReferenceField).referenceMetadata\n    ?.referencedCollectionId;\n  const refSource = referencedCollectionId\n    ? state.schemaSource?.references?.[referencedCollectionId]\n    : undefined;\n\n  const collection = useCollection<RefRow>(\n    refSource\n      ? {\n          queryName: `entity-page-reference-${refSource.collectionId}`,\n          paginationMode: refSource.paginationMode,\n          fetchData: sourceFetchData(refSource),\n          itemKey: refSource.itemKey,\n          itemName: refSource.itemName,\n        }\n      : {\n          queryName: `entity-page-reference-${field.id}`,\n          paginationMode: 'offset',\n          fetchData: async () => ({ items: [], total: 0 }),\n          itemKey: (row: RefRow) => String(row.id ?? ''),\n          itemName: (row: RefRow) => String(row.id ?? ''),\n        },\n  );\n\n  useEffect(() => collection.init(), [collection]);\n\n  const [refSchema, setRefSchema] = useState<Schema | null>(null);\n  useEffect(() => {\n    let active = true;\n    refSource?.loadSchema().then((loaded) => {\n      if (active) {\n        setRefSchema(loaded.schema);\n      }\n    });\n    return () => {\n      active = false;\n    };\n  }, [refSource]);\n\n  const idField = refSchema?.idField;\n  const displayField = refSchema?.displayField;\n  const imageField = imageFieldOf(refSchema?.fields);\n\n  const items = useMemo(() => {\n    if (!idField || !displayField) {\n      return [];\n    }\n    return collection.result.keyedItems.map((ki) => ({\n      id: String((ki.item as RefRow)[idField] ?? ki.key),\n      name: String((ki.item as RefRow)[displayField] ?? ''),\n      image: imageField\n        ? ((ki.item as RefRow)[imageField] as string | undefined)\n        : undefined,\n    }));\n  }, [collection.result.keyedItems, idField, displayField, imageField]);\n\n  const { showInitialLoader, fixedFooter } = useFilterCollectionStates({\n    collection,\n    fixedFooter: undefined,\n  });\n\n  // Unlike EditableTable's reference cell, this field stays mounted while the\n  // overlay is open, so it can own the navigation itself. Refreshing on return\n  // forces a refetch so items added in the referenced collection show up.\n  const openReferencedCollection = useOpenCollectionOverlay({\n    collectionId: refSource?.collectionId,\n  });\n  const handleOpenCollection = useMemo(\n    () =>\n      openReferencedCollection\n        ? () =>\n            openReferencedCollection(() =>\n              collection.clearResultAndMoveToStart({ force: true }),\n            )\n        : undefined,\n    [openReferencedCollection, collection],\n  );\n\n  // A reference with no matching source entry, or before its schema resolves,\n  // can't render a picker — skip it rather than render a broken input.\n  if (!refSource || !idField || !displayField) {\n    return null;\n  }\n\n  const shared = {\n    field,\n    value: data?.[field.id] as never,\n    onChange: () => {},\n    formControl,\n    data,\n    dataHook: `entity-page-field-${field.id}`,\n    items,\n    idField,\n    displayField,\n    imageField,\n    searchValue: collection.query.search.value,\n    onSearch: (query: string) => collection.search(query),\n    onClearSearch: () => collection.clearSearch(),\n    hasMore: !showInitialLoader && !collection.fetchedLastPage,\n    loadMore: collection.fetchNextPageIfNeeded,\n    fixedFooter,\n    onOpenCollection: handleOpenCollection,\n  };\n\n  return field.type === 'MULTI_REFERENCE' ? (\n    <FormMultiReference {...shared} />\n  ) : (\n    <FormReference {...shared} />\n  );\n}\n\nconst EntityPageReferenceFieldContent = observer(_EntityPageReferenceField);\n\n// FilterTranslationProvider supplies the dropdown's loader / empty / no-results\n// texts that useFilterCollectionStates reads.\nexport const EntityPageReferenceField = (\n  props: EntityPageReferenceFieldProps,\n) => (\n  <FilterTranslationProvider>\n    <EntityPageReferenceFieldContent {...props} />\n  </FilterTranslationProvider>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _EntityPageFields = require("./EntityPageFields");
+Object.keys(_EntityPageFields).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EntityPageFields[key]) return;
+  exports[key] = _EntityPageFields[key];
+});
+var _EntityPageField = require("./EntityPageField");
+Object.keys(_EntityPageField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EntityPageField[key]) return;
+  exports[key] = _EntityPageField[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_EntityPageFields","require","Object","keys","forEach","key","exports","_EntityPageField"],"sources":["../../../../src/components/EntityPageFields/index.ts"],"sourcesContent":["export * from './EntityPageFields';\nexport * from './EntityPageField';\n"],"mappings":";;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,gBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,gBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,gBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,gBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/ErrorState/OfflineErrorState.js

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _ErrorBoundary = require("../ErrorBoundary");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ErrorState/OfflineErrorState.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); }
@@ -64,7 +64,7 @@ function OfflineErrorState(props) {
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: "retry-button",
     onClick: onRetry,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/ErrorState/OfflineErrorState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_wixUiIconsCommon","_ErrorBoundary","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","offlineIllustrationPromise","Promise","resolve","then","OfflineIllustrationLazy","React","lazy","OfflineIllustration","OfflineErrorState","props","dataHook","onRetry","image","rest","translate","useWixPatternsContainer","createElement","EmptyState","_extends2","theme","title","subtitle","ErrorBoundary","fallback","__self","__source","fileName","lineNumber","columnNumber","Suspense","TextButton","onClick","prefixIcon","Refresh"],"sources":["../../../../src/components/ErrorState/OfflineErrorState.tsx"],"sourcesContent":["import React, { ReactElement, Suspense } from 'react';\nimport { EmptyState, TextButton } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { ErrorBoundary } from '../ErrorBoundary';\n\nconst offlineIllustrationPromise = import(\n  /* webpackChunkName: \"OfflineIllustration\" */ './OfflineIllustration'\n);\n\nconst OfflineIllustrationLazy = React.lazy(async () => ({\n  default: (await offlineIllustrationPromise).OfflineIllustration,\n}));\n\nexport interface OfflineErrorStateProps {\n  onRetry: () => void;\n  dataHook?: string;\n  image?: ReactElement;\n}\n\nexport function OfflineErrorState(props: OfflineErrorStateProps) {\n  const { dataHook, onRetry, image, ...rest } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <EmptyState\n      theme=\"page-no-border\"\n      dataHook={dataHook}\n      title={t('cairo.connection.error.title')}\n      subtitle={t('cairo.connection.error.text')}\n      image={\n        image ?? (\n          <ErrorBoundary fallback={null}>\n            <Suspense fallback={null}>\n              <OfflineIllustrationLazy />\n            </Suspense>\n          </ErrorBoundary>\n        )\n      }\n      {...rest}\n    >\n      <TextButton\n        dataHook=\"retry-button\"\n        onClick={onRetry}\n        prefixIcon={<Refresh />}\n      >\n        {t('cairo.error.tryAgain.cta')}\n      </TextButton>\n    </EmptyState>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAiD,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEjD,MAAMkB,0BAA0B,GAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA7B,uBAAA,CAAAC,OAAA,CAC9B,6CAA8C,uBAAuB,GACtE;AAED,MAAM6B,uBAAuB,gBAAGC,cAAK,CAACC,IAAI,CAAC,aAAa;EACtDf,OAAO,EAAE,CAAC,MAAMS,0BAA0B,EAAEO;AAC9C,CAAC,CAAC,CAAC;AAQI,SAASC,iBAAiBA,CAACC,KAA6B,EAAE;EAC/D,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EACnD,MAAM;IAAEK,SAAS,EAAEhC;EAAE,CAAC,GAAG,IAAAiC,+BAAuB,EAAC,CAAC;EAElD,oBACE1C,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAACxC,aAAA,CAAAyC,UAAU,MAAAC,SAAA,CAAA3B,OAAA;IACT4B,KAAK,EAAC,gBAAgB;IACtBT,QAAQ,EAAEA,QAAS;IACnBU,KAAK,EAAEtC,CAAC,CAAC,8BAA8B,CAAE;IACzCuC,QAAQ,EAAEvC,CAAC,CAAC,6BAA6B,CAAE;IAC3C8B,KAAK,EACHA,KAAK,iBACHvC,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAACrC,cAAA,CAAA2C,aAAa;MAACC,QAAQ,EAAE,IAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5BvD,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAAC3C,MAAA,CAAAwD,QAAQ;MAACN,QAAQ,EAAE,IAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACvBvD,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAACZ,uBAAuB;MAAAoB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAClB,CACG;EAElB,GACGf,IAAI;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAERvD,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAACxC,aAAA,CAAAsD,UAAU;IACTpB,QAAQ,EAAC,cAAc;IACvBqB,OAAO,EAAEpB,OAAQ;IACjBqB,UAAU,eAAE3D,MAAA,CAAAkB,OAAA,CAAAyB,aAAA,CAACtC,iBAAA,CAAAuD,OAAO;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvB9C,CAAC,CAAC,0BAA0B,CACnB,CACF,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_lazy","_ErrorBoundary","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","offlineIllustrationPromise","Promise","resolve","then","OfflineIllustrationLazy","React","lazy","OfflineIllustration","OfflineErrorState","props","dataHook","onRetry","image","rest","translate","useWixPatternsContainer","createElement","EmptyState","_extends2","theme","title","subtitle","ErrorBoundary","fallback","__self","__source","fileName","lineNumber","columnNumber","Suspense","TextButton","onClick","prefixIcon","Refresh"],"sources":["../../../../src/components/ErrorState/OfflineErrorState.tsx"],"sourcesContent":["import React, { ReactElement, Suspense } from 'react';\nimport { EmptyState, TextButton } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Refresh } from '@wix/wix-ui-icons-common/lazy';\nimport { ErrorBoundary } from '../ErrorBoundary';\n\nconst offlineIllustrationPromise = import(\n  /* webpackChunkName: \"OfflineIllustration\" */ './OfflineIllustration'\n);\n\nconst OfflineIllustrationLazy = React.lazy(async () => ({\n  default: (await offlineIllustrationPromise).OfflineIllustration,\n}));\n\nexport interface OfflineErrorStateProps {\n  onRetry: () => void;\n  dataHook?: string;\n  image?: ReactElement;\n}\n\nexport function OfflineErrorState(props: OfflineErrorStateProps) {\n  const { dataHook, onRetry, image, ...rest } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <EmptyState\n      theme=\"page-no-border\"\n      dataHook={dataHook}\n      title={t('cairo.connection.error.title')}\n      subtitle={t('cairo.connection.error.text')}\n      image={\n        image ?? (\n          <ErrorBoundary fallback={null}>\n            <Suspense fallback={null}>\n              <OfflineIllustrationLazy />\n            </Suspense>\n          </ErrorBoundary>\n        )\n      }\n      {...rest}\n    >\n      <TextButton\n        dataHook=\"retry-button\"\n        onClick={onRetry}\n        prefixIcon={<Refresh />}\n      >\n        {t('cairo.error.tryAgain.cta')}\n      </TextButton>\n    </EmptyState>\n  );\n}\n"],"mappings":"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","ignoreList":[]}