@xyo-network/react-shared 2.31.6 → 2.32.0-rc.12

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.
Files changed (72) hide show
  1. package/dist/cjs/components/NotFound.d.ts +5 -0
  2. package/dist/cjs/components/NotFound.d.ts.map +1 -0
  3. package/dist/cjs/components/NotFound.js +11 -0
  4. package/dist/cjs/components/NotFound.js.map +1 -0
  5. package/dist/cjs/components/index.d.ts +1 -2
  6. package/dist/cjs/components/index.d.ts.map +1 -1
  7. package/dist/cjs/components/index.js +1 -2
  8. package/dist/cjs/components/index.js.map +1 -1
  9. package/dist/cjs/contexts/contextEx/ContextExProviderProps.d.ts +2 -1
  10. package/dist/cjs/contexts/contextEx/ContextExProviderProps.d.ts.map +1 -1
  11. package/dist/docs.json +2725 -21656
  12. package/dist/esm/components/NotFound.d.ts +5 -0
  13. package/dist/esm/components/NotFound.d.ts.map +1 -0
  14. package/dist/esm/components/NotFound.js +8 -0
  15. package/dist/esm/components/NotFound.js.map +1 -0
  16. package/dist/esm/components/index.d.ts +1 -2
  17. package/dist/esm/components/index.d.ts.map +1 -1
  18. package/dist/esm/components/index.js +1 -2
  19. package/dist/esm/components/index.js.map +1 -1
  20. package/dist/esm/contexts/contextEx/ContextExProviderProps.d.ts +2 -1
  21. package/dist/esm/contexts/contextEx/ContextExProviderProps.d.ts.map +1 -1
  22. package/package.json +9 -20
  23. package/src/components/NotFound.tsx +15 -0
  24. package/src/components/index.ts +1 -2
  25. package/src/contexts/contextEx/ContextExProviderProps.ts +3 -1
  26. package/dist/cjs/components/ApiErrorAlert.d.ts +0 -9
  27. package/dist/cjs/components/ApiErrorAlert.d.ts.map +0 -1
  28. package/dist/cjs/components/ApiErrorAlert.js +0 -13
  29. package/dist/cjs/components/ApiErrorAlert.js.map +0 -1
  30. package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.d.ts +0 -4
  31. package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.d.ts.map +0 -1
  32. package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.js +0 -15
  33. package/dist/cjs/components/JsonRouteWrapper/JsonApiButton.js.map +0 -1
  34. package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.d.ts +0 -10
  35. package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.d.ts.map +0 -1
  36. package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.js +0 -43
  37. package/dist/cjs/components/JsonRouteWrapper/JsonFromUrl.js.map +0 -1
  38. package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.d.ts +0 -11
  39. package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.d.ts.map +0 -1
  40. package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.js +0 -47
  41. package/dist/cjs/components/JsonRouteWrapper/JsonRouteWrapper.js.map +0 -1
  42. package/dist/cjs/components/JsonRouteWrapper/index.d.ts +0 -4
  43. package/dist/cjs/components/JsonRouteWrapper/index.d.ts.map +0 -1
  44. package/dist/cjs/components/JsonRouteWrapper/index.js +0 -7
  45. package/dist/cjs/components/JsonRouteWrapper/index.js.map +0 -1
  46. package/dist/esm/components/ApiErrorAlert.d.ts +0 -9
  47. package/dist/esm/components/ApiErrorAlert.d.ts.map +0 -1
  48. package/dist/esm/components/ApiErrorAlert.js +0 -7
  49. package/dist/esm/components/ApiErrorAlert.js.map +0 -1
  50. package/dist/esm/components/JsonRouteWrapper/JsonApiButton.d.ts +0 -4
  51. package/dist/esm/components/JsonRouteWrapper/JsonApiButton.d.ts.map +0 -1
  52. package/dist/esm/components/JsonRouteWrapper/JsonApiButton.js +0 -11
  53. package/dist/esm/components/JsonRouteWrapper/JsonApiButton.js.map +0 -1
  54. package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.d.ts +0 -10
  55. package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.d.ts.map +0 -1
  56. package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.js +0 -37
  57. package/dist/esm/components/JsonRouteWrapper/JsonFromUrl.js.map +0 -1
  58. package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.d.ts +0 -11
  59. package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.d.ts.map +0 -1
  60. package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.js +0 -41
  61. package/dist/esm/components/JsonRouteWrapper/JsonRouteWrapper.js.map +0 -1
  62. package/dist/esm/components/JsonRouteWrapper/index.d.ts +0 -4
  63. package/dist/esm/components/JsonRouteWrapper/index.d.ts.map +0 -1
  64. package/dist/esm/components/JsonRouteWrapper/index.js +0 -4
  65. package/dist/esm/components/JsonRouteWrapper/index.js.map +0 -1
  66. package/src/components/ApiErrorAlert.tsx +0 -21
  67. package/src/components/JsonRouteWrapper/JsonApiButton.tsx +0 -19
  68. package/src/components/JsonRouteWrapper/JsonFromUrl.stories.tsx +0 -48
  69. package/src/components/JsonRouteWrapper/JsonFromUrl.tsx +0 -52
  70. package/src/components/JsonRouteWrapper/JsonRouteWrapper.stories.tsx +0 -68
  71. package/src/components/JsonRouteWrapper/JsonRouteWrapper.tsx +0 -85
  72. package/src/components/JsonRouteWrapper/index.ts +0 -3
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { FlexBoxProps } from '@xylabs/react-flexbox';
3
+ declare const NotFound: React.FC<FlexBoxProps>;
4
+ export { NotFound };
5
+ //# sourceMappingURL=NotFound.d.ts.map
@@ -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,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,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
+ {"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,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,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
+ {"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
- import { EmptyObject } from '@xyo-network/core';
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;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,oBAAY,sBAAsB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,YAAY,CACpF;IACE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CAAC,CACN,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
- "@xyo-network/core": "^2.29.2",
27
- "axios": "^0.27.2",
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-json-view": "^1.21.3",
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.6"
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.31.6"
72
+ "version": "2.32.0-rc.12",
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 }
@@ -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
- import { EmptyObject } from '@xyo-network/core'
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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonExProps } from '@xylabs/react-button';
3
- export declare const JsonApiButton: React.FC<ButtonExProps>;
4
- //# sourceMappingURL=JsonApiButton.d.ts.map
@@ -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,4 +0,0 @@
1
- export * from './JsonApiButton';
2
- export * from './JsonFromUrl';
3
- export * from './JsonRouteWrapper';
4
- //# sourceMappingURL=index.d.ts.map
@@ -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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonExProps } from '@xylabs/react-button';
3
- export declare const JsonApiButton: React.FC<ButtonExProps>;
4
- //# sourceMappingURL=JsonApiButton.d.ts.map
@@ -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,4 +0,0 @@
1
- export * from './JsonApiButton';
2
- export * from './JsonFromUrl';
3
- export * from './JsonRouteWrapper';
4
- //# sourceMappingURL=index.d.ts.map
@@ -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,4 +0,0 @@
1
- export * from './JsonApiButton';
2
- export * from './JsonFromUrl';
3
- export * from './JsonRouteWrapper';
4
- //# sourceMappingURL=index.js.map
@@ -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"}