@telia-ace/knowledge-widget-components-contact-list 1.0.28-next.1 → 1.0.34-next.1

package/dist/{contact-list.8e19745e.js → contact-list.5875aa00.js}

@@ -49,45 +49,54 @@ const lt = (P) => {
   } = z(), { name: r } = X(), x = F(), L = Y(), D = H(), N = it(
     (c, i, h, l) => {
       const { id: u, title: E } = c;
-      return n && C === u ? /* @__PURE__ */ o.createElement(Z, {
-        key: u,
-        id: u,
-        title: E,
-        route: d,
-        collapseUri: y && v(y)
-      }, L.map((R) => /* @__PURE__ */ o.createElement(st, {
-        key: R.id,
-        id: R.id,
-        branch: "default",
-        accordion: n
-      }))) : l ? l(c, i, h, l) : null;
+      return n && C === u ? /* @__PURE__ */ o.createElement(
+        Z,
+        {
+          key: u,
+          id: u,
+          title: E,
+          route: d,
+          collapseUri: y && v(y)
+        },
+        L.map((R) => /* @__PURE__ */ o.createElement(
+          st,
+          {
+            key: R.id,
+            id: R.id,
+            branch: "default",
+            accordion: n
+          }
+        ))
+      ) : l ? l(c, i, h, l) : null;
     },
     [n, L, C]
   );
   return !e.length && !m ? O(x, p(g({}, f), {
     className: I(t, "humany-deflection-list")
-  })) : /* @__PURE__ */ o.createElement(mt, p(g({}, f), {
-    "data-loading": m,
-    className: I(t, "humany-deflection-list"),
-    items: e,
-    header: a,
-    expandable: !!n,
-    renderItem: N,
-    dispatch: D,
-    routing: {
-      guide: S
-    },
-    paramMappers: {
-      guide: ({ id: c, title: i }) => j({
-        contactCategory: b,
-        guide: c,
-        accordion: n ? r : void 0,
-        uriName: v(i)
-      })
-    }
-  }), /* @__PURE__ */ o.createElement(G, {
-    loading: m
-  }));
+  })) : /* @__PURE__ */ o.createElement(
+    mt,
+    p(g({}, f), {
+      "data-loading": m,
+      className: I(t, "humany-deflection-list"),
+      items: e,
+      header: a,
+      expandable: !!n,
+      renderItem: N,
+      dispatch: D,
+      routing: {
+        guide: S
+      },
+      paramMappers: {
+        guide: ({ id: c, title: i }) => j({
+          contactCategory: b,
+          guide: c,
+          accordion: n ? r : void 0,
+          uriName: v(i)
+        })
+      }
+    }),
+    /* @__PURE__ */ o.createElement(G, { loading: m })
+  );
 }, mt = k(_)`
     ${A}
     ${M}
@@ -131,42 +140,49 @@ const lt = (P) => {
     name: D,
     params: { contactCategory: N }
   } = y, c = rt(N, d);
-  return s.length ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(dt, {
-    className: t,
-    guides: b,
-    categoryTitle: c && c.title,
-    header: f,
-    route: L,
-    accordion: C,
-    loading: r
-  }), /* @__PURE__ */ o.createElement(ut, {
-    "data-loading": r,
-    className: t,
-    contactMethods: s,
-    dispatch: m
-  }, /* @__PURE__ */ o.createElement(G, {
-    loading: r
-  }))) : /* @__PURE__ */ o.createElement(gt, p(g({}, e), {
-    "data-loading": r,
-    className: I(t, "humany-contact-category-list"),
-    items: c && c.items || d,
-    renderItem: ({ id: i, title: h, symbol: l, matches: u, items: E }) => !!u || E && !!E.length ? /* @__PURE__ */ o.createElement("li", {
-      key: i,
-      "data-contact-category": i
-    }, /* @__PURE__ */ o.createElement(pt, {
-      routeName: x || D,
-      params: j({
-        contactCategory: i,
-        uriName: v(h)
-      })
-    }, l && /* @__PURE__ */ o.createElement(ot, {
-      symbol: l
-    }), /* @__PURE__ */ o.createElement(ct, null, h))) : null
-  }), /* @__PURE__ */ o.createElement(G, {
-    loading: r
-  }));
+  return s.length ? /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+    dt,
+    {
+      className: t,
+      guides: b,
+      categoryTitle: c && c.title,
+      header: f,
+      route: L,
+      accordion: C,
+      loading: r
+    }
+  ), /* @__PURE__ */ o.createElement(
+    ut,
+    {
+      "data-loading": r,
+      className: t,
+      contactMethods: s,
+      dispatch: m
+    },
+    /* @__PURE__ */ o.createElement(G, { loading: r })
+  )) : /* @__PURE__ */ o.createElement(
+    gt,
+    p(g({}, e), {
+      "data-loading": r,
+      className: I(t, "humany-contact-category-list"),
+      items: c && c.items || d,
+      renderItem: ({ id: i, title: h, symbol: l, matches: u, items: E }) => !!u || E && !!E.length ? /* @__PURE__ */ o.createElement("li", { key: i, "data-contact-category": i }, /* @__PURE__ */ o.createElement(
+        pt,
+        {
+          routeName: x || D,
+          params: j({
+            contactCategory: i,
+            uriName: v(h)
+          })
+        },
+        l && /* @__PURE__ */ o.createElement(ot, { symbol: l }),
+        /* @__PURE__ */ o.createElement(ct, null, h)
+      )) : null
+    }),
+    /* @__PURE__ */ o.createElement(G, { loading: r })
+  );
 };
 export {
   It as default
 };
-//# sourceMappingURL=contact-list.8e19745e.js.map
+//# sourceMappingURL=contact-list.5875aa00.js.map

package/dist/{contact-list.8e19745e.js.map → contact-list.5875aa00.js.map}

@@ -1 +1 @@
-{"version":3,"file":"contact-list.8e19745e.js","sources":["../src/deflection-list.tsx","../src/contact-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Guide } from '@telia-ace/knowledge-widget-core';\nimport { Component } from '@telia-ace/knowledge-widget-types-grid';\nimport {\n    AccordionListItem,\n    contentBox,\n    createEmptyComponent,\n    GuideList,\n    ItemRenderer,\n    Loader,\n    loadingOpacity,\n    useChildren,\n    useComponentDescriptor,\n    useContainer,\n    useDispatch,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\nimport React, { useCallback } from 'react';\n\ntype Props = {\n    className: string;\n    guides: Guide[];\n    header: string;\n    accordion?: boolean;\n    route?: string;\n    loading: boolean;\n    categoryTitle?: string;\n};\n\nconst DeflectionList: React.FC<Props> = ({\n    className,\n    guides,\n    header,\n    accordion,\n    loading,\n    route = 'guide',\n    categoryTitle,\n    ...other\n}) => {\n    const {\n        name: routeName,\n        params: { contactCategory = 0, guide: currentGuideId },\n    } = useRouteData();\n    const { name: componentName } = useComponentDescriptor();\n    const container = useContainer();\n    const children = useChildren();\n    const dispatch = useDispatch();\n\n    const renderItem: ItemRenderer = useCallback(\n        (guide, index, items, defaultRenderer) => {\n            const { id, title } = guide;\n            if (accordion && currentGuideId === id) {\n                return (\n                    <AccordionListItem\n                        key={id}\n                        id={id}\n                        title={title}\n                        route={routeName}\n                        collapseUri={categoryTitle && formatUrl(categoryTitle)}\n                    >\n                        {children.map((child) => (\n                            <Component\n                                key={child.id}\n                                id={child.id}\n                                branch=\"default\"\n                                {...{ accordion }}\n                            />\n                        ))}\n                    </AccordionListItem>\n                );\n            }\n\n            return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;\n        },\n        [accordion, children, currentGuideId]\n    );\n\n    if (!guides.length && !loading) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-deflection-list'),\n        });\n    }\n\n    return (\n        <StyledGuideList\n            {...other}\n            data-loading={loading}\n            className={appendClassNames(className, 'humany-deflection-list')}\n            items={guides}\n            header={header}\n            expandable={!!accordion}\n            renderItem={renderItem}\n            dispatch={dispatch}\n            routing={{\n                guide: route,\n            }}\n            paramMappers={{\n                guide: ({ id, title }: Guide) =>\n                    createParams({\n                        contactCategory,\n                        guide: id,\n                        accordion: accordion ? componentName : undefined,\n                        uriName: formatUrl(title),\n                    }),\n            }}\n        >\n            <Loader loading={loading} />\n        </StyledGuideList>\n    );\n};\n\nconst StyledGuideList = styled(GuideList)<{ 'data-loading': boolean } & any>`\n    ${contentBox}\n    ${loadingOpacity}\n`;\n\nexport default DeflectionList;\n","import styled from '@emotion/styled';\nimport {\n    contactItemList,\n    contactLink,\n    ContactList as ContactListUi,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { Category } from '@telia-ace/knowledge-widget-core';\nimport {\n    borderTabStyle,\n    contentBox,\n    createEmptyComponent,\n    ItemList,\n    Link,\n    Loader,\n    loadingOpacity,\n    StyledText,\n    SymbolBadge,\n    useContainer,\n    useDispatch,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport {\n    appendClassNames,\n    createParams,\n    findCategoryById,\n    formatUrl,\n} from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { ContactListComponentProps } from './contact-list-component';\nimport DeflectionList from './deflection-list';\n\nconst StyledContactList = styled(ContactListUi)<any>`\n    ${loadingOpacity}\n    ${contentBox}\n`;\n\nconst StyledItemList = styled(ItemList)<any>`\n    ${(p) => loadingOpacity(p)}\n    ${contentBox}\n  ${contactItemList}\n\n  && {\n        i {\n            font-size: 25px;\n            width: 1.28571429em;\n            text-align: center;\n        }\n    }\n`;\n\nconst StyledLink = styled(Link)<any>`\n    &:focus-visible {\n        ${borderTabStyle};\n    }\n\n    ${contactLink}\n`;\n\ntype Props = {\n    className: string;\n};\n\nconst ContactList: React.FC<Props> = ({ className, ...other }) => {\n    const dispatch = useDispatch();\n    const container = useContainer();\n    const routeData = useRouteData();\n    const {\n        deflectionHeader = '',\n        routes = {},\n        contactMethods = [],\n        categories = [],\n        guides = [],\n        deflectionAccordion = false,\n        loading = false,\n    } = useProperties<ContactListComponentProps>();\n\n    const { contactCategory: contactCategoryRoute, guide: guideRoute = 'guide' } = routes;\n\n    if (!categories.length && !contactMethods.length && !loading) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-contact-category-list'),\n        });\n    }\n\n    const {\n        name,\n        params: { contactCategory },\n    } = routeData;\n\n    const selectedCategory: Category = findCategoryById(contactCategory, categories);\n\n    return !contactMethods.length ? (\n        <StyledItemList\n            {...other}\n            data-loading={loading}\n            className={appendClassNames(className, 'humany-contact-category-list')}\n            items={(selectedCategory && selectedCategory.items) || categories}\n            renderItem={({ id, title, symbol, matches, items }: Category) =>\n                !!matches || (items && !!items.length) ? (\n                    <li key={id} data-contact-category={id}>\n                        <StyledLink\n                            routeName={contactCategoryRoute || name}\n                            params={createParams({\n                                contactCategory: id,\n                                uriName: formatUrl(title),\n                            })}\n                        >\n                            {symbol && <SymbolBadge symbol={symbol} />}\n                            <StyledText>{title}</StyledText>\n                        </StyledLink>\n                    </li>\n                ) : null\n            }\n        >\n            <Loader loading={loading} />\n        </StyledItemList>\n    ) : (\n        <>\n            <DeflectionList\n                className={className}\n                guides={guides}\n                categoryTitle={selectedCategory && selectedCategory.title}\n                header={deflectionHeader}\n                route={guideRoute}\n                accordion={deflectionAccordion}\n                loading={loading}\n            />\n            <StyledContactList\n                data-loading={loading}\n                className={className}\n                contactMethods={contactMethods}\n                dispatch={dispatch}\n            >\n                <Loader loading={loading} />\n            </StyledContactList>\n        </>\n    );\n};\n\nexport default ContactList;\n"],"names":["DeflectionList","_a","_b","className","guides","header","accordion","loading","route","categoryTitle","other","__objRest","routeName","contactCategory","currentGuideId","useRouteData","componentName","useComponentDescriptor","container","useContainer","children","useChildren","dispatch","useDispatch","renderItem","useCallback","guide","index","items","defaultRenderer","id","title","React","AccordionListItem","formatUrl","child","Component","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","StyledGuideList","createParams","Loader","styled","GuideList","contentBox","loadingOpacity","DeflectionList$1","StyledContactList","ContactListUi","StyledItemList","ItemList","p","contactItemList","StyledLink","Link","borderTabStyle","contactLink","ContactList","routeData","deflectionHeader","routes","contactMethods","categories","deflectionAccordion","useProperties","contactCategoryRoute","guideRoute","name","selectedCategory","findCategoryById","symbol","matches","SymbolBadge","StyledText"],"mappings":"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"}
+{"version":3,"file":"contact-list.5875aa00.js","sources":["../src/deflection-list.tsx","../src/contact-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Guide } from '@telia-ace/knowledge-widget-core';\nimport { Component } from '@telia-ace/knowledge-widget-types-grid';\nimport {\n    AccordionListItem,\n    contentBox,\n    createEmptyComponent,\n    GuideList,\n    ItemRenderer,\n    Loader,\n    loadingOpacity,\n    useChildren,\n    useComponentDescriptor,\n    useContainer,\n    useDispatch,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames, createParams, formatUrl } from '@telia-ace/widget-utilities';\nimport React, { useCallback } from 'react';\n\ntype Props = {\n    className: string;\n    guides: Guide[];\n    header: string;\n    accordion?: boolean;\n    route?: string;\n    loading: boolean;\n    categoryTitle?: string;\n};\n\nconst DeflectionList: React.FC<Props> = ({\n    className,\n    guides,\n    header,\n    accordion,\n    loading,\n    route = 'guide',\n    categoryTitle,\n    ...other\n}) => {\n    const {\n        name: routeName,\n        params: { contactCategory = 0, guide: currentGuideId },\n    } = useRouteData();\n    const { name: componentName } = useComponentDescriptor();\n    const container = useContainer();\n    const children = useChildren();\n    const dispatch = useDispatch();\n\n    const renderItem: ItemRenderer = useCallback(\n        (guide, index, items, defaultRenderer) => {\n            const { id, title } = guide;\n            if (accordion && currentGuideId === id) {\n                return (\n                    <AccordionListItem\n                        key={id}\n                        id={id}\n                        title={title}\n                        route={routeName}\n                        collapseUri={categoryTitle && formatUrl(categoryTitle)}\n                    >\n                        {children.map((child) => (\n                            <Component\n                                key={child.id}\n                                id={child.id}\n                                branch=\"default\"\n                                {...{ accordion }}\n                            />\n                        ))}\n                    </AccordionListItem>\n                );\n            }\n\n            return defaultRenderer ? defaultRenderer(guide, index, items, defaultRenderer) : null;\n        },\n        [accordion, children, currentGuideId]\n    );\n\n    if (!guides.length && !loading) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-deflection-list'),\n        });\n    }\n\n    return (\n        <StyledGuideList\n            {...other}\n            data-loading={loading}\n            className={appendClassNames(className, 'humany-deflection-list')}\n            items={guides}\n            header={header}\n            expandable={!!accordion}\n            renderItem={renderItem}\n            dispatch={dispatch}\n            routing={{\n                guide: route,\n            }}\n            paramMappers={{\n                guide: ({ id, title }: Guide) =>\n                    createParams({\n                        contactCategory,\n                        guide: id,\n                        accordion: accordion ? componentName : undefined,\n                        uriName: formatUrl(title),\n                    }),\n            }}\n        >\n            <Loader loading={loading} />\n        </StyledGuideList>\n    );\n};\n\nconst StyledGuideList = styled(GuideList)<{ 'data-loading': boolean } & any>`\n    ${contentBox}\n    ${loadingOpacity}\n`;\n\nexport default DeflectionList;\n","import styled from '@emotion/styled';\nimport {\n    contactItemList,\n    contactLink,\n    ContactList as ContactListUi,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { Category } from '@telia-ace/knowledge-widget-core';\nimport {\n    borderTabStyle,\n    contentBox,\n    createEmptyComponent,\n    ItemList,\n    Link,\n    Loader,\n    loadingOpacity,\n    StyledText,\n    SymbolBadge,\n    useContainer,\n    useDispatch,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport {\n    appendClassNames,\n    createParams,\n    findCategoryById,\n    formatUrl,\n} from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { ContactListComponentProps } from './contact-list-component';\nimport DeflectionList from './deflection-list';\n\nconst StyledContactList = styled(ContactListUi)<any>`\n    ${loadingOpacity}\n    ${contentBox}\n`;\n\nconst StyledItemList = styled(ItemList)<any>`\n    ${(p) => loadingOpacity(p)}\n    ${contentBox}\n  ${contactItemList}\n\n  && {\n        i {\n            font-size: 25px;\n            width: 1.28571429em;\n            text-align: center;\n        }\n    }\n`;\n\nconst StyledLink = styled(Link)<any>`\n    &:focus-visible {\n        ${borderTabStyle};\n    }\n\n    ${contactLink}\n`;\n\ntype Props = {\n    className: string;\n};\n\nconst ContactList: React.FC<Props> = ({ className, ...other }) => {\n    const dispatch = useDispatch();\n    const container = useContainer();\n    const routeData = useRouteData();\n    const {\n        deflectionHeader = '',\n        routes = {},\n        contactMethods = [],\n        categories = [],\n        guides = [],\n        deflectionAccordion = false,\n        loading = false,\n    } = useProperties<ContactListComponentProps>();\n\n    const { contactCategory: contactCategoryRoute, guide: guideRoute = 'guide' } = routes;\n\n    if (!categories.length && !contactMethods.length && !loading) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-contact-category-list'),\n        });\n    }\n\n    const {\n        name,\n        params: { contactCategory },\n    } = routeData;\n\n    const selectedCategory: Category = findCategoryById(contactCategory, categories);\n\n    return !contactMethods.length ? (\n        <StyledItemList\n            {...other}\n            data-loading={loading}\n            className={appendClassNames(className, 'humany-contact-category-list')}\n            items={(selectedCategory && selectedCategory.items) || categories}\n            renderItem={({ id, title, symbol, matches, items }: Category) =>\n                !!matches || (items && !!items.length) ? (\n                    <li key={id} data-contact-category={id}>\n                        <StyledLink\n                            routeName={contactCategoryRoute || name}\n                            params={createParams({\n                                contactCategory: id,\n                                uriName: formatUrl(title),\n                            })}\n                        >\n                            {symbol && <SymbolBadge symbol={symbol} />}\n                            <StyledText>{title}</StyledText>\n                        </StyledLink>\n                    </li>\n                ) : null\n            }\n        >\n            <Loader loading={loading} />\n        </StyledItemList>\n    ) : (\n        <>\n            <DeflectionList\n                className={className}\n                guides={guides}\n                categoryTitle={selectedCategory && selectedCategory.title}\n                header={deflectionHeader}\n                route={guideRoute}\n                accordion={deflectionAccordion}\n                loading={loading}\n            />\n            <StyledContactList\n                data-loading={loading}\n                className={className}\n                contactMethods={contactMethods}\n                dispatch={dispatch}\n            >\n                <Loader loading={loading} />\n            </StyledContactList>\n        </>\n    );\n};\n\nexport default ContactList;\n"],"names":["DeflectionList","_a","_b","className","guides","header","accordion","loading","route","categoryTitle","other","__objRest","routeName","contactCategory","currentGuideId","useRouteData","componentName","useComponentDescriptor","container","useContainer","children","useChildren","dispatch","useDispatch","renderItem","useCallback","guide","index","items","defaultRenderer","id","title","React","AccordionListItem","formatUrl","child","Component","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","StyledGuideList","createParams","Loader","styled","GuideList","contentBox","loadingOpacity","DeflectionList$1","StyledContactList","ContactListUi","StyledItemList","ItemList","p","contactItemList","StyledLink","Link","borderTabStyle","contactLink","ContactList","routeData","deflectionHeader","routes","contactMethods","categories","deflectionAccordion","useProperties","contactCategoryRoute","guideRoute","name","selectedCategory","findCategoryById","symbol","matches","SymbolBadge","StyledText"],"mappings":"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"}

package/dist/index.js

@@ -19,7 +19,7 @@ const K = (t) => {
   return B(
     t,
     "contact-list",
-    import("./contact-list.8e19745e.js"),
+    import("./contact-list.5875aa00.js"),
     (r) => {
       const a = (o) => {
         r.writeProperties({ loading: !0, contactMethods: [], categories: [] }), r.actions.dispatch("fetch", { params: o });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-contact-list",
-  "version": "1.0.28-next.1",
+  "version": "1.0.34-next.1",
   "description": "Contact list component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,18 +21,18 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-adapters": "^1.0.34-next.1",
-    "@telia-ace/knowledge-widget-component-utilities": "^1.0.28-next.1",
-    "@telia-ace/knowledge-widget-core": "^1.0.24-next.1",
-    "@telia-ace/knowledge-widget-types-grid": "^1.0.35-next.1",
-    "@telia-ace/knowledge-widget-ui": "^1.0.30-next.1",
-    "@telia-ace/widget-forms": "^1.0.25-next.1",
-    "@telia-ace/widget-utilities": "^1.0.7-next.1",
+    "@telia-ace/knowledge-widget-adapters": "^1.0.40-next.1",
+    "@telia-ace/knowledge-widget-component-utilities": "^1.0.34-next.1",
+    "@telia-ace/knowledge-widget-core": "^1.0.30-next.1",
+    "@telia-ace/knowledge-widget-types-grid": "^1.0.41-next.1",
+    "@telia-ace/knowledge-widget-ui": "^1.0.36-next.1",
+    "@telia-ace/widget-forms": "^1.0.25-next.7",
+    "@telia-ace/widget-utilities": "^1.0.7-next.7",
     "@webprovisions/platform": "^1.1.2"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },