@sps-woodland/focused-task 8.10.1 → 8.10.3

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