@telia-ace/widget-components-image-link 1.0.13 → 1.0.16

package/dist/image-link.88dbb1e6.js

@@ -0,0 +1,59 @@
+var f = Object.defineProperty, y = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
+var i = Object.getOwnPropertySymbols;
+var p = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var n = (e, a, t) => a in e ? f(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t, d = (e, a) => {
+  for (var t in a || (a = {}))
+    p.call(a, t) && n(e, t, a[t]);
+  if (i)
+    for (var t of i(a))
+      b.call(a, t) && n(e, t, a[t]);
+  return e;
+}, g = (e, a) => y(e, k(a));
+var u = (e, a) => {
+  var t = {};
+  for (var r in e)
+    p.call(e, r) && a.indexOf(r) < 0 && (t[r] = e[r]);
+  if (e != null && i)
+    for (var r of i(e))
+      a.indexOf(r) < 0 && b.call(e, r) && (t[r] = e[r]);
+  return t;
+};
+import { useProperties as E, Link as L, borderTabStyle as h } from "@telia-ace/widget-ui";
+import { appendClassNames as N } from "@telia-ace/widget-utilities";
+import m from "react";
+import x from "styled-components";
+const R = (t) => {
+  var r = t, { className: e } = r, a = u(r, ["className"]);
+  const { route: l, image: s, ariaLabel: o, altLabel: c } = E();
+  return /* @__PURE__ */ m.createElement(T, g(d({}, a), {
+    className: N(e, "humany-image-link")
+  }), l ? /* @__PURE__ */ m.createElement(L, {
+    routeName: l,
+    "aria-label": o
+  }, /* @__PURE__ */ m.createElement("img", {
+    src: s,
+    alt: c
+  })) : /* @__PURE__ */ m.createElement("img", {
+    src: s,
+    alt: c,
+    "aria-label": o
+  }));
+}, T = x.div`
+    a {
+        display: block;
+        &:focus {
+            ${(e) => {
+  var a;
+  return ((a = e.theme.accessibility) == null ? void 0 : a.isTabbing) && h;
+}};
+        }
+    }
+    img {
+        max-width: 100%;
+    }
+`;
+export {
+  R as default
+};
+//# sourceMappingURL=image-link.88dbb1e6.js.map

package/dist/image-link.88dbb1e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-link.88dbb1e6.js","sources":["../src/image-link.tsx"],"sourcesContent":["import { borderTabStyle, Link, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ImageLinkComponentProps } from './image-link-component';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst ImageLink: React.SFC<Props> = ({ className, ...other }) => {\r\n    const { route, image, ariaLabel, altLabel } = useProperties<ImageLinkComponentProps>();\r\n\r\n    // ariaLabel is used as alt text when no link is specified, else\r\n    // used for aria-label on the link.\r\n\r\n    return (\r\n        <Wrapper {...other} className={appendClassNames(className, 'humany-image-link')}>\r\n            {route ? (\r\n                <Link routeName={route} aria-label={ariaLabel}>\r\n                    <img src={image} alt={altLabel} />\r\n                </Link>\r\n            ) : (\r\n                <img src={image} alt={altLabel} aria-label={ariaLabel} />\r\n            )}\r\n        </Wrapper>\r\n    );\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n    a {\r\n        display: block;\r\n        &:focus {\r\n            ${(p: any) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n        }\r\n    }\r\n    img {\r\n        max-width: 100%;\r\n    }\r\n`;\r\n\r\nexport default ImageLink;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,IAA8B,CAAC,MAA4B;AAA5B,aAAE,mBAAF,GAAgB,MAAhB,GAAgB,CAAd;AACnC,QAAM,EAAE,UAAO,UAAO,cAAW,gBAAa;AAK9C,SACK,kBAAA,cAAA,GAAA,QAAY,IAAZ;AAAA,IAAmB,WAAW,EAAiB,GAAW,mBAAmB;AAAA,EAAA,IACzE,IACI,kBAAA,cAAA,GAAA;AAAA,IAAK,WAAW;AAAA,IAAO,cAAY;AAAA,EAAA,GAC/B,kBAAA,cAAA,OAAA;AAAA,IAAI,KAAK;AAAA,IAAO,KAAK;AAAA,EAAU,CAAA,CACpC,IAEC,kBAAA,cAAA,OAAA;AAAA,IAAI,KAAK;AAAA,IAAO,KAAK;AAAA,IAAU,cAAY;AAAA,EAAW,CAAA,CAE/D;AAER,GAEM,IAAU,EAAO;AAAA;AAAA;AAAA;AAAA,cAIT,CAAC,MAAA;;AAAW,iBAAE,MAAM,kBAAR,kBAAuB,cAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/index.js

@@ -1,6 +1,6 @@
-import { createReactComponent } from "@telia-ace/widget-ui";
-const ImageLinkComponent = (container) => {
-  return createReactComponent(container, "image-link", import("./image-link.js"));
+import { createReactComponent as t } from "@telia-ace/widget-ui";
+const n = (e) => t(e, "image-link", import("./image-link.88dbb1e6.js"));
+export {
+  n as default
 };
-export { ImageLinkComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/image-link-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type ImageLinkComponentProps = {\r\n    route: string;\r\n    image: string;\r\n    ariaLabel: string;\r\n    altLabel: string;\r\n};\r\n\r\nconst ImageLinkComponent = (container: Container) => {\r\n    return createReactComponent(container, 'image-link', import('./image-link'));\r\n};\r\n\r\nexport default ImageLinkComponent;\r\n"],"names":[],"mappings":";AAUM,MAAA,qBAAqB,CAAC,cAAyB;AACjD,SAAO,qBAAqB,WAAW,cAAc,OAAO,kBAAe;AAC/E;;"}
+{"version":3,"file":"index.js","sources":["../src/image-link-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\n\r\nexport type ImageLinkComponentProps = {\r\n    route: string;\r\n    image: string;\r\n    ariaLabel: string;\r\n    altLabel: string;\r\n};\r\n\r\nconst ImageLinkComponent = (container: Container) => {\r\n    return createReactComponent(container, 'image-link', import('./image-link'));\r\n};\r\n\r\nexport default ImageLinkComponent;\r\n"],"names":[],"mappings":";AAUM,MAAA,IAAqB,CAAC,MACjB,EAAqB,GAAW,cAAc,OAAO,2BAAe;"}

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@telia-ace/widget-components-image-link",
-    "version": "1.0.13",
+    "version": "1.0.16",
     "description": "Image link component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "source": "src/index.ts",
-    "module": "dist/index.js",
+    "main": "dist/index.js",
+    "type": "module",
     "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
@@ -25,7 +25,7 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/widget-ui": "^1.0.17",
+        "@telia-ace/widget-ui": "^1.0.20",
         "@telia-ace/widget-utilities": "^1.0.2",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -39,5 +39,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "b6c2eb6fec7cd0c8e4334ab7a8e0087422fe1964"
+    "gitHead": "3884b26fc8ea8cafc93d37709cceb66742671918"
 }

package/dist/image-link.js

@@ -1,68 +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 { useProperties, Link, borderTabStyle } from "@telia-ace/widget-ui";
-import { appendClassNames } from "@telia-ace/widget-utilities";
-import React from "react";
-import styled from "styled-components";
-const ImageLink = (_a) => {
-  var _b = _a, { className } = _b, other = __objRest(_b, ["className"]);
-  const { route, image, ariaLabel, altLabel } = useProperties();
-  return /* @__PURE__ */ React.createElement(Wrapper, __spreadProps(__spreadValues({}, other), {
-    className: appendClassNames(className, "humany-image-link")
-  }), route ? /* @__PURE__ */ React.createElement(Link, {
-    routeName: route,
-    "aria-label": ariaLabel
-  }, /* @__PURE__ */ React.createElement("img", {
-    src: image,
-    alt: altLabel
-  })) : /* @__PURE__ */ React.createElement("img", {
-    src: image,
-    alt: altLabel,
-    "aria-label": ariaLabel
-  }));
-};
-const Wrapper = styled.div`
-    a {
-        display: block;
-        &:focus {
-            ${(p) => {
-  var _a;
-  return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && borderTabStyle;
-}};
-        }
-    }
-    img {
-        max-width: 100%;
-    }
-`;
-export { ImageLink as default };
-//# sourceMappingURL=image-link.js.map

package/dist/image-link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-link.js","sources":["../src/image-link.tsx"],"sourcesContent":["import { borderTabStyle, Link, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ImageLinkComponentProps } from './image-link-component';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst ImageLink: React.SFC<Props> = ({ className, ...other }) => {\r\n    const { route, image, ariaLabel, altLabel } = useProperties<ImageLinkComponentProps>();\r\n\r\n    // ariaLabel is used as alt text when no link is specified, else\r\n    // used for aria-label on the link.\r\n\r\n    return (\r\n        <Wrapper {...other} className={appendClassNames(className, 'humany-image-link')}>\r\n            {route ? (\r\n                <Link routeName={route} aria-label={ariaLabel}>\r\n                    <img src={image} alt={altLabel} />\r\n                </Link>\r\n            ) : (\r\n                <img src={image} alt={altLabel} aria-label={ariaLabel} />\r\n            )}\r\n        </Wrapper>\r\n    );\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n    a {\r\n        display: block;\r\n        &:focus {\r\n            ${(p: any) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n        }\r\n    }\r\n    img {\r\n        max-width: 100%;\r\n    }\r\n`;\r\n\r\nexport default ImageLink;\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,YAA8B,CAAC,OAA4B;AAA5B,eAAE,gBAAF,IAAgB,kBAAhB,IAAgB,CAAd;AACnC,QAAM,EAAE,OAAO,OAAO,WAAW,aAAa;AAK9C,SACK,sBAAA,cAAA,SAAA,iCAAY,QAAZ;AAAA,IAAmB,WAAW,iBAAiB,WAAW,mBAAmB;AAAA,EAAA,IACzE,QACI,sBAAA,cAAA,MAAA;AAAA,IAAK,WAAW;AAAA,IAAO,cAAY;AAAA,EAAA,GAC/B,sBAAA,cAAA,OAAA;AAAA,IAAI,KAAK;AAAA,IAAO,KAAK;AAAA,EAAU,CAAA,CACpC,IAEC,sBAAA,cAAA,OAAA;AAAA,IAAI,KAAK;AAAA,IAAO,KAAK;AAAA,IAAU,cAAY;AAAA,EAAW,CAAA,CAE/D;AAER;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,cAIT,CAAC,MAAA;;AAAW,kBAAE,MAAM,kBAAR,mBAAuB,cAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}