@caseparts-org/caseblocks 0.0.22 → 0.0.24

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 (12) hide show
  1. package/dist/assets/Tooltip.css +1 -1
  2. package/dist/atoms/Link/Link.d.ts +10 -2
  3. package/dist/atoms/Link/Link.js +50 -29
  4. package/dist/main.d.ts +0 -2
  5. package/dist/main.js +22 -24
  6. package/dist/molecules/Cart/Cart.js +10 -11
  7. package/dist/molecules/CategoryNav/CategoryNav.js +11 -13
  8. package/dist/molecules/Tooltip/Tooltip.d.ts +11 -8
  9. package/dist/molecules/Tooltip/Tooltip.js +277 -487
  10. package/dist/molecules/Tooltip/Tooltip.stories.d.ts +2 -13
  11. package/dist/molecules/Tooltip/Tooltip.stories.js +28 -33
  12. package/package.json +12 -4
package/dist/molecules/Tooltip/Tooltip.stories.d.ts CHANGED
@@ -12,16 +12,10 @@ declare const meta: {
12
12
  control: "select";
13
13
  options: string[];
14
14
  };
15
- mouseEnterDelay: {
15
+ delay: {
16
16
  control: "number";
17
17
  };
18
- mouseLeaveDelay: {
19
- control: "number";
20
- };
21
- arrow: {
22
- control: "boolean";
23
- };
24
- className: {
18
+ wrapperClassName: {
25
19
  table: {
26
20
  disable: true;
27
21
  };
@@ -31,11 +25,6 @@ declare const meta: {
31
25
  disable: true;
32
26
  };
33
27
  };
34
- contentClassName: {
35
- table: {
36
- disable: true;
37
- };
38
- };
39
28
  };
40
29
  };
41
30
  export default meta;
package/dist/molecules/Tooltip/Tooltip.stories.js CHANGED
@@ -1,9 +1,9 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { Tooltip as t } from "./Tooltip.js";
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { Tooltip as e } from "./Tooltip.js";
3
3
  import { Button as o } from "../../atoms/Button/Button.js";
4
4
  const s = {
5
5
  title: "Case Parts/Molecules/Tooltip",
6
- component: t,
6
+ component: e,
7
7
  parameters: {
8
8
  layout: "centered"
9
9
  },
@@ -27,21 +27,16 @@ const s = {
27
27
  "center center"
28
28
  ]
29
29
  },
30
- mouseEnterDelay: { control: "number" },
31
- mouseLeaveDelay: { control: "number" },
32
- arrow: { control: "boolean" },
33
- className: { table: { disable: !0 } },
34
- tooltipClassName: { table: { disable: !0 } },
35
- contentClassName: { table: { disable: !0 } }
30
+ delay: { control: "number" },
31
+ wrapperClassName: { table: { disable: !0 } },
32
+ tooltipClassName: { table: { disable: !0 } }
36
33
  }
37
34
  }, c = {
38
35
  args: {
39
- position: "top center",
40
- arrow: !0,
41
- mouseEnterDelay: 0,
42
- mouseLeaveDelay: 0
36
+ position: "top",
37
+ delay: 0
43
38
  },
44
- render: (r) => /* @__PURE__ */ e(
39
+ render: (i) => /* @__PURE__ */ t(
45
40
  "div",
46
41
  {
47
42
  style: {
@@ -52,19 +47,19 @@ const s = {
52
47
  alignItems: "center",
53
48
  justifyContent: "center"
54
49
  },
55
- children: /* @__PURE__ */ e(
56
- t,
50
+ children: /* @__PURE__ */ t(
51
+ e,
57
52
  {
58
- trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "primary", children: "Hover me" }) }),
53
+ ...i,
54
+ trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "primary", children: "Hover me" }) }),
59
55
  on: "hover",
60
- ...r,
61
56
  children: "This tooltip appears on hover (top center)."
62
57
  }
63
58
  )
64
59
  }
65
60
  )
66
61
  }, a = {
67
- render: () => /* @__PURE__ */ e(
62
+ render: () => /* @__PURE__ */ t(
68
63
  "div",
69
64
  {
70
65
  style: {
@@ -75,19 +70,19 @@ const s = {
75
70
  alignItems: "center",
76
71
  justifyContent: "center"
77
72
  },
78
- children: /* @__PURE__ */ e(
79
- t,
73
+ children: /* @__PURE__ */ t(
74
+ e,
80
75
  {
81
- trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "secondary", children: "Click me" }) }),
76
+ trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "secondary", children: "Click me" }) }),
82
77
  on: "click",
83
- position: "bottom center",
78
+ position: "bottom",
84
79
  children: "This tooltip appears on click (bottom center)."
85
80
  }
86
81
  )
87
82
  }
88
83
  )
89
84
  }, h = {
90
- render: () => /* @__PURE__ */ e(
85
+ render: () => /* @__PURE__ */ t(
91
86
  "div",
92
87
  {
93
88
  style: {
@@ -98,19 +93,19 @@ const s = {
98
93
  alignItems: "center",
99
94
  justifyContent: "center"
100
95
  },
101
- children: /* @__PURE__ */ e(
102
- t,
96
+ children: /* @__PURE__ */ t(
97
+ e,
103
98
  {
104
- trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
99
+ trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
105
100
  on: "hover",
106
- position: "right center",
101
+ position: "right",
107
102
  children: "Tooltip on the right."
108
103
  }
109
104
  )
110
105
  }
111
106
  )
112
107
  }, d = {
113
- render: () => /* @__PURE__ */ e(
108
+ render: () => /* @__PURE__ */ t(
114
109
  "div",
115
110
  {
116
111
  style: {
@@ -121,12 +116,12 @@ const s = {
121
116
  alignItems: "center",
122
117
  justifyContent: "center"
123
118
  },
124
- children: /* @__PURE__ */ e(
125
- t,
119
+ children: /* @__PURE__ */ t(
120
+ e,
126
121
  {
127
- trigger: /* @__PURE__ */ e("div", { className: "tooltip-story", children: /* @__PURE__ */ e(o, { size: "md", variant: "tertiary", children: "Hover left" }) }),
122
+ trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(o, { size: "md", variant: "tertiary", children: "Hover left" }) }),
128
123
  on: "hover",
129
- position: "left center",
124
+ position: "left",
130
125
  children: "Tooltip on the left."
131
126
  }
132
127
  )
package/package.json CHANGED
@@ -1,13 +1,23 @@
1
1
  {
2
2
  "name": "@caseparts-org/caseblocks",
3
3
  "private": false,
4
- "version": "0.0.22",
4
+ "version": "0.0.24",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
8
8
  "files": [
9
9
  "dist"
10
10
  ],
11
+ "exports": {
12
+ ".": {
13
+ "types": "./dist/main.d.ts",
14
+ "import": "./dist/main.js"
15
+ },
16
+ "./link": {
17
+ "types": "./dist/atoms/Link/Link.d.ts",
18
+ "import": "./dist/atoms/Link/Link.js"
19
+ }
20
+ },
11
21
  "scripts": {
12
22
  "dev": "vite",
13
23
  "build": "tsc -b ./tsconfig.lib.json && vite build",
@@ -26,8 +36,7 @@
26
36
  },
27
37
  "peerDependencies": {
28
38
  "react": ">=18.3.1 <20.0.0",
29
- "react-dom": ">=18.3.1 <20.0.0",
30
- "reactjs-popup": ">=2.0.0 <3.0.0"
39
+ "react-dom": ">=18.3.1 <20.0.0"
31
40
  },
32
41
  "devDependencies": {
33
42
  "@chromatic-com/storybook": "^4.0.1",
@@ -51,7 +60,6 @@
51
60
  "prettier": "3.4.2",
52
61
  "react": "^19.1.1",
53
62
  "react-dom": "^19.1.1",
54
- "reactjs-popup": "^2.0.6",
55
63
  "storybook": "^9.0.18",
56
64
  "typescript": "~5.6.2",
57
65
  "typescript-eslint": "^8.11.0",