@livechat/design-system-react-components 2.21.0 → 2.22.1

package/dist/components/AppFrame/components/SideNavigationGroup/constants.d.ts

@@ -0,0 +1 @@
+export declare const SIDE_NAVIGATION_LINK_LABEL_TEST_ID = "side-navigation-link-label-test-id";

package/dist/components/AppFrame/components/SideNavigationGroup/types.d.ts

@@ -1,5 +1,9 @@
+import { IUseAnimations } from '../../../../hooks/useAnimations';
 import { ComponentCoreProps } from '../../../../utils/types';
 import * as React from 'react';
+interface IOnClickProps {
+    toggle: () => void;
+}
 export interface ISideNavigationGroupProps extends ComponentCoreProps {
     /**
      * It will display your side navigation elements
@@ -10,19 +14,60 @@ export interface ISideNavigationGroupProps extends ComponentCoreProps {
      */
     label?: React.ReactNode | ((isOpen: boolean) => React.ReactNode);
     /**
-     * The right node of the side navigation list if `isCollapsible` is set to true
+     * The right node of the side navigation list
      */
     rightNode?: React.ReactNode | ((isOpen: boolean) => React.ReactNode);
     /**
      * Specify whether the list should be collapsible
      */
     isCollapsible?: boolean;
+    /**
+     * Specify whether the label is a link
+     */
+    isLinkLabel?: boolean;
+    /**
+     * Specify whether the list label is active
+     */
+    isActive?: boolean;
+    /**
+     * Specify whether the list is open
+     */
+    isOpen?: IUseAnimations['isOpen'];
+    /**
+     * Specify whether the list is mounted
+     */
+    isMounted?: IUseAnimations['isMounted'];
+    /**
+     * Set whether the list should be visible
+     */
+    setShouldBeVisible?: IUseAnimations['setShouldBeVisible'];
+    /**
+     * The function to call on list label click
+     */
+    onClick?: ({ toggle }: IOnClickProps) => void;
     /**
      * The function to call on item hover
      */
     onItemHover?: () => void;
+    /**
+     * The ref of the list wrapper
+     */
+    listWrapperRef?: React.RefObject<HTMLDivElement>;
     /**
      * Specify whether the list should be open on the first render
      */
     shouldOpenOnInit?: boolean;
+    /**
+     * The CSS class name for the label
+     */
+    labelClassName?: string;
+    /**
+     * The CSS class name for the label wrapper
+     */
+    labelWrapperClassName?: string;
+    /**
+     * The CSS class name for the list wrapper
+     */
+    listWrapperClassName?: string;
 }
+export {};

package/dist/foundations/shadow-token.d.ts

@@ -29,5 +29,6 @@ export declare const ShadowToken: {
     ShadowAiCopilotAnimationEnd: string;
     ShadowAiOtherFloat: string;
     ShadowAiOtherActiveField: string;
+    ShadowTourAnimationEnd: string;
 };
 export type ShadowTokenKey = keyof typeof ShadowToken;

package/dist/hooks/useAnimations.d.ts

@@ -4,7 +4,7 @@ interface UseAnimationsProps {
     elementRef: React.RefObject<HTMLDivElement>;
     includeSleepWakeScenario?: boolean;
 }
-interface IUseAnimations {
+export interface IUseAnimations {
     isOpen: boolean;
     isMounted: boolean;
     setShouldBeVisible: React.Dispatch<React.SetStateAction<boolean>>;