@neo4j-ndl/react 4.0.0-alpha.0.c084490 → 4.0.0

package/lib/cjs/clipboard-button/ClipboardButton.js

@@ -0,0 +1,155 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClipboardButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+const react_1 = __importDefault(require("react"));
+const clean_icon_button_1 = require("../clean-icon-button");
+const hooks_1 = require("../hooks");
+const icon_button_1 = require("../icon-button");
+const icons_1 = require("../icons");
+const outlined_button_1 = require("../outlined-button");
+const tooltip_1 = require("../tooltip");
+const ConfirmationButton = (_a) => {
+    var { description, actionFeedbackText, icon, children, onClick, htmlAttributes, tooltipProps, type = 'clean-icon-button' } = _a, restProps = __rest(_a, ["description", "actionFeedbackText", "icon", "children", "onClick", "htmlAttributes", "tooltipProps", "type"]);
+    const [timeoutId, setTimeoutId] = react_1.default.useState(null);
+    const [isOpen, setIsOpen] = react_1.default.useState(false);
+    const handleClick = () => {
+        if (timeoutId !== null) {
+            clearTimeout(timeoutId);
+        }
+        const newTimeoutId = window.setTimeout(() => {
+            setTimeoutId(null);
+        }, 2000);
+        setTimeoutId(newTimeoutId);
+    };
+    const handleCloseTooltip = () => {
+        setIsOpen(false);
+    };
+    const handleOpenTooltip = () => {
+        setIsOpen(true);
+    };
+    const content = timeoutId === null ? description : actionFeedbackText;
+    /* Controlling the tip to make it disappear in a timely manner*/
+    if (type === 'clean-icon-button') {
+        return ((0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, Object.assign({}, restProps.cleanIconButtonProps, { description: content, tooltipProps: {
+                root: Object.assign(Object.assign({}, tooltipProps), { isOpen: isOpen || timeoutId !== null }),
+                trigger: {
+                    htmlAttributes: {
+                        onBlur: handleCloseTooltip,
+                        onFocus: handleOpenTooltip,
+                        onMouseEnter: handleOpenTooltip,
+                        onMouseLeave: handleCloseTooltip,
+                    },
+                },
+            }, onClick: (event) => {
+                if (onClick)
+                    onClick(event);
+                handleClick();
+            }, className: restProps.className, htmlAttributes: htmlAttributes, children: icon })));
+    }
+    else if (type === 'icon-button') {
+        return ((0, jsx_runtime_1.jsx)(icon_button_1.IconButton, Object.assign({}, restProps.iconButtonProps, { description: content, tooltipProps: {
+                root: Object.assign(Object.assign({}, tooltipProps), { isOpen: isOpen || timeoutId !== null }),
+                trigger: {
+                    htmlAttributes: {
+                        onBlur: handleCloseTooltip,
+                        onFocus: handleOpenTooltip,
+                        onMouseEnter: handleOpenTooltip,
+                        onMouseLeave: handleCloseTooltip,
+                    },
+                },
+            }, onClick: (event) => {
+                if (onClick)
+                    onClick(event);
+                handleClick();
+            }, className: restProps.className, htmlAttributes: htmlAttributes, children: icon })));
+    }
+    else if (type === 'outlined-button') {
+        return ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, Object.assign({ type: "simple", isOpen: isOpen || timeoutId !== null }, tooltipProps, { onOpenChange: (open) => {
+                var _a;
+                if (open) {
+                    handleOpenTooltip();
+                }
+                else {
+                    handleCloseTooltip();
+                }
+                (_a = tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(tooltipProps, open);
+            }, children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { hasButtonWrapper: true, htmlAttributes: {
+                        onBlur: handleCloseTooltip,
+                        onFocus: handleOpenTooltip,
+                        onMouseEnter: handleOpenTooltip,
+                        onMouseLeave: handleCloseTooltip,
+                    }, children: (0, jsx_runtime_1.jsx)(outlined_button_1.OutlinedButton, Object.assign({ color: "neutral" }, restProps.buttonProps, { onClick: (event) => {
+                            if (onClick)
+                                onClick(event);
+                            handleClick();
+                        }, leadingVisual: icon, className: restProps.className, htmlAttributes: htmlAttributes, children: children })) }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: content })] })));
+    }
+};
+const ClipboardButton = ({ textToCopy, isDisabled, size, tooltipProps, htmlAttributes, type, }) => {
+    const [, copyFunction] = (0, hooks_1.useCopyToClipboard)();
+    const isOutlinedButton = type === 'outlined-button';
+    const isIconButton = type === 'icon-button';
+    const props = isOutlinedButton
+        ? {
+            outlinedButtonProps: {
+                isDisabled,
+                size,
+            },
+            type: 'outlined-button',
+        }
+        : isIconButton
+            ? {
+                iconButtonProps: {
+                    description: 'Copy to clipboard',
+                    isDisabled,
+                    size,
+                },
+                type: 'icon-button',
+            }
+            : {
+                cleanIconButtonProps: {
+                    description: 'Copy to clipboard',
+                    isDisabled,
+                    size,
+                },
+                type: 'clean-icon-button',
+            };
+    return ((0, jsx_runtime_1.jsx)(ConfirmationButton, Object.assign({ onClick: () => copyFunction(textToCopy), description: "Copy to clipboard", actionFeedbackText: "Copied" }, props, { tooltipProps: tooltipProps, className: "n-gap-token-8", icon: (0, jsx_runtime_1.jsx)(icons_1.Square2StackIconOutline, { className: "ndl-icon-svg" }), htmlAttributes: htmlAttributes, children: type === 'outlined-button' && 'Copy' })));
+};
+exports.ClipboardButton = ClipboardButton;
+//# sourceMappingURL=ClipboardButton.js.map

package/lib/cjs/clipboard-button/ClipboardButton.js.map

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

package/lib/cjs/clipboard-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/clipboard-button/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,oDAAkC"}

package/lib/cjs/clipboard-button/stories/clipboard-button-default.story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return (0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: "This is the text to copy" });
+};
+exports.default = Component;
+//# sourceMappingURL=clipboard-button-default.story.js.map

package/lib/cjs/clipboard-button/stories/clipboard-button-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-default.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,uBAAC,uBAAe,IAAC,UAAU,EAAC,0BAA0B,GAAG,CAAC;AACnE,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/clipboard-button/stories/clipboard-button-disabled.story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: "This is the text to copy", isDisabled: true }));
+};
+exports.default = Component;
+//# sourceMappingURL=clipboard-button-disabled.story.js.map

package/lib/cjs/clipboard-button/stories/clipboard-button-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-disabled.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,uBAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,UAAU,EAAE,IAAI,GAAI,CAC5E,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/clipboard-button/stories/clipboard-button-not-clean.story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: "This is the text to copy", type: "icon-button" }));
+};
+exports.default = Component;
+//# sourceMappingURL=clipboard-button-not-clean.story.js.map

package/lib/cjs/clipboard-button/stories/clipboard-button-not-clean.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-not-clean.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-not-clean.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,uBAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,aAAa,GAAG,CAC7E,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/clipboard-button/stories/clipboard-button-not-icon-button.story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { type: "outlined-button", textToCopy: "This is the text to copy" }));
+};
+exports.default = Component;
+//# sourceMappingURL=clipboard-button-not-icon-button.story.js.map

package/lib/cjs/clipboard-button/stories/clipboard-button-not-icon-button.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-not-icon-button.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-not-icon-button.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,uBAAe,IACd,IAAI,EAAC,iBAAiB,EACtB,UAAU,EAAC,0BAA0B,GACrC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/clipboard-button/stories/clipboard-button-sizes.story.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-gap-token-16", children: [(0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: "This is the text to copy", size: "small" }), (0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: "This is the text to copy", size: "medium" }), (0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: "This is the text to copy", size: "large" })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=clipboard-button-sizes.story.js.map

package/lib/cjs/clipboard-button/stories/clipboard-button-sizes.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-sizes.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-sizes.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,uBAAuB,aACpC,uBAAC,uBAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,GAAG,EACtE,uBAAC,uBAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,GAAG,EACvE,uBAAC,uBAAe,IAAC,UAAU,EAAC,0BAA0B,EAAC,IAAI,EAAC,OAAO,GAAG,IAClE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/clipboard-button/stories/clipboard-button-tooltip.story.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: "This is the text to copy", tooltipProps: {
+            hoverDelay: {
+                close: 100,
+                open: 100,
+            },
+            isInitialOpen: true,
+            placement: 'right',
+            type: 'simple',
+        } }));
+};
+exports.default = Component;
+//# sourceMappingURL=clipboard-button-tooltip.story.js.map

package/lib/cjs/clipboard-button/stories/clipboard-button-tooltip.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button-tooltip.story.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button-tooltip.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,uBAAe,IACd,UAAU,EAAC,0BAA0B,EACrC,YAAY,EAAE;YACZ,UAAU,EAAE;gBACV,KAAK,EAAE,GAAG;gBACV,IAAI,EAAE,GAAG;aACV;YACD,aAAa,EAAE,IAAI;YACnB,SAAS,EAAE,OAAO;YAClB,IAAI,EAAE,QAAQ;SACf,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/clipboard-button/stories/clipboard-button.stories.js

@@ -0,0 +1,119 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotClean = exports.Disabled = exports.WithTooltipProps = exports.Sizes = exports.AsOutlinedButton = exports.Default = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("../../index");
+const _1 = require(".");
+const componentMeta = {
+    component: index_1.ClipboardButton,
+    decorators: [
+        (Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+    id: 'components-clipboard-button',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/ClipboardButton',
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ClipboardButtonDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ClipboardButtonDefault,
+};
+exports.AsOutlinedButton = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ClipboardButtonNotIconButtonSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ClipboardButtonNotIconButton,
+};
+exports.Sizes = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ClipboardButtonSizesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ClipboardButtonSizes,
+};
+exports.WithTooltipProps = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ClipboardButtonTooltipSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ClipboardButtonTooltip,
+};
+exports.Disabled = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ClipboardButtonDisabledSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ClipboardButtonDisabled,
+};
+exports.NotClean = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ClipboardButtonNotCleanSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ClipboardButtonNotClean,
+};
+//# sourceMappingURL=clipboard-button.stories.js.map

package/lib/cjs/clipboard-button/stories/clipboard-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard-button.stories.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/clipboard-button.stories.tsx"],"names":[],"mappings":";;;;AAsBA,uCAA8C;AAC9C,wBAaW;AAEX,MAAM,aAAa,GAAiC;IAClD,SAAS,EAAE,uBAAe;IAC1B,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,yBAAyB,YACtC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,EAAE,EAAE,6BAA6B;IACjC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,4BAA4B;CACpC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA+B;gBACrC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,+BAA4B;CACrC,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,0BAAuB;gBAC7B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAoB;CAC7B,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,4BAAyB;gBAC/B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,yBAAsB;CAC/B,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAuB;CAChC,CAAC"}

package/lib/cjs/clipboard-button/stories/index.js

@@ -0,0 +1,52 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClipboardButtonNotCleanSrc = exports.ClipboardButtonDisabledSrc = exports.ClipboardButtonTooltipSrc = exports.ClipboardButtonSizesSrc = exports.ClipboardButtonNotIconButtonSrc = exports.ClipboardButtonDefaultSrc = exports.ClipboardButtonNotClean = exports.ClipboardButtonDisabled = exports.ClipboardButtonTooltip = exports.ClipboardButtonSizes = exports.ClipboardButtonNotIconButton = exports.ClipboardButtonDefault = void 0;
+var clipboard_button_default_story_1 = require("./clipboard-button-default.story");
+Object.defineProperty(exports, "ClipboardButtonDefault", { enumerable: true, get: function () { return __importDefault(clipboard_button_default_story_1).default; } });
+var clipboard_button_not_icon_button_story_1 = require("./clipboard-button-not-icon-button.story");
+Object.defineProperty(exports, "ClipboardButtonNotIconButton", { enumerable: true, get: function () { return __importDefault(clipboard_button_not_icon_button_story_1).default; } });
+var clipboard_button_sizes_story_1 = require("./clipboard-button-sizes.story");
+Object.defineProperty(exports, "ClipboardButtonSizes", { enumerable: true, get: function () { return __importDefault(clipboard_button_sizes_story_1).default; } });
+var clipboard_button_tooltip_story_1 = require("./clipboard-button-tooltip.story");
+Object.defineProperty(exports, "ClipboardButtonTooltip", { enumerable: true, get: function () { return __importDefault(clipboard_button_tooltip_story_1).default; } });
+var clipboard_button_disabled_story_1 = require("./clipboard-button-disabled.story");
+Object.defineProperty(exports, "ClipboardButtonDisabled", { enumerable: true, get: function () { return __importDefault(clipboard_button_disabled_story_1).default; } });
+var clipboard_button_not_clean_story_1 = require("./clipboard-button-not-clean.story");
+Object.defineProperty(exports, "ClipboardButtonNotClean", { enumerable: true, get: function () { return __importDefault(clipboard_button_not_clean_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const clipboard_button_default_story_raw_1 = __importDefault(require("./clipboard-button-default.story?raw"));
+const clipboard_button_disabled_story_raw_1 = __importDefault(require("./clipboard-button-disabled.story?raw"));
+const clipboard_button_not_clean_story_raw_1 = __importDefault(require("./clipboard-button-not-clean.story?raw"));
+const clipboard_button_not_icon_button_story_raw_1 = __importDefault(require("./clipboard-button-not-icon-button.story?raw"));
+const clipboard_button_sizes_story_raw_1 = __importDefault(require("./clipboard-button-sizes.story?raw"));
+const clipboard_button_tooltip_story_raw_1 = __importDefault(require("./clipboard-button-tooltip.story?raw"));
+exports.ClipboardButtonDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(clipboard_button_default_story_raw_1.default);
+exports.ClipboardButtonNotIconButtonSrc = (0, export_stories_utils_1.removeLicenseHeader)(clipboard_button_not_icon_button_story_raw_1.default);
+exports.ClipboardButtonSizesSrc = (0, export_stories_utils_1.removeLicenseHeader)(clipboard_button_sizes_story_raw_1.default);
+exports.ClipboardButtonTooltipSrc = (0, export_stories_utils_1.removeLicenseHeader)(clipboard_button_tooltip_story_raw_1.default);
+exports.ClipboardButtonDisabledSrc = (0, export_stories_utils_1.removeLicenseHeader)(clipboard_button_disabled_story_raw_1.default);
+exports.ClipboardButtonNotCleanSrc = (0, export_stories_utils_1.removeLicenseHeader)(clipboard_button_not_clean_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/clipboard-button/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/clipboard-button/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,mFAAqF;AAA5E,yJAAA,OAAO,OAA0B;AAC1C,mGAAmG;AAA1F,uKAAA,OAAO,OAAgC;AAChD,+EAAiF;AAAxE,qJAAA,OAAO,OAAwB;AACxC,mFAAqF;AAA5E,yJAAA,OAAO,OAA0B;AAC1C,qFAAuF;AAA9E,2JAAA,OAAO,OAA2B;AAC3C,uFAAwF;AAA/E,4JAAA,OAAO,OAA2B;AAE3C,wFAAoF;AAEpF,8GAAgF;AAChF,gHAAkF;AAClF,kHAAmF;AACnF,8HAA8F;AAC9F,0GAA4E;AAC5E,8GAAgF;AAEnE,QAAA,yBAAyB,GAAG,IAAA,0CAAmB,EAC1D,4CAA4B,CAC7B,CAAC;AACW,QAAA,+BAA+B,GAAG,IAAA,0CAAmB,EAChE,oDAAkC,CACnC,CAAC;AACW,QAAA,uBAAuB,GAAG,IAAA,0CAAmB,EACxD,0CAA0B,CAC3B,CAAC;AACW,QAAA,yBAAyB,GAAG,IAAA,0CAAmB,EAC1D,4CAA4B,CAC7B,CAAC;AACW,QAAA,0BAA0B,GAAG,IAAA,0CAAmB,EAC3D,6CAA6B,CAC9B,CAAC;AACW,QAAA,0BAA0B,GAAG,IAAA,0CAAmB,EAC3D,8CAA6B,CAC9B,CAAC"}

package/lib/cjs/code/Code.js

@@ -40,7 +40,7 @@ const classnames_1 = __importDefault(require("classnames"));
 const conditional_wrap_1 = require("../conditional-wrap");
 const tooltip_1 = require("../tooltip");
 const Code = (_a) => {
-    var { code, className, isDisabled = false, style, isRunnable = false, tooltipText, onClick, as, ref, htmlAttributes } = _a, restProps = __rest(_a, ["code", "className", "isDisabled", "style", "isRunnable", "tooltipText", "onClick", "as", "ref", "htmlAttributes"]);
+    var { children, className, isDisabled = false, style, isRunnable = false, description, onClick, as, ref, htmlAttributes } = _a, restProps = __rest(_a, ["children", "className", "isDisabled", "style", "isRunnable", "description", "onClick", "as", "ref", "htmlAttributes"]);
     const Component = as !== null && as !== void 0 ? as : (onClick ? 'button' : 'span');
     const classes = (0, classnames_1.default)('ndl-code', {
         'ndl-disabled': isDisabled,
@@ -53,7 +53,7 @@ const Code = (_a) => {
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
     };
-    return ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: tooltipText !== undefined, wrap: (children) => ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { hasButtonWrapper: Component === 'button', children: children }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: tooltipText })] })), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, onClick: handleClick, disabled: isDisabled, ref: ref }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("code", { children: code }) })) }));
+    return ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: Boolean(description) === true, wrap: (children) => ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { hasButtonWrapper: Component === 'button', children: children }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: description })] })), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: style, onClick: handleClick, disabled: isDisabled, ref: ref }, restProps, htmlAttributes, { children: (0, jsx_runtime_1.jsx)("code", { children: children }) })) }));
 };
 exports.Code = Code;
 //# sourceMappingURL=Code.js.map

package/lib/cjs/code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../../src/code/Code.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAGpC,0DAAsD;AACtD,wCAAqC;AAgB9B,MAAM,IAAI,GAAG,CAAyC,EAYtB,EAAE,EAAE;QAZkB,EAC3D,IAAI,EACJ,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,WAAW,EACX,OAAO,EACP,EAAE,EACF,GAAG,EACH,cAAc,OAEuB,EADlC,SAAS,cAX+C,mHAY5D,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEzE,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,UAAU,EACV;QACE,cAAc,EAAE,UAAU;QAC1B,cAAc,EAAE,UAAU;KAC3B,EACD,SAAS,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAA4C,EAAE,EAAE;QACnE,IAAI,UAAU,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,kCAAe,IACd,UAAU,EAAE,WAAW,KAAK,SAAS,EACrC,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,wBAAC,iBAAO,IAAC,IAAI,EAAC,QAAQ,aACpB,uBAAC,iBAAO,CAAC,OAAO,IAAC,gBAAgB,EAAE,SAAS,KAAK,QAAQ,YACtD,QAAQ,GACO,EAClB,uBAAC,iBAAO,CAAC,OAAO,cAAE,WAAW,GAAmB,IACxC,CACX,YAED,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,cAElB,2CAAO,IAAI,GAAQ,IACT,GACI,CACnB,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,IAAI,QA0Df"}
+{"version":3,"file":"Code.js","sourceRoot":"","sources":["../../../src/code/Code.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAGpC,0DAAsD;AACtD,wCAAqC;AAgB9B,MAAM,IAAI,GAAG,CAAyC,EAYtB,EAAE,EAAE;QAZkB,EAC3D,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,UAAU,GAAG,KAAK,EAClB,WAAW,EACX,OAAO,EACP,EAAE,EACF,GAAG,EACH,cAAc,OAEuB,EADlC,SAAS,cAX+C,uHAY5D,CADa;IAEZ,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAEzE,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,UAAU,EACV;QACE,cAAc,EAAE,UAAU;QAC1B,cAAc,EAAE,UAAU;KAC3B,EACD,SAAS,CACV,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAA4C,EAAE,EAAE;QACnE,IAAI,UAAU,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,kCAAe,IACd,UAAU,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,EACzC,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAClB,wBAAC,iBAAO,IAAC,IAAI,EAAC,QAAQ,aACpB,uBAAC,iBAAO,CAAC,OAAO,IAAC,gBAAgB,EAAE,SAAS,KAAK,QAAQ,YACtD,QAAQ,GACO,EAClB,uBAAC,iBAAO,CAAC,OAAO,cAAE,WAAW,GAAmB,IACxC,CACX,YAED,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,cAElB,2CAAO,QAAQ,GAAQ,IACb,GACI,CACnB,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,IAAI,QA0Df"}

package/lib/cjs/code/stories/code-default.story.js

@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Code, { code: ":help cypher", tooltipText: "Copy to clipboard", onClick: () => alert('Copied to clipboard') }));
+    return ((0, jsx_runtime_1.jsx)(react_1.Code, { description: "Copy to clipboard", onClick: () => alert('Copied to clipboard'), children: ":help cypher" }));
 };
 exports.default = Component;
 //# sourceMappingURL=code-default.story.js.map

package/lib/cjs/code/stories/code-default.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-default.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AAExC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAI,IACH,IAAI,EAAC,cAAc,EACnB,WAAW,EAAC,mBAAmB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"code-default.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AAExC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAI,IACH,WAAW,EAAC,mBAAmB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,6BAGtC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/cjs/code/stories/code-runnable.story.js

@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsx)(react_1.Code, { code: ":help cypher", isRunnable: true, tooltipText: "Run query", onClick: () => alert(`Executing: :help cypher`) }));
+    return ((0, jsx_runtime_1.jsx)(react_1.Code, { isRunnable: true, description: "Run query", onClick: () => alert(`Executing: :help cypher`), children: ":help cypher" }));
 };
 exports.default = Component;
 //# sourceMappingURL=code-runnable.story.js.map

package/lib/cjs/code/stories/code-runnable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-runnable.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-runnable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AAExC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAI,IACH,IAAI,EAAC,cAAc,EACnB,UAAU,QACV,WAAW,EAAC,WAAW,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,GAC/C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"code-runnable.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-runnable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AAExC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAI,IACH,UAAU,QACV,WAAW,EAAC,WAAW,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,6BAG1C,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}