@telia-ace/knowledge-widget-components-search 1.0.38-experimental.8 → 1.0.38

package/dist/filter-badges.d.ts

@@ -1 +1,10 @@
-export declare const x: {};
+import React from 'react';
+type Props = {
+    inputHasFocus: boolean;
+    searchContainerRef: HTMLElement | null;
+    showGuideCategory: boolean;
+    showTag: boolean;
+    position: 'inside' | 'below';
+};
+declare const FilterBadges: React.FC<Props>;
+export default FilterBadges;

package/dist/index.d.ts

@@ -1 +1,2 @@
-export declare const x: {};
+import SearchComponent from './search-component';
+export default SearchComponent;

package/dist/index.js

@@ -1,5 +1,158 @@
-const o = {};
+var R = Object.defineProperty, I = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var O = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
+var T = (a, e, o) => e in a ? R(a, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[e] = o, c = (a, e) => {
+  for (var o in e || (e = {}))
+    O.call(e, o) && T(a, o, e[o]);
+  if (b)
+    for (var o of b(e))
+      j.call(e, o) && T(a, o, e[o]);
+  return a;
+}, h = (a, e) => I(a, D(e));
+import { createEventSubscriber as F } from "@telia-ace/knowledge-widget-core";
+import { DataType as A } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent as S } from "@telia-ace/knowledge-widget-ui";
+import { createParams as x, findCategoryById as E, deepClone as p, categoryTrail as G, getCategoryTrailAsObjects as M } from "@telia-ace/widget-utilities";
+const $ = (a) => !!a.guideCategory || !!a.tag, B = (a, e) => {
+  const o = G(a, e), f = M(o, e);
+  return o.map((C) => {
+    var y;
+    return ((y = f.get(C)) == null ? void 0 : y.title) || "";
+  }).join(" / ");
+}, v = (a) => {
+  const e = p(a);
+  return e.sort((o, f) => o.title > f.title ? 1 : -1), e.forEach((o) => {
+    o.items && (o.items = v(o.items));
+  }), e;
+}, H = (a) => S(a, "search", import("./search.3478324e.js"), (e) => {
+  const { events: o } = a.get("$widget"), [f, P] = F(o), C = (i) => {
+    var r, n;
+    const { activeFilterBadges: t } = e.properties();
+    (((r = t == null ? void 0 : t.guideCategory) == null ? void 0 : r.id) !== i.guideCategory || ((n = t == null ? void 0 : t.tag) == null ? void 0 : n.id) !== i.tag) && e.actions.dispatch("quick-filter:add", {
+      tag: i.tag,
+      category: i.guideCategory,
+      initial: !0
+    });
+  };
+  e.actions.create("search", (i) => {
+    const { value: t, filters: r, filtersChanged: n } = i, { route: u = "search", patchParams: g = !1 } = e.properties();
+    (t.length > 0 || ($(r) || n) && !(r != null && r.initial)) && a.getAsync("router").then((s) => {
+      var q, w;
+      const { params: d } = s.getRouteData();
+      let l = {
+        guide: void 0,
+        id: void 0,
+        accordion: void 0,
+        contactMethod: void 0
+      };
+      l.phrase = t.length > 0 ? encodeURIComponent(t) : "", g && (l = c(c({}, d), l)), ((r == null ? void 0 : r.guideCategory) || n) && (l.guideCategory = ((q = r.guideCategory) == null ? void 0 : q.id) || void 0), ((r == null ? void 0 : r.tag) || n) && (l.tag = ((w = r.tag) == null ? void 0 : w.id) || void 0), s.navigate(u, x(l));
+    });
+  }), e.actions.create("clear", (i, t) => {
+    i.navigateToHome && a.getAsync("router").then((r) => {
+      const { name: n } = r.getInitialRoute();
+      r.navigate(n);
+    });
+  });
+  const y = () => a.getAsync("router").then((i) => i.getRouteData().params);
+  e.actions.create(
+    "quick-filter:add",
+    (i) => {
+      const { category: t, tag: r, initial: n } = i, { activeFilterBadges: u } = e.properties(), g = u || {
+        initial: n,
+        guideCategory: null,
+        tag: null,
+        tooltip: null
+      };
+      return Promise.resolve().then(() => t ? m({}).then((s) => {
+        const d = E(t, s) || null;
+        return h(c({}, g), {
+          guideCategory: d,
+          tooltip: B(t, s) || null
+        });
+      }) : h(c({}, g), {
+        guideCategory: null,
+        tooltip: null
+      })).then((s) => r ? k({}).then((d) => h(c({}, s), {
+        tag: d.find((l) => l.id === r) || null
+      })) : h(c({}, s), {
+        tag: null
+      })).then((s) => e.writeProperties({
+        activeFilterBadges: h(c({}, s), { initial: !!n })
+      }));
+    }
+  ), e.actions.create("quick-filter:remove", ({ types: i }) => {
+    const { activeFilterBadges: t } = e.properties();
+    e.writeProperties({
+      activeFilterBadges: h(c({}, t), {
+        initial: !1,
+        guideCategory: i.indexOf("guideCategory") > -1 ? null : t == null ? void 0 : t.guideCategory,
+        tag: i.indexOf("tag") > -1 ? null : t == null ? void 0 : t.tag
+      })
+    });
+  }), e.actions.create("quick-filter:close", () => e.writeProperties({
+    quickFilter: {
+      items: [],
+      loading: !1,
+      open: !1
+    }
+  })), e.actions.create("quick-filter:open", ({ symbol: i, type: t }) => (e.writeProperties({
+    quickFilter: {
+      type: t,
+      symbol: i,
+      items: [],
+      loading: !0,
+      open: !0
+    }
+  }), y().then(({ tag: r, guideCategory: n, phrase: u }) => {
+    if (t === "guideCategory")
+      return m({
+        tagId: r,
+        searchPhrase: u
+      }).then((g) => {
+        const s = p(g);
+        e.writeProperties({
+          quickFilter: {
+            items: v(s),
+            loading: !1
+          }
+        });
+      });
+    if (t === "tag")
+      return k({
+        categories: n,
+        searchPhrase: u
+      }).then((g) => {
+        const s = p(g);
+        e.writeProperties({
+          quickFilter: {
+            items: v(s),
+            loading: !1
+          }
+        });
+      });
+  })));
+  const m = (i) => a.getAsync("dataClient").then(
+    (t) => t.fetch(A.GuideCategories, i)
+  ).then((t) => t.categories || []), k = (i) => a.getAsync("dataClient").then((t) => t.fetch(A.TagsOnGuides, i)).then((t = []) => t);
+  return y().then((i) => {
+    C(i);
+  }), f("router:changed", (i, { current: t }) => {
+    const {
+      routeData: { params: r }
+    } = t;
+    C(r);
+  }), f("data-client:fetched", (i, t) => {
+    const { filterBadges: r } = e.properties(), n = typeof r == "object" ? !!r.tag : !!r;
+    t.type === "match" && n && y().then(({ tag: u }) => {
+      const { tags: g = [] } = t.response, s = g.find((d) => d.id === u) || null;
+      e.writeProperties({ filters: { tag: s } });
+    });
+  }), () => {
+    P();
+  };
+}), L = H;
 export {
-  o as x
+  L as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["// import SearchComponent from './search-component';\n\n// export default SearchComponent;\nexport const x = {};\n"],"names":["x"],"mappings":"AAGO,MAAMA,IAAI,CAAA;"}
+{"version":3,"file":"index.js","sources":["../src/search-component.ts"],"sourcesContent":["import { Category, createEventSubscriber, Tag } from '@telia-ace/knowledge-widget-core';\nimport {\n    CategoriesResult,\n    DataClient,\n    DataType,\n    MatchResult,\n    QueryParameters,\n    TagsResult,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport {\n    categoryTrail,\n    createParams,\n    deepClone,\n    findCategoryById,\n    getCategoryTrailAsObjects,\n    Params,\n} from '@telia-ace/widget-utilities';\nimport { Container } from '@webprovisions/platform';\n\nexport type SearchComponentProps = {\n    route?: string;\n    role?: string;\n\n    showSearchButton: boolean;\n    showClearButton: boolean;\n    showChildren: boolean;\n\n    searchButtonLabel: string;\n    clearButtonLabel: string;\n    ariaLabel?: string;\n\n    placeholder: string;\n    autoFocus: boolean;\n    incremental?: boolean | number;\n\n    filterBadges?: FilterConfig | boolean;\n    activeFilterBadges?: ActiveFilterBadges; // internal\n    deleteFilterBadgeAriaLabel?: string;\n\n    quickFilters?: FilterConfig | boolean;\n    quickFilter?: Filter; // internal\n\n    patchParams?: boolean;\n};\n\nexport type Filter = {\n    items?: Category[] | Tag[];\n    type?: 'guideCategory' | 'tag';\n    symbol?: string;\n    loading: boolean;\n    open: boolean;\n};\n\nexport type ActiveFilterBadges = {\n    guideCategory?: Category | null;\n    tag?: Tag | null;\n    tooltip?: string | null;\n    initial?: boolean;\n};\n\nexport type FilterConfig = {\n    autoSelect?: boolean;\n    guideCategory?: boolean;\n    tag?: boolean;\n    position?: 'inside' | 'below';\n};\n\nconst hasActiveFilterBadge = (filters: ActiveFilterBadges) => {\n    return !!filters.guideCategory || !!filters.tag;\n};\n\nconst getTooltip = (categoryId: string, categories: Category[]) => {\n    const trailIds: string[] = categoryTrail(categoryId, categories);\n    const categoryMap = getCategoryTrailAsObjects(trailIds, categories);\n    const trail = trailIds.map((id) => categoryMap.get(id)?.title || '').join(' / ');\n    return trail;\n};\n\nconst sortRecursive = (items: any[]) => {\n    const clone = deepClone(items);\n\n    clone.sort((a: any, b: any) => {\n        if (a.title > b.title) {\n            return 1;\n        }\n        return -1;\n    });\n\n    clone.forEach((item: any) => {\n        if (item.items) {\n            item.items = sortRecursive(item.items);\n        }\n    });\n\n    return clone;\n};\n\nconst SearchComponent = (container: Container) => {\n    return createReactComponent(container, 'search', import('./search'), (component) => {\n        const { events } = container.get('$widget');\n        const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n        const load = (params: Params) => {\n            const { activeFilterBadges } = component.properties<SearchComponentProps>();\n\n            if (\n                activeFilterBadges?.guideCategory?.id !== params.guideCategory ||\n                activeFilterBadges?.tag?.id !== params.tag\n            ) {\n                component.actions.dispatch('quick-filter:add', {\n                    tag: params.tag,\n                    category: params.guideCategory,\n                    initial: true,\n                });\n            }\n        };\n\n        component.actions.create('search', (data) => {\n            const { value, filters, filtersChanged } = data;\n            const { route = 'search', patchParams = false } =\n                component.properties<SearchComponentProps>();\n\n            if (\n                value.length > 0 ||\n                ((hasActiveFilterBadge(filters) || filtersChanged) && !filters?.initial)\n            ) {\n                container.getAsync('router').then((router: RoutingService) => {\n                    const { params } = router.getRouteData();\n\n                    let searchParams: { [key: string]: string | undefined } = {\n                        guide: undefined,\n                        id: undefined,\n                        accordion: undefined,\n                        contactMethod: undefined,\n                    };\n\n                    searchParams.phrase = value.length > 0 ? encodeURIComponent(value) : '';\n\n                    if (patchParams) {\n                        searchParams = {\n                            ...params,\n                            ...searchParams,\n                        };\n                    }\n\n                    if (filters?.guideCategory || filtersChanged) {\n                        searchParams.guideCategory = filters.guideCategory?.id || undefined;\n                    }\n\n                    if (filters?.tag || filtersChanged) {\n                        searchParams.tag = filters.tag?.id || undefined;\n                    }\n\n                    router.navigate(route, createParams(searchParams));\n                });\n            }\n        });\n\n        component.actions.create('clear', (data, options) => {\n            if (data.navigateToHome) {\n                container.getAsync('router').then((router: RoutingService) => {\n                    const { name }: any = router.getInitialRoute();\n                    router.navigate(name);\n                });\n            }\n        });\n\n        const getRouterParams: () => Promise<Params> = () =>\n            container\n                .getAsync('router')\n                .then((router: RoutingService) => router.getRouteData().params);\n\n        component.actions.create(\n            'quick-filter:add',\n            (data: { category?: string; tag?: string; initial?: boolean }) => {\n                const { category, tag, initial } = data;\n                const { activeFilterBadges: previous } =\n                    component.properties<SearchComponentProps>();\n\n                const activeFilterBadges: ActiveFilterBadges = previous || {\n                    initial,\n                    guideCategory: null,\n                    tag: null,\n                    tooltip: null,\n                };\n\n                return Promise.resolve()\n                    .then(() => {\n                        if (category) {\n                            return fetchCategories({}).then((categories) => {\n                                const categoryItem =\n                                    <Category | null>findCategoryById(category, categories) || null;\n                                return {\n                                    ...activeFilterBadges,\n                                    guideCategory: categoryItem,\n                                    tooltip: getTooltip(category, categories) || null,\n                                };\n                            });\n                        }\n                        return {\n                            ...activeFilterBadges,\n                            guideCategory: null,\n                            tooltip: null,\n                        };\n                    })\n                    .then((next) => {\n                        if (tag) {\n                            return fetchTags({}).then((tags) => {\n                                return {\n                                    ...next,\n                                    tag: tags.find((t) => t.id === tag) || null,\n                                };\n                            });\n                        }\n                        return {\n                            ...next,\n                            tag: null,\n                        };\n                    })\n                    .then((next) => {\n                        return component.writeProperties({\n                            activeFilterBadges: { ...next, initial: !!initial },\n                        });\n                    });\n            }\n        );\n\n        component.actions.create('quick-filter:remove', ({ types }: { types: string[] }) => {\n            const { activeFilterBadges } = component.properties<SearchComponentProps>();\n\n            component.writeProperties({\n                activeFilterBadges: {\n                    ...activeFilterBadges,\n                    initial: false,\n                    guideCategory:\n                        types.indexOf('guideCategory') > -1\n                            ? null\n                            : activeFilterBadges?.guideCategory,\n                    tag: types.indexOf('tag') > -1 ? null : activeFilterBadges?.tag,\n                },\n            });\n        });\n\n        component.actions.create('quick-filter:close', () => {\n            return component.writeProperties({\n                quickFilter: {\n                    items: [],\n                    loading: false,\n                    open: false,\n                },\n            });\n        });\n\n        component.actions.create('quick-filter:open', ({ symbol, type }) => {\n            component.writeProperties({\n                quickFilter: {\n                    type,\n                    symbol,\n                    items: [],\n                    loading: true,\n                    open: true,\n                },\n            });\n\n            return getRouterParams().then(({ tag, guideCategory, phrase }) => {\n                if (type === 'guideCategory') {\n                    return fetchCategories({\n                        tagId: tag,\n                        searchPhrase: phrase,\n                    }).then((items) => {\n                        const clone = deepClone(items);\n\n                        component.writeProperties({\n                            quickFilter: {\n                                items: sortRecursive(clone),\n                                loading: false,\n                            },\n                        });\n                    });\n                }\n\n                if (type === 'tag') {\n                    return fetchTags({\n                        categories: guideCategory,\n                        searchPhrase: phrase,\n                    }).then((items) => {\n                        const clone = deepClone(items);\n                        component.writeProperties({\n                            quickFilter: {\n                                items: sortRecursive(clone),\n                                loading: false,\n                            },\n                        });\n                    });\n                }\n            });\n        });\n\n        const fetchCategories = (params: QueryParameters) => {\n            return container\n                .getAsync('dataClient')\n                .then((dataClient: DataClient) =>\n                    dataClient.fetch(DataType.GuideCategories, params)\n                )\n                .then((categoriesResult: CategoriesResult) => categoriesResult.categories || []);\n        };\n\n        const fetchTags = (params: QueryParameters) => {\n            return container\n                .getAsync('dataClient')\n                .then((dataClient: DataClient) => dataClient.fetch(DataType.TagsOnGuides, params))\n                .then((tags: TagsResult = []) => tags);\n        };\n\n        getRouterParams().then((params) => {\n            load(params);\n        });\n\n        subscribe('router:changed', (_, { current }) => {\n            const {\n                routeData: { params },\n            } = current;\n            load(params);\n        });\n\n        subscribe('data-client:fetched', (event, data) => {\n            const { filterBadges } = component.properties<SearchComponentProps>();\n\n            const showTag = typeof filterBadges === 'object' ? !!filterBadges.tag : !!filterBadges;\n\n            if (data.type === 'match' && showTag) {\n                getRouterParams().then(({ tag: tagId }) => {\n                    const { tags = [] }: MatchResult = data.response;\n                    const tag = tags.find((t) => t.id === tagId) || null;\n                    component.writeProperties({ filters: { tag } });\n                });\n            }\n        });\n\n        return () => {\n            unsubscribe();\n        };\n    });\n};\n\nexport default SearchComponent;\n"],"names":["hasActiveFilterBadge","filters","getTooltip","categoryId","categories","trailIds","categoryTrail","categoryMap","getCategoryTrailAsObjects","id","_a","sortRecursive","items","clone","deepClone","a","b","item","SearchComponent","container","createReactComponent","component","events","subscribe","unsubscribe","createEventSubscriber","load","params","activeFilterBadges","_b","data","value","filtersChanged","route","patchParams","router","searchParams","__spreadValues","createParams","options","name","getRouterParams","category","tag","initial","previous","fetchCategories","categoryItem","findCategoryById","__spreadProps","next","fetchTags","tags","t","types","symbol","type","guideCategory","phrase","dataClient","DataType","categoriesResult","_","current","event","filterBadges","showTag","tagId","SearchComponent$1"],"mappings":"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"}

package/dist/quick-filter-item-list.d.ts

@@ -1 +1,17 @@
-export declare const x: {};
+import { Category, Tag } from '@telia-ace/knowledge-widget-core';
+import React from 'react';
+type Props = {
+    filterPhrase: string;
+    items: Category[] | Tag[];
+    filterType: 'guideCategory' | 'tag';
+    searchContainer: HTMLElement | null;
+    filterContainer: HTMLElement | null;
+    inputHasFocus: boolean;
+};
+export declare const getFocusedIndex: (elem: HTMLElement) => {
+    anchors: HTMLAnchorElement[];
+    focusedIndex: number;
+};
+export declare const focusInput: (searchContainerRef: HTMLElement | null) => void;
+declare const QuickFilterItemList: React.FC<Props>;
+export default QuickFilterItemList;

package/dist/quick-filter.d.ts

@@ -1 +1,8 @@
-export declare const x: {};
+/// <reference types="react" />
+type Props = {
+    phrase: string;
+    inputHasFocus: boolean;
+    searchContainerRef: HTMLElement | null;
+};
+declare const _default: ({ phrase, inputHasFocus, searchContainerRef }: Props) => JSX.Element | null;
+export default _default;

package/dist/search-component.d.ts

@@ -1 +1,42 @@
-export declare const x: {};
+import { Category, Tag } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+export type SearchComponentProps = {
+    route?: string;
+    role?: string;
+    showSearchButton: boolean;
+    showClearButton: boolean;
+    showChildren: boolean;
+    searchButtonLabel: string;
+    clearButtonLabel: string;
+    ariaLabel?: string;
+    placeholder: string;
+    autoFocus: boolean;
+    incremental?: boolean | number;
+    filterBadges?: FilterConfig | boolean;
+    activeFilterBadges?: ActiveFilterBadges;
+    deleteFilterBadgeAriaLabel?: string;
+    quickFilters?: FilterConfig | boolean;
+    quickFilter?: Filter;
+    patchParams?: boolean;
+};
+export type Filter = {
+    items?: Category[] | Tag[];
+    type?: 'guideCategory' | 'tag';
+    symbol?: string;
+    loading: boolean;
+    open: boolean;
+};
+export type ActiveFilterBadges = {
+    guideCategory?: Category | null;
+    tag?: Tag | null;
+    tooltip?: string | null;
+    initial?: boolean;
+};
+export type FilterConfig = {
+    autoSelect?: boolean;
+    guideCategory?: boolean;
+    tag?: boolean;
+    position?: 'inside' | 'below';
+};
+declare const SearchComponent: (container: Container) => Promise<void>;
+export default SearchComponent;