@telia-ace/widget-components-back-link 0.0.1

package/back-link-210e4ce8.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/back-link-837b2382.mjs

@@ -0,0 +1,114 @@
+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-component.d.ts

@@ -0,0 +1,8 @@
+import { Container } from '@webprovisions/platform';
+
+export type BackLinkComponentProps = {
+    conditions?: string[];
+    label?: string;
+};
+export declare const BackLinkComponent: (container: Container) => Promise<void>;
+export default BackLinkComponent;

package/back-link.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className: string;
+};
+declare const BackLink: React.FC<Props>;
+export default BackLink;

package/index.d.ts

@@ -0,0 +1,3 @@
+import { default as BackLinkComponent } from './back-link-component';
+
+export default BackLinkComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const c=require("@telia-ace/widget-ui"),o=e=>c.createReactComponent(e,"back-link",Promise.resolve().then(()=>require("./back-link-210e4ce8.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

@@ -0,0 +1,17 @@
+import { createReactComponent as a } from "@telia-ace/widget-ui";
+const i = (t) => a(
+  t,
+  "back-link",
+  import("./back-link-837b2382.mjs"),
+  (e) => {
+    e.actions.create("click", (o, r) => {
+      if (!r.preventDefault)
+        return t.getAsync("router").then((n) => {
+          n.goBack();
+        });
+    });
+  }
+);
+export {
+  i as default
+};

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@telia-ace/widget-components-back-link",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/widget-routing": "*",
+    "@telia-ace/widget-ui": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@telia-ace/widget-core": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0",
+    "@emotion/react": "11.11.1"
+  }
+}