@caseparts-org/caseblocks 0.0.20 → 0.0.22
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_11jol_1{box-sizing:border-box;cursor:pointer;width:var(--spacing-2-5);height:var(--spacing-2-5);padding:var(--spacing-0-5);border-width:0;border-radius:0px var(--spacing-0-125) var(--spacing-0-125) 0px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:inherit;color:var(--icons-icon-search)}._text_11jol_16{flex:1;position:relative;border:none;border-radius:40px;outline:none;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);background:var(--surface-surface-searchBar, #f6f6f6);padding:0px var(--spacing-0-5) 0px var(--spacing-0-5)}._text_11jol_16::placeholder{font-style:italic;font-weight:var(--font-weight-light);color:var(--text-text-search-bar)}._input_11jol_33{flex:1;padding:0px 0px 0px var(--spacing-0-5);box-sizing:border-box}._inputSearch_11jol_38{flex:1;border-radius:var(--spacing-0-125)}._searchfield_11jol_42{flex:1;height:var(--spacing-2-5);border-radius:var(--spacing-2-5);overflow:hidden;background-color:var(--surface-surface-search-bar)}._searchBox_11jol_49{flex:1;width:100%;min-width:250px;height:var(--spacing-2-5);position:relative;border-radius:var(--spacing-2-5);overflow:hidden;text-align:left;background-color:var(--surface-surface-search-bar)}
|
package/dist/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._content_lgc5i_1{box-shadow:8px 8px 12px #00000026;background-color:#fff;padding:var(--spacing-1);box-sizing:border-box;width:max-content;border:1px solid var(--color-neutrals-neutral-1);border-radius:4px;z-index:9999}
|
|
@@ -3,7 +3,7 @@ import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
|
3
3
|
import { Flex as r } from "../../atoms/Flex/Flex.js";
|
|
4
4
|
import { getHideAtStyles as u } from "../../atoms/HideAt.js";
|
|
5
5
|
import { Icon as f } from "../../atoms/Icon/Icon.js";
|
|
6
|
-
import '../../assets/SearchBox.css';const p = "
|
|
6
|
+
import '../../assets/SearchBox.css';const p = "_button_11jol_1", x = "_text_11jol_16", _ = "_input_11jol_33", d = "_inputSearch_11jol_38", g = "_searchfield_11jol_42", b = "_searchBox_11jol_49", t = {
|
|
7
7
|
button: p,
|
|
8
8
|
text: x,
|
|
9
9
|
input: _,
|
|
@@ -11,30 +11,30 @@ import '../../assets/SearchBox.css';const p = "_button_1izj4_1", x = "_text_1izj
|
|
|
11
11
|
searchfield: g,
|
|
12
12
|
searchBox: b
|
|
13
13
|
};
|
|
14
|
-
function
|
|
15
|
-
onSearch:
|
|
16
|
-
inputName:
|
|
14
|
+
function N({
|
|
15
|
+
onSearch: n,
|
|
16
|
+
inputName: o,
|
|
17
17
|
hideAt: s,
|
|
18
|
-
className:
|
|
19
|
-
...
|
|
18
|
+
className: a,
|
|
19
|
+
...i
|
|
20
20
|
}) {
|
|
21
21
|
return /* @__PURE__ */ e(
|
|
22
22
|
r,
|
|
23
23
|
{
|
|
24
24
|
flexDirection: "row",
|
|
25
25
|
alignItems: "center",
|
|
26
|
-
className: h(t.searchBox, u(s),
|
|
27
|
-
...
|
|
26
|
+
className: h(t.searchBox, u(s), a),
|
|
27
|
+
...i,
|
|
28
28
|
children: /* @__PURE__ */ e(
|
|
29
29
|
r,
|
|
30
30
|
{
|
|
31
31
|
flexDirection: "row",
|
|
32
32
|
alignItems: "center",
|
|
33
33
|
className: t.searchfield,
|
|
34
|
-
children: /* @__PURE__ */ e("div", { className: t.inputSearch, children: /* @__PURE__ */ e("form", { onSubmit: (
|
|
35
|
-
|
|
36
|
-
const l = (new FormData(
|
|
37
|
-
|
|
34
|
+
children: /* @__PURE__ */ e("div", { className: t.inputSearch, children: /* @__PURE__ */ e("form", { onSubmit: (c) => {
|
|
35
|
+
c.preventDefault();
|
|
36
|
+
const l = (new FormData(c.currentTarget).get(o ?? "search") || "").trim();
|
|
37
|
+
n(l);
|
|
38
38
|
}, children: /* @__PURE__ */ m(
|
|
39
39
|
r,
|
|
40
40
|
{
|
|
@@ -49,7 +49,7 @@ function D({
|
|
|
49
49
|
type: "text",
|
|
50
50
|
className: t.text,
|
|
51
51
|
placeholder: "Search by keyword(s) or Part #....",
|
|
52
|
-
name:
|
|
52
|
+
name: o ?? "search"
|
|
53
53
|
}
|
|
54
54
|
)
|
|
55
55
|
]
|
|
@@ -61,5 +61,5 @@ function D({
|
|
|
61
61
|
);
|
|
62
62
|
}
|
|
63
63
|
export {
|
|
64
|
-
|
|
64
|
+
N as SearchBox
|
|
65
65
|
};
|
|
@@ -169,11 +169,11 @@ function We() {
|
|
|
169
169
|
var y = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
|
|
170
170
|
try {
|
|
171
171
|
i(y);
|
|
172
|
-
var
|
|
172
|
+
var g = !1;
|
|
173
173
|
} catch {
|
|
174
|
-
|
|
174
|
+
g = !0;
|
|
175
175
|
}
|
|
176
|
-
return
|
|
176
|
+
return g && (console.error(
|
|
177
177
|
"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
|
|
178
178
|
typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.constructor.name || "Object"
|
|
179
179
|
), i(y)), {
|
|
@@ -281,18 +281,18 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
281
281
|
"ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
|
|
282
282
|
f(r)
|
|
283
283
|
), typeof r == "string" && e && typeof e.as == "string") {
|
|
284
|
-
var o = e.as, y = a(o, e.crossOrigin),
|
|
284
|
+
var o = e.as, y = a(o, e.crossOrigin), g = typeof e.integrity == "string" ? e.integrity : void 0, w = typeof e.fetchPriority == "string" ? e.fetchPriority : void 0;
|
|
285
285
|
o === "style" ? n.d.S(
|
|
286
286
|
r,
|
|
287
287
|
typeof e.precedence == "string" ? e.precedence : void 0,
|
|
288
288
|
{
|
|
289
289
|
crossOrigin: y,
|
|
290
|
-
integrity:
|
|
290
|
+
integrity: g,
|
|
291
291
|
fetchPriority: w
|
|
292
292
|
}
|
|
293
293
|
) : o === "script" && n.d.X(r, {
|
|
294
294
|
crossOrigin: y,
|
|
295
|
-
integrity:
|
|
295
|
+
integrity: g,
|
|
296
296
|
fetchPriority: w,
|
|
297
297
|
nonce: typeof e.nonce == "string" ? e.nonce : void 0
|
|
298
298
|
});
|
|
@@ -491,7 +491,7 @@ var Ze = function(i, c) {
|
|
|
491
491
|
}
|
|
492
492
|
}
|
|
493
493
|
}, nt = ["top left", "top center", "top right", "right top", "right center", "right bottom", "bottom left", "bottom center", "bottom right", "left top", "left center", "left bottom"], ot = function(i, c, a, f, d) {
|
|
494
|
-
var p = d.offsetX, m = d.offsetY, n = f ? 8 : 0, t = a.split(" "), l = i.top + i.height / 2, r = i.left + i.width / 2, e = c.height, o = c.width, y = l - e / 2,
|
|
494
|
+
var p = d.offsetX, m = d.offsetY, n = f ? 8 : 0, t = a.split(" "), l = i.top + i.height / 2, r = i.left + i.width / 2, e = c.height, o = c.width, y = l - e / 2, g = r - o / 2, w = "", R = "0%", k = "0%";
|
|
495
495
|
switch (t[0]) {
|
|
496
496
|
case "top":
|
|
497
497
|
y -= e / 2 + i.height / 2 + n, w = "rotate(180deg) translateX(50%)", R = "100%", k = "50%";
|
|
@@ -500,10 +500,10 @@ var Ze = function(i, c) {
|
|
|
500
500
|
y += e / 2 + i.height / 2 + n, w = "rotate(0deg) translateY(-100%) translateX(-50%)", k = "50%";
|
|
501
501
|
break;
|
|
502
502
|
case "left":
|
|
503
|
-
|
|
503
|
+
g -= o / 2 + i.width / 2 + n, w = " rotate(90deg) translateY(50%) translateX(-25%)", k = "100%", R = "50%";
|
|
504
504
|
break;
|
|
505
505
|
case "right":
|
|
506
|
-
|
|
506
|
+
g += o / 2 + i.width / 2 + n, w = "rotate(-90deg) translateY(-150%) translateX(25%)", R = "50%";
|
|
507
507
|
break;
|
|
508
508
|
}
|
|
509
509
|
switch (t[1]) {
|
|
@@ -514,15 +514,15 @@ var Ze = function(i, c) {
|
|
|
514
514
|
y = i.top - e + i.height, R = e - i.height / 2 + "px";
|
|
515
515
|
break;
|
|
516
516
|
case "left":
|
|
517
|
-
|
|
517
|
+
g = i.left, k = i.width / 2 + "px";
|
|
518
518
|
break;
|
|
519
519
|
case "right":
|
|
520
|
-
|
|
520
|
+
g = i.left - o + i.width, k = o - i.width / 2 + "px";
|
|
521
521
|
break;
|
|
522
522
|
}
|
|
523
|
-
return y = t[0] === "top" ? y - m : y + m,
|
|
523
|
+
return y = t[0] === "top" ? y - m : y + m, g = t[0] === "left" ? g - p : g + p, {
|
|
524
524
|
top: y,
|
|
525
|
-
left:
|
|
525
|
+
left: g,
|
|
526
526
|
transform: w,
|
|
527
527
|
arrowLeft: k,
|
|
528
528
|
arrowTop: R
|
|
@@ -574,9 +574,9 @@ var Ze = function(i, c) {
|
|
|
574
574
|
}, lt = /* @__PURE__ */ Xe(function(s, i) {
|
|
575
575
|
var c = s.trigger, a = c === void 0 ? null : c, f = s.onOpen, d = f === void 0 ? function() {
|
|
576
576
|
} : f, p = s.onClose, m = p === void 0 ? function() {
|
|
577
|
-
} : p, n = s.defaultOpen, t = n === void 0 ? !1 : n, l = s.open, r = l === void 0 ? void 0 : l, e = s.disabled, o = e === void 0 ? !1 : e, y = s.nested,
|
|
577
|
+
} : p, n = s.defaultOpen, t = n === void 0 ? !1 : n, l = s.open, r = l === void 0 ? void 0 : l, e = s.disabled, o = e === void 0 ? !1 : e, y = s.nested, g = y === void 0 ? !1 : y, w = s.closeOnDocumentClick, R = w === void 0 ? !0 : w, k = s.repositionOnResize, we = k === void 0 ? !0 : k, W = s.closeOnEscape, Te = W === void 0 ? !0 : W, J = s.on, I = J === void 0 ? ["click"] : J, Q = s.contentStyle, Re = Q === void 0 ? {} : Q, Z = s.arrowStyle, X = Z === void 0 ? {} : Z, B = s.overlayStyle, De = B === void 0 ? {} : B, ee = s.className, A = ee === void 0 ? "" : ee, te = s.position, ke = te === void 0 ? "bottom center" : te, re = s.modal, ne = re === void 0 ? !1 : re, oe = s.lockScroll, ie = oe === void 0 ? !1 : oe, ae = s.arrow, F = ae === void 0 ? !0 : ae, se = s.offsetX, Ce = se === void 0 ? 0 : se, ce = s.offsetY, Le = ce === void 0 ? 0 : ce, le = s.mouseEnterDelay, Pe = le === void 0 ? 100 : le, ue = s.mouseLeaveDelay, Me = ue === void 0 ? 100 : ue, fe = s.keepTooltipInside, Ae = fe === void 0 ? !1 : fe, z = s.children, de = Fe(r || t), D = de[0], pe = de[1], C = N(null), b = N(null), P = N(null), ye = N(null), ge = N("popup-" + ++st), S = ne ? !0 : !a, j = N(0);
|
|
578
578
|
rt(function() {
|
|
579
|
-
return D ? (ye.current = document.activeElement,
|
|
579
|
+
return D ? (ye.current = document.activeElement, ve(), je(), xe()) : Ie(), function() {
|
|
580
580
|
clearTimeout(j.current);
|
|
581
581
|
};
|
|
582
582
|
}, [D]), x(function() {
|
|
@@ -608,8 +608,8 @@ var Ze = function(i, c) {
|
|
|
608
608
|
}, Ie = function() {
|
|
609
609
|
S && ie && (document.getElementsByTagName("body")[0].style.overflow = "auto");
|
|
610
610
|
}, je = function() {
|
|
611
|
-
var u, _ = b == null || (u = b.current) === null || u === void 0 ? void 0 : u.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]'),
|
|
612
|
-
|
|
611
|
+
var u, _ = b == null || (u = b.current) === null || u === void 0 ? void 0 : u.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex="0"]'), v = Array.prototype.slice.call(_)[0];
|
|
612
|
+
v == null || v.focus();
|
|
613
613
|
};
|
|
614
614
|
Ge(i, function() {
|
|
615
615
|
return {
|
|
@@ -624,26 +624,26 @@ var Ze = function(i, c) {
|
|
|
624
624
|
}
|
|
625
625
|
};
|
|
626
626
|
});
|
|
627
|
-
var
|
|
627
|
+
var ve = function() {
|
|
628
628
|
if (!(S || !D) && !(!(C != null && C.current) || !(C != null && C.current) || !(b != null && b.current))) {
|
|
629
|
-
var u = C.current.getBoundingClientRect(), _ = b.current.getBoundingClientRect(),
|
|
629
|
+
var u = C.current.getBoundingClientRect(), _ = b.current.getBoundingClientRect(), v = at(u, _, ke, F, {
|
|
630
630
|
offsetX: Ce,
|
|
631
631
|
offsetY: Le
|
|
632
632
|
}, Ae);
|
|
633
|
-
if (b.current.style.top =
|
|
633
|
+
if (b.current.style.top = v.top + window.scrollY + "px", b.current.style.left = v.left + window.scrollX + "px", F && P.current) {
|
|
634
634
|
var M, $;
|
|
635
|
-
P.current.style.transform =
|
|
635
|
+
P.current.style.transform = v.transform, P.current.style.setProperty("-ms-transform", v.transform), P.current.style.setProperty("-webkit-transform", v.transform), P.current.style.top = ((M = X.top) === null || M === void 0 ? void 0 : M.toString()) || v.arrowTop, P.current.style.left = (($ = X.left) === null || $ === void 0 ? void 0 : $.toString()) || v.arrowLeft;
|
|
636
636
|
}
|
|
637
637
|
}
|
|
638
638
|
};
|
|
639
|
-
Ze(L, Te), tt(b, D && S), Be(
|
|
639
|
+
Ze(L, Te), tt(b, D && S), Be(ve, we), et(a ? [b, C] : [b], L, R && !g);
|
|
640
640
|
var $e = function() {
|
|
641
641
|
for (var u = {
|
|
642
642
|
key: "T",
|
|
643
643
|
ref: C,
|
|
644
|
-
"aria-describedby":
|
|
645
|
-
}, _ = Array.isArray(I) ? I : [I],
|
|
646
|
-
switch (_[
|
|
644
|
+
"aria-describedby": ge.current
|
|
645
|
+
}, _ = Array.isArray(I) ? I : [I], v = 0, M = _.length; v < M; v++)
|
|
646
|
+
switch (_[v]) {
|
|
647
647
|
case "click":
|
|
648
648
|
u.onClick = V;
|
|
649
649
|
break;
|
|
@@ -664,8 +664,8 @@ var Ze = function(i, c) {
|
|
|
664
664
|
return !!a && T.cloneElement(a, u);
|
|
665
665
|
}, He = function() {
|
|
666
666
|
var u = S ? H.popupContent.modal : H.popupContent.tooltip, _ = {
|
|
667
|
-
className: "popup-content " + (A !== "" ? A.split(" ").map(function(
|
|
668
|
-
return
|
|
667
|
+
className: "popup-content " + (A !== "" ? A.split(" ").map(function(v) {
|
|
668
|
+
return v + "-content";
|
|
669
669
|
}).join(" ") : ""),
|
|
670
670
|
style: Y({}, u, Re, {
|
|
671
671
|
pointerEvents: "auto"
|
|
@@ -680,7 +680,7 @@ var Ze = function(i, c) {
|
|
|
680
680
|
return T.createElement("div", Object.assign({}, He(), {
|
|
681
681
|
key: "C",
|
|
682
682
|
role: S ? "dialog" : "tooltip",
|
|
683
|
-
id:
|
|
683
|
+
id: ge.current
|
|
684
684
|
}), F && !S && T.createElement("div", {
|
|
685
685
|
ref: P,
|
|
686
686
|
style: H.popupArrow
|
|
@@ -705,14 +705,14 @@ var Ze = function(i, c) {
|
|
|
705
705
|
return h + "-overlay";
|
|
706
706
|
}).join(" ") : ""),
|
|
707
707
|
style: Y({}, ze, De, {
|
|
708
|
-
pointerEvents: R &&
|
|
708
|
+
pointerEvents: R && g || S ? "auto" : "none"
|
|
709
709
|
}),
|
|
710
|
-
onClick: R &&
|
|
710
|
+
onClick: R && g ? L : void 0,
|
|
711
711
|
tabIndex: -1
|
|
712
712
|
}, S && me()), !S && me()];
|
|
713
713
|
return T.createElement(T.Fragment, null, $e(), D && Qe.createPortal(Ue, ct()));
|
|
714
714
|
});
|
|
715
|
-
const ut = "
|
|
715
|
+
const ut = "_content_lgc5i_1", be = {
|
|
716
716
|
content: ut
|
|
717
717
|
}, yt = ({
|
|
718
718
|
tooltipClassName: s,
|