@telia-ace/widget-components-back-link 1.0.3 → 1.0.6

package/dist/back-link.js

@@ -0,0 +1,141 @@
+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 { linkTabStyle, useDispatch, useRouteData, useContainer, useProperties, createEmptyComponent, Button } from "@telia-ace/widget-ui";
+import { appendClassNames } from "@telia-ace/widget-utilities";
+import React from "react";
+import styled, { css } from "styled-components";
+const Wrapper = styled.div`
+    font-weight: 300;
+    button {
+        color: ${(p) => {
+  var _a;
+  return (_a = p.theme.colors) == null ? void 0 : _a.primary;
+}};
+        text-decoration: underline;
+        font-size: ${(p) => {
+  var _a;
+  return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
+}};
+        span {
+            font-weight: 300;
+        }
+        &:focus {
+            ${(p) => {
+  var _a;
+  return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && css`
+                    ${linkTabStyle}
+                    padding: ${(p2) => {
+    var _a2, _b;
+    return `calc(${(_a2 = p2.theme.sizes) == null ? void 0 : _a2.small} / 2) ${(_b = p2.theme.sizes) == null ? void 0 : _b.small}`;
+  }};
+                `;
+}};
+        }
+    }
+`;
+const Caret = styled.svg`
+    margin-right: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.small;
+}};
+    line {
+        stroke: ${(p) => {
+  var _a;
+  return (_a = p.theme.colors) == null ? void 0 : _a.primary;
+}};
+    }
+`;
+const BackLink = (_a) => {
+  var _b = _a, { className } = _b, other = __objRest(_b, ["className"]);
+  const dispatch = useDispatch();
+  const { params } = useRouteData();
+  const container = useContainer();
+  const { conditions = [], label = "" } = useProperties();
+  const conditionsMet = conditions && conditions.length ? conditions.reduce((acc, condition) => {
+    return params[condition] ? true : acc;
+  }, false) : true;
+  if (!conditionsMet) {
+    return createEmptyComponent(container, __spreadProps(__spreadValues({}, other), {
+      className: appendClassNames(className, "humany-back-link")
+    }));
+  }
+  const handleClick = () => {
+    dispatch("click");
+  };
+  if (!label) {
+    return /* @__PURE__ */ React.createElement(Wrapper, __spreadProps(__spreadValues({}, other), {
+      className: appendClassNames(className, "humany-back-link")
+    }), /* @__PURE__ */ React.createElement("svg", {
+      width: "8",
+      height: "16",
+      viewBox: "0 0 8 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /* @__PURE__ */ React.createElement("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__ */ React.createElement("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"
+    })));
+  }
+  return /* @__PURE__ */ React.createElement(Wrapper, __spreadProps(__spreadValues({}, other), {
+    className: appendClassNames(className, "humany-back-link")
+  }), /* @__PURE__ */ React.createElement(Button, {
+    "aria-label": label,
+    onClick: handleClick
+  }, /* @__PURE__ */ React.createElement(Caret, {
+    width: "7",
+    height: "13",
+    viewBox: "0 0 7 13",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React.createElement("line", {
+    x1: "6.64645",
+    y1: "12.5513",
+    x2: "0.648357",
+    y2: "6.55319"
+  }), /* @__PURE__ */ React.createElement("line", {
+    x1: "0.646447",
+    y1: "6.64455",
+    x2: "6.64454",
+    y2: "0.646465"
+  })), label && /* @__PURE__ */ React.createElement("span", null, label)));
+};
+export { BackLink as default };
+//# sourceMappingURL=back-link.js.map

package/dist/back-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-link.js","sources":["../src/back-link.tsx"],"sourcesContent":["import {\r\n    Button,\r\n    createEmptyComponent,\r\n    linkTabStyle,\r\n    useContainer,\r\n    useDispatch,\r\n    useProperties,\r\n    useRouteData,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { BackLinkComponentProps } from './back-link-component';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n    font-weight: 300;\r\n    button {\r\n        color: ${(p) => p.theme.colors?.primary};\r\n        text-decoration: underline;\r\n        font-size: ${(p) => p.theme.fonts?.normal};\r\n        span {\r\n            font-weight: 300;\r\n        }\r\n        &:focus {\r\n            ${(p) =>\r\n                p.theme.accessibility?.isTabbing &&\r\n                css`\r\n                    ${linkTabStyle}\r\n                    padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\r\n                `};\r\n        }\r\n    }\r\n`;\r\n\r\nconst Caret = styled.svg`\r\n    margin-right: ${(p) => p.theme.sizes?.small};\r\n    line {\r\n        stroke: ${(p) => p.theme.colors?.primary};\r\n    }\r\n`;\r\n\r\nconst BackLink: React.FC<Props> = ({ className, ...other }) => {\r\n    const dispatch = useDispatch();\r\n    const { params } = useRouteData();\r\n    const container = useContainer();\r\n    const { conditions = [], label = '' } = useProperties<BackLinkComponentProps>();\r\n\r\n    const conditionsMet =\r\n        conditions && conditions.length\r\n            ? conditions.reduce((acc: boolean, condition: string) => {\r\n                  return params[condition] ? true : acc;\r\n              }, false)\r\n            : true;\r\n\r\n    if (!conditionsMet) {\r\n        return createEmptyComponent(container, {\r\n            ...other,\r\n            className: appendClassNames(className, 'humany-back-link'),\r\n        });\r\n    }\r\n\r\n    const handleClick = () => {\r\n        dispatch('click');\r\n    };\r\n\r\n    if (!label) {\r\n        return (\r\n            <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\r\n                <svg\r\n                    width=\"8\"\r\n                    height=\"16\"\r\n                    viewBox=\"0 0 8 16\"\r\n                    fill=\"none\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                >\r\n                    <line\r\n                        y1=\"-0.5\"\r\n                        x2=\"10.2585\"\r\n                        y2=\"-0.5\"\r\n                        transform=\"matrix(-0.682358 -0.731018 0.682358 -0.731018 8 14.9999)\"\r\n                        stroke=\"white\"\r\n                    />\r\n                    <line\r\n                        y1=\"-0.5\"\r\n                        x2=\"10.2585\"\r\n                        y2=\"-0.5\"\r\n                        transform=\"matrix(0.682359 -0.731018 0.682358 0.731018 1 8.49915)\"\r\n                        stroke=\"white\"\r\n                    />\r\n                </svg>\r\n            </Wrapper>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Wrapper {...other} className={appendClassNames(className, 'humany-back-link')}>\r\n            <Button aria-label={label} onClick={handleClick}>\r\n                <Caret\r\n                    width=\"7\"\r\n                    height=\"13\"\r\n                    viewBox=\"0 0 7 13\"\r\n                    fill=\"none\"\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                >\r\n                    <line x1=\"6.64645\" y1=\"12.5513\" x2=\"0.648357\" y2=\"6.55319\" />\r\n                    <line x1=\"0.646447\" y1=\"6.64455\" x2=\"6.64454\" y2=\"0.646465\" />\r\n                </Caret>\r\n                {label && <span>{label}</span>}\r\n            </Button>\r\n        </Wrapper>\r\n    );\r\n};\r\n\r\nexport default BackLink;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA,iBAGN,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA,qBAEnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAK7B,CAAC,MAAA;;AACC,kBAAE,MAAM,kBAAR,mBAAuB,cACvB;AAAA,sBACM;AAAA,+BACS,CAAC,OAAM;;AAAA,mBAAQ,UAAE,MAAM,UAAR,oBAAe,cAAc,SAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1F,MAAM,QAAQ,OAAO;AAAA,oBACD,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,kBAExB,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA;AAIzC,MAAM,WAA4B,CAAC,OAA4B;AAA5B,eAAE,gBAAF,IAAgB,kBAAhB,IAAgB,CAAd;AACjC,QAAM,WAAW;AACX,QAAA,EAAE,WAAW;AACnB,QAAM,YAAY;AAClB,QAAM,EAAE,aAAa,CAAI,GAAA,QAAQ,OAAO;AAElC,QAAA,gBACF,cAAc,WAAW,SACnB,WAAW,OAAO,CAAC,KAAc,cAAsB;AAC5C,WAAA,OAAO,aAAa,OAAO;AAAA,EAAA,GACnC,KAAK,IACR;AAEV,MAAI,CAAC,eAAe;AAChB,WAAO,qBAAqB,WAAW,iCAChC,QADgC;AAAA,MAEnC,WAAW,iBAAiB,WAAW,kBAAkB;AAAA,IAAA,EAC5D;AAAA,EACL;AAEA,QAAM,cAAc,MAAM;AACtB,aAAS,OAAO;AAAA,EAAA;AAGpB,MAAI,CAAC,OAAO;AACR,WACK,sBAAA,cAAA,SAAA,iCAAY,QAAZ;AAAA,MAAmB,WAAW,iBAAiB,WAAW,kBAAkB;AAAA,IAAA,IACxE,sBAAA,cAAA,OAAA;AAAA,MACG,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,IAAA,GAEL,sBAAA,cAAA,QAAA;AAAA,MACG,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,IAAA,CACX,GACC,sBAAA,cAAA,QAAA;AAAA,MACG,IAAG;AAAA,MACH,IAAG;AAAA,MACH,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,IACX,CAAA,CACJ,CACJ;AAAA,EAER;AAEA,SACK,sBAAA,cAAA,SAAA,iCAAY,QAAZ;AAAA,IAAmB,WAAW,iBAAiB,WAAW,kBAAkB;AAAA,EAAA,IACxE,sBAAA,cAAA,QAAA;AAAA,IAAO,cAAY;AAAA,IAAO,SAAS;AAAA,EAAA,GAC/B,sBAAA,cAAA,OAAA;AAAA,IACG,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,EAAA,GAEL,sBAAA,cAAA,QAAA;AAAA,IAAK,IAAG;AAAA,IAAU,IAAG;AAAA,IAAU,IAAG;AAAA,IAAW,IAAG;AAAA,EAAA,CAAU,GAC1D,sBAAA,cAAA,QAAA;AAAA,IAAK,IAAG;AAAA,IAAW,IAAG;AAAA,IAAU,IAAG;AAAA,IAAU,IAAG;AAAA,EAAA,CAAW,CAChE,GACC,6CAAU,QAAM,MAAA,KAAM,CAC3B,CACJ;AAER;;"}

package/dist/index.js

@@ -0,0 +1,15 @@
+import { createReactComponent } from "@telia-ace/widget-ui";
+const BackLinkComponent = (container) => {
+  return createReactComponent(container, "back-link", import("./back-link.js"), (component) => {
+    component.actions.create("click", (data, options) => {
+      if (options.preventDefault) {
+        return;
+      }
+      return container.getAsync("router").then((router) => {
+        router.goBack();
+      });
+    });
+  });
+};
+export { BackLinkComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/back-link-component.ts"],"sourcesContent":["import { RoutingService } from '@telia-ace/widget-routing';\r\nimport { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type BackLinkComponentProps = {\r\n    conditions?: string[];\r\n    label?: string;\r\n};\r\n\r\nexport const BackLinkComponent = (container: Container) => {\r\n    return createReactComponent(container, 'back-link', import('./back-link'), (component) => {\r\n        // Action: 'click'\r\n        component.actions.create('click', (data, options) => {\r\n            if (options.preventDefault) {\r\n                return;\r\n            }\r\n\r\n            return container.getAsync('router').then((router: RoutingService) => {\r\n                router.goBack();\r\n            });\r\n        });\r\n    });\r\n};\r\n\r\nexport default BackLinkComponent;\r\n"],"names":[],"mappings":";AASa,MAAA,oBAAoB,CAAC,cAAyB;AACvD,SAAO,qBAAqB,WAAW,aAAa,OAAO,mBAAgB,CAAC,cAAc;AAEtF,cAAU,QAAQ,OAAO,SAAS,CAAC,MAAM,YAAY;AACjD,UAAI,QAAQ,gBAAgB;AACxB;AAAA,MACJ;AAEA,aAAO,UAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,WAA2B;AACjE,eAAO,OAAO;AAAA,MAAA,CACjB;AAAA,IAAA,CACJ;AAAA,EAAA,CACJ;AACL;;"}

package/package.json

@@ -1,34 +1,35 @@
 {
     "name": "@telia-ace/widget-components-back-link",
-    "version": "1.0.3",
+    "version": "1.0.6",
     "description": "Back link component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "main": "lib/index.js",
-    "module": "lib-esm/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
         "README.md",
-        "lib/",
-        "lib-esm/"
+        "dist/"
     ],
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "clean": "cleandir lib && cleandir lib-esm",
-        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+        "clean": "rimraf ./dist",
+        "precompile": "tsc -emitDeclarationOnly",
+        "compile": "vite build"
     },
     "sideEffects": false,
-    "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/widget-routing": "^1.0.2",
-        "@telia-ace/widget-ui": "^1.0.3",
+        "@telia-ace/widget-routing": "^1.0.6",
+        "@telia-ace/widget-ui": "^1.0.9",
         "@telia-ace/widget-utilities": "^1.0.1",
-        "@webprovisions/platform": "^1.1.2",
+        "@webprovisions/platform": "^1.1.2"
+    },
+    "peerDependencies": {
         "react": "^16.8.0",
         "react-dom": "^16.8.0",
         "styled-components": "^4.3.2"
@@ -38,5 +39,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "5440857927191297b8094bdfef392876e9cf0cef"
+    "gitHead": "2cb095d784f90b8a0783f02898c67ca3c46169cf"
 }

package/lib/back-link-component.d.ts

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

package/lib/back-link-component.js

@@ -1,42 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackLinkComponent = void 0;
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var BackLinkComponent = function (container) {
-    return (0, widget_ui_1.createReactComponent)(container, 'back-link', Promise.resolve().then(function () { return __importStar(require('./back-link')); }), function (component) {
-        // Action: 'click'
-        component.actions.create('click', function (data, options) {
-            if (options.preventDefault) {
-                return;
-            }
-            return container.getAsync('router').then(function (router) {
-                router.goBack();
-            });
-        });
-    });
-};
-exports.BackLinkComponent = BackLinkComponent;
-exports.default = exports.BackLinkComponent;

package/lib/back-link.d.ts

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

package/lib/back-link.js

@@ -1,95 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var react_1 = __importDefault(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-weight: 300;\n    button {\n        color: ", ";\n        text-decoration: underline;\n        font-size: ", ";\n        span {\n            font-weight: 300;\n        }\n        &:focus {\n            ", ";\n        }\n    }\n"], ["\n    font-weight: 300;\n    button {\n        color: ", ";\n        text-decoration: underline;\n        font-size: ", ";\n        span {\n            font-weight: 300;\n        }\n        &:focus {\n            ", ";\n        }\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", "\n                    padding: ", ";\n                "], ["\n                    ", "\n                    padding: ", ";\n                "])), widget_ui_1.linkTabStyle, function (p) { var _a, _b; return "calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " / 2) ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small); });
-});
-var Caret = styled_components_1.default.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-right: ", ";\n    line {\n        stroke: ", ";\n    }\n"], ["\n    margin-right: ", ";\n    line {\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; });
-var BackLink = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var dispatch = (0, widget_ui_1.useDispatch)();
-    var params = (0, widget_ui_1.useRouteData)().params;
-    var container = (0, widget_ui_1.useContainer)();
-    var _b = (0, widget_ui_1.useProperties)(), _c = _b.conditions, conditions = _c === void 0 ? [] : _c, _d = _b.label, label = _d === void 0 ? '' : _d;
-    var conditionsMet = conditions && conditions.length
-        ? conditions.reduce(function (acc, condition) {
-            return params[condition] ? true : acc;
-        }, false)
-        : true;
-    if (!conditionsMet) {
-        return (0, widget_ui_1.createEmptyComponent)(container, __assign(__assign({}, other), { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-back-link') }));
-    }
-    var handleClick = function () {
-        dispatch('click');
-    };
-    if (!label) {
-        return (react_1.default.createElement(Wrapper, __assign({}, other, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-back-link') }),
-            react_1.default.createElement("svg", { width: "8", height: "16", viewBox: "0 0 8 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                react_1.default.createElement("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" }),
-                react_1.default.createElement("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" }))));
-    }
-    return (react_1.default.createElement(Wrapper, __assign({}, other, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-back-link') }),
-        react_1.default.createElement(widget_ui_1.Button, { "aria-label": label, onClick: handleClick },
-            react_1.default.createElement(Caret, { width: "7", height: "13", viewBox: "0 0 7 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                react_1.default.createElement("line", { x1: "6.64645", y1: "12.5513", x2: "0.648357", y2: "6.55319" }),
-                react_1.default.createElement("line", { x1: "0.646447", y1: "6.64455", x2: "6.64454", y2: "0.646465" })),
-            label && react_1.default.createElement("span", null, label))));
-};
-exports.default = BackLink;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-import BackLinkComponent from './back-link-component';
-export default BackLinkComponent;

package/lib/index.js

@@ -1,7 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var back_link_component_1 = __importDefault(require("./back-link-component"));
-exports.default = back_link_component_1.default;

package/lib-esm/back-link-component.js

@@ -1,15 +0,0 @@
-import { createReactComponent } from '@telia-ace/widget-ui';
-export var BackLinkComponent = function (container) {
-    return createReactComponent(container, 'back-link', import('./back-link'), function (component) {
-        // Action: 'click'
-        component.actions.create('click', function (data, options) {
-            if (options.preventDefault) {
-                return;
-            }
-            return container.getAsync('router').then(function (router) {
-                router.goBack();
-            });
-        });
-    });
-};
-export default BackLinkComponent;

package/lib-esm/back-link.js

@@ -1,67 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Button, createEmptyComponent, linkTabStyle, useContainer, useDispatch, useProperties, useRouteData, } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled, { css } from 'styled-components';
-var Wrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    font-weight: 300;\n    button {\n        color: ", ";\n        text-decoration: underline;\n        font-size: ", ";\n        span {\n            font-weight: 300;\n        }\n        &:focus {\n            ", ";\n        }\n    }\n"], ["\n    font-weight: 300;\n    button {\n        color: ", ";\n        text-decoration: underline;\n        font-size: ", ";\n        span {\n            font-weight: 300;\n        }\n        &:focus {\n            ", ";\n        }\n    }\n"])), function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; }, function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.normal; }, function (p) {
-    var _a;
-    return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", "\n                    padding: ", ";\n                "], ["\n                    ", "\n                    padding: ", ";\n                "])), linkTabStyle, function (p) { var _a, _b; return "calc(".concat((_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small, " / 2) ").concat((_b = p.theme.sizes) === null || _b === void 0 ? void 0 : _b.small); });
-});
-var Caret = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-right: ", ";\n    line {\n        stroke: ", ";\n    }\n"], ["\n    margin-right: ", ";\n    line {\n        stroke: ", ";\n    }\n"])), function (p) { var _a; return (_a = p.theme.sizes) === null || _a === void 0 ? void 0 : _a.small; }, function (p) { var _a; return (_a = p.theme.colors) === null || _a === void 0 ? void 0 : _a.primary; });
-var BackLink = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var dispatch = useDispatch();
-    var params = useRouteData().params;
-    var container = useContainer();
-    var _b = useProperties(), _c = _b.conditions, conditions = _c === void 0 ? [] : _c, _d = _b.label, label = _d === void 0 ? '' : _d;
-    var conditionsMet = conditions && conditions.length
-        ? conditions.reduce(function (acc, condition) {
-            return params[condition] ? true : acc;
-        }, false)
-        : true;
-    if (!conditionsMet) {
-        return createEmptyComponent(container, __assign(__assign({}, other), { className: appendClassNames(className, 'humany-back-link') }));
-    }
-    var handleClick = function () {
-        dispatch('click');
-    };
-    if (!label) {
-        return (React.createElement(Wrapper, __assign({}, other, { className: appendClassNames(className, 'humany-back-link') }),
-            React.createElement("svg", { width: "8", height: "16", viewBox: "0 0 8 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                React.createElement("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" }),
-                React.createElement("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" }))));
-    }
-    return (React.createElement(Wrapper, __assign({}, other, { className: appendClassNames(className, 'humany-back-link') }),
-        React.createElement(Button, { "aria-label": label, onClick: handleClick },
-            React.createElement(Caret, { width: "7", height: "13", viewBox: "0 0 7 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                React.createElement("line", { x1: "6.64645", y1: "12.5513", x2: "0.648357", y2: "6.55319" }),
-                React.createElement("line", { x1: "0.646447", y1: "6.64455", x2: "6.64454", y2: "0.646465" })),
-            label && React.createElement("span", null, label))));
-};
-export default BackLink;
-var templateObject_1, templateObject_2, templateObject_3;

package/lib-esm/index.js

@@ -1,2 +0,0 @@
-import BackLinkComponent from './back-link-component';
-export default BackLinkComponent;