@neo4j-ndl/react 2.0.2 → 2.0.3
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
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#677](https://github.com/neo4j/neo4j-design/pull/677) [`b5901ac`](https://github.com/neo4j/neo4j-design/commit/b5901ac5b2095e5b405f65151916b9f038c476d9) Thanks [@konsalex](https://github.com/konsalex)! - modify Banner composite structure to be able to generate controls in storybook
|
|
8
|
+
|
|
3
9
|
## 2.0.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/lib/cjs/banner/Banner.js
CHANGED
|
@@ -88,8 +88,7 @@ const BannerActions = (_a) => {
|
|
|
88
88
|
var { label } = _a, restProps = __rest(_a, ["label"]);
|
|
89
89
|
return (0, jsx_runtime_1.jsx)("a", Object.assign({}, restProps, { children: label }));
|
|
90
90
|
};
|
|
91
|
-
|
|
92
|
-
const BannerComponent = react_1.default.forwardRef(function Banner(_a, ref) {
|
|
91
|
+
const Banner = react_1.default.forwardRef(function Banner(_a, ref) {
|
|
93
92
|
var { type = 'info', icon = false, title, name, actions = [], floating = false, description = null, onClose, className = '', children = null, closeable = false } = _a, rest = __rest(_a, ["type", "icon", "title", "name", "actions", "floating", "description", "onClose", "className", "children", "closeable"]);
|
|
94
93
|
(0, react_1.useEffect)(() => {
|
|
95
94
|
if (typeof title !== 'string' && !name && closeable) {
|
|
@@ -115,8 +114,8 @@ const BannerComponent = react_1.default.forwardRef(function Banner(_a, ref) {
|
|
|
115
114
|
};
|
|
116
115
|
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes, role: closeable ? 'alertdialog' : 'alert' }, rest, { title: name, ref: ref, children: [icon && getStatusIcon(type), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-banner-content", children: [title && (0, jsx_runtime_1.jsx)("h6", { className: "ndl-banner-title", children: title }), (description || children) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-banner-actions", children: actions.map((action, index) => ((0, jsx_runtime_1.jsx)(BannerActions, Object.assign({}, action), index))) }))] }), closeable && ((0, jsx_runtime_1.jsx)("div", { tabIndex: 0, role: "button", className: "ndl-banner-icon ndl-close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close-banner", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })));
|
|
117
116
|
});
|
|
118
|
-
BannerComponent.displayName = 'Banner';
|
|
119
117
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
120
|
-
const
|
|
121
|
-
exports.Banner =
|
|
118
|
+
const BannerNamespace = Object.assign(Banner, { Actions: BannerActions });
|
|
119
|
+
exports.Banner = BannerNamespace;
|
|
120
|
+
BannerNamespace.displayName = 'Banner';
|
|
122
121
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,8DAAuD;AACvD,+CAAyC;AACzC,oCAMkB;AAClB,4CAAwD;AAyExD;;;;;;GAMG;AAEH,MAAM,aAAa,GAAG,CAAC,QAAoB,EAAE,EAAE;IAC7C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,aAAa,GAAG,uBAAC,4BAAoB,KAAG,CAAC;YACzC,MAAM;QACR,KAAK,SAAS;YACZ,aAAa,GAAG,uBAAC,oCAA4B,KAAG,CAAC;YACjD,MAAM;QACR,KAAK,QAAQ;YACX,aAAa,GAAG,uBAAC,kCAA0B,KAAG,CAAC;YAC/C,MAAM;QACR;YACE,aAAa,GAAG,uBAAC,kCAA0B,KAAG,CAAC;KAClD;IAED,OAAO,CACL,gCAAK,SAAS,EAAC,wCAAwC,YACpD,aAAa,GACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,KAAK,OAAoC,EAA/B,SAAS,cAArB,SAAuB,CAAF;IAC1C,OAAO,8CAAO,SAAS,cAAG,KAAK,IAAK,CAAC;AACvC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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"}
|
package/lib/esm/banner/Banner.js
CHANGED
|
@@ -62,8 +62,7 @@ const BannerActions = (_a) => {
|
|
|
62
62
|
var { label } = _a, restProps = __rest(_a, ["label"]);
|
|
63
63
|
return _jsx("a", Object.assign({}, restProps, { children: label }));
|
|
64
64
|
};
|
|
65
|
-
|
|
66
|
-
const BannerComponent = React.forwardRef(function Banner(_a, ref) {
|
|
65
|
+
const Banner = React.forwardRef(function Banner(_a, ref) {
|
|
67
66
|
var { type = 'info', icon = false, title, name, actions = [], floating = false, description = null, onClose, className = '', children = null, closeable = false } = _a, rest = __rest(_a, ["type", "icon", "title", "name", "actions", "floating", "description", "onClose", "className", "children", "closeable"]);
|
|
68
67
|
useEffect(() => {
|
|
69
68
|
if (typeof title !== 'string' && !name && closeable) {
|
|
@@ -89,8 +88,8 @@ const BannerComponent = React.forwardRef(function Banner(_a, ref) {
|
|
|
89
88
|
};
|
|
90
89
|
return (_jsxs("div", Object.assign({ className: classes, role: closeable ? 'alertdialog' : 'alert' }, rest, { title: name, ref: ref, children: [icon && getStatusIcon(type), _jsxs("div", { className: "ndl-banner-content", children: [title && _jsx("h6", { className: "ndl-banner-title", children: title }), (description || children) && (_jsx("div", { className: "ndl-banner-description", children: children || description })), actions && actions.length > 0 && (_jsx("div", { className: "ndl-banner-actions", children: actions.map((action, index) => (_jsx(BannerActions, Object.assign({}, action), index))) }))] }), closeable && (_jsx("div", { tabIndex: 0, role: "button", className: "ndl-banner-icon ndl-close-icon", onKeyDown: handleClose, onClick: handleClose, "aria-label": "close-banner", children: _jsx(XMarkIconOutline, {}) }))] })));
|
|
91
90
|
});
|
|
92
|
-
BannerComponent.displayName = 'Banner';
|
|
93
91
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
94
|
-
const
|
|
95
|
-
|
|
92
|
+
const BannerNamespace = Object.assign(Banner, { Actions: BannerActions });
|
|
93
|
+
BannerNamespace.displayName = 'Banner';
|
|
94
|
+
export { BannerNamespace as Banner };
|
|
96
95
|
//# sourceMappingURL=Banner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,4BAA4B,EAC5B,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAyExD;;;;;;GAMG;AAEH,MAAM,aAAa,GAAG,CAAC,QAAoB,EAAE,EAAE;IAC7C,IAAI,aAAiC,CAAC;IAEtC,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,aAAa,GAAG,KAAC,oBAAoB,KAAG,CAAC;YACzC,MAAM;QACR,KAAK,SAAS;YACZ,aAAa,GAAG,KAAC,4BAA4B,KAAG,CAAC;YACjD,MAAM;QACR,KAAK,QAAQ;YACX,aAAa,GAAG,KAAC,0BAA0B,KAAG,CAAC;YAC/C,MAAM;QACR;YACE,aAAa,GAAG,KAAC,0BAA0B,KAAG,CAAC;KAClD;IAED,OAAO,CACL,cAAK,SAAS,EAAC,wCAAwC,YACpD,aAAa,GACV,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,KAAK,OAAoC,EAA/B,SAAS,cAArB,SAAuB,CAAF;IAC1C,OAAO,4BAAO,SAAS,cAAG,KAAK,IAAK,CAAC;AACvC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/banner/Banner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,10 +71,7 @@ type NonCloseableBannerProps = {
|
|
|
71
71
|
type BannerCloseProps = CloseableBannerProps | NonCloseableBannerProps;
|
|
72
72
|
export type BannerProps = BannerCommonProps & BannerCloseProps;
|
|
73
73
|
export type BannerType = 'info' | 'success' | 'warning' | 'danger';
|
|
74
|
-
declare const
|
|
75
|
-
Actions: {
|
|
76
|
-
({ label, ...restProps }: BannerActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
77
|
-
displayName: string;
|
|
78
|
-
};
|
|
74
|
+
declare const BannerNamespace: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>> & {
|
|
75
|
+
Actions: ({ label, ...restProps }: BannerActionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
79
76
|
};
|
|
80
|
-
export { Banner };
|
|
77
|
+
export { BannerNamespace as Banner };
|