@sps-woodland/focused-task 8.10.4 → 8.11.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.
Files changed (2) hide show
  1. package/lib/index.es.js +123 -66
  2. package/package.json +7 -7
package/lib/index.es.js CHANGED
@@ -19,7 +19,8 @@ function V(e) {
19
19
  }
20
20
  function et(e) {
21
21
  let [t, n] = K(e), r = y(null), o = V(() => {
22
- if (!r.current) return;
22
+ if (!r.current)
23
+ return;
23
24
  let a = r.current.next();
24
25
  if (a.done) {
25
26
  r.current = null;
@@ -101,7 +102,8 @@ function ke(e) {
101
102
  }), o;
102
103
  }
103
104
  function dt(e, t) {
104
- if (e === t) return e;
105
+ if (e === t)
106
+ return e;
105
107
  let n = J.get(e);
106
108
  if (n)
107
109
  return n(t), t;
@@ -125,7 +127,8 @@ function ft(e = []) {
125
127
  }
126
128
  function X(...e) {
127
129
  return (...t) => {
128
- for (let n of e) typeof n == "function" && n(...t);
130
+ for (let n of e)
131
+ typeof n == "function" && n(...t);
129
132
  };
130
133
  }
131
134
  const g = (e) => {
@@ -134,15 +137,21 @@ const g = (e) => {
134
137
  }, Y = (e) => e && "window" in e && e.window === e ? e : g(e).defaultView || window;
135
138
  function Le(e) {
136
139
  var t, n, r = "";
137
- if (typeof e == "string" || typeof e == "number") r += e;
138
- else if (typeof e == "object") if (Array.isArray(e)) {
139
- var o = e.length;
140
- for (t = 0; t < o; t++) e[t] && (n = Le(e[t])) && (r && (r += " "), r += n);
141
- } else for (n in e) e[n] && (r && (r += " "), r += n);
140
+ if (typeof e == "string" || typeof e == "number")
141
+ r += e;
142
+ else if (typeof e == "object")
143
+ if (Array.isArray(e)) {
144
+ var o = e.length;
145
+ for (t = 0; t < o; t++)
146
+ e[t] && (n = Le(e[t])) && (r && (r += " "), r += n);
147
+ } else
148
+ for (n in e)
149
+ e[n] && (r && (r += " "), r += n);
142
150
  return r;
143
151
  }
144
152
  function pt() {
145
- for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (t = Le(e)) && (r && (r += " "), r += t);
153
+ for (var e, t, n = 0, r = "", o = arguments.length; n < o; n++)
154
+ (e = arguments[n]) && (t = Le(e)) && (r && (r += " "), r += t);
146
155
  return r;
147
156
  }
148
157
  function vt(...e) {
@@ -179,13 +188,15 @@ const bt = /* @__PURE__ */ new Set([
179
188
  ]), ht = /^(data-.*)$/;
180
189
  function Et(e, t = {}) {
181
190
  let { labelable: n, isLink: r, propNames: o } = t, i = {};
182
- for (const a in e) Object.prototype.hasOwnProperty.call(e, a) && (bt.has(a) || n && mt.has(a) || r && $t.has(a) || o != null && o.has(a) || ht.test(a)) && (i[a] = e[a]);
191
+ for (const a in e)
192
+ Object.prototype.hasOwnProperty.call(e, a) && (bt.has(a) || n && mt.has(a) || r && $t.has(a) || o != null && o.has(a) || ht.test(a)) && (i[a] = e[a]);
183
193
  return i;
184
194
  }
185
195
  function $e(e) {
186
- if (gt()) e.focus({
187
- preventScroll: !0
188
- });
196
+ if (gt())
197
+ e.focus({
198
+ preventScroll: !0
199
+ });
189
200
  else {
190
201
  let t = wt(e);
191
202
  e.focus(), yt(t);
@@ -250,21 +261,25 @@ function Ft() {
250
261
  }
251
262
  let M = /* @__PURE__ */ new Map(), ie = /* @__PURE__ */ new Set();
252
263
  function he() {
253
- if (typeof window > "u") return;
264
+ if (typeof window > "u")
265
+ return;
254
266
  function e(r) {
255
267
  return "propertyName" in r;
256
268
  }
257
269
  let t = (r) => {
258
- if (!e(r) || !r.target) return;
270
+ if (!e(r) || !r.target)
271
+ return;
259
272
  let o = M.get(r.target);
260
273
  o || (o = /* @__PURE__ */ new Set(), M.set(r.target, o), r.target.addEventListener("transitioncancel", n, {
261
274
  once: !0
262
275
  })), o.add(r.propertyName);
263
276
  }, n = (r) => {
264
- if (!e(r) || !r.target) return;
277
+ if (!e(r) || !r.target)
278
+ return;
265
279
  let o = M.get(r.target);
266
280
  if (o && (o.delete(r.propertyName), o.size === 0 && (r.target.removeEventListener("transitioncancel", n), M.delete(r.target)), M.size === 0)) {
267
- for (let i of ie) i();
281
+ for (let i of ie)
282
+ i();
268
283
  ie.clear();
269
284
  }
270
285
  };
@@ -282,7 +297,8 @@ function Ee(e, t) {
282
297
  }
283
298
  function Oe(e, t) {
284
299
  let n = e;
285
- for (Ee(n, t) && (n = n.parentElement); n && !Ee(n, t); ) n = n.parentElement;
300
+ for (Ee(n, t) && (n = n.parentElement); n && !Ee(n, t); )
301
+ n = n.parentElement;
286
302
  return n || document.scrollingElement || document.documentElement;
287
303
  }
288
304
  function kt(e) {
@@ -394,7 +410,8 @@ function Mt(e) {
394
410
  }
395
411
  let j = null, Dt = /* @__PURE__ */ new Set(), H = /* @__PURE__ */ new Map(), O = !1, le = !1;
396
412
  function de(e, t) {
397
- for (let n of Dt) n(e, t);
413
+ for (let n of Dt)
414
+ n(e, t);
398
415
  }
399
416
  function At(e) {
400
417
  return !(e.metaKey || !Ce() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
@@ -415,7 +432,8 @@ function We() {
415
432
  O = !1, le = !0;
416
433
  }
417
434
  function ge(e) {
418
- if (typeof window > "u" || H.get(Y(e))) return;
435
+ if (typeof window > "u" || H.get(Y(e)))
436
+ return;
419
437
  const t = Y(e), n = g(e);
420
438
  let r = t.HTMLElement.prototype.focus;
421
439
  t.HTMLElement.prototype.focus = function() {
@@ -483,7 +501,8 @@ function Rt(e) {
483
501
  });
484
502
  P(() => {
485
503
  let u = i.current;
486
- if (r) return;
504
+ if (r)
505
+ return;
487
506
  const l = t.current, s = g(l);
488
507
  if (typeof PointerEvent < "u") {
489
508
  let f = (p) => {
@@ -510,10 +529,12 @@ function Rt(e) {
510
529
  ]);
511
530
  }
512
531
  function z(e, t) {
513
- if (e.button > 0) return !1;
532
+ if (e.button > 0)
533
+ return !1;
514
534
  if (e.target) {
515
535
  const n = e.target.ownerDocument;
516
- if (!n || !n.documentElement.contains(e.target) || e.target.closest("[data-react-aria-top-layer]")) return !1;
536
+ if (!n || !n.documentElement.contains(e.target) || e.target.closest("[data-react-aria-top-layer]"))
537
+ return !1;
517
538
  }
518
539
  return t.current && !t.current.contains(e.target);
519
540
  }
@@ -524,11 +545,13 @@ function se(e) {
524
545
  Pt(() => {
525
546
  t.activeElement === n && e.isConnected && $e(e);
526
547
  });
527
- } else $e(e);
548
+ } else
549
+ $e(e);
528
550
  }
529
551
  function Ht(e) {
530
552
  const t = Y(e);
531
- if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement)) return !1;
553
+ if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement))
554
+ return !1;
532
555
  let { display: n, visibility: r } = e.style, o = n !== "none" && r !== "hidden" && r !== "collapse";
533
556
  if (o) {
534
557
  const { getComputedStyle: i } = e.ownerDocument.defaultView;
@@ -579,7 +602,8 @@ function Kt(e) {
579
602
  const p = g(c.current ? c.current[0] : void 0).activeElement;
580
603
  let b = null;
581
604
  if (w(p, c.current)) {
582
- for (let v of $.traverse()) v.scopeRef && w(p, v.scopeRef.current) && (b = v);
605
+ for (let v of $.traverse())
606
+ v.scopeRef && w(p, v.scopeRef.current) && (b = v);
583
607
  b === $.getTreeNode(c) && (m = b.scopeRef);
584
608
  }
585
609
  }, [
@@ -673,7 +697,8 @@ function C(e) {
673
697
  function I(e) {
674
698
  let t = $.getTreeNode(m);
675
699
  for (; t && t.scopeRef !== e; ) {
676
- if (t.contain) return !1;
700
+ if (t.contain)
701
+ return !1;
677
702
  t = t.parent;
678
703
  }
679
704
  return !0;
@@ -688,13 +713,16 @@ function _t(e, t) {
688
713
  }
689
714
  const i = g(o ? o[0] : void 0);
690
715
  let a = (l) => {
691
- if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !I(e) || l.isComposing) return;
716
+ if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !I(e) || l.isComposing)
717
+ return;
692
718
  let s = i.activeElement, f = e.current;
693
- if (!f || !w(s, f)) return;
719
+ if (!f || !w(s, f))
720
+ return;
694
721
  let p = C(f), b = L(p, {
695
722
  tabbable: !0
696
723
  }, f);
697
- if (!s) return;
724
+ if (!s)
725
+ return;
698
726
  b.currentNode = s;
699
727
  let v = l.shiftKey ? b.previousNode() : b.nextNode();
700
728
  v || (b.currentNode = l.shiftKey ? f[f.length - 1].nextElementSibling : f[0].previousElementSibling, v = l.shiftKey ? b.previousNode() : b.nextNode()), l.preventDefault(), v && F(v, !0);
@@ -706,7 +734,8 @@ function _t(e, t) {
706
734
  if (m = e, i.body.contains(l.target)) {
707
735
  var s;
708
736
  n.current = l.target, (s = n.current) === null || s === void 0 || s.focus();
709
- } else m.current && te(m.current);
737
+ } else
738
+ m.current && te(m.current);
710
739
  });
711
740
  };
712
741
  return i.addEventListener("keydown", a, !1), i.addEventListener("focusin", c, !1), o == null || o.forEach((l) => l.addEventListener("focusin", c, !1)), o == null || o.forEach((l) => l.addEventListener("focusout", u, !1)), () => {
@@ -728,9 +757,11 @@ function w(e, t) {
728
757
  return !e || !t ? !1 : t.some((n) => n.contains(e));
729
758
  }
730
759
  function Z(e, t = null) {
731
- if (e instanceof Element && e.closest("[data-react-aria-top-layer]")) return !0;
760
+ if (e instanceof Element && e.closest("[data-react-aria-top-layer]"))
761
+ return !0;
732
762
  for (let { scopeRef: n } of $.traverse($.getTreeNode(t)))
733
- if (n && w(e, n.current)) return !0;
763
+ if (n && w(e, n.current))
764
+ return !0;
734
765
  return !1;
735
766
  }
736
767
  function Gt(e) {
@@ -740,20 +771,23 @@ function ee(e, t) {
740
771
  var n;
741
772
  let r = (n = $.getTreeNode(t)) === null || n === void 0 ? void 0 : n.parent;
742
773
  for (; r; ) {
743
- if (r.scopeRef === e) return !0;
774
+ if (r.scopeRef === e)
775
+ return !0;
744
776
  r = r.parent;
745
777
  }
746
778
  return !1;
747
779
  }
748
780
  function F(e, t = !1) {
749
- if (e != null && !t) try {
750
- se(e);
751
- } catch {
752
- }
753
- else if (e != null) try {
754
- e.focus();
755
- } catch {
756
- }
781
+ if (e != null && !t)
782
+ try {
783
+ se(e);
784
+ } catch {
785
+ }
786
+ else if (e != null)
787
+ try {
788
+ e.focus();
789
+ } catch {
790
+ }
757
791
  }
758
792
  function te(e, t = !0) {
759
793
  let n = e[0].previousElementSibling, r = C(e), o = L(r, {
@@ -780,7 +814,8 @@ function Ut(e, t) {
780
814
  }
781
815
  function Jt(e, t, n) {
782
816
  E(() => {
783
- if (t || n) return;
817
+ if (t || n)
818
+ return;
784
819
  let r = e.current;
785
820
  const o = g(r ? r[0] : void 0);
786
821
  let i = (a) => {
@@ -799,7 +834,8 @@ function Jt(e, t, n) {
799
834
  function Xt(e) {
800
835
  let t = $.getTreeNode(m);
801
836
  for (; t && t.scopeRef !== e; ) {
802
- if (t.nodeToRestore) return !1;
837
+ if (t.nodeToRestore)
838
+ return !1;
803
839
  t = t.parent;
804
840
  }
805
841
  return (t == null ? void 0 : t.scopeRef) === e;
@@ -809,7 +845,8 @@ function Yt(e, t, n) {
809
845
  E(() => {
810
846
  let o = e.current;
811
847
  const i = g(o ? o[0] : void 0);
812
- if (!t || n) return;
848
+ if (!t || n)
849
+ return;
813
850
  let a = () => {
814
851
  (!m || ee(m, e)) && w(i.activeElement, e.current) && (m = e);
815
852
  };
@@ -821,13 +858,17 @@ function Yt(e, t, n) {
821
858
  n
822
859
  ]), E(() => {
823
860
  const o = g(e.current ? e.current[0] : void 0);
824
- if (!t) return;
861
+ if (!t)
862
+ return;
825
863
  let i = (a) => {
826
- if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !I(e) || a.isComposing) return;
864
+ if (a.key !== "Tab" || a.altKey || a.ctrlKey || a.metaKey || !I(e) || a.isComposing)
865
+ return;
827
866
  let c = o.activeElement;
828
- if (!w(c, e.current)) return;
867
+ if (!w(c, e.current))
868
+ return;
829
869
  let u = $.getTreeNode(e);
830
- if (!u) return;
870
+ if (!u)
871
+ return;
831
872
  let l = u.nodeToRestore, s = L(o.body, {
832
873
  tabbable: !0
833
874
  });
@@ -850,13 +891,15 @@ function Yt(e, t, n) {
850
891
  n
851
892
  ]), E(() => {
852
893
  const o = g(e.current ? e.current[0] : void 0);
853
- if (!t) return;
894
+ if (!t)
895
+ return;
854
896
  let i = $.getTreeNode(e);
855
897
  if (i) {
856
898
  var a;
857
899
  return i.nodeToRestore = (a = r.current) !== null && a !== void 0 ? a : void 0, () => {
858
900
  let c = $.getTreeNode(e);
859
- if (!c) return;
901
+ if (!c)
902
+ return;
860
903
  let u = c.nodeToRestore;
861
904
  if (t && u && // eslint-disable-next-line react-hooks/exhaustive-deps
862
905
  (w(o.activeElement, e.current) || o.activeElement === o.body && Xt(e))) {
@@ -906,7 +949,8 @@ class pe {
906
949
  }
907
950
  addTreeNode(t, n, r) {
908
951
  let o = this.fastMap.get(n ?? null);
909
- if (!o) return;
952
+ if (!o)
953
+ return;
910
954
  let i = new ce({
911
955
  scopeRef: t
912
956
  });
@@ -916,23 +960,29 @@ class pe {
916
960
  this.fastMap.set(t.scopeRef, t);
917
961
  }
918
962
  removeTreeNode(t) {
919
- if (t === null) return;
963
+ if (t === null)
964
+ return;
920
965
  let n = this.fastMap.get(t);
921
- if (!n) return;
966
+ if (!n)
967
+ return;
922
968
  let r = n.parent;
923
- for (let i of this.traverse()) i !== n && n.nodeToRestore && i.nodeToRestore && n.scopeRef && n.scopeRef.current && w(i.nodeToRestore, n.scopeRef.current) && (i.nodeToRestore = n.nodeToRestore);
969
+ for (let i of this.traverse())
970
+ i !== n && n.nodeToRestore && i.nodeToRestore && n.scopeRef && n.scopeRef.current && w(i.nodeToRestore, n.scopeRef.current) && (i.nodeToRestore = n.nodeToRestore);
924
971
  let o = n.children;
925
972
  r && (r.removeChild(n), o.size > 0 && o.forEach((i) => r && r.addChild(i))), this.fastMap.delete(n.scopeRef);
926
973
  }
927
974
  // Pre Order Depth First
928
975
  *traverse(t = this.root) {
929
- if (t.scopeRef != null && (yield t), t.children.size > 0) for (let n of t.children) yield* this.traverse(n);
976
+ if (t.scopeRef != null && (yield t), t.children.size > 0)
977
+ for (let n of t.children)
978
+ yield* this.traverse(n);
930
979
  }
931
980
  clone() {
932
981
  var t;
933
982
  let n = new pe();
934
983
  var r;
935
- for (let o of this.traverse()) n.addTreeNode(o.scopeRef, (r = (t = o.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && r !== void 0 ? r : null, o.nodeToRestore);
984
+ for (let o of this.traverse())
985
+ n.addTreeNode(o.scopeRef, (r = (t = o.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && r !== void 0 ? r : null, o.nodeToRestore);
936
986
  return n;
937
987
  }
938
988
  constructor() {
@@ -1065,7 +1115,8 @@ function on() {
1065
1115
  }));
1066
1116
  }));
1067
1117
  }, a = null, c = () => {
1068
- if (a) return;
1118
+ if (a)
1119
+ return;
1069
1120
  let l = () => {
1070
1121
  window.scrollTo(0, 0);
1071
1122
  }, s = window.pageXOffset, f = window.pageYOffset;
@@ -1114,11 +1165,14 @@ function Te(e) {
1114
1165
  let B = /* @__PURE__ */ new WeakMap(), T = [];
1115
1166
  function an(e, t = document.body) {
1116
1167
  let n = new Set(e), r = /* @__PURE__ */ new Set(), o = (u) => {
1117
- for (let p of u.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) n.add(p);
1168
+ for (let p of u.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
1169
+ n.add(p);
1118
1170
  let l = (p) => {
1119
- if (n.has(p) || r.has(p.parentElement) && p.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
1171
+ if (n.has(p) || r.has(p.parentElement) && p.parentElement.getAttribute("role") !== "row")
1172
+ return NodeFilter.FILTER_REJECT;
1120
1173
  for (let b of n)
1121
- if (p.contains(b)) return NodeFilter.FILTER_SKIP;
1174
+ if (p.contains(b))
1175
+ return NodeFilter.FILTER_SKIP;
1122
1176
  return NodeFilter.FILTER_ACCEPT;
1123
1177
  }, s = document.createTreeWalker(u, NodeFilter.SHOW_ELEMENT, {
1124
1178
  acceptNode: l
@@ -1140,7 +1194,8 @@ function an(e, t = document.body) {
1140
1194
  ...n,
1141
1195
  ...r
1142
1196
  ].some((s) => s.contains(l.target))) {
1143
- for (let s of l.removedNodes) s instanceof Element && (n.delete(s), r.delete(s));
1197
+ for (let s of l.removedNodes)
1198
+ s instanceof Element && (n.delete(s), r.delete(s));
1144
1199
  for (let s of l.addedNodes)
1145
1200
  (s instanceof HTMLElement || s instanceof SVGElement) && (s.dataset.liveAnnouncer === "true" || s.dataset.reactAriaTopLayer === "true") ? n.add(s) : s instanceof Element && o(s);
1146
1201
  }
@@ -1183,7 +1238,8 @@ function cn(e) {
1183
1238
  o,
1184
1239
  i
1185
1240
  ]), { getContainer: c } = sn();
1186
- if (!e.portalContainer && c && (n = c()), !n) return null;
1241
+ if (!e.portalContainer && c && (n = c()), !n)
1242
+ return null;
1187
1243
  let u = e.children;
1188
1244
  return e.disableFocusManagement || (u = /* @__PURE__ */ h.createElement(Kt, {
1189
1245
  restoreFocus: !0,
@@ -1209,9 +1265,10 @@ function un(e, t, n) {
1209
1265
  return nn({
1210
1266
  isDisabled: !t.isOpen
1211
1267
  }), Ve(), P(() => {
1212
- if (t.isOpen) return an([
1213
- n.current
1214
- ]);
1268
+ if (t.isOpen)
1269
+ return an([
1270
+ n.current
1271
+ ]);
1215
1272
  }, [
1216
1273
  t.isOpen,
1217
1274
  n
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sps-woodland/focused-task",
3
3
  "description": "SPS Woodland Design System focused task component",
4
- "version": "8.10.4",
4
+ "version": "8.11.1",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/focused-task",
@@ -29,9 +29,9 @@
29
29
  "@spscommerce/utils": "^7.0.0",
30
30
  "react": "^16.9.0",
31
31
  "react-dom": "^16.9.0",
32
- "@sps-woodland/buttons": "8.10.4",
33
- "@sps-woodland/core": "8.10.4",
34
- "@sps-woodland/tokens": "8.10.4"
32
+ "@sps-woodland/buttons": "8.11.1",
33
+ "@sps-woodland/core": "8.11.1",
34
+ "@sps-woodland/tokens": "8.11.1"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@spscommerce/utils": "^7.0.0",
@@ -42,9 +42,9 @@
42
42
  "@vanilla-extract/vite-plugin": "^3.6.0",
43
43
  "react": "^16.9.0",
44
44
  "react-dom": "^16.9.0",
45
- "@sps-woodland/buttons": "8.10.4",
46
- "@sps-woodland/core": "8.10.4",
47
- "@sps-woodland/tokens": "8.10.4"
45
+ "@sps-woodland/buttons": "8.11.1",
46
+ "@sps-woodland/core": "8.11.1",
47
+ "@sps-woodland/tokens": "8.11.1"
48
48
  },
49
49
  "dependencies": {
50
50
  "react-aria": "^3.21.0",