@servicetitan/web-components 12.8.10 → 12.8.11
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.d.ts +2 -1
- package/dist/loader.d.ts.map +1 -1
- package/dist/loader.js +15 -3
- package/dist/loader.js.map +1 -1
- package/package.json +5 -5
- package/src/loader.tsx +27 -4
package/dist/loader.d.ts
CHANGED
|
@@ -12,7 +12,8 @@ export interface LoaderProps {
|
|
|
12
12
|
src: string;
|
|
13
13
|
data?: Record<string, string>;
|
|
14
14
|
basename?: string;
|
|
15
|
-
|
|
15
|
+
loadingFallback?: NonNullable<React.ReactNode> | null;
|
|
16
|
+
errorFallback?: NonNullable<React.ReactNode> | null;
|
|
16
17
|
className?: string;
|
|
17
18
|
}
|
|
18
19
|
export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<LoaderRef>>;
|
package/dist/loader.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,CAAC,MAAM,CAAC;IACX,MAAM,CAAC,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5F;AA0DD,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,
|
|
1
|
+
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,CAAC,MAAM,CAAC;IACX,MAAM,CAAC,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC5F;AA0DD,MAAM,WAAW,SAAS;IACtB,IAAI,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACtD,aAAa,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,+EA2JlB,CAAC"}
|
package/dist/loader.js
CHANGED
|
@@ -56,7 +56,7 @@ function getBundleInfo(packageUrl, signal) {
|
|
|
56
56
|
};
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
|
-
exports.Loader = react_1.default.forwardRef(({ src, data = {}, basename,
|
|
59
|
+
exports.Loader = react_1.default.forwardRef(({ src, data = {}, basename, loadingFallback, errorFallback, className }, ref) => {
|
|
60
60
|
const [isLoading, setIsLoading] = react_1.default.useState(true);
|
|
61
61
|
const [logService] = react_ioc_1.useOptionalDependencies(log_service_1.Log);
|
|
62
62
|
const dataAttrs = react_1.default.useMemo(() => Object.fromEntries(Object.entries(data).map(([key, value]) => [
|
|
@@ -142,8 +142,20 @@ exports.Loader = react_1.default.forwardRef(({ src, data = {}, basename, fallbac
|
|
|
142
142
|
});
|
|
143
143
|
return Component;
|
|
144
144
|
}, [src, className, logService, basename, dataAttrs]);
|
|
145
|
-
|
|
146
|
-
|
|
145
|
+
const LoadingFallback = react_1.default.useMemo(() => () => {
|
|
146
|
+
if (loadingFallback !== undefined) {
|
|
147
|
+
return loadingFallback;
|
|
148
|
+
}
|
|
149
|
+
return react_1.default.createElement("h2", null, "Loading...");
|
|
150
|
+
}, [loadingFallback]);
|
|
151
|
+
const ErrorFallback = react_1.default.useMemo(() => () => {
|
|
152
|
+
if (errorFallback !== undefined) {
|
|
153
|
+
return errorFallback;
|
|
154
|
+
}
|
|
155
|
+
return react_1.default.createElement("h2", null, "Something went wrong");
|
|
156
|
+
}, [errorFallback]);
|
|
157
|
+
return (react_1.default.createElement(error_boundary_1.ErrorBoundary, { moduleName: src, fallback: ErrorFallback },
|
|
158
|
+
isLoading && react_1.default.createElement(LoadingFallback, null),
|
|
147
159
|
react_1.default.createElement(react_1.default.Suspense, { fallback: null },
|
|
148
160
|
react_1.default.createElement(Loader, { ref: ref }))));
|
|
149
161
|
});
|
package/dist/loader.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,iEAA6D;AAC7D,2DAAgD;AAChD,uDAAkE;AAElE,qCAA6F;AAQ7F,SAAS,kBAAkB,CAAC,UAAkB;IAC1C,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAErC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;KACxC;IAED,OAAO,UAAU,CAAC;AACtB,CAAC;AAED,SAAe,aAAa,CAAC,UAAkB,EAAE,MAAoB;;QACjE,MAAM,EACF,IAAI,EAAE,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,EACrC,OAAO,GACV,GAAG,MAAM,gBAAO,CAAC,GAAG,UAAU,eAAe,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;QAE/E,MAAM,eAAe,GACjB,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,KAAK,OAAO;YACrC,CAAC,CAAC,GAAG,kBAAkB,CAAC,UAAU,CAAC,IAAI,OAAO,EAAE;YAChD,CAAC,CAAC,UAAU,CAAC;QAErB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,gBAAO,CAAC,GAAG,eAAe,qBAAqB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAE9F,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,MAAM,CACxD,CAAC,MAAM,EAAE,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE;YAC/C,MAAM,cAAc,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;YAEhD,IAAI,cAAc,IAAI,CAAC,qBAAY,CAAC,WAAW,EAAE,cAAc,CAAC,EAAE;gBAC9D,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;aACvE;YAED,OAAO,MAAM,CAAC;QAClB,CAAC,EACD,EAAuD,CAC1D,CAAC;QAEF,KAAK,MAAM,CAAC,UAAU,EAAE,QAAQ,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;YAC9E,MAAM,cAAc,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;YAEhD,IAAI,CAAC,oBAAoB,CAAC,UAAU,CAAC,EAAE;gBACnC,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;aACvE;iBAAM,IAAI,oBAAoB,CAAC,UAAU,CAAC,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBAC/D,QAAQ,CAAC,UAAU,CAAC,GAAG,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;aACrF;SACJ;QAED,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;QACnD,OAAO;YACH,GAAG,EAAE,GAAG,eAAe,gBACnB,WAAW,IAAI,IAAI,KAAK,wBAAwB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAChE,WAAW;YACX,YAAY,EAAE,QAAQ,CAAC,IAAI;YAC3B,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;SAC/C,CAAC;IACN,CAAC;CAAA;
|
|
1
|
+
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../src/loader.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/web-components",
|
|
3
|
-
"version": "12.8.
|
|
3
|
+
"version": "12.8.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -19,9 +19,9 @@
|
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
21
|
"@servicetitan/design-system": "~9.2.1",
|
|
22
|
-
"@servicetitan/error-boundary": "^12.8.
|
|
23
|
-
"@servicetitan/log-service": "^12.8.
|
|
24
|
-
"@servicetitan/react-ioc": "^12.8.
|
|
22
|
+
"@servicetitan/error-boundary": "^12.8.11",
|
|
23
|
+
"@servicetitan/log-service": "^12.8.11",
|
|
24
|
+
"@servicetitan/react-ioc": "^12.8.11",
|
|
25
25
|
"@types/react": "~17.0.9",
|
|
26
26
|
"@types/react-dom": "~17.0.6",
|
|
27
27
|
"@types/semver": "~7.3.6",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"cli": {
|
|
43
43
|
"webpack": false
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "9ff574b28f2d078e87772a71403fc3f18c25dd65"
|
|
46
46
|
}
|
package/src/loader.tsx
CHANGED
|
@@ -76,12 +76,13 @@ export interface LoaderProps {
|
|
|
76
76
|
src: string;
|
|
77
77
|
data?: Record<string, string>;
|
|
78
78
|
basename?: string;
|
|
79
|
-
|
|
79
|
+
loadingFallback?: NonNullable<React.ReactNode> | null;
|
|
80
|
+
errorFallback?: NonNullable<React.ReactNode> | null;
|
|
80
81
|
className?: string;
|
|
81
82
|
}
|
|
82
83
|
|
|
83
84
|
export const Loader = React.forwardRef<LoaderRef, LoaderProps>(
|
|
84
|
-
({ src, data = {}, basename,
|
|
85
|
+
({ src, data = {}, basename, loadingFallback, errorFallback, className }, ref) => {
|
|
85
86
|
const [isLoading, setIsLoading] = React.useState(true);
|
|
86
87
|
|
|
87
88
|
const [logService] = useOptionalDependencies(Log);
|
|
@@ -204,9 +205,31 @@ export const Loader = React.forwardRef<LoaderRef, LoaderProps>(
|
|
|
204
205
|
return Component;
|
|
205
206
|
}, [src, className, logService, basename, dataAttrs]);
|
|
206
207
|
|
|
208
|
+
const LoadingFallback = React.useMemo(
|
|
209
|
+
() => () => {
|
|
210
|
+
if (loadingFallback !== undefined) {
|
|
211
|
+
return loadingFallback as React.ReactElement;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
return <h2>Loading...</h2>;
|
|
215
|
+
},
|
|
216
|
+
[loadingFallback]
|
|
217
|
+
);
|
|
218
|
+
|
|
219
|
+
const ErrorFallback = React.useMemo(
|
|
220
|
+
() => () => {
|
|
221
|
+
if (errorFallback !== undefined) {
|
|
222
|
+
return errorFallback as React.ReactElement;
|
|
223
|
+
}
|
|
224
|
+
|
|
225
|
+
return <h2>Something went wrong</h2>;
|
|
226
|
+
},
|
|
227
|
+
[errorFallback]
|
|
228
|
+
);
|
|
229
|
+
|
|
207
230
|
return (
|
|
208
|
-
<ErrorBoundary moduleName={src}>
|
|
209
|
-
{isLoading &&
|
|
231
|
+
<ErrorBoundary moduleName={src} fallback={ErrorFallback}>
|
|
232
|
+
{isLoading && <LoadingFallback />}
|
|
210
233
|
<React.Suspense fallback={null}>
|
|
211
234
|
<Loader ref={ref} />
|
|
212
235
|
</React.Suspense>
|