@telia-ace/knowledge-widget-components-related-tag-list 1.0.20 → 1.0.21
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
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-related-tag-list`
|
|
2
|
-
|
|
3
|
-
Related tag list component for ACE Knowledge Widgets.
|
|
1
|
+
# `@telia-ace/knowledge-widget-components-related-tag-list`
|
|
2
|
+
|
|
3
|
+
Related tag list component for ACE Knowledge Widgets.
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import RelatedTagListComponent from './related-tag-list-component';
|
|
2
|
-
export default RelatedTagListComponent;
|
|
1
|
+
import RelatedTagListComponent from './related-tag-list-component';
|
|
2
|
+
export default RelatedTagListComponent;
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/related-tag-list-component.ts"],"sourcesContent":["import { createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/related-tag-list-component.ts"],"sourcesContent":["import { createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';\nimport { DataClient, DataType } from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport type RelatedTagListComponentProps = {\n header: string;\n route?: string;\n items?: any[]; // internal\n showIcons?: boolean;\n};\n\nconst RelatedTagListComponent = (container: Container) => {\n return createReactComponent(\n container,\n 'related-tag-list',\n import('./related-tag-list'),\n (component) => {\n const { events } = container.get('$widget');\n const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n const fetch = (params: { [key: string]: string }) => {\n component.writeProperties({ loading: true, error: undefined });\n component.actions.dispatch('fetch', { params });\n };\n\n component.actions.create('fetch', ({ items = [] }) => {\n return component.actions.dispatch('fetched', {\n items,\n loading: true,\n });\n });\n\n component.actions.create('fetched', (input) => {\n return component.writeProperties({ ...input, loading: false });\n });\n\n container.getAsync('router').then((router) => {\n const { params } = router.getRouteData();\n fetch(params);\n });\n subscribe('router:changed', (_, { current }) => {\n fetch(current.routeData.params);\n });\n return () => {\n unsubscribe();\n };\n }\n ).then(() => {\n return extendComponent(container, 'related-tag-list', (component) => {\n component.actions.watch('related-tag-list.fetch', (input, next) => {\n const {\n params: { guide, connection },\n } = input;\n\n if (typeof guide !== 'undefined') {\n return container.getAsync('dataClient').then((dataClient: DataClient) => {\n return dataClient\n .fetch(DataType.Guide, {\n connection,\n guideId: guide,\n })\n .then(({ tags }) => {\n return next({ ...input, items: tags || [] });\n })\n .catch((e: any) => {\n return next(input);\n });\n });\n }\n });\n });\n });\n};\nexport default RelatedTagListComponent;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYM,MAAA,IAA0B,CAAC,MACtB,EACH,GACA,oBACA,OAAO,mCACP,CAAC,MAAc;AACX,QAAM,EAAE,cAAW,EAAU,IAAI,SAAS,GACpC,CAAC,GAAW,KAAe,EAAsB,CAAM,GAEvD,IAAQ,CAAC,MAAsC;AACjD,MAAU,gBAAgB,EAAE,SAAS,IAAM,OAAO,QAAW,GAC7D,EAAU,QAAQ,SAAS,SAAS,EAAE,UAAQ,CAAA;AAAA,EAAA;AAGlD,WAAU,QAAQ,OAAO,SAAS,CAAC,EAAE,WAAQ,CAAA,QAClC,EAAU,QAAQ,SAAS,WAAW;AAAA,IACzC;AAAA,IACA,SAAS;AAAA,EAAA,CACZ,CACJ,GAED,EAAU,QAAQ,OAAO,WAAW,CAAC,MAC1B,EAAU,gBAAgB,QAAK,IAAL,EAAY,SAAS,KAAO,CAChE,GAED,EAAU,SAAS,QAAQ,EAAE,KAAK,CAAC,MAAW;AACpC,UAAA,EAAE,cAAW,EAAO,aAAa;AACvC,MAAM,CAAM;AAAA,EAAA,CACf,GACD,EAAU,kBAAkB,CAAC,GAAG,EAAE,iBAAc;AACtC,MAAA,EAAQ,UAAU,MAAM;AAAA,EAAA,CACjC,GACM,MAAM;AACG;EAAA;AAChB,CAER,EAAE,KAAK,MACI,EAAgB,GAAW,oBAAoB,CAAC,MAAc;AACjE,IAAU,QAAQ,MAAM,0BAA0B,CAAC,GAAO,MAAS;AACzD,UAAA;AAAA,MACF,QAAQ,EAAE,UAAO;AAAA,QACjB;AAEA,QAAA,OAAO,KAAU;AACjB,aAAO,EAAU,SAAS,YAAY,EAAE,KAAK,CAAC,MACnC,EACF,MAAM,EAAS,OAAO;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,MACZ,CAAA,EACA,KAAK,CAAC,EAAE,cACE,EAAK,QAAK,IAAL,EAAY,OAAO,KAAQ,KAAI,CAC9C,EACA,MAAM,CAAC,MACG,EAAK,CAAK,CACpB,CACR;AAAA,EACL,CACH;AAAA,CACJ,CACJ;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Container } from '@webprovisions/platform';
|
|
2
|
-
export declare type RelatedTagListComponentProps = {
|
|
3
|
-
header: string;
|
|
4
|
-
route?: string;
|
|
5
|
-
items?: any[];
|
|
6
|
-
showIcons?: boolean;
|
|
7
|
-
};
|
|
8
|
-
declare const RelatedTagListComponent: (container: Container) => Promise<void>;
|
|
9
|
-
export default RelatedTagListComponent;
|
|
1
|
+
import { Container } from '@webprovisions/platform';
|
|
2
|
+
export declare type RelatedTagListComponentProps = {
|
|
3
|
+
header: string;
|
|
4
|
+
route?: string;
|
|
5
|
+
items?: any[];
|
|
6
|
+
showIcons?: boolean;
|
|
7
|
+
};
|
|
8
|
+
declare const RelatedTagListComponent: (container: Container) => Promise<void>;
|
|
9
|
+
export default RelatedTagListComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"related-tag-list.720fcccc.js","sources":["../src/related-tag-list.tsx"],"sourcesContent":["import { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\
|
|
1
|
+
{"version":3,"file":"related-tag-list.720fcccc.js","sources":["../src/related-tag-list.tsx"],"sourcesContent":["import { Symbol, Tag } from '@telia-ace/knowledge-widget-core';\nimport {\n borderTabStyle,\n contentBox,\n createEmptyComponent,\n ItemList,\n itemList,\n SymbolBadge,\n TextLink,\n useContainer,\n useProperties,\n useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport styled, { css } from 'styled-components';\nimport { RelatedTagListComponentProps } from './related-tag-list-component';\n\nconst getIcon = (selected: boolean, defaultIcon?: Symbol, activeIcon?: Symbol) => {\n if (selected && activeIcon) {\n return <StyledSymbolBadge symbol={activeIcon} size={18} />;\n }\n if (defaultIcon) {\n return <StyledSymbolBadge symbol={defaultIcon} size={18} />;\n }\n return null;\n};\n\ntype Props = {\n className: string;\n embedded?: boolean;\n};\n\nconst RelatedTagList: React.FC<Props> = ({ className, embedded = false, ...other }) => {\n const container = useContainer();\n const {\n route = 'search',\n header,\n items = [],\n showIcons,\n } = useProperties<RelatedTagListComponentProps>();\n const { params } = useRouteData();\n\n if (!items.length) {\n return createEmptyComponent(container, {\n ...other,\n className: appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list'),\n });\n }\n\n return (\n <StyledItemList\n embedded={embedded ? 'true' : 'false'}\n {...other}\n className={appendClassNames(className, 'humany-tag-list', 'humany-related-tag-list')}\n header={header}\n items={items}\n renderItem={(item: Tag) => {\n const { id, title, defaultIcon, activeIcon } = item;\n const selected = params.tag === item.id || (!params.tag && item.id === '0');\n\n return (\n <li key={id} data-tag={id}>\n <StyledLink\n routeName={route}\n selected={selected}\n params={createParams({\n tag: id,\n })}\n text={title}\n >\n {showIcons && getIcon(selected, defaultIcon, activeIcon)}\n </StyledLink>\n </li>\n );\n }}\n />\n );\n};\n\nexport default RelatedTagList;\n\nconst StyledSymbolBadge = styled(SymbolBadge)<{ size: number; symbol: Symbol }>`\n margin-right: ${(p) => p.theme.sizes?.small};\n ${(p: any) => {\n if (p.symbol.type === 'Uri') {\n return `\n width: ${p.size}px;\n height: ${p.size}px;\n `;\n }\n\n if (p.symbol.type === 'FontAwesome') {\n return `\n font-size: ${p.size}px;\n `;\n }\n }}\n`;\n\nconst StyledItemList = styled(ItemList)<any>`\n ${itemList}\n ${(p) => p.embedded === 'false' && contentBox}\n ${(p) => `padding: ${p.theme.sizes?.large};`}\n justify-content: flex-start;\n\n ul {\n display: flex;\n flex-wrap: wrap;\n li {\n margin: 0 ${(p) => `${p.theme.sizes?.small} ${p.theme.sizes?.small}`} 0;\n\n a {\n color: #fff;\n }\n }\n }\n`;\n\nconst StyledLink = styled(TextLink)<any>`\n padding: 8px 15px;\n background-color: ${(p) => (p.selected ? p.theme.colors?.text : p.theme.colors?.primary)};\n font-weight: 300;\n border-radius: ${(p) => p.theme.borderRadius};\n display: block;\n font-size: ${(p) => p.theme.fonts?.normal};\n\n &:focus {\n ${(p) =>\n p.theme.accessibility?.isTabbing &&\n css`\n ${borderTabStyle}\n padding: 6px 15px;\n background-color: transparent;\n `};\n }\n\n @media (hover: hover) {\n &:hover {\n background-color: ${(p) =>\n p.selected ? p.theme.colors?.primary : p.theme.colors?.text};\n }\n }\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,IAAU,CAAC,GAAmB,GAAsB,MAClD,KAAY,IACJ,kBAAA,cAAA,GAAA;AAAA,EAAkB,QAAQ;AAAA,EAAY,MAAM;AAAA,CAAI,IAExD,IACQ,kBAAA,cAAA,GAAA;AAAA,EAAkB,QAAQ;AAAA,EAAa,MAAM;AAAA,CAAI,IAEtD,MAQL,IAAkC,CAAC,MAA8C;AAA9C,aAAE,gBAAW,cAAW,OAAxB,GAAkC,MAAlC,GAAkC,CAAhC,aAAW;AAClD,QAAM,IAAY,KACZ;AAAA,IACF,WAAQ;AAAA,IACR;AAAA,IACA,WAAQ,CAAC;AAAA,IACT;AAAA,MACA,EAA4C,GAC1C,EAAE,cAAW;AAEf,SAAC,EAAM,SAQN,kBAAA,cAAA,GAAA;AAAA,IACG,UAAU,IAAW,SAAS;AAAA,KAC1B,IAFP;AAAA,IAGG,WAAW,EAAiB,GAAW,mBAAmB,yBAAyB;AAAA,IACnF;AAAA,IACA;AAAA,IACA,YAAY,CAAC,MAAc;AACvB,YAAM,EAAE,OAAI,UAAO,gBAAa,kBAAe,GACzC,IAAW,EAAO,QAAQ,EAAK,MAAO,CAAC,EAAO,OAAO,EAAK,OAAO;AAEvE,aACK,kBAAA,cAAA,MAAA;AAAA,QAAG,KAAK;AAAA,QAAI,YAAU;AAAA,MAAA,GAClB,kBAAA,cAAA,GAAA;AAAA,QACG,WAAW;AAAA,QACX;AAAA,QACA,QAAQ,EAAa;AAAA,UACjB,KAAK;AAAA,QAAA,CACR;AAAA,QACD,MAAM;AAAA,MAAA,GAEL,KAAa,EAAQ,GAAU,GAAa,CAAU,CAC3D,CACJ;AAAA,IAER;AAAA,EAAA,EACJ,IAhCO,EAAqB,GAAW,QAChC,IADgC;AAAA,IAEnC,WAAW,EAAiB,GAAW,mBAAmB,yBAAyB;AAAA,EAAA,EACtF;AA+BT,GAIM,IAAoB,EAAO,CAAW;AAAA,oBACxB,CAAC,MAAM;;AAAA,gBAAE,MAAM,UAAR,kBAAe;AAAA;AAAA,MACpC,CAAC,MAAW;AACN,MAAA,EAAE,OAAO,SAAS;AACX,WAAA;AAAA,iBACF,EAAE;AAAA,kBACD,EAAE;AAAA;AAIR,MAAA,EAAE,OAAO,SAAS;AACX,WAAA;AAAA,qBACE,EAAE;AAAA;AAGnB;AAAA,GAGE,IAAiB,EAAO,CAAQ;AAAA,MAChC;AAAA,MACA,CAAC,MAAM,EAAE,aAAa,WAAW;AAAA,IACnC,CAAC,MAAM;;AAAA,qBAAY,OAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAOd,CAAC,MAAM;;AAAA,YAAG,OAAE,MAAM,UAAR,kBAAe,SAAS,OAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASnE,IAAa,EAAO,CAAQ;AAAA;AAAA,wBAEV,CAAC,MAAO;;AAAA,WAAE,WAAW,OAAE,MAAM,WAAR,kBAAgB,OAAO,OAAE,MAAM,WAAR,kBAAgB;AAAA;AAAA;AAAA,qBAE/D,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,iBAEnB,CAAC,MAAM;;AAAA,gBAAE,MAAM,UAAR,kBAAe;AAAA;AAAA;AAAA;AAAA,UAG7B,CAAC,MAAA;;AACC,iBAAE,MAAM,kBAAR,kBAAuB,cACvB;AAAA,kBACM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAQc,CAAC,MACjB;;AAAA,WAAE,WAAW,OAAE,MAAM,WAAR,kBAAgB,UAAU,OAAE,MAAM,WAAR,kBAAgB;AAAA;AAAA;AAAA;AAAA;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type Props = {
|
|
3
|
-
className: string;
|
|
4
|
-
embedded?: boolean;
|
|
5
|
-
};
|
|
6
|
-
declare const RelatedTagList: React.FC<Props>;
|
|
7
|
-
export default RelatedTagList;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type Props = {
|
|
3
|
+
className: string;
|
|
4
|
+
embedded?: boolean;
|
|
5
|
+
};
|
|
6
|
+
declare const RelatedTagList: React.FC<Props>;
|
|
7
|
+
export default RelatedTagList;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/knowledge-widget-components-related-tag-list",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21",
|
|
4
4
|
"description": "Related tag list component for ACE Knowledge Widgets.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"author": "Telia Company AB",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@telia-ace/knowledge-widget-core": "^1.0.17",
|
|
29
|
-
"@telia-ace/knowledge-widget-types-grid": "^1.0.
|
|
29
|
+
"@telia-ace/knowledge-widget-types-grid": "^1.0.28",
|
|
30
30
|
"@telia-ace/knowledge-widget-ui": "^1.0.23",
|
|
31
31
|
"@telia-ace/widget-utilities": "^1.0.2",
|
|
32
32
|
"@webprovisions/platform": "^1.1.2"
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"@types/react-dom": "^16.8.0",
|
|
42
42
|
"@types/styled-components": "^5.1.7"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "038c3d0914f7298d2bb74a80c7a679c7450633f9"
|
|
45
45
|
}
|