@kiosinc/commons-rn 0.1.83 → 0.1.85
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/lib/commonjs/components/DelayedRender.js +6 -4
- package/lib/commonjs/components/DelayedRender.js.map +1 -1
- package/lib/module/components/DelayedRender.js +4 -4
- package/lib/module/components/DelayedRender.js.map +1 -1
- package/lib/typescript/src/components/DelayedRender.d.ts +2 -2
- package/lib/typescript/src/components/DelayedRender.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/DelayedRender.tsx +4 -4
|
@@ -4,21 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.DelayedRender = void 0;
|
|
7
|
-
var _react = require("react");
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
9
11
|
const DelayedRender = ({
|
|
10
12
|
children
|
|
11
13
|
}) => {
|
|
12
|
-
const [readyForRender,
|
|
14
|
+
const [readyForRender, setReadyForRender] = (0, _react.useState)(false);
|
|
13
15
|
(0, _react.useEffect)(() => {
|
|
14
16
|
_reactNative.InteractionManager.runAfterInteractions(() => {
|
|
15
|
-
|
|
17
|
+
setReadyForRender(true);
|
|
16
18
|
});
|
|
17
19
|
}, []);
|
|
18
20
|
if (!readyForRender) {
|
|
19
21
|
return null;
|
|
20
22
|
}
|
|
21
|
-
return children;
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
|
|
22
24
|
};
|
|
23
25
|
exports.DelayedRender = DelayedRender;
|
|
24
26
|
//# sourceMappingURL=DelayedRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","DelayedRender","children","readyForRender","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","DelayedRender","children","readyForRender","setReadyForRender","useState","useEffect","InteractionManager","runAfterInteractions","createElement","Fragment","exports"],"sourceRoot":"../../../src","sources":["components/DelayedRender.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAkD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE3C,MAAMY,aAAa,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC5E,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE3D,IAAAC,gBAAS,EAAC,MAAM;IACdC,+BAAkB,CAACC,oBAAoB,CAAC,MAAM;MAC5CJ,iBAAiB,CAAC,IAAI,CAAC;IACzB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACD,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBAAO3B,MAAA,CAAAU,OAAA,CAAAuB,aAAA,CAAAjC,MAAA,CAAAU,OAAA,CAAAwB,QAAA,QAAGR,QAAW,CAAC;AACxB,CAAC;AAACS,OAAA,CAAAV,aAAA,GAAAA,aAAA"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { useEffect, useState } from 'react';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { InteractionManager } from 'react-native';
|
|
3
3
|
export const DelayedRender = ({
|
|
4
4
|
children
|
|
5
5
|
}) => {
|
|
6
|
-
const [readyForRender,
|
|
6
|
+
const [readyForRender, setReadyForRender] = useState(false);
|
|
7
7
|
useEffect(() => {
|
|
8
8
|
InteractionManager.runAfterInteractions(() => {
|
|
9
|
-
|
|
9
|
+
setReadyForRender(true);
|
|
10
10
|
});
|
|
11
11
|
}, []);
|
|
12
12
|
if (!readyForRender) {
|
|
13
13
|
return null;
|
|
14
14
|
}
|
|
15
|
-
return children;
|
|
15
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, children);
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=DelayedRender.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useState","InteractionManager","DelayedRender","children","readyForRender","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useState","InteractionManager","DelayedRender","children","readyForRender","setReadyForRender","runAfterInteractions","createElement","Fragment"],"sourceRoot":"../../../src","sources":["components/DelayedRender.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,kBAAkB,QAAQ,cAAc;AAEjD,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC5E,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGL,QAAQ,CAAC,KAAK,CAAC;EAE3DD,SAAS,CAAC,MAAM;IACdE,kBAAkB,CAACK,oBAAoB,CAAC,MAAM;MAC5CD,iBAAiB,CAAC,IAAI,CAAC;IACzB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACD,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBAAON,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QAAGL,QAAW,CAAC;AACxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DelayedRender.d.ts","sourceRoot":"","sources":["../../../../src/components/DelayedRender.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DelayedRender.d.ts","sourceRoot":"","sources":["../../../../src/components/DelayedRender.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,aAAa;cAA8B,MAAM,SAAS;wBActE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { useEffect, useState } from 'react';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import { InteractionManager } from 'react-native';
|
|
3
3
|
|
|
4
4
|
export const DelayedRender = ({ children }: { children: React.ReactNode }) => {
|
|
5
|
-
const [readyForRender,
|
|
5
|
+
const [readyForRender, setReadyForRender] = useState(false);
|
|
6
6
|
|
|
7
7
|
useEffect(() => {
|
|
8
8
|
InteractionManager.runAfterInteractions(() => {
|
|
9
|
-
|
|
9
|
+
setReadyForRender(true);
|
|
10
10
|
});
|
|
11
11
|
}, []);
|
|
12
12
|
|
|
@@ -14,5 +14,5 @@ export const DelayedRender = ({ children }: { children: React.ReactNode }) => {
|
|
|
14
14
|
return null;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
return children
|
|
17
|
+
return <>{children}</>;
|
|
18
18
|
};
|