@neo4j-ndl/react 3.9.0 → 3.9.2

package/lib/esm/_common/CodeBlockWrapper.js

@@ -72,7 +72,7 @@ export const CodeBlockWrapper = React.forwardRef(function CodeBlockWrapper({ as,
                             height: Boolean(headerTitle) === true
                                 ? 'calc(100% - 24px - 12px)'
                                 : '100%',
-                        }, children: [_jsx("div", { className: "ndl-code-pseudo-element" }), _jsx("div", { ref: syntaxHighlighterWrapperRef, className: "ndl-highlight-wrapper", role: "textbox", "aria-label": "code-snippet", tabIndex: 0, children: children }), _jsx("div", { className: "ndl-code-pseudo-element" })] })] }), _jsx("div", { className: classNames('ndl-code-block-actions', {
+                        }, children: [_jsx("div", { className: "ndl-code-pseudo-element" }), _jsx("div", { ref: syntaxHighlighterWrapperRef, className: "ndl-highlight-wrapper", role: "textbox", "aria-label": "Code snippet", tabIndex: 0, children: children }), _jsx("div", { className: "ndl-code-pseudo-element" })] })] }), _jsx("div", { className: classNames('ndl-code-block-actions', {
                     'ndl-disabled': isDisabled,
                 }), children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => {
                     const { htmlAttributes, ariaLabel } = iconButtonProps, restIconButtonProps = __rest(iconButtonProps, ["htmlAttributes", "ariaLabel"]);

package/lib/esm/avatar/Avatar.js

@@ -123,6 +123,6 @@ export const Avatar = React.forwardRef(function Avatar(_a, ref) {
     const isStatusIndicatorVisible = hasStatus && !isDisabled && status;
     return (_jsxs(Component, Object.assign({ ref: ref, className: classes, style: style, "aria-hidden": !isButton }, (isButton && {
         disabled: isDisabled,
-    }), { "aria-label": `avatar ${name}` }, restProps, htmlAttributes, { children: [_jsx("div", { className: classNames(shapeClasses, typeClass), "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && (_jsx(StatusIndicator, { size: size, status: status }))] })));
+    }), { "aria-label": `Avatar ${name}` }, restProps, htmlAttributes, { children: [_jsx("div", { className: classNames(shapeClasses, typeClass), "data-testid": "ndl-avatar-container", children: TypeComponent }), isStatusIndicatorVisible && (_jsx(StatusIndicator, { size: size, status: status }))] })));
 });
 //# sourceMappingURL=Avatar.js.map

package/lib/esm/breadcrumbs/Breadcrumbs.js

@@ -32,7 +32,7 @@ const BreadcrumbsBaseItem = React.forwardRef(function BreadcrumbsBaseItem({ as,
     const classes = classNames('ndl-breadcrumbs-base-item-link', className, {
         'ndl-breadcrumbs-base-item-link-active': isCurrentPage,
     });
-    return (_jsx("li", { className: "ndl-breadcrumbs-base-item", ref: ref, children: _jsx(Component, Object.assign({ role: "button", tabIndex: 0, "aria-label": "home", className: classes, href: href, onClick: (event) => {
+    return (_jsx("li", { className: "ndl-breadcrumbs-base-item", ref: ref, children: _jsx(Component, Object.assign({ role: "button", tabIndex: 0, "aria-label": "Home", className: classes, href: href, onClick: (event) => {
                 if (onClick)
                     onClick(event, href);
             } }, htmlAttributes, { children: children })) }));
@@ -117,7 +117,7 @@ BreadcrumbsMenuItem.displayName = 'Breadcrumbs.MenuItem';
 const BreadcrumbsComponent = ({ as, children, className, htmlAttributes, }) => {
     const Component = as || 'nav';
     const classes = classNames('ndl-breadcrumbs ndl-breadcrumbs-old', className);
-    return (_jsx(Component, Object.assign({ "aria-label": "breadcrumb", className: classes }, htmlAttributes, { children: _jsx("ol", { children: children }) })));
+    return (_jsx(Component, Object.assign({ "aria-label": "Breadcrumb", className: classes }, htmlAttributes, { children: _jsx("ol", { children: children }) })));
 };
 BreadcrumbsComponent.displayName = 'Breadcrumbs';
 // Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { SHORT_CODE_EXAMPLE } from './example-code-snippets';
+const Component = () => {
+    return _jsx(Code, { code: SHORT_CODE_EXAMPLE, language: "typescript" });
+};
+export default Component;
+//# sourceMappingURL=code-default.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code-default.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAC,YAAY,GAAG,CAAC;AAClE,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-disabled.story.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { PlayCircleIconOutline, Square2StackIconOutline, } from '@neo4j-ndl/react/icons';
+import { SHORT_CODE_EXAMPLE } from './example-code-snippets';
+const Component = () => {
+    return (_jsx(Code, { code: SHORT_CODE_EXAMPLE, language: "typescript", type: "block", headerTitle: "Code Header", isDisabled: true, actions: [
+            {
+                ariaLabel: 'copy',
+                children: (_jsx(Square2StackIconOutline, { className: "n-text-palette-neutral-text-icon" })),
+                htmlAttributes: { title: 'copy' },
+                onClick: () => alert('This should not trigger when disabled'),
+            },
+            {
+                ariaLabel: 'run',
+                children: (_jsx(PlayCircleIconOutline, { className: "n-text-palette-primary-icon" })),
+                htmlAttributes: { title: 'run' },
+                onClick: () => alert('This should not trigger when disabled'),
+            },
+        ] }));
+};
+export default Component;
+//# sourceMappingURL=code-disabled.story.js.map

package/lib/esm/code/stories/code-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-disabled.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,aAAa,EACzB,UAAU,QACV,OAAO,EAAE;YACP;gBACE,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,CACR,KAAC,uBAAuB,IAAC,SAAS,EAAC,kCAAkC,GAAG,CACzE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uCAAuC,CAAC;aAC9D;YACD;gBACE,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,CACR,KAAC,qBAAqB,IAAC,SAAS,EAAC,6BAA6B,GAAG,CAClE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uCAAuC,CAAC;aAC9D;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-full.story.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { PlayCircleIconOutline, Square2StackIconOutline, } from '@neo4j-ndl/react/icons';
+import { LONG_CODE_EXAMPLE } from './example-code-snippets';
+const Component = () => {
+    return (_jsx(Code, { code: LONG_CODE_EXAMPLE, maxHeight: 320, type: "block", language: "typescript", showLineNumbers: true, theme: "ndl-code-light", headerTitle: "Code Header", actions: [
+            {
+                ariaLabel: 'copy',
+                children: (_jsx(Square2StackIconOutline, { className: "n-text-palette-neutral-text-icon" })),
+                htmlAttributes: { title: 'copy' },
+                onClick: () => alert('copied'),
+            },
+            {
+                ariaLabel: 'run',
+                children: (_jsx(PlayCircleIconOutline, { className: "n-text-palette-primary-icon" })),
+                htmlAttributes: { title: 'run' },
+                onClick: () => alert('running'),
+            },
+        ], isDisabled: false }));
+};
+export default Component;
+//# sourceMappingURL=code-full.story.js.map

package/lib/esm/code/stories/code-full.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-full.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-full.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,iBAAiB,EACvB,SAAS,EAAE,GAAG,EACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,YAAY,EACrB,eAAe,QACf,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,aAAa,EACzB,OAAO,EAAE;YACP;gBACE,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,CACR,KAAC,uBAAuB,IAAC,SAAS,EAAC,kCAAkC,GAAG,CACzE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC/B;YACD;gBACE,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,CACR,KAAC,qBAAqB,IAAC,SAAS,EAAC,6BAA6B,GAAG,CAClE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC;aAChC;SACF,EACD,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-inline-runnable.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Code, { code: ":help cypher", type: "inline", isRunnable: true, tooltipText: "run", onClick: () => alert(`Executing: :help cypher`) }));
+};
+export default Component;
+//# sourceMappingURL=code-inline-runnable.story.js.map

package/lib/esm/code/stories/code-inline-runnable.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-inline-runnable.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-inline-runnable.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,QAAQ,EACb,UAAU,QACV,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,yBAAyB,CAAC,GAC/C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-inline.story.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+const Component = () => {
+    return (_jsx(Code, { code: ":help cypher", type: "inline", tooltipText: "Copy to clipboard", onClick: () => alert('Copied to clipboard') }));
+};
+export default Component;
+//# sourceMappingURL=code-inline.story.js.map

package/lib/esm/code/stories/code-inline.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-inline.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-inline.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,mBAAmB,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-languages.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { LANGUAGE_SYNTAX_HIGHLIGHTING_EXAMPLES } from './example-code-snippets';
+const Component = () => {
+    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Code, { code: LANGUAGE_SYNTAX_HIGHLIGHTING_EXAMPLES.TYPESCRIPT, language: "typescript", type: "block", headerTitle: "TypeScript", showLineNumbers: true }), _jsx(Code, { code: LANGUAGE_SYNTAX_HIGHLIGHTING_EXAMPLES.CYPHER, language: "cypher", type: "block", headerTitle: "Cypher Query Language", showLineNumbers: true }), _jsx(Code, { code: LANGUAGE_SYNTAX_HIGHLIGHTING_EXAMPLES.JSON, language: "json", type: "block", headerTitle: "JSON Configuration", showLineNumbers: true })] }));
+};
+export default Component;
+//# sourceMappingURL=code-languages.story.js.map

package/lib/esm/code/stories/code-languages.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-languages.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-languages.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,qCAAqC,EAAE,MAAM,yBAAyB,CAAC;AAEhF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,IAAI,IACH,IAAI,EAAE,qCAAqC,CAAC,UAAU,EACtD,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,YAAY,EACxB,eAAe,SACf,EAEF,KAAC,IAAI,IACH,IAAI,EAAE,qCAAqC,CAAC,MAAM,EAClD,QAAQ,EAAC,QAAQ,EACjB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,uBAAuB,EACnC,eAAe,SACf,EAEF,KAAC,IAAI,IACH,IAAI,EAAE,qCAAqC,CAAC,IAAI,EAChD,QAAQ,EAAC,MAAM,EACf,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,oBAAoB,EAChC,eAAe,SACf,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-overflow.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { LONG_CODE_EXAMPLE } from './example-code-snippets';
+const Component = () => {
+    return (_jsx(Code, { code: LONG_CODE_EXAMPLE, language: "typescript", type: "block", headerTitle: "Code Header", maxHeight: 320 }));
+};
+export default Component;
+//# sourceMappingURL=code-overflow.story.js.map

package/lib/esm/code/stories/code-overflow.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-overflow.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-overflow.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,iBAAiB,EACvB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,aAAa,EACzB,SAAS,EAAE,GAAG,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-with-actions.story.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { PlayCircleIconOutline, Square2StackIconOutline, } from '@neo4j-ndl/react/icons';
+import { SHORT_CODE_EXAMPLE } from './example-code-snippets';
+const Component = () => {
+    return (_jsx(Code, { code: SHORT_CODE_EXAMPLE, language: "typescript", type: "block", maxHeight: 320, actions: [
+            {
+                ariaLabel: 'copy',
+                children: (_jsx(Square2StackIconOutline, { className: "n-text-palette-neutral-text-icon" })),
+                htmlAttributes: { title: 'copy' },
+                onClick: () => alert('Code copied to clipboard!'),
+            },
+            {
+                ariaLabel: 'run',
+                children: (_jsx(PlayCircleIconOutline, { className: "n-text-palette-primary-icon" })),
+                htmlAttributes: { title: 'run' },
+                onClick: () => alert('Running code...'),
+            },
+        ] }));
+};
+export default Component;
+//# sourceMappingURL=code-with-actions.story.js.map

package/lib/esm/code/stories/code-with-actions.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-with-actions.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-with-actions.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,GAAG,EACd,OAAO,EAAE;YACP;gBACE,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,CACR,KAAC,uBAAuB,IAAC,SAAS,EAAC,kCAAkC,GAAG,CACzE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBACjC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;aAClD;YACD;gBACE,SAAS,EAAE,KAAK;gBAChB,QAAQ,EAAE,CACR,KAAC,qBAAqB,IAAC,SAAS,EAAC,6BAA6B,GAAG,CAClE;gBACD,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;gBAChC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;aACxC;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-with-header.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { SHORT_CODE_EXAMPLE } from './example-code-snippets';
+const Component = () => {
+    return (_jsx(Code, { code: SHORT_CODE_EXAMPLE, language: "typescript", headerTitle: "Code Header" }));
+};
+export default Component;
+//# sourceMappingURL=code-with-header.story.js.map

package/lib/esm/code/stories/code-with-header.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-with-header.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-with-header.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,WAAW,EAAC,aAAa,GACzB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code-with-line-numbers.story.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "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/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Code } from '@neo4j-ndl/react';
+import { SHORT_CODE_EXAMPLE } from './example-code-snippets';
+const Component = () => {
+    return (_jsx(Code, { code: SHORT_CODE_EXAMPLE, language: "typescript", type: "block", headerTitle: "Code Header", showLineNumbers: true }));
+};
+export default Component;
+//# sourceMappingURL=code-with-line-numbers.story.js.map

package/lib/esm/code/stories/code-with-line-numbers.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-with-line-numbers.story.js","sourceRoot":"","sources":["../../../../src/code/stories/code-with-line-numbers.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,IAAI,IACH,IAAI,EAAE,kBAAkB,EACxB,QAAQ,EAAC,YAAY,EACrB,IAAI,EAAC,OAAO,EACZ,WAAW,EAAC,aAAa,EACzB,eAAe,SACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/code/stories/code.stories.js

@@ -0,0 +1,163 @@
+/**
+ *
+ *  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/>.
+ */
+import { Code } from '@neo4j-ndl/react';
+import { CodeDefault, CodeDefaultSrc, CodeDisabled, CodeDisabledSrc, CodeFull, CodeFullSrc, CodeInline, CodeInlineRunnable, CodeInlineRunnableSrc, CodeInlineSrc, CodeLanguages, CodeLanguagesSrc, CodeLineNumbers, CodeLineNumbersSrc, CodeOverflow, CodeOverflowSrc, CodeWithActions, CodeWithActionsSrc, CodeWithHeader, CodeWithHeaderSrc, } from './index';
+const componentMeta = {
+    title: 'Components/Code',
+    id: 'components-code',
+    component: Code,
+    tags: ['docsPage'],
+    parameters: {
+        controls: { disable: true },
+    },
+};
+export default componentMeta;
+export const Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeDefault,
+};
+export const WithActions = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeWithActionsSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeWithActions,
+};
+export const WithHeader = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeWithHeaderSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeWithHeader,
+};
+export const Overflow = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeOverflowSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeOverflow,
+};
+export const Disabled = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeDisabledSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeDisabled,
+};
+export const LineNumbers = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeLineNumbersSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeLineNumbers,
+};
+export const Languages = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeLanguagesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeLanguages,
+};
+export const Inline = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeInlineSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeInline,
+};
+export const InlineRunnable = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeInlineRunnableSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeInlineRunnable,
+};
+export const Full = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: CodeFullSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: CodeFull,
+};
+//# sourceMappingURL=code.stories.js.map

package/lib/esm/code/stories/code.stories.js.map

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