@wix/patterns 1.499.0 → 1.501.0

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

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_ = "EntityPagePlain2745026991";
+var _namespace_ = "EntityPagePlain2236312375";
 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": "EntityPagePlain2745026991__root"
+  "root": "EntityPagePlain2236312375__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_ = \"EntityPagePlain2745026991\";\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\":\"EntityPagePlain2745026991__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_ = \"EntityPagePlain2236312375\";\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\":\"EntityPagePlain2236312375__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.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EntityPageField1008355489";
+var _namespace_ = "EntityPageField2050536864";
 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": "EntityPageField1008355489__root",
-  "row": "EntityPageField1008355489__row"
+  "root": "EntityPageField2050536864__root",
+  "row": "EntityPageField2050536864__row"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPageFields/EntityPageField.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/EntityPageFields/EntityPageField.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPageField1008355489\";\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\":\"EntityPageField1008355489__root\",\"row\":\"EntityPageField1008355489__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":[]}
+{"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_ = \"EntityPageField2050536864\";\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\":\"EntityPageField2050536864__root\",\"row\":\"EntityPageField2050536864__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/EntityPageFields/EntityPageReferenceField.js

@@ -12,6 +12,7 @@ var _patternsFields = require("@wix/patterns-fields");
 var _providers = require("../../providers");
 var _useFilterCollectionStates = require("../../hooks/useFilterCollectionStates");
 var _useOpenCollectionOverlay = require("../../hooks/useOpenCollectionOverlay");
+var _referenceImage = require("../../utils/referenceImage");
 var _useReferencedSchema = require("./useReferencedSchema");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageReferenceField.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -47,7 +48,7 @@ function _EntityPageReferenceField({
   (0, _react.useEffect)(() => collection.init(), [collection]);
   const idField = refSchema == null ? void 0 : refSchema.idField;
   const displayField = refSchema == null ? void 0 : refSchema.displayField;
-  const imageField = (0, _useReferencedSchema.imageFieldOf)(refSchema == null ? void 0 : refSchema.fields);
+  const imageField = (0, _referenceImage.getImageFieldId)(refSchema == null ? void 0 : refSchema.fields);
   const items = (0, _react.useMemo)(() => {
     if (!idField || !displayField) {
       return [];
@@ -104,14 +105,14 @@ function _EntityPageReferenceField({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 117,
       columnNumber: 5
     }
   })) : /*#__PURE__*/_react.default.createElement(_patternsFields.FormReference, (0, _extends2.default)({}, shared, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 119,
       columnNumber: 5
     }
   }));
@@ -124,14 +125,14 @@ const EntityPageReferenceField = props => /*#__PURE__*/_react.default.createElem
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 131,
+    lineNumber: 130,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(EntityPageReferenceFieldContent, (0, _extends2.default)({}, props, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 132,
+    lineNumber: 131,
     columnNumber: 5
   }
 })));

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

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

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

@@ -5,6 +5,7 @@ exports.EntityPageReferenceValue = EntityPageReferenceValue;
 var _react = _interopRequireWildcard(require("react"));
 var _patternsFields = require("@wix/patterns-fields");
 var _EntityPageReferenceValueStCss = require("./EntityPageReferenceValue.st.css.js");
+var _referenceImage = require("../../utils/referenceImage");
 var _useReferencedSchema = require("./useReferencedSchema");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EntityPageFields/EntityPageReferenceValue.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); }
@@ -24,7 +25,7 @@ function EntityPageReferenceValue({
   const {
     displayField
   } = refSchema;
-  const imageField = (0, _useReferencedSchema.imageFieldOf)(refSchema.fields);
+  const imageField = (0, _referenceImage.getImageFieldId)(refSchema.fields);
   const labelOf = item => {
     // A value that was never expanded (a bare id) has no label to show.
     if (!item || typeof item !== 'object') {
@@ -50,7 +51,7 @@ function EntityPageReferenceValue({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 49,
         columnNumber: 7
       }
     }) : null;
@@ -58,12 +59,12 @@ function EntityPageReferenceValue({
   const label = labelOf(value);
   return label ? /*#__PURE__*/_react.default.createElement(_patternsFields.CellReferenceView, {
     name: label.name,
-    imageUrl: label.image,
+    image: label.image,
     dataHook: "reference-view",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
+      lineNumber: 55,
       columnNumber: 5
     }
   }) : null;
@@ -94,7 +95,7 @@ function FocusableMultiReferenceValue({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 73,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellMultiReferenceView, {
@@ -105,7 +106,7 @@ function FocusableMultiReferenceValue({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 92,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EntityPageReferenceValueStCss","_useReferencedSchema","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EntityPageReferenceValue","field","value","refSchema","useReferencedSchema","displayField","imageField","imageFieldOf","fields","labelOf","item","undefined","record","name","String","image","type","items","Array","isArray","flatMap","label","id","length","createElement","FocusableMultiReferenceValue","__self","__source","fileName","lineNumber","columnNumber","CellReferenceView","imageUrl","dataHook","focused","setFocused","useState","className","classes","root","role","displayName","tabIndex","onFocus","event","currentTarget","focus","onBlur","contains","relatedTarget","CellMultiReferenceView","fieldId","expanded"],"sources":["../../../../src/components/EntityPageFields/EntityPageReferenceValue.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { Field } from '@wix/bex-core';\nimport {\n  CellMultiReferenceView,\n  CellReferenceView,\n} from '@wix/patterns-fields';\nimport type { CellMultiReferenceItem } from '@wix/patterns-fields';\nimport { classes } from './EntityPageReferenceValue.st.css.js';\nimport { imageFieldOf, useReferencedSchema } from './useReferencedSchema';\n\nexport interface EntityPageReferenceValueProps {\n  field: Field;\n  value: unknown;\n}\n\n/** A reference value with no picker: the referenced item's display field, as\n *  the table's reference cell shows it. Empty until the referenced schema\n *  resolves, since the label lives in a field only that schema names. */\nexport function EntityPageReferenceValue({\n  field,\n  value,\n}: EntityPageReferenceValueProps) {\n  const { refSchema } = useReferencedSchema(field);\n  if (!refSchema || value == null) {\n    return null;\n  }\n\n  const { displayField } = refSchema;\n  const imageField = imageFieldOf(refSchema.fields);\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 = (Array.isArray(value) ? value : []).flatMap((item, i) => {\n      const label = labelOf(item);\n      return label ? [{ id: `${field.id}-${i}`, ...label }] : [];\n    });\n    return items.length ? (\n      <FocusableMultiReferenceValue items={items} field={field} />\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\nfunction FocusableMultiReferenceValue({\n  items,\n  field,\n}: {\n  items: CellMultiReferenceItem[];\n  field: Field;\n}) {\n  const [focused, setFocused] = useState(false);\n\n  return (\n    <div\n      className={classes.root}\n      role=\"group\"\n      aria-label={field.displayName}\n      tabIndex={0}\n      onFocus={(event) => {\n        // Expansion removes the overflow chip, so keep focus on the wrapper\n        // even when the chip received the initial pointer/keyboard focus.\n        if (!focused) {\n          event.currentTarget.focus();\n          setFocused(true);\n        }\n      }}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setFocused(false);\n        }\n      }}\n    >\n      <CellMultiReferenceView\n        items={items}\n        fieldId={field.id}\n        dataHook=\"multi-reference-view\"\n        expanded={focused}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EntityPageReferenceValueStCss","_referenceImage","_useReferencedSchema","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EntityPageReferenceValue","field","value","refSchema","useReferencedSchema","displayField","imageField","getImageFieldId","fields","labelOf","item","undefined","record","name","String","image","type","items","Array","isArray","flatMap","label","id","length","createElement","FocusableMultiReferenceValue","__self","__source","fileName","lineNumber","columnNumber","CellReferenceView","dataHook","focused","setFocused","useState","className","classes","root","role","displayName","tabIndex","onFocus","event","currentTarget","focus","onBlur","contains","relatedTarget","CellMultiReferenceView","fieldId","expanded"],"sources":["../../../../src/components/EntityPageFields/EntityPageReferenceValue.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport type { Field } from '@wix/bex-core';\nimport {\n  CellMultiReferenceView,\n  CellReferenceView,\n} from '@wix/patterns-fields';\nimport type { CellMultiReferenceItem } from '@wix/patterns-fields';\nimport { classes } from './EntityPageReferenceValue.st.css.js';\nimport { getImageFieldId } from '../../utils/referenceImage';\nimport { useReferencedSchema } from './useReferencedSchema';\n\nexport interface EntityPageReferenceValueProps {\n  field: Field;\n  value: unknown;\n}\n\n/** A reference value with no picker: the referenced item's display field, as\n *  the table's reference cell shows it. Empty until the referenced schema\n *  resolves, since the label lives in a field only that schema names. */\nexport function EntityPageReferenceValue({\n  field,\n  value,\n}: EntityPageReferenceValueProps) {\n  const { refSchema } = useReferencedSchema(field);\n  if (!refSchema || value == null) {\n    return null;\n  }\n\n  const { displayField } = refSchema;\n  const imageField = getImageFieldId(refSchema.fields);\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 ? record[imageField] : undefined,\n    };\n  };\n\n  if (field.type === 'MULTI_REFERENCE') {\n    const items = (Array.isArray(value) ? value : []).flatMap((item, i) => {\n      const label = labelOf(item);\n      return label ? [{ id: `${field.id}-${i}`, ...label }] : [];\n    });\n    return items.length ? (\n      <FocusableMultiReferenceValue items={items} field={field} />\n    ) : null;\n  }\n\n  const label = labelOf(value);\n  return label ? (\n    <CellReferenceView\n      name={label.name}\n      image={label.image}\n      dataHook=\"reference-view\"\n    />\n  ) : null;\n}\n\nfunction FocusableMultiReferenceValue({\n  items,\n  field,\n}: {\n  items: CellMultiReferenceItem[];\n  field: Field;\n}) {\n  const [focused, setFocused] = useState(false);\n\n  return (\n    <div\n      className={classes.root}\n      role=\"group\"\n      aria-label={field.displayName}\n      tabIndex={0}\n      onFocus={(event) => {\n        // Expansion removes the overflow chip, so keep focus on the wrapper\n        // even when the chip received the initial pointer/keyboard focus.\n        if (!focused) {\n          event.currentTarget.focus();\n          setFocused(true);\n        }\n      }}\n      onBlur={(event) => {\n        if (!event.currentTarget.contains(event.relatedTarget)) {\n          setFocused(false);\n        }\n      }}\n    >\n      <CellMultiReferenceView\n        items={items}\n        fieldId={field.id}\n        dataHook=\"multi-reference-view\"\n        expanded={focused}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAKA,IAAAE,8BAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAA4D,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAO5D;AACA;AACA;AACO,SAASkB,wBAAwBA,CAAC;EACvCC,KAAK;EACLC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,wCAAmB,EAACH,KAAK,CAAC;EAChD,IAAI,CAACE,SAAS,IAAID,KAAK,IAAI,IAAI,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAM;IAAEG;EAAa,CAAC,GAAGF,SAAS;EAClC,MAAMG,UAAU,GAAG,IAAAC,+BAAe,EAACJ,SAAS,CAACK,MAAM,CAAC;EACpD,MAAMC,OAAO,GAAIC,IAAa,IAAK;IACjC;IACA,IAAI,CAACA,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;MACrC,OAAOC,SAAS;IAClB;IACA,MAAMC,MAAM,GAAGF,IAA+B;IAC9C,OAAO;MACLG,IAAI,EAAEC,MAAM,CAACF,MAAM,CAACP,YAAY,CAAC,IAAI,EAAE,CAAC;MACxCU,KAAK,EAAET,UAAU,GAAGM,MAAM,CAACN,UAAU,CAAC,GAAGK;IAC3C,CAAC;EACH,CAAC;EAED,IAAIV,KAAK,CAACe,IAAI,KAAK,iBAAiB,EAAE;IACpC,MAAMC,KAAK,GAAG,CAACC,KAAK,CAACC,OAAO,CAACjB,KAAK,CAAC,GAAGA,KAAK,GAAG,EAAE,EAAEkB,OAAO,CAAC,CAACV,IAAI,EAAEtB,CAAC,KAAK;MACrE,MAAMiC,KAAK,GAAGZ,OAAO,CAACC,IAAI,CAAC;MAC3B,OAAOW,KAAK,GAAG,CAAC;QAAEC,EAAE,EAAE,GAAGrB,KAAK,CAACqB,EAAE,IAAIlC,CAAC,EAAE;QAAE,GAAGiC;MAAM,CAAC,CAAC,GAAG,EAAE;IAC5D,CAAC,CAAC;IACF,OAAOJ,KAAK,CAACM,MAAM,gBACjBlD,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAACC,4BAA4B;MAACR,KAAK,EAAEA,KAAM;MAAChB,KAAK,EAAEA,KAAM;MAAAyB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhD,YAAA;QAAAiD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAC1D,IAAI;EACV;EAEA,MAAMT,KAAK,GAAGZ,OAAO,CAACP,KAAK,CAAC;EAC5B,OAAOmB,KAAK,gBACVhD,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,eAAA,CAAAuD,iBAAiB;IAChBlB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBE,KAAK,EAAEM,KAAK,CAACN,KAAM;IACnBiB,QAAQ,EAAC,gBAAgB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhD,YAAA;MAAAiD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1B,CAAC,GACA,IAAI;AACV;AAEA,SAASL,4BAA4BA,CAAC;EACpCR,KAAK;EACLhB;AAIF,CAAC,EAAE;EACD,MAAM,CAACgC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7C,oBACE9D,MAAA,CAAAkB,OAAA,CAAAiC,aAAA;IACEY,SAAS,EAAEC,sCAAO,CAACC,IAAK;IACxBC,IAAI,EAAC,OAAO;IACZ,cAAYtC,KAAK,CAACuC,WAAY;IAC9BC,QAAQ,EAAE,CAAE;IACZC,OAAO,EAAGC,KAAK,IAAK;MAClB;MACA;MACA,IAAI,CAACV,OAAO,EAAE;QACZU,KAAK,CAACC,aAAa,CAACC,KAAK,CAAC,CAAC;QAC3BX,UAAU,CAAC,IAAI,CAAC;MAClB;IACF,CAAE;IACFY,MAAM,EAAGH,KAAK,IAAK;MACjB,IAAI,CAACA,KAAK,CAACC,aAAa,CAACG,QAAQ,CAACJ,KAAK,CAACK,aAAa,CAAC,EAAE;QACtDd,UAAU,CAAC,KAAK,CAAC;MACnB;IACF,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhD,YAAA;MAAAiD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFzD,MAAA,CAAAkB,OAAA,CAAAiC,aAAA,CAAChD,eAAA,CAAAyE,sBAAsB;IACrBhC,KAAK,EAAEA,KAAM;IACbiC,OAAO,EAAEjD,KAAK,CAACqB,EAAG;IAClBU,QAAQ,EAAC,sBAAsB;IAC/BmB,QAAQ,EAAElB,OAAQ;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhD,YAAA;MAAAiD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnB,CACE,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/EntityPageFields/EntityPageReferenceValue.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_ = "EntityPageReferenceValue1419014605";
+var _namespace_ = "EntityPageReferenceValue2593400408";
 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": "EntityPageReferenceValue1419014605__root"
+  "root": "EntityPageReferenceValue2593400408__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPageFields/EntityPageReferenceValue.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/EntityPageFields/EntityPageReferenceValue.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPageReferenceValue1419014605\";\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\":\"EntityPageReferenceValue1419014605__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wsr-color-B10\":\"--wsr-color-B10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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,0BAA0B,EAAC,4BAA4B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,eAAe,EAAC;AAAiB,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/EntityPageFields/EntityPageReferenceValue.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPageReferenceValue2593400408\";\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\":\"EntityPageReferenceValue2593400408__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wsr-color-B10\":\"--wsr-color-B10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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,0BAA0B,EAAC,4BAA4B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -1,7 +1,6 @@
 "use strict";
 
 exports.__esModule = true;
-exports.imageFieldOf = void 0;
 exports.useReferencedSchema = useReferencedSchema;
 var _react = require("react");
 var _providers = require("../../providers");
@@ -34,9 +33,4 @@ function useReferencedSchema(field) {
     refSchema
   };
 }
-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];
-};
-exports.imageFieldOf = imageFieldOf;
 //# sourceMappingURL=useReferencedSchema.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_providers","useReferencedSchema","field","_referenceMetadata","state","useEntityPageContext","referencedCollectionId","referenceMetadata","refSource","useMemo","_state$schemaSource","_state$schemaSource2","undefined","schemaSource","references","getReferencedCollectionSource","refSchema","setRefSchema","useState","useEffect","active","loadSchema","then","loaded","schema","imageFieldOf","fields","_Object$entries$find","Object","entries","find","f","type","exports"],"sources":["../../../../src/components/EntityPageFields/useReferencedSchema.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport type { BaseReferenceField, Field, Schema } from '@wix/bex-core';\nimport { useEntityPageContext } from '../../providers';\n\n/** The source a reference field points at, and its schema once loaded. */\nexport function useReferencedSchema(field: Field) {\n  const state = useEntityPageContext();\n  const referencedCollectionId = (field as BaseReferenceField).referenceMetadata\n    ?.referencedCollectionId;\n  const refSource = useMemo(() => {\n    if (!referencedCollectionId) {\n      return undefined;\n    }\n\n    return (\n      state.schemaSource?.references?.[referencedCollectionId] ??\n      state.schemaSource?.getReferencedCollectionSource?.(\n        referencedCollectionId,\n      )\n    );\n  }, [referencedCollectionId, state.schemaSource]);\n\n  const [refSchema, setRefSchema] = useState<Schema | null>(null);\n  useEffect(() => {\n    let active = true;\n    refSource?.loadSchema().then((loaded) => {\n      if (active) {\n        setRefSchema(loaded.schema);\n      }\n    });\n    return () => {\n      active = false;\n    };\n  }, [refSource]);\n\n  return { refSource, refSchema };\n}\n\nexport const imageFieldOf = (\n  fields: Schema['fields'] | undefined,\n): string | undefined =>\n  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEA;AACO,SAASE,mBAAmBA,CAACC,KAAY,EAAE;EAAA,IAAAC,kBAAA;EAChD,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,sBAAsB,IAAAH,kBAAA,GAAID,KAAK,CAAwBK,iBAAiB,qBAA/CJ,kBAAA,CAC3BG,sBAAsB;EAC1B,MAAME,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,mBAAA,EAAAC,oBAAA;IAC9B,IAAI,CAACL,sBAAsB,EAAE;MAC3B,OAAOM,SAAS;IAClB;IAEA,OACE,EAAAF,mBAAA,GAAAN,KAAK,CAACS,YAAY,cAAAH,mBAAA,GAAlBA,mBAAA,CAAoBI,UAAU,qBAA9BJ,mBAAA,CAAiCJ,sBAAsB,CAAC,OAAAK,oBAAA,GACxDP,KAAK,CAACS,YAAY,aAAlBF,oBAAA,CAAoBI,6BAA6B,oBAAjDJ,oBAAA,CAAoBI,6BAA6B,CAC/CT,sBACF,CAAC;EAEL,CAAC,EAAE,CAACA,sBAAsB,EAAEF,KAAK,CAACS,YAAY,CAAC,CAAC;EAEhD,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAgB,IAAI,CAAC;EAC/D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,MAAM,GAAG,IAAI;IACjBZ,SAAS,YAATA,SAAS,CAAEa,UAAU,CAAC,CAAC,CAACC,IAAI,CAAEC,MAAM,IAAK;MACvC,IAAIH,MAAM,EAAE;QACVH,YAAY,CAACM,MAAM,CAACC,MAAM,CAAC;MAC7B;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACXJ,MAAM,GAAG,KAAK;IAChB,CAAC;EACH,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEA,SAAS;IAAEQ;EAAU,CAAC;AACjC;AAEO,MAAMS,YAAY,GACvBC,MAAoC;EAAA,IAAAC,oBAAA;EAAA,QAAAA,oBAAA,GAEpCC,MAAM,CAACC,OAAO,CAACH,MAAM,IAAI,CAAC,CAAC,CAAC,CAACI,IAAI,CAAC,CAAC,GAAGC,CAAC,CAAC,KAAK,CAAAA,CAAC,oBAADA,CAAC,CAAEC,IAAI,MAAK,OAAO,CAAC,qBAAjEL,oBAAA,CAAoE,CAAC,CAAC;AAAA;AAACM,OAAA,CAAAR,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_providers","useReferencedSchema","field","_referenceMetadata","state","useEntityPageContext","referencedCollectionId","referenceMetadata","refSource","useMemo","_state$schemaSource","_state$schemaSource2","undefined","schemaSource","references","getReferencedCollectionSource","refSchema","setRefSchema","useState","useEffect","active","loadSchema","then","loaded","schema"],"sources":["../../../../src/components/EntityPageFields/useReferencedSchema.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport type { BaseReferenceField, Field, Schema } from '@wix/bex-core';\nimport { useEntityPageContext } from '../../providers';\n\n/** The source a reference field points at, and its schema once loaded. */\nexport function useReferencedSchema(field: Field) {\n  const state = useEntityPageContext();\n  const referencedCollectionId = (field as BaseReferenceField).referenceMetadata\n    ?.referencedCollectionId;\n  const refSource = useMemo(() => {\n    if (!referencedCollectionId) {\n      return undefined;\n    }\n\n    return (\n      state.schemaSource?.references?.[referencedCollectionId] ??\n      state.schemaSource?.getReferencedCollectionSource?.(\n        referencedCollectionId,\n      )\n    );\n  }, [referencedCollectionId, state.schemaSource]);\n\n  const [refSchema, setRefSchema] = useState<Schema | null>(null);\n  useEffect(() => {\n    let active = true;\n    refSource?.loadSchema().then((loaded) => {\n      if (active) {\n        setRefSchema(loaded.schema);\n      }\n    });\n    return () => {\n      active = false;\n    };\n  }, [refSource]);\n\n  return { refSource, refSchema };\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAEA;AACO,SAASE,mBAAmBA,CAACC,KAAY,EAAE;EAAA,IAAAC,kBAAA;EAChD,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,sBAAsB,IAAAH,kBAAA,GAAID,KAAK,CAAwBK,iBAAiB,qBAA/CJ,kBAAA,CAC3BG,sBAAsB;EAC1B,MAAME,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,mBAAA,EAAAC,oBAAA;IAC9B,IAAI,CAACL,sBAAsB,EAAE;MAC3B,OAAOM,SAAS;IAClB;IAEA,OACE,EAAAF,mBAAA,GAAAN,KAAK,CAACS,YAAY,cAAAH,mBAAA,GAAlBA,mBAAA,CAAoBI,UAAU,qBAA9BJ,mBAAA,CAAiCJ,sBAAsB,CAAC,OAAAK,oBAAA,GACxDP,KAAK,CAACS,YAAY,aAAlBF,oBAAA,CAAoBI,6BAA6B,oBAAjDJ,oBAAA,CAAoBI,6BAA6B,CAC/CT,sBACF,CAAC;EAEL,CAAC,EAAE,CAACA,sBAAsB,EAAEF,KAAK,CAACS,YAAY,CAAC,CAAC;EAEhD,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAgB,IAAI,CAAC;EAC/D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,MAAM,GAAG,IAAI;IACjBZ,SAAS,YAATA,SAAS,CAAEa,UAAU,CAAC,CAAC,CAACC,IAAI,CAAEC,MAAM,IAAK;MACvC,IAAIH,MAAM,EAAE;QACVH,YAAY,CAACM,MAAM,CAACC,MAAM,CAAC;MAC7B;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACXJ,MAAM,GAAG,KAAK;IAChB,CAAC;EACH,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAEf,OAAO;IAAEA,SAAS;IAAEQ;EAAU,CAAC;AACjC","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_ = "Fade429457099";
+var _namespace_ = "Fade70532604";
 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": "Fade429457099__root"
+  "root": "Fade70532604__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_ = \"Fade429457099\";\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\":\"Fade429457099__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":[]}
+{"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_ = \"Fade70532604\";\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\":\"Fade70532604__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,cAAc;AAChC,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;AAAoB,CAAC;AAC3C,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/GridSingleGridContent.js

@@ -2,14 +2,15 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.GridSingleGridContent = GridSingleGridContent;
+exports.GridSingleGridContent = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _state = require("../../state");
 var _GridContent = require("./GridContent");
+var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireWildcard(require("react"));
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Grid/GridSingleGridContent.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 GridSingleGridContent(props) {
+function _GridSingleGridContent(props) {
   const {
     range,
     imagePlacement,
@@ -21,6 +22,7 @@ function GridSingleGridContent(props) {
     toolbar,
     collection
   } = parentState;
+  const isMobile = toolbar.container.isMobile;
   const [state] = (0, _react.useState)(() => new _state.GridBaseState({
     container: toolbar.container,
     toolbar: toolbar,
@@ -33,15 +35,16 @@ function GridSingleGridContent(props) {
   }));
   return /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
     paddingTop: "SP4",
-    paddingBottom: state.layoutType === 'list' ? 'SP2' : undefined,
+    paddingBottom: state.layoutType === 'list' ? isMobile ? 'SP4' : 'SP2' : undefined,
     state: state,
     withInfiniteScrollLoader: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 50,
       columnNumber: 5
     }
   }));
 }
+const GridSingleGridContent = exports.GridSingleGridContent = (0, _mobxReactLite.observer)(_GridSingleGridContent);
 //# sourceMappingURL=GridSingleGridContent.js.map

package/dist/cjs/components/Grid/GridSingleGridContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_state","require","_GridContent","_react","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GridSingleGridContent","props","range","imagePlacement","state","parentState","layoutType","dragAndDrop","toolbar","collection","useState","GridBaseState","container","sizePreset","gridSizePresets","topGridSizePreset","draggable","createElement","GridContent","_extends2","paddingTop","paddingBottom","undefined","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/GridSingleGridContent.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  GridState,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridContent, GridContentBaseProps } from './GridContent';\nimport React, { useState } from 'react';\n\nexport interface GridSingleGridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  range?: { start: number; length: number };\n}\n\nexport function GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridSingleGridContentProps<T, F>,\n) {\n  const {\n    range,\n    imagePlacement,\n    state: parentState,\n    layoutType,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar, collection } = parentState;\n\n  const [state] = useState(\n    () =>\n      new GridBaseState({\n        container: toolbar.container,\n        toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n        parentState,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop=\"SP4\"\n      paddingBottom={state.layoutType === 'list' ? 'SP2' : undefined}\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAwC,IAAAI,YAAA;AAAA,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQjC,SAASkB,qBAAqBA,CACnCC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,cAAc;IACdC,KAAK,EAAEC,WAAW;IAClBC,UAAU;IACVC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,OAAO;IAAEC;EAAW,CAAC,GAAGJ,WAAW;EAE3C,MAAM,CAACD,KAAK,CAAC,GAAG,IAAAM,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBC,SAAS,EAAEJ,OAAO,CAACI,SAAS;IAC5BJ,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVI,UAAU,EAAEV,cAAc,GACtBW,sBAAe,CAACX,cAAc,CAAC,GAC/BY,wBAAiB;IACrBb,KAAK;IACLG,WAAW;IACXC,UAAU;IACVU,SAAS,EAAET,WAAW,GAAG,WAAW,GAAG;EACzC,CAAC,CACL,CAAC;EAED,oBACE7B,MAAA,CAAAa,OAAA,CAAA0B,aAAA,CAACxC,YAAA,CAAAyC,WAAW,MAAAC,SAAA,CAAA5B,OAAA,MACNU,KAAK;IACTmB,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAEjB,KAAK,CAACE,UAAU,KAAK,MAAM,GAAG,KAAK,GAAGgB,SAAU;IAC/DlB,KAAK,EAAEA,KAAM;IACbmB,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_state","require","_GridContent","_mobxReactLite","_react","_interopRequireWildcard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSingleGridContent","props","range","imagePlacement","state","parentState","layoutType","dragAndDrop","toolbar","collection","isMobile","container","useState","GridBaseState","sizePreset","gridSizePresets","topGridSizePreset","draggable","createElement","GridContent","_extends2","paddingTop","paddingBottom","undefined","withInfiniteScrollLoader","__self","__source","fileName","lineNumber","columnNumber","GridSingleGridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridSingleGridContent.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  GridState,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridContent, GridContentBaseProps } from './GridContent';\nimport { observer } from 'mobx-react-lite';\nimport React, { useState } from 'react';\n\nexport interface GridSingleGridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  range?: { start: number; length: number };\n}\n\nfunction _GridSingleGridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridSingleGridContentProps<T, F>,\n) {\n  const {\n    range,\n    imagePlacement,\n    state: parentState,\n    layoutType,\n    dragAndDrop,\n  } = props;\n\n  const { toolbar, collection } = parentState;\n  const isMobile = toolbar.container.isMobile;\n\n  const [state] = useState(\n    () =>\n      new GridBaseState({\n        container: toolbar.container,\n        toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n        parentState,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <GridContent\n      {...props}\n      paddingTop=\"SP4\"\n      paddingBottom={\n        state.layoutType === 'list' ? (isMobile ? 'SP4' : 'SP2') : undefined\n      }\n      state={state}\n      withInfiniteScrollLoader\n    />\n  );\n}\n\nexport const GridSingleGridContent = observer(_GridSingleGridContent);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAAwC,IAAAK,YAAA;AAAA,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQxC,SAASkB,sBAAsBA,CAC7BC,KAAuC,EACvC;EACA,MAAM;IACJC,KAAK;IACLC,cAAc;IACdC,KAAK,EAAEC,WAAW;IAClBC,UAAU;IACVC;EACF,CAAC,GAAGN,KAAK;EAET,MAAM;IAAEO,OAAO;IAAEC;EAAW,CAAC,GAAGJ,WAAW;EAC3C,MAAMK,QAAQ,GAAGF,OAAO,CAACG,SAAS,CAACD,QAAQ;EAE3C,MAAM,CAACN,KAAK,CAAC,GAAG,IAAAQ,eAAQ,EACtB,MACE,IAAIC,oBAAa,CAAC;IAChBF,SAAS,EAAEH,OAAO,CAACG,SAAS;IAC5BH,OAAO,EAAEA,OAAsD;IAC/DC,UAAU;IACVK,UAAU,EAAEX,cAAc,GACtBY,sBAAe,CAACZ,cAAc,CAAC,GAC/Ba,wBAAiB;IACrBd,KAAK;IACLG,WAAW;IACXC,UAAU;IACVW,SAAS,EAAEV,WAAW,GAAG,WAAW,GAAG;EACzC,CAAC,CACL,CAAC;EAED,oBACE7B,MAAA,CAAAa,OAAA,CAAA2B,aAAA,CAAC1C,YAAA,CAAA2C,WAAW,MAAAC,SAAA,CAAA7B,OAAA,MACNU,KAAK;IACToB,UAAU,EAAC,KAAK;IAChBC,aAAa,EACXlB,KAAK,CAACE,UAAU,KAAK,MAAM,GAAII,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAIa,SAC5D;IACDnB,KAAK,EAAEA,KAAM;IACboB,wBAAwB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/C,YAAA;MAAAgD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CAAC;AAEN;AAEO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,uBAAQ,EAAChC,sBAAsB,CAAC","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsContent.js

@@ -23,6 +23,7 @@ function _GridSectionsContent(props) {
   const {
     toolbar
   } = grid;
+  const isMobile = toolbar.container.isMobile;
   const {
     showInitialLoader,
     multi: {
@@ -54,7 +55,7 @@ function _GridSectionsContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 58,
+        lineNumber: 59,
         columnNumber: 7
       }
     }));
@@ -66,7 +67,7 @@ function _GridSectionsContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 64,
+        lineNumber: 65,
         columnNumber: 11
       }
     }))));
@@ -75,11 +76,11 @@ function _GridSectionsContent(props) {
     direction: "vertical",
     width: "100%",
     paddingTop: layoutType === 'list' ? 'SP2' : undefined,
-    paddingBottom: layoutType === 'list' ? 'SP2' : undefined,
+    paddingBottom: layoutType === 'list' ? isMobile ? 'SP4' : 'SP2' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, child);

package/dist/cjs/components/GridSections/GridSectionsContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSectionsContent","props","state","grid","groupBy","renderSection","layoutType","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","parentState","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","sectionId","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  groupBy: GroupBy<T>;\n  renderSection?: RenderSection<T>;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, groupBy, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        groupBy,\n        renderSection,\n        parentState: grid,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      state.groupBy = groupBy;\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [groupBy, renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = (\n      <GridSectionsSingleSkeletonGrid {...props} state={state.parentState} />\n    );\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.sectionId}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSectionsContent","props","state","grid","groupBy","renderSection","layoutType","toolbar","isMobile","container","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","parentState","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","sectionId","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  groupBy: GroupBy<T>;\n  renderSection?: RenderSection<T>;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, groupBy, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n  const isMobile = toolbar.container.isMobile;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        groupBy,\n        renderSection,\n        parentState: grid,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      state.groupBy = groupBy;\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [groupBy, renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = (\n      <GridSectionsSingleSkeletonGrid {...props} state={state.parentState} />\n    );\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.sectionId}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={\n        layoutType === 'list' ? (isMobile ? 'SP4' : 'SP2') : undefined\n      }\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading1506684082";
+var _namespace_ = "Heading1052680085";
 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": "Heading1506684082__root"
+  "root": "Heading1052680085__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1506684082\";\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\":\"Heading1506684082__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading1052680085\";\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\":\"Heading1052680085__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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":[]}