@neo4j-ndl/react 1.8.6 → 1.8.8

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Change Log
 
+## 1.8.8
+
+### Patch Changes
+
+- 13df2f7: drawer improvements
+- Updated dependencies [13df2f7]
+  - @neo4j-ndl/base@1.8.4
+
+## 1.8.7
+
+### Patch Changes
+
+- Updated dependencies [9fc2af0]
+  - @neo4j-ndl/base@1.8.3
+
 ## 1.8.6
 
 ### Patch Changes

package/lib/cjs/drawer/Drawer.js

@@ -42,7 +42,8 @@ const re_resizable_1 = require("re-resizable");
 const button_1 = require("../button");
 const icons_1 = require("../icons");
 const Drawer = (_a) => {
-    var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320 } = _a, props = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "minWidth"]);
+    var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320, // TODO: to be removed in v2
+    closeable = true } = _a, props = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "minWidth", "closeable"]);
     const setOnExpandedChange = (0, react_1.useCallback)(() => {
         if (onExpandedChange)
             onExpandedChange(!expanded);
@@ -55,14 +56,12 @@ const Drawer = (_a) => {
         'ndl-drawer-push': type === 'push',
     });
     const stylePosition = type === 'overlay' ? 'absolute' : 'relative';
-    const contents = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-drawer-content" }, { children: children })), (0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ className: "ndl-drawer-close-button", onClick: setOnExpandedChange, "aria-label": "close-drawer", size: "large", "data-testid": "ndl-drawer-close-button", title: "Close drawer", clean: true }, { children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, { className: "n-w-6 n-h-6" }) }))] }));
+    const close = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: closeable && ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({ className: "ndl-drawer-close-button", onClick: setOnExpandedChange, "aria-label": "close-drawer", size: "large", "data-testid": "ndl-drawer-close-button", title: "Close drawer", clean: true }, { children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, { className: "n-w-6 n-h-6" }) }))) }));
     if (isResizeable) {
-        return ((0, jsx_runtime_1.jsx)(re_resizable_1.Resizable, Object.assign({ defaultSize: {
+        return ((0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, Object.assign({ defaultSize: {
                 width: 'auto',
                 height: '100%',
-            }, minWidth: `${minWidth + 49}px` }, resizeableProps, { className: classes, style: {
-                position: stylePosition,
-            }, boundsByDirection: true, bounds: "parent", enable: {
+            }, minWidth: `${minWidth}px` }, resizeableProps, { className: classes, style: Object.assign({ position: stylePosition }, resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: "parent", enable: {
                 top: false,
                 right: position === 'left',
                 bottom: false,
@@ -71,22 +70,28 @@ const Drawer = (_a) => {
                 bottomRight: false,
                 bottomLeft: false,
                 topLeft: false,
-            } }, { children: contents })));
+            } }, { children: [children, close] })));
     }
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { style: { minWidth: `${minWidth}px` }, className: classes }, { children: contents })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { style: Object.assign({ minWidth: `${minWidth}px` }, props.style), className: classes }, { children: [children, close] })));
 };
 exports.Drawer = Drawer;
 const Header = (_a) => {
-    var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
+    var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)('ndl-drawer-header', className);
-    return ((0, jsx_runtime_1.jsx)("h5", Object.assign({}, rest, { className: classes }, { children: children })));
+    return ((0, jsx_runtime_1.jsxs)("h5", Object.assign({}, restProps, { className: classes }, { children: [children, close] })));
 };
 exports.Drawer.Header = Header;
 const Actions = (_a) => {
-    var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
+    var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = (0, classnames_1.default)('ndl-drawer-actions', className);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { className: classes }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: classes }, { children: children })));
 };
 exports.Drawer.Actions = Actions;
+const Body = (_a) => {
+    var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = (0, classnames_1.default)('ndl-drawer-body', className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "ndl-drawer-body-wrapper" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: classes }, { children: children })) })));
+};
+exports.Drawer.Body = Body;
 exports.default = exports.Drawer;
 //# sourceMappingURL=Drawer.js.map

package/lib/cjs/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/lib/esm/drawer/Drawer.js

@@ -36,7 +36,8 @@ import { Resizable } from 're-resizable';
 import { IconButton } from '../button';
 import { XMarkIconOutline } from '../icons';
 export const Drawer = (_a) => {
-    var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320 } = _a, props = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "minWidth"]);
+    var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320, // TODO: to be removed in v2
+    closeable = true } = _a, props = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "minWidth", "closeable"]);
     const setOnExpandedChange = useCallback(() => {
         if (onExpandedChange)
             onExpandedChange(!expanded);
@@ -49,14 +50,12 @@ export const Drawer = (_a) => {
         'ndl-drawer-push': type === 'push',
     });
     const stylePosition = type === 'overlay' ? 'absolute' : 'relative';
-    const contents = (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ className: "ndl-drawer-content" }, { children: children })), _jsx(IconButton, Object.assign({ className: "ndl-drawer-close-button", onClick: setOnExpandedChange, "aria-label": "close-drawer", size: "large", "data-testid": "ndl-drawer-close-button", title: "Close drawer", clean: true }, { children: _jsx(XMarkIconOutline, { className: "n-w-6 n-h-6" }) }))] }));
+    const close = (_jsx(_Fragment, { children: closeable && (_jsx(IconButton, Object.assign({ className: "ndl-drawer-close-button", onClick: setOnExpandedChange, "aria-label": "close-drawer", size: "large", "data-testid": "ndl-drawer-close-button", title: "Close drawer", clean: true }, { children: _jsx(XMarkIconOutline, { className: "n-w-6 n-h-6" }) }))) }));
     if (isResizeable) {
-        return (_jsx(Resizable, Object.assign({ defaultSize: {
+        return (_jsxs(Resizable, Object.assign({ defaultSize: {
                 width: 'auto',
                 height: '100%',
-            }, minWidth: `${minWidth + 49}px` }, resizeableProps, { className: classes, style: {
-                position: stylePosition,
-            }, boundsByDirection: true, bounds: "parent", enable: {
+            }, minWidth: `${minWidth}px` }, resizeableProps, { className: classes, style: Object.assign({ position: stylePosition }, resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: "parent", enable: {
                 top: false,
                 right: position === 'left',
                 bottom: false,
@@ -65,21 +64,27 @@ export const Drawer = (_a) => {
                 bottomRight: false,
                 bottomLeft: false,
                 topLeft: false,
-            } }, { children: contents })));
+            } }, { children: [children, close] })));
     }
-    return (_jsx("div", Object.assign({}, props, { style: { minWidth: `${minWidth}px` }, className: classes }, { children: contents })));
+    return (_jsxs("div", Object.assign({}, props, { style: Object.assign({ minWidth: `${minWidth}px` }, props.style), className: classes }, { children: [children, close] })));
 };
 const Header = (_a) => {
-    var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
+    var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = classNames('ndl-drawer-header', className);
-    return (_jsx("h5", Object.assign({}, rest, { className: classes }, { children: children })));
+    return (_jsxs("h5", Object.assign({}, restProps, { className: classes }, { children: [children, close] })));
 };
 Drawer.Header = Header;
 const Actions = (_a) => {
-    var { children, className = '' } = _a, rest = __rest(_a, ["children", "className"]);
+    var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
     const classes = classNames('ndl-drawer-actions', className);
-    return (_jsx("div", Object.assign({}, rest, { className: classes }, { children: children })));
+    return (_jsx("div", Object.assign({}, restProps, { className: classes }, { children: children })));
 };
 Drawer.Actions = Actions;
+const Body = (_a) => {
+    var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
+    const classes = classNames('ndl-drawer-body', className);
+    return (_jsx("div", Object.assign({ className: "ndl-drawer-body-wrapper" }, { children: _jsx("div", Object.assign({}, restProps, { className: classes }, { children: children })) })));
+};
+Drawer.Body = Body;
 export default Drawer;
 //# sourceMappingURL=Drawer.js.map

package/lib/esm/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAA4B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AA6B5C,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAWT,EAAE,EAAE;QAXK,EACrB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,gBAAgB,EAChB,QAAQ,GAAG,MAAM,EACjB,IAAI,GAAG,SAAS,EAChB,YAAY,GAAG,KAAK,EACpB,eAAe,EACf,QAAQ,GAAG,GAAG,OAEF,EADT,KAAK,cAVa,4HAWtB,CADS;IAER,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,gBAAgB;YAAE,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjC,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,SAAS,EAAE;QAClD,qBAAqB,EAAE,QAAQ;QAC/B,iBAAiB,EAAE,QAAQ,KAAK,MAAM;QACtC,kBAAkB,EAAE,QAAQ,KAAK,OAAO;QACxC,oBAAoB,EAAE,IAAI,KAAK,SAAS;QACxC,iBAAiB,EAAE,IAAI,KAAK,MAAM;KACnC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;IAEnE,MAAM,QAAQ,GAAG,CACf,8BACE,4BAAK,SAAS,EAAC,oBAAoB,gBAAE,QAAQ,IAAO,EACpD,KAAC,UAAU,kBACT,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAE,mBAAmB,gBACjB,cAAc,EACzB,IAAI,EAAC,OAAO,iBACA,yBAAyB,EACrC,KAAK,EAAC,cAAc,EACpB,KAAK,sBAEL,KAAC,gBAAgB,IAAC,SAAS,EAAC,aAAa,GAAG,IACjC,IACZ,CACJ,CAAC;IAEF,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,KAAC,SAAS,kBACR,WAAW,EAAE;gBACX,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf,EACD,QAAQ,EAAE,GAAG,QAAQ,GAAG,EAAE,IAAI,IAC1B,eAAe,IACnB,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE;gBACL,QAAQ,EAAE,aAAa;aACxB,EACD,iBAAiB,EAAE,IAAI,EACvB,MAAM,EAAC,QAAQ,EACf,MAAM,EAAE;gBACN,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,QAAQ,KAAK,MAAM;gBAC1B,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,QAAQ,KAAK,OAAO;gBAC1B,QAAQ,EAAE,KAAK;gBACf,WAAW,EAAE,KAAK;gBAClB,UAAU,EAAE,KAAK;gBACjB,OAAO,EAAE,KAAK;aACf,gBAEA,QAAQ,IACC,CACb,CAAC;KACH;IAED,OAAO,CACL,8BAAS,KAAK,IAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,QAAQ,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,gBACrE,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,MAAM,GAAG,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAA8B,EAAzB,IAAI,cAAnC,yBAAqC,CAAF;IACjD,MAAM,OAAO,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAC3D,OAAO,CACL,6BAAQ,IAAI,IAAE,SAAS,EAAE,OAAO,gBAC7B,QAAQ,IACN,CACN,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AAIvB,MAAM,OAAO,GAAG,CAAC,EAAyD,EAAE,EAAE;QAA7D,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,OAA+B,EAA1B,IAAI,cAAnC,yBAAqC,CAAF;IAClD,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACL,8BAAS,IAAI,IAAE,SAAS,EAAE,OAAO,gBAC9B,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;AAEzB,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"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"}

package/lib/types/drawer/Drawer.d.ts

@@ -34,16 +34,22 @@ export interface DrawerProps extends ElementBase<HTMLDivElement> {
     type?: DrawerType;
     /** The drawer can be resized. */
     isResizeable?: boolean;
-    /** For overriding the third party library props: https://github.com/bokuweb/re-resizable */
+    /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable */
     resizeableProps?: ResizableProps;
-    /** The minimum width of the component. */
+    /**
+     * @deprecated Use the style property instead.
+     */
     minWidth?: number;
+    /** Is closeable. */
+    closeable?: boolean;
 }
 export declare const Drawer: {
-    ({ children, className, expanded, onExpandedChange, position, type, isResizeable, resizeableProps, minWidth, ...props }: DrawerProps): JSX.Element;
-    Header: ({ children, className, ...rest }: DrawerHeaderProps) => JSX.Element;
-    Actions: ({ children, className, ...rest }: DrawerActionsProps) => JSX.Element;
+    ({ children, className, expanded, onExpandedChange, position, type, isResizeable, resizeableProps, minWidth, closeable, ...props }: DrawerProps): JSX.Element;
+    Header: ({ children, className, ...restProps }: DrawerHeaderProps) => JSX.Element;
+    Actions: ({ children, className, ...restProps }: DrawerActionsProps) => JSX.Element;
+    Body: ({ children, className, ...restProps }: DrawerBodyProps) => JSX.Element;
 };
 declare type DrawerHeaderProps = ComponentPropsWithoutRef<'h5'>;
 declare type DrawerActionsProps = ComponentPropsWithoutRef<'div'>;
+declare type DrawerBodyProps = ComponentPropsWithoutRef<'div'>;
 export default Drawer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "1.8.6",
+  "version": "1.8.8",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -92,7 +92,7 @@
     "@floating-ui/react": "^0.24.2",
     "@heroicons/react": "2.0.13",
     "@neo4j-cypher/react-codemirror": "^1.0.1",
-    "@neo4j-ndl/base": "^1.8.2",
+    "@neo4j-ndl/base": "^1.8.4",
     "@tanstack/react-table": "^8.9.3",
     "classnames": "^2.3.1",
     "detect-browser": "^5.3.0",