@xyo-network/react-webapp 2.61.0 → 2.62.3
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/components/Body.d.mts.map +1 -0
- package/dist/components/Body.d.ts +12 -0
- package/dist/components/Body.d.ts.map +1 -0
- package/dist/components/Chrome.d.mts.map +1 -0
- package/dist/components/Chrome.d.ts +14 -0
- package/dist/components/Chrome.d.ts.map +1 -0
- package/dist/components/Chrome.stories.d.mts +8 -0
- package/dist/components/Chrome.stories.d.mts.map +1 -0
- package/dist/components/Chrome.stories.d.ts +8 -0
- package/dist/components/Chrome.stories.d.ts.map +1 -0
- package/dist/components/ErrorPage.d.mts.map +1 -0
- package/dist/components/ErrorPage.d.ts +9 -0
- package/dist/components/ErrorPage.d.ts.map +1 -0
- package/dist/components/NotFoundPage/Page.d.mts.map +1 -0
- package/dist/components/NotFoundPage/Page.d.ts +6 -0
- package/dist/components/NotFoundPage/Page.d.ts.map +1 -0
- package/dist/components/NotFoundPage/Page.stories.d.mts +5 -0
- package/dist/components/NotFoundPage/Page.stories.d.mts.map +1 -0
- package/dist/components/NotFoundPage/Page.stories.d.ts +5 -0
- package/dist/components/NotFoundPage/Page.stories.d.ts.map +1 -0
- package/dist/components/NotFoundPage/index.d.mts.map +1 -0
- package/dist/components/NotFoundPage/index.d.ts +2 -0
- package/dist/components/NotFoundPage/index.d.ts.map +1 -0
- package/dist/components/Page.d.mts.map +1 -0
- package/dist/components/Page.d.ts +13 -0
- package/dist/components/Page.d.ts.map +1 -0
- package/dist/components/index.d.mts.map +1 -0
- package/dist/{esm/components/index.js → components/index.d.ts} +1 -1
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/lib/cssValues.d.mts.map +1 -0
- package/dist/components/lib/cssValues.d.ts +6 -0
- package/dist/components/lib/cssValues.d.ts.map +1 -0
- package/dist/components/lib/index.d.mts.map +1 -0
- package/dist/components/lib/index.d.ts +2 -0
- package/dist/components/lib/index.d.ts.map +1 -0
- package/dist/docs.json +94282 -0
- package/dist/index.d.mts.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/{types/index.d.ts.map → index.d.ts.map} +1 -1
- package/dist/index.js +272 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +238 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +34 -26
- package/dist/cjs/components/Body.js +0 -50
- package/dist/cjs/components/Body.js.map +0 -1
- package/dist/cjs/components/Chrome.js +0 -21
- package/dist/cjs/components/Chrome.js.map +0 -1
- package/dist/cjs/components/ErrorPage.js +0 -15
- package/dist/cjs/components/ErrorPage.js.map +0 -1
- package/dist/cjs/components/NotFoundPage/Page.js +0 -15
- package/dist/cjs/components/NotFoundPage/Page.js.map +0 -1
- package/dist/cjs/components/NotFoundPage/index.js +0 -5
- package/dist/cjs/components/NotFoundPage/index.js.map +0 -1
- package/dist/cjs/components/Page.js +0 -39
- package/dist/cjs/components/Page.js.map +0 -1
- package/dist/cjs/components/index.js +0 -9
- package/dist/cjs/components/index.js.map +0 -1
- package/dist/cjs/components/lib/cssValues.js +0 -15
- package/dist/cjs/components/lib/cssValues.js.map +0 -1
- package/dist/cjs/components/lib/index.js +0 -5
- package/dist/cjs/components/lib/index.js.map +0 -1
- package/dist/cjs/index.js +0 -5
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/components/Body.js +0 -61
- package/dist/esm/components/Body.js.map +0 -1
- package/dist/esm/components/Chrome.js +0 -16
- package/dist/esm/components/Chrome.js.map +0 -1
- package/dist/esm/components/ErrorPage.js +0 -7
- package/dist/esm/components/ErrorPage.js.map +0 -1
- package/dist/esm/components/NotFoundPage/Page.js +0 -7
- package/dist/esm/components/NotFoundPage/Page.js.map +0 -1
- package/dist/esm/components/NotFoundPage/index.js +0 -2
- package/dist/esm/components/NotFoundPage/index.js.map +0 -1
- package/dist/esm/components/Page.js +0 -39
- package/dist/esm/components/Page.js.map +0 -1
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/components/lib/cssValues.js +0 -16
- package/dist/esm/components/lib/cssValues.js.map +0 -1
- package/dist/esm/components/lib/index.js +0 -2
- package/dist/esm/components/lib/index.js.map +0 -1
- package/dist/esm/index.js +0 -2
- package/dist/esm/index.js.map +0 -1
- package/dist/types/components/Body.d.ts.map +0 -1
- package/dist/types/components/Chrome.d.ts.map +0 -1
- package/dist/types/components/ErrorPage.d.ts.map +0 -1
- package/dist/types/components/NotFoundPage/Page.d.ts.map +0 -1
- package/dist/types/components/NotFoundPage/index.d.ts.map +0 -1
- package/dist/types/components/Page.d.ts.map +0 -1
- package/dist/types/components/index.d.ts.map +0 -1
- package/dist/types/components/lib/cssValues.d.ts.map +0 -1
- package/dist/types/components/lib/index.d.ts.map +0 -1
- /package/dist/{types/components/Body.d.ts → components/Body.d.mts} +0 -0
- /package/dist/{types/components/Chrome.d.ts → components/Chrome.d.mts} +0 -0
- /package/dist/{types/components/ErrorPage.d.ts → components/ErrorPage.d.mts} +0 -0
- /package/dist/{types/components/NotFoundPage/Page.d.ts → components/NotFoundPage/Page.d.mts} +0 -0
- /package/dist/{types/components/NotFoundPage/index.d.ts → components/NotFoundPage/index.d.mts} +0 -0
- /package/dist/{types/components/Page.d.ts → components/Page.d.mts} +0 -0
- /package/dist/{types/components/index.d.ts → components/index.d.mts} +0 -0
- /package/dist/{types/components/lib/cssValues.d.ts → components/lib/cssValues.d.mts} +0 -0
- /package/dist/{types/components/lib/index.d.ts → components/lib/index.d.mts} +0 -0
- /package/dist/{types/index.d.ts → index.d.mts} +0 -0
package/package.json
CHANGED
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@xylabs/react-async-effect": "~2.
|
|
14
|
-
"@xyo-network/react-app-settings": "~2.
|
|
15
|
-
"@xyo-network/react-appbar": "~2.
|
|
16
|
-
"@xyo-network/react-footer": "~2.
|
|
17
|
-
"@xyo-network/react-shared": "~2.
|
|
13
|
+
"@xylabs/react-async-effect": "~2.18.4",
|
|
14
|
+
"@xyo-network/react-app-settings": "~2.62.3",
|
|
15
|
+
"@xyo-network/react-appbar": "~2.62.3",
|
|
16
|
+
"@xyo-network/react-footer": "~2.62.3",
|
|
17
|
+
"@xyo-network/react-shared": "~2.62.3"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@mui/icons-material": "^5",
|
|
@@ -33,41 +33,49 @@
|
|
|
33
33
|
"react-router-dom": "^6"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@storybook/react": "^7.4.
|
|
36
|
+
"@storybook/react": "^7.4.3",
|
|
37
37
|
"@types/react-helmet": "^6.1.6",
|
|
38
38
|
"@xylabs/pixel": "^1.4.14",
|
|
39
|
-
"@xylabs/react-button": "~2.
|
|
40
|
-
"@xylabs/react-flexbox": "~2.
|
|
41
|
-
"@xylabs/react-link": "~2.
|
|
42
|
-
"@xylabs/react-pixel": "~2.
|
|
43
|
-
"@xylabs/react-shared": "~2.
|
|
44
|
-
"@xylabs/ts-scripts-yarn3": "^
|
|
45
|
-
"@xylabs/tsconfig-react": "^
|
|
39
|
+
"@xylabs/react-button": "~2.18.4",
|
|
40
|
+
"@xylabs/react-flexbox": "~2.18.4",
|
|
41
|
+
"@xylabs/react-link": "~2.18.4",
|
|
42
|
+
"@xylabs/react-pixel": "~2.18.4",
|
|
43
|
+
"@xylabs/react-shared": "~2.18.4",
|
|
44
|
+
"@xylabs/ts-scripts-yarn3": "^3.0.28",
|
|
45
|
+
"@xylabs/tsconfig-react": "^3.0.28",
|
|
46
46
|
"axios": "^1.5.0",
|
|
47
47
|
"typescript": "^5.2.2"
|
|
48
48
|
},
|
|
49
49
|
"description": "Common React library for all XYO projects that use React",
|
|
50
|
-
"browser": "dist/esm/index.js",
|
|
51
50
|
"docs": "dist/docs.json",
|
|
52
51
|
"exports": {
|
|
53
52
|
".": {
|
|
54
53
|
"node": {
|
|
55
|
-
"import":
|
|
56
|
-
|
|
54
|
+
"import": {
|
|
55
|
+
"types": "./dist/index.d.mts",
|
|
56
|
+
"default": "./dist/index.mjs"
|
|
57
|
+
},
|
|
58
|
+
"require": {
|
|
59
|
+
"types": "./dist/index.d.ts",
|
|
60
|
+
"default": "./dist/index.js"
|
|
61
|
+
}
|
|
57
62
|
},
|
|
58
63
|
"browser": {
|
|
59
|
-
"import":
|
|
60
|
-
|
|
64
|
+
"import": {
|
|
65
|
+
"types": "./dist/index.d.mts",
|
|
66
|
+
"default": "./dist/index.mjs"
|
|
67
|
+
},
|
|
68
|
+
"require": {
|
|
69
|
+
"types": "./dist/index.d.ts",
|
|
70
|
+
"default": "./dist/index.js"
|
|
71
|
+
}
|
|
61
72
|
},
|
|
62
|
-
"default": "./dist/
|
|
63
|
-
},
|
|
64
|
-
"./dist/docs.json": {
|
|
65
|
-
"default": "./dist/docs.json"
|
|
73
|
+
"default": "./dist/index.mjs"
|
|
66
74
|
},
|
|
67
75
|
"./package.json": "./package.json"
|
|
68
76
|
},
|
|
69
|
-
"main": "dist/
|
|
70
|
-
"module": "dist/
|
|
77
|
+
"main": "dist/index.js",
|
|
78
|
+
"module": "dist/index.mjs",
|
|
71
79
|
"homepage": "https://xyo.network",
|
|
72
80
|
"keywords": [
|
|
73
81
|
"xyo",
|
|
@@ -88,6 +96,6 @@
|
|
|
88
96
|
"license": "yarn license-checker --exclude \"MIT, ISC, Apache-2.0, BSD, BSD-2-Clause, CC-BY-4.0, Unlicense, CC-BY-3.0, CC0-1.0\""
|
|
89
97
|
},
|
|
90
98
|
"sideEffects": false,
|
|
91
|
-
"types": "dist/
|
|
92
|
-
"version": "2.
|
|
99
|
+
"types": "dist/index.d.ts",
|
|
100
|
+
"version": "2.62.3"
|
|
93
101
|
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WebAppBody = 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 react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const lib_1 = require("./lib");
|
|
9
|
-
const WebAppBodyName = 'WebAppBody';
|
|
10
|
-
const propsNotForwarded = ['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter'];
|
|
11
|
-
const defaultStyledOptions = {
|
|
12
|
-
shouldForwardProp: (prop) => !propsNotForwarded.includes(prop),
|
|
13
|
-
};
|
|
14
|
-
const WebAppBodyRoot = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Root' }))(({ spacing, theme, mobileScrollingBreakpoint = 'sm', variant }) => {
|
|
15
|
-
const scrollable = variant === 'scrollable';
|
|
16
|
-
return theme.unstable_sx({
|
|
17
|
-
alignItems: 'stretch',
|
|
18
|
-
gap: 1,
|
|
19
|
-
justifyContent: 'flex-start',
|
|
20
|
-
overflowX: 'visible',
|
|
21
|
-
overflowY: scrollable ? 'scroll' : 'hidden',
|
|
22
|
-
paddingY: spacing,
|
|
23
|
-
[theme.breakpoints.down(mobileScrollingBreakpoint)]: {
|
|
24
|
-
overflowY: 'scroll',
|
|
25
|
-
},
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
const WebAppBodyBreadcrumb = (0, material_1.styled)(react_flexbox_1.FlexRow, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Breadcrumb' }))(({ theme, disableBreadcrumbGutter, spacing }) => theme.unstable_sx({
|
|
29
|
-
justifyContent: 'start',
|
|
30
|
-
marginX: disableBreadcrumbGutter ? 0 : spacing,
|
|
31
|
-
}));
|
|
32
|
-
const WebAppBodyScrollableWrapper = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, {
|
|
33
|
-
name: WebAppBodyName,
|
|
34
|
-
slot: 'ScrollableWrapper',
|
|
35
|
-
})(() => ({
|
|
36
|
-
alignItems: 'stretch',
|
|
37
|
-
}));
|
|
38
|
-
const WebAppBodyScrollable = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, Object.assign(Object.assign({}, defaultStyledOptions), { name: WebAppBodyName, slot: 'Scrollable' }))(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
|
|
39
|
-
const props = variant === 'scrollable' ? lib_1.scrollableContent : lib_1.fixedContent;
|
|
40
|
-
return Object.assign(Object.assign({}, props), { alignItems: 'stretch', justifyContent: 'start', [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
|
|
41
|
-
inset: 'unset',
|
|
42
|
-
position: 'relative',
|
|
43
|
-
} });
|
|
44
|
-
});
|
|
45
|
-
const WebAppBody = (_a) => {
|
|
46
|
-
var { children, breadcrumbs, disableBreadcrumbGutter, mobileScrollingBreakpoint, spacing = 1, variant } = _a, props = tslib_1.__rest(_a, ["children", "breadcrumbs", "disableBreadcrumbGutter", "mobileScrollingBreakpoint", "spacing", "variant"]);
|
|
47
|
-
return ((0, jsx_runtime_1.jsxs)(WebAppBodyRoot, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, spacing: spacing, variant: variant }, props, { children: [breadcrumbs ? ((0, jsx_runtime_1.jsx)(WebAppBodyBreadcrumb, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, spacing: spacing }, { children: breadcrumbs }))) : null, (0, jsx_runtime_1.jsx)(WebAppBodyScrollableWrapper, { children: (0, jsx_runtime_1.jsx)(WebAppBodyScrollable, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, { children: children })) })] })));
|
|
48
|
-
};
|
|
49
|
-
exports.WebAppBody = WebAppBody;
|
|
50
|
-
//# sourceMappingURL=Body.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAkD;AAClD,yDAA0E;AAG1E,+BAAuD;AAEvD,MAAM,cAAc,GAAG,YAAY,CAAA;AACnC,MAAM,iBAAiB,GAAG,CAAC,2BAA2B,EAAE,SAAS,EAAE,SAAS,EAAE,yBAAyB,CAAC,CAAA;AACxG,MAAM,oBAAoB,GAAG;IAC3B,iBAAiB,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC;CACvE,CAAA;AAED,MAAM,cAAc,GAAG,IAAA,iBAAM,EAAC,2BAAW,kCACpC,oBAAoB,KACvB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,MAAM,IACZ,CAAkB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,yBAAyB,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IACpF,MAAM,UAAU,GAAG,OAAO,KAAK,YAAY,CAAA;IAC3C,OAAO,KAAK,CAAC,WAAW,CAAC;QACvB,UAAU,EAAE,SAAS;QACrB,GAAG,EAAE,CAAC;QACN,cAAc,EAAE,YAAY;QAC5B,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QAC3C,QAAQ,EAAE,OAAO;QACjB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,EAAE;YACnD,SAAS,EAAE,QAAQ;SACpB;KACF,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,MAAM,oBAAoB,GAAG,IAAA,iBAAM,EAAC,uBAAO,kCACtC,oBAAoB,KACvB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,YAAY,IAClB,CAAkB,CAAC,EAAE,KAAK,EAAE,uBAAuB,EAAE,OAAO,EAAE,EAAE,EAAE,CAClE,KAAK,CAAC,WAAW,CAAC;IAChB,cAAc,EAAE,OAAO;IACvB,OAAO,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;CAC/C,CAAC,CACH,CAAA;AAED,MAAM,2BAA2B,GAAG,IAAA,iBAAM,EAAC,2BAAW,EAAE;IACtD,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAkB,GAAG,EAAE,CAAC,CAAC;IACzB,UAAU,EAAE,SAAS;CACtB,CAAC,CAAC,CAAA;AAEH,MAAM,oBAAoB,GAAG,IAAA,iBAAM,EAAC,2BAAW,kCAC1C,oBAAoB,KACvB,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,YAAY,IAClB,CAAkB,CAAC,EAAE,KAAK,EAAE,yBAAyB,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,uBAAiB,CAAC,CAAC,CAAC,kBAAY,CAAA;IACzE,uCACK,KAAK,KACR,UAAU,EAAE,SAAS,EACrB,cAAc,EAAE,OAAO,EACvB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,EAAE;YACnD,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,UAAU;SACrB,IACF;AACH,CAAC,CAAC,CAAA;AAUK,MAAM,UAAU,GAA8B,CAAC,EAQrD,EAAE,EAAE;QARiD,EACpD,QAAQ,EACR,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,OAAO,GAAG,CAAC,EACX,OAAO,OAER,EADI,KAAK,sBAP4C,yGAQrD,CADS;IAER,OAAO,CACL,wBAAC,cAAc,kBAAC,yBAAyB,EAAE,yBAAyB,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,eAChH,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,oBAAoB,kBAAC,uBAAuB,EAAE,uBAAuB,EAAE,OAAO,EAAE,OAAO,gBACrF,WAAW,IACS,CACxB,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,2BAA2B,cAC1B,uBAAC,oBAAoB,kBAAC,yBAAyB,EAAE,yBAAyB,EAAE,OAAO,EAAE,OAAO,gBACzF,QAAQ,IACY,GACK,KACf,CAClB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,UAAU,cAuBtB"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WebAppChrome = 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 react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
8
|
-
const react_appbar_1 = require("@xyo-network/react-appbar");
|
|
9
|
-
const react_footer_1 = require("@xyo-network/react-footer");
|
|
10
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
11
|
-
const react_1 = require("react");
|
|
12
|
-
const react_helmet_1 = require("react-helmet");
|
|
13
|
-
const ErrorPage_1 = require("./ErrorPage");
|
|
14
|
-
exports.WebAppChrome = (0, react_1.forwardRef)((_a, ref) => {
|
|
15
|
-
var { appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu' } = _a, props = tslib_1.__rest(_a, ["appName", "appbar", "children", "errorPage", "footer", "footerElevation", "menuItems", "navigationType"]);
|
|
16
|
-
return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, Object.assign({ defaultTitle: appName, titleTemplate: `%s | ${appName}` }, { children: (0, jsx_runtime_1.jsx)("meta", { content: "website", property: "og:type" }) })), appbar !== null && appbar !== void 0 ? appbar : (0, jsx_runtime_1.jsx)(react_appbar_1.ApplicationAppBar, { systemToolbar: (0, jsx_runtime_1.jsx)(react_appbar_1.SystemToolbar, { menuItems: navigationType === 'menu' ? menuItems : undefined }) }), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexGrowRow, Object.assign({ id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch" }, { children: [navigationType !== 'menu' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [menuItems, (0, jsx_runtime_1.jsx)(material_1.Divider, { orientation: "vertical" })] })) : null, (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowCol, Object.assign({ id: "main-flex", justifyContent: "flex-start", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(react_shared_1.ErrorBoundary, Object.assign({ fallbackWithError: (error) => {
|
|
17
|
-
return errorPage !== null && errorPage !== void 0 ? errorPage : (0, jsx_runtime_1.jsx)(ErrorPage_1.WebAppErrorPage, { error: error });
|
|
18
|
-
} }, { children: children })) }))] })), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ id: "footer-flex", alignItems: "stretch" }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ elevation: footerElevation, square: true }, { children: footer !== null && footer !== void 0 ? footer : (0, jsx_runtime_1.jsx)(react_footer_1.Footer, { dynamicHeight: true }) })) }))] })));
|
|
19
|
-
});
|
|
20
|
-
exports.WebAppChrome.displayName = 'WebAppChrome';
|
|
21
|
-
//# sourceMappingURL=Chrome.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8C;AAC9C,yDAAuF;AAEvF,4DAA4E;AAC5E,4DAAkD;AAClD,4DAAyD;AACzD,iCAA6C;AAC7C,+CAAqC;AAErC,2CAA6C;AAYhC,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,CAAC,EAAmH,EAAE,GAAG,EAAE,EAAE;QAA5H,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,OAAY,EAAP,KAAK,sBAAjH,0GAAmH,CAAF;IAChH,OAAO,CACL,wBAAC,uBAAO,kBAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eACrG,uBAAC,qBAAM,kBAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,gBAC7D,iCAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,IACtC,EACR,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,gCAAiB,IAAC,aAAa,EAAE,uBAAC,4BAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,wBAAC,2BAAW,kBAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,iBACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,6DACG,SAAS,EACV,uBAAC,kBAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,2BAAW,kBAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,gBAC1E,uBAAC,4BAAa,kBACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gCAC3B,OAAO,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,uBAAC,2BAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;4BACvD,CAAC,gBAEA,QAAQ,IACK,IACJ,KACF,EACd,uBAAC,uBAAO,kBAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,gBAC5C,uBAAC,gBAAK,kBAAC,SAAS,EAAE,eAAe,EAAE,MAAM,sBACtC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,uBAAC,qBAAM,IAAC,aAAa,SAAG,IAC7B,IACA,KACF,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ErrorPage = exports.WebAppErrorPage = 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 Page_1 = require("./Page");
|
|
8
|
-
const WebAppErrorPage = (_a) => {
|
|
9
|
-
var { error } = _a, props = tslib_1.__rest(_a, ["error"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsxs)(Page_1.WebAppPage, Object.assign({ title: "Oops! Something went wrong" }, props, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Oops! Something went wrong!" }), (0, jsx_runtime_1.jsx)("p", { children: `${error}` }), (0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ href: "/", variant: "contained" }, { children: "Homepage" }))] })));
|
|
11
|
-
};
|
|
12
|
-
exports.WebAppErrorPage = WebAppErrorPage;
|
|
13
|
-
/** @deprecated use WebAppErrorPage instead */
|
|
14
|
-
exports.ErrorPage = exports.WebAppErrorPage;
|
|
15
|
-
//# sourceMappingURL=ErrorPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";;;;;AAAA,uDAA+C;AAE/C,iCAAoD;AAM7C,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CACtF,wBAAC,iBAAU,kBAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,eACtD,yEAAoC,EACpC,wCAAI,GAAG,KAAK,EAAE,GAAK,EACnB,uBAAC,uBAAQ,kBAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,8BAE3B,KACA,CACd,CAAA;CAAA,CAAA;AARY,QAAA,eAAe,mBAQ3B;AAED,8CAA8C;AACjC,QAAA,SAAS,GAAG,uBAAe,CAAA"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.NotFoundPage = exports.WebAppNotFoundPage = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_shared_1 = require("@xyo-network/react-shared");
|
|
7
|
-
const Page_1 = require("../Page");
|
|
8
|
-
const WebAppNotFoundPage = (_a) => {
|
|
9
|
-
var { title } = _a, props = tslib_1.__rest(_a, ["title"]);
|
|
10
|
-
return ((0, jsx_runtime_1.jsx)(Page_1.WebAppPage, Object.assign({ title: title !== null && title !== void 0 ? title : 'Sorry! Page Not Found' }, props, { children: (0, jsx_runtime_1.jsx)(react_shared_1.NotFound, {}) })));
|
|
11
|
-
};
|
|
12
|
-
exports.WebAppNotFoundPage = WebAppNotFoundPage;
|
|
13
|
-
/** @deprecated use WebAppNotFoundPage instead */
|
|
14
|
-
exports.NotFoundPage = exports.WebAppNotFoundPage;
|
|
15
|
-
//# sourceMappingURL=Page.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAoD;AAEpD,kCAAqD;AAE9C,MAAM,kBAAkB,GAA8B,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAAO,OAAA,CACpF,uBAAC,iBAAU,kBAAC,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,uBAAuB,IAAM,KAAK,cAC5D,uBAAC,uBAAQ,KAAG,IACD,CACd,CAAA;CAAA,CAAA;AAJY,QAAA,kBAAkB,sBAI9B;AAED,kDAAkD;AACrC,QAAA,YAAY,GAAG,0BAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.FlexPage = exports.WebAppPage = 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 react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
8
|
-
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
9
|
-
const react_pixel_1 = require("@xylabs/react-pixel");
|
|
10
|
-
const react_helmet_1 = require("react-helmet");
|
|
11
|
-
const react_router_dom_1 = require("react-router-dom");
|
|
12
|
-
const Body_1 = require("./Body");
|
|
13
|
-
const lib_1 = require("./lib");
|
|
14
|
-
const WebAppPageRoot = (0, material_1.styled)(react_flexbox_1.FlexGrowCol, {
|
|
15
|
-
name: 'WebAppPage',
|
|
16
|
-
shouldForwardProp: (propName) => propName !== 'mobileScrollingBreakpoint' && propName !== 'variant',
|
|
17
|
-
slot: 'Root',
|
|
18
|
-
})(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
|
|
19
|
-
const props = variant === 'scrollable' ? lib_1.scrollableWrap : lib_1.fixedWrap;
|
|
20
|
-
return Object.assign(Object.assign({}, props), { alignItems: 'stretch', justifyContent: 'start', maxWidth: '100vw', [theme.breakpoints.down(mobileScrollingBreakpoint)]: {
|
|
21
|
-
inset: 0,
|
|
22
|
-
position: 'absolute',
|
|
23
|
-
} });
|
|
24
|
-
});
|
|
25
|
-
const WebAppPage = (_a) => {
|
|
26
|
-
var { disableGutters, disableBreadcrumbGutter, title, container, children, breadcrumbs, mobileScrollingBreakpoint, variant = 'scrollable' } = _a, props = tslib_1.__rest(_a, ["disableGutters", "disableBreadcrumbGutter", "title", "container", "children", "breadcrumbs", "mobileScrollingBreakpoint", "variant"]);
|
|
27
|
-
const userEvents = (0, react_pixel_1.useUserEvents)();
|
|
28
|
-
const { pathname } = (0, react_router_dom_1.useLocation)();
|
|
29
|
-
(0, react_async_effect_1.useAsyncEffect)(
|
|
30
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
31
|
-
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
32
|
-
yield (userEvents === null || userEvents === void 0 ? void 0 : userEvents.viewContent({ name: title !== null && title !== void 0 ? title : 'NodeBasePage', path: location.pathname }));
|
|
33
|
-
}), [pathname, title, userEvents]);
|
|
34
|
-
return ((0, jsx_runtime_1.jsxs)(WebAppPageRoot, Object.assign({ mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, props, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { title: title }), container && container !== 'none' ? ((0, jsx_runtime_1.jsx)(material_1.Container, Object.assign({ disableGutters: disableGutters, style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container }, { children: (0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant }, props, { children: children })) }))) : ((0, jsx_runtime_1.jsx)(Body_1.WebAppBody, Object.assign({ disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, paddingX: disableGutters ? 0 : 1, variant: variant }, props, { children: children })))] })));
|
|
35
|
-
};
|
|
36
|
-
exports.WebAppPage = WebAppPage;
|
|
37
|
-
/** @deprecated use WebAppPagePage instead */
|
|
38
|
-
exports.FlexPage = exports.WebAppPage;
|
|
39
|
-
//# sourceMappingURL=Page.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAiE;AACjE,mEAA2D;AAC3D,yDAAiE;AACjE,qDAAmD;AAEnD,+CAAqC;AACrC,uDAA8C;AAE9C,iCAAoD;AACpD,+BAAiD;AAEjD,MAAM,cAAc,GAAG,IAAA,iBAAM,EAAC,2BAAW,EAAE;IACzC,IAAI,EAAE,YAAY;IAClB,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,2BAA2B,IAAI,QAAQ,KAAK,SAAS;IACnG,IAAI,EAAE,MAAM;CACb,CAAC,CAAkB,CAAC,EAAE,KAAK,EAAE,yBAAyB,GAAG,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3E,MAAM,KAAK,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,oBAAc,CAAC,CAAC,CAAC,eAAS,CAAA;IACnE,uCACK,KAAK,KACR,UAAU,EAAE,SAAS,EACrB,cAAc,EAAE,OAAO,EACvB,QAAQ,EAAE,OAAO,EACjB,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,EAAE;YACnD,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,UAAU;SACrB,IACF;AACH,CAAC,CAAC,CAAA;AAOK,MAAM,UAAU,GAA4C,CAAC,EAUnE,EAAE,EAAE;QAV+D,EAClE,cAAc,EACd,uBAAuB,EACvB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,yBAAyB,EACzB,OAAO,GAAG,YAAY,OAEvB,EADI,KAAK,sBAT0D,sIAUnE,CADS;IAER,MAAM,UAAU,GAAG,IAAA,2BAAa,GAAE,CAAA;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,8BAAW,GAAE,CAAA;IAElC,IAAA,mCAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,MAAM,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAA,CAAA;IAC3F,CAAC,CAAA,EACD,CAAC,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAC,CAC9B,CAAA;IAED,OAAO,CACL,wBAAC,cAAc,kBAAC,yBAAyB,EAAE,yBAAyB,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,eAC/F,uBAAC,qBAAM,IAAC,KAAK,EAAE,KAAK,GAAI,EACvB,SAAS,IAAI,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,CACnC,uBAAC,oBAAS,kBACR,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAAE,cAAc,EAAE,YAAY,EAAE,EACrH,QAAQ,EAAE,SAAS,gBAEnB,uBAAC,iBAAU,kBACT,uBAAuB,EAAE,uBAAuB,EAChD,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,yBAAyB,EACpD,OAAO,EAAE,OAAO,IACZ,KAAK,cAER,QAAQ,IACE,IACH,CACb,CAAC,CAAC,CAAC,CACF,uBAAC,iBAAU,kBACT,uBAAuB,EAAE,uBAAuB,EAChD,WAAW,EAAE,WAAW,EACxB,yBAAyB,EAAE,yBAAyB,EACpD,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChC,OAAO,EAAE,OAAO,IACZ,KAAK,cAER,QAAQ,IACE,CACd,KACc,CAClB,CAAA;AACH,CAAC,CAAA;AAvDY,QAAA,UAAU,cAuDtB;AAED,6CAA6C;AAChC,QAAA,QAAQ,GAAG,kBAAU,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
const tslib_1 = require("tslib");
|
|
4
|
-
tslib_1.__exportStar(require("./Body"), exports);
|
|
5
|
-
tslib_1.__exportStar(require("./Chrome"), exports);
|
|
6
|
-
tslib_1.__exportStar(require("./ErrorPage"), exports);
|
|
7
|
-
tslib_1.__exportStar(require("./NotFoundPage"), exports);
|
|
8
|
-
tslib_1.__exportStar(require("./Page"), exports);
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,mDAAwB;AACxB,sDAA2B;AAC3B,yDAA8B;AAC9B,iDAAsB"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.fixedContent = exports.scrollableContent = exports.fixedWrap = exports.scrollableWrap = void 0;
|
|
4
|
-
exports.scrollableWrap = {
|
|
5
|
-
inset: 0,
|
|
6
|
-
position: 'absolute',
|
|
7
|
-
};
|
|
8
|
-
exports.fixedWrap = {
|
|
9
|
-
inset: 'unset',
|
|
10
|
-
position: 'relative',
|
|
11
|
-
};
|
|
12
|
-
// Making a scrollable vs fixed wrapper and content is an inversion of the wrap and content styles
|
|
13
|
-
exports.scrollableContent = Object.assign({}, exports.fixedWrap);
|
|
14
|
-
exports.fixedContent = Object.assign({}, exports.scrollableWrap);
|
|
15
|
-
//# sourceMappingURL=cssValues.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cssValues.js","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":";;;AAEa,QAAA,cAAc,GAAkB;IAC3C,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEG,QAAA,SAAS,GAAkB;IACtC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,kGAAkG;AACrF,QAAA,iBAAiB,GAAkB,kBAC3C,iBAAS,CACJ,CAAA;AAEG,QAAA,YAAY,GAAkB,kBACtC,sBAAc,CACT,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":";;;AAAA,sDAA2B"}
|
package/dist/cjs/index.js
DELETED
package/dist/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { styled } from '@mui/material';
|
|
3
|
-
import { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox';
|
|
4
|
-
import { fixedContent, scrollableContent } from './lib';
|
|
5
|
-
const WebAppBodyName = 'WebAppBody';
|
|
6
|
-
const propsNotForwarded = ['mobileScrollingBreakpoint', 'variant', 'spacing', 'disableBreadcrumbGutter'];
|
|
7
|
-
const defaultStyledOptions = {
|
|
8
|
-
shouldForwardProp: (prop) => !propsNotForwarded.includes(prop),
|
|
9
|
-
};
|
|
10
|
-
const WebAppBodyRoot = styled(FlexGrowCol, {
|
|
11
|
-
...defaultStyledOptions,
|
|
12
|
-
name: WebAppBodyName,
|
|
13
|
-
slot: 'Root',
|
|
14
|
-
})(({ spacing, theme, mobileScrollingBreakpoint = 'sm', variant }) => {
|
|
15
|
-
const scrollable = variant === 'scrollable';
|
|
16
|
-
return theme.unstable_sx({
|
|
17
|
-
alignItems: 'stretch',
|
|
18
|
-
gap: 1,
|
|
19
|
-
justifyContent: 'flex-start',
|
|
20
|
-
overflowX: 'visible',
|
|
21
|
-
overflowY: scrollable ? 'scroll' : 'hidden',
|
|
22
|
-
paddingY: spacing,
|
|
23
|
-
[theme.breakpoints.down(mobileScrollingBreakpoint)]: {
|
|
24
|
-
overflowY: 'scroll',
|
|
25
|
-
},
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
const WebAppBodyBreadcrumb = styled(FlexRow, {
|
|
29
|
-
...defaultStyledOptions,
|
|
30
|
-
name: WebAppBodyName,
|
|
31
|
-
slot: 'Breadcrumb',
|
|
32
|
-
})(({ theme, disableBreadcrumbGutter, spacing }) => theme.unstable_sx({
|
|
33
|
-
justifyContent: 'start',
|
|
34
|
-
marginX: disableBreadcrumbGutter ? 0 : spacing,
|
|
35
|
-
}));
|
|
36
|
-
const WebAppBodyScrollableWrapper = styled(FlexGrowCol, {
|
|
37
|
-
name: WebAppBodyName,
|
|
38
|
-
slot: 'ScrollableWrapper',
|
|
39
|
-
})(() => ({
|
|
40
|
-
alignItems: 'stretch',
|
|
41
|
-
}));
|
|
42
|
-
const WebAppBodyScrollable = styled(FlexGrowCol, {
|
|
43
|
-
...defaultStyledOptions,
|
|
44
|
-
name: WebAppBodyName,
|
|
45
|
-
slot: 'Scrollable',
|
|
46
|
-
})(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
|
|
47
|
-
const props = variant === 'scrollable' ? scrollableContent : fixedContent;
|
|
48
|
-
return {
|
|
49
|
-
...props,
|
|
50
|
-
alignItems: 'stretch',
|
|
51
|
-
justifyContent: 'start',
|
|
52
|
-
[theme.breakpoints.down(mobileScrollingBreakpoint)]: {
|
|
53
|
-
inset: 'unset',
|
|
54
|
-
position: 'relative',
|
|
55
|
-
},
|
|
56
|
-
};
|
|
57
|
-
});
|
|
58
|
-
export const WebAppBody = ({ children, breadcrumbs, disableBreadcrumbGutter, mobileScrollingBreakpoint, spacing = 1, variant, ...props }) => {
|
|
59
|
-
return (_jsxs(WebAppBodyRoot, { mobileScrollingBreakpoint: mobileScrollingBreakpoint, spacing: spacing, variant: variant, ...props, children: [breadcrumbs ? (_jsx(WebAppBodyBreadcrumb, { disableBreadcrumbGutter: disableBreadcrumbGutter, spacing: spacing, children: breadcrumbs })) : null, _jsx(WebAppBodyScrollableWrapper, { children: _jsx(WebAppBodyScrollable, { mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant, children: children }) })] }));
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=Body.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Divider, Paper } from '@mui/material';
|
|
3
|
-
import { FlexCol, FlexGrowCol, FlexGrowRow } from '@xylabs/react-flexbox';
|
|
4
|
-
import { ApplicationAppBar, SystemToolbar } from '@xyo-network/react-appbar';
|
|
5
|
-
import { Footer } from '@xyo-network/react-footer';
|
|
6
|
-
import { ErrorBoundary } from '@xyo-network/react-shared';
|
|
7
|
-
import { forwardRef } from 'react';
|
|
8
|
-
import { Helmet } from 'react-helmet';
|
|
9
|
-
import { WebAppErrorPage } from './ErrorPage';
|
|
10
|
-
export const WebAppChrome = forwardRef(({ appName, appbar, children, errorPage, footer, footerElevation = 4, menuItems, navigationType = 'menu', ...props }, ref) => {
|
|
11
|
-
return (_jsxs(FlexCol, { id: "web-chrome-flex", alignItems: "stretch", overflow: "hidden", height: "100vh", ref: ref, ...props, children: [_jsx(Helmet, { defaultTitle: appName, titleTemplate: `%s | ${appName}`, children: _jsx("meta", { content: "website", property: "og:type" }) }), appbar ?? _jsx(ApplicationAppBar, { systemToolbar: _jsx(SystemToolbar, { menuItems: navigationType === 'menu' ? menuItems : undefined }) }), _jsxs(FlexGrowRow, { id: "sidebar-nav-flex", overflow: "hidden", alignItems: "stretch", children: [navigationType !== 'menu' ? (_jsxs(_Fragment, { children: [menuItems, _jsx(Divider, { orientation: "vertical" })] })) : null, _jsx(FlexGrowCol, { id: "main-flex", justifyContent: "flex-start", alignItems: "stretch", children: _jsx(ErrorBoundary, { fallbackWithError: (error) => {
|
|
12
|
-
return errorPage ?? _jsx(WebAppErrorPage, { error: error });
|
|
13
|
-
}, children: children }) })] }), _jsx(FlexCol, { id: "footer-flex", alignItems: "stretch", children: _jsx(Paper, { elevation: footerElevation, square: true, children: footer ?? _jsx(Footer, { dynamicHeight: true }) }) })] }));
|
|
14
|
-
});
|
|
15
|
-
WebAppChrome.displayName = 'WebAppChrome';
|
|
16
|
-
//# sourceMappingURL=Chrome.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chrome.js","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAgB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEvF,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,UAAU,EAAa,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAY7C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3H,OAAO,CACL,MAAC,OAAO,IAAC,EAAE,EAAC,iBAAiB,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,EAAC,QAAQ,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAE,GAAG,KAAM,KAAK,aACrG,KAAC,MAAM,IAAC,YAAY,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,OAAO,EAAE,YAC7D,eAAM,OAAO,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,GAAG,GACtC,EACR,MAAM,IAAI,KAAC,iBAAiB,IAAC,aAAa,EAAE,KAAC,aAAa,IAAC,SAAS,EAAE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GAAI,EAChI,MAAC,WAAW,IAAC,EAAE,EAAC,kBAAkB,EAAC,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAC,SAAS,aACtE,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,8BACG,SAAS,EACV,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,GAAG,IACjC,CACJ,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,WAAW,IAAC,EAAE,EAAC,WAAW,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAC,SAAS,YAC1E,KAAC,aAAa,IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;gCAC3B,OAAO,SAAS,IAAI,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;4BACvD,CAAC,YAEA,QAAQ,GACK,GACJ,IACF,EACd,KAAC,OAAO,IAAC,EAAE,EAAC,aAAa,EAAC,UAAU,EAAC,SAAS,YAC5C,KAAC,KAAK,IAAC,SAAS,EAAE,eAAe,EAAE,MAAM,kBACtC,MAAM,IAAI,KAAC,MAAM,IAAC,aAAa,SAAG,GAC7B,GACA,IACF,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ButtonEx } from '@xylabs/react-button';
|
|
3
|
-
import { WebAppPage } from './Page';
|
|
4
|
-
export const WebAppErrorPage = ({ error, ...props }) => (_jsxs(WebAppPage, { title: "Oops! Something went wrong", ...props, children: [_jsx("h1", { children: "Oops! Something went wrong!" }), _jsx("p", { children: `${error}` }), _jsx(ButtonEx, { href: "/", variant: "contained", children: "Homepage" })] }));
|
|
5
|
-
/** @deprecated use WebAppErrorPage instead */
|
|
6
|
-
export const ErrorPage = WebAppErrorPage;
|
|
7
|
-
//# sourceMappingURL=ErrorPage.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAmB,MAAM,QAAQ,CAAA;AAMpD,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACtF,MAAC,UAAU,IAAC,KAAK,EAAC,4BAA4B,KAAK,KAAK,aACtD,uDAAoC,EACpC,sBAAI,GAAG,KAAK,EAAE,GAAK,EACnB,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,WAAW,yBAE3B,IACA,CACd,CAAA;AAED,8CAA8C;AAC9C,MAAM,CAAC,MAAM,SAAS,GAAG,eAAe,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { NotFound } from '@xyo-network/react-shared';
|
|
3
|
-
import { WebAppPage } from '../Page';
|
|
4
|
-
export const WebAppNotFoundPage = ({ title, ...props }) => (_jsx(WebAppPage, { title: title ?? 'Sorry! Page Not Found', ...props, children: _jsx(NotFound, {}) }));
|
|
5
|
-
/** @deprecated use WebAppNotFoundPage instead */
|
|
6
|
-
export const NotFoundPage = WebAppNotFoundPage;
|
|
7
|
-
//# sourceMappingURL=Page.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAmB,MAAM,SAAS,CAAA;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACpF,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,IAAI,uBAAuB,KAAM,KAAK,YAC5D,KAAC,QAAQ,KAAG,GACD,CACd,CAAA;AAED,kDAAkD;AAClD,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Container, styled } from '@mui/material';
|
|
3
|
-
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
4
|
-
import { FlexGrowCol } from '@xylabs/react-flexbox';
|
|
5
|
-
import { useUserEvents } from '@xylabs/react-pixel';
|
|
6
|
-
import { Helmet } from 'react-helmet';
|
|
7
|
-
import { useLocation } from 'react-router-dom';
|
|
8
|
-
import { WebAppBody } from './Body';
|
|
9
|
-
import { fixedWrap, scrollableWrap } from './lib';
|
|
10
|
-
const WebAppPageRoot = styled(FlexGrowCol, {
|
|
11
|
-
name: 'WebAppPage',
|
|
12
|
-
shouldForwardProp: (propName) => propName !== 'mobileScrollingBreakpoint' && propName !== 'variant',
|
|
13
|
-
slot: 'Root',
|
|
14
|
-
})(({ theme, mobileScrollingBreakpoint = 'sm', variant }) => {
|
|
15
|
-
const props = variant === 'scrollable' ? scrollableWrap : fixedWrap;
|
|
16
|
-
return {
|
|
17
|
-
...props,
|
|
18
|
-
alignItems: 'stretch',
|
|
19
|
-
justifyContent: 'start',
|
|
20
|
-
maxWidth: '100vw',
|
|
21
|
-
[theme.breakpoints.down(mobileScrollingBreakpoint)]: {
|
|
22
|
-
inset: 0,
|
|
23
|
-
position: 'absolute',
|
|
24
|
-
},
|
|
25
|
-
};
|
|
26
|
-
});
|
|
27
|
-
export const WebAppPage = ({ disableGutters, disableBreadcrumbGutter, title, container, children, breadcrumbs, mobileScrollingBreakpoint, variant = 'scrollable', ...props }) => {
|
|
28
|
-
const userEvents = useUserEvents();
|
|
29
|
-
const { pathname } = useLocation();
|
|
30
|
-
useAsyncEffect(
|
|
31
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32
|
-
async () => {
|
|
33
|
-
await userEvents?.viewContent({ name: title ?? 'NodeBasePage', path: location.pathname });
|
|
34
|
-
}, [pathname, title, userEvents]);
|
|
35
|
-
return (_jsxs(WebAppPageRoot, { mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant, ...props, children: [_jsx(Helmet, { title: title }), container && container !== 'none' ? (_jsx(Container, { disableGutters: disableGutters, style: { alignItems: 'stretch', display: 'flex', flexDirection: 'column', flexGrow: 1, justifyContent: 'flex-start' }, maxWidth: container, children: _jsx(WebAppBody, { disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, variant: variant, ...props, children: children }) })) : (_jsx(WebAppBody, { disableBreadcrumbGutter: disableBreadcrumbGutter, breadcrumbs: breadcrumbs, mobileScrollingBreakpoint: mobileScrollingBreakpoint, paddingX: disableGutters ? 0 : 1, variant: variant, ...props, children: children }))] }));
|
|
36
|
-
};
|
|
37
|
-
/** @deprecated use WebAppPagePage instead */
|
|
38
|
-
export const FlexPage = WebAppPage;
|
|
39
|
-
//# sourceMappingURL=Page.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export const scrollableWrap = {
|
|
2
|
-
inset: 0,
|
|
3
|
-
position: 'absolute',
|
|
4
|
-
};
|
|
5
|
-
export const fixedWrap = {
|
|
6
|
-
inset: 'unset',
|
|
7
|
-
position: 'relative',
|
|
8
|
-
};
|
|
9
|
-
// Making a scrollable vs fixed wrapper and content is an inversion of the wrap and content styles
|
|
10
|
-
export const scrollableContent = {
|
|
11
|
-
...fixedWrap,
|
|
12
|
-
};
|
|
13
|
-
export const fixedContent = {
|
|
14
|
-
...scrollableWrap,
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=cssValues.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cssValues.js","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAkB;IAC3C,KAAK,EAAE,CAAC;IACR,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,MAAM,CAAC,MAAM,SAAS,GAAkB;IACtC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;CACZ,CAAA;AAEV,kGAAkG;AAClG,MAAM,CAAC,MAAM,iBAAiB,GAAkB;IAC9C,GAAG,SAAS;CACJ,CAAA;AAEV,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,GAAG,cAAc;CACT,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
|
package/dist/esm/index.js
DELETED
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAU,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,YAAY,EAAwB,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAgExC,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,yBAAyB,CAAC,EAAE,UAAU,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,CAAA;CACjC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuBhD,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAqC,MAAM,uBAAuB,CAAA;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAItE,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAA;AAK7C,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAA;CACtC;AAED,eAAO,MAAM,YAAY,8GAiCxB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAEpD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAQ1D,CAAA;AAED,8CAA8C;AAC9C,eAAO,MAAM,SAAS,0CAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAIxD,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,YAAY,qCAAqB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,cAAc,EAAU,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,OAAO,EAAc,eAAe,EAAE,MAAM,QAAQ,CAAA;AAqBpD,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,YAAY;IACpE,SAAS,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC/C,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAuD9D,CAAA;AAED,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,mDAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cssValues.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,cAAc,EAAE,aAGnB,CAAA;AAEV,eAAO,MAAM,SAAS,EAAE,aAGd,CAAA;AAGV,eAAO,MAAM,iBAAiB,EAAE,aAEtB,CAAA;AAEV,eAAO,MAAM,YAAY,EAAE,aAEjB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}
|
|
File without changes
|