@wix/patterns 1.488.0 → 1.489.0

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

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.useClearFocusOnBlur = useClearFocusOnBlur;
 var _react = require("react");
 /**
- * Clears cell focus when the user clicks outside the table container.
+ * Clears cell focus when focus moves to a non-cell control or outside the table.
  *
  * Skips clearFocus() while isEditing=true so that portaled editors (date
  * picker, select dropdown, media manager) can take focus without causing the
@@ -14,19 +14,27 @@ var _react = require("react");
  */
 function useClearFocusOnBlur(cellInteraction) {
   const blurFrameId = (0, _react.useRef)(0);
+  const focusFromCell = (0, _react.useRef)(false);
   (0, _react.useEffect)(() => {
     return () => cancelAnimationFrame(blurFrameId.current);
   }, []);
   const onCellFocus = (0, _react.useCallback)(() => {
     // Focus from a cell's portaled controls also bubbles through that cell.
     cancelAnimationFrame(blurFrameId.current);
+    focusFromCell.current = true;
   }, []);
   const onFocus = (0, _react.useCallback)(e => {
+    const fromCell = focusFromCell.current;
+    focusFromCell.current = false;
     // Portaled panels also bubble focus events through the table's React tree.
-    if (e.currentTarget.contains(e.target)) {
-      onCellFocus();
+    if (!e.currentTarget.contains(e.target)) {
+      return;
     }
-  }, [onCellFocus]);
+    cancelAnimationFrame(blurFrameId.current);
+    if (!fromCell && e.target !== e.currentTarget && !cellInteraction.isEditing) {
+      cellInteraction.clearFocus();
+    }
+  }, [cellInteraction]);
   const onBlur = (0, _react.useCallback)(e => {
     cancelAnimationFrame(blurFrameId.current);
     const container = e.currentTarget;

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","require","useClearFocusOnBlur","cellInteraction","blurFrameId","useRef","focusFromCell","useEffect","cancelAnimationFrame","current","onCellFocus","useCallback","onFocus","e","fromCell","currentTarget","contains","target","isEditing","clearFocus","onBlur","container","requestAnimationFrame","document","activeElement"],"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 focus moves to a non-cell control or outside the table.\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  const focusFromCell = useRef(false);\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    focusFromCell.current = true;\n  }, []);\n\n  const onFocus = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      const fromCell = focusFromCell.current;\n      focusFromCell.current = false;\n      // Portaled panels also bubble focus events through the table's React tree.\n      if (!e.currentTarget.contains(e.target)) {\n        return;\n      }\n      cancelAnimationFrame(blurFrameId.current);\n      if (\n        !fromCell &&\n        e.target !== e.currentTarget &&\n        !cellInteraction.isEditing\n      ) {\n        cellInteraction.clearFocus();\n      }\n    },\n    [cellInteraction],\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;EAC7B,MAAMC,aAAa,GAAG,IAAAD,aAAM,EAAC,KAAK,CAAC;EAEnC,IAAAE,gBAAS,EAAC,MAAM;IACd,OAAO,MAAMC,oBAAoB,CAACJ,WAAW,CAACK,OAAO,CAAC;EACxD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC;IACAH,oBAAoB,CAACJ,WAAW,CAACK,OAAO,CAAC;IACzCH,aAAa,CAACG,OAAO,GAAG,IAAI;EAC9B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,OAAO,GAAG,IAAAD,kBAAW,EACxBE,CAAmC,IAAK;IACvC,MAAMC,QAAQ,GAAGR,aAAa,CAACG,OAAO;IACtCH,aAAa,CAACG,OAAO,GAAG,KAAK;IAC7B;IACA,IAAI,CAACI,CAAC,CAACE,aAAa,CAACC,QAAQ,CAACH,CAAC,CAACI,MAAM,CAAC,EAAE;MACvC;IACF;IACAT,oBAAoB,CAACJ,WAAW,CAACK,OAAO,CAAC;IACzC,IACE,CAACK,QAAQ,IACTD,CAAC,CAACI,MAAM,KAAKJ,CAAC,CAACE,aAAa,IAC5B,CAACZ,eAAe,CAACe,SAAS,EAC1B;MACAf,eAAe,CAACgB,UAAU,CAAC,CAAC;IAC9B;EACF,CAAC,EACD,CAAChB,eAAe,CAClB,CAAC;EAED,MAAMiB,MAAM,GAAG,IAAAT,kBAAW,EACvBE,CAAmC,IAAK;IACvCL,oBAAoB,CAACJ,WAAW,CAACK,OAAO,CAAC;IACzC,MAAMY,SAAS,GAAGR,CAAC,CAACE,aAAa;IAEjCX,WAAW,CAACK,OAAO,GAAGa,qBAAqB,CAAC,MAAM;MAChD,IAAID,SAAS,CAACL,QAAQ,CAACO,QAAQ,CAACC,aAAa,CAAC,EAAE;QAC9C;MACF;MAEA,IAAI,CAACrB,eAAe,CAACe,SAAS,EAAE;QAC9Bf,eAAe,CAACgB,UAAU,CAAC,CAAC;MAC9B;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAAChB,eAAe,CAClB,CAAC;EAED,OAAO;IAAES,OAAO;IAAEQ,MAAM;IAAEV;EAAY,CAAC;AACzC","ignoreList":[]}

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

@@ -9,6 +9,7 @@ function useKeyboardNavigation(state) {
     clipboard
   } = state;
   const onKeyDown = (0, _react.useCallback)(e => {
+    var _cellInteraction$focu;
     const {
       focusedCell,
       isEditing
@@ -17,6 +18,12 @@ function useKeyboardNavigation(state) {
       return;
     }
 
+    // The wrapper also contains the toolbar; its controls own their keys.
+    const target = e.target;
+    if (target instanceof Node && e.currentTarget.contains(target) && target !== e.currentTarget && !((_cellInteraction$focu = cellInteraction.focusedCellElement) != null && _cellInteraction$focu.contains(target))) {
+      return;
+    }
+
     // Don't intercept keys when editing (let the editor handle them)
     if (isEditing) {
       if (e.key === 'Escape') {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useKeyboardNavigation","state","cellInteraction","clipboard","onKeyDown","useCallback","e","focusedCell","isEditing","key","preventDefault","cancelEdit","commitEdit","shiftKey","moveToPreviousCell","moveToNextCell","scrollFocusedCellIntoView","isCtrlOrCmd","ctrlKey","metaKey","extend","navigated","moveFocus","handledByEditor","defaultPrevented","hasCopiedCells","clear","clearFocus","updateItemDisabled","clearCells","selectedCellsList","selectAll"],"sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { FiltersMap } from '@wix/bex-core';\n\nexport function useKeyboardNavigation<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n) {\n  const { cellInteraction, clipboard } = state;\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { focusedCell, isEditing } = cellInteraction;\n      if (!focusedCell) {\n        return;\n      }\n\n      // Don't intercept keys when editing (let the editor handle them)\n      if (isEditing) {\n        if (e.key === 'Escape') {\n          e.preventDefault();\n          cellInteraction.cancelEdit();\n        } else if (e.key === 'Tab') {\n          e.preventDefault();\n          cellInteraction.commitEdit();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          cellInteraction.scrollFocusedCellIntoView();\n        }\n        return;\n      }\n\n      const isCtrlOrCmd = e.ctrlKey || e.metaKey;\n      const extend = e.shiftKey;\n      let navigated = false;\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          cellInteraction.moveFocus('up', extend);\n          navigated = true;\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          cellInteraction.moveFocus('down', extend);\n          navigated = true;\n          break;\n        case 'ArrowLeft':\n          e.preventDefault();\n          cellInteraction.moveFocus('left', extend);\n          navigated = true;\n          break;\n        case 'ArrowRight':\n          e.preventDefault();\n          cellInteraction.moveFocus('right', extend);\n          navigated = true;\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          navigated = true;\n          break;\n        case 'Escape': {\n          const handledByEditor = e.defaultPrevented;\n          e.preventDefault();\n          if (clipboard.hasCopiedCells) {\n            clipboard.clear();\n          } else if (!handledByEditor) {\n            cellInteraction.clearFocus();\n          }\n          break;\n        }\n        case 'Delete':\n        case 'Backspace':\n          e.preventDefault();\n          if (!state.updateItemDisabled) {\n            state.clearCells(cellInteraction.selectedCellsList);\n          }\n          break;\n        case 'a':\n          if (isCtrlOrCmd) {\n            e.preventDefault();\n            cellInteraction.selectAll();\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (navigated) {\n        cellInteraction.scrollFocusedCellIntoView();\n      }\n    },\n    [cellInteraction, clipboard, state],\n  );\n\n  return { onKeyDown };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","useKeyboardNavigation","state","cellInteraction","clipboard","onKeyDown","useCallback","e","_cellInteraction$focu","focusedCell","isEditing","target","Node","currentTarget","contains","focusedCellElement","key","preventDefault","cancelEdit","commitEdit","shiftKey","moveToPreviousCell","moveToNextCell","scrollFocusedCellIntoView","isCtrlOrCmd","ctrlKey","metaKey","extend","navigated","moveFocus","handledByEditor","defaultPrevented","hasCopiedCells","clear","clearFocus","updateItemDisabled","clearCells","selectedCellsList","selectAll"],"sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { FiltersMap } from '@wix/bex-core';\n\nexport function useKeyboardNavigation<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n) {\n  const { cellInteraction, clipboard } = state;\n\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const { focusedCell, isEditing } = cellInteraction;\n      if (!focusedCell) {\n        return;\n      }\n\n      // The wrapper also contains the toolbar; its controls own their keys.\n      const target = e.target;\n      if (\n        target instanceof Node &&\n        e.currentTarget.contains(target) &&\n        target !== e.currentTarget &&\n        !cellInteraction.focusedCellElement?.contains(target)\n      ) {\n        return;\n      }\n\n      // Don't intercept keys when editing (let the editor handle them)\n      if (isEditing) {\n        if (e.key === 'Escape') {\n          e.preventDefault();\n          cellInteraction.cancelEdit();\n        } else if (e.key === 'Tab') {\n          e.preventDefault();\n          cellInteraction.commitEdit();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          cellInteraction.scrollFocusedCellIntoView();\n        }\n        return;\n      }\n\n      const isCtrlOrCmd = e.ctrlKey || e.metaKey;\n      const extend = e.shiftKey;\n      let navigated = false;\n\n      switch (e.key) {\n        case 'ArrowUp':\n          e.preventDefault();\n          cellInteraction.moveFocus('up', extend);\n          navigated = true;\n          break;\n        case 'ArrowDown':\n          e.preventDefault();\n          cellInteraction.moveFocus('down', extend);\n          navigated = true;\n          break;\n        case 'ArrowLeft':\n          e.preventDefault();\n          cellInteraction.moveFocus('left', extend);\n          navigated = true;\n          break;\n        case 'ArrowRight':\n          e.preventDefault();\n          cellInteraction.moveFocus('right', extend);\n          navigated = true;\n          break;\n        case 'Tab':\n          e.preventDefault();\n          if (e.shiftKey) {\n            cellInteraction.moveToPreviousCell();\n          } else {\n            cellInteraction.moveToNextCell();\n          }\n          navigated = true;\n          break;\n        case 'Escape': {\n          const handledByEditor = e.defaultPrevented;\n          e.preventDefault();\n          if (clipboard.hasCopiedCells) {\n            clipboard.clear();\n          } else if (!handledByEditor) {\n            cellInteraction.clearFocus();\n          }\n          break;\n        }\n        case 'Delete':\n        case 'Backspace':\n          e.preventDefault();\n          if (!state.updateItemDisabled) {\n            state.clearCells(cellInteraction.selectedCellsList);\n          }\n          break;\n        case 'a':\n          if (isCtrlOrCmd) {\n            e.preventDefault();\n            cellInteraction.selectAll();\n          }\n          break;\n        default:\n          break;\n      }\n\n      if (navigated) {\n        cellInteraction.scrollFocusedCellIntoView();\n      }\n    },\n    [cellInteraction, clipboard, state],\n  );\n\n  return { onKeyDown };\n}\n"],"mappings":"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","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_ = "EmptyStateBase406986653";
+var _namespace_ = "EmptyStateBase1180215919";
 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": "EmptyStateBase406986653__root"
+  "root": "EmptyStateBase1180215919__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_ = \"EmptyStateBase406986653\";\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\":\"EmptyStateBase406986653__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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_ = \"EmptyStateBase1180215919\";\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\":\"EmptyStateBase1180215919__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_ = "EntityPagePlain1379562807";
+var _namespace_ = "EntityPagePlain2937287753";
 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": "EntityPagePlain1379562807__root"
+  "root": "EntityPagePlain2937287753__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_ = \"EntityPagePlain1379562807\";\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\":\"EntityPagePlain1379562807__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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_ = \"EntityPagePlain2937287753\";\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\":\"EntityPagePlain2937287753__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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,10 +7,12 @@ 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 _useIsMobile = require("../../hooks/useIsMobile");
 var _FieldCell = require("../FieldCell/FieldCell");
 var _EntityPageReferenceField = require("./EntityPageReferenceField");
 var _EntityPageReferenceValue = require("./EntityPageReferenceValue");
 var _EntityPageCustomField = require("./EntityPageCustomField");
+var _EntityPageFieldStCss = require("./EntityPageField.st.css.js");
 var _patternsFields = require("@wix/patterns-fields");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageField.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -31,14 +33,14 @@ function lazyField(load) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 47,
+        lineNumber: 49,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(Lazy, (0, _extends2.default)({}, props, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 50,
         columnNumber: 9
       }
     })));
@@ -92,6 +94,7 @@ const FIELD_INPUTS = {
   OBJECT: _patternsFields.FormObject,
   ADDRESS: _patternsFields.FormAddress
 };
+const FIT_CONTENT_FIELD_TYPES = new Set(['COLOR', 'REFERENCE', 'DATE', 'DATETIME', 'TIME', 'NUMBER']);
 // Each built-in renderer owns its own react-hook-form wiring (useController
 // keyed on field.id), so this only needs to pick the renderer and pass the
 // field. A CUSTOM field's form component gets that wiring done for it by
@@ -109,7 +112,7 @@ function EntityPageField({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 144,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -118,7 +121,7 @@ function EntityPageField({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 134,
+        lineNumber: 145,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -128,7 +131,7 @@ function EntityPageField({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 138,
+        lineNumber: 149,
         columnNumber: 11
       }
     }, (0, _bexCore.isReferenceField)(field) ? /*#__PURE__*/_react.default.createElement(_EntityPageReferenceValue.EntityPageReferenceValue, {
@@ -137,7 +140,7 @@ function EntityPageField({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 155,
         columnNumber: 15
       }
     }) : /*#__PURE__*/_react.default.createElement(_FieldCell.FieldCell, {
@@ -150,7 +153,7 @@ function EntityPageField({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 146,
+        lineNumber: 157,
         columnNumber: 15
       }
     }))));
@@ -180,7 +183,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 198,
       columnNumber: 5
     }
   }) : customForm ? /*#__PURE__*/_react.default.createElement(_EntityPageCustomField.EntityPageCustomField, {
@@ -192,7 +195,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 204,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ScalarInput, {
@@ -203,7 +206,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 212,
       columnNumber: 5
     }
   });
@@ -212,7 +215,7 @@ function EntityPageField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 220,
       columnNumber: 10
     }
   }, inner);
@@ -221,14 +224,18 @@ function FieldRow({
   field,
   children
 }) {
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const fitContent = !isMobile && FIT_CONTENT_FIELD_TYPES.has(field.type);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP1",
-    width: "100%",
+    className: (0, _EntityPageFieldStCss.st)(_EntityPageFieldStCss.classes.row, {
+      fitContent
+    }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 234,
       columnNumber: 5
     }
   }, children, field.helpText && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -238,7 +245,7 @@ function FieldRow({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 241,
       columnNumber: 9
     }
   }, field.helpText));

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bexCore","_useIsMobile","_FieldCell","_EntityPageReferenceField","_EntityPageReferenceValue","_EntityPageCustomField","_EntityPageFieldStCss","_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","FIT_CONTENT_FIELD_TYPES","Set","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","isMobile","useIsMobile","fitContent","direction","gap","className","st","classes","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 { useIsMobile } from '../../hooks/useIsMobile';\nimport { FieldCell } from '../FieldCell/FieldCell';\nimport { EntityPageReferenceField } from './EntityPageReferenceField';\nimport { EntityPageReferenceValue } from './EntityPageReferenceValue';\nimport { EntityPageCustomField } from './EntityPageCustomField';\nimport { st, classes } from './EntityPageField.st.css.js';\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\nconst FIT_CONTENT_FIELD_TYPES: ReadonlySet<PatternsFieldType> = new Set([\n  'COLOR',\n  'REFERENCE',\n  'DATE',\n  'DATETIME',\n  'TIME',\n  'NUMBER',\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  const isMobile = useIsMobile();\n  const fitContent = !isMobile && FIT_CONTENT_FIELD_TYPES.has(field.type);\n\n  return (\n    <Box\n      direction=\"vertical\"\n      gap=\"SP1\"\n      className={st(classes.row, { fitContent })}\n    >\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/EntityPageField.st.css

@@ -0,0 +1,10 @@
+.row {
+  -st-states: fitContent;
+  width: 100%;
+  max-width: 100%;
+}
+
+.row:fitContent {
+  width: min-content;
+  min-width: min(300px, 100%);
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "EntityPageField1863354397";
+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": "EntityPageField1863354397__root",
+  "row": "EntityPageField1863354397__row"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=EntityPageField.st.css.js.map

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

@@ -0,0 +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/EntityPageFields/EntityPageField.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPageField1863354397\";\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\":\"EntityPageField1863354397__root\",\"row\":\"EntityPageField1863354397__row\"};\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,2BAA2B;AAC7C,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,iCAAiC;EAAC,KAAK,EAAC;AAAgC,CAAC;AAC/F,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/Fade/Fade.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_ = "Fade2679749157";
+var _namespace_ = "Fade384913750";
 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": "Fade2679749157__root"
+  "root": "Fade384913750__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2679749157\";\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\":\"Fade2679749157__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,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade384913750\";\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\":\"Fade384913750__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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/Grid/Grid.uni.driver.js

@@ -184,6 +184,12 @@ function GridUniDriver(base, body) {
     /** Get the number of actually rendered grid cards */
     getRenderedItemsCount: () => base.$$('[data-hook="grid-card-item"]').count(),
     gridContainerExists: () => _getInnerElement().exists(),
+    getVirtualizedBodyHeight: async () => {
+      var _exec;
+      const style = (await _getInnerElement().attr('style')) ?? '';
+      const height = Number((_exec = /(?:^|;)\s*height:\s*([\d.]+)px/.exec(style)) == null ? void 0 : _exec[1]);
+      return !isNaN(height) ? height : 0;
+    },
     getVirtualizedRowsCount: async () => {
       const str = await _getInnerElement().attr('data-count');
       return !isNaN(Number(str)) ? Number(str) : 0;