@caseparts-org/caseblocks 0.0.22 → 0.0.23

package/dist/molecules/Tooltip/Tooltip.stories.d.ts

@@ -12,16 +12,10 @@ declare const meta: {
             control: "select";
             options: string[];
         };
-        mouseEnterDelay: {
+        delay: {
             control: "number";
         };
-        mouseLeaveDelay: {
-            control: "number";
-        };
-        arrow: {
-            control: "boolean";
-        };
-        className: {
+        wrapperClassName: {
             table: {
                 disable: true;
             };
@@ -31,11 +25,6 @@ declare const meta: {
                 disable: true;
             };
         };
-        contentClassName: {
-            table: {
-                disable: true;
-            };
-        };
     };
 };
 export default meta;

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

@@ -1,9 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Tooltip as t } from "./Tooltip.js";
+import { jsx as t } from "react/jsx-runtime";
+import { Tooltip as e } from "./Tooltip.js";
 import { Button as o } from "../../atoms/Button/Button.js";
 const s = {
   title: "Case Parts/Molecules/Tooltip",
-  component: t,
+  component: e,
   parameters: {
     layout: "centered"
   },
@@ -27,21 +27,16 @@ const s = {
         "center center"
       ]
     },
-    mouseEnterDelay: { control: "number" },
-    mouseLeaveDelay: { control: "number" },
-    arrow: { control: "boolean" },
-    className: { table: { disable: !0 } },
-    tooltipClassName: { table: { disable: !0 } },
-    contentClassName: { table: { disable: !0 } }
+    delay: { control: "number" },
+    wrapperClassName: { table: { disable: !0 } },
+    tooltipClassName: { table: { disable: !0 } }
   }
 }, c = {
   args: {
-    position: "top center",
-    arrow: !0,
-    mouseEnterDelay: 0,
-    mouseLeaveDelay: 0
+    position: "top",
+    delay: 0
   },
-  render: (r) => /* @__PURE__ */ e(
+  render: (i) => /* @__PURE__ */ t(
     "div",
     {
       style: {
@@ -52,19 +47,19 @@ const s = {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ e(
-        t,
+      children: /* @__PURE__ */ t(
+        e,
         {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "primary", children: "Hover me" }) }),
+          ...i,
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "primary", children: "Hover me" }) }),
           on: "hover",
-          ...r,
           children: "This tooltip appears on hover (top center)."
         }
       )
     }
   )
 }, a = {
-  render: () => /* @__PURE__ */ e(
+  render: () => /* @__PURE__ */ t(
     "div",
     {
       style: {
@@ -75,19 +70,19 @@ const s = {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ e(
-        t,
+      children: /* @__PURE__ */ t(
+        e,
         {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "secondary", children: "Click me" }) }),
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "secondary", children: "Click me" }) }),
           on: "click",
-          position: "bottom center",
+          position: "bottom",
           children: "This tooltip appears on click (bottom center)."
         }
       )
     }
   )
 }, h = {
-  render: () => /* @__PURE__ */ e(
+  render: () => /* @__PURE__ */ t(
     "div",
     {
       style: {
@@ -98,19 +93,19 @@ const s = {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ e(
-        t,
+      children: /* @__PURE__ */ t(
+        e,
         {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
           on: "hover",
-          position: "right center",
+          position: "right",
           children: "Tooltip on the right."
         }
       )
     }
   )
 }, d = {
-  render: () => /* @__PURE__ */ e(
+  render: () => /* @__PURE__ */ t(
     "div",
     {
       style: {
@@ -121,12 +116,12 @@ const s = {
         alignItems: "center",
         justifyContent: "center"
       },
-      children: /* @__PURE__ */ e(
-        t,
+      children: /* @__PURE__ */ t(
+        e,
         {
-          trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "tertiary", children: "Hover left" }) }),
+          trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "tertiary", children: "Hover left" }) }),
           on: "hover",
-          position: "left center",
+          position: "left",
           children: "Tooltip on the left."
         }
       )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.22",
+  "version": "0.0.23",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -26,8 +26,7 @@
   },
   "peerDependencies": {
     "react": ">=18.3.1 <20.0.0",
-    "react-dom": ">=18.3.1 <20.0.0",
-    "reactjs-popup": ">=2.0.0 <3.0.0"
+    "react-dom": ">=18.3.1 <20.0.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.1",
@@ -51,7 +50,6 @@
     "prettier": "3.4.2",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "reactjs-popup": "^2.0.6",
     "storybook": "^9.0.18",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.11.0",