@telia-ace/knowledge-widget-components-guide-category-dropdown 0.0.1

package/guide-category-dropdown-3698c67e.mjs

@@ -0,0 +1,306 @@
+import { jsxs as c, jsx as o, Fragment as D } from "react/jsx-runtime";
+import { loadingOpacity as j, contentBox as B, borderTabStyle as M, Link as O, linkTabStyle as G, List as R, list as A, Text as $, useProperties as C, useHover as E, SymbolBadge as f, useRouteData as P, useContainer as W, useIsTabbing as H, createEmptyComponent as U } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as z, createParams as q, formatUrl as J } from "@telia-ace/widget-utilities";
+import { useState as T, useEffect as K } from "react";
+import { initialRouteFallback as Q } from "@telia-ace/knowledge-widget-component-utilities";
+import { css as x } from "@emotion/react";
+import m from "@emotion/styled";
+const V = m.div`
+  ${j}
+  ${B}
+  overflow: hidden;
+  min-height: 50px;
+  ${(e) => e["data-toggler-in-focus"] && e.isTabbing && x`
+      && {
+        ${M(e)}
+      }
+    `};
+`, X = 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;
+}};
+    }
+  }
+`, N = (e) => {
+  var t, g, u, r, n, p, s, h;
+  return x`
+  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: ${(g = e.theme.sizes) == null ? void 0 : g.small};
+  padding-left: ${(u = e.theme.sizes) == null ? void 0 : u.large};
+  cursor: pointer;
+  overflow: hidden;
+  ${e.selected ? x`
+        border-left: 2px solid ${(r = e.theme.colors) == null ? void 0 : r.primary};
+        color: ${(n = e.theme.colors) == null ? void 0 : n.primary};
+      ` : x`
+        color: ${(p = e.theme.colors) == null ? void 0 : p.text};
+      `};
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  i {
+    margin-right: ${(s = e.theme.sizes) == null ? void 0 : s.normal};
+    font-size: ${(h = e.theme.fonts) == null ? void 0 : h.medium};
+    min-height: 1em;
+    min-width: 1em;
+  }
+`;
+}, Y = m.div`
+  ${N}
+`, Z = m(O)`
+  ${N}
+  &:focus {
+    outline: none;
+  }
+  &:focus-visible {
+    span {
+      ${G};
+    }
+  }
+`, _ = 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;
+  }
+`, ee = m(R)`
+  ${A}
+  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;
+`, te = m($)`
+  margin: 0 0 0 ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.small;
+}};
+`, a = {
+  Wrapper: V,
+  Toggler: X,
+  List: ee,
+  Item: Y,
+  Link: Z,
+  TopItem: _,
+  MatchCount: te
+}, v = ({ matches: e }) => {
+  const { showMatchCount: t = !1 } = C();
+  return !t || typeof e > "u" ? null : /* @__PURE__ */ c(a.MatchCount, { children: [
+    "(",
+    e,
+    ")"
+  ] });
+}, oe = ({
+  item: e,
+  guideCategory: t
+}) => {
+  const {
+    route: g = "browse",
+    categoryAriaLabel: u = "",
+    activeCategoryAriaLabel: r = "",
+    fallbackOnInitialRoute: n = !1
+  } = C(), [p, s] = E(), { id: h, title: y, symbol: i, activeSymbol: l } = e, d = t === h;
+  return /* @__PURE__ */ o("li", { ref: s, children: /* @__PURE__ */ c(
+    a.Link,
+    {
+      ...Q(
+        e,
+        g,
+        n,
+        "category"
+      ),
+      "aria-pressed": d,
+      "aria-label": (d ? r : u).replace("{{category}}", y),
+      className: "humany-guide-category-dropdown-link",
+      "aria-current": d,
+      selected: d,
+      children: [
+        (d || p) && l ? /* @__PURE__ */ o(f, { symbol: l }) : i && /* @__PURE__ */ o(f, { symbol: i }),
+        /* @__PURE__ */ o($, { children: y }),
+        /* @__PURE__ */ o(v, { ...e })
+      ]
+    }
+  ) });
+}, ce = ({ className: e, ...t }) => {
+  const g = P(), [u, r] = T(!1), {
+    parent: n,
+    route: p = "browse",
+    categories: s = [],
+    loading: h = !1
+  } = C(), y = W(), [i, l] = T(!1), { params: d } = g, L = H(), { guideCategory: k, tag: I, phrase: S, sorting: F } = d;
+  if (K(() => {
+    i && l(!1);
+  }, [k]), h || !n || !s.length)
+    return U(y, {
+      ...t,
+      className: z(e, "humany-guide-category-dropdown")
+    });
+  const b = s.find((w) => w.id === k) || n;
+  return b.activeSymbol || b.symbol, /* @__PURE__ */ o(
+    a.Wrapper,
+    {
+      ...t,
+      "data-loading": !1,
+      "data-toggler-in-focus": u,
+      "aria-expanded": i,
+      isTabbing: L,
+      className: z(e, "humany-guide-category-dropdown"),
+      children: i ? /* @__PURE__ */ c(D, { children: [
+        /* @__PURE__ */ c(a.TopItem, { className: "humany-guide-category-dropdown-top-item", children: [
+          /* @__PURE__ */ c(
+            a.Link,
+            {
+              className: "humany-guide-category-dropdown-link",
+              routeName: p,
+              params: q({
+                tag: I,
+                phrase: S,
+                sorting: F,
+                guideCategory: n.id,
+                uriName: J(n.title)
+              }),
+              selected: !1,
+              children: [
+                n.symbol ? /* @__PURE__ */ o(f, { symbol: n.symbol }) : null,
+                /* @__PURE__ */ o($, { children: n.title }),
+                /* @__PURE__ */ o(v, { ...n })
+              ]
+            }
+          ),
+          /* @__PURE__ */ o(
+            a.Toggler,
+            {
+              onBlur: () => r(!1),
+              onFocus: () => r(!0),
+              className: "humany-guide-category-dropdown-toggler",
+              onClick: () => {
+                l(!i);
+              },
+              "aria-expanded": "true",
+              "aria-label": n.title,
+              children: /* @__PURE__ */ o(
+                f,
+                {
+                  size: 18,
+                  symbol: { type: "Svg", content: "caret-up" }
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o(
+          a.List,
+          {
+            className: "humany-guide-category-dropdown-open",
+            items: s,
+            renderItem: (w) => /* @__PURE__ */ o(
+              oe,
+              {
+                item: w,
+                guideCategory: k
+              },
+              w.id
+            )
+          }
+        )
+      ] }) : /* @__PURE__ */ c(a.TopItem, { className: "humany-guide-category-dropdown-top-item", children: [
+        /* @__PURE__ */ c(
+          a.Item,
+          {
+            className: "humany-guide-category-dropdown-item",
+            onClick: () => {
+              l(!i);
+            },
+            selected: !1,
+            children: [
+              n.symbol ? /* @__PURE__ */ o(f, { symbol: n.symbol }) : null,
+              /* @__PURE__ */ o($, { children: n.title }),
+              /* @__PURE__ */ o(v, { ...b })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(
+          a.Toggler,
+          {
+            onBlur: () => r(!1),
+            onFocus: () => r(!0),
+            className: "humany-guide-category-dropdown-toggler",
+            onClick: () => {
+              l(!i);
+            },
+            "aria-expanded": "false",
+            "aria-label": b.title,
+            children: /* @__PURE__ */ o(
+              f,
+              {
+                size: 18,
+                symbol: { type: "Svg", content: "caret-down" }
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  ce as default
+};

package/guide-category-dropdown-677e0f86.js

@@ -0,0 +1,105 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("@telia-ace/knowledge-widget-ui"),b=require("@telia-ace/widget-utilities"),$=require("react"),N=require("@telia-ace/knowledge-widget-component-utilities"),w=require("@emotion/react"),g=require("@emotion/styled"),I=g.div`
+  ${s.loadingOpacity}
+  ${s.contentBox}
+  overflow: hidden;
+  min-height: 50px;
+  ${e=>e["data-toggler-in-focus"]&&e.isTabbing&&w.css`
+      && {
+        ${s.borderTabStyle(e)}
+      }
+    `};
+`,B=g.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}};
+    }
+  }
+`,k=e=>{var t,m,u,i,n,y,l,h;return w.css`
+  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: ${(m=e.theme.sizes)==null?void 0:m.small};
+  padding-left: ${(u=e.theme.sizes)==null?void 0:u.large};
+  cursor: pointer;
+  overflow: hidden;
+  ${e.selected?w.css`
+        border-left: 2px solid ${(i=e.theme.colors)==null?void 0:i.primary};
+        color: ${(n=e.theme.colors)==null?void 0:n.primary};
+      `:w.css`
+        color: ${(y=e.theme.colors)==null?void 0:y.text};
+      `};
+
+  span {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  i {
+    margin-right: ${(l=e.theme.sizes)==null?void 0:l.normal};
+    font-size: ${(h=e.theme.fonts)==null?void 0:h.medium};
+    min-height: 1em;
+    min-width: 1em;
+  }
+`},L=g.div`
+  ${k}
+`,q=g(s.Link)`
+  ${k}
+  &:focus {
+    outline: none;
+  }
+  &:focus-visible {
+    span {
+      ${s.linkTabStyle};
+    }
+  }
+`,F=g.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;
+  }
+`,D=g(s.List)`
+  ${s.list}
+  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;
+`,M=g(s.Text)`
+  margin: 0 0 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
+`,a={Wrapper:I,Toggler:B,List:D,Item:L,Link:q,TopItem:F,MatchCount:M},C=({matches:e})=>{const{showMatchCount:t=!1}=s.useProperties();return!t||typeof e>"u"?null:o.jsxs(a.MatchCount,{children:["(",e,")"]})},O=({item:e,guideCategory:t})=>{const{route:m="browse",categoryAriaLabel:u="",activeCategoryAriaLabel:i="",fallbackOnInitialRoute:n=!1}=s.useProperties(),[y,l]=s.useHover(),{id:h,title:p,symbol:r,activeSymbol:d}=e,c=t===h;return o.jsx("li",{ref:l,children:o.jsxs(a.Link,{...N.initialRouteFallback(e,m,n,"category"),"aria-pressed":c,"aria-label":(c?i:u).replace("{{category}}",p),className:"humany-guide-category-dropdown-link","aria-current":c,selected:c,children:[(c||y)&&d?o.jsx(s.SymbolBadge,{symbol:d}):r&&o.jsx(s.SymbolBadge,{symbol:r}),o.jsx(s.Text,{children:p}),o.jsx(C,{...e})]})})},P=({className:e,...t})=>{const m=s.useRouteData(),[u,i]=$.useState(!1),{parent:n,route:y="browse",categories:l=[],loading:h=!1}=s.useProperties(),p=s.useContainer(),[r,d]=$.useState(!1),{params:c}=m,v=s.useIsTabbing(),{guideCategory:j,tag:S,phrase:T,sorting:z}=c;if($.useEffect(()=>{r&&d(!1)},[j]),h||!n||!l.length)return s.createEmptyComponent(p,{...t,className:b.appendClassNames(e,"humany-guide-category-dropdown")});const f=l.find(x=>x.id===j)||n;return f.activeSymbol||f.symbol,o.jsx(a.Wrapper,{...t,"data-loading":!1,"data-toggler-in-focus":u,"aria-expanded":r,isTabbing:v,className:b.appendClassNames(e,"humany-guide-category-dropdown"),children:r?o.jsxs(o.Fragment,{children:[o.jsxs(a.TopItem,{className:"humany-guide-category-dropdown-top-item",children:[o.jsxs(a.Link,{className:"humany-guide-category-dropdown-link",routeName:y,params:b.createParams({tag:S,phrase:T,sorting:z,guideCategory:n.id,uriName:b.formatUrl(n.title)}),selected:!1,children:[n.symbol?o.jsx(s.SymbolBadge,{symbol:n.symbol}):null,o.jsx(s.Text,{children:n.title}),o.jsx(C,{...n})]}),o.jsx(a.Toggler,{onBlur:()=>i(!1),onFocus:()=>i(!0),className:"humany-guide-category-dropdown-toggler",onClick:()=>{d(!r)},"aria-expanded":"true","aria-label":n.title,children:o.jsx(s.SymbolBadge,{size:18,symbol:{type:"Svg",content:"caret-up"}})})]}),o.jsx(a.List,{className:"humany-guide-category-dropdown-open",items:l,renderItem:x=>o.jsx(O,{item:x,guideCategory:j},x.id)})]}):o.jsxs(a.TopItem,{className:"humany-guide-category-dropdown-top-item",children:[o.jsxs(a.Item,{className:"humany-guide-category-dropdown-item",onClick:()=>{d(!r)},selected:!1,children:[n.symbol?o.jsx(s.SymbolBadge,{symbol:n.symbol}):null,o.jsx(s.Text,{children:n.title}),o.jsx(C,{...f})]}),o.jsx(a.Toggler,{onBlur:()=>i(!1),onFocus:()=>i(!0),className:"humany-guide-category-dropdown-toggler",onClick:()=>{d(!r)},"aria-expanded":"false","aria-label":f.title,children:o.jsx(s.SymbolBadge,{size:18,symbol:{type:"Svg",content:"caret-down"}})})]})})};exports.default=P;

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

@@ -0,0 +1,17 @@
+import { MatchFilterProperties } from '../../utilities/src/index.ts';
+import { Category } from '../../../knowledge/core/src/index.ts';
+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/guide-category-dropdown-item.d.ts

@@ -0,0 +1,9 @@
+import { Category } from '../../../knowledge/core/src/index.ts';
+import { default as React } from 'react';
+
+type Props = {
+    item: Category;
+    guideCategory: string;
+};
+declare const GuideCategoryDropdownItem: React.FC<Props>;
+export default GuideCategoryDropdownItem;

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

@@ -0,0 +1,5 @@
+import { Category } from '../../../knowledge/core/src/index.ts';
+import { default as React } from 'react';
+
+declare const GuideCategoryDropdownMatchCount: React.FC<Category>;
+export default GuideCategoryDropdownMatchCount;

package/guide-category-dropdown.d.ts

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

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

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

package/index.d.ts

@@ -0,0 +1,3 @@
+import { default as GuideCategoryDropdownComponent } from './guide-category-dropdown-component';
+
+export default GuideCategoryDropdownComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const g=require("@telia-ace/knowledge-data-client"),l=require("@telia-ace/knowledge-widget-core"),v=require("@telia-ace/knowledge-widget-ui"),D=(e,a,n)=>!n||n.length<1?a:h(e,a,null,n),h=(e,a,n,o)=>{if(e.find(s=>s.id===o)||!o)return n||a;for(let s=0;s<e.length;s+=1){const t=e[s];if(t.items){const r=h(t.items,a,t,o);if(r)return r}}},P=e=>e.matches&&e.matches>0,q=e=>{const{events:a}=e.get("$widget"),[n,o]=l.createEventSubscriber(a);return v.createReactComponent(e,"guide-category-dropdown",Promise.resolve().then(()=>require("./guide-category-dropdown-677e0f86.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)}),n("router:changed",(t,{current:r})=>{s(r.routeData.params)})}).then(()=>l.extendComponent(e,"guide-category-dropdown",i=>{i.actions.watch("guide-category-dropdown.fetch",(s,t)=>{const{matchFilters:r={search:!1,tag:!1},rootCategoryHeader:f}=i.properties(),{params:{phrase:p,guideCategory:w,tag:m}}=s;return g.DataClient.getInstance(e).then(b=>b.fetch(g.DataType.GuideCategories,{searchPhrase:r.search?p:void 0,tagId:r.tag?m:void 0}).then(({categories:d,matches:C})=>{var u;const c=D(d,{matches:C,id:"0",title:f,items:d},w);return t({parent:c,categories:(u=c==null?void 0:c.items)==null?void 0:u.filter(P)})}))})})).then(()=>{o()})};module.exports=q;

package/index.mjs

@@ -0,0 +1,85 @@
+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-3698c67e.mjs"),
+    (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
+};

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@telia-ace/knowledge-widget-components-guide-category-dropdown",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/knowledge-widget-core": "*",
+    "@telia-ace/knowledge-widget-component-utilities": "*",
+    "@telia-ace/knowledge-widget-ui": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@telia-ace/knowledge-data-client": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.11.1",
+    "react": "18.2.0",
+    "@emotion/styled": "11.11.0"
+  }
+}