@telia-ace/knowledge-widget-components-search 1.1.2-rc.0 → 1.1.2-rc.2
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/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const p=require("@telia-ace/knowledge-data-client"),T=require("@telia-ace/knowledge-widget-core"),R=require("@telia-ace/knowledge-widget-ui"),d=require("@telia-ace/widget-utilities"),b=n=>!!n.guideCategoryId||n.tagIds.length>0,A=(n,r)=>{const c=d.categoryTrail(n,r),l=d.getCategoryTrailAsObjects(c,r);return c.map(C=>{var h;return((h=l.get(C))==null?void 0:h.title)||""}).join(" / ")},y=n=>{const r=d.deepClone(n);return r.sort((c,l)=>c.title>l.title?1:-1),r.forEach(c=>{c.items&&(c.items=y(c.items))}),r},m=n=>R.createReactComponent(n,"search",Promise.resolve().then(()=>require("./search-
|
|
1
|
+
"use strict";const p=require("@telia-ace/knowledge-data-client"),T=require("@telia-ace/knowledge-widget-core"),R=require("@telia-ace/knowledge-widget-ui"),d=require("@telia-ace/widget-utilities"),b=n=>!!n.guideCategoryId||n.tagIds.length>0,A=(n,r)=>{const c=d.categoryTrail(n,r),l=d.getCategoryTrailAsObjects(c,r);return c.map(C=>{var h;return((h=l.get(C))==null?void 0:h.title)||""}).join(" / ")},y=n=>{const r=d.deepClone(n);return r.sort((c,l)=>c.title>l.title?1:-1),r.forEach(c=>{c.items&&(c.items=y(c.items))}),r},m=n=>R.createReactComponent(n,"search",Promise.resolve().then(()=>require("./search-2a647e25.js")),r=>{const{events:c}=n.get("$widget"),[l,I]=T.createEventSubscriber(c),C=async a=>{const t=a.tag?a.tag.split(","):[],e=a.guideCategory,s=a.phrase||"",{activeFilterBadges:g}=r.properties(),o=await v({}),i=await w({tagId:a.tag,searchPhrase:s}),f=e?d.findCategoryById(e,i):null,u=t.reduce((P,k)=>{const q=o.find(D=>D.id===k);return q&&P.push(q),P},[]);r.writeProperties({activeFilterBadges:{...g,tag:u,guideCategory:f,tooltip:A(e,i)||null}})};r.actions.create("search",async a=>{const{route:t="search",patchParams:e=!1}=r.properties(),{filters:s,filtersChanged:g,value:o}=a;if(o.length>0||(b(s)||g)&&!s.initial){const i=await n.getAsync("router"),{params:f}=i.getRouteData();let u={guide:void 0,id:void 0,accordion:void 0,contactMethod:void 0};u.phrase=o.length>0?encodeURIComponent(o):"",e&&(u={...f,...u}),(s!=null&&s.guideCategoryId||g)&&(u.guideCategory=s.guideCategoryId||void 0),((s==null?void 0:s.tagIds.length)>0||g)&&(s.tagIds.length>0?u.tag=s.tagIds.join(","):u.tag=void 0),i.navigate(t,d.createParams(u))}}),r.actions.create("clear",(a,t)=>{a.navigateToHome&&n.getAsync("router").then(e=>{const{name:s}=e.getInitialRoute();e.navigate(s)})});const h=()=>n.getAsync("router").then(a=>a.getRouteData().params);r.actions.create("quick-filter:add",async a=>{const{category:t,tagIds:e=[],initial:s}=a,g=await n.getAsync("router"),{params:o}=g.getRouteData(),i=o.tag?o.tag.split(","):[];r.actions.dispatch("search",{filtersChanged:!0,filters:{guideCategoryId:t,tagIds:[...new Set([...i,...e])]},value:o.phrase||""})}),r.actions.create("quick-filter:remove",({types:a,ids:t=[]})=>{const{activeFilterBadges:e}=r.properties();n.getAsync("router").then(s=>{var o;const{params:g}=s.getRouteData();r.actions.dispatch("search",{filtersChanged:!0,filters:{guideCategoryId:a.indexOf("guideCategory")>-1?null:(o=e==null?void 0:e.guideCategory)==null?void 0:o.id,tagIds:a.indexOf("tag")>-1?((e==null?void 0:e.tag)||[]).filter(i=>!(t!=null&&t.includes(i.id))).map(i=>i.id):(e==null?void 0:e.tag.map(i=>i.id))||[]},value:g.phrase||""})})}),r.actions.create("quick-filter:close",()=>r.writeProperties({quickFilter:{items:[],loading:!1,open:!1}})),r.actions.create("quick-filter:open",({symbol:a,type:t})=>(r.writeProperties({quickFilter:{type:t,symbol:a,items:[],loading:!0,open:!0}}),h().then(({tag:e,guideCategory:s,phrase:g})=>{if(t==="guideCategory")return w({tagId:e,searchPhrase:g}).then(o=>{const i=d.deepClone(o);r.writeProperties({quickFilter:{items:y(i),loading:!1}})});if(t==="tag")return v({categories:s,searchPhrase:g}).then(o=>{const i=d.deepClone(o);r.writeProperties({quickFilter:{items:y(i),loading:!1}})})})));const w=a=>p.DataClient.getInstance(n).then(t=>t.fetch(p.DataType.GuideCategories,a)).then(t=>t.categories||[]),v=a=>p.DataClient.getInstance(n).then(t=>t.fetch(p.DataType.TagsOnGuides,a)).then((t=[])=>t);return h().then(a=>{C(a)}),l("router:changed",(a,{current:t})=>{const{routeData:{params:e}}=t;C(e)}),l("data-client:fetched",(a,t)=>{const{filterBadges:e}=r.properties(),s=typeof e=="object"?!!e.tag:!!e;t.type==="match"&&s&&h().then(({tag:g})=>{const{tags:o=[]}=t.response,i=o.find(f=>f.id===g)||null;r.writeProperties({filters:{tag:i}})})}),()=>{I()}});module.exports=m;
|
package/index.mjs
CHANGED
|
@@ -16,7 +16,7 @@ const x = (g) => !!g.guideCategoryId || g.tagIds.length > 0, F = (g, r) => {
|
|
|
16
16
|
}, U = (g) => q(
|
|
17
17
|
g,
|
|
18
18
|
"search",
|
|
19
|
-
import("./search-
|
|
19
|
+
import("./search-db55de94.mjs"),
|
|
20
20
|
(r) => {
|
|
21
21
|
const { events: c } = g.get("$widget"), [d, C] = k(c), f = async (a) => {
|
|
22
22
|
const e = a.tag ? a.tag.split(",") : [], t = a.guideCategory, s = a.phrase || "", { activeFilterBadges: n } = r.properties(), o = await v({}), i = await I({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/knowledge-widget-components-search",
|
|
3
|
-
"version": "1.1.2-rc.
|
|
3
|
+
"version": "1.1.2-rc.2",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -10,12 +10,12 @@
|
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@telia-ace/knowledge-widget-core": "^1.1.2-rc.
|
|
14
|
-
"@telia-ace/knowledge-widget-ui": "^1.1.2-rc.
|
|
15
|
-
"@telia-ace/widget-utilities": "^1.1.2-rc.
|
|
16
|
-
"@telia-ace/knowledge-data-client": "^1.1.2-rc.
|
|
17
|
-
"@telia-ace/widget-routing": "^1.1.2-rc.
|
|
18
|
-
"@telia-ace/widget-types-grid": "^1.1.2-rc.
|
|
13
|
+
"@telia-ace/knowledge-widget-core": "^1.1.2-rc.2",
|
|
14
|
+
"@telia-ace/knowledge-widget-ui": "^1.1.2-rc.2",
|
|
15
|
+
"@telia-ace/widget-utilities": "^1.1.2-rc.2",
|
|
16
|
+
"@telia-ace/knowledge-data-client": "^1.1.2-rc.2",
|
|
17
|
+
"@telia-ace/widget-routing": "^1.1.2-rc.2",
|
|
18
|
+
"@telia-ace/widget-types-grid": "^1.1.2-rc.2",
|
|
19
19
|
"@webprovisions/platform": "^1.1.4"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
@@ -53,43 +53,43 @@
|
|
|
53
53
|
order: 1;
|
|
54
54
|
}
|
|
55
55
|
`,N=(e,t)=>!t||!e?!0:e.toLowerCase().indexOf(t.toLowerCase())>-1,ae=(e=[],t,s)=>{if(!s)return e;const l=F.deepClone(e);if(t==="tag")return l.filter(o=>N(o.title,s));const d=ce(l,s);return Y(l,o=>d.indexOf(o.id)>-1)},Y=(e,t)=>e.filter(s=>(s.items&&s.items.length&&(s.items=Y(s.items,t)),t(s))),ce=(e,t)=>{const l=Z(e).filter(u=>N(u.title,t)).map(u=>u.id);let d=[];return l.forEach(u=>{const o=F.categoryTrail(u,e);d=d.concat(o)}),d},Z=e=>{let t=[];return e.forEach(s=>{t.push(s),Array.isArray(s.items)&&(t=t.concat(Z(s.items)))}),t},K=e=>{const t=Array.from((e==null?void 0:e.getElementsByTagName("A"))||[]).filter(s=>s.getAttribute("disabled")===null);return{anchors:t,focusedIndex:t.findIndex(s=>document.activeElement===s)}},le=e=>e?e.querySelector('[data-type="search"], input[type="search"]'):null,W=e=>{if(!e)return;const t=le(e);t&&t.focus()},ue=({filterPhrase:e,items:t,filterType:s,filterContainer:l,searchContainer:d,inputHasFocus:u})=>{const[o,S]=h.useState(t||[]),[C,$]=h.useState(null),A=r.useDispatch(),{activeFilterBadges:p,quickFilters:v}=r.useProperties(),E=typeof v=="object"&&!!v.autoSelect||typeof v=="boolean"&&!!v;h.useEffect(()=>{S(ae(t,s,e))},[e,s,t]),h.useEffect(()=>{var f;if(l){const{anchors:n}=K(l),g=(f=n[0])==null?void 0:f.getAttribute("data-id");g&&$(g)}},[o,l]);const y=h.useCallback((f,n)=>{let g=((p==null?void 0:p.tag)||[]).map(a=>a.id);n==="tag"&&f.id&&(g=g.includes(f.id)?g.filter(a=>a!==f.id):[...g,f.id]);const i={category:p!=null&&p.guideCategory?p.guideCategory.id:void 0,tagIds:g};n==="guideCategory"&&(i.category=f.id),A("quick-filter:add",i)},[p,A]),w=f=>f==="guideCategory"?{renderItem:(n,g)=>m.jsx(J,{autoSelect:E&&u&&n.id===C,disabled:!N(n.title,e),tabIndex:N(n.title,e)?0:-1,onKeyDown:i=>{i.key==="Enter"&&y(n,f)},"data-level":g,onClick:()=>{y(n,f)},"data-id":n.id,children:m.jsx(G,{title:n.title,phrase:e,matches:N(n.title,e)})})}:{renderLi:!0,renderItem:n=>m.jsx(J,{autoSelect:E&&u&&n.id===C,onKeyDown:g=>{g.key==="Enter"&&y(n,f)},onClick:()=>{y(n,f)},"data-id":n.id,children:m.jsx(G,{symbol:"#",title:n.title,phrase:e,matches:N(n.title,e)})})};return r.useEventListener("keydown",f=>{var I;const{key:n}=f;if(!l||!(n==="ArrowDown"||n==="ArrowUp"||n==="Enter"))return;const{anchors:g,focusedIndex:i}=K(l);if(n==="Enter"){if(u&&E){const x=(I=g[0])==null?void 0:I.getAttribute("data-id");x&&y({id:x},s)}return}const a=()=>{var x;return(x=g[0])==null?void 0:x.focus()},c=()=>{var x;return(x=g[g.length-1])==null?void 0:x.focus()},b=()=>{var x;return(x=g[i+1])==null?void 0:x.focus()},k=()=>{var x;return(x=g[i-1])==null?void 0:x.focus()};u?(f.preventDefault(),n==="ArrowDown"?a():c()):i>-1&&(f.preventDefault(),n==="ArrowDown"?g.length>i+1?b():W(d):i-1<0?W(d):k())},window),m.jsx(r.ItemTree,{tree:o,renderEmpty:!1,ulProps:{role:"listbox"},liProps:{role:"option"},...w(s)})},G=({title:e,phrase:t,matches:s,symbol:l=""})=>{const d=()=>{if(!s||!t)return[e];const C=e.toLowerCase().indexOf(t.toLowerCase()),$=e.substr(0,C),A=e.slice(C,C+t.length),p=e.substr(C+t.length);return[$,A,p]},[u,o,S]=d();return m.jsxs(r.Text,{children:[l,u,o?m.jsx("strong",{children:o}):null,S||null]})},de=T.css`
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
opacity: 0.5;
|
|
57
|
+
pointer-events: none;
|
|
58
58
|
`,H=e=>{var t,s;return T.css`
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
background-color: ${(t=e.theme.colors)==null?void 0:t.text};
|
|
60
|
+
color: #ffffff;
|
|
61
|
+
outline: none;
|
|
62
62
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
63
|
+
span:first-child {
|
|
64
|
+
border-color: ${(s=e.theme.colors)==null?void 0:s.text};
|
|
65
|
+
}
|
|
66
66
|
`},J=z(r.Link)`
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
display: block;
|
|
68
|
+
text-decoration: none;
|
|
69
|
+
font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
|
|
70
70
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
71
|
+
${e=>e.disabled&&de}
|
|
72
|
+
color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
|
|
73
|
+
background-color: transparent;
|
|
74
74
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
75
|
+
span {
|
|
76
|
+
display: block;
|
|
77
|
+
${e=>{var t,s,l,d;return e["data-level"]?`padding: calc(${(t=e.theme.sizes)==null?void 0:t.normal} / 2) ${(s=e.theme.sizes)==null?void 0:s.normal};`:`padding: calc(${(l=e.theme.sizes)==null?void 0:l.normal} / 2) ${(d=e.theme.sizes)==null?void 0:d.medium}; `}}
|
|
78
|
+
${e=>e["data-level"]&&"border-left: 2px solid"}
|
|
79
|
+
}
|
|
80
80
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
81
|
+
span:first-child {
|
|
82
|
+
border-color: #e7e7e7;
|
|
83
|
+
}
|
|
84
84
|
|
|
85
|
-
|
|
85
|
+
${e=>{var t;return e["data-level"]&&`padding: 0 calc(${(t=e.theme.sizes)==null?void 0:t.medium} * ${e["data-level"]});`}}
|
|
86
86
|
|
|
87
|
-
|
|
87
|
+
${e=>e.autoSelect&&H}
|
|
88
88
|
|
|
89
89
|
&:hover,
|
|
90
90
|
&:focus {
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
${H}
|
|
92
|
+
}
|
|
93
93
|
`,fe=({phrase:e="",inputHasFocus:t,searchContainerRef:s})=>{const{quickFilter:l={open:!1,loading:!1,symbol:"",type:"",items:[]},activeFilterBadges:d,noMatchesLabel:u="No matching items"}=r.useProperties(),[o,S]=r.useScroll(!0),C=r.useContainer(),{events:$}=C.get("$widget"),A=h.useRef(),p=h.useCallback(i=>(i&&i.addEventListener("keydown",()=>{K(i).focusedIndex>-1&&$.subscribeOnce("router:changed",()=>{W(s)})},!0),A.current=i,i),[s]),{items:v=[],symbol:E,type:y,open:w,loading:f}=l,n=h.useMemo(()=>{const i=((d==null?void 0:d.tag)||[]).map(a=>a.id);return v.filter(a=>!i.includes(a.id))},[v,d]);if(!w||!E)return null;const g=e.slice(e.indexOf(E)+1);return m.jsxs(ge,{ref:p,"data-loading":f,className:F.appendClassNames("humany-quick-filter-dropdown",[y==="guideCategory","humany-quick-filter-guide-categories"],[y==="tag","humany-quick-filter-tags"]),children:[m.jsx(he,{className:"humany-quick-filter-dropdown-inner",css:o,ref:S,children:n.length>0?m.jsx(ue,{filterType:y,items:n,filterPhrase:g,filterContainer:S.current,searchContainer:s,inputHasFocus:t}):m.jsx(me,{children:u})}),m.jsx(r.Loader,{loading:f})]})},ge=z.div`
|
|
94
94
|
${e=>r.contentBox(e)};
|
|
95
95
|
position: absolute;
|
|
@@ -276,7 +276,10 @@ const Ne = ({
|
|
|
276
276
|
if (t === "tag")
|
|
277
277
|
return c.filter((r) => B(r.title, o));
|
|
278
278
|
const d = je(c, o);
|
|
279
|
-
return ue(
|
|
279
|
+
return ue(
|
|
280
|
+
c,
|
|
281
|
+
(r) => d.indexOf(r.id) > -1
|
|
282
|
+
);
|
|
280
283
|
}, ue = (e, t) => e.filter((o) => (o.items && o.items.length && (o.items = ue(o.items, t)), t(o))), je = (e, t) => {
|
|
281
284
|
const c = fe(e).filter((l) => B(l.title, t)).map((l) => l.id);
|
|
282
285
|
let d = [];
|
|
@@ -424,7 +427,12 @@ const Ne = ({
|
|
|
424
427
|
...$(o)
|
|
425
428
|
}
|
|
426
429
|
);
|
|
427
|
-
}, oe = ({
|
|
430
|
+
}, oe = ({
|
|
431
|
+
title: e,
|
|
432
|
+
phrase: t,
|
|
433
|
+
matches: o,
|
|
434
|
+
symbol: c = ""
|
|
435
|
+
}) => {
|
|
428
436
|
const d = () => {
|
|
429
437
|
if (!o || !t)
|
|
430
438
|
return [e];
|
|
@@ -438,58 +446,58 @@ const Ne = ({
|
|
|
438
446
|
w || null
|
|
439
447
|
] });
|
|
440
448
|
}, We = j`
|
|
441
|
-
|
|
442
|
-
|
|
449
|
+
opacity: 0.5;
|
|
450
|
+
pointer-events: none;
|
|
443
451
|
`, ne = (e) => {
|
|
444
452
|
var t, o;
|
|
445
453
|
return j`
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
454
|
+
background-color: ${(t = e.theme.colors) == null ? void 0 : t.text};
|
|
455
|
+
color: #ffffff;
|
|
456
|
+
outline: none;
|
|
449
457
|
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
458
|
+
span:first-child {
|
|
459
|
+
border-color: ${(o = e.theme.colors) == null ? void 0 : o.text};
|
|
460
|
+
}
|
|
453
461
|
`;
|
|
454
462
|
}, re = z(ie)`
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
463
|
+
display: block;
|
|
464
|
+
text-decoration: none;
|
|
465
|
+
font-size: ${(e) => {
|
|
458
466
|
var t;
|
|
459
467
|
return (t = e.theme.fonts) == null ? void 0 : t.normal;
|
|
460
468
|
}};
|
|
461
469
|
|
|
462
|
-
|
|
463
|
-
|
|
470
|
+
${(e) => e.disabled && We}
|
|
471
|
+
color: ${(e) => {
|
|
464
472
|
var t;
|
|
465
473
|
return (t = e.theme.colors) == null ? void 0 : t.text;
|
|
466
474
|
}};
|
|
467
|
-
|
|
475
|
+
background-color: transparent;
|
|
468
476
|
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
477
|
+
span {
|
|
478
|
+
display: block;
|
|
479
|
+
${(e) => {
|
|
472
480
|
var t, o, c, d;
|
|
473
481
|
return e["data-level"] ? `padding: calc(${(t = e.theme.sizes) == null ? void 0 : t.normal} / 2) ${(o = e.theme.sizes) == null ? void 0 : o.normal};` : `padding: calc(${(c = e.theme.sizes) == null ? void 0 : c.normal} / 2) ${(d = e.theme.sizes) == null ? void 0 : d.medium}; `;
|
|
474
482
|
}}
|
|
475
|
-
|
|
476
|
-
|
|
483
|
+
${(e) => e["data-level"] && "border-left: 2px solid"}
|
|
484
|
+
}
|
|
477
485
|
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
486
|
+
span:first-child {
|
|
487
|
+
border-color: #e7e7e7;
|
|
488
|
+
}
|
|
481
489
|
|
|
482
|
-
|
|
490
|
+
${(e) => {
|
|
483
491
|
var t;
|
|
484
492
|
return e["data-level"] && `padding: 0 calc(${(t = e.theme.sizes) == null ? void 0 : t.medium} * ${e["data-level"]});`;
|
|
485
493
|
}}
|
|
486
494
|
|
|
487
|
-
|
|
495
|
+
${(e) => e.autoSelect && ne}
|
|
488
496
|
|
|
489
497
|
&:hover,
|
|
490
498
|
&:focus {
|
|
491
|
-
|
|
492
|
-
|
|
499
|
+
${ne}
|
|
500
|
+
}
|
|
493
501
|
`, Me = ({ phrase: e = "", inputHasFocus: t, searchContainerRef: o }) => {
|
|
494
502
|
const {
|
|
495
503
|
quickFilter: c = {
|