@telia-ace/widget-components-back-link 1.1.1-rc.2 → 1.1.1-rc.3

package/back-link-406bc5a8.mjs

@@ -0,0 +1,100 @@
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import c from "@emotion/styled";
+import { linkTabStyle as f, useDispatch as w, useRouteData as x, useContainer as y, useProperties as k, createEmptyComponent as g, Button as b } from "@telia-ace/widget-ui";
+import { appendClassNames as l } from "@telia-ace/widget-utilities";
+const a = c.div`
+    font-weight: 300;
+    button {
+        color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+        text-decoration: underline;
+        font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+        span {
+            font-weight: 300;
+        }
+        &:focus-visible {
+            ${f}
+            padding: ${(t) => {
+  var e, i;
+  return `calc(${(e = t.theme.sizes) == null ? void 0 : e.small} / 2) ${(i = t.theme.sizes) == null ? void 0 : i.small}`;
+}};
+        }
+    }
+`, v = c.svg`
+    margin-right: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}};
+    line {
+        stroke: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+    }
+`, D = ({ className: t, ...e }) => {
+  const i = w(), { params: m } = x(), h = y(), { conditions: r = [], label: s = "" } = k();
+  if (!(r && r.length ? r.reduce((p, u) => m[u] ? !0 : p, !1) : !0))
+    return g(h, {
+      ...e,
+      className: l(t, "humany-back-link")
+    });
+  const d = () => {
+    i("click");
+  };
+  return s ? /* @__PURE__ */ n(a, { ...e, className: l(t, "humany-back-link"), children: /* @__PURE__ */ o(b, { "aria-label": s, onClick: d, children: [
+    /* @__PURE__ */ o(
+      v,
+      {
+        width: "7",
+        height: "13",
+        viewBox: "0 0 7 13",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ n("line", { x1: "6.64645", y1: "12.5513", x2: "0.648357", y2: "6.55319" }),
+          /* @__PURE__ */ n("line", { x1: "0.646447", y1: "6.64455", x2: "6.64454", y2: "0.646465" })
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ n("span", { children: s })
+  ] }) }) : /* @__PURE__ */ n(a, { ...e, className: l(t, "humany-back-link"), children: /* @__PURE__ */ o(
+    "svg",
+    {
+      width: "8",
+      height: "16",
+      viewBox: "0 0 8 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ n(
+          "line",
+          {
+            y1: "-0.5",
+            x2: "10.2585",
+            y2: "-0.5",
+            transform: "matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)",
+            stroke: "white"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "line",
+          {
+            y1: "-0.5",
+            x2: "10.2585",
+            y2: "-0.5",
+            transform: "matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)",
+            stroke: "white"
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  D as default
+};

package/back-link-a81d3661.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("@emotion/styled"),n=require("@telia-ace/widget-ui"),l=require("@telia-ace/widget-utilities"),o=c.div`
+    font-weight: 300;
+    button {
+        color: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.primary}};
+        text-decoration: underline;
+        font-size: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.normal}};
+        span {
+            font-weight: 300;
+        }
+        &:focus-visible {
+            ${n.linkTabStyle}
+            padding: ${t=>{var e,i;return`calc(${(e=t.theme.sizes)==null?void 0:e.small} / 2) ${(i=t.theme.sizes)==null?void 0:i.small}`}};
+        }
+    }
+`,p=c.svg`
+    margin-right: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.small}};
+    line {
+        stroke: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.primary}};
+    }
+`,g=({className:t,...e})=>{const i=n.useDispatch(),{params:m}=n.useRouteData(),h=n.useContainer(),{conditions:a=[],label:r=""}=n.useProperties();if(!(a&&a.length?a.reduce((u,x)=>m[x]?!0:u,!1):!0))return n.createEmptyComponent(h,{...e,className:l.appendClassNames(t,"humany-back-link")});const d=()=>{i("click")};return r?s.jsx(o,{...e,className:l.appendClassNames(t,"humany-back-link"),children:s.jsxs(n.Button,{"aria-label":r,onClick:d,children:[s.jsxs(p,{width:"7",height:"13",viewBox:"0 0 7 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s.jsx("line",{x1:"6.64645",y1:"12.5513",x2:"0.648357",y2:"6.55319"}),s.jsx("line",{x1:"0.646447",y1:"6.64455",x2:"6.64454",y2:"0.646465"})]}),r&&s.jsx("span",{children:r})]})}):s.jsx(o,{...e,className:l.appendClassNames(t,"humany-back-link"),children:s.jsxs("svg",{width:"8",height:"16",viewBox:"0 0 8 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s.jsx("line",{y1:"-0.5",x2:"10.2585",y2:"-0.5",transform:"matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)",stroke:"white"}),s.jsx("line",{y1:"-0.5",x2:"10.2585",y2:"-0.5",transform:"matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)",stroke:"white"})]})})};exports.default=g;

package/index.js

@@ -1 +1 @@
-"use strict";const e=require("./index-33c6a46f.js");require("@emotion/react");require("react/jsx-runtime");require("react");require("@emotion/styled");require("react-transition-group");require("react-dom");require("react-router-dom");module.exports=e.BackLinkComponent;
+"use strict";const c=require("@telia-ace/widget-ui"),o=e=>c.createReactComponent(e,"back-link",Promise.resolve().then(()=>require("./back-link-a81d3661.js")),t=>{t.actions.create("click",(i,r)=>{if(!r.preventDefault)return e.getAsync("router").then(n=>{n.goBack()})})});module.exports=o;

package/index.mjs

@@ -1,11 +1,12 @@
-import { h as d } from "./index-ad1d2389.mjs";
-import "@emotion/react";
-import "react/jsx-runtime";
-import "react";
-import "@emotion/styled";
-import "react-transition-group";
-import "react-dom";
-import "react-router-dom";
+import { createReactComponent as a } from "@telia-ace/widget-ui";
+const i = (t) => a(t, "back-link", import("./back-link-406bc5a8.mjs"), (e) => {
+  e.actions.create("click", (o, r) => {
+    if (!r.preventDefault)
+      return t.getAsync("router").then((n) => {
+        n.goBack();
+      });
+  });
+});
 export {
-  d as default
+  i as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-components-back-link",
-  "version": "1.1.1-rc.2",
+  "version": "1.1.1-rc.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,10 +10,10 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-routing": "^1.1.1-rc.2",
-    "@telia-ace/widget-ui": "^1.1.1-rc.2",
-    "@telia-ace/widget-utilities": "^1.1.1-rc.2",
-    "@telia-ace/widget-core": "^1.1.1-rc.2",
+    "@telia-ace/widget-routing": "^1.1.1-rc.3",
+    "@telia-ace/widget-ui": "^1.1.1-rc.3",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.3",
+    "@telia-ace/widget-core": "^1.1.1-rc.3",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {

package/back-link-54301a28.mjs

@@ -1,142 +0,0 @@
-import { jsx as c, jsxs as p } from "react/jsx-runtime";
-import x from "@emotion/styled";
-import "@emotion/react";
-import { E as v, C as $, u as D, a as E, b as B, c as z, d as C, e as M, f as N, l as P, g as d, B as R } from "./index-ad1d2389.mjs";
-import { useContext as k, useState as h, useEffect as f } from "react";
-import "react-dom";
-import "react-transition-group";
-import "react-router-dom";
-const w = (e = {}) => (Object.keys(e).forEach((t) => {
-  (e[t] === null || typeof e[t] > "u") && delete e[t];
-}), e), A = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ c(v, { ...t }) : null, I = () => k($), Q = () => {
-  const e = D(), t = I(), [n, l] = h([]), [u, r] = h();
-  return f(() => {
-    if (e && t) {
-      const s = new E(e).withId(t.id), i = e.actions(s, t.type || B());
-      r(i), n !== null && (n.forEach((o) => {
-        i.dispatch(o.key, o.data).then((a) => o.resolve(a)).catch((a) => o.reject(a));
-      }), l(null));
-    }
-  }, [e, t.id]), (s, i) => n !== null ? new Promise((o, a) => {
-    n.push({
-      key: s,
-      data: i,
-      resolve: o,
-      reject: a
-    });
-  }) : u.dispatch(s, i);
-}, S = () => k(z), q = (e) => {
-  const t = C(), n = M(), [l, u] = h({ name: "", params: {} }), r = N();
-  return f(() => {
-    const s = (e || t).get("$widget");
-    if (!s)
-      return;
-    const { events: i } = s;
-    return i.subscribe("router:change", (a, { next: { routeData: m } }) => {
-      if (r.current) {
-        const { name: b, params: g } = m;
-        w(g), u({ name: b, params: g });
-      }
-    });
-  }, [r, e, t]), f(() => {
-    if (n && n.history && r.current) {
-      const s = n.getRouteData(), { name: i, params: o } = s;
-      w(o), u({ name: i, params: o });
-    }
-  }, [n, r]), l;
-}, y = x.div`
-    font-weight: 300;
-    button {
-        color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.primary;
-}};
-        text-decoration: underline;
-        font-size: ${(e) => {
-  var t;
-  return (t = e.theme.fonts) == null ? void 0 : t.normal;
-}};
-        span {
-            font-weight: 300;
-        }
-        &:focus-visible {
-            ${P}
-            padding: ${(e) => {
-  var t, n;
-  return `calc(${(t = e.theme.sizes) == null ? void 0 : t.small} / 2) ${(n = e.theme.sizes) == null ? void 0 : n.small}`;
-}};
-        }
-    }
-`, L = x.svg`
-    margin-right: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.small;
-}};
-    line {
-        stroke: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.primary;
-}};
-    }
-`, H = ({ className: e, ...t }) => {
-  const n = Q(), { params: l } = q(), u = C(), { conditions: r = [], label: s = "" } = S();
-  if (!(r && r.length ? r.reduce((a, m) => l[m] ? !0 : a, !1) : !0))
-    return A(u, {
-      ...t,
-      className: d(e, "humany-back-link")
-    });
-  const o = () => {
-    n("click");
-  };
-  return s ? /* @__PURE__ */ c(y, { ...t, className: d(e, "humany-back-link"), children: /* @__PURE__ */ p(R, { "aria-label": s, onClick: o, children: [
-    /* @__PURE__ */ p(
-      L,
-      {
-        width: "7",
-        height: "13",
-        viewBox: "0 0 7 13",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-          /* @__PURE__ */ c("line", { x1: "6.64645", y1: "12.5513", x2: "0.648357", y2: "6.55319" }),
-          /* @__PURE__ */ c("line", { x1: "0.646447", y1: "6.64455", x2: "6.64454", y2: "0.646465" })
-        ]
-      }
-    ),
-    s && /* @__PURE__ */ c("span", { children: s })
-  ] }) }) : /* @__PURE__ */ c(y, { ...t, className: d(e, "humany-back-link"), children: /* @__PURE__ */ p(
-    "svg",
-    {
-      width: "8",
-      height: "16",
-      viewBox: "0 0 8 16",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ c(
-          "line",
-          {
-            y1: "-0.5",
-            x2: "10.2585",
-            y2: "-0.5",
-            transform: "matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)",
-            stroke: "white"
-          }
-        ),
-        /* @__PURE__ */ c(
-          "line",
-          {
-            y1: "-0.5",
-            x2: "10.2585",
-            y2: "-0.5",
-            transform: "matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)",
-            stroke: "white"
-          }
-        )
-      ]
-    }
-  ) });
-};
-export {
-  H as default
-};

package/back-link-95858d0c.js

@@ -1,20 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),g=require("@emotion/styled");require("@emotion/react");const n=require("./index-33c6a46f.js"),l=require("react");require("react-dom");require("react-transition-group");require("react-router-dom");const f=(t={})=>(Object.keys(t).forEach(e=>{(t[e]===null||typeof t[e]>"u")&&delete t[e]}),t),w=(t,e)=>t.get("seoConfiguration")?i.jsx(n.Empty,{...e}):null,C=()=>l.useContext(n.ComponentNodeContext),k=()=>{const t=n.useComponentPlatform(),e=C(),[s,d]=l.useState([]),[m,c]=l.useState();return l.useEffect(()=>{if(t&&e){const r=new n.ComponentQuery(t).withId(e.id),a=t.actions(r,e.type||n.uuid());c(a),s!==null&&(s.forEach(o=>{a.dispatch(o.key,o.data).then(u=>o.resolve(u)).catch(u=>o.reject(u))}),d(null))}},[t,e.id]),(r,a)=>s!==null?new Promise((o,u)=>{s.push({key:r,data:a,resolve:o,reject:u})}):m.dispatch(r,a)},b=()=>l.useContext(n.ComponentPropertyContext),v=t=>{const e=n.useContainer(),s=n.useRouter(),[d,m]=l.useState({name:"",params:{}}),c=n.useIsMounted();return l.useEffect(()=>{const r=(t||e).get("$widget");if(!r)return;const{events:a}=r;return a.subscribe("router:change",(u,{next:{routeData:p}})=>{if(c.current){const{name:y,params:h}=p;f(h),m({name:y,params:h})}})},[c,t,e]),l.useEffect(()=>{if(s&&s.history&&c.current){const r=s.getRouteData(),{name:a,params:o}=r;f(o),m({name:a,params:o})}},[s,c]),d},x=g.div`
-    font-weight: 300;
-    button {
-        color: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.primary}};
-        text-decoration: underline;
-        font-size: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.normal}};
-        span {
-            font-weight: 300;
-        }
-        &:focus-visible {
-            ${n.linkTabStyle}
-            padding: ${t=>{var e,s;return`calc(${(e=t.theme.sizes)==null?void 0:e.small} / 2) ${(s=t.theme.sizes)==null?void 0:s.small}`}};
-        }
-    }
-`,j=g.svg`
-    margin-right: ${t=>{var e;return(e=t.theme.sizes)==null?void 0:e.small}};
-    line {
-        stroke: ${t=>{var e;return(e=t.theme.colors)==null?void 0:e.primary}};
-    }
-`,q=({className:t,...e})=>{const s=k(),{params:d}=v(),m=n.useContainer(),{conditions:c=[],label:r=""}=b();if(!(c&&c.length?c.reduce((u,p)=>d[p]?!0:u,!1):!0))return w(m,{...e,className:n.appendClassNames(t,"humany-back-link")});const o=()=>{s("click")};return r?i.jsx(x,{...e,className:n.appendClassNames(t,"humany-back-link"),children:i.jsxs(n.Button,{"aria-label":r,onClick:o,children:[i.jsxs(j,{width:"7",height:"13",viewBox:"0 0 7 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("line",{x1:"6.64645",y1:"12.5513",x2:"0.648357",y2:"6.55319"}),i.jsx("line",{x1:"0.646447",y1:"6.64455",x2:"6.64454",y2:"0.646465"})]}),r&&i.jsx("span",{children:r})]})}):i.jsx(x,{...e,className:n.appendClassNames(t,"humany-back-link"),children:i.jsxs("svg",{width:"8",height:"16",viewBox:"0 0 8 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[i.jsx("line",{y1:"-0.5",x2:"10.2585",y2:"-0.5",transform:"matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)",stroke:"white"}),i.jsx("line",{y1:"-0.5",x2:"10.2585",y2:"-0.5",transform:"matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)",stroke:"white"})]})})};exports.default=q;