@caseparts-org/caseblocks 0.0.90 → 0.0.91

package/dist/molecules/Tooltip/Tooltip.stories.js

@@ -1,202 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Tooltip as t } from "./Tooltip.js";
-import { Button as o } from "../../atoms/Button/Button.js";
-const s = {
-  title: "Case Parts/Molecules/Tooltip",
-  component: t,
-  parameters: {
-    layout: "centered",
-    controls: { sort: "requiredFirst" },
-    docs: {
-      description: {
-        component: "Wrapper around @tippyjs/react. Use mouseEnterDelay/mouseLeaveDelay or pass `delay` directly. `on` maps to Tippy trigger."
-      }
-    }
-  },
-  tags: ["autodocs"],
-  args: {
-    on: "mouseenter focus",
-    placement: "top",
-    mouseEnterDelay: 100,
-    mouseLeaveDelay: 80,
-    arrow: !0
-  },
-  argTypes: {
-    on: {
-      control: "select",
-      options: ["mouseenter focus", "click"],
-      description: "Trigger events passed to Tippy `trigger`."
-    },
-    placement: {
-      control: "select",
-      options: [
-        "top",
-        "top-start",
-        "top-end",
-        "right",
-        "right-start",
-        "right-end",
-        "bottom",
-        "bottom-start",
-        "bottom-end",
-        "left",
-        "left-start",
-        "left-end"
-      ],
-      description: "Popper placement used by Tippy."
-    },
-    mouseEnterDelay: {
-      control: "number",
-      description: "Show delay (ms) mapped to delay[0]."
-    },
-    mouseLeaveDelay: {
-      control: "number",
-      description: "Hide delay (ms) mapped to delay[1]."
-    },
-    delay: {
-      control: !1,
-      table: { category: "Advanced" },
-      description: "Override both delays (number or [show, hide])."
-    },
-    arrow: {
-      control: "boolean",
-      description: "Show tooltip arrow."
-    },
-    contentClassName: { table: { disable: !0 } },
-    tooltipClassName: { table: { disable: !0 } },
-    trigger: {
-      table: { disable: !0 },
-      description: "React element that triggers the tooltip."
-    },
-    children: {
-      description: "Tooltip content."
-    }
-  }
-}, a = {
-  args: {
-    placement: "top",
-    mouseEnterDelay: 0,
-    mouseLeaveDelay: 0
-  },
-  render: (r) => /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        height: "10vh",
-        width: "100%",
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ e(
-        t,
-        {
-          ...r,
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "primary", children: "Hover me" }) }),
-          children: "This tooltip appears on hover (top)."
-        }
-      )
-    }
-  )
-}, c = {
-  render: () => /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        height: "10vh",
-        width: "100%",
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ e(
-        t,
-        {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "secondary", children: "Click me" }) }),
-          on: "click",
-          placement: "bottom",
-          mouseEnterDelay: 0,
-          mouseLeaveDelay: 0,
-          children: "This tooltip appears on click (bottom)."
-        }
-      )
-    }
-  )
-}, d = {
-  render: () => /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        height: "10vh",
-        width: "100%",
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ e(
-        t,
-        {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
-          placement: "right",
-          children: "Tooltip on the right."
-        }
-      )
-    }
-  )
-}, p = {
-  render: () => /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        height: "10vh",
-        width: "100%",
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /* @__PURE__ */ e(
-        t,
-        {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "tertiary", children: "Hover left" }) }),
-          placement: "left",
-          children: "Tooltip on the left."
-        }
-      )
-    }
-  )
-}, m = {
-  render: () => /* @__PURE__ */ e(
-    "div",
-    {
-      style: {
-        height: "10vh",
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "center",
-        position: "absolute",
-        right: "300px"
-      },
-      children: /* @__PURE__ */ e(
-        t,
-        {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
-          placement: "right",
-          children: "Tooltip on the right."
-        }
-      )
-    }
-  )
-};
-export {
-  m as AbsolutelyPositioned,
-  c as OnClick,
-  a as OnHover,
-  p as PositionLeft,
-  d as PositionRight,
-  s as default
-};