@edifice.io/react 2.2.3-develop-b2school.20250418161733 → 2.2.4

package/dist/components/Button/Button.d.ts

@@ -25,7 +25,7 @@ export interface ButtonProps extends React.ComponentPropsWithRef<'button'> {
     /**
      * Does it has a text ?
      */
-    children?: ReactNode;
+    children: ReactNode;
     /**
      * Display Icon Component to the left
      */

package/dist/components/Combobox/Combobox.d.ts

@@ -1,21 +1,13 @@
-import { ChangeEvent, KeyboardEvent, ReactNode } from 'react';
+import { ChangeEvent } from 'react';
 export interface ComboboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    onSearchResultsChange: (model: (string | number)[]) => void;
     onSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     options: OptionListItemType[];
     value: string;
     isLoading: boolean;
     noResult: boolean;
-    onSearchResultsChange?: (model: (string | number)[]) => void;
-    onSearchInputKeyUp?: (event: KeyboardEvent<HTMLInputElement>) => void;
     searchMinLength?: number;
     placeholder?: string;
-    variant?: 'outline' | 'ghost';
-    renderInputGroup?: ReactNode;
-    renderList?: (items: OptionListItemType[]) => ReactNode;
-    renderListItem?: (item: OptionListItemType) => ReactNode;
-    renderSelectedItems?: ReactNode;
-    renderNoResult?: ReactNode;
-    hasDefault?: boolean;
 }
 export interface OptionListItemType {
     /**
@@ -25,58 +17,15 @@ export interface OptionListItemType {
     /**
      * Label
      */
-    label?: string;
+    label: string;
     /**
      * Add an icon
      */
     icon?: any;
-    /**
-     * Display Separator or not
-     */
-    withSeparator?: boolean;
-    /**
-     * Disable option
-     */
-    disabled?: boolean;
 }
-/**
- * A component that combines an input field with a dropdown list of selectable options.
- *
- * @component
- * @example
- * ```tsx
- * <Combobox
- *   onSearchResultsChange={(values) => console.log(values)}
- *   onSearchInputChange={(e) => console.log(e.target.value)}
- *   options={[{ value: '1', label: 'Option 1' }]}
- *   value=""
- *   isLoading={false}
- *   noResult={false}
- * />
- * ```
- *
- * @param props - The component props
- * @param props.onSearchResultsChange - Callback fired when the selected values change
- * @param props.onSearchInputChange - Callback fired when the search input value changes
- * @param props.options - Array of options to display in the dropdown
- * @param props.value - Current value of the search input
- * @param props.isLoading - Whether the component is in a loading state
- * @param props.noResult - Whether to show a "no results" message
- * @param props.searchMinLength - Minimum number of characters required to trigger search
- * @param props.placeholder - Placeholder text for the input field
- * @param props.variant - Visual variant of the input ('outline' or 'ghost')
- * @param props.renderInputGroup - Custom render function for the input group
- * @param props.renderList - Custom render function for the dropdown list
- * @param props.renderListItem - Custom render function for each option item
- * @param props.renderSelectedItems - Custom render function for selected items
- * @param props.renderNoResult - Custom render function for no results message
- * @param props.hasDefault - Whether to show default options
- *
- * @extends {React.InputHTMLAttributes<HTMLInputElement>}
- */
 declare const Combobox: {
-    ({ onSearchResultsChange, onSearchInputChange, onSearchInputKeyUp, options, value, isLoading, noResult, searchMinLength, placeholder, variant, renderInputGroup, renderList, renderListItem, renderSelectedItems, renderNoResult, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, handleSearchInputKeyUp, renderInputGroup, variant, renderSelectedItems, hasDefault, }: import('./ComboboxTrigger').ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    ({ onSearchResultsChange, onSearchInputChange, options, value, isLoading, noResult, searchMinLength, placeholder, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, }: import('./ComboboxTrigger').ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Combobox;

package/dist/components/Combobox/Combobox.js

@@ -7,39 +7,30 @@ import Loading from "../Loading/Loading.js";
 const Combobox = ({
   onSearchResultsChange,
   onSearchInputChange,
-  onSearchInputKeyUp,
   options,
   value,
   isLoading,
   noResult,
   searchMinLength,
-  placeholder,
-  variant = "outline",
-  renderInputGroup,
-  renderList,
-  renderListItem,
-  renderSelectedItems,
-  renderNoResult
+  placeholder
 }) => {
   const {
     t
   } = useTranslation(), [localValue, setLocalValue] = useState([]);
   useEffect(() => {
-    onSearchResultsChange == null || onSearchResultsChange(localValue);
+    onSearchResultsChange(localValue);
   }, [localValue]);
   const handleOptionClick = (value2) => {
     setLocalValue([value2]);
   }, renderContent = () => isLoading ? /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center p-4", children: [
     /* @__PURE__ */ jsx(Loading, { isLoading }),
     /* @__PURE__ */ jsx("span", { className: "ps-4", children: t("explorer.search.pending") })
-  ] }) : noResult ? renderNoResult || /* @__PURE__ */ jsx("div", { className: "p-4", children: t("portal.no.result") }) : renderList ? renderList(options) : options.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dropdown.Item, { type: "select", icon: option.icon, onClick: () => handleOptionClick(option.value), disabled: option.disabled, children: renderListItem ? renderListItem(option) : option.label }),
-    (option.withSeparator || option.withSeparator === void 0) && index < options.length - 1 && /* @__PURE__ */ jsx(Dropdown.Separator, {})
+  ] }) : noResult ? /* @__PURE__ */ jsx("div", { className: "p-4", children: t("portal.no.result") }) : options.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Dropdown.Item, { type: "select", icon: option.icon, onClick: () => handleOptionClick(option.value), children: option.label }),
+    index < options.length - 1 && /* @__PURE__ */ jsx(Dropdown.Separator, {})
   ] }, index));
-  return /* @__PURE__ */ jsxs(Dropdown, { block: !0, focusOnVisible: !1, openOnSpace: !1, children: [
-    /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, handleSearchInputKeyUp: (event) => {
-      onSearchInputKeyUp == null || onSearchInputKeyUp(event);
-    }, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length }),
+  return /* @__PURE__ */ jsxs(Dropdown, { block: !0, children: [
+    /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, value }),
     /* @__PURE__ */ jsx(Dropdown.Menu, { children: renderContent() })
   ] });
 };

package/dist/components/Combobox/ComboboxTrigger.d.ts

@@ -1,38 +1,9 @@
-import { ChangeEvent, KeyboardEvent, ReactNode } from 'react';
+import { ChangeEvent } from 'react';
 export interface ComboboxTriggerProps extends React.ComponentPropsWithRef<'button'> {
     handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    handleSearchInputKeyUp: (event: KeyboardEvent<HTMLInputElement>) => void;
     value: string;
     searchMinLength?: number;
     placeholder?: string;
-    renderInputGroup?: React.ReactNode;
-    variant?: 'outline' | 'ghost';
-    renderSelectedItems?: ReactNode;
-    hasDefault: boolean;
 }
-/**
- * A trigger component for the Combobox that handles user input and displays selected items.
- *
- * @component
- * @example
- * ```tsx
- * <ComboboxTrigger
- *   value={searchValue}
- *   handleSearchInputChange={(e) => setSearchValue(e.target.value)}
- *   placeholder="Search..."
- * />
- * ```
- *
- * @param {object} props - Component props
- * @param {string} [props.placeholder] - Placeholder text for the search input
- * @param {string} [props.value=''] - Current value of the search input
- * @param {number} [props.searchMinLength=3] - Minimum number of characters required before showing dropdown
- * @param {(event: ChangeEvent<HTMLInputElement>) => void} props.handleSearchInputChange - Handler for input change events
- * @param {ReactNode} [props.renderInputGroup] - Optional content to render in the input group (e.g., icons)
- * @param {'outline' | 'ghost'} [props.variant='outline'] - Visual variant of the input
- * @param {ReactNode} [props.renderSelectedItems] - Optional content to render selected items
- *
- * @returns {JSX.Element} A form control containing an input field with optional input group and selected items
- */
-declare const ComboboxTrigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, handleSearchInputKeyUp, renderInputGroup, variant, renderSelectedItems, hasDefault, }: ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ComboboxTrigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, }: ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
 export default ComboboxTrigger;

package/dist/components/Combobox/ComboboxTrigger.js

@@ -1,6 +1,5 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import clsx from "clsx";
 import { useDropdownContext } from "../Dropdown/DropdownContext.js";
 import Input from "../Input/Input.js";
 import FormControl from "../Form/FormControl.js";
@@ -8,45 +7,23 @@ const ComboboxTrigger = ({
   placeholder,
   value = "",
   searchMinLength = 3,
-  handleSearchInputChange,
-  handleSearchInputKeyUp,
-  renderInputGroup,
-  variant = "outline",
-  renderSelectedItems,
-  hasDefault
+  handleSearchInputChange
 }) => {
   const {
     triggerProps,
     itemProps,
     setVisible
-  } = useDropdownContext(), containerProps = {
+  } = useDropdownContext(), inputProps = {
     ...triggerProps,
-    className: clsx("d-flex combobox-trigger", renderInputGroup ? "input-group flex-nowrap align-items-start" : "flex-wrap align-items-center", triggerProps.className),
-    onClick: (event) => {
-      event.stopPropagation();
-    }
-  }, inputProps = {
     role: "combobox",
-    onChange: (event) => {
-      handleSearchInputChange(event), setVisible(event.target.value.length >= searchMinLength);
+    onClick: () => {
+      value.length >= searchMinLength && setVisible(!0);
     },
-    onClick: (event) => {
-      const input = event.target;
-      setVisible(input.value.length >= searchMinLength || hasDefault), input.focus();
-    },
-    onKeyUp: (event) => {
-      handleSearchInputKeyUp == null || handleSearchInputKeyUp(event);
-    }
-  }, classNameVariant = variant === "ghost" ? " border-0" : "", classNameInput = clsx(classNameVariant, renderSelectedItems ? "flex-fill w-auto " : "");
+    onChange: handleSearchInputChange
+  };
   return useEffect(() => {
     setVisible(value.length >= searchMinLength);
-  }, [value, searchMinLength]), /* @__PURE__ */ jsxs(FormControl, { id: "search", ...containerProps, children: [
-    !!renderInputGroup && /* @__PURE__ */ jsx("label", { className: "input-group-text pe-0" + classNameVariant, htmlFor: triggerProps.id, children: renderInputGroup }),
-    /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center flex-wrap flex-fill", children: [
-      renderSelectedItems,
-      /* @__PURE__ */ jsx(Input, { ...inputProps, className: classNameInput, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
-    ] })
-  ] });
+  }, [setVisible, value, searchMinLength]), /* @__PURE__ */ jsx(FormControl, { className: "d-flex align-items-center", id: "search", children: /* @__PURE__ */ jsx(Input, { ...inputProps, className: "max-w-512", noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown }) });
 };
 export {
   ComboboxTrigger as default

package/dist/components/Dropdown/Dropdown.d.ts

@@ -32,14 +32,6 @@ export interface DropdownProps {
      * Whether the trigger is hovered or not.
      */
     isTriggerHovered?: boolean;
-    /**
-     * Whether to focus the first element when the dropdown is opened.
-     */
-    focusOnVisible?: boolean;
-    /**
-     * Whether to open the dropdown on space key press.
-     */
-    openOnSpace?: boolean;
 }
 export type DropdownMenuOptions = {
     /**
@@ -65,13 +57,13 @@ export type DropdownMenuOptions = {
     type: 'divider';
 };
 declare const Dropdown: {
-    ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, openOnSpace, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 } & {
     Trigger: import('react').ForwardRefExoticComponent<Omit<import('./DropdownTrigger').DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     Menu: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     Item: {
-        ({ type, icon, onClick, children, className, minWidth, disabled, ...restProps }: import('./DropdownItem').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+        ({ type, icon, onClick, children, className, minWidth, ...restProps }: import('./DropdownItem').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Separator: {

package/dist/components/Dropdown/Dropdown.js

@@ -1,7 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import useDropdown from "../../hooks/useDropdown/useDropdown.js";
 import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
 import { DropdownContext } from "./DropdownContext.js";
 import DropdownItem from "./DropdownItem.js";
@@ -10,6 +9,7 @@ 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,
@@ -19,9 +19,7 @@ const Root = ({
   placement = "bottom-start",
   extraTriggerKeyDownHandler,
   onToggle,
-  isTriggerHovered = !1,
-  focusOnVisible = !0,
-  openOnSpace = !0
+  isTriggerHovered = !1
 }) => {
   const {
     visible,
@@ -31,7 +29,7 @@ const Root = ({
     itemProps,
     itemRefs,
     setVisible
-  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace), ref = useClickOutside(() => {
+  } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered), ref = useClickOutside(() => {
     setVisible(!1);
   }), value = useMemo(() => ({
     visible,

package/dist/components/Dropdown/DropdownItem.d.ts

@@ -25,13 +25,9 @@ export interface DropdownItemProps {
      * Set minimum width in pixels
      */
     minWidth?: number;
-    /**
-     * Disabled status
-     */
-    disabled?: boolean;
 }
 declare const DropdownItem: {
-    ({ type, icon, onClick, children, className, minWidth, disabled, ...restProps }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+    ({ type, icon, onClick, children, className, minWidth, ...restProps }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DropdownItem;

package/dist/components/Dropdown/DropdownItem.js

@@ -9,7 +9,6 @@ const DropdownItem = ({
   children,
   className,
   minWidth,
-  disabled,
   ...restProps
 }) => {
   const {
@@ -21,11 +20,9 @@ const DropdownItem = ({
     onMenuItemMouseEnter,
     onMenuItemClick
   } = itemProps, handleOnClick = (event) => {
-    disabled || (onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation()));
+    onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation());
   }, id = useId(), dropdownItem = clsx("dropdown-item", {
     focus: isFocused === id
-  }, {
-    "text-gray-600": disabled
   }, className), style = {
     ...minWidth && {
       minWidth: `${minWidth}px`

package/dist/components/Dropdown/DropdownTrigger.js

@@ -3,7 +3,6 @@ import { forwardRef } from "react";
 import clsx from "clsx";
 import SvgIconRafterUp from "../../modules/icons/components/IconRafterUp.js";
 import { useDropdownContext } from "./DropdownContext.js";
-import Badge from "../Badge/Badge.js";
 const DropdownTrigger = /* @__PURE__ */ forwardRef(({
   label,
   icon,
@@ -47,10 +46,7 @@ const DropdownTrigger = /* @__PURE__ */ forwardRef(({
   return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, type: "button", disabled, ...mergedProps, children: [
     icon,
     label,
-    badgeContent ? /* @__PURE__ */ jsx(Badge, { variant: {
-      level: "info",
-      type: "notification"
-    }, children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
+    badgeContent ? /* @__PURE__ */ jsx("span", { className: "badge text-bg-secondary rounded-pill", children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
   ] });
 });
 export {

package/dist/components/List/List.d.ts

@@ -5,10 +5,6 @@ export type ListProps<T> = {
      * Toolbar data items
      */
     items?: ToolbarItem[];
-    /**
-     * Checkable list
-     */
-    isCheckable?: boolean;
     /**
      * Generic data
      */
@@ -21,11 +17,7 @@ export type ListProps<T> = {
      * Callback to get selected ids
      */
     onSelectedItems?: (selectedIds: string[]) => void;
-    /**
-     * Custom class name
-     */
-    className?: string;
 };
 export declare const List: <T extends {
     _id: string;
-}>({ items, isCheckable, data, renderNode, onSelectedItems, className, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ items, data, renderNode, onSelectedItems, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/List/List.js

@@ -7,11 +7,9 @@ import Checkbox from "../Checkbox/Checkbox.js";
 import { Toolbar } from "../Toolbar/Toolbar.js";
 const List = ({
   items,
-  isCheckable = !1,
   data,
   renderNode,
-  onSelectedItems,
-  className
+  onSelectedItems
 }) => {
   const {
     selectedItems,
@@ -23,9 +21,11 @@ const List = ({
   return useEffect(() => {
     selectedItems && (onSelectedItems == null || onSelectedItems(selectedItems));
   }, [onSelectedItems, selectedItems]), /* @__PURE__ */ jsxs(Fragment, { children: [
-    (items || isCheckable) && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: clsx("list-header d-flex align-items-center gap-8 px-12", className), children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-8 py-12", children: [
+    items && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: clsx("d-flex align-items-center gap-8", {
+        "px-12": items
+      }), children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-8", children: [
           /* @__PURE__ */ jsx(Checkbox, { checked: allItemsSelected, indeterminate: isIndeterminate, onChange: () => handleOnSelectAllItems(allItemsSelected) }),
           /* @__PURE__ */ jsxs("span", { children: [
             "(",
@@ -33,15 +33,15 @@ const List = ({
             ")"
           ] })
         ] }),
-        items && /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
+        /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
           "px-0 ms-auto": !isDesktopDevice
         }) })
       ] }) }),
       /* @__PURE__ */ jsx("div", { className: "border-top" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "mt-8", children: data == null ? void 0 : data.map((node) => {
-      const checked = selectedItems.includes(node._id);
-      return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, /* @__PURE__ */ jsx(Checkbox, { checked, onChange: () => handleOnSelectItem(node._id), onClick: (event) => event.stopPropagation() }), checked) }, node._id);
+      const checkbox = /* @__PURE__ */ jsx(Checkbox, { checked: selectedItems.includes(node._id), onChange: () => handleOnSelectItem(node._id) }), checked = selectedItems.includes(node._id);
+      return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, checkbox, checked) }, node._id);
     }) })
   ] });
 };

package/dist/components/SearchBar/SearchBar.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent } from 'react';
 import { Size } from '../../types';
-export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
+export interface BaseProps {
     /**
      * String or Template literal with React i18next namespace
      */

package/dist/components/SearchBar/SearchBar.js

@@ -24,12 +24,10 @@ const SearchBar = ({
     "ps-48": isVariant
   }), handleClick = () => {
     onClick == null || onClick();
-  }, handleKeyDown = (e) => {
-    e.key === "Enter" && (e.preventDefault(), handleClick());
   };
   return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
     isVariant && /* @__PURE__ */ jsx("div", { className: "position-absolute z-1 top-50 start-0 translate-middle-y border-0 ps-12 bg-transparent", children: /* @__PURE__ */ jsx(SvgIconSearch, {}) }),
-    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, onKeyDown: handleKeyDown, ...restProps }),
+    /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, ...restProps }),
     !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(SvgIconSearch, {}), className: "border-start-0", onClick: handleClick })
   ] });
 };

package/dist/components/Tree/components/Tree.js

@@ -19,6 +19,7 @@ const Tree = ({
   const {
     selectedNodeId,
     expandedNodes,
+    siblingsNodes,
     handleItemClick,
     handleFoldUnfold
   } = useTree({
@@ -30,7 +31,7 @@ const Tree = ({
     onTreeItemFold,
     onTreeItemUnfold
   });
-  return /* @__PURE__ */ jsx("div", { className: "treeview", children: /* @__PURE__ */ jsx("ul", { role: "tree", className: "m-0 p-0", children: Array.isArray(nodes) ? nodes.map((node) => /* @__PURE__ */ jsx(TreeNode, { node, showIcon, selectedNodeId, expandedNodes, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold, renderNode }, node.id)) : /* @__PURE__ */ jsx(TreeNode, { node: nodes, selectedNodeId, expandedNodes, showIcon, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold }) }) });
+  return /* @__PURE__ */ jsx("div", { className: "treeview", children: /* @__PURE__ */ jsx("ul", { role: "tree", className: "m-0 p-0", children: Array.isArray(nodes) ? nodes.map((node) => /* @__PURE__ */ jsx(TreeNode, { node, showIcon, selectedNodeId, expandedNodes, siblingsNodes, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold, renderNode }, node.id)) : /* @__PURE__ */ jsx(TreeNode, { node: nodes, selectedNodeId, expandedNodes, siblingsNodes, showIcon, onTreeItemClick: handleItemClick, onToggleNode: handleFoldUnfold }) }) });
 }, TreeNode = /* @__PURE__ */ forwardRef(({
   node,
   selectedNodeId,

package/dist/components/Tree/hooks/useTree.d.ts

@@ -23,6 +23,7 @@ export declare const useTree: ({ data, externalSelectedNodeId, draggedNode, shou
 }) => {
     selectedNodeId: string | null | undefined;
     expandedNodes: Set<string>;
+    siblingsNodes: import('react').MutableRefObject<Set<string>>;
     draggedNodeId: string | undefined;
     handleItemClick: (nodeId: string) => void;
     handleFoldUnfold: (nodeId: string) => void;

package/dist/components/Tree/hooks/useTree.js

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 import { findNodeById, findPathById } from "../utilities/tree.js";
 const useTree = ({
   data,
@@ -9,11 +9,33 @@ const useTree = ({
   onTreeItemFold,
   onTreeItemClick
 }) => {
-  const [internalSelectedNodeId, setInternalSelectedNodeId] = useState(void 0), [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set()), [draggedNodeId, setDraggedNodeId] = useState(void 0), selectedNodeId = internalSelectedNodeId ?? externalSelectedNodeId, expandAllNodes = (shouldExpandAllNodes2) => {
+  const [internalSelectedNodeId, setInternalSelectedNodeId] = useState(void 0), [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set()), siblingsNodes = useRef(/* @__PURE__ */ new Set()), [draggedNodeId, setDraggedNodeId] = useState(void 0), selectedNodeId = internalSelectedNodeId ?? externalSelectedNodeId;
+  function addNodesWithSiblingHavingChildren(data2) {
+    var _a;
+    Array.isArray(data2) ? data2.forEach((node) => {
+      const resultSet = new Set(siblingsNodes.current);
+      data2.filter(({
+        id
+      }) => id !== node.id).some((sibling) => sibling.children && sibling.children.length > 0) && resultSet.add(node.id), node.children && node.children.length > 0 && node.children.forEach((child) => {
+        var _a2;
+        const childSiblings = (_a2 = node.children) == null ? void 0 : _a2.filter(({
+          id
+        }) => id !== child.id);
+        (childSiblings == null ? void 0 : childSiblings.some((sibling) => sibling.children && sibling.children.length > 0)) && resultSet.add(child.id), addNodesWithSiblingHavingChildren(child);
+      });
+    }) : (_a = data2.children) == null || _a.forEach((child) => {
+      var _a2;
+      const resultSet = new Set(siblingsNodes.current), siblings = (_a2 = data2.children) == null ? void 0 : _a2.filter((c) => c.id !== child.id);
+      (siblings == null ? void 0 : siblings.some((sibling) => sibling.children && sibling.children.length > 0)) && (resultSet.add(child.id), siblingsNodes.current = resultSet), addNodesWithSiblingHavingChildren(child);
+    });
+  }
+  const expandAllNodes = (shouldExpandAllNodes2) => {
     const initExpandedNodes = new Set("");
     data && Array.isArray(data) && shouldExpandAllNodes2 && (data.forEach((node) => initExpandedNodes.add(node.id)), setExpandedNodes(initExpandedNodes));
   };
   useEffect(() => {
+    data && addNodesWithSiblingHavingChildren(data);
+  }, [data]), useEffect(() => {
     draggedNode != null && draggedNode.isOver && draggedNode.isTreeview ? (draggedNode.overId && handleItemDrag(draggedNode.overId), setDraggedNodeId(draggedNode.overId)) : setDraggedNodeId(void 0);
   }, [draggedNode]), useEffect(() => {
     shouldExpandAllNodes && expandAllNodes(shouldExpandAllNodes);
@@ -51,6 +73,7 @@ const useTree = ({
   return {
     selectedNodeId,
     expandedNodes,
+    siblingsNodes,
     draggedNodeId,
     handleItemClick,
     handleFoldUnfold,

package/dist/components/Tree/types/index.d.ts

@@ -115,6 +115,10 @@ export interface TreeNodeProps extends ComponentPropsWithRef<'li'>, SharedTreePr
      * Nodes expanded (opened)
      */
     expandedNodes: Set<string>;
+    /**
+     * Siblings nodes
+     */
+    siblingsNodes?: React.MutableRefObject<Set<string>>;
     /**
      * Node is a child
      */

package/dist/editor.js

@@ -2,21 +2,19 @@ import { EditorContent, Editor, useEditor } from "@tiptap/react";
 import { default as default2 } from "@tiptap/starter-kit";
 import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
 import { default as default4 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
-import { default as default5 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
-import { default as default6 } from "./modules/editor/components/NodeView/AudioNodeView.js";
-import { default as default7 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
-import { default as default8 } from "./modules/editor/components/NodeView/ImageNodeView.js";
-import { default as default9 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
-import { default as default10 } from "./modules/editor/components/NodeView/VideoNodeView.js";
-import { default as default11 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default5 } from "./modules/editor/components/NodeView/AudioNodeView.js";
+import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
+import { default as default7 } from "./modules/editor/components/NodeView/ImageNodeView.js";
+import { default as default8 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
+import { default as default9 } from "./modules/editor/components/NodeView/VideoNodeView.js";
+import { default as default10 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
+import { default as default11 } from "./modules/editor/components/Renderer/AudioRenderer.js";
 import { default as default12 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
-import { default as default13 } from "./modules/editor/components/Renderer/AudioRenderer.js";
-import { default as default14 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
-import { default as default15 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
-import { default as default16 } from "./modules/editor/components/Renderer/MediaRenderer.js";
-import { default as default17 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
-import { default as default18 } from "./modules/editor/components/Toolbar/TableToolbar.js";
-import { default as default19 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
+import { default as default13 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
+import { default as default14 } from "./modules/editor/components/Renderer/MediaRenderer.js";
+import { default as default15 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
+import { default as default16 } from "./modules/editor/components/Toolbar/TableToolbar.js";
+import { default as default17 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
 import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
 import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
 import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
@@ -31,28 +29,26 @@ import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognitio
 import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
 import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
 export {
-  default5 as AttachmentNodeView,
+  default6 as AttachmentNodeView,
   default12 as AttachmentRenderer,
-  default6 as AudioNodeView,
-  default13 as AudioRenderer,
+  default5 as AudioNodeView,
+  default11 as AudioRenderer,
   default4 as BubbleMenuEditImage,
-  default7 as ConversationHistoryNodeView,
-  default14 as ConversationHistoryRenderer,
   default3 as Editor,
   EditorContent,
   EditorContext,
   Editor as EditorInstance,
   EditorToolbar,
-  default8 as ImageNodeView,
-  default11 as InformationPaneNodeView,
-  default17 as InformationPaneRenderer,
-  default19 as LinkToolbar,
-  default9 as LinkerNodeView,
-  default15 as LinkerRenderer,
-  default16 as MediaRenderer,
+  default7 as ImageNodeView,
+  default10 as InformationPaneNodeView,
+  default15 as InformationPaneRenderer,
+  default17 as LinkToolbar,
+  default8 as LinkerNodeView,
+  default13 as LinkerRenderer,
+  default14 as MediaRenderer,
   default2 as StarterKit,
-  default18 as TableToolbar,
-  default10 as VideoNodeView,
+  default16 as TableToolbar,
+  default9 as VideoNodeView,
   useActionOptions,
   useCommentEditor,
   useEditor,

package/dist/hooks/index.d.ts

@@ -29,7 +29,6 @@ export * from './useUpload';
 export * from './useUploadFiles';
 export * from './useUser';
 export * from './useWorkspaceFile';
-export * from './useWorkspaceFolders';
 export * from './useWorkspaceSearch';
 export * from './useXitiTrackPageLoad';
 export * from './useZendeskGuide';