@edifice.io/react 2.2.3-develop-b2school.20250416152157 → 2.2.3-develop-integration.20250417103951

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/components/Combobox/Combobox.d.ts +5 -55
  2. package/dist/components/Combobox/Combobox.js +7 -13
  3. package/dist/components/Combobox/ComboboxTrigger.d.ts +2 -30
  4. package/dist/components/Combobox/ComboboxTrigger.js +8 -27
  5. package/dist/components/Dropdown/Dropdown.d.ts +2 -10
  6. package/dist/components/Dropdown/Dropdown.js +3 -5
  7. package/dist/components/Dropdown/DropdownItem.d.ts +1 -5
  8. package/dist/components/Dropdown/DropdownItem.js +1 -4
  9. package/dist/components/Dropdown/DropdownTrigger.js +1 -5
  10. package/dist/components/List/List.d.ts +1 -9
  11. package/dist/components/List/List.js +9 -9
  12. package/dist/components/SearchBar/SearchBar.d.ts +1 -1
  13. package/dist/components/SearchBar/SearchBar.js +1 -3
  14. package/dist/editor.js +28 -28
  15. package/dist/hooks/index.d.ts +0 -1
  16. package/dist/hooks/useCheckable/useCheckable.js +3 -10
  17. package/dist/hooks/useConversation/useConversation.d.ts +1 -1
  18. package/dist/hooks/useConversation/useConversation.js +17 -13
  19. package/dist/hooks/useDropdown/useDropdown.d.ts +1 -2
  20. package/dist/hooks/useDropdown/useDropdown.js +3 -5
  21. package/dist/icons.js +266 -280
  22. package/dist/index.d.ts +0 -1
  23. package/dist/index.js +20 -48
  24. package/dist/modals.js +14 -16
  25. package/dist/modules/editor/components/Editor/CantooAdaptTextBoxView.d.ts +7 -0
  26. package/dist/modules/editor/components/Editor/CantooAdaptTextBoxView.js +32 -0
  27. package/dist/modules/editor/components/Editor/Editor.d.ts +1 -3
  28. package/dist/modules/editor/components/Editor/Editor.js +18 -9
  29. package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Cantoo.d.ts +12 -0
  30. package/dist/modules/editor/components/EditorToolbar/EditorToolbar.Cantoo.js +97 -0
  31. package/dist/modules/editor/components/EditorToolbar/EditorToolbar.d.ts +4 -1
  32. package/dist/modules/editor/components/EditorToolbar/EditorToolbar.js +19 -4
  33. package/dist/modules/editor/components/NodeView/index.d.ts +1 -2
  34. package/dist/modules/editor/components/Renderer/index.d.ts +1 -2
  35. package/dist/modules/editor/hooks/index.d.ts +2 -0
  36. package/dist/modules/editor/hooks/useCantooAdaptTextBox.d.ts +15 -0
  37. package/dist/modules/editor/hooks/useCantooAdaptTextBox.js +29 -0
  38. package/dist/modules/editor/hooks/useCantooEditor.d.ts +9 -0
  39. package/dist/modules/editor/hooks/useCantooEditor.js +55 -0
  40. package/dist/modules/editor/hooks/useTipTapEditor.d.ts +2 -6
  41. package/dist/modules/editor/hooks/useTipTapEditor.js +2 -2
  42. package/dist/modules/icons/components/{IconGlobe2.d.ts → IconCantoo.d.ts} +2 -2
  43. package/dist/modules/icons/components/IconCantoo.js +23 -0
  44. package/dist/modules/icons/components/IconMicOff.d.ts +7 -0
  45. package/dist/modules/icons/components/IconMicOff.js +12 -0
  46. package/dist/modules/icons/components/IconTextToSpeechOff.d.ts +7 -0
  47. package/dist/modules/icons/components/IconTextToSpeechOff.js +12 -0
  48. package/dist/modules/icons/components/index.d.ts +3 -10
  49. package/dist/modules/modals/index.d.ts +0 -1
  50. package/dist/modules/multimedia/index.d.ts +0 -1
  51. package/dist/multimedia.js +1 -3
  52. package/package.json +6 -6
  53. package/dist/hooks/useWorkspaceFolders/index.d.ts +0 -2
  54. package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.d.ts +0 -28
  55. package/dist/hooks/useWorkspaceFolders/useWorkspaceFolders.js +0 -74
  56. package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.d.ts +0 -2
  57. package/dist/modules/editor/components/NodeView/ConversationHistoryNodeView.js +0 -10
  58. package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.d.ts +0 -8
  59. package/dist/modules/editor/components/Renderer/ConversationHistoryRenderer.js +0 -28
  60. package/dist/modules/icons/components/IconFolderAdd.d.ts +0 -7
  61. package/dist/modules/icons/components/IconFolderAdd.js +0 -13
  62. package/dist/modules/icons/components/IconFolderDelete.d.ts +0 -7
  63. package/dist/modules/icons/components/IconFolderDelete.js +0 -12
  64. package/dist/modules/icons/components/IconGlobe2.js +0 -16
  65. package/dist/modules/icons/components/IconGroupAvatar.d.ts +0 -7
  66. package/dist/modules/icons/components/IconGroupAvatar.js +0 -12
  67. package/dist/modules/icons/components/IconMailRecall.d.ts +0 -7
  68. package/dist/modules/icons/components/IconMailRecall.js +0 -13
  69. package/dist/modules/icons/components/IconQuestionMark.d.ts +0 -7
  70. package/dist/modules/icons/components/IconQuestionMark.js +0 -13
  71. package/dist/modules/icons/components/IconReadMail.d.ts +0 -7
  72. package/dist/modules/icons/components/IconReadMail.js +0 -16
  73. package/dist/modules/icons/components/IconSignature.d.ts +0 -7
  74. package/dist/modules/icons/components/IconSignature.js +0 -13
  75. package/dist/modules/icons/components/IconUndoAll.d.ts +0 -7
  76. package/dist/modules/icons/components/IconUndoAll.js +0 -14
  77. package/dist/modules/icons/components/IconUnreadMail.d.ts +0 -7
  78. package/dist/modules/icons/components/IconUnreadMail.js +0 -16
  79. package/dist/modules/modals/ConfirmModal/ConfirmModal.d.ts +0 -47
  80. package/dist/modules/modals/ConfirmModal/ConfirmModal.js +0 -37
  81. package/dist/modules/modals/ConfirmModal/index.d.ts +0 -1
  82. package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.d.ts +0 -8
  83. package/dist/modules/multimedia/WorkspaceFolders/WorkspaceFolders.js +0 -31
  84. package/dist/modules/multimedia/WorkspaceFolders/index.d.ts +0 -1
@@ -1,20 +1,13 @@
1
- import { ChangeEvent, ReactNode } from 'react';
1
+ import { ChangeEvent } from 'react';
2
2
  export interface ComboboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
+ onSearchResultsChange: (model: (string | number)[]) => void;
3
4
  onSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
4
5
  options: OptionListItemType[];
5
6
  value: string;
6
7
  isLoading: boolean;
7
8
  noResult: boolean;
8
- onSearchResultsChange?: (model: (string | number)[]) => void;
9
9
  searchMinLength?: number;
10
10
  placeholder?: string;
11
- variant?: 'outline' | 'ghost';
12
- renderInputGroup?: ReactNode;
13
- renderList?: (items: OptionListItemType[]) => ReactNode;
14
- renderListItem?: (item: OptionListItemType) => ReactNode;
15
- renderSelectedItems?: ReactNode;
16
- renderNoResult?: ReactNode;
17
- hasDefault?: boolean;
18
11
  }
19
12
  export interface OptionListItemType {
20
13
  /**
@@ -24,58 +17,15 @@ export interface OptionListItemType {
24
17
  /**
25
18
  * Label
26
19
  */
27
- label?: string;
20
+ label: string;
28
21
  /**
29
22
  * Add an icon
30
23
  */
31
24
  icon?: any;
32
- /**
33
- * Display Separator or not
34
- */
35
- withSeparator?: boolean;
36
- /**
37
- * Disable option
38
- */
39
- disabled?: boolean;
40
25
  }
41
- /**
42
- * A component that combines an input field with a dropdown list of selectable options.
43
- *
44
- * @component
45
- * @example
46
- * ```tsx
47
- * <Combobox
48
- * onSearchResultsChange={(values) => console.log(values)}
49
- * onSearchInputChange={(e) => console.log(e.target.value)}
50
- * options={[{ value: '1', label: 'Option 1' }]}
51
- * value=""
52
- * isLoading={false}
53
- * noResult={false}
54
- * />
55
- * ```
56
- *
57
- * @param props - The component props
58
- * @param props.onSearchResultsChange - Callback fired when the selected values change
59
- * @param props.onSearchInputChange - Callback fired when the search input value changes
60
- * @param props.options - Array of options to display in the dropdown
61
- * @param props.value - Current value of the search input
62
- * @param props.isLoading - Whether the component is in a loading state
63
- * @param props.noResult - Whether to show a "no results" message
64
- * @param props.searchMinLength - Minimum number of characters required to trigger search
65
- * @param props.placeholder - Placeholder text for the input field
66
- * @param props.variant - Visual variant of the input ('outline' or 'ghost')
67
- * @param props.renderInputGroup - Custom render function for the input group
68
- * @param props.renderList - Custom render function for the dropdown list
69
- * @param props.renderListItem - Custom render function for each option item
70
- * @param props.renderSelectedItems - Custom render function for selected items
71
- * @param props.renderNoResult - Custom render function for no results message
72
- * @param props.hasDefault - Whether to show default options
73
- *
74
- * @extends {React.InputHTMLAttributes<HTMLInputElement>}
75
- */
76
26
  declare const Combobox: {
77
- ({ onSearchResultsChange, onSearchInputChange, options, value, isLoading, noResult, searchMinLength, placeholder, variant, renderInputGroup, renderList, renderListItem, renderSelectedItems, renderNoResult, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
78
- Trigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, renderInputGroup, variant, renderSelectedItems, hasDefault, }: import('./ComboboxTrigger').ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
27
+ ({ onSearchResultsChange, onSearchInputChange, options, value, isLoading, noResult, searchMinLength, placeholder, }: ComboboxProps): import("react/jsx-runtime").JSX.Element;
28
+ Trigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, }: import('./ComboboxTrigger').ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
79
29
  displayName: string;
80
30
  };
81
31
  export default Combobox;
@@ -12,31 +12,25 @@ const Combobox = ({
12
12
  isLoading,
13
13
  noResult,
14
14
  searchMinLength,
15
- placeholder,
16
- variant = "outline",
17
- renderInputGroup,
18
- renderList,
19
- renderListItem,
20
- renderSelectedItems,
21
- renderNoResult
15
+ placeholder
22
16
  }) => {
23
17
  const {
24
18
  t
25
19
  } = useTranslation(), [localValue, setLocalValue] = useState([]);
26
20
  useEffect(() => {
27
- onSearchResultsChange == null || onSearchResultsChange(localValue);
21
+ onSearchResultsChange(localValue);
28
22
  }, [localValue]);
29
23
  const handleOptionClick = (value2) => {
30
24
  setLocalValue([value2]);
31
25
  }, renderContent = () => isLoading ? /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center p-4", children: [
32
26
  /* @__PURE__ */ jsx(Loading, { isLoading }),
33
27
  /* @__PURE__ */ jsx("span", { className: "ps-4", children: t("explorer.search.pending") })
34
- ] }) : noResult ? renderNoResult || /* @__PURE__ */ jsx("div", { className: "p-4", children: t("portal.no.result") }) : renderList ? renderList(options) : options.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
35
- /* @__PURE__ */ jsx(Dropdown.Item, { type: "select", icon: option.icon, onClick: () => handleOptionClick(option.value), disabled: option.disabled, children: renderListItem ? renderListItem(option) : option.label }),
36
- (option.withSeparator || option.withSeparator === void 0) && index < options.length - 1 && /* @__PURE__ */ jsx(Dropdown.Separator, {})
28
+ ] }) : noResult ? /* @__PURE__ */ jsx("div", { className: "p-4", children: t("portal.no.result") }) : options.map((option, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
29
+ /* @__PURE__ */ jsx(Dropdown.Item, { type: "select", icon: option.icon, onClick: () => handleOptionClick(option.value), children: option.label }),
30
+ index < options.length - 1 && /* @__PURE__ */ jsx(Dropdown.Separator, {})
37
31
  ] }, index));
38
- return /* @__PURE__ */ jsxs(Dropdown, { block: !0, focusOnVisible: !1, openOnSpace: !1, children: [
39
- /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, value, variant, renderInputGroup, renderSelectedItems, hasDefault: !!options.length }),
32
+ return /* @__PURE__ */ jsxs(Dropdown, { block: !0, children: [
33
+ /* @__PURE__ */ jsx(Combobox.Trigger, { placeholder, searchMinLength, handleSearchInputChange: onSearchInputChange, value }),
40
34
  /* @__PURE__ */ jsx(Dropdown.Menu, { children: renderContent() })
41
35
  ] });
42
36
  };
@@ -1,37 +1,9 @@
1
- import { ChangeEvent, ReactNode } from 'react';
1
+ import { ChangeEvent } from 'react';
2
2
  export interface ComboboxTriggerProps extends React.ComponentPropsWithRef<'button'> {
3
3
  handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
4
4
  value: string;
5
5
  searchMinLength?: number;
6
6
  placeholder?: string;
7
- renderInputGroup?: React.ReactNode;
8
- variant?: 'outline' | 'ghost';
9
- renderSelectedItems?: ReactNode;
10
- hasDefault?: boolean;
11
7
  }
12
- /**
13
- * A trigger component for the Combobox that handles user input and displays selected items.
14
- *
15
- * @component
16
- * @example
17
- * ```tsx
18
- * <ComboboxTrigger
19
- * value={searchValue}
20
- * handleSearchInputChange={(e) => setSearchValue(e.target.value)}
21
- * placeholder="Search..."
22
- * />
23
- * ```
24
- *
25
- * @param {object} props - Component props
26
- * @param {string} [props.placeholder] - Placeholder text for the search input
27
- * @param {string} [props.value=''] - Current value of the search input
28
- * @param {number} [props.searchMinLength=3] - Minimum number of characters required before showing dropdown
29
- * @param {(event: ChangeEvent<HTMLInputElement>) => void} props.handleSearchInputChange - Handler for input change events
30
- * @param {ReactNode} [props.renderInputGroup] - Optional content to render in the input group (e.g., icons)
31
- * @param {'outline' | 'ghost'} [props.variant='outline'] - Visual variant of the input
32
- * @param {ReactNode} [props.renderSelectedItems] - Optional content to render selected items
33
- *
34
- * @returns {JSX.Element} A form control containing an input field with optional input group and selected items
35
- */
36
- declare const ComboboxTrigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, renderInputGroup, variant, renderSelectedItems, hasDefault, }: ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
8
+ declare const ComboboxTrigger: ({ placeholder, value, searchMinLength, handleSearchInputChange, }: ComboboxTriggerProps) => import("react/jsx-runtime").JSX.Element;
37
9
  export default ComboboxTrigger;
@@ -1,6 +1,5 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { useEffect } from "react";
3
- import clsx from "clsx";
4
3
  import { useDropdownContext } from "../Dropdown/DropdownContext.js";
5
4
  import Input from "../Input/Input.js";
6
5
  import FormControl from "../Form/FormControl.js";
@@ -8,41 +7,23 @@ const ComboboxTrigger = ({
8
7
  placeholder,
9
8
  value = "",
10
9
  searchMinLength = 3,
11
- handleSearchInputChange,
12
- renderInputGroup,
13
- variant = "outline",
14
- renderSelectedItems,
15
- hasDefault
10
+ handleSearchInputChange
16
11
  }) => {
17
12
  const {
18
13
  triggerProps,
19
14
  itemProps,
20
15
  setVisible
21
- } = useDropdownContext(), containerProps = {
16
+ } = useDropdownContext(), inputProps = {
22
17
  ...triggerProps,
23
- className: clsx("d-flex combobox-trigger", renderInputGroup ? "input-group flex-nowrap align-items-start" : "flex-wrap align-items-center", triggerProps.className),
24
- onClick: (event) => {
25
- event.stopPropagation();
26
- }
27
- }, inputProps = {
28
18
  role: "combobox",
29
- onChange: (event) => {
30
- handleSearchInputChange(event), setVisible(event.target.value.length >= searchMinLength);
19
+ onClick: () => {
20
+ value.length >= searchMinLength && setVisible(!0);
31
21
  },
32
- onClick: (event) => {
33
- const input = event.target;
34
- setVisible(input.value.length >= searchMinLength || !!hasDefault), input.focus();
35
- }
36
- }, classNameVariant = variant === "ghost" ? " border-0" : "", classNameInput = clsx(classNameVariant, renderSelectedItems ? "flex-fill w-auto " : "");
22
+ onChange: handleSearchInputChange
23
+ };
37
24
  return useEffect(() => {
38
25
  setVisible(value.length >= searchMinLength);
39
- }, [value, searchMinLength]), /* @__PURE__ */ jsxs(FormControl, { id: "search", ...containerProps, children: [
40
- !!renderInputGroup && /* @__PURE__ */ jsx("label", { className: "input-group-text pe-0" + classNameVariant, htmlFor: triggerProps.id, children: renderInputGroup }),
41
- /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center flex-wrap flex-fill", children: [
42
- renderSelectedItems,
43
- /* @__PURE__ */ jsx(Input, { ...inputProps, className: classNameInput, noValidationIcon: !0, placeholder, size: "md", type: "search", onKeyDown: itemProps.onMenuItemKeyDown })
44
- ] })
45
- ] });
26
+ }, [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 }) });
46
27
  };
47
28
  export {
48
29
  ComboboxTrigger as default
@@ -32,14 +32,6 @@ export interface DropdownProps {
32
32
  * Whether the trigger is hovered or not.
33
33
  */
34
34
  isTriggerHovered?: boolean;
35
- /**
36
- * Whether to focus the first element when the dropdown is opened.
37
- */
38
- focusOnVisible?: boolean;
39
- /**
40
- * Whether to open the dropdown on space key press.
41
- */
42
- openOnSpace?: boolean;
43
35
  }
44
36
  export type DropdownMenuOptions = {
45
37
  /**
@@ -65,13 +57,13 @@ export type DropdownMenuOptions = {
65
57
  type: 'divider';
66
58
  };
67
59
  declare const Dropdown: {
68
- ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, openOnSpace, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
60
+ ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
69
61
  displayName: string;
70
62
  } & {
71
63
  Trigger: import('react').ForwardRefExoticComponent<Omit<import('./DropdownTrigger').DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
72
64
  Menu: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
73
65
  Item: {
74
- ({ type, icon, onClick, children, className, minWidth, disabled, ...restProps }: import('./DropdownItem').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
66
+ ({ type, icon, onClick, children, className, minWidth, ...restProps }: import('./DropdownItem').DropdownItemProps): import("react/jsx-runtime").JSX.Element;
75
67
  displayName: string;
76
68
  };
77
69
  Separator: {
@@ -1,7 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useMemo, useEffect } from "react";
3
3
  import clsx from "clsx";
4
- import useDropdown from "../../hooks/useDropdown/useDropdown.js";
5
4
  import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
6
5
  import { DropdownContext } from "./DropdownContext.js";
7
6
  import DropdownItem from "./DropdownItem.js";
@@ -10,6 +9,7 @@ import DropdownMenuGroup from "./DropdownMenuGroup.js";
10
9
  import DropdownRadioItem from "./DropdownRadioItem.js";
11
10
  import DropdownSeparator from "./DropdownSeparator.js";
12
11
  import DropdownTrigger from "./DropdownTrigger.js";
12
+ import useDropdown from "../../hooks/useDropdown/useDropdown.js";
13
13
  import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
14
14
  const Root = ({
15
15
  children,
@@ -19,9 +19,7 @@ const Root = ({
19
19
  placement = "bottom-start",
20
20
  extraTriggerKeyDownHandler,
21
21
  onToggle,
22
- isTriggerHovered = !1,
23
- focusOnVisible = !0,
24
- openOnSpace = !0
22
+ isTriggerHovered = !1
25
23
  }) => {
26
24
  const {
27
25
  visible,
@@ -31,7 +29,7 @@ const Root = ({
31
29
  itemProps,
32
30
  itemRefs,
33
31
  setVisible
34
- } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace), ref = useClickOutside(() => {
32
+ } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered), ref = useClickOutside(() => {
35
33
  setVisible(!1);
36
34
  }), value = useMemo(() => ({
37
35
  visible,
@@ -25,13 +25,9 @@ export interface DropdownItemProps {
25
25
  * Set minimum width in pixels
26
26
  */
27
27
  minWidth?: number;
28
- /**
29
- * Disabled status
30
- */
31
- disabled?: boolean;
32
28
  }
33
29
  declare const DropdownItem: {
34
- ({ type, icon, onClick, children, className, minWidth, disabled, ...restProps }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
30
+ ({ type, icon, onClick, children, className, minWidth, ...restProps }: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
35
31
  displayName: string;
36
32
  };
37
33
  export default DropdownItem;
@@ -9,7 +9,6 @@ const DropdownItem = ({
9
9
  children,
10
10
  className,
11
11
  minWidth,
12
- disabled,
13
12
  ...restProps
14
13
  }) => {
15
14
  const {
@@ -21,11 +20,9 @@ const DropdownItem = ({
21
20
  onMenuItemMouseEnter,
22
21
  onMenuItemClick
23
22
  } = itemProps, handleOnClick = (event) => {
24
- disabled || (onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation()));
23
+ onClick == null || onClick(event), type === "action" && (onMenuItemClick(), event.stopPropagation());
25
24
  }, id = useId(), dropdownItem = clsx("dropdown-item", {
26
25
  focus: isFocused === id
27
- }, {
28
- "text-gray-600": disabled
29
26
  }, className), style = {
30
27
  ...minWidth && {
31
28
  minWidth: `${minWidth}px`
@@ -3,7 +3,6 @@ import { forwardRef } from "react";
3
3
  import clsx from "clsx";
4
4
  import SvgIconRafterUp from "../../modules/icons/components/IconRafterUp.js";
5
5
  import { useDropdownContext } from "./DropdownContext.js";
6
- import Badge from "../Badge/Badge.js";
7
6
  const DropdownTrigger = /* @__PURE__ */ forwardRef(({
8
7
  label,
9
8
  icon,
@@ -47,10 +46,7 @@ const DropdownTrigger = /* @__PURE__ */ forwardRef(({
47
46
  return /* @__PURE__ */ jsxs("button", { ref: forwardRef2, type: "button", disabled, ...mergedProps, children: [
48
47
  icon,
49
48
  label,
50
- badgeContent ? /* @__PURE__ */ jsx(Badge, { variant: {
51
- level: "info",
52
- type: "notification"
53
- }, children: badgeContent }) : !hideCarret && /* @__PURE__ */ jsx(SvgIconRafterUp, { width: 16, height: 16, className: "dropdown-toggle-caret" })
49
+ 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" })
54
50
  ] });
55
51
  });
56
52
  export {
@@ -5,10 +5,6 @@ export type ListProps<T> = {
5
5
  * Toolbar data items
6
6
  */
7
7
  items?: ToolbarItem[];
8
- /**
9
- * Checkable list
10
- */
11
- isCheckable?: boolean;
12
8
  /**
13
9
  * Generic data
14
10
  */
@@ -21,11 +17,7 @@ export type ListProps<T> = {
21
17
  * Callback to get selected ids
22
18
  */
23
19
  onSelectedItems?: (selectedIds: string[]) => void;
24
- /**
25
- * Custom class name
26
- */
27
- className?: string;
28
20
  };
29
21
  export declare const List: <T extends {
30
22
  _id: string;
31
- }>({ items, isCheckable, data, renderNode, onSelectedItems, className, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
23
+ }>({ items, data, renderNode, onSelectedItems, }: ListProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -7,11 +7,9 @@ import Checkbox from "../Checkbox/Checkbox.js";
7
7
  import { Toolbar } from "../Toolbar/Toolbar.js";
8
8
  const List = ({
9
9
  items,
10
- isCheckable = !1,
11
10
  data,
12
11
  renderNode,
13
- onSelectedItems,
14
- className
12
+ onSelectedItems
15
13
  }) => {
16
14
  const {
17
15
  selectedItems,
@@ -23,9 +21,11 @@ const List = ({
23
21
  return useEffect(() => {
24
22
  selectedItems && (onSelectedItems == null || onSelectedItems(selectedItems));
25
23
  }, [onSelectedItems, selectedItems]), /* @__PURE__ */ jsxs(Fragment, { children: [
26
- (items || isCheckable) && /* @__PURE__ */ jsxs(Fragment, { children: [
27
- /* @__PURE__ */ jsx("div", { className: clsx("list-header d-flex align-items-center gap-8 px-12", className), children: /* @__PURE__ */ jsxs(Fragment, { children: [
28
- /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-8 py-12", children: [
24
+ items && /* @__PURE__ */ jsxs(Fragment, { children: [
25
+ /* @__PURE__ */ jsx("div", { className: clsx("d-flex align-items-center gap-8", {
26
+ "px-12": items
27
+ }), children: /* @__PURE__ */ jsxs(Fragment, { children: [
28
+ /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-8", children: [
29
29
  /* @__PURE__ */ jsx(Checkbox, { checked: allItemsSelected, indeterminate: isIndeterminate, onChange: () => handleOnSelectAllItems(allItemsSelected) }),
30
30
  /* @__PURE__ */ jsxs("span", { children: [
31
31
  "(",
@@ -33,15 +33,15 @@ const List = ({
33
33
  ")"
34
34
  ] })
35
35
  ] }),
36
- items && /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
36
+ /* @__PURE__ */ jsx(Toolbar, { items, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
37
37
  "px-0 ms-auto": !isDesktopDevice
38
38
  }) })
39
39
  ] }) }),
40
40
  /* @__PURE__ */ jsx("div", { className: "border-top" })
41
41
  ] }),
42
42
  /* @__PURE__ */ jsx("div", { className: "mt-8", children: data == null ? void 0 : data.map((node) => {
43
- const checked = selectedItems.includes(node._id);
44
- return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, /* @__PURE__ */ jsx(Checkbox, { checked, onChange: () => handleOnSelectItem(node._id), onClick: (event) => event.stopPropagation() }), checked) }, node._id);
43
+ const checkbox = /* @__PURE__ */ jsx(Checkbox, { checked: selectedItems.includes(node._id), onChange: () => handleOnSelectItem(node._id) }), checked = selectedItems.includes(node._id);
44
+ return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, checkbox, checked) }, node._id);
45
45
  }) })
46
46
  ] });
47
47
  };
@@ -1,6 +1,6 @@
1
1
  import { ChangeEvent } from 'react';
2
2
  import { Size } from '../../types';
3
- export interface BaseProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
3
+ export interface BaseProps {
4
4
  /**
5
5
  * String or Template literal with React i18next namespace
6
6
  */
@@ -24,12 +24,10 @@ const SearchBar = ({
24
24
  "ps-48": isVariant
25
25
  }), handleClick = () => {
26
26
  onClick == null || onClick();
27
- }, handleKeyDown = (e) => {
28
- e.key === "Enter" && (e.preventDefault(), handleClick());
29
27
  };
30
28
  return /* @__PURE__ */ jsxs(FormControl, { id: "search-bar", className: searchbar, children: [
31
29
  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, {}) }),
32
- /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, onKeyDown: handleKeyDown, ...restProps }),
30
+ /* @__PURE__ */ jsx(FormControl.Input, { type: "search", placeholder: t(placeholder), size, noValidationIcon: !0, className: input, onChange, disabled, ...restProps }),
33
31
  !isVariant && /* @__PURE__ */ jsx(SearchButton, { type: "submit", "aria-label": t("search"), icon: /* @__PURE__ */ jsx(SvgIconSearch, {}), className: "border-start-0", onClick: handleClick })
34
32
  ] });
35
33
  };
package/dist/editor.js CHANGED
@@ -2,21 +2,19 @@ import { EditorContent, Editor, useEditor } from "@tiptap/react";
2
2
  import { default as default2 } from "@tiptap/starter-kit";
3
3
  import { default as default3 } from "./modules/editor/components/Editor/Editor.js";
4
4
  import { default as default4 } from "./modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js";
5
- import { default as default5 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
6
- import { default as default6 } from "./modules/editor/components/NodeView/AudioNodeView.js";
7
- import { default as default7 } from "./modules/editor/components/NodeView/ConversationHistoryNodeView.js";
8
- import { default as default8 } from "./modules/editor/components/NodeView/ImageNodeView.js";
9
- import { default as default9 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
10
- import { default as default10 } from "./modules/editor/components/NodeView/VideoNodeView.js";
11
- import { default as default11 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
5
+ import { default as default5 } from "./modules/editor/components/NodeView/AudioNodeView.js";
6
+ import { default as default6 } from "./modules/editor/components/NodeView/AttachmentNodeView.js";
7
+ import { default as default7 } from "./modules/editor/components/NodeView/ImageNodeView.js";
8
+ import { default as default8 } from "./modules/editor/components/NodeView/LinkerNodeView.js";
9
+ import { default as default9 } from "./modules/editor/components/NodeView/VideoNodeView.js";
10
+ import { default as default10 } from "./modules/editor/components/NodeView/InformationPaneNodeView.js";
11
+ import { default as default11 } from "./modules/editor/components/Renderer/AudioRenderer.js";
12
12
  import { default as default12 } from "./modules/editor/components/Renderer/AttachmentRenderer.js";
13
- import { default as default13 } from "./modules/editor/components/Renderer/AudioRenderer.js";
14
- import { default as default14 } from "./modules/editor/components/Renderer/ConversationHistoryRenderer.js";
15
- import { default as default15 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
16
- import { default as default16 } from "./modules/editor/components/Renderer/MediaRenderer.js";
17
- import { default as default17 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
18
- import { default as default18 } from "./modules/editor/components/Toolbar/TableToolbar.js";
19
- import { default as default19 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
13
+ import { default as default13 } from "./modules/editor/components/Renderer/LinkerRenderer.js";
14
+ import { default as default14 } from "./modules/editor/components/Renderer/MediaRenderer.js";
15
+ import { default as default15 } from "./modules/editor/components/Renderer/InformationPaneRenderer.js";
16
+ import { default as default16 } from "./modules/editor/components/Toolbar/TableToolbar.js";
17
+ import { default as default17 } from "./modules/editor/components/Toolbar/LinkToolbar.js";
20
18
  import { EditorToolbar } from "./modules/editor/components/EditorToolbar/EditorToolbar.js";
21
19
  import { useActionOptions } from "./modules/editor/hooks/useActionOptions.js";
22
20
  import { useCommentEditor } from "./modules/editor/hooks/useCommentEditor.js";
@@ -30,30 +28,32 @@ import { useResizeMedia } from "./modules/editor/hooks/useResizeMedia.js";
30
28
  import { useSpeechRecognition } from "./modules/editor/hooks/useSpeechRecognition.js";
31
29
  import { useSpeechSynthetisis } from "./modules/editor/hooks/useSpeechSynthetisis.js";
32
30
  import { useTipTapEditor } from "./modules/editor/hooks/useTipTapEditor.js";
31
+ import { useCantooEditor } from "./modules/editor/hooks/useCantooEditor.js";
32
+ import { useCantooAdaptTextBox } from "./modules/editor/hooks/useCantooAdaptTextBox.js";
33
33
  export {
34
- default5 as AttachmentNodeView,
34
+ default6 as AttachmentNodeView,
35
35
  default12 as AttachmentRenderer,
36
- default6 as AudioNodeView,
37
- default13 as AudioRenderer,
36
+ default5 as AudioNodeView,
37
+ default11 as AudioRenderer,
38
38
  default4 as BubbleMenuEditImage,
39
- default7 as ConversationHistoryNodeView,
40
- default14 as ConversationHistoryRenderer,
41
39
  default3 as Editor,
42
40
  EditorContent,
43
41
  EditorContext,
44
42
  Editor as EditorInstance,
45
43
  EditorToolbar,
46
- default8 as ImageNodeView,
47
- default11 as InformationPaneNodeView,
48
- default17 as InformationPaneRenderer,
49
- default19 as LinkToolbar,
50
- default9 as LinkerNodeView,
51
- default15 as LinkerRenderer,
52
- default16 as MediaRenderer,
44
+ default7 as ImageNodeView,
45
+ default10 as InformationPaneNodeView,
46
+ default15 as InformationPaneRenderer,
47
+ default17 as LinkToolbar,
48
+ default8 as LinkerNodeView,
49
+ default13 as LinkerRenderer,
50
+ default14 as MediaRenderer,
53
51
  default2 as StarterKit,
54
- default18 as TableToolbar,
55
- default10 as VideoNodeView,
52
+ default16 as TableToolbar,
53
+ default9 as VideoNodeView,
56
54
  useActionOptions,
55
+ useCantooAdaptTextBox,
56
+ useCantooEditor,
57
57
  useCommentEditor,
58
58
  useEditor,
59
59
  useEditorContext,
@@ -29,7 +29,6 @@ export * from './useUpload';
29
29
  export * from './useUploadFiles';
30
30
  export * from './useUser';
31
31
  export * from './useWorkspaceFile';
32
- export * from './useWorkspaceFolders';
33
32
  export * from './useWorkspaceSearch';
34
33
  export * from './useXitiTrackPageLoad';
35
34
  export * from './useZendeskGuide';
@@ -1,20 +1,13 @@
1
- import { useState, useEffect } from "react";
1
+ import { useState } from "react";
2
2
  const useCheckable = (data) => {
3
- const [selectedItems, setSelectedItems] = useState([]);
4
- useEffect(() => {
5
- if (data) {
6
- const validSelectedItems = selectedItems.filter((id) => data.some((item) => item._id === id));
7
- validSelectedItems.length !== selectedItems.length && setSelectedItems(validSelectedItems);
8
- }
9
- }, [data]);
10
- const handleOnSelectItem = (itemId) => {
3
+ const [selectedItems, setSelectedItems] = useState([]), handleOnSelectItem = (itemId) => {
11
4
  setSelectedItems((currentSelection) => {
12
5
  const newSelection = [...currentSelection];
13
6
  return newSelection.includes(itemId) ? newSelection.splice(newSelection.indexOf(itemId), 1) : newSelection.push(itemId), newSelection;
14
7
  });
15
8
  }, handleOnSelectAllItems = (deselect) => {
16
9
  setSelectedItems(() => deselect ? [] : (data == null ? void 0 : data.map((item) => item._id)) ?? []);
17
- }, allItemsSelected = (selectedItems == null ? void 0 : selectedItems.length) === (data == null ? void 0 : data.length) && (data == null ? void 0 : data.length) > 0, isIndeterminate = data ? (selectedItems == null ? void 0 : selectedItems.length) > 0 && (selectedItems == null ? void 0 : selectedItems.length) < (data == null ? void 0 : data.length) : !1;
10
+ }, allItemsSelected = (selectedItems == null ? void 0 : selectedItems.length) === (data == null ? void 0 : data.length), isIndeterminate = data ? (selectedItems == null ? void 0 : selectedItems.length) > 0 && (selectedItems == null ? void 0 : selectedItems.length) < (data == null ? void 0 : data.length) : !1;
18
11
  return {
19
12
  selectedItems,
20
13
  allItemsSelected,
@@ -1,5 +1,5 @@
1
1
  declare const useConversation: () => {
2
- readonly messages: any;
2
+ readonly messages: number;
3
3
  readonly msgLink: string;
4
4
  readonly zimbraWorkflow: boolean | Record<string, boolean> | undefined;
5
5
  };
@@ -1,21 +1,23 @@
1
1
  import { useState, useEffect } from "react";
2
2
  import { odeServices } from "@edifice.io/client";
3
- import { useQuery } from "@tanstack/react-query";
4
3
  import useHasWorkflow from "../useHasWorkflow/useHasWorkflow.js";
5
4
  const useConversation = () => {
6
- const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [msgLink, setMsgLink] = useState(""), queryParams = {
5
+ const zimbraWorkflow = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|view"), zimbraPreauth = useHasWorkflow("fr.openent.zimbra.controllers.ZimbraController|preauth"), [messages, setMessages] = useState(0), [msgLink, setMsgLink] = useState(""), queryParams = {
7
6
  unread: !0,
8
7
  _: (/* @__PURE__ */ new Date()).getTime()
9
- }, {
10
- data: messages
11
- } = useQuery({
12
- queryKey: ["conversation-navbar-count"],
13
- queryFn: async () => await odeServices.http().get(zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX", {
14
- queryParams
15
- }),
16
- staleTime: 5 * 60 * 1e3
17
- // 5 minutes
18
- }), goToMessagerie = async () => {
8
+ }, refreshMails = async () => {
9
+ const url = zimbraWorkflow ? "/zimbra/count/INBOX" : "/conversation/count/INBOX";
10
+ try {
11
+ const {
12
+ count
13
+ } = await odeServices.http().get(url, {
14
+ queryParams
15
+ });
16
+ setMessages(count ?? 0);
17
+ } catch (error) {
18
+ console.error(error), setMessages(0);
19
+ }
20
+ }, goToMessagerie = async () => {
19
21
  const defaultLink = "/zimbra/zimbra";
20
22
  try {
21
23
  const {
@@ -27,9 +29,11 @@ const useConversation = () => {
27
29
  }
28
30
  };
29
31
  return useEffect(() => {
32
+ refreshMails();
33
+ }, []), useEffect(() => {
30
34
  goToMessagerie();
31
35
  }, []), {
32
- messages: messages ? messages.count : 0,
36
+ messages,
33
37
  msgLink,
34
38
  zimbraWorkflow
35
39
  };
@@ -27,7 +27,6 @@ export interface UseDropdownProps {
27
27
  menuProps: Record<string, any>;
28
28
  itemProps: Record<string, any>;
29
29
  setVisible: Dispatch<SetStateAction<boolean>>;
30
- openOnSpace?: boolean;
31
30
  }
32
- declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean, openOnSpace?: boolean) => UseDropdownProps;
31
+ declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean) => UseDropdownProps;
33
32
  export default useDropdown;