@fountain-ui/lab 2.0.0-beta.73 → 2.0.0-beta.74
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/build/commonjs/ViewPager/PageStateContext.js +1 -3
- package/build/commonjs/ViewPager/PageStateContext.js.map +1 -1
- package/build/commonjs/ViewPager/hooks/useLazyState.js +3 -5
- package/build/commonjs/ViewPager/hooks/useLazyState.js.map +1 -1
- package/build/module/ViewPager/PageStateContext.js +1 -3
- package/build/module/ViewPager/PageStateContext.js.map +1 -1
- package/build/module/ViewPager/hooks/useLazyState.js +3 -5
- package/build/module/ViewPager/hooks/useLazyState.js.map +1 -1
- package/build/typescript/ViewPager/PageStateContext.d.ts +1 -1
- package/build/typescript/ViewPager/hooks/useViewPagerPageState.d.ts +1 -1
- package/package.json +3 -3
- package/src/ViewPager/PageStateContext.ts +2 -2
- package/src/ViewPager/hooks/useLazyState.ts +3 -3
|
@@ -7,9 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
|
|
10
|
-
const initialPageState =
|
|
11
|
-
isActive: false
|
|
12
|
-
};
|
|
10
|
+
const initialPageState = null;
|
|
13
11
|
const PageStateContext = /*#__PURE__*/(0, _react.createContext)(initialPageState);
|
|
14
12
|
var _default = PageStateContext;
|
|
15
13
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["initialPageState","
|
|
1
|
+
{"version":3,"names":["initialPageState","PageStateContext","createContext"],"sources":["PageStateContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport interface PageState {\n isActive: boolean;\n}\n\nconst initialPageState: Readonly<PageState | null> = null;\n\nconst PageStateContext = createContext<PageState | null>(initialPageState);\n\nexport default PageStateContext;\n"],"mappings":";;;;;;;AAAA;;AAMA,MAAMA,gBAA4C,GAAG,IAArD;AAEA,MAAMC,gBAAgB,gBAAG,IAAAC,oBAAA,EAAgCF,gBAAhC,CAAzB;eAEeC,gB"}
|
|
@@ -22,9 +22,7 @@ function useLazyState() {
|
|
|
22
22
|
const store = (0, _useStore.default)();
|
|
23
23
|
const stateRef = (0, _react.useRef)(store.getState());
|
|
24
24
|
const forceRender = (0, _useForceRender.default)();
|
|
25
|
-
const
|
|
26
|
-
isActive
|
|
27
|
-
} = (0, _useViewPagerPageState.default)();
|
|
25
|
+
const pageState = (0, _useViewPagerPageState.default)();
|
|
28
26
|
(0, _react.useEffect)(() => {
|
|
29
27
|
return store.subscribe(newState => {
|
|
30
28
|
if (equalityFn(stateRef.current, newState)) {
|
|
@@ -33,11 +31,11 @@ function useLazyState() {
|
|
|
33
31
|
|
|
34
32
|
stateRef.current = newState;
|
|
35
33
|
|
|
36
|
-
if (isActive) {
|
|
34
|
+
if (pageState !== null && pageState !== void 0 && pageState.isActive) {
|
|
37
35
|
forceRender();
|
|
38
36
|
}
|
|
39
37
|
});
|
|
40
|
-
}, [store, isActive]);
|
|
38
|
+
}, [store, pageState === null || pageState === void 0 ? void 0 : pageState.isActive]);
|
|
41
39
|
return stateRef.current;
|
|
42
40
|
}
|
|
43
41
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useLazyState","equalityFn","refEqual","store","useStore","stateRef","useRef","getState","forceRender","useForceRender","
|
|
1
|
+
{"version":3,"names":["useLazyState","equalityFn","refEqual","store","useStore","stateRef","useRef","getState","forceRender","useForceRender","pageState","useViewPagerPageState","useEffect","subscribe","newState","current","isActive"],"sources":["useLazyState.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { EqualityFunction } from '../types';\nimport { refEqual } from '../utils';\nimport useForceRender from './useForceRender';\nimport useViewPagerPageState from './useViewPagerPageState';\nimport useStore from './useStore';\n\nexport default function useLazyState<State>(equalityFn: EqualityFunction<State> = refEqual): State {\n const store = useStore<State>();\n\n const stateRef = useRef<State>(store.getState());\n\n const forceRender = useForceRender();\n\n const pageState = useViewPagerPageState();\n\n useEffect(() => {\n return store.subscribe(newState => {\n if (equalityFn(stateRef.current, newState)) {\n return;\n }\n\n stateRef.current = newState;\n\n if (pageState?.isActive) {\n forceRender();\n }\n });\n }, [store, pageState?.isActive]);\n\n return stateRef.current;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEe,SAASA,YAAT,GAAoF;EAAA,IAAvDC,UAAuD,uEAAjBC,eAAiB;EAC/F,MAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;EAEA,MAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAcH,KAAK,CAACI,QAAN,EAAd,CAAjB;EAEA,MAAMC,WAAW,GAAG,IAAAC,uBAAA,GAApB;EAEA,MAAMC,SAAS,GAAG,IAAAC,8BAAA,GAAlB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACZ,OAAOT,KAAK,CAACU,SAAN,CAAgBC,QAAQ,IAAI;MAC/B,IAAIb,UAAU,CAACI,QAAQ,CAACU,OAAV,EAAmBD,QAAnB,CAAd,EAA4C;QACxC;MACH;;MAEDT,QAAQ,CAACU,OAAT,GAAmBD,QAAnB;;MAEA,IAAIJ,SAAJ,aAAIA,SAAJ,eAAIA,SAAS,CAAEM,QAAf,EAAyB;QACrBR,WAAW;MACd;IACJ,CAVM,CAAP;EAWH,CAZD,EAYG,CAACL,KAAD,EAAQO,SAAR,aAAQA,SAAR,uBAAQA,SAAS,CAAEM,QAAnB,CAZH;EAcA,OAAOX,QAAQ,CAACU,OAAhB;AACH;;AAAA"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { createContext } from 'react';
|
|
2
|
-
const initialPageState =
|
|
3
|
-
isActive: false
|
|
4
|
-
};
|
|
2
|
+
const initialPageState = null;
|
|
5
3
|
const PageStateContext = /*#__PURE__*/createContext(initialPageState);
|
|
6
4
|
export default PageStateContext;
|
|
7
5
|
//# sourceMappingURL=PageStateContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","initialPageState","
|
|
1
|
+
{"version":3,"names":["createContext","initialPageState","PageStateContext"],"sources":["PageStateContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport interface PageState {\n isActive: boolean;\n}\n\nconst initialPageState: Readonly<PageState | null> = null;\n\nconst PageStateContext = createContext<PageState | null>(initialPageState);\n\nexport default PageStateContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAMA,MAAMC,gBAA4C,GAAG,IAArD;AAEA,MAAMC,gBAAgB,gBAAGF,aAAa,CAAmBC,gBAAnB,CAAtC;AAEA,eAAeC,gBAAf"}
|
|
@@ -8,9 +8,7 @@ export default function useLazyState() {
|
|
|
8
8
|
const store = useStore();
|
|
9
9
|
const stateRef = useRef(store.getState());
|
|
10
10
|
const forceRender = useForceRender();
|
|
11
|
-
const
|
|
12
|
-
isActive
|
|
13
|
-
} = useViewPagerPageState();
|
|
11
|
+
const pageState = useViewPagerPageState();
|
|
14
12
|
useEffect(() => {
|
|
15
13
|
return store.subscribe(newState => {
|
|
16
14
|
if (equalityFn(stateRef.current, newState)) {
|
|
@@ -19,11 +17,11 @@ export default function useLazyState() {
|
|
|
19
17
|
|
|
20
18
|
stateRef.current = newState;
|
|
21
19
|
|
|
22
|
-
if (isActive) {
|
|
20
|
+
if (pageState !== null && pageState !== void 0 && pageState.isActive) {
|
|
23
21
|
forceRender();
|
|
24
22
|
}
|
|
25
23
|
});
|
|
26
|
-
}, [store, isActive]);
|
|
24
|
+
}, [store, pageState === null || pageState === void 0 ? void 0 : pageState.isActive]);
|
|
27
25
|
return stateRef.current;
|
|
28
26
|
}
|
|
29
27
|
;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","refEqual","useForceRender","useViewPagerPageState","useStore","useLazyState","equalityFn","store","stateRef","getState","forceRender","
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","refEqual","useForceRender","useViewPagerPageState","useStore","useLazyState","equalityFn","store","stateRef","getState","forceRender","pageState","subscribe","newState","current","isActive"],"sources":["useLazyState.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport type { EqualityFunction } from '../types';\nimport { refEqual } from '../utils';\nimport useForceRender from './useForceRender';\nimport useViewPagerPageState from './useViewPagerPageState';\nimport useStore from './useStore';\n\nexport default function useLazyState<State>(equalityFn: EqualityFunction<State> = refEqual): State {\n const store = useStore<State>();\n\n const stateRef = useRef<State>(store.getState());\n\n const forceRender = useForceRender();\n\n const pageState = useViewPagerPageState();\n\n useEffect(() => {\n return store.subscribe(newState => {\n if (equalityFn(stateRef.current, newState)) {\n return;\n }\n\n stateRef.current = newState;\n\n if (pageState?.isActive) {\n forceRender();\n }\n });\n }, [store, pageState?.isActive]);\n\n return stateRef.current;\n};\n"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,MAApB,QAAkC,OAAlC;AAEA,SAASC,QAAT,QAAyB,UAAzB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,OAAOC,qBAAP,MAAkC,yBAAlC;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,eAAe,SAASC,YAAT,GAAoF;EAAA,IAAvDC,UAAuD,uEAAjBL,QAAiB;EAC/F,MAAMM,KAAK,GAAGH,QAAQ,EAAtB;EAEA,MAAMI,QAAQ,GAAGR,MAAM,CAAQO,KAAK,CAACE,QAAN,EAAR,CAAvB;EAEA,MAAMC,WAAW,GAAGR,cAAc,EAAlC;EAEA,MAAMS,SAAS,GAAGR,qBAAqB,EAAvC;EAEAJ,SAAS,CAAC,MAAM;IACZ,OAAOQ,KAAK,CAACK,SAAN,CAAgBC,QAAQ,IAAI;MAC/B,IAAIP,UAAU,CAACE,QAAQ,CAACM,OAAV,EAAmBD,QAAnB,CAAd,EAA4C;QACxC;MACH;;MAEDL,QAAQ,CAACM,OAAT,GAAmBD,QAAnB;;MAEA,IAAIF,SAAJ,aAAIA,SAAJ,eAAIA,SAAS,CAAEI,QAAf,EAAyB;QACrBL,WAAW;MACd;IACJ,CAVM,CAAP;EAWH,CAZQ,EAYN,CAACH,KAAD,EAAQI,SAAR,aAAQA,SAAR,uBAAQA,SAAS,CAAEI,QAAnB,CAZM,CAAT;EAcA,OAAOP,QAAQ,CAACM,OAAhB;AACH;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function useViewPagerPageState(): import("../PageStateContext").PageState;
|
|
1
|
+
export default function useViewPagerPageState(): import("../PageStateContext").PageState | null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fountain-ui/lab",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.74",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Fountain-UI Team",
|
|
6
6
|
"description": "Incubator for Fountain-UI React components.",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@emotion/react": "^11.10.0",
|
|
19
19
|
"@emotion/styled": "^11.10.0",
|
|
20
|
-
"@fountain-ui/icons": "2.0.0-beta.
|
|
20
|
+
"@fountain-ui/icons": "2.0.0-beta.22",
|
|
21
21
|
"@fountain-ui/utils": "^2.0.0-beta.4",
|
|
22
22
|
"react-native-calendars": "1.1267.0"
|
|
23
23
|
},
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"publishConfig": {
|
|
71
71
|
"access": "public"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "cfe41c7a5b62786c1c24473a91645b0a35c60b60"
|
|
74
74
|
}
|
|
@@ -4,8 +4,8 @@ export interface PageState {
|
|
|
4
4
|
isActive: boolean;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
const initialPageState: Readonly<PageState> =
|
|
7
|
+
const initialPageState: Readonly<PageState | null> = null;
|
|
8
8
|
|
|
9
|
-
const PageStateContext = createContext<PageState>(initialPageState);
|
|
9
|
+
const PageStateContext = createContext<PageState | null>(initialPageState);
|
|
10
10
|
|
|
11
11
|
export default PageStateContext;
|
|
@@ -12,7 +12,7 @@ export default function useLazyState<State>(equalityFn: EqualityFunction<State>
|
|
|
12
12
|
|
|
13
13
|
const forceRender = useForceRender();
|
|
14
14
|
|
|
15
|
-
const
|
|
15
|
+
const pageState = useViewPagerPageState();
|
|
16
16
|
|
|
17
17
|
useEffect(() => {
|
|
18
18
|
return store.subscribe(newState => {
|
|
@@ -22,11 +22,11 @@ export default function useLazyState<State>(equalityFn: EqualityFunction<State>
|
|
|
22
22
|
|
|
23
23
|
stateRef.current = newState;
|
|
24
24
|
|
|
25
|
-
if (isActive) {
|
|
25
|
+
if (pageState?.isActive) {
|
|
26
26
|
forceRender();
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
|
-
}, [store, isActive]);
|
|
29
|
+
}, [store, pageState?.isActive]);
|
|
30
30
|
|
|
31
31
|
return stateRef.current;
|
|
32
32
|
};
|