@telia-ace/widget-components-image-link 1.0.5 → 1.0.8

package/dist/image-link.js

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1 @@
+{"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;;"}

package/dist/index.js

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

package/dist/index.js.map

@@ -0,0 +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;;"}

package/package.json

@@ -1,32 +1,31 @@
 {
     "name": "@telia-ace/widget-components-image-link",
-    "version": "1.0.5",
+    "version": "1.0.8",
     "description": "Image 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-ui": "^1.0.8",
-        "@telia-ace/widget-utilities": "^1.0.1",
+        "@telia-ace/widget-ui": "^1.0.10",
+        "@telia-ace/widget-utilities": "^1.0.2",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
@@ -39,5 +38,5 @@
         "@types/react-dom": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "bc33c441c82ee7fe946fc927b489d28cbc5c244a"
+    "gitHead": "8836020841672f7be61a89fff0cabaac570cd3f9"
 }

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

@@ -1,9 +0,0 @@
-import { Container } from '@webprovisions/platform';
-export declare type ImageLinkComponentProps = {
-    route: string;
-    image: string;
-    ariaLabel: string;
-    altLabel: string;
-};
-declare const ImageLinkComponent: (container: Container) => Promise<void>;
-export default ImageLinkComponent;

package/lib/image-link-component.js

@@ -1,30 +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 });
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var ImageLinkComponent = function (container) {
-    return (0, widget_ui_1.createReactComponent)(container, 'image-link', Promise.resolve().then(function () { return __importStar(require('./image-link')); }));
-};
-exports.default = ImageLinkComponent;

package/lib/image-link.d.ts

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

package/lib/image-link.js

@@ -1,46 +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 __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 = __importDefault(require("styled-components"));
-var ImageLink = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var _b = (0, widget_ui_1.useProperties)(), route = _b.route, image = _b.image, ariaLabel = _b.ariaLabel, altLabel = _b.altLabel;
-    // ariaLabel is used as alt text when no link is specified, else
-    // used for aria-label on the link.
-    return (react_1.default.createElement(Wrapper, __assign({}, other, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-image-link') }), route ? (react_1.default.createElement(widget_ui_1.Link, { routeName: route, "aria-label": ariaLabel },
-        react_1.default.createElement("img", { src: image, alt: altLabel }))) : (react_1.default.createElement("img", { src: image, alt: altLabel, "aria-label": ariaLabel }))));
-};
-var Wrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    a {\n        display: block;\n        &:focus {\n            ", ";\n        }\n    }\n    img {\n        max-width: 100%;\n    }\n"], ["\n    a {\n        display: block;\n        &:focus {\n            ", ";\n        }\n    }\n    img {\n        max-width: 100%;\n    }\n"])), function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && widget_ui_1.borderTabStyle; });
-exports.default = ImageLink;
-var templateObject_1;

package/lib/index.d.ts

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

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 image_link_component_1 = __importDefault(require("./image-link-component"));
-exports.default = image_link_component_1.default;

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

@@ -1,5 +0,0 @@
-import { createReactComponent } from '@telia-ace/widget-ui';
-var ImageLinkComponent = function (container) {
-    return createReactComponent(container, 'image-link', import('./image-link'));
-};
-export default ImageLinkComponent;

package/lib-esm/image-link.js

@@ -1,41 +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 { borderTabStyle, Link, useProperties } from '@telia-ace/widget-ui';
-import { appendClassNames } from '@telia-ace/widget-utilities';
-import React from 'react';
-import styled from 'styled-components';
-var ImageLink = function (_a) {
-    var className = _a.className, other = __rest(_a, ["className"]);
-    var _b = useProperties(), route = _b.route, image = _b.image, ariaLabel = _b.ariaLabel, altLabel = _b.altLabel;
-    // ariaLabel is used as alt text when no link is specified, else
-    // used for aria-label on the link.
-    return (React.createElement(Wrapper, __assign({}, other, { className: appendClassNames(className, 'humany-image-link') }), route ? (React.createElement(Link, { routeName: route, "aria-label": ariaLabel },
-        React.createElement("img", { src: image, alt: altLabel }))) : (React.createElement("img", { src: image, alt: altLabel, "aria-label": ariaLabel }))));
-};
-var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    a {\n        display: block;\n        &:focus {\n            ", ";\n        }\n    }\n    img {\n        max-width: 100%;\n    }\n"], ["\n    a {\n        display: block;\n        &:focus {\n            ", ";\n        }\n    }\n    img {\n        max-width: 100%;\n    }\n"])), function (p) { var _a; return ((_a = p.theme.accessibility) === null || _a === void 0 ? void 0 : _a.isTabbing) && borderTabStyle; });
-export default ImageLink;
-var templateObject_1;

package/lib-esm/index.js

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