@teambit/react.ui.loader-fallback 0.0.111 → 0.0.113
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/loader-fallback.compositions.js +17 -7
- package/dist/loader-fallback.compositions.js.map +1 -1
- package/dist/loader-fallback.d.ts +3 -2
- package/dist/loader-fallback.docs.mdx +3 -3
- package/dist/loader-fallback.js +19 -10
- package/dist/loader-fallback.js.map +1 -1
- package/dist/{preview-1733851236714.js → preview-1765995878631.js} +2 -2
- package/loader-fallback.compositions.tsx +2 -1
- package/loader-fallback.docs.mdx +3 -3
- package/loader-fallback.tsx +2 -1
- package/package.json +2 -2
|
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
36
|
exports.LongChangingComponent = exports.ChangingComponent = exports.UndefinedComponent = exports.RegularComponent = void 0;
|
|
27
37
|
const react_1 = __importStar(require("react"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader-fallback.compositions.js","sourceRoot":"","sources":["../loader-fallback.compositions.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"loader-fallback.compositions.js","sourceRoot":"","sources":["../loader-fallback.compositions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAmD;AACnD,uDAAmD;AAE5C,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,OAAO,8BAAC,gCAAc,IAAC,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,GAAI,CAAC;AAC3E,CAAC,CAAC;AAFW,QAAA,gBAAgB,oBAE3B;AAEK,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,OAAO,8BAAC,gCAAc,IAAC,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,GAAI,CAAC;AAC3E,CAAC,CAAC;AAFW,QAAA,kBAAkB,sBAE7B;AAEK,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAA4B,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;IAEnF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,UAAU,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QACjE,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;QACvC,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,wDAAyD;QAC1F,8BAAC,gCAAc,IAAC,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,GAAI,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,iBAAiB,qBAiB5B;AAEK,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAA4B,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;IAEnF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,UAAU,CAAC,CAAC,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QACjE,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;QACvC,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,0DAA2D;QAC5F,8BAAC,gCAAc,IAAC,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,GAAI,CAC1E,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,qBAAqB,yBAiBhC;AAEF,SAAS,SAAS;IAChB,OAAO,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,8BAA0B,CAAC;AACpE,CAAC;AAED,SAAS,QAAQ;IACf,OAAO,mEAAgC,CAAC;AAC1C,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { ComponentType, ReactElement } from 'react';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
export type LoaderProps = {
|
|
3
4
|
/** component to render */
|
|
4
5
|
Target: ComponentType | undefined;
|
|
@@ -9,7 +10,7 @@ export type LoaderProps = {
|
|
|
9
10
|
/** cool-down period (in ms) to show Loader, before showing the default */
|
|
10
11
|
timeout?: number;
|
|
11
12
|
};
|
|
12
|
-
export declare function LoaderFallback({ Target, Loader, DefaultComponent, timeout }: LoaderProps):
|
|
13
|
+
export declare function LoaderFallback({ Target, Loader, DefaultComponent, timeout }: LoaderProps): ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
13
14
|
export type useFallbackOptions = {
|
|
14
15
|
timeout?: number;
|
|
15
16
|
loader?: ReactElement;
|
|
@@ -21,8 +21,8 @@ const safeTarget = useFallback(Target && <Target />, <DefaultComponent />, { tim
|
|
|
21
21
|
1. when the component changes to be `undefined` -> show Loader for _x_ seconds
|
|
22
22
|
1. then, after _x_ seconds - show the default.
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
{/* live playground doesn't keep state when editing :( */}
|
|
25
|
+
{/* Try it out:
|
|
26
26
|
|
|
27
27
|
```tsx live
|
|
28
28
|
function Example() {
|
|
@@ -42,4 +42,4 @@ function Example() {
|
|
|
42
42
|
return <div>this shows when component is undefined</div>;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
```
|
|
45
|
+
``` */}
|
package/dist/loader-fallback.js
CHANGED
|
@@ -15,21 +15,31 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
36
|
+
exports.LoaderFallback = LoaderFallback;
|
|
37
|
+
exports.useFallback = useFallback;
|
|
27
38
|
const react_1 = __importStar(require("react"));
|
|
28
39
|
const base_ui_loaders_loader_ribbon_1 = require("@teambit/base-ui.loaders.loader-ribbon");
|
|
29
40
|
function LoaderFallback({ Target, Loader = LoaderComponent, DefaultComponent, timeout = 15000 }) {
|
|
30
41
|
return useFallback(Target && react_1.default.createElement(Target, null), react_1.default.createElement(DefaultComponent, null), { timeout, loader: react_1.default.createElement(Loader, null) });
|
|
31
42
|
}
|
|
32
|
-
exports.LoaderFallback = LoaderFallback;
|
|
33
43
|
function useFallback(target, fallback, { timeout = 15000, loader = react_1.default.createElement(LoaderComponent, null) } = {}) {
|
|
34
44
|
const [working, setWorking] = (0, react_1.useState)(!!target);
|
|
35
45
|
const hasTarget = !!target;
|
|
@@ -49,7 +59,6 @@ function useFallback(target, fallback, { timeout = 15000, loader = react_1.defau
|
|
|
49
59
|
return loader;
|
|
50
60
|
return fallback;
|
|
51
61
|
}
|
|
52
|
-
exports.useFallback = useFallback;
|
|
53
62
|
function LoaderComponent() {
|
|
54
63
|
return react_1.default.createElement(base_ui_loaders_loader_ribbon_1.LoaderRibbon, { active: true, style: { position: 'fixed', top: 0, left: 0, right: 0 } });
|
|
55
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader-fallback.js","sourceRoot":"","sources":["../loader-fallback.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"loader-fallback.js","sourceRoot":"","sources":["../loader-fallback.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,wCAEC;AAID,kCAsBC;AA1CD,+CAAmD;AACnD,0FAAsE;AAatE,SAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,eAAe,EAAE,gBAAgB,EAAE,OAAO,GAAG,KAAK,EAAe;IACjH,OAAO,WAAW,CAAC,MAAM,IAAI,8BAAC,MAAM,OAAG,EAAE,8BAAC,gBAAgB,OAAG,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,8BAAC,MAAM,OAAG,EAAE,CAAC,CAAC;AAClG,CAAC;AAID,SAAgB,WAAW,CACzB,MAAuC,EACvC,QAAsB,EACtB,EAAE,OAAO,GAAG,KAAK,EAAE,MAAM,GAAG,8BAAC,eAAe,OAAG,KAAyB,EAAE;IAE1E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC;IAE3B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,CAAC;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAClC,IAAI,SAAS,EAAE,CAAC;YACd,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAClB,CAAC;QAED,MAAM,IAAI,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;QAC1D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzB,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAC1B,IAAI,OAAO,IAAI,OAAO,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC;IAC1C,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,eAAe;IACtB,OAAO,8BAAC,4CAAY,IAAC,MAAM,QAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAI,CAAC;AAC1F,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.react_ui_loader-fallback@0.0.
|
|
2
|
-
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.react_ui_loader-fallback@0.0.
|
|
1
|
+
import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.react_ui_loader-fallback@0.0.113/dist/loader-fallback.compositions.js';
|
|
2
|
+
import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad/teambit.react_ui_loader-fallback@0.0.113/dist/loader-fallback.docs.mdx';
|
|
3
3
|
|
|
4
4
|
export const compositions = [compositions_0];
|
|
5
5
|
export const overview = [overview_0];
|
package/loader-fallback.docs.mdx
CHANGED
|
@@ -21,8 +21,8 @@ const safeTarget = useFallback(Target && <Target />, <DefaultComponent />, { tim
|
|
|
21
21
|
1. when the component changes to be `undefined` -> show Loader for _x_ seconds
|
|
22
22
|
1. then, after _x_ seconds - show the default.
|
|
23
23
|
|
|
24
|
-
|
|
25
|
-
|
|
24
|
+
{/* live playground doesn't keep state when editing :( */}
|
|
25
|
+
{/* Try it out:
|
|
26
26
|
|
|
27
27
|
```tsx live
|
|
28
28
|
function Example() {
|
|
@@ -42,4 +42,4 @@ function Example() {
|
|
|
42
42
|
return <div>this shows when component is undefined</div>;
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
```
|
|
45
|
+
``` */}
|
package/loader-fallback.tsx
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { ComponentType, ReactElement } from 'react';
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
2
3
|
import { LoaderRibbon } from '@teambit/base-ui.loaders.loader-ribbon';
|
|
3
4
|
|
|
4
5
|
export type LoaderProps = {
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@teambit/react.ui.loader-fallback",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.113",
|
|
4
4
|
"homepage": "https://bit.cloud/teambit/react/ui/loader-fallback",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"componentId": {
|
|
7
7
|
"scope": "teambit.react",
|
|
8
8
|
"name": "ui/loader-fallback",
|
|
9
|
-
"version": "0.0.
|
|
9
|
+
"version": "0.0.113"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
12
|
"core-js": "^3.0.0",
|