@neo4j-ndl/react 1.8.7 → 1.8.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/CHANGELOG.md +8 -0
- package/lib/cjs/drawer/Drawer.js +17 -12
- package/lib/cjs/drawer/Drawer.js.map +1 -1
- package/lib/esm/drawer/Drawer.js +17 -12
- package/lib/esm/drawer/Drawer.js.map +1 -1
- package/lib/types/drawer/Drawer.d.ts +11 -5
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
package/lib/cjs/drawer/Drawer.js
CHANGED
|
@@ -42,7 +42,8 @@ const re_resizable_1 = require("re-resizable");
|
|
|
42
42
|
const button_1 = require("../button");
|
|
43
43
|
const icons_1 = require("../icons");
|
|
44
44
|
const Drawer = (_a) => {
|
|
45
|
-
var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320
|
|
45
|
+
var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320, // TODO: to be removed in v2
|
|
46
|
+
closeable = true } = _a, props = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "minWidth", "closeable"]);
|
|
46
47
|
const setOnExpandedChange = (0, react_1.useCallback)(() => {
|
|
47
48
|
if (onExpandedChange)
|
|
48
49
|
onExpandedChange(!expanded);
|
|
@@ -55,14 +56,12 @@ const Drawer = (_a) => {
|
|
|
55
56
|
'ndl-drawer-push': type === 'push',
|
|
56
57
|
});
|
|
57
58
|
const stylePosition = type === 'overlay' ? 'absolute' : 'relative';
|
|
58
|
-
const
|
|
59
|
+
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" }) }))) }));
|
|
59
60
|
if (isResizeable) {
|
|
60
|
-
return ((0, jsx_runtime_1.
|
|
61
|
+
return ((0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, Object.assign({ defaultSize: {
|
|
61
62
|
width: 'auto',
|
|
62
63
|
height: '100%',
|
|
63
|
-
}, minWidth: `${minWidth
|
|
64
|
-
position: stylePosition,
|
|
65
|
-
}, boundsByDirection: true, bounds: "parent", enable: {
|
|
64
|
+
}, 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: {
|
|
66
65
|
top: false,
|
|
67
66
|
right: position === 'left',
|
|
68
67
|
bottom: false,
|
|
@@ -71,22 +70,28 @@ const Drawer = (_a) => {
|
|
|
71
70
|
bottomRight: false,
|
|
72
71
|
bottomLeft: false,
|
|
73
72
|
topLeft: false,
|
|
74
|
-
} }, { children:
|
|
73
|
+
} }, { children: [children, close] })));
|
|
75
74
|
}
|
|
76
|
-
return ((0, jsx_runtime_1.
|
|
75
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, props, { style: Object.assign({ minWidth: `${minWidth}px` }, props.style), className: classes }, { children: [children, close] })));
|
|
77
76
|
};
|
|
78
77
|
exports.Drawer = Drawer;
|
|
79
78
|
const Header = (_a) => {
|
|
80
|
-
var { children, className = '' } = _a,
|
|
79
|
+
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
81
80
|
const classes = (0, classnames_1.default)('ndl-drawer-header', className);
|
|
82
|
-
return ((0, jsx_runtime_1.
|
|
81
|
+
return ((0, jsx_runtime_1.jsxs)("h5", Object.assign({}, restProps, { className: classes }, { children: [children, close] })));
|
|
83
82
|
};
|
|
84
83
|
exports.Drawer.Header = Header;
|
|
85
84
|
const Actions = (_a) => {
|
|
86
|
-
var { children, className = '' } = _a,
|
|
85
|
+
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
87
86
|
const classes = (0, classnames_1.default)('ndl-drawer-actions', className);
|
|
88
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({},
|
|
87
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { className: classes }, { children: children })));
|
|
89
88
|
};
|
|
90
89
|
exports.Drawer.Actions = Actions;
|
|
90
|
+
const Body = (_a) => {
|
|
91
|
+
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
92
|
+
const classes = (0, classnames_1.default)('ndl-drawer-body', className);
|
|
93
|
+
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 })) })));
|
|
94
|
+
};
|
|
95
|
+
exports.Drawer.Body = Body;
|
|
91
96
|
exports.default = exports.Drawer;
|
|
92
97
|
//# sourceMappingURL=Drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AACpC,iCAA8D;AAC9D,+CAAyC;AAEzC,sCAAuC;AAEvC,oCAA4C;
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/drawer/Drawer.js
CHANGED
|
@@ -36,7 +36,8 @@ import { Resizable } from 're-resizable';
|
|
|
36
36
|
import { IconButton } from '../button';
|
|
37
37
|
import { XMarkIconOutline } from '../icons';
|
|
38
38
|
export const Drawer = (_a) => {
|
|
39
|
-
var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320
|
|
39
|
+
var { children, className = '', expanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, minWidth = 320, // TODO: to be removed in v2
|
|
40
|
+
closeable = true } = _a, props = __rest(_a, ["children", "className", "expanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "minWidth", "closeable"]);
|
|
40
41
|
const setOnExpandedChange = useCallback(() => {
|
|
41
42
|
if (onExpandedChange)
|
|
42
43
|
onExpandedChange(!expanded);
|
|
@@ -49,14 +50,12 @@ export const Drawer = (_a) => {
|
|
|
49
50
|
'ndl-drawer-push': type === 'push',
|
|
50
51
|
});
|
|
51
52
|
const stylePosition = type === 'overlay' ? 'absolute' : 'relative';
|
|
52
|
-
const
|
|
53
|
+
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" }) }))) }));
|
|
53
54
|
if (isResizeable) {
|
|
54
|
-
return (
|
|
55
|
+
return (_jsxs(Resizable, Object.assign({ defaultSize: {
|
|
55
56
|
width: 'auto',
|
|
56
57
|
height: '100%',
|
|
57
|
-
}, minWidth: `${minWidth
|
|
58
|
-
position: stylePosition,
|
|
59
|
-
}, boundsByDirection: true, bounds: "parent", enable: {
|
|
58
|
+
}, 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: {
|
|
60
59
|
top: false,
|
|
61
60
|
right: position === 'left',
|
|
62
61
|
bottom: false,
|
|
@@ -65,21 +64,27 @@ export const Drawer = (_a) => {
|
|
|
65
64
|
bottomRight: false,
|
|
66
65
|
bottomLeft: false,
|
|
67
66
|
topLeft: false,
|
|
68
|
-
} }, { children:
|
|
67
|
+
} }, { children: [children, close] })));
|
|
69
68
|
}
|
|
70
|
-
return (
|
|
69
|
+
return (_jsxs("div", Object.assign({}, props, { style: Object.assign({ minWidth: `${minWidth}px` }, props.style), className: classes }, { children: [children, close] })));
|
|
71
70
|
};
|
|
72
71
|
const Header = (_a) => {
|
|
73
|
-
var { children, className = '' } = _a,
|
|
72
|
+
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
74
73
|
const classes = classNames('ndl-drawer-header', className);
|
|
75
|
-
return (
|
|
74
|
+
return (_jsxs("h5", Object.assign({}, restProps, { className: classes }, { children: [children, close] })));
|
|
76
75
|
};
|
|
77
76
|
Drawer.Header = Header;
|
|
78
77
|
const Actions = (_a) => {
|
|
79
|
-
var { children, className = '' } = _a,
|
|
78
|
+
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
80
79
|
const classes = classNames('ndl-drawer-actions', className);
|
|
81
|
-
return (_jsx("div", Object.assign({},
|
|
80
|
+
return (_jsx("div", Object.assign({}, restProps, { className: classes }, { children: children })));
|
|
82
81
|
};
|
|
83
82
|
Drawer.Actions = Actions;
|
|
83
|
+
const Body = (_a) => {
|
|
84
|
+
var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
|
|
85
|
+
const classes = classNames('ndl-drawer-body', className);
|
|
86
|
+
return (_jsx("div", Object.assign({ className: "ndl-drawer-body-wrapper" }, { children: _jsx("div", Object.assign({}, restProps, { className: classes }, { children: children })) })));
|
|
87
|
+
};
|
|
88
|
+
Drawer.Body = Body;
|
|
84
89
|
export default Drawer;
|
|
85
90
|
//# sourceMappingURL=Drawer.js.map
|
|
@@ -1 +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;
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,16 +34,22 @@ export interface DrawerProps extends ElementBase<HTMLDivElement> {
|
|
|
34
34
|
type?: DrawerType;
|
|
35
35
|
/** The drawer can be resized. */
|
|
36
36
|
isResizeable?: boolean;
|
|
37
|
-
/** For overriding the third party library props: https://github.com/bokuweb/re-resizable */
|
|
37
|
+
/** 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 */
|
|
38
38
|
resizeableProps?: ResizableProps;
|
|
39
|
-
/**
|
|
39
|
+
/**
|
|
40
|
+
* @deprecated Use the style property instead.
|
|
41
|
+
*/
|
|
40
42
|
minWidth?: number;
|
|
43
|
+
/** Is closeable. */
|
|
44
|
+
closeable?: boolean;
|
|
41
45
|
}
|
|
42
46
|
export declare const Drawer: {
|
|
43
|
-
({ children, className, expanded, onExpandedChange, position, type, isResizeable, resizeableProps, minWidth, ...props }: DrawerProps): JSX.Element;
|
|
44
|
-
Header: ({ children, className, ...
|
|
45
|
-
Actions: ({ children, className, ...
|
|
47
|
+
({ children, className, expanded, onExpandedChange, position, type, isResizeable, resizeableProps, minWidth, closeable, ...props }: DrawerProps): JSX.Element;
|
|
48
|
+
Header: ({ children, className, ...restProps }: DrawerHeaderProps) => JSX.Element;
|
|
49
|
+
Actions: ({ children, className, ...restProps }: DrawerActionsProps) => JSX.Element;
|
|
50
|
+
Body: ({ children, className, ...restProps }: DrawerBodyProps) => JSX.Element;
|
|
46
51
|
};
|
|
47
52
|
declare type DrawerHeaderProps = ComponentPropsWithoutRef<'h5'>;
|
|
48
53
|
declare type DrawerActionsProps = ComponentPropsWithoutRef<'div'>;
|
|
54
|
+
declare type DrawerBodyProps = ComponentPropsWithoutRef<'div'>;
|
|
49
55
|
export default Drawer;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.8",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"@floating-ui/react": "^0.24.2",
|
|
93
93
|
"@heroicons/react": "2.0.13",
|
|
94
94
|
"@neo4j-cypher/react-codemirror": "^1.0.1",
|
|
95
|
-
"@neo4j-ndl/base": "^1.8.
|
|
95
|
+
"@neo4j-ndl/base": "^1.8.4",
|
|
96
96
|
"@tanstack/react-table": "^8.9.3",
|
|
97
97
|
"classnames": "^2.3.1",
|
|
98
98
|
"detect-browser": "^5.3.0",
|