@wix/patterns 1.430.0 → 1.431.0

package/dist/cjs/components/PrimaryActions/PrimaryActions.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.PrimaryActions = PrimaryActions;
 var _react = _interopRequireDefault(require("react"));
 var _ActionControl = require("../ActionControl/ActionControl");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _useSelector = require("../../useSelector");
 var _bi = require("@wix/bex-core/bi");
@@ -36,7 +36,7 @@ function PrimaryActions({
       }));
     },
     actionItem: {
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_wixUiIconsCommon","_react2","_useSelector","_bi","_useIsMobile","_jsxFileName","PrimaryActions","subItems","props","initTask","translate","t","reportBi","useWixPatternsContainer","useSelector","status","isMobile","useIsMobile","subItemsGrouped","Array","isArray","default","createElement","ActionControl","size","undefined","fullWidth","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","additionalInfo","biAdditionalInfo","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook","map","subItem","onClick"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions({ subItems, ...props }: ActionSubitem) {\n  const { initTask, translate: t, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n  const isMobile = useIsMobile();\n\n  const subItemsGrouped = subItems\n    ? Array.isArray(subItems?.[0])\n      ? (subItems as ActionSubitem[][])\n      : [subItems as ActionSubitem[]]\n    : subItems;\n\n  return (\n    <ActionControl\n      size={isMobile ? 'small' : undefined}\n      fullWidth={isMobile}\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'primary page dropdown',\n            additionalInfo: props.biAdditionalInfo,\n          }),\n        );\n      }}\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n        subItems: subItemsGrouped?.map((subItems) =>\n          subItems?.map((subItem) => ({\n            ...subItem,\n            onClick: () => {\n              reportBi(\n                cairoPageCtaClicked({\n                  location: 'Collection Page Header',\n                  pageType: 'Collection',\n                  ctaName: subItem.biName ?? '',\n                  ctaType: 'primary page option',\n                  additionalInfo: subItem.biAdditionalInfo,\n                }),\n              );\n              subItem.onClick?.();\n            },\n          })),\n        ),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'primary page button',\n              additionalInfo: props.biAdditionalInfo,\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_lazy","_react2","_useSelector","_bi","_useIsMobile","_jsxFileName","PrimaryActions","subItems","props","initTask","translate","t","reportBi","useWixPatternsContainer","useSelector","status","isMobile","useIsMobile","subItemsGrouped","Array","isArray","default","createElement","ActionControl","size","undefined","fullWidth","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","additionalInfo","biAdditionalInfo","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook","map","subItem","onClick"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions({ subItems, ...props }: ActionSubitem) {\n  const { initTask, translate: t, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n  const isMobile = useIsMobile();\n\n  const subItemsGrouped = subItems\n    ? Array.isArray(subItems?.[0])\n      ? (subItems as ActionSubitem[][])\n      : [subItems as ActionSubitem[]]\n    : subItems;\n\n  return (\n    <ActionControl\n      size={isMobile ? 'small' : undefined}\n      fullWidth={isMobile}\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'primary page dropdown',\n            additionalInfo: props.biAdditionalInfo,\n          }),\n        );\n      }}\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n        subItems: subItemsGrouped?.map((subItems) =>\n          subItems?.map((subItem) => ({\n            ...subItem,\n            onClick: () => {\n              reportBi(\n                cairoPageCtaClicked({\n                  location: 'Collection Page Header',\n                  pageType: 'Collection',\n                  ctaName: subItem.biName ?? '',\n                  ctaType: 'primary page option',\n                  additionalInfo: subItem.biAdditionalInfo,\n                }),\n              );\n              subItem.onClick?.();\n            },\n          })),\n        ),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'primary page button',\n              additionalInfo: props.biAdditionalInfo,\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PrimaryPageButton/PrimaryPageButton.js

@@ -6,7 +6,7 @@ exports.PrimaryPageButton = PrimaryPageButton;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _bi = require("@wix/bex-core/bi");
 var _usePageButtonBiParams = require("../usePageButtonBiParams");
@@ -31,7 +31,7 @@ function PrimaryPageButton({
     location
   } = (0, _usePageButtonBiParams.usePageButtonBiParams)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({}, rest, {
-    prefixIcon: prefixIcon ?? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: prefixIcon ?? /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_bi","_usePageButtonBiParams","_jsxFileName","PrimaryPageButton","onClick","text","prefixIcon","rest","translate","t","reportBi","useWixPatternsContainer","content","pageType","location","usePageButtonBiParams","default","createElement","Button","_extends2","Add","__self","__source","fileName","lineNumber","columnNumber","size","skin","as","e","cairoPageCtaClicked","ctaName","ctaType","componentType","section"],"sources":["../../../../src/components/PrimaryPageButton/PrimaryPageButton.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\ninterface PrimaryPageButtonBaseProps {\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * The button content, defaults to \"Create New\"\n   * @external\n   */\n  text?: string;\n}\n\nexport type PrimaryPageButtonProps = PrimaryPageButtonBaseProps &\n  Omit<ButtonProps, 'children' | 'onClick' | 'size' | 'skin'>;\n\nexport type PrimaryPageButtonElement = ReactElement<\n  PrimaryPageButtonProps,\n  typeof PrimaryPageButton\n>;\n\n/**\n * @deprecated\n * Use `PrimaryActions` component instead.\n */\nexport function PrimaryPageButton({\n  onClick,\n  text,\n  prefixIcon,\n  ...rest\n}: PrimaryPageButtonProps) {\n  const { translate: t, reportBi } = useWixPatternsContainer();\n  const content = text ?? t('cairo.page.primary.cta');\n  const { pageType, location } = usePageButtonBiParams();\n\n  return (\n    <Button\n      {...rest}\n      prefixIcon={prefixIcon ?? <Add />}\n      size=\"medium\"\n      skin=\"standard\"\n      as=\"button\"\n      onClick={(e) => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: content,\n            ctaType: 'Primary Page Button',\n            location,\n            componentType: 'Page',\n            pageType,\n            section: 'Vertical',\n          }),\n        );\n\n        onClick(e);\n      }}\n    >\n      {content}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AAAiE,IAAAM,YAAA;AAoBjE;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAC;EAChCC,OAAO;EACPC,IAAI;EACJC,UAAU;EACV,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,OAAO,GAAGP,IAAI,IAAII,CAAC,CAAC,wBAAwB,CAAC;EACnD,MAAM;IAAEI,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEtD,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA,MACDT,IAAI;IACRD,UAAU,EAAEA,UAAU,iBAAIZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAAsB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAClCC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,UAAU;IACfC,EAAE,EAAC,QAAQ;IACXxB,OAAO,EAAGyB,CAAC,IAAK;MACdnB,QAAQ,CACN,IAAAoB,uBAAmB,EAAC;QAClBC,OAAO,EAAEnB,OAAO;QAChBoB,OAAO,EAAE,qBAAqB;QAC9BlB,QAAQ;QACRmB,aAAa,EAAE,MAAM;QACrBpB,QAAQ;QACRqB,OAAO,EAAE;MACX,CAAC,CACH,CAAC;MAED9B,OAAO,CAACyB,CAAC,CAAC;IACZ,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDb,OACK,CAAC;AAEb","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_bi","_usePageButtonBiParams","_jsxFileName","PrimaryPageButton","onClick","text","prefixIcon","rest","translate","t","reportBi","useWixPatternsContainer","content","pageType","location","usePageButtonBiParams","default","createElement","Button","_extends2","Add","__self","__source","fileName","lineNumber","columnNumber","size","skin","as","e","cairoPageCtaClicked","ctaName","ctaType","componentType","section"],"sources":["../../../../src/components/PrimaryPageButton/PrimaryPageButton.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\ninterface PrimaryPageButtonBaseProps {\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * The button content, defaults to \"Create New\"\n   * @external\n   */\n  text?: string;\n}\n\nexport type PrimaryPageButtonProps = PrimaryPageButtonBaseProps &\n  Omit<ButtonProps, 'children' | 'onClick' | 'size' | 'skin'>;\n\nexport type PrimaryPageButtonElement = ReactElement<\n  PrimaryPageButtonProps,\n  typeof PrimaryPageButton\n>;\n\n/**\n * @deprecated\n * Use `PrimaryActions` component instead.\n */\nexport function PrimaryPageButton({\n  onClick,\n  text,\n  prefixIcon,\n  ...rest\n}: PrimaryPageButtonProps) {\n  const { translate: t, reportBi } = useWixPatternsContainer();\n  const content = text ?? t('cairo.page.primary.cta');\n  const { pageType, location } = usePageButtonBiParams();\n\n  return (\n    <Button\n      {...rest}\n      prefixIcon={prefixIcon ?? <Add />}\n      size=\"medium\"\n      skin=\"standard\"\n      as=\"button\"\n      onClick={(e) => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: content,\n            ctaType: 'Primary Page Button',\n            location,\n            componentType: 'Page',\n            pageType,\n            section: 'Vertical',\n          }),\n        );\n\n        onClick(e);\n      }}\n    >\n      {content}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AAAiE,IAAAM,YAAA;AAoBjE;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAC;EAChCC,OAAO;EACPC,IAAI;EACJC,UAAU;EACV,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,OAAO,GAAGP,IAAI,IAAII,CAAC,CAAC,wBAAwB,CAAC;EACnD,MAAM;IAAEI,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEtD,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA,MACDT,IAAI;IACRD,UAAU,EAAEA,UAAU,iBAAIZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAAsB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAClCC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,UAAU;IACfC,EAAE,EAAC,QAAQ;IACXxB,OAAO,EAAGyB,CAAC,IAAK;MACdnB,QAAQ,CACN,IAAAoB,uBAAmB,EAAC;QAClBC,OAAO,EAAEnB,OAAO;QAChBoB,OAAO,EAAE,qBAAqB;QAC9BlB,QAAQ;QACRmB,aAAa,EAAE,MAAM;QACrBpB,QAAQ;QACRqB,OAAO,EAAE;MACX,CAAC,CACH,CAAC;MAED9B,OAAO,CAACyB,CAAC,CAAC;IACZ,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDb,OACK,CAAC;AAEb","ignoreList":[]}

package/dist/cjs/components/RequestId/RequestId.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.RequestId = void 0;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/RequestId/RequestId.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 RequestId = props => {
@@ -110,7 +110,7 @@ const RequestId = props => {
     as: "button",
     ariaLabel: "click me for details",
     dataHook: "request-id-trigger-element",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircleSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.InfoCircleSmall, {
       fill: appearanceStyle.infoIconColor,
       cursor: "default",
       __self: void 0,
@@ -181,7 +181,7 @@ const RequestId = props => {
     isCopied,
     copyToClipboard
   }) => /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DuplicateSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RequestId","props","value","appearance","locale","dataHook","firstValue","split","messages","setMessages","React","useState","useEffect","loadMessages","module","specifier","Promise","then","s","error","shown","setShown","openPopover","closePopover","appearanceStyle","useMemo","infoIconColor","textSize","textLight","createElement","Box","gap","justifyItems","__self","__source","fileName","lineNumber","columnNumber","placeItems","Text","size","weight","light","secondary","Popover","showArrow","animate","placement","onMouseEnter","onMouseLeave","zIndex","appendTo","Element","TextButton","as","ariaLabel","prefixIcon","InfoCircleSmall","fill","cursor","Content","padding","width","display","skin","description","marginTop","CopyClipboard","isCopied","copyToClipboard","DuplicateSmall","onClick","copiedSuccess","cta","exports"],"sources":["../../../../src/components/RequestId/RequestId.tsx"],"sourcesContent":["import {\n  Box,\n  CopyClipboard,\n  Popover,\n  Text,\n  TextButton,\n  TextSize,\n} from '@wix/design-system';\nimport React, { useEffect, useMemo } from 'react';\nimport { DuplicateSmall, InfoCircleSmall } from '@wix/wix-ui-icons-common';\n\nexport interface RequestIdProps {\n  /**\n   * Request ID value.\n   * @external\n   */\n  value: string;\n  /**\n   * Appearance of the component.\n   * @external\n   */\n  appearance?: 'standard' | 'light';\n  /**\n   * Locale to use for translations.\n   * @external\n   */\n  locale: string;\n  /**\n   * Data hook for testing purposes\n   * @external\n   */\n  dataHook?: string;\n}\n\nexport const RequestId = (props: RequestIdProps) => {\n  const { value, appearance, locale, dataHook = 'request-id' } = props;\n\n  const firstValue = value.split(',')[0];\n  const [messages, setMessages] = React.useState<{\n    description: string;\n    cta: string;\n    copiedSuccess: string;\n  } | null>(null);\n\n  useEffect(() => {\n    const loadMessages = async () => {\n      try {\n        const module = await import(\n          /* webpackChunkName: `request-id-locale-messages-[request]-json` */ `./assets/locale/messages_${locale}.json`\n        );\n        setMessages(module.default);\n      } catch (error) {\n        setMessages(require('./assets/locale/messages_en.json'));\n      }\n    };\n\n    loadMessages();\n  }, [locale]);\n\n  const [shown, setShown] = React.useState(false);\n  const openPopover = () => setShown(true);\n  const closePopover = () => setShown(false);\n\n  const appearanceStyle = useMemo(() => {\n    if (appearance === 'light') {\n      return {\n        infoIconColor: 'var(--wsr-color-D40, #868aa5)',\n        textSize: 'small' as TextSize,\n        textLight: true,\n      };\n    }\n    return {\n      infoIconColor: 'var(--wsr-color-100, #116DFF)',\n      textSize: 'tiny' as TextSize,\n      textLight: false,\n    };\n  }, [appearance]);\n\n  return (\n    <Box gap=\"3px\" dataHook={dataHook} justifyItems=\"center\">\n      <Box placeItems=\"center\">\n        <Text\n          size={appearanceStyle.textSize}\n          weight=\"thin\"\n          light={appearanceStyle.textLight}\n          secondary\n          dataHook=\"request-id-value\"\n        >\n          {`Request ID: ${firstValue}`}\n        </Text>\n      </Box>\n      <Popover\n        showArrow\n        animate\n        placement=\"auto\"\n        shown={shown}\n        onMouseEnter={() => openPopover()}\n        onMouseLeave={() => closePopover()}\n        dataHook=\"request-id-popover\"\n        zIndex={6000} // showToast z-index is 5500\n        appendTo=\"window\"\n      >\n        <Popover.Element>\n          <Box>\n            <TextButton\n              size=\"small\"\n              as=\"button\"\n              ariaLabel=\"click me for details\"\n              dataHook=\"request-id-trigger-element\"\n              prefixIcon={\n                <InfoCircleSmall\n                  fill={appearanceStyle.infoIconColor}\n                  cursor=\"default\"\n                />\n              }\n            />\n          </Box>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"24px 24px\" width={350} display=\"block\">\n            <div>\n              <Text\n                size=\"small\"\n                skin=\"standard\"\n                weight=\"thin\"\n                dataHook=\"request-id-description\"\n              >\n                {messages?.description}\n              </Text>\n            </div>\n            <Box marginTop={2}>\n              <CopyClipboard value={value}>\n                {({ isCopied, copyToClipboard }) => (\n                  <TextButton\n                    prefixIcon={<DuplicateSmall />}\n                    size=\"small\"\n                    onClick={() => copyToClipboard()}\n                    dataHook=\"request-id-copy-button\"\n                  >\n                    {isCopied ? messages?.copiedSuccess : messages?.cta}\n                  </TextButton>\n                )}\n              </CopyClipboard>\n            </Box>\n          </Box>\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_lazy","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RequestId","props","value","appearance","locale","dataHook","firstValue","split","messages","setMessages","React","useState","useEffect","loadMessages","module","specifier","Promise","then","s","error","shown","setShown","openPopover","closePopover","appearanceStyle","useMemo","infoIconColor","textSize","textLight","createElement","Box","gap","justifyItems","__self","__source","fileName","lineNumber","columnNumber","placeItems","Text","size","weight","light","secondary","Popover","showArrow","animate","placement","onMouseEnter","onMouseLeave","zIndex","appendTo","Element","TextButton","as","ariaLabel","prefixIcon","InfoCircleSmall","fill","cursor","Content","padding","width","display","skin","description","marginTop","CopyClipboard","isCopied","copyToClipboard","DuplicateSmall","onClick","copiedSuccess","cta","exports"],"sources":["../../../../src/components/RequestId/RequestId.tsx"],"sourcesContent":["import {\n  Box,\n  CopyClipboard,\n  Popover,\n  Text,\n  TextButton,\n  TextSize,\n} from '@wix/design-system';\nimport React, { useEffect, useMemo } from 'react';\nimport { DuplicateSmall, InfoCircleSmall } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface RequestIdProps {\n  /**\n   * Request ID value.\n   * @external\n   */\n  value: string;\n  /**\n   * Appearance of the component.\n   * @external\n   */\n  appearance?: 'standard' | 'light';\n  /**\n   * Locale to use for translations.\n   * @external\n   */\n  locale: string;\n  /**\n   * Data hook for testing purposes\n   * @external\n   */\n  dataHook?: string;\n}\n\nexport const RequestId = (props: RequestIdProps) => {\n  const { value, appearance, locale, dataHook = 'request-id' } = props;\n\n  const firstValue = value.split(',')[0];\n  const [messages, setMessages] = React.useState<{\n    description: string;\n    cta: string;\n    copiedSuccess: string;\n  } | null>(null);\n\n  useEffect(() => {\n    const loadMessages = async () => {\n      try {\n        const module = await import(\n          /* webpackChunkName: `request-id-locale-messages-[request]-json` */ `./assets/locale/messages_${locale}.json`\n        );\n        setMessages(module.default);\n      } catch (error) {\n        setMessages(require('./assets/locale/messages_en.json'));\n      }\n    };\n\n    loadMessages();\n  }, [locale]);\n\n  const [shown, setShown] = React.useState(false);\n  const openPopover = () => setShown(true);\n  const closePopover = () => setShown(false);\n\n  const appearanceStyle = useMemo(() => {\n    if (appearance === 'light') {\n      return {\n        infoIconColor: 'var(--wsr-color-D40, #868aa5)',\n        textSize: 'small' as TextSize,\n        textLight: true,\n      };\n    }\n    return {\n      infoIconColor: 'var(--wsr-color-100, #116DFF)',\n      textSize: 'tiny' as TextSize,\n      textLight: false,\n    };\n  }, [appearance]);\n\n  return (\n    <Box gap=\"3px\" dataHook={dataHook} justifyItems=\"center\">\n      <Box placeItems=\"center\">\n        <Text\n          size={appearanceStyle.textSize}\n          weight=\"thin\"\n          light={appearanceStyle.textLight}\n          secondary\n          dataHook=\"request-id-value\"\n        >\n          {`Request ID: ${firstValue}`}\n        </Text>\n      </Box>\n      <Popover\n        showArrow\n        animate\n        placement=\"auto\"\n        shown={shown}\n        onMouseEnter={() => openPopover()}\n        onMouseLeave={() => closePopover()}\n        dataHook=\"request-id-popover\"\n        zIndex={6000} // showToast z-index is 5500\n        appendTo=\"window\"\n      >\n        <Popover.Element>\n          <Box>\n            <TextButton\n              size=\"small\"\n              as=\"button\"\n              ariaLabel=\"click me for details\"\n              dataHook=\"request-id-trigger-element\"\n              prefixIcon={\n                <InfoCircleSmall\n                  fill={appearanceStyle.infoIconColor}\n                  cursor=\"default\"\n                />\n              }\n            />\n          </Box>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"24px 24px\" width={350} display=\"block\">\n            <div>\n              <Text\n                size=\"small\"\n                skin=\"standard\"\n                weight=\"thin\"\n                dataHook=\"request-id-description\"\n              >\n                {messages?.description}\n              </Text>\n            </div>\n            <Box marginTop={2}>\n              <CopyClipboard value={value}>\n                {({ isCopied, copyToClipboard }) => (\n                  <TextButton\n                    prefixIcon={<DuplicateSmall />}\n                    size=\"small\"\n                    onClick={() => copyToClipboard()}\n                    dataHook=\"request-id-copy-button\"\n                  >\n                    {isCopied ? messages?.copiedSuccess : messages?.cta}\n                  </TextButton>\n                )}\n              </CopyClipboard>\n            </Box>\n          </Box>\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaCard/SchemaCard.js

@@ -14,7 +14,7 @@ var _CustomColumnsEntityPagePanelMount = require("../CustomColumnsPanel/CustomCo
 var _SchemaContext = require("../../providers/SchemaContext");
 var _CustomColumnsDragAndDrop = require("../CustomColumns/CustomColumnsDragAndDrop");
 var _SchemaCardState = require("../../state/SchemaCard/SchemaCardState");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SchemaCard/SchemaCard.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _SchemaCard({
@@ -122,7 +122,7 @@ function _SchemaCard({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: "schema-card-add-field",
     onClick: schemaContext.addField,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_SidePanelsState","_CustomColumnsEntityPageState","_CustomColumnsEntityPagePanelMount","_SchemaContext","_CustomColumnsDragAndDrop","_SchemaCardState","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SchemaCard","title","subtitle","renderField","rest","container","useWixPatternsContainer","translate","modalsContainerRef","usePageContext","schemaContext","useSchemaContext","schema","fields","useMemo","keys","filter","id","map","schemaCardState","useState","length","SchemaCardState","persistencyKey","useEffect","init","fieldsState","state","panels","SidePanelsState","panelGroupName","CustomColumnsEntityPageState","showFieldTypeIcons","dragAndDrop","CustomColumnsDragAndDrop","createElement","Card","_extends2","__self","__source","fileName","lineNumber","columnNumber","Header","suffix","Button","size","priority","dataHook","onClick","toggleSidePanel","undefined","Divider","Content","Layout","orderedFields","isFieldVisible","addField","Box","padding","boxSizing","width","TextButton","prefixIcon","Add","CustomColumnsEntityPagePanelMount","displayName","SchemaCard","exports","observer"],"sources":["../../../../src/components/SchemaCard/SchemaCard.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  TextButton,\n  Box,\n  Button,\n  Card,\n  CardProps,\n  Layout,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SidePanelsState } from '../../state/SidePanelsState';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { CustomColumnsEntityPagePanelMount } from '../CustomColumnsPanel/CustomColumnsEntityPagePanelMount';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';\nimport { Add } from '@wix/wix-ui-icons-common';\n\nexport interface SchemaCardProps extends Omit<CardProps, 'children'> {\n  title: string;\n  subtitle?: string;\n  renderField: (fieldId: string) => React.ReactNode;\n}\n\nfunction _SchemaCard({\n  title,\n  subtitle,\n  renderField,\n  ...rest\n}: SchemaCardProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modalsContainerRef } = usePageContext();\n  const schemaContext = useSchemaContext();\n  const schema = schemaContext?.schema;\n\n  const fields = useMemo(\n    () =>\n      schema\n        ? Object.keys(schema.fields)\n            .filter((id) => schema.fields[id])\n            .map((id) => ({ id }))\n        : [],\n    [schema?.fields],\n  );\n\n  const [schemaCardState] = useState(() =>\n    schema && fields.length > 0\n      ? new SchemaCardState({\n          fields,\n          persistencyKey: schema.id,\n          container,\n        })\n      : null,\n  );\n\n  useEffect(() => schemaCardState?.init(), []);\n\n  const fieldsState = schemaCardState?.fieldsState;\n\n  const state = useMemo(() => {\n    if (!fieldsState || !schema) {\n      return null;\n    }\n    const panels = new SidePanelsState({\n      container,\n      panelGroupName: 'entity-page',\n    });\n    return new CustomColumnsEntityPageState({\n      container,\n      panels,\n      fieldsState,\n      schema,\n      showFieldTypeIcons: true,\n      dragAndDrop: CustomColumnsDragAndDrop,\n      modalsContainerRef,\n    });\n  }, [fieldsState, schema]);\n\n  return (\n    <Card {...rest}>\n      <Card.Header\n        title={title}\n        subtitle={subtitle}\n        suffix={\n          state ? (\n            <Button\n              size=\"small\"\n              priority=\"secondary\"\n              dataHook=\"schema-card-manage-fields-button\"\n              onClick={() => state.panels.toggleSidePanel('customColumns')}\n            >\n              {t('cairo.table.manage-fields.button.cta')}\n            </Button>\n          ) : undefined\n        }\n      />\n      <Card.Divider />\n      <Card.Content>\n        <Layout>\n          {fieldsState &&\n            fieldsState.orderedFields\n              .filter((f) => fieldsState.isFieldVisible(f.id))\n              .map((f) => renderField(f.id))}\n        </Layout>\n      </Card.Content>\n      {schemaContext?.addField && (\n        <Box padding=\"SP4\" boxSizing=\"border-box\" width=\"100%\">\n          <TextButton\n            dataHook=\"schema-card-add-field\"\n            onClick={schemaContext.addField}\n            prefixIcon={<Add />}\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </TextButton>\n        </Box>\n      )}\n      {state && <CustomColumnsEntityPagePanelMount state={state} />}\n    </Card>\n  );\n}\n\n_SchemaCard.displayName = 'SchemaCard';\n\nexport const SchemaCard = observer(_SchemaCard);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_SidePanelsState","_CustomColumnsEntityPageState","_CustomColumnsEntityPagePanelMount","_SchemaContext","_CustomColumnsDragAndDrop","_SchemaCardState","_lazy","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SchemaCard","title","subtitle","renderField","rest","container","useWixPatternsContainer","translate","modalsContainerRef","usePageContext","schemaContext","useSchemaContext","schema","fields","useMemo","keys","filter","id","map","schemaCardState","useState","length","SchemaCardState","persistencyKey","useEffect","init","fieldsState","state","panels","SidePanelsState","panelGroupName","CustomColumnsEntityPageState","showFieldTypeIcons","dragAndDrop","CustomColumnsDragAndDrop","createElement","Card","_extends2","__self","__source","fileName","lineNumber","columnNumber","Header","suffix","Button","size","priority","dataHook","onClick","toggleSidePanel","undefined","Divider","Content","Layout","orderedFields","isFieldVisible","addField","Box","padding","boxSizing","width","TextButton","prefixIcon","Add","CustomColumnsEntityPagePanelMount","displayName","SchemaCard","exports","observer"],"sources":["../../../../src/components/SchemaCard/SchemaCard.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  TextButton,\n  Box,\n  Button,\n  Card,\n  CardProps,\n  Layout,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SidePanelsState } from '../../state/SidePanelsState';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { CustomColumnsEntityPagePanelMount } from '../CustomColumnsPanel/CustomColumnsEntityPagePanelMount';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface SchemaCardProps extends Omit<CardProps, 'children'> {\n  title: string;\n  subtitle?: string;\n  renderField: (fieldId: string) => React.ReactNode;\n}\n\nfunction _SchemaCard({\n  title,\n  subtitle,\n  renderField,\n  ...rest\n}: SchemaCardProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modalsContainerRef } = usePageContext();\n  const schemaContext = useSchemaContext();\n  const schema = schemaContext?.schema;\n\n  const fields = useMemo(\n    () =>\n      schema\n        ? Object.keys(schema.fields)\n            .filter((id) => schema.fields[id])\n            .map((id) => ({ id }))\n        : [],\n    [schema?.fields],\n  );\n\n  const [schemaCardState] = useState(() =>\n    schema && fields.length > 0\n      ? new SchemaCardState({\n          fields,\n          persistencyKey: schema.id,\n          container,\n        })\n      : null,\n  );\n\n  useEffect(() => schemaCardState?.init(), []);\n\n  const fieldsState = schemaCardState?.fieldsState;\n\n  const state = useMemo(() => {\n    if (!fieldsState || !schema) {\n      return null;\n    }\n    const panels = new SidePanelsState({\n      container,\n      panelGroupName: 'entity-page',\n    });\n    return new CustomColumnsEntityPageState({\n      container,\n      panels,\n      fieldsState,\n      schema,\n      showFieldTypeIcons: true,\n      dragAndDrop: CustomColumnsDragAndDrop,\n      modalsContainerRef,\n    });\n  }, [fieldsState, schema]);\n\n  return (\n    <Card {...rest}>\n      <Card.Header\n        title={title}\n        subtitle={subtitle}\n        suffix={\n          state ? (\n            <Button\n              size=\"small\"\n              priority=\"secondary\"\n              dataHook=\"schema-card-manage-fields-button\"\n              onClick={() => state.panels.toggleSidePanel('customColumns')}\n            >\n              {t('cairo.table.manage-fields.button.cta')}\n            </Button>\n          ) : undefined\n        }\n      />\n      <Card.Divider />\n      <Card.Content>\n        <Layout>\n          {fieldsState &&\n            fieldsState.orderedFields\n              .filter((f) => fieldsState.isFieldVisible(f.id))\n              .map((f) => renderField(f.id))}\n        </Layout>\n      </Card.Content>\n      {schemaContext?.addField && (\n        <Box padding=\"SP4\" boxSizing=\"border-box\" width=\"100%\">\n          <TextButton\n            dataHook=\"schema-card-add-field\"\n            onClick={schemaContext.addField}\n            prefixIcon={<Add />}\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </TextButton>\n        </Box>\n      )}\n      {state && <CustomColumnsEntityPagePanelMount state={state} />}\n    </Card>\n  );\n}\n\n_SchemaCard.displayName = 'SchemaCard';\n\nexport const SchemaCard = observer(_SchemaCard);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaSource/ReferenceFieldCell.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ReferenceFieldCell = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SchemaSource/ReferenceFieldCell.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); }
+// The reference views live in @wix/patterns-fields, which statically pulls the
+// rich-text editor and media SDKs — loaded lazily here for the same reason
+// FieldCell does it.
+function lazyView(pick) {
+  const C = /*#__PURE__*/_react.default.lazy(async () => ({
+    default: pick(await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/patterns-fields'))))
+  }));
+  return props => /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 16,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, props, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 7
+    }
+  })));
+}
+const CellReferenceView = lazyView(m => m.CellReferenceView);
+const CellMultiReferenceView = lazyView(m => m.CellMultiReferenceView);
+/**
+ * A reference value in a display column. `FieldCell` can't render one: the label
+ * lives in the referenced item's display field, which only the source knows.
+ *
+ * An observer, so the cell fills in when the referenced schema resolves — before
+ * that there is no display field to read and the cell stays empty.
+ */
+function _ReferenceFieldCell({
+  state,
+  field,
+  row,
+  fieldId
+}) {
+  var _Object$entries$find;
+  const refSchema = state.referenceCells.refSchemaFor(field);
+  const value = state.fieldsSource.getCellValue(row, field);
+  if (!refSchema || value == null) {
+    return null;
+  }
+  const {
+    displayField,
+    fields
+  } = refSchema;
+  const imageField = (_Object$entries$find = Object.entries(fields ?? {}).find(([, f]) => (f == null ? void 0 : f.type) === 'IMAGE')) == null ? void 0 : _Object$entries$find[0];
+  const labelOf = item => {
+    // A value that was never expanded (a bare id) has no label to show.
+    if (!item || typeof item !== 'object') {
+      return undefined;
+    }
+    const record = item;
+    return {
+      name: String(record[displayField] ?? ''),
+      image: imageField ? record[imageField] : undefined
+    };
+  };
+  if (field.type === 'MULTI_REFERENCE') {
+    const items = [];
+    (Array.isArray(value) ? value : []).forEach((item, i) => {
+      const label = labelOf(item);
+      if (label) {
+        items.push({
+          id: `${fieldId}-${i}`,
+          ...label
+        });
+      }
+    });
+    return items.length ? /*#__PURE__*/_react.default.createElement(CellMultiReferenceView, {
+      items: items,
+      fieldId: fieldId,
+      dataHook: "multi-reference-view",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 80,
+        columnNumber: 7
+      }
+    }) : null;
+  }
+  const label = labelOf(value);
+  return label ? /*#__PURE__*/_react.default.createElement(CellReferenceView, {
+    name: label.name,
+    imageUrl: label.image,
+    dataHook: "reference-view",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 5
+    }
+  }) : null;
+}
+const ReferenceFieldCell = exports.ReferenceFieldCell = (0, _mobxReactLite.observer)(_ReferenceFieldCell);
+//# sourceMappingURL=ReferenceFieldCell.js.map

package/dist/cjs/components/SchemaSource/ReferenceFieldCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","lazyView","pick","C","React","lazy","Promise","resolve","then","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","CellReferenceView","m","CellMultiReferenceView","_ReferenceFieldCell","state","field","row","fieldId","_Object$entries$find","refSchema","referenceCells","refSchemaFor","value","fieldsSource","getCellValue","displayField","fields","imageField","entries","find","type","labelOf","item","undefined","record","name","String","image","items","Array","isArray","forEach","label","push","id","length","dataHook","imageUrl","ReferenceFieldCell","exports","observer"],"sources":["../../../../src/components/SchemaSource/ReferenceFieldCell.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { Field } from '@wix/bex-core';\nimport type { SchemaState } from './SchemaState';\n\n// The reference views live in @wix/patterns-fields, which statically pulls the\n// rich-text editor and media SDKs — loaded lazily here for the same reason\n// FieldCell does it.\nfunction lazyView<P extends object>(\n  pick: (m: typeof import('@wix/patterns-fields')) => React.ComponentType<P>,\n) {\n  const C = React.lazy(async () => ({\n    default: pick(await import('@wix/patterns-fields')),\n  }));\n  return (props: P) => (\n    <Suspense fallback={null}>\n      <C {...props} />\n    </Suspense>\n  );\n}\n\nconst CellReferenceView = lazyView((m) => m.CellReferenceView);\nconst CellMultiReferenceView = lazyView((m) => m.CellMultiReferenceView);\n\nexport interface ReferenceFieldCellProps {\n  state: SchemaState<any>;\n  field: Field;\n  row: unknown;\n  /** Stable DOM id prefix for the multi-reference tags. */\n  fieldId: string;\n}\n\n/**\n * A reference value in a display column. `FieldCell` can't render one: the label\n * lives in the referenced item's display field, which only the source knows.\n *\n * An observer, so the cell fills in when the referenced schema resolves — before\n * that there is no display field to read and the cell stays empty.\n */\nfunction _ReferenceFieldCell({\n  state,\n  field,\n  row,\n  fieldId,\n}: ReferenceFieldCellProps) {\n  const refSchema = state.referenceCells.refSchemaFor(field);\n  const value = state.fieldsSource.getCellValue(row, field);\n  if (!refSchema || value == null) {\n    return null;\n  }\n\n  const { displayField, fields } = refSchema;\n  const imageField = Object.entries(fields ?? {}).find(\n    ([, f]) => f?.type === 'IMAGE',\n  )?.[0];\n\n  const labelOf = (item: unknown) => {\n    // A value that was never expanded (a bare id) has no label to show.\n    if (!item || typeof item !== 'object') {\n      return undefined;\n    }\n    const record = item as Record<string, unknown>;\n    return {\n      name: String(record[displayField] ?? ''),\n      image: imageField\n        ? (record[imageField] as string | undefined)\n        : undefined,\n    };\n  };\n\n  if (field.type === 'MULTI_REFERENCE') {\n    const items: { id: string; name: string; image?: string }[] = [];\n    (Array.isArray(value) ? value : []).forEach((item, i) => {\n      const label = labelOf(item);\n      if (label) {\n        items.push({ id: `${fieldId}-${i}`, ...label });\n      }\n    });\n    return items.length ? (\n      <CellMultiReferenceView\n        items={items}\n        fieldId={fieldId}\n        dataHook=\"multi-reference-view\"\n      />\n    ) : null;\n  }\n\n  const label = labelOf(value);\n  return label ? (\n    <CellReferenceView\n      name={label.name}\n      imageUrl={label.image}\n      dataHook=\"reference-view\"\n    />\n  ) : null;\n}\n\nexport const ReferenceFieldCell = observer(_ReferenceFieldCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaSource/SchemaState.js

@@ -9,6 +9,7 @@ var _CollectionFieldsSourceState = require("../../state/CollectionFieldsSourceSt
 var _buildFieldFilters = require("../../state/buildFieldFilters");
 var _schemaFieldsSource = require("./schemaFieldsSource");
 var _schemaRendering = require("./schemaRendering");
+var _referenceCells = require("./referenceCells");
 /**
  * The collection-page side of a source: turns the loaded schema into a
  * source-neutral FieldsSource for the table, owns the field-management object
@@ -23,9 +24,12 @@ class SchemaState {
      *  getters read through to `sourceState`, so MobX tracks through it. Built
      *  once: the spine keeps this exact instance. */
     (0, _defineProperty2.default)(this, "fieldsSource", void 0);
+    /** Supplies the reference cells their referenced-collection config. */
+    (0, _defineProperty2.default)(this, "referenceCells", void 0);
     (0, _defineProperty2.default)(this, "toolbar", undefined);
     this.sourceState = params.sourceState;
     this.fieldsSource = (0, _schemaFieldsSource.schemaFieldsSource)(this);
+    this.referenceCells = new _referenceCells.ReferenceCellsState(this.sourceState);
     (0, _mobx.makeObservable)(this, {
       filterableFields: _mobx.computed
     });
@@ -33,7 +37,7 @@ class SchemaState {
 
   /** Fields whose type maps to an auto filter in the toolbar. */
   get filterableFields() {
-    return this.sourceState.fields.filter(f => (0, _buildFieldFilters.isFilterableFieldType)(f.type));
+    return this.sourceState.fields.filter(f => (0, _buildFieldFilters.isFilterableField)(f, this.fieldsSource));
   }
 
   /** Attaches this source to a table's toolbar via the shared wrapper. */

package/dist/cjs/components/SchemaSource/SchemaState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_CollectionFieldsSourceState","_buildFieldFilters","_schemaFieldsSource","_schemaRendering","SchemaState","constructor","params","_defineProperty2","default","undefined","sourceState","fieldsSource","schemaFieldsSource","makeObservable","filterableFields","computed","fields","filter","f","isFilterableFieldType","type","setOnTable","toolbar","CollectionFieldsSourceState","schemaRendering","exports"],"sources":["../../../../src/components/SchemaSource/SchemaState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { Field, FieldsSource, SourceState } from '@wix/bex-core';\nimport type { ToolbarCollectionState } from '../../state';\nimport { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { isFilterableFieldType } from '../../state/buildFieldFilters';\nimport { schemaFieldsSource } from './schemaFieldsSource';\nimport { schemaRendering } from './schemaRendering';\n\nexport interface SchemaStateParams<T> {\n  sourceState: SourceState<T>;\n}\n\n/**\n * The collection-page side of a source: turns the loaded schema into a\n * source-neutral FieldsSource for the table, owns the field-management object\n * and the add/edit field modal, and builds the table columns from the fields.\n * The page-neutral holding (load, fields, field mutations) lives in the\n * composed core `SourceState`.\n */\nexport class SchemaState<T = Record<string, unknown>> {\n  readonly sourceState: SourceState<T>;\n  /** The read contract the collection spine consumes — a plain adapter whose\n   *  getters read through to `sourceState`, so MobX tracks through it. Built\n   *  once: the spine keeps this exact instance. */\n  readonly fieldsSource: FieldsSource;\n\n  toolbar?: ToolbarCollectionState<any, any> = undefined;\n\n  constructor(params: SchemaStateParams<T>) {\n    this.sourceState = params.sourceState;\n    this.fieldsSource = schemaFieldsSource(this);\n\n    makeObservable(this, {\n      filterableFields: computed,\n    });\n  }\n\n  /** Fields whose type maps to an auto filter in the toolbar. */\n  get filterableFields(): Field[] {\n    return this.sourceState.fields.filter((f) => isFilterableFieldType(f.type));\n  }\n\n  /** Attaches this source to a table's toolbar via the shared wrapper. */\n  setOnTable(toolbar: ToolbarCollectionState<any, any>) {\n    this.toolbar = toolbar;\n    CollectionFieldsSourceState.setOnTable(toolbar, {\n      fieldsSource: this.fieldsSource,\n      ...schemaRendering(this),\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,4BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,WAAW,CAA8B;EASpDC,WAAWA,CAACC,MAA4B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAP1C;AACF;AACA;IAFE,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBAK6CC,SAAS;IAGpD,IAAI,CAACC,WAAW,GAAGJ,MAAM,CAACI,WAAW;IACrC,IAAI,CAACC,YAAY,GAAG,IAAAC,sCAAkB,EAAC,IAAI,CAAC;IAE5C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,gBAAgB,EAAEC;IACpB,CAAC,CAAC;EACJ;;EAEA;EACA,IAAID,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,IAAI,CAACJ,WAAW,CAACM,MAAM,CAACC,MAAM,CAAEC,CAAC,IAAK,IAAAC,wCAAqB,EAACD,CAAC,CAACE,IAAI,CAAC,CAAC;EAC7E;;EAEA;EACAC,UAAUA,CAACC,OAAyC,EAAE;IACpD,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtBC,wDAA2B,CAACF,UAAU,CAACC,OAAO,EAAE;MAC9CX,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/B,GAAG,IAAAa,gCAAe,EAAC,IAAI;IACzB,CAAC,CAAC;EACJ;AACF;AAACC,OAAA,CAAArB,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_CollectionFieldsSourceState","_buildFieldFilters","_schemaFieldsSource","_schemaRendering","_referenceCells","SchemaState","constructor","params","_defineProperty2","default","undefined","sourceState","fieldsSource","schemaFieldsSource","referenceCells","ReferenceCellsState","makeObservable","filterableFields","computed","fields","filter","f","isFilterableField","setOnTable","toolbar","CollectionFieldsSourceState","schemaRendering","exports"],"sources":["../../../../src/components/SchemaSource/SchemaState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { Field, FieldsSource, SourceState } from '@wix/bex-core';\nimport type { ToolbarCollectionState } from '../../state';\nimport { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { isFilterableField } from '../../state/buildFieldFilters';\nimport { schemaFieldsSource } from './schemaFieldsSource';\nimport { schemaRendering } from './schemaRendering';\nimport { ReferenceCellsState } from './referenceCells';\n\nexport interface SchemaStateParams<T> {\n  sourceState: SourceState<T>;\n}\n\n/**\n * The collection-page side of a source: turns the loaded schema into a\n * source-neutral FieldsSource for the table, owns the field-management object\n * and the add/edit field modal, and builds the table columns from the fields.\n * The page-neutral holding (load, fields, field mutations) lives in the\n * composed core `SourceState`.\n */\nexport class SchemaState<T = Record<string, unknown>> {\n  readonly sourceState: SourceState<T>;\n  /** The read contract the collection spine consumes — a plain adapter whose\n   *  getters read through to `sourceState`, so MobX tracks through it. Built\n   *  once: the spine keeps this exact instance. */\n  readonly fieldsSource: FieldsSource;\n  /** Supplies the reference cells their referenced-collection config. */\n  readonly referenceCells: ReferenceCellsState<T>;\n\n  toolbar?: ToolbarCollectionState<any, any> = undefined;\n\n  constructor(params: SchemaStateParams<T>) {\n    this.sourceState = params.sourceState;\n    this.fieldsSource = schemaFieldsSource(this);\n    this.referenceCells = new ReferenceCellsState<T>(this.sourceState);\n\n    makeObservable(this, {\n      filterableFields: computed,\n    });\n  }\n\n  /** Fields whose type maps to an auto filter in the toolbar. */\n  get filterableFields(): Field[] {\n    return this.sourceState.fields.filter((f) =>\n      isFilterableField(f, this.fieldsSource),\n    );\n  }\n\n  /** Attaches this source to a table's toolbar via the shared wrapper. */\n  setOnTable(toolbar: ToolbarCollectionState<any, any>) {\n    this.toolbar = toolbar;\n    CollectionFieldsSourceState.setOnTable(toolbar, {\n      fieldsSource: this.fieldsSource,\n      ...schemaRendering(this),\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,4BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,WAAW,CAA8B;EAWpDC,WAAWA,CAACC,MAA4B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAT1C;AACF;AACA;IAFE,IAAAD,gBAAA,CAAAC,OAAA;IAIA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBAG6CC,SAAS;IAGpD,IAAI,CAACC,WAAW,GAAGJ,MAAM,CAACI,WAAW;IACrC,IAAI,CAACC,YAAY,GAAG,IAAAC,sCAAkB,EAAC,IAAI,CAAC;IAC5C,IAAI,CAACC,cAAc,GAAG,IAAIC,mCAAmB,CAAI,IAAI,CAACJ,WAAW,CAAC;IAElE,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,gBAAgB,EAAEC;IACpB,CAAC,CAAC;EACJ;;EAEA;EACA,IAAID,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,IAAI,CAACN,WAAW,CAACQ,MAAM,CAACC,MAAM,CAAEC,CAAC,IACtC,IAAAC,oCAAiB,EAACD,CAAC,EAAE,IAAI,CAACT,YAAY,CACxC,CAAC;EACH;;EAEA;EACAW,UAAUA,CAACC,OAAyC,EAAE;IACpD,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtBC,wDAA2B,CAACF,UAAU,CAACC,OAAO,EAAE;MAC9CZ,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/B,GAAG,IAAAc,gCAAe,EAAC,IAAI;IACzB,CAAC,CAAC;EACJ;AACF;AAACC,OAAA,CAAAtB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/SchemaSource/referenceCells.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ReferenceCellsState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+const referencedCollectionIdOf = field => {
+  var _field$referenceMetad;
+  return field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE' ? (_field$referenceMetad = field.referenceMetadata) == null ? void 0 : _field$referenceMetad.referencedCollectionId : undefined;
+};
+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];
+};
+const toRefSchema = (schema, collectionId) => ({
+  id: schema.id ?? collectionId,
+  collectionId,
+  displayField: schema.displayField,
+  idField: schema.idField,
+  fields: Object.fromEntries(Object.entries(schema.fields ?? {}).filter(([, f]) => (f == null ? void 0 : f.type) === 'IMAGE').map(([id]) => [id, {
+    type: 'IMAGE'
+  }]))
+});
+
+/**
+ * Supplies the reference / multi-reference cells the `typeConfig` they need:
+ * the referenced collection's schema (for the id / display / image fields) and
+ * a query for its items.
+ *
+ * The referenced schema loads asynchronously, so `cellFor` answers `undefined`
+ * until it lands and the column stays a read-only display; once loaded, the
+ * column builder's computed re-runs and the cell upgrades to the real editor.
+ */
+class ReferenceCellsState {
+  constructor(sourceState) {
+    (0, _defineProperty2.default)(this, "_sourceState", void 0);
+    /** Referenced schema per referenced collection id, once loaded. */
+    (0, _defineProperty2.default)(this, "_schemas", _mobx.observable.map());
+    /** Ids already requested. A plain Set, so reading `cellFor` from a computed
+     *  mutates no observable — only the async result does, in an action. */
+    (0, _defineProperty2.default)(this, "_requested", new Set());
+    this._sourceState = sourceState;
+  }
+
+  /** The cell type and config for a reference field, or `undefined` while the
+   *  referenced schema is still loading (or the source has no entry for it). */
+  cellFor(field) {
+    const resolved = this._resolve(field);
+    if (!resolved) {
+      return undefined;
+    }
+    const {
+      collectionId,
+      refSource,
+      schema
+    } = resolved;
+    return {
+      cellType: field.type === 'MULTI_REFERENCE' ? 'multiReference' : 'reference',
+      typeConfig: {
+        refSchema: toRefSchema(schema, collectionId),
+        fetchReferenceItems: query => fetchReferenceItems(refSource, schema, query)
+      }
+    };
+  }
+
+  /** The referenced collection's id / display / image fields, for rendering a
+   *  reference value. `undefined` until the referenced schema resolves. */
+  refSchemaFor(field) {
+    const resolved = this._resolve(field);
+    return resolved && toRefSchema(resolved.schema, resolved.collectionId);
+  }
+
+  /** The referenced source and its loaded schema, requesting the load on first
+   *  ask. Returns `undefined` until it lands, or if the source has no entry. */
+  _resolve(field) {
+    var _this$_sourceState$so;
+    const collectionId = referencedCollectionIdOf(field);
+    if (!collectionId) {
+      return undefined;
+    }
+    const refSource = (_this$_sourceState$so = this._sourceState.source.references) == null ? void 0 : _this$_sourceState$so[collectionId];
+    if (!refSource) {
+      return undefined;
+    }
+    const schema = this._schemas.get(collectionId);
+    if (!schema) {
+      this._request(collectionId, refSource);
+      return undefined;
+    }
+    return {
+      collectionId,
+      refSource,
+      schema
+    };
+  }
+  _request(collectionId, refSource) {
+    if (this._requested.has(collectionId)) {
+      return;
+    }
+    this._requested.add(collectionId);
+    refSource.loadSchema().then(({
+      schema
+    }) => (0, _mobx.runInAction)(() => this._schemas.set(collectionId, schema))).catch(() => {
+      // The reference column keeps its read-only display. Retry on the next
+      // schema load rather than holding a failed id forever.
+      this._requested.delete(collectionId);
+    });
+  }
+}
+exports.ReferenceCellsState = ReferenceCellsState;
+async function fetchReferenceItems(refSource, schema, query) {
+  const {
+    idField,
+    displayField
+  } = schema;
+  const imageField = imageFieldOf(schema.fields);
+  const {
+    items,
+    total
+  } = await (0, _bexCore.sourceFetchData)(refSource)(query);
+  return {
+    items: items.map(item => ({
+      id: String(item[idField] ?? ''),
+      name: String(item[displayField] ?? ''),
+      image: imageField ? item[imageField] : undefined
+    })),
+    total: total ?? items.length
+  };
+}
+//# sourceMappingURL=referenceCells.js.map

package/dist/cjs/components/SchemaSource/referenceCells.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","referencedCollectionIdOf","field","_field$referenceMetad","type","referenceMetadata","referencedCollectionId","undefined","imageFieldOf","fields","_Object$entries$find","Object","entries","find","f","toRefSchema","schema","collectionId","id","displayField","idField","fromEntries","filter","map","ReferenceCellsState","constructor","sourceState","_defineProperty2","default","observable","Set","_sourceState","cellFor","resolved","_resolve","refSource","cellType","typeConfig","refSchema","fetchReferenceItems","query","refSchemaFor","_this$_sourceState$so","source","references","_schemas","get","_request","_requested","has","add","loadSchema","then","runInAction","set","catch","delete","exports","imageField","items","total","sourceFetchData","item","String","name","image","length"],"sources":["../../../../src/components/SchemaSource/referenceCells.ts"],"sourcesContent":["import { observable, runInAction } from 'mobx';\nimport { sourceFetchData } from '@wix/bex-core';\nimport type {\n  Field,\n  OffsetQuery,\n  Schema,\n  SchemaSource,\n  SourceState,\n} from '@wix/bex-core';\nimport type { EditableCellUpgrade } from '../../state/CollectionFieldsSourceState';\nimport type {\n  ReferenceItem,\n  ReferenceTypeConfig,\n  RefSchema,\n} from '../EditableTable/cellTypes/reference/types';\n\ntype RefRow = Record<string, unknown>;\n\nconst referencedCollectionIdOf = (field: Field): string | undefined =>\n  field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE'\n    ? field.referenceMetadata?.referencedCollectionId\n    : undefined;\n\nconst imageFieldOf = (fields: Schema['fields']): string | undefined =>\n  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];\n\nconst toRefSchema = (schema: Schema, collectionId: string): RefSchema => ({\n  id: schema.id ?? collectionId,\n  collectionId,\n  displayField: schema.displayField,\n  idField: schema.idField,\n  fields: Object.fromEntries(\n    Object.entries(schema.fields ?? {})\n      .filter(([, f]) => f?.type === 'IMAGE')\n      .map(([id]) => [id, { type: 'IMAGE' as const }]),\n  ),\n});\n\n/**\n * Supplies the reference / multi-reference cells the `typeConfig` they need:\n * the referenced collection's schema (for the id / display / image fields) and\n * a query for its items.\n *\n * The referenced schema loads asynchronously, so `cellFor` answers `undefined`\n * until it lands and the column stays a read-only display; once loaded, the\n * column builder's computed re-runs and the cell upgrades to the real editor.\n */\nexport class ReferenceCellsState<T = Record<string, unknown>> {\n  private readonly _sourceState: SourceState<T>;\n  /** Referenced schema per referenced collection id, once loaded. */\n  private readonly _schemas = observable.map<string, Schema>();\n  /** Ids already requested. A plain Set, so reading `cellFor` from a computed\n   *  mutates no observable — only the async result does, in an action. */\n  private readonly _requested = new Set<string>();\n\n  constructor(sourceState: SourceState<T>) {\n    this._sourceState = sourceState;\n  }\n\n  /** The cell type and config for a reference field, or `undefined` while the\n   *  referenced schema is still loading (or the source has no entry for it). */\n  cellFor(field: Field): EditableCellUpgrade | undefined {\n    const resolved = this._resolve(field);\n    if (!resolved) {\n      return undefined;\n    }\n    const { collectionId, refSource, schema } = resolved;\n\n    return {\n      cellType:\n        field.type === 'MULTI_REFERENCE' ? 'multiReference' : 'reference',\n      typeConfig: {\n        refSchema: toRefSchema(schema, collectionId),\n        fetchReferenceItems: (query) =>\n          fetchReferenceItems(refSource, schema, query),\n      } satisfies ReferenceTypeConfig,\n    };\n  }\n\n  /** The referenced collection's id / display / image fields, for rendering a\n   *  reference value. `undefined` until the referenced schema resolves. */\n  refSchemaFor(field: Field): RefSchema | undefined {\n    const resolved = this._resolve(field);\n    return resolved && toRefSchema(resolved.schema, resolved.collectionId);\n  }\n\n  /** The referenced source and its loaded schema, requesting the load on first\n   *  ask. Returns `undefined` until it lands, or if the source has no entry. */\n  private _resolve(field: Field) {\n    const collectionId = referencedCollectionIdOf(field);\n    if (!collectionId) {\n      return undefined;\n    }\n    const refSource = this._sourceState.source.references?.[collectionId];\n    if (!refSource) {\n      return undefined;\n    }\n    const schema = this._schemas.get(collectionId);\n    if (!schema) {\n      this._request(collectionId, refSource);\n      return undefined;\n    }\n    return { collectionId, refSource, schema };\n  }\n\n  private _request(collectionId: string, refSource: SchemaSource<any>) {\n    if (this._requested.has(collectionId)) {\n      return;\n    }\n    this._requested.add(collectionId);\n    refSource\n      .loadSchema()\n      .then(({ schema }) =>\n        runInAction(() => this._schemas.set(collectionId, schema)),\n      )\n      .catch(() => {\n        // The reference column keeps its read-only display. Retry on the next\n        // schema load rather than holding a failed id forever.\n        this._requested.delete(collectionId);\n      });\n  }\n}\n\nasync function fetchReferenceItems(\n  refSource: SchemaSource<any>,\n  schema: Schema,\n  query: OffsetQuery,\n): Promise<{ items: ReferenceItem[]; total: number }> {\n  const { idField, displayField } = schema;\n  const imageField = imageFieldOf(schema.fields);\n  const { items, total } = await sourceFetchData<RefRow>(refSource)(query);\n\n  return {\n    items: items.map((item) => ({\n      id: String(item[idField] ?? ''),\n      name: String(item[displayField] ?? ''),\n      image: imageField ? (item[imageField] as string | undefined) : undefined,\n    })),\n    total: total ?? items.length,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaSource/schemaFieldManagement.js

@@ -38,6 +38,13 @@ const schemaFieldManagement = sourceState => {
     },
     supportsPii: sourceState.source.supportsPii,
     permissions: sourceState.source.fieldPermissions,
+    get fieldModalText() {
+      const t = sourceState.container.translate;
+      return sourceState.source.fieldModalText ?? {
+        addTitle: t('cairo.customFields.addCustomField.modal.title'),
+        editTitle: t('cairo.customFields.editCustomField.modal.title')
+      };
+    },
     // Self-contained: does the delete and reports its own toast (matching the
     // DataExtension source). Rethrows on failure so the shared delete modal stays
     // open for a retry.
@@ -73,6 +80,8 @@ const schemaFieldManagement = sourceState => {
           id: ft.patternsType,
           label: ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),
           namePlaceholder: ft.namePlaceholder ?? (standard ? t(standard.namePlaceholderKey) : undefined),
+          subtitle: ft.subtitle,
+          group: ft.group,
           patternsType: ft.patternsType
         };
       });