@telia-ace/knowledge-widget-components-contact-link 1.0.21 → 1.0.22-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +5 -5
- package/README.md +3 -3
- package/dist/contact-link-component.d.ts +14 -14
- package/dist/contact-link.d.ts +6 -6
- package/dist/contact-link.f31b21b6.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js.map +1 -1
- package/package.json +11 -11
package/LICENSE.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
Copyright © 2021, Telia Company AB. All rights reserved.
|
|
2
|
-
|
|
3
|
-
THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
|
|
4
|
-
THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
|
|
5
|
-
AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
|
|
1
|
+
Copyright © 2021, Telia Company AB. All rights reserved.
|
|
2
|
+
|
|
3
|
+
THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
|
|
4
|
+
THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
|
|
5
|
+
AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
|
|
6
6
|
http://www.humany.com/legal
|
package/README.md
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
# `@telia-ace/knowledge-widget-components-contact-link`
|
|
2
|
-
|
|
3
|
-
Contact link component for ACE Knowledge Widgets.
|
|
1
|
+
# `@telia-ace/knowledge-widget-components-contact-link`
|
|
2
|
+
|
|
3
|
+
Contact link component for ACE Knowledge Widgets.
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { Symbol } from '@telia-ace/knowledge-widget-core';
|
|
2
|
-
import { Container } from '@webprovisions/platform';
|
|
3
|
-
export declare type ContactLinkComponentProps = {
|
|
4
|
-
widget: string;
|
|
5
|
-
route: string;
|
|
6
|
-
mode: 'large' | 'compact';
|
|
7
|
-
iconSize: 'large' | 'small';
|
|
8
|
-
symbol?: Symbol;
|
|
9
|
-
label: string;
|
|
10
|
-
descriptionLabel: string;
|
|
11
|
-
textAlign: string;
|
|
12
|
-
};
|
|
13
|
-
declare const ContactLinkComponent: (container: Container) => Promise<void>;
|
|
14
|
-
export default ContactLinkComponent;
|
|
1
|
+
import { Symbol } from '@telia-ace/knowledge-widget-core';
|
|
2
|
+
import { Container } from '@webprovisions/platform';
|
|
3
|
+
export declare type ContactLinkComponentProps = {
|
|
4
|
+
widget: string;
|
|
5
|
+
route: string;
|
|
6
|
+
mode: 'large' | 'compact';
|
|
7
|
+
iconSize: 'large' | 'small';
|
|
8
|
+
symbol?: Symbol;
|
|
9
|
+
label: string;
|
|
10
|
+
descriptionLabel: string;
|
|
11
|
+
textAlign: string;
|
|
12
|
+
};
|
|
13
|
+
declare const ContactLinkComponent: (container: Container) => Promise<void>;
|
|
14
|
+
export default ContactLinkComponent;
|
package/dist/contact-link.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type Props = {
|
|
3
|
-
className: string;
|
|
4
|
-
};
|
|
5
|
-
declare const ContactLink: React.FC<Props>;
|
|
6
|
-
export default ContactLink;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type Props = {
|
|
3
|
+
className: string;
|
|
4
|
+
};
|
|
5
|
+
declare const ContactLink: React.FC<Props>;
|
|
6
|
+
export default ContactLink;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contact-link.f31b21b6.js","sources":["../src/contact-link.tsx"],"sourcesContent":["import {\
|
|
1
|
+
{"version":3,"file":"contact-link.f31b21b6.js","sources":["../src/contact-link.tsx"],"sourcesContent":["import {\n borderTabStyle,\n contentBox,\n Link,\n linkTabStyle,\n SymbolBadge,\n Text,\n useProperties,\n WidgetLink,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport styled, { css } from 'styled-components';\nimport { ContactLinkComponentProps } from './contact-link-component';\n\ntype Props = {\n className: string;\n};\n\nconst ContactLink: React.FC<Props> = ({ className, ...other }) => {\n const {\n widget,\n route,\n mode = 'large',\n iconSize = 'large',\n symbol,\n descriptionLabel,\n label,\n textAlign,\n } = useProperties<ContactLinkComponentProps>();\n\n const align = textAlign ? textAlign : mode === 'large' ? 'center' : 'right';\n const iconSizePx = iconSize === 'large' ? '64' : '48';\n const activationOptions = {\n apiNotificationPriorityBy: 'contacts',\n };\n\n if (mode === 'compact') {\n return (\n <CompactWrapper\n {...other}\n className={appendClassNames(\n className,\n 'humany-contact-link',\n 'humany-contact-link-compact'\n )}\n textAlign={align}\n >\n {descriptionLabel && <Text>{descriptionLabel}</Text>}\n {route ? (\n <Link routeName={route}>{label}</Link>\n ) : (\n <WidgetLink\n aria-haspopup=\"dialog\"\n role=\"button\"\n activationOptions={activationOptions}\n widgetName={widget}\n >\n {label}\n </WidgetLink>\n )}\n </CompactWrapper>\n );\n }\n\n const children = (\n <>\n {symbol ? (\n <SymbolBadge symbol={symbol} />\n ) : (\n <ContactIcon\n width={iconSizePx}\n viewBox=\"0 0 63 37\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1 1H62M1 1L24.7579 15.6328M1 1V36M62 1V36M62 1L38.8842 15.5402M1 36H62M1 36L24.7579 15.6328M62 36L38.8842 15.5402M38.8842 15.5402L37.0898 16.6689C33.8642 18.6979 29.7658 18.7172 26.5212 16.7188L24.7579 15.6328\"\n stroke=\"#990AE3\"\n />\n </ContactIcon>\n )}\n {label && <Heading>{label}</Heading>}\n {descriptionLabel && <Description>{descriptionLabel}</Description>}\n </>\n );\n\n return route ? (\n <StyledLink\n {...other}\n className={appendClassNames(\n className,\n 'humany-contact-link',\n 'humany-contact-link-large'\n )}\n routeName={route}\n >\n {children}\n </StyledLink>\n ) : (\n <StyledWidgetLink\n {...other}\n aria-haspopup=\"dialog\"\n role=\"button\"\n className={appendClassNames(\n className,\n 'humany-contact-link',\n 'humany-contact-link-large'\n )}\n textAlign={align}\n widgetName={widget}\n activationOptions={activationOptions}\n >\n {children}\n </StyledWidgetLink>\n );\n};\n\nconst CompactWrapper = styled.div<{ textAlign: string } & any>`\n text-align: ${(p) => p.textAlign};\n font-weight: 300;\n\n span,\n a {\n display: inline-block;\n font-size: ${(p) => p.theme.fonts?.normal};\n }\n\n span {\n margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n }\n a {\n text-decoration: underline;\n color: ${(p) => p.theme.colors?.primary};\n &:focus-visible {\n ${linkTabStyle}\n padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n }\n }\n`;\n\nconst styling = css`\n ${contentBox}\n padding: ${(p) => p.theme.sizes?.large};\n text-align: center;\n cursor: pointer;\n text-decoration: none;\n i {\n font-size: ${(p) => p.theme.fonts?.huge};\n min-width: 1em;\n min-height: 1em;\n color: ${(p) => p.theme.colors?.primary};\n }\n span {\n color: ${(p) => p.theme.colors?.text};\n }\n &:focus-visible {\n ${borderTabStyle};\n }\n`;\n\nconst StyledWidgetLink = styled(WidgetLink)<any>`\n ${styling}\n text-align: ${(p) => p.textAlign};\n`;\n\nconst StyledLink = styled(Link)<any>`\n ${styling}\n`;\n\nconst Description = styled(Text)`\n line-height: 1.6em;\n font-weight: 300;\n font-size: ${(p) => p.theme.fonts?.normal};\n`;\n\nconst Heading = styled(Text)`\n display: block;\n font-size: ${(p) => p.theme.fonts?.medium};\n margin: ${(p) => p.theme.sizes?.normal} 0;\n`;\n\nconst ContactIcon = styled.svg`\n align-self: center;\n\n path {\n vector-effect: non-scaling-stroke;\n stroke: ${(p) => p.theme.colors?.primary};\n }\n`;\n\nexport default ContactLink;\n"],"names":["ContactLink","_a","_b","className","other","__objRest","widget","route","mode","iconSize","symbol","descriptionLabel","label","textAlign","useProperties","align","iconSizePx","activationOptions","React","CompactWrapper","__spreadProps","__spreadValues","appendClassNames","Text","Link","WidgetLink","children","SymbolBadge","ContactIcon","Heading","Description","StyledLink","StyledWidgetLink","styled","p","linkTabStyle","styling","css","contentBox","borderTabStyle"],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import ContactLinkComponent from './contact-link-component';
|
|
2
|
-
export default ContactLinkComponent;
|
|
1
|
+
import ContactLinkComponent from './contact-link-component';
|
|
2
|
+
export default ContactLinkComponent;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/contact-link-component.ts"],"sourcesContent":["import { Symbol } from '@telia-ace/knowledge-widget-core';\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/contact-link-component.ts"],"sourcesContent":["import { Symbol } from '@telia-ace/knowledge-widget-core';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type ContactLinkComponentProps = {\n widget: string;\n route: string;\n mode: 'large' | 'compact';\n iconSize: 'large' | 'small';\n symbol?: Symbol;\n label: string;\n descriptionLabel: string;\n textAlign: string;\n};\n\nconst ContactLinkComponent = (container: Container) => {\n return createReactComponent(container, 'contact-link', import('./contact-link'));\n};\n\nexport default ContactLinkComponent;\n"],"names":["ContactLinkComponent","container","createReactComponent"],"mappings":";AAeM,MAAAA,IAAuB,CAACC,MACnBC,EAAqBD,GAAW,gBAAgB,OAAO,6BAAiB;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/knowledge-widget-components-contact-link",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.22-next.1",
|
|
4
4
|
"description": "Contact link component for ACE Knowledge Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -26,20 +26,20 @@
|
|
|
26
26
|
},
|
|
27
27
|
"sideEffects": false,
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@telia-ace/knowledge-widget-core": "
|
|
30
|
-
"@telia-ace/knowledge-widget-ui": "
|
|
31
|
-
"@telia-ace/widget-utilities": "
|
|
29
|
+
"@telia-ace/knowledge-widget-core": "next",
|
|
30
|
+
"@telia-ace/knowledge-widget-ui": "next",
|
|
31
|
+
"@telia-ace/widget-utilities": "next",
|
|
32
32
|
"@webprovisions/platform": "^1.1.2"
|
|
33
33
|
},
|
|
34
34
|
"peerDependencies": {
|
|
35
|
-
"react": "^
|
|
36
|
-
"react-dom": "^
|
|
37
|
-
"styled-components": "^
|
|
35
|
+
"react": "^18.2.0",
|
|
36
|
+
"react-dom": "^18.2.0",
|
|
37
|
+
"styled-components": "^5.3.6"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@types/react": "^
|
|
41
|
-
"@types/react-dom": "^
|
|
42
|
-
"@types/styled-components": "^5.1.
|
|
40
|
+
"@types/react": "^18.0.21",
|
|
41
|
+
"@types/react-dom": "^18.0.6",
|
|
42
|
+
"@types/styled-components": "^5.1.26"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "5e0d73a35737d0155516c218071710a8da165c07"
|
|
45
45
|
}
|