@telia-ace/knowledge-widget-components-guide-category-dropdown 1.0.47 → 1.1.1-rc.0

package/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index-b2a67e58.js");require("react/jsx-runtime");require("react");require("react-dom");module.exports=e.GuideCategoryDropdownComponent;

package/index.mjs

@@ -0,0 +1,7 @@
+import { G as i } from "./index-34f1725b.mjs";
+import "react/jsx-runtime";
+import "react";
+import "react-dom";
+export {
+  i as default
+};

package/package.json

@@ -1,49 +1,25 @@
 {
   "name": "@telia-ace/knowledge-widget-components-guide-category-dropdown",
-  "version": "1.0.47",
-  "description": "Guide category dropdown component for ACE Knowledge Widgets.",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "author": "Telia Company AB",
-  "keywords": [
-    "telia"
-  ],
-  "main": "dist/index.js",
-  "sourceMain": "src/index.ts",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "LICENSE.txt",
-    "README.md",
-    "dist/"
-  ],
-  "publishConfig": {
-    "access": "public"
+  "version": "1.1.1-rc.0",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-data-client": "1.0.10",
-    "@telia-ace/knowledge-widget-component-utilities": "1.0.47",
-    "@telia-ace/knowledge-widget-core": "1.0.43",
-    "@telia-ace/knowledge-widget-ui": "1.0.49",
-    "@telia-ace/widget-utilities": "^1.0.17",
+    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-widget-component-utilities": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.0",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-data-client": "^1.1.1-rc.0",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@types/react": "^18.2.22",
-    "@types/react-dom": "^18.2.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
+    "@emotion/react": "11.11.1",
+    "react": "18.2.0",
+    "@emotion/styled": "11.11.0"
   }
 }

package/LICENSE.txt

@@ -1,6 +0,0 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
-http://www.humany.com/legal

package/README.md

@@ -1,3 +0,0 @@
-# `@telia-ace/knowledge-widget-components-guide-category-dropdown`
-
-Guide category dropdown component for ACE Knowledge Widgets.

package/dist/guide-category-dropdown.f83881bc.js

@@ -1,289 +0,0 @@
-var P = Object.defineProperty, W = Object.defineProperties;
-var H = Object.getOwnPropertyDescriptors;
-var E = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var I = (e, t, a) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, c = (e, t) => {
-  for (var a in t || (t = {}))
-    L.call(t, a) && I(e, a, t[a]);
-  if (E)
-    for (var a of E(t))
-      S.call(t, a) && I(e, a, t[a]);
-  return e;
-}, x = (e, t) => W(e, H(t));
-var D = (e, t) => {
-  var a = {};
-  for (var n in e)
-    L.call(e, n) && t.indexOf(n) < 0 && (a[n] = e[n]);
-  if (e != null && E)
-    for (var n of E(e))
-      t.indexOf(n) < 0 && S.call(e, n) && (a[n] = e[n]);
-  return a;
-};
-import { loadingOpacity as U, contentBox as q, borderTabStyle as J, Link as K, linkTabStyle as Q, List as V, list as X, Text as k, useProperties as T, useHover as Y, SymbolBadge as f, useRouteData as Z, useContainer as _, useIsTabbing as ee, createEmptyComponent as te } from "@telia-ace/knowledge-widget-ui";
-import { appendClassNames as F, createParams as oe, formatUrl as ae } from "@telia-ace/widget-utilities";
-import o, { useState as G, useEffect as ne } from "react";
-import { initialRouteFallback as re } from "@telia-ace/knowledge-widget-component-utilities";
-import { css as C } from "@emotion/react";
-import m from "@emotion/styled";
-const le = m.div`
-    ${U}
-    ${q}
-  overflow: hidden;
-    min-height: 50px;
-    ${(e) => e["data-toggler-in-focus"] && e.isTabbing && C`
-            && {
-                ${J(e)}
-            }
-        `};
-`, ie = m.button`
-    background: none;
-    border: 0;
-    outline: 0;
-    display: block;
-    cursor: pointer;
-    padding: 0;
-    font-size: ${(e) => {
-  var t;
-  return (t = e.theme.fonts) == null ? void 0 : t.normal;
-}};
-    text-align: end;
-    flex: 1 0 auto;
-    svg {
-        path,
-        line {
-            stroke: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.text;
-}};
-        }
-    }
-`, M = (e) => {
-  var t, a, n, d, g, s, r, u;
-  return C`
-    font-size: ${(t = e.theme.fonts) == null ? void 0 : t.normal};
-    text-align: left;
-    text-align: left;
-    text-decoration: none;
-    font-weight: 300;
-    display: flex;
-    align-items: center;
-    padding: ${(a = e.theme.sizes) == null ? void 0 : a.small};
-    padding-left: ${(n = e.theme.sizes) == null ? void 0 : n.large};
-    cursor: pointer;
-    overflow: hidden;
-    ${e.selected ? C`
-              border-left: 2px solid ${(d = e.theme.colors) == null ? void 0 : d.primary};
-              color: ${(g = e.theme.colors) == null ? void 0 : g.primary};
-          ` : C`
-              color: ${(s = e.theme.colors) == null ? void 0 : s.text};
-          `};
-
-    span {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    i {
-        margin-right: ${(r = e.theme.sizes) == null ? void 0 : r.normal};
-        font-size: ${(u = e.theme.fonts) == null ? void 0 : u.medium};
-        min-height: 1em;
-        min-width: 1em;
-    }
-`;
-}, se = m.div`
-    ${M}
-`, ce = m(K)`
-    ${M}
-    &:focus {
-        outline: none;
-    }
-    &:focus-visible {
-        span {
-            ${Q};
-        }
-    }
-`, me = m.div`
-    display: flex;
-    justify-content: space-between;
-    padding-right: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.large;
-}};
-    min-height: 52px;
-    white-space: nowrap;
-
-    && {
-        font-weight: normal;
-
-        a {
-            font-weight: normal;
-        }
-    }
-    .humany-guide-category-dropdown-item {
-        font-weight: normal;
-    }
-`, de = m(V)`
-    ${X}
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    margin-right: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.medium;
-}};
-    margin-left: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.large;
-}};
-    margin-bottom: 22px;
-    border-left: ${(e) => e.theme.border};
-    li {
-        margin: 0 0 ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.normal;
-}} -2px;
-    }
-    li:last-child {
-        margin: 0 0 0 -2px;
-    }
-    flex-basis: 100%;
-    border-width: 2px;
-`, ge = m(k)`
-    margin: 0 0 0 ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.small;
-}};
-`, i = {
-  Wrapper: le,
-  Toggler: ie,
-  List: de,
-  Item: se,
-  Link: ce,
-  TopItem: me,
-  MatchCount: ge
-}, ue = ({ matches: e }) => {
-  const { showMatchCount: t = !1 } = T();
-  return !t || typeof e == "undefined" ? null : /* @__PURE__ */ o.createElement(i.MatchCount, null, "(", e, ")");
-}, z = ue, pe = ({ item: e, guideCategory: t }) => {
-  const {
-    route: a = "browse",
-    categoryAriaLabel: n = "",
-    activeCategoryAriaLabel: d = "",
-    fallbackOnInitialRoute: g = !1
-  } = T(), [s, r] = Y(), { id: u, title: p, symbol: h, activeSymbol: b } = e, l = t === u;
-  return /* @__PURE__ */ o.createElement("li", { ref: r }, /* @__PURE__ */ o.createElement(
-    i.Link,
-    x(c({}, re(e, a, g, "category")), {
-      "aria-pressed": l,
-      "aria-label": (l ? d : n).replace(
-        "{{category}}",
-        p
-      ),
-      className: "humany-guide-category-dropdown-link",
-      "aria-current": l,
-      selected: l
-    }),
-    (l || s) && b ? /* @__PURE__ */ o.createElement(f, { symbol: b }) : h && /* @__PURE__ */ o.createElement(f, { symbol: h }),
-    /* @__PURE__ */ o.createElement(k, null, p),
-    /* @__PURE__ */ o.createElement(z, c({}, e))
-  ));
-}, ye = pe, Ce = (a) => {
-  var n = a, { className: e } = n, t = D(n, ["className"]);
-  const d = Z(), [g, s] = G(!1), {
-    parent: r,
-    route: u = "browse",
-    categories: p = [],
-    loading: h = !1
-  } = T(), b = _(), [l, w] = G(!1), { params: B } = d, O = ee(), { guideCategory: v, tag: R, phrase: j, sorting: A } = B;
-  if (ne(() => {
-    l && w(!1);
-  }, [v]), h || !r || !p.length)
-    return te(b, x(c({}, t), {
-      className: F(e, "humany-guide-category-dropdown")
-    }));
-  const y = p.find(($) => $.id === v) || r, N = y.activeSymbol || y.symbol;
-  return /* @__PURE__ */ o.createElement(
-    i.Wrapper,
-    x(c({}, t), {
-      "data-loading": !1,
-      "data-toggler-in-focus": g,
-      "aria-expanded": l,
-      isTabbing: O,
-      className: F(e, "humany-guide-category-dropdown")
-    }),
-    l ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(i.TopItem, { className: "humany-guide-category-dropdown-top-item" }, /* @__PURE__ */ o.createElement(
-      i.Link,
-      {
-        className: "humany-guide-category-dropdown-link",
-        routeName: u,
-        params: oe({
-          tag: R,
-          phrase: j,
-          sorting: A,
-          guideCategory: r.id,
-          uriName: ae(r.title)
-        }),
-        selected: !1
-      },
-      r.symbol ? /* @__PURE__ */ o.createElement(f, { symbol: r.symbol }) : null,
-      /* @__PURE__ */ o.createElement(k, null, r.title),
-      /* @__PURE__ */ o.createElement(z, c({}, r))
-    ), /* @__PURE__ */ o.createElement(
-      i.Toggler,
-      {
-        onBlur: () => s(!1),
-        onFocus: () => s(!0),
-        className: "humany-guide-category-dropdown-toggler",
-        onClick: () => {
-          w(!l);
-        },
-        "aria-expanded": "true",
-        "aria-label": y.title
-      },
-      /* @__PURE__ */ o.createElement(f, { size: 18, symbol: { type: "Svg", content: "caret-up" } })
-    )), /* @__PURE__ */ o.createElement(
-      i.List,
-      {
-        className: "humany-guide-category-dropdown-open",
-        items: p,
-        renderItem: ($) => /* @__PURE__ */ o.createElement(
-          ye,
-          {
-            key: $.id,
-            item: $,
-            guideCategory: v
-          }
-        )
-      }
-    )) : /* @__PURE__ */ o.createElement(i.TopItem, { className: "humany-guide-category-dropdown-top-item" }, /* @__PURE__ */ o.createElement(
-      i.Item,
-      {
-        className: "humany-guide-category-dropdown-item",
-        onClick: () => {
-          w(!l);
-        },
-        selected: !1
-      },
-      N ? /* @__PURE__ */ o.createElement(f, { symbol: N }) : null,
-      /* @__PURE__ */ o.createElement(k, null, y.title),
-      /* @__PURE__ */ o.createElement(z, c({}, y))
-    ), /* @__PURE__ */ o.createElement(
-      i.Toggler,
-      {
-        onBlur: () => s(!1),
-        onFocus: () => s(!0),
-        className: "humany-guide-category-dropdown-toggler",
-        onClick: () => {
-          w(!l);
-        },
-        "aria-expanded": "false",
-        "aria-label": y.title
-      },
-      /* @__PURE__ */ o.createElement(f, { size: 18, symbol: { type: "Svg", content: "caret-down" } })
-    ))
-  );
-};
-export {
-  Ce as default
-};
-//# sourceMappingURL=guide-category-dropdown.f83881bc.js.map

package/dist/guide-category-dropdown.f83881bc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"guide-category-dropdown.f83881bc.js","sources":["../src/guide-category-dropdown.styles.ts","../src/guide-category-dropdown-match-count.tsx","../src/guide-category-dropdown-item.tsx","../src/guide-category-dropdown.tsx"],"sourcesContent":["import { css, Theme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n    borderTabStyle,\n    contentBox,\n    Link as BaseLink,\n    linkTabStyle,\n    List as BaseList,\n    list,\n    loadingOpacity,\n    Text,\n} from '@telia-ace/knowledge-widget-ui';\n\n// FUTURE TODO: Look into the typescript error when removing \": any\".\nconst Wrapper: any = styled.div<any>`\n    ${loadingOpacity}\n    ${contentBox}\n  overflow: hidden;\n    min-height: 50px;\n    ${(p) =>\n        p['data-toggler-in-focus'] &&\n        p.isTabbing &&\n        css`\n            && {\n                ${borderTabStyle(p)}\n            }\n        `};\n`;\n\n// FUTURE TODO: Look into the typescript error when removing \": any\".\nconst Toggler: any = styled.button`\n    background: none;\n    border: 0;\n    outline: 0;\n    display: block;\n    cursor: pointer;\n    padding: 0;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    text-align: end;\n    flex: 1 0 auto;\n    svg {\n        path,\n        line {\n            stroke: ${(p) => p.theme.colors?.text};\n        }\n    }\n`;\n\nconst styling = (p: { theme: Theme; selected: boolean }) => css`\n    font-size: ${p.theme.fonts?.normal};\n    text-align: left;\n    text-align: left;\n    text-decoration: none;\n    font-weight: 300;\n    display: flex;\n    align-items: center;\n    padding: ${p.theme.sizes?.small};\n    padding-left: ${p.theme.sizes?.large};\n    cursor: pointer;\n    overflow: hidden;\n    ${p.selected\n        ? css`\n              border-left: 2px solid ${p.theme.colors?.primary};\n              color: ${p.theme.colors?.primary};\n          `\n        : css`\n              color: ${p.theme.colors?.text};\n          `};\n\n    span {\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    i {\n        margin-right: ${p.theme.sizes?.normal};\n        font-size: ${p.theme.fonts?.medium};\n        min-height: 1em;\n        min-width: 1em;\n    }\n`;\n\n// FUTURE TODO: Look into the typescript error when removing \": any\".\nconst Item: any = styled.div`\n    ${styling}\n`;\n\nconst Link: any = styled(BaseLink)<any>`\n    ${styling}\n    &:focus {\n        outline: none;\n    }\n    &:focus-visible {\n        span {\n            ${linkTabStyle};\n        }\n    }\n`;\n\n// FUTURE TODO: Look into the typescript error when removing \": any\".\nconst TopItem: any = styled.div`\n    display: flex;\n    justify-content: space-between;\n    padding-right: ${(p) => p.theme.sizes?.large};\n    min-height: 52px;\n    white-space: nowrap;\n\n    && {\n        font-weight: normal;\n\n        a {\n            font-weight: normal;\n        }\n    }\n    .humany-guide-category-dropdown-item {\n        font-weight: normal;\n    }\n`;\n\n// FUTURE TODO: Look into the typescript error when removing \": any\".\nconst List: any = styled(BaseList)<any>`\n    ${list}\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    margin-right: ${(p) => p.theme.sizes?.medium};\n    margin-left: ${(p) => p.theme.sizes?.large};\n    margin-bottom: 22px;\n    border-left: ${(p) => p.theme.border};\n    li {\n        margin: 0 0 ${(p) => p.theme.sizes?.normal} -2px;\n    }\n    li:last-child {\n        margin: 0 0 0 -2px;\n    }\n    flex-basis: 100%;\n    border-width: 2px;\n`;\n\n// FUTURE TODO: Look into the typescript error when removing \": any\".\nconst MatchCount: any = styled(Text)`\n    margin: 0 0 0 ${(p) => p.theme.sizes?.small};\n`;\n\nexport default {\n    Wrapper,\n    Toggler,\n    List,\n    Item,\n    Link,\n    TopItem,\n    MatchCount,\n};\n","import { Category } from '@telia-ace/knowledge-widget-core';\nimport { useProperties } from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { GuideCategoryDropdownComponentProps } from './guide-category-dropdown-component';\nimport Styled from './guide-category-dropdown.styles';\n\nconst GuideCategoryDropdownMatchCount: React.FC<Category> = ({ matches }) => {\n    const { showMatchCount = false } = useProperties<GuideCategoryDropdownComponentProps>();\n\n    if (!showMatchCount || typeof matches === 'undefined') {\n        return null;\n    }\n\n    return <Styled.MatchCount>({matches})</Styled.MatchCount>;\n};\n\nexport default GuideCategoryDropdownMatchCount;\n","import { initialRouteFallback } from '@telia-ace/knowledge-widget-component-utilities';\nimport { Category } from '@telia-ace/knowledge-widget-core';\nimport { SymbolBadge, Text, useHover, useProperties } from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { GuideCategoryDropdownComponentProps } from './guide-category-dropdown-component';\nimport GuideCategoryDropdownMatchCount from './guide-category-dropdown-match-count';\nimport Styled from './guide-category-dropdown.styles';\n\ntype Props = {\n    item: Category;\n    guideCategory: string;\n};\n\nconst GuideCategoryDropdownItem: React.FC<Props> = ({ item, guideCategory }) => {\n    const {\n        route = 'browse',\n        categoryAriaLabel = '',\n        activeCategoryAriaLabel = '',\n        fallbackOnInitialRoute = false,\n    } = useProperties<GuideCategoryDropdownComponentProps>();\n    const [hovering, elem] = useHover();\n    const { id, title, symbol, activeSymbol } = item;\n\n    const selected = guideCategory === id;\n    return (\n        <li ref={elem as any}>\n            <Styled.Link\n                {...initialRouteFallback(item, route, fallbackOnInitialRoute, 'category')}\n                aria-pressed={selected}\n                aria-label={(selected ? activeCategoryAriaLabel : categoryAriaLabel).replace(\n                    '{{category}}',\n                    title\n                )}\n                className=\"humany-guide-category-dropdown-link\"\n                aria-current={selected}\n                selected={selected}\n            >\n                {(selected || hovering) && activeSymbol ? (\n                    <SymbolBadge symbol={activeSymbol} />\n                ) : (\n                    symbol && <SymbolBadge symbol={symbol} />\n                )}\n                <Text>{title}</Text>\n                <GuideCategoryDropdownMatchCount {...item} />\n            </Styled.Link>\n        </li>\n    );\n};\n\nexport default GuideCategoryDropdownItem;\n","import { Category } from '@telia-ace/knowledge-widget-core';\nimport {\n    createEmptyComponent,\n    SymbolBadge,\n    Text,\n    useContainer,\n    useIsTabbing,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\nimport React, { useEffect, useState } from 'react';\nimport { GuideCategoryDropdownComponentProps } from './guide-category-dropdown-component';\nimport GuideCategoryDropdownItem from './guide-category-dropdown-item';\nimport GuideCategoryDropdownMatchCount from './guide-category-dropdown-match-count';\nimport Styled from './guide-category-dropdown.styles';\n\ntype Props = {\n    className: string;\n};\n\nconst GuideCategoryDropdown: React.FC<Props> = ({ className, ...other }) => {\n    const routeData = useRouteData();\n    const [togglerFocus, setTogglerFocus] = useState(false);\n    const {\n        parent,\n        route = 'browse',\n        categories = [],\n        loading = false,\n    } = useProperties<GuideCategoryDropdownComponentProps>();\n    const container = useContainer();\n    const [isOpen, setIsOpen] = useState(false);\n    const { params } = routeData;\n    const isTabbing = useIsTabbing();\n    const { guideCategory, tag, phrase, sorting } = params;\n\n    useEffect(() => {\n        if (isOpen) {\n            setIsOpen(false);\n        }\n    }, [guideCategory]);\n\n    if (loading || !parent || !categories.length) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-guide-category-dropdown'),\n        });\n    }\n\n    const selected = categories.find((category) => category.id === guideCategory) || parent;\n    const selectedSymbol = selected.activeSymbol || selected.symbol;\n\n    return (\n        <Styled.Wrapper\n            {...other}\n            data-loading={false}\n            data-toggler-in-focus={togglerFocus}\n            aria-expanded={isOpen}\n            isTabbing={isTabbing}\n            className={appendClassNames(className, 'humany-guide-category-dropdown')}\n        >\n            {isOpen ? (\n                <>\n                    <Styled.TopItem className=\"humany-guide-category-dropdown-top-item\">\n                        <Styled.Link\n                            className=\"humany-guide-category-dropdown-link\"\n                            routeName={route}\n                            params={createParams({\n                                tag,\n                                phrase,\n                                sorting,\n                                guideCategory: parent.id,\n                                uriName: formatUrl(parent.title),\n                            })}\n                            selected={false}\n                        >\n                            {parent.symbol ? <SymbolBadge symbol={parent.symbol} /> : null}\n                            <Text>{parent.title}</Text>\n                            <GuideCategoryDropdownMatchCount {...parent} />\n                        </Styled.Link>\n                        <Styled.Toggler\n                            onBlur={() => setTogglerFocus(false)}\n                            onFocus={() => setTogglerFocus(true)}\n                            className=\"humany-guide-category-dropdown-toggler\"\n                            onClick={() => {\n                                setIsOpen(!isOpen);\n                            }}\n                            aria-expanded=\"true\"\n                            aria-label={selected.title}\n                        >\n                            <SymbolBadge size={18} symbol={{ type: 'Svg', content: 'caret-up' }} />\n                        </Styled.Toggler>\n                    </Styled.TopItem>\n                    <Styled.List\n                        className=\"humany-guide-category-dropdown-open\"\n                        items={categories}\n                        renderItem={(item: Category) => (\n                            <GuideCategoryDropdownItem\n                                key={item.id}\n                                item={item}\n                                guideCategory={guideCategory}\n                            />\n                        )}\n                    />\n                </>\n            ) : (\n                <Styled.TopItem className=\"humany-guide-category-dropdown-top-item\">\n                    <Styled.Item\n                        className=\"humany-guide-category-dropdown-item\"\n                        onClick={() => {\n                            setIsOpen(!isOpen);\n                        }}\n                        selected={false}\n                    >\n                        {selectedSymbol ? <SymbolBadge symbol={selectedSymbol} /> : null}\n                        <Text>{selected.title}</Text>\n                        <GuideCategoryDropdownMatchCount {...selected} />\n                    </Styled.Item>\n                    <Styled.Toggler\n                        onBlur={() => setTogglerFocus(false)}\n                        onFocus={() => setTogglerFocus(true)}\n                        className=\"humany-guide-category-dropdown-toggler\"\n                        onClick={() => {\n                            setIsOpen(!isOpen);\n                        }}\n                        aria-expanded=\"false\"\n                        aria-label={selected.title}\n                    >\n                        <SymbolBadge size={18} symbol={{ type: 'Svg', content: 'caret-down' }} />\n                    </Styled.Toggler>\n                </Styled.TopItem>\n            )}\n        </Styled.Wrapper>\n    );\n};\n\nexport default GuideCategoryDropdown;\n"],"names":["Wrapper","styled","loadingOpacity","contentBox","p","css","borderTabStyle","Toggler","_a","styling","_b","_c","_d","_e","_f","_g","_h","Item","Link","BaseLink","linkTabStyle","TopItem","List","BaseList","list","MatchCount","Text","Styled","GuideCategoryDropdownMatchCount","matches","showMatchCount","useProperties","GuideCategoryDropdownMatchCount$1","GuideCategoryDropdownItem","item","guideCategory","route","categoryAriaLabel","activeCategoryAriaLabel","fallbackOnInitialRoute","hovering","elem","useHover","id","title","symbol","activeSymbol","selected","React","__spreadProps","__spreadValues","initialRouteFallback","SymbolBadge","GuideCategoryDropdownItem$1","GuideCategoryDropdown","className","other","__objRest","routeData","useRouteData","togglerFocus","setTogglerFocus","useState","parent","categories","loading","container","useContainer","isOpen","setIsOpen","params","isTabbing","useIsTabbing","tag","phrase","sorting","useEffect","createEmptyComponent","appendClassNames","category","selectedSymbol","createParams","formatUrl"],"mappings":"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"}

package/dist/index.js

@@ -1,79 +0,0 @@
-import { DataClient as b, DataType as v } from "@telia-ace/knowledge-data-client";
-import { createEventSubscriber as C, extendComponent as D } from "@telia-ace/knowledge-widget-core";
-import { createReactComponent as P } from "@telia-ace/knowledge-widget-ui";
-const y = (e, n, a) => !a || a.length < 1 ? n : h(e, n, null, a), h = (e, n, a, o) => {
-  if (e.find((s) => s.id === o) || !o)
-    return a || n;
-  for (let s = 0; s < e.length; s += 1) {
-    const t = e[s];
-    if (t.items) {
-      const r = h(t.items, n, t, o);
-      if (r)
-        return r;
-    }
-  }
-}, R = (e) => e.matches && e.matches > 0, G = (e) => {
-  const { events: n } = e.get("$widget"), [a, o] = C(n);
-  return P(
-    e,
-    "guide-category-dropdown",
-    import("./guide-category-dropdown.f83881bc.js"),
-    (i) => {
-      const s = (t) => {
-        i.writeProperties({ loading: !0 }), i.actions.dispatch("fetch", { params: t }).then(() => {
-          i.writeProperties({ loading: !1 });
-        });
-      };
-      i.actions.create("fetch", ({ parent: t, categories: r }) => {
-        i.writeProperties({
-          parent: t,
-          categories: r,
-          loading: !1
-        });
-      }), e.getAsync("router").then((t) => {
-        const { params: r } = t.getRouteData();
-        s(r);
-      }), a("router:changed", (t, { current: r }) => {
-        s(r.routeData.params);
-      });
-    }
-  ).then(() => D(e, "guide-category-dropdown", (i) => {
-    i.actions.watch("guide-category-dropdown.fetch", (s, t) => {
-      const {
-        matchFilters: r = {
-          search: !1,
-          tag: !1
-        },
-        rootCategoryHeader: u
-      } = i.properties(), {
-        params: { phrase: l, guideCategory: g, tag: p }
-      } = s;
-      return b.getInstance(e).then((m) => m.fetch(v.GuideCategories, {
-        searchPhrase: r.search ? l : void 0,
-        tagId: r.tag ? p : void 0
-      }).then(({ categories: d, matches: w }) => {
-        var f;
-        const c = y(
-          d,
-          {
-            matches: w,
-            id: "0",
-            title: u,
-            items: d
-          },
-          g
-        );
-        return t({
-          parent: c,
-          categories: (f = c == null ? void 0 : c.items) == null ? void 0 : f.filter(R)
-        });
-      }));
-    });
-  })).then(() => {
-    o();
-  });
-};
-export {
-  G as default
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/guide-category-dropdown-component.ts"],"sourcesContent":["import { CategoriesResult, DataClient, DataType } from '@telia-ace/knowledge-data-client';\nimport { MatchFilterProperties } from '@telia-ace/knowledge-widget-component-utilities';\nimport { Category, createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nconst findParentAndSiblings = (\n    categories: Category[],\n    root: Category,\n    currentCategoryId: string\n): Category | undefined => {\n    if (!currentCategoryId || currentCategoryId.length < 1) {\n        return root;\n    }\n    return findRecursive(categories, root, null, currentCategoryId);\n};\n\nconst findRecursive = (\n    categories: Category[],\n    root: Category,\n    previous: Category | null,\n    currentCategoryId: string\n): Category | undefined => {\n    const filtered = categories.find((c) => c.id === currentCategoryId);\n    if (filtered || !currentCategoryId) {\n        if (!previous) {\n            return root;\n        }\n        return previous;\n    }\n\n    for (let i = 0; i < categories.length; i += 1) {\n        const cat = categories[i];\n        if (cat.items) {\n            const result = findRecursive(cat.items, root, cat, currentCategoryId);\n            if (result) {\n                return result;\n            }\n        }\n    }\n};\n\nconst filterEmptyCategories = (category: Category) => category.matches && category.matches > 0;\n\nexport type GuideCategoryDropdownComponentProps = {\n    matchFilters?: Partial<MatchFilterProperties>;\n    rootCategoryHeader: string;\n    route?: string;\n    categoryAriaLabel?: string;\n    activeCategoryAriaLabel?: string;\n    parent?: Category; // internal\n    categories?: Category[]; // internal\n    showMatchCount?: boolean;\n    fallbackOnInitialRoute?: boolean;\n};\n\nexport default (container: Container) => {\n    const { events } = container.get('$widget');\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n    return createReactComponent(\n        container,\n        'guide-category-dropdown',\n        import('./guide-category-dropdown'),\n        (component) => {\n            const fetch = (params: { [key: string]: any }) => {\n                component.writeProperties({ loading: true });\n                component.actions.dispatch('fetch', { params }).then(() => {\n                    component.writeProperties({ loading: false });\n                });\n            };\n\n            component.actions.create('fetch', ({ parent, categories }) => {\n                component.writeProperties({\n                    parent,\n                    categories,\n                    loading: false,\n                });\n            });\n\n            container.getAsync('router').then((router) => {\n                const { params } = router.getRouteData();\n                fetch(params);\n            });\n\n            subscribe('router:changed', (event: any, { current }: any) => {\n                fetch(current.routeData.params);\n            });\n        }\n    )\n        .then(() => {\n            return extendComponent(container, 'guide-category-dropdown', (component) => {\n                component.actions.watch('guide-category-dropdown.fetch', (input, next) => {\n                    const {\n                        matchFilters = {\n                            search: false,\n                            tag: false,\n                        },\n                        rootCategoryHeader,\n                    } = component.properties<GuideCategoryDropdownComponentProps>();\n                    const {\n                        params: { phrase, guideCategory, tag },\n                    } = input;\n                    return DataClient.getInstance(container).then((dataClient) => {\n                        return dataClient\n                            .fetch(DataType.GuideCategories, {\n                                searchPhrase: matchFilters.search ? phrase : undefined,\n                                tagId: matchFilters.tag ? tag : undefined,\n                            })\n                            .then(({ categories, matches }: CategoriesResult) => {\n                                const parent = findParentAndSiblings(\n                                    categories,\n                                    {\n                                        matches,\n                                        id: '0',\n                                        title: rootCategoryHeader,\n                                        items: categories,\n                                    },\n                                    guideCategory\n                                );\n\n                                return next({\n                                    parent,\n                                    categories: parent?.items?.filter(filterEmptyCategories),\n                                });\n                            });\n                    });\n                });\n            });\n        })\n        .then(() => {\n            unsubscribe();\n        });\n};\n"],"names":["findParentAndSiblings","categories","root","currentCategoryId","findRecursive","previous","c","i","cat","result","filterEmptyCategories","category","GuideCategoryDropdownComponent","container","events","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","parent","router","event","current","extendComponent","input","next","matchFilters","rootCategoryHeader","phrase","guideCategory","tag","DataClient","dataClient","DataType","matches","_a"],"mappings":"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"}