@neo4j-ndl/react 4.2.6 → 4.2.7

package/lib/cjs/accordion/stories/index.js

@@ -36,7 +36,7 @@ var accordion_right_content_story_1 = require("./accordion-right-content.story")
 Object.defineProperty(exports, "AccordionRightContent", { enumerable: true, get: function () { return __importDefault(accordion_right_content_story_1).default; } });
 var accordion_single_expanded_story_1 = require("./accordion-single-expanded.story");
 Object.defineProperty(exports, "AccordionSingleExpanded", { enumerable: true, get: function () { return __importDefault(accordion_single_expanded_story_1).default; } });
-const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const export_stories_utils_1 = require("../../_common/export-stories-utils");
 const accordion_clean_items_expanded_story_raw_1 = __importDefault(require("./accordion-clean-items-expanded.story?raw"));
 const accordion_default_expanded_story_raw_1 = __importDefault(require("./accordion-default-expanded.story?raw"));
 const accordion_full_story_raw_1 = __importDefault(require("./accordion-full.story?raw"));

package/lib/cjs/accordion/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/accordion/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+FAAwF;AAA/E,4JAAA,OAAO,OAAuB;AACvC,uFAAiF;AAAxE,qJAAA,OAAO,OAAoB;AACpC,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,yFAA2F;AAAlF,+JAAA,OAAO,OAA6B;AAC7C,iFAAmF;AAA1E,uJAAA,OAAO,OAAyB;AACzC,qFAAuF;AAA9E,2JAAA,OAAO,OAA2B;AAE3C,wFAAoF;AAEpF,0HAAmF;AACnF,kHAA4E;AAC5E,0FAA6D;AAC7D,oHAAsF;AACtF,4GAA8E;AAC9E,gHAAkF;AAErE,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,kDAAyB,CAC1B,CAAC;AACW,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,8CAAsB,CAAC,CAAC;AAClE,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,kCAAmB,CAAC,CAAC;AAE5D,QAAA,4BAA4B,GAAG,IAAA,0CAAmB,EAC7D,+CAA+B,CAChC,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,2CAA2B,CAC5B,CAAC;AAEW,QAAA,0BAA0B,GAAG,IAAA,0CAAmB,EAC3D,6CAA6B,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 AccordionCleanItems } from './accordion-clean-items-expanded.story';\nexport { default as AccordionDefault } from './accordion-default-expanded.story';\nexport { default as AccordionFull } from './accordion-full.story';\nexport { default as AccordionMultipleExpanded } from './accordion-multiple-expanded.story';\nexport { default as AccordionRightContent } from './accordion-right-content.story';\nexport { default as AccordionSingleExpanded } from './accordion-single-expanded.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport AccordionCleanItemsSrcRaw from './accordion-clean-items-expanded.story?raw';\nimport AccordionDefaultSrcRaw from './accordion-default-expanded.story?raw';\nimport AccordionFullSrcRaw from './accordion-full.story?raw';\nimport AccordionMultipleExpandedSrcRaw from './accordion-multiple-expanded.story?raw';\nimport AccordionRightContentSrcRaw from './accordion-right-content.story?raw';\nimport AccordionSingleExpandedSrcRaw from './accordion-single-expanded.story?raw';\n\nexport const AccordionCleanItemsSrc = removeLicenseHeader(\n  AccordionCleanItemsSrcRaw,\n);\nexport const AccordionDefaultSrc = removeLicenseHeader(AccordionDefaultSrcRaw);\nexport const AccordionFullSrc = removeLicenseHeader(AccordionFullSrcRaw);\n\nexport const AccordionMultipleExpandedSrc = removeLicenseHeader(\n  AccordionMultipleExpandedSrcRaw,\n);\nexport const AccordionRightContentSrc = removeLicenseHeader(\n  AccordionRightContentSrcRaw,\n);\n\nexport const AccordionSingleExpandedSrc = removeLicenseHeader(\n  AccordionSingleExpandedSrcRaw,\n);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/accordion/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+FAAwF;AAA/E,4JAAA,OAAO,OAAuB;AACvC,uFAAiF;AAAxE,qJAAA,OAAO,OAAoB;AACpC,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,yFAA2F;AAAlF,+JAAA,OAAO,OAA6B;AAC7C,iFAAmF;AAA1E,uJAAA,OAAO,OAAyB;AACzC,qFAAuF;AAA9E,2JAAA,OAAO,OAA2B;AAE3C,6EAAyE;AACzE,0HAAmF;AACnF,kHAA4E;AAC5E,0FAA6D;AAC7D,oHAAsF;AACtF,4GAA8E;AAC9E,gHAAkF;AAErE,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,kDAAyB,CAC1B,CAAC;AACW,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,8CAAsB,CAAC,CAAC;AAClE,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,kCAAmB,CAAC,CAAC;AAE5D,QAAA,4BAA4B,GAAG,IAAA,0CAAmB,EAC7D,+CAA+B,CAChC,CAAC;AACW,QAAA,wBAAwB,GAAG,IAAA,0CAAmB,EACzD,2CAA2B,CAC5B,CAAC;AAEW,QAAA,0BAA0B,GAAG,IAAA,0CAAmB,EAC3D,6CAA6B,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 AccordionCleanItems } from './accordion-clean-items-expanded.story';\nexport { default as AccordionDefault } from './accordion-default-expanded.story';\nexport { default as AccordionFull } from './accordion-full.story';\nexport { default as AccordionMultipleExpanded } from './accordion-multiple-expanded.story';\nexport { default as AccordionRightContent } from './accordion-right-content.story';\nexport { default as AccordionSingleExpanded } from './accordion-single-expanded.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport AccordionCleanItemsSrcRaw from './accordion-clean-items-expanded.story?raw';\nimport AccordionDefaultSrcRaw from './accordion-default-expanded.story?raw';\nimport AccordionFullSrcRaw from './accordion-full.story?raw';\nimport AccordionMultipleExpandedSrcRaw from './accordion-multiple-expanded.story?raw';\nimport AccordionRightContentSrcRaw from './accordion-right-content.story?raw';\nimport AccordionSingleExpandedSrcRaw from './accordion-single-expanded.story?raw';\n\nexport const AccordionCleanItemsSrc = removeLicenseHeader(\n  AccordionCleanItemsSrcRaw,\n);\nexport const AccordionDefaultSrc = removeLicenseHeader(AccordionDefaultSrcRaw);\nexport const AccordionFullSrc = removeLicenseHeader(AccordionFullSrcRaw);\n\nexport const AccordionMultipleExpandedSrc = removeLicenseHeader(\n  AccordionMultipleExpandedSrcRaw,\n);\nexport const AccordionRightContentSrc = removeLicenseHeader(\n  AccordionRightContentSrcRaw,\n);\n\nexport const AccordionSingleExpandedSrc = removeLicenseHeader(\n  AccordionSingleExpandedSrcRaw,\n);\n"]}

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

@@ -32,7 +32,7 @@ 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 export_stories_utils_1 = require("../../../_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"));

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

@@ -1 +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"]}
+{"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,gFAA4E;AAC5E,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 '../../../_common/export-stories-utils';\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.map

@@ -1 +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"]}
+{"version":3,"file":"FileTag.js","sourceRoot":"","sources":["../../../../src/ai/file-tag/FileTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4E;AAC5E,kDAA0D;AAC1D,4DAAoC;AAmBpC;;;;;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 { XMarkIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\nimport { type CommonProps } from '../../_common/types';\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/stories/index.js

@@ -30,7 +30,7 @@ var file_tag_chat_story_1 = require("./file-tag-chat.story");
 Object.defineProperty(exports, "FileTagChat", { enumerable: true, get: function () { return __importDefault(file_tag_chat_story_1).default; } });
 var file_tag_prompt_story_1 = require("./file-tag-prompt.story");
 Object.defineProperty(exports, "FileTagPrompt", { enumerable: true, get: function () { return __importDefault(file_tag_prompt_story_1).default; } });
-const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const export_stories_utils_1 = require("../../../_common/export-stories-utils");
 const file_tag_chat_story_raw_1 = __importDefault(require("./file-tag-chat.story?raw"));
 const file_tag_loading_story_raw_1 = __importDefault(require("./file-tag-loading.story?raw"));
 const file_tag_prompt_story_raw_1 = __importDefault(require("./file-tag-prompt.story?raw"));

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/file-tag/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAClC,6DAA+D;AAAtD,mIAAA,OAAO,OAAe;AAC/B,iEAAmE;AAA1D,uIAAA,OAAO,OAAiB;AAEjC,wFAAoF;AAEpF,wFAA0D;AAC1D,8FAAgE;AAChE,4FAA8D;AAEjD,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAC9D,QAAA,cAAc,GAAG,IAAA,0CAAmB,EAAC,iCAAiB,CAAC,CAAC;AACxD,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,mCAAmB,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 FileTagLoading } from './file-tag-loading.story';\nexport { default as FileTagChat } from './file-tag-chat.story';\nexport { default as FileTagPrompt } from './file-tag-prompt.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport FileTagChatSrcRaw from './file-tag-chat.story?raw';\nimport FileTagLoadingSrcRaw from './file-tag-loading.story?raw';\nimport FileTagPromptSrcRaw from './file-tag-prompt.story?raw';\n\nexport const FileTagLoadingSrc = removeLicenseHeader(FileTagLoadingSrcRaw);\nexport const FileTagChatSrc = removeLicenseHeader(FileTagChatSrcRaw);\nexport const FileTagPromptSrc = removeLicenseHeader(FileTagPromptSrcRaw);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/file-tag/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAClC,6DAA+D;AAAtD,mIAAA,OAAO,OAAe;AAC/B,iEAAmE;AAA1D,uIAAA,OAAO,OAAiB;AAEjC,gFAA4E;AAC5E,wFAA0D;AAC1D,8FAAgE;AAChE,4FAA8D;AAEjD,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,CAAC,CAAC;AAC9D,QAAA,cAAc,GAAG,IAAA,0CAAmB,EAAC,iCAAiB,CAAC,CAAC;AACxD,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,mCAAmB,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 FileTagLoading } from './file-tag-loading.story';\nexport { default as FileTagChat } from './file-tag-chat.story';\nexport { default as FileTagPrompt } from './file-tag-prompt.story';\n\nimport { removeLicenseHeader } from '../../../_common/export-stories-utils';\nimport FileTagChatSrcRaw from './file-tag-chat.story?raw';\nimport FileTagLoadingSrcRaw from './file-tag-loading.story?raw';\nimport FileTagPromptSrcRaw from './file-tag-prompt.story?raw';\n\nexport const FileTagLoadingSrc = removeLicenseHeader(FileTagLoadingSrcRaw);\nexport const FileTagChatSrc = removeLicenseHeader(FileTagChatSrcRaw);\nexport const FileTagPromptSrc = removeLicenseHeader(FileTagPromptSrcRaw);\n"]}

package/lib/cjs/ai/image-tag/ImageTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageTag.js","sourceRoot":"","sources":["../../../../src/ai/image-tag/ImageTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4E;AAE5E,kDAA0D;AAC1D,4DAAoC;AAmBpC;;;;;GAKG;AACH,MAAM,QAAQ,GAAG,CAAC,EAa8B,EAAE,EAAE;QAblC,EAChB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,KAAK,EACjB,GAAG,EACH,SAAS,EACT,KAAK,EACL,cAAc,OAEgC,EAD3C,SAAS,cAZI,4HAajB,CADa;IAEZ,MAAM,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAE1D,MAAM,KAAK,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAE,CAAC;IAExC,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,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,EAC1B,WAAW,IAAI,CACd,6DACE,gCAAK,SAAS,EAAC,iCAAiC,GAAG,EACnD,uBAAC,uBAAe,IACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,IAAI,EACjB,cAAc,EAAE;wCACd,YAAY,EAAE,UAAU,KAAK,EAAE;qCAChC,EACD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,yBAAyB,YAEnC,uBAAC,wBAAgB,KAAG,GACJ,IACjB,CACJ,EACA,SAAS,IAAI,CACZ,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,sBAAc,IAAC,IAAI,EAAC,QAAQ,GAAG,GAC5B,CACP,KACS,GACI,EAClB,uBAAC,eAAO,CAAC,OAAO,cAAE,KAAK,GAAmB,IAClC,CACX,CAAC;AACJ,CAAC,CAAC;AAEO,4BAAQ","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 ImageTagProps = {\n  /** The source of the image */\n  src: string;\n  /** The alt text of the image */\n  alt: string;\n  /** The name of the image */\n  fileName: string;\n  /** The type of the image, e.g. 'jpg', 'png', 'gif', etc. */\n  fileType: string;\n  /** Callback function triggered either when the image 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 image tag is removable */\n  isRemovable?: boolean;\n  /** Whether the image tag is loading */\n  isLoading?: boolean;\n};\n\n/**\n * The component is used to display an image 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 ImageTag = ({\n  src,\n  fileName,\n  fileType,\n  alt,\n  onClick,\n  isRemovable = false,\n  isLoading = false,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<React.ElementType, ImageTagProps>) => {\n  const Component = isRemovable !== true ? 'button' : 'div';\n  const classes = classNames('ndl-ai-image-tag', className);\n\n  const image = `${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          <img src={src} alt={alt} />\n          {isRemovable && (\n            <>\n              <div className=\"ndl-ai-image-tag-remove-wrapper\" />\n              <CleanIconButton\n                onClick={onClick}\n                description={null}\n                htmlAttributes={{\n                  'aria-label': `Remove ${image}`,\n                }}\n                size=\"small\"\n                className=\"ndl-ai-image-tag-remove\"\n              >\n                <XMarkIconOutline />\n              </CleanIconButton>\n            </>\n          )}\n          {isLoading && (\n            <div className=\"ndl-ai-image-tag-loading-overlay\">\n              <LoadingSpinner size=\"medium\" />\n            </div>\n          )}\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content>{image}</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nexport { ImageTag };\n"]}
+{"version":3,"file":"ImageTag.js","sourceRoot":"","sources":["../../../../src/ai/image-tag/ImageTag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAA4E;AAC5E,kDAA0D;AAC1D,4DAAoC;AAqBpC;;;;;GAKG;AACH,MAAM,QAAQ,GAAG,CAAC,EAa8B,EAAE,EAAE;QAblC,EAChB,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,OAAO,EACP,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,KAAK,EACjB,GAAG,EACH,SAAS,EACT,KAAK,EACL,cAAc,OAEgC,EAD3C,SAAS,cAZI,4HAajB,CADa;IAEZ,MAAM,SAAS,GAAG,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,CAAC,CAAC;IAE1D,MAAM,KAAK,GAAG,GAAG,QAAQ,IAAI,QAAQ,EAAE,CAAC;IAExC,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,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAI,EAC1B,WAAW,IAAI,CACd,6DACE,gCAAK,SAAS,EAAC,iCAAiC,GAAG,EACnD,uBAAC,uBAAe,IACd,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,IAAI,EACjB,cAAc,EAAE;wCACd,YAAY,EAAE,UAAU,KAAK,EAAE;qCAChC,EACD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,yBAAyB,YAEnC,uBAAC,wBAAgB,KAAG,GACJ,IACjB,CACJ,EACA,SAAS,IAAI,CACZ,gCAAK,SAAS,EAAC,kCAAkC,YAC/C,uBAAC,sBAAc,IAAC,IAAI,EAAC,QAAQ,GAAG,GAC5B,CACP,KACS,GACI,EAClB,uBAAC,eAAO,CAAC,OAAO,cAAE,KAAK,GAAmB,IAClC,CACX,CAAC;AACJ,CAAC,CAAC;AAEO,4BAAQ","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 { XMarkIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\nimport { type CommonProps } from '../../_common/types';\n\ntype ImageTagProps = {\n  /** The source of the image */\n  src: string;\n  /** The alt text of the image */\n  alt: string;\n  /** The name of the image */\n  fileName: string;\n  /** The type of the image, e.g. 'jpg', 'png', 'gif', etc. */\n  fileType: string;\n  /** Callback function triggered either when the image 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 image tag is removable */\n  isRemovable?: boolean;\n  /** Whether the image tag is loading */\n  isLoading?: boolean;\n};\n\n/**\n * The component is used to display an image 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 ImageTag = ({\n  src,\n  fileName,\n  fileType,\n  alt,\n  onClick,\n  isRemovable = false,\n  isLoading = false,\n  ref,\n  className,\n  style,\n  htmlAttributes,\n  ...restProps\n}: CommonProps<React.ElementType, ImageTagProps>) => {\n  const Component = isRemovable !== true ? 'button' : 'div';\n  const classes = classNames('ndl-ai-image-tag', className);\n\n  const image = `${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          <img src={src} alt={alt} />\n          {isRemovable && (\n            <>\n              <div className=\"ndl-ai-image-tag-remove-wrapper\" />\n              <CleanIconButton\n                onClick={onClick}\n                description={null}\n                htmlAttributes={{\n                  'aria-label': `Remove ${image}`,\n                }}\n                size=\"small\"\n                className=\"ndl-ai-image-tag-remove\"\n              >\n                <XMarkIconOutline />\n              </CleanIconButton>\n            </>\n          )}\n          {isLoading && (\n            <div className=\"ndl-ai-image-tag-loading-overlay\">\n              <LoadingSpinner size=\"medium\" />\n            </div>\n          )}\n        </Component>\n      </Tooltip.Trigger>\n      <Tooltip.Content>{image}</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nexport { ImageTag };\n"]}

package/lib/cjs/ai/image-tag/stories/index.js

@@ -30,7 +30,7 @@ var image_tag_chat_story_1 = require("./image-tag-chat.story");
 Object.defineProperty(exports, "ImageTagChat", { enumerable: true, get: function () { return __importDefault(image_tag_chat_story_1).default; } });
 var image_tag_prompt_story_1 = require("./image-tag-prompt.story");
 Object.defineProperty(exports, "ImageTagPrompt", { enumerable: true, get: function () { return __importDefault(image_tag_prompt_story_1).default; } });
-const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const export_stories_utils_1 = require("../../../_common/export-stories-utils");
 const image_tag_chat_story_raw_1 = __importDefault(require("./image-tag-chat.story?raw"));
 const image_tag_loading_story_raw_1 = __importDefault(require("./image-tag-loading.story?raw"));
 const image_tag_prompt_story_raw_1 = __importDefault(require("./image-tag-prompt.story?raw"));

package/lib/cjs/ai/image-tag/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/image-tag/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,+DAAiE;AAAxD,qIAAA,OAAO,OAAgB;AAChC,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAElC,wFAAoF;AAEpF,0FAA4D;AAC5D,gGAAkE;AAClE,8FAAgE;AAEnD,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,eAAe,GAAG,IAAA,0CAAmB,EAAC,kCAAkB,CAAC,CAAC;AAC1D,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,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 ImageTagLoading } from './image-tag-loading.story';\nexport { default as ImageTagChat } from './image-tag-chat.story';\nexport { default as ImageTagPrompt } from './image-tag-prompt.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport ImageTagChatSrcRaw from './image-tag-chat.story?raw';\nimport ImageTagLoadingSrcRaw from './image-tag-loading.story?raw';\nimport ImageTagPromptSrcRaw from './image-tag-prompt.story?raw';\n\nexport const ImageTagLoadingSrc = removeLicenseHeader(ImageTagLoadingSrcRaw);\nexport const ImageTagChatSrc = removeLicenseHeader(ImageTagChatSrcRaw);\nexport const ImageTagPromptSrc = removeLicenseHeader(ImageTagPromptSrcRaw);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/image-tag/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,qEAAuE;AAA9D,2IAAA,OAAO,OAAmB;AACnC,+DAAiE;AAAxD,qIAAA,OAAO,OAAgB;AAChC,mEAAqE;AAA5D,yIAAA,OAAO,OAAkB;AAElC,gFAA4E;AAC5E,0FAA4D;AAC5D,gGAAkE;AAClE,8FAAgE;AAEnD,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,eAAe,GAAG,IAAA,0CAAmB,EAAC,kCAAkB,CAAC,CAAC;AAC1D,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,oCAAoB,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 ImageTagLoading } from './image-tag-loading.story';\nexport { default as ImageTagChat } from './image-tag-chat.story';\nexport { default as ImageTagPrompt } from './image-tag-prompt.story';\n\nimport { removeLicenseHeader } from '../../../_common/export-stories-utils';\nimport ImageTagChatSrcRaw from './image-tag-chat.story?raw';\nimport ImageTagLoadingSrcRaw from './image-tag-loading.story?raw';\nimport ImageTagPromptSrcRaw from './image-tag-prompt.story?raw';\n\nexport const ImageTagLoadingSrc = removeLicenseHeader(ImageTagLoadingSrcRaw);\nexport const ImageTagChatSrc = removeLicenseHeader(ImageTagChatSrcRaw);\nexport const ImageTagPromptSrc = removeLicenseHeader(ImageTagPromptSrcRaw);\n"]}

package/lib/cjs/ai/more-files/MoreFiles.js

@@ -1,3 +1,21 @@
+"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.MoreFiles = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  *
  *  Copyright (c) "Neo4j"
@@ -18,25 +36,6 @@
  *  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";
-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.MoreFiles = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 /**
  * The component is a button that is meant to open a menu of files when clicked.

package/lib/cjs/ai/more-files/MoreFiles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreFiles.js","sourceRoot":"","sources":["../../../../src/ai/more-files/MoreFiles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsBA,4DAAoC;AAWpC;;;;;GAKG;AACH,MAAM,kBAAkB,GAAG,CAAC,EASY,EAAE,EAAE;QAThB,EAC1B,KAAK,EACL,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,EACH,QAAQ,OAE8B,EADnC,SAAS,cARc,+EAS3B,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,EAAE;QACzD,YAAY,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,kDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,gBACA,GAAG,KAAK,aAAa,mBAClB,QAAQ,IACnB,SAAS,EACT,cAAc,oBAEhB,KAAK,KACA,CACV,CAAC;AACJ,CAAC,CAAC;AAE6B,uCAAS","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type { CommonProps } from '@neo4j-ndl/react/_common/types';\nimport classNames from 'classnames';\n\ntype MoreFilesProps = {\n  /** The number of files to show */\n  count: number;\n  /** Callback function triggered when the more files button is clicked */\n  onClick?: () => void;\n  /** Whether the more files button is active. Should be true when it opens the menu of files.*/\n  isActive?: boolean;\n};\n\n/**\n * The component is a button that is meant to open a menu of files when clicked.\n * It should be used in a chat when you have more files attached to the message than should be shown at once.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst MoreFilesComponent = ({\n  count,\n  onClick,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  isActive,\n  ...restProps\n}: CommonProps<'button', MoreFilesProps>) => {\n  const classes = classNames('ndl-ai-more-files', className, {\n    'ndl-active': isActive,\n  });\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={onClick}\n      className={classes}\n      style={style}\n      aria-label={`${count} more files`}\n      aria-expanded={isActive}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      +{count}\n    </button>\n  );\n};\n\nexport { MoreFilesComponent as MoreFiles };\n"]}
+{"version":3,"file":"MoreFiles.js","sourceRoot":"","sources":["../../../../src/ai/more-files/MoreFiles.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAapC;;;;;GAKG;AACH,MAAM,kBAAkB,GAAG,CAAC,EASY,EAAE,EAAE;QAThB,EAC1B,KAAK,EACL,OAAO,EACP,SAAS,EACT,KAAK,EACL,cAAc,EACd,GAAG,EACH,QAAQ,OAE8B,EADnC,SAAS,cARc,+EAS3B,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,EAAE;QACzD,YAAY,EAAE,QAAQ;KACvB,CAAC,CAAC;IAEH,OAAO,CACL,kDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,gBACA,GAAG,KAAK,aAAa,mBAClB,QAAQ,IACnB,SAAS,EACT,cAAc,oBAEhB,KAAK,KACA,CACV,CAAC;AACJ,CAAC,CAAC;AAE6B,uCAAS","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 classNames from 'classnames';\n\nimport type { CommonProps } from '../../_common/types';\n\ntype MoreFilesProps = {\n  /** The number of files to show */\n  count: number;\n  /** Callback function triggered when the more files button is clicked */\n  onClick?: () => void;\n  /** Whether the more files button is active. Should be true when it opens the menu of files.*/\n  isActive?: boolean;\n};\n\n/**\n * The component is a button that is meant to open a menu of files when clicked.\n * It should be used in a chat when you have more files attached to the message than should be shown at once.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst MoreFilesComponent = ({\n  count,\n  onClick,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  isActive,\n  ...restProps\n}: CommonProps<'button', MoreFilesProps>) => {\n  const classes = classNames('ndl-ai-more-files', className, {\n    'ndl-active': isActive,\n  });\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      onClick={onClick}\n      className={classes}\n      style={style}\n      aria-label={`${count} more files`}\n      aria-expanded={isActive}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      +{count}\n    </button>\n  );\n};\n\nexport { MoreFilesComponent as MoreFiles };\n"]}

package/lib/cjs/ai/more-files/stories/index.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoreFilesDefaultSrc = exports.MoreFilesDefault = void 0;
 var more_files_story_1 = require("./more-files.story");
 Object.defineProperty(exports, "MoreFilesDefault", { enumerable: true, get: function () { return __importDefault(more_files_story_1).default; } });
-const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const export_stories_utils_1 = require("../../../_common/export-stories-utils");
 const more_files_story_raw_1 = __importDefault(require("./more-files.story?raw"));
 exports.MoreFilesDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(more_files_story_raw_1.default);
 //# sourceMappingURL=index.js.map

package/lib/cjs/ai/more-files/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/more-files/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AAEpC,wFAAoF;AAEpF,kFAA4D;AAE/C,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,8BAAsB,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 MoreFilesDefault } from './more-files.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport MoreFilesDefaultSrcRaw from './more-files.story?raw';\n\nexport const MoreFilesDefaultSrc = removeLicenseHeader(MoreFilesDefaultSrcRaw);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/more-files/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,uDAAiE;AAAxD,qIAAA,OAAO,OAAoB;AAEpC,gFAA4E;AAC5E,kFAA4D;AAE/C,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,8BAAsB,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 MoreFilesDefault } from './more-files.story';\n\nimport { removeLicenseHeader } from '../../../_common/export-stories-utils';\nimport MoreFilesDefaultSrcRaw from './more-files.story?raw';\n\nexport const MoreFilesDefaultSrc = removeLicenseHeader(MoreFilesDefaultSrcRaw);\n"]}

package/lib/cjs/ai/more-files/stories/more-files.story.js

@@ -22,14 +22,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
 const 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 react_2 = require("react");
 const Component = () => {
-    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
-    const anchorRef = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { 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: "Science fiction bestseller", description: "PDF", onClick: () => alert('Science fiction bestseller') }), (0, jsx_runtime_1.jsx)(menu_1.Menu.Item, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.TableCellsIconOutline, {}), title: "MoviesDecade", description: "CSV", onClick: () => alert('MoviesDecade') }), (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 photos') })] }) })] }));
+    const [isMenuOpen, setIsMenuOpen] = (0, react_2.useState)(false);
+    const anchorRef = (0, react_2.useRef)(null);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ai_1.MoreFiles, { count: 4, isActive: isMenuOpen, onClick: () => setIsMenuOpen(!isMenuOpen), ref: anchorRef }), (0, jsx_runtime_1.jsx)(react_1.Menu, { isOpen: isMenuOpen, anchorRef: anchorRef, onClose: () => setIsMenuOpen(false), children: (0, jsx_runtime_1.jsxs)(react_1.Menu.Items, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), title: "Science fiction bestseller", description: "PDF", onClick: () => alert('Science fiction bestseller') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.TableCellsIconOutline, {}), title: "MoviesDecade", description: "CSV", onClick: () => alert('MoviesDecade') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.PhotoIconOutline, {}), title: "Family photo", description: "JPG", onClick: () => alert('Family photos') })] }) })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=more-files.story.js.map

package/lib/cjs/ai/more-files/stories/more-files.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"more-files.story.js","sourceRoot":"","sources":["../../../../../src/ai/more-files/stories/more-files.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAgD;AAChD,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,6DACE,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,4BAA4B,EAClC,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,GAClD,EACF,uBAAC,WAAI,CAAC,IAAI,IACR,aAAa,EAAE,uBAAC,6BAAqB,KAAG,EACxC,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GACpC,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,eAAe,CAAC,GACrC,IACS,GACR,IACN,CACJ,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 { MoreFiles } 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    <>\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=\"Science fiction bestseller\"\n            description=\"PDF\"\n            onClick={() => alert('Science fiction bestseller')}\n          />\n          <Menu.Item\n            leadingVisual={<TableCellsIconOutline />}\n            title=\"MoviesDecade\"\n            description=\"CSV\"\n            onClick={() => alert('MoviesDecade')}\n          />\n          <Menu.Item\n            leadingVisual={<PhotoIconOutline />}\n            title=\"Family photo\"\n            description=\"JPG\"\n            onClick={() => alert('Family photos')}\n          />\n        </Menu.Items>\n      </Menu>\n    </>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"more-files.story.js","sourceRoot":"","sources":["../../../../../src/ai/more-files/stories/more-files.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AACxC,4CAAgD;AAChD,kDAIgC;AAChC,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,6DACE,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,YAAI,IACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAEnC,wBAAC,YAAI,CAAC,KAAK,eACT,uBAAC,YAAI,CAAC,IAAI,IACR,aAAa,EAAE,uBAAC,2BAAmB,KAAG,EACtC,KAAK,EAAC,4BAA4B,EAClC,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,GAClD,EACF,uBAAC,YAAI,CAAC,IAAI,IACR,aAAa,EAAE,uBAAC,6BAAqB,KAAG,EACxC,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GACpC,EACF,uBAAC,YAAI,CAAC,IAAI,IACR,aAAa,EAAE,uBAAC,wBAAgB,KAAG,EACnC,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,GACrC,IACS,GACR,IACN,CACJ,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 { Menu } from '@neo4j-ndl/react';\nimport { MoreFiles } from '@neo4j-ndl/react/ai';\nimport {\n  DocumentIconOutline,\n  PhotoIconOutline,\n  TableCellsIconOutline,\n} from '@neo4j-ndl/react/icons';\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    <>\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=\"Science fiction bestseller\"\n            description=\"PDF\"\n            onClick={() => alert('Science fiction bestseller')}\n          />\n          <Menu.Item\n            leadingVisual={<TableCellsIconOutline />}\n            title=\"MoviesDecade\"\n            description=\"CSV\"\n            onClick={() => alert('MoviesDecade')}\n          />\n          <Menu.Item\n            leadingVisual={<PhotoIconOutline />}\n            title=\"Family photo\"\n            description=\"JPG\"\n            onClick={() => alert('Family photos')}\n          />\n        </Menu.Items>\n      </Menu>\n    </>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/presence/Presence.js.map

@@ -1 +1 @@
-{"version":3,"file":"Presence.js","sourceRoot":"","sources":["../../../../src/ai/presence/Presence.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAkD;AAElD,kDAGgC;AAChC,4DAAoC;AAOpC,MAAM,QAAQ,GAAG,CAAC,EAOkB,EAAE,EAAE;QAPtB,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,cAAc,EACd,GAAG,OAE+B,EAD/B,SAAS,cANI,6DAOjB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAqB,CAAC,CAAC,CAAC,4BAAoB,CAAC;IAEnE,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,IAC1B,CAAC,UAAU,KAAK,IAAI,IAAI;QAC1B,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,QAAQ;QACrB,IAAI,EAAE,QAAQ;KACf,CAAC,EACE,SAAS,EACb,CACH,CAAC;AACJ,CAAC,CAAC;AAIO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,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 { useNeedleTheme } from '@neo4j-ndl/react';\nimport type { CommonProps } from '@neo4j-ndl/react/_common/types';\nimport {\n  Neo4JAiColorDarkIcon,\n  Neo4JAiColorLightIcon,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\ntype PresenceProps = {\n  /** Whether the AI is thinking. Animates the underlying SVG */\n  isThinking?: boolean;\n};\n\nconst Presence = ({\n  className,\n  isThinking = false,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'svg', PresenceProps>) => {\n  const classes = classNames('ndl-ai-presence', className, {\n    'ndl-thinking': isThinking === true,\n  });\n  const { theme } = useNeedleTheme();\n\n  const Component =\n    theme === 'light' ? Neo4JAiColorLightIcon : Neo4JAiColorDarkIcon;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...(isThinking === true && {\n        'aria-label': 'Thinking',\n        'aria-live': 'polite',\n        role: 'status',\n      })}\n      {...restProps}\n    />\n  );\n};\n\nPresence.displayName = 'Presence';\n\nexport { Presence };\n"]}
+{"version":3,"file":"Presence.js","sourceRoot":"","sources":["../../../../src/ai/presence/Presence.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4CAAkD;AAClD,kDAGgC;AAChC,4DAAoC;AASpC,MAAM,QAAQ,GAAG,CAAC,EAOkB,EAAE,EAAE;QAPtB,EAChB,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,cAAc,EACd,GAAG,OAE+B,EAD/B,SAAS,cANI,6DAOjB,CADa;IAEZ,MAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACvD,cAAc,EAAE,UAAU,KAAK,IAAI;KACpC,CAAC,CAAC;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEnC,MAAM,SAAS,GACb,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,6BAAqB,CAAC,CAAC,CAAC,4BAAoB,CAAC;IAEnE,OAAO,CACL,uBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,IAC1B,CAAC,UAAU,KAAK,IAAI,IAAI;QAC1B,YAAY,EAAE,UAAU;QACxB,WAAW,EAAE,QAAQ;QACrB,IAAI,EAAE,QAAQ;KACf,CAAC,EACE,SAAS,EACb,CACH,CAAC;AACJ,CAAC,CAAC;AAIO,4BAAQ;AAFjB,QAAQ,CAAC,WAAW,GAAG,UAAU,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 { useNeedleTheme } from '@neo4j-ndl/react';\nimport {\n  Neo4JAiColorDarkIcon,\n  Neo4JAiColorLightIcon,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\n\nimport type { CommonProps } from '../../_common/types';\n\ntype PresenceProps = {\n  /** Whether the AI is thinking. Animates the underlying SVG */\n  isThinking?: boolean;\n};\n\nconst Presence = ({\n  className,\n  isThinking = false,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'svg', PresenceProps>) => {\n  const classes = classNames('ndl-ai-presence', className, {\n    'ndl-thinking': isThinking === true,\n  });\n  const { theme } = useNeedleTheme();\n\n  const Component =\n    theme === 'light' ? Neo4JAiColorLightIcon : Neo4JAiColorDarkIcon;\n\n  return (\n    <Component\n      ref={ref}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...(isThinking === true && {\n        'aria-label': 'Thinking',\n        'aria-live': 'polite',\n        role: 'status',\n      })}\n      {...restProps}\n    />\n  );\n};\n\nPresence.displayName = 'Presence';\n\nexport { Presence };\n"]}

package/lib/cjs/ai/presence/stories/index.js

@@ -28,7 +28,7 @@ var ai_presence_default_story_1 = require("./ai-presence-default.story");
 Object.defineProperty(exports, "PresenceDefault", { enumerable: true, get: function () { return __importDefault(ai_presence_default_story_1).default; } });
 var ai_presence_thinking_story_1 = require("./ai-presence-thinking.story");
 Object.defineProperty(exports, "PresenceThinking", { enumerable: true, get: function () { return __importDefault(ai_presence_thinking_story_1).default; } });
-const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const export_stories_utils_1 = require("../../../_common/export-stories-utils");
 const ai_presence_default_story_raw_1 = __importDefault(require("./ai-presence-default.story?raw"));
 const ai_presence_thinking_story_raw_1 = __importDefault(require("./ai-presence-thinking.story?raw"));
 exports.PresenceDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(ai_presence_default_story_raw_1.default);

package/lib/cjs/ai/presence/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/presence/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,yEAAyE;AAAhE,6IAAA,OAAO,OAAmB;AACnC,2EAA2E;AAAlE,+IAAA,OAAO,OAAoB;AAEpC,wFAAoF;AAEpF,oGAAoE;AACpE,sGAAsE;AAEzD,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,uCAAqB,CAAC,CAAC;AAChE,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,wCAAsB,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 PresenceDefault } from './ai-presence-default.story';\nexport { default as PresenceThinking } from './ai-presence-thinking.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport PresenceDefaultSrcRaw from './ai-presence-default.story?raw';\nimport PresenceThinkingSrcRaw from './ai-presence-thinking.story?raw';\n\nexport const PresenceDefaultSrc = removeLicenseHeader(PresenceDefaultSrcRaw);\nexport const PresenceThinkingSrc = removeLicenseHeader(PresenceThinkingSrcRaw);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/presence/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,yEAAyE;AAAhE,6IAAA,OAAO,OAAmB;AACnC,2EAA2E;AAAlE,+IAAA,OAAO,OAAoB;AAEpC,gFAA4E;AAC5E,oGAAoE;AACpE,sGAAsE;AAEzD,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,uCAAqB,CAAC,CAAC;AAChE,QAAA,mBAAmB,GAAG,IAAA,0CAAmB,EAAC,wCAAsB,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 PresenceDefault } from './ai-presence-default.story';\nexport { default as PresenceThinking } from './ai-presence-thinking.story';\n\nimport { removeLicenseHeader } from '../../../_common/export-stories-utils';\nimport PresenceDefaultSrcRaw from './ai-presence-default.story?raw';\nimport PresenceThinkingSrcRaw from './ai-presence-thinking.story?raw';\n\nexport const PresenceDefaultSrc = removeLicenseHeader(PresenceDefaultSrcRaw);\nexport const PresenceThinkingSrc = removeLicenseHeader(PresenceThinkingSrcRaw);\n"]}

package/lib/cjs/ai/prompt/Prompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"Prompt.js","sourceRoot":"","sources":["../../../../src/ai/prompt/Prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  CleanIconButton,\n  DropdownButton,\n  Menu,\n  Typography,\n} from '@neo4j-ndl/react';\nimport type {\n  CommonProps,\n  HtmlAttributes,\n} from '@neo4j-ndl/react/_common/types';\nimport {\n  ArrowSmallUpIconOutline,\n  CheckIconOutline,\n  StopCircleIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\ntype PromptProps = {\n  /** The prompt text */\n  value?: React.ComponentPropsWithoutRef<'textarea'>['value'];\n  /** Callback function called when the prompt text changes */\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /** Whether the submit button is disabled */\n  isSubmitDisabled?: boolean;\n  /** Maximum number of rows the textarea can expand to */\n  maxRows?: number;\n  /** Whether the submit button is \"running\". Shows a stop icon when true. */\n  isRunningPrompt?: boolean;\n  /** Callback function called when the submit button is clicked */\n  onSubmitPrompt?: (\n    e:\n      | React.KeyboardEvent<HTMLTextAreaElement>\n      | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void;\n  /** Content to display above the textarea */\n  topContent?: React.ReactNode;\n  /** Content to display below the textarea */\n  bottomContent?: React.ReactNode;\n  /** Disclaimer to display below the component */\n  disclaimer?: React.ReactNode;\n  /** Props for the textarea element */\n  textareaProps?: HtmlAttributes<'textarea'>;\n};\n\n/**\n * The component is used to display the prompt input for an LLM.\n * It includes a textarea for the user to enter their prompt and a submit button.\n * It can also display content above and below the textarea, like uploaded files or a select for changing agents.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst PromptComponent = ({\n  value,\n  onChange,\n  maxRows = 5,\n  isRunningPrompt = false,\n  onSubmitPrompt,\n  isSubmitDisabled = false,\n  topContent,\n  bottomContent,\n  disclaimer = 'All information should be verified.',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  textareaProps,\n  ...restProps\n}: CommonProps<'div', PromptProps>) => {\n  const classes = classNames('ndl-ai-prompt', className);\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const textareaAboveRef = useRef<HTMLDivElement>(null);\n  const [lineHeight, setLineHeight] = useState(0);\n\n  /** File overflow stuff */\n  useEffect(() => {\n    let rafId: number | null = null;\n\n    const checkOverflow = () => {\n      if (textareaAboveRef.current !== null) {\n        const element = textareaAboveRef.current;\n        const maxHeight = parseFloat(\n          getComputedStyle(element).maxHeight.replace('px', ''),\n        );\n        const scrollHeight = element.scrollHeight;\n\n        if (scrollHeight > maxHeight) {\n          element.classList.add('ndl-can-scroll');\n        } else {\n          element.classList.remove('ndl-can-scroll');\n        }\n      }\n    };\n\n    const debouncedCheck = () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      rafId = requestAnimationFrame(checkOverflow);\n    };\n\n    // Initial check\n    checkOverflow();\n\n    const resizeObserver = new ResizeObserver(debouncedCheck);\n    const mutationObserver = new MutationObserver(debouncedCheck);\n\n    if (textareaAboveRef.current !== null) {\n      resizeObserver.observe(textareaAboveRef.current);\n      mutationObserver.observe(textareaAboveRef.current, {\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    return () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  /** Textarea stuff */\n  useEffect(() => {\n    if (textareaRef.current !== null) {\n      const computed = window.getComputedStyle(textareaRef.current);\n      setLineHeight(parseInt(computed.lineHeight));\n    }\n  }, []);\n\n  const adjustTextareaHeight = useCallback(() => {\n    const ta = textareaRef.current;\n\n    if (ta !== null && lineHeight > 0) {\n      // Reset height so scrollHeight measures correctly\n      ta.style.height = 'auto';\n\n      const maxHeight = lineHeight * maxRows;\n\n      if (ta.scrollHeight <= maxHeight) {\n        ta.style.overflowY = 'hidden';\n        ta.style.height = `${ta.scrollHeight}px`;\n      } else {\n        ta.style.overflowY = 'auto';\n        ta.style.height = `${maxHeight}px`;\n      }\n    }\n  }, [lineHeight, maxRows]);\n\n  // Adjust height when prompt value changes (including when cleared)\n  useEffect(() => {\n    adjustTextareaHeight();\n  }, [value, adjustTextareaHeight]);\n\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    adjustTextareaHeight();\n    onChange?.(e);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-ai-prompt-wrapper\">\n        <div className=\"ndl-ai-prompt-wrapper-inner\">\n          {Boolean(topContent) && (\n            <div\n              className=\"ndl-ai-prompt-textarea-above\"\n              ref={textareaAboveRef}\n            >\n              {topContent}\n            </div>\n          )}\n          <textarea\n            placeholder=\"Ask anything\"\n            className=\"ndl-ai-prompt-textarea\"\n            rows={1}\n            onChange={handleInput}\n            value={value}\n            ref={textareaRef}\n            onKeyDown={(e) => {\n              if (\n                e.key === 'Enter' &&\n                !e.shiftKey &&\n                isSubmitDisabled !== true\n              ) {\n                e.preventDefault();\n                onSubmitPrompt?.(e);\n              }\n            }}\n            {...textareaProps}\n          />\n          <div className=\"ndl-ai-prompt-textarea-below\">\n            {Boolean(bottomContent) && (\n              <div className=\"ndl-ai-prompt-textarea-below-leading\">\n                {bottomContent}\n              </div>\n            )}\n            <SumbitPromptButton\n              isDisabled={isSubmitDisabled}\n              isRunningPrompt={isRunningPrompt}\n              onClick={onSubmitPrompt}\n            />\n          </div>\n        </div>\n      </div>\n      {Boolean(disclaimer) && (\n        <Typography variant=\"body-small\" className=\"ndl-ai-prompt-footer\">\n          {disclaimer}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nconst SumbitPromptButton = ({\n  onClick,\n  isDisabled,\n  isRunningPrompt,\n}: {\n  isDisabled?: boolean;\n  isRunningPrompt?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n}) => {\n  const description = isRunningPrompt === true ? 'Cancel' : 'Send';\n\n  return (\n    <CleanIconButton\n      className=\"ndl-ai-prompt-submit-button\"\n      description={description}\n      size=\"medium\"\n      onClick={onClick}\n      isDisabled={isDisabled}\n    >\n      <ArrowSmallUpIconOutline\n        style={{\n          opacity: isRunningPrompt === true ? 0 : 1,\n          position: isRunningPrompt === true ? 'absolute' : 'relative',\n          transform:\n            isRunningPrompt === true ? 'translateY(-8px)' : 'translateY(0)',\n        }}\n      />\n      <StopCircleIconOutline\n        style={{\n          opacity: isRunningPrompt === true ? 1 : 0,\n          position: isRunningPrompt === true ? 'relative' : 'absolute',\n        }}\n      />\n    </CleanIconButton>\n  );\n};\n\ntype AgentSelectProps = {\n  value: { label: React.ReactNode; value: string };\n  options: Array<{ label: React.ReactNode; value: string }>;\n  onChange: (option: { label: React.ReactNode; value: string }) => void;\n};\n\nconst AgentSelect = ({ value, options = [], onChange }: AgentSelectProps) => {\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const displayLabel = value?.label ?? options[0]?.label ?? '';\n\n  const handleItemClick = (option: {\n    label: React.ReactNode;\n    value: string;\n  }) => {\n    onChange?.(option);\n    setIsMenuOpen(false);\n  };\n\n  return (\n    <>\n      <DropdownButton\n        size=\"small\"\n        className=\"ndl-ai-prompt-dropdown-button\"\n        onClick={() => setIsMenuOpen((old) => !old)}\n        isOpen={isMenuOpen}\n        ref={anchorRef}\n      >\n        {displayLabel}\n      </DropdownButton>\n      <Menu\n        isOpen={isMenuOpen}\n        onClose={() => setIsMenuOpen(false)}\n        anchorRef={anchorRef}\n        placement=\"top-start-bottom-start\"\n      >\n        <Menu.Items>\n          {options.map((option) => (\n            <Menu.Item\n              key={option.value}\n              title={option.label}\n              onClick={() => handleItemClick(option)}\n              leadingVisual={\n                value?.value === option.value ? <CheckIconOutline /> : null\n              }\n            />\n          ))}\n        </Menu.Items>\n      </Menu>\n    </>\n  );\n};\n\nconst Prompt = Object.assign(PromptComponent, {\n  Select: AgentSelect,\n});\n\nexport { Prompt };\n"]}
+{"version":3,"file":"Prompt.js","sourceRoot":"","sources":["../../../../src/ai/prompt/Prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport {\n  CleanIconButton,\n  DropdownButton,\n  Menu,\n  Typography,\n} from '@neo4j-ndl/react';\nimport {\n  ArrowSmallUpIconOutline,\n  CheckIconOutline,\n  StopCircleIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { CommonProps, HtmlAttributes } from '../../_common/types';\n\ntype PromptProps = {\n  /** The prompt text */\n  value?: React.ComponentPropsWithoutRef<'textarea'>['value'];\n  /** Callback function called when the prompt text changes */\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  /** Whether the submit button is disabled */\n  isSubmitDisabled?: boolean;\n  /** Maximum number of rows the textarea can expand to */\n  maxRows?: number;\n  /** Whether the submit button is \"running\". Shows a stop icon when true. */\n  isRunningPrompt?: boolean;\n  /** Callback function called when the submit button is clicked */\n  onSubmitPrompt?: (\n    e:\n      | React.KeyboardEvent<HTMLTextAreaElement>\n      | React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void;\n  /** Content to display above the textarea */\n  topContent?: React.ReactNode;\n  /** Content to display below the textarea */\n  bottomContent?: React.ReactNode;\n  /** Disclaimer to display below the component */\n  disclaimer?: React.ReactNode;\n  /** Props for the textarea element */\n  textareaProps?: HtmlAttributes<'textarea'>;\n};\n\n/**\n * The component is used to display the prompt input for an LLM.\n * It includes a textarea for the user to enter their prompt and a submit button.\n * It can also display content above and below the textarea, like uploaded files or a select for changing agents.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst PromptComponent = ({\n  value,\n  onChange,\n  maxRows = 5,\n  isRunningPrompt = false,\n  onSubmitPrompt,\n  isSubmitDisabled = false,\n  topContent,\n  bottomContent,\n  disclaimer = 'All information should be verified.',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  textareaProps,\n  ...restProps\n}: CommonProps<'div', PromptProps>) => {\n  const classes = classNames('ndl-ai-prompt', className);\n\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const textareaAboveRef = useRef<HTMLDivElement>(null);\n  const [lineHeight, setLineHeight] = useState(0);\n\n  /** File overflow stuff */\n  useEffect(() => {\n    let rafId: number | null = null;\n\n    const checkOverflow = () => {\n      if (textareaAboveRef.current !== null) {\n        const element = textareaAboveRef.current;\n        const maxHeight = parseFloat(\n          getComputedStyle(element).maxHeight.replace('px', ''),\n        );\n        const scrollHeight = element.scrollHeight;\n\n        if (scrollHeight > maxHeight) {\n          element.classList.add('ndl-can-scroll');\n        } else {\n          element.classList.remove('ndl-can-scroll');\n        }\n      }\n    };\n\n    const debouncedCheck = () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      rafId = requestAnimationFrame(checkOverflow);\n    };\n\n    // Initial check\n    checkOverflow();\n\n    const resizeObserver = new ResizeObserver(debouncedCheck);\n    const mutationObserver = new MutationObserver(debouncedCheck);\n\n    if (textareaAboveRef.current !== null) {\n      resizeObserver.observe(textareaAboveRef.current);\n      mutationObserver.observe(textareaAboveRef.current, {\n        childList: true,\n        subtree: true,\n      });\n    }\n\n    return () => {\n      if (rafId !== null) {\n        cancelAnimationFrame(rafId);\n      }\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, []);\n\n  /** Textarea stuff */\n  useEffect(() => {\n    if (textareaRef.current !== null) {\n      const computed = window.getComputedStyle(textareaRef.current);\n      setLineHeight(parseInt(computed.lineHeight));\n    }\n  }, []);\n\n  const adjustTextareaHeight = useCallback(() => {\n    const ta = textareaRef.current;\n\n    if (ta !== null && lineHeight > 0) {\n      // Reset height so scrollHeight measures correctly\n      ta.style.height = 'auto';\n\n      const maxHeight = lineHeight * maxRows;\n\n      if (ta.scrollHeight <= maxHeight) {\n        ta.style.overflowY = 'hidden';\n        ta.style.height = `${ta.scrollHeight}px`;\n      } else {\n        ta.style.overflowY = 'auto';\n        ta.style.height = `${maxHeight}px`;\n      }\n    }\n  }, [lineHeight, maxRows]);\n\n  // Adjust height when prompt value changes (including when cleared)\n  useEffect(() => {\n    adjustTextareaHeight();\n  }, [value, adjustTextareaHeight]);\n\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    adjustTextareaHeight();\n    onChange?.(e);\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-ai-prompt-wrapper\">\n        <div className=\"ndl-ai-prompt-wrapper-inner\">\n          {Boolean(topContent) && (\n            <div\n              className=\"ndl-ai-prompt-textarea-above\"\n              ref={textareaAboveRef}\n            >\n              {topContent}\n            </div>\n          )}\n          <textarea\n            placeholder=\"Ask anything\"\n            className=\"ndl-ai-prompt-textarea\"\n            rows={1}\n            onChange={handleInput}\n            value={value}\n            ref={textareaRef}\n            onKeyDown={(e) => {\n              if (\n                e.key === 'Enter' &&\n                !e.shiftKey &&\n                isSubmitDisabled !== true\n              ) {\n                e.preventDefault();\n                onSubmitPrompt?.(e);\n              }\n            }}\n            {...textareaProps}\n          />\n          <div className=\"ndl-ai-prompt-textarea-below\">\n            {Boolean(bottomContent) && (\n              <div className=\"ndl-ai-prompt-textarea-below-leading\">\n                {bottomContent}\n              </div>\n            )}\n            <SumbitPromptButton\n              isDisabled={isSubmitDisabled}\n              isRunningPrompt={isRunningPrompt}\n              onClick={onSubmitPrompt}\n            />\n          </div>\n        </div>\n      </div>\n      {Boolean(disclaimer) && (\n        <Typography variant=\"body-small\" className=\"ndl-ai-prompt-footer\">\n          {disclaimer}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nconst SumbitPromptButton = ({\n  onClick,\n  isDisabled,\n  isRunningPrompt,\n}: {\n  isDisabled?: boolean;\n  isRunningPrompt?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n}) => {\n  const description = isRunningPrompt === true ? 'Cancel' : 'Send';\n\n  return (\n    <CleanIconButton\n      className=\"ndl-ai-prompt-submit-button\"\n      description={description}\n      size=\"medium\"\n      onClick={onClick}\n      isDisabled={isDisabled}\n    >\n      <ArrowSmallUpIconOutline\n        style={{\n          opacity: isRunningPrompt === true ? 0 : 1,\n          position: isRunningPrompt === true ? 'absolute' : 'relative',\n          transform:\n            isRunningPrompt === true ? 'translateY(-8px)' : 'translateY(0)',\n        }}\n      />\n      <StopCircleIconOutline\n        style={{\n          opacity: isRunningPrompt === true ? 1 : 0,\n          position: isRunningPrompt === true ? 'relative' : 'absolute',\n        }}\n      />\n    </CleanIconButton>\n  );\n};\n\ntype AgentSelectProps = {\n  value: { label: React.ReactNode; value: string };\n  options: Array<{ label: React.ReactNode; value: string }>;\n  onChange: (option: { label: React.ReactNode; value: string }) => void;\n};\n\nconst AgentSelect = ({ value, options = [], onChange }: AgentSelectProps) => {\n  const anchorRef = useRef<HTMLButtonElement>(null);\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const displayLabel = value?.label ?? options[0]?.label ?? '';\n\n  const handleItemClick = (option: {\n    label: React.ReactNode;\n    value: string;\n  }) => {\n    onChange?.(option);\n    setIsMenuOpen(false);\n  };\n\n  return (\n    <>\n      <DropdownButton\n        size=\"small\"\n        className=\"ndl-ai-prompt-dropdown-button\"\n        onClick={() => setIsMenuOpen((old) => !old)}\n        isOpen={isMenuOpen}\n        ref={anchorRef}\n      >\n        {displayLabel}\n      </DropdownButton>\n      <Menu\n        isOpen={isMenuOpen}\n        onClose={() => setIsMenuOpen(false)}\n        anchorRef={anchorRef}\n        placement=\"top-start-bottom-start\"\n      >\n        <Menu.Items>\n          {options.map((option) => (\n            <Menu.Item\n              key={option.value}\n              title={option.label}\n              onClick={() => handleItemClick(option)}\n              leadingVisual={\n                value?.value === option.value ? <CheckIconOutline /> : null\n              }\n            />\n          ))}\n        </Menu.Items>\n      </Menu>\n    </>\n  );\n};\n\nconst Prompt = Object.assign(PromptComponent, {\n  Select: AgentSelect,\n});\n\nexport { Prompt };\n"]}

package/lib/cjs/ai/prompt/stories/index.js

@@ -28,7 +28,7 @@ var prompt_default_story_1 = require("./prompt-default.story");
 Object.defineProperty(exports, "PromptDefault", { enumerable: true, get: function () { return __importDefault(prompt_default_story_1).default; } });
 var prompt_advanced_story_1 = require("./prompt-advanced.story");
 Object.defineProperty(exports, "PromptAdvanced", { enumerable: true, get: function () { return __importDefault(prompt_advanced_story_1).default; } });
-const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const export_stories_utils_1 = require("../../../_common/export-stories-utils");
 const prompt_advanced_story_raw_1 = __importDefault(require("./prompt-advanced.story?raw"));
 const prompt_default_story_raw_1 = __importDefault(require("./prompt-default.story?raw"));
 exports.PromptDefaultSrc = (0, export_stories_utils_1.removeLicenseHeader)(prompt_default_story_raw_1.default);

package/lib/cjs/ai/prompt/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/prompt/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAElC,wFAAoF;AAEpF,4FAA+D;AAC/D,0FAA6D;AAEhD,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,kCAAmB,CAAC,CAAC;AAC5D,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,mCAAoB,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 PromptDefault } from './prompt-default.story';\nexport { default as PromptAdvanced } from './prompt-advanced.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport PromptAdvancedSrcRaw from './prompt-advanced.story?raw';\nimport PromptDefaultSrcRaw from './prompt-default.story?raw';\n\nexport const PromptDefaultSrc = removeLicenseHeader(PromptDefaultSrcRaw);\nexport const PromptAdvancedSrc = removeLicenseHeader(PromptAdvancedSrcRaw);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/prompt/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AACjC,iEAAoE;AAA3D,wIAAA,OAAO,OAAkB;AAElC,gFAA4E;AAC5E,4FAA+D;AAC/D,0FAA6D;AAEhD,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,kCAAmB,CAAC,CAAC;AAC5D,QAAA,iBAAiB,GAAG,IAAA,0CAAmB,EAAC,mCAAoB,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 PromptDefault } from './prompt-default.story';\nexport { default as PromptAdvanced } from './prompt-advanced.story';\n\nimport { removeLicenseHeader } from '../../../_common/export-stories-utils';\nimport PromptAdvancedSrcRaw from './prompt-advanced.story?raw';\nimport PromptDefaultSrcRaw from './prompt-default.story?raw';\n\nexport const PromptDefaultSrc = removeLicenseHeader(PromptDefaultSrcRaw);\nexport const PromptAdvancedSrc = removeLicenseHeader(PromptAdvancedSrcRaw);\n"]}

package/lib/cjs/ai/reasoning/Reasoning.js.map

@@ -1 +1 @@
-{"version":3,"file":"Reasoning.js","sourceRoot":"","sources":["../../../../src/ai/reasoning/Reasoning.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { CleanIconButton, Typography } from '@neo4j-ndl/react';\nimport { type CommonProps } from '@neo4j-ndl/react/_common/types';\nimport { ChevronDownIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { useState } from 'react';\n\nimport { Presence } from '../presence';\nimport { formatThinkingDuration } from '../thinking/thinking-duration-formatter';\n\ntype ReasoningProps = {\n  /** What should be displayed inside the reasoning component. */\n  children?: React.ReactNode;\n  /** Whether the AI is thinking */\n  isThinking?: boolean;\n  /** The duration of the thinking in milliseconds */\n  thinkingMs?: number;\n  /** The current action the AI is performing */\n  currentAction?: string;\n};\n\n/**\n * The component is used to display the reasoning state of an LLM.\n * It has an accordion like behavior to show the reasoning steps.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst ReasoningComponent = ({\n  isThinking = true,\n  thinkingMs = 1000,\n  currentAction = 'Thinking',\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ReasoningProps>) => {\n  const classes = classNames('ndl-ai-reasoning', className);\n  const [isExpanded, setIsExpanded] = useState(false);\n  const shouldShowChildren = isExpanded && isThinking === false;\n\n  const { value: thinkingDuration, unit } = formatThinkingDuration(thinkingMs);\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <Typography variant=\"label\" className=\"ndl-ai-reasoning-header\">\n        {isThinking === true ? (\n          <>\n            <Presence isThinking={isThinking} className=\"n-size-token-24\" />\n            <span className=\"ndl-ai-reasoning-header-text\">\n              {currentAction}...\n            </span>\n          </>\n        ) : (\n          <>\n            <span>\n              Thought for {thinkingDuration} {unit}\n            </span>\n            <CleanIconButton\n              size=\"small\"\n              variant=\"neutral\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              description={isExpanded ? 'Collapse' : 'Expand'}\n              className={classNames('ndl-ai-reasoning-expand-button', {\n                'ndl-expanded': isExpanded,\n              })}\n            >\n              <ChevronDownIconOutline />\n            </CleanIconButton>\n          </>\n        )}\n      </Typography>\n      <div\n        className={classNames('ndl-ai-reasoning-content', {\n          'ndl-expanded': shouldShowChildren,\n        })}\n        inert={!shouldShowChildren}\n      >\n        <div className=\"ndl-ai-reasoning-content-inner\">\n          <div className=\"ndl-ai-reasoning-content-inner-2\">{children}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ntype SectionProps = {\n  /** The heading of the section */\n  heading?: React.ReactNode;\n  /** The children of the section */\n  children?: React.ReactNode;\n  /** The visual leading the section */\n  leadingVisual?: React.ReactNode;\n};\n\nconst Section = ({\n  heading,\n  leadingVisual,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', SectionProps>) => {\n  const classes = classNames('ndl-ai-reasoning-section', className);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-ai-reasoning-section-header\">\n        <div className=\"ndl-ai-reasoning-section-leading\">{leadingVisual}</div>\n        <Typography variant=\"subheading-small\">{heading}</Typography>\n        <CleanIconButton\n          description={isExpanded ? 'Collapse' : 'Expand'}\n          size=\"small\"\n          variant=\"neutral\"\n          className={classNames('ndl-ai-reasoning-expand-button', {\n            'ndl-expanded': isExpanded,\n          })}\n          onClick={() => setIsExpanded(!isExpanded)}\n        >\n          <ChevronDownIconOutline />\n        </CleanIconButton>\n      </div>\n      <div\n        className={classNames('ndl-ai-reasoning-section-content', {\n          'ndl-expanded': isExpanded,\n        })}\n        inert={!isExpanded}\n      >\n        <div className=\"ndl-ai-reasoning-section-content-inner\">\n          <div className=\"ndl-ai-reasoning-section-content-inner-2\">\n            <div className=\"ndl-ai-reasoning-section-content-line-container\">\n              <div className=\"ndl-ai-reasoning-section-content-line\" />\n            </div>\n            <div className=\"ndl-ai-reasoning-section-content-children\">\n              {children}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst Reasoning = Object.assign(ReasoningComponent, {\n  Section,\n});\n\nexport { Reasoning };\n"]}
+{"version":3,"file":"Reasoning.js","sourceRoot":"","sources":["../../../../src/ai/reasoning/Reasoning.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { CleanIconButton, Typography } from '@neo4j-ndl/react';\nimport { ChevronDownIconOutline } from '@neo4j-ndl/react/icons';\nimport classNames from 'classnames';\nimport { useState } from 'react';\n\nimport { type CommonProps } from '../../_common/types';\nimport { Presence } from '../presence';\nimport { formatThinkingDuration } from '../thinking/thinking-duration-formatter';\n\ntype ReasoningProps = {\n  /** What should be displayed inside the reasoning component. */\n  children?: React.ReactNode;\n  /** Whether the AI is thinking */\n  isThinking?: boolean;\n  /** The duration of the thinking in milliseconds */\n  thinkingMs?: number;\n  /** The current action the AI is performing */\n  currentAction?: string;\n};\n\n/**\n * The component is used to display the reasoning state of an LLM.\n * It has an accordion like behavior to show the reasoning steps.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst ReasoningComponent = ({\n  isThinking = true,\n  thinkingMs = 1000,\n  currentAction = 'Thinking',\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ReasoningProps>) => {\n  const classes = classNames('ndl-ai-reasoning', className);\n  const [isExpanded, setIsExpanded] = useState(false);\n  const shouldShowChildren = isExpanded && isThinking === false;\n\n  const { value: thinkingDuration, unit } = formatThinkingDuration(thinkingMs);\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <Typography variant=\"label\" className=\"ndl-ai-reasoning-header\">\n        {isThinking === true ? (\n          <>\n            <Presence isThinking={isThinking} className=\"n-size-token-24\" />\n            <span className=\"ndl-ai-reasoning-header-text\">\n              {currentAction}...\n            </span>\n          </>\n        ) : (\n          <>\n            <span>\n              Thought for {thinkingDuration} {unit}\n            </span>\n            <CleanIconButton\n              size=\"small\"\n              variant=\"neutral\"\n              onClick={() => setIsExpanded(!isExpanded)}\n              description={isExpanded ? 'Collapse' : 'Expand'}\n              className={classNames('ndl-ai-reasoning-expand-button', {\n                'ndl-expanded': isExpanded,\n              })}\n            >\n              <ChevronDownIconOutline />\n            </CleanIconButton>\n          </>\n        )}\n      </Typography>\n      <div\n        className={classNames('ndl-ai-reasoning-content', {\n          'ndl-expanded': shouldShowChildren,\n        })}\n        inert={!shouldShowChildren}\n      >\n        <div className=\"ndl-ai-reasoning-content-inner\">\n          <div className=\"ndl-ai-reasoning-content-inner-2\">{children}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ntype SectionProps = {\n  /** The heading of the section */\n  heading?: React.ReactNode;\n  /** The children of the section */\n  children?: React.ReactNode;\n  /** The visual leading the section */\n  leadingVisual?: React.ReactNode;\n};\n\nconst Section = ({\n  heading,\n  leadingVisual,\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', SectionProps>) => {\n  const classes = classNames('ndl-ai-reasoning-section', className);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  return (\n    <div\n      ref={ref}\n      className={classes}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-ai-reasoning-section-header\">\n        <div className=\"ndl-ai-reasoning-section-leading\">{leadingVisual}</div>\n        <Typography variant=\"subheading-small\">{heading}</Typography>\n        <CleanIconButton\n          description={isExpanded ? 'Collapse' : 'Expand'}\n          size=\"small\"\n          variant=\"neutral\"\n          className={classNames('ndl-ai-reasoning-expand-button', {\n            'ndl-expanded': isExpanded,\n          })}\n          onClick={() => setIsExpanded(!isExpanded)}\n        >\n          <ChevronDownIconOutline />\n        </CleanIconButton>\n      </div>\n      <div\n        className={classNames('ndl-ai-reasoning-section-content', {\n          'ndl-expanded': isExpanded,\n        })}\n        inert={!isExpanded}\n      >\n        <div className=\"ndl-ai-reasoning-section-content-inner\">\n          <div className=\"ndl-ai-reasoning-section-content-inner-2\">\n            <div className=\"ndl-ai-reasoning-section-content-line-container\">\n              <div className=\"ndl-ai-reasoning-section-content-line\" />\n            </div>\n            <div className=\"ndl-ai-reasoning-section-content-children\">\n              {children}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst Reasoning = Object.assign(ReasoningComponent, {\n  Section,\n});\n\nexport { Reasoning };\n"]}

package/lib/cjs/ai/reasoning/stories/index.js

@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReasoningFullSrc = exports.ReasoningFull = void 0;
 var reasoning_full_story_1 = require("./reasoning-full.story");
 Object.defineProperty(exports, "ReasoningFull", { enumerable: true, get: function () { return __importDefault(reasoning_full_story_1).default; } });
-const export_stories_utils_1 = require("@neo4j-ndl/react/_common/export-stories-utils");
+const export_stories_utils_1 = require("../../../_common/export-stories-utils");
 const reasoning_full_story_raw_1 = __importDefault(require("./reasoning-full.story?raw"));
 exports.ReasoningFullSrc = (0, export_stories_utils_1.removeLicenseHeader)(reasoning_full_story_raw_1.default);
 //# sourceMappingURL=index.js.map

package/lib/cjs/ai/reasoning/stories/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/reasoning/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AAEjC,wFAAoF;AAEpF,0FAA6D;AAEhD,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,kCAAmB,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 ReasoningFull } from './reasoning-full.story';\n\nimport { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';\n\nimport ReasoningFullSrcRaw from './reasoning-full.story?raw';\n\nexport const ReasoningFullSrc = removeLicenseHeader(ReasoningFullSrcRaw);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ai/reasoning/stories/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;AAEH,+DAAkE;AAAzD,sIAAA,OAAO,OAAiB;AAEjC,gFAA4E;AAC5E,0FAA6D;AAEhD,QAAA,gBAAgB,GAAG,IAAA,0CAAmB,EAAC,kCAAmB,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 ReasoningFull } from './reasoning-full.story';\n\nimport { removeLicenseHeader } from '../../../_common/export-stories-utils';\nimport ReasoningFullSrcRaw from './reasoning-full.story?raw';\n\nexport const ReasoningFullSrc = removeLicenseHeader(ReasoningFullSrcRaw);\n"]}