@caseparts-org/caseblocks 0.0.35 → 0.0.37
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.
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._wrapper_1n7bd_1{position:relative;display:inline-block}._tooltip_1n7bd_6{position:absolute;z-index:1000;padding:var(--spacing-0-5);background:var(--color-neutrals-neutral-1);border-radius:4px;box-shadow:0 4px 12px #0000002e;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;width:max-content}._open_1n7bd_19{opacity:1;visibility:visible;transform:translateY(0)}._tooltip_1n7bd_6[data-position=top]{bottom:100%;left:50%;transform:translate(-50%,-4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=top]{transform:translate(-50%)}._tooltip_1n7bd_6[data-position=bottom]{top:100%;left:50%;transform:translate(-50%,4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=bottom]{transform:translate(-50%)}._tooltip_1n7bd_6[data-position=left]{right:100%;top:50%;transform:translate(-4px,-50%)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=left]{transform:translateY(-50%)}._tooltip_1n7bd_6[data-position=right]{left:100%;top:50%;transform:translate(4px,-50%)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=right]{transform:translateY(-50%)}._tooltip_1n7bd_6[data-position=top]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),-4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=top]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_1n7bd_6[data-position=bottom]{top:100%;left:50%;transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)),4px)}._open_1n7bd_19._tooltip_1n7bd_6[data-position=bottom]{transform:translate(calc(-50% + var(--tooltip-shift-x, 0px)))}._tooltip_1n7bd_6[data-position=left]{right:100%;top:50%;transform:translate(-4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_1n7bd_19._tooltip_1n7bd_6[data-position=left]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}._tooltip_1n7bd_6[data-position=right]{left:100%;top:50%;transform:translate(4px,calc(-50% + var(--tooltip-shift-y, 0px)))}._open_1n7bd_19._tooltip_1n7bd_6[data-position=right]{transform:translateY(calc(-50% + var(--tooltip-shift-y, 0px)))}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import { jsx as t, jsxs as
|
|
1
|
+
import { jsx as t, jsxs as s } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as o } from "../../atoms/Icon/Icon.js";
|
|
3
3
|
import { Text as m } from "../../atoms/Text/Text.js";
|
|
4
4
|
import { Button as g } from "../../atoms/Button/Button.js";
|
|
5
5
|
import { Tooltip as _ } from "../Tooltip/Tooltip.js";
|
|
6
6
|
import { QuantityInput as p } from "../QuantityInput/QuantityInput.js";
|
|
7
|
-
import '../../assets/Cart.css';const
|
|
8
|
-
cart:
|
|
9
|
-
count:
|
|
7
|
+
import '../../assets/Cart.css';const u = "_cart_tgc5k_1", I = "_count_tgc5k_8", f = "_cartContainer_tgc5k_23", k = "_cartItems_tgc5k_32", v = "_itemInfo_tgc5k_54", y = "_removeItem_tgc5k_71", z = "_itemManagement_tgc5k_78", C = "_noItems_tgc5k_83", N = "_subtotal_tgc5k_90", e = {
|
|
8
|
+
cart: u,
|
|
9
|
+
count: I,
|
|
10
10
|
cartContainer: f,
|
|
11
11
|
cartItems: k,
|
|
12
12
|
itemInfo: v,
|
|
13
|
-
removeItem:
|
|
14
|
-
itemManagement:
|
|
15
|
-
noItems:
|
|
16
|
-
subtotal:
|
|
13
|
+
removeItem: y,
|
|
14
|
+
itemManagement: z,
|
|
15
|
+
noItems: C,
|
|
16
|
+
subtotal: N
|
|
17
17
|
};
|
|
18
|
-
function
|
|
18
|
+
function Q({
|
|
19
19
|
cart: i,
|
|
20
20
|
onItemQtyChange: a,
|
|
21
21
|
onItemDelete: r,
|
|
@@ -27,7 +27,7 @@ function T({
|
|
|
27
27
|
return i = i || { items: [] }, /* @__PURE__ */ t(
|
|
28
28
|
_,
|
|
29
29
|
{
|
|
30
|
-
trigger: /* @__PURE__ */
|
|
30
|
+
trigger: /* @__PURE__ */ s("button", { className: e.cart, ...d, children: [
|
|
31
31
|
/* @__PURE__ */ t(
|
|
32
32
|
o,
|
|
33
33
|
{
|
|
@@ -40,27 +40,27 @@ function T({
|
|
|
40
40
|
] }),
|
|
41
41
|
position: "bottom",
|
|
42
42
|
on: "click",
|
|
43
|
-
children: /* @__PURE__ */
|
|
43
|
+
children: /* @__PURE__ */ s("div", { className: e.cartContainer, children: [
|
|
44
44
|
/* @__PURE__ */ t(m, { as: "h1", size: "2xl", children: "Cart" }),
|
|
45
45
|
/* @__PURE__ */ t("div", { className: e.cartItems, children: i.items.length > 0 ? /* @__PURE__ */ t("ul", { children: i.items.map(
|
|
46
|
-
(
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */ t("img", { src:
|
|
49
|
-
/* @__PURE__ */
|
|
50
|
-
/* @__PURE__ */ t(m, { as: "p", size: "sm", children:
|
|
51
|
-
/* @__PURE__ */
|
|
46
|
+
(n) => /* @__PURE__ */ s("li", { className: e.cartItem, children: [
|
|
47
|
+
/* @__PURE__ */ s("div", { className: e.itemInfo, children: [
|
|
48
|
+
/* @__PURE__ */ t("img", { src: n.imageUrl, alt: `${n.itemId} product image` }),
|
|
49
|
+
/* @__PURE__ */ s("div", { children: [
|
|
50
|
+
/* @__PURE__ */ t(m, { as: "p", size: "sm", children: n.description }),
|
|
51
|
+
/* @__PURE__ */ s(m, { as: "p", size: "sm", children: [
|
|
52
52
|
"Part # ",
|
|
53
|
-
|
|
53
|
+
n.itemId
|
|
54
54
|
] })
|
|
55
55
|
] })
|
|
56
56
|
] }),
|
|
57
|
-
/* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */ t("button", { onClick: () => r(
|
|
59
|
-
/* @__PURE__ */ t(p, { onQuantityChange: (h) => a(
|
|
57
|
+
/* @__PURE__ */ s("div", { className: e.itemManagement, children: [
|
|
58
|
+
/* @__PURE__ */ t("button", { onClick: () => r(n), className: e.removeItem, children: /* @__PURE__ */ t(o, { iconKey: "fa-regular fa-trash", size: "sm" }) }),
|
|
59
|
+
/* @__PURE__ */ t(p, { quantity: n.quantity, onQuantityChange: (h) => a(n, h), size: "sm" })
|
|
60
60
|
] })
|
|
61
|
-
] },
|
|
61
|
+
] }, n.id)
|
|
62
62
|
) }) : /* @__PURE__ */ t("div", { className: e.noItems, children: /* @__PURE__ */ t(m, { as: "p", size: "sm", children: "No items in your cart yet" }) }) }),
|
|
63
|
-
c && /* @__PURE__ */
|
|
63
|
+
c && /* @__PURE__ */ s("div", { className: e.subtotal, children: [
|
|
64
64
|
/* @__PURE__ */ t(m, { size: "md", children: "Subtotal" }),
|
|
65
65
|
/* @__PURE__ */ t(m, { size: "md", children: c })
|
|
66
66
|
] }),
|
|
@@ -70,5 +70,5 @@ function T({
|
|
|
70
70
|
);
|
|
71
71
|
}
|
|
72
72
|
export {
|
|
73
|
-
|
|
73
|
+
Q as ShoppingCart
|
|
74
74
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as ae, jsx as ce } from "react/jsx-runtime";
|
|
2
2
|
import m, { useEffect as V, useState as se } from "react";
|
|
3
3
|
import { c as q } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import '../../assets/Tooltip.css';var B = { exports: {} },
|
|
4
|
+
import '../../assets/Tooltip.css';var B = { exports: {} }, f = {};
|
|
5
5
|
/**
|
|
6
6
|
* @license React
|
|
7
7
|
* react-dom.production.js
|
|
@@ -13,7 +13,7 @@ import '../../assets/Tooltip.css';var B = { exports: {} }, d = {};
|
|
|
13
13
|
*/
|
|
14
14
|
var W;
|
|
15
15
|
function ue() {
|
|
16
|
-
if (W) return
|
|
16
|
+
if (W) return f;
|
|
17
17
|
W = 1;
|
|
18
18
|
var u = m;
|
|
19
19
|
function T(n) {
|
|
@@ -43,11 +43,11 @@ function ue() {
|
|
|
43
43
|
},
|
|
44
44
|
p: 0,
|
|
45
45
|
findDOMNode: null
|
|
46
|
-
},
|
|
46
|
+
}, d = Symbol.for("react.portal");
|
|
47
47
|
function v(n, t, o) {
|
|
48
48
|
var r = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
|
|
49
49
|
return {
|
|
50
|
-
$$typeof:
|
|
50
|
+
$$typeof: d,
|
|
51
51
|
key: r == null ? null : "" + r,
|
|
52
52
|
children: n,
|
|
53
53
|
containerInfo: t,
|
|
@@ -60,23 +60,23 @@ function ue() {
|
|
|
60
60
|
if (typeof t == "string")
|
|
61
61
|
return t === "use-credentials" ? t : "";
|
|
62
62
|
}
|
|
63
|
-
return
|
|
63
|
+
return f.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = c, f.createPortal = function(n, t) {
|
|
64
64
|
var o = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
|
|
65
65
|
if (!t || t.nodeType !== 1 && t.nodeType !== 9 && t.nodeType !== 11)
|
|
66
66
|
throw Error(T(299));
|
|
67
67
|
return v(n, t, null, o);
|
|
68
|
-
},
|
|
68
|
+
}, f.flushSync = function(n) {
|
|
69
69
|
var t = _.T, o = c.p;
|
|
70
70
|
try {
|
|
71
71
|
if (_.T = null, c.p = 2, n) return n();
|
|
72
72
|
} finally {
|
|
73
73
|
_.T = t, c.p = o, c.d.f();
|
|
74
74
|
}
|
|
75
|
-
},
|
|
75
|
+
}, f.preconnect = function(n, t) {
|
|
76
76
|
typeof n == "string" && (t ? (t = t.crossOrigin, t = typeof t == "string" ? t === "use-credentials" ? t : "" : void 0) : t = null, c.d.C(n, t));
|
|
77
|
-
},
|
|
77
|
+
}, f.prefetchDNS = function(n) {
|
|
78
78
|
typeof n == "string" && c.d.D(n);
|
|
79
|
-
},
|
|
79
|
+
}, f.preinit = function(n, t) {
|
|
80
80
|
if (typeof n == "string" && t && typeof t.as == "string") {
|
|
81
81
|
var o = t.as, r = R(o, t.crossOrigin), e = typeof t.integrity == "string" ? t.integrity : void 0, i = typeof t.fetchPriority == "string" ? t.fetchPriority : void 0;
|
|
82
82
|
o === "style" ? c.d.S(
|
|
@@ -94,7 +94,7 @@ function ue() {
|
|
|
94
94
|
nonce: typeof t.nonce == "string" ? t.nonce : void 0
|
|
95
95
|
});
|
|
96
96
|
}
|
|
97
|
-
},
|
|
97
|
+
}, f.preinitModule = function(n, t) {
|
|
98
98
|
if (typeof n == "string")
|
|
99
99
|
if (typeof t == "object" && t !== null) {
|
|
100
100
|
if (t.as == null || t.as === "script") {
|
|
@@ -109,7 +109,7 @@ function ue() {
|
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
111
|
} else t == null && c.d.M(n);
|
|
112
|
-
},
|
|
112
|
+
}, f.preload = function(n, t) {
|
|
113
113
|
if (typeof n == "string" && typeof t == "object" && t !== null && typeof t.as == "string") {
|
|
114
114
|
var o = t.as, r = R(o, t.crossOrigin);
|
|
115
115
|
c.d.L(n, o, {
|
|
@@ -124,7 +124,7 @@ function ue() {
|
|
|
124
124
|
media: typeof t.media == "string" ? t.media : void 0
|
|
125
125
|
});
|
|
126
126
|
}
|
|
127
|
-
},
|
|
127
|
+
}, f.preloadModule = function(n, t) {
|
|
128
128
|
if (typeof n == "string")
|
|
129
129
|
if (t) {
|
|
130
130
|
var o = R(t.as, t.crossOrigin);
|
|
@@ -134,15 +134,15 @@ function ue() {
|
|
|
134
134
|
integrity: typeof t.integrity == "string" ? t.integrity : void 0
|
|
135
135
|
});
|
|
136
136
|
} else c.d.m(n);
|
|
137
|
-
},
|
|
137
|
+
}, f.requestFormReset = function(n) {
|
|
138
138
|
c.d.r(n);
|
|
139
|
-
},
|
|
139
|
+
}, f.unstable_batchedUpdates = function(n, t) {
|
|
140
140
|
return n(t);
|
|
141
|
-
},
|
|
141
|
+
}, f.useFormState = function(n, t, o) {
|
|
142
142
|
return _.H.useFormState(n, t, o);
|
|
143
|
-
},
|
|
143
|
+
}, f.useFormStatus = function() {
|
|
144
144
|
return _.H.useHostTransitionStatus();
|
|
145
|
-
},
|
|
145
|
+
}, f.version = "19.1.1", f;
|
|
146
146
|
}
|
|
147
147
|
var g = {};
|
|
148
148
|
/**
|
|
@@ -186,7 +186,7 @@ function le() {
|
|
|
186
186
|
if (typeof e == "string")
|
|
187
187
|
return e === "use-credentials" ? e : "";
|
|
188
188
|
}
|
|
189
|
-
function
|
|
189
|
+
function d(r) {
|
|
190
190
|
return r === null ? "`null`" : r === void 0 ? "`undefined`" : r === "" ? "an empty string" : 'something with type "' + typeof r + '"';
|
|
191
191
|
}
|
|
192
192
|
function v(r) {
|
|
@@ -245,16 +245,16 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
245
245
|
v(e)
|
|
246
246
|
) : e != null && typeof e.crossOrigin != "string" && console.error(
|
|
247
247
|
"ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
|
|
248
|
-
|
|
248
|
+
d(e.crossOrigin)
|
|
249
249
|
) : console.error(
|
|
250
250
|
"ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
251
|
-
|
|
251
|
+
d(r)
|
|
252
252
|
), typeof r == "string" && (e ? (e = e.crossOrigin, e = typeof e == "string" ? e === "use-credentials" ? e : "" : void 0) : e = null, n.d.C(r, e));
|
|
253
253
|
}, g.prefetchDNS = function(r) {
|
|
254
254
|
if (typeof r != "string" || !r)
|
|
255
255
|
console.error(
|
|
256
256
|
"ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
257
|
-
|
|
257
|
+
d(r)
|
|
258
258
|
);
|
|
259
259
|
else if (1 < arguments.length) {
|
|
260
260
|
var e = arguments[1];
|
|
@@ -276,7 +276,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
276
276
|
v(e.as)
|
|
277
277
|
) : console.error(
|
|
278
278
|
"ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
279
|
-
|
|
279
|
+
d(r)
|
|
280
280
|
), typeof r == "string" && e && typeof e.as == "string") {
|
|
281
281
|
var i = e.as, y = c(i, e.crossOrigin), O = typeof e.integrity == "string" ? e.integrity : void 0, b = typeof e.fetchPriority == "string" ? e.fetchPriority : void 0;
|
|
282
282
|
i === "style" ? n.d.S(
|
|
@@ -296,7 +296,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
296
296
|
}
|
|
297
297
|
}, g.preinitModule = function(r, e) {
|
|
298
298
|
var i = "";
|
|
299
|
-
if (typeof r == "string" && r || (i += " The `href` argument encountered was " +
|
|
299
|
+
if (typeof r == "string" && r || (i += " The `href` argument encountered was " + d(r) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + d(e) + "." : e && "as" in e && e.as !== "script" && (i += " The `as` option encountered was " + v(e.as) + "."), i)
|
|
300
300
|
console.error(
|
|
301
301
|
"ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
|
|
302
302
|
i
|
|
@@ -322,7 +322,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
322
322
|
})) : e == null && n.d.M(r));
|
|
323
323
|
}, g.preload = function(r, e) {
|
|
324
324
|
var i = "";
|
|
325
|
-
if (typeof r == "string" && r || (i += " The `href` argument encountered was " +
|
|
325
|
+
if (typeof r == "string" && r || (i += " The `href` argument encountered was " + d(r) + "."), e == null || typeof e != "object" ? i += " The `options` argument encountered was " + d(e) + "." : typeof e.as == "string" && e.as || (i += " The `as` option encountered was " + d(e.as) + "."), i && console.error(
|
|
326
326
|
'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
|
|
327
327
|
i
|
|
328
328
|
), typeof r == "string" && typeof e == "object" && e !== null && typeof e.as == "string") {
|
|
@@ -345,7 +345,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
345
345
|
}
|
|
346
346
|
}, g.preloadModule = function(r, e) {
|
|
347
347
|
var i = "";
|
|
348
|
-
typeof r == "string" && r || (i += " The `href` argument encountered was " +
|
|
348
|
+
typeof r == "string" && r || (i += " The `href` argument encountered was " + d(r) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + d(e) + "." : e && "as" in e && typeof e.as != "string" && (i += " The `as` option encountered was " + d(e.as) + "."), i && console.error(
|
|
349
349
|
'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
|
|
350
350
|
i
|
|
351
351
|
), typeof r == "string" && (e ? (i = c(
|
|
@@ -380,16 +380,16 @@ function J() {
|
|
|
380
380
|
}
|
|
381
381
|
process.env.NODE_ENV === "production" ? (J(), B.exports = ue()) : B.exports = le();
|
|
382
382
|
var H = B.exports;
|
|
383
|
-
const
|
|
384
|
-
wrapper:
|
|
385
|
-
tooltip:
|
|
383
|
+
const de = "_wrapper_1n7bd_1", fe = "_tooltip_1n7bd_6", ge = "_open_1n7bd_19", U = {
|
|
384
|
+
wrapper: de,
|
|
385
|
+
tooltip: fe,
|
|
386
386
|
open: ge
|
|
387
387
|
}, ve = ({
|
|
388
388
|
trigger: u,
|
|
389
389
|
children: T,
|
|
390
390
|
position: a = "top",
|
|
391
391
|
delay: c = 0,
|
|
392
|
-
tooltipClassName:
|
|
392
|
+
tooltipClassName: d,
|
|
393
393
|
wrapperClassName: v,
|
|
394
394
|
on: _ = "auto",
|
|
395
395
|
autoAdjust: R = !0,
|
|
@@ -534,7 +534,7 @@ const fe = "_wrapper_1f22n_12", de = "_tooltip_1f22n_17", ge = "_open_1f22n_30",
|
|
|
534
534
|
id: y,
|
|
535
535
|
role: "tooltip",
|
|
536
536
|
"data-position": Z,
|
|
537
|
-
className: q(U.tooltip, U.open,
|
|
537
|
+
className: q(U.tooltip, U.open, d),
|
|
538
538
|
style: {
|
|
539
539
|
"--tooltip-shift-x": `${ee}px`,
|
|
540
540
|
"--tooltip-shift-y": `${te}px`
|