@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/components/TreeView/TreeItem.js

@@ -1,54 +1,55 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import useTreeItemEvents from "./hooks/useTreeItemEvents.js";
-import { Icon } from "../Icon/Icon.js";
-const TreeItem = (props) => {
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { useState as D, useEffect as K } from "react";
+import { useTranslation as U } from "react-i18next";
+import B from "./hooks/useTreeItemEvents.js";
+import { Icon as i } from "../Icon/Icon.js";
+const $ = (u) => {
   const {
-    nodeId,
-    label,
-    children,
-    section,
-    selected,
-    onItemSelect,
-    onItemFold,
-    onItemUnfold,
-    onItemFocus,
-    onItemBlur,
-    selectedNodesIds
-  } = props, {
-    t
-  } = useTranslation(), [expanded, setExpanded] = useState(!1), {
-    handleItemClick,
-    handleItemKeyDown,
-    handleItemFoldUnfoldClick,
-    handleItemFoldUnfoldKeyDown,
-    handleItemFocus,
-    handleItemBlur
-  } = useTreeItemEvents(nodeId, label, expanded, setExpanded, onItemSelect, onItemFold, onItemUnfold, onItemFocus, onItemBlur);
-  useEffect(() => {
-    if (selectedNodesIds != null && selectedNodesIds.length && (selectedNodesIds == null ? void 0 : selectedNodesIds.length) >= 1) {
-      const lastNodeId = selectedNodesIds[selectedNodesIds.length - 1];
-      selectedNodesIds.some((node) => node === nodeId && nodeId !== lastNodeId ? (setExpanded(!0), node === nodeId) : (setExpanded(!1), !1));
+    nodeId: t,
+    label: m,
+    children: r,
+    section: s,
+    selected: h,
+    onItemSelect: p,
+    onItemFold: y,
+    onItemUnfold: I,
+    onItemFocus: x,
+    onItemBlur: g,
+    selectedNodesIds: e
+  } = u, {
+    t: A
+  } = U(), [l, a] = D(!1), {
+    handleItemClick: b,
+    handleItemKeyDown: v,
+    handleItemFoldUnfoldClick: F,
+    handleItemFoldUnfoldKeyDown: w,
+    handleItemFocus: z,
+    handleItemBlur: k
+  } = B(t, m, l, a, p, y, I, x, g);
+  K(() => {
+    if (e != null && e.length && (e == null ? void 0 : e.length) >= 1) {
+      const C = e[e.length - 1];
+      e.some((f) => f === t && t !== C ? (a(!0), f === t) : (a(!1), !1));
     } else
-      setExpanded(!1);
-  }, [nodeId, selectedNodesIds]);
-  const rafterSize = section ? "16" : "12", renderItem = () => /* @__PURE__ */ jsx("li", { id: `listitem_${nodeId}`, role: "treeitem", "aria-selected": selected, "aria-expanded": expanded, children: /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "action-container d-flex align-items-center gap-8 px-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: `py-8 ${Array.isArray(children) ? null : "invisible"}`, tabIndex: 0, role: "button", onClick: handleItemFoldUnfoldClick, onKeyDown: handleItemFoldUnfoldKeyDown, "aria-label": t("foldUnfold"), children: [
-        Array.isArray(children) && !!children.length && !expanded && /* @__PURE__ */ jsx(Icon, { name: "rafter-right", size: rafterSize }),
-        Array.isArray(children) && !!children.length && expanded && /* @__PURE__ */ jsx(Icon, { name: "rafter-down", size: rafterSize }),
-        !Array.isArray(children) && /* @__PURE__ */ jsx(Icon, { name: "rafter-right", size: rafterSize, "aria-hidden": "true" })
+      a(!1);
+  }, [t, e]);
+  const d = s ? "16" : "12", c = () => /* @__PURE__ */ n("li", { id: `listitem_${t}`, role: "treeitem", "aria-selected": h, "aria-expanded": l, children: /* @__PURE__ */ o("div", { children: [
+    /* @__PURE__ */ o("div", { className: "action-container d-flex align-items-center gap-8 px-2", children: [
+      /* @__PURE__ */ o("div", { className: `py-8 ${Array.isArray(r) ? null : "invisible"}`, tabIndex: 0, role: "button", onClick: F, onKeyDown: w, "aria-label": A("foldUnfold"), children: [
+        Array.isArray(r) && !!r.length && !l && /* @__PURE__ */ n(i, { name: "rafter-right", size: d }),
+        Array.isArray(r) && !!r.length && l && /* @__PURE__ */ n(i, { name: "rafter-down", size: d }),
+        !Array.isArray(r) && /* @__PURE__ */ n(i, { name: "rafter-right", size: d, "aria-hidden": "true" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { tabIndex: 0, role: "button", className: "flex-fill d-flex align-items-center text-truncate gap-8 py-8", onClick: handleItemClick, onKeyDown: handleItemKeyDown, onFocus: handleItemFocus, onBlur: handleItemBlur, children: [
-        section && /* @__PURE__ */ jsx(Icon, { name: "folder", size: "20" }),
-        /* @__PURE__ */ jsx("span", { className: "text-truncate", children: label })
+      /* @__PURE__ */ o("div", { tabIndex: 0, role: "button", className: "flex-fill d-flex align-items-center text-truncate gap-8 py-8", onClick: b, onKeyDown: v, onFocus: z, onBlur: k, children: [
+        s && /* @__PURE__ */ n(i, { name: "folder", size: "20" }),
+        /* @__PURE__ */ n("span", { className: "text-truncate", children: m })
       ] })
     ] }),
-    Array.isArray(children) && /* @__PURE__ */ jsx("ul", { role: "group", children })
-  ] }) }, nodeId);
-  return section ? /* @__PURE__ */ jsx("ul", { role: "tree", className: "m-0 p-0", children: renderItem() }) : renderItem();
+    Array.isArray(r) && /* @__PURE__ */ n("ul", { role: "group", children: r })
+  ] }) }, t);
+  return s ? /* @__PURE__ */ n("ul", { role: "tree", className: "m-0 p-0", children: c() }) : c();
 };
 export {
-  TreeItem as default
+  $ as default
 };
+//# sourceMappingURL=TreeItem.js.map

package/dist/components/TreeView/TreeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeItem.js","sources":["../../../src/components/TreeView/TreeItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport useTreeItemEvents from './hooks/useTreeItemEvents';\n\nexport interface TreeItemProps {\n  /**\n   * Node's id\n   */\n  nodeId: string;\n\n  /**\n   * Node's label\n   */\n  label: string;\n\n  /**\n   * ReactNode children\n   */\n  children: React.ReactNode;\n\n  /**\n   * Is current node a section (root element)\n   */\n  section?: boolean;\n\n  /**\n   * Is node selected\n   */\n  selected: boolean;\n\n  /**\n   * Node ID used for navigation folders\n   */\n  selectedNodesIds?: string[];\n\n  /**\n   * Callback function to provide selected item to parent component (TreeView)\n   */\n  onItemSelect?: Function;\n\n  /**\n   * Callback function to provide folded item to parent component (TreeView)\n   */\n  onItemFold?: Function;\n\n  /**\n   * Callback function to provide unfolded item to parent component (TreeView)\n   */\n  onItemUnfold?: Function;\n\n  /**\n   * Callback function to provide focused item to parent component (TreeView)\n   */\n  onItemFocus?: Function;\n\n  /**\n   * Callback function to provide blured item to parent component (TreeView)\n   */\n  onItemBlur?: Function;\n}\n\nconst TreeItem = (props: TreeItemProps) => {\n  const {\n    nodeId,\n    label,\n    children,\n    section,\n    selected,\n    onItemSelect,\n    onItemFold,\n    onItemUnfold,\n    onItemFocus,\n    onItemBlur,\n    selectedNodesIds,\n  } = props;\n\n  const { t } = useTranslation();\n  const [expanded, setExpanded] = useState<boolean>(false);\n\n  const {\n    handleItemClick,\n    handleItemKeyDown,\n    handleItemFoldUnfoldClick,\n    handleItemFoldUnfoldKeyDown,\n    handleItemFocus,\n    handleItemBlur,\n  } = useTreeItemEvents(\n    nodeId,\n    label,\n    expanded,\n    setExpanded,\n    onItemSelect,\n    onItemFold,\n    onItemUnfold,\n    onItemFocus,\n    onItemBlur,\n  );\n\n  useEffect(() => {\n    if (selectedNodesIds?.length && selectedNodesIds?.length >= 1) {\n      const lastNodeId = selectedNodesIds[\n        selectedNodesIds.length - 1\n      ] as string;\n      selectedNodesIds.some((node: string) => {\n        if (node === nodeId && nodeId !== lastNodeId) {\n          setExpanded(true);\n          return node === nodeId;\n        }\n        setExpanded(false);\n        return false;\n      });\n    } else {\n      setExpanded(false);\n    }\n  }, [nodeId, selectedNodesIds]);\n\n  const rafterSize = section ? '16' : '12';\n\n  const renderItem = () => (\n    <li\n      id={`listitem_${nodeId}`}\n      key={nodeId}\n      role=\"treeitem\"\n      aria-selected={selected}\n      aria-expanded={expanded}\n    >\n      <div>\n        <div className=\"action-container d-flex align-items-center gap-8 px-2\">\n          <div\n            className={`py-8 ${!Array.isArray(children) ? 'invisible' : null}`}\n            tabIndex={0}\n            role=\"button\"\n            onClick={handleItemFoldUnfoldClick}\n            onKeyDown={handleItemFoldUnfoldKeyDown}\n            aria-label={t('foldUnfold')}\n          >\n            {Array.isArray(children) && !!children.length && !expanded && (\n              <Icon name=\"rafter-right\" size={rafterSize} />\n            )}\n\n            {Array.isArray(children) && !!children.length && expanded && (\n              <Icon name=\"rafter-down\" size={rafterSize} />\n            )}\n\n            {/* Hide rafter when no children to keep alignment */}\n            {!Array.isArray(children) && (\n              <Icon name=\"rafter-right\" size={rafterSize} aria-hidden=\"true\" />\n            )}\n          </div>\n          <div\n            tabIndex={0}\n            role=\"button\"\n            className=\"flex-fill d-flex align-items-center text-truncate gap-8 py-8\"\n            onClick={handleItemClick}\n            onKeyDown={handleItemKeyDown}\n            onFocus={handleItemFocus}\n            onBlur={handleItemBlur}\n          >\n            {section && <Icon name=\"folder\" size=\"20\" />}\n            <span className=\"text-truncate\">{label}</span>\n          </div>\n        </div>\n\n        {Array.isArray(children) && <ul role=\"group\">{children}</ul>}\n      </div>\n    </li>\n  );\n\n  return section ? (\n    <ul role=\"tree\" className=\"m-0 p-0\">\n      {renderItem()}\n    </ul>\n  ) : (\n    renderItem()\n  );\n};\n\nTreeItem.displayName = 'TreeItem';\n\nexport default TreeItem;\n"],"names":["TreeItem","props","nodeId","label","children","section","selected","onItemSelect","onItemFold","onItemUnfold","onItemFocus","onItemBlur","selectedNodesIds","t","useTranslation","expanded","setExpanded","useState","handleItemClick","handleItemKeyDown","handleItemFoldUnfoldClick","handleItemFoldUnfoldKeyDown","handleItemFocus","handleItemBlur","useTreeItemEvents","useEffect","length","lastNodeId","some","node","rafterSize","renderItem","jsx","jsxs","Array","isArray","Icon"],"mappings":"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"}

package/dist/components/TreeView/TreeView.js

@@ -1,40 +1,41 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect, useMemo, useImperativeHandle } from "react";
-import TreeItem from "./TreeItem.js";
-const TreeView = /* @__PURE__ */ forwardRef((props, ref) => {
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as A, useState as x, useEffect as y, useMemo as F, useImperativeHandle as S } from "react";
+import b from "./TreeItem.js";
+const H = /* @__PURE__ */ A((u, h) => {
   const {
-    data,
-    onTreeItemSelect,
-    onTreeItemFold,
-    onTreeItemUnfold,
-    onTreeItemFocus,
-    onTreeItemBlur,
-    selectedNodesIds
-  } = props, [selectedItem, setSelectedItem] = useState(null);
-  useEffect(() => {
-    selectedNodesIds != null && selectedNodesIds.length && (selectedNodesIds == null ? void 0 : selectedNodesIds.length) >= 1 ? setSelectedItem(selectedNodesIds[selectedNodesIds.length - 1]) : setSelectedItem(null);
-  }, [selectedNodesIds]);
-  const handlers = useMemo(() => ({
+    data: f,
+    onTreeItemSelect: l,
+    onTreeItemFold: r,
+    onTreeItemUnfold: c,
+    onTreeItemFocus: a,
+    onTreeItemBlur: s,
+    selectedNodesIds: t
+  } = u, [d, n] = x(null);
+  y(() => {
+    t != null && t.length && (t == null ? void 0 : t.length) >= 1 ? n(t[t.length - 1]) : n(null);
+  }, [t]);
+  const i = F(() => ({
     unselectAll() {
-      setSelectedItem(null);
+      n(null);
     },
-    select(nodeId) {
-      setSelectedItem(nodeId), onTreeItemSelect == null || onTreeItemSelect(nodeId);
+    select(e) {
+      n(e), l == null || l(e);
     }
-  }), [onTreeItemSelect]);
-  useImperativeHandle(ref, () => handlers, [handlers]);
-  const handleItemFold = (nodeId) => {
-    onTreeItemFold == null || onTreeItemFold(nodeId);
-  }, handleItemUnfold = (nodeId) => {
-    onTreeItemUnfold == null || onTreeItemUnfold(nodeId);
-  }, handleItemFocus = (nodeId) => {
-    onTreeItemFocus == null || onTreeItemFocus(nodeId);
-  }, handleItemBlur = (nodeId) => {
-    onTreeItemBlur == null || onTreeItemBlur(nodeId);
-  }, renderTree = (node) => /* @__PURE__ */ jsx(TreeItem, { nodeId: node.id, label: node.name, section: node.section, selectedNodesIds, selected: selectedItem === node.id, onItemSelect: handlers.select, onItemFold: handleItemFold, onItemUnfold: handleItemUnfold, onItemFocus: handleItemFocus, onItemBlur: handleItemBlur, children: Array.isArray(node.children) ? node.children.map((item) => renderTree(item)) : null }, node.id);
-  return /* @__PURE__ */ jsx("div", { className: "treeview", children: renderTree(data) });
+  }), [l]);
+  S(h, () => i, [i]);
+  const p = (e) => {
+    r == null || r(e);
+  }, I = (e) => {
+    c == null || c(e);
+  }, g = (e) => {
+    a == null || a(e);
+  }, v = (e) => {
+    s == null || s(e);
+  }, m = (e) => /* @__PURE__ */ o(b, { nodeId: e.id, label: e.name, section: e.section, selectedNodesIds: t, selected: d === e.id, onItemSelect: i.select, onItemFold: p, onItemUnfold: I, onItemFocus: g, onItemBlur: v, children: Array.isArray(e.children) ? e.children.map((w) => m(w)) : null }, e.id);
+  return /* @__PURE__ */ o("div", { className: "treeview", children: m(f) });
 });
 export {
-  TreeView,
-  TreeView as default
+  H as TreeView,
+  H as default
 };
+//# sourceMappingURL=TreeView.js.map

package/dist/components/TreeView/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","sources":["../../../src/components/TreeView/TreeView.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react';\n\nimport TreeItem from './TreeItem';\nimport { TreeNode } from './TreeNode';\n\nexport interface TreeViewHandlers {\n  unselectAll: () => void;\n  select: (nodeId: string) => void;\n}\n\nexport interface TreeViewProps {\n  /**\n   * TreeNode data\n   */\n  data: TreeNode;\n\n  /**\n   * Node ID used for navigation folders\n   */\n  selectedNodesIds?: string[];\n\n  /**\n   * Callback function to provide selected item to parent component\n   */\n  onTreeItemSelect?: (nodeId: string) => void;\n\n  /**\n   * Callback function to provide folded item to parent component\n   */\n  onTreeItemFold?: (nodeId: string) => void;\n\n  /**\n   * Callback function to provide unfolded item to parent component\n   */\n  onTreeItemUnfold?: (nodeId: string) => void;\n\n  /**\n   * Callback function to provide focused item to parent component\n   */\n  onTreeItemFocus?: (nodeId: string) => void;\n\n  /**\n   * Callback function to provide blured item to parent component\n   */\n  onTreeItemBlur?: (nodeId: string) => void;\n}\n\n/**\n * UI TreeView Component\n */\n\nexport const TreeView = forwardRef<TreeViewHandlers, TreeViewProps>(\n  (props: TreeViewProps, ref) => {\n    const {\n      data,\n      onTreeItemSelect,\n      onTreeItemFold,\n      onTreeItemUnfold,\n      onTreeItemFocus,\n      onTreeItemBlur,\n      selectedNodesIds,\n    } = props;\n\n    const [selectedItem, setSelectedItem] = useState<string | null>(null);\n\n    useEffect(() => {\n      if (selectedNodesIds?.length && selectedNodesIds?.length >= 1) {\n        setSelectedItem(selectedNodesIds[selectedNodesIds.length - 1]);\n      } else {\n        setSelectedItem(null);\n      }\n    }, [selectedNodesIds]);\n\n    const handlers: TreeViewHandlers = useMemo(\n      () => ({\n        unselectAll() {\n          setSelectedItem(null);\n        },\n        select(nodeId: string) {\n          setSelectedItem(nodeId);\n          onTreeItemSelect?.(nodeId);\n        },\n      }),\n      [onTreeItemSelect],\n    );\n\n    useImperativeHandle(ref, () => handlers, [handlers]);\n\n    const handleItemFold = (nodeId: string) => {\n      onTreeItemFold?.(nodeId);\n    };\n\n    const handleItemUnfold = (nodeId: string) => {\n      onTreeItemUnfold?.(nodeId);\n    };\n\n    const handleItemFocus = (nodeId: string) => {\n      onTreeItemFocus?.(nodeId);\n    };\n\n    const handleItemBlur = (nodeId: string) => {\n      onTreeItemBlur?.(nodeId);\n    };\n\n    const renderTree = (node: TreeNode) => (\n      <TreeItem\n        key={node.id}\n        nodeId={node.id}\n        label={node.name}\n        section={node.section}\n        selectedNodesIds={selectedNodesIds}\n        selected={selectedItem === node.id}\n        onItemSelect={handlers.select}\n        onItemFold={handleItemFold}\n        onItemUnfold={handleItemUnfold}\n        onItemFocus={handleItemFocus}\n        onItemBlur={handleItemBlur}\n      >\n        {Array.isArray(node.children)\n          ? node.children.map((item) => renderTree(item))\n          : null}\n      </TreeItem>\n    );\n\n    return <div className=\"treeview\">{renderTree(data)}</div>;\n  },\n);\n\nTreeView.displayName = 'TreeView';\n\nexport default TreeView;\n"],"names":["TreeView","forwardRef","props","ref","data","onTreeItemSelect","onTreeItemFold","onTreeItemUnfold","onTreeItemFocus","onTreeItemBlur","selectedNodesIds","selectedItem","setSelectedItem","useState","useEffect","length","handlers","useMemo","unselectAll","select","nodeId","useImperativeHandle","handleItemFold","handleItemUnfold","handleItemFocus","handleItemBlur","renderTree","node","jsx","TreeItem","id","name","section","Array","isArray","children","map","item"],"mappings":";;;AAyDO,MAAMA,IAAWC,gBAAAA,EACtB,CAACC,GAAsBC,MAAQ;AACvB,QAAA;AAAA,IACJC,MAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,EACER,IAAAA,GAEE,CAACS,GAAcC,CAAe,IAAIC,EAAwB,IAAI;AAEpEC,EAAAA,EAAU,MAAM;AACd,IAAIJ,KAAAA,QAAAA,EAAkBK,WAAUL,KAAAA,gBAAAA,EAAkBK,WAAU,IAC1DH,EAAgBF,EAAiBA,EAAiBK,SAAS,CAAC,CAAC,IAE7DH,EAAgB,IAAI;AAAA,EACtB,GACC,CAACF,CAAgB,CAAC;AAEfM,QAAAA,IAA6BC,EACjC,OAAO;AAAA,IACLC,cAAc;AACZN,MAAAA,EAAgB,IAAI;AAAA,IACtB;AAAA,IACAO,OAAOC,GAAgB;AACrBR,MAAAA,EAAgBQ,CAAM,GACtBf,KAAAA,QAAAA,EAAmBe;AAAAA,IACrB;AAAA,EAAA,IAEF,CAACf,CAAgB,CACnB;AAEAgB,EAAAA,EAAoBlB,GAAK,MAAMa,GAAU,CAACA,CAAQ,CAAC;AAE7CM,QAAAA,IAAiBA,CAACF,MAAmB;AACzCd,IAAAA,KAAAA,QAAAA,EAAiBc;AAAAA,EAAM,GAGnBG,IAAmBA,CAACH,MAAmB;AAC3Cb,IAAAA,KAAAA,QAAAA,EAAmBa;AAAAA,EAAM,GAGrBI,IAAkBA,CAACJ,MAAmB;AAC1CZ,IAAAA,KAAAA,QAAAA,EAAkBY;AAAAA,EAAM,GAGpBK,IAAiBA,CAACL,MAAmB;AACzCX,IAAAA,KAAAA,QAAAA,EAAiBW;AAAAA,EAAM,GAGnBM,IAAaA,CAACC,MAClB,gBAAAC,EAACC,KAEC,QAAQF,EAAKG,IACb,OAAOH,EAAKI,MACZ,SAASJ,EAAKK,SACd,kBAAAtB,GACA,UAAUC,MAAiBgB,EAAKG,IAChC,cAAcd,EAASG,QACvB,YAAYG,GACZ,cAAcC,GACd,aAAaC,GACb,YAAYC,GAEXQ,UAAAA,MAAMC,QAAQP,EAAKQ,QAAQ,IACxBR,EAAKQ,SAASC,IAAKC,CAASX,MAAAA,EAAWW,CAAI,CAAC,IAC5C,KAdCV,GAAAA,EAAKG,EAeZ;AAGF,2BAAQ,OAAI,EAAA,WAAU,YAAYJ,UAAAA,EAAWtB,CAAI,EAAE,CAAA;AACrD,CACF;"}

package/dist/components/TreeView/hooks/useTreeItemEvents.js

@@ -1,28 +1,29 @@
-function useTreeItemEvents(nodeId, label, expanded, setExpanded, onItemSelect, onItemFold, onItemUnfold, onItemFocus, onItemBlur) {
-  const handleItemClick = (event) => {
-    event.preventDefault(), onItemSelect == null || onItemSelect(nodeId), itemFoldUnfold(), event.stopPropagation();
-  }, handleItemKeyDown = (event) => {
-    (event.code === "Enter" || event.code === "Space") && (event.preventDefault(), onItemSelect == null || onItemSelect(nodeId), itemFoldUnfold(), event.stopPropagation());
-  }, itemFoldUnfold = () => {
-    setExpanded(!expanded), expanded ? onItemFold == null || onItemFold(nodeId) : onItemUnfold == null || onItemUnfold(nodeId);
+function y(p, g, D, c, r, s, f, i, h) {
+  const u = (a) => {
+    a.preventDefault(), r == null || r(p), l(), a.stopPropagation();
+  }, d = (a) => {
+    (a.code === "Enter" || a.code === "Space") && (a.preventDefault(), r == null || r(p), l(), a.stopPropagation());
+  }, l = () => {
+    c(!D), D ? s == null || s(p) : f == null || f(p);
   };
   return {
-    handleItemClick,
-    handleItemKeyDown,
-    handleItemFoldUnfoldClick: (event) => {
-      event.preventDefault(), itemFoldUnfold(), event.stopPropagation();
+    handleItemClick: u,
+    handleItemKeyDown: d,
+    handleItemFoldUnfoldClick: (a) => {
+      a.preventDefault(), l(), a.stopPropagation();
     },
-    handleItemFoldUnfoldKeyDown: (event) => {
-      (event.code === "Enter" || event.code === "Space") && (event.preventDefault(), itemFoldUnfold(), event.stopPropagation());
+    handleItemFoldUnfoldKeyDown: (a) => {
+      (a.code === "Enter" || a.code === "Space") && (a.preventDefault(), l(), a.stopPropagation());
     },
-    handleItemFocus: (event) => {
-      event.preventDefault(), onItemFocus == null || onItemFocus(nodeId);
+    handleItemFocus: (a) => {
+      a.preventDefault(), i == null || i(p);
     },
-    handleItemBlur: (event) => {
-      event.preventDefault(), onItemBlur == null || onItemBlur(nodeId);
+    handleItemBlur: (a) => {
+      a.preventDefault(), h == null || h(p);
     }
   };
 }
 export {
-  useTreeItemEvents as default
+  y as default
 };
+//# sourceMappingURL=useTreeItemEvents.js.map

package/dist/components/TreeView/hooks/useTreeItemEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeItemEvents.js","sources":["../../../../src/components/TreeView/hooks/useTreeItemEvents.tsx"],"sourcesContent":["export default function useTreeItemEvents(\n  nodeId: string,\n  label: string,\n  expanded: boolean,\n  setExpanded: Function,\n  onItemSelect: Function | undefined,\n  onItemFold: Function | undefined,\n  onItemUnfold: Function | undefined,\n  onItemFocus: Function | undefined,\n  onItemBlur: Function | undefined,\n) {\n  const handleItemClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    onItemSelect?.(nodeId);\n    itemFoldUnfold();\n    event.stopPropagation();\n  };\n\n  const handleItemKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      onItemSelect?.(nodeId);\n      itemFoldUnfold();\n      event.stopPropagation();\n    }\n  };\n\n  const itemFoldUnfold = () => {\n    setExpanded(!expanded);\n    expanded ? onItemFold?.(nodeId) : onItemUnfold?.(nodeId);\n  };\n\n  const handleItemFoldUnfoldClick = (\n    event: React.MouseEvent<HTMLDivElement>,\n  ) => {\n    event.preventDefault();\n    itemFoldUnfold();\n    event.stopPropagation();\n  };\n\n  const handleItemFoldUnfoldKeyDown = (\n    event: React.KeyboardEvent<HTMLDivElement>,\n  ) => {\n    if (event.code === 'Enter' || event.code === 'Space') {\n      event.preventDefault();\n      itemFoldUnfold();\n      event.stopPropagation();\n    }\n  };\n\n  const handleItemFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    onItemFocus?.(nodeId);\n    // no need to stop propagation because focus event does not bubble\n  };\n\n  const handleItemBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    onItemBlur?.(nodeId);\n    // no need to stop propagation because blur event does not bubble\n  };\n\n  return {\n    handleItemClick,\n    handleItemKeyDown,\n    handleItemFoldUnfoldClick,\n    handleItemFoldUnfoldKeyDown,\n    handleItemFocus,\n    handleItemBlur,\n  };\n}\n"],"names":["useTreeItemEvents","nodeId","label","expanded","setExpanded","onItemSelect","onItemFold","onItemUnfold","onItemFocus","onItemBlur","handleItemClick","event","preventDefault","itemFoldUnfold","stopPropagation","handleItemKeyDown","code","handleItemFoldUnfoldClick","handleItemFoldUnfoldKeyDown","handleItemFocus","handleItemBlur"],"mappings":"AAAwBA,SAAAA,EACtBC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACA;AACMC,QAAAA,IAAkBA,CAACC,MAA4C;AACnEA,IAAAA,EAAMC,eAAe,GACrBP,KAAAA,QAAAA,EAAeJ,IACAY,KACfF,EAAMG,gBAAgB;AAAA,EAAA,GAGlBC,IAAoBA,CAACJ,MAA+C;AACxE,KAAIA,EAAMK,SAAS,WAAWL,EAAMK,SAAS,aAC3CL,EAAMC,eAAe,GACrBP,KAAAA,QAAAA,EAAeJ,IACAY,KACfF,EAAMG,gBAAgB;AAAA,EACxB,GAGID,IAAiBA,MAAM;AAC3BT,IAAAA,EAAY,CAACD,CAAQ,GACrBA,IAAWG,KAAAA,QAAAA,EAAaL,KAAUM,KAAAA,QAAAA,EAAeN;AAAAA,EAAM;AAiClD,SAAA;AAAA,IACLS,iBAAAA;AAAAA,IACAK,mBAAAA;AAAAA,IACAE,2BAjCgCA,CAChCN,MACG;AACHA,MAAAA,EAAMC,eAAe,GACNC,KACfF,EAAMG,gBAAgB;AAAA,IAAA;AAAA,IA6BtBI,6BA1BkCA,CAClCP,MACG;AACH,OAAIA,EAAMK,SAAS,WAAWL,EAAMK,SAAS,aAC3CL,EAAMC,eAAe,GACNC,KACfF,EAAMG,gBAAgB;AAAA,IACxB;AAAA,IAoBAK,iBAjBsBA,CAACR,MAA4C;AACnEA,MAAAA,EAAMC,eAAe,GACrBJ,KAAAA,QAAAA,EAAcP;AAAAA,IAAM;AAAA,IAgBpBmB,gBAZqBA,CAACT,MAA4C;AAClEA,MAAAA,EAAMC,eAAe,GACrBH,KAAAA,QAAAA,EAAaR;AAAAA,IAAM;AAAA,EAUnBmB;AAEJ;"}

package/dist/components/UploadCard/UploadCard.js

@@ -1,72 +1,73 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { Card } from "../Card/Card.js";
-import usePaths from "../../core/usePaths/usePaths.js";
-import { Button } from "../Button/Button.js";
-import { Icon } from "../Icon/Icon.js";
-import { Image } from "../Image/Image.js";
-import { Tooltip } from "../Tooltip/Tooltip.js";
-import { Loading } from "../Loading/Loading.js";
-import { IconButton } from "../Button/IconButton.js";
-const UploadCard = ({
-  item,
-  status = "idle",
-  isClickable = !1,
-  isSelectable = !1,
-  onDelete,
-  onEdit,
-  onRetry
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as k } from "react-i18next";
+import { Card as c } from "../Card/Card.js";
+import P from "../../core/usePaths/usePaths.js";
+import { Button as B } from "../Button/Button.js";
+import { Icon as r } from "../Icon/Icon.js";
+import { Image as p } from "../Image/Image.js";
+import { Tooltip as n } from "../Tooltip/Tooltip.js";
+import { Loading as L } from "../Loading/Loading.js";
+import { IconButton as g } from "../Button/IconButton.js";
+const A = ({
+  item: h,
+  status: o = "idle",
+  isClickable: u = !1,
+  isSelectable: x = !1,
+  onDelete: v,
+  onEdit: f,
+  onRetry: N
 }) => {
-  const [imagePath] = usePaths(), {
-    t
-  } = useTranslation(), {
-    src,
-    name,
-    info
-  } = item, isIdle = status === "idle", isLoading = status === "loading", isSuccess = status === "success", isTypeImage = info == null ? void 0 : info.type.startsWith("image"), imgPlaceholder = `${imagePath}/common/image-placeholder.png`, defaultMapping = {
+  const [m] = P(), {
+    t: a
+  } = k(), {
+    src: y,
+    name: w,
+    info: t
+  } = h, d = o === "idle", I = o === "loading", b = o === "success", C = t == null ? void 0 : t.type.startsWith("image"), T = `${m}/common/image-placeholder.png`, i = {
     text: "",
     context: null,
-    image: /* @__PURE__ */ jsx("img", { src: imgPlaceholder, alt: "", width: "48", height: "48" })
-  }, mapping = {
+    image: /* @__PURE__ */ e("img", { src: T, alt: "", width: "48", height: "48" })
+  }, s = {
     error: {
-      text: /* @__PURE__ */ jsx("strong", { children: /* @__PURE__ */ jsx("small", { className: "text-danger caption", children: t("tiptap.upload.error") }) }),
-      context: /* @__PURE__ */ jsx(Button, { leftIcon: /* @__PURE__ */ jsx(Icon, { name: "reset" }), variant: "ghost", color: "tertiary", onClick: onRetry, children: t("tiptap.upload.retry") }),
-      image: /* @__PURE__ */ jsx(Image, { alt: "", src: `${imagePath}/common/image-status-error.svg`, objectFit: "cover" })
+      text: /* @__PURE__ */ e("strong", { children: /* @__PURE__ */ e("small", { className: "text-danger caption", children: a("tiptap.upload.error") }) }),
+      context: /* @__PURE__ */ e(B, { leftIcon: /* @__PURE__ */ e(r, { name: "reset" }), variant: "ghost", color: "tertiary", onClick: N, children: a("tiptap.upload.retry") }),
+      image: /* @__PURE__ */ e(p, { alt: "", src: `${m}/common/image-status-error.svg`, objectFit: "cover" })
     },
-    idle: defaultMapping,
+    idle: i,
     loading: {
       text: "",
-      context: /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.loading"), placement: "top", children: /* @__PURE__ */ jsx(Loading, { isLoading: !0, loadingPosition: "left", className: "text-secondary" }) }),
-      image: defaultMapping.image
+      context: /* @__PURE__ */ e(n, { message: a("tiptap.tooltip.upload.loading"), placement: "top", children: /* @__PURE__ */ e(L, { isLoading: !0, loadingPosition: "left", className: "text-secondary" }) }),
+      image: i.image
     },
-    warning: defaultMapping,
+    warning: i,
     success: {
-      text: /* @__PURE__ */ jsxs("em", { children: [
-        info == null ? void 0 : info.type,
+      text: /* @__PURE__ */ l("em", { children: [
+        t == null ? void 0 : t.type,
         " ",
-        (info == null ? void 0 : info.weight) && `- ${info.weight}`
+        (t == null ? void 0 : t.weight) && `- ${t.weight}`
       ] }),
-      context: /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.loaded"), placement: "top", children: /* @__PURE__ */ jsx(Icon, { name: "success-outline", className: "text-success" }) }),
-      image: /* @__PURE__ */ jsx(Image, { alt: "", src: src ?? "", width: "48", objectFit: "cover", className: "rounded", style: {
+      context: /* @__PURE__ */ e(n, { message: a("tiptap.tooltip.upload.loaded"), placement: "top", children: /* @__PURE__ */ e(r, { name: "success-outline", className: "text-success" }) }),
+      image: /* @__PURE__ */ e(p, { alt: "", src: y ?? "", width: "48", objectFit: "cover", className: "rounded", style: {
         aspectRatio: 1 / 1
       } })
     },
-    unknown: defaultMapping
-  }, canEditItem = () => isTypeImage && /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.edit"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(Icon, { name: "wand" }), variant: "ghost", "aria-label": t("tiptap.tooltip.upload.loading"), disabled: isLoading || !isSuccess, onClick: onEdit, color: "secondary" }) });
-  return /* @__PURE__ */ jsx(Card, { isClickable, isSelectable, className: "card-upload", children: /* @__PURE__ */ jsxs(Card.Body, { children: [
-    /* @__PURE__ */ jsx("div", { className: "card-image", children: mapping[status].image }),
-    /* @__PURE__ */ jsxs("div", { className: "text-truncate", children: [
-      /* @__PURE__ */ jsx(Card.Text, { children: name }),
-      /* @__PURE__ */ jsx(Card.Text, { className: "caption", children: mapping[status].text })
+    unknown: i
+  }, j = () => C && /* @__PURE__ */ e(n, { message: a("tiptap.tooltip.upload.edit"), placement: "top", children: /* @__PURE__ */ e(g, { icon: /* @__PURE__ */ e(r, { name: "wand" }), variant: "ghost", "aria-label": a("tiptap.tooltip.upload.loading"), disabled: I || !b, onClick: f, color: "secondary" }) });
+  return /* @__PURE__ */ e(c, { isClickable: u, isSelectable: x, className: "card-upload", children: /* @__PURE__ */ l(c.Body, { children: [
+    /* @__PURE__ */ e("div", { className: "card-image", children: s[o].image }),
+    /* @__PURE__ */ l("div", { className: "text-truncate", children: [
+      /* @__PURE__ */ e(c.Text, { children: w }),
+      /* @__PURE__ */ e(c.Text, { className: "caption", children: s[o].text })
     ] }),
-    !isIdle && /* @__PURE__ */ jsx("div", { className: "ms-auto", children: /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-12", children: [
-      mapping[status].context,
-      !isIdle && /* @__PURE__ */ jsx("div", { className: "vr" }),
-      canEditItem(),
-      /* @__PURE__ */ jsx(Tooltip, { message: t("tiptap.tooltip.upload.delete"), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(Icon, { name: "close" }), variant: "ghost", "aria-label": t("tiptap.tooltip.upload.delete"), color: "tertiary", onClick: onDelete }) })
+    !d && /* @__PURE__ */ e("div", { className: "ms-auto", children: /* @__PURE__ */ l("div", { className: "d-flex align-items-center gap-12", children: [
+      s[o].context,
+      !d && /* @__PURE__ */ e("div", { className: "vr" }),
+      j(),
+      /* @__PURE__ */ e(n, { message: a("tiptap.tooltip.upload.delete"), placement: "top", children: /* @__PURE__ */ e(g, { icon: /* @__PURE__ */ e(r, { name: "close" }), variant: "ghost", "aria-label": a("tiptap.tooltip.upload.delete"), color: "tertiary", onClick: v }) })
     ] }) })
   ] }) });
 };
 export {
-  UploadCard
+  A as UploadCard
 };
+//# sourceMappingURL=UploadCard.js.map

package/dist/components/UploadCard/UploadCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadCard.js","sources":["../../../src/components/UploadCard/UploadCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nimport { Icon, Tooltip } from '..';\nimport { usePaths } from '../../core';\nimport { Status } from '../../types';\nimport { Button, IconButton } from '../Button';\nimport { Card, CardProps } from '../Card';\nimport { Image } from '../Image';\nimport { Loading } from '../Loading';\n\nexport interface UploadItemProps {\n  /**\n   * File's image\n   * */\n  src: string;\n  /**\n   * File's name\n   * */\n  name: string;\n  /**\n   * File's info\n   * */\n  info?: { type: string; weight: string };\n}\n\nexport interface UploadCardProps extends CardProps {\n  /**\n   * UploadItemProps\n   * */\n  item: UploadItemProps;\n  /**\n   * idle, loading, success, warning, error\n   * */\n  status?: Status;\n  /**\n   * Delete callback\n   * */\n  onDelete?: () => void;\n  /**\n   * Edit callback\n   * */\n  onEdit?: () => void;\n  /**\n   * Retry callback\n   * */\n  onRetry?: () => void;\n}\n\nexport const UploadCard = ({\n  item,\n  status = 'idle',\n  isClickable = false,\n  isSelectable = false,\n  onDelete,\n  onEdit,\n  onRetry,\n}: UploadCardProps) => {\n  const [imagePath] = usePaths();\n\n  const { t } = useTranslation();\n\n  const { src, name, info } = item;\n\n  const isIdle = status === 'idle';\n  const isLoading = status === 'loading';\n  const isSuccess = status === 'success';\n\n  const isTypeImage = info?.type.startsWith('image');\n\n  /**\n   * WB-3053: add mapping object to store information\n   * <Image/> component is not used for placeholder because of re-render intempestive image download\n   */\n  const imgPlaceholder = `${imagePath}/common/image-placeholder.png`;\n  const defaultMapping = {\n    text: '',\n    context: null,\n    image: <img src={imgPlaceholder} alt=\"\" width=\"48\" height=\"48\" />,\n  };\n\n  const mapping = {\n    error: {\n      text: (\n        <strong>\n          <small className=\"text-danger caption\">\n            {t('tiptap.upload.error')}\n          </small>\n        </strong>\n      ),\n      context: (\n        <Button\n          leftIcon={<Icon name=\"reset\" />}\n          variant=\"ghost\"\n          color=\"tertiary\"\n          onClick={onRetry}\n        >\n          {t('tiptap.upload.retry')}\n        </Button>\n      ),\n      image: (\n        <Image\n          alt=\"\"\n          src={`${imagePath}/common/image-status-error.svg`}\n          objectFit=\"cover\"\n        />\n      ),\n    },\n    idle: defaultMapping,\n    loading: {\n      text: '',\n      context: (\n        <Tooltip message={t('tiptap.tooltip.upload.loading')} placement=\"top\">\n          <Loading\n            isLoading\n            loadingPosition=\"left\"\n            className=\"text-secondary\"\n          />\n        </Tooltip>\n      ),\n      image: defaultMapping.image,\n    },\n    warning: defaultMapping,\n    success: {\n      text: (\n        <em>\n          {info?.type} {info?.weight && `- ${info.weight}`}\n        </em>\n      ),\n      context: (\n        <Tooltip message={t('tiptap.tooltip.upload.loaded')} placement=\"top\">\n          <Icon name=\"success-outline\" className=\"text-success\" />\n        </Tooltip>\n      ),\n      image: (\n        <Image\n          alt=\"\"\n          src={src ?? ''}\n          width=\"48\"\n          objectFit=\"cover\"\n          className=\"rounded\"\n          style={{ aspectRatio: 1 / 1 }}\n        />\n      ),\n    },\n    unknown: defaultMapping,\n  };\n\n  const canEditItem = () =>\n    isTypeImage && (\n      <Tooltip message={t('tiptap.tooltip.upload.edit')} placement=\"top\">\n        <IconButton\n          icon={<Icon name=\"wand\" />}\n          variant=\"ghost\"\n          aria-label={t('tiptap.tooltip.upload.loading')}\n          disabled={isLoading || !isSuccess}\n          onClick={onEdit}\n          color=\"secondary\"\n        />\n      </Tooltip>\n    );\n\n  return (\n    <Card\n      isClickable={isClickable}\n      isSelectable={isSelectable}\n      className=\"card-upload\"\n    >\n      <Card.Body>\n        <div className=\"card-image\">{mapping[status].image}</div>\n        <div className=\"text-truncate\">\n          <Card.Text>{name}</Card.Text>\n          <Card.Text className=\"caption\">{mapping[status].text}</Card.Text>\n        </div>\n        {!isIdle && (\n          <div className=\"ms-auto\">\n            <div className=\"d-flex align-items-center gap-12\">\n              {mapping[status].context}\n              {!isIdle && <div className=\"vr\"></div>}\n              {canEditItem()}\n              <Tooltip\n                message={t('tiptap.tooltip.upload.delete')}\n                placement=\"top\"\n              >\n                <IconButton\n                  icon={<Icon name=\"close\" />}\n                  variant=\"ghost\"\n                  aria-label={t('tiptap.tooltip.upload.delete')}\n                  color=\"tertiary\"\n                  onClick={onDelete}\n                />\n              </Tooltip>\n            </div>\n          </div>\n        )}\n      </Card.Body>\n    </Card>\n  );\n};\n"],"names":["UploadCard","item","status","isClickable","isSelectable","onDelete","onEdit","onRetry","imagePath","usePaths","t","useTranslation","src","name","info","isIdle","isLoading","isSuccess","isTypeImage","type","startsWith","imgPlaceholder","defaultMapping","text","context","image","jsx","mapping","error","Button","Icon","Image","idle","loading","Tooltip","Loading","warning","success","weight","aspectRatio","unknown","canEditItem","IconButton","Card","jsxs"],"mappings":";;;;;;;;;;AAgDO,MAAMA,IAAaA,CAAC;AAAA,EACzBC,MAAAA;AAAAA,EACAC,QAAAA,IAAS;AAAA,EACTC,aAAAA,IAAc;AAAA,EACdC,cAAAA,IAAe;AAAA,EACfC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,SAAAA;AACe,MAAM;AACf,QAAA,CAACC,CAAS,IAAIC,KAEd;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB;AAAA,IAAEC,KAAAA;AAAAA,IAAKC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,EAASb,IAAAA,GAEtBc,IAASb,MAAW,QACpBc,IAAYd,MAAW,WACvBe,IAAYf,MAAW,WAEvBgB,IAAcJ,KAAAA,gBAAAA,EAAMK,KAAKC,WAAW,UAMpCC,IAAiB,GAAGb,CAAS,iCAC7Bc,IAAiB;AAAA,IACrBC,MAAM;AAAA,IACNC,SAAS;AAAA,IACTC,OAAQ,gBAAAC,EAAA,OAAA,EAAI,KAAKL,GAAgB,KAAI,IAAG,OAAM,MAAK,QAAO,KAAI,CAAA;AAAA,EAAA,GAG1DM,IAAU;AAAA,IACdC,OAAO;AAAA,MACLL,MACG,gBAAAG,EAAA,UAAA,EACC,UAAC,gBAAAA,EAAA,SAAA,EAAM,WAAU,uBACdhB,UAAAA,EAAE,qBAAqB,EAAA,CAC1B,EACF,CAAA;AAAA,MAEFc,SACG,gBAAAE,EAAAG,GAAA,EACC,UAAU,gBAAAH,EAACI,KAAK,MAAK,QAAO,CAAA,GAC5B,SAAQ,SACR,OAAM,YACN,SAASvB,GAERG,UAAAA,EAAE,qBAAqB,GAC1B;AAAA,MAEFe,OACG,gBAAAC,EAAAK,GAAA,EACC,KAAI,IACJ,KAAK,GAAGvB,CAAS,kCACjB,WAAU,QAAO,CAAA;AAAA,IAGvB;AAAA,IACAwB,MAAMV;AAAAA,IACNW,SAAS;AAAA,MACPV,MAAM;AAAA,MACNC,SACG,gBAAAE,EAAAQ,GAAA,EAAQ,SAASxB,EAAE,+BAA+B,GAAG,WAAU,OAC9D,UAAA,gBAAAgB,EAACS,KACC,WAAS,IACT,iBAAgB,QAChB,WAAU,iBAAgB,CAAA,GAE9B;AAAA,MAEFV,OAAOH,EAAeG;AAAAA,IACxB;AAAA,IACAW,SAASd;AAAAA,IACTe,SAAS;AAAA,MACPd,wBACG,MACET,EAAAA,UAAAA;AAAAA,QAAMK,KAAAA,gBAAAA,EAAAA;AAAAA,QAAK;AAAA,SAAEL,KAAAA,gBAAAA,EAAMwB,WAAU,KAAKxB,EAAKwB,MAAM;AAAA,MAAA,GAChD;AAAA,MAEFd,SACE,gBAAAE,EAACQ,GAAQ,EAAA,SAASxB,EAAE,8BAA8B,GAAG,WAAU,OAC7D,4BAACoB,GAAK,EAAA,MAAK,mBAAkB,WAAU,eAAc,CAAA,GACvD;AAAA,MAEFL,OACE,gBAAAC,EAACK,GACC,EAAA,KAAI,IACJ,KAAKnB,KAAO,IACZ,OAAM,MACN,WAAU,SACV,WAAU,WACV,OAAO;AAAA,QAAE2B,aAAa,IAAI;AAAA,MAAA,GAAI;AAAA,IAGpC;AAAA,IACAC,SAASlB;AAAAA,EAAAA,GAGLmB,IAAcA,MAClBvB,KACE,gBAAAQ,EAACQ,KAAQ,SAASxB,EAAE,4BAA4B,GAAG,WAAU,OAC3D,UAAC,gBAAAgB,EAAAgB,GAAA,EACC,MAAO,gBAAAhB,EAAAI,GAAA,EAAK,MAAK,OAAM,CAAA,GACvB,SAAQ,SACR,cAAYpB,EAAE,+BAA+B,GAC7C,UAAUM,KAAa,CAACC,GACxB,SAASX,GACT,OAAM,aAAW,EAErB,CAAA;AAIF,SAAA,gBAAAoB,EAACiB,KACC,aAAAxC,GACA,cAAAC,GACA,WAAU,eAEV,UAAA,gBAAAwC,EAACD,EAAK,MAAL,EACC,UAAA;AAAA,IAAA,gBAAAjB,EAAC,SAAI,WAAU,cAAcC,UAAQzB,EAAAA,CAAM,EAAEuB,OAAM;AAAA,IACnD,gBAAAmB,EAAC,OAAI,EAAA,WAAU,iBACb,UAAA;AAAA,MAAC,gBAAAlB,EAAAiB,EAAK,MAAL,EAAW9B,UAAKA,EAAA,CAAA;AAAA,MACjB,gBAAAa,EAACiB,EAAK,MAAL,EAAU,WAAU,WAAWhB,UAAAA,EAAQzB,CAAM,EAAEqB,MAAK;AAAA,IAAA,GACvD;AAAA,IACC,CAACR,KACC,gBAAAW,EAAA,OAAA,EAAI,WAAU,WACb,UAAA,gBAAAkB,EAAC,OAAI,EAAA,WAAU,oCACZjB,UAAAA;AAAAA,MAAAA,EAAQzB,CAAM,EAAEsB;AAAAA,MAChB,CAACT,KAAW,gBAAAW,EAAA,OAAA,EAAI,WAAU,KAAK,CAAA;AAAA,MAC/Be,EAAY;AAAA,MACb,gBAAAf,EAACQ,GACC,EAAA,SAASxB,EAAE,8BAA8B,GACzC,WAAU,OAEV,UAAA,gBAAAgB,EAACgB,GACC,EAAA,MAAO,gBAAAhB,EAAAI,GAAA,EAAK,MAAK,QAAO,CAAA,GACxB,SAAQ,SACR,cAAYpB,EAAE,8BAA8B,GAC5C,OAAM,YACN,SAASL,EAAAA,CAAS,EAEtB,CAAA;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,9 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const VisuallyHidden = /* @__PURE__ */ forwardRef(({
-  children
-}, ref) => /* @__PURE__ */ jsx("span", { className: "visually-hidden", ref, children }));
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+const i = /* @__PURE__ */ e(({
+  children: r
+}, a) => /* @__PURE__ */ s("span", { className: "visually-hidden", ref: a, children: r }));
 export {
-  VisuallyHidden,
-  VisuallyHidden as default
+  i as VisuallyHidden,
+  i as default
 };
+//# sourceMappingURL=VisuallyHidden.js.map

package/dist/components/VisuallyHidden/VisuallyHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nexport interface VisuallyHiddenProps {\n  children: ReactNode;\n}\n\nexport const VisuallyHidden = forwardRef(\n  ({ children }: VisuallyHiddenProps, ref: Ref<HTMLSpanElement>) => {\n    return (\n      <span className=\"visually-hidden\" ref={ref}>\n        {children}\n      </span>\n    );\n  },\n);\n\nVisuallyHidden.displayName = 'VisuallyHidden';\n\nexport default VisuallyHidden;\n"],"names":["VisuallyHidden","children","ref","jsx"],"mappings":";;AAMaA,MAAAA,sBACX,CAAC;AAAA,EAAEC,UAAAA;AAA8B,GAAGC,MAE/B,gBAAAC,EAAA,QAAA,EAAK,WAAU,mBAAkB,KAAAD,GAC/BD,UAAAA,EACH,CAAA,CAGN;"}

package/dist/core/OdeClientProvider/OdeClientProvider.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
+import { App, IGetConf, IGetSession, IUserDescription, IUserInfo, IWebApp, UserProfile } from '@edifice.io/ts-client';
 import { UseQueryResult } from '../../../node_modules/@tanstack/react-query';
-import { App, IGetConf, IGetSession, IUserDescription, IUserInfo, IWebApp, UserProfile } from 'edifice-ts-client';
 export interface OdeProviderParams {
     alternativeApp?: boolean;
     app: App;

package/dist/core/OdeClientProvider/OdeClientProvider.js

@@ -1,62 +1,63 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useEffect, useMemo, useContext } from "react";
-import { useTranslation } from "react-i18next";
-import useSession from "../useSession/useSession.js";
-import useConf from "../useConf/useConf.js";
-const OdeClientContext = /* @__PURE__ */ createContext(null);
-function OdeClientProvider({
-  children,
-  params
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as x, useEffect as m, useMemo as P, useContext as h } from "react";
+import { useTranslation as A } from "react-i18next";
+import O from "../useSession/useSession.js";
+import S from "../useConf/useConf.js";
+const f = /* @__PURE__ */ x(null);
+function j({
+  children: c,
+  params: C
 }) {
-  const appCode = params.app, {
-    t
-  } = useTranslation(), translatedAppCode = t(appCode), sessionQuery = useSession(), confQuery = useConf({
-    appCode
-  }), init = (confQuery == null ? void 0 : confQuery.isSuccess) && (sessionQuery == null ? void 0 : sessionQuery.isSuccess);
-  useEffect(() => {
-    var _a;
+  const e = C.app, {
+    t: v
+  } = A(), u = v(e), t = O(), a = S({
+    appCode: e
+  }), i = (a == null ? void 0 : a.isSuccess) && (t == null ? void 0 : t.isSuccess);
+  m(() => {
+    var r;
     [
       {
         data: "html",
-        value: ((_a = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _a.currentLanguage) || "fr"
+        value: ((r = t == null ? void 0 : t.data) == null ? void 0 : r.currentLanguage) || "fr"
       },
       // #WB-3137 Disable the translation of the content of the page which provoced issues
       {
         data: "translate",
         value: "no"
       }
-    ].forEach((attribute) => {
-      var _a2;
-      return (_a2 = document.querySelector("html")) == null ? void 0 : _a2.setAttribute(attribute.data, attribute.value);
+    ].forEach((o) => {
+      var n;
+      return (n = document.querySelector("html")) == null ? void 0 : n.setAttribute(o.data, o.value);
     });
-  }, [sessionQuery == null ? void 0 : sessionQuery.data]), useEffect(() => {
-    document.title = `${translatedAppCode}`;
-  }, [appCode, sessionQuery.data, translatedAppCode]);
-  const values = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f;
+  }, [t == null ? void 0 : t.data]), m(() => {
+    document.title = `${u}`;
+  }, [e, t.data, u]);
+  const g = P(() => {
+    var d, r, o, n, l, p;
     return {
-      appCode,
-      applications: (_a = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _a.applications,
-      confQuery,
-      currentApp: (_b = confQuery == null ? void 0 : confQuery.data) == null ? void 0 : _b.currentApp,
-      currentLanguage: (_c = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _c.currentLanguage,
-      init,
-      sessionQuery,
-      user: (_d = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _d.user,
-      userDescription: (_e = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _e.userDescription,
-      userProfile: (_f = sessionQuery == null ? void 0 : sessionQuery.data) == null ? void 0 : _f.userProfile
+      appCode: e,
+      applications: (d = a == null ? void 0 : a.data) == null ? void 0 : d.applications,
+      confQuery: a,
+      currentApp: (r = a == null ? void 0 : a.data) == null ? void 0 : r.currentApp,
+      currentLanguage: (o = t == null ? void 0 : t.data) == null ? void 0 : o.currentLanguage,
+      init: i,
+      sessionQuery: t,
+      user: (n = t == null ? void 0 : t.data) == null ? void 0 : n.user,
+      userDescription: (l = t == null ? void 0 : t.data) == null ? void 0 : l.userDescription,
+      userProfile: (p = t == null ? void 0 : t.data) == null ? void 0 : p.userProfile
     };
-  }, [appCode, confQuery, init, sessionQuery]);
-  return /* @__PURE__ */ jsx(OdeClientContext.Provider, { value: values, children });
+  }, [e, a, i, t]);
+  return /* @__PURE__ */ s(f.Provider, { value: g, children: c });
 }
-function useOdeClient() {
-  const context = useContext(OdeClientContext);
-  if (!context)
+function q() {
+  const c = h(f);
+  if (!c)
     throw new Error("Cannot be used outside of OdeClientProvider");
-  return context;
+  return c;
 }
 export {
-  OdeClientContext,
-  OdeClientProvider,
-  useOdeClient
+  f as OdeClientContext,
+  j as OdeClientProvider,
+  q as useOdeClient
 };
+//# sourceMappingURL=OdeClientProvider.js.map

package/dist/core/OdeClientProvider/OdeClientProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OdeClientProvider.js","sources":["../../../src/core/OdeClientProvider/OdeClientProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  type ReactNode,\n} from 'react';\n\nimport {\n  App,\n  IGetConf,\n  IGetSession,\n  IUserDescription,\n  IUserInfo,\n  IWebApp,\n  UserProfile,\n} from '@edifice.io/ts-client';\nimport { UseQueryResult } from '@tanstack/react-query';\nimport { useTranslation } from 'react-i18next';\n\nimport { useConf } from '../useConf';\nimport { useSession } from '../useSession';\n\nexport interface OdeProviderParams {\n  alternativeApp?: boolean;\n  app: App;\n  cdnDomain?: string | null;\n  version?: string | null;\n}\n\nexport interface OdeClientProps {\n  children: ReactNode;\n  params: OdeProviderParams;\n}\n\nexport interface OdeContextProps {\n  appCode: App;\n  applications: IWebApp[] | undefined;\n  confQuery: UseQueryResult<IGetConf>;\n  currentApp: IWebApp | undefined;\n  currentLanguage: string | undefined;\n  init: boolean;\n  sessionQuery: UseQueryResult<IGetSession>;\n  user: IUserInfo | undefined;\n  userDescription: Partial<IUserDescription> | undefined;\n  userProfile: UserProfile | undefined;\n}\n\nexport const OdeClientContext = createContext<OdeContextProps | null>(null!);\n\nexport function OdeClientProvider({ children, params }: OdeClientProps) {\n  const appCode = params.app;\n\n  const { t } = useTranslation();\n  const translatedAppCode = t(appCode);\n\n  const sessionQuery = useSession();\n  const confQuery = useConf({ appCode });\n\n  const init = confQuery?.isSuccess && sessionQuery?.isSuccess;\n\n  useEffect(() => {\n    const attributes = [\n      {\n        data: 'html',\n        value: sessionQuery?.data?.currentLanguage || 'fr',\n      },\n      // #WB-3137 Disable the translation of the content of the page which provoced issues\n      {\n        data: 'translate',\n        value: 'no',\n      },\n    ];\n\n    attributes.forEach((attribute) => {\n      return document\n        .querySelector('html')\n        ?.setAttribute(attribute.data, attribute.value as string);\n    });\n  }, [sessionQuery?.data]);\n\n  useEffect(() => {\n    document.title = `${translatedAppCode}`;\n  }, [appCode, sessionQuery.data, translatedAppCode]);\n\n  const values = useMemo(\n    () => ({\n      appCode,\n      applications: confQuery?.data?.applications,\n      confQuery,\n      currentApp: confQuery?.data?.currentApp,\n      currentLanguage: sessionQuery?.data?.currentLanguage,\n      init,\n      sessionQuery,\n      user: sessionQuery?.data?.user,\n      userDescription: sessionQuery?.data?.userDescription,\n      userProfile: sessionQuery?.data?.userProfile,\n    }),\n    [appCode, confQuery, init, sessionQuery],\n  );\n\n  return (\n    <OdeClientContext.Provider value={values}>\n      {children}\n    </OdeClientContext.Provider>\n  );\n}\n\nexport function useOdeClient() {\n  const context = useContext(OdeClientContext);\n\n  if (!context) {\n    throw new Error(`Cannot be used outside of OdeClientProvider`);\n  }\n  return context;\n}\n"],"names":["OdeClientContext","OdeClientProvider","children","params","appCode","app","t","useTranslation","translatedAppCode","sessionQuery","useSession","confQuery","useConf","init","isSuccess","useEffect","attributes","data","value","currentLanguage","forEach","attribute","document","querySelector","setAttribute","title","values","useMemo","applications","currentApp","user","userDescription","userProfile","useOdeClient","context","useContext","Error"],"mappings":";;;;;AAgDaA,MAAAA,sBAAyD,IAAK;AAEpE,SAASC,EAAkB;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,QAAAA;AAAuB,GAAG;AACtE,QAAMC,IAAUD,EAAOE,KAEjB;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvBC,IAAoBF,EAAEF,CAAO,GAE7BK,IAAeC,KACfC,IAAYC,EAAQ;AAAA,IAAER,SAAAA;AAAAA,EAAAA,CAAS,GAE/BS,KAAOF,KAAAA,gBAAAA,EAAWG,eAAaL,KAAAA,gBAAAA,EAAcK;AAEnDC,EAAAA,EAAU,MAAM;;AAadC,IAZmB;AAAA,MACjB;AAAA,QACEC,MAAM;AAAA,QACNC,SAAOT,IAAAA,KAAAA,gBAAAA,EAAcQ,SAAdR,gBAAAA,EAAoBU,oBAAmB;AAAA,MAChD;AAAA;AAAA,MAEA;AAAA,QACEF,MAAM;AAAA,QACNC,OAAO;AAAA,MACT;AAAA,IAAA,EAGSE,QAASC,CAAcA,MAAA;;AACzBC,cAAAA,IAAAA,SACJC,cAAc,MAAM,MADhBD,gBAAAA,EAEHE,aAAaH,EAAUJ,MAAMI,EAAUH;AAAAA,IAAe,CAC3D;AAAA,EAAA,GACA,CAACT,KAAAA,gBAAAA,EAAcQ,IAAI,CAAC,GAEvBF,EAAU,MAAM;AACLU,aAAAA,QAAQ,GAAGjB,CAAiB;AAAA,KACpC,CAACJ,GAASK,EAAaQ,MAAMT,CAAiB,CAAC;AAE5CkB,QAAAA,IAASC,EACb,MAAO;;AAAA;AAAA,MACLvB,SAAAA;AAAAA,MACAwB,eAAcjB,IAAAA,KAAAA,gBAAAA,EAAWM,SAAXN,gBAAAA,EAAiBiB;AAAAA,MAC/BjB,WAAAA;AAAAA,MACAkB,aAAYlB,IAAAA,KAAAA,gBAAAA,EAAWM,SAAXN,gBAAAA,EAAiBkB;AAAAA,MAC7BV,kBAAiBV,IAAAA,KAAAA,gBAAAA,EAAcQ,SAAdR,gBAAAA,EAAoBU;AAAAA,MACrCN,MAAAA;AAAAA,MACAJ,cAAAA;AAAAA,MACAqB,OAAMrB,IAAAA,KAAAA,gBAAAA,EAAcQ,SAAdR,gBAAAA,EAAoBqB;AAAAA,MAC1BC,kBAAiBtB,IAAAA,KAAAA,gBAAAA,EAAcQ,SAAdR,gBAAAA,EAAoBsB;AAAAA,MACrCC,cAAavB,IAAAA,KAAAA,gBAAAA,EAAcQ,SAAdR,gBAAAA,EAAoBuB;AAAAA,IAAAA;AAAAA,KAEnC,CAAC5B,GAASO,GAAWE,GAAMJ,CAAY,CACzC;AAEA,2BACGT,EAAiB,UAAjB,EAA0B,OAAO0B,GAC/BxB,UAAAA,EACH,CAAA;AAEJ;AAEO,SAAS+B,IAAe;AACvBC,QAAAA,IAAUC,EAAWnC,CAAgB;AAE3C,MAAI,CAACkC;AACG,UAAA,IAAIE,MAAM,6CAA6C;AAExDF,SAAAA;AACT;"}

package/dist/core/ThemeProvider/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IOdeTheme } from 'edifice-ts-client';
+import { IOdeTheme } from '@edifice.io/ts-client';
 export interface ThemeProps {
     children: ReactNode;
 }