1 | "use strict";
|
2 | Object.defineProperty(exports, "__esModule", { value: true });
|
3 | exports.lazy = void 0;
|
4 | var tslib_1 = require("tslib");
|
5 | var React = (0, tslib_1.__importStar)(require("react"));
|
6 | var react_1 = require("react");
|
7 | var loadable_1 = require("../loadable/loadable");
|
8 | var detectBackend_1 = require("../utils/detectBackend");
|
9 | var utils_1 = require("../utils/utils");
|
10 | var Component_1 = require("./Component");
|
11 | var useImported_1 = require("./useImported");
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 |
|
19 |
|
20 |
|
21 |
|
22 |
|
23 |
|
24 |
|
25 | function loader(loaderFunction, baseOptions) {
|
26 | if (baseOptions === void 0) { baseOptions = {}; }
|
27 | var loadable = (0, loadable_1.getLoadable)(loaderFunction);
|
28 | var Imported = React.forwardRef(function ImportedComponentHOC(_a, ref) {
|
29 | var _b = _a.importedProps, importedProps = _b === void 0 ? {} : _b, props = (0, tslib_1.__rest)(_a, ["importedProps"]);
|
30 | var options = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, baseOptions), importedProps);
|
31 |
|
32 | loadable = (0, loadable_1.getLoadable)(loaderFunction);
|
33 | return (React.createElement(Component_1.ImportedComponent, { loadable: loadable, LoadingComponent: options.LoadingComponent, ErrorComponent: options.ErrorComponent, onError: options.onError, render: options.render, async: options.async, forwardProps: props || {}, forwardRef: ref }));
|
34 | });
|
35 | Imported.preload = function () {
|
36 | loadable.load().catch(function () { return ({}); });
|
37 | return loadable.resolution;
|
38 | };
|
39 | Object.defineProperty(Imported, 'done', {
|
40 | get: function () {
|
41 | return loadable.resolution;
|
42 | },
|
43 | });
|
44 | return Imported;
|
45 | }
|
46 | var ReactLazy = React.lazy;
|
47 |
|
48 |
|
49 |
|
50 | function lazy(importer) {
|
51 | if (detectBackend_1.isBackend) {
|
52 | return loader(importer);
|
53 | }
|
54 | if (process.env.NODE_ENV !== 'production') {
|
55 |
|
56 | if (module.hot) {
|
57 | return loader(importer, { async: true });
|
58 | }
|
59 | }
|
60 | var topLoadable = (0, loadable_1.getLoadable)(importer);
|
61 | return function ImportedLazy(props) {
|
62 | var loadable = (0, useImported_1.useLoadable)(topLoadable).loadable;
|
63 | var Lazy = (0, react_1.useMemo)(function () { return ReactLazy(function () { return loadable.tryResolveSync(utils_1.asDefault); }); }, [loadable]);
|
64 | return React.createElement(Lazy, (0, tslib_1.__assign)({}, props));
|
65 | };
|
66 | }
|
67 | exports.lazy = lazy;
|
68 | exports.default = loader;
|