@neo4j-ndl/react 4.1.8 → 4.2.0

package/lib/esm/ai/response/Response.js

@@ -0,0 +1,179 @@
+/**
+ *
+ *  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 __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;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Code } from '@neo4j-ndl/react/code';
+import { TextLink } from '@neo4j-ndl/react/text-link';
+import { Typography } from '@neo4j-ndl/react/typography';
+import classNames from 'classnames';
+import { memo, useMemo, useRef } from 'react';
+import { Streamdown } from 'streamdown';
+import { Languages } from '../../code-block/code-languages';
+import { CodePreview } from '../code-preview';
+/**
+ * The component is used to display the response from an LLM.
+ * It handles markdown rendering and streaming.
+ *
+ * @alpha - Changes to this component may be breaking.
+ */
+const Response = memo((_a) => {
+    var { className, children, isAnimating = false, ref, style, htmlAttributes } = _a, restProps = __rest(_a, ["className", "children", "isAnimating", "ref", "style", "htmlAttributes"]);
+    // Use a ref to store the current markdown content so we can check for unclosed fences
+    // without recreating the components object on every render
+    const childrenRef = useRef(children);
+    childrenRef.current = children;
+    const components = useMemo(() => ({
+        ol: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("ol", Object.assign({ className: className }, props, { children: children })));
+        },
+        ul: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("ul", Object.assign({ className: classNames(className) }, props, { children: children })));
+        },
+        li: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("li", Object.assign({ className: className }, props, { children: children })));
+        },
+        hr: (_a) => {
+            var { className } = _a, props = __rest(_a, ["className"]);
+            return (_jsx("hr", Object.assign({ className: classNames(className) }, props)));
+        },
+        strong: (_a) => {
+            var { children, className, style } = _a, props = __rest(_a, ["children", "className", "style"]);
+            return (_jsx(Typography, Object.assign({ as: "strong", variant: "body-medium", className: className, style: Object.assign(Object.assign({}, style), { fontWeight: 'bold' }) }, props, { children: children })));
+        },
+        em: (_a) => {
+            var { children, className, style } = _a, props = __rest(_a, ["children", "className", "style"]);
+            return (_jsx(Typography, Object.assign({ as: "em", variant: "body-medium", className: className, style: Object.assign(Object.assign({}, style), { fontStyle: 'italic' }) }, props, { children: children })));
+        },
+        a: (_a) => {
+            var { children, className, href } = _a, props = __rest(_a, ["children", "className", "href"]);
+            return (_jsx(TextLink, { type: "internal-underline", className: className, href: href, htmlAttributes: props, children: children }));
+        },
+        h1: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx(Typography, { as: "h1", variant: "display", className: className, htmlAttributes: Object.assign({}, props), children: children }));
+        },
+        h2: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx(Typography, { as: "h2", variant: "title-1", className: className, htmlAttributes: Object.assign({}, props), children: children }));
+        },
+        h3: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx(Typography, { as: "h3", variant: "title-2", className: className, htmlAttributes: Object.assign({}, props), children: children }));
+        },
+        h4: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx(Typography, { as: "h4", variant: "title-3", className: className, htmlAttributes: Object.assign({}, props), children: children }));
+        },
+        h5: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx(Typography, { as: "h5", variant: "title-4", className: className, htmlAttributes: Object.assign({}, props), children: children }));
+        },
+        h6: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx(Typography, { as: "h6", variant: "subheading-large", className: className, htmlAttributes: Object.assign({}, props), children: children }));
+        },
+        table: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("div", { className: "my-4 overflow-x-auto", children: _jsx("table", Object.assign({ className: classNames('w-full border-collapse border border-border', className) }, props, { children: children })) }));
+        },
+        thead: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("thead", Object.assign({ className: classNames('bg-muted/50', className) }, props, { children: children })));
+        },
+        tbody: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("tbody", Object.assign({ className: classNames('divide-y divide-border', className) }, props, { children: children })));
+        },
+        tr: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("tr", Object.assign({ className: classNames('border-border border-b', className) }, props, { children: children })));
+        },
+        th: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("th", Object.assign({ className: classNames('px-4 py-2 text-left font-semibold text-sm', className) }, props, { children: children })));
+        },
+        td: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("td", Object.assign({ className: classNames('px-4 py-2 text-sm', className) }, props, { children: children })));
+        },
+        blockquote: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx("blockquote", Object.assign({ className: classNames(className) }, props, { children: children })));
+        },
+        code: (_a) => {
+            var _b, _c, _d;
+            var { node, className, key, children: codeChildren } = _a, props = __rest(_a, ["node", "className", "key", "children"]);
+            const isInline = ((_b = node === null || node === void 0 ? void 0 : node.position) === null || _b === void 0 ? void 0 : _b.start.line) === ((_c = node === null || node === void 0 ? void 0 : node.position) === null || _c === void 0 ? void 0 : _c.end.line);
+            let language = 'javascript';
+            if (typeof ((_d = node === null || node === void 0 ? void 0 : node.properties) === null || _d === void 0 ? void 0 : _d.className) === 'string') {
+                const rawLanguage = node.properties.className.replace('language-', '');
+                language = Languages.includes(rawLanguage)
+                    ? rawLanguage
+                    : 'text';
+            }
+            if (isInline) {
+                return (_jsx(Code, { isRunnable: false, className: className, htmlAttributes: props, children: codeChildren }));
+            }
+            if (typeof codeChildren === 'string') {
+                // Check if code fences are balanced in the markdown
+                // If there are an odd number of fences, it means there's an unclosed code block
+                const fenceMatches = childrenRef.current.match(/```/g);
+                const fenceCount = fenceMatches ? fenceMatches.length : 0;
+                const hasUnclosedFence = fenceCount % 2 !== 0;
+                // Show loading state when there's an unclosed fence (code block is streaming)
+                const isCodeBlockLoading = hasUnclosedFence;
+                return (_jsx(CodePreview, { code: codeChildren, isLoading: isCodeBlockLoading, language: language, className: className, htmlAttributes: Object.assign({}, props) }, key));
+            }
+            else {
+                return _jsx("code", { className: className, children: codeChildren });
+            }
+        },
+        pre: ({ className, children }) => {
+            return _jsx("pre", { className: classNames(className), children: children });
+        },
+        p: (_a) => {
+            var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+            return (_jsx(Typography, Object.assign({ as: "p", variant: "body-medium", className: classNames(className) }, props, { children: children })));
+        },
+        img: (_a) => {
+            var { className, src, alt } = _a, props = __rest(_a, ["className", "src", "alt"]);
+            return (_jsx("img", Object.assign({ className: classNames(className), src: src, alt: alt }, props)));
+        },
+    }), []);
+    return (_jsx("div", Object.assign({ ref: ref, style: style, className: classNames('ndl-ai-response size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0', className) }, restProps, htmlAttributes, { children: _jsx(Streamdown, { isAnimating: isAnimating, parseIncompleteMarkdown: true, components: components, children: children }) })));
+}, (prevProps, nextProps) => prevProps.children === nextProps.children);
+Response.displayName = 'Response';
+export { Response };
+//# sourceMappingURL=Response.js.map

package/lib/esm/ai/response/Response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Response.js","sourceRoot":"","sources":["../../../../src/ai/response/Response.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type CommonProps } from '@neo4j-ndl/react/_common/types';\nimport { Code } from '@neo4j-ndl/react/code';\nimport { TextLink } from '@neo4j-ndl/react/text-link';\nimport { Typography } from '@neo4j-ndl/react/typography';\nimport classNames from 'classnames';\nimport { memo, useMemo, useRef } from 'react';\nimport { Streamdown } from 'streamdown';\n\nimport { type LanguageProp, Languages } from '../../code-block/code-languages';\nimport { CodePreview } from '../code-preview';\n\ntype ResponseProps = {\n  /** The response from the AI */\n  children: string;\n  /** Whether the response is animating */\n  isAnimating?: React.ComponentProps<typeof Streamdown>['isAnimating'];\n};\n\n/**\n * The component is used to display the response from an LLM.\n * It handles markdown rendering and streaming.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst Response = memo(\n  ({\n    className,\n    children,\n    isAnimating = false,\n    ref,\n    style,\n    htmlAttributes,\n    ...restProps\n  }: CommonProps<'div', ResponseProps>) => {\n    // Use a ref to store the current markdown content so we can check for unclosed fences\n    // without recreating the components object on every render\n    const childrenRef = useRef(children);\n    childrenRef.current = children;\n\n    const components: React.ComponentProps<typeof Streamdown>['components'] =\n      useMemo(\n        () => ({\n          ol: ({ children, className, ...props }) => (\n            <ol className={className} {...props}>\n              {children}\n            </ol>\n          ),\n          ul: ({ children, className, ...props }) => (\n            <ul className={classNames(className)} {...props}>\n              {children}\n            </ul>\n          ),\n          li: ({ children, className, ...props }) => (\n            <li className={className} {...props}>\n              {children}\n            </li>\n          ),\n          hr: ({ className, ...props }) => (\n            <hr className={classNames(className)} {...props} />\n          ),\n          strong: ({ children, className, style, ...props }) => (\n            <Typography\n              as=\"strong\"\n              variant=\"body-medium\"\n              className={className}\n              style={{ ...style, fontWeight: 'bold' }}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          em: ({ children, className, style, ...props }) => (\n            <Typography\n              as=\"em\"\n              variant=\"body-medium\"\n              className={className}\n              style={{ ...style, fontStyle: 'italic' }}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          a: ({ children, className, href, ...props }) => (\n            <TextLink\n              type=\"internal-underline\"\n              className={className}\n              href={href}\n              htmlAttributes={props}\n            >\n              {children}\n            </TextLink>\n          ),\n          h1: ({ children, className, ...props }) => (\n            <Typography\n              as=\"h1\"\n              variant=\"display\"\n              className={className}\n              htmlAttributes={{ ...props }}\n            >\n              {children}\n            </Typography>\n          ),\n          h2: ({ children, className, ...props }) => (\n            <Typography\n              as=\"h2\"\n              variant=\"title-1\"\n              className={className}\n              htmlAttributes={{ ...props }}\n            >\n              {children}\n            </Typography>\n          ),\n          h3: ({ children, className, ...props }) => (\n            <Typography\n              as=\"h3\"\n              variant=\"title-2\"\n              className={className}\n              htmlAttributes={{ ...props }}\n            >\n              {children}\n            </Typography>\n          ),\n          h4: ({ children, className, ...props }) => (\n            <Typography\n              as=\"h4\"\n              variant=\"title-3\"\n              className={className}\n              htmlAttributes={{ ...props }}\n            >\n              {children}\n            </Typography>\n          ),\n          h5: ({ children, className, ...props }) => (\n            <Typography\n              as=\"h5\"\n              variant=\"title-4\"\n              className={className}\n              htmlAttributes={{ ...props }}\n            >\n              {children}\n            </Typography>\n          ),\n          h6: ({ children, className, ...props }) => (\n            <Typography\n              as=\"h6\"\n              variant=\"subheading-large\"\n              className={className}\n              htmlAttributes={{ ...props }}\n            >\n              {children}\n            </Typography>\n          ),\n          table: ({ children, className, ...props }) => (\n            <div className=\"my-4 overflow-x-auto\">\n              <table\n                className={classNames(\n                  'w-full border-collapse border border-border',\n                  className,\n                )}\n                {...props}\n              >\n                {children}\n              </table>\n            </div>\n          ),\n          thead: ({ children, className, ...props }) => (\n            <thead className={classNames('bg-muted/50', className)} {...props}>\n              {children}\n            </thead>\n          ),\n          tbody: ({ children, className, ...props }) => (\n            <tbody\n              className={classNames('divide-y divide-border', className)}\n              {...props}\n            >\n              {children}\n            </tbody>\n          ),\n          tr: ({ children, className, ...props }) => (\n            <tr\n              className={classNames('border-border border-b', className)}\n              {...props}\n            >\n              {children}\n            </tr>\n          ),\n          th: ({ children, className, ...props }) => (\n            <th\n              className={classNames(\n                'px-4 py-2 text-left font-semibold text-sm',\n                className,\n              )}\n              {...props}\n            >\n              {children}\n            </th>\n          ),\n          td: ({ children, className, ...props }) => (\n            <td\n              className={classNames('px-4 py-2 text-sm', className)}\n              {...props}\n            >\n              {children}\n            </td>\n          ),\n          blockquote: ({ children, className, ...props }) => (\n            <blockquote className={classNames(className)} {...props}>\n              {children}\n            </blockquote>\n          ),\n          code: ({\n            node,\n            className,\n            key,\n            children: codeChildren,\n            ...props\n          }) => {\n            const isInline =\n              node?.position?.start.line === node?.position?.end.line;\n            let language: LanguageProp | 'text' = 'javascript';\n            if (typeof node?.properties?.className === 'string') {\n              const rawLanguage = node.properties.className.replace(\n                'language-',\n                '',\n              );\n              language = (Languages as readonly string[]).includes(rawLanguage)\n                ? (rawLanguage as LanguageProp)\n                : 'text';\n            }\n            if (isInline) {\n              return (\n                <Code\n                  isRunnable={false}\n                  className={className}\n                  htmlAttributes={props}\n                >\n                  {codeChildren}\n                </Code>\n              );\n            }\n            if (typeof codeChildren === 'string') {\n              // Check if code fences are balanced in the markdown\n              // If there are an odd number of fences, it means there's an unclosed code block\n              const fenceMatches = childrenRef.current.match(/```/g);\n              const fenceCount = fenceMatches ? fenceMatches.length : 0;\n              const hasUnclosedFence = fenceCount % 2 !== 0;\n\n              // Show loading state when there's an unclosed fence (code block is streaming)\n              const isCodeBlockLoading = hasUnclosedFence;\n              return (\n                <CodePreview\n                  key={key}\n                  code={codeChildren}\n                  isLoading={isCodeBlockLoading}\n                  language={language}\n                  className={className}\n                  htmlAttributes={{\n                    ...props,\n                  }}\n                />\n              );\n            } else {\n              return <code className={className}>{codeChildren}</code>;\n            }\n          },\n          pre: ({ className, children }) => {\n            return <pre className={classNames(className)}>{children}</pre>;\n          },\n          p: ({ children, className, ...props }) => (\n            <Typography\n              as=\"p\"\n              variant=\"body-medium\"\n              className={classNames(className)}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          img: ({ className, src, alt, ...props }) => (\n            <img\n              className={classNames(className)}\n              src={src}\n              alt={alt}\n              {...props}\n            />\n          ),\n        }),\n        [],\n      );\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        className={classNames(\n          'ndl-ai-response size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0',\n          className,\n        )}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <Streamdown\n          isAnimating={isAnimating}\n          parseIncompleteMarkdown={true}\n          components={components}\n        >\n          {children}\n        </Streamdown>\n      </div>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nResponse.displayName = 'Response';\n\nexport { Response };\n"]}

package/lib/esm/ai/response/index.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  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/>.
+ */
+export { Response } from './Response';
+//# sourceMappingURL=index.js.map

package/lib/esm/ai/response/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ai/response/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { Response } from './Response';\n"]}

package/lib/esm/ai/response/stories/index.js

@@ -0,0 +1,43 @@
+/**
+ *
+ *  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/>.
+ */
+export { default as ResponseDefault } from './response-default.story';
+export { default as ResponseStreaming } from './response-streaming.story';
+export { default as ResponseAllComponents } from './response-all-components.story';
+export { default as ResponseCodeExamples } from './response-code-examples.story';
+export { default as ResponseHeadings } from './response-headings.story';
+export { default as ResponseLists } from './response-lists.story';
+export { default as ResponseFullExample } from './response-full-example.story';
+import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
+import ResponseAllComponentsSourceRaw from './response-all-components.story?raw';
+import ResponseCodeExamplesSourceRaw from './response-code-examples.story?raw';
+import ResponseDefaultSourceRaw from './response-default.story?raw';
+import ResponseFullExampleSourceRaw from './response-full-example.story?raw';
+import ResponseHeadingsSourceRaw from './response-headings.story?raw';
+import ResponseListsSourceRaw from './response-lists.story?raw';
+import ResponseStreamingSourceRaw from './response-streaming.story?raw';
+export const ResponseDefaultSource = removeLicenseHeader(ResponseDefaultSourceRaw);
+export const ResponseStreamingSource = removeLicenseHeader(ResponseStreamingSourceRaw);
+export const ResponseAllComponentsSource = removeLicenseHeader(ResponseAllComponentsSourceRaw);
+export const ResponseCodeExamplesSource = removeLicenseHeader(ResponseCodeExamplesSourceRaw);
+export const ResponseHeadingsSource = removeLicenseHeader(ResponseHeadingsSourceRaw);
+export const ResponseListsSource = removeLicenseHeader(ResponseListsSourceRaw);
+export const ResponseFullExampleSource = removeLicenseHeader(ResponseFullExampleSourceRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/ai/response/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/response/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAE/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,8BAA8B,MAAM,qCAAqC,CAAC;AACjF,OAAO,6BAA6B,MAAM,oCAAoC,CAAC;AAC/E,OAAO,wBAAwB,MAAM,8BAA8B,CAAC;AACpE,OAAO,4BAA4B,MAAM,mCAAmC,CAAC;AAC7E,OAAO,yBAAyB,MAAM,+BAA+B,CAAC;AACtE,OAAO,sBAAsB,MAAM,4BAA4B,CAAC;AAChE,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AAExE,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,2BAA2B,GAAG,mBAAmB,CAC5D,8BAA8B,CAC/B,CAAC;AACF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAC3D,6BAA6B,CAC9B,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAC1D,4BAA4B,CAC7B,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as ResponseDefault } from './response-default.story';\nexport { default as ResponseStreaming } from './response-streaming.story';\nexport { default as ResponseAllComponents } from './response-all-components.story';\nexport { default as ResponseCodeExamples } from './response-code-examples.story';\nexport { default as ResponseHeadings } from './response-headings.story';\nexport { default as ResponseLists } from './response-lists.story';\nexport { default as ResponseFullExample } from './response-full-example.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport ResponseAllComponentsSourceRaw from './response-all-components.story?raw';\nimport ResponseCodeExamplesSourceRaw from './response-code-examples.story?raw';\nimport ResponseDefaultSourceRaw from './response-default.story?raw';\nimport ResponseFullExampleSourceRaw from './response-full-example.story?raw';\nimport ResponseHeadingsSourceRaw from './response-headings.story?raw';\nimport ResponseListsSourceRaw from './response-lists.story?raw';\nimport ResponseStreamingSourceRaw from './response-streaming.story?raw';\n\nexport const ResponseDefaultSource = removeLicenseHeader(\n  ResponseDefaultSourceRaw,\n);\nexport const ResponseStreamingSource = removeLicenseHeader(\n  ResponseStreamingSourceRaw,\n);\nexport const ResponseAllComponentsSource = removeLicenseHeader(\n  ResponseAllComponentsSourceRaw,\n);\nexport const ResponseCodeExamplesSource = removeLicenseHeader(\n  ResponseCodeExamplesSourceRaw,\n);\nexport const ResponseHeadingsSource = removeLicenseHeader(\n  ResponseHeadingsSourceRaw,\n);\nexport const ResponseListsSource = removeLicenseHeader(ResponseListsSourceRaw);\nexport const ResponseFullExampleSource = removeLicenseHeader(\n  ResponseFullExampleSourceRaw,\n);\n"]}

package/lib/esm/ai/response/stories/response-all-components.story.js

@@ -0,0 +1,225 @@
+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 { Response } from '@neo4j-ndl/react/ai';
+const comprehensiveMarkdown = `
+# All Markdown Components Demo
+
+This story demonstrates all the markdown components that the Response component can render.
+
+## Headings
+
+# Heading 1
+## Heading 2
+### Heading 3
+#### Heading 4
+##### Heading 5
+###### Heading 6
+
+## Text Formatting
+
+This is **bold text** and this is *italic text*.
+
+You can also use __bold__ and _italic_ with underscores.
+
+Combine them: **bold and *italic* together**.
+
+## Lists
+
+### Unordered Lists
+
+- Item 1
+- Item 2
+- Item 3
+  - Nested item 1
+  - Nested item 2
+    - Deeply nested item
+
+### Ordered Lists
+
+1. First item
+2. Second item
+3. Third item
+   1. Nested numbered item
+   2. Another nested item
+
+## Code
+
+### Inline Code
+
+Use \`const x = 5\` for inline code.
+
+### Code Blocks
+
+#### JavaScript
+
+\`\`\`javascript
+const greeting = "Hello World";
+console.log(greeting);
+
+function sayHello(name) {
+  return \`Hello, \${name}!\`;
+}
+\`\`\`
+
+#### Python
+
+\`\`\`python
+def greet(name):
+    return f"Hello, {name}!"
+
+print(greet("World"))
+\`\`\`
+
+#### Cypher
+
+\`\`\`cypher
+MATCH (n:Person)-[:KNOWS]->(m:Person)
+WHERE n.name = "Alice"
+RETURN m.name
+\`\`\`
+
+#### TypeScript
+
+\`\`\`typescript
+interface User {
+  name: string;
+  age: number;
+}
+
+const user: User = {
+  name: "John",
+  age: 30
+};
+\`\`\`
+
+#### Without Language Specification
+
+\`\`\`
+Plain code block
+without syntax highlighting
+\`\`\`
+
+## Links
+
+Visit [Neo4j](https://neo4j.com) for more information.
+
+Multiple links: [Documentation](https://neo4j.com/docs) and [Community](https://community.neo4j.com)
+
+## Blockquotes
+
+> This is a blockquote.
+> It can span multiple lines.
+
+> ### Blockquote with heading
+> 
+> You can also include other markdown inside blockquotes.
+> 
+> - Like lists
+> - And other elements
+
+### Nested Blockquotes
+
+> Outer quote
+>> Nested quote
+>>> Deeply nested quote
+
+## Horizontal Rules
+
+Content above the rule
+
+---
+
+Content below the rule
+
+## Images
+
+![A smiling man](https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=)
+
+## Paragraphs
+
+This is a paragraph with multiple sentences. It demonstrates how regular text is rendered. You can write long-form content that spans multiple lines.
+
+Another paragraph here. Paragraphs are separated by blank lines in markdown.
+
+## Mixed Content Example
+
+Here's a practical example combining multiple elements:
+
+### Database Query Tutorial
+
+To query your Neo4j database, follow these steps:
+
+1. **Connect to your database**
+   
+   Use the following code:
+   
+   \`\`\`javascript
+   const driver = neo4j.driver(
+     'bolt://localhost:7687',
+     neo4j.auth.basic('neo4j', 'password')
+   );
+   \`\`\`
+
+2. **Write your Cypher query**
+   
+   \`\`\`cypher
+   MATCH (n:Movie)
+   WHERE n.released > 2000
+   RETURN n.title, n.released
+   ORDER BY n.released DESC
+   LIMIT 10
+   \`\`\`
+
+3. **Execute and process results**
+   
+   > **Note**: Always close your session after use!
+
+For more information, visit the [Neo4j Documentation](https://neo4j.com/docs).
+
+---
+
+## Special Characters and Escaping
+
+You can escape special characters: \\* \\_ \\[ \\]
+
+## Preformatted Text
+
+Use code blocks for preformatted text with preserved spacing:
+
+\`\`\`
+    This text
+      has preserved
+        indentation
+\`\`\`
+
+| Item              | In Stock | Price |
+| :---------------- | :------: | ----: |
+| Python Hat        |   True   | 222222223.99 |
+| SQL Hat           |   True   | 23.99 |
+| Codecademy Tee    |  False   | 19.99 |
+| Codecademy Hoodie |  False   | 42.99 |
+`;
+export const Component = () => {
+    return (_jsx("div", { className: "max-w-4xl", children: _jsx(Response, { children: comprehensiveMarkdown }) }));
+};
+export default Component;
+//# sourceMappingURL=response-all-components.story.js.map

package/lib/esm/ai/response/stories/response-all-components.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-all-components.story.js","sourceRoot":"","sources":["../../../../../src/ai/response/stories/response-all-components.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqM7B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,QAAQ,cAAE,qBAAqB,GAAY,GACxC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { Response } from '@neo4j-ndl/react/ai';\n\nconst comprehensiveMarkdown = `\n# All Markdown Components Demo\n\nThis story demonstrates all the markdown components that the Response component can render.\n\n## Headings\n\n# Heading 1\n## Heading 2\n### Heading 3\n#### Heading 4\n##### Heading 5\n###### Heading 6\n\n## Text Formatting\n\nThis is **bold text** and this is *italic text*.\n\nYou can also use __bold__ and _italic_ with underscores.\n\nCombine them: **bold and *italic* together**.\n\n## Lists\n\n### Unordered Lists\n\n- Item 1\n- Item 2\n- Item 3\n  - Nested item 1\n  - Nested item 2\n    - Deeply nested item\n\n### Ordered Lists\n\n1. First item\n2. Second item\n3. Third item\n   1. Nested numbered item\n   2. Another nested item\n\n## Code\n\n### Inline Code\n\nUse \\`const x = 5\\` for inline code.\n\n### Code Blocks\n\n#### JavaScript\n\n\\`\\`\\`javascript\nconst greeting = \"Hello World\";\nconsole.log(greeting);\n\nfunction sayHello(name) {\n  return \\`Hello, \\${name}!\\`;\n}\n\\`\\`\\`\n\n#### Python\n\n\\`\\`\\`python\ndef greet(name):\n    return f\"Hello, {name}!\"\n\nprint(greet(\"World\"))\n\\`\\`\\`\n\n#### Cypher\n\n\\`\\`\\`cypher\nMATCH (n:Person)-[:KNOWS]->(m:Person)\nWHERE n.name = \"Alice\"\nRETURN m.name\n\\`\\`\\`\n\n#### TypeScript\n\n\\`\\`\\`typescript\ninterface User {\n  name: string;\n  age: number;\n}\n\nconst user: User = {\n  name: \"John\",\n  age: 30\n};\n\\`\\`\\`\n\n#### Without Language Specification\n\n\\`\\`\\`\nPlain code block\nwithout syntax highlighting\n\\`\\`\\`\n\n## Links\n\nVisit [Neo4j](https://neo4j.com) for more information.\n\nMultiple links: [Documentation](https://neo4j.com/docs) and [Community](https://community.neo4j.com)\n\n## Blockquotes\n\n> This is a blockquote.\n> It can span multiple lines.\n\n> ### Blockquote with heading\n> \n> You can also include other markdown inside blockquotes.\n> \n> - Like lists\n> - And other elements\n\n### Nested Blockquotes\n\n> Outer quote\n>> Nested quote\n>>> Deeply nested quote\n\n## Horizontal Rules\n\nContent above the rule\n\n---\n\nContent below the rule\n\n## Images\n\n![A smiling man](https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=)\n\n## Paragraphs\n\nThis is a paragraph with multiple sentences. It demonstrates how regular text is rendered. You can write long-form content that spans multiple lines.\n\nAnother paragraph here. Paragraphs are separated by blank lines in markdown.\n\n## Mixed Content Example\n\nHere's a practical example combining multiple elements:\n\n### Database Query Tutorial\n\nTo query your Neo4j database, follow these steps:\n\n1. **Connect to your database**\n   \n   Use the following code:\n   \n   \\`\\`\\`javascript\n   const driver = neo4j.driver(\n     'bolt://localhost:7687',\n     neo4j.auth.basic('neo4j', 'password')\n   );\n   \\`\\`\\`\n\n2. **Write your Cypher query**\n   \n   \\`\\`\\`cypher\n   MATCH (n:Movie)\n   WHERE n.released > 2000\n   RETURN n.title, n.released\n   ORDER BY n.released DESC\n   LIMIT 10\n   \\`\\`\\`\n\n3. **Execute and process results**\n   \n   > **Note**: Always close your session after use!\n\nFor more information, visit the [Neo4j Documentation](https://neo4j.com/docs).\n\n---\n\n## Special Characters and Escaping\n\nYou can escape special characters: \\\\* \\\\_ \\\\[ \\\\]\n\n## Preformatted Text\n\nUse code blocks for preformatted text with preserved spacing:\n\n\\`\\`\\`\n    This text\n      has preserved\n        indentation\n\\`\\`\\`\n\n| Item              | In Stock | Price |\n| :---------------- | :------: | ----: |\n| Python Hat        |   True   | 222222223.99 |\n| SQL Hat           |   True   | 23.99 |\n| Codecademy Tee    |  False   | 19.99 |\n| Codecademy Hoodie |  False   | 42.99 |\n`;\n\nexport const Component = () => {\n  return (\n    <div className=\"max-w-4xl\">\n      <Response>{comprehensiveMarkdown}</Response>\n    </div>\n  );\n};\n\nexport default Component;\n"]}