@wix/patterns 1.467.0 → 1.469.0

package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1265987009\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View1265987009__root\",\"textView\":\"View1265987009__textView\",\"urlText\":\"View1265987009__urlText\",\"suffix\":\"View1265987009__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3625243124\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View3625243124__root\",\"textView\":\"View3625243124__textView\",\"urlText\":\"View3625243124__urlText\",\"suffix\":\"View3625243124__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/useClearFocusOnBlur.js

@@ -17,9 +17,16 @@ function useClearFocusOnBlur(cellInteraction) {
   (0, _react.useEffect)(() => {
     return () => cancelAnimationFrame(blurFrameId.current);
   }, []);
-  const onFocus = (0, _react.useCallback)(() => {
+  const onCellFocus = (0, _react.useCallback)(() => {
+    // Focus from a cell's portaled controls also bubbles through that cell.
     cancelAnimationFrame(blurFrameId.current);
   }, []);
+  const onFocus = (0, _react.useCallback)(e => {
+    // Portaled panels also bubble focus events through the table's React tree.
+    if (e.currentTarget.contains(e.target)) {
+      onCellFocus();
+    }
+  }, [onCellFocus]);
   const onBlur = (0, _react.useCallback)(e => {
     cancelAnimationFrame(blurFrameId.current);
     const container = e.currentTarget;
@@ -34,7 +41,8 @@ function useClearFocusOnBlur(cellInteraction) {
   }, [cellInteraction]);
   return {
     onFocus,
-    onBlur
+    onBlur,
+    onCellFocus
   };
 }
 //# sourceMappingURL=useClearFocusOnBlur.js.map

package/dist/cjs/components/EditableTable/useClearFocusOnBlur.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useClearFocusOnBlur","cellInteraction","blurFrameId","useRef","useEffect","cancelAnimationFrame","current","onFocus","useCallback","onBlur","e","container","currentTarget","requestAnimationFrame","contains","document","activeElement","isEditing","clearFocus"],"sources":["../../../../src/components/EditableTable/useClearFocusOnBlur.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { CellInteractionState } from '../../state/EditableTable/CellInteractionState';\n\n/**\n * Clears cell focus when the user clicks outside the table container.\n *\n * Skips clearFocus() while isEditing=true so that portaled editors (date\n * picker, select dropdown, media manager) can take focus without causing the\n * cell to lose its editing state. Cell types that open external UI are\n * responsible for calling onStartEdit() before the modal opens (which sets\n * isEditing=true) and onCancel()/onCommit() when it closes.\n */\nexport function useClearFocusOnBlur<T, F extends FiltersMap>(\n  cellInteraction: CellInteractionState<T, F>,\n) {\n  const blurFrameId = useRef(0);\n\n  useEffect(() => {\n    return () => cancelAnimationFrame(blurFrameId.current);\n  }, []);\n\n  const onFocus = useCallback(() => {\n    cancelAnimationFrame(blurFrameId.current);\n  }, []);\n\n  const onBlur = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      cancelAnimationFrame(blurFrameId.current);\n      const container = e.currentTarget;\n\n      blurFrameId.current = requestAnimationFrame(() => {\n        if (container.contains(document.activeElement)) {\n          return;\n        }\n\n        if (!cellInteraction.isEditing) {\n          cellInteraction.clearFocus();\n        }\n      });\n    },\n    [cellInteraction],\n  );\n\n  return { onFocus, onBlur };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,mBAAmBA,CACjCC,eAA2C,EAC3C;EACA,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC;EAE7B,IAAAC,gBAAS,EAAC,MAAM;IACd,OAAO,MAAMC,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAChCH,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,MAAM,GAAG,IAAAD,kBAAW,EACvBE,CAAmC,IAAK;IACvCL,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;IACzC,MAAMK,SAAS,GAAGD,CAAC,CAACE,aAAa;IAEjCV,WAAW,CAACI,OAAO,GAAGO,qBAAqB,CAAC,MAAM;MAChD,IAAIF,SAAS,CAACG,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC,EAAE;QAC9C;MACF;MAEA,IAAI,CAACf,eAAe,CAACgB,SAAS,EAAE;QAC9BhB,eAAe,CAACiB,UAAU,CAAC,CAAC;MAC9B;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACjB,eAAe,CAClB,CAAC;EAED,OAAO;IAAEM,OAAO;IAAEE;EAAO,CAAC;AAC5B","ignoreList":[]}
+{"version":3,"names":["_react","require","useClearFocusOnBlur","cellInteraction","blurFrameId","useRef","useEffect","cancelAnimationFrame","current","onCellFocus","useCallback","onFocus","e","currentTarget","contains","target","onBlur","container","requestAnimationFrame","document","activeElement","isEditing","clearFocus"],"sources":["../../../../src/components/EditableTable/useClearFocusOnBlur.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { CellInteractionState } from '../../state/EditableTable/CellInteractionState';\n\n/**\n * Clears cell focus when the user clicks outside the table container.\n *\n * Skips clearFocus() while isEditing=true so that portaled editors (date\n * picker, select dropdown, media manager) can take focus without causing the\n * cell to lose its editing state. Cell types that open external UI are\n * responsible for calling onStartEdit() before the modal opens (which sets\n * isEditing=true) and onCancel()/onCommit() when it closes.\n */\nexport function useClearFocusOnBlur<T, F extends FiltersMap>(\n  cellInteraction: CellInteractionState<T, F>,\n) {\n  const blurFrameId = useRef(0);\n\n  useEffect(() => {\n    return () => cancelAnimationFrame(blurFrameId.current);\n  }, []);\n\n  const onCellFocus = useCallback(() => {\n    // Focus from a cell's portaled controls also bubbles through that cell.\n    cancelAnimationFrame(blurFrameId.current);\n  }, []);\n\n  const onFocus = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      // Portaled panels also bubble focus events through the table's React tree.\n      if (e.currentTarget.contains(e.target)) {\n        onCellFocus();\n      }\n    },\n    [onCellFocus],\n  );\n\n  const onBlur = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      cancelAnimationFrame(blurFrameId.current);\n      const container = e.currentTarget;\n\n      blurFrameId.current = requestAnimationFrame(() => {\n        if (container.contains(document.activeElement)) {\n          return;\n        }\n\n        if (!cellInteraction.isEditing) {\n          cellInteraction.clearFocus();\n        }\n      });\n    },\n    [cellInteraction],\n  );\n\n  return { onFocus, onBlur, onCellFocus };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,mBAAmBA,CACjCC,eAA2C,EAC3C;EACA,MAAMC,WAAW,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC;EAE7B,IAAAC,gBAAS,EAAC,MAAM;IACd,OAAO,MAAMC,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC;IACAH,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,OAAO,GAAG,IAAAD,kBAAW,EACxBE,CAAmC,IAAK;IACvC;IACA,IAAIA,CAAC,CAACC,aAAa,CAACC,QAAQ,CAACF,CAAC,CAACG,MAAM,CAAC,EAAE;MACtCN,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EACD,CAACA,WAAW,CACd,CAAC;EAED,MAAMO,MAAM,GAAG,IAAAN,kBAAW,EACvBE,CAAmC,IAAK;IACvCL,oBAAoB,CAACH,WAAW,CAACI,OAAO,CAAC;IACzC,MAAMS,SAAS,GAAGL,CAAC,CAACC,aAAa;IAEjCT,WAAW,CAACI,OAAO,GAAGU,qBAAqB,CAAC,MAAM;MAChD,IAAID,SAAS,CAACH,QAAQ,CAACK,QAAQ,CAACC,aAAa,CAAC,EAAE;QAC9C;MACF;MAEA,IAAI,CAACjB,eAAe,CAACkB,SAAS,EAAE;QAC9BlB,eAAe,CAACmB,UAAU,CAAC,CAAC;MAC9B;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACnB,eAAe,CAClB,CAAC;EAED,OAAO;IAAEQ,OAAO;IAAEK,MAAM;IAAEP;EAAY,CAAC;AACzC","ignoreList":[]}

package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EmptyStateBase4233322260";
+var _namespace_ = "EmptyStateBase4063106878";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "EmptyStateBase4233322260__root"
+  "root": "EmptyStateBase4063106878__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EmptyState/EmptyStateBase.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EmptyState/EmptyStateBase.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EmptyStateBase4233322260\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EmptyStateBase4233322260__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EmptyState/EmptyStateBase.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EmptyStateBase4063106878\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EmptyStateBase4063106878__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EntityPagePlain766763780";
+var _namespace_ = "EntityPagePlain972709233";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "EntityPagePlain766763780__root"
+  "root": "EntityPagePlain972709233__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain766763780\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain766763780__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain972709233\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain972709233__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

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

@@ -7,7 +7,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _bexCore = require("@wix/bex-core");
+var _FieldCell = require("../FieldCell/FieldCell");
 var _EntityPageReferenceField = require("./EntityPageReferenceField");
+var _EntityPageReferenceValue = require("./EntityPageReferenceValue");
 var _EntityPageCustomField = require("./EntityPageCustomField");
 var _patternsFields = require("@wix/patterns-fields");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageField.tsx";
@@ -29,14 +31,14 @@ function lazyField(load) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 47,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(Lazy, (0, _extends2.default)({}, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 48,
         columnNumber: 9
       }
     })));
@@ -96,10 +98,64 @@ const FIELD_INPUTS = {
 // EntityPageCustomField instead.
 function EntityPageField({
   field,
+  readOnly = false,
   formControl,
   data,
   definition
 }) {
+  if (readOnly) {
+    return /*#__PURE__*/_react.default.createElement(FieldRow, {
+      field: field,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 133,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+      label: field.displayName,
+      dataHook: `entity-page-field-${field.id}`,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 134,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      minHeight: "36px",
+      verticalAlign: "middle",
+      dataHook: `entity-page-field-${field.id}-value`,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 138,
+        columnNumber: 11
+      }
+    }, (0, _bexCore.isReferenceField)(field) ? /*#__PURE__*/_react.default.createElement(_EntityPageReferenceValue.EntityPageReferenceValue, {
+      field: field,
+      value: data[field.id],
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 144,
+        columnNumber: 15
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_FieldCell.FieldCell, {
+      value: data[field.id],
+      type: field.type,
+      fieldId: field.id,
+      columnId: field.id,
+      row: data,
+      definition: definition,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 146,
+        columnNumber: 15
+      }
+    }))));
+  }
+
   // Reference fields need referenced-collection data, so they go through a
   // wrapper (resolves the referenced source, fetches items) rather than the
   // uniform dispatcher below.
@@ -124,7 +180,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 187,
       columnNumber: 5
     }
   }) : customForm ? /*#__PURE__*/_react.default.createElement(_EntityPageCustomField.EntityPageCustomField, {
@@ -136,7 +192,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 193,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ScalarInput, {
@@ -147,10 +203,24 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 201,
       columnNumber: 5
     }
   });
+  return /*#__PURE__*/_react.default.createElement(FieldRow, {
+    field: field,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 209,
+      columnNumber: 10
+    }
+  }, inner);
+}
+function FieldRow({
+  field,
+  children
+}) {
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP1",
@@ -158,17 +228,17 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 220,
       columnNumber: 5
     }
-  }, inner, field.helpText && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  }, children, 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: 178,
+      lineNumber: 223,
       columnNumber: 9
     }
   }, field.helpText));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bexCore","_EntityPageReferenceField","_EntityPageCustomField","_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","definition","isReference","isReferenceField","customForm","type","form","undefined","FieldInput","process","env","NODE_ENV","Error","customType","id","ScalarInput","inner","EntityPageReferenceField","EntityPageCustomField","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 {\n  Field,\n  FieldTypeDefinition,\n  PatternsFieldType,\n} from '@wix/bex-core';\nimport { isReferenceField } from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { EntityPageReferenceField } from './EntityPageReferenceField';\nimport { EntityPageCustomField } from './EntityPageCustomField';\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// Every type renders on the entity page: REFERENCE / MULTI_REFERENCE go\n// through EntityPageReferenceField (they need referenced-collection data),\n// CUSTOM through its definition's form slot, and everything else through this\n// map. The exhaustive Record makes adding a PatternsFieldType without a form\n// renderer a compile error.\nconst FIELD_INPUTS: Record<\n  Exclude<PatternsFieldType, 'REFERENCE' | 'MULTI_REFERENCE' | 'CUSTOM'>,\n  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  /** The field type definition a CUSTOM field resolved on its source. */\n  definition?: FieldTypeDefinition;\n}\n\n// Each built-in renderer owns its own react-hook-form wiring (useController\n// keyed on field.id), so this only needs to pick the renderer and pass the\n// field. A CUSTOM field's form component gets that wiring done for it by\n// EntityPageCustomField instead.\nexport function EntityPageField({\n  field,\n  formControl,\n  data,\n  definition,\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 = isReferenceField(field);\n  const customForm = field.type === 'CUSTOM' ? definition?.form : undefined;\n  const FieldInput = FIELD_INPUTS[field.type as keyof typeof FIELD_INPUTS] as\n    | React.ComponentType<any>\n    | undefined;\n\n  if (!isReference && !customForm && !FieldInput) {\n    // A CUSTOM field on an entity page needs its type's `form` config — throw\n    // in development so the gap is impossible to miss. Production degrades by\n    // skipping the field instead of crashing the page. Types outside the\n    // contract have nothing to render either way.\n    if (field.type === 'CUSTOM' && process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        definition\n          ? `The custom field type \"${field.customType}\" has no \\`form\\` config, but its field \"${field.id}\" renders on an entity page. Add \\`form: { Component }\\` to the type definition.`\n          : `Field \"${field.id}\" references the custom type \"${field.customType}\", but the source's fieldTypes has no matching definition.`,\n      );\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  ) : customForm ? (\n    <EntityPageCustomField\n      field={field}\n      formControl={formControl}\n      data={data}\n      definition={definition!}\n      dataHook={`entity-page-field-${field.id}`}\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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bexCore","_FieldCell","_EntityPageReferenceField","_EntityPageReferenceValue","_EntityPageCustomField","_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","readOnly","formControl","data","definition","FieldRow","FormField","label","displayName","dataHook","id","Box","minHeight","verticalAlign","isReferenceField","EntityPageReferenceValue","value","FieldCell","type","fieldId","columnId","row","isReference","customForm","form","undefined","FieldInput","process","env","NODE_ENV","Error","customType","ScalarInput","inner","EntityPageReferenceField","EntityPageCustomField","children","direction","gap","width","helpText","Text","size","secondary"],"sources":["../../../../src/components/EntityPageFields/EntityPageField.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { Box, FormField, Text } from '@wix/design-system';\nimport type {\n  Field,\n  FieldTypeDefinition,\n  PatternsFieldType,\n} from '@wix/bex-core';\nimport { isReferenceField } from '@wix/bex-core';\nimport type { Control } from '@wix/bex-core/form';\nimport { FieldCell } from '../FieldCell/FieldCell';\nimport { EntityPageReferenceField } from './EntityPageReferenceField';\nimport { EntityPageReferenceValue } from './EntityPageReferenceValue';\nimport { EntityPageCustomField } from './EntityPageCustomField';\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// Every type renders on the entity page: REFERENCE / MULTI_REFERENCE go\n// through EntityPageReferenceField (they need referenced-collection data),\n// CUSTOM through its definition's form slot, and everything else through this\n// map. The exhaustive Record makes adding a PatternsFieldType without a form\n// renderer a compile error.\nconst FIELD_INPUTS: Record<\n  Exclude<PatternsFieldType, 'REFERENCE' | 'MULTI_REFERENCE' | 'CUSTOM'>,\n  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  /** Value only: no input, and not registered in the form. */\n  readOnly?: boolean;\n  formControl: Control<any>;\n  /** The entity, used by each renderer to seed its form default value. */\n  data: Record<string, unknown>;\n  /** The field type definition a CUSTOM field resolved on its source. */\n  definition?: FieldTypeDefinition;\n}\n\n// Each built-in renderer owns its own react-hook-form wiring (useController\n// keyed on field.id), so this only needs to pick the renderer and pass the\n// field. A CUSTOM field's form component gets that wiring done for it by\n// EntityPageCustomField instead.\nexport function EntityPageField({\n  field,\n  readOnly = false,\n  formControl,\n  data,\n  definition,\n}: EntityPageFieldProps) {\n  if (readOnly) {\n    return (\n      <FieldRow field={field}>\n        <FormField\n          label={field.displayName}\n          dataHook={`entity-page-field-${field.id}`}\n        >\n          <Box\n            minHeight=\"36px\"\n            verticalAlign=\"middle\"\n            dataHook={`entity-page-field-${field.id}-value`}\n          >\n            {isReferenceField(field) ? (\n              <EntityPageReferenceValue field={field} value={data[field.id]} />\n            ) : (\n              <FieldCell\n                value={data[field.id]}\n                type={field.type}\n                fieldId={field.id}\n                columnId={field.id}\n                row={data}\n                definition={definition}\n              />\n            )}\n          </Box>\n        </FormField>\n      </FieldRow>\n    );\n  }\n\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 = isReferenceField(field);\n  const customForm = field.type === 'CUSTOM' ? definition?.form : undefined;\n  const FieldInput = FIELD_INPUTS[field.type as keyof typeof FIELD_INPUTS] as\n    | React.ComponentType<any>\n    | undefined;\n\n  if (!isReference && !customForm && !FieldInput) {\n    // A CUSTOM field on an entity page needs its type's `form` config — throw\n    // in development so the gap is impossible to miss. Production degrades by\n    // skipping the field instead of crashing the page. Types outside the\n    // contract have nothing to render either way.\n    if (field.type === 'CUSTOM' && process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        definition\n          ? `The custom field type \"${field.customType}\" has no \\`form\\` config, but its field \"${field.id}\" renders on an entity page. Add \\`form: { Component }\\` to the type definition.`\n          : `Field \"${field.id}\" references the custom type \"${field.customType}\", but the source's fieldTypes has no matching definition.`,\n      );\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  ) : customForm ? (\n    <EntityPageCustomField\n      field={field}\n      formControl={formControl}\n      data={data}\n      definition={definition!}\n      dataHook={`entity-page-field-${field.id}`}\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 <FieldRow field={field}>{inner}</FieldRow>;\n}\n\nfunction FieldRow({\n  field,\n  children,\n}: {\n  field: Field;\n  children: React.ReactNode;\n}) {\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\" width=\"100%\">\n      {children}\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":"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","ignoreList":[]}

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

@@ -42,12 +42,12 @@ function _EntityPageFields({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 51,
         columnNumber: 12
       }
     });
   }
-  const fields = (0, _resolveEntityPageFields.resolveEntityPageFields)(schema.fields, schema.idField, fieldIds);
+  const fields = (0, _resolveEntityPageFields.resolveEntityPageFields)(schema.fields, fieldIds);
   const data = state.entity ?? {};
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -57,7 +57,7 @@ function _EntityPageFields({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 58,
       columnNumber: 5
     }
   }, fields.map(field => {
@@ -65,6 +65,7 @@ function _EntityPageFields({
     return /*#__PURE__*/_react.default.createElement(_EntityPageField.EntityPageField, {
       key: field.id,
       field: field,
+      readOnly: (0, _resolveEntityPageFields.isEntityPageReadOnlyField)(field, schema.idField),
       formControl: state.form.control,
       data: data,
       definition: (0, _bexCore.resolveFieldTypeDefinition)({
@@ -73,7 +74,7 @@ function _EntityPageFields({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 60,
         columnNumber: 9
       }
     });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_bexCore","_providers","_providers2","_resolveEntityPageFields","_EntityPageField","_jsxFileName","_EntityPageFields","dataHook","fieldIds","loading","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","_state$schemaSource","EntityPageField","key","id","formControl","form","control","definition","resolveFieldTypeDefinition","fieldTypes","schemaSource","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 { resolveFieldTypeDefinition } from '@wix/bex-core';\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  /** Whether to show a loading skeleton instead of the fields. */\n  loading?: boolean;\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  loading = false,\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 (loading || !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          definition={resolveFieldTypeDefinition(\n            { fieldTypes: state.schemaSource?.fieldTypes },\n            field,\n          )}\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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_bexCore","_providers","_providers2","_resolveEntityPageFields","_EntityPageField","_jsxFileName","_EntityPageFields","dataHook","fieldIds","loading","state","useEntityPageContext","fieldsContainer","usePatternsCmsFieldsContainer","schema","Error","initTask","status","isLoading","default","createElement","FieldsSkeleton","count","length","__self","__source","fileName","lineNumber","columnNumber","fields","resolveEntityPageFields","data","entity","Box","direction","gap","width","map","field","_state$schemaSource","EntityPageField","key","id","readOnly","isEntityPageReadOnlyField","idField","formControl","form","control","definition","resolveFieldTypeDefinition","fieldTypes","schemaSource","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 { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport { usePatternsCmsFieldsContainer } from '@wix/patterns-fields/providers';\nimport { useEntityPageContext } from '../../providers';\nimport {\n  isEntityPageReadOnlyField,\n  resolveEntityPageFields,\n} 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  /** Whether to show a loading skeleton instead of the fields. */\n  loading?: boolean;\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  loading = false,\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 (loading || !schema || state.initTask.status.isLoading) {\n    return <FieldsSkeleton count={fieldIds?.length} />;\n  }\n\n  const fields = resolveEntityPageFields(schema.fields, fieldIds);\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          readOnly={isEntityPageReadOnlyField(field, schema.idField)}\n          formControl={state.form.control}\n          data={data}\n          definition={resolveFieldTypeDefinition(\n            { fieldTypes: state.schemaSource?.fieldTypes },\n            field,\n          )}\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/EntityPageReferenceField.js

@@ -12,12 +12,9 @@ var _patternsFields = require("@wix/patterns-fields");
 var _providers = require("../../providers");
 var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
 var _useOpenCollectionOverlay = require("../../hooks/useOpenCollectionOverlay");
+var _useReferencedSchema = require("./useReferencedSchema");
 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 to the data-agnostic FormReference /
 // FormMultiReference renderers: it queries the
 // referenced collection for candidate items and derives the referenced schema's
@@ -27,16 +24,10 @@ function _EntityPageReferenceField({
   formControl,
   data
 }) {
-  var _referenceMetadata;
-  const state = (0, _providers.useEntityPageContext)();
-  const referencedCollectionId = (_referenceMetadata = field.referenceMetadata) == null ? void 0 : _referenceMetadata.referencedCollectionId;
-  const refSource = (0, _react.useMemo)(() => {
-    var _state$schemaSource, _state$schemaSource2;
-    if (!referencedCollectionId) {
-      return undefined;
-    }
-    return ((_state$schemaSource = state.schemaSource) == null || (_state$schemaSource = _state$schemaSource.references) == null ? void 0 : _state$schemaSource[referencedCollectionId]) ?? ((_state$schemaSource2 = state.schemaSource) == null || _state$schemaSource2.getReferencedCollectionSource == null ? void 0 : _state$schemaSource2.getReferencedCollectionSource(referencedCollectionId));
-  }, [referencedCollectionId, state.schemaSource]);
+  const {
+    refSource,
+    refSchema
+  } = (0, _useReferencedSchema.useReferencedSchema)(field);
   const collection = (0, _react2.useCollection)(refSource ? {
     queryName: `entity-page-reference-${refSource.collectionId}`,
     paginationMode: refSource.paginationMode,
@@ -54,21 +45,9 @@ function _EntityPageReferenceField({
     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 imageField = (0, _useReferencedSchema.imageFieldOf)(refSchema == null ? void 0 : refSchema.fields);
   const items = (0, _react.useMemo)(() => {
     if (!idField || !displayField) {
       return [];
@@ -125,14 +104,14 @@ function _EntityPageReferenceField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 118,
       columnNumber: 5
     }
   })) : /*#__PURE__*/_react.default.createElement(_patternsFields.FormReference, (0, _extends2.default)({}, shared, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 120,
       columnNumber: 5
     }
   }));
@@ -145,14 +124,14 @@ const EntityPageReferenceField = props => /*#__PURE__*/_react.default.createElem
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 165,
+    lineNumber: 131,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(EntityPageReferenceFieldContent, (0, _extends2.default)({}, props, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 166,
+    lineNumber: 132,
     columnNumber: 5
   }
 })));

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

@@ -1 +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","useEntityPageContext","referencedCollectionId","referenceMetadata","refSource","useMemo","_state$schemaSource","_state$schemaSource2","undefined","schemaSource","references","getReferencedCollectionSource","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","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 to the data-agnostic FormReference /\n// 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 = useMemo(() => {\n    if (!referencedCollectionId) {\n      return undefined;\n    }\n\n    return (\n      state.schemaSource?.references?.[referencedCollectionId] ??\n      state.schemaSource?.getReferencedCollectionSource?.(\n        referencedCollectionId,\n      )\n    );\n  }, [referencedCollectionId, state.schemaSource]);\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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_bexCore","_react2","_patternsFields","_providers","_useFilterCollectionStates","_useOpenCollectionOverlay","_useReferencedSchema","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EntityPageReferenceField","field","formControl","data","refSource","refSchema","useReferencedSchema","collection","useCollection","queryName","collectionId","paginationMode","fetchData","sourceFetchData","itemKey","itemName","id","items","total","row","String","useEffect","init","idField","displayField","imageField","imageFieldOf","fields","useMemo","result","keyedItems","map","ki","item","key","name","image","undefined","showInitialLoader","fixedFooter","useFilterCollectionStates","openReferencedCollection","useOpenCollectionOverlay","handleOpenCollection","clearResultAndMoveToStart","force","shared","value","onChange","dataHook","searchValue","query","search","onSearch","onClearSearch","clearSearch","hasMore","fetchedLastPage","loadMore","fetchNextPageIfNeeded","onOpenCollection","type","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 } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { sourceFetchData } from '@wix/bex-core';\nimport type { Field } 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 { FilterTranslationProvider } from '../../providers';\nimport { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';\nimport { useOpenCollectionOverlay } from '../../hooks/useOpenCollectionOverlay';\nimport { imageFieldOf, useReferencedSchema } from './useReferencedSchema';\n\ntype RefRow = Record<string, unknown>;\n\nexport interface EntityPageReferenceFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  data: Record<string, unknown>;\n}\n\n// Adapts a referenced SchemaSource to the data-agnostic FormReference /\n// 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 { refSource, refSchema } = useReferencedSchema(field);\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 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":[]}