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

package/dist/ui/src/components/Dropdown/Dropdown.js

@@ -1,60 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, useEffect } from "react";
-import clsx from "clsx";
-import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
-import { DropdownContext } from "./DropdownContext.js";
-import DropdownItem from "./DropdownItem.js";
-import DropdownMenu from "./DropdownMenu.js";
-import DropdownMenuGroup from "./DropdownMenuGroup.js";
-import DropdownRadioItem from "./DropdownRadioItem.js";
-import DropdownSeparator from "./DropdownSeparator.js";
-import DropdownTrigger from "./DropdownTrigger.js";
-import useDropdown from "../../hooks/useDropdown/useDropdown.js";
-import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-const Root = ({
-  children,
-  block,
-  overflow = !0,
-  placement = "bottom-start",
-  extraTriggerKeyDownHandler,
-  onToggle,
-  isTriggerHovered = !1
-}) => {
-  const {
-    visible,
-    isFocused,
-    triggerProps,
-    menuProps,
-    itemProps,
-    itemRefs,
-    setVisible
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered), ref = useClickOutside(() => {
-    setVisible(!1);
-  }), value = useMemo(() => ({
-    visible,
-    isFocused,
-    triggerProps,
-    menuProps,
-    itemProps,
-    itemRefs,
-    block,
-    setVisible
-  }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
-    "w-100": block,
-    overflow
-  });
-  return useEffect(() => {
-    onToggle == null || onToggle(visible);
-  }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs) : children }) });
-}, Dropdown = /* @__PURE__ */ Object.assign(Root, {
-  Trigger: DropdownTrigger,
-  Menu: DropdownMenu,
-  Item: DropdownItem,
-  Separator: DropdownSeparator,
-  CheckboxItem: DropdownCheckboxItem,
-  RadioItem: DropdownRadioItem,
-  MenuGroup: DropdownMenuGroup
-}), Dropdown$1 = Dropdown;
-export {
-  Dropdown$1 as default
-};

package/dist/ui/src/components/Dropdown/DropdownTrigger.js

@@ -1,34 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { RafterUp as SvgRafterUp$1 } from "../../../../icons/dist/index.js";
-import { useDropdownContext } from "./DropdownContext.js";
-const DropdownTrigger = /* @__PURE__ */ forwardRef(({
-  label,
-  icon,
-  variant,
-  disabled = !1,
-  size,
-  badgeContent,
-  hideCarret = !1,
-  ...restProps
-}, forwardRef2) => {
-  const {
-    triggerProps,
-    block
-  } = useDropdownContext(), className = clsx("dropdown-toggle ", size, variant, {
-    "w-100": block
-  }, triggerProps.className, restProps.className), mergedProps = {
-    ...triggerProps,
-    ...restProps,
-    className
-  };
-  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, disabled, ...mergedProps, children: [
-    icon,
-    label,
-    badgeContent ? /* @__PURE__ */ jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(SvgRafterUp$1, { width: 16, height: 16, className: "dropdown-toggle-caret" })
-  ] });
-});
-export {
-  DropdownTrigger as default
-};

package/dist/ui/src/components/Dropzone/Dropzone.js

@@ -1,56 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import clsx from "clsx";
-import { DropzoneContext } from "./DropzoneContext.js";
-import DropzoneDrag from "./DropzoneDrag.js";
-import DropzoneFile from "./DropzoneFile.js";
-import DropzoneImport from "./DropzoneImport.js";
-import useDropzone from "../../hooks/useDropzone/useDropzone.js";
-const Dropzone = ({
-  className,
-  accept,
-  multiple = !0,
-  handle = !1,
-  children
-}) => {
-  const {
-    inputRef,
-    dragging,
-    files,
-    addFile,
-    deleteFile,
-    replaceFileAt,
-    handleDragLeave,
-    handleDragging,
-    handleDrop,
-    handleOnChange
-  } = useDropzone(accept ? {
-    forceFilters: !0
-  } : void 0), classes = clsx("dropzone", {
-    "is-dragging": (multiple || files.length < 1) && dragging,
-    "is-drop-files": !(files.length !== 0 && !handle)
-  }, className), value = useMemo(() => ({
-    inputRef,
-    files,
-    addFile,
-    deleteFile,
-    replaceFileAt
-  }), [addFile, deleteFile, replaceFileAt, files, inputRef]);
-  return /* @__PURE__ */ jsx(DropzoneContext.Provider, { value, children: /* @__PURE__ */ jsxs("div", { className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: files.length > 0 && !multiple ? void 0 : handleDrop, children: [
-    /* @__PURE__ */ jsxs("div", { className: "align-center", children: [
-      handle ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Dropzone.File, { children }),
-        /* @__PURE__ */ jsx(Dropzone.Import, {})
-      ] }),
-      /* @__PURE__ */ jsx(Dropzone.Drag, {})
-    ] }),
-    /* @__PURE__ */ jsx("input", { ref: inputRef, accept: accept == null ? void 0 : accept.join(","), multiple, type: "file", name: "attachment-input", id: "attachment-input", onChange: handleOnChange, hidden: !0 })
-  ] }) });
-};
-Dropzone.File = DropzoneFile;
-Dropzone.Import = DropzoneImport;
-Dropzone.Drag = DropzoneDrag;
-const Dropzone$1 = Dropzone;
-export {
-  Dropzone$1 as default
-};

package/dist/ui/src/components/Dropzone/DropzoneFile.js

@@ -1,32 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { Plus as SvgPlus$1 } from "../../../../icons/dist/index.js";
-import { useMediaLibraryContext } from "../../multimedia/MediaLibrary/MediaLibraryContext.js";
-import Button from "../Button/Button.js";
-import { useDropzoneContext } from "./DropzoneContext.js";
-const DropzoneFile = ({
-  children
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    files,
-    inputRef
-  } = useDropzoneContext(), {
-    multiple
-  } = useMediaLibraryContext(), hasFiles = files && files.length > 0, classes = clsx("drop-file-wrapper", {
-    "d-block": hasFiles,
-    "d-none": !hasFiles
-  });
-  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx("div", { className: "drop-file-content", children: /* @__PURE__ */ jsx("div", { className: "add-button p-4", children: /* @__PURE__ */ jsx(Button, { variant: "ghost", leftIcon: /* @__PURE__ */ jsx(SvgPlus$1, {}), disabled: !multiple, onClick: () => {
-      var _a;
-      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
-    }, children: t("dropzone.add.more") }) }) }),
-    /* @__PURE__ */ jsx("div", { className: "p-8", children })
-  ] });
-};
-export {
-  DropzoneFile as default
-};

package/dist/ui/src/components/Dropzone/DropzoneImport.js

@@ -1,28 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import { Download as SvgDownload$1 } from "../../../../icons/dist/index.js";
-import Button from "../Button/Button.js";
-import { useDropzoneContext } from "./DropzoneContext.js";
-const DropzoneImport = () => {
-  const {
-    t
-  } = useTranslation(), {
-    files,
-    inputRef
-  } = useDropzoneContext(), hasFiles = files && files.length > 0, classes = clsx("import-wrapper", {
-    "d-flex": !hasFiles,
-    "d-none": hasFiles
-  });
-  return /* @__PURE__ */ jsxs("div", { className: classes, children: [
-    /* @__PURE__ */ jsx(SvgDownload$1, { height: 48, width: 48 }),
-    /* @__PURE__ */ jsx("p", { className: "my-16", children: t("dropzone.text") }),
-    /* @__PURE__ */ jsx(Button, { onClick: () => {
-      var _a;
-      return (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
-    }, children: t("dropzone.import") })
-  ] });
-};
-export {
-  DropzoneImport as default
-};

package/dist/ui/src/components/EmptyScreen/EmptyScreen.js

@@ -1,20 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import Heading from "../Heading/Heading.js";
-const EmptyScreen = ({
-  imageSrc,
-  imageAlt = "",
-  title,
-  text,
-  className
-}) => {
-  const textClass = clsx("text", className);
-  return /* @__PURE__ */ jsxs("div", { className: "emptyscreen", children: [
-    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: "250", height: "250" }) }),
-    title && /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: title }),
-    text && /* @__PURE__ */ jsx("div", { className: textClass, children: text })
-  ] });
-}, EmptyScreen$1 = EmptyScreen;
-export {
-  EmptyScreen$1 as default
-};

package/dist/ui/src/components/FileCard/FileCard.js

@@ -1,91 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import clsx from "clsx";
-import { DocumentHelper, odeServices } from "edifice-ts-client";
-import { Mic as SvgMic$1, Landscape as SvgLandscape$1, Video as SvgVideo$1, TextPage as SvgTextPage$1 } from "../../../../icons/dist/index.js";
-import Card from "../Card/Card.js";
-import FileIcon from "./FileIcon.js";
-import useThumbnail from "../../hooks/useThumbnail/useThumbnail.js";
-const FileCard = ({
-  doc,
-  isClickable = !0,
-  isSelectable = !1,
-  isSelected = !1,
-  onClick,
-  className
-}) => {
-  var _a;
-  const ref = useRef(null), type = DocumentHelper.getRole(doc);
-  function getRoleMap(type2) {
-    const roleMappings = {
-      csv: {
-        icon: ".CSV",
-        color: "bg-orange-200"
-      },
-      xls: {
-        icon: ".XLS",
-        color: "bg-green-200"
-      },
-      doc: {
-        icon: ".DOC",
-        color: "bg-blue-200"
-      },
-      txt: {
-        icon: ".TXT",
-        color: "bg-blue-200"
-      },
-      pdf: {
-        icon: ".PDF",
-        color: "bg-red-200"
-      },
-      audio: {
-        icon: /* @__PURE__ */ jsx(SvgMic$1, { width: 22, height: 22 }),
-        color: "bg-red-200"
-      },
-      ppt: {
-        icon: ".PPT",
-        color: "bg-yellow-200"
-      },
-      img: {
-        icon: /* @__PURE__ */ jsx(SvgLandscape$1, { width: 22, height: 22 }),
-        color: "bg-green-200"
-      },
-      video: {
-        icon: /* @__PURE__ */ jsx(SvgVideo$1, { width: 22, height: 22 }),
-        color: "bg-purple-200"
-      },
-      zip: {
-        icon: ".ZIP",
-        color: "bg-gray-300"
-      },
-      md: {
-        icon: ".MD",
-        color: "bg-blue-200"
-      },
-      unknown: {
-        icon: /* @__PURE__ */ jsx(SvgTextPage$1, { width: 22, height: 22 }),
-        color: "bg-gray-300"
-      }
-    };
-    return roleMappings[type2] || roleMappings.unknown;
-  }
-  const file = clsx("file position-relative rounded", ((_a = getRoleMap(type ?? "default")) == null ? void 0 : _a.color) ?? "bg-yellow-200"), mediaSrc = type === "img" || type === "video" ? odeServices.workspace().getThumbnailUrl(doc) : null, hasThumbnail = useThumbnail(mediaSrc, {
-    ref
-  }), imageStyles = hasThumbnail && {
-    backgroundImage: `url(${mediaSrc})`,
-    backgroundSize: "cover"
-  };
-  return /* @__PURE__ */ jsx(Card, { className: clsx("card-file", className), isClickable, isSelectable, isSelected, onClick, children: /* @__PURE__ */ jsxs(Card.Body, { space: "8", children: [
-    /* @__PURE__ */ jsx("div", { ref, className: file, style: {
-      aspectRatio: "16/10",
-      ...imageStyles
-    }, children: type !== "img" || type === "img" && !hasThumbnail ? /* @__PURE__ */ jsx(FileIcon, { type, roleMap: getRoleMap(type) }) : null }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-4", children: [
-      /* @__PURE__ */ jsx(Card.Text, { children: doc.name }),
-      /* @__PURE__ */ jsx(Card.Text, { className: "text-black-50", children: doc == null ? void 0 : doc.ownerName })
-    ] })
-  ] }) });
-}, FileCard$1 = FileCard;
-export {
-  FileCard$1 as default
-};

package/dist/ui/src/components/FileCard/FileIcon.js

@@ -1,15 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Paperclip as SvgPaperclip$1 } from "../../../../icons/dist/index.js";
-const FileIcon = ({
-  type,
-  roleMap
-}) => {
-  const hasNoShadow = typeof (roleMap == null ? void 0 : roleMap.icon) != "string" && type !== "unknown", fileicon = clsx("position-absolute top-50 start-50 translate-middle", {
-    "p-12 rounded-circle shadow": hasNoShadow
-  }, roleMap == null ? void 0 : roleMap.color);
-  return /* @__PURE__ */ jsx("div", { className: fileicon, children: (roleMap == null ? void 0 : roleMap.icon) ?? /* @__PURE__ */ jsx(SvgPaperclip$1, {}) });
-};
-export {
-  FileIcon as default
-};

package/dist/ui/src/components/Form/FormText.js

@@ -1,17 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useFormControl } from "./FormContext.js";
-const FormText = ({
-  children
-}) => {
-  const {
-    status
-  } = useFormControl(), classes = clsx("form-text", {
-    "is-invalid": status === "invalid",
-    valid: status === "valid"
-  });
-  return /* @__PURE__ */ jsx("p", { className: classes, children: /* @__PURE__ */ jsx("em", { children }) });
-}, FormText$1 = FormText;
-export {
-  FormText$1 as default
-};

package/dist/ui/src/components/Image/Image.js

@@ -1,41 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import usePaths from "../../core/usePaths/usePaths.js";
-import useImage from "../../hooks/useImage/useImage.js";
-const Image = /* @__PURE__ */ forwardRef(({
-  src,
-  alt,
-  imgPlaceholder,
-  ratio,
-  objectFit,
-  className,
-  ...restProps
-}, ref) => {
-  const [imagePath] = usePaths(), placeholder = imgPlaceholder ?? `${imagePath}/common/image-placeholder.png`, {
-    imgSrc,
-    onError
-  } = useImage({
-    src,
-    placeholder
-  }), ratioImage = {
-    "ratio ratio-1x1": ratio === "1",
-    "ratio ratio-4x3": ratio === "4",
-    "ratio ratio-16x9": ratio === "16",
-    "ratio ratio-21x9": ratio === "21"
-  }, objectImage = {
-    "object-fit-contain": objectFit === "contain",
-    "object-fit-cover": objectFit === "cover",
-    "object-fit-fill": objectFit === "fill",
-    "object-fit-scale": objectFit === "scale",
-    "object-fit-none": objectFit === "none"
-  }, ratioClasses = clsx({
-    ...ratioImage
-  }), classes = clsx({
-    ...objectImage
-  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError, ref, src: imgSrc, className: classes, ...restProps });
-  return ratio ? /* @__PURE__ */ jsx("div", { className: ratioClasses, children: renderImage }) : renderImage;
-}), Image$1 = Image;
-export {
-  Image$1 as default
-};

package/dist/ui/src/components/ImagePicker/ImagePicker.js

@@ -1,58 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect } from "react";
-import clsx from "clsx";
-import { Edit as SvgEdit$1, Delete as SvgDelete$1 } from "../../../../icons/dist/index.js";
-import FormControl from "../Form/FormControl.js";
-import IconButton from "../Button/IconButton.js";
-import Input from "../Input/Input.js";
-import Avatar from "../Avatar/Avatar.js";
-import useDropzone from "../../hooks/useDropzone/useDropzone.js";
-import { AppIcon } from "../AppIcon/AppIcon.js";
-const ImagePicker = /* @__PURE__ */ forwardRef(({
-  label,
-  addButtonLabel = "Add image",
-  deleteButtonLabel = "Delete image",
-  src,
-  className,
-  app,
-  onUploadImage,
-  onDeleteImage
-}, ref) => {
-  const [preview, setPreview] = useState(src || ""), {
-    inputRef,
-    files,
-    deleteFile,
-    handleOnChange,
-    handleDragging,
-    handleDragLeave,
-    handleDrop
-  } = useDropzone();
-  useEffect(() => {
-    if (files.length > 0) {
-      deleteFile(files[0]), setPreview("");
-      const file = files == null ? void 0 : files[0];
-      if (!file) return;
-      setPreview(URL.createObjectURL(file)), onUploadImage(file);
-    }
-  }, [files]);
-  const handleClick = () => {
-    var _a;
-    (_a = inputRef.current) == null || _a.click();
-  }, handleClean = () => {
-    inputRef.current && (inputRef.current.value = ""), deleteFile(files[0]), setPreview(""), onDeleteImage();
-  }, classes = clsx("image-input", className);
-  return /* @__PURE__ */ jsxs(FormControl, { id: "image-input", className: classes, onDragEnter: handleDragging, onDragOver: handleDragging, onDragLeave: handleDragLeave, onDrop: handleDrop, ref, children: [
-    /* @__PURE__ */ jsxs("div", { className: "image-input-actions gap-8", children: [
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": addButtonLabel, color: "tertiary", icon: /* @__PURE__ */ jsx(SvgEdit$1, {}), onClick: handleClick, type: "button", variant: "ghost" }),
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": deleteButtonLabel, color: "danger", disabled: !preview, icon: /* @__PURE__ */ jsx(SvgDelete$1, { width: "20", height: "20" }), onClick: handleClean, type: "button", variant: "ghost" })
-    ] }),
-    /* @__PURE__ */ jsxs(FormControl.Label, { children: [
-      /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: label }),
-      /* @__PURE__ */ jsx(Input, { accept: "image/jpeg, image/png", hidden: !0, onChange: handleOnChange, ref: inputRef, size: "sm", type: "file" }),
-      preview ? /* @__PURE__ */ jsx(Avatar, { alt: "", src: preview, size: "xl" }) : /* @__PURE__ */ jsx(AppIcon, { app, iconFit: "ratio", size: "160", variant: "rounded" })
-    ] })
-  ] });
-});
-export {
-  ImagePicker
-};

package/dist/ui/src/components/Loading/Loading.js

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import { Loader as SvgLoader$1 } from "../../../../icons/dist/index.js";
-const Loading = /* @__PURE__ */ forwardRef((props, ref) => {
-  const {
-    isLoading,
-    loadingIcon,
-    loadingPosition = "left",
-    children,
-    className,
-    ...restProps
-  } = props, getLoadingIcon = () => {
-    let icon;
-    return loadingIcon ? icon = loadingIcon : icon = /* @__PURE__ */ jsx(SvgLoader$1, { ...restProps, "aria-label": "Loading" }), icon;
-  }, classes = clsx("loading d-flex align-items-center gap-8", {
-    "is-loading": isLoading
-  }, className);
-  return /* @__PURE__ */ jsxs("div", { className: classes, role: "status", ref, children: [
-    (!loadingPosition || loadingPosition === "left") && getLoadingIcon(),
-    children,
-    loadingPosition === "right" && getLoadingIcon()
-  ] });
-}), Loading$1 = Loading;
-export {
-  Loading$1 as default
-};

package/dist/ui/src/components/LoadingScreen/LoadingScreen.js

@@ -1,25 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-import usePaths from "../../core/usePaths/usePaths.js";
-const LoadingScreen = /* @__PURE__ */ forwardRef(({
-  position = !0,
-  caption
-}, ref) => {
-  const [imagePath] = usePaths(), image = `${imagePath}/loading/screen-loading.gif`, containerClasses = clsx("top-0 end-0 start-0 bottom-0 d-grid justify-content-center align-content-center align-items-center z-2000", {
-    "position-fixed": !position,
-    "position-static": position
-  }), captionClasses = clsx("text-center pt-12", {
-    "text-white": !position
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { ref, className: containerClasses, children: [
-      /* @__PURE__ */ jsx("div", { className: "bg-white rounded-circle mx-auto w-25", children: /* @__PURE__ */ jsx("img", { src: image, alt: "loading" }) }),
-      caption && /* @__PURE__ */ jsx("div", { className: captionClasses, children: caption })
-    ] }),
-    !position && /* @__PURE__ */ jsx("div", { className: "modal-backdrop fade show" })
-  ] });
-});
-export {
-  LoadingScreen as default
-};

package/dist/ui/src/components/Logo/Logo.js

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import clsx from "clsx";
-const Logo = /* @__PURE__ */ forwardRef(({
-  src,
-  is1d,
-  translate = "Retour accueil"
-}, ref) => {
-  const classes = clsx("navbar-brand d-none d-md-block");
-  return /* @__PURE__ */ jsx("a", { ref, className: classes, href: "/timeline/timeline", "aria-label": translate, children: /* @__PURE__ */ jsx("img", { className: "logo", src, alt: `logo ${is1d ? "ONE" : "NEO"}`, width: "300", height: "52" }) });
-}), Logo$1 = Logo;
-export {
-  Logo$1 as default
-};

package/dist/ui/src/components/Menu/Menu.js

@@ -1,58 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { usePrevious } from "@uidotdev/usehooks";
-import { useRef, useState, useEffect, useMemo } from "react";
-import { MenuButton } from "./MenuButton.js";
-import { MenuContext } from "./MenuContext.js";
-import { MenuItem } from "./MenuItem.js";
-const Menu = ({
-  label,
-  children
-}) => {
-  const menuRef = useRef(null), menuItems = useRef(/* @__PURE__ */ new Set()).current, [currentIndex, setCurrentIndex] = useState(0), previousIndex = usePrevious(currentIndex) ?? 0;
-  useEffect(() => {
-    var _a, _b;
-    if (currentIndex !== previousIndex) {
-      const items = Array.from(menuItems), currentNode = (_a = items[currentIndex]) == null ? void 0 : _a.firstChild, previousNode = (_b = items[previousIndex]) == null ? void 0 : _b.firstChild;
-      previousNode == null || previousNode.setAttribute("tabindex", "-1"), currentNode == null || currentNode.setAttribute("tabindex", "0"), currentNode == null || currentNode.focus({
-        preventScroll: !0
-      });
-    }
-  }, [currentIndex, previousIndex, menuItems]);
-  const first = () => setCurrentIndex(0), last = () => setCurrentIndex(menuItems.size - 1), next = () => {
-    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;
-    setCurrentIndex(index);
-  }, previous = () => {
-    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;
-    setCurrentIndex(index);
-  }, onKeyDown = (event) => {
-    switch (event.stopPropagation(), event.code) {
-      case "ArrowUp":
-        event.preventDefault(), previous();
-        break;
-      case "ArrowDown":
-        event.preventDefault(), next();
-        break;
-    }
-    switch (event.code) {
-      case "End":
-        event.preventDefault(), last();
-        break;
-      case "Home":
-        event.preventDefault(), first();
-        break;
-    }
-  }, childProps = useMemo(() => ({
-    "data-menubar-menuitem": "",
-    role: "menuitem"
-  }), []), values = useMemo(() => ({
-    menuRef,
-    menuItems,
-    childProps
-  }), [childProps, menuItems]);
-  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: values, children: /* @__PURE__ */ jsx("nav", { "aria-label": label, className: "menu", children: /* @__PURE__ */ jsx("ul", { ref: menuRef, role: "menubar", "aria-label": label, onKeyDown, "data-menubar-list": !0, className: "list-unstyled d-flex flex-column gap-4", children }) }) });
-};
-Menu.Item = MenuItem;
-Menu.Button = MenuButton;
-export {
-  Menu
-};

package/dist/ui/src/components/Menu/MenuButton.js

@@ -1,21 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useMenuContext } from "./MenuContext.js";
-import Button from "../Button/Button.js";
-const MenuButton = (props) => {
-  const {
-    selected,
-    leftIcon,
-    rightIcon,
-    onClick,
-    children
-  } = props, {
-    childProps
-  } = useMenuContext();
-  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100", {
-    selected
-  }), leftIcon, rightIcon, onClick, ...childProps, children });
-};
-export {
-  MenuButton
-};

package/dist/ui/src/components/Modal/ModalHeader.js

@@ -1,27 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import { Close as SvgClose$1 } from "../../../../icons/dist/index.js";
-import IconButton from "../Button/IconButton.js";
-import { useModalContext } from "./ModalContext.js";
-const ModalHeader = (props) => {
-  const {
-    onModalClose,
-    children
-  } = props, {
-    ariaLabelId,
-    focusId
-  } = useModalContext(), closeButtonRef = useRef(null), {
-    t
-  } = useTranslation();
-  return useEffect(() => {
-    var _a;
-    focusId || (_a = closeButtonRef.current) == null || _a.focus();
-  }, [focusId]), /* @__PURE__ */ jsxs("div", { className: "modal-header", children: [
-    /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
-    /* @__PURE__ */ jsx(IconButton, { ref: closeButtonRef, "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgClose$1, {}), type: "button", variant: "ghost", title: t("close"), onClick: onModalClose, className: "btn-close" })
-  ] });
-};
-export {
-  ModalHeader as default
-};