@dgui/react-web - npm Package Compare versions

Comparing version 1.7.0-next.1 to 1.7.0-next.2

dist/Components/Drawers/index.d.ts

 import { type ReactWebDigestDrawersProps } from '../../Types';
-import { type FunctionComponent, type PropsWithChildren } from 'react';
+import { type CSSProperties, type FunctionComponent, type PropsWithChildren } from 'react';
 declare const Drawers: FunctionComponent<DrawersProps>;
 export default Drawers;
-export type DrawersProps = PropsWithChildren<ReactWebDigestDrawersProps>;
+export type DrawersProps = Omit<PropsWithChildren<ReactWebDigestDrawersProps>, 'style'> & {
+    readonly style: CSSProperties;
+};

dist/Components/Drawers/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Components/Drawers/index.tsx"],"names":[],"mappings":";;;;;;AAAA,2EAAoD;AACpD,0DAEmC;AAInC,kDAA0B;AAC1B,qDAE4B;AAC5B,iCAIe;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"}
+{"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"}

dist/Generics/WebDrawers/index.d.ts

@@ -1,2 +0,2 @@
-import { type FunctionComponent, type PropsWithChildren, type ReactNode } from 'react';
+import { type CSSProperties, type FunctionComponent, type PropsWithChildren, type ReactNode } from 'react';
 declare const WebDrawers: FunctionComponent<WebDrawersProps>;
@@ -11,2 +11,3 @@ export default WebDrawers;
     readonly position?: 'left' | 'right';
+    readonly style?: CSSProperties;
 }>;

dist/Generics/WebDrawers/index.js

@@ -7,2 +7,3 @@ "use strict";
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const react_modern_drawer_1 = __importDefault(require("react-modern-drawer"));
@@ -13,4 +14,3 @@ const styles = {
         flexDirection: 'column',
-        position: 'absolute',
-        zIndex: 1
+        position: 'absolute'
     },
@@ -23,4 +23,9 @@ drawerWrap: {
 };
-const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth = 400, opacity = 0.6, open = true, position = 'left' }) => {
-    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: styles.drawer, children: drawerContent })] }));
+const WebDrawers = ({ animationTime = 150, children, drawerContent, drawerWidth = 400, opacity = 0.6, open = true, position = 'left', style: givenDrawerStyle }) => {
+    const style = (0, react_1.useMemo)(() => {
+        return Object.assign(Object.assign({}, styles.drawer), givenDrawerStyle);
+    }, [
+        givenDrawerStyle
+    ]);
+    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 })] }));
 };
@@ -27,0 +32,0 @@ WebDrawers.displayName = 'WebDrawers';

dist/Generics/WebDrawers/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Generics/WebDrawers/index.tsx"],"names":[],"mappings":";;;;;;AAMA,8EAAyC;AAEzC,MAAM,MAAM,GAER;IACH,MAAM,EAAE;QACP,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACT;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,EAAE,EAAE;IACJ,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,MAAM,CAAC,MAAM,YAEnB,aAAa,GACN,IACJ,CACN,CAAC;AACH,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}
+{"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"}

dist/ReactWebDigest.js

@@ -11,4 +11,4 @@ "use strict";
 const Providers_1 = __importDefault(require("./Providers"));
-const ReactWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
-    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] }));
+const ReactWebDigest = ({ children, drawerAnimationTime, drawerIndex, drawerOpacity, drawerOpen, drawerPosition, drawerStyle, drawerWidth, onDrawerToggle, onSelectDrawer, onSelectTab, swipe, tabIndex }) => {
+    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] }));
 };
@@ -15,0 +15,0 @@ ReactWebDigest.displayName = 'ReactWebDigest';

dist/ReactWebDigest.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"ReactWebDigest.js","sourceRoot":"","sources":["../src/ReactWebDigest.tsx"],"names":[],"mappings":";;;;;;AAAA,mEAA2C;AAC3C,6DAAqC;AACrC,sDAE+B;AAC/B,4DAAoC;AAQpC,MAAM,cAAc,GAA2C,CAAC,EAC/D,QAAQ,EACR,mBAAmB,EACnB,WAAW,EACX,aAAa,EACb,UAAU,EACV,cAAc,EACd,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,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"}
+{"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.json

@@ -5,3 +5,3 @@ {
 	"license": "LGPL-3.0-or-later",
-	"version": "1.7.0-next.1",
+	"version": "1.7.0-next.2",
 	"private": false,
@@ -68,4 +68,4 @@ "description": "Web Components for a boilerplate React GUI",
 	"dependencies": {
-		"@dgui/react-shared": "1.7.0-next.1",
-		"@dgui/react-web-shared": "1.7.0-next.1"
+		"@dgui/react-shared": "1.7.0-next.2",
+		"@dgui/react-web-shared": "1.7.0-next.2"
 	},
@@ -86,3 +86,3 @@ "peerDependencies": {
 	],
-	"gitHead": "607c3455fe1b2672d9b5c5da4d0fa70c574426d3"
+	"gitHead": "182f10bd7e6db31cd5450ac4611671766e83c8e1"
 }

No alert changes

Improved metrics

Total package byte prevSize

96560

0.56%

Lines of code

671

1.36%

Dependency changes

• + Added

  @dgui/react-shared@1.7.0-next.2
  (transitive)

• + Added

  @dgui/react-web-shared@1.7.0-next.2
  (transitive)

• - Removed

  @dgui/react-shared@1.7.0-next.1
  (transitive)

• - Removed

  @dgui/react-web-shared@1.7.0-next.1
  (transitive)

• Updated

  @dgui/react-shared@1.7.0-next.2

• Updated

  @dgui/react-web-shared@1.7.0-next.2