@box/tree 0.38.0

package/esm/lib/components/load-more-node/load-more-node.js

@@ -0,0 +1,32 @@
+import { TextButton as i } from "@box/blueprint-web";
+import c from "clsx";
+import { useIntl as f } from "react-intl";
+import n from "./messages.js";
+import { s as e } from "../../../../chunks/nodes.module.js";
+import { jsx as s } from "react/jsx-runtime";
+function g({
+  level: a,
+  size: o,
+  isDisabled: d,
+  getNodeProps: m,
+  element: l
+}) {
+  const r = f(), t = m();
+  return /* @__PURE__ */ s("div", {
+    ...t,
+    className: c("node", e.node, e[`node-${o}-level${a - 1}`], e[`node--${o}`], {
+      [e["node--focused"]]: t.className.includes("tree-node--focused"),
+      [e["node--disabled"]]: d
+    }),
+    children: /* @__PURE__ */ s(i, {
+      "aria-label": r.formatMessage(n.loadMoreButtonAriaLabel, {
+        nodeName: l.name
+      }),
+      tabIndex: -1,
+      children: r.formatMessage(n.loadMoreButtonTitle)
+    })
+  });
+}
+export {
+  g as LoadMoreNode
+};

package/esm/lib/components/load-more-node/messages.js

@@ -0,0 +1,14 @@
+import { defineMessages as e } from "react-intl";
+const o = e({
+  loadMoreButtonTitle: {
+    id: "groupSharedFeatures.tree.branch.loadMoreButtonTitle",
+    defaultMessage: "Load More"
+  },
+  loadMoreButtonAriaLabel: {
+    id: "groupSharedFeatures.tree.branch.loadMoreButtonAriaLabel",
+    defaultMessage: "Load More for {nodeName}"
+  }
+});
+export {
+  o as default
+};

package/esm/lib/components/loading-node/index.js

@@ -0,0 +1,4 @@
+import { LoadingNode as e } from "./loading-node.js";
+export {
+  e as LoadingNode
+};

package/esm/lib/components/loading-node/loading-node.js

@@ -0,0 +1,30 @@
+import { LoadingIndicator as n } from "@box/blueprint-web";
+import m from "clsx";
+import { useIntl as t } from "react-intl";
+import i from "./messages.js";
+import { s as o } from "../../../../chunks/nodes.module.js";
+import { jsx as a } from "react/jsx-runtime";
+import '../../../../styles/loading-node.css';const c = "_loader_1d12s_1", f = {
+  loader: c
+};
+function L({
+  level: r,
+  size: e,
+  getNodeProps: d
+}) {
+  const l = t(), s = d();
+  return /* @__PURE__ */ a("div", {
+    ...s,
+    className: m("node", o.node, o[`node-${e}-level${r - 1}`], o[`node--${e}`], {
+      [o["node--focused"]]: s.className.includes("tree-node--focused")
+    }),
+    children: /* @__PURE__ */ a(n, {
+      "aria-label": l.formatMessage(i.loadingIndicatorAriaLabel),
+      className: f.loader,
+      size: e === "small" ? "small" : "medium"
+    })
+  });
+}
+export {
+  L as LoadingNode
+};

package/esm/lib/components/loading-node/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages as e } from "react-intl";
+const o = e({
+  loadingIndicatorAriaLabel: {
+    id: "groupSharedFeatures.tree.branch.loadMore",
+    defaultMessage: "Loading more content"
+  }
+});
+export {
+  o as default
+};

package/esm/lib/components/node-icon/index.js

@@ -0,0 +1,6 @@
+import { NodeAvatar as r } from "./node-avatar.js";
+import { NodeItemIcon as m } from "./node-item-icon.js";
+export {
+  r as NodeAvatar,
+  m as NodeItemIcon
+};

package/esm/lib/components/node-icon/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages as e } from "react-intl";
+const s = e({
+  iconLabel: {
+    id: "groupSharedFeatures.tree.node.conLabel",
+    defaultMessage: "Icon for {iconType}"
+  }
+});
+export {
+  s as default
+};

package/esm/lib/components/node-icon/node-avatar.js

@@ -0,0 +1,36 @@
+import { IconBadge as e, Avatar as d } from "@box/blueprint-web";
+import { useMemo as p } from "react";
+import { s as t } from "../../../../chunks/node-icon.module.js";
+import { jsx as r } from "react/jsx-runtime";
+const i = {
+  admin: "collaborator-admin",
+  coadmin: "collaborator-coadmin"
+};
+function A({
+  avatarSrc: s,
+  badge: a,
+  size: m,
+  nodeTitle: o
+}) {
+  const c = p(() => o.split(" ").map((n) => n[0]).join(""), [o]), l = /* @__PURE__ */ r(d, {
+    alt: o,
+    color: "BoxBlue50",
+    size: m === "small" ? "small" : "large",
+    src: s,
+    text: c
+  });
+  return a && i[a] ? /* @__PURE__ */ r("div", {
+    className: t.icon,
+    children: /* @__PURE__ */ r(e, {
+      size: m === "small" ? "small" : "medium",
+      variant: i[a],
+      children: l
+    })
+  }) : /* @__PURE__ */ r("div", {
+    className: t.icon,
+    children: l
+  });
+}
+export {
+  A as NodeAvatar
+};

package/esm/lib/components/node-icon/node-item-icon.js

@@ -0,0 +1,42 @@
+import { Trash as c } from "@box/blueprint-web-assets/icons/Fill";
+import { Size6 as f, Size8 as I } from "@box/blueprint-web-assets/tokens/px-tokens";
+import { itemIconTable as b, ItemIcon as r } from "@box/item-icon";
+import { useIntl as d } from "react-intl";
+import a from "./messages.js";
+import { s as e } from "../../../../chunks/node-icon.module.js";
+import { jsx as s } from "react/jsx-runtime";
+const i = {
+  trash: c
+};
+function S({
+  size: n,
+  iconType: o
+}) {
+  const m = d(), t = n === "small" ? f : I;
+  if (o && i[o]) {
+    const l = i[o];
+    return /* @__PURE__ */ s(l, {
+      ariaLabel: m.formatMessage(a.iconLabel, {
+        iconType: o
+      }),
+      className: e.icon,
+      height: t,
+      width: t
+    });
+  }
+  return o && b[o] ? /* @__PURE__ */ s(r, {
+    ariaLabel: m.formatMessage(a.iconLabel, {
+      iconType: o
+    }),
+    className: e.icon,
+    dimension: t,
+    iconType: o
+  }) : /* @__PURE__ */ s(r, {
+    className: e.icon,
+    dimension: t,
+    iconType: "default"
+  });
+}
+export {
+  S as NodeItemIcon
+};

package/esm/lib/components/reload-node/index.js

@@ -0,0 +1,4 @@
+import { ReloadNode as d } from "./reload-node.js";
+export {
+  d as ReloadNode
+};

package/esm/lib/components/reload-node/messages.js

@@ -0,0 +1,22 @@
+import { defineMessages as e } from "react-intl";
+const a = e({
+  reloadButtonTitle: {
+    id: "groupSharedFeatures.tree.branch.reloadButtonTitle",
+    defaultMessage: "Reload"
+  },
+  reloadButtonAriaLabel: {
+    id: "groupSharedFeatures.tree.branch.reloadButtonAriaLabel",
+    defaultMessage: "Reload content for {nodeName}"
+  },
+  loadingError: {
+    id: "groupSharedFeatures.tree.branch.loadingError",
+    defaultMessage: "Loading Error"
+  },
+  iconAriaLabel: {
+    id: "groupSharedFeatures.tree.branch.loadingErrorIconAriaLabel",
+    defaultMessage: "Error"
+  }
+});
+export {
+  a as default
+};

package/esm/lib/components/reload-node/reload-node.js

@@ -0,0 +1,52 @@
+import { InlineNotice as m, TextButton as N } from "@box/blueprint-web";
+import { ArrowsRotating as f } from "@box/blueprint-web-assets/icons/Line";
+import x from "clsx";
+import { useIntl as g } from "react-intl";
+import t from "./messages.js";
+import { s as e } from "../../../../chunks/nodes.module.js";
+import { jsxs as p, Fragment as u, jsx as r } from "react/jsx-runtime";
+import '../../../../styles/reload-node.css';const _ = "_errorNotice_a2ys7_1", l = {
+  errorNotice: _,
+  "errorNoticeText--large": "_errorNoticeText--large_a2ys7_6",
+  "errorNoticeText--small": "_errorNoticeText--small_a2ys7_16"
+};
+function I({
+  level: s,
+  size: o,
+  isDisabled: c,
+  getNodeProps: d,
+  element: n
+}) {
+  const a = g(), i = d();
+  return /* @__PURE__ */ p(u, {
+    children: [/* @__PURE__ */ r("div", {
+      className: e[`node-${o}-level${s - 1}`],
+      children: /* @__PURE__ */ r(m, {
+        className: l.errorNotice,
+        variant: "error",
+        variantIconAriaLabel: a.formatMessage(t.iconAriaLabel),
+        children: /* @__PURE__ */ r("span", {
+          className: l[`errorNoticeText--${o}`],
+          children: n.metadata.error || a.formatMessage(t.loadingError)
+        })
+      })
+    }), /* @__PURE__ */ r("div", {
+      ...i,
+      className: x("node", e.node, e[`node-${o}-level${s - 1}`], e[`node--${o}`], {
+        [e["node--focused"]]: i.className.includes("tree-node--focused"),
+        [e["node--disabled"]]: c
+      }),
+      children: /* @__PURE__ */ r(N, {
+        "aria-label": a.formatMessage(t.reloadButtonAriaLabel, {
+          nodeName: n.name
+        }),
+        icon: f,
+        tabIndex: -1,
+        children: a.formatMessage(t.reloadButtonTitle)
+      })
+    })]
+  });
+}
+export {
+  I as ReloadNode
+};

package/esm/lib/components/service-node-wrapper/index.js

@@ -0,0 +1,4 @@
+import { ServiceNodeWrapper as o } from "./service-node-wrapper.js";
+export {
+  o as ServiceNodeWrapper
+};

package/esm/lib/components/service-node-wrapper/service-node-wrapper.js

@@ -0,0 +1,20 @@
+import { SERVICE_NODE_DATA_ATTRIBUTE as o, RELOAD_NODE_DATA_ATTRIBUTE as d, BRANCH_ID_DATA_ATTRIBUTE as A, LOAD_MORE_NODE_DATA_ATTRIBUTE as e } from "../../constants.js";
+import { jsx as E } from "react/jsx-runtime";
+function R({
+  isDisabled: t,
+  parentId: a,
+  variant: r,
+  children: _
+}) {
+  const T = {
+    [`data-${o}`]: !0
+  };
+  return r === "reload" && (T[`data-${d}`] = !0, T[`data-${A}`] = a), r === "loadMore" && (T[`data-${e}`] = !0, T[`data-${A}`] = a), /* @__PURE__ */ E("div", {
+    "aria-disabled": t,
+    ...T,
+    children: _
+  });
+}
+export {
+  R as ServiceNodeWrapper
+};

package/esm/lib/components/skeleton/index.js

@@ -0,0 +1,4 @@
+import { Skeleton as r } from "./skeleton.js";
+export {
+  r as Skeleton
+};

package/esm/lib/components/skeleton/skeleton.js

@@ -0,0 +1,22 @@
+import { Ghost as r } from "@box/blueprint-web";
+import { Size5 as n } from "@box/blueprint-web-assets/tokens/px-tokens";
+import { jsx as t } from "react/jsx-runtime";
+import '../../../../styles/skeleton.css';const s = "_skeleton_10rap_1", l = {
+  skeleton: s
+}, i = 5;
+function f({
+  rows: e = i
+}) {
+  return /* @__PURE__ */ t("div", {
+    className: l.skeleton,
+    children: Array.from({
+      length: e
+    }, (m, o) => /* @__PURE__ */ t(r, {
+      height: n,
+      variant: "pill"
+    }, o))
+  });
+}
+export {
+  f as Skeleton
+};

package/esm/lib/components/truncated-tooltip-text/index.js

@@ -0,0 +1,4 @@
+import { TruncatedTooltipText as e } from "./truncated-tooltip-text.js";
+export {
+  e as TruncatedTooltipText
+};

package/esm/lib/components/truncated-tooltip-text/truncated-tooltip-text.js

@@ -0,0 +1,26 @@
+import { Tooltip as d } from "@box/blueprint-web";
+import { useState as a, useLayoutEffect as f } from "react";
+import { jsx as T } from "react/jsx-runtime";
+function L({
+  textElementRef: e,
+  subtitleElementRef: o,
+  tooltipContent: s,
+  children: n
+}) {
+  const [c, i] = a(!1);
+  return f(() => {
+    const t = () => {
+      const u = [e.current, o.current].some((r) => r && r.scrollWidth > r.offsetWidth);
+      i(u);
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, [e, o]), c ? /* @__PURE__ */ T(d, {
+    content: s,
+    children: n
+  }) : n;
+}
+export {
+  L as TruncatedTooltipText
+};

package/esm/lib/constants.js

@@ -0,0 +1,9 @@
+const T = "servicenode", o = "loadmorenode", n = "reloadnode", A = "branchid", _ = "contentnode", E = "contentnodeloading";
+export {
+  A as BRANCH_ID_DATA_ATTRIBUTE,
+  _ as CONTENT_NODE,
+  E as CONTENT_NODE_LOADING,
+  o as LOAD_MORE_NODE_DATA_ATTRIBUTE,
+  n as RELOAD_NODE_DATA_ATTRIBUTE,
+  T as SERVICE_NODE_DATA_ATTRIBUTE
+};

package/esm/lib/hooks/index.js

@@ -0,0 +1,6 @@
+import { useIntersectionObserver as o } from "./useIntersectionObserver.js";
+import { useSelectionInheritance as n } from "./useSelectionInheritance.js";
+export {
+  o as useIntersectionObserver,
+  n as useSelectionInheritance
+};

package/esm/lib/hooks/useIntersectionObserver.js

@@ -0,0 +1,18 @@
+import { useState as i, useEffect as c } from "react";
+const u = {
+  rootMargin: "100px 0px"
+};
+function f(t) {
+  const [n, s] = i(!1), o = (e) => {
+    e[0].isIntersecting ? s(!1) : s(!0);
+  };
+  return c(() => {
+    const e = new IntersectionObserver(o, u), r = t.current;
+    return r && e.observe(r), () => {
+      r && e.unobserve(r);
+    };
+  }, [t]), n;
+}
+export {
+  f as useIntersectionObserver
+};

package/esm/lib/hooks/useSelectionInheritance.js

@@ -0,0 +1,21 @@
+import { useState as a, useCallback as u, useMemo as d } from "react";
+const I = () => {
+  const [n, i] = a([]), o = u((s, l = []) => {
+    const r = [];
+    let e = l[0];
+    for (; e != null; ) {
+      const t = s.find((c) => c.id === e);
+      if (!t || t.parent == null || t.parent === void 0)
+        break;
+      e = t.parent, r.push(e);
+    }
+    i(r);
+  }, []);
+  return d(() => ({
+    selectionInheritors: n,
+    getSelectionInheritors: o
+  }), [n, o]);
+};
+export {
+  I as useSelectionInheritance
+};

package/esm/lib/tree.js

@@ -0,0 +1,127 @@
+import { TooltipProvider as L } from "@box/blueprint-web";
+import g from "clsx";
+import { useRef as h, useEffect as c, useCallback as w } from "react";
+import S from "react-accessible-treeview";
+import { ContentNode as D } from "./components/content-node/content-node.js";
+import "react-intl";
+import "@box/blueprint-web-assets/icons/Fill";
+import "@box/blueprint-web-assets/illustrations/Medium";
+import "./components/error/messages.js";
+import { jsx as t } from "react/jsx-runtime";
+import { LoadMoreNode as x } from "./components/load-more-node/load-more-node.js";
+import { LoadingNode as C } from "./components/loading-node/loading-node.js";
+import { ReloadNode as M } from "./components/reload-node/reload-node.js";
+import { ServiceNodeWrapper as m } from "./components/service-node-wrapper/service-node-wrapper.js";
+import "@box/blueprint-web-assets/tokens/px-tokens";
+import { useSelectionInheritance as R } from "./hooks/useSelectionInheritance.js";
+import { preventDisabledNodeExpanding as p, preventLoadingContentNodeExpanding as v, serviceNodeKeyboardHandler as H, serviceNodeClickHandler as T } from "./utils.js";
+import '../../styles/tree.css';const _ = "_tree_17956_1", K = {
+  tree: _
+};
+function z({
+  "aria-label": u,
+  size: o = "small",
+  data: i,
+  withIcons: b = !1,
+  onExpand: N,
+  onSelect: l,
+  onLoadData: f,
+  className: k,
+  multiSelect: E = !1,
+  ...a
+}) {
+  const s = h(null), {
+    selectionInheritors: y,
+    getSelectionInheritors: d
+  } = R();
+  c(() => {
+    const e = s.current;
+    return e && (e.addEventListener("keydown", p), e.addEventListener("keydown", v)), () => {
+      e && (e.removeEventListener("keydown", p), e.removeEventListener("keydown", v));
+    };
+  }), c(() => {
+    const e = s.current, n = H(f), r = T(f);
+    return e && (e.addEventListener("keydown", n), e.addEventListener("click", r)), () => {
+      e && (e.removeEventListener("keydown", n), e.removeEventListener("click", r));
+    };
+  }), c(() => {
+    d(i, a.selectedIds || a.defaultSelectedIds);
+  }, []);
+  const I = w((e) => {
+    d(i, Array.from(e.treeState.selectedIds)), l && l(e);
+  }, [l, i, d]);
+  return /* @__PURE__ */ t(L, {
+    children: /* @__PURE__ */ t(S, {
+      ref: s,
+      "aria-label": u,
+      className: g(K.tree, k),
+      data: i,
+      multiSelect: E,
+      nodeRenderer: (e) => {
+        const {
+          variant: n
+        } = e.element.metadata;
+        if (n === "content" || n === "user") {
+          const r = {
+            ...e,
+            size: o,
+            withIcon: b
+          };
+          return /* @__PURE__ */ t(D, {
+            ...r,
+            containsSelection: y.includes(e.element.id)
+          });
+        }
+        if (n === "loadMore") {
+          const r = {
+            ...e,
+            size: o
+          };
+          return /* @__PURE__ */ t(m, {
+            isDisabled: e.isDisabled,
+            parentId: e.element.parent,
+            variant: "loadMore",
+            children: /* @__PURE__ */ t(x, {
+              ...r
+            })
+          });
+        }
+        if (n === "reload") {
+          const r = {
+            ...e,
+            size: o
+          };
+          return /* @__PURE__ */ t(m, {
+            isDisabled: e.isDisabled,
+            parentId: e.element.parent,
+            variant: "reload",
+            children: /* @__PURE__ */ t(M, {
+              ...r
+            })
+          });
+        }
+        if (n === "loading") {
+          const r = {
+            ...e,
+            size: o
+          };
+          return /* @__PURE__ */ t(m, {
+            isDisabled: e.isDisabled,
+            variant: "loading",
+            children: /* @__PURE__ */ t(C, {
+              ...r
+            })
+          });
+        }
+        return null;
+      },
+      onExpand: N,
+      onSelect: I,
+      ...a
+    })
+  });
+}
+export {
+  z as Tree,
+  z as default
+};

package/esm/lib/utils.js

@@ -0,0 +1,53 @@
+import { CONTENT_NODE as s, SERVICE_NODE_DATA_ATTRIBUTE as i, CONTENT_NODE_LOADING as a, BRANCH_ID_DATA_ATTRIBUTE as u, LOAD_MORE_NODE_DATA_ATTRIBUTE as f, RELOAD_NODE_DATA_ATTRIBUTE as A } from "./constants.js";
+const C = (t) => {
+  t.code === "ArrowRight" && t.target.getAttribute("aria-disabled") === "true" && t.stopPropagation();
+}, l = (t) => {
+  var r;
+  return t.closest(`[data-${s}="true"]`) || ((r = t.firstChild) != null && r.dataset && t.firstChild.dataset[s] === "true" ? t.firstChild : null);
+}, d = (t) => {
+  var r;
+  return t.closest(`[data-${i}="true"]`) || ((r = t.firstChild) != null && r.dataset && t.firstChild.dataset[i] === "true" ? t.firstChild : null);
+}, N = (t) => t.dataset[f] === "true", T = (t) => t.dataset[A] === "true", E = (t) => t.dataset[a] === "true", n = (t) => {
+  t.dispatchEvent(new KeyboardEvent("keydown", {
+    code: "ArrowUp",
+    key: "ArrowUp",
+    bubbles: !0
+  }));
+}, p = (t) => {
+  const r = document.querySelector('[role="tree"] [tabindex="0"]');
+  if (r) {
+    if (r === t || t.contains(r)) {
+      n(t);
+      return;
+    }
+    r.focus();
+  }
+}, c = (t, r) => {
+  if (t.getAttribute("aria-disabled") === "true" || !N(t) && !T(t))
+    return;
+  const o = t.dataset[u];
+  o && r(o);
+}, D = (t) => (r) => {
+  if (r.code !== "Enter" && r.code !== "Space" && r.code !== "ArrowRight" && r.code !== "ArrowLeft")
+    return;
+  const o = d(r.target);
+  o && (r.stopPropagation(), !(r.code === "ArrowRight" || r.code === "ArrowLeft") && t && c(o, (e) => {
+    n(o), t(e);
+  }));
+}, R = (t) => (r) => {
+  const o = d(r.target);
+  o && (r.stopPropagation(), t && c(o, (e) => {
+    p(o), t(e);
+  }));
+}, b = (t) => {
+  if (t.code !== "ArrowRight")
+    return;
+  const r = l(t.target);
+  r && E(r) && t.stopPropagation();
+};
+export {
+  C as preventDisabledNodeExpanding,
+  b as preventLoadingContentNodeExpanding,
+  R as serviceNodeClickHandler,
+  D as serviceNodeKeyboardHandler
+};

package/i18n/bn-IN.js

@@ -0,0 +1,16 @@
+export default {
+  "groupSharedFeatures.tree.branch.loadMore": "আরও বিষয়বস্তু লোড করা হচ্ছে",
+  "groupSharedFeatures.tree.branch.loadMoreButtonAriaLabel": "{nodeName} এর জন্য আরও লোড করুন",
+  "groupSharedFeatures.tree.branch.loadMoreButtonTitle": "আরও লোড করুন",
+  "groupSharedFeatures.tree.branch.loaderLabel": "শাখার জন্য বিষয়বস্তু লোড করা হচ্ছে",
+  "groupSharedFeatures.tree.branch.loadingError": "ত্রুটি লোড করা হচ্ছে",
+  "groupSharedFeatures.tree.branch.loadingErrorIconAriaLabel": "ত্রুটি",
+  "groupSharedFeatures.tree.branch.reloadButtonAriaLabel": "{nodeName} এর জন্য বিষয়বস্তু রিলোড করুন",
+  "groupSharedFeatures.tree.branch.reloadButtonTitle": "রিলোড করুন",
+  "groupSharedFeatures.tree.error.body": "আবার চেষ্টা করার জন্য পুনরায় লোড করুন।",
+  "groupSharedFeatures.tree.error.reload": "রিলোড করুন",
+  "groupSharedFeatures.tree.error.title": "ট্রি লোড করা যাচ্ছে না",
+  "groupSharedFeatures.tree.expander.collapse": "শাখা সংকুচিত করুন",
+  "groupSharedFeatures.tree.expander.expand": "শাখা সম্প্রসারণ করুন",
+  "groupSharedFeatures.tree.node.conLabel": "{iconType} এর জন্য আইকন"
+}

package/i18n/bn-IN.properties

@@ -0,0 +1,28 @@
+# Aria label for the loading indicator that appears when the user clicks the 'Load more' or 'Reload' button
+groupSharedFeatures.tree.branch.loadMore = আরও বিষয়বস্তু লোড করা হচ্ছে
+# Aria label for the 'Load More' button
+groupSharedFeatures.tree.branch.loadMoreButtonAriaLabel = {nodeName} এর জন্য আরও লোড করুন
+# Title for the 'Load More' button
+groupSharedFeatures.tree.branch.loadMoreButtonTitle = আরও লোড করুন
+# Aria label for the loading indicator when a branch's content is loading
+groupSharedFeatures.tree.branch.loaderLabel = শাখার জন্য বিষয়বস্তু লোড করা হচ্ছে
+# Message displayed in an inline notice when loading failed
+groupSharedFeatures.tree.branch.loadingError = ত্রুটি লোড করা হচ্ছে
+# Aria label for the error icon in the error inline notice
+groupSharedFeatures.tree.branch.loadingErrorIconAriaLabel = ত্রুটি
+# Aria label for the 'Reload' button
+groupSharedFeatures.tree.branch.reloadButtonAriaLabel = {nodeName} এর জন্য বিষয়বস্তু রিলোড করুন
+# Title for the 'Reload' button
+groupSharedFeatures.tree.branch.reloadButtonTitle = রিলোড করুন
+# Body for the error message when the tree fails to load
+groupSharedFeatures.tree.error.body = আবার চেষ্টা করার জন্য পুনরায় লোড করুন।
+# Button text to reload tree
+groupSharedFeatures.tree.error.reload = রিলোড করুন
+# Title for the error message when the tree fails to load
+groupSharedFeatures.tree.error.title = ট্রি লোড করা যাচ্ছে না
+# Aria label for the collapse button
+groupSharedFeatures.tree.expander.collapse = শাখা সংকুচিত করুন
+# Aria label for the expand button
+groupSharedFeatures.tree.expander.expand = শাখা সম্প্রসারণ করুন
+# Aria label for the icon in a node
+groupSharedFeatures.tree.node.conLabel = {iconType} এর জন্য আইকন