@neo4j-ndl/react 4.1.9 → 4.2.1

package/lib/cjs/ai/code-preview/CodePreview.js

@@ -0,0 +1,91 @@
+"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.CodePreview = 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 = require("@neo4j-ndl/react");
+const classnames_1 = __importDefault(require("classnames"));
+const react_2 = require("react");
+const react_syntax_highlighter_1 = require("react-syntax-highlighter");
+const code_languages_1 = require("../../code-block/code-languages");
+const ndl_code_dark_1 = __importDefault(require("../../code-block/themes/ndl-code-dark"));
+const ndl_code_light_1 = __importDefault(require("../../code-block/themes/ndl-code-light"));
+/**
+ * The component is used to display code that is generated by an LLM.
+ *
+ * @alpha - Changes to this component may be breaking.
+ */
+const CodePreview = (_a) => {
+    var { code, language, label, isLoading = false, headerActions, theme, ref, style, className, htmlAttributes } = _a, restProps = __rest(_a, ["code", "language", "label", "isLoading", "headerActions", "theme", "ref", "style", "className", "htmlAttributes"]);
+    const [loadedLanguage, setLoadedLanguage] = (0, react_2.useState)(null);
+    const { theme: ndlTheme } = (0, react_1.useNeedleTheme)();
+    (0, react_2.useEffect)(() => {
+        if (!language || !code_languages_1.Languages.includes(language)) {
+            setLoadedLanguage('text');
+            return;
+        }
+        (0, code_languages_1.loadLanguage)(language)
+            .then((module) => {
+            react_syntax_highlighter_1.PrismLight.registerLanguage(language, module.default);
+            setLoadedLanguage(language);
+        })
+            .catch((err) => console.error(err));
+    }, [language]);
+    const getTheme = () => {
+        switch (theme) {
+            case 'ndl-code-dark':
+                return ndl_code_dark_1.default;
+            case 'ndl-code-light':
+                return ndl_code_light_1.default;
+            default:
+                return ndlTheme === 'light' ? ndl_code_light_1.default : ndl_code_dark_1.default;
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, style: style, className: (0, classnames_1.default)('ndl-ai-code-preview', className) }, restProps, htmlAttributes, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-ai-code-preview-header", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-ai-code-preview-title", children: isLoading ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.LoadingSpinner, { size: "medium" }), (0, jsx_runtime_1.jsxs)(react_1.Typography, { variant: "code", children: ["WRITING ", language.toUpperCase()] })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_1.Typography, { variant: "code", children: [language.toUpperCase(), ' ', language.toLowerCase() === 'cypher' ? 'QUERY' : ''] }), label && ((0, jsx_runtime_1.jsx)(react_1.StatusLabel, { variant: label === 'write' ? 'warning' : 'info', size: "small", fill: "outlined", children: label }))] })) }), !isLoading && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-ai-code-preview-actions", children: [(0, jsx_runtime_1.jsx)(react_1.ClipboardButton, { textToCopy: code, type: "clean-icon-button", size: "small" }), headerActions] }))] }), !isLoading && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-ai-code-preview-content", children: (0, jsx_runtime_1.jsx)("div", { className: "ndl-code-content-container", children: (0, jsx_runtime_1.jsx)(react_syntax_highlighter_1.PrismLight, { language: loadedLanguage !== null && loadedLanguage !== void 0 ? loadedLanguage : 'text', style: Object.assign(Object.assign({}, getTheme()), { 'pre[class*="language-"]': {
+                                border: 0,
+                                color: 'var(--theme-color-neutral-text-default)',
+                                lineHeight: '1',
+                                overflowX: 'auto',
+                                padding: 'var(--space-12)',
+                                width: 'fit-content',
+                            } }), 
+                        // Turn on 'shouldShowLineNumbers' & 'wrapLongLines' at the same time, the display is wrong
+                        // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402
+                        // wrapLongLines
+                        codeTagProps: { className: 'n-ai-code-preview' }, showLineNumbers: false, children: code }) }) }))] })));
+};
+exports.CodePreview = CodePreview;
+//# sourceMappingURL=CodePreview.js.map

package/lib/cjs/ai/code-preview/CodePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodePreview.js","sourceRoot":"","sources":["../../../../src/ai/code-preview/CodePreview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4CAO0B;AAC1B,4DAAoC;AACpC,iCAA4C;AAC5C,uEAA2E;AAG3E,oEAIyC;AACzC,0FAAgE;AAChE,4FAAkE;AAiBlE;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAYW,EAAE,EAAE;QAZf,EAC1B,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,KAAK,EACL,GAAG,EACH,KAAK,EACL,SAAS,EACT,cAAc,OAEuB,EADlC,SAAS,cAXc,mHAY3B,CADa;IAEZ,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAElD,IAAI,CAAC,CAAC;IACR,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,IAAI,CAAE,0BAA+B,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;YACtE,iBAAiB,CAAC,MAAM,CAAC,CAAC;YAC1B,OAAO;QACT,CAAC;QAED,IAAA,6BAAY,EAAC,QAAwB,CAAC;aACnC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE;YACf,qCAAiB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;YAC7D,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,eAAe;gBAClB,OAAO,uBAAW,CAAC;YACrB,KAAK,gBAAgB;gBACnB,OAAO,wBAAY,CAAC;YACtB;gBACE,OAAO,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,wBAAY,CAAC,CAAC,CAAC,uBAAW,CAAC;QAC7D,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,+CACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,IACnD,SAAS,EACT,cAAc,eAGlB,iCAAK,SAAS,EAAC,4BAA4B,aACzC,gCAAK,SAAS,EAAC,2BAA2B,YACvC,SAAS,CAAC,CAAC,CAAC,CACX,6DACE,uBAAC,sBAAc,IAAC,IAAI,EAAC,QAAQ,GAAG,EAChC,wBAAC,kBAAU,IAAC,OAAO,EAAC,MAAM,yBACf,QAAQ,CAAC,WAAW,EAAE,IACpB,IACZ,CACJ,CAAC,CAAC,CAAC,CACF,6DACE,wBAAC,kBAAU,IAAC,OAAO,EAAC,MAAM,aACvB,QAAQ,CAAC,WAAW,EAAE,EAAE,GAAG,EAC3B,QAAQ,CAAC,WAAW,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IACxC,EACZ,KAAK,IAAI,CACR,uBAAC,mBAAW,IACV,OAAO,EAAE,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAC/C,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,UAAU,YAEd,KAAK,GACM,CACf,IACA,CACJ,GACG,EAEL,CAAC,SAAS,IAAI,CACb,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,uBAAe,IACd,UAAU,EAAE,IAAI,EAChB,IAAI,EAAC,mBAAmB,EACxB,IAAI,EAAC,OAAO,GACZ,EACD,aAAa,IACV,CACP,IACG,EAEL,CAAC,SAAS,IAAI,CACb,gCAAK,SAAS,EAAC,6BAA6B,YAC1C,gCAAK,SAAS,EAAC,4BAA4B,YACzC,uBAAC,qCAAiB,IAChB,QAAQ,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,MAAM,EAClC,KAAK,kCACA,QAAQ,EAAE,KACb,yBAAyB,EAAE;gCACzB,MAAM,EAAE,CAAC;gCACT,KAAK,EAAE,yCAAyC;gCAChD,UAAU,EAAE,GAAG;gCACf,SAAS,EAAE,MAAM;gCACjB,OAAO,EAAE,iBAAiB;gCAC1B,KAAK,EAAE,aAAa;6BACrB;wBAEH,2FAA2F;wBAC3F,kFAAkF;wBAClF,gBAAgB;wBAChB,YAAY,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAChD,eAAe,EAAE,KAAK,YAErB,IAAI,GACa,GAChB,GACF,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAzHW,QAAA,WAAW,eAyHtB","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 {\n  ClipboardButton,\n  type CodeBlock,\n  LoadingSpinner,\n  StatusLabel,\n  Typography,\n  useNeedleTheme,\n} from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport { useEffect, useState } from 'react';\nimport { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';\n\nimport { type CommonProps } from '../../_common/types';\nimport {\n  type LanguageProp,\n  Languages,\n  loadLanguage,\n} from '../../code-block/code-languages';\nimport ndlCodeDark from '../../code-block/themes/ndl-code-dark';\nimport ndlCodeLight from '../../code-block/themes/ndl-code-light';\n\ntype CodePreviewProps = {\n  /** The code content to display */\n  code: string;\n  /** The language of the code (e.g., 'cypher', 'python', 'javascript') */\n  language: React.ComponentProps<typeof CodeBlock>['language'];\n  /** The current state of the code block */\n  label?: 'read' | 'write';\n  /** Whether the code block is loading */\n  isLoading?: boolean;\n  /** The actions to display in the header. Should be small CleanIconButton components. */\n  headerActions?: React.ReactNode;\n  /** The theme of the code block */\n  theme?: 'ndl-code-dark' | 'ndl-code-light';\n};\n\n/**\n * The component is used to display code that is generated by an LLM.\n *\n * @alpha - Changes to this component may be breaking.\n */\nexport const CodePreview = ({\n  code,\n  language,\n  label,\n  isLoading = false,\n  headerActions,\n  theme,\n  ref,\n  style,\n  className,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<'div', CodePreviewProps>) => {\n  const [loadedLanguage, setLoadedLanguage] = useState<\n    CodePreviewProps['language'] | null\n  >(null);\n  const { theme: ndlTheme } = useNeedleTheme();\n\n  useEffect(() => {\n    if (!language || !(Languages as readonly string[]).includes(language)) {\n      setLoadedLanguage('text');\n      return;\n    }\n\n    loadLanguage(language as LanguageProp)\n      .then((module) => {\n        SyntaxHighlighter.registerLanguage(language, module.default);\n        setLoadedLanguage(language);\n      })\n      .catch((err) => console.error(err));\n  }, [language]);\n\n  const getTheme = () => {\n    switch (theme) {\n      case 'ndl-code-dark':\n        return ndlCodeDark;\n      case 'ndl-code-light':\n        return ndlCodeLight;\n      default:\n        return ndlTheme === 'light' ? ndlCodeLight : ndlCodeDark;\n    }\n  };\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={classNames('ndl-ai-code-preview', className)}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {/* Header */}\n      <div className=\"ndl-ai-code-preview-header\">\n        <div className=\"ndl-ai-code-preview-title\">\n          {isLoading ? (\n            <>\n              <LoadingSpinner size=\"medium\" />\n              <Typography variant=\"code\">\n                WRITING {language.toUpperCase()}\n              </Typography>\n            </>\n          ) : (\n            <>\n              <Typography variant=\"code\">\n                {language.toUpperCase()}{' '}\n                {language.toLowerCase() === 'cypher' ? 'QUERY' : ''}\n              </Typography>\n              {label && (\n                <StatusLabel\n                  variant={label === 'write' ? 'warning' : 'info'}\n                  size=\"small\"\n                  fill=\"outlined\"\n                >\n                  {label}\n                </StatusLabel>\n              )}\n            </>\n          )}\n        </div>\n\n        {!isLoading && (\n          <div className=\"ndl-ai-code-preview-actions\">\n            <ClipboardButton\n              textToCopy={code}\n              type=\"clean-icon-button\"\n              size=\"small\"\n            />\n            {headerActions}\n          </div>\n        )}\n      </div>\n\n      {!isLoading && (\n        <div className=\"ndl-ai-code-preview-content\">\n          <div className=\"ndl-code-content-container\">\n            <SyntaxHighlighter\n              language={loadedLanguage ?? 'text'}\n              style={{\n                ...getTheme(),\n                'pre[class*=\"language-\"]': {\n                  border: 0,\n                  color: 'var(--theme-color-neutral-text-default)',\n                  lineHeight: '1',\n                  overflowX: 'auto',\n                  padding: 'var(--space-12)',\n                  width: 'fit-content',\n                },\n              }}\n              // Turn on 'shouldShowLineNumbers' & 'wrapLongLines' at the same time, the display is wrong\n              // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402\n              // wrapLongLines\n              codeTagProps={{ className: 'n-ai-code-preview' }}\n              showLineNumbers={false}\n            >\n              {code}\n            </SyntaxHighlighter>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/lib/cjs/ai/code-preview/index.js

@@ -0,0 +1,26 @@
+"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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodePreview = void 0;
+var CodePreview_1 = require("./CodePreview");
+Object.defineProperty(exports, "CodePreview", { enumerable: true, get: function () { return CodePreview_1.CodePreview; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/code-preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ai/code-preview/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,6CAA4C;AAAnC,0GAAA,WAAW,OAAA","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 { CodePreview } from './CodePreview';\n"]}

package/lib/cjs/ai/code-preview/stories/code-preview-languages.story.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Component = 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 ai_1 = require("@neo4j-ndl/react/ai");
+const pythonCode = `def show_functions(username, function_type='ALL'):
+    """
+    Show functions executable by user
+    """
+    query = f"SHOW {function_type} FUNCTIONS EXECUTABLE BY {username}"
+    return query`;
+const Component = () => {
+    return (0, jsx_runtime_1.jsx)(ai_1.CodePreview, { code: pythonCode, language: "python" });
+};
+exports.Component = Component;
+exports.default = exports.Component;
+//# sourceMappingURL=code-preview-languages.story.js.map

package/lib/cjs/ai/code-preview/stories/code-preview-languages.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview-languages.story.js","sourceRoot":"","sources":["../../../../../src/ai/code-preview/stories/code-preview-languages.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAkD;AAElD,MAAM,UAAU,GAAG;;;;;iBAKF,CAAC;AAEX,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,uBAAC,gBAAW,IAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAC,QAAQ,GAAG,CAAC;AAC7D,CAAC,CAAC;AAFW,QAAA,SAAS,aAEpB;AAEF,kBAAe,iBAAS,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\nimport { CodePreview } from '@neo4j-ndl/react/ai';\n\nconst pythonCode = `def show_functions(username, function_type='ALL'):\n    \"\"\"\n    Show functions executable by user\n    \"\"\"\n    query = f\"SHOW {function_type} FUNCTIONS EXECUTABLE BY {username}\"\n    return query`;\n\nexport const Component = () => {\n  return <CodePreview code={pythonCode} language=\"python\" />;\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/code-preview/stories/code-preview-loading.story.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Component = 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 ai_1 = require("@neo4j-ndl/react/ai");
+const Component = () => {
+    return (0, jsx_runtime_1.jsx)(ai_1.CodePreview, { code: "", language: "cypher", isLoading: true });
+};
+exports.Component = Component;
+exports.default = exports.Component;
+//# sourceMappingURL=code-preview-loading.story.js.map

package/lib/cjs/ai/code-preview/stories/code-preview-loading.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview-loading.story.js","sourceRoot":"","sources":["../../../../../src/ai/code-preview/stories/code-preview-loading.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAkD;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,uBAAC,gBAAW,IAAC,IAAI,EAAC,EAAE,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,EAAE,IAAI,GAAI,CAAC;AACpE,CAAC,CAAC;AAFW,QAAA,SAAS,aAEpB;AAEF,kBAAe,iBAAS,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\nimport { CodePreview } from '@neo4j-ndl/react/ai';\n\nexport const Component = () => {\n  return <CodePreview code=\"\" language=\"cypher\" isLoading={true} />;\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/code-preview/stories/code-preview-read.story.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Component = 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 = require("@neo4j-ndl/react");
+const ai_1 = require("@neo4j-ndl/react/ai");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY
+username
+[YIELD { * | field[, ...] } [ORDER BY field ...`;
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(ai_1.CodePreview, { code: cypherCode, language: "cypher", label: "read", headerActions: (0, jsx_runtime_1.jsx)(react_1.OutlinedButton, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.PencilSquareIconOutline, {}), variant: "neutral", size: "small", children: "Send to Query" }) }));
+};
+exports.Component = Component;
+exports.default = exports.Component;
+//# sourceMappingURL=code-preview-read.story.js.map

package/lib/cjs/ai/code-preview/stories/code-preview-read.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview-read.story.js","sourceRoot":"","sources":["../../../../../src/ai/code-preview/stories/code-preview-read.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAkD;AAClD,4CAAkD;AAClD,kDAAiE;AAEjE,MAAM,UAAU,GAAG;;gDAE6B,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL,uBAAC,gBAAW,IACV,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,MAAM,EACZ,aAAa,EACX,uBAAC,sBAAc,IACb,aAAa,EAAE,uBAAC,+BAAuB,KAAG,EAC1C,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,8BAGG,GAEnB,CACH,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,SAAS,aAiBpB;AAEF,kBAAe,iBAAS,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\nimport { OutlinedButton } from '@neo4j-ndl/react';\nimport { CodePreview } from '@neo4j-ndl/react/ai';\nimport { PencilSquareIconOutline } from '@neo4j-ndl/react/icons';\n\nconst cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY\nusername\n[YIELD { * | field[, ...] } [ORDER BY field ...`;\n\nexport const Component = () => {\n  return (\n    <CodePreview\n      code={cypherCode}\n      language=\"cypher\"\n      label=\"read\"\n      headerActions={\n        <OutlinedButton\n          leadingVisual={<PencilSquareIconOutline />}\n          variant=\"neutral\"\n          size=\"small\"\n        >\n          Send to Query\n        </OutlinedButton>\n      }\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/code-preview/stories/code-preview-write.story.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Component = 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 = require("@neo4j-ndl/react");
+const ai_1 = require("@neo4j-ndl/react/ai");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY
+username
+[YIELD { * | field[, ...] } [ORDER BY field ...`;
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(ai_1.CodePreview, { code: cypherCode, language: "cypher", label: "write", headerActions: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.CleanIconButton, { variant: "neutral", description: "Send to Query", size: "small", children: (0, jsx_runtime_1.jsx)(icons_1.PencilSquareIconOutline, {}) }), (0, jsx_runtime_1.jsx)(react_1.CleanIconButton, { variant: "neutral", description: "Run in Query", size: "small", children: (0, jsx_runtime_1.jsx)(icons_1.PlayCircleIconOutline, {}) })] }) }));
+};
+exports.Component = Component;
+exports.default = exports.Component;
+//# sourceMappingURL=code-preview-write.story.js.map

package/lib/cjs/ai/code-preview/stories/code-preview-write.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview-write.story.js","sourceRoot":"","sources":["../../../../../src/ai/code-preview/stories/code-preview-write.story.tsx"],"names":[],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAmD;AACnD,4CAAkD;AAClD,kDAGgC;AAEhC,MAAM,UAAU,GAAG;;gDAE6B,CAAC;AAE1C,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL,uBAAC,gBAAW,IACV,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,OAAO,EACb,aAAa,EACX,6DACE,uBAAC,uBAAe,IACd,OAAO,EAAC,SAAS,EACjB,WAAW,EAAC,eAAe,EAC3B,IAAI,EAAC,OAAO,YAEZ,uBAAC,+BAAuB,KAAG,GACX,EAClB,uBAAC,uBAAe,IACd,OAAO,EAAC,SAAS,EACjB,WAAW,EAAC,cAAc,EAC1B,IAAI,EAAC,OAAO,YAEZ,uBAAC,6BAAqB,KAAG,GACT,IACjB,GAEL,CACH,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,SAAS,aA0BpB;AAEF,kBAAe,iBAAS,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\nimport { CleanIconButton } from '@neo4j-ndl/react';\nimport { CodePreview } from '@neo4j-ndl/react/ai';\nimport {\n  PencilSquareIconOutline,\n  PlayCircleIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nconst cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY\nusername\n[YIELD { * | field[, ...] } [ORDER BY field ...`;\n\nexport const Component = () => {\n  return (\n    <CodePreview\n      code={cypherCode}\n      language=\"cypher\"\n      label=\"write\"\n      headerActions={\n        <>\n          <CleanIconButton\n            variant=\"neutral\"\n            description=\"Send to Query\"\n            size=\"small\"\n          >\n            <PencilSquareIconOutline />\n          </CleanIconButton>\n          <CleanIconButton\n            variant=\"neutral\"\n            description=\"Run in Query\"\n            size=\"small\"\n          >\n            <PlayCircleIconOutline />\n          </CleanIconButton>\n        </>\n      }\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/code-preview/stories/code-preview.stories.js

@@ -0,0 +1,88 @@
+"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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Languages = exports.Write = exports.Read = exports.Loading = void 0;
+const CodePreview_1 = require("../CodePreview");
+const index_1 = require("./index");
+const componentMeta = {
+    component: CodePreview_1.CodePreview,
+    id: 'components-ai-code-preview',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/AI/CodePreview',
+};
+exports.default = componentMeta;
+exports.Loading = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodePreviewLoadingSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodePreviewLoading,
+};
+exports.Read = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodePreviewReadSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodePreviewRead,
+};
+exports.Write = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodePreviewWriteSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodePreviewWrite,
+};
+exports.Languages = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: index_1.CodePreviewLanguagesSource,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: index_1.CodePreviewLanguages,
+};
+//# sourceMappingURL=code-preview.stories.js.map

package/lib/cjs/ai/code-preview/stories/code-preview.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-preview.stories.js","sourceRoot":"","sources":["../../../../../src/ai/code-preview/stories/code-preview.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,gDAA6C;AAC7C,mCASiB;AAEjB,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,yBAAW;IACtB,EAAE,EAAE,4BAA4B;IAChC,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,2BAA2B;CACnC,CAAC;AAEF,kBAAe,aAAa,CAAC;AAIhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,gCAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,0BAAkB;CAC3B,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,6BAAqB;gBAC3B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,uBAAe;CACxB,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,8BAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,wBAAgB;CACzB,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kCAA0B;gBAChC,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,4BAAoB;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\nimport type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { CodePreview } from '../CodePreview';\nimport {\n  CodePreviewLanguages,\n  CodePreviewLanguagesSource,\n  CodePreviewLoading,\n  CodePreviewLoadingSource,\n  CodePreviewRead,\n  CodePreviewReadSource,\n  CodePreviewWrite,\n  CodePreviewWriteSource,\n} from './index';\n\nconst componentMeta: Meta<typeof CodePreview> = {\n  component: CodePreview,\n  id: 'components-ai-code-preview',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/AI/CodePreview',\n};\n\nexport default componentMeta;\n\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Loading: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CodePreviewLoadingSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CodePreviewLoading,\n};\n\nexport const Read: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CodePreviewReadSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CodePreviewRead,\n};\n\nexport const Write: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CodePreviewWriteSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CodePreviewWrite,\n};\n\nexport const Languages: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: CodePreviewLanguagesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: CodePreviewLanguages,\n};\n"]}

package/lib/cjs/ai/code-preview/stories/index.js

@@ -0,0 +1,44 @@
+"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.CodePreviewLanguagesSource = exports.CodePreviewWriteSource = exports.CodePreviewReadSource = exports.CodePreviewLoadingSource = exports.CodePreviewLanguages = exports.CodePreviewWrite = exports.CodePreviewRead = exports.CodePreviewLoading = void 0;
+var code_preview_loading_story_1 = require("./code-preview-loading.story");
+Object.defineProperty(exports, "CodePreviewLoading", { enumerable: true, get: function () { return __importDefault(code_preview_loading_story_1).default; } });
+var code_preview_read_story_1 = require("./code-preview-read.story");
+Object.defineProperty(exports, "CodePreviewRead", { enumerable: true, get: function () { return __importDefault(code_preview_read_story_1).default; } });
+var code_preview_write_story_1 = require("./code-preview-write.story");
+Object.defineProperty(exports, "CodePreviewWrite", { enumerable: true, get: function () { return __importDefault(code_preview_write_story_1).default; } });
+var code_preview_languages_story_1 = require("./code-preview-languages.story");
+Object.defineProperty(exports, "CodePreviewLanguages", { enumerable: true, get: function () { return __importDefault(code_preview_languages_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const code_preview_languages_story_raw_1 = __importDefault(require("./code-preview-languages.story?raw"));
+const code_preview_loading_story_raw_1 = __importDefault(require("./code-preview-loading.story?raw"));
+const code_preview_read_story_raw_1 = __importDefault(require("./code-preview-read.story?raw"));
+const code_preview_write_story_raw_1 = __importDefault(require("./code-preview-write.story?raw"));
+exports.CodePreviewLoadingSource = (0, export_stories_utils_1.removeLicenseHeader)(code_preview_loading_story_raw_1.default);
+exports.CodePreviewReadSource = (0, export_stories_utils_1.removeLicenseHeader)(code_preview_read_story_raw_1.default);
+exports.CodePreviewWriteSource = (0, export_stories_utils_1.removeLicenseHeader)(code_preview_write_story_raw_1.default);
+exports.CodePreviewLanguagesSource = (0, export_stories_utils_1.removeLicenseHeader)(code_preview_languages_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/code-preview/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/code-preview/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,2EAA6E;AAApE,iJAAA,OAAO,OAAsB;AACtC,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,uEAAyE;AAAhE,6IAAA,OAAO,OAAoB;AACpC,+EAAiF;AAAxE,qJAAA,OAAO,OAAwB;AAExC,wFAAoF;AAEpF,0GAA+E;AAC/E,sGAA2E;AAC3E,gGAAqE;AACrE,kGAAuE;AAE1D,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,wCAA2B,CAC5B,CAAC;AACW,QAAA,qBAAqB,GAAG,IAAA,0CAAmB,EACtD,qCAAwB,CACzB,CAAC;AACW,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,sCAAyB,CAC1B,CAAC;AACW,QAAA,0BAA0B,GAAG,IAAA,0CAAmB,EAC3D,0CAA6B,CAC9B,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 CodePreviewLoading } from './code-preview-loading.story';\nexport { default as CodePreviewRead } from './code-preview-read.story';\nexport { default as CodePreviewWrite } from './code-preview-write.story';\nexport { default as CodePreviewLanguages } from './code-preview-languages.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport CodePreviewLanguagesSourceRaw from './code-preview-languages.story?raw';\nimport CodePreviewLoadingSourceRaw from './code-preview-loading.story?raw';\nimport CodePreviewReadSourceRaw from './code-preview-read.story?raw';\nimport CodePreviewWriteSourceRaw from './code-preview-write.story?raw';\n\nexport const CodePreviewLoadingSource = removeLicenseHeader(\n  CodePreviewLoadingSourceRaw,\n);\nexport const CodePreviewReadSource = removeLicenseHeader(\n  CodePreviewReadSourceRaw,\n);\nexport const CodePreviewWriteSource = removeLicenseHeader(\n  CodePreviewWriteSourceRaw,\n);\nexport const CodePreviewLanguagesSource = removeLicenseHeader(\n  CodePreviewLanguagesSourceRaw,\n);\n"]}

package/lib/cjs/ai/file-tag/FileTag.js

@@ -0,0 +1,58 @@
+"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.FileTag = 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 = require("@neo4j-ndl/react");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const classnames_1 = __importDefault(require("classnames"));
+/**
+ * The component is used to display a file in a chat, or in a prompt.
+ * It can be removable and it can be loading.
+ *
+ * @alpha - Changes to this component may be breaking.
+ */
+const FileTag = (_a) => {
+    var { onClick, isRemovable = false, fileName, fileType, icon, className, style, htmlAttributes, ref, isLoading = false } = _a, restProps = __rest(_a, ["onClick", "isRemovable", "fileName", "fileType", "icon", "className", "style", "htmlAttributes", "ref", "isLoading"]);
+    const Component = isRemovable !== true ? 'button' : 'div';
+    const classes = (0, classnames_1.default)('ndl-ai-file-tag', className);
+    const file = `${fileName}.${fileType}`;
+    return ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "simple", placement: "bottom", hoverDelay: { close: 0, open: 500 }, children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: classes, style: style }, (isRemovable ? {} : { onClick }), restProps, htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-ai-file-tag-leading", children: isLoading ? (0, jsx_runtime_1.jsx)(react_1.LoadingSpinner, { size: "medium" }) : icon }), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-ai-file-tag-content", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-ai-file-tag-content-title", children: fileName }), (0, jsx_runtime_1.jsx)("span", { className: "ndl-ai-file-tag-content-type", children: fileType === null || fileType === void 0 ? void 0 : fileType.toUpperCase() })] }), isRemovable && ((0, jsx_runtime_1.jsx)(react_1.CleanIconButton, { onClick: onClick, description: null, htmlAttributes: {
+                                'aria-label': `Remove ${file}`,
+                            }, size: "small", className: "ndl-ai-file-tag-remove", children: (0, jsx_runtime_1.jsx)(icons_1.XMarkIconOutline, {}) }))] })) }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Content, { children: file })] }));
+};
+exports.FileTag = FileTag;
+//# sourceMappingURL=FileTag.js.map

package/lib/cjs/ai/file-tag/FileTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileTag.js","sourceRoot":"","sources":["../../../../src/ai/file-tag/FileTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4E;AAE5E,kDAA0D;AAC1D,4DAAoC;AAiBpC;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EAY8B,EAAE,EAAE;QAZlC,EACf,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,EACH,SAAS,GAAG,KAAK,OAE4B,EAD1C,SAAS,cAXG,sHAYhB,CADa;IAEZ,MAAM,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IAEzD,MAAM,IAAI,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAE,CAAC;IAEvC,OAAO,CACL,wBAAC,eAAO,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,aAEnC,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,wBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAEhC,SAAS,EACT,cAAc,eAElB,gCAAK,SAAS,EAAC,yBAAyB,YACrC,SAAS,CAAC,CAAC,CAAC,uBAAC,sBAAc,IAAC,IAAI,EAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,IAAI,GAChD,EACN,iCAAK,SAAS,EAAC,yBAAyB,aACtC,iCAAM,SAAS,EAAC,+BAA+B,YAAE,QAAQ,GAAQ,EACjE,iCAAM,SAAS,EAAC,8BAA8B,YAC3C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,GACnB,IACH,EACL,WAAW,IAAI,CACd,uBAAC,uBAAe,IACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,IAAI,EACjB,cAAc,EAAE;gCACd,YAAY,EAAE,UAAU,IAAI,EAAE;6BAC/B,EACD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,wBAAwB,YAElC,uBAAC,wBAAgB,KAAG,GACJ,CACnB,KACS,GACI,EAClB,uBAAC,eAAO,CAAC,OAAO,cAAE,IAAI,GAAmB,IACjC,CACX,CAAC;AACJ,CAAC,CAAC;AAEO,0BAAO","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 { CleanIconButton, LoadingSpinner, Tooltip } from '@neo4j-ndl/react';\nimport { type CommonProps } from '@neo4j-ndl/react/_common/types';\nimport { XMarkIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\ntype FileTagProps = {\n  /** The icon that represents the file type */\n  icon: React.ReactNode;\n  /** The name of the file */\n  fileName: string;\n  /** The type of the file, e.g. 'pdf', 'docx', 'txt', etc. */\n  fileType: string;\n  /** Callback function triggered either when the file tag is clicked, or when the remove button is clicked (if isRemovable is true) */\n  onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Whether the file tag is removable */\n  isRemovable?: boolean;\n  /** Whether the file tag is loading */\n  isLoading?: boolean;\n};\n\n/**\n * The component is used to display a file in a chat, or in a prompt.\n * It can be removable and it can be loading.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst FileTag = ({\n  onClick,\n  isRemovable = false,\n  fileName,\n  fileType,\n  icon,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  isLoading = false,\n  ...restProps\n}: CommonProps<React.ElementType, FileTagProps>) => {\n  const Component = isRemovable !== true ? 'button' : 'div';\n  const classes = classNames('ndl-ai-file-tag', className);\n\n  const file = `${fileName}.${fileType}`;\n\n  return (\n    <Tooltip\n      type=\"simple\"\n      placement=\"bottom\"\n      hoverDelay={{ close: 0, open: 500 }}\n    >\n      <Tooltip.Trigger hasButtonWrapper>\n        <Component\n          ref={ref}\n          className={classes}\n          style={style}\n          {...(isRemovable ? {} : { onClick })}\n          // what is read by screen readers here?\n          {...restProps}\n          {...htmlAttributes}\n        >\n          <div className=\"ndl-ai-file-tag-leading\">\n            {isLoading ? <LoadingSpinner size=\"medium\" /> : icon}\n          </div>\n          <div className=\"ndl-ai-file-tag-content\">\n            <span className=\"ndl-ai-file-tag-content-title\">{fileName}</span>\n            <span className=\"ndl-ai-file-tag-content-type\">\n              {fileType?.toUpperCase()}\n            </span>\n          </div>\n          {isRemovable && (\n            <CleanIconButton\n              onClick={onClick}\n              description={null}\n              htmlAttributes={{\n                'aria-label': `Remove ${file}`,\n              }}\n              size=\"small\"\n              className=\"ndl-ai-file-tag-remove\"\n            >\n              <XMarkIconOutline />\n            </CleanIconButton>\n          )}\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content>{file}</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nexport { FileTag };\n"]}

package/lib/cjs/ai/file-tag/index.js

@@ -0,0 +1,38 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FileTag"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/file-tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ai/file-tag/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,4CAA0B","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 * from './FileTag';\n"]}

package/lib/cjs/ai/file-tag/stories/file-tag-chat.story.js

@@ -0,0 +1,31 @@
+"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 ai_1 = require("@neo4j-ndl/react/ai");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(ai_1.FileTag, { icon: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), fileName: "Science Fiction Bestsellers", fileType: "pdf" }));
+};
+exports.default = Component;
+//# sourceMappingURL=file-tag-chat.story.js.map