@telia-ace/knowledge-widget-components-search 1.0.6 → 1.0.11

package/dist/index.js

@@ -0,0 +1,234 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createEventSubscriber } from "@telia-ace/knowledge-widget-core";
+import { DataType } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent } from "@telia-ace/knowledge-widget-ui";
+import { createParams, findCategoryById, deepClone, categoryTrail, getCategoryTrailAsObjects } from "@telia-ace/widget-utilities";
+const hasActiveFilterBadge = (filters) => {
+  return !!filters.guideCategory || !!filters.tag;
+};
+const getTooltip = (categoryId, categories) => {
+  const trailIds = categoryTrail(categoryId, categories);
+  const categoryMap = getCategoryTrailAsObjects(trailIds, categories);
+  const trail = trailIds.map((id) => {
+    var _a;
+    return ((_a = categoryMap.get(id)) == null ? void 0 : _a.title) || "";
+  }).join(" / ");
+  return trail;
+};
+const sortRecursive = (items) => {
+  const clone = deepClone(items);
+  clone.sort((a, b) => {
+    if (a.title > b.title) {
+      return 1;
+    }
+    return -1;
+  });
+  clone.forEach((item) => {
+    if (item.items) {
+      item.items = sortRecursive(item.items);
+    }
+  });
+  return clone;
+};
+const SearchComponent = (container) => {
+  return createReactComponent(container, "search", import("./search.js"), (component) => {
+    const { events } = container.get("$widget");
+    const [subscribe, unsubscribe] = createEventSubscriber(events);
+    const load = (params) => {
+      var _a, _b;
+      const { activeFilterBadges } = component.properties();
+      if (((_a = activeFilterBadges == null ? void 0 : activeFilterBadges.guideCategory) == null ? void 0 : _a.id) !== params.guideCategory || ((_b = activeFilterBadges == null ? void 0 : activeFilterBadges.tag) == null ? void 0 : _b.id) !== params.tag) {
+        component.actions.dispatch("quick-filter:add", {
+          tag: params.tag,
+          category: params.guideCategory,
+          initial: true
+        });
+      }
+    };
+    component.actions.create("search", (data) => {
+      const { value, filters, filtersChanged } = data;
+      const { route = "search", patchParams = false } = component.properties();
+      if (value.length > 0 || (hasActiveFilterBadge(filters) || filtersChanged) && !(filters == null ? void 0 : filters.initial)) {
+        container.getAsync("router").then((router) => {
+          var _a, _b;
+          const { params } = router.getRouteData();
+          let searchParams = {
+            guide: void 0,
+            id: void 0,
+            accordion: void 0,
+            contactMethod: void 0
+          };
+          searchParams.phrase = value.length > 0 ? encodeURIComponent(value) : "";
+          if (patchParams) {
+            searchParams = __spreadValues(__spreadValues({}, params), searchParams);
+          }
+          if ((filters == null ? void 0 : filters.guideCategory) || filtersChanged) {
+            searchParams.guideCategory = ((_a = filters.guideCategory) == null ? void 0 : _a.id) || void 0;
+          }
+          if ((filters == null ? void 0 : filters.tag) || filtersChanged) {
+            searchParams.tag = ((_b = filters.tag) == null ? void 0 : _b.id) || void 0;
+          }
+          router.navigate(route, createParams(searchParams));
+        });
+      }
+    });
+    component.actions.create("clear", (data, options) => {
+      if (data.navigateToHome) {
+        container.getAsync("router").then((router) => {
+          const { name } = router.getInitialRoute();
+          router.navigate(name);
+        });
+      }
+    });
+    const getRouterParams = () => container.getAsync("router").then((router) => router.getRouteData().params);
+    component.actions.create("quick-filter:add", (data) => {
+      const { category, tag, initial } = data;
+      const { activeFilterBadges: previous } = component.properties();
+      const activeFilterBadges = previous || {
+        initial,
+        guideCategory: null,
+        tag: null,
+        tooltip: null
+      };
+      return Promise.resolve().then(() => {
+        if (category) {
+          return fetchCategories({}).then((categories) => {
+            const categoryItem = findCategoryById(category, categories) || null;
+            return __spreadProps(__spreadValues({}, activeFilterBadges), {
+              guideCategory: categoryItem,
+              tooltip: getTooltip(category, categories) || null
+            });
+          });
+        }
+        return __spreadProps(__spreadValues({}, activeFilterBadges), {
+          guideCategory: null,
+          tooltip: null
+        });
+      }).then((next) => {
+        if (tag) {
+          return fetchTags({}).then((tags) => {
+            return __spreadProps(__spreadValues({}, next), {
+              tag: tags.find((t) => t.id === tag) || null
+            });
+          });
+        }
+        return __spreadProps(__spreadValues({}, next), {
+          tag: null
+        });
+      }).then((next) => {
+        return component.writeProperties({
+          activeFilterBadges: __spreadProps(__spreadValues({}, next), { initial: !!initial })
+        });
+      });
+    });
+    component.actions.create("quick-filter:remove", ({ types }) => {
+      const { activeFilterBadges } = component.properties();
+      component.writeProperties({
+        activeFilterBadges: __spreadProps(__spreadValues({}, activeFilterBadges), {
+          initial: false,
+          guideCategory: types.indexOf("guideCategory") > -1 ? null : activeFilterBadges == null ? void 0 : activeFilterBadges.guideCategory,
+          tag: types.indexOf("tag") > -1 ? null : activeFilterBadges == null ? void 0 : activeFilterBadges.tag
+        })
+      });
+    });
+    component.actions.create("quick-filter:close", () => {
+      return component.writeProperties({
+        quickFilter: {
+          items: [],
+          loading: false,
+          open: false
+        }
+      });
+    });
+    component.actions.create("quick-filter:open", ({ symbol, type }) => {
+      component.writeProperties({
+        quickFilter: {
+          type,
+          symbol,
+          items: [],
+          loading: true,
+          open: true
+        }
+      });
+      return getRouterParams().then(({ tag, guideCategory, phrase }) => {
+        if (type === "guideCategory") {
+          return fetchCategories({
+            tagId: tag,
+            searchPhrase: phrase
+          }).then((items) => {
+            const clone = deepClone(items);
+            component.writeProperties({
+              quickFilter: {
+                items: sortRecursive(clone),
+                loading: false
+              }
+            });
+          });
+        }
+        if (type === "tag") {
+          return fetchTags({
+            categories: guideCategory,
+            searchPhrase: phrase
+          }).then((items) => {
+            const clone = deepClone(items);
+            component.writeProperties({
+              quickFilter: {
+                items: sortRecursive(clone),
+                loading: false
+              }
+            });
+          });
+        }
+      });
+    });
+    const fetchCategories = (params) => {
+      return container.getAsync("dataClient").then((dataClient) => dataClient.fetch(DataType.GuideCategories, params)).then((categoriesResult) => categoriesResult.categories || []);
+    };
+    const fetchTags = (params) => {
+      return container.getAsync("dataClient").then((dataClient) => dataClient.fetch(DataType.TagsOnGuides, params)).then((tags = []) => tags);
+    };
+    getRouterParams().then((params) => {
+      load(params);
+    });
+    subscribe("router:changed", (_, { current }) => {
+      const {
+        routeData: { params }
+      } = current;
+      load(params);
+    });
+    subscribe("data-client:fetched", (event, data) => {
+      const { filterBadges } = component.properties();
+      const showTag = typeof filterBadges === "object" ? !!filterBadges.tag : !!filterBadges;
+      if (data.type === "match" && showTag) {
+        getRouterParams().then(({ tag: tagId }) => {
+          const { tags = [] } = data.response;
+          const tag = tags.find((t) => t.id === tagId) || null;
+          component.writeProperties({ filters: { tag } });
+        });
+      }
+    });
+    return () => {
+      unsubscribe();
+    };
+  });
+};
+export { SearchComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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