@neo4j-ndl/react 3.9.3 → 3.9.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (190) hide show
  1. package/lib/cjs/next/side-navigation/stories/side-nav-default.story.js +1 -1
  2. package/lib/cjs/next/side-navigation/stories/side-nav-default.story.js.map +1 -1
  3. package/lib/cjs/select/stories/index.js +80 -0
  4. package/lib/cjs/select/stories/index.js.map +1 -0
  5. package/lib/cjs/select/stories/select-async.story.js +52 -0
  6. package/lib/cjs/select/stories/select-async.story.js.map +1 -0
  7. package/lib/cjs/select/stories/select-clean.story.js +40 -0
  8. package/lib/cjs/select/stories/select-clean.story.js.map +1 -0
  9. package/lib/cjs/select/stories/select-controlled.story.js +45 -0
  10. package/lib/cjs/select/stories/select-controlled.story.js.map +1 -0
  11. package/lib/cjs/select/stories/select-creatable.story.js +41 -0
  12. package/lib/cjs/select/stories/select-creatable.story.js.map +1 -0
  13. package/lib/cjs/select/stories/select-custom-label.story.js +42 -0
  14. package/lib/cjs/select/stories/select-custom-label.story.js.map +1 -0
  15. package/lib/cjs/select/stories/select-default.story.js +40 -0
  16. package/lib/cjs/select/stories/select-default.story.js.map +1 -0
  17. package/lib/cjs/select/stories/select-disabled.story.js +41 -0
  18. package/lib/cjs/select/stories/select-disabled.story.js.map +1 -0
  19. package/lib/cjs/select/stories/select-empty.story.js +34 -0
  20. package/lib/cjs/select/stories/select-empty.story.js.map +1 -0
  21. package/lib/cjs/select/stories/select-error-state.story.js +40 -0
  22. package/lib/cjs/select/stories/select-error-state.story.js.map +1 -0
  23. package/lib/cjs/select/stories/select-inside-modal.story.js +44 -0
  24. package/lib/cjs/select/stories/select-inside-modal.story.js.map +1 -0
  25. package/lib/cjs/select/stories/select-menu-positionings.story.js +47 -0
  26. package/lib/cjs/select/stories/select-menu-positionings.story.js.map +1 -0
  27. package/lib/cjs/select/stories/select-multi.story.js +43 -0
  28. package/lib/cjs/select/stories/select-multi.story.js.map +1 -0
  29. package/lib/cjs/select/stories/select-sizes.story.js +46 -0
  30. package/lib/cjs/select/stories/select-sizes.story.js.map +1 -0
  31. package/lib/cjs/select/stories/select.stories.js +226 -0
  32. package/lib/cjs/select/stories/select.stories.js.map +1 -0
  33. package/lib/cjs/spotlight/stories/index.js +59 -0
  34. package/lib/cjs/spotlight/stories/index.js.map +1 -0
  35. package/lib/cjs/spotlight/stories/spotlight-fixed-positioning.story.js +48 -0
  36. package/lib/cjs/spotlight/stories/spotlight-fixed-positioning.story.js.map +1 -0
  37. package/lib/cjs/spotlight/stories/spotlight-in-dialog.story.js +49 -0
  38. package/lib/cjs/spotlight/stories/spotlight-in-dialog.story.js.map +1 -0
  39. package/lib/cjs/spotlight/stories/spotlight-in-side-nav.story.js +53 -0
  40. package/lib/cjs/spotlight/stories/spotlight-in-side-nav.story.js.map +1 -0
  41. package/lib/cjs/spotlight/stories/spotlight-tour.story.js +46 -0
  42. package/lib/cjs/spotlight/stories/spotlight-tour.story.js.map +1 -0
  43. package/lib/cjs/spotlight/stories/spotlight-with-icon.story.js +49 -0
  44. package/lib/cjs/spotlight/stories/spotlight-with-icon.story.js.map +1 -0
  45. package/lib/cjs/spotlight/stories/spotlight-with-image.story.js +48 -0
  46. package/lib/cjs/spotlight/stories/spotlight-with-image.story.js.map +1 -0
  47. package/lib/cjs/spotlight/stories/spotlight-with-label.story.js +48 -0
  48. package/lib/cjs/spotlight/stories/spotlight-with-label.story.js.map +1 -0
  49. package/lib/cjs/spotlight/stories/spotlight-with-pointer.story.js +48 -0
  50. package/lib/cjs/spotlight/stories/spotlight-with-pointer.story.js.map +1 -0
  51. package/lib/cjs/spotlight/stories/spotlight.stories.js +163 -0
  52. package/lib/cjs/spotlight/stories/spotlight.stories.js.map +1 -0
  53. package/lib/cjs/tooltip/stories/index.js +68 -0
  54. package/lib/cjs/tooltip/stories/index.js.map +1 -0
  55. package/lib/cjs/tooltip/stories/tooltip-controlled.story.js +32 -0
  56. package/lib/cjs/tooltip/stories/tooltip-controlled.story.js.map +1 -0
  57. package/lib/cjs/tooltip/stories/tooltip-default.story.js +30 -0
  58. package/lib/cjs/tooltip/stories/tooltip-default.story.js.map +1 -0
  59. package/lib/cjs/tooltip/stories/tooltip-disabled.story.js +30 -0
  60. package/lib/cjs/tooltip/stories/tooltip-disabled.story.js.map +1 -0
  61. package/lib/cjs/tooltip/stories/tooltip-hover-delay.story.js +30 -0
  62. package/lib/cjs/tooltip/stories/tooltip-hover-delay.story.js.map +1 -0
  63. package/lib/cjs/tooltip/stories/tooltip-in-dialog.story.js +30 -0
  64. package/lib/cjs/tooltip/stories/tooltip-in-dialog.story.js.map +1 -0
  65. package/lib/cjs/tooltip/stories/tooltip-initial-open.story.js +30 -0
  66. package/lib/cjs/tooltip/stories/tooltip-initial-open.story.js.map +1 -0
  67. package/lib/cjs/tooltip/stories/tooltip-placements.story.js +40 -0
  68. package/lib/cjs/tooltip/stories/tooltip-placements.story.js.map +1 -0
  69. package/lib/cjs/tooltip/stories/tooltip-rich-pass-through.story.js +30 -0
  70. package/lib/cjs/tooltip/stories/tooltip-rich-pass-through.story.js.map +1 -0
  71. package/lib/cjs/tooltip/stories/tooltip-rich.story.js +30 -0
  72. package/lib/cjs/tooltip/stories/tooltip-rich.story.js.map +1 -0
  73. package/lib/cjs/tooltip/stories/tooltip-trigger-button-wrapper.story.js +30 -0
  74. package/lib/cjs/tooltip/stories/tooltip-trigger-button-wrapper.story.js.map +1 -0
  75. package/lib/cjs/tooltip/stories/tooltip.stories.js +176 -0
  76. package/lib/cjs/tooltip/stories/tooltip.stories.js.map +1 -0
  77. package/lib/esm/next/side-navigation/stories/side-nav-default.story.js +1 -1
  78. package/lib/esm/next/side-navigation/stories/side-nav-default.story.js.map +1 -1
  79. package/lib/esm/select/stories/index.js +61 -0
  80. package/lib/esm/select/stories/index.js.map +1 -0
  81. package/lib/esm/select/stories/select-async.story.js +50 -0
  82. package/lib/esm/select/stories/select-async.story.js.map +1 -0
  83. package/lib/esm/select/stories/select-clean.story.js +38 -0
  84. package/lib/esm/select/stories/select-clean.story.js.map +1 -0
  85. package/lib/esm/select/stories/select-controlled.story.js +43 -0
  86. package/lib/esm/select/stories/select-controlled.story.js.map +1 -0
  87. package/lib/esm/select/stories/select-creatable.story.js +39 -0
  88. package/lib/esm/select/stories/select-creatable.story.js.map +1 -0
  89. package/lib/esm/select/stories/select-custom-label.story.js +40 -0
  90. package/lib/esm/select/stories/select-custom-label.story.js.map +1 -0
  91. package/lib/esm/select/stories/select-default.story.js +38 -0
  92. package/lib/esm/select/stories/select-default.story.js.map +1 -0
  93. package/lib/esm/select/stories/select-disabled.story.js +39 -0
  94. package/lib/esm/select/stories/select-disabled.story.js.map +1 -0
  95. package/lib/esm/select/stories/select-empty.story.js +32 -0
  96. package/lib/esm/select/stories/select-empty.story.js.map +1 -0
  97. package/lib/esm/select/stories/select-error-state.story.js +38 -0
  98. package/lib/esm/select/stories/select-error-state.story.js.map +1 -0
  99. package/lib/esm/select/stories/select-inside-modal.story.js +42 -0
  100. package/lib/esm/select/stories/select-inside-modal.story.js.map +1 -0
  101. package/lib/esm/select/stories/select-menu-positionings.story.js +45 -0
  102. package/lib/esm/select/stories/select-menu-positionings.story.js.map +1 -0
  103. package/lib/esm/select/stories/select-multi.story.js +41 -0
  104. package/lib/esm/select/stories/select-multi.story.js.map +1 -0
  105. package/lib/esm/select/stories/select-sizes.story.js +44 -0
  106. package/lib/esm/select/stories/select-sizes.story.js.map +1 -0
  107. package/lib/esm/select/stories/select.stories.js +220 -0
  108. package/lib/esm/select/stories/select.stories.js.map +1 -0
  109. package/lib/esm/spotlight/stories/index.js +45 -0
  110. package/lib/esm/spotlight/stories/index.js.map +1 -0
  111. package/lib/esm/spotlight/stories/spotlight-fixed-positioning.story.js +46 -0
  112. package/lib/esm/spotlight/stories/spotlight-fixed-positioning.story.js.map +1 -0
  113. package/lib/esm/spotlight/stories/spotlight-in-dialog.story.js +47 -0
  114. package/lib/esm/spotlight/stories/spotlight-in-dialog.story.js.map +1 -0
  115. package/lib/esm/spotlight/stories/spotlight-in-side-nav.story.js +51 -0
  116. package/lib/esm/spotlight/stories/spotlight-in-side-nav.story.js.map +1 -0
  117. package/lib/esm/spotlight/stories/spotlight-tour.story.js +44 -0
  118. package/lib/esm/spotlight/stories/spotlight-tour.story.js.map +1 -0
  119. package/lib/esm/spotlight/stories/spotlight-with-icon.story.js +47 -0
  120. package/lib/esm/spotlight/stories/spotlight-with-icon.story.js.map +1 -0
  121. package/lib/esm/spotlight/stories/spotlight-with-image.story.js +46 -0
  122. package/lib/esm/spotlight/stories/spotlight-with-image.story.js.map +1 -0
  123. package/lib/esm/spotlight/stories/spotlight-with-label.story.js +46 -0
  124. package/lib/esm/spotlight/stories/spotlight-with-label.story.js.map +1 -0
  125. package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js +46 -0
  126. package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js.map +1 -0
  127. package/lib/esm/spotlight/stories/spotlight.stories.js +157 -0
  128. package/lib/esm/spotlight/stories/spotlight.stories.js.map +1 -0
  129. package/lib/esm/tooltip/stories/index.js +52 -0
  130. package/lib/esm/tooltip/stories/index.js.map +1 -0
  131. package/lib/esm/tooltip/stories/tooltip-controlled.story.js +30 -0
  132. package/lib/esm/tooltip/stories/tooltip-controlled.story.js.map +1 -0
  133. package/lib/esm/tooltip/stories/tooltip-default.story.js +28 -0
  134. package/lib/esm/tooltip/stories/tooltip-default.story.js.map +1 -0
  135. package/lib/esm/tooltip/stories/tooltip-disabled.story.js +28 -0
  136. package/lib/esm/tooltip/stories/tooltip-disabled.story.js.map +1 -0
  137. package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js +28 -0
  138. package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js.map +1 -0
  139. package/lib/esm/tooltip/stories/tooltip-in-dialog.story.js +28 -0
  140. package/lib/esm/tooltip/stories/tooltip-in-dialog.story.js.map +1 -0
  141. package/lib/esm/tooltip/stories/tooltip-initial-open.story.js +28 -0
  142. package/lib/esm/tooltip/stories/tooltip-initial-open.story.js.map +1 -0
  143. package/lib/esm/tooltip/stories/tooltip-placements.story.js +38 -0
  144. package/lib/esm/tooltip/stories/tooltip-placements.story.js.map +1 -0
  145. package/lib/esm/tooltip/stories/tooltip-rich-pass-through.story.js +28 -0
  146. package/lib/esm/tooltip/stories/tooltip-rich-pass-through.story.js.map +1 -0
  147. package/lib/esm/tooltip/stories/tooltip-rich.story.js +28 -0
  148. package/lib/esm/tooltip/stories/tooltip-rich.story.js.map +1 -0
  149. package/lib/esm/tooltip/stories/tooltip-trigger-button-wrapper.story.js +28 -0
  150. package/lib/esm/tooltip/stories/tooltip-trigger-button-wrapper.story.js.map +1 -0
  151. package/lib/esm/tooltip/stories/tooltip.stories.js +170 -0
  152. package/lib/esm/tooltip/stories/tooltip.stories.js.map +1 -0
  153. package/lib/types/select/stories/index.d.ts +46 -0
  154. package/lib/types/select/stories/select-async.story.d.ts +24 -0
  155. package/lib/types/select/stories/select-clean.story.d.ts +24 -0
  156. package/lib/types/select/stories/select-controlled.story.d.ts +23 -0
  157. package/lib/types/select/stories/select-creatable.story.d.ts +24 -0
  158. package/lib/types/select/stories/select-custom-label.story.d.ts +24 -0
  159. package/lib/types/select/stories/select-default.story.d.ts +24 -0
  160. package/lib/types/select/stories/select-disabled.story.d.ts +24 -0
  161. package/lib/types/select/stories/select-empty.story.d.ts +24 -0
  162. package/lib/types/select/stories/select-error-state.story.d.ts +24 -0
  163. package/lib/types/select/stories/select-inside-modal.story.d.ts +24 -0
  164. package/lib/types/select/stories/select-menu-positionings.story.d.ts +24 -0
  165. package/lib/types/select/stories/select-multi.story.d.ts +24 -0
  166. package/lib/types/select/stories/select-sizes.story.d.ts +24 -0
  167. package/lib/types/select/stories/select.stories.d.ts +38 -0
  168. package/lib/types/spotlight/stories/index.d.ts +36 -0
  169. package/lib/types/spotlight/stories/spotlight-fixed-positioning.story.d.ts +27 -0
  170. package/lib/types/spotlight/stories/spotlight-in-dialog.story.d.ts +27 -0
  171. package/lib/types/spotlight/stories/spotlight-in-side-nav.story.d.ts +27 -0
  172. package/lib/types/spotlight/stories/spotlight-tour.story.d.ts +23 -0
  173. package/lib/types/spotlight/stories/spotlight-with-icon.story.d.ts +27 -0
  174. package/lib/types/spotlight/stories/spotlight-with-image.story.d.ts +27 -0
  175. package/lib/types/spotlight/stories/spotlight-with-label.story.d.ts +27 -0
  176. package/lib/types/spotlight/stories/spotlight-with-pointer.story.d.ts +27 -0
  177. package/lib/types/spotlight/stories/spotlight.stories.d.ts +36 -0
  178. package/lib/types/tooltip/stories/index.d.ts +40 -0
  179. package/lib/types/tooltip/stories/tooltip-controlled.story.d.ts +23 -0
  180. package/lib/types/tooltip/stories/tooltip-default.story.d.ts +23 -0
  181. package/lib/types/tooltip/stories/tooltip-disabled.story.d.ts +23 -0
  182. package/lib/types/tooltip/stories/tooltip-hover-delay.story.d.ts +23 -0
  183. package/lib/types/tooltip/stories/tooltip-in-dialog.story.d.ts +23 -0
  184. package/lib/types/tooltip/stories/tooltip-initial-open.story.d.ts +23 -0
  185. package/lib/types/tooltip/stories/tooltip-placements.story.d.ts +23 -0
  186. package/lib/types/tooltip/stories/tooltip-rich-pass-through.story.d.ts +23 -0
  187. package/lib/types/tooltip/stories/tooltip-rich.story.d.ts +23 -0
  188. package/lib/types/tooltip/stories/tooltip-trigger-button-wrapper.story.d.ts +23 -0
  189. package/lib/types/tooltip/stories/tooltip.stories.d.ts +35 -0
  190. package/package.json +3 -3
@@ -0,0 +1,46 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Button, Spotlight, SpotlightTarget, useNeedleTheme, useSpotlightContext, } from '@neo4j-ndl/react';
24
+ import { useEffect } from 'react';
25
+ const Component = (props) => {
26
+ const { themeClassName } = useNeedleTheme();
27
+ const { setIsOpen, setActiveSpotlight } = useSpotlightContext();
28
+ const targetId = `test-target-${themeClassName}`;
29
+ useEffect(() => {
30
+ if (props.isChromatic) {
31
+ setActiveSpotlight(targetId);
32
+ setIsOpen(true);
33
+ }
34
+ }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
35
+ return (_jsxs("div", { className: "n-flex n-justify-center n-gap-token-10", children: [_jsx(Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), _jsx(SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "border", children: _jsx(Button, { onClick: () => alert('Target button clicked'), fill: "text", children: "Target" }) }), _jsxs(Spotlight, { placement: "bottom-end-top-end", target: targetId, actions: [
36
+ {
37
+ label: 'Close',
38
+ onClick: () => {
39
+ setIsOpen(false);
40
+ setActiveSpotlight(null);
41
+ },
42
+ },
43
+ ], children: [_jsx(Spotlight.Label, { children: "NEW" }), _jsx(Spotlight.Header, { children: "This is a header" }), _jsx(Spotlight.Body, { children: "This is content" })] })] }));
44
+ };
45
+ export default Component;
46
+ //# sourceMappingURL=spotlight-with-label.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spotlight-with-label.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,EAC3D,gBAAgB,EAAC,QAAQ,YAEzB,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAC,MAAM,uBAEzD,GACO,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC;qBACF;iBACF,aAED,KAAC,SAAS,CAAC,KAAK,sBAAsB,EACtC,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,46 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Button, Spotlight, SpotlightTarget, useNeedleTheme, useSpotlightContext, } from '@neo4j-ndl/react';
24
+ import { useEffect } from 'react';
25
+ const Component = (props) => {
26
+ const { themeClassName } = useNeedleTheme();
27
+ const { setIsOpen, setActiveSpotlight } = useSpotlightContext();
28
+ const targetId = `test-target-${themeClassName}`;
29
+ useEffect(() => {
30
+ if (props.isChromatic) {
31
+ setActiveSpotlight(targetId);
32
+ setIsOpen(true);
33
+ }
34
+ }, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
35
+ return (_jsxs("div", { className: "n-flex n-justify-center n-gap-token-10", children: [_jsx(Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), _jsx(SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "point", indicatorPlacement: "top-right", children: _jsx(Button, { onClick: () => alert('Target button clicked'), children: "Target" }) }), _jsxs(Spotlight, { placement: "bottom-end-top-end", target: targetId, actions: [
36
+ {
37
+ label: 'Close',
38
+ onClick: () => {
39
+ setIsOpen(false);
40
+ setActiveSpotlight(null);
41
+ },
42
+ },
43
+ ], children: [_jsx(Spotlight.Header, { children: "This is a header" }), _jsx(Spotlight.Body, { children: "This is content" })] })] }));
44
+ };
45
+ export default Component;
46
+ //# sourceMappingURL=spotlight-with-pointer.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spotlight-with-pointer.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-pointer.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,MAAM,EACN,SAAS,EACT,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,KAAC,eAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,EAC3D,gBAAgB,EAAC,OAAO,EACxB,kBAAkB,EAAC,WAAW,YAE9B,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAAiB,GACtD,EAClB,MAAC,SAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC;qBACF;iBACF,aAED,KAAC,SAAS,CAAC,MAAM,mCAAoC,EACrD,KAAC,SAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,157 @@
1
+ /**
2
+ *
3
+ * Copyright (c) "Neo4j"
4
+ * Neo4j Sweden AB [http://neo4j.com]
5
+ *
6
+ * This file is part of Neo4j.
7
+ *
8
+ * Neo4j is free software: you can redistribute it and/or modify
9
+ * it under the terms of the GNU General Public License as published by
10
+ * the Free Software Foundation, either version 3 of the License, or
11
+ * (at your option) any later version.
12
+ *
13
+ * This program is distributed in the hope that it will be useful,
14
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
15
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16
+ * GNU General Public License for more details.
17
+ *
18
+ * You should have received a copy of the GNU General Public License
19
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
20
+ */
21
+
22
+ import { jsx as _jsx } from "react/jsx-runtime";
23
+ import isChromatic from 'chromatic';
24
+ import { Spotlight, SpotlightProvider } from '../../index';
25
+ import { SpotlightFixedPositioning, SpotlightFixedPositioningSrc, SpotlightInDialog, SpotlightInDialogSrc, SpotlightInSideNav, SpotlightInSideNavSrc, SpotlightTour, SpotlightTourSrc, SpotlightWithIcon, SpotlightWithIconSrc, SpotlightWithImage, SpotlightWithImageSrc, SpotlightWithLabel, SpotlightWithLabelSrc, SpotlightWithPointer, SpotlightWithPointerSrc, } from './';
26
+ const componentMeta = {
27
+ component: Spotlight,
28
+ decorators: [
29
+ (StoryFn) => (_jsx(SpotlightProvider, { hasOverlay: true, children: _jsx(StoryFn, {}) })),
30
+ ],
31
+ id: 'components-spotlight',
32
+ parameters: {
33
+ controls: { disable: true },
34
+ },
35
+ tags: ['docsPage'],
36
+ title: 'Components/Spotlight',
37
+ };
38
+ export default componentMeta;
39
+ export const WithLabel = {
40
+ args: {
41
+ isChromatic: isChromatic(),
42
+ },
43
+ parameters: {
44
+ docs: {
45
+ source: {
46
+ code: SpotlightWithLabelSrc,
47
+ language: 'tsx',
48
+ type: 'code',
49
+ },
50
+ },
51
+ },
52
+ render: SpotlightWithLabel,
53
+ };
54
+ export const WithIcon = {
55
+ args: {
56
+ isChromatic: isChromatic(),
57
+ },
58
+ parameters: {
59
+ docs: {
60
+ source: {
61
+ code: SpotlightWithIconSrc,
62
+ language: 'tsx',
63
+ type: 'code',
64
+ },
65
+ },
66
+ },
67
+ render: SpotlightWithIcon,
68
+ };
69
+ export const WithImage = {
70
+ args: {
71
+ isChromatic: isChromatic(),
72
+ },
73
+ parameters: {
74
+ docs: {
75
+ source: {
76
+ code: SpotlightWithImageSrc,
77
+ language: 'tsx',
78
+ type: 'code',
79
+ },
80
+ },
81
+ },
82
+ render: SpotlightWithImage,
83
+ };
84
+ export const WithPointerIndicator = {
85
+ args: {
86
+ isChromatic: isChromatic(),
87
+ },
88
+ parameters: {
89
+ docs: {
90
+ source: {
91
+ code: SpotlightWithPointerSrc,
92
+ language: 'tsx',
93
+ type: 'code',
94
+ },
95
+ },
96
+ },
97
+ render: SpotlightWithPointer,
98
+ };
99
+ export const Tour = {
100
+ args: {},
101
+ parameters: {
102
+ docs: {
103
+ source: {
104
+ code: SpotlightTourSrc,
105
+ language: 'tsx',
106
+ type: 'code',
107
+ },
108
+ },
109
+ },
110
+ render: SpotlightTour,
111
+ };
112
+ export const InSideNav = {
113
+ args: {
114
+ isChromatic: isChromatic(),
115
+ },
116
+ parameters: {
117
+ docs: {
118
+ source: {
119
+ code: SpotlightInSideNavSrc,
120
+ language: 'tsx',
121
+ type: 'code',
122
+ },
123
+ },
124
+ },
125
+ render: SpotlightInSideNav,
126
+ };
127
+ export const TargetInDialog = {
128
+ args: {
129
+ isChromatic: isChromatic(),
130
+ },
131
+ parameters: {
132
+ docs: {
133
+ source: {
134
+ code: SpotlightInDialogSrc,
135
+ language: 'tsx',
136
+ type: 'code',
137
+ },
138
+ },
139
+ },
140
+ render: SpotlightInDialog,
141
+ };
142
+ export const FixedPositioning = {
143
+ args: {
144
+ isChromatic: isChromatic(),
145
+ },
146
+ parameters: {
147
+ docs: {
148
+ source: {
149
+ code: SpotlightFixedPositioningSrc,
150
+ language: 'tsx',
151
+ type: 'code',
152
+ },
153
+ },
154
+ },
155
+ render: SpotlightFixedPositioning,
156
+ };
157
+ //# sourceMappingURL=spotlight.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spotlight.stories.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight.stories.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,52 @@
1
+ /**
2
+ *
3
+ * Copyright (c) "Neo4j"
4
+ * Neo4j Sweden AB [http://neo4j.com]
5
+ *
6
+ * This file is part of Neo4j.
7
+ *
8
+ * Neo4j is free software: you can redistribute it and/or modify
9
+ * it under the terms of the GNU General Public License as published by
10
+ * the Free Software Foundation, either version 3 of the License, or
11
+ * (at your option) any later version.
12
+ *
13
+ * This program is distributed in the hope that it will be useful,
14
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
15
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16
+ * GNU General Public License for more details.
17
+ *
18
+ * You should have received a copy of the GNU General Public License
19
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
20
+ */
21
+ export { default as TooltipDefault } from './tooltip-default.story';
22
+ export { default as TooltipDisabled } from './tooltip-disabled.story';
23
+ export { default as TooltipControlled } from './tooltip-controlled.story';
24
+ export { default as TooltipInitialOpen } from './tooltip-initial-open.story';
25
+ export { default as TooltipPlacements } from './tooltip-placements.story';
26
+ export { default as TooltipInDialog } from './tooltip-in-dialog.story';
27
+ export { default as TooltipHoverDelay } from './tooltip-hover-delay.story';
28
+ export { default as TooltipTriggerButtonWrapper } from './tooltip-trigger-button-wrapper.story';
29
+ export { default as TooltipRich } from './tooltip-rich.story';
30
+ export { default as TooltipRichPassThrough } from './tooltip-rich-pass-through.story';
31
+ import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
32
+ import TooltipControlledSourceRaw from './tooltip-controlled.story?raw';
33
+ import TooltipDefaultSourceRaw from './tooltip-default.story?raw';
34
+ import TooltipDisabledSourceRaw from './tooltip-disabled.story?raw';
35
+ import TooltipHoverDelaySourceRaw from './tooltip-hover-delay.story?raw';
36
+ import TooltipInDialogSourceRaw from './tooltip-in-dialog.story?raw';
37
+ import TooltipInitialOpenSourceRaw from './tooltip-initial-open.story?raw';
38
+ import TooltipPlacementsSourceRaw from './tooltip-placements.story?raw';
39
+ import TooltipRichSourceRaw from './tooltip-rich.story?raw';
40
+ import TooltipRichPassThroughSourceRaw from './tooltip-rich-pass-through.story?raw';
41
+ import TooltipTriggerButtonWrapperSourceRaw from './tooltip-trigger-button-wrapper.story?raw';
42
+ export const TooltipDefaultSource = removeLicenseHeader(TooltipDefaultSourceRaw);
43
+ export const TooltipDisabledSource = removeLicenseHeader(TooltipDisabledSourceRaw);
44
+ export const TooltipControlledSource = removeLicenseHeader(TooltipControlledSourceRaw);
45
+ export const TooltipInitialOpenSource = removeLicenseHeader(TooltipInitialOpenSourceRaw);
46
+ export const TooltipPlacementsSource = removeLicenseHeader(TooltipPlacementsSourceRaw);
47
+ export const TooltipInDialogSource = removeLicenseHeader(TooltipInDialogSourceRaw);
48
+ export const TooltipHoverDelaySource = removeLicenseHeader(TooltipHoverDelaySourceRaw);
49
+ export const TooltipTriggerButtonWrapperSource = removeLicenseHeader(TooltipTriggerButtonWrapperSourceRaw);
50
+ export const TooltipRichSource = removeLicenseHeader(TooltipRichSourceRaw);
51
+ export const TooltipRichPassThroughSource = removeLicenseHeader(TooltipRichPassThroughSourceRaw);
52
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAEtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AACxE,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAClE,OAAO,wBAAwB,MAAM,8BAA8B,CAAC;AACpE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AACzE,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AACxE,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,+BAA+B,MAAM,uCAAuC,CAAC;AACpF,OAAO,oCAAoC,MAAM,4CAA4C,CAAC;AAE9F,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,iCAAiC,GAAG,mBAAmB,CAClE,oCAAoC,CACrC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Button, Tooltip } from '@neo4j-ndl/react';
24
+ import { useState } from 'react';
25
+ const Component = () => {
26
+ const [isOpen, setIsOpen] = useState(false);
27
+ return (_jsxs(Tooltip, { type: "simple", isOpen: isOpen, onOpenChange: setIsOpen, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(Button, { onClick: () => setIsOpen((prev) => !prev), children: "Click me" }) }), _jsx(Tooltip.Content, { children: "This is a controlled tooltip" })] }));
28
+ };
29
+ export default Component;
30
+ //# sourceMappingURL=tooltip-controlled.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip-controlled.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-controlled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5D,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,yBAAmB,GACpD,EAClB,KAAC,OAAO,CAAC,OAAO,+CAA+C,IACvD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Tooltip } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ return (_jsxs(Tooltip, { type: "simple", children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
26
+ };
27
+ export default Component;
28
+ //# sourceMappingURL=tooltip-default.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip-default.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-default.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,aACpB,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Tooltip } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ return (_jsxs(Tooltip, { type: "simple", isDisabled: true, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
26
+ };
27
+ export default Component;
28
+ //# sourceMappingURL=tooltip-disabled.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip-disabled.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-disabled.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,IAAI,aACrC,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Tooltip } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ 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!" })] }));
26
+ };
27
+ export default Component;
28
+ //# sourceMappingURL=tooltip-hover-delay.story.js.map
@@ -0,0 +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"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Dialog, Tooltip, Typography } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ return (_jsxs(Dialog, { isOpen: true, onClose: () => void 0, children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Content, { children: _jsxs(Tooltip, { type: "simple", isPortaled: false, children: [_jsx(Tooltip.Trigger, { children: _jsx(Typography, { variant: "body-medium", children: "Hover me!" }) }), _jsx(Tooltip.Content, { children: "This is a long tooltip!" })] }) })] }));
26
+ };
27
+ export default Component;
28
+ //# sourceMappingURL=tooltip-in-dialog.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-in-dialog.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,MAAM,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,aACzC,KAAC,MAAM,CAAC,MAAM,yBAAuB,EACrC,KAAC,MAAM,CAAC,OAAO,cACb,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,KAAK,aACtC,KAAC,OAAO,CAAC,OAAO,cACd,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,0BAAuB,GACxC,EAClB,KAAC,OAAO,CAAC,OAAO,0CAA0C,IAClD,GACK,IACV,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Tooltip } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ return (_jsxs(Tooltip, { type: "simple", isInitialOpen: true, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
26
+ };
27
+ export default Component;
28
+ //# sourceMappingURL=tooltip-initial-open.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip-initial-open.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-initial-open.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,aAAa,EAAE,IAAI,aACxC,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,38 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Button, Tooltip } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ const placements = [
26
+ { placement: 'top', label: 'Top' },
27
+ { placement: 'bottom', label: 'Bottom' },
28
+ { placement: 'left', label: 'Left' },
29
+ { placement: 'right', label: 'Right' },
30
+ { placement: 'top-start', label: 'Top Start' },
31
+ { placement: 'top-end', label: 'Top End' },
32
+ { placement: 'bottom-start', label: 'Bottom Start' },
33
+ { placement: 'bottom-end', label: 'Bottom End' },
34
+ ];
35
+ return (_jsx("div", { className: "n-grid n-grid-cols-4 n-gap-token-6 n-p-token-6 n-place-items-center", children: placements.map(({ placement, label }) => (_jsxs(Tooltip, { type: "simple", placement: placement, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(Button, { size: "small", children: label }) }), _jsxs(Tooltip.Content, { children: ["Tooltip on ", label.toLowerCase()] })] }, placement))) }));
36
+ };
37
+ export default Component;
38
+ //# sourceMappingURL=tooltip-placements.story.js.map
@@ -0,0 +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,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEnD,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,qEAAqE,YACjF,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,MAAM,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAU,GACrB,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"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Button, Tooltip } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ return (_jsxs(Tooltip, { type: "rich", children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(Button, { children: "Click me!" }) }), _jsxs(Tooltip.Content, { children: [_jsx(Tooltip.Header, { passThroughProps: { style: { color: 'red' } }, children: "Header" }), _jsx(Tooltip.Body, { passThroughProps: { style: { color: 'green' } }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do" }), _jsx(Tooltip.Actions, { children: _jsx(Tooltip.Action, { onClick: () => alert('Custom action'), children: "Action" }) })] })] }));
26
+ };
27
+ export default Component;
28
+ //# sourceMappingURL=tooltip-rich-pass-through.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip-rich-pass-through.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-rich-pass-through.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,MAAM,aAClB,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,MAAM,4BAAmB,GACV,EAClB,MAAC,OAAO,CAAC,OAAO,eACd,KAAC,OAAO,CAAC,MAAM,IAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,uBAE5C,EACjB,KAAC,OAAO,CAAC,IAAI,IAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gFAE9C,EACf,KAAC,OAAO,CAAC,OAAO,cACd,KAAC,OAAO,CAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,uBAEpC,GACD,IACF,IACV,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,28 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ *
4
+ * Copyright (c) "Neo4j"
5
+ * Neo4j Sweden AB [http://neo4j.com]
6
+ *
7
+ * This file is part of Neo4j.
8
+ *
9
+ * Neo4j is free software: you can redistribute it and/or modify
10
+ * it under the terms of the GNU General Public License as published by
11
+ * the Free Software Foundation, either version 3 of the License, or
12
+ * (at your option) any later version.
13
+ *
14
+ * This program is distributed in the hope that it will be useful,
15
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
16
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
17
+ * GNU General Public License for more details.
18
+ *
19
+ * You should have received a copy of the GNU General Public License
20
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
21
+ */
22
+ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
23
+ import { Button, Tooltip } from '@neo4j-ndl/react';
24
+ const Component = () => {
25
+ return (_jsxs(Tooltip, { type: "rich", children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(Button, { children: "Click me!" }) }), _jsxs(Tooltip.Content, { children: [_jsx(Tooltip.Header, { children: "Header" }), _jsx(Tooltip.Body, { children: "This rich tooltip demonstrates all the available subcomponents: Header, Body, and Actions." }), _jsxs(Tooltip.Actions, { children: [_jsx(Tooltip.Action, { onClick: () => alert('Primary action'), children: "Primary Action" }), _jsx(Tooltip.Action, { onClick: () => alert('Secondary action'), children: "Secondary Action" })] })] })] }));
26
+ };
27
+ export default Component;
28
+ //# sourceMappingURL=tooltip-rich.story.js.map