@design-system-rte/react 0.15.0 → 1.0.0

package/README.md

@@ -32,4 +32,4 @@
 
 4. **Use Components:**
    
-   Implement the different components as documented in the [Storybook](https://opensource.rte-france.com/design-system-rte/?path=/docs/react_button--docs) provided with the library.
+   Implement the different components as documented in the [Storybook](https://opensource.rte-france.com/design-system-rte/?path=/docs/react_composants-button--docs) provided with the library.

package/dist/components/card/Card.d.ts

@@ -0,0 +1,7 @@
+import { CardProps as CardPropsCore } from '../../../../core/components/card/card.interface';
+import { HTMLAttributes } from 'react';
+interface CardProps extends CardPropsCore, Omit<HTMLAttributes<HTMLDivElement>, "onClick"> {
+    onClick?: () => void;
+}
+declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Card;

package/dist/components/sideNav/SideNav.d.ts

@@ -0,0 +1,9 @@
+import { SideNavProps as CoreSideNavProps } from '../../../../core/components/side-nav/side-nav.interface';
+import { ReactNode } from 'react';
+interface SideNavProps extends Partial<CoreSideNavProps>, Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
+    children?: ReactNode;
+    defaultCollapsed?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+}
+declare const SideNav: import('react').ForwardRefExoticComponent<SideNavProps & import('react').RefAttributes<HTMLDivElement | HTMLElement>>;
+export default SideNav;

package/dist/components/sideNav/baseSideNav/BaseSideNav.d.ts

@@ -0,0 +1,10 @@
+import { BaseSideNavProps as CoreSideNavProps } from '../../../../../core/components/side-nav/side-nav.interface';
+import { ReactNode } from 'react';
+interface BaseSideNavProps extends Partial<Omit<CoreSideNavProps, "items">>, Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
+    header?: ReactNode;
+    body?: ReactNode;
+    footer?: ReactNode;
+    children?: ReactNode;
+}
+declare const BaseSideNav: import('react').ForwardRefExoticComponent<BaseSideNavProps & import('react').RefAttributes<HTMLDivElement | HTMLElement>>;
+export default BaseSideNav;

package/dist/components/sideNav/baseSideNav/hooks/useContentHeight.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode, RefObject } from 'react';
+declare function useContentHeight(containerRef: RefObject<HTMLDivElement>, contentRef: RefObject<HTMLDivElement>, children?: ReactNode): void;
+export default useContentHeight;

package/dist/components/sideNav/navItem/NavItem.d.ts

@@ -0,0 +1,7 @@
+import { NavItemProps as CoreNavItemProps } from '../../../../../core/components/side-nav/nav-item/nav-item.interface';
+import { HTMLAttributes, ReactNode } from 'react';
+interface NavItemProps extends CoreNavItemProps, Omit<HTMLAttributes<HTMLDivElement>, "onClick" | "id"> {
+    children?: ReactNode;
+}
+declare const NavItem: import('react').ForwardRefExoticComponent<NavItemProps & import('react').RefAttributes<HTMLDivElement>>;
+export default NavItem;

package/dist/components/sideNav/navMenu/NavMenu.d.ts

@@ -0,0 +1,9 @@
+import { NavMenuProps as CoreNavMenuProps } from '../../../../../core/components/side-nav/nav-menu/nav-menu.interface';
+import { HTMLAttributes, ReactNode } from 'react';
+interface NavMenuProps extends CoreNavMenuProps, Omit<HTMLAttributes<HTMLLIElement>, "onClick"> {
+    children?: ReactNode;
+    isNested?: boolean;
+    parentMenuOpen?: boolean;
+}
+declare const NavMenu: import('react').ForwardRefExoticComponent<NavMenuProps & import('react').RefAttributes<HTMLLIElement>>;
+export default NavMenu;

package/dist/components/sideNav/shared/NavContentWrapper.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, KeyboardEvent } from 'react';
+interface NavContentWrapperProps {
+    link?: string;
+    label: string;
+    tabIndex: number;
+    onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onClick?: () => void;
+    children: ReactNode;
+    styleType?: "item" | "menu";
+}
+declare function NavContentWrapper({ link, label, tabIndex, onKeyDown, onFocus, onBlur, onClick, children, styleType, }: NavContentWrapperProps): ReactNode;
+export default NavContentWrapper;

package/dist/components/sideNav/shared/NavLabel.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+interface NavLabelProps {
+    icon?: string;
+    showIcon?: boolean;
+    label: string;
+    collapsed?: boolean;
+    isNested?: boolean;
+    styleType?: "item" | "menu";
+}
+declare function NavLabel({ icon, showIcon, label, collapsed, isNested, styleType }: NavLabelProps): ReactNode;
+export default NavLabel;

package/dist/components/sideNav/shared/NavTooltipWrapper.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface NavTooltipWrapperProps {
+    label: string;
+    collapsed?: boolean;
+    children: ReactNode;
+}
+declare function NavTooltipWrapper({ label, collapsed, children }: NavTooltipWrapperProps): ReactNode;
+export default NavTooltipWrapper;

package/dist/components/sideNav/shared/index.d.ts

@@ -0,0 +1,5 @@
+export { default as NavContentWrapper } from './NavContentWrapper';
+export { default as NavLabel } from './NavLabel';
+export { default as NavTooltipWrapper } from './NavTooltipWrapper';
+export { default as useNavKeyboard } from './useNavKeyboard';
+export { getNavTabIndex } from './navUtils';

package/dist/components/sideNav/shared/navUtils.d.ts

@@ -0,0 +1,2 @@
+declare function getNavTabIndex(parentMenuOpen?: boolean): number;
+export { getNavTabIndex };

package/dist/components/sideNav/shared/useNavKeyboard.d.ts

@@ -0,0 +1,11 @@
+import { KeyboardEvent } from 'react';
+interface UseNavKeyboardOptions {
+    onEnterOrSpace?: () => void;
+    onEscape?: () => void;
+    includeArrowKeys?: boolean;
+    includeEscape?: boolean;
+}
+declare function useNavKeyboard<T extends HTMLElement = HTMLElement>({ onEnterOrSpace, onEscape, includeArrowKeys, includeEscape, }?: UseNavKeyboardOptions): {
+    onKeyDown: (e: KeyboardEvent<T>) => void;
+};
+export default useNavKeyboard;

package/dist/components/sideNav/stories/helpers/decorators.d.ts

@@ -0,0 +1,5 @@
+import { NavItemProps } from '../../../../../../core/components/side-nav/nav-item/nav-item.interface';
+import { Decorator } from '@storybook/react';
+declare function createCollapsedStateDecorator(): Decorator;
+declare function createActiveItemStateDecorator(navigationItems: NavItemProps[]): Decorator;
+export { createCollapsedStateDecorator, createActiveItemStateDecorator };

package/dist/components/sideNav/stories/helpers/elementFinders.d.ts

@@ -0,0 +1,7 @@
+declare function getInteractiveElementFromListItem(listItem: HTMLElement | null): HTMLElement | null;
+declare function getNavElement(container: HTMLElement, text: string, containerSelector?: string): HTMLElement | null;
+declare function getNavElementInCollapsedState(sideNav: HTMLElement, itemIndex: number): HTMLElement | null;
+declare function getFooterNavElement(sideNav: HTMLElement, label: string): HTMLElement | null;
+declare function getHeaderTitleContainer(sideNav: HTMLElement, identifierText?: string): HTMLElement | null;
+declare function getNavItemContainer(sideNav: HTMLElement, itemId: string): HTMLElement | null;
+export { getNavElement, getNavElementInCollapsedState, getFooterNavElement, getHeaderTitleContainer, getNavItemContainer, getInteractiveElementFromListItem, };

package/dist/components/sideNav/stories/helpers/expectations.d.ts

@@ -0,0 +1,9 @@
+import { within } from '@storybook/test';
+declare function isActiveItem(element: HTMLElement): boolean;
+declare function expectElementToHaveFocus(element: HTMLElement | null): void;
+declare function expectElementNotToHaveFocus(sideNav: HTMLElement, text: string): void;
+declare function expectElementToBeSkipped(sideNav: HTMLElement, text: string): void;
+declare function expectElementToBeAccessible(sideNav: HTMLElement, text: string): void;
+declare function expectNavItemToBeActive(canvas: ReturnType<typeof within>, itemId: string): Promise<void>;
+declare function expectNavItemNotToBeActive(canvas: ReturnType<typeof within>, itemId: string): Promise<void>;
+export { expectElementToHaveFocus, expectElementNotToHaveFocus, expectElementToBeSkipped, expectElementToBeAccessible, expectNavItemToBeActive, expectNavItemNotToBeActive, isActiveItem, };

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,6 @@
+import { ToastProps as coreToastProps } from '../../../../core/components/toast/toast.interface';
+interface ToastProps extends coreToastProps, React.HTMLAttributes<HTMLDivElement> {
+    showActionButton?: boolean;
+}
+declare const Toast: import('react').ForwardRefExoticComponent<ToastProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Toast;

package/dist/components/toast/hooks/useHandleQueueChanges.d.ts

@@ -0,0 +1,6 @@
+declare const useHandleQueueChanges: (id: string, isOpen: boolean) => {
+    isInternalOpen: boolean;
+    hideToast: () => void;
+    showToast: () => void;
+};
+export default useHandleQueueChanges;

package/dist/components/toast/hooks/useHandleTimer.d.ts

@@ -0,0 +1,10 @@
+import { ToastDuration } from '../../../../../core/components/toast/toast.interface';
+type TimeoutProperties = {
+    shouldStartTimer: boolean;
+    duration: ToastDuration;
+};
+declare const useHandleTimer: ({ shouldStartTimer, duration }: TimeoutProperties, callback: () => void) => {
+    initializeTimer: () => void;
+    removeTimer: () => void;
+};
+export default useHandleTimer;

package/dist/components/toast/toastQueue/ToastQueueContext.d.ts

@@ -0,0 +1,17 @@
+export type InputToast = {
+    id: string;
+    hasActionButton: boolean;
+    type: "info" | "success" | "warning" | "error" | "neutral";
+};
+export type ToastQueueItem = {
+    id: string;
+    priority: number;
+    isOpen?: boolean;
+};
+export declare const ToastQueueContext: import('react').Context<{
+    addToQueue: (toast: InputToast) => void;
+    removeFromQueue: (id: string) => void;
+    isFirstInQueue: (id: string) => boolean;
+    isInQueue: (id: string) => boolean;
+    queue: ToastQueueItem[];
+} | null>;

package/dist/components/toast/toastQueue/ToastQueueProvider.d.ts

@@ -0,0 +1,4 @@
+declare const ToastQueueProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ToastQueueProvider;

package/dist/components/toast/toastQueue/useToastQueueContext.d.ts

@@ -0,0 +1,8 @@
+export declare const useToastQueueContext: () => {
+    addToQueue: (toast: import('./ToastQueueContext').InputToast) => void;
+    removeFromQueue: (id: string) => void;
+    isFirstInQueue: (id: string) => boolean;
+    isInQueue: (id: string) => boolean;
+    queue: import('./ToastQueueContext').ToastQueueItem[];
+};
+export default useToastQueueContext;

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { default as Badge } from './components/badge/Badge.tsx';
 import { default as Banner } from './components/banner/Banner.tsx';
 import { default as Breadcrumbs } from './components/breadcrumbs/Breadcrumbs.tsx';
 import { default as Button } from './components/button/Button';
+import { default as Card } from './components/card/Card.tsx';
 import { default as Checkbox } from './components/checkbox/Checkbox.tsx';
 import { default as CheckboxGroup } from './components/checkboxGroup/CheckboxGroup.tsx';
 import { default as Chip } from './components/chip/Chip.tsx';
@@ -16,9 +17,13 @@ import { default as Popover } from './components/popover/Popover.tsx';
 import { default as RadioButton } from './components/radioButton/RadioButton.tsx';
 import { default as RadioButtonGroup } from './components/radioButtonGroup/RadioButtonGroup.tsx';
 import { default as SegmentedControl } from './components/segmentedControl/SegmentedControl.tsx';
+import { default as BaseSideNav } from './components/sideNav/baseSideNav/BaseSideNav.tsx';
+import { default as SideNav } from './components/sideNav/SideNav.tsx';
 import { default as SplitButton } from './components/splitButton/SplitButton.tsx';
 import { default as Switch } from './components/switch/Switch.tsx';
 import { default as Textarea } from './components/textarea/Textarea.tsx';
 import { default as TextInput } from './components/textInput/TextInput.tsx';
+import { default as Toast } from './components/toast/Toast.tsx';
+import { default as ToastQueueProvider } from './components/toast/toastQueue/ToastQueueProvider.tsx';
 import { default as Tooltip } from './components/tooltip/Tooltip.tsx';
-export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup, Icon, IconButton, IconButtonToggle, SplitButton, Tooltip, TextInput, Chip, Badge, Textarea, Divider, Switch, SegmentedControl, Breadcrumbs, Banner, Popover, Modal, };
+export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup, Icon, IconButton, IconButtonToggle, SplitButton, Tooltip, TextInput, Chip, Badge, Textarea, Divider, Switch, SegmentedControl, Breadcrumbs, Banner, Popover, Modal, SideNav, BaseSideNav, Card, Toast, ToastQueueProvider, };