@telia-ace/widget-components-back-link 1.0.31 → 1.1.1-rc.0

package/back-link-3a8fd180.mjs

@@ -0,0 +1,138 @@
+import { jsx as c, jsxs as p } from "react/jsx-runtime";
+import { E as v, C as $, u as D, a as E, b as B, c as z, d as x, e as M, f as N, n as C, l as P, g as d, B as R } from "./index-b5ce891a.mjs";
+import { useContext as k, useState as h, useEffect as f } from "react";
+import "react-dom";
+const w = (t = {}) => (Object.keys(t).forEach((e) => {
+  (t[e] === null || typeof t[e] > "u") && delete t[e];
+}), t), S = (t, e) => t.get("seoConfiguration") ? /* @__PURE__ */ c(v, { ...e }) : null, A = () => k($), I = () => {
+  const t = D(), e = A(), [n, l] = h([]), [u, r] = h();
+  return f(() => {
+    if (t && e) {
+      const s = new E(t).withId(e.id), i = t.actions(s, e.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));
+    }
+  }, [t, e.id]), (s, i) => n !== null ? new Promise((o, a) => {
+    n.push({
+      key: s,
+      data: i,
+      resolve: o,
+      reject: a
+    });
+  }) : u.dispatch(s, i);
+}, Q = () => k(z), q = (t) => {
+  const e = x(), n = M(), [l, u] = h({ name: "", params: {} }), r = N();
+  return f(() => {
+    const s = (t || e).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, t, e]), 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 = 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 {
+            ${P}
+            padding: ${(t) => {
+  var e, n;
+  return `calc(${(e = t.theme.sizes) == null ? void 0 : e.small} / 2) ${(n = t.theme.sizes) == null ? void 0 : n.small}`;
+}};
+        }
+    }
+`, L = 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;
+}};
+    }
+`, W = ({ className: t, ...e }) => {
+  const n = I(), { params: l } = q(), u = x(), { conditions: r = [], label: s = "" } = Q();
+  if (!(r && r.length ? r.reduce((a, m) => l[m] ? !0 : a, !1) : !0))
+    return S(u, {
+      ...e,
+      className: d(t, "humany-back-link")
+    });
+  const o = () => {
+    n("click");
+  };
+  return s ? /* @__PURE__ */ c(y, { ...e, className: d(t, "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, { ...e, className: d(t, "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 {
+  W as default
+};

package/back-link-4a9ef4a2.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("./index-edf03e83.js"),l=require("react");require("react-dom");const f=(t={})=>(Object.keys(t).forEach(e=>{(t[e]===null||typeof t[e]>"u")&&delete t[e]}),t),g=(t,e)=>t.get("seoConfiguration")?i.jsx(n.Empty,{...e}):null,w=()=>l.useContext(n.ComponentNodeContext),C=()=>{const t=n.useComponentPlatform(),e=w(),[s,m]=l.useState([]),[d,a]=l.useState();return l.useEffect(()=>{if(t&&e){const o=new n.ComponentQuery(t).withId(e.id),c=t.actions(o,e.type||n.uuid());a(c),s!==null&&(s.forEach(r=>{c.dispatch(r.key,r.data).then(u=>r.resolve(u)).catch(u=>r.reject(u))}),m(null))}},[t,e.id]),(o,c)=>s!==null?new Promise((r,u)=>{s.push({key:o,data:c,resolve:r,reject:u})}):d.dispatch(o,c)},k=()=>l.useContext(n.ComponentPropertyContext),b=t=>{const e=n.useContainer(),s=n.useRouter(),[m,d]=l.useState({name:"",params:{}}),a=n.useIsMounted();return l.useEffect(()=>{const o=(t||e).get("$widget");if(!o)return;const{events:c}=o;return c.subscribe("router:change",(u,{next:{routeData:p}})=>{if(a.current){const{name:y,params:h}=p;f(h),d({name:y,params:h})}})},[a,t,e]),l.useEffect(()=>{if(s&&s.history&&a.current){const o=s.getRouteData(),{name:c,params:r}=o;f(r),d({name:c,params:r})}},[s,a]),m},x=n.newStyled.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}`}};
+        }
+    }
+`,v=n.newStyled.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}};
+    }
+`,j=({className:t,...e})=>{const s=C(),{params:m}=b(),d=n.useContainer(),{conditions:a=[],label:o=""}=k();if(!(a&&a.length?a.reduce((u,p)=>m[p]?!0:u,!1):!0))return g(d,{...e,className:n.appendClassNames(t,"humany-back-link")});const r=()=>{s("click")};return o?i.jsx(x,{...e,className:n.appendClassNames(t,"humany-back-link"),children:i.jsxs(n.Button,{"aria-label":o,onClick:r,children:[i.jsxs(v,{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"})]}),o&&i.jsx("span",{children:o})]})}):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=j;