@sps-woodland/buttons 8.11.2 → 8.12.1
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/lib/index.es.js +36 -70
- package/package.json +6 -6
package/lib/index.es.js
CHANGED
@@ -18,8 +18,7 @@ function F(e) {
|
|
18
18
|
}
|
19
19
|
let pe = /* @__PURE__ */ new Map();
|
20
20
|
function Ge(e, t) {
|
21
|
-
if (e === t)
|
22
|
-
return e;
|
21
|
+
if (e === t) return e;
|
23
22
|
let r = pe.get(e);
|
24
23
|
if (r)
|
25
24
|
return r(t), t;
|
@@ -28,8 +27,7 @@ function Ge(e, t) {
|
|
28
27
|
}
|
29
28
|
function we(...e) {
|
30
29
|
return (...t) => {
|
31
|
-
for (let r of e)
|
32
|
-
typeof r == "function" && r(...t);
|
30
|
+
for (let r of e) typeof r == "function" && r(...t);
|
33
31
|
};
|
34
32
|
}
|
35
33
|
const _ = (e) => {
|
@@ -38,21 +36,15 @@ const _ = (e) => {
|
|
38
36
|
}, se = (e) => e && "window" in e && e.window === e ? e : _(e).defaultView || window;
|
39
37
|
function xe(e) {
|
40
38
|
var t, r, o = "";
|
41
|
-
if (typeof e == "string" || typeof e == "number")
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
for (t = 0; t < i; t++)
|
47
|
-
e[t] && (r = xe(e[t])) && (o && (o += " "), o += r);
|
48
|
-
} else
|
49
|
-
for (r in e)
|
50
|
-
e[r] && (o && (o += " "), o += r);
|
39
|
+
if (typeof e == "string" || typeof e == "number") o += e;
|
40
|
+
else if (typeof e == "object") if (Array.isArray(e)) {
|
41
|
+
var i = e.length;
|
42
|
+
for (t = 0; t < i; t++) e[t] && (r = xe(e[t])) && (o && (o += " "), o += r);
|
43
|
+
} else for (r in e) e[r] && (o && (o += " "), o += r);
|
51
44
|
return o;
|
52
45
|
}
|
53
46
|
function Ve() {
|
54
|
-
for (var e, t, r = 0, o = "", i = arguments.length; r < i; r++)
|
55
|
-
(e = arguments[r]) && (t = xe(e)) && (o && (o += " "), o += t);
|
47
|
+
for (var e, t, r = 0, o = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = xe(e)) && (o && (o += " "), o += t);
|
56
48
|
return o;
|
57
49
|
}
|
58
50
|
function H(...e) {
|
@@ -89,15 +81,13 @@ const We = /* @__PURE__ */ new Set([
|
|
89
81
|
]), ze = /^(data-.*)$/;
|
90
82
|
function Xe(e, t = {}) {
|
91
83
|
let { labelable: r, isLink: o, propNames: i } = t, p = {};
|
92
|
-
for (const u in e)
|
93
|
-
Object.prototype.hasOwnProperty.call(e, u) && (We.has(u) || r && je.has(u) || o && Ye.has(u) || i != null && i.has(u) || ze.test(u)) && (p[u] = e[u]);
|
84
|
+
for (const u in e) Object.prototype.hasOwnProperty.call(e, u) && (We.has(u) || r && je.has(u) || o && Ye.has(u) || i != null && i.has(u) || ze.test(u)) && (p[u] = e[u]);
|
94
85
|
return p;
|
95
86
|
}
|
96
87
|
function U(e) {
|
97
|
-
if (qe())
|
98
|
-
|
99
|
-
|
100
|
-
});
|
88
|
+
if (qe()) e.focus({
|
89
|
+
preventScroll: !0
|
90
|
+
});
|
101
91
|
else {
|
102
92
|
let t = Je(e);
|
103
93
|
e.focus(), Qe(t);
|
@@ -192,25 +182,21 @@ function R(e, t, r = !0) {
|
|
192
182
|
R.isOpening = !1;
|
193
183
|
let L = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Set();
|
194
184
|
function de() {
|
195
|
-
if (typeof window > "u")
|
196
|
-
return;
|
185
|
+
if (typeof window > "u") return;
|
197
186
|
function e(o) {
|
198
187
|
return "propertyName" in o;
|
199
188
|
}
|
200
189
|
let t = (o) => {
|
201
|
-
if (!e(o) || !o.target)
|
202
|
-
return;
|
190
|
+
if (!e(o) || !o.target) return;
|
203
191
|
let i = L.get(o.target);
|
204
192
|
i || (i = /* @__PURE__ */ new Set(), L.set(o.target, i), o.target.addEventListener("transitioncancel", r, {
|
205
193
|
once: !0
|
206
194
|
})), i.add(o.propertyName);
|
207
195
|
}, r = (o) => {
|
208
|
-
if (!e(o) || !o.target)
|
209
|
-
return;
|
196
|
+
if (!e(o) || !o.target) return;
|
210
197
|
let i = L.get(o.target);
|
211
198
|
if (i && (i.delete(o.propertyName), i.size === 0 && (o.target.removeEventListener("transitioncancel", r), L.delete(o.target)), L.size === 0)) {
|
212
|
-
for (let p of ie)
|
213
|
-
p();
|
199
|
+
for (let p of ie) p();
|
214
200
|
ie.clear();
|
215
201
|
}
|
216
202
|
};
|
@@ -274,13 +260,11 @@ function me(e) {
|
|
274
260
|
ae = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
|
275
261
|
}
|
276
262
|
M = "disabled";
|
277
|
-
} else
|
278
|
-
(e instanceof HTMLElement || e instanceof SVGElement) && (z.set(e, e.style.userSelect), e.style.userSelect = "none");
|
263
|
+
} else (e instanceof HTMLElement || e instanceof SVGElement) && (z.set(e, e.style.userSelect), e.style.userSelect = "none");
|
279
264
|
}
|
280
265
|
function V(e) {
|
281
266
|
if (Ne()) {
|
282
|
-
if (M !== "disabled")
|
283
|
-
return;
|
267
|
+
if (M !== "disabled") return;
|
284
268
|
M = "restoring", setTimeout(() => {
|
285
269
|
rt(() => {
|
286
270
|
if (M === "restoring") {
|
@@ -303,8 +287,7 @@ function at(e, t) {
|
|
303
287
|
return t.get ? t.get.call(e) : t.value;
|
304
288
|
}
|
305
289
|
function Ce(e, t, r) {
|
306
|
-
if (!t.has(e))
|
307
|
-
throw new TypeError("attempted to " + r + " private field on non-instance");
|
290
|
+
if (!t.has(e)) throw new TypeError("attempted to " + r + " private field on non-instance");
|
308
291
|
return t.get(e);
|
309
292
|
}
|
310
293
|
function lt(e, t) {
|
@@ -319,8 +302,7 @@ function ct(e, t, r) {
|
|
319
302
|
ut(e, t), t.set(e, r);
|
320
303
|
}
|
321
304
|
function pt(e, t, r) {
|
322
|
-
if (t.set)
|
323
|
-
t.set.call(e, r);
|
305
|
+
if (t.set) t.set.call(e, r);
|
324
306
|
else {
|
325
307
|
if (!t.writable)
|
326
308
|
throw new TypeError("attempted to set read only private field");
|
@@ -382,8 +364,7 @@ function ft(e) {
|
|
382
364
|
pointerType: null
|
383
365
|
}), { addGlobalListener: $, removeAllGlobalListeners: S } = ot(), P = F((n, f) => {
|
384
366
|
let B = T.current;
|
385
|
-
if (u || B.didFirePressStart)
|
386
|
-
return !1;
|
367
|
+
if (u || B.didFirePressStart) return !1;
|
387
368
|
let l = !0;
|
388
369
|
if (B.isTriggeringEvent = !0, o) {
|
389
370
|
let v = new j("pressstart", f, n);
|
@@ -392,8 +373,7 @@ function ft(e) {
|
|
392
373
|
return r && r(!0), B.isTriggeringEvent = !1, B.didFirePressStart = !0, w(!0), l;
|
393
374
|
}), E = F((n, f, B = !0) => {
|
394
375
|
let l = T.current;
|
395
|
-
if (!l.didFirePressStart)
|
396
|
-
return !1;
|
376
|
+
if (!l.didFirePressStart) return !1;
|
397
377
|
l.ignoreClickAfterPress = !0, l.didFirePressStart = !1, l.isTriggeringEvent = !0;
|
398
378
|
let v = !0;
|
399
379
|
if (i) {
|
@@ -407,8 +387,7 @@ function ft(e) {
|
|
407
387
|
return l.isTriggeringEvent = !1, v;
|
408
388
|
}), O = F((n, f) => {
|
409
389
|
let B = T.current;
|
410
|
-
if (u)
|
411
|
-
return !1;
|
390
|
+
if (u) return !1;
|
412
391
|
if (p) {
|
413
392
|
B.isTriggeringEvent = !0;
|
414
393
|
let l = new j("pressup", f, n);
|
@@ -435,8 +414,7 @@ function ft(e) {
|
|
435
414
|
$(_(l.currentTarget), "keyup", we(k, B), !0);
|
436
415
|
}
|
437
416
|
s && l.stopPropagation(), l.metaKey && q() && ((v = n.metaKeyEvents) === null || v === void 0 || v.set(l.key, l.nativeEvent));
|
438
|
-
} else
|
439
|
-
l.key === "Meta" && (n.metaKeyEvents = /* @__PURE__ */ new Map());
|
417
|
+
} else l.key === "Meta" && (n.metaKeyEvents = /* @__PURE__ */ new Map());
|
440
418
|
},
|
441
419
|
onClick(l) {
|
442
420
|
if (!(l && !l.currentTarget.contains(l.target)) && l && l.button === 0 && !n.isTriggeringEvent && !R.isOpening) {
|
@@ -460,14 +438,12 @@ function ft(e) {
|
|
460
438
|
var a;
|
461
439
|
let k = n.metaKeyEvents;
|
462
440
|
n.metaKeyEvents = void 0;
|
463
|
-
for (let K of k.values())
|
464
|
-
(a = n.target) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent("keyup", K));
|
441
|
+
for (let K of k.values()) (a = n.target) === null || a === void 0 || a.dispatchEvent(new KeyboardEvent("keyup", K));
|
465
442
|
}
|
466
443
|
};
|
467
444
|
if (typeof PointerEvent < "u") {
|
468
445
|
f.onPointerDown = (a) => {
|
469
|
-
if (a.button !== 0 || !a.currentTarget.contains(a.target))
|
470
|
-
return;
|
446
|
+
if (a.button !== 0 || !a.currentTarget.contains(a.target)) return;
|
471
447
|
if (it(a.nativeEvent)) {
|
472
448
|
n.pointerType = "virtual";
|
473
449
|
return;
|
@@ -492,21 +468,18 @@ function ft(e) {
|
|
492
468
|
};
|
493
469
|
} else {
|
494
470
|
f.onMouseDown = (s) => {
|
495
|
-
if (s.button !== 0 || !s.currentTarget.contains(s.target))
|
496
|
-
return;
|
471
|
+
if (s.button !== 0 || !s.currentTarget.contains(s.target)) return;
|
497
472
|
if (re(s.currentTarget) && s.preventDefault(), n.ignoreEmulatedMouseEvents) {
|
498
473
|
s.stopPropagation();
|
499
474
|
return;
|
500
475
|
}
|
501
476
|
n.isPressed = !0, n.isOverTarget = !0, n.target = s.currentTarget, n.pointerType = fe(s.nativeEvent) ? "virtual" : "mouse", !u && !b && U(s.currentTarget), P(s, n.pointerType) && s.stopPropagation(), $(_(s.currentTarget), "mouseup", l, !1);
|
502
477
|
}, f.onMouseEnter = (s) => {
|
503
|
-
if (!s.currentTarget.contains(s.target))
|
504
|
-
return;
|
478
|
+
if (!s.currentTarget.contains(s.target)) return;
|
505
479
|
let a = !0;
|
506
480
|
n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !0, a = P(s, n.pointerType)), a && s.stopPropagation();
|
507
481
|
}, f.onMouseLeave = (s) => {
|
508
|
-
if (!s.currentTarget.contains(s.target))
|
509
|
-
return;
|
482
|
+
if (!s.currentTarget.contains(s.target)) return;
|
510
483
|
let a = !0;
|
511
484
|
n.isPressed && !n.ignoreEmulatedMouseEvents && n.pointerType != null && (n.isOverTarget = !1, a = E(s, n.pointerType, !1), I(s)), a && s.stopPropagation();
|
512
485
|
}, f.onMouseUp = (s) => {
|
@@ -522,15 +495,12 @@ function ft(e) {
|
|
522
495
|
}
|
523
496
|
};
|
524
497
|
f.onTouchStart = (s) => {
|
525
|
-
if (!s.currentTarget.contains(s.target))
|
526
|
-
return;
|
498
|
+
if (!s.currentTarget.contains(s.target)) return;
|
527
499
|
let a = mt(s.nativeEvent);
|
528
|
-
if (!a)
|
529
|
-
return;
|
500
|
+
if (!a) return;
|
530
501
|
n.activePointerId = a.identifier, n.ignoreEmulatedMouseEvents = !0, n.isOverTarget = !0, n.isPressed = !0, n.target = s.currentTarget, n.pointerType = "touch", !u && !b && U(s.currentTarget), g || me(n.target), P(s, n.pointerType) && s.stopPropagation(), $(se(s.currentTarget), "scroll", v, !0);
|
531
502
|
}, f.onTouchMove = (s) => {
|
532
|
-
if (!s.currentTarget.contains(s.target))
|
533
|
-
return;
|
503
|
+
if (!s.currentTarget.contains(s.target)) return;
|
534
504
|
if (!n.isPressed) {
|
535
505
|
s.stopPropagation();
|
536
506
|
return;
|
@@ -538,8 +508,7 @@ function ft(e) {
|
|
538
508
|
let a = ve(s.nativeEvent, n.activePointerId), k = !0;
|
539
509
|
a && A(a, s.currentTarget) ? !n.isOverTarget && n.pointerType != null && (n.isOverTarget = !0, k = P(s, n.pointerType)) : n.isOverTarget && n.pointerType != null && (n.isOverTarget = !1, k = E(s, n.pointerType, !1), I(s)), k && s.stopPropagation();
|
540
510
|
}, f.onTouchEnd = (s) => {
|
541
|
-
if (!s.currentTarget.contains(s.target))
|
542
|
-
return;
|
511
|
+
if (!s.currentTarget.contains(s.target)) return;
|
543
512
|
if (!n.isPressed) {
|
544
513
|
s.stopPropagation();
|
545
514
|
return;
|
@@ -601,8 +570,7 @@ function ve(e, t) {
|
|
601
570
|
const r = e.changedTouches;
|
602
571
|
for (let o = 0; o < r.length; o++) {
|
603
572
|
const i = r[o];
|
604
|
-
if (i.identifier === t)
|
605
|
-
return i;
|
573
|
+
if (i.identifier === t) return i;
|
606
574
|
}
|
607
575
|
return null;
|
608
576
|
}
|
@@ -676,8 +644,7 @@ function ht(e) {
|
|
676
644
|
X(yt, []);
|
677
645
|
let { hoverProps: b, triggerHoverEnd: h } = $e(() => {
|
678
646
|
let g = (m, w) => {
|
679
|
-
if (d.pointerType = w, i || w === "touch" || d.isHovered || !m.currentTarget.contains(m.target))
|
680
|
-
return;
|
647
|
+
if (d.pointerType = w, i || w === "touch" || d.isHovered || !m.currentTarget.contains(m.target)) return;
|
681
648
|
d.isHovered = !0;
|
682
649
|
let T = m.currentTarget;
|
683
650
|
d.target = T, t && t({
|
@@ -686,8 +653,7 @@ function ht(e) {
|
|
686
653
|
pointerType: w
|
687
654
|
}), r && r(!0), u(!0);
|
688
655
|
}, D = (m, w) => {
|
689
|
-
if (d.pointerType = "", d.target = null, w === "touch" || !d.isHovered)
|
690
|
-
return;
|
656
|
+
if (d.pointerType = "", d.target = null, w === "touch" || !d.isHovered) return;
|
691
657
|
d.isHovered = !1;
|
692
658
|
let T = m.currentTarget;
|
693
659
|
o && o({
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@sps-woodland/buttons",
|
3
3
|
"description": "SPS Woodland Design System button components",
|
4
|
-
"version": "8.
|
4
|
+
"version": "8.12.1",
|
5
5
|
"author": "SPS Commerce",
|
6
6
|
"license": "UNLICENSED",
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/buttons",
|
@@ -30,8 +30,8 @@
|
|
30
30
|
"@spscommerce/utils": "^7.0.0",
|
31
31
|
"react": "^16.9.0",
|
32
32
|
"react-dom": "^16.9.0",
|
33
|
-
"@sps-woodland/core": "8.
|
34
|
-
"@sps-woodland/tokens": "8.
|
33
|
+
"@sps-woodland/core": "8.12.1",
|
34
|
+
"@sps-woodland/tokens": "8.12.1"
|
35
35
|
},
|
36
36
|
"devDependencies": {
|
37
37
|
"@react-aria/button": "^3.3.5",
|
@@ -42,8 +42,8 @@
|
|
42
42
|
"@vanilla-extract/recipes": "^0.2.5",
|
43
43
|
"react": "^16.9.0",
|
44
44
|
"react-dom": "^16.9.0",
|
45
|
-
"@sps-woodland/core": "8.
|
46
|
-
"@sps-woodland/tokens": "8.
|
45
|
+
"@sps-woodland/core": "8.12.1",
|
46
|
+
"@sps-woodland/tokens": "8.12.1"
|
47
47
|
},
|
48
48
|
"dependencies": {
|
49
49
|
"@react-aria/button": "^3.7.0",
|
@@ -58,6 +58,6 @@
|
|
58
58
|
"build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
|
59
59
|
"watch": "vite build --watch",
|
60
60
|
"clean": "git clean -fdX",
|
61
|
-
"pub": "node ../../../scripts/publish-package.
|
61
|
+
"pub": "node ../../../scripts/publish-package.mjs"
|
62
62
|
}
|
63
63
|
}
|