@dgui/react-web 1.7.0-next.1 → 1.7.0-next.2
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/Drawers/index.d.ts +4 -2
- package/dist/Components/Drawers/index.js.map +1 -1
- package/dist/Generics/WebDrawers/index.d.ts +2 -1
- package/dist/Generics/WebDrawers/index.js +9 -4
- package/dist/Generics/WebDrawers/index.js.map +1 -1
- package/dist/ReactWebDigest.js +2 -2
- package/dist/ReactWebDigest.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { type ReactWebDigestDrawersProps } from '../../Types';
|
|
2
|
-
import { type FunctionComponent, type PropsWithChildren } from 'react';
|
|
2
|
+
import { type CSSProperties, type FunctionComponent, type PropsWithChildren } from 'react';
|
|
3
3
|
declare const Drawers: FunctionComponent<DrawersProps>;
|
|
4
4
|
export default Drawers;
|
|
5
|
-
export type DrawersProps = PropsWithChildren<ReactWebDigestDrawersProps
|
|
5
|
+
export type DrawersProps = Omit<PropsWithChildren<ReactWebDigestDrawersProps>, 'style'> & {
|
|
6
|
+
readonly style: CSSProperties;
|
|
7
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,0DAEmC;AAInC,kDAA0B;AAC1B,qDAE4B;AAC5B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,0DAEmC;AAInC,kDAA0B;AAC1B,qDAE4B;AAC5B,iCAKe;AAEf,MAAM,OAAO,GAAoC,CAChD,KAAK,EACJ,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,4BAAa,GAAE,CAAC;IAEnC,MAAM,MAAM,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE;QACJ,OAAO,CACN,6DACC,uBAAC,2BAAkB,IAClB,SAAS,EAAC,yBAAyB,GAClC,EACF,uBAAC,cAAI,KAAG,IACN,CACH,CAAC;IACH,CAAC,EACD,EAAE,CACF,CAAC;IAEF,OAAO,CACN,uBAAC,oBAAW,kBACX,aAAa,EAAE,MAAM,EACrB,IAAI,EAAE,UAAU,IACZ,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,YAAY,CAAC;AAEnC,kBAAe,OAAO,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type FunctionComponent, type PropsWithChildren, type ReactNode } from 'react';
|
|
1
|
+
import { type CSSProperties, type FunctionComponent, type PropsWithChildren, type ReactNode } from 'react';
|
|
2
2
|
declare const WebDrawers: FunctionComponent<WebDrawersProps>;
|
|
3
3
|
export default WebDrawers;
|
|
4
4
|
export type WebDrawersProps = PropsWithChildren<{
|
|
@@ -8,4 +8,5 @@ export type WebDrawersProps = PropsWithChildren<{
|
|
|
8
8
|
readonly opacity?: number;
|
|
9
9
|
readonly open?: boolean;
|
|
10
10
|
readonly position?: 'left' | 'right';
|
|
11
|
+
readonly style?: CSSProperties;
|
|
11
12
|
}>;
|
|
@@ -4,13 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
7
8
|
const react_modern_drawer_1 = __importDefault(require("react-modern-drawer"));
|
|
8
9
|
const styles = {
|
|
9
10
|
drawer: {
|
|
10
11
|
display: 'flex',
|
|
11
12
|
flexDirection: 'column',
|
|
12
|
-
position: 'absolute'
|
|
13
|
-
zIndex: 1
|
|
13
|
+
position: 'absolute'
|
|
14
14
|
},
|
|
15
15
|
drawerWrap: {
|
|
16
16
|
display: 'flex',
|
|
@@ -18,8 +18,13 @@ const styles = {
|
|
|
18
18
|
position: 'relative'
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth = 400, opacity = 0.6, open = true, position = 'left' }) => {
|
|
22
|
-
|
|
21
|
+
const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth = 400, opacity = 0.6, open = true, position = 'left', style: givenDrawerStyle }) => {
|
|
22
|
+
const style = (0, react_1.useMemo)(() => {
|
|
23
|
+
return Object.assign(Object.assign({}, styles.drawer), givenDrawerStyle);
|
|
24
|
+
}, [
|
|
25
|
+
givenDrawerStyle
|
|
26
|
+
]);
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: styles.drawerWrap, children: [children, (0, jsx_runtime_1.jsx)(react_modern_drawer_1.default, { direction: position, duration: animationTime, enableOverlay: false, open: open, overlayOpacity: opacity, size: drawerWidth, style: style, children: drawerContent })] }));
|
|
23
28
|
};
|
|
24
29
|
WebDrawers.displayName = 'WebDrawers';
|
|
25
30
|
exports.default = WebDrawers;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/WebDrawers/index.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/WebDrawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAMe;AACf,8EAAyC;AAEzC,MAAM,MAAM,GAER;IACH,MAAM,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,UAAU;KAEpB;IACD,UAAU,EAAE;QACX,OAAO,EAAE,MAAM;QACf,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,UAAU;KACpB;CACD,CAAC;AAEF,MAAM,UAAU,GAAuC,CAAC,EACvD,aAAa,GAAG,GAAG,EACnB,QAAQ,EACR,aAAa,EACb,WAAW,GAAG,GAAG,EACjB,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,IAAI,EACX,QAAQ,GAAG,MAAM,EACjB,KAAK,EAAE,gBAAgB,EACvB,EAAE,EAAE;IACJ,MAAM,KAAK,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE;QACJ,uCACI,MAAM,CAAC,MAAM,GACb,gBAAgB,EAClB;IACH,CAAC,EACD;QACC,gBAAgB;KAChB,CACD,CAAC;IAEF,OAAO,CACN,iCACC,KAAK,EAAE,MAAM,CAAC,UAAU,aAEvB,QAAQ,EACT,uBAAC,6BAAM,IACN,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,KAAK,EACpB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,EACvB,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,KAAK,YAEX,aAAa,GACN,IACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
|
package/dist/ReactWebDigest.js
CHANGED
|
@@ -8,8 +8,8 @@ const Drawers_1 = __importDefault(require("./Components/Drawers"));
|
|
|
8
8
|
const Tabs_1 = __importDefault(require("./Components/Tabs"));
|
|
9
9
|
const WebGateway_1 = require("./Generics/WebGateway");
|
|
10
10
|
const Providers_1 = __importDefault(require("./Providers"));
|
|
11
|
-
const ReactWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
|
|
12
|
-
return ((0, jsx_runtime_1.jsxs)(Providers_1.default, { drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex, children: [(0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: 'ReactWebDigestAppBar' }), (0, jsx_runtime_1.jsx)(Drawers_1.default, { animationTime: drawerAnimationTime, opacity: drawerOpacity, position: drawerPosition, width: drawerWidth, children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { swipe: swipe }) }), children] }));
|
|
11
|
+
const ReactWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerStyle, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(Providers_1.default, { drawerIndex: drawerIndex, drawerOpen: drawerOpen, onDrawerToggle: onDrawerToggle, onSelectDrawer: onSelectDrawer, onSelectTab: onSelectTab, tabIndex: tabIndex, children: [(0, jsx_runtime_1.jsx)(WebGateway_1.WebGatewayDest, { gatewayId: 'ReactWebDigestAppBar' }), (0, jsx_runtime_1.jsx)(Drawers_1.default, { animationTime: drawerAnimationTime, opacity: drawerOpacity, position: drawerPosition, style: drawerStyle, width: drawerWidth, children: (0, jsx_runtime_1.jsx)(Tabs_1.default, { swipe: swipe }) }), children] }));
|
|
13
13
|
};
|
|
14
14
|
ReactWebDigest.displayName = 'ReactWebDigest';
|
|
15
15
|
exports.default = ReactWebDigest;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactWebDigest.js","sourceRoot":"","sources":["../src/ReactWebDigest.tsx"],"names":[],"mappings":";;;;;;AAAA,mEAA2C;AAC3C,6DAAqC;AACrC,sDAE+B;AAC/B,4DAAoC;
|
|
1
|
+
{"version":3,"file":"ReactWebDigest.js","sourceRoot":"","sources":["../src/ReactWebDigest.tsx"],"names":[],"mappings":";;;;;;AAAA,mEAA2C;AAC3C,6DAAqC;AACrC,sDAE+B;AAC/B,4DAAoC;AASpC,MAAM,cAAc,GAA2C,CAAC,EAC/D,QAAQ,EACR,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,UAAU,EACV,cAAc,EACd,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EACX,KAAK,EACL,QAAQ,EACR,EAAE,EAAE;IACJ,OAAO,CACN,wBAAC,mBAAS,IACT,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,aAElB,uBAAC,2BAAkB,IAClB,SAAS,EAAC,sBAAsB,GAC/B,EACF,uBAAC,iBAAO,IACP,aAAa,EAAE,mBAAmB,EAClC,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,WAA4B,EACnC,KAAK,EAAE,WAAW,YAElB,uBAAC,cAAI,IACJ,KAAK,EAAE,KAAK,GACX,GACO,EACT,QAAQ,IACE,CACZ,CAAC;AACH,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,kBAAe,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dgui/react-web",
|
|
3
3
|
"title": "Digested React GUI Web Components",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
|
-
"version": "1.7.0-next.
|
|
5
|
+
"version": "1.7.0-next.2",
|
|
6
6
|
"private": false,
|
|
7
7
|
"description": "Web Components for a boilerplate React GUI",
|
|
8
8
|
"author": "wallzero @wallzeroblog (http://wallzero.com)",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"rimraf": "^6.0.1"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@dgui/react-shared": "1.7.0-next.
|
|
68
|
-
"@dgui/react-web-shared": "1.7.0-next.
|
|
67
|
+
"@dgui/react-shared": "1.7.0-next.2",
|
|
68
|
+
"@dgui/react-web-shared": "1.7.0-next.2"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|
|
71
71
|
"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"react-dom",
|
|
82
82
|
"typescript"
|
|
83
83
|
],
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "182f10bd7e6db31cd5450ac4611671766e83c8e1"
|
|
85
85
|
}
|