@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.14

package/dist/components/Toolbar/Toolbar.js

@@ -1,79 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as k, useState as f, useRef as E, useEffect as S, createElement as h } from "react";
-import B from "clsx";
-import { mergeRefs as q } from "../../utils/ref.js";
-import { Tooltip as w } from "../Tooltip/Tooltip.js";
-import { Button as m } from "../Button/Button.js";
-import { Dropdown as z } from "../Dropdown/Dropdown.js";
-import { IconButton as H } from "../Button/IconButton.js";
-const V = /* @__PURE__ */ k(({
-  items: u,
-  variant: v = "default",
-  align: a = "space",
-  isBlock: d = !1,
-  ariaControls: T,
-  className: x
-}, F) => {
-  const [i, D] = f(0), [y, j] = f([]), [c, K] = f(), [l, R] = f(), I = E(), A = B("toolbar z-1000 bg-white", x, {
-    default: v === "default",
-    "no-shadow": v === "no-shadow",
-    "d-flex": d,
-    "d-inline-flex": !d,
-    "overflow-x-auto": d,
-    "justify-content-start": a === "left",
-    "justify-content-between": a === "space",
-    "justify-content-center": a === "center",
-    "justify-content-end": a === "right"
-  });
-  S(() => {
-    var n;
-    const o = (n = I.current) == null ? void 0 : n.querySelectorAll("button"), r = [];
-    let s = !1;
-    o == null || o.forEach((e) => {
-      e.disabled || (s || (K(e), s = !0), R(e), r.push(e));
-    }), j(r), D(u.findIndex((e) => (e.type === "button" || e.type === "icon") && !e.props.disabled));
-  }, [u]);
-  const L = (o) => {
-    o.target.classList.add("focus");
-  }, N = (o) => {
-    o.target.classList.remove("focus");
-  }, p = (o) => {
-    var s, n;
-    const r = y.indexOf(o.currentTarget);
-    switch (o.code) {
-      case "ArrowLeft":
-        o.currentTarget === c ? l == null || l.focus() : (s = y[r - 1]) == null || s.focus();
-        break;
-      case "ArrowRight":
-        o.currentTarget === l ? c == null || c.focus() : (n = y[r + 1]) == null || n.focus();
-        break;
-    }
-  }, b = (o) => {
-    var r;
-    return typeof o.tooltip == "string" ? o.tooltip : (r = o.tooltip) == null ? void 0 : r.message;
-  }, g = (o) => {
-    var r;
-    return typeof o.tooltip != "string" ? (r = o.tooltip) == null ? void 0 : r.position : "top";
-  };
-  return /* @__PURE__ */ t("div", { ref: q(F, I), className: A, role: "toolbar", "aria-label": "Text Formatting", "aria-controls": T, onFocus: L, onBlur: N, children: u.map((o, r) => {
-    if (o.visibility === "hide") return null;
-    switch (o.type) {
-      case "divider":
-        return /* @__PURE__ */ t("div", { className: "toolbar-divider" }, o.name ?? r);
-      case "button":
-        return /* @__PURE__ */ t(w, { message: b(o), placement: g(o), children: /* @__PURE__ */ h(m, { ...o.props, key: o.name ?? r, color: o.props.color ? o.props.color : "tertiary", variant: "ghost", tabIndex: r === i ? 0 : -1, onKeyDown: p }) }, o.name ?? r);
-      case "icon":
-        return /* @__PURE__ */ t(w, { message: b(o), placement: g(o), children: /* @__PURE__ */ h(H, { ...o.props, key: o.name ?? r, color: o.props.color ? o.props.color : "tertiary", variant: o.props.variant ? o.props.variant : "ghost", tabIndex: r === i ? 0 : -1, onKeyDown: p }) }, o.name ?? r);
-      case "dropdown":
-        return /* @__PURE__ */ h(z, { ...o.props, key: o.name ?? r, extraTriggerKeyDownHandler: p, overflow: o.overflow });
-      case "primary":
-        return /* @__PURE__ */ t(w, { message: b(o), placement: g(o), children: /* @__PURE__ */ t(m, { ...o.props, variant: "filled", color: "primary", tabIndex: r === i ? 0 : -1, onKeyDown: p }) }, o.name ?? r);
-    }
-    return null;
-  }) });
-});
-export {
-  V as Toolbar,
-  V as default
-};
-//# sourceMappingURL=Toolbar.js.map

package/dist/components/Toolbar/Toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.js","sources":["../../../src/components/Toolbar/Toolbar.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport {\n  FocusEvent,\n  ReactNode,\n  Ref,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport clsx from 'clsx';\n\nimport { mergeRefs } from '../../utils';\nimport { Button, ButtonProps, IconButton, IconButtonProps } from '../Button';\nimport { Dropdown, DropdownProps } from '../Dropdown';\nimport { Placement, Tooltip } from '../Tooltip';\n\ninterface Item {\n  /** Object type */\n  type: string;\n  /** Items should be named, except for dividers */\n  name?: string;\n  /** Set to \"hide\" to hide this item. Defaults to \"show\" when undefined. */\n  visibility?: 'show' | 'hide';\n}\n\ninterface ToolbarTooltip {\n  tooltip?:\n    | string\n    | {\n        message: string;\n        position?: Placement;\n      };\n}\n\ninterface ButtonItem extends Item, ToolbarTooltip {\n  type: 'button';\n  name: string;\n  props: ButtonProps;\n}\ninterface IconButtonItem extends Item, ToolbarTooltip {\n  type: 'icon';\n  name: string;\n  props: IconButtonProps;\n}\ninterface DropdownItem extends Item {\n  type: 'dropdown';\n  props: DropdownProps;\n  overflow?: boolean;\n}\ninterface PrimaryItem extends Item, ToolbarTooltip {\n  type: 'primary';\n  props: ButtonProps;\n}\ninterface DividerItem extends Item {\n  type: 'divider';\n}\n\nexport type ToolbarRef = HTMLDivElement;\nexport type ToolbarVariant = 'default' | 'no-shadow';\nexport type ToolbarAlign = 'left' | 'center' | 'space' | 'right';\nexport type ToolbarItem =\n  | ButtonItem\n  | IconButtonItem\n  | DropdownItem\n  | PrimaryItem\n  | DividerItem;\n\nexport interface ToolbarProps extends React.ComponentPropsWithRef<'div'> {\n  /**\n   * Toolbar data items\n   */\n  items: ToolbarItem[];\n  /**\n   * Toolbar variant\n   */\n  variant?: ToolbarVariant;\n  /**\n   * Buttons alignement when isBlock is true\n   */\n  align?: ToolbarAlign;\n  /**\n   * Toolbar has width 100%\n   */\n  isBlock?: boolean;\n  /**\n   * Editor container ID for a11y purpose\n   */\n  ariaControls?: string;\n  /**\n   * Additional CSS classes.\n   */\n  className?: string;\n  /**\n   * Accept optional children\n   */\n  children?: ReactNode;\n}\n\nexport const Toolbar = forwardRef(\n  (\n    {\n      items,\n      variant = 'default',\n      align = 'space',\n      isBlock = false,\n      ariaControls,\n      className,\n    }: ToolbarProps,\n    ref: Ref<ToolbarRef>,\n  ) => {\n    const [firstFocusableItemIndex, setFirstFocusableItemIndex] =\n      useState<number>(0);\n    const [a11yNavigationItems, setA11yNavigationItems] = useState<\n      Array<HTMLElement>\n    >([]);\n    const [firstA11yNavigationItem, setFirstA11yNavigationItem] =\n      useState<HTMLElement>();\n    const [lastA11yNavigationItem, setA11yNavigationLastItem] =\n      useState<HTMLElement>();\n\n    const divToolbarRef = useRef<HTMLDivElement>();\n\n    const classes = clsx('toolbar z-1000 bg-white', className, {\n      default: variant === 'default',\n      'no-shadow': variant === 'no-shadow',\n      'd-flex': isBlock,\n      'd-inline-flex': !isBlock,\n      'overflow-x-auto': isBlock,\n      'justify-content-start': align === 'left',\n      'justify-content-between': align === 'space',\n      'justify-content-center': align === 'center',\n      'justify-content-end': align === 'right',\n    });\n\n    useEffect(() => {\n      // a11y: set first and last item for keyboard arrow navigation\n      const buttons: NodeListOf<HTMLButtonElement> | undefined =\n        divToolbarRef.current?.querySelectorAll('button');\n      const enabledItems: Array<HTMLElement> = [];\n      let isfirstItemSet = false;\n\n      buttons?.forEach((item) => {\n        if (!item.disabled) {\n          if (!isfirstItemSet) {\n            setFirstA11yNavigationItem(item);\n            isfirstItemSet = true;\n          }\n          setA11yNavigationLastItem(item);\n          enabledItems.push(item);\n        }\n      });\n\n      setA11yNavigationItems(enabledItems);\n\n      // a11y: set first element to focus with tab keyboard\n      setFirstFocusableItemIndex(\n        items.findIndex(\n          (item) =>\n            (item.type === 'button' || item.type === 'icon') &&\n            !item.props.disabled,\n        ),\n      );\n    }, [items]);\n\n    const handleFocus = (event: FocusEvent<HTMLDivElement>) => {\n      // focused button\n      event.target.classList.add('focus');\n    };\n\n    const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n      // focused button\n      event.target.classList.remove('focus');\n    };\n\n    /**\n     * Handle a11y toolbar navigation with Arrow keys.\n     */\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n      const index = a11yNavigationItems.indexOf(event.currentTarget);\n      switch (event.code) {\n        case 'ArrowLeft':\n          // switch to previous item\n          if (event.currentTarget === firstA11yNavigationItem) {\n            lastA11yNavigationItem?.focus();\n          } else {\n            a11yNavigationItems[index - 1]?.focus();\n          }\n          break;\n        case 'ArrowRight':\n          // switch to next item\n          if (event.currentTarget === lastA11yNavigationItem) {\n            firstA11yNavigationItem?.focus();\n          } else {\n            a11yNavigationItems[index + 1]?.focus();\n          }\n          break;\n        default:\n          break;\n      }\n    };\n\n    const renderTooltipMessage = (\n      item: Exclude<ToolbarItem, DropdownItem | DividerItem>,\n    ) => {\n      return typeof item.tooltip === 'string'\n        ? item.tooltip\n        : item.tooltip?.message;\n    };\n\n    const renderTooltipPosition = (\n      item: Exclude<ToolbarItem, DropdownItem | DividerItem>,\n    ) => {\n      return typeof item.tooltip !== 'string' ? item.tooltip?.position : 'top';\n    };\n\n    return (\n      <div\n        ref={mergeRefs(ref, divToolbarRef)}\n        className={classes}\n        role=\"toolbar\"\n        aria-label=\"Text Formatting\"\n        aria-controls={ariaControls}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n      >\n        {items.map((item, index) => {\n          if (item.visibility === 'hide') return null;\n\n          switch (item.type) {\n            case 'divider':\n              return (\n                <div key={item.name ?? index} className=\"toolbar-divider\"></div>\n              );\n\n            case 'button':\n              return (\n                <Tooltip\n                  key={item.name ?? index}\n                  message={renderTooltipMessage(item)}\n                  placement={renderTooltipPosition(item)}\n                >\n                  <Button\n                    {...item.props}\n                    key={item.name ?? index}\n                    color={item.props.color ? item.props.color : 'tertiary'}\n                    variant=\"ghost\"\n                    tabIndex={index === firstFocusableItemIndex ? 0 : -1}\n                    onKeyDown={handleKeyDown}\n                  />\n                </Tooltip>\n              );\n\n            case 'icon':\n              return (\n                <Tooltip\n                  key={item.name ?? index}\n                  message={renderTooltipMessage(item)}\n                  placement={renderTooltipPosition(item)}\n                >\n                  <IconButton\n                    {...item.props}\n                    key={item.name ?? index}\n                    color={item.props.color ? item.props.color : 'tertiary'}\n                    variant={item.props.variant ? item.props.variant : 'ghost'}\n                    tabIndex={index === firstFocusableItemIndex ? 0 : -1}\n                    onKeyDown={handleKeyDown}\n                  />\n                </Tooltip>\n              );\n\n            case 'dropdown':\n              return (\n                <Dropdown\n                  {...item.props}\n                  key={item.name ?? index}\n                  extraTriggerKeyDownHandler={handleKeyDown}\n                  overflow={item.overflow}\n                >\n                  {/* Set the children through props */}\n                </Dropdown>\n              );\n\n            case 'primary':\n              return (\n                <Tooltip\n                  key={item.name ?? index}\n                  message={renderTooltipMessage(item)}\n                  placement={renderTooltipPosition(item)}\n                >\n                  <Button\n                    {...item.props}\n                    variant=\"filled\"\n                    color=\"primary\"\n                    tabIndex={index === firstFocusableItemIndex ? 0 : -1}\n                    onKeyDown={handleKeyDown}\n                  />\n                </Tooltip>\n              );\n\n            default:\n              break;\n          }\n          return null;\n        })}\n      </div>\n    );\n  },\n);\n\nToolbar.displayName = 'Toolbar';\n\nexport default Toolbar;\n"],"names":["Toolbar","items","variant","align","isBlock","ariaControls","className","ref","firstFocusableItemIndex","setFirstFocusableItemIndex","useState","a11yNavigationItems","setA11yNavigationItems","firstA11yNavigationItem","setFirstA11yNavigationItem","lastA11yNavigationItem","setA11yNavigationLastItem","divToolbarRef","useRef","classes","clsx","default","useEffect","buttons","current","querySelectorAll","enabledItems","isfirstItemSet","forEach","item","disabled","push","findIndex","type","props","handleFocus","event","target","classList","add","handleBlur","remove","handleKeyDown","index","indexOf","currentTarget","code","focus","renderTooltipMessage","tooltip","message","renderTooltipPosition","position","jsx","mergeRefs","map","visibility","name","Tooltip","Button","color","IconButton","createElement","Dropdown","overflow"],"mappings":"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"}

package/dist/components/Tooltip/Tooltip.js

@@ -1,42 +0,0 @@
-import { jsxs as t, Fragment as h, jsx as o } from "react/jsx-runtime";
-import { useState as e } from "react";
-import w from "clsx";
-import { usePopper as E } from "react-popper";
-const j = ({
-  children: i,
-  message: r,
-  icon: l = null,
-  placement: a = "auto"
-}) => {
-  const [p, m] = e(null), [c, d] = e(null), [f, u] = e(null), {
-    styles: s,
-    attributes: v
-  } = E(p, c, {
-    placement: a,
-    modifiers: [{
-      name: "arrow",
-      options: {
-        element: f
-      }
-    }]
-  }), [b, n] = e(!1);
-  return /* @__PURE__ */ t(h, { children: [
-    /* @__PURE__ */ o("div", { className: "d-inline-block position-relative z-2", ref: m, onMouseEnter: () => {
-      n(!0);
-    }, onMouseLeave: () => {
-      n(!1);
-    }, children: i }),
-    b && r && /* @__PURE__ */ t("div", { className: w("tooltip d-block show mb-12", "bs-tooltip-auto"), ref: d, style: s.popper, ...v.popper, children: [
-      /* @__PURE__ */ t("div", { className: "tooltip-inner shadow-hover d-flex gap-8 align-items-center", children: [
-        l && l,
-        /* @__PURE__ */ o("div", { children: r })
-      ] }),
-      /* @__PURE__ */ o("div", { className: "tooltip-arrow", ref: u, style: s.arrow })
-    ] })
-  ] });
-};
-export {
-  j as Tooltip,
-  j as default
-};
-//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react';\n\nimport clsx from 'clsx';\nimport { usePopper } from 'react-popper';\n\nexport type Placement =\n  | 'auto'\n  | 'auto-start'\n  | 'auto-end'\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'right'\n  | 'right-start'\n  | 'right-end'\n  | 'left'\n  | 'left-start'\n  | 'left-end';\n\nexport interface TooltipProps {\n  /**\n   * Text to display inside tooltip\n   */\n  message: string | undefined;\n  /**\n   * Element to be wrapped as Tooltip trigger\n   */\n  children: React.ReactNode;\n  /**\n   * Tooltip position\n   */\n  placement?: Placement;\n  /**\n   * Tooltip left icon\n   */\n  icon?: ReactNode;\n}\n\nexport const Tooltip = ({\n  children,\n  message,\n  icon = null,\n  placement = 'auto',\n}: TooltipProps) => {\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null,\n  );\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null,\n  );\n  const [arrowElement, setArrowElement] = useState<HTMLDivElement | null>(null);\n\n  const { styles, attributes } = usePopper(referenceElement, popperElement, {\n    placement,\n    modifiers: [\n      {\n        name: 'arrow',\n        options: {\n          element: arrowElement,\n        },\n      },\n    ],\n  });\n\n  const [visible, setVisible] = useState<boolean>(false);\n\n  return (\n    <>\n      <div\n        className=\"d-inline-block position-relative z-2\"\n        ref={setReferenceElement}\n        onMouseEnter={() => {\n          setVisible(true);\n        }}\n        onMouseLeave={() => {\n          setVisible(false);\n        }}\n      >\n        {children}\n      </div>\n      {visible && message && (\n        <div\n          className={clsx('tooltip d-block show mb-12', `bs-tooltip-auto`)}\n          ref={setPopperElement}\n          style={styles.popper}\n          {...attributes.popper}\n        >\n          <div className=\"tooltip-inner shadow-hover d-flex gap-8 align-items-center\">\n            {icon && icon}\n            <div>{message}</div>\n          </div>\n          <div\n            className=\"tooltip-arrow\"\n            ref={setArrowElement}\n            style={styles.arrow}\n          ></div>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default Tooltip;\n"],"names":["Tooltip","children","message","icon","placement","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","arrowElement","setArrowElement","styles","attributes","usePopper","modifiers","name","options","element","visible","setVisible","jsxs","Fragment","jsx","clsx","popper","arrow"],"mappings":";;;;AAyCO,MAAMA,IAAUA,CAAC;AAAA,EACtBC,UAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,WAAAA,IAAY;AACA,MAAM;AAClB,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAC9C,IACF,GACM,CAACC,GAAeC,CAAgB,IAAIF,EACxC,IACF,GACM,CAACG,GAAcC,CAAe,IAAIJ,EAAgC,IAAI,GAEtE;AAAA,IAAEK,QAAAA;AAAAA,IAAQC,YAAAA;AAAAA,EAAAA,IAAeC,EAAUT,GAAkBG,GAAe;AAAA,IACxEJ,WAAAA;AAAAA,IACAW,WAAW,CACT;AAAA,MACEC,MAAM;AAAA,MACNC,SAAS;AAAA,QACPC,SAASR;AAAAA,MACX;AAAA,IAAA,CACD;AAAA,EAAA,CAEJ,GAEK,CAACS,GAASC,CAAU,IAAIb,EAAkB,EAAK;AAErD,SAEI,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAAC,SACC,WAAU,wCACV,KAAKjB,GACL,cAAc,MAAM;AAClBc,MAAAA,EAAW,EAAI;AAAA,IACjB,GACA,cAAc,MAAM;AAClBA,MAAAA,EAAW,EAAK;AAAA,OAGjBnB,UAAAA,EACH,CAAA;AAAA,IACCkB,KAAWjB,KACV,gBAAAmB,EAAC,OACC,EAAA,WAAWG,EAAK,8BAA8B,iBAAiB,GAC/D,KAAKf,GACL,OAAOG,EAAOa,WACVZ,EAAWY,QAEf,UAAA;AAAA,MAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,8DACZlB,UAAAA;AAAAA,QAAQA,KAAAA;AAAAA,QACT,gBAAAoB,EAAC,SAAKrB,UAAQA,EAAA,CAAA;AAAA,MAAA,GAChB;AAAA,MACA,gBAAAqB,EAAC,SACC,WAAU,iBACV,KAAKZ,GACL,OAAOC,EAAOc,OACf;AAAA,IAAA,GACH;AAAA,EAEJ,EAAA,CAAA;AAEJ;"}

package/dist/components/TreeView/TreeItem.js

@@ -1,55 +0,0 @@
-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: 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
-      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__ */ 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(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 {
-  $ as default
-};
-//# sourceMappingURL=TreeItem.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;;AAgEMA,MAAAA,IAAWA,CAACC,MAAyB;AACnC,QAAA;AAAA,IACJC,QAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,kBAAAA;AAAAA,EACEX,IAAAA,GAEE;AAAA,IAAEY,GAAAA;AAAAA,MAAMC,EAAe,GACvB,CAACC,GAAUC,CAAW,IAAIC,EAAkB,EAAK,GAEjD;AAAA,IACJC,iBAAAA;AAAAA,IACAC,mBAAAA;AAAAA,IACAC,2BAAAA;AAAAA,IACAC,6BAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EACF,IAAIC,EACFtB,GACAC,GACAY,GACAC,GACAT,GACAC,GACAC,GACAC,GACAC,CACF;AAEAc,EAAAA,EAAU,MAAM;AACd,QAAIb,KAAAA,QAAAA,EAAkBc,WAAUd,KAAAA,gBAAAA,EAAkBc,WAAU,GAAG;AAC7D,YAAMC,IAAaf,EACjBA,EAAiBc,SAAS,CAAC;AAEZE,MAAAA,EAAAA,KAAK,CAACC,MACjBA,MAAS3B,KAAUA,MAAWyB,KAChCX,EAAY,EAAI,GACTa,MAAS3B,MAElBc,EAAY,EAAK,GACV,GACR;AAAA,IAAA;AAEDA,MAAAA,EAAY,EAAK;AAAA,EACnB,GACC,CAACd,GAAQU,CAAgB,CAAC;AAEvBkB,QAAAA,IAAazB,IAAU,OAAO,MAE9B0B,IAAaA,MAChB,gBAAAC,EAAA,MAAA,EACC,IAAI,YAAY9B,CAAM,IAEtB,MAAK,YACL,iBAAeI,GACf,iBAAeS,GAEf,4BAAC,OACC,EAAA,UAAA;AAAA,IAAC,gBAAAkB,EAAA,OAAA,EAAI,WAAU,yDACb,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EACC,WAAW,QAASC,MAAMC,QAAQ/B,CAAQ,IAAkB,OAAd,WAAkB,IAChE,UAAU,GACV,MAAK,UACL,SAASgB,GACT,WAAWC,GACX,cAAYR,EAAE,YAAY,GAEzBqB,UAAAA;AAAAA,QAAAA,MAAMC,QAAQ/B,CAAQ,KAAK,CAAC,CAACA,EAASsB,UAAU,CAACX,KAC/C,gBAAAiB,EAAAI,GAAA,EAAK,MAAK,gBAAe,MAAMN,GACjC;AAAA,QAEAI,MAAMC,QAAQ/B,CAAQ,KAAK,CAAC,CAACA,EAASsB,UAAUX,KAC9C,gBAAAiB,EAAAI,GAAA,EAAK,MAAK,eAAc,MAAMN,EAChC,CAAA;AAAA,QAGA,CAACI,MAAMC,QAAQ/B,CAAQ,KACtB,gBAAA4B,EAACI,GAAK,EAAA,MAAK,gBAAe,MAAMN,GAAY,eAAY,OACzD,CAAA;AAAA,MAAA,GACH;AAAA,MACC,gBAAAG,EAAA,OAAA,EACC,UAAU,GACV,MAAK,UACL,WAAU,gEACV,SAASf,GACT,WAAWC,GACX,SAASG,GACT,QAAQC,GAEPlB,UAAAA;AAAAA,QAAAA,KAAY,gBAAA2B,EAAAI,GAAA,EAAK,MAAK,UAAS,MAAK,MAAO;AAAA,QAC3C,gBAAAJ,EAAA,QAAA,EAAK,WAAU,iBAAiB7B,UAAMA,GAAA;AAAA,MAAA,GACzC;AAAA,IAAA,GACF;AAAA,IAEC+B,MAAMC,QAAQ/B,CAAQ,uBAAM,MAAG,EAAA,MAAK,SAASA,UAAAA,GAAS;AAAA,EAAA,GACzD,KA3CKF,CA4CP;AAGKG,SAAAA,IACJ,gBAAA2B,EAAA,MAAA,EAAG,MAAK,QAAO,WAAU,WACvBD,UAAAA,EACH,EAAA,CAAA,IAEAA,EAAW;AAEf;"}

package/dist/components/TreeView/TreeView.js

@@ -1,41 +0,0 @@
-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: 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() {
-      n(null);
-    },
-    select(e) {
-      n(e), l == null || l(e);
-    }
-  }), [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 {
-  H as TreeView,
-  H as default
-};
-//# sourceMappingURL=TreeView.js.map

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

@@ -1 +0,0 @@
-{"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,29 +0,0 @@
-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: u,
-    handleItemKeyDown: d,
-    handleItemFoldUnfoldClick: (a) => {
-      a.preventDefault(), l(), a.stopPropagation();
-    },
-    handleItemFoldUnfoldKeyDown: (a) => {
-      (a.code === "Enter" || a.code === "Space") && (a.preventDefault(), l(), a.stopPropagation());
-    },
-    handleItemFocus: (a) => {
-      a.preventDefault(), i == null || i(p);
-    },
-    handleItemBlur: (a) => {
-      a.preventDefault(), h == null || h(p);
-    }
-  };
-}
-export {
-  y as default
-};
-//# sourceMappingURL=useTreeItemEvents.js.map

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

@@ -1 +0,0 @@
-{"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,73 +0,0 @@
-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 [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__ */ e("img", { src: T, alt: "", width: "48", height: "48" })
-  }, s = {
-    error: {
-      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: i,
-    loading: {
-      text: "",
-      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: i,
-    success: {
-      text: /* @__PURE__ */ l("em", { children: [
-        t == null ? void 0 : t.type,
-        " ",
-        (t == null ? void 0 : t.weight) && `- ${t.weight}`
-      ] }),
-      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: 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 })
-    ] }),
-    !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 {
-  A as UploadCard
-};
-//# sourceMappingURL=UploadCard.js.map

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

@@ -1 +0,0 @@
-{"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":"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"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -1,10 +0,0 @@
-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 {
-  i as VisuallyHidden,
-  i as default
-};
-//# sourceMappingURL=VisuallyHidden.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,63 +0,0 @@
-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 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: ((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((o) => {
-      var n;
-      return (n = document.querySelector("html")) == null ? void 0 : n.setAttribute(o.data, o.value);
-    });
-  }, [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: 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
-    };
-  }, [e, a, i, t]);
-  return /* @__PURE__ */ s(f.Provider, { value: g, children: c });
-}
-function q() {
-  const c = h(f);
-  if (!c)
-    throw new Error("Cannot be used outside of OdeClientProvider");
-  return c;
-}
-export {
-  f as OdeClientContext,
-  j as OdeClientProvider,
-  q as useOdeClient
-};
-//# sourceMappingURL=OdeClientProvider.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,53 +0,0 @@
-import { jsx as E } from "react/jsx-runtime";
-import { createContext as f, useEffect as g, useMemo as O, useContext as T } from "react";
-import { useOdeClient as k } from "../OdeClientProvider/OdeClientProvider.js";
-import w from "../useConf/useConf.js";
-const C = /* @__PURE__ */ f(null);
-function B({
-  children: e
-}) {
-  var s;
-  const {
-    appCode: b
-  } = k(), t = w({
-    appCode: b
-  });
-  g(() => {
-    var d, i, m, n, r, h, l, u, v;
-    const a = document.getElementById("favicon");
-    a.href = `${(i = (d = t == null ? void 0 : t.data) == null ? void 0 : d.theme) == null ? void 0 : i.basePath}/img/illustrations/favicon.ico`;
-    const o = (r = (n = (m = t == null ? void 0 : t.data) == null ? void 0 : m.theme) == null ? void 0 : n.bootstrapVersion) == null ? void 0 : r.split("-"), P = o ? o[o.length - 1] : void 0;
-    [{
-      data: "data-skin",
-      value: (l = (h = t == null ? void 0 : t.data) == null ? void 0 : h.theme) == null ? void 0 : l.skinName
-    }, {
-      data: "data-theme",
-      value: (v = (u = t == null ? void 0 : t.data) == null ? void 0 : u.theme) == null ? void 0 : v.themeName
-    }, {
-      data: "data-product",
-      value: P
-    }].forEach((c) => {
-      var p;
-      return (p = document.querySelector("html")) == null ? void 0 : p.setAttribute(c.data, c.value);
-    });
-  }, [t == null ? void 0 : t.data]);
-  const x = O(() => {
-    var a;
-    return {
-      theme: (a = t == null ? void 0 : t.data) == null ? void 0 : a.theme
-    };
-  }, [(s = t == null ? void 0 : t.data) == null ? void 0 : s.theme]);
-  return /* @__PURE__ */ E(C.Provider, { value: x, children: e });
-}
-function I() {
-  const e = T(C);
-  if (!e)
-    throw new Error("Cannot be used outside of OdeClientProvider");
-  return e;
-}
-export {
-  C as ThemeContext,
-  B as ThemeProvider,
-  I as useOdeTheme
-};
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/core/ThemeProvider/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../../src/core/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  type ReactNode,\n} from 'react';\n\nimport { IOdeTheme } from '@edifice.io/ts-client';\n\nimport { useOdeClient } from '../OdeClientProvider';\nimport { useConf } from '../useConf';\n\nexport interface ThemeProps {\n  children: ReactNode;\n}\n\nexport interface ThemeContextProps {\n  theme: IOdeTheme | undefined;\n}\n\nexport const ThemeContext = createContext<ThemeContextProps | null>(null!);\n\nexport function ThemeProvider({ children }: ThemeProps) {\n  const { appCode } = useOdeClient();\n\n  const confQuery = useConf({ appCode });\n\n  useEffect(() => {\n    const favicon = document.getElementById('favicon') as HTMLAnchorElement;\n    favicon.href =\n      `${confQuery?.data?.theme?.basePath}/img/illustrations/favicon.ico` as string;\n    const bootstrapVersion =\n      confQuery?.data?.theme?.bootstrapVersion?.split('-');\n    const dataProduct = bootstrapVersion\n      ? bootstrapVersion[bootstrapVersion.length - 1]\n      : undefined;\n\n    const attributes = [\n      {\n        data: 'data-skin',\n        value: confQuery?.data?.theme?.skinName,\n      },\n      {\n        data: 'data-theme',\n        value: confQuery?.data?.theme?.themeName,\n      },\n      {\n        data: 'data-product',\n        value: dataProduct,\n      },\n    ];\n\n    attributes.forEach((attribute) => {\n      return document\n        .querySelector('html')\n        ?.setAttribute(attribute.data, attribute.value as string);\n    });\n  }, [confQuery?.data]);\n\n  const values = useMemo(\n    () => ({\n      theme: confQuery?.data?.theme,\n    }),\n    [confQuery?.data?.theme],\n  );\n\n  return (\n    <ThemeContext.Provider value={values}>{children}</ThemeContext.Provider>\n  );\n}\n\nexport function useOdeTheme() {\n  const context = useContext(ThemeContext);\n\n  if (!context) {\n    throw new Error(`Cannot be used outside of OdeClientProvider`);\n  }\n  return context;\n}\n"],"names":["ThemeContext","ThemeProvider","children","appCode","useOdeClient","confQuery","useConf","useEffect","favicon","document","getElementById","href","data","theme","basePath","bootstrapVersion","split","dataProduct","length","undefined","attributes","value","skinName","themeName","forEach","attribute","querySelector","setAttribute","values","useMemo","useOdeTheme","context","useContext","Error"],"mappings":";;;;AAqBaA,MAAAA,sBAAuD,IAAK;AAElE,SAASC,EAAc;AAAA,EAAEC,UAAAA;AAAqB,GAAG;;AAChD,QAAA;AAAA,IAAEC,SAAAA;AAAAA,MAAYC,EAAa,GAE3BC,IAAYC,EAAQ;AAAA,IAAEH,SAAAA;AAAAA,EAAAA,CAAS;AAErCI,EAAAA,EAAU,MAAM;;AACRC,UAAAA,IAAUC,SAASC,eAAe,SAAS;AACjDF,IAAAA,EAAQG,OACN,IAAGN,KAAAA,IAAAA,KAAAA,gBAAAA,EAAWO,SAAXP,gBAAAA,EAAiBQ,UAAjBR,gBAAAA,EAAwBS,QAAQ;AACrC,UAAMC,KACJV,KAAAA,KAAAA,IAAAA,KAAAA,gBAAAA,EAAWO,SAAXP,gBAAAA,EAAiBQ,UAAjBR,gBAAAA,EAAwBU,qBAAxBV,gBAAAA,EAA0CW,MAAM,MAC5CC,IAAcF,IAChBA,EAAiBA,EAAiBG,SAAS,CAAC,IAC5CC;AAiBJC,IAfmB,CACjB;AAAA,MACER,MAAM;AAAA,MACNS,QAAOhB,KAAAA,IAAAA,KAAAA,gBAAAA,EAAWO,SAAXP,gBAAAA,EAAiBQ,UAAjBR,gBAAAA,EAAwBiB;AAAAA,IAAAA,GAEjC;AAAA,MACEV,MAAM;AAAA,MACNS,QAAOhB,KAAAA,IAAAA,KAAAA,gBAAAA,EAAWO,SAAXP,gBAAAA,EAAiBQ,UAAjBR,gBAAAA,EAAwBkB;AAAAA,IAAAA,GAEjC;AAAA,MACEX,MAAM;AAAA,MACNS,OAAOJ;AAAAA,IAAAA,CACR,EAGQO,QAASC,CAAcA,MAAA;;AACzBhB,cAAAA,IAAAA,SACJiB,cAAc,MAAM,MADhBjB,gBAAAA,EAEHkB,aAAaF,EAAUb,MAAMa,EAAUJ;AAAAA,IAAe,CAC3D;AAAA,EAAA,GACA,CAAChB,KAAAA,gBAAAA,EAAWO,IAAI,CAAC;AAEdgB,QAAAA,IAASC,EACb,MAAO;;AAAA;AAAA,MACLhB,QAAOR,IAAAA,KAAAA,gBAAAA,EAAWO,SAAXP,gBAAAA,EAAiBQ;AAAAA,IAE1B;AAAA,KAAA,EAACR,IAAAA,KAAAA,gBAAAA,EAAWO,SAAXP,gBAAAA,EAAiBQ,KAAK,CACzB;AAEA,2BACGb,EAAa,UAAb,EAAsB,OAAO4B,GAAS1B,UAAAA,EAAS,CAAA;AAEpD;AAEO,SAAS4B,IAAc;AACtBC,QAAAA,IAAUC,EAAWhC,CAAY;AAEvC,MAAI,CAAC+B;AACG,UAAA,IAAIE,MAAM,6CAA6C;AAExDF,SAAAA;AACT;"}

package/dist/core/useAvatar/useAvatar.js

@@ -1,31 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { odeServices as n } from "@edifice.io/ts-client";
-import { useMemo as u } from "react";
-import { useTranslation as m } from "react-i18next";
-import { Badge as p } from "../../components/Badge/Badge.js";
-function f(e, r) {
-  const {
-    t: o
-  } = m(), a = u(() => {
-    const t = (r == null ? void 0 : r.toLowerCase()) ?? "guest";
-    return ["teacher", "student", "relative", "personnel"].includes(t) ? /* @__PURE__ */ s(p, { variant: {
-      type: "profile",
-      profile: t
-    }, children: o(t) }) : null;
-  }, [r, o]);
-  function i(t) {
-    return n.directory().getAvatarUrl(t, "user");
-  }
-  function c(t) {
-    return n.directory().getDirectoryUrl(t, "user");
-  }
-  return {
-    badge: a,
-    avatarURL: i(e),
-    userbookURL: c(e)
-  };
-}
-export {
-  f as default
-};
-//# sourceMappingURL=useAvatar.js.map