@xyo-network/react-shared 2.31.5 → 2.32.0-rc.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/cjs/components/NotFound.d.ts +5 -0
- package/dist/cjs/components/NotFound.d.ts.map +1 -0
- package/dist/cjs/components/NotFound.js +11 -0
- package/dist/cjs/components/NotFound.js.map +1 -0
- package/dist/cjs/components/index.d.ts +1 -2
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +1 -2
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/contexts/contextEx/ContextExProviderProps.d.ts +2 -1
- package/dist/cjs/contexts/contextEx/ContextExProviderProps.d.ts.map +1 -1
- package/dist/docs.json +2725 -21656
- package/dist/esm/components/NotFound.d.ts +5 -0
- package/dist/esm/components/NotFound.d.ts.map +1 -0
- package/dist/esm/components/NotFound.js +8 -0
- package/dist/esm/components/NotFound.js.map +1 -0
- package/dist/esm/components/index.d.ts +1 -2
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -2
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/contexts/contextEx/ContextExProviderProps.d.ts +2 -1
- package/dist/esm/contexts/contextEx/ContextExProviderProps.d.ts.map +1 -1
- package/package.json +9 -20
- package/src/components/NotFound.tsx +15 -0
- package/src/components/index.ts +1 -2
- package/src/contexts/contextEx/ContextExProviderProps.ts +3 -1
- package/dist/cjs/components/ApiErrorAlert.d.ts +0 -9
- package/dist/cjs/components/ApiErrorAlert.d.ts.map +0 -1
- package/dist/cjs/components/ApiErrorAlert.js +0 -13
- package/dist/cjs/components/ApiErrorAlert.js.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.d.ts +0 -4
- package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.d.ts.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.js +0 -15
- package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.js.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.d.ts +0 -10
- package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.d.ts.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.js +0 -43
- package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.js.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.d.ts +0 -11
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.d.ts.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.js +0 -47
- package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.js.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/index.d.ts +0 -4
- package/dist/cjs/components/JsonRouteWrapper/index.d.ts.map +0 -1
- package/dist/cjs/components/JsonRouteWrapper/index.js +0 -7
- package/dist/cjs/components/JsonRouteWrapper/index.js.map +0 -1
- package/dist/esm/components/ApiErrorAlert.d.ts +0 -9
- package/dist/esm/components/ApiErrorAlert.d.ts.map +0 -1
- package/dist/esm/components/ApiErrorAlert.js +0 -7
- package/dist/esm/components/ApiErrorAlert.js.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/JsonApiButton.d.ts +0 -4
- package/dist/esm/components/JsonRouteWrapper/JsonApiButton.d.ts.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/JsonApiButton.js +0 -11
- package/dist/esm/components/JsonRouteWrapper/JsonApiButton.js.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.d.ts +0 -10
- package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.d.ts.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.js +0 -37
- package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.js.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.d.ts +0 -11
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.d.ts.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.js +0 -41
- package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.js.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/index.d.ts +0 -4
- package/dist/esm/components/JsonRouteWrapper/index.d.ts.map +0 -1
- package/dist/esm/components/JsonRouteWrapper/index.js +0 -4
- package/dist/esm/components/JsonRouteWrapper/index.js.map +0 -1
- package/src/components/ApiErrorAlert.tsx +0 -21
- package/src/components/JsonRouteWrapper/JsonApiButton.tsx +0 -19
- package/src/components/JsonRouteWrapper/JsonFromUrl.stories.tsx +0 -48
- package/src/components/JsonRouteWrapper/JsonFromUrl.tsx +0 -52
- package/src/components/JsonRouteWrapper/JsonRouteWrapper.stories.tsx +0 -68
- package/src/components/JsonRouteWrapper/JsonRouteWrapper.tsx +0 -85
- package/src/components/JsonRouteWrapper/index.ts +0 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASpC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Typography } from '@mui/material';
|
|
3
|
+
import { FlexGrowCol } from '@xylabs/react-flexbox';
|
|
4
|
+
const NotFound = (props) => {
|
|
5
|
+
return (_jsxs(FlexGrowCol, { ...props, children: [_jsx(Typography, { variant: "h2", children: "Sorry!" }), _jsx(Typography, { marginY: 3, variant: "body2", children: "Can't find anything here" })] }));
|
|
6
|
+
};
|
|
7
|
+
export { NotFound };
|
|
8
|
+
//# sourceMappingURL=NotFound.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAgB,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEjE,MAAM,QAAQ,GAA2B,CAAC,KAAK,EAAE,EAAE;IACjD,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,uBAAoB,EAC5C,KAAC,UAAU,IAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAC,OAAO,YACpC,0BAA0B,GAChB,IACD,CACf,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
export * from './Ampersand';
|
|
2
|
-
export * from './ApiErrorAlert';
|
|
3
2
|
export * from './BasicHero';
|
|
4
3
|
export * from './ErrorBoundry';
|
|
5
|
-
export * from './JsonRouteWrapper';
|
|
6
4
|
export * from './ListItemButtonEx';
|
|
5
|
+
export * from './NotFound';
|
|
7
6
|
export * from './Pipe';
|
|
8
7
|
export * from './pluginValidation';
|
|
9
8
|
export * from './ScrollTableOnSm';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
export * from './Ampersand';
|
|
2
|
-
export * from './ApiErrorAlert';
|
|
3
2
|
export * from './BasicHero';
|
|
4
3
|
export * from './ErrorBoundry';
|
|
5
|
-
export * from './JsonRouteWrapper';
|
|
6
4
|
export * from './ListItemButtonEx';
|
|
5
|
+
export * from './NotFound';
|
|
7
6
|
export * from './Pipe';
|
|
8
7
|
export * from './pluginValidation';
|
|
9
8
|
export * from './ScrollTableOnSm';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,qBAAqB,CAAA;AACnC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { WithChildren } from '@xylabs/react-shared';
|
|
2
|
-
|
|
2
|
+
declare type EmptyObject = {};
|
|
3
3
|
export declare type ContextExProviderProps<T extends EmptyObject = EmptyObject> = WithChildren<{
|
|
4
4
|
required?: boolean;
|
|
5
5
|
} & T>;
|
|
6
|
+
export {};
|
|
6
7
|
//# sourceMappingURL=ContextExProviderProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextExProviderProps.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/ContextExProviderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"ContextExProviderProps.d.ts","sourceRoot":"","sources":["../../../../src/contexts/contextEx/ContextExProviderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,aAAK,WAAW,GAAG,EAAE,CAAA;AAErB,oBAAY,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,YAAY,CACpF;IACE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,CACN,CAAA"}
|
package/package.json
CHANGED
|
@@ -10,35 +10,23 @@
|
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@emotion/react": "^11.10.4",
|
|
14
|
-
"@emotion/styled": "^11.10.4",
|
|
15
|
-
"@mui/icons-material": "^5.10.3",
|
|
16
|
-
"@mui/material": "^5.10.3",
|
|
17
|
-
"@mui/styles": "^5.10.3",
|
|
18
13
|
"@xylabs/pixel": "^1.4.5",
|
|
19
14
|
"@xylabs/react-appbar": "^2.14.16",
|
|
20
15
|
"@xylabs/react-button": "^2.14.16",
|
|
21
|
-
"@xylabs/react-dialogs": "^2.14.16",
|
|
22
16
|
"@xylabs/react-flexbox": "^2.14.16",
|
|
23
17
|
"@xylabs/react-link": "^2.14.16",
|
|
24
|
-
"@xylabs/react-quick-tip-button": "^2.14.16",
|
|
25
18
|
"@xylabs/react-shared": "^2.14.16",
|
|
26
|
-
"
|
|
27
|
-
|
|
19
|
+
"tslib": "^2.4.0"
|
|
20
|
+
},
|
|
21
|
+
"peerDependencies": {
|
|
22
|
+
"@mui/icons-material": "^5.10.3",
|
|
23
|
+
"@mui/material": "^5.10.3",
|
|
24
|
+
"@mui/styles": "^5.10.3",
|
|
28
25
|
"react": "^18.2.0",
|
|
29
26
|
"react-dom": "^18.2.0",
|
|
30
|
-
"react-
|
|
31
|
-
"react-router-dom": "^6.3.0",
|
|
32
|
-
"tslib": "^2.4.0"
|
|
27
|
+
"react-router-dom": "^6.3.0"
|
|
33
28
|
},
|
|
34
29
|
"description": "Common React library for all XYO projects that use React",
|
|
35
|
-
"devDependencies": {
|
|
36
|
-
"@storybook/react": "^6.5.10",
|
|
37
|
-
"@xylabs/pixel": "^1.4.5",
|
|
38
|
-
"@xylabs/tsconfig-dom": "^2.5.167",
|
|
39
|
-
"@xyo-network/api": "^2.29.2",
|
|
40
|
-
"@xyo-network/react-storybook": "^2.31.5"
|
|
41
|
-
},
|
|
42
30
|
"browser": "dist/esm/index.js",
|
|
43
31
|
"docs": "dist/docs.json",
|
|
44
32
|
"exports": {
|
|
@@ -81,5 +69,6 @@
|
|
|
81
69
|
},
|
|
82
70
|
"sideEffects": false,
|
|
83
71
|
"types": "dist/esm/index.d.ts",
|
|
84
|
-
"version": "2.
|
|
72
|
+
"version": "2.32.0-rc.11",
|
|
73
|
+
"stableVersion": "2.31.2"
|
|
85
74
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Typography } from '@mui/material'
|
|
2
|
+
import { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'
|
|
3
|
+
|
|
4
|
+
const NotFound: React.FC<FlexBoxProps> = (props) => {
|
|
5
|
+
return (
|
|
6
|
+
<FlexGrowCol {...props}>
|
|
7
|
+
<Typography variant="h2">Sorry!</Typography>
|
|
8
|
+
<Typography marginY={3} variant="body2">
|
|
9
|
+
{"Can't find anything here"}
|
|
10
|
+
</Typography>
|
|
11
|
+
</FlexGrowCol>
|
|
12
|
+
)
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export { NotFound }
|
package/src/components/index.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
export * from './Ampersand'
|
|
2
|
-
export * from './ApiErrorAlert'
|
|
3
2
|
export * from './BasicHero'
|
|
4
3
|
export * from './ErrorBoundry'
|
|
5
|
-
export * from './JsonRouteWrapper'
|
|
6
4
|
export * from './ListItemButtonEx'
|
|
5
|
+
export * from './NotFound'
|
|
7
6
|
export * from './Pipe'
|
|
8
7
|
export * from './pluginValidation'
|
|
9
8
|
export * from './ScrollTableOnSm'
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { WithChildren } from '@xylabs/react-shared'
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
4
|
+
type EmptyObject = {}
|
|
3
5
|
|
|
4
6
|
export type ContextExProviderProps<T extends EmptyObject = EmptyObject> = WithChildren<
|
|
5
7
|
{
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { AlertProps } from '@mui/material';
|
|
3
|
-
import { XyoApiError } from '@xyo-network/api';
|
|
4
|
-
export interface ApiErrorAlertProps extends AlertProps {
|
|
5
|
-
call?: XyoApiError;
|
|
6
|
-
}
|
|
7
|
-
declare const ApiErrorAlert: React.FC<ApiErrorAlertProps>;
|
|
8
|
-
export { ApiErrorAlert };
|
|
9
|
-
//# sourceMappingURL=ApiErrorAlert.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ApiErrorAlert.d.ts","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAA0B,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAW/C,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ApiErrorAlert = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const material_1 = require("@mui/material");
|
|
7
|
-
const ApiErrorAlert = (_a) => {
|
|
8
|
-
var _b;
|
|
9
|
-
var { call } = _a, props = tslib_1.__rest(_a, ["call"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: "Whoops! Something went wrong" }), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ sx: { wordBreak: 'break-all' } }, { children: (_b = call === null || call === void 0 ? void 0 : call.config) === null || _b === void 0 ? void 0 : _b.url })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", mr: 0.5, fontWeight: "bold" }, { children: "Error:" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption" }, { children: call === null || call === void 0 ? void 0 : call.message }))] })));
|
|
11
|
-
};
|
|
12
|
-
exports.ApiErrorAlert = ApiErrorAlert;
|
|
13
|
-
//# sourceMappingURL=ApiErrorAlert.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ApiErrorAlert.js","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AAOzE,MAAM,aAAa,GAAiC,CAAC,EAAkB,EAAE,EAAE;;QAAtB,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAhB,QAAkB,CAAF;IACnE,OAAO,CACL,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,IAAK,KAAK,eAC/B,uBAAC,qBAAU,+CAA0C,EACrD,uBAAC,qBAAU,kBAAC,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,gBAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,0CAAE,GAAG,IAAc,EAC5E,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,4BAE3C,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,gBAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,IAAc,KACpD,CACT,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonApiButton.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonApiButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAejD,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.JsonApiButton = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_button_1 = require("@xylabs/react-button");
|
|
6
|
-
const react_router_dom_1 = require("react-router-dom");
|
|
7
|
-
const JsonApiButton = (props) => {
|
|
8
|
-
const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ marginX: 2, variant: "outlined", onClick: () => {
|
|
10
|
-
searchParams.set('json', 'true');
|
|
11
|
-
setSearchParams(searchParams);
|
|
12
|
-
} }, props, { children: "JSON" })));
|
|
13
|
-
};
|
|
14
|
-
exports.JsonApiButton = JsonApiButton;
|
|
15
|
-
//# sourceMappingURL=JsonApiButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonApiButton.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonApiButton.tsx"],"names":[],"mappings":";;;;AAAA,uDAA8D;AAC9D,uDAAkD;AAE3C,MAAM,aAAa,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAA;IACzD,OAAO,CACL,uBAAC,uBAAQ,kBACP,OAAO,EAAE,CAAC,EACV,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YAChC,eAAe,CAAC,YAAY,CAAC,CAAA;QAC/B,CAAC,IACG,KAAK,wBAGA,CACZ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,aAAa,iBAezB"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ThemeKeys, ThemeObject } from 'react-json-view';
|
|
3
|
-
export interface JsonFromUrlProps {
|
|
4
|
-
apiDomain: string;
|
|
5
|
-
pathname?: string;
|
|
6
|
-
theme?: ThemeKeys | ThemeObject;
|
|
7
|
-
}
|
|
8
|
-
/** @deprecated - Move to JsonRouteWrapper Component */
|
|
9
|
-
export declare const JsonFromUrl: React.FC<JsonFromUrlProps>;
|
|
10
|
-
//# sourceMappingURL=JsonFromUrl.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonFromUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonFromUrl.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAaxD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAChC;AAED,wDAAwD;AACxD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAA"}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.JsonFromUrl = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_dialogs_1 = require("@xylabs/react-dialogs");
|
|
7
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_shared_1 = require("@xylabs/react-shared");
|
|
9
|
-
const axios_1 = tslib_1.__importDefault(require("axios"));
|
|
10
|
-
const react_1 = require("react");
|
|
11
|
-
const react_router_dom_1 = require("react-router-dom");
|
|
12
|
-
const JsonView = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(/* webpackChunkName: "jsonView" */ 'react-json-view'))));
|
|
13
|
-
const sanitizeUrlForApi = (path) => {
|
|
14
|
-
if (new RegExp(/json$/g).test(path)) {
|
|
15
|
-
return path.split('json')[0];
|
|
16
|
-
}
|
|
17
|
-
else {
|
|
18
|
-
return path;
|
|
19
|
-
}
|
|
20
|
-
};
|
|
21
|
-
/** @deprecated - Move to JsonRouteWrapper Component */
|
|
22
|
-
const JsonFromUrl = (_a) => {
|
|
23
|
-
var { pathname, apiDomain } = _a, JsonViewProps = tslib_1.__rest(_a, ["pathname", "apiDomain"]);
|
|
24
|
-
const location = (0, react_router_dom_1.useLocation)();
|
|
25
|
-
const path = pathname ? pathname : location.pathname;
|
|
26
|
-
const [apiResponse, setApiResponse] = (0, react_1.useState)();
|
|
27
|
-
const [apiError, setApiError] = (0, react_1.useState)();
|
|
28
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
-
(0, react_shared_1.useAsyncEffect)(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
30
|
-
const apiPath = sanitizeUrlForApi(path);
|
|
31
|
-
const url = `${apiDomain}${apiPath}`;
|
|
32
|
-
try {
|
|
33
|
-
const response = yield axios_1.default.get(url);
|
|
34
|
-
setApiResponse(response.data);
|
|
35
|
-
}
|
|
36
|
-
catch (err) {
|
|
37
|
-
setApiError(err);
|
|
38
|
-
}
|
|
39
|
-
}), [apiDomain, path]);
|
|
40
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("p", { children: ["Resource - ", sanitizeUrlForApi(path)] }), (0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, {}) }, { children: apiResponse && (0, jsx_runtime_1.jsx)(JsonView, Object.assign({ src: apiResponse, collapseStringsAfterLength: 64 }, JsonViewProps)) })), (0, jsx_runtime_1.jsx)(react_dialogs_1.ErrorDialog, { title: "Error Fetching JSON", error: apiError, open: !!apiError, onAction: () => setApiError(undefined) })] }));
|
|
41
|
-
};
|
|
42
|
-
exports.JsonFromUrl = JsonFromUrl;
|
|
43
|
-
//# sourceMappingURL=JsonFromUrl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonFromUrl.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonFromUrl.tsx"],"names":[],"mappings":";;;;;AAAA,yDAAmD;AACnD,yDAA+C;AAC/C,uDAAqD;AACrD,0DAAwD;AACxD,iCAAgD;AAEhD,uDAA8C;AAE9C,MAAM,QAAQ,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,2DAAQ,kCAAkC,CAAC,iBAAiB,GAAC,CAAC,CAAA;AAEzF,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;KAC7B;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAQD,wDAAwD;AACjD,MAAM,WAAW,GAA+B,CAAC,EAAyC,EAAE,EAAE;QAA7C,EAAE,QAAQ,EAAE,SAAS,OAAoB,EAAf,aAAa,sBAAvC,yBAAyC,CAAF;IAC7F,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAiB,CAAA;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAc,CAAA;IAEtD,uDAAuD;IACvD,IAAA,6BAAc,EAAC,GAAS,EAAE;QACxB,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACvC,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,OAAO,EAAE,CAAA;QAEpC,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,eAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACrC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;SAC9B;QAAC,OAAO,GAAG,EAAE;YACZ,WAAW,CAAC,GAAiB,CAAC,CAAA;SAC/B;IACH,CAAC,CAAA,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,6DACE,yDAAe,iBAAiB,CAAC,IAAI,CAAC,IAAK,EAC3C,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,uBAAC,uBAAO,KAAG,gBAAG,WAAW,IAAI,uBAAC,QAAQ,kBAAC,GAAG,EAAE,WAAW,EAAE,0BAA0B,EAAE,EAAE,IAAM,aAAa,EAAI,IAAY,EAC9I,uBAAC,2BAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAI,IACrH,CACJ,CAAA;AACH,CAAC,CAAA;AA1BY,QAAA,WAAW,eA0BvB"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
import { ReactJsonViewProps } from 'react-json-view';
|
|
4
|
-
export interface JsonFromPromiseProps extends FlexBoxProps {
|
|
5
|
-
callback: () => Promise<object | undefined>;
|
|
6
|
-
noBackButton?: boolean;
|
|
7
|
-
noJsonButton?: boolean;
|
|
8
|
-
jsonViewProps?: ReactJsonViewProps;
|
|
9
|
-
}
|
|
10
|
-
export declare const JsonRouteWrapper: React.FC<JsonFromPromiseProps>;
|
|
11
|
-
//# sourceMappingURL=JsonRouteWrapper.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonRouteWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAItE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAOpD,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgE3D,CAAA"}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.JsonRouteWrapper = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_button_1 = require("@xylabs/react-button");
|
|
7
|
-
const react_dialogs_1 = require("@xylabs/react-dialogs");
|
|
8
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
|
-
const react_shared_1 = require("@xylabs/react-shared");
|
|
10
|
-
const react_1 = require("react");
|
|
11
|
-
const react_router_dom_1 = require("react-router-dom");
|
|
12
|
-
const JsonApiButton_1 = require("./JsonApiButton");
|
|
13
|
-
const JsonView = (0, react_1.lazy)(() => Promise.resolve().then(() => tslib_1.__importStar(require(/* webpackChunkName: "jsonView" */ 'react-json-view'))));
|
|
14
|
-
const JsonRouteWrapper = (_a) => {
|
|
15
|
-
var { callback, children, noBackButton = false, noJsonButton = false, jsonViewProps } = _a, props = tslib_1.__rest(_a, ["callback", "children", "noBackButton", "noJsonButton", "jsonViewProps"]);
|
|
16
|
-
const [apiResponse, setApiResponse] = (0, react_1.useState)();
|
|
17
|
-
const [apiError, setApiError] = (0, react_1.useState)();
|
|
18
|
-
const [searchParams, setSearchParams] = (0, react_router_dom_1.useSearchParams)();
|
|
19
|
-
const active = !!searchParams.get('json');
|
|
20
|
-
(0, react_shared_1.useAsyncEffect)(
|
|
21
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
22
|
-
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
23
|
-
try {
|
|
24
|
-
const response = yield callback();
|
|
25
|
-
if (mounted()) {
|
|
26
|
-
setApiResponse(response);
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
catch (ex) {
|
|
30
|
-
if (mounted()) {
|
|
31
|
-
const error = ex;
|
|
32
|
-
if (error.isXyoError) {
|
|
33
|
-
setApiError(error);
|
|
34
|
-
}
|
|
35
|
-
else {
|
|
36
|
-
throw ex;
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}), [callback]);
|
|
41
|
-
return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({}, props, { children: active ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Suspense, Object.assign({ fallback: null }, { children: apiResponse && (0, jsx_runtime_1.jsx)(JsonView, Object.assign({ src: apiResponse, collapseStringsAfterLength: 64 }, jsonViewProps)) })), !noBackButton && ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginY: 3 }, { children: (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ flexDirection: "row", variant: "outlined", onClick: () => {
|
|
42
|
-
searchParams.delete('json');
|
|
43
|
-
setSearchParams(searchParams);
|
|
44
|
-
} }, { children: "Back" })) }))), (0, jsx_runtime_1.jsx)(react_dialogs_1.ErrorDialog, { title: "Error Fetching JSON", error: apiError, open: !!apiError, onAction: () => setApiError(undefined) })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, !noJsonButton && (0, jsx_runtime_1.jsx)(JsonApiButton_1.JsonApiButton, { marginTop: 2 })] })) })));
|
|
45
|
-
};
|
|
46
|
-
exports.JsonRouteWrapper = JsonRouteWrapper;
|
|
47
|
-
//# sourceMappingURL=JsonRouteWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonRouteWrapper.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,uDAA+C;AAC/C,yDAAmD;AACnD,yDAAsE;AACtE,uDAAqD;AAErD,iCAAgD;AAEhD,uDAAkD;AAElD,mDAA+C;AAE/C,MAAM,QAAQ,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,2DAAQ,kCAAkC,CAAC,iBAAiB,GAAC,CAAC,CAAA;AASlF,MAAM,gBAAgB,GAAmC,CAAC,EAOhE,EAAE,EAAE;QAP4D,EAC/D,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,aAAa,OAEd,EADI,KAAK,sBANuD,yEAOhE,CADS;IAER,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,GAAe,CAAA;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kCAAe,GAAE,CAAA;IACzD,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAEzC,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,QAAQ,EAAE,CAAA;YACjC,IAAI,OAAO,EAAE,EAAE;gBACb,cAAc,CAAC,QAAQ,CAAC,CAAA;aACzB;SACF;QAAC,OAAO,EAAE,EAAE;YACX,IAAI,OAAO,EAAE,EAAE;gBACb,MAAM,KAAK,GAAG,EAAiB,CAAA;gBAC/B,IAAI,KAAK,CAAC,UAAU,EAAE;oBACpB,WAAW,CAAC,KAAK,CAAC,CAAA;iBACnB;qBAAM;oBACL,MAAM,EAAE,CAAA;iBACT;aACF;SACF;IACH,CAAC,CAAA,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,cACf,MAAM,CAAC,CAAC,CAAC,CACR,6DACE,uBAAC,gBAAQ,kBAAC,QAAQ,EAAE,IAAI,gBAAG,WAAW,IAAI,uBAAC,QAAQ,kBAAC,GAAG,EAAE,WAAW,EAAE,0BAA0B,EAAE,EAAE,IAAM,aAAa,EAAI,IAAY,EACtI,CAAC,YAAY,IAAI,CAChB,uBAAC,uBAAO,kBAAC,OAAO,EAAE,CAAC,gBACjB,uBAAC,uBAAQ,kBACP,aAAa,EAAC,KAAK,EACnB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;4BAC3B,eAAe,CAAC,YAAY,CAAC,CAAA;wBAC/B,CAAC,0BAGQ,IACH,CACX,EACD,uBAAC,2BAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAI,IACrH,CACJ,CAAC,CAAC,CAAC,CACF,6DACG,QAAQ,EACR,CAAC,YAAY,IAAI,uBAAC,6BAAa,IAAC,SAAS,EAAE,CAAC,GAAI,IAChD,CACJ,IACO,CACX,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,gBAAgB,oBAgE5B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./JsonApiButton"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./JsonFromUrl"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./JsonRouteWrapper"), exports);
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,wDAA6B;AAC7B,6DAAkC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { AlertProps } from '@mui/material';
|
|
3
|
-
import { XyoApiError } from '@xyo-network/api';
|
|
4
|
-
export interface ApiErrorAlertProps extends AlertProps {
|
|
5
|
-
call?: XyoApiError;
|
|
6
|
-
}
|
|
7
|
-
declare const ApiErrorAlert: React.FC<ApiErrorAlertProps>;
|
|
8
|
-
export { ApiErrorAlert };
|
|
9
|
-
//# sourceMappingURL=ApiErrorAlert.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ApiErrorAlert.d.ts","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAA0B,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACpD,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAW/C,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Alert, AlertTitle, Typography } from '@mui/material';
|
|
3
|
-
const ApiErrorAlert = ({ call, ...props }) => {
|
|
4
|
-
return (_jsxs(Alert, { severity: "error", ...props, children: [_jsx(AlertTitle, { children: "Whoops! Something went wrong" }), _jsx(Typography, { sx: { wordBreak: 'break-all' }, children: call?.config?.url }), _jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }), _jsx(Typography, { variant: "caption", children: call?.message })] }));
|
|
5
|
-
};
|
|
6
|
-
export { ApiErrorAlert };
|
|
7
|
-
//# sourceMappingURL=ApiErrorAlert.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ApiErrorAlert.js","sourceRoot":"","sources":["../../../src/components/ApiErrorAlert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAOzE,MAAM,aAAa,GAAiC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzE,OAAO,CACL,MAAC,KAAK,IAAC,QAAQ,EAAC,OAAO,KAAK,KAAK,aAC/B,KAAC,UAAU,+CAA0C,EACrD,KAAC,UAAU,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,YAAG,IAAI,EAAE,MAAM,EAAE,GAAG,GAAc,EAC5E,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,uBAE3C,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,YAAE,IAAI,EAAE,OAAO,GAAc,IACpD,CACT,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonApiButton.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonApiButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG9D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAejD,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ButtonEx } from '@xylabs/react-button';
|
|
3
|
-
import { useSearchParams } from 'react-router-dom';
|
|
4
|
-
export const JsonApiButton = (props) => {
|
|
5
|
-
const [searchParams, setSearchParams] = useSearchParams();
|
|
6
|
-
return (_jsx(ButtonEx, { marginX: 2, variant: "outlined", onClick: () => {
|
|
7
|
-
searchParams.set('json', 'true');
|
|
8
|
-
setSearchParams(searchParams);
|
|
9
|
-
}, ...props, children: "JSON" }));
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=JsonApiButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonApiButton.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonApiButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,KAAK,EAAE,EAAE;IAC9D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAe,EAAE,CAAA;IACzD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,EAAE,CAAC,EACV,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;YACZ,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YAChC,eAAe,CAAC,YAAY,CAAC,CAAA;QAC/B,CAAC,KACG,KAAK,qBAGA,CACZ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ThemeKeys, ThemeObject } from 'react-json-view';
|
|
3
|
-
export interface JsonFromUrlProps {
|
|
4
|
-
apiDomain: string;
|
|
5
|
-
pathname?: string;
|
|
6
|
-
theme?: ThemeKeys | ThemeObject;
|
|
7
|
-
}
|
|
8
|
-
/** @deprecated - Move to JsonRouteWrapper Component */
|
|
9
|
-
export declare const JsonFromUrl: React.FC<JsonFromUrlProps>;
|
|
10
|
-
//# sourceMappingURL=JsonFromUrl.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonFromUrl.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonFromUrl.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAaxD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAChC;AAED,wDAAwD;AACxD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0BlD,CAAA"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { ErrorDialog } from '@xylabs/react-dialogs';
|
|
3
|
-
import { FlexCol } from '@xylabs/react-flexbox';
|
|
4
|
-
import { useAsyncEffect } from '@xylabs/react-shared';
|
|
5
|
-
import axios from 'axios';
|
|
6
|
-
import { lazy, Suspense, useState } from 'react';
|
|
7
|
-
import { useLocation } from 'react-router-dom';
|
|
8
|
-
const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'));
|
|
9
|
-
const sanitizeUrlForApi = (path) => {
|
|
10
|
-
if (new RegExp(/json$/g).test(path)) {
|
|
11
|
-
return path.split('json')[0];
|
|
12
|
-
}
|
|
13
|
-
else {
|
|
14
|
-
return path;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
/** @deprecated - Move to JsonRouteWrapper Component */
|
|
18
|
-
export const JsonFromUrl = ({ pathname, apiDomain, ...JsonViewProps }) => {
|
|
19
|
-
const location = useLocation();
|
|
20
|
-
const path = pathname ? pathname : location.pathname;
|
|
21
|
-
const [apiResponse, setApiResponse] = useState();
|
|
22
|
-
const [apiError, setApiError] = useState();
|
|
23
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
|
-
useAsyncEffect(async () => {
|
|
25
|
-
const apiPath = sanitizeUrlForApi(path);
|
|
26
|
-
const url = `${apiDomain}${apiPath}`;
|
|
27
|
-
try {
|
|
28
|
-
const response = await axios.get(url);
|
|
29
|
-
setApiResponse(response.data);
|
|
30
|
-
}
|
|
31
|
-
catch (err) {
|
|
32
|
-
setApiError(err);
|
|
33
|
-
}
|
|
34
|
-
}, [apiDomain, path]);
|
|
35
|
-
return (_jsxs(_Fragment, { children: [_jsxs("p", { children: ["Resource - ", sanitizeUrlForApi(path)] }), _jsx(Suspense, { fallback: _jsx(FlexCol, {}), children: apiResponse && _jsx(JsonView, { src: apiResponse, collapseStringsAfterLength: 64, ...JsonViewProps }) }), _jsx(ErrorDialog, { title: "Error Fetching JSON", error: apiError, open: !!apiError, onAction: () => setApiError(undefined) })] }));
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=JsonFromUrl.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonFromUrl.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonFromUrl.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAE9C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,CAAC,CAAA;AAEzF,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE;IACzC,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QACnC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;KAC7B;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAQD,wDAAwD;AACxD,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,aAAa,EAAE,EAAE,EAAE;IACnG,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACpD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAiB,CAAA;IAC/D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAc,CAAA;IAEtD,uDAAuD;IACvD,cAAc,CAAC,KAAK,IAAI,EAAE;QACxB,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;QACvC,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,OAAO,EAAE,CAAA;QAEpC,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACrC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;SAC9B;QAAC,OAAO,GAAG,EAAE;YACZ,WAAW,CAAC,GAAiB,CAAC,CAAA;SAC/B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,8BACE,uCAAe,iBAAiB,CAAC,IAAI,CAAC,IAAK,EAC3C,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,OAAO,KAAG,YAAG,WAAW,IAAI,KAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,EAAE,0BAA0B,EAAE,EAAE,KAAM,aAAa,GAAI,GAAY,EAC9I,KAAC,WAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAI,IACrH,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
import { ReactJsonViewProps } from 'react-json-view';
|
|
4
|
-
export interface JsonFromPromiseProps extends FlexBoxProps {
|
|
5
|
-
callback: () => Promise<object | undefined>;
|
|
6
|
-
noBackButton?: boolean;
|
|
7
|
-
noJsonButton?: boolean;
|
|
8
|
-
jsonViewProps?: ReactJsonViewProps;
|
|
9
|
-
}
|
|
10
|
-
export declare const JsonRouteWrapper: React.FC<JsonFromPromiseProps>;
|
|
11
|
-
//# sourceMappingURL=JsonRouteWrapper.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonRouteWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAItE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAOpD,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,QAAQ,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,aAAa,CAAC,EAAE,kBAAkB,CAAA;CACnC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgE3D,CAAA"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ButtonEx } from '@xylabs/react-button';
|
|
3
|
-
import { ErrorDialog } from '@xylabs/react-dialogs';
|
|
4
|
-
import { FlexCol, FlexRow } from '@xylabs/react-flexbox';
|
|
5
|
-
import { useAsyncEffect } from '@xylabs/react-shared';
|
|
6
|
-
import { lazy, Suspense, useState } from 'react';
|
|
7
|
-
import { useSearchParams } from 'react-router-dom';
|
|
8
|
-
import { JsonApiButton } from './JsonApiButton';
|
|
9
|
-
const JsonView = lazy(() => import(/* webpackChunkName: "jsonView" */ 'react-json-view'));
|
|
10
|
-
export const JsonRouteWrapper = ({ callback, children, noBackButton = false, noJsonButton = false, jsonViewProps, ...props }) => {
|
|
11
|
-
const [apiResponse, setApiResponse] = useState();
|
|
12
|
-
const [apiError, setApiError] = useState();
|
|
13
|
-
const [searchParams, setSearchParams] = useSearchParams();
|
|
14
|
-
const active = !!searchParams.get('json');
|
|
15
|
-
useAsyncEffect(
|
|
16
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
-
async (mounted) => {
|
|
18
|
-
try {
|
|
19
|
-
const response = await callback();
|
|
20
|
-
if (mounted()) {
|
|
21
|
-
setApiResponse(response);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
catch (ex) {
|
|
25
|
-
if (mounted()) {
|
|
26
|
-
const error = ex;
|
|
27
|
-
if (error.isXyoError) {
|
|
28
|
-
setApiError(error);
|
|
29
|
-
}
|
|
30
|
-
else {
|
|
31
|
-
throw ex;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}, [callback]);
|
|
36
|
-
return (_jsx(FlexCol, { ...props, children: active ? (_jsxs(_Fragment, { children: [_jsx(Suspense, { fallback: null, children: apiResponse && _jsx(JsonView, { src: apiResponse, collapseStringsAfterLength: 64, ...jsonViewProps }) }), !noBackButton && (_jsx(FlexRow, { marginY: 3, children: _jsx(ButtonEx, { flexDirection: "row", variant: "outlined", onClick: () => {
|
|
37
|
-
searchParams.delete('json');
|
|
38
|
-
setSearchParams(searchParams);
|
|
39
|
-
}, children: "Back" }) })), _jsx(ErrorDialog, { title: "Error Fetching JSON", error: apiError, open: !!apiError, onAction: () => setApiError(undefined) })] })) : (_jsxs(_Fragment, { children: [children, !noJsonButton && _jsx(JsonApiButton, { marginTop: 2 })] })) }));
|
|
40
|
-
};
|
|
41
|
-
//# sourceMappingURL=JsonRouteWrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"JsonRouteWrapper.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/JsonRouteWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAgB,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,kCAAkC,CAAC,iBAAiB,CAAC,CAAC,CAAA;AASzF,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,EAC/D,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,YAAY,GAAG,KAAK,EACpB,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,eAAe,EAAE,CAAA;IACzD,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAEzC,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,QAAQ,EAAE,CAAA;YACjC,IAAI,OAAO,EAAE,EAAE;gBACb,cAAc,CAAC,QAAQ,CAAC,CAAA;aACzB;SACF;QAAC,OAAO,EAAE,EAAE;YACX,IAAI,OAAO,EAAE,EAAE;gBACb,MAAM,KAAK,GAAG,EAAiB,CAAA;gBAC/B,IAAI,KAAK,CAAC,UAAU,EAAE;oBACpB,WAAW,CAAC,KAAK,CAAC,CAAA;iBACnB;qBAAM;oBACL,MAAM,EAAE,CAAA;iBACT;aACF;SACF;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YACf,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,KAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,YAAG,WAAW,IAAI,KAAC,QAAQ,IAAC,GAAG,EAAE,WAAW,EAAE,0BAA0B,EAAE,EAAE,KAAM,aAAa,GAAI,GAAY,EACtI,CAAC,YAAY,IAAI,CAChB,KAAC,OAAO,IAAC,OAAO,EAAE,CAAC,YACjB,KAAC,QAAQ,IACP,aAAa,EAAC,KAAK,EACnB,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE;4BACZ,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;4BAC3B,eAAe,CAAC,YAAY,CAAC,CAAA;wBAC/B,CAAC,qBAGQ,GACH,CACX,EACD,KAAC,WAAW,IAAC,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,GAAI,IACrH,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,QAAQ,EACR,CAAC,YAAY,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,CAAC,GAAI,IAChD,CACJ,GACO,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/JsonRouteWrapper/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA"}
|