@telia-ace/widget-components-image-link 1.0.18 → 1.0.19-next.0

package/LICENSE.txt

@@ -1,6 +1,6 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
 http://www.humany.com/legal

package/README.md

@@ -1,3 +1,3 @@
-# `@telia-ace/widget-components-image-link`
-
-Image link component for ACE Widgets.
+# `@telia-ace/widget-components-image-link`
+
+Image link component for ACE Widgets.

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

@@ -1,9 +1,9 @@
-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;
+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/dist/image-link.05d2515a.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-link.05d2515a.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-visible {\r\n            ${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":["ImageLink","_a","_b","className","other","__objRest","route","image","ariaLabel","altLabel","useProperties","React","Wrapper","__spreadProps","__spreadValues","appendClassNames","Link","styled","borderTabStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAA8B,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACnC,QAAM,EAAE,OAAAI,GAAO,OAAAC,GAAO,WAAAC,GAAW,UAAAC,EAAA,IAAaC;AAK9C,SACK,gBAAAC,EAAA,cAAAC,GAAAC,EAAAC,EAAA,IAAYV,IAAZ;AAAA,IAAmB,WAAWW,EAAiBZ,GAAW,mBAAmB;AAAA,EAAA,IACzEG,IACI,gBAAAK,EAAA,cAAAK,GAAA;AAAA,IAAK,WAAWV;AAAA,IAAO,cAAYE;AAAA,EAAA,GAC/B,gBAAAG,EAAA,cAAA,OAAA;AAAA,IAAI,KAAKJ;AAAA,IAAO,KAAKE;AAAA,EAAU,CAAA,CACpC,IAEC,gBAAAE,EAAA,cAAA,OAAA;AAAA,IAAI,KAAKJ;AAAA,IAAO,KAAKE;AAAA,IAAU,cAAYD;AAAA,EAAW,CAAA,CAE/D;AAER,GAEMI,IAAUK,EAAO;AAAA;AAAA;AAAA;AAAA,cAITC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"image-link.05d2515a.js","sources":["../src/image-link.tsx"],"sourcesContent":["import { borderTabStyle, Link, useProperties } from '@telia-ace/widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { ImageLinkComponentProps } from './image-link-component';\n\ntype Props = {\n    className: string;\n};\n\nconst ImageLink: React.FC<Props> = ({ className, ...other }) => {\n    const { route, image, ariaLabel, altLabel } = useProperties<ImageLinkComponentProps>();\n\n    // ariaLabel is used as alt text when no link is specified, else\n    // used for aria-label on the link.\n\n    return (\n        <Wrapper {...other} className={appendClassNames(className, 'humany-image-link')}>\n            {route ? (\n                <Link routeName={route} aria-label={ariaLabel}>\n                    <img src={image} alt={altLabel} />\n                </Link>\n            ) : (\n                <img src={image} alt={altLabel} aria-label={ariaLabel} />\n            )}\n        </Wrapper>\n    );\n};\n\nconst Wrapper = styled.div`\n    a {\n        display: block;\n        &:focus-visible {\n            ${borderTabStyle};\n        }\n    }\n    img {\n        max-width: 100%;\n    }\n`;\n\nexport default ImageLink;\n"],"names":["ImageLink","_a","_b","className","other","__objRest","route","image","ariaLabel","altLabel","useProperties","React","Wrapper","__spreadProps","__spreadValues","appendClassNames","Link","styled","borderTabStyle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAMA,IAA6B,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AAClC,QAAM,EAAE,OAAAI,GAAO,OAAAC,GAAO,WAAAC,GAAW,UAAAC,EAAA,IAAaC;AAK9C,SACK,gBAAAC,EAAA,cAAAC,GAAAC,EAAAC,EAAA,IAAYV,IAAZ;AAAA,IAAmB,WAAWW,EAAiBZ,GAAW,mBAAmB;AAAA,EAAA,IACzEG,IACI,gBAAAK,EAAA,cAAAK,GAAA;AAAA,IAAK,WAAWV;AAAA,IAAO,cAAYE;AAAA,EAAA,GAC/B,gBAAAG,EAAA,cAAA,OAAA;AAAA,IAAI,KAAKJ;AAAA,IAAO,KAAKE;AAAA,EAAU,CAAA,CACpC,IAEC,gBAAAE,EAAA,cAAA,OAAA;AAAA,IAAI,KAAKJ;AAAA,IAAO,KAAKE;AAAA,IAAU,cAAYD;AAAA,EAAW,CAAA,CAE/D;AAER,GAEMI,IAAUK,EAAO;AAAA;AAAA;AAAA;AAAA,cAITC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/image-link.d.ts

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

package/dist/index.d.ts

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

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":["ImageLinkComponent","container","createReactComponent"],"mappings":";AAUM,MAAAA,IAAqB,CAACC,MACjBC,EAAqBD,GAAW,cAAc,OAAO,2BAAe;"}
+{"version":3,"file":"index.js","sources":["../src/image-link-component.ts"],"sourcesContent":["import { createReactComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type ImageLinkComponentProps = {\n    route: string;\n    image: string;\n    ariaLabel: string;\n    altLabel: string;\n};\n\nconst ImageLinkComponent = (container: Container) => {\n    return createReactComponent(container, 'image-link', import('./image-link'));\n};\n\nexport default ImageLinkComponent;\n"],"names":["ImageLinkComponent","container","createReactComponent"],"mappings":";AAUM,MAAAA,IAAqB,CAACC,MACjBC,EAAqBD,GAAW,cAAc,OAAO,2BAAe;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-components-image-link",
-    "version": "1.0.18",
+    "version": "1.0.19-next.0",
     "description": "Image link component for ACE Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -26,19 +26,18 @@
     },
     "sideEffects": false,
     "dependencies": {
-        "@telia-ace/widget-ui": "^1.0.22",
-        "@telia-ace/widget-utilities": "^1.0.4",
+        "@telia-ace/widget-ui": "^1.0.23-next.1",
+        "@telia-ace/widget-utilities": "^1.0.5-next.1",
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0",
-        "styled-components": "^4.3.2"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "styled-components": "^5.3.6"
     },
     "devDependencies": {
-        "@types/react": "^16.8.0",
-        "@types/react-dom": "^16.8.0",
-        "@types/styled-components": "^5.1.7"
+        "@types/react-dom": "^18.0.6",
+        "@types/styled-components": "^5.1.26"
     },
-    "gitHead": "c3045eebac4251ae8ba27333abd9b6aa3ccd5b38"
+    "gitHead": "d475a1626b7bec7add7db950829ef7943a9e0e25"
 }