@telia-ace/widget-components-tab-stop 1.0.13 → 1.0.14

package/dist/index.js

@@ -1,6 +1,6 @@
-import { createReactComponent } from "@telia-ace/widget-ui";
-const TabStopComponent = (container) => {
-  return createReactComponent(container, "tab-stop", import("./tab-stop.js"));
+import { createReactComponent as o } from "@telia-ace/widget-ui";
+const p = (t) => o(t, "tab-stop", import("./tab-stop.403c4dee.js"));
+export {
+  p as default
 };
-export { TabStopComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/tab-stop-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type TabStopComponentProps = {\r\n    position: 'start' | 'end';\r\n};\r\n\r\nconst TabStopComponent = (container: Container) => {\r\n    return createReactComponent(container, 'tab-stop', import('./tab-stop'));\r\n};\r\n\r\nexport default TabStopComponent;\r\n"],"names":[],"mappings":";AAOM,MAAA,mBAAmB,CAAC,cAAyB;AAC/C,SAAO,qBAAqB,WAAW,YAAY,OAAO,gBAAa;AAC3E;;"}
+{"version":3,"file":"index.js","sources":["../src/tab-stop-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type TabStopComponentProps = {\r\n    position: 'start' | 'end';\r\n};\r\n\r\nconst TabStopComponent = (container: Container) => {\r\n    return createReactComponent(container, 'tab-stop', import('./tab-stop'));\r\n};\r\n\r\nexport default TabStopComponent;\r\n"],"names":[],"mappings":";AAOM,MAAA,IAAmB,CAAC,MACf,EAAqB,GAAW,YAAY,OAAO,yBAAa;"}

package/dist/tab-stop.403c4dee.js

@@ -0,0 +1,53 @@
+var D = Object.defineProperty, M = Object.defineProperties;
+var O = Object.getOwnPropertyDescriptors;
+var s = Object.getOwnPropertySymbols;
+var g = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var m = (e, t, n) => t in e ? D(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, b = (e, t) => {
+  for (var n in t || (t = {}))
+    g.call(t, n) && m(e, n, t[n]);
+  if (s)
+    for (var n of s(t))
+      y.call(t, n) && m(e, n, t[n]);
+  return e;
+}, w = (e, t) => M(e, O(t));
+var E = (e, t) => {
+  var n = {};
+  for (var o in e)
+    g.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
+  if (e != null && s)
+    for (var o of s(e))
+      t.indexOf(o) < 0 && y.call(e, o) && (n[o] = e[o]);
+  return n;
+};
+import { useContainer as C, useProperties as R } from "@telia-ace/widget-ui";
+import { appendClassNames as S } from "@telia-ace/widget-utilities";
+import H, { useRef as h, useEffect as x } from "react";
+import L from "styled-components";
+const j = (n) => {
+  var o = n, { className: e } = o, t = E(o, ["className"]);
+  const r = h(), f = C(), { position: i = "end" } = R(), d = h(i);
+  x(() => {
+    d.current = i;
+  }, [i]);
+  const l = () => {
+    const [c] = f.get("widgetDOMElements"), v = c.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]):not(.humany-tab-stop)'), a = [].filter.call(v, (u) => typeof window == "undefined" ? !0 : !(window.getComputedStyle(u).display === "none" || u.offsetWidth <= 0 && u.offsetHeight <= 0)), p = d.current === "end" ? a[0] : a[a.length - 1];
+    p && p.focus();
+  };
+  return x(() => {
+    const [c] = f.get("widgetDOMElements");
+    return r.current && c && r.current.addEventListener("focus", l), () => {
+      r.current && r.current.removeEventListener("focus", l);
+    };
+  }, []), /* @__PURE__ */ H.createElement(N, w(b({}, t), {
+    tabIndex: 0,
+    ref: r,
+    className: S(e, "humany-tab-stop")
+  }));
+}, N = L.div`
+    opacity: 0;
+    position: absolute;
+`;
+export {
+  j as default
+};
+//# sourceMappingURL=tab-stop.403c4dee.js.map

package/dist/tab-stop.403c4dee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-stop.403c4dee.js","sources":["../src/tab-stop.tsx"],"sourcesContent":["import { useContainer, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { useEffect, useRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport { TabStopComponentProps } from './tab-stop-component';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst TabStop: React.SFC<Props> = ({ className, ...other }) => {\r\n    const node = useRef() as React.MutableRefObject<HTMLDivElement>;\r\n    const container = useContainer();\r\n    const { position = 'end' } = useProperties<TabStopComponentProps>();\r\n    const positionRef = useRef(position) as React.MutableRefObject<'start' | 'end'>;\r\n\r\n    useEffect(() => {\r\n        positionRef.current = position;\r\n    }, [position]);\r\n\r\n    const focusHandler = () => {\r\n        const [widgetDOMElement] = container.get('widgetDOMElements') as HTMLElement[];\r\n\r\n        const focusable = widgetDOMElement.querySelectorAll(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]):not(.humany-tab-stop)'\r\n        );\r\n\r\n        // ensure that elements is visible\r\n        const filtered = [].filter.call(focusable, (el: HTMLElement) => {\r\n            if (typeof window === 'undefined') {\r\n                return true;\r\n            }\r\n\r\n            const style = window.getComputedStyle(el);\r\n            if (style.display === 'none' || (el.offsetWidth <= 0 && el.offsetHeight <= 0)) {\r\n                return false;\r\n            }\r\n            return true;\r\n        }) as HTMLElement[];\r\n\r\n        const target = positionRef.current === 'end' ? filtered[0] : filtered[filtered.length - 1];\r\n\r\n        if (target) {\r\n            target.focus();\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        const [widgetDOMElement] = container.get('widgetDOMElements');\r\n\r\n        if (node.current && widgetDOMElement) {\r\n            node.current.addEventListener('focus', focusHandler);\r\n        }\r\n\r\n        return () => {\r\n            if (node.current) {\r\n                node.current.removeEventListener('focus', focusHandler);\r\n            }\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <Wrapper\r\n            {...other}\r\n            tabIndex={0}\r\n            ref={node}\r\n            className={appendClassNames(className, 'humany-tab-stop')}\r\n        />\r\n    );\r\n};\r\n\r\nexport default TabStop;\r\n\r\nconst Wrapper = styled.div`\r\n    opacity: 0;\r\n    position: absolute;\r\n`;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,IAA4B,CAAC,MAA4B;AAA5B,aAAE,mBAAF,GAAgB,MAAhB,GAAgB,CAAd;AACjC,QAAM,IAAO,KACP,IAAY,KACZ,EAAE,cAAW,UAAU,EAAqC,GAC5D,IAAc,EAAO,CAAQ;AAEnC,IAAU,MAAM;AACZ,MAAY,UAAU;AAAA,EAAA,GACvB,CAAC,CAAQ,CAAC;AAEb,QAAM,IAAe,MAAM;AACvB,UAAM,CAAC,KAAoB,EAAU,IAAI,mBAAmB,GAEtD,IAAY,EAAiB,iBAC/B,gGACJ,GAGM,IAAW,CAAA,EAAG,OAAO,KAAK,GAAW,CAAC,MACpC,OAAO,UAAW,cACX,KAIP,EADU,OAAO,iBAAiB,CAAE,EAC9B,YAAY,UAAW,EAAG,eAAe,KAAK,EAAG,gBAAgB,EAI9E,GAEK,IAAS,EAAY,YAAY,QAAQ,EAAS,KAAK,EAAS,EAAS,SAAS;AAExF,IAAI,KACA,EAAO,MAAM;AAAA,EACjB;AAGJ,WAAU,MAAM;AACZ,UAAM,CAAC,KAAoB,EAAU,IAAI,mBAAmB;AAExD,WAAA,EAAK,WAAW,KACX,EAAA,QAAQ,iBAAiB,SAAS,CAAY,GAGhD,MAAM;AACT,MAAI,EAAK,WACA,EAAA,QAAQ,oBAAoB,SAAS,CAAY;AAAA,IAC1D;AAAA,EAER,GAAG,CAAE,CAAA,GAGA,kBAAA,cAAA,GAAA,QACO,IADP;AAAA,IAEG,UAAU;AAAA,IACV,KAAK;AAAA,IACL,WAAW,EAAiB,GAAW,iBAAiB;AAAA,EAAA,EAC5D;AAER,GAIM,IAAU,EAAO;AAAA;AAAA;AAAA;"}

package/package.json

@@ -1,14 +1,17 @@
 {
     "name": "@telia-ace/widget-components-tab-stop",
-    "version": "1.0.13",
+    "version": "1.0.14",
     "description": "Tab stop component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "source": "src/index.ts",
-    "module": "dist/index.js",
+    "exports": {
+        "development": "./src/index.ts",
+        "default": "./dist/index.js"
+    },
+    "type": "module",
     "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
@@ -25,7 +28,7 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/widget-ui": "^1.0.17",
+        "@telia-ace/widget-ui": "^1.0.18",
         "@telia-ace/widget-utilities": "^1.0.2",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -39,5 +42,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "b6c2eb6fec7cd0c8e4334ab7a8e0087422fe1964"
+    "gitHead": "4006655a78d8f0379c021e4362536dcdf881b3d0"
 }

package/dist/tab-stop.js

@@ -1,85 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { useContainer, useProperties } from "@telia-ace/widget-ui";
-import { appendClassNames } from "@telia-ace/widget-utilities";
-import React, { useRef, useEffect } from "react";
-import styled from "styled-components";
-const TabStop = (_a) => {
-  var _b = _a, { className } = _b, other = __objRest(_b, ["className"]);
-  const node = useRef();
-  const container = useContainer();
-  const { position = "end" } = useProperties();
-  const positionRef = useRef(position);
-  useEffect(() => {
-    positionRef.current = position;
-  }, [position]);
-  const focusHandler = () => {
-    const [widgetDOMElement] = container.get("widgetDOMElements");
-    const focusable = widgetDOMElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]):not(.humany-tab-stop)');
-    const filtered = [].filter.call(focusable, (el) => {
-      if (typeof window === "undefined") {
-        return true;
-      }
-      const style = window.getComputedStyle(el);
-      if (style.display === "none" || el.offsetWidth <= 0 && el.offsetHeight <= 0) {
-        return false;
-      }
-      return true;
-    });
-    const target = positionRef.current === "end" ? filtered[0] : filtered[filtered.length - 1];
-    if (target) {
-      target.focus();
-    }
-  };
-  useEffect(() => {
-    const [widgetDOMElement] = container.get("widgetDOMElements");
-    if (node.current && widgetDOMElement) {
-      node.current.addEventListener("focus", focusHandler);
-    }
-    return () => {
-      if (node.current) {
-        node.current.removeEventListener("focus", focusHandler);
-      }
-    };
-  }, []);
-  return /* @__PURE__ */ React.createElement(Wrapper, __spreadProps(__spreadValues({}, other), {
-    tabIndex: 0,
-    ref: node,
-    className: appendClassNames(className, "humany-tab-stop")
-  }));
-};
-const Wrapper = styled.div`
-    opacity: 0;
-    position: absolute;
-`;
-export { TabStop as default };
-//# sourceMappingURL=tab-stop.js.map

package/dist/tab-stop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-stop.js","sources":["../src/tab-stop.tsx"],"sourcesContent":["import { useContainer, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { useEffect, useRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport { TabStopComponentProps } from './tab-stop-component';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst TabStop: React.SFC<Props> = ({ className, ...other }) => {\r\n    const node = useRef() as React.MutableRefObject<HTMLDivElement>;\r\n    const container = useContainer();\r\n    const { position = 'end' } = useProperties<TabStopComponentProps>();\r\n    const positionRef = useRef(position) as React.MutableRefObject<'start' | 'end'>;\r\n\r\n    useEffect(() => {\r\n        positionRef.current = position;\r\n    }, [position]);\r\n\r\n    const focusHandler = () => {\r\n        const [widgetDOMElement] = container.get('widgetDOMElements') as HTMLElement[];\r\n\r\n        const focusable = widgetDOMElement.querySelectorAll(\r\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"]):not(.humany-tab-stop)'\r\n        );\r\n\r\n        // ensure that elements is visible\r\n        const filtered = [].filter.call(focusable, (el: HTMLElement) => {\r\n            if (typeof window === 'undefined') {\r\n                return true;\r\n            }\r\n\r\n            const style = window.getComputedStyle(el);\r\n            if (style.display === 'none' || (el.offsetWidth <= 0 && el.offsetHeight <= 0)) {\r\n                return false;\r\n            }\r\n            return true;\r\n        }) as HTMLElement[];\r\n\r\n        const target = positionRef.current === 'end' ? filtered[0] : filtered[filtered.length - 1];\r\n\r\n        if (target) {\r\n            target.focus();\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        const [widgetDOMElement] = container.get('widgetDOMElements');\r\n\r\n        if (node.current && widgetDOMElement) {\r\n            node.current.addEventListener('focus', focusHandler);\r\n        }\r\n\r\n        return () => {\r\n            if (node.current) {\r\n                node.current.removeEventListener('focus', focusHandler);\r\n            }\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <Wrapper\r\n            {...other}\r\n            tabIndex={0}\r\n            ref={node}\r\n            className={appendClassNames(className, 'humany-tab-stop')}\r\n        />\r\n    );\r\n};\r\n\r\nexport default TabStop;\r\n\r\nconst Wrapper = styled.div`\r\n    opacity: 0;\r\n    position: absolute;\r\n`;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,UAA4B,CAAC,OAA4B;AAA5B,eAAE,gBAAF,IAAgB,kBAAhB,IAAgB,CAAd;AACjC,QAAM,OAAO;AACb,QAAM,YAAY;AACZ,QAAA,EAAE,WAAW,UAAU,cAAqC;AAC5D,QAAA,cAAc,OAAO,QAAQ;AAEnC,YAAU,MAAM;AACZ,gBAAY,UAAU;AAAA,EAAA,GACvB,CAAC,QAAQ,CAAC;AAEb,QAAM,eAAe,MAAM;AACvB,UAAM,CAAC,oBAAoB,UAAU,IAAI,mBAAmB;AAEtD,UAAA,YAAY,iBAAiB,iBAC/B,gGACJ;AAGA,UAAM,WAAW,CAAA,EAAG,OAAO,KAAK,WAAW,CAAC,OAAoB;AACxD,UAAA,OAAO,WAAW,aAAa;AACxB,eAAA;AAAA,MACX;AAEM,YAAA,QAAQ,OAAO,iBAAiB,EAAE;AACpC,UAAA,MAAM,YAAY,UAAW,GAAG,eAAe,KAAK,GAAG,gBAAgB,GAAI;AACpE,eAAA;AAAA,MACX;AACO,aAAA;AAAA,IAAA,CACV;AAEK,UAAA,SAAS,YAAY,YAAY,QAAQ,SAAS,KAAK,SAAS,SAAS,SAAS;AAExF,QAAI,QAAQ;AACR,aAAO,MAAM;AAAA,IACjB;AAAA,EAAA;AAGJ,YAAU,MAAM;AACZ,UAAM,CAAC,oBAAoB,UAAU,IAAI,mBAAmB;AAExD,QAAA,KAAK,WAAW,kBAAkB;AAC7B,WAAA,QAAQ,iBAAiB,SAAS,YAAY;AAAA,IACvD;AAEA,WAAO,MAAM;AACT,UAAI,KAAK,SAAS;AACT,aAAA,QAAQ,oBAAoB,SAAS,YAAY;AAAA,MAC1D;AAAA,IAAA;AAAA,EAER,GAAG,CAAE,CAAA;AAEL,SACK,sBAAA,cAAA,SAAA,iCACO,QADP;AAAA,IAEG,UAAU;AAAA,IACV,KAAK;AAAA,IACL,WAAW,iBAAiB,WAAW,iBAAiB;AAAA,EAAA,EAC5D;AAER;AAIA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;;"}