@neo4j-ndl/react 3.0.11 → 3.0.12
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/lib/cjs/clipboard-copier/ClipboardButton.js +25 -6
- package/lib/cjs/clipboard-copier/ClipboardButton.js.map +1 -1
- package/lib/esm/clipboard-copier/ClipboardButton.js +25 -6
- package/lib/esm/clipboard-copier/ClipboardButton.js.map +1 -1
- package/lib/types/clipboard-copier/ClipboardButton.d.ts +3 -2
- package/package.json +1 -1
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -30,7 +41,8 @@ const react_1 = __importDefault(require("react"));
|
|
|
30
41
|
const button_1 = require("../button");
|
|
31
42
|
const hooks_1 = require("../hooks");
|
|
32
43
|
const tooltip_1 = require("../tooltip");
|
|
33
|
-
const ConfirmationButton = (
|
|
44
|
+
const ConfirmationButton = (_a) => {
|
|
45
|
+
var { hoverText, feedbackText, isIcon, tooltipProps, children, onClick } = _a, restProps = __rest(_a, ["hoverText", "feedbackText", "isIcon", "tooltipProps", "children", "onClick"]);
|
|
34
46
|
const [timeoutId, setTimeoutId] = react_1.default.useState(null);
|
|
35
47
|
const [isOpen, setIsOpen] = react_1.default.useState(false);
|
|
36
48
|
const handleClick = () => {
|
|
@@ -56,17 +68,24 @@ const ConfirmationButton = ({ hoverText, feedbackText, children, onClick, isIcon
|
|
|
56
68
|
onMouseLeave: handleCloseTooltip,
|
|
57
69
|
onFocus: handleOpenTooltip,
|
|
58
70
|
onBlur: handleCloseTooltip,
|
|
59
|
-
}, hasButtonWrapper: true, children: isIcon ? ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({
|
|
71
|
+
}, hasButtonWrapper: true, children: isIcon ? ((0, jsx_runtime_1.jsx)(button_1.IconButton, Object.assign({}, restProps.iconButtonProps, { onClick: (event) => {
|
|
72
|
+
if (onClick)
|
|
73
|
+
onClick(event);
|
|
74
|
+
handleClick();
|
|
75
|
+
}, children: children }))) : ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, restProps.buttonProps, { onClick: (event) => {
|
|
60
76
|
if (onClick)
|
|
61
77
|
onClick(event);
|
|
62
78
|
handleClick();
|
|
63
|
-
},
|
|
64
|
-
//Typescript does not understand that the props are not the same for both components
|
|
65
|
-
isDisabled: isDisabled, size: size }, htmlAttributes, { children: children }))) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: timeoutId === null ? hoverText : feedbackText })] })));
|
|
79
|
+
}, children: children }))) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: content })] })));
|
|
66
80
|
};
|
|
67
81
|
const ClipboardButton = ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, }) => {
|
|
68
82
|
const [, copyFunction] = (0, hooks_1.useCopyToClipboard)();
|
|
69
|
-
return ((0, jsx_runtime_1.jsx)(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied",
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied", isIcon: true, iconButtonProps: {
|
|
84
|
+
ariaLabel: 'Copy to clipboard',
|
|
85
|
+
isClean: true,
|
|
86
|
+
isDisabled: isDisabled,
|
|
87
|
+
size: size,
|
|
88
|
+
}, tooltipProps: tooltipProps }, htmlAttributes, { children: (0, jsx_runtime_1.jsx)(outline_1.Square2StackIcon, {}) })));
|
|
70
89
|
};
|
|
71
90
|
exports.ClipboardButton = ClipboardButton;
|
|
72
91
|
//# sourceMappingURL=ClipboardButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-copier/ClipboardButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-copier/ClipboardButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
13
|
/**
|
|
3
14
|
*
|
|
@@ -24,7 +35,8 @@ import React from 'react';
|
|
|
24
35
|
import { Button, IconButton } from '../button';
|
|
25
36
|
import { useCopyToClipboard } from '../hooks';
|
|
26
37
|
import { Tooltip } from '../tooltip';
|
|
27
|
-
const ConfirmationButton = (
|
|
38
|
+
const ConfirmationButton = (_a) => {
|
|
39
|
+
var { hoverText, feedbackText, isIcon, tooltipProps, children, onClick } = _a, restProps = __rest(_a, ["hoverText", "feedbackText", "isIcon", "tooltipProps", "children", "onClick"]);
|
|
28
40
|
const [timeoutId, setTimeoutId] = React.useState(null);
|
|
29
41
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
30
42
|
const handleClick = () => {
|
|
@@ -50,16 +62,23 @@ const ConfirmationButton = ({ hoverText, feedbackText, children, onClick, isIcon
|
|
|
50
62
|
onMouseLeave: handleCloseTooltip,
|
|
51
63
|
onFocus: handleOpenTooltip,
|
|
52
64
|
onBlur: handleCloseTooltip,
|
|
53
|
-
}, hasButtonWrapper: true, children: isIcon ? (_jsx(IconButton, Object.assign({
|
|
65
|
+
}, hasButtonWrapper: true, children: isIcon ? (_jsx(IconButton, Object.assign({}, restProps.iconButtonProps, { onClick: (event) => {
|
|
66
|
+
if (onClick)
|
|
67
|
+
onClick(event);
|
|
68
|
+
handleClick();
|
|
69
|
+
}, children: children }))) : (_jsx(Button, Object.assign({}, restProps.buttonProps, { onClick: (event) => {
|
|
54
70
|
if (onClick)
|
|
55
71
|
onClick(event);
|
|
56
72
|
handleClick();
|
|
57
|
-
},
|
|
58
|
-
//Typescript does not understand that the props are not the same for both components
|
|
59
|
-
isDisabled: isDisabled, size: size }, htmlAttributes, { children: children }))) }), _jsx(Tooltip.Content, { children: timeoutId === null ? hoverText : feedbackText })] })));
|
|
73
|
+
}, children: children }))) }), _jsx(Tooltip.Content, { children: content })] })));
|
|
60
74
|
};
|
|
61
75
|
export const ClipboardButton = ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, }) => {
|
|
62
76
|
const [, copyFunction] = useCopyToClipboard();
|
|
63
|
-
return (_jsx(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied",
|
|
77
|
+
return (_jsx(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), hoverText: "Copy to clipboard", feedbackText: "Copied", isIcon: true, iconButtonProps: {
|
|
78
|
+
ariaLabel: 'Copy to clipboard',
|
|
79
|
+
isClean: true,
|
|
80
|
+
isDisabled: isDisabled,
|
|
81
|
+
size: size,
|
|
82
|
+
}, tooltipProps: tooltipProps }, htmlAttributes, { children: _jsx(Square2StackIcon, {}) })));
|
|
64
83
|
};
|
|
65
84
|
//# sourceMappingURL=ClipboardButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-copier/ClipboardButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ClipboardButton.js","sourceRoot":"","sources":["../../../src/clipboard-copier/ClipboardButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
*/
|
|
21
21
|
|
|
22
22
|
import React from 'react';
|
|
23
|
-
import {
|
|
23
|
+
import { type ButtonSizes } from '../button';
|
|
24
24
|
import { Tooltip } from '../tooltip';
|
|
25
25
|
/**
|
|
26
26
|
*
|
|
@@ -29,11 +29,12 @@ import { Tooltip } from '../tooltip';
|
|
|
29
29
|
*
|
|
30
30
|
*
|
|
31
31
|
*/
|
|
32
|
-
export interface ClipboardButtonProps
|
|
32
|
+
export interface ClipboardButtonProps {
|
|
33
33
|
/** The text that should be set to users clipboard */
|
|
34
34
|
textToCopy: string;
|
|
35
35
|
tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children'>;
|
|
36
36
|
isDisabled?: boolean;
|
|
37
37
|
size?: ButtonSizes;
|
|
38
|
+
htmlAttributes?: React.ComponentPropsWithoutRef<'button'>;
|
|
38
39
|
}
|
|
39
40
|
export declare const ClipboardButton: ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, }: ClipboardButtonProps) => import("react/jsx-runtime").JSX.Element;
|