@wix/bex-core 2.180.0 → 2.181.0

package/dist/cjs/assets/locale/messages_sv.json

@@ -205,7 +205,7 @@
   "cairo.emptyState.subtitle.nothingAvailable": "Vi kunde inte hitta någonting.",
   "cairo.tags.tagsWidget.create.CTA": "Skapa taggar",
   "cairo.tags.manageTags.modal.title.asLabels": "Hantera etiketter: {EntityName}",
-  "cairo.fieldValidation.maxCharacter": "Enter up to {charMax, plural, one {1 character} other {# characters}} including spaces.",
+  "cairo.fieldValidation.maxCharacter": "{charMax, plural, one {Ange upp till 1 tecken.} other {Ange upp till {charMax,number} tecken inklusive mellanslag.}}",
   "cairo.customFields.addCustomField.modal.keyFormat.error": "Måste börja med en bokstav som ingår i det engelska alfabetet och får endast innehålla bokstäver, siffror eller understreck.",
   "cairo.picker.itemsSelected": "{total, plural, one {1 objekt valt (max {max})} other {{total,number} objekt valda (max {max})}}",
   "cairo.customFields.addCustomField.modal.title": "Lägg till ett anpassat fält",
@@ -248,7 +248,7 @@
   "cairo.manageView.Rename.modal.field.title": "Namn",
   "cairo.dragAndDrop.discardChanges.title": "Ignorera ändringar?",
   "cairo.customFields.fieldType.checkbox": "Kryssruta",
-  "cairo.fieldValidation.minCharacter": "Enter a minimum of {charMin, plural, one {1 character} other {# characters}} including spaces.",
+  "cairo.fieldValidation.minCharacter": "{charMin, plural, one {Ange minst 1 tecken inklusive mellanslag.} other {Ange minst {charMin,number} tecken inklusive mellanslag.}}",
   "cairo.tags.tagsWidget.input.placeholder.asLabels": "Ange etikettens nya namn",
   "cairo.entityPage.header.publish.CTA": "Publicera",
   "cairo.filtersPanel.date.custom": "Anpassat",
@@ -262,7 +262,7 @@
   "cairo.customFields.addCustomField.modal.advancedSettings.key.title": "Nyckel",
   "cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote": "PPI kan inte ändras efter skapandet. Skapa ett nytt fält för att ändra det.",
   "section.header.items": "Artiklar",
-  "cairo.fieldValidation.requiredField": "Complete this field.",
+  "cairo.fieldValidation.requiredField": "Det här är ett obligatoriskt fält. ",
   "cairo.tags.popover.bulkItemUpdate.tooltip": "Du kan inte göra ändringar förrän taggarna har uppdaterats.",
   "cairo.customFields.fieldType.numberInteger": "Siffra (heltal)",
   "airo.tags.collectionPage.popover.emptyState.body.asLabels": "Etiketter hjälper dig filtrera och hålla ordning på dina objekt.",
@@ -277,7 +277,7 @@
   "cairo.tags.bulkItemUpdate.toast.error.asLabels": "{total, plural, one {1 etikett kunde inte uppdateras på grund av ett tekniskt problem.} other {{total,number} etiketter kunde inte uppdateras på grund av ett tekniskt problem.}}",
   "cairo.filtersPanel.date.to.placeholder": "Till",
   "cairo.manageView.Delete.CTA": "Radera",
-  "cairo.fieldValidation.minNumber": "Enter a value of {minAmount, plural, one {1 or more.} other {# or more.}}",
+  "cairo.fieldValidation.minNumber": "{minAmount, plural, one {Ange ett värde på 1 eller mer.} other {Ange ett värde på {minAmount,number} eller mer.}}",
   "cairo.page.primary.cta": "Create New",
   "cairo.tags.manageTags.modal.close.CTA": "Stäng",
   "cairo.picker.createNew.button": "Skapa nytt",
@@ -436,7 +436,7 @@
   "cairo.tags.popover.creationLimitReached.error": "Taggen kunde inte skapas. Du har nått gränsen på 100 taggar.",
   "cairo.customFields.archive.modal.description": "Det här fältet och den insamlade informationen kommer att arkiveras och kan inte återställas.",
   "cairo.emptyState.premium.title": "Uppgradera med ett paket",
-  "cairo.fieldValidation.maxNumber": "Enter a value of {maxAmount, plural, one {1 or less.} other {# or less.}}",
+  "cairo.fieldValidation.maxNumber": "{maxAmount, plural, one {Ange ett värde på 1 eller mindre.} other {Ange ett värde på {maxAmount,number} eller mindre.}}",
   "cairo.customFields.fieldType.numberDecimal": "Siffra (decimal)",
   "cairo.manageView.saveView.error.toast": "På grund av ett tekniskt problem sparades inte vyn.",
   "cairo.table.noFiltersApplied.label": "Inga filter",

package/dist/cjs/index.js

@@ -5,9 +5,10 @@ var _exportNames = {
   CollectionConfigWithConditionals: true,
   CollectionFactory: true,
   useSyncProps: true,
-  QueryCache: true
+  QueryCache: true,
+  MOBILE_BREAKPOINT: true
 };
-exports.useSyncProps = exports.QueryCache = exports.CollectionFactory = exports.CollectionConfigWithConditionals = void 0;
+exports.useSyncProps = exports.QueryCache = exports.MOBILE_BREAKPOINT = exports.CollectionFactory = exports.CollectionConfigWithConditionals = void 0;
 var _model = require("./model");
 Object.keys(_model).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -56,4 +57,6 @@ exports.CollectionFactory = _hooks.CollectionFactory;
 exports.useSyncProps = _hooks.useSyncProps;
 var _core = require("react-query/core");
 exports.QueryCache = _core.QueryCache;
+var _PageState = require("./state/PageState");
+exports.MOBILE_BREAKPOINT = _PageState.MOBILE_BREAKPOINT;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_model","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_state","_services","_util","_useExport","_createCollection","_hooks","CollectionConfigWithConditionals","CollectionFactory","useSyncProps","_core","QueryCache"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './model';\nexport * from './state';\nexport * from './services';\nexport * from './util';\nexport * from './hooks/useExport';\nexport * from './hooks/createCollection';\nexport {\n  CollectionConfigWithConditionals,\n  CollectionFactory,\n  useSyncProps,\n} from './hooks';\nexport { QueryCache } from 'react-query/core';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_model","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_state","_services","_util","_useExport","_createCollection","_hooks","CollectionConfigWithConditionals","CollectionFactory","useSyncProps","_core","QueryCache","_PageState","MOBILE_BREAKPOINT"],"sources":["../../src/index.ts"],"sourcesContent":["export * from './model';\nexport * from './state';\nexport * from './services';\nexport * from './util';\nexport * from './hooks/useExport';\nexport * from './hooks/createCollection';\nexport {\n  CollectionConfigWithConditionals,\n  CollectionFactory,\n  useSyncProps,\n} from './hooks';\nexport { QueryCache } from 'react-query/core';\nexport { MOBILE_BREAKPOINT } from './state/PageState';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/PageState.js

@@ -2,16 +2,19 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.PageState = void 0;
+exports.PageState = exports.MOBILE_BREAKPOINT = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexUtils = require("@wix/bex-utils");
 var _mobx = require("mobx");
+var _resizeObserverCompat = require("./resizeObserverCompat");
+const MOBILE_BREAKPOINT = exports.MOBILE_BREAKPOINT = 768;
 class PageState {
   constructor() {
     (0, _defineProperty2.default)(this, "modalsContainerRef", void 0);
     (0, _defineProperty2.default)(this, "stackingRootRef", void 0);
     (0, _defineProperty2.default)(this, "scrollableContentRef", void 0);
     (0, _defineProperty2.default)(this, "_sidePanelOpen", (0, _bexUtils.reactive)(false));
+    (0, _defineProperty2.default)(this, "_isMobile", false);
     this.modalsContainerRef = (0, _mobx.makeObservable)({
       current: null
     }, {
@@ -23,10 +26,34 @@ class PageState {
     this.scrollableContentRef = {
       current: null
     };
+    (0, _mobx.makeObservable)(this, {
+      _isMobile: _mobx.observable.ref,
+      _updateIsMobile: _mobx.action.bound
+    });
+    this._updateIsMobile();
+  }
+  _updateIsMobile() {
+    if (typeof window !== 'undefined') {
+      this._isMobile = window.innerWidth <= MOBILE_BREAKPOINT;
+    }
+  }
+  get isMobile() {
+    return this._isMobile;
   }
   set sidePanelOpen(value) {
     this._sidePanelOpen.value = value;
   }
+  init() {
+    if (typeof window === 'undefined') {
+      return;
+    }
+    this._updateIsMobile();
+    const container = this.stackingRootRef.current ?? document.body;
+    const disposers = [(0, _resizeObserverCompat.addResizeObserver)(container, this._updateIsMobile)];
+    return () => {
+      disposers.forEach(d => d == null ? void 0 : d());
+    };
+  }
 }
 exports.PageState = PageState;
 //# sourceMappingURL=PageState.js.map

package/dist/cjs/state/PageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexUtils","require","_mobx","PageState","constructor","_defineProperty2","default","reactive","modalsContainerRef","makeObservable","current","observable","ref","stackingRootRef","scrollableContentRef","sidePanelOpen","value","_sidePanelOpen","exports"],"sources":["../../../src/state/PageState.ts"],"sourcesContent":["import { reactive } from '@wix/bex-utils';\nimport { RefObject } from './RefObject';\nimport { makeObservable, observable } from 'mobx';\n\nexport interface PageStateParams {}\n\nexport class PageState {\n  readonly modalsContainerRef: RefObject<HTMLElement>;\n\n  readonly stackingRootRef: RefObject<HTMLElement>;\n\n  readonly scrollableContentRef: RefObject<HTMLElement>;\n\n  _sidePanelOpen = reactive<boolean>(false);\n\n  constructor() {\n    this.modalsContainerRef = makeObservable(\n      { current: null },\n      { current: observable.ref },\n    );\n    this.stackingRootRef = { current: null };\n    this.scrollableContentRef = { current: null };\n  }\n\n  set sidePanelOpen(value: boolean) {\n    this._sidePanelOpen.value = value;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAIO,MAAME,SAAS,CAAC;EASrBC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BAFG,IAAAC,kBAAQ,EAAU,KAAK,CAAC;IAGvC,IAAI,CAACC,kBAAkB,GAAG,IAAAC,oBAAc,EACtC;MAAEC,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAEC,gBAAU,CAACC;IAAI,CAC5B,CAAC;IACD,IAAI,CAACC,eAAe,GAAG;MAAEH,OAAO,EAAE;IAAK,CAAC;IACxC,IAAI,CAACI,oBAAoB,GAAG;MAAEJ,OAAO,EAAE;IAAK,CAAC;EAC/C;EAEA,IAAIK,aAAaA,CAACC,KAAc,EAAE;IAChC,IAAI,CAACC,cAAc,CAACD,KAAK,GAAGA,KAAK;EACnC;AACF;AAACE,OAAA,CAAAf,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_bexUtils","require","_mobx","_resizeObserverCompat","MOBILE_BREAKPOINT","exports","PageState","constructor","_defineProperty2","default","reactive","modalsContainerRef","makeObservable","current","observable","ref","stackingRootRef","scrollableContentRef","_isMobile","_updateIsMobile","action","bound","window","innerWidth","isMobile","sidePanelOpen","value","_sidePanelOpen","init","container","document","body","disposers","addResizeObserver","forEach","d"],"sources":["../../../src/state/PageState.ts"],"sourcesContent":["import { reactive } from '@wix/bex-utils';\nimport { RefObject } from './RefObject';\nimport { action, makeObservable, observable } from 'mobx';\nimport { addResizeObserver } from './resizeObserverCompat';\n\nexport interface PageStateParams {}\n\nexport const MOBILE_BREAKPOINT = 768;\n\nexport class PageState {\n  readonly modalsContainerRef: RefObject<HTMLElement>;\n\n  readonly stackingRootRef: RefObject<HTMLElement>;\n\n  readonly scrollableContentRef: RefObject<HTMLElement>;\n\n  _sidePanelOpen = reactive<boolean>(false);\n\n  _isMobile = false;\n\n  constructor() {\n    this.modalsContainerRef = makeObservable(\n      { current: null },\n      { current: observable.ref },\n    );\n    this.stackingRootRef = { current: null };\n    this.scrollableContentRef = { current: null };\n\n    makeObservable(this, {\n      _isMobile: observable.ref,\n      _updateIsMobile: action.bound,\n    });\n\n    this._updateIsMobile();\n  }\n\n  _updateIsMobile() {\n    if (typeof window !== 'undefined') {\n      this._isMobile = window.innerWidth <= MOBILE_BREAKPOINT;\n    }\n  }\n\n  get isMobile() {\n    return this._isMobile;\n  }\n\n  set sidePanelOpen(value: boolean) {\n    this._sidePanelOpen.value = value;\n  }\n\n  init() {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    this._updateIsMobile();\n    const container = this.stackingRootRef.current ?? document.body;\n    const disposers = [addResizeObserver(container, this._updateIsMobile)];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAIO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,GAAG;AAE7B,MAAME,SAAS,CAAC;EAWrBC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,0BAJG,IAAAC,kBAAQ,EAAU,KAAK,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,qBAE7B,KAAK;IAGf,IAAI,CAACE,kBAAkB,GAAG,IAAAC,oBAAc,EACtC;MAAEC,OAAO,EAAE;IAAK,CAAC,EACjB;MAAEA,OAAO,EAAEC,gBAAU,CAACC;IAAI,CAC5B,CAAC;IACD,IAAI,CAACC,eAAe,GAAG;MAAEH,OAAO,EAAE;IAAK,CAAC;IACxC,IAAI,CAACI,oBAAoB,GAAG;MAAEJ,OAAO,EAAE;IAAK,CAAC;IAE7C,IAAAD,oBAAc,EAAC,IAAI,EAAE;MACnBM,SAAS,EAAEJ,gBAAU,CAACC,GAAG;MACzBI,eAAe,EAAEC,YAAM,CAACC;IAC1B,CAAC,CAAC;IAEF,IAAI,CAACF,eAAe,CAAC,CAAC;EACxB;EAEAA,eAAeA,CAAA,EAAG;IAChB,IAAI,OAAOG,MAAM,KAAK,WAAW,EAAE;MACjC,IAAI,CAACJ,SAAS,GAAGI,MAAM,CAACC,UAAU,IAAInB,iBAAiB;IACzD;EACF;EAEA,IAAIoB,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACN,SAAS;EACvB;EAEA,IAAIO,aAAaA,CAACC,KAAc,EAAE;IAChC,IAAI,CAACC,cAAc,CAACD,KAAK,GAAGA,KAAK;EACnC;EAEAE,IAAIA,CAAA,EAAG;IACL,IAAI,OAAON,MAAM,KAAK,WAAW,EAAE;MACjC;IACF;IAEA,IAAI,CAACH,eAAe,CAAC,CAAC;IACtB,MAAMU,SAAS,GAAG,IAAI,CAACb,eAAe,CAACH,OAAO,IAAIiB,QAAQ,CAACC,IAAI;IAC/D,MAAMC,SAAS,GAAG,CAAC,IAAAC,uCAAiB,EAACJ,SAAS,EAAE,IAAI,CAACV,eAAe,CAAC,CAAC;IAEtE,OAAO,MAAM;MACXa,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAAC9B,OAAA,CAAAC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/esm/assets/locale/messages_sv.json

@@ -205,7 +205,7 @@
     "cairo.emptyState.subtitle.nothingAvailable": "Vi kunde inte hitta någonting.",
     "cairo.tags.tagsWidget.create.CTA": "Skapa taggar",
     "cairo.tags.manageTags.modal.title.asLabels": "Hantera etiketter: {EntityName}",
-    "cairo.fieldValidation.maxCharacter": "Enter up to {charMax, plural, one {1 character} other {# characters}} including spaces.",
+    "cairo.fieldValidation.maxCharacter": "{charMax, plural, one {Ange upp till 1 tecken.} other {Ange upp till {charMax,number} tecken inklusive mellanslag.}}",
     "cairo.customFields.addCustomField.modal.keyFormat.error": "Måste börja med en bokstav som ingår i det engelska alfabetet och får endast innehålla bokstäver, siffror eller understreck.",
     "cairo.picker.itemsSelected": "{total, plural, one {1 objekt valt (max {max})} other {{total,number} objekt valda (max {max})}}",
     "cairo.customFields.addCustomField.modal.title": "Lägg till ett anpassat fält",
@@ -248,7 +248,7 @@
     "cairo.manageView.Rename.modal.field.title": "Namn",
     "cairo.dragAndDrop.discardChanges.title": "Ignorera ändringar?",
     "cairo.customFields.fieldType.checkbox": "Kryssruta",
-    "cairo.fieldValidation.minCharacter": "Enter a minimum of {charMin, plural, one {1 character} other {# characters}} including spaces.",
+    "cairo.fieldValidation.minCharacter": "{charMin, plural, one {Ange minst 1 tecken inklusive mellanslag.} other {Ange minst {charMin,number} tecken inklusive mellanslag.}}",
     "cairo.tags.tagsWidget.input.placeholder.asLabels": "Ange etikettens nya namn",
     "cairo.entityPage.header.publish.CTA": "Publicera",
     "cairo.filtersPanel.date.custom": "Anpassat",
@@ -262,7 +262,7 @@
     "cairo.customFields.addCustomField.modal.advancedSettings.key.title": "Nyckel",
     "cairo.customFields.addCustomField.modal.PII-setting.toggle.editNote": "PPI kan inte ändras efter skapandet. Skapa ett nytt fält för att ändra det.",
     "section.header.items": "Artiklar",
-    "cairo.fieldValidation.requiredField": "Complete this field.",
+    "cairo.fieldValidation.requiredField": "Det här är ett obligatoriskt fält. ",
     "cairo.tags.popover.bulkItemUpdate.tooltip": "Du kan inte göra ändringar förrän taggarna har uppdaterats.",
     "cairo.customFields.fieldType.numberInteger": "Siffra (heltal)",
     "airo.tags.collectionPage.popover.emptyState.body.asLabels": "Etiketter hjälper dig filtrera och hålla ordning på dina objekt.",
@@ -277,7 +277,7 @@
     "cairo.tags.bulkItemUpdate.toast.error.asLabels": "{total, plural, one {1 etikett kunde inte uppdateras på grund av ett tekniskt problem.} other {{total,number} etiketter kunde inte uppdateras på grund av ett tekniskt problem.}}",
     "cairo.filtersPanel.date.to.placeholder": "Till",
     "cairo.manageView.Delete.CTA": "Radera",
-    "cairo.fieldValidation.minNumber": "Enter a value of {minAmount, plural, one {1 or more.} other {# or more.}}",
+    "cairo.fieldValidation.minNumber": "{minAmount, plural, one {Ange ett värde på 1 eller mer.} other {Ange ett värde på {minAmount,number} eller mer.}}",
     "cairo.page.primary.cta": "Create New",
     "cairo.tags.manageTags.modal.close.CTA": "Stäng",
     "cairo.picker.createNew.button": "Skapa nytt",
@@ -436,7 +436,7 @@
     "cairo.tags.popover.creationLimitReached.error": "Taggen kunde inte skapas. Du har nått gränsen på 100 taggar.",
     "cairo.customFields.archive.modal.description": "Det här fältet och den insamlade informationen kommer att arkiveras och kan inte återställas.",
     "cairo.emptyState.premium.title": "Uppgradera med ett paket",
-    "cairo.fieldValidation.maxNumber": "Enter a value of {maxAmount, plural, one {1 or less.} other {# or less.}}",
+    "cairo.fieldValidation.maxNumber": "{maxAmount, plural, one {Ange ett värde på 1 eller mindre.} other {Ange ett värde på {maxAmount,number} eller mindre.}}",
     "cairo.customFields.fieldType.numberDecimal": "Siffra (decimal)",
     "cairo.manageView.saveView.error.toast": "På grund av ett tekniskt problem sparades inte vyn.",
     "cairo.table.noFiltersApplied.label": "Inga filter",

package/dist/esm/index.js

@@ -6,4 +6,5 @@ export * from './hooks/useExport';
 export * from './hooks/createCollection';
 export { useSyncProps, } from './hooks';
 export { QueryCache } from 'react-query/core';
+export { MOBILE_BREAKPOINT } from './state/PageState';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAGL,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAGL,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/state/PageState.js

@@ -1,14 +1,41 @@
 import { reactive } from '@wix/bex-utils';
-import { makeObservable, observable } from 'mobx';
+import { action, makeObservable, observable } from 'mobx';
+import { addResizeObserver } from './resizeObserverCompat';
+export const MOBILE_BREAKPOINT = 768;
 export class PageState {
     constructor() {
         this._sidePanelOpen = reactive(false);
+        this._isMobile = false;
         this.modalsContainerRef = makeObservable({ current: null }, { current: observable.ref });
         this.stackingRootRef = { current: null };
         this.scrollableContentRef = { current: null };
+        makeObservable(this, {
+            _isMobile: observable.ref,
+            _updateIsMobile: action.bound,
+        });
+        this._updateIsMobile();
+    }
+    _updateIsMobile() {
+        if (typeof window !== 'undefined') {
+            this._isMobile = window.innerWidth <= MOBILE_BREAKPOINT;
+        }
+    }
+    get isMobile() {
+        return this._isMobile;
     }
     set sidePanelOpen(value) {
         this._sidePanelOpen.value = value;
     }
+    init() {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        this._updateIsMobile();
+        const container = this.stackingRootRef.current ?? document.body;
+        const disposers = [addResizeObserver(container, this._updateIsMobile)];
+        return () => {
+            disposers.forEach((d) => d?.());
+        };
+    }
 }
 //# sourceMappingURL=PageState.js.map

package/dist/esm/state/PageState.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageState.js","sourceRoot":"","sources":["../../../src/state/PageState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAIlD,MAAM,OAAO,SAAS;IASpB;QAFA,mBAAc,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;QAGxC,IAAI,CAAC,kBAAkB,GAAG,cAAc,CACtC,EAAE,OAAO,EAAE,IAAI,EAAE,EACjB,EAAE,OAAO,EAAE,UAAU,CAAC,GAAG,EAAE,CAC5B,CAAC;QACF,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,oBAAoB,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC;IACpC,CAAC;CACF"}
+{"version":3,"file":"PageState.js","sourceRoot":"","sources":["../../../src/state/PageState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAI3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC;AAErC,MAAM,OAAO,SAAS;IAWpB;QAJA,mBAAc,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;QAE1C,cAAS,GAAG,KAAK,CAAC;QAGhB,IAAI,CAAC,kBAAkB,GAAG,cAAc,CACtC,EAAE,OAAO,EAAE,IAAI,EAAE,EACjB,EAAE,OAAO,EAAE,UAAU,CAAC,GAAG,EAAE,CAC5B,CAAC;QACF,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,oBAAoB,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAE9C,cAAc,CAAC,IAAI,EAAE;YACnB,SAAS,EAAE,UAAU,CAAC,GAAG;YACzB,eAAe,EAAE,MAAM,CAAC,KAAK;SAC9B,CAAC,CAAC;QAEH,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,eAAe;QACb,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,IAAI,iBAAiB,CAAC;SACzD;IACH,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,aAAa,CAAC,KAAc;QAC9B,IAAI,CAAC,cAAc,CAAC,KAAK,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,IAAI;QACF,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO;SACR;QAED,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC;QAChE,MAAM,SAAS,GAAG,CAAC,iBAAiB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;QAEvE,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC;CACF"}

package/dist/types/index.d.ts

@@ -6,4 +6,5 @@ export * from './hooks/useExport';
 export * from './hooks/createCollection';
 export { CollectionConfigWithConditionals, CollectionFactory, useSyncProps, } from './hooks';
 export { QueryCache } from 'react-query/core';
+export { MOBILE_BREAKPOINT } from './state/PageState';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,gCAAgC,EAChC,iBAAiB,EACjB,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,OAAO,EACL,gCAAgC,EAChC,iBAAiB,EACjB,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/types/state/PageState.d.ts

@@ -1,12 +1,17 @@
 import { RefObject } from './RefObject';
 export interface PageStateParams {
 }
+export declare const MOBILE_BREAKPOINT = 768;
 export declare class PageState {
     readonly modalsContainerRef: RefObject<HTMLElement>;
     readonly stackingRootRef: RefObject<HTMLElement>;
     readonly scrollableContentRef: RefObject<HTMLElement>;
     _sidePanelOpen: import("@wix/bex-utils").Reactive<boolean>;
+    _isMobile: boolean;
     constructor();
+    _updateIsMobile(): void;
+    get isMobile(): boolean;
     set sidePanelOpen(value: boolean);
+    init(): (() => void) | undefined;
 }
 //# sourceMappingURL=PageState.d.ts.map

package/dist/types/state/PageState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageState.d.ts","sourceRoot":"","sources":["../../../src/state/PageState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,WAAW,eAAe;CAAG;AAEnC,qBAAa,SAAS;IACpB,QAAQ,CAAC,kBAAkB,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,eAAe,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEjD,QAAQ,CAAC,oBAAoB,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEtD,cAAc,6CAA4B;;IAW1C,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAE/B;CACF"}
+{"version":3,"file":"PageState.d.ts","sourceRoot":"","sources":["../../../src/state/PageState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,MAAM,WAAW,eAAe;CAAG;AAEnC,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,qBAAa,SAAS;IACpB,QAAQ,CAAC,kBAAkB,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,eAAe,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEjD,QAAQ,CAAC,oBAAoB,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAEtD,cAAc,6CAA4B;IAE1C,SAAS,UAAS;;IAkBlB,eAAe;IAMf,IAAI,QAAQ,YAEX;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAE/B;IAED,IAAI;CAaL"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/bex-core",
-  "version": "2.180.0",
+  "version": "2.181.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -161,5 +161,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "96ba8311cc6aa44a9984172d6bb0a1d43cffed864f90f154845a4fcf"
+  "falconPackageHash": "2e8c9746b1ca9c43fd74ab45e5ace319ea7ca02960a25d318db4b655"
 }