@ssa-ui-kit/core 2.26.0 → 2.26.1

package/dist/components/CollapsibleNavBar/CollapsibleNavBar.d.ts

@@ -2,4 +2,4 @@ import { CollapsibleNavBarExtendedProps } from './types';
 /**
  * UI Component that shows the collapsible navigation bar
  */
-export declare const CollapsibleNavBar: ({ items, renderLogo, theme, subMenuMaxWidth, className, useMatchPattern, onChange, }: CollapsibleNavBarExtendedProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CollapsibleNavBar: ({ items, renderLogo, theme, subMenuMaxWidth, showIconTooltip, className, useMatchPattern, onChange, }: CollapsibleNavBarExtendedProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CollapsibleNavBar/CollapsibleNavBarContext.d.ts

@@ -1,7 +1,7 @@
 import { CollapsibleNavBarExtendedProps } from './types';
-type ContextType = Pick<CollapsibleNavBarExtendedProps, 'theme' | 'subMenuMaxWidth'>;
+type ContextType = Pick<CollapsibleNavBarExtendedProps, 'theme' | 'subMenuMaxWidth' | 'showIconTooltip'>;
 export declare const CollapsibleNavBarContext: import("react").Context<ContextType>;
-export declare const CollapsibleNavBarProvider: ({ children, theme, subMenuMaxWidth, }: {
+export declare const CollapsibleNavBarProvider: ({ children, theme, subMenuMaxWidth, showIconTooltip, }: {
     children: React.ReactNode;
 } & ContextType) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const useCollapsibleNavBarContext: () => ContextType;

package/dist/components/CollapsibleNavBar/components/TriggerIcon.d.ts

@@ -3,5 +3,7 @@ export declare const TriggerIcon: ({ iconName, iconSize, className, CustomIcon,
     iconName: keyof MapIconsType;
     iconSize?: number;
     className?: string;
-    CustomIcon?: (props: Omit<SVGProps, "fill">) => JSX.Element;
+    CustomIcon?: (props: Omit<SVGProps, "fill"> & {
+        showIconTooltip?: boolean;
+    }) => JSX.Element;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CollapsibleNavBar/types.d.ts

@@ -16,6 +16,7 @@ export interface CollapsibleNavBarExtendedProps<T extends NavBarExtendedSubItem
     theme?: 'default' | 'light';
     className?: string;
     subMenuMaxWidth?: CSSProperties['maxWidth'];
+    showIconTooltip?: boolean;
     useMatchPattern?: (prefix: string) => string | PathPattern<string>;
     onChange?: (isChecked: boolean) => void;
 }

package/dist/components/NavBar/types.d.ts

@@ -7,6 +7,7 @@ export interface NavBarProps {
 }
 export type CustomIconProps = (props: {
     className?: string;
+    showIconTooltip?: boolean;
 }) => JSX.Element;
 export type NavBarExtendedItem = {
     CustomIcon?: CustomIconProps;

package/dist/index.js

@@ -11289,6 +11289,7 @@ const CollapsibleNavToggle = ({
     children: (0,jsx_runtime_namespaceObject.jsx)(CollapsibleNavToggleWrapper, {
       children: (0,jsx_runtime_namespaceObject.jsxs)("label", {
         htmlFor: id,
+        "data-testid": "collapsible-nav-toggle-label",
         css: CollapsibleNavToggle_ref,
         children: [(0,jsx_runtime_namespaceObject.jsx)("span", {}), (0,jsx_runtime_namespaceObject.jsx)("span", {}), (0,jsx_runtime_namespaceObject.jsx)("span", {})]
       })
@@ -11314,11 +11315,13 @@ const CollapsibleNavBarContext = /*#__PURE__*/(0,external_react_namespaceObject.
 const CollapsibleNavBarProvider = ({
   children,
   theme,
-  subMenuMaxWidth
+  subMenuMaxWidth,
+  showIconTooltip
 }) => (0,jsx_runtime_namespaceObject.jsx)(CollapsibleNavBarContext.Provider, {
   value: {
     theme,
-    subMenuMaxWidth
+    subMenuMaxWidth,
+    showIconTooltip
   },
   children: children
 });
@@ -11342,17 +11345,20 @@ const NavContentToggle = ({
 }) => {
   const globalTheme = (0,react_namespaceObject.useTheme)();
   const {
-    theme
+    theme,
+    showIconTooltip
   } = useCollapsibleNavBarContext();
   return (0,jsx_runtime_namespaceObject.jsx)("div", {
     css: ContentToggle(theme, isChecked),
     children: (0,jsx_runtime_namespaceObject.jsx)("label", {
       htmlFor: id,
+      "data-testid": "collapsible-nav-content-toggle-label",
       css: CollapsibleNavContentToggle_ref,
       children: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
         name: isChecked ? 'carrot-left' : 'carrot-right',
         color: theme === 'default' ? '#000' : globalTheme.colors.greyDarker,
-        size: 14
+        size: 14,
+        tooltip: showIconTooltip ? undefined : ''
       })
     })
   });
@@ -11863,6 +11869,7 @@ function TriggerIcon_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried t
 
 
 
+
 var TriggerIcon_ref =  true ? {
   name: "1fojab0",
   styles: "width:auto;min-width:25px;justify-content:center;overflow:visible;position:relative;height:26px"
@@ -11874,18 +11881,23 @@ const TriggerIcon = ({
   CustomIcon
 }) => {
   const theme = (0,react_namespaceObject.useTheme)();
+  const {
+    showIconTooltip
+  } = useCollapsibleNavBarContext();
   return (0,jsx_runtime_namespaceObject.jsx)(Wrapper_Wrapper, {
     css: TriggerIcon_ref,
     className: "trigger-icon",
     children: CustomIcon ? (0,jsx_runtime_namespaceObject.jsx)(CustomIcon, {
       size: iconSize,
       className: className,
-      color: theme.colors.grey
+      color: theme.colors.grey,
+      showIconTooltip: showIconTooltip
     }) : (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
       name: iconName,
       color: theme.colors.grey,
       size: iconSize,
-      className: className
+      className: className,
+      tooltip: showIconTooltip ? undefined : ''
     })
   });
 };
@@ -11912,7 +11924,8 @@ const ItemAccordionTitle = ({
   useMatchPattern
 }) => {
   const {
-    theme
+    theme,
+    showIconTooltip
   } = useCollapsibleNavBarContext();
   const linkRef = (0,external_react_namespaceObject.useRef)(null);
   const classNamesList = Array.from(linkRef.current?.classList || []);
@@ -11972,7 +11985,9 @@ const ItemAccordionTitle = ({
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ,
         ref: linkRef,
-        children: [item.CustomIcon ? (0,jsx_runtime_namespaceObject.jsx)(item.CustomIcon, {}) : (0,jsx_runtime_namespaceObject.jsx)(Icon, {}), (0,jsx_runtime_namespaceObject.jsx)(AccordionTitle, {
+        children: [item.CustomIcon ? (0,jsx_runtime_namespaceObject.jsx)(item.CustomIcon, {
+          showIconTooltip: showIconTooltip
+        }) : (0,jsx_runtime_namespaceObject.jsx)(Icon, {}), (0,jsx_runtime_namespaceObject.jsx)(AccordionTitle, {
           ...data,
           css: styles_AccordionTitle(theme)
         })]
@@ -12184,6 +12199,7 @@ const CollapsibleNavBar = ({
   renderLogo,
   theme = 'default',
   subMenuMaxWidth,
+  showIconTooltip = false,
   className,
   useMatchPattern,
   onChange
@@ -12208,6 +12224,7 @@ const CollapsibleNavBar = ({
   return (0,jsx_runtime_namespaceObject.jsx)(CollapsibleNavBarProvider, {
     theme: theme,
     subMenuMaxWidth: subMenuMaxWidth,
+    showIconTooltip: showIconTooltip,
     children: (0,jsx_runtime_namespaceObject.jsxs)(CollapsibleNavBarBase, {
       className: className + (isChecked ? ' opened' : ''),
       "data-theme": theme,