@telia-ace/knowledge-widget-components-guide-category-dropdown 1.0.38-experimental.9 → 1.0.39-next.0

package/dist/guide-category-dropdown-component.d.ts

@@ -1 +1,16 @@
-export declare const x: {};
+import { MatchFilterProperties } from '@telia-ace/knowledge-widget-component-utilities';
+import { Category } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+export type GuideCategoryDropdownComponentProps = {
+    matchFilters?: Partial<MatchFilterProperties>;
+    rootCategoryHeader: string;
+    route?: string;
+    categoryAriaLabel?: string;
+    activeCategoryAriaLabel?: string;
+    parent?: Category;
+    categories?: Category[];
+    showMatchCount?: boolean;
+    fallbackOnInitialRoute?: boolean;
+};
+declare const _default: (container: Container) => Promise<void>;
+export default _default;

package/dist/guide-category-dropdown-item.d.ts

@@ -1 +1,8 @@
-export declare const x: {};
+import { Category } from '@telia-ace/knowledge-widget-core';
+import React from 'react';
+type Props = {
+    item: Category;
+    guideCategory: string;
+};
+declare const GuideCategoryDropdownItem: React.FC<Props>;
+export default GuideCategoryDropdownItem;

package/dist/guide-category-dropdown-match-count.d.ts

@@ -1 +1,4 @@
-export declare const x: {};
+import { Category } from '@telia-ace/knowledge-widget-core';
+import React from 'react';
+declare const GuideCategoryDropdownMatchCount: React.FC<Category>;
+export default GuideCategoryDropdownMatchCount;

package/dist/guide-category-dropdown.d.ts

@@ -1 +1,6 @@
-export declare const x: {};
+import React from 'react';
+type Props = {
+    className: string;
+};
+declare const GuideCategoryDropdown: React.FC<Props>;
+export default GuideCategoryDropdown;

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

@@ -0,0 +1,289 @@
+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

@@ -0,0 +1 @@
+{"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/guide-category-dropdown.styles.d.ts

@@ -1 +1,10 @@
-export declare const x: {};
+declare const _default: {
+    Wrapper: any;
+    Toggler: any;
+    List: any;
+    Item: any;
+    Link: any;
+    TopItem: any;
+    MatchCount: any;
+};
+export default _default;

package/dist/index.d.ts

@@ -1 +1,2 @@
-export declare const x: {};
+import GuideCategoryDropdownComponent from './guide-category-dropdown-component';
+export default GuideCategoryDropdownComponent;

package/dist/index.js

@@ -1,5 +1,79 @@
-const o = {};
+import { createEventSubscriber as b, extendComponent as v } from "@telia-ace/knowledge-widget-core";
+import { DataType as y } from "@telia-ace/knowledge-widget-types-grid";
+import { createReactComponent as C } from "@telia-ace/knowledge-widget-ui";
+const P = (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;
+    }
+  }
+}, D = (e) => e.matches && e.matches > 0, E = (e) => {
+  const { events: n } = e.get("$widget"), [a, o] = b(n);
+  return C(
+    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(() => v(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 e.getAsync("dataClient").then((m) => m.fetch(y.GuideCategories, {
+        searchPhrase: r.search ? l : void 0,
+        tagId: r.tag ? p : void 0
+      }).then(({ categories: c, matches: w }) => {
+        var f;
+        const d = P(
+          c,
+          {
+            matches: w,
+            id: "0",
+            title: u,
+            items: c
+          },
+          g
+        );
+        return t({
+          parent: d,
+          categories: (f = d == null ? void 0 : d.items) == null ? void 0 : f.filter(D)
+        });
+      }));
+    });
+  })).then(() => {
+    o();
+  });
+};
 export {
-  o as x
+  E as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["// import GuideCategoryDropdownComponent from './guide-category-dropdown-component';\n\n// export default GuideCategoryDropdownComponent;\nexport const x = {};\n"],"names":["x"],"mappings":"AAGO,MAAMA,IAAI,CAAA;"}
+{"version":3,"file":"index.js","sources":["../src/guide-category-dropdown-component.ts"],"sourcesContent":["import { MatchFilterProperties } from '@telia-ace/knowledge-widget-component-utilities';\nimport { Category, createEventSubscriber, extendComponent } from '@telia-ace/knowledge-widget-core';\nimport { CategoriesResult, DataType } from '@telia-ace/knowledge-widget-types-grid';\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 container.getAsync('dataClient').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","DataType","matches","_a"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-guide-category-dropdown",
-  "version": "1.0.38-experimental.9",
+  "version": "1.0.39-next.0",
   "description": "Guide category dropdown component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,11 +21,11 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-component-utilities": "1.0.38-experimental.9",
-    "@telia-ace/knowledge-widget-core": "1.0.34-experimental.9",
-    "@telia-ace/knowledge-widget-types-grid": "1.0.45-experimental.9",
-    "@telia-ace/knowledge-widget-ui": "1.0.40-experimental.9",
-    "@telia-ace/widget-utilities": "^1.0.10-experimental.19",
+    "@telia-ace/knowledge-widget-component-utilities": "^1.0.39-next.0",
+    "@telia-ace/knowledge-widget-core": "^1.0.35-next.0",
+    "@telia-ace/knowledge-widget-types-grid": "^1.0.46-next.0",
+    "@telia-ace/knowledge-widget-ui": "^1.0.41-next.0",
+    "@telia-ace/widget-utilities": "^1.0.9",
     "@webprovisions/platform": "^1.1.2"
   },
   "peerDependencies": {