@ssa-ui-kit/core 2.27.1 → 2.27.3

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

@@ -1,3 +1,3 @@
 import { FullscreenModeContextType } from '../../FullscreenModeContext';
 import { PieChartProps } from './types';
-export declare const PieChartInternal: ({ as, className, title, children, width, features, cardProps, activeHighlight, isFullscreenMode, activeId, data, legendOutputType: legendOutputTypeInitial, tooltipProps, setActiveId, onFullscreenModeChange, ...chartProps }: PieChartProps & Pick<FullscreenModeContextType, "activeId" | "isFullscreenMode" | "setActiveId">) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PieChartInternal: ({ as, className, title, children, width, features, cardProps, activeHighlight, isFullscreenMode, activeId, data, legendOutputType: legendOutputTypeInitial, tooltipProps, noData, setActiveId, onFullscreenModeChange, ...chartProps }: PieChartProps & Pick<FullscreenModeContextType, "activeId" | "isFullscreenMode" | "setActiveId">) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/PieChart/stories/noDataYet.d.ts

@@ -0,0 +1 @@
+export declare const NoDataYet: () => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -15,6 +15,7 @@ export interface PieChartProps extends CommonProps, React.ComponentProps<typeof
     title?: React.ReactNode;
     children?: React.ReactNode;
     width?: string;
+    noData?: React.ReactNode;
     features?: Array<PieChartFeatures>;
     cardProps?: Omit<WidgetCardProps, 'children'>;
     activeHighlight?: boolean;

package/dist/index.js

@@ -4873,7 +4873,7 @@ const Dropdown = ({
   const onChange = item => {
     const innerItem = options.filter(option => option.value === item)[0];
     setIsOpen(false);
-    if (isDisabled || !item) {
+    if (isDisabled || !innerItem) {
       return;
     }
     if (innerItem.value === activeItem?.value) {
@@ -6874,6 +6874,7 @@ const PieChartInternal = ({
   data,
   legendOutputType: legendOutputTypeInitial = 'value',
   tooltipProps,
+  noData,
   setActiveId,
   onFullscreenModeChange,
   ...chartProps
@@ -6883,6 +6884,7 @@ const PieChartInternal = ({
     activeOuterRadiusOffset = 0,
     isInteractive = false
   } = chartProps;
+  const localFeatures = data.length ? features : features.includes('header') ? ['header'] : [];
   const {
     valueRoundingDigits = false,
     percentageRoundingDigits = 0,
@@ -6964,15 +6966,15 @@ const PieChartInternal = ({
     data: dataForChart,
     legendOutputType: legendOutputType,
     children: (0,jsx_runtime_namespaceObject.jsx)(WithWidgetCard, {
-      features: features,
+      features: localFeatures,
       cardProps: {
         headerContent: (0,jsx_runtime_namespaceObject.jsx)(PieChartHeader, {
-          features: features
+          features: localFeatures
         }),
         css: isHeaderIncluded && isFullscreenMode ? PieChartInternal_ref : undefined,
         ...cardProps
       },
-      children: (0,jsx_runtime_namespaceObject.jsxs)(PieChartBase, {
+      children: data.length ? (0,jsx_runtime_namespaceObject.jsxs)(PieChartBase, {
         as: as,
         className: className,
         width: width,
@@ -7045,7 +7047,7 @@ const PieChartInternal = ({
             })
           })]
         }), children]
-      })
+      }) : noData
     })
   });
 };
@@ -11356,6 +11358,7 @@ const NavContentToggle = ({
     children: (0,jsx_runtime_namespaceObject.jsx)("label", {
       htmlFor: id,
       "data-testid": "collapsible-nav-content-toggle-label",
+      "aria-expanded": isChecked,
       css: CollapsibleNavContentToggle_ref,
       children: (0,jsx_runtime_namespaceObject.jsx)(Icon_Icon, {
         name: isChecked ? 'carrot-left' : 'carrot-right',