@plasmicpkgs/react-aria 0.0.109 → 0.0.111

package/skinny/registerTooltip.stories.esm.js

@@ -1,5 +1,5 @@
 import { PlasmicCanvasContext } from '@plasmicapp/host';
-import { fn, waitFor, expect, within, userEvent } from '@storybook/test';
+import { fn, within, expect, waitFor, userEvent } from '@storybook/test';
 import React, { useState, useEffect } from 'react';
 import { BaseButton } from './registerButton.esm.js';
 import { BaseTooltip } from './registerTooltip.esm.js';
@@ -9,6 +9,7 @@ import './common-ceebbaea.esm.js';
 import './utils-5d1b4c6b.esm.js';
 import '@plasmicapp/host/registerComponent';
 import './variant-utils-4405ebb0.esm.js';
+import 'react-stately';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -46,29 +47,41 @@ const meta = {
   component: BaseTooltip,
   args: {
     onOpenChange: fn(),
-    children: /* @__PURE__ */ React.createElement(BaseButton, null, "Hover me!"),
+    children: /* @__PURE__ */ React.createElement("span", null, "Show tooltip"),
     // anything can be used as a trigger
     tooltipContent: /* @__PURE__ */ React.createElement("div", { "data-testid": "tooltip-content" }, "This is a tooltip"),
     trigger: void 0,
     // means that it triggers on both focus and hover
     delay: 0,
     closeDelay: 0
-  },
-  //   TODO: Currently, the BaseTooltip component cannot be uncontrolled, because a false is assumed for isOpen prop, if it is undefined
-  //   Remove this render function in the PR that fixes the issue
-  render: (_a) => {
-    var _b = _a, { isOpen, onOpenChange } = _b, args = __objRest(_b, ["isOpen", "onOpenChange"]);
-    const [open, setOpen] = useState(isOpen);
-    return /* @__PURE__ */ React.createElement(
-      BaseTooltip,
-      __spreadValues({
-        isOpen: open,
-        onOpenChange: (newValue) => {
-          setOpen(newValue);
-          onOpenChange == null ? void 0 : onOpenChange(newValue);
-        }
-      }, args)
+  }
+};
+const Basic = {
+  play: async ({ canvasElement, args }) => {
+    const canvas = within(canvasElement);
+    const trigger = canvas.getByText("Show tooltip");
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
     );
+    await userEvent.hover(trigger);
+    await waitFor(() => {
+      var _a, _b;
+      const tooltip = within(document.body).getByTestId("tooltip-content");
+      const tooltipId = (_a = tooltip.parentElement) == null ? void 0 : _a.getAttribute("id");
+      expect(tooltipId).toBeDefined();
+      expect((_b = trigger.parentElement) == null ? void 0 : _b.getAttribute("aria-describedby")).toEqual(
+        tooltipId
+      );
+    });
+    expect(args.onOpenChange).toHaveBeenCalledWith(true);
+    await userEvent.unhover(trigger);
+    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));
+    expect(args.onOpenChange).toHaveBeenCalledTimes(2);
+    await userEvent.tab();
+    await expect(trigger).not.toHaveFocus();
+    expect(args.onOpenChange).toHaveBeenCalledTimes(2);
   }
 };
 const AlwaysOpen = {
@@ -85,13 +98,52 @@ const AlwaysOpen = {
   }
 };
 const FocusTrigger = {
-  play: async ({ args }) => {
+  args: {
+    // TabIndex=0 makes it focusable
+    children: /* @__PURE__ */ React.createElement("span", { tabIndex: 0 }, "Show tooltip")
+    // anything can be used as a trigger
+  },
+  play: async ({ canvasElement, args }) => {
+    const canvas = within(canvasElement);
+    const trigger = canvas.getByText("Show tooltip");
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    await userEvent.tab();
+    await expect(trigger).toHaveFocus();
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).toBeInTheDocument()
+    );
+    expect(args.onOpenChange).toHaveBeenCalledWith(true);
+    await userEvent.tab();
+    await expect(trigger).not.toHaveFocus();
+    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));
+  }
+};
+const CustomButton = (_a) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, props), { "data-testid": "trigger-wrapper" }), /* @__PURE__ */ React.createElement("span", { tabIndex: 0 }, children), /* @__PURE__ */ React.createElement("span", { tabIndex: 0 }, children));
+};
+const WithoutForwardRefTrigger = {
+  args: {
+    children: /* @__PURE__ */ React.createElement(CustomButton, null, "Show tooltip")
+  },
+  play: async ({ args, canvasElement }) => {
+    const canvas = within(canvasElement);
+    const triggerWrapper = canvas.getByTestId("trigger-wrapper");
+    const innerFocusableButtons = canvas.getAllByText("Show tooltip");
     await waitFor(
       () => expect(
         within(document.body).queryByTestId("tooltip-content")
       ).not.toBeInTheDocument()
     );
+    await expect(innerFocusableButtons[0]).not.toHaveFocus();
     await userEvent.tab();
+    expect(innerFocusableButtons[0]).toHaveFocus();
     await waitFor(
       () => expect(
         within(document.body).queryByTestId("tooltip-content")
@@ -99,16 +151,46 @@ const FocusTrigger = {
     );
     expect(args.onOpenChange).toHaveBeenCalledWith(true);
     await userEvent.tab();
+    expect(innerFocusableButtons[0]).not.toHaveFocus();
+    expect(innerFocusableButtons[1]).toHaveFocus();
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).toBeInTheDocument()
+    );
+    await userEvent.tab();
+    expect(innerFocusableButtons[1]).not.toHaveFocus();
+    expect(args.onOpenChange).toHaveBeenCalledWith(false);
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    await userEvent.hover(triggerWrapper);
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).toBeInTheDocument()
+    );
+    expect(args.onOpenChange).toHaveBeenCalledWith(true);
+    await userEvent.unhover(triggerWrapper);
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
     await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));
   }
 };
 const FocusTriggerOnly = {
   args: {
-    trigger: "focus"
+    trigger: "focus",
+    children: /* @__PURE__ */ React.createElement("span", { tabIndex: 0 }, "Show tooltip")
+    // anything can be used as a trigger
   },
   play: async ({ args, canvasElement }) => {
     const canvas = within(canvasElement);
-    const trigger = canvas.getByText("Hover me!");
+    const trigger = canvas.getByText("Show tooltip");
     await waitFor(
       () => expect(
         within(document.body).queryByTestId("tooltip-content")
@@ -123,6 +205,7 @@ const FocusTriggerOnly = {
     expect(args.onOpenChange).not.toHaveBeenCalled();
     await userEvent.unhover(trigger);
     await userEvent.tab();
+    await expect(trigger).toHaveFocus();
     await waitFor(
       () => expect(
         within(document.body).queryByTestId("tooltip-content")
@@ -133,13 +216,41 @@ const FocusTriggerOnly = {
     await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));
   }
 };
+const TriggerWithEventHandlers = {
+  parameters: {
+    customOnFocus: fn()
+  },
+  render: (args, { parameters }) => /* @__PURE__ */ React.createElement(BaseTooltip, __spreadValues({}, args), /* @__PURE__ */ React.createElement("button", { className: "custom-class", onFocus: parameters.customOnFocus }, "Show tooltip")),
+  play: async ({ args, canvasElement, parameters }) => {
+    const canvas = within(canvasElement);
+    const trigger = canvas.getByText("Show tooltip");
+    await expect(trigger).toHaveClass("custom-class");
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    expect(parameters.customOnFocus).not.toHaveBeenCalled();
+    await userEvent.tab();
+    await expect(trigger).toHaveFocus();
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).toBeInTheDocument()
+    );
+    expect(parameters.customOnFocus).toHaveBeenCalled();
+    expect(args.onOpenChange).toHaveBeenCalledWith(true);
+    await userEvent.tab();
+    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));
+  }
+};
 const Disabled = {
   args: {
     isDisabled: true
   },
   play: async ({ args, canvasElement }) => {
     const canvas = within(canvasElement);
-    const trigger = canvas.getByText("Hover me!");
+    const trigger = canvas.getByText("Show tooltip");
     await waitFor(
       () => expect(
         within(document.body).queryByTestId("tooltip-content")
@@ -155,9 +266,96 @@ const Disabled = {
     await userEvent.hover(trigger);
   }
 };
-const SelectedInCanvas = {
+const Controlled = {
   render: (_c) => {
-    var _d = _c, args = __objRest(_d, ["__plasmic_selection_prop__"]);
+    var _d = _c, { isOpen: _isOpen, onOpenChange } = _d, args = __objRest(_d, ["isOpen", "onOpenChange"]);
+    const [open, setOpen] = useState(false);
+    return /* @__PURE__ */ React.createElement(
+      BaseTooltip,
+      __spreadProps(__spreadValues({}, args), {
+        isOpen: open,
+        onOpenChange: (newVal) => {
+          setOpen(newVal);
+          onOpenChange == null ? void 0 : onOpenChange(newVal);
+        }
+      })
+    );
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const trigger = canvas.getByText("Show tooltip");
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    await userEvent.hover(trigger);
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).toBeInTheDocument()
+    );
+    await userEvent.unhover(trigger);
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+  }
+};
+const AriaButtonTrigger = {
+  args: {
+    children: /* @__PURE__ */ React.createElement(BaseButton, null, "Show tooltip")
+    // anything can be used as a trigger
+  },
+  play: async ({ args, canvasElement }) => {
+    const canvas = within(canvasElement);
+    const trigger = canvas.getByText("Show tooltip");
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    await userEvent.hover(trigger);
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).toBeInTheDocument()
+    );
+    expect(args.onOpenChange).toHaveBeenCalledWith(true);
+    expect(args.onOpenChange).toHaveBeenCalledTimes(1);
+    await userEvent.unhover(trigger);
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    expect(args.onOpenChange).toHaveBeenCalledWith(false);
+    expect(args.onOpenChange).toHaveBeenCalledTimes(2);
+    await expect(trigger).not.toHaveFocus();
+    await userEvent.tab();
+    expect(trigger).toHaveFocus();
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).toBeInTheDocument()
+    );
+    expect(args.onOpenChange).toHaveBeenCalledWith(true);
+    expect(args.onOpenChange).toHaveBeenCalledTimes(3);
+    await userEvent.tab();
+    await expect(canvas.getByText("Show tooltip")).not.toHaveFocus();
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));
+    expect(args.onOpenChange).toHaveBeenCalledTimes(4);
+  }
+};
+const SelectedInCanvas = {
+  render: (_e) => {
+    var _f = _e, args = __objRest(_f, ["__plasmic_selection_prop__"]);
     const [selected, setSelected] = useState(false);
     const [selectedSlotName, setSelectedSlotName] = useState("");
     useEffect(() => {
@@ -180,12 +378,12 @@ const SelectedInCanvas = {
         },
         /* @__PURE__ */ React.createElement(
           BaseTooltip,
-          __spreadValues(__spreadProps(__spreadValues({}, args), {
+          __spreadProps(__spreadValues({}, args), {
             __plasmic_selection_prop__: {
               isSelected: selected,
               selectedSlotName
             }
-          }), args)
+          })
         )
       )
     );
@@ -210,6 +408,60 @@ const SelectedInCanvas = {
     );
   }
 };
+const TooltipPosition = {
+  render: (args) => {
+    const [className, setClassName] = useState("trigger");
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      "style",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `
+            .trigger {
+              display: inline-block;
+            }
+          .trigger-right {
+            position: absolute;
+            right: 0;
+          }
+        `
+        }
+      }
+    ), /* @__PURE__ */ React.createElement("button", { onClick: () => setClassName("trigger trigger-right") }, "Move right"), /* @__PURE__ */ React.createElement(BaseTooltip, __spreadProps(__spreadValues({}, args), { className })));
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const trigger = canvas.getByText("Show tooltip");
+    const moveRightBtn = canvas.getByText("Move right");
+    await waitFor(
+      () => expect(
+        within(document.body).queryByTestId("tooltip-content")
+      ).not.toBeInTheDocument()
+    );
+    await userEvent.hover(trigger);
+    let initialTooltipLeftPosition;
+    await waitFor(() => {
+      const tooltip = within(document.body).getByTestId("tooltip-content");
+      initialTooltipLeftPosition = tooltip.getBoundingClientRect().left;
+    });
+    await userEvent.unhover(trigger);
+    await userEvent.hover(trigger);
+    await waitFor(async () => {
+      const tooltip = within(document.body).getByTestId("tooltip-content");
+      expect(initialTooltipLeftPosition).toEqual(
+        tooltip.getBoundingClientRect().left
+      );
+    });
+    await userEvent.unhover(trigger);
+    await userEvent.click(moveRightBtn);
+    await userEvent.hover(trigger);
+    await waitFor(() => {
+      const tooltip = within(document.body).getByTestId("tooltip-content");
+      expect(initialTooltipLeftPosition).not.toEqual(
+        tooltip.getBoundingClientRect().left
+      );
+    });
+  }
+};
 
-export { AlwaysOpen, Disabled, FocusTrigger, FocusTriggerOnly, SelectedInCanvas, meta as default };
+export { AlwaysOpen, AriaButtonTrigger, Basic, Controlled, Disabled, FocusTrigger, FocusTriggerOnly, SelectedInCanvas, TooltipPosition, TriggerWithEventHandlers, WithoutForwardRefTrigger, meta as default };
 //# sourceMappingURL=registerTooltip.stories.esm.js.map

package/skinny/registerTooltip.stories.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerTooltip.stories.esm.js","sources":["../src/registerTooltip.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseButton } from \"./registerButton\";\nimport { BaseTooltip } from \"./registerTooltip\";\n\nconst meta: Meta<typeof BaseTooltip> = {\n  title: \"Components/BaseTooltip\",\n  component: BaseTooltip,\n  args: {\n    onOpenChange: fn(),\n    children: <BaseButton>Hover me!</BaseButton>, // anything can be used as a trigger\n    tooltipContent: <div data-testid=\"tooltip-content\">This is a tooltip</div>,\n    trigger: undefined, // means that it triggers on both focus and hover\n    delay: 0,\n    closeDelay: 0,\n  },\n  //   TODO: Currently, the BaseTooltip component cannot be uncontrolled, because a false is assumed for isOpen prop, if it is undefined\n  //   Remove this render function in the PR that fixes the issue\n  render: ({ isOpen, onOpenChange, ...args }) => {\n    const [open, setOpen] = useState(isOpen);\n    return (\n      <BaseTooltip\n        isOpen={open}\n        onOpenChange={(newValue) => {\n          setOpen(newValue);\n          onOpenChange?.(newValue);\n        }}\n        {...args}\n      />\n    );\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseTooltip>;\n\n// TODO: Note, this test is failing only in headless mode (so the CI will fail),\n// because the hover simulation does not trigger the onOpenChange event.\n// I'm unsure why this is happening, as the story/test passes in interactive mode.\n// Uncomment this test in the PR that fixes the issue\n// Basic tooltip with hover trigger\n// export const Basic: Story = {\n//   play: async ({ canvasElement, args }) => {\n//     const canvas = within(canvasElement);\n//     const trigger = canvas.getByText(\"Hover me!\");\n\n//     await waitFor(() =>\n//       expect(\n//         within(document.body).queryByTestId(\"tooltip-content\")\n//       ).not.toBeInTheDocument()\n//     );\n\n//     await userEvent.hover(trigger);\n\n//     // Check that tooltip appears\n//     await waitFor(() =>\n//       expect(\n//         within(document.body).queryByTestId(\"tooltip-content\")\n//       ).toBeInTheDocument()\n//     );\n\n//     expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n//     await userEvent.unhover(trigger);\n\n//     await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n//   },\n// };\n\n// Test only that the tooltip renders initially\nexport const AlwaysOpen: Story = {\n  args: {\n    isOpen: true, // Force tooltip to be open\n  },\n  play: async () => {\n    // Just verify the tooltip content is in the document\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n  },\n};\n\n// Tooltip with focus trigger\nexport const FocusTrigger: Story = {\n  play: async ({ args }) => {\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that tooltip appears\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Tooltip with focus trigger only\nexport const FocusTriggerOnly: Story = {\n  args: {\n    trigger: \"focus\",\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Hover me!\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Hover over trigger\n    await userEvent.hover(trigger);\n\n    // Check that tooltip does NOT appear on hover\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    // Move mouse away\n    await userEvent.unhover(trigger);\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that tooltip DOES appear on focus\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Disabled tooltip\nexport const Disabled: Story = {\n  args: {\n    isDisabled: true,\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Hover me!\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that the disabled tooltip does NOT appear\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    await userEvent.hover(trigger);\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    const [selectedSlotName, setSelectedSlotName] = useState(\"\");\n\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n        setTimeout(() => {\n          // Simulate trigger slot selection in Plasmic canvas\n          setSelectedSlotName(\"children\");\n        }, 1000);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseTooltip\n          {...args}\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n            selectedSlotName,\n          }}\n          {...args}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).not.toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerTooltip.stories.esm.js","sources":["../src/registerTooltip.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseButton } from \"./registerButton\";\nimport { BaseTooltip } from \"./registerTooltip\";\n\nconst meta: Meta<typeof BaseTooltip> = {\n  title: \"Components/BaseTooltip\",\n  component: BaseTooltip,\n  args: {\n    onOpenChange: fn(),\n    children: <span>Show tooltip</span>, // anything can be used as a trigger\n    tooltipContent: <div data-testid=\"tooltip-content\">This is a tooltip</div>,\n    trigger: undefined, // means that it triggers on both focus and hover\n    delay: 0,\n    closeDelay: 0,\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseTooltip>;\n\n// Basic tooltip with hover trigger\nexport const Basic: Story = {\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await userEvent.hover(trigger);\n\n    // Check that tooltip appears\n    await waitFor(() => {\n      const tooltip = within(document.body).getByTestId(\"tooltip-content\");\n      const tooltipId = tooltip.parentElement?.getAttribute(\"id\");\n      expect(tooltipId).toBeDefined();\n      expect(trigger.parentElement?.getAttribute(\"aria-describedby\")).toEqual(\n        tooltipId\n      );\n    });\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    await userEvent.unhover(trigger);\n\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n    expect(args.onOpenChange).toHaveBeenCalledTimes(2);\n\n    await userEvent.tab();\n\n    // Non-focusable elements should still not be focusable when used as a tooltip trigger\n    await expect(trigger).not.toHaveFocus();\n    expect(args.onOpenChange).toHaveBeenCalledTimes(2); // no change\n  },\n};\n\n// Test only that the tooltip renders initially\nexport const AlwaysOpen: Story = {\n  args: {\n    isOpen: true, // Force tooltip to be open\n  },\n  play: async () => {\n    // Just verify the tooltip content is in the document\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n  },\n};\n\n// Tooltip with focus trigger\nexport const FocusTrigger: Story = {\n  args: {\n    // TabIndex=0 makes it focusable\n    children: <span tabIndex={0}>Show tooltip</span>, // anything can be used as a trigger\n  },\n  play: async ({ canvasElement, args }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    await expect(trigger).toHaveFocus();\n\n    // Check that tooltip appears\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await expect(trigger).not.toHaveFocus();\n\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\nconst CustomButton = ({ children, ...props }: any) => {\n  return (\n    <div {...props} data-testid=\"trigger-wrapper\">\n      <span tabIndex={0}>{children}</span>\n      <span tabIndex={0}>{children}</span>\n    </div>\n  );\n};\nexport const WithoutForwardRefTrigger: Story = {\n  args: {\n    children: <CustomButton>Show tooltip</CustomButton>,\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const triggerWrapper = canvas.getByTestId(\"trigger-wrapper\");\n    const innerFocusableButtons = canvas.getAllByText(\"Show tooltip\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await expect(innerFocusableButtons[0]).not.toHaveFocus();\n\n    // Focus trigger\n    await userEvent.tab();\n    expect(innerFocusableButtons[0]).toHaveFocus(); // ensure that the focus is on the first focusable item in the trigger wrapper\n\n    // Check that tooltip appears\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    expect(innerFocusableButtons[0]).not.toHaveFocus();\n    expect(innerFocusableButtons[1]).toHaveFocus();\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    await userEvent.tab();\n    expect(innerFocusableButtons[1]).not.toHaveFocus();\n    expect(args.onOpenChange).toHaveBeenCalledWith(false); //ensure that tooltip is no longer open\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // should also work with hover\n    await userEvent.hover(triggerWrapper);\n\n    // Check that tooltip appears\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    await userEvent.unhover(triggerWrapper);\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Tooltip with focus trigger only\nexport const FocusTriggerOnly: Story = {\n  args: {\n    trigger: \"focus\",\n    children: <span tabIndex={0}>Show tooltip</span>, // anything can be used as a trigger\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Hover over trigger\n    await userEvent.hover(trigger);\n\n    // Check that tooltip does NOT appear on hover\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    // Move mouse away\n    await userEvent.unhover(trigger);\n\n    // Focus trigger\n    await userEvent.tab();\n    await expect(trigger).toHaveFocus();\n\n    // Check that tooltip DOES appear on focus\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Ensures that any custom event handlers on the trigger are called, and any custom props passed to it are passed through.\nexport const TriggerWithEventHandlers: Story = {\n  parameters: {\n    customOnFocus: fn(),\n  },\n  render: (args, { parameters }) => (\n    <BaseTooltip {...args}>\n      <button className=\"custom-class\" onFocus={parameters.customOnFocus}>\n        Show tooltip\n      </button>\n    </BaseTooltip>\n  ),\n  play: async ({ args, canvasElement, parameters }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n\n    await expect(trigger).toHaveClass(\"custom-class\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(parameters.customOnFocus).not.toHaveBeenCalled();\n    // Focus trigger\n    await userEvent.tab();\n    await expect(trigger).toHaveFocus();\n\n    // Check that tooltip DOES appear on focus\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n    expect(parameters.customOnFocus).toHaveBeenCalled();\n\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n\n    // Move focus away\n    await userEvent.tab();\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n  },\n};\n\n// Disabled tooltip\nexport const Disabled: Story = {\n  args: {\n    isDisabled: true,\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    // Focus trigger\n    await userEvent.tab();\n\n    // Check that the disabled tooltip does NOT appear\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n\n    await userEvent.hover(trigger);\n  },\n};\n\nexport const Controlled: Story = {\n  render: ({ isOpen: _isOpen, onOpenChange, ...args }) => {\n    const [open, setOpen] = useState(false);\n\n    return (\n      <BaseTooltip\n        {...args}\n        isOpen={open}\n        onOpenChange={(newVal) => {\n          setOpen(newVal);\n          onOpenChange?.(newVal);\n        }}\n      />\n    );\n  },\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await userEvent.hover(trigger);\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n\n    await userEvent.unhover(trigger);\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n  },\n};\n\nexport const AriaButtonTrigger: Story = {\n  args: {\n    children: <BaseButton>Show tooltip</BaseButton>, // anything can be used as a trigger\n  },\n  play: async ({ args, canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await userEvent.hover(trigger);\n\n    // Check that tooltip appears\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n    expect(args.onOpenChange).toHaveBeenCalledTimes(1);\n\n    await userEvent.unhover(trigger);\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n    expect(args.onOpenChange).toHaveBeenCalledWith(false);\n    expect(args.onOpenChange).toHaveBeenCalledTimes(2);\n\n    await expect(trigger).not.toHaveFocus();\n\n    // Focus trigger\n    await userEvent.tab();\n    expect(trigger).toHaveFocus();\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).toBeInTheDocument()\n    );\n    expect(args.onOpenChange).toHaveBeenCalledWith(true);\n    expect(args.onOpenChange).toHaveBeenCalledTimes(3);\n\n    // Move focus away\n    await userEvent.tab();\n    await expect(canvas.getByText(\"Show tooltip\")).not.toHaveFocus();\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await waitFor(() => expect(args.onOpenChange).toHaveBeenCalledWith(false));\n    expect(args.onOpenChange).toHaveBeenCalledTimes(4);\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    const [selectedSlotName, setSelectedSlotName] = useState(\"\");\n\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n        setTimeout(() => {\n          // Simulate trigger slot selection in Plasmic canvas\n          setSelectedSlotName(\"children\");\n        }, 1000);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseTooltip\n          {...args}\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n            selectedSlotName,\n          }}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n\n    await waitFor(\n      () =>\n        expect(\n          within(document.body).queryByTestId(\"tooltip-content\")\n        ).not.toBeInTheDocument(),\n      { timeout: 1100 }\n    );\n  },\n};\n\n// Ensures that the tooltip is positioned relative to its trigger\nexport const TooltipPosition: Story = {\n  render: (args) => {\n    const [className, setClassName] = useState<string | undefined>(\"trigger\");\n\n    return (\n      <>\n        <style\n          dangerouslySetInnerHTML={{\n            __html: `\n            .trigger {\n              display: inline-block;\n            }\n          .trigger-right {\n            position: absolute;\n            right: 0;\n          }\n        `,\n          }}\n        />\n        <button onClick={() => setClassName(\"trigger trigger-right\")}>\n          Move right\n        </button>\n        <BaseTooltip {...args} className={className} />\n      </>\n    );\n  },\n  play: async ({ canvasElement }) => {\n    const canvas = within(canvasElement);\n    const trigger = canvas.getByText(\"Show tooltip\");\n    const moveRightBtn = canvas.getByText(\"Move right\");\n\n    await waitFor(() =>\n      expect(\n        within(document.body).queryByTestId(\"tooltip-content\")\n      ).not.toBeInTheDocument()\n    );\n\n    await userEvent.hover(trigger);\n\n    let initialTooltipLeftPosition: number;\n\n    // Check that tooltip appears\n    await waitFor(() => {\n      const tooltip = within(document.body).getByTestId(\"tooltip-content\");\n      initialTooltipLeftPosition = tooltip.getBoundingClientRect().left;\n    });\n\n    await userEvent.unhover(trigger);\n\n    await userEvent.hover(trigger);\n\n    await waitFor(async () => {\n      const tooltip = within(document.body).getByTestId(\"tooltip-content\");\n      expect(initialTooltipLeftPosition).toEqual(\n        tooltip.getBoundingClientRect().left\n      ); // opens at exactly the same position again\n    });\n\n    await userEvent.unhover(trigger);\n\n    await userEvent.click(moveRightBtn);\n    await userEvent.hover(trigger);\n\n    await waitFor(() => {\n      const tooltip = within(document.body).getByTestId(\"tooltip-content\");\n      expect(initialTooltipLeftPosition).not.toEqual(\n        tooltip.getBoundingClientRect().left\n      ); // opens at a different position because the position of the trigger changed\n    });\n  },\n};\n"],"names":[],"mappings":"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"}