@wix/bex-core 2.223.0 → 2.224.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/state/PageState.js +26 -19
- package/dist/cjs/state/PageState.js.map +1 -1
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/state/PageState.js +11 -19
- package/dist/esm/state/PageState.js.map +1 -1
- package/dist/types/state/PageState.d.ts +0 -2
- package/dist/types/state/PageState.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_model","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_state","_services","_util","_useExport","_createCollection","_useCollectionDatasetSync","_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 * from './hooks/useCollectionDatasetSync';\nexport {\n CollectionConfigWithConditionals,\n CollectionFactory,\n useSyncProps,\n} from './hooks';\nexport { QueryCache } from 'react-query/core';\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_model","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_state","_services","_util","_useExport","_createCollection","_useCollectionDatasetSync","_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 * from './hooks/useCollectionDatasetSync';\nexport {\n CollectionConfigWithConditionals,\n CollectionFactory,\n useSyncProps,\n} from './hooks';\nexport { QueryCache } from 'react-query/core';\n// CAIRO-3582: modify mobile detection to use user agent\n// export { MOBILE_BREAKPOINT } from './state/PageState';\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,8 +6,9 @@ exports.PageState = void 0;
|
|
|
6
6
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
7
7
|
var _bexUtils = require("@wix/bex-utils");
|
|
8
8
|
var _mobx = require("mobx");
|
|
9
|
-
var _resizeObserverCompat = require("./resizeObserverCompat");
|
|
10
9
|
var _mobileDetection = require("../util/mobileDetection");
|
|
10
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
11
|
+
// export const MOBILE_BREAKPOINT = 768;
|
|
11
12
|
class PageState {
|
|
12
13
|
constructor() {
|
|
13
14
|
(0, _defineProperty2.default)(this, "modalsContainerRef", void 0);
|
|
@@ -27,33 +28,39 @@ class PageState {
|
|
|
27
28
|
current: null
|
|
28
29
|
};
|
|
29
30
|
(0, _mobx.makeObservable)(this, {
|
|
30
|
-
_isMobile: _mobx.observable.ref
|
|
31
|
-
|
|
31
|
+
_isMobile: _mobx.observable.ref
|
|
32
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
33
|
+
// _updateIsMobile: action.bound,
|
|
32
34
|
});
|
|
33
35
|
this._isMobile = (0, _mobileDetection.isMobileDevice)();
|
|
34
36
|
}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
37
|
+
|
|
38
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
39
|
+
// _updateIsMobile() {
|
|
40
|
+
// if (typeof window !== 'undefined') {
|
|
41
|
+
// this._isMobile = window.innerWidth <= MOBILE_BREAKPOINT;
|
|
42
|
+
// }
|
|
43
|
+
// }
|
|
44
|
+
|
|
40
45
|
get isMobile() {
|
|
41
46
|
return this._isMobile;
|
|
42
47
|
}
|
|
43
48
|
set sidePanelOpen(value) {
|
|
44
49
|
this._sidePanelOpen.value = value;
|
|
45
50
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
|
|
52
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
53
|
+
// init() {
|
|
54
|
+
// if (typeof window === 'undefined') {
|
|
55
|
+
// return;
|
|
56
|
+
// }
|
|
57
|
+
// this._updateIsMobile();
|
|
58
|
+
// const container = this.stackingRootRef.current ?? document.body;
|
|
59
|
+
// const disposers = [addResizeObserver(container, this._updateIsMobile)];
|
|
60
|
+
// return () => {
|
|
61
|
+
// disposers.forEach((d) => d?.());
|
|
62
|
+
// };
|
|
63
|
+
// }
|
|
57
64
|
}
|
|
58
65
|
exports.PageState = PageState;
|
|
59
66
|
//# sourceMappingURL=PageState.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_bexUtils","require","_mobx","
|
|
1
|
+
{"version":3,"names":["_bexUtils","require","_mobx","_mobileDetection","PageState","constructor","_defineProperty2","default","reactive","modalsContainerRef","makeObservable","current","observable","ref","stackingRootRef","scrollableContentRef","_isMobile","isMobileDevice","isMobile","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';\nimport { isMobileDevice } from '../util/mobileDetection';\n\nexport interface PageStateParams {}\n\n// CAIRO-3582: modify mobile detection to use user agent\n// export const MOBILE_BREAKPOINT = 768;\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 // CAIRO-3582: modify mobile detection to use user agent\n // _updateIsMobile: action.bound,\n });\n\n this._isMobile = isMobileDevice();\n }\n\n // CAIRO-3582: modify mobile detection to use user agent\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 // CAIRO-3582: modify mobile detection to use user agent\n // init() {\n // if (typeof window === 'undefined') {\n // return;\n // }\n // this._updateIsMobile();\n // const container = this.stackingRootRef.current ?? document.body;\n // const disposers = [addResizeObserver(container, this._updateIsMobile)];\n // return () => {\n // disposers.forEach((d) => d?.());\n // };\n // }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAIA;AACA;AACO,MAAMG,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;MACtB;MACA;IACF,CAAC,CAAC;IAEF,IAAI,CAACG,SAAS,GAAG,IAAAC,+BAAc,EAAC,CAAC;EACnC;;EAEA;EACA;EACA;EACA;EACA;EACA;;EAEA,IAAIC,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACF,SAAS;EACvB;EAEA,IAAIG,aAAaA,CAACC,KAAc,EAAE;IAChC,IAAI,CAACC,cAAc,CAACD,KAAK,GAAGA,KAAK;EACnC;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AAACE,OAAA,CAAAlB,SAAA,GAAAA,SAAA","ignoreList":[]}
|
package/dist/esm/index.js
CHANGED
|
@@ -7,4 +7,6 @@ export * from './hooks/createCollection';
|
|
|
7
7
|
export * from './hooks/useCollectionDatasetSync';
|
|
8
8
|
export { useSyncProps, } from './hooks';
|
|
9
9
|
export { QueryCache } from 'react-query/core';
|
|
10
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
11
|
+
// export { MOBILE_BREAKPOINT } from './state/PageState';
|
|
10
12
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +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,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAGL,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}
|
|
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,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAGL,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,wDAAwD;AACxD,yDAAyD"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { reactive } from '@wix/bex-utils';
|
|
2
|
-
import {
|
|
3
|
-
import { addResizeObserver } from './resizeObserverCompat';
|
|
2
|
+
import { makeObservable, observable } from 'mobx';
|
|
4
3
|
import { isMobileDevice } from '../util/mobileDetection';
|
|
4
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
5
|
+
// export const MOBILE_BREAKPOINT = 768;
|
|
5
6
|
export class PageState {
|
|
6
7
|
constructor() {
|
|
7
8
|
this._sidePanelOpen = reactive(false);
|
|
@@ -11,31 +12,22 @@ export class PageState {
|
|
|
11
12
|
this.scrollableContentRef = { current: null };
|
|
12
13
|
makeObservable(this, {
|
|
13
14
|
_isMobile: observable.ref,
|
|
14
|
-
|
|
15
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
16
|
+
// _updateIsMobile: action.bound,
|
|
15
17
|
});
|
|
16
18
|
this._isMobile = isMobileDevice();
|
|
17
19
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}
|
|
20
|
+
// CAIRO-3582: modify mobile detection to use user agent
|
|
21
|
+
// _updateIsMobile() {
|
|
22
|
+
// if (typeof window !== 'undefined') {
|
|
23
|
+
// this._isMobile = window.innerWidth <= MOBILE_BREAKPOINT;
|
|
24
|
+
// }
|
|
25
|
+
// }
|
|
23
26
|
get isMobile() {
|
|
24
27
|
return this._isMobile;
|
|
25
28
|
}
|
|
26
29
|
set sidePanelOpen(value) {
|
|
27
30
|
this._sidePanelOpen.value = value;
|
|
28
31
|
}
|
|
29
|
-
init() {
|
|
30
|
-
if (typeof window === 'undefined') {
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
this._updateIsMobile();
|
|
34
|
-
const container = this.stackingRootRef.current ?? document.body;
|
|
35
|
-
const disposers = [addResizeObserver(container, this._updateIsMobile)];
|
|
36
|
-
return () => {
|
|
37
|
-
disposers.forEach((d) => d?.());
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
32
|
}
|
|
41
33
|
//# sourceMappingURL=PageState.js.map
|
|
@@ -1 +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,
|
|
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;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAIzD,wDAAwD;AACxD,wCAAwC;AACxC,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,wDAAwD;YACxD,iCAAiC;SAClC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,GAAG,cAAc,EAAE,CAAC;IACpC,CAAC;IAED,wDAAwD;IACxD,sBAAsB;IACtB,yCAAyC;IACzC,+DAA+D;IAC/D,MAAM;IACN,IAAI;IAEJ,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;CAcF"}
|
|
@@ -8,9 +8,7 @@ export declare class PageState {
|
|
|
8
8
|
_sidePanelOpen: import("@wix/bex-utils").Reactive<boolean>;
|
|
9
9
|
_isMobile: boolean;
|
|
10
10
|
constructor();
|
|
11
|
-
_updateIsMobile(): void;
|
|
12
11
|
get isMobile(): boolean;
|
|
13
12
|
set sidePanelOpen(value: boolean);
|
|
14
|
-
init(): (() => void) | undefined;
|
|
15
13
|
}
|
|
16
14
|
//# sourceMappingURL=PageState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageState.d.ts","sourceRoot":"","sources":["../../../src/state/PageState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"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;AAInC,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;;IA0BlB,IAAI,QAAQ,YAEX;IAED,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAE/B;CAcF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/bex-core",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.224.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Kobi",
|
|
@@ -166,5 +166,5 @@
|
|
|
166
166
|
"wallaby": {
|
|
167
167
|
"autoDetect": true
|
|
168
168
|
},
|
|
169
|
-
"falconPackageHash": "
|
|
169
|
+
"falconPackageHash": "82037ba1666667034f32ab4e9e2918d0c05ea274913ecc25017477cf"
|
|
170
170
|
}
|