@neo4j-ndl/react 4.1.9 → 4.2.0

package/lib/cjs/ai/tool-call/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("./ToolCall"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/tool-call/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ai/tool-call/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,6CAA2B","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 './ToolCall';\n"]}

package/lib/cjs/ai/tool-call/stories/index.js

@@ -0,0 +1,36 @@
+"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.ToolCallDoneSrc = exports.ToolCallDefaultSrc = exports.ToolCallDone = exports.ToolCallDefault = void 0;
+var tool_call_default_story_1 = require("./tool-call-default.story");
+Object.defineProperty(exports, "ToolCallDefault", { enumerable: true, get: function () { return __importDefault(tool_call_default_story_1).default; } });
+var tool_call_done_story_1 = require("./tool-call-done.story");
+Object.defineProperty(exports, "ToolCallDone", { enumerable: true, get: function () { return __importDefault(tool_call_done_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const tool_call_default_story_raw_1 = __importDefault(require("./tool-call-default.story?raw"));
+const tool_call_done_story_raw_1 = __importDefault(require("./tool-call-done.story?raw"));
+exports.ToolCallDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(tool_call_default_story_raw_1.default);
+exports.ToolCallDoneSrc = (0, export_stories_utils_1.removeLicenseHeader)(tool_call_done_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/tool-call/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/tool-call/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,+DAAiE;AAAxD,qIAAA,OAAO,OAAgB;AAEhC,wFAAoF;AAEpF,gGAAkE;AAClE,0FAA4D;AAE/C,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,eAAe,GAAG,IAAA,0CAAmB,EAAC,kCAAkB,CAAC,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 ToolCallDefault } from './tool-call-default.story';\nexport { default as ToolCallDone } from './tool-call-done.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport ToolCallDefaultSrcRaw from './tool-call-default.story?raw';\nimport ToolCallDoneSrcRaw from './tool-call-done.story?raw';\n\nexport const ToolCallDefaultSrc = removeLicenseHeader(ToolCallDefaultSrcRaw);\nexport const ToolCallDoneSrc = removeLicenseHeader(ToolCallDoneSrcRaw);\n"]}

package/lib/cjs/ai/tool-call/stories/tool-call-default.story.js

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

package/lib/cjs/ai/tool-call/stories/tool-call-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-default.story.js","sourceRoot":"","sources":["../../../../../src/ai/tool-call/stories/tool-call-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,uBAAC,aAAQ,mCAA4B,CAAC;AAC/C,CAAC,CAAC;AAEF,kBAAe,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { ToolCall } from '@neo4j-ndl/react/ai';\n\nconst Component = () => {\n  return <ToolCall>list_import_jobs</ToolCall>;\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/tool-call/stories/tool-call-done.story.js

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

package/lib/cjs/ai/tool-call/stories/tool-call-done.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call-done.story.js","sourceRoot":"","sources":["../../../../../src/ai/tool-call/stories/tool-call-done.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+C;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,uBAAC,aAAQ,IAAC,MAAM,uCAA4B,CAAC;AACtD,CAAC,CAAC;AAEF,kBAAe,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { ToolCall } from '@neo4j-ndl/react/ai';\n\nconst Component = () => {\n  return <ToolCall isDone>list_import_jobs</ToolCall>;\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/tool-call/stories/tool-call.stories.js

@@ -0,0 +1,63 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Done = exports.Default = void 0;
+const ToolCall_1 = require("../ToolCall");
+const _1 = require(".");
+const componentMeta = {
+    component: ToolCall_1.ToolCall,
+    id: 'components-ai-tool-call',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/AI/ToolCall',
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ToolCallDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ToolCallDefault,
+};
+exports.Done = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.ToolCallDoneSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.ToolCallDone,
+};
+//# sourceMappingURL=tool-call.stories.js.map

package/lib/cjs/ai/tool-call/stories/tool-call.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-call.stories.js","sourceRoot":"","sources":["../../../../../src/ai/tool-call/stories/tool-call.stories.tsx"],"names":[],"mappings":";;;AAsBA,0CAAuC;AACvC,wBAKW;AAEX,MAAM,aAAa,GAA0B;IAC3C,SAAS,EAAE,mBAAQ;IACnB,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,wBAAwB;CAChC,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,qBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAe;CACxB,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAY;CACrB,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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { ToolCall } from '../ToolCall';\nimport {\n  ToolCallDefault,\n  ToolCallDefaultSrc,\n  ToolCallDone,\n  ToolCallDoneSrc,\n} from '.';\n\nconst componentMeta: Meta<typeof ToolCall> = {\n  component: ToolCall,\n  id: 'components-ai-tool-call',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/AI/ToolCall',\n};\n\nexport default componentMeta;\n\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToolCallDefaultSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToolCallDefault,\n};\n\nexport const Done: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToolCallDoneSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToolCallDone,\n};\n"]}

package/lib/cjs/ai/user-bubble/UserBubble.js

@@ -0,0 +1,53 @@
+"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.UserBubble = 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"));
+/**
+ * The component is used to display the user's message in a chat.
+ * It has an avatar to represent the user and a trailing element to display potential additional actions.
+ *
+ * @alpha - Changes to this component may be breaking.
+ */
+const UserBubbleComponent = (_a) => {
+    var { avatarProps, trailingElement, children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["avatarProps", "trailingElement", "children", "className", "style", "htmlAttributes", "ref"]);
+    const classes = (0, classnames_1.default)('ndl-ai-user-bubble', className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, className: classes, style: style }, restProps, htmlAttributes, { children: [(0, jsx_runtime_1.jsx)(react_1.Avatar, Object.assign({ type: "image" }, avatarProps, { size: "small", shape: "circle", className: (0, classnames_1.default)('ndl-ai-user-bubble-avatar', avatarProps === null || avatarProps === void 0 ? void 0 : avatarProps.className) })), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", className: "ndl-ai-user-bubble-content", children: children }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-ai-user-bubble-trailing", children: trailingElement })] })));
+};
+exports.UserBubble = UserBubbleComponent;
+//# sourceMappingURL=UserBubble.js.map

package/lib/cjs/ai/user-bubble/UserBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserBubble.js","sourceRoot":"","sources":["../../../../src/ai/user-bubble/UserBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAsD;AAEtD,4DAAoC;AAWpC;;;;;GAKG;AACH,MAAM,mBAAmB,GAAG,CAAC,EASS,EAAE,EAAE;QATb,EAC3B,WAAW,EACX,eAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,OAEiC,EADjC,SAAS,cARe,6FAS5B,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACL,+CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,SAAS,EACT,cAAc,eAElB,uBAAC,cAAM,kBACL,IAAI,EAAC,OAAO,IACR,WAAW,IACf,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,IAAA,oBAAU,EACnB,2BAA2B,EAC3B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,SAAS,CACvB,IACD,EACF,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,4BAA4B,YACrE,QAAQ,GACE,EACb,gCAAK,SAAS,EAAC,6BAA6B,YAAE,eAAe,GAAO,KAChE,CACP,CAAC;AACJ,CAAC,CAAC;AAE8B,yCAAU","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 { Avatar, Typography } from '@neo4j-ndl/react';\nimport type { CommonProps } from '@neo4j-ndl/react/_common/types';\nimport classNames from 'classnames';\n\ntype UserBubbleProps = {\n  /** The content of the user bubble */\n  children?: React.ReactNode;\n  /** The props for the avatar */\n  avatarProps?: React.ComponentProps<typeof Avatar>;\n  /** The element to display after the content. Could be a CleanIconButton to edit the user bubble. */\n  trailingElement?: React.ReactNode;\n};\n\n/**\n * The component is used to display the user's message in a chat.\n * It has an avatar to represent the user and a trailing element to display potential additional actions.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst UserBubbleComponent = ({\n  avatarProps,\n  trailingElement,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', UserBubbleProps>) => {\n  const classes = classNames('ndl-ai-user-bubble', className);\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <Avatar\n        type=\"image\"\n        {...avatarProps}\n        size=\"small\"\n        shape=\"circle\"\n        className={classNames(\n          'ndl-ai-user-bubble-avatar',\n          avatarProps?.className,\n        )}\n      />\n      <Typography variant=\"body-medium\" className=\"ndl-ai-user-bubble-content\">\n        {children}\n      </Typography>\n      <div className=\"ndl-ai-user-bubble-trailing\">{trailingElement}</div>\n    </div>\n  );\n};\n\nexport { UserBubbleComponent as UserBubble };\n"]}

package/lib/cjs/ai/user-bubble/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("./UserBubble"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/user-bubble/index.js.map

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

package/lib/cjs/ai/user-bubble/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.UserBubbleAndFilesSrc = exports.UserBubbleLongSrc = exports.UserBubbleActionSrc = exports.UserBubbleDefaultSrc = exports.UserBubbleAndFiles = exports.UserBubbleLong = exports.UserBubbleAction = exports.UserBubbleDefault = void 0;
+var user_bubble_story_1 = require("./user-bubble.story");
+Object.defineProperty(exports, "UserBubbleDefault", { enumerable: true, get: function () { return __importDefault(user_bubble_story_1).default; } });
+var user_bubble_action_story_1 = require("./user-bubble-action.story");
+Object.defineProperty(exports, "UserBubbleAction", { enumerable: true, get: function () { return __importDefault(user_bubble_action_story_1).default; } });
+var user_bubble_long_story_1 = require("./user-bubble-long.story");
+Object.defineProperty(exports, "UserBubbleLong", { enumerable: true, get: function () { return __importDefault(user_bubble_long_story_1).default; } });
+var user_bubble_and_files_story_1 = require("./user-bubble-and-files.story");
+Object.defineProperty(exports, "UserBubbleAndFiles", { enumerable: true, get: function () { return __importDefault(user_bubble_and_files_story_1).default; } });
+const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const user_bubble_story_raw_1 = __importDefault(require("./user-bubble.story?raw"));
+const user_bubble_action_story_raw_1 = __importDefault(require("./user-bubble-action.story?raw"));
+const user_bubble_and_files_story_raw_1 = __importDefault(require("./user-bubble-and-files.story?raw"));
+const user_bubble_long_story_raw_1 = __importDefault(require("./user-bubble-long.story?raw"));
+exports.UserBubbleDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(user_bubble_story_raw_1.default);
+exports.UserBubbleActionSrc = (0, export_stories_utils_1.removeLicenseHeader)(user_bubble_action_story_raw_1.default);
+exports.UserBubbleLongSrc = (0, export_stories_utils_1.removeLicenseHeader)(user_bubble_long_story_raw_1.default);
+exports.UserBubbleAndFilesSrc = (0, export_stories_utils_1.removeLicenseHeader)(user_bubble_and_files_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/ai/user-bubble/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/user-bubble/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,uEAAyE;AAAhE,6IAAA,OAAO,OAAoB;AACpC,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAClC,6EAA8E;AAArE,kJAAA,OAAO,OAAsB;AACtC,wFAAoF;AAEpF,oFAA8D;AAC9D,kGAAoE;AACpE,wGAAyE;AACzE,8FAAgE;AACnD,QAAA,oBAAoB,GAAG,IAAA,0CAAmB,EACrD,+BAAuB,CACxB,CAAC;AACW,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,sCAAsB,CAAC,CAAC;AAClE,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAC9D,QAAA,qBAAqB,GAAG,IAAA,0CAAmB,EACtD,yCAAwB,CACzB,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 UserBubbleDefault } from './user-bubble.story';\nexport { default as UserBubbleAction } from './user-bubble-action.story';\nexport { default as UserBubbleLong } from './user-bubble-long.story';\nexport { default as UserBubbleAndFiles } from './user-bubble-and-files.story';\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport UserBubbleDefaultSrcRaw from './user-bubble.story?raw';\nimport UserBubbleActionSrcRaw from './user-bubble-action.story?raw';\nimport UserBubbleAndFilesSrcRaw from './user-bubble-and-files.story?raw';\nimport UserBubbleLongSrcRaw from './user-bubble-long.story?raw';\nexport const UserBubbleDefaultSrc = removeLicenseHeader(\n  UserBubbleDefaultSrcRaw,\n);\nexport const UserBubbleActionSrc = removeLicenseHeader(UserBubbleActionSrcRaw);\nexport const UserBubbleLongSrc = removeLicenseHeader(UserBubbleLongSrcRaw);\nexport const UserBubbleAndFilesSrc = removeLicenseHeader(\n  UserBubbleAndFilesSrcRaw,\n);\n"]}

package/lib/cjs/ai/user-bubble/stories/user-bubble-action.story.js

@@ -0,0 +1,35 @@
+"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 clean_icon_button_1 = require("@neo4j-ndl/react/clean-icon-button");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const Component = () => {
+    return ((0, jsx_runtime_1.jsx)(ai_1.UserBubble, { avatarProps: {
+            name: 'KM',
+            type: 'letters',
+        }, trailingElement: (0, jsx_runtime_1.jsx)(clean_icon_button_1.CleanIconButton, { description: "Edit", size: "large", children: (0, jsx_runtime_1.jsx)(icons_1.PencilSquareIconOutline, {}) }), children: "Can you analyse my data and tell me about...?" }));
+};
+exports.default = Component;
+//# sourceMappingURL=user-bubble-action.story.js.map

package/lib/cjs/ai/user-bubble/stories/user-bubble-action.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-bubble-action.story.js","sourceRoot":"","sources":["../../../../../src/ai/user-bubble/stories/user-bubble-action.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiD;AACjD,0EAAqE;AACrE,kDAAiE;AAEjE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,eAAU,IACT,WAAW,EAAE;YACX,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,SAAS;SAChB,EACD,eAAe,EACb,uBAAC,mCAAe,IAAC,WAAW,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,YAC9C,uBAAC,+BAAuB,KAAG,GACX,8DAIT,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { UserBubble } from '@neo4j-ndl/react/ai';\nimport { CleanIconButton } from '@neo4j-ndl/react/clean-icon-button';\nimport { PencilSquareIconOutline } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <UserBubble\n      avatarProps={{\n        name: 'KM',\n        type: 'letters',\n      }}\n      trailingElement={\n        <CleanIconButton description=\"Edit\" size=\"large\">\n          <PencilSquareIconOutline />\n        </CleanIconButton>\n      }\n    >\n      Can you analyse my data and tell me about...?\n    </UserBubble>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/user-bubble/stories/user-bubble-and-files.story.js

@@ -0,0 +1,39 @@
+"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 menu_1 = require("@neo4j-ndl/react/menu");
+const react_1 = require("react");
+const Component = () => {
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    const anchorRef = (0, react_1.useRef)(null);
+    return ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-flex-coln-gap-token-64 n-w-full n-justify-end", children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-8 n-items-end", children: [(0, jsx_runtime_1.jsx)(ai_1.MoreFiles, { count: 4, isActive: isMenuOpen, onClick: () => setIsMenuOpen(!isMenuOpen), ref: anchorRef }), (0, jsx_runtime_1.jsx)(menu_1.Menu, { isOpen: isMenuOpen, anchorRef: anchorRef, onClose: () => setIsMenuOpen(false), children: (0, jsx_runtime_1.jsxs)(menu_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(menu_1.Menu.Item, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), title: "Gardening tips", description: "PDF", onClick: () => alert('Gardening tips') }), (0, jsx_runtime_1.jsx)(menu_1.Menu.Item, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.TableCellsIconOutline, {}), title: "TvSeries", description: "CSV", onClick: () => alert('TvSeries') }), (0, jsx_runtime_1.jsx)(menu_1.Menu.Item, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.PhotoIconOutline, {}), title: "Family photo", description: "JPG", onClick: () => alert('Family photo') })] }) }), (0, jsx_runtime_1.jsx)(ai_1.ImageTag, { src: "https://plus.unsplash.com/premium_photo-1676496046182-356a6a0ed002?q=80&w=2952&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Landscape image", fileName: "Landscape image", fileType: "jpg" }), (0, jsx_runtime_1.jsx)(ai_1.FileTag, { icon: (0, jsx_runtime_1.jsx)(icons_1.TableCellsIconOutline, {}), fileName: "MoviesDecade", fileType: "csv" }), (0, jsx_runtime_1.jsx)(ai_1.FileTag, { icon: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), fileName: "Science Fiction Bestsellers", fileType: "pdf" }), (0, jsx_runtime_1.jsx)(ai_1.UserBubble, { avatarProps: {
+                        name: 'KM',
+                        source: 'https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=',
+                        type: 'image',
+                    }, children: "Can you analyse my data and tell me about...?" })] }) }));
+};
+exports.default = Component;
+//# sourceMappingURL=user-bubble-and-files.story.js.map

package/lib/cjs/ai/user-bubble/stories/user-bubble-and-files.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-bubble-and-files.story.js","sourceRoot":"","sources":["../../../../../src/ai/user-bubble/stories/user-bubble-and-files.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+E;AAC/E,kDAIgC;AAChC,gDAA6C;AAC7C,iCAAyC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,gCAAK,SAAS,EAAC,wDAAwD,YACrE,iCAAK,SAAS,EAAC,6CAA6C,aAC1D,uBAAC,cAAS,IACR,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,GAAG,EAAE,SAAS,GACd,EACF,uBAAC,WAAI,IACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAEnC,wBAAC,WAAI,CAAC,KAAK,eACT,uBAAC,WAAI,CAAC,IAAI,IACR,aAAa,EAAE,uBAAC,2BAAmB,KAAG,EACtC,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,GACtC,EACF,uBAAC,WAAI,CAAC,IAAI,IACR,aAAa,EAAE,uBAAC,6BAAqB,KAAG,EACxC,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAChC,EACF,uBAAC,WAAI,CAAC,IAAI,IACR,aAAa,EAAE,uBAAC,wBAAgB,KAAG,EACnC,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GACpC,IACS,GACR,EACP,uBAAC,aAAQ,IACP,GAAG,EAAC,8KAA8K,EAClL,GAAG,EAAC,iBAAiB,EACrB,QAAQ,EAAC,iBAAiB,EAC1B,QAAQ,EAAC,KAAK,GACd,EACF,uBAAC,YAAO,IACN,IAAI,EAAE,uBAAC,6BAAqB,KAAG,EAC/B,QAAQ,EAAC,cAAc,EACvB,QAAQ,EAAC,KAAK,GACd,EACF,uBAAC,YAAO,IACN,IAAI,EAAE,uBAAC,2BAAmB,KAAG,EAC7B,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,KAAK,GACd,EACF,uBAAC,eAAU,IACT,WAAW,EAAE;wBACX,IAAI,EAAE,IAAI;wBACV,MAAM,EACJ,uIAAuI;wBACzI,IAAI,EAAE,OAAO;qBACd,8DAGU,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FileTag, ImageTag, MoreFiles, UserBubble } from '@neo4j-ndl/react/ai';\nimport {\n  DocumentIconOutline,\n  PhotoIconOutline,\n  TableCellsIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { Menu } from '@neo4j-ndl/react/menu';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const anchorRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <div className=\"n-flex n-flex-coln-gap-token-64 n-w-full n-justify-end\">\n      <div className=\"n-flex n-flex-col n-gap-token-8 n-items-end\">\n        <MoreFiles\n          count={4}\n          isActive={isMenuOpen}\n          onClick={() => setIsMenuOpen(!isMenuOpen)}\n          ref={anchorRef}\n        />\n        <Menu\n          isOpen={isMenuOpen}\n          anchorRef={anchorRef}\n          onClose={() => setIsMenuOpen(false)}\n        >\n          <Menu.Items>\n            <Menu.Item\n              leadingVisual={<DocumentIconOutline />}\n              title=\"Gardening tips\"\n              description=\"PDF\"\n              onClick={() => alert('Gardening tips')}\n            />\n            <Menu.Item\n              leadingVisual={<TableCellsIconOutline />}\n              title=\"TvSeries\"\n              description=\"CSV\"\n              onClick={() => alert('TvSeries')}\n            />\n            <Menu.Item\n              leadingVisual={<PhotoIconOutline />}\n              title=\"Family photo\"\n              description=\"JPG\"\n              onClick={() => alert('Family photo')}\n            />\n          </Menu.Items>\n        </Menu>\n        <ImageTag\n          src=\"https://plus.unsplash.com/premium_photo-1676496046182-356a6a0ed002?q=80&w=2952&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          alt=\"Landscape image\"\n          fileName=\"Landscape image\"\n          fileType=\"jpg\"\n        />\n        <FileTag\n          icon={<TableCellsIconOutline />}\n          fileName=\"MoviesDecade\"\n          fileType=\"csv\"\n        />\n        <FileTag\n          icon={<DocumentIconOutline />}\n          fileName=\"Science Fiction Bestsellers\"\n          fileType=\"pdf\"\n        />\n        <UserBubble\n          avatarProps={{\n            name: 'KM',\n            source:\n              'https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=',\n            type: 'image',\n          }}\n        >\n          Can you analyse my data and tell me about...?\n        </UserBubble>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/user-bubble/stories/user-bubble-long.story.js

@@ -0,0 +1,33 @@
+"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 Component = () => {
+    return ((0, jsx_runtime_1.jsx)(ai_1.UserBubble, { avatarProps: {
+            name: 'KM',
+            type: 'letters',
+        }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in rutrum massa, ut congue nisi. Curabitur pulvinar odio id eros ornare dictum. Aliquam faucibus dui ligula, ac gravida enim mattis at. Proin pretium massa a risus eleifend consectetur. Fusce auctor maximus tellus sed lobortis. Nulla congue leo posuere ante accumsan, vel maximus justo cursus. Sed cursus varius ante at scelerisque. Fusce non venenatis diam. Nam sed dolor ultricies, varius sem sed, vulputate felis. Ut facilisis efficitur sem, et laoreet neque. Fusce congue vulputate magna. Mauris euismod egestas imperdiet. Sed mollis venenatis nunc eget laoreet." }));
+};
+exports.default = Component;
+//# sourceMappingURL=user-bubble-long.story.js.map

package/lib/cjs/ai/user-bubble/stories/user-bubble-long.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-bubble-long.story.js","sourceRoot":"","sources":["../../../../../src/ai/user-bubble/stories/user-bubble-long.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiD;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,eAAU,IACT,WAAW,EAAE;YACX,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,SAAS;SAChB,ooBAWU,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { UserBubble } from '@neo4j-ndl/react/ai';\n\nconst Component = () => {\n  return (\n    <UserBubble\n      avatarProps={{\n        name: 'KM',\n        type: 'letters',\n      }}\n    >\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in rutrum\n      massa, ut congue nisi. Curabitur pulvinar odio id eros ornare dictum.\n      Aliquam faucibus dui ligula, ac gravida enim mattis at. Proin pretium\n      massa a risus eleifend consectetur. Fusce auctor maximus tellus sed\n      lobortis. Nulla congue leo posuere ante accumsan, vel maximus justo\n      cursus. Sed cursus varius ante at scelerisque. Fusce non venenatis diam.\n      Nam sed dolor ultricies, varius sem sed, vulputate felis. Ut facilisis\n      efficitur sem, et laoreet neque. Fusce congue vulputate magna. Mauris\n      euismod egestas imperdiet. Sed mollis venenatis nunc eget laoreet.\n    </UserBubble>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/user-bubble/stories/user-bubble.stories.js

@@ -0,0 +1,89 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithFiles = exports.LongMessage = exports.WithAction = exports.Default = void 0;
+const UserBubble_1 = require("../UserBubble");
+const _1 = require(".");
+const componentMeta = {
+    component: UserBubble_1.UserBubble,
+    id: 'components-ai-user-bubble',
+    parameters: {
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/AI/UserBubble',
+};
+exports.default = componentMeta;
+exports.Default = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.UserBubbleDefaultSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.UserBubbleDefault,
+};
+exports.WithAction = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.UserBubbleActionSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.UserBubbleAction,
+};
+exports.LongMessage = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.UserBubbleLongSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.UserBubbleLong,
+};
+exports.WithFiles = {
+    args: {},
+    parameters: {
+        docs: {
+            source: {
+                code: _1.UserBubbleAndFilesSrc,
+                language: 'tsx',
+                type: 'code',
+            },
+        },
+    },
+    render: _1.UserBubbleAndFiles,
+};
+//# sourceMappingURL=user-bubble.stories.js.map