@ssa-ui-kit/core 2.26.0 → 2.27.0

package/dist/components/Charts/PieChart/types.d.ts

@@ -6,6 +6,7 @@ export interface PieChartTooltipProps {
     isEnabled?: boolean;
     isFullscreenEnabled?: boolean;
     dimension?: string;
+    className?: string;
     outputType?: 'value' | 'value+dimension' | 'dimension' | 'percentage' | 'value+percentage' | 'percentage+value' | 'value+dimension+percentage';
     valueRoundingDigits?: number | false;
     percentageRoundingDigits?: number;
@@ -57,4 +58,5 @@ export type PieChartTooltipViewProps = {
         x: number;
         y: number;
     } | null;
+    className?: string;
 };

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

@@ -6771,7 +6771,8 @@ const PieChartTooltip = /*#__PURE__*/(0,external_react_namespaceObject.forwardRe
   dimension,
   isFullscreenMode,
   position,
-  isOpen
+  isOpen,
+  className
 }, ref) {
   const theme = (0,react_namespaceObject.useTheme)();
   if (!isOpen) {
@@ -6797,6 +6798,7 @@ const PieChartTooltip = /*#__PURE__*/(0,external_react_namespaceObject.forwardRe
       visibility: point ? 'visible' : 'hidden',
       zIndex: 10
     },  true ? "" : 0,  true ? "" : 0),
+    className: className,
     children: point && (0,jsx_runtime_namespaceObject.jsxs)((external_react_default()).Fragment, {
       children: [(0,jsx_runtime_namespaceObject.jsx)("div", {
         css: /*#__PURE__*/(0,react_namespaceObject.css)({
@@ -7037,6 +7039,7 @@ const PieChartInternal = ({
               position: tooltipPosition,
               dimension: dimension,
               outputType: outputType,
+              className: tooltipProps?.className,
               isFullscreenMode: isFullscreenMode,
               ref: refs.setFloating
             })
@@ -11289,6 +11292,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 +11318,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 +11348,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 +11872,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 +11884,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 +11927,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 +11988,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 +12202,7 @@ const CollapsibleNavBar = ({
   renderLogo,
   theme = 'default',
   subMenuMaxWidth,
+  showIconTooltip = false,
   className,
   useMatchPattern,
   onChange
@@ -12208,6 +12227,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,