@edifice.io/react 2.3.0-develop-pedago.20250828183727 → 2.3.0-develop-b2school.20250902101143

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 (41) hide show
  1. package/dist/components/Avatar/Avatar.d.ts +0 -5
  2. package/dist/components/Avatar/Avatar.js +2 -8
  3. package/dist/components/AvatarGroup/AvatarGroup.d.ts +0 -10
  4. package/dist/components/AvatarGroup/AvatarGroup.js +5 -5
  5. package/dist/components/Dropdown/Dropdown.d.ts +4 -10
  6. package/dist/components/Dropdown/Dropdown.js +8 -24
  7. package/dist/components/Flex/Flex.d.ts +0 -1
  8. package/dist/components/Flex/Flex.js +2 -3
  9. package/dist/components/Layout/Layout.d.ts +1 -5
  10. package/dist/components/Layout/Layout.js +2 -5
  11. package/dist/components/StackedGroup/StackedGroup.d.ts +0 -5
  12. package/dist/components/StackedGroup/StackedGroup.js +8 -10
  13. package/dist/components/Tabs/components/Tabs.d.ts +3 -27
  14. package/dist/components/Tabs/components/Tabs.js +3 -9
  15. package/dist/components/Tabs/components/TabsList.d.ts +1 -15
  16. package/dist/components/Tabs/components/TabsList.js +5 -15
  17. package/dist/components/Tabs/components/TabsPanel.d.ts +1 -9
  18. package/dist/components/Tabs/components/TabsPanel.js +3 -8
  19. package/dist/hooks/useDropdown/useDropdown.d.ts +0 -2
  20. package/dist/hooks/useDropdown/useDropdown.js +0 -2
  21. package/dist/hooks/useEdificeIcons/useEdificeIcons.js +0 -3
  22. package/dist/icons.js +184 -188
  23. package/dist/index.js +10 -12
  24. package/dist/modules/editor/components/Toolbar/TableToolbar.AddMenu.js +1 -1
  25. package/dist/modules/editor/components/Toolbar/TableToolbar.DelMenu.js +1 -1
  26. package/dist/modules/icons/components/index.d.ts +0 -2
  27. package/dist/modules/modals/ResourceModal/ResourceModal.d.ts +2 -57
  28. package/dist/modules/modals/ResourceModal/ResourceModal.js +16 -20
  29. package/dist/modules/multimedia/FileCard/FileCard.d.ts +2 -13
  30. package/dist/modules/multimedia/FileCard/FileCard.js +5 -15
  31. package/dist/modules/multimedia/FileCard/FileIcon.d.ts +1 -5
  32. package/dist/modules/multimedia/FileCard/FileIcon.js +2 -2
  33. package/dist/modules/multimedia/MediaLibrary/MediaLibrary.d.ts +1 -3
  34. package/dist/modules/multimedia/MediaLibrary/MediaLibrary.js +2 -7
  35. package/dist/modules/multimedia/index.d.ts +0 -1
  36. package/dist/multimedia.js +10 -12
  37. package/package.json +6 -6
  38. package/dist/modules/icons/components/IconMegaphone.d.ts +0 -7
  39. package/dist/modules/icons/components/IconMegaphone.js +0 -12
  40. package/dist/modules/icons/components/IconNotes.d.ts +0 -7
  41. package/dist/modules/icons/components/IconNotes.js +0 -13
@@ -1,4 +1,3 @@
1
- import { ReactNode } from 'react';
2
1
  import { Color } from 'src/types/color';
3
2
  export type AvatarVariants = 'square' | 'rounded' | 'circle';
4
3
  export type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -48,10 +47,6 @@ export interface AvatarProps extends React.ComponentPropsWithRef<'img'> {
48
47
  * Outer border offset in pixels
49
48
  */
50
49
  outerBorderOffset?: number;
51
- /**
52
- * Cover content for the avatar
53
- */
54
- cover?: ReactNode;
55
50
  }
56
51
  declare const Avatar: import('react').ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
57
52
  export default Avatar;
@@ -1,4 +1,4 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from "react";
3
3
  import clsx from "clsx";
4
4
  import noAvatar from "@edifice.io/bootstrap/dist/images/avatar/no-avatar.svg";
@@ -15,7 +15,6 @@ const Avatar = /* @__PURE__ */ forwardRef(({
15
15
  outerBorderColor,
16
16
  outerBorderWidth,
17
17
  outerBorderOffset,
18
- cover,
19
18
  ...restProps
20
19
  }, ref) => {
21
20
  const placeholder = imgPlaceholder || noAvatar, classes = clsx("avatar", {
@@ -31,8 +30,6 @@ const Avatar = /* @__PURE__ */ forwardRef(({
31
30
  rounded: variant === "rounded",
32
31
  "rounded-circle": variant === "circle"
33
32
  }
34
- }, {
35
- "avatar-with-cover": cover
36
33
  }, className), style = {
37
34
  ...outerBorderColor && {
38
35
  outline: `${outerBorderWidth}px solid var(--edifice-${outerBorderColor})`,
@@ -42,10 +39,7 @@ const Avatar = /* @__PURE__ */ forwardRef(({
42
39
  border: `${innerBorderWidth}px solid var(--edifice-${innerBorderColor})`
43
40
  }
44
41
  };
45
- return /* @__PURE__ */ jsxs("div", { ref, className: classes, style, children: [
46
- /* @__PURE__ */ jsx(Image, { src: src || placeholder, alt, imgPlaceholder: placeholder, ...restProps }),
47
- cover && /* @__PURE__ */ jsx("div", { className: "avatar-cover", children: cover })
48
- ] });
42
+ return /* @__PURE__ */ jsx("div", { ref, className: classes, style, children: /* @__PURE__ */ jsx(Image, { src: src || placeholder, alt, imgPlaceholder: placeholder, ...restProps }) });
49
43
  });
50
44
  export {
51
45
  Avatar as default
@@ -1,4 +1,3 @@
1
- import { ReactNode } from 'react';
2
1
  import { AvatarProps } from '../Avatar';
3
2
  export interface AvatarGroupProps extends Omit<AvatarProps, 'src'> {
4
3
  /**
@@ -20,15 +19,6 @@ export interface AvatarGroupProps extends Omit<AvatarProps, 'src'> {
20
19
  * @default 'leftFirst'
21
20
  */
22
21
  stackingOrder?: 'leftFirst' | 'rightFirst';
23
- /**
24
- * Whether to wrap avatars to the next line
25
- * @default false
26
- */
27
- wrap?: boolean;
28
- /**
29
- * Cover content for the last avatar
30
- */
31
- lastItemCover?: ReactNode;
32
22
  }
33
23
  declare const AvatarGroup: import('react').ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
34
24
  export default AvatarGroup;
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { forwardRef } from "react";
3
+ import clsx from "clsx";
4
4
  import StackedGroup from "../StackedGroup/StackedGroup.js";
5
5
  import Avatar from "../Avatar/Avatar.js";
6
6
  const AvatarGroup = /* @__PURE__ */ forwardRef(({
@@ -12,12 +12,12 @@ const AvatarGroup = /* @__PURE__ */ forwardRef(({
12
12
  variant = "circle",
13
13
  alt,
14
14
  stackingOrder = "leftFirst",
15
- wrap = !1,
16
- lastItemCover,
17
15
  ...restProps
18
16
  }, ref) => {
19
- const visibleAvatars = src.slice(0, maxAvatars), classes = clsx("avatar-group d-flex", className);
20
- return /* @__PURE__ */ jsx("div", { ref, className: classes, children: /* @__PURE__ */ jsx(StackedGroup, { overlap, stackingOrder, wrap, children: visibleAvatars.map((avatarSrc, index) => /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, size, variant, alt: `${alt} ${index + 1}`, cover: index === maxAvatars - 1 ? lastItemCover : void 0, ...restProps })) }) });
17
+ const visibleAvatars = src.slice(0, maxAvatars), classes = clsx("avatar-group", className);
18
+ return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
19
+ display: "flex"
20
+ }, children: /* @__PURE__ */ jsx(StackedGroup, { overlap, stackingOrder, children: visibleAvatars.map((avatarSrc, index) => /* @__PURE__ */ jsx(Avatar, { src: avatarSrc, size, variant, alt: `${alt} ${index + 1}`, ...restProps })) }) });
21
21
  });
22
22
  export {
23
23
  AvatarGroup as default
@@ -1,15 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { Placement } from '@floating-ui/react';
3
3
  import { default as DropdownCheckboxItem } from './DropdownCheckboxItem';
4
- export interface DropdownApi {
5
- visible: boolean;
6
- isFocused: string | null;
7
- menuRef: React.MutableRefObject<HTMLUListElement | null>;
8
- triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
9
- setVisible: (visible: boolean) => void;
10
- openDropdown: () => void;
11
- closeDropdown: () => void;
12
- }
13
4
  export interface DropdownProps {
14
5
  /** Children Props */
15
6
  children: ReactNode | ((...props: any) => ReactNode);
@@ -77,7 +68,10 @@ export type DropdownMenuOptions = {
77
68
  */
78
69
  type: 'divider';
79
70
  };
80
- declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<DropdownApi>> & {
71
+ declare const Dropdown: {
72
+ ({ children, block, overflow, noWrap, placement, extraTriggerKeyDownHandler, onToggle, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
73
+ displayName: string;
74
+ } & {
81
75
  Trigger: import('react').ForwardRefExoticComponent<Omit<import('./DropdownTrigger').DropdownTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
82
76
  Menu: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
83
77
  Item: {
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { forwardRef, useImperativeHandle, useMemo, useEffect } from "react";
2
+ import { useMemo, useEffect } from "react";
3
3
  import clsx from "clsx";
4
4
  import useDropdown from "../../hooks/useDropdown/useDropdown.js";
5
5
  import DropdownCheckboxItem from "./DropdownCheckboxItem.js";
@@ -11,7 +11,7 @@ import DropdownRadioItem from "./DropdownRadioItem.js";
11
11
  import DropdownSeparator from "./DropdownSeparator.js";
12
12
  import DropdownTrigger from "./DropdownTrigger.js";
13
13
  import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
14
- const Root = /* @__PURE__ */ forwardRef(({
14
+ const Root = ({
15
15
  children,
16
16
  block,
17
17
  overflow = !0,
@@ -23,7 +23,7 @@ const Root = /* @__PURE__ */ forwardRef(({
23
23
  focusOnVisible = !0,
24
24
  openOnSpace = !0,
25
25
  focusOnMouseEnter = !0
26
- }, refDropdown) => {
26
+ }) => {
27
27
  const {
28
28
  visible,
29
29
  isFocused,
@@ -31,22 +31,8 @@ const Root = /* @__PURE__ */ forwardRef(({
31
31
  menuProps,
32
32
  itemProps,
33
33
  itemRefs,
34
- setVisible,
35
- menuRef,
36
- triggerRef,
37
- closeDropdown,
38
- openDropdown
39
- } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter);
40
- useImperativeHandle(refDropdown, () => ({
41
- visible,
42
- setVisible,
43
- isFocused,
44
- menuRef,
45
- triggerRef,
46
- closeDropdown,
47
- openDropdown
48
- }));
49
- const ref = useClickOutside(() => {
34
+ setVisible
35
+ } = useDropdown(placement, extraTriggerKeyDownHandler, isTriggerHovered, focusOnVisible, openOnSpace, focusOnMouseEnter), ref = useClickOutside(() => {
50
36
  setVisible(!1);
51
37
  }), value = useMemo(() => ({
52
38
  visible,
@@ -56,10 +42,8 @@ const Root = /* @__PURE__ */ forwardRef(({
56
42
  itemProps,
57
43
  itemRefs,
58
44
  block,
59
- setVisible,
60
- openDropdown,
61
- closeDropdown
62
- }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible, openDropdown, closeDropdown]), dropdown = clsx("dropdown", {
45
+ setVisible
46
+ }), [visible, isFocused, triggerProps, menuProps, itemProps, itemRefs, block, setVisible]), dropdown = clsx("dropdown", {
63
47
  "w-100": block,
64
48
  "dropdown-nowrap": noWrap,
65
49
  overflow
@@ -67,7 +51,7 @@ const Root = /* @__PURE__ */ forwardRef(({
67
51
  return useEffect(() => {
68
52
  onToggle == null || onToggle(visible);
69
53
  }, [visible]), /* @__PURE__ */ jsx(DropdownContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { ref, className: dropdown, children: typeof children == "function" ? children(triggerProps, itemRefs, setVisible) : children }) });
70
- }), Dropdown = /* @__PURE__ */ Object.assign(Root, {
54
+ }, Dropdown = /* @__PURE__ */ Object.assign(Root, {
71
55
  Trigger: DropdownTrigger,
72
56
  Menu: DropdownMenu,
73
57
  Item: DropdownItem,
@@ -5,7 +5,6 @@ interface FlexProps extends React.HTMLAttributes<HTMLElement> {
5
5
  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
6
6
  justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
7
7
  gap?: string;
8
- fill?: boolean;
9
8
  wrap?: 'wrap' | 'nowrap' | 'reverse';
10
9
  className?: string;
11
10
  }
@@ -6,13 +6,12 @@ const Flex = ({
6
6
  align,
7
7
  justify,
8
8
  gap,
9
- fill,
10
- wrap,
9
+ wrap = "wrap",
11
10
  className,
12
11
  children,
13
12
  ...restProps
14
13
  }) => {
15
- const classes = clsx("d-flex", direction && `flex-${direction}`, fill && "flex-fill", align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap}`, className);
14
+ const classes = clsx("d-flex", direction && (direction === "fill" ? "flex-fill" : `flex-${direction}`), align && `align-items-${align}`, justify && `justify-content-${justify}`, gap && `gap-${gap}`, wrap && `flex-${wrap}`, className);
16
15
  return /* @__PURE__ */ jsx(Component, { className: classes, ...restProps, children });
17
16
  };
18
17
  export {
@@ -4,13 +4,9 @@ export interface LayoutProps extends ComponentPropsWithoutRef<any> {
4
4
  children: ReactNode;
5
5
  /** Full screen mode without header component */
6
6
  headless?: boolean;
7
- /** Control white background - defaults to true */
8
- whiteBg?: boolean;
9
- /** Additional class name */
10
- className?: string;
11
7
  }
12
8
  export declare const Layout: {
13
- ({ children, headless, whiteBg, className, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
9
+ ({ children, headless, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
14
10
  displayName: string;
15
11
  };
16
12
  export default Layout;
@@ -12,8 +12,6 @@ import Button from "../Button/Button.js";
12
12
  const Layout = ({
13
13
  children,
14
14
  headless = !1,
15
- whiteBg = !0,
16
- className,
17
15
  ...restProps
18
16
  }) => {
19
17
  const {
@@ -26,12 +24,11 @@ const Layout = ({
26
24
  handleCloseCookiesConsent
27
25
  } = useCookiesConsent();
28
26
  useZendeskGuide(), useCantoo();
29
- const classes = clsx("d-flex flex-column", {
30
- "bg-white": whiteBg,
27
+ const classes = clsx("d-flex flex-column bg-white", {
31
28
  "container-fluid": !headless,
32
29
  "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
33
30
  "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
34
- }, className), renderHeader = headless ? null : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
31
+ }), renderHeader = headless ? null : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
35
32
  position: "top-right"
36
33
  } });
37
34
  return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -18,11 +18,6 @@ export interface StackedGroupProps {
18
18
  * Additional CSS class
19
19
  */
20
20
  className?: string;
21
- /**
22
- * Whether to wrap items to the next line
23
- * @default false
24
- */
25
- wrap?: boolean;
26
21
  }
27
22
  declare const StackedGroup: import('react').ForwardRefExoticComponent<StackedGroupProps & import('react').RefAttributes<HTMLDivElement>>;
28
23
  export default StackedGroup;
@@ -1,20 +1,18 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { forwardRef } from "react";
3
+ import clsx from "clsx";
4
4
  const StackedGroup = /* @__PURE__ */ forwardRef(({
5
5
  children,
6
6
  overlap = 20,
7
7
  className,
8
- stackingOrder = "leftFirst",
9
- wrap = !1
8
+ stackingOrder = "leftFirst"
10
9
  }, ref) => {
11
- const classes = clsx("stacked-group d-flex align-items-center", className, {
12
- "flex-wrap": wrap
13
- });
14
- return /* @__PURE__ */ jsx("div", { ref, className: classes, style: wrap ? {
15
- paddingLeft: `${overlap}px`
16
- } : void 0, children: children.map((child, index) => /* @__PURE__ */ jsx("div", { style: {
17
- marginLeft: index === 0 && !wrap ? 0 : `-${overlap}px`,
10
+ const classes = clsx("stacked-group", className);
11
+ return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
12
+ display: "flex",
13
+ alignItems: "center"
14
+ }, children: children.map((child, index) => /* @__PURE__ */ jsx("div", { style: {
15
+ marginLeft: index === 0 ? 0 : `-${overlap}px`,
18
16
  zIndex: stackingOrder === "rightFirst" ? children.length - index : index + 1
19
17
  }, children: child }, index)) });
20
18
  });
@@ -17,36 +17,12 @@ export interface TabsProps {
17
17
  * Children Props
18
18
  */
19
19
  children?: (...props: any) => ReactNode;
20
- /**
21
- * Whether tabs should take full available width
22
- */
23
- fullWidth?: boolean;
24
- /**
25
- * Whether tabs should take full available height
26
- */
27
- fullHeight?: boolean;
28
- /**
29
- * Whether the tab list should be sticky
30
- */
31
- isSticky?: boolean;
32
- /**
33
- * The top offset for the sticky tab list
34
- */
35
- stickyTop?: number;
36
- /**
37
- * Additional class name for the tab header
38
- */
39
- headerClassName?: string;
40
- /**
41
- * Additional class name for the content area
42
- */
43
- contentClassName?: string;
44
20
  }
45
21
  /**
46
22
  * Tab Content displayed one at a time when a Tab Item is selected
47
23
  */
48
24
  export declare const Tabs: {
49
- ({ defaultId, items, fullWidth, fullHeight, onChange, children, isSticky, stickyTop, headerClassName, contentClassName, }: TabsProps): import("react/jsx-runtime").JSX.Element;
25
+ ({ defaultId, items, onChange, children }: TabsProps): import("react/jsx-runtime").JSX.Element;
50
26
  Item: {
51
27
  ({ icon, badge, label, id, order, }: TabsItemProps & {
52
28
  order: number;
@@ -54,11 +30,11 @@ export declare const Tabs: {
54
30
  displayName: string;
55
31
  };
56
32
  Panel: {
57
- ({ children, currentItem, fullHeight, className, }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
33
+ ({ children, currentItem }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
58
34
  displayName: string;
59
35
  };
60
36
  List: {
61
- (props: import('./TabsList').TabsListProps): import("react/jsx-runtime").JSX.Element;
37
+ (props: import('react').ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
62
38
  displayName: string;
63
39
  };
64
40
  displayName: string;
@@ -8,14 +8,8 @@ import TabsPanel from "./TabsPanel.js";
8
8
  const Tabs = ({
9
9
  defaultId,
10
10
  items,
11
- fullWidth = !1,
12
- fullHeight = !1,
13
11
  onChange,
14
- children,
15
- isSticky = !1,
16
- stickyTop = 0,
17
- headerClassName,
18
- contentClassName
12
+ children
19
13
  }) => {
20
14
  const {
21
15
  activeTab,
@@ -38,8 +32,8 @@ const Tabs = ({
38
32
  onKeyDown
39
33
  }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab);
40
34
  return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
41
- /* @__PURE__ */ jsx(Tabs.List, { fullWidth, isSticky, stickyTop, className: headerClassName }),
42
- /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, fullHeight, className: contentClassName, children: currentItem == null ? void 0 : currentItem.content })
35
+ /* @__PURE__ */ jsx(Tabs.List, {}),
36
+ /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, children: currentItem == null ? void 0 : currentItem.content })
43
37
  ] }) });
44
38
  };
45
39
  Tabs.Item = TabsItem;
@@ -1,20 +1,6 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- export interface TabsListProps extends ComponentPropsWithoutRef<'div'> {
3
- /**
4
- * Whether tabs should take full available width
5
- */
6
- fullWidth?: boolean;
7
- /**
8
- * Whether the tab list should be sticky
9
- */
10
- isSticky?: boolean;
11
- /**
12
- * The top offset for the sticky tab list
13
- */
14
- stickyTop?: number;
15
- }
16
2
  declare const TabsList: {
17
- (props: TabsListProps): import("react/jsx-runtime").JSX.Element;
3
+ (props: ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
18
4
  displayName: string;
19
5
  };
20
6
  export default TabsList;
@@ -1,4 +1,4 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import clsx from "clsx";
3
3
  import { useTabsContext } from "../context/TabsContext.js";
4
4
  import { Tabs } from "./Tabs.js";
@@ -9,25 +9,15 @@ const TabsList = (props) => {
9
9
  tabUnderlineWidth
10
10
  } = useTabsContext(), {
11
11
  className,
12
- fullWidth,
13
- isSticky,
14
- stickyTop,
15
12
  ...restProps
16
- } = props, ulClasses = clsx("nav nav-tabs flex-nowrap", {
17
- "w-100": fullWidth
18
- }), tabslist = clsx(" flex-shrink-0 overflow-x-auto", {
19
- "position-sticky z-1": isSticky,
20
- "position-relative": !isSticky
21
- }, className);
22
- return /* @__PURE__ */ jsx("div", { className: tabslist, ...restProps, style: isSticky ? {
23
- top: stickyTop
24
- } : void 0, children: /* @__PURE__ */ jsxs("ul", { className: ulClasses, role: "tablist", children: [
25
- items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)),
13
+ } = props, tabslist = clsx("position-relative flex-shrink-0 overflow-x-auto", className);
14
+ return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, children: [
15
+ /* @__PURE__ */ jsx("ul", { className: "nav nav-tabs flex-nowrap", role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
26
16
  /* @__PURE__ */ jsx("span", { className: "nav-slide", style: {
27
17
  left: tabUnderlineLeft,
28
18
  width: tabUnderlineWidth
29
19
  } })
30
- ] }) });
20
+ ] });
31
21
  };
32
22
  export {
33
23
  TabsList as default
@@ -9,17 +9,9 @@ export interface TabsPanelProps {
9
9
  * Current Item
10
10
  */
11
11
  currentItem: TabsItemProps | undefined;
12
- /**
13
- * Whether tabs should take full available height
14
- */
15
- fullHeight?: boolean;
16
- /**
17
- * Additional class name for the content area
18
- */
19
- className?: string;
20
12
  }
21
13
  declare const TabsPanel: {
22
- ({ children, currentItem, fullHeight, className, }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
14
+ ({ children, currentItem }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
23
15
  displayName: string;
24
16
  };
25
17
  export default TabsPanel;
@@ -1,18 +1,13 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import clsx from "clsx";
3
2
  import { useTabsContext } from "../context/TabsContext.js";
4
3
  const TabsPanel = ({
5
4
  children,
6
- currentItem,
7
- fullHeight,
8
- className
5
+ currentItem
9
6
  }) => {
10
7
  const {
11
8
  activeTab
12
- } = useTabsContext(), contentClasses = clsx("tab-content d-flex flex-fill w-100", {
13
- "position-relative h-100": fullHeight
14
- }, className);
15
- return /* @__PURE__ */ jsx("div", { className: contentClasses, children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
9
+ } = useTabsContext();
10
+ return /* @__PURE__ */ jsx("div", { className: "tab-content d-flex flex-fill w-100", children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
16
11
  };
17
12
  export {
18
13
  TabsPanel as default
@@ -28,8 +28,6 @@ export interface UseDropdownProps {
28
28
  itemProps: Record<string, any>;
29
29
  setVisible: Dispatch<SetStateAction<boolean>>;
30
30
  openOnSpace?: boolean;
31
- openDropdown: () => void;
32
- closeDropdown: () => void;
33
31
  }
34
32
  declare const useDropdown: (placement: Placement | undefined, extraTriggerKeyDownHandler?: (event: React.KeyboardEvent<HTMLButtonElement>) => void, isTriggerHovered?: boolean, focusOnVisible?: boolean, openOnSpace?: boolean, focusOnMouseEnter?: boolean) => UseDropdownProps;
35
33
  export default useDropdown;
@@ -159,8 +159,6 @@ const useDropdown = (placement, extraTriggerKeyDownHandler, isTriggerHovered = !
159
159
  onMenuItemClick: closeDropdown,
160
160
  onMenuItemKeyDown
161
161
  },
162
- openDropdown,
163
- closeDropdown,
164
162
  setVisible
165
163
  };
166
164
  };
@@ -34,9 +34,6 @@ function useEdificeIcons() {
34
34
  case "communautés":
35
35
  appCode = "community";
36
36
  break;
37
- case "communities":
38
- appCode = "community";
39
- break;
40
37
  case "directory.user":
41
38
  appCode = "userbook";
42
39
  break;