@neo4j-ndl/react 4.4.0 → 4.4.1

package/lib/esm/toast/stories/toast-action-story.js

@@ -25,10 +25,10 @@ const Component = () => {
     return (_jsxs("div", { className: "n-flex n-flex-row n-justify-center", children: [_jsx(Toaster, {}), _jsx(FilledButton, { onClick: () => {
                     toast.neutral('Hello', {
                         actionLabel: 'Action',
-                        shouldCloseOnAction: true,
                         onAction: () => {
                             console.info('action');
                         },
+                        shouldCloseOnAction: true,
                     });
                 }, children: "Press to show a Toast" })] }));
 };

package/lib/esm/toast/stories/toast-action-story.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-action-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-action-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aAEjD,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;wBACrB,WAAW,EAAE,QAAQ;wBACrB,mBAAmB,EAAE,IAAI;wBACzB,QAAQ,EAAE,GAAG,EAAE;4BACb,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACzB,CAAC;qBACF,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, toast, Toaster } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-row n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          toast.neutral('Hello', {\n            actionLabel: 'Action',\n            shouldCloseOnAction: true,\n            onAction: () => {\n              console.info('action');\n            },\n          });\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"toast-action-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-action-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aAEjD,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;wBACrB,WAAW,EAAE,QAAQ;wBACrB,QAAQ,EAAE,GAAG,EAAE;4BACb,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;wBACzB,CAAC;wBACD,mBAAmB,EAAE,IAAI;qBAC1B,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, toast, Toaster } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-row n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          toast.neutral('Hello', {\n            actionLabel: 'Action',\n            onAction: () => {\n              console.info('action');\n            },\n            shouldCloseOnAction: true,\n          });\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/toast/stories/toast-controlled-story.js

@@ -29,11 +29,11 @@ const Component = () => {
                         ...toasts,
                         {
                             id: '1',
-                            text: 'Hi there!',
-                            variant: 'neutral',
                             onClose: () => {
                                 setToasts(toasts.filter((toast) => toast.id !== '1'));
                             },
+                            text: 'Hi there!',
+                            variant: 'neutral',
                         },
                     ]);
                 }, children: "Press to show a Toast" })] }));

package/lib/esm/toast/stories/toast-controlled-story.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-controlled-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-controlled-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAElC,EAAE,CAAC,CAAC;IAEN,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aAEtC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC;wBACR,GAAG,MAAM;wBACT;4BACE,EAAE,EAAE,GAAG;4BACP,IAAI,EAAE,WAAW;4BACjB,OAAO,EAAE,SAAS;4BAClB,OAAO,EAAE,GAAG,EAAE;gCACZ,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;4BACxD,CAAC;yBACF;qBACF,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, ToasterControlled } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [toasts, setToasts] = useState<\n    React.ComponentProps<typeof ToasterControlled>['toasts']\n  >([]);\n\n  return (\n    <div className=\"n-flex n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <ToasterControlled toasts={toasts} />\n      <FilledButton\n        onClick={() => {\n          setToasts([\n            ...toasts,\n            {\n              id: '1',\n              text: 'Hi there!',\n              variant: 'neutral',\n              onClose: () => {\n                setToasts(toasts.filter((toast) => toast.id !== '1'));\n              },\n            },\n          ]);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"toast-controlled-story.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-controlled-story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAElC,EAAE,CAAC,CAAC;IAEN,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aAEtC,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI,EACrC,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,SAAS,CAAC;wBACR,GAAG,MAAM;wBACT;4BACE,EAAE,EAAE,GAAG;4BACP,OAAO,EAAE,GAAG,EAAE;gCACZ,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;4BACxD,CAAC;4BACD,IAAI,EAAE,WAAW;4BACjB,OAAO,EAAE,SAAS;yBACnB;qBACF,CAAC,CAAC;gBACL,CAAC,sCAGY,IACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, ToasterControlled } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [toasts, setToasts] = useState<\n    React.ComponentProps<typeof ToasterControlled>['toasts']\n  >([]);\n\n  return (\n    <div className=\"n-flex n-justify-center\">\n      {/* Toaster should be at the root of the app */}\n      <ToasterControlled toasts={toasts} />\n      <FilledButton\n        onClick={() => {\n          setToasts([\n            ...toasts,\n            {\n              id: '1',\n              onClose: () => {\n                setToasts(toasts.filter((toast) => toast.id !== '1'));\n              },\n              text: 'Hi there!',\n              variant: 'neutral',\n            },\n          ]);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/toast/stories/toast-progress-bar.js

@@ -29,12 +29,12 @@ const Component = () => {
                     const id = toast.progressBar('Hello', {
                         icon: _jsx(CloudArrowDownIconSolid, {}),
                         isCloseable: true,
-                        shouldCloseOnAction: true,
                         onClose: () => {
                             setProgressBarId(null);
                             console.info('close');
                         },
                         shouldAutoClose: false,
+                        shouldCloseOnAction: true,
                     });
                     setProgressBarId(id);
                 }, children: "Press to show a Toast" }), _jsx(OutlinedButton, { onClick: () => {

package/lib/esm/toast/stories/toast-progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-progress-bar.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-progress-bar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAE9C,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;wBACpC,IAAI,EAAE,KAAC,uBAAuB,KAAG;wBACjC,WAAW,EAAE,IAAI;wBACjB,mBAAmB,EAAE,IAAI;wBACzB,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;4BACvB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;wBACxB,CAAC;wBACD,eAAe,EAAE,KAAK;qBACvB,CAAC,CAAC;oBACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACvB,CAAC,sCAGY,EACf,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,aAAa,EAAE,CAAC;wBAClB,KAAK,CAAC,sBAAsB,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;oBAClD,CAAC;gBACH,CAAC,oCAGc,IACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, OutlinedButton, toast, Toaster } from '@neo4j-ndl/react';\nimport { CloudArrowDownIconSolid } from '@neo4j-ndl/react/icons';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [progressBarId, setProgressBarId] = useState<string | number | null>(\n    null,\n  );\n  return (\n    <div className=\"n-flex n-justify-center n-gap-4\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          const id = toast.progressBar('Hello', {\n            icon: <CloudArrowDownIconSolid />,\n            isCloseable: true,\n            shouldCloseOnAction: true,\n            onClose: () => {\n              setProgressBarId(null);\n              console.info('close');\n            },\n            shouldAutoClose: false,\n          });\n          setProgressBarId(id);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n      <OutlinedButton\n        onClick={() => {\n          if (progressBarId) {\n            toast.updateProgressBarValue(progressBarId, 50);\n          }\n        }}\n      >\n        Update progress bar\n      </OutlinedButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"toast-progress-bar.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast-progress-bar.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,IAAI,CACL,CAAC;IACF,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAE9C,KAAC,OAAO,KAAG,EACX,KAAC,YAAY,IACX,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;wBACpC,IAAI,EAAE,KAAC,uBAAuB,KAAG;wBACjC,WAAW,EAAE,IAAI;wBACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,IAAI,CAAC,CAAC;4BACvB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;wBACxB,CAAC;wBACD,eAAe,EAAE,KAAK;wBACtB,mBAAmB,EAAE,IAAI;qBAC1B,CAAC,CAAC;oBACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;gBACvB,CAAC,sCAGY,EACf,KAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,aAAa,EAAE,CAAC;wBAClB,KAAK,CAAC,sBAAsB,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;oBAClD,CAAC;gBACH,CAAC,oCAGc,IACb,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, OutlinedButton, toast, Toaster } from '@neo4j-ndl/react';\nimport { CloudArrowDownIconSolid } from '@neo4j-ndl/react/icons';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [progressBarId, setProgressBarId] = useState<string | number | null>(\n    null,\n  );\n  return (\n    <div className=\"n-flex n-justify-center n-gap-4\">\n      {/* Toaster should be at the root of the app */}\n      <Toaster />\n      <FilledButton\n        onClick={() => {\n          const id = toast.progressBar('Hello', {\n            icon: <CloudArrowDownIconSolid />,\n            isCloseable: true,\n            onClose: () => {\n              setProgressBarId(null);\n              console.info('close');\n            },\n            shouldAutoClose: false,\n            shouldCloseOnAction: true,\n          });\n          setProgressBarId(id);\n        }}\n      >\n        Press to show a Toast\n      </FilledButton>\n      <OutlinedButton\n        onClick={() => {\n          if (progressBarId) {\n            toast.updateProgressBarValue(progressBarId, 50);\n          }\n        }}\n      >\n        Update progress bar\n      </OutlinedButton>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/toast/stories/toast.stories.js

@@ -21,114 +21,114 @@
 import { Toaster } from '@neo4j-ndl/react';
 import { ToastAction, ToastActionSrc, ToastCloseable, ToastCloseableSrc, ToastControlled, ToastControlledSrc, ToastCustom, ToastCustomSrc, ToastDanger, ToastDangerSrc, ToastNeutral, ToastNeutralSrc, ToastProgressBar, ToastProgressBarSrc, ToastSuccess, ToastSuccessSrc, } from '.';
 const componentMeta = {
-    title: 'Components/Toast',
-    id: 'components-toast',
     component: Toaster,
+    id: 'components-toast',
     tags: ['docsPage'],
+    title: 'Components/Toast',
 };
 export default componentMeta;
 export const Neutral = {
     args: {},
-    render: ToastNeutral,
     parameters: {
         docs: {
             source: {
+                code: ToastNeutralSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastNeutralSrc,
             },
         },
     },
+    render: ToastNeutral,
 };
 export const Success = {
     args: {},
-    render: ToastSuccess,
     parameters: {
         docs: {
             source: {
+                code: ToastSuccessSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastSuccessSrc,
             },
         },
     },
+    render: ToastSuccess,
 };
 export const Error = {
     args: {},
-    render: ToastDanger,
     parameters: {
         docs: {
             source: {
+                code: ToastDangerSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastDangerSrc,
             },
         },
     },
+    render: ToastDanger,
 };
 export const Action = {
     args: {},
-    render: ToastAction,
     parameters: {
         docs: {
             source: {
+                code: ToastActionSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastActionSrc,
             },
         },
     },
+    render: ToastAction,
 };
 export const Closeable = {
     args: {},
-    render: ToastCloseable,
     parameters: {
         docs: {
             source: {
+                code: ToastCloseableSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastCloseableSrc,
             },
         },
     },
+    render: ToastCloseable,
 };
 export const ProgressBar = {
     args: {},
-    render: ToastProgressBar,
     parameters: {
         docs: {
             source: {
+                code: ToastProgressBarSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastProgressBarSrc,
             },
         },
     },
+    render: ToastProgressBar,
 };
 export const Custom = {
     args: {},
-    render: ToastCustom,
     parameters: {
         docs: {
             source: {
+                code: ToastCustomSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastCustomSrc,
             },
         },
     },
+    render: ToastCustom,
 };
 export const Controlled = {
     args: {},
-    render: ToastControlled,
     parameters: {
         docs: {
             source: {
+                code: ToastControlledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastControlledSrc,
             },
         },
     },
+    render: ToastControlled,
 };
 //# sourceMappingURL=toast.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast.stories.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast.stories.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 */\nimport { Toaster } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  ToastAction,\n  ToastActionSrc,\n  ToastCloseable,\n  ToastCloseableSrc,\n  ToastControlled,\n  ToastControlledSrc,\n  ToastCustom,\n  ToastCustomSrc,\n  ToastDanger,\n  ToastDangerSrc,\n  ToastNeutral,\n  ToastNeutralSrc,\n  ToastProgressBar,\n  ToastProgressBarSrc,\n  ToastSuccess,\n  ToastSuccessSrc,\n} from '.';\n\nconst componentMeta = {\n  title: 'Components/Toast',\n  id: 'components-toast',\n  component: Toaster,\n  tags: ['docsPage'],\n} satisfies Meta<typeof Toaster>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Neutral: Story = {\n  args: {},\n  render: ToastNeutral,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastNeutralSrc,\n      },\n    },\n  },\n};\n\nexport const Success: Story = {\n  args: {},\n  render: ToastSuccess,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastSuccessSrc,\n      },\n    },\n  },\n};\n\nexport const Error: Story = {\n  args: {},\n  render: ToastDanger,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastDangerSrc,\n      },\n    },\n  },\n};\n\nexport const Action: Story = {\n  args: {},\n  render: ToastAction,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastActionSrc,\n      },\n    },\n  },\n};\n\nexport const Closeable: Story = {\n  args: {},\n  render: ToastCloseable,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastCloseableSrc,\n      },\n    },\n  },\n};\n\nexport const ProgressBar: Story = {\n  args: {},\n  render: ToastProgressBar,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastProgressBarSrc,\n      },\n    },\n  },\n};\n\nexport const Custom: Story = {\n  args: {},\n  render: ToastCustom,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastCustomSrc,\n      },\n    },\n  },\n};\n\nexport const Controlled: Story = {\n  args: {},\n  render: ToastControlled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastControlledSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"toast.stories.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EACL,WAAW,EACX,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,WAAW,EACX,cAAc,EACd,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,YAAY,EACZ,eAAe,GAChB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,OAAO;IAClB,EAAE,EAAE,kBAAkB;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,kBAAkB;CACK,CAAC;AAEjC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,YAAY;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,eAAe;gBACrB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,YAAY;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,iBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,cAAc;gBACpB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,WAAW;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,kBAAkB;gBACxB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,eAAe;CACxB,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { Toaster } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  ToastAction,\n  ToastActionSrc,\n  ToastCloseable,\n  ToastCloseableSrc,\n  ToastControlled,\n  ToastControlledSrc,\n  ToastCustom,\n  ToastCustomSrc,\n  ToastDanger,\n  ToastDangerSrc,\n  ToastNeutral,\n  ToastNeutralSrc,\n  ToastProgressBar,\n  ToastProgressBarSrc,\n  ToastSuccess,\n  ToastSuccessSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Toaster,\n  id: 'components-toast',\n  tags: ['docsPage'],\n  title: 'Components/Toast',\n} satisfies Meta<typeof Toaster>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Neutral: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastNeutralSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastNeutral,\n};\n\nexport const Success: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastSuccessSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastSuccess,\n};\n\nexport const Error: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastDangerSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastDanger,\n};\n\nexport const Action: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastActionSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastAction,\n};\n\nexport const Closeable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastCloseableSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastCloseable,\n};\n\nexport const ProgressBar: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastProgressBarSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastProgressBar,\n};\n\nexport const Custom: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastCustomSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastCustom,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastControlled,\n};\n"]}

package/lib/esm/tooltip/Tooltip.js

@@ -62,7 +62,7 @@ const TooltipTrigger = (_a) => {
     var { children, hasButtonWrapper = false, htmlAttributes, className, style, ref } = _a, restProps = __rest(_a, ["children", "hasButtonWrapper", "htmlAttributes", "className", "style", "ref"]);
     const context = useTooltipContext();
     // Example from floating-ui
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
     const childrenProps = children.props;
     const mergedRefs = useMergeRefs([
         context.refs.setReference,

package/lib/esm/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.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 */\nimport {\n  type AutoUpdateOptions,\n  FloatingFocusManager,\n  FloatingPortal,\n  type Placement,\n  type UseFloatingOptions,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { cloneElement, isValidElement } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme';\nimport { Typography, type TypographyVariants } from '../typography';\nimport { TooltipContext, useTooltip, useTooltipContext } from './use-tooltip';\n\nexport type TooltipProps = {\n  /** Content displayed inside the tooltip. Wraps `Tooltip.Trigger`, `Tooltip.Content`, and optional parts */\n  children: React.ReactNode;\n  /** Whether the tooltip is disabled */\n  isDisabled?: boolean;\n  /** Whether the tooltip should be open on first render  */\n  isInitialOpen?: boolean;\n  /** Placement of the tooltip content relative to the trigger */\n  placement?: Placement;\n  /** Controls the open state . If omitted, the tooltip manages its own state */\n  isOpen?: boolean;\n  /** Visual style of the tooltip content. `simple` renders plain text, `rich` renders a composable panel */\n  type: 'simple' | 'rich';\n  /** Whether the content is rendered in a portal.  */\n  isPortaled?: boolean;\n  /** Callback fired when the open state changes, if omitted, the tooltip manages its own state using internal hooks */\n  onOpenChange?: UseFloatingOptions['onOpenChange'];\n  /** Positioning strategy of the tooltip. Defaults to `fixed` when inside a dialog, otherwise `absolute` */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Hover open/close delays in milliseconds */\n  hoverDelay?: {\n    open: number;\n    close: number;\n  };\n  /** Whether the tooltip should close when the reference element is clicked. Useful when the trigger moves after click. */\n  shouldCloseOnReferenceClick?: boolean;\n  autoUpdateOptions?: AutoUpdateOptions;\n};\n\nconst TooltipComponent = ({\n  children,\n  isDisabled = false,\n  type,\n  isInitialOpen,\n  placement,\n  isOpen,\n  onOpenChange,\n  isPortaled: isPortaledProp,\n  floatingStrategy: strategyProp,\n  hoverDelay,\n  shouldCloseOnReferenceClick,\n  autoUpdateOptions,\n}: TooltipProps) => {\n  const isInsideDialog = useIsInsideDialog();\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const isPortaled = !isInsideDialog;\n\n  const tooltip = useTooltip({\n    autoUpdateOptions,\n    hoverDelay,\n    isInitialOpen,\n    // if isDisabled is true tooltip will not open otherwise either controlled or uncontrolled depending on if isOpen is passed\n    isOpen: isDisabled === true ? false : isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    onOpenChange,\n    placement,\n    shouldCloseOnReferenceClick,\n    strategy: strategyProp ?? strategy,\n    type,\n  });\n\n  return (\n    <TooltipContext.Provider value={tooltip}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nTooltipComponent.displayName = 'Tooltip';\n\ntype TooltipTriggerProps = {\n  /** Content displayed inside the trigger element */\n  children: React.ReactNode;\n  /** Whether the trigger element can be any element without an extra button wrapper. The child element will be cloned with the necessary trigger props and merged refs */\n  hasButtonWrapper?: boolean;\n};\n\nconst TooltipTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: CommonProps<'button', TooltipTriggerProps>) => {\n  const context = useTooltipContext();\n\n  // Example from floating-ui\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  const triggerClasses = classNames(\n    {\n      'ndl-closed': !context.isOpen,\n      'ndl-open': context.isOpen,\n    },\n    'ndl-tooltip-trigger',\n    className,\n  );\n\n  // `hasButtonWrapper=true` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && isValidElement(children)) {\n    const props: Record<string, unknown> = {\n      className: triggerClasses,\n      ...htmlAttributes,\n      ...childrenProps,\n      ref: mergedRefs,\n    };\n    return cloneElement(children, context.getReferenceProps(props));\n  }\n\n  return (\n    <button\n      className={triggerClasses}\n      style={style}\n      ref={mergedRefs}\n      {...context.getReferenceProps(htmlAttributes)}\n      {...restProps}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype TooltipContentProps = {\n  /** Content displayed inside the tooltip */\n  children: React.ReactNode;\n};\n\nconst TooltipContent = ({\n  children,\n  style,\n  htmlAttributes,\n  className,\n  ref,\n  ...restProps\n}: CommonProps<'div', TooltipContentProps>) => {\n  const context = useTooltipContext();\n  const mergedRef = useMergeRefs([context.refs.setFloating, ref]);\n  const { themeClassName } = useNeedleTheme();\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-content', themeClassName, className, {\n    'ndl-tooltip-content-rich': context.type === 'rich',\n    'ndl-tooltip-content-simple': context.type === 'simple',\n  });\n\n  if (context.type === 'simple') {\n    return (\n      <ConditionalWrap\n        shouldWrap={context.isPortaled}\n        wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          <Typography variant=\"body-medium\">{children}</Typography>\n        </div>\n      </ConditionalWrap>\n    );\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n    >\n      <FloatingFocusManager\n        context={context.context}\n        returnFocus={true}\n        modal={false}\n        initialFocus={-1}\n        closeOnFocusOut\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          {children}\n        </div>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\ntype TooltipHeaderProps = {\n  /** Content displayed inside the header */\n  children: React.ReactNode;\n  /** @deprecated Use `typographyVariant` instead */\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n  typographyVariant?: TypographyVariants;\n};\n\nconst TooltipHeader = ({\n  children,\n  passThroughProps,\n  typographyVariant = 'subheading-medium',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipHeaderProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-header', className);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant={typographyVariant}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport type TooltipBodyProps = {\n  /** Content displayed inside the body */\n  children: React.ReactNode;\n  /** Additional props to pass to the Typography component */\n  // TODO v5: Deprecate passThroughProps and use restProps instead\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n};\n\nconst TooltipBody = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  passThroughProps,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipBodyProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-body', className);\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\ntype ToolTipActionsProps = {\n  /** Content displayed inside the actions container */\n  children: React.ReactNode;\n};\n\nconst Actions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ToolTipActionsProps>) => {\n  const context = useTooltipContext();\n  const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-actions', className);\n\n  return (\n    <div\n      className={classes}\n      ref={mergedRefs}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Tooltip = Object.assign(TooltipComponent, {\n  Actions: Actions,\n  Body: TooltipBody,\n  Content: TooltipContent,\n  Header: TooltipHeader,\n  Trigger: TooltipTrigger,\n});\n\nexport { Tooltip };\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.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 */\nimport {\n  type AutoUpdateOptions,\n  FloatingFocusManager,\n  FloatingPortal,\n  type Placement,\n  type UseFloatingOptions,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { cloneElement, isValidElement } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme';\nimport { Typography, type TypographyVariants } from '../typography';\nimport { TooltipContext, useTooltip, useTooltipContext } from './use-tooltip';\n\nexport type TooltipProps = {\n  /** Content displayed inside the tooltip. Wraps `Tooltip.Trigger`, `Tooltip.Content`, and optional parts */\n  children: React.ReactNode;\n  /** Whether the tooltip is disabled */\n  isDisabled?: boolean;\n  /** Whether the tooltip should be open on first render  */\n  isInitialOpen?: boolean;\n  /** Placement of the tooltip content relative to the trigger */\n  placement?: Placement;\n  /** Controls the open state . If omitted, the tooltip manages its own state */\n  isOpen?: boolean;\n  /** Visual style of the tooltip content. `simple` renders plain text, `rich` renders a composable panel */\n  type: 'simple' | 'rich';\n  /** Whether the content is rendered in a portal.  */\n  isPortaled?: boolean;\n  /** Callback fired when the open state changes, if omitted, the tooltip manages its own state using internal hooks */\n  onOpenChange?: UseFloatingOptions['onOpenChange'];\n  /** Positioning strategy of the tooltip. Defaults to `fixed` when inside a dialog, otherwise `absolute` */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Hover open/close delays in milliseconds */\n  hoverDelay?: {\n    open: number;\n    close: number;\n  };\n  /** Whether the tooltip should close when the reference element is clicked. Useful when the trigger moves after click. */\n  shouldCloseOnReferenceClick?: boolean;\n  autoUpdateOptions?: AutoUpdateOptions;\n};\n\nconst TooltipComponent = ({\n  children,\n  isDisabled = false,\n  type,\n  isInitialOpen,\n  placement,\n  isOpen,\n  onOpenChange,\n  isPortaled: isPortaledProp,\n  floatingStrategy: strategyProp,\n  hoverDelay,\n  shouldCloseOnReferenceClick,\n  autoUpdateOptions,\n}: TooltipProps) => {\n  const isInsideDialog = useIsInsideDialog();\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const isPortaled = !isInsideDialog;\n\n  const tooltip = useTooltip({\n    autoUpdateOptions,\n    hoverDelay,\n    isInitialOpen,\n    // if isDisabled is true tooltip will not open otherwise either controlled or uncontrolled depending on if isOpen is passed\n    isOpen: isDisabled === true ? false : isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    onOpenChange,\n    placement,\n    shouldCloseOnReferenceClick,\n    strategy: strategyProp ?? strategy,\n    type,\n  });\n\n  return (\n    <TooltipContext.Provider value={tooltip}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nTooltipComponent.displayName = 'Tooltip';\n\ntype TooltipTriggerProps = {\n  /** Content displayed inside the trigger element */\n  children: React.ReactNode;\n  /** Whether the trigger element can be any element without an extra button wrapper. The child element will be cloned with the necessary trigger props and merged refs */\n  hasButtonWrapper?: boolean;\n};\n\nconst TooltipTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: CommonProps<'button', TooltipTriggerProps>) => {\n  const context = useTooltipContext();\n\n  // Example from floating-ui\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  const triggerClasses = classNames(\n    {\n      'ndl-closed': !context.isOpen,\n      'ndl-open': context.isOpen,\n    },\n    'ndl-tooltip-trigger',\n    className,\n  );\n\n  // `hasButtonWrapper=true` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && isValidElement(children)) {\n    const props: Record<string, unknown> = {\n      className: triggerClasses,\n      ...htmlAttributes,\n      ...childrenProps,\n      ref: mergedRefs,\n    };\n    return cloneElement(children, context.getReferenceProps(props));\n  }\n\n  return (\n    <button\n      className={triggerClasses}\n      style={style}\n      ref={mergedRefs}\n      {...context.getReferenceProps(htmlAttributes)}\n      {...restProps}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype TooltipContentProps = {\n  /** Content displayed inside the tooltip */\n  children: React.ReactNode;\n};\n\nconst TooltipContent = ({\n  children,\n  style,\n  htmlAttributes,\n  className,\n  ref,\n  ...restProps\n}: CommonProps<'div', TooltipContentProps>) => {\n  const context = useTooltipContext();\n  const mergedRef = useMergeRefs([context.refs.setFloating, ref]);\n  const { themeClassName } = useNeedleTheme();\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-content', themeClassName, className, {\n    'ndl-tooltip-content-rich': context.type === 'rich',\n    'ndl-tooltip-content-simple': context.type === 'simple',\n  });\n\n  if (context.type === 'simple') {\n    return (\n      <ConditionalWrap\n        shouldWrap={context.isPortaled}\n        wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          <Typography variant=\"body-medium\">{children}</Typography>\n        </div>\n      </ConditionalWrap>\n    );\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n    >\n      <FloatingFocusManager\n        context={context.context}\n        returnFocus={true}\n        modal={false}\n        initialFocus={-1}\n        closeOnFocusOut\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          {children}\n        </div>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\ntype TooltipHeaderProps = {\n  /** Content displayed inside the header */\n  children: React.ReactNode;\n  /** @deprecated Use `typographyVariant` instead */\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n  typographyVariant?: TypographyVariants;\n};\n\nconst TooltipHeader = ({\n  children,\n  passThroughProps,\n  typographyVariant = 'subheading-medium',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipHeaderProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-header', className);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant={typographyVariant}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport type TooltipBodyProps = {\n  /** Content displayed inside the body */\n  children: React.ReactNode;\n  /** Additional props to pass to the Typography component */\n  // TODO v5: Deprecate passThroughProps and use restProps instead\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n};\n\nconst TooltipBody = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  passThroughProps,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipBodyProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-body', className);\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\ntype ToolTipActionsProps = {\n  /** Content displayed inside the actions container */\n  children: React.ReactNode;\n};\n\nconst Actions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ToolTipActionsProps>) => {\n  const context = useTooltipContext();\n  const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-actions', className);\n\n  return (\n    <div\n      className={classes}\n      ref={mergedRefs}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Tooltip = Object.assign(TooltipComponent, {\n  Actions: Actions,\n  Body: TooltipBody,\n  Content: TooltipContent,\n  Header: TooltipHeader,\n  Trigger: TooltipTrigger,\n});\n\nexport { Tooltip };\n"]}

package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Tooltip } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs(Tooltip, { type: "simple", hoverDelay: { open: 200, close: 200 }, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
+    return (_jsxs(Tooltip, { type: "simple", hoverDelay: { close: 200, open: 200 }, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
 };
 export default Component;
 //# sourceMappingURL=tooltip-hover-delay.story.js.map

package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-hover-delay.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-hover-delay.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAC1D,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Tooltip type=\"simple\" hoverDelay={{ open: 200, close: 200 }}>\n      <Tooltip.Trigger>Hover me!</Tooltip.Trigger>\n      <Tooltip.Content>This is a tooltip!</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tooltip-hover-delay.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-hover-delay.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,aAC1D,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Tooltip type=\"simple\" hoverDelay={{ close: 200, open: 200 }}>\n      <Tooltip.Trigger>Hover me!</Tooltip.Trigger>\n      <Tooltip.Content>This is a tooltip!</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/tooltip/stories/tooltip-placements.story.js

@@ -23,14 +23,14 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { FilledButton, Tooltip } from '@neo4j-ndl/react';
 const Component = () => {
     const placements = [
-        { placement: 'top', label: 'Top' },
-        { placement: 'bottom', label: 'Bottom' },
-        { placement: 'left', label: 'Left' },
-        { placement: 'right', label: 'Right' },
-        { placement: 'top-start', label: 'Top Start' },
-        { placement: 'top-end', label: 'Top End' },
-        { placement: 'bottom-start', label: 'Bottom Start' },
-        { placement: 'bottom-end', label: 'Bottom End' },
+        { label: 'Top', placement: 'top' },
+        { label: 'Bottom', placement: 'bottom' },
+        { label: 'Left', placement: 'left' },
+        { label: 'Right', placement: 'right' },
+        { label: 'Top Start', placement: 'top-start' },
+        { label: 'Top End', placement: 'top-end' },
+        { label: 'Bottom Start', placement: 'bottom-start' },
+        { label: 'Bottom End', placement: 'bottom-end' },
     ];
     return (_jsx("div", { className: "n-grid n-grid-cols-4 n-gap-token-16 n-p-token-16 n-place-items-center", children: placements.map(({ placement, label }) => (_jsxs(Tooltip, { type: "simple", placement: placement, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(FilledButton, { size: "small", children: label }) }), _jsxs(Tooltip.Content, { children: ["Tooltip on ", label.toLowerCase()] })] }, placement))) }));
 };

package/lib/esm/tooltip/stories/tooltip-placements.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-placements.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-placements.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,UAAU,GAAG;QACjB,EAAE,SAAS,EAAE,KAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3C,EAAE,SAAS,EAAE,QAAiB,EAAE,KAAK,EAAE,QAAQ,EAAE;QACjD,EAAE,SAAS,EAAE,MAAe,EAAE,KAAK,EAAE,MAAM,EAAE;QAC7C,EAAE,SAAS,EAAE,OAAgB,EAAE,KAAK,EAAE,OAAO,EAAE;QAC/C,EAAE,SAAS,EAAE,WAAoB,EAAE,KAAK,EAAE,WAAW,EAAE;QACvD,EAAE,SAAS,EAAE,SAAkB,EAAE,KAAK,EAAE,SAAS,EAAE;QACnD,EAAE,SAAS,EAAE,cAAuB,EAAE,KAAK,EAAE,cAAc,EAAE;QAC7D,EAAE,SAAS,EAAE,YAAqB,EAAE,KAAK,EAAE,YAAY,EAAE;KAC1D,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,YACnF,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,MAAC,OAAO,IAAiB,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aACzD,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAgB,GACjC,EAClB,MAAC,OAAO,CAAC,OAAO,8BAAa,KAAK,CAAC,WAAW,EAAE,IAAmB,KAJvD,SAAS,CAKb,CACX,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const placements = [\n    { placement: 'top' as const, label: 'Top' },\n    { placement: 'bottom' as const, label: 'Bottom' },\n    { placement: 'left' as const, label: 'Left' },\n    { placement: 'right' as const, label: 'Right' },\n    { placement: 'top-start' as const, label: 'Top Start' },\n    { placement: 'top-end' as const, label: 'Top End' },\n    { placement: 'bottom-start' as const, label: 'Bottom Start' },\n    { placement: 'bottom-end' as const, label: 'Bottom End' },\n  ];\n\n  return (\n    <div className=\"n-grid n-grid-cols-4 n-gap-token-16 n-p-token-16 n-place-items-center\">\n      {placements.map(({ placement, label }) => (\n        <Tooltip key={placement} type=\"simple\" placement={placement}>\n          <Tooltip.Trigger hasButtonWrapper>\n            <FilledButton size=\"small\">{label}</FilledButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>Tooltip on {label.toLowerCase()}</Tooltip.Content>\n        </Tooltip>\n      ))}\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tooltip-placements.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-placements.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,UAAU,GAAG;QACjB,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAc,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAiB,EAAE;QACjD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAe,EAAE;QAC7C,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAgB,EAAE;QAC/C,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAoB,EAAE;QACvD,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAkB,EAAE;QACnD,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAuB,EAAE;QAC7D,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,YAAqB,EAAE;KAC1D,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,YACnF,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,MAAC,OAAO,IAAiB,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aACzD,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAgB,GACjC,EAClB,MAAC,OAAO,CAAC,OAAO,8BAAa,KAAK,CAAC,WAAW,EAAE,IAAmB,KAJvD,SAAS,CAKb,CACX,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const placements = [\n    { label: 'Top', placement: 'top' as const },\n    { label: 'Bottom', placement: 'bottom' as const },\n    { label: 'Left', placement: 'left' as const },\n    { label: 'Right', placement: 'right' as const },\n    { label: 'Top Start', placement: 'top-start' as const },\n    { label: 'Top End', placement: 'top-end' as const },\n    { label: 'Bottom Start', placement: 'bottom-start' as const },\n    { label: 'Bottom End', placement: 'bottom-end' as const },\n  ];\n\n  return (\n    <div className=\"n-grid n-grid-cols-4 n-gap-token-16 n-p-token-16 n-place-items-center\">\n      {placements.map(({ placement, label }) => (\n        <Tooltip key={placement} type=\"simple\" placement={placement}>\n          <Tooltip.Trigger hasButtonWrapper>\n            <FilledButton size=\"small\">{label}</FilledButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>Tooltip on {label.toLowerCase()}</Tooltip.Content>\n        </Tooltip>\n      ))}\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/tooltip/stories/tooltip.stories.js

@@ -24,160 +24,160 @@ import isChromatic from 'chromatic/isChromatic';
 import { Tooltip } from '../../index';
 import { TooltipControlled, TooltipControlledSource, TooltipDefault, TooltipDefaultSource, TooltipDisabled, TooltipDisabledSource, TooltipHoverDelay, TooltipHoverDelaySource, TooltipInDialog, TooltipInDialogSource, TooltipInitialOpen, TooltipInitialOpenSource, TooltipPlacements, TooltipPlacementsSource, TooltipRich, TooltipRichLink, TooltipRichLinkSource, TooltipRichSource, TooltipTriggerButtonWrapper, TooltipTriggerButtonWrapperSource, TooltipWithKeyboardShortcut, TooltipWithKeyboardShortcutSource, } from '.';
 const componentMeta = {
-    title: 'Components/Tooltip',
-    id: 'components-tooltip',
     component: Tooltip,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-        chromatic: { delay: 1000 },
-    },
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx(Story, {}) })),
     ],
+    id: 'components-tooltip',
+    parameters: {
+        chromatic: { delay: 1000 },
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Tooltip',
 };
 export default componentMeta;
 export const Default = {
     args: { isOpen: isChromatic() },
-    render: TooltipDefault,
     parameters: {
         docs: {
             source: {
+                code: TooltipDefaultSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipDefaultSource,
             },
         },
     },
+    render: TooltipDefault,
 };
 export const Disabled = {
     args: {},
-    render: TooltipDisabled,
     parameters: {
         docs: {
             source: {
+                code: TooltipDisabledSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipDisabledSource,
             },
         },
     },
+    render: TooltipDisabled,
 };
 export const InitialOpen = {
     args: {},
-    render: TooltipInitialOpen,
     parameters: {
         docs: {
             source: {
+                code: TooltipInitialOpenSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipInitialOpenSource,
             },
         },
     },
+    render: TooltipInitialOpen,
 };
 export const HoverDelay = {
     args: {},
-    render: TooltipHoverDelay,
     parameters: {
         docs: {
             source: {
+                code: TooltipHoverDelaySource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipHoverDelaySource,
             },
         },
     },
+    render: TooltipHoverDelay,
 };
 export const TriggerButtonWrapper = {
     args: {},
-    render: TooltipTriggerButtonWrapper,
     parameters: {
         docs: {
             source: {
+                code: TooltipTriggerButtonWrapperSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipTriggerButtonWrapperSource,
             },
         },
     },
+    render: TooltipTriggerButtonWrapper,
 };
 export const Controlled = {
     args: { isOpen: isChromatic() },
-    render: TooltipControlled,
     parameters: {
         docs: {
             source: {
+                code: TooltipControlledSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipControlledSource,
             },
         },
     },
+    render: TooltipControlled,
 };
 export const Placements = {
     args: {},
-    render: TooltipPlacements,
     parameters: {
         docs: {
             source: {
+                code: TooltipPlacementsSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipPlacementsSource,
             },
         },
     },
+    render: TooltipPlacements,
 };
 export const InDialog = {
     args: { isOpen: isChromatic() },
-    render: TooltipInDialog,
     parameters: {
         docs: {
             source: {
+                code: TooltipInDialogSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipInDialogSource,
             },
         },
     },
+    render: TooltipInDialog,
 };
 export const Rich = {
     args: {},
-    render: TooltipRich,
     parameters: {
         docs: {
             source: {
+                code: TooltipRichSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipRichSource,
             },
         },
     },
+    render: TooltipRich,
 };
 export const RichWithLink = {
     args: {},
-    render: TooltipRichLink,
     parameters: {
         docs: {
             source: {
+                code: TooltipRichLinkSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipRichLinkSource,
             },
         },
     },
+    render: TooltipRichLink,
 };
 export const WithKeyboardShortcut = {
     args: {},
-    render: TooltipWithKeyboardShortcut,
     parameters: {
         docs: {
             source: {
+                code: TooltipWithKeyboardShortcutSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipWithKeyboardShortcutSource,
             },
         },
     },
+    render: TooltipWithKeyboardShortcut,
 };
 //# sourceMappingURL=tooltip.stories.js.map