@telia-ace/widget-components-tab-stop 1.3.25-rc.2 → 1.3.25-rc.4

package/index.js

@@ -1 +1 @@
-"use strict";const t=require("@telia-ace/widget-ui"),o=e=>t.createReactComponent(e,"tab-stop",Promise.resolve().then(()=>require("./tab-stop-bd0fb6e0.js")));module.exports=o;
+"use strict";const t=require("@telia-ace/widget-ui"),o=e=>t.createReactComponent(e,"tab-stop",Promise.resolve().then(()=>require("./tab-stop-0c61b1b8.js")));module.exports=o;

package/index.mjs

@@ -1,5 +1,5 @@
 import { createReactComponent as o } from "@telia-ace/widget-ui";
-const p = (t) => o(t, "tab-stop", import("./tab-stop-a53e4966.mjs"));
+const p = (t) => o(t, "tab-stop", import("./tab-stop-bfd62a90.mjs"));
 export {
   p as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-components-tab-stop",
-  "version": "1.3.25-rc.2",
+  "version": "1.3.25-rc.4",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,9 +10,9 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-core": "^1.3.25-rc.2",
-    "@telia-ace/widget-ui": "^1.3.25-rc.2",
-    "@telia-ace/widget-utilities": "^1.3.25-rc.2",
+    "@telia-ace/widget-core": "^1.3.25-rc.4",
+    "@telia-ace/widget-ui": "^1.3.25-rc.4",
+    "@telia-ace/widget-utilities": "^1.3.25-rc.4",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {

package/tab-stop-0c61b1b8.js

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),y=require("@emotion/styled"),f=require("@telia-ace/widget-ui"),w=require("@telia-ace/widget-utilities"),n=require("react"),x=({className:l,...p})=>{const e=n.useRef(),u=f.useContainer(),{position:r="end"}=f.useProperties(),c=n.useRef(r);n.useEffect(()=>{c.current=r},[r]);const a=t=>{const[g]=u.get("widgetDOMElements"),s=Array.from(g.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]):not(.humany-tab-stop):not([tabindex=""])')),m=s.indexOf(t.relatedTarget)<s.indexOf(t.target),o=s.filter(i=>typeof window>"u"?!0:!(window.getComputedStyle(i).display==="none"||i.offsetWidth<=0&&i.offsetHeight<=0)),d=c.current==="end"||m?o[0]:o[o.length-1];d&&d.focus()};return n.useEffect(()=>{const[t]=u.get("widgetDOMElements");return e.current&&t&&e.current.addEventListener("focus",a),()=>{e.current&&e.current.removeEventListener("focus",a)}},[]),b.jsx(E,{...p,tabIndex:0,ref:e,className:w.appendClassNames(l,"humany-tab-stop")})},E=y.div`
+  opacity: 0;
+  position: absolute;
+`;exports.default=x;

package/tab-stop-bfd62a90.mjs

@@ -0,0 +1,41 @@
+import { jsx as b } from "react/jsx-runtime";
+import y from "@emotion/styled";
+import { useContainer as x, useProperties as w } from "@telia-ace/widget-ui";
+import { appendClassNames as E } from "@telia-ace/widget-utilities";
+import { useRef as c, useEffect as d } from "react";
+const A = ({ className: l, ...m }) => {
+  const t = c(), i = x(), { position: n = "end" } = w(), a = c(n);
+  d(() => {
+    a.current = n;
+  }, [n]);
+  const f = (e) => {
+    const [p] = i.get(
+      "widgetDOMElements"
+    ), o = Array.from(
+      p.querySelectorAll(
+        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]):not(.humany-tab-stop):not([tabindex=""])'
+      )
+    ), g = o.indexOf(e.relatedTarget) < o.indexOf(e.target), r = o.filter((s) => typeof window > "u" ? !0 : !(window.getComputedStyle(s).display === "none" || s.offsetWidth <= 0 && s.offsetHeight <= 0)), u = a.current === "end" || g ? r[0] : r[r.length - 1];
+    u && u.focus();
+  };
+  return d(() => {
+    const [e] = i.get("widgetDOMElements");
+    return t.current && e && t.current.addEventListener("focus", f), () => {
+      t.current && t.current.removeEventListener("focus", f);
+    };
+  }, []), /* @__PURE__ */ b(
+    O,
+    {
+      ...m,
+      tabIndex: 0,
+      ref: t,
+      className: E(l, "humany-tab-stop")
+    }
+  );
+}, O = y.div`
+  opacity: 0;
+  position: absolute;
+`;
+export {
+  A as default
+};

package/tab-stop-a53e4966.mjs

@@ -1,39 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import b from "@emotion/styled";
-import { useContainer as g, useProperties as y } from "@telia-ace/widget-ui";
-import { appendClassNames as w } from "@telia-ace/widget-utilities";
-import { useRef as u, useEffect as a } from "react";
-const C = ({ className: d, ...l }) => {
-  const t = u(), s = g(), { position: e = "end" } = y(), i = u(e);
-  a(() => {
-    i.current = e;
-  }, [e]);
-  const c = () => {
-    const [n] = s.get(
-      "widgetDOMElements"
-    ), p = n.querySelectorAll(
-      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]):not(.humany-tab-stop):not([tabindex=""])'
-    ), o = [].filter.call(p, (r) => typeof window > "u" ? !0 : !(window.getComputedStyle(r).display === "none" || r.offsetWidth <= 0 && r.offsetHeight <= 0)), f = i.current === "end" ? o[0] : o[o.length - 1];
-    f && f.focus();
-  };
-  return a(() => {
-    const [n] = s.get("widgetDOMElements");
-    return t.current && n && t.current.addEventListener("focus", c), () => {
-      t.current && t.current.removeEventListener("focus", c);
-    };
-  }, []), /* @__PURE__ */ m(
-    x,
-    {
-      ...l,
-      tabIndex: 0,
-      ref: t,
-      className: w(d, "humany-tab-stop")
-    }
-  );
-}, x = b.div`
-  opacity: 0;
-  position: absolute;
-`;
-export {
-  C as default
-};

package/tab-stop-bd0fb6e0.js

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),b=require("@emotion/styled"),d=require("@telia-ace/widget-ui"),m=require("@telia-ace/widget-utilities"),t=require("react"),y=({className:f,...l})=>{const e=t.useRef(),i=d.useContainer(),{position:n="end"}=d.useProperties(),u=t.useRef(n);t.useEffect(()=>{u.current=n},[n]);const c=()=>{const[s]=i.get("widgetDOMElements"),p=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]):not(.humany-tab-stop):not([tabindex=""])'),r=[].filter.call(p,o=>typeof window>"u"?!0:!(window.getComputedStyle(o).display==="none"||o.offsetWidth<=0&&o.offsetHeight<=0)),a=u.current==="end"?r[0]:r[r.length-1];a&&a.focus()};return t.useEffect(()=>{const[s]=i.get("widgetDOMElements");return e.current&&s&&e.current.addEventListener("focus",c),()=>{e.current&&e.current.removeEventListener("focus",c)}},[]),g.jsx(w,{...l,tabIndex:0,ref:e,className:m.appendClassNames(f,"humany-tab-stop")})},w=b.div`
-  opacity: 0;
-  position: absolute;
-`;exports.default=y;