@xylabs/react-webapp 6.3.6 → 6.3.8
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/browser/index.d.ts +51 -0
- package/package.json +24 -23
- package/dist/types/components/Body.d.ts +0 -13
- package/dist/types/components/Body.d.ts.map +0 -1
- package/dist/types/components/Chrome.d.ts +0 -18
- package/dist/types/components/Chrome.d.ts.map +0 -1
- package/dist/types/components/ErrorPage.d.ts +0 -9
- package/dist/types/components/ErrorPage.d.ts.map +0 -1
- package/dist/types/components/NotFoundPage/Page.d.ts +0 -6
- package/dist/types/components/NotFoundPage/Page.d.ts.map +0 -1
- package/dist/types/components/NotFoundPage/index.d.ts +0 -2
- package/dist/types/components/NotFoundPage/index.d.ts.map +0 -1
- package/dist/types/components/Page.d.ts +0 -13
- package/dist/types/components/Page.d.ts.map +0 -1
- package/dist/types/components/index.d.ts +0 -6
- package/dist/types/components/index.d.ts.map +0 -1
- package/dist/types/components/lib/cssValues.d.ts +0 -6
- package/dist/types/components/lib/cssValues.d.ts.map +0 -1
- package/dist/types/components/lib/index.d.ts +0 -2
- package/dist/types/components/lib/index.d.ts.map +0 -1
- package/dist/types/index.d.ts +0 -2
- package/dist/types/index.d.ts.map +0 -1
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Breakpoint, ContainerProps } from '@mui/material';
|
|
2
|
+
import { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
+
import React, { ReactNode, PropsWithChildren } from 'react';
|
|
4
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
+
import { WebAppNavigationType } from '@xylabs/react-app-settings';
|
|
6
|
+
|
|
7
|
+
interface WebAppBodyProps extends FlexBoxProps {
|
|
8
|
+
breadcrumbs?: ReactNode;
|
|
9
|
+
disableBreadcrumbGutter?: boolean;
|
|
10
|
+
mobileScrollingBreakpoint?: Breakpoint;
|
|
11
|
+
spacing?: string | number;
|
|
12
|
+
variant?: 'scrollable' | 'fixed';
|
|
13
|
+
}
|
|
14
|
+
declare const WebAppBody: React.FC<WebAppBodyProps>;
|
|
15
|
+
|
|
16
|
+
interface WebAppChromeProps extends FlexBoxProps {
|
|
17
|
+
appName: string;
|
|
18
|
+
appbar?: ReactNode;
|
|
19
|
+
errorBoundary?: boolean;
|
|
20
|
+
errorPage?: ReactNode;
|
|
21
|
+
footer?: ReactNode;
|
|
22
|
+
footerElevation?: number;
|
|
23
|
+
menuItems?: ReactNode;
|
|
24
|
+
navigationType?: WebAppNavigationType;
|
|
25
|
+
}
|
|
26
|
+
declare const WebAppChrome: {
|
|
27
|
+
({ ref, appName, appbar, children, errorBoundary, errorPage, footer, footerElevation, menuItems, navigationType, ...props }: WebAppChromeProps): react_jsx_runtime.JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
interface WebAppPageProps extends WebAppBodyProps, FlexBoxProps {
|
|
32
|
+
container?: ContainerProps['maxWidth'] | 'none';
|
|
33
|
+
disableGutters?: boolean;
|
|
34
|
+
}
|
|
35
|
+
declare const WebAppPage: React.FC<PropsWithChildren<WebAppPageProps>>;
|
|
36
|
+
/** @deprecated use WebAppPagePage instead */
|
|
37
|
+
declare const FlexPage: React.FC<PropsWithChildren<WebAppPageProps>>;
|
|
38
|
+
|
|
39
|
+
interface WebAppErrorPageProps extends WebAppPageProps {
|
|
40
|
+
error?: Error;
|
|
41
|
+
}
|
|
42
|
+
declare const WebAppErrorPage: React.FC<WebAppErrorPageProps>;
|
|
43
|
+
/** @deprecated use WebAppErrorPage instead */
|
|
44
|
+
declare const ErrorPage: React.FC<WebAppErrorPageProps>;
|
|
45
|
+
|
|
46
|
+
declare const WebAppNotFoundPage: React.FC<WebAppPageProps>;
|
|
47
|
+
/** @deprecated use WebAppNotFoundPage instead */
|
|
48
|
+
declare const NotFoundPage: React.FC<WebAppPageProps>;
|
|
49
|
+
|
|
50
|
+
export { ErrorPage, FlexPage, NotFoundPage, WebAppBody, WebAppChrome, WebAppErrorPage, WebAppNotFoundPage, WebAppPage };
|
|
51
|
+
export type { WebAppBodyProps, WebAppChromeProps, WebAppErrorPageProps, WebAppPageProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xylabs/react-webapp",
|
|
3
|
-
"version": "6.3.
|
|
3
|
+
"version": "6.3.8",
|
|
4
4
|
"description": "Common React library for all XY Labs projects that use React",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"utility",
|
|
@@ -27,43 +27,44 @@
|
|
|
27
27
|
"exports": {
|
|
28
28
|
".": {
|
|
29
29
|
"browser": {
|
|
30
|
-
"types": "./dist/
|
|
30
|
+
"types": "./dist/browser/index.d.ts",
|
|
31
31
|
"default": "./dist/browser/index.mjs"
|
|
32
32
|
},
|
|
33
|
-
"types": "./dist/
|
|
33
|
+
"types": "./dist/browser/index.d.ts",
|
|
34
34
|
"default": "./dist/browser/index.mjs"
|
|
35
35
|
},
|
|
36
36
|
"./package.json": "./package.json"
|
|
37
37
|
},
|
|
38
38
|
"module": "dist/browser/index.mjs",
|
|
39
|
-
"types": "dist/
|
|
39
|
+
"types": "dist/browser/index.d.ts",
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@xylabs/react-app-settings": "^6.3.
|
|
42
|
-
"@xylabs/react-appbar": "^6.3.
|
|
43
|
-
"@xylabs/react-async-effect": "^6.3.
|
|
44
|
-
"@xylabs/react-button": "^6.3.
|
|
45
|
-
"@xylabs/react-error": "^6.3.
|
|
46
|
-
"@xylabs/react-flexbox": "^6.3.
|
|
47
|
-
"@xylabs/react-pixel": "^6.3.
|
|
48
|
-
"@xylabs/react-shared": "^6.3.
|
|
41
|
+
"@xylabs/react-app-settings": "^6.3.8",
|
|
42
|
+
"@xylabs/react-appbar": "^6.3.8",
|
|
43
|
+
"@xylabs/react-async-effect": "^6.3.8",
|
|
44
|
+
"@xylabs/react-button": "^6.3.8",
|
|
45
|
+
"@xylabs/react-error": "^6.3.8",
|
|
46
|
+
"@xylabs/react-flexbox": "^6.3.8",
|
|
47
|
+
"@xylabs/react-pixel": "^6.3.8",
|
|
48
|
+
"@xylabs/react-shared": "^6.3.8",
|
|
49
49
|
"react-helmet": "^6.1.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
|
-
"@mui/icons-material": "^7.
|
|
53
|
-
"@mui/material": "^7.
|
|
52
|
+
"@mui/icons-material": "^7.2.0",
|
|
53
|
+
"@mui/material": "^7.2.0",
|
|
54
|
+
"@storybook/react-vite": "^9.0.16",
|
|
54
55
|
"@types/react": "^19.1.8",
|
|
55
56
|
"@types/react-helmet": "^6.1.11",
|
|
56
|
-
"@xylabs/react-button": "^6.3.
|
|
57
|
-
"@xylabs/react-flexbox": "^6.3.
|
|
58
|
-
"@xylabs/react-link": "^6.3.
|
|
59
|
-
"@xylabs/react-pixel": "^6.3.
|
|
60
|
-
"@xylabs/ts-scripts-yarn3": "^
|
|
61
|
-
"@xylabs/tsconfig-react": "^
|
|
62
|
-
"knip": "^5.61.
|
|
57
|
+
"@xylabs/react-button": "^6.3.8",
|
|
58
|
+
"@xylabs/react-flexbox": "^6.3.8",
|
|
59
|
+
"@xylabs/react-link": "^6.3.8",
|
|
60
|
+
"@xylabs/react-pixel": "^6.3.8",
|
|
61
|
+
"@xylabs/ts-scripts-yarn3": "^7.0.0-rc.8",
|
|
62
|
+
"@xylabs/tsconfig-react": "^7.0.0-rc.8",
|
|
63
|
+
"knip": "^5.61.3",
|
|
63
64
|
"react": "^19.1.0",
|
|
64
65
|
"react-dom": "^19.1.0",
|
|
65
|
-
"react-router-dom": "^7.6.
|
|
66
|
-
"storybook": "^9.0.
|
|
66
|
+
"react-router-dom": "^7.6.3",
|
|
67
|
+
"storybook": "^9.0.16",
|
|
67
68
|
"typescript": "^5.8.3"
|
|
68
69
|
},
|
|
69
70
|
"peerDependencies": {
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Breakpoint } from '@mui/material';
|
|
2
|
-
import type { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
import type { ReactNode } from 'react';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
export interface WebAppBodyProps extends FlexBoxProps {
|
|
6
|
-
breadcrumbs?: ReactNode;
|
|
7
|
-
disableBreadcrumbGutter?: boolean;
|
|
8
|
-
mobileScrollingBreakpoint?: Breakpoint;
|
|
9
|
-
spacing?: string | number;
|
|
10
|
-
variant?: 'scrollable' | 'fixed';
|
|
11
|
-
}
|
|
12
|
-
export declare const WebAppBody: React.FC<WebAppBodyProps>;
|
|
13
|
-
//# sourceMappingURL=Body.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AA+DzB,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,CAyBhD,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { WebAppNavigationType } from '@xylabs/react-app-settings';
|
|
2
|
-
import type { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
import type { ReactNode } from 'react';
|
|
4
|
-
export interface WebAppChromeProps extends FlexBoxProps {
|
|
5
|
-
appName: string;
|
|
6
|
-
appbar?: ReactNode;
|
|
7
|
-
errorBoundary?: boolean;
|
|
8
|
-
errorPage?: ReactNode;
|
|
9
|
-
footer?: ReactNode;
|
|
10
|
-
footerElevation?: number;
|
|
11
|
-
menuItems?: ReactNode;
|
|
12
|
-
navigationType?: WebAppNavigationType;
|
|
13
|
-
}
|
|
14
|
-
export declare const WebAppChrome: {
|
|
15
|
-
({ ref, appName, appbar, children, errorBoundary, errorPage, footer, footerElevation, menuItems, navigationType, ...props }: WebAppChromeProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
displayName: string;
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=Chrome.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chrome.d.ts","sourceRoot":"","sources":["../../../src/components/Chrome.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAGtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAIzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,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;iIAEtB,iBAAiB;;CAqCnB,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { WebAppPageProps } from './Page.tsx';
|
|
3
|
-
export interface WebAppErrorPageProps extends WebAppPageProps {
|
|
4
|
-
error?: Error;
|
|
5
|
-
}
|
|
6
|
-
export declare const WebAppErrorPage: React.FC<WebAppErrorPageProps>;
|
|
7
|
-
/** @deprecated use WebAppErrorPage instead */
|
|
8
|
-
export declare const ErrorPage: React.FC<WebAppErrorPageProps>;
|
|
9
|
-
//# sourceMappingURL=ErrorPage.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAGjD,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,gCAAkB,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { WebAppPageProps } from '../Page.tsx';
|
|
3
|
-
export declare const WebAppNotFoundPage: React.FC<WebAppPageProps>;
|
|
4
|
-
/** @deprecated use WebAppNotFoundPage instead */
|
|
5
|
-
export declare const NotFoundPage: React.FC<WebAppPageProps>;
|
|
6
|
-
//# sourceMappingURL=Page.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/Page.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAGlD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAIxD,CAAA;AAED,kDAAkD;AAClD,eAAO,MAAM,YAAY,2BAAqB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NotFoundPage/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { ContainerProps } from '@mui/material';
|
|
2
|
-
import type { FlexBoxProps } from '@xylabs/react-flexbox';
|
|
3
|
-
import type { PropsWithChildren } from 'react';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import type { WebAppBodyProps } from './Body.tsx';
|
|
6
|
-
export interface WebAppPageProps extends WebAppBodyProps, FlexBoxProps {
|
|
7
|
-
container?: ContainerProps['maxWidth'] | 'none';
|
|
8
|
-
disableGutters?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const WebAppPage: React.FC<PropsWithChildren<WebAppPageProps>>;
|
|
11
|
-
/** @deprecated use WebAppPagePage instead */
|
|
12
|
-
export declare const FlexPage: React.FC<PropsWithChildren<WebAppPageProps>>;
|
|
13
|
-
//# sourceMappingURL=Page.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../src/components/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAwBjD,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,iBAAiB,CAAC,eAAe,CAAC,CA0DnE,CAAA;AAED,6CAA6C;AAC7C,eAAO,MAAM,QAAQ,8CAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,YAAY,CAAA"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { CSSProperties } from 'react';
|
|
2
|
-
export declare const scrollableWrap: CSSProperties;
|
|
3
|
-
export declare const fixedWrap: CSSProperties;
|
|
4
|
-
export declare const scrollableContent: CSSProperties;
|
|
5
|
-
export declare const fixedContent: CSSProperties;
|
|
6
|
-
//# sourceMappingURL=cssValues.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cssValues.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/cssValues.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,eAAO,MAAM,cAAc,EAAE,aAGnB,CAAA;AAEV,eAAO,MAAM,SAAS,EAAE,aAGd,CAAA;AAGV,eAAO,MAAM,iBAAiB,EAAE,aAAyC,CAAA;AAEzE,eAAO,MAAM,YAAY,EAAE,aAA8C,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
package/dist/types/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA"}
|