@ssa-ui-kit/core 2.27.0 → 2.27.2

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/components/Typeahead/Typeahead.d.ts

@@ -8,4 +8,4 @@ import { TypeaheadProps } from './types';
  * Aria attributes are set according to
  * https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
  **/
-export declare const Typeahead: ({ name, label, selectedItems, defaultSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, optionsClassName, wrapperClassName, filterOptions, width, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Typeahead: ({ name, label, selectedItems, defaultSelectedItems, isOpen, isDisabled, isMultiple, children, className, startIcon, endIcon, error, success, helperText, validationSchema, placeholder, startIconClassName, endIconClassName, popoverClassName, optionsClassName, wrapperClassName, filterOptions, width, onChange, onEmptyChange, onClearAll, onRemoveSelectedClick, renderOption, }: TypeaheadProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -9,6 +9,7 @@ export interface TypeaheadProps {
     isDisabled?: boolean;
     children?: React.ReactNode;
     className?: string;
+    popoverClassName?: string;
     optionsClassName?: string;
     wrapperClassName?: string;
     width?: string | number;

package/dist/index.js

@@ -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
     })
   });
 };
@@ -19395,6 +19397,7 @@ const Typeahead = ({
   placeholder = 'Select something',
   startIconClassName,
   endIconClassName,
+  popoverClassName,
   optionsClassName,
   wrapperClassName,
   filterOptions,
@@ -19454,6 +19457,7 @@ const Typeahead = ({
         children: (0,jsx_runtime_namespaceObject.jsx)(TypeaheadFocusTrap, {
           children: (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
             children: [(0,jsx_runtime_namespaceObject.jsx)(TypeaheadTrigger_TypeaheadTrigger, {}), (0,jsx_runtime_namespaceObject.jsx)(PopoverContent, {
+              className: popoverClassName,
               css: /*#__PURE__*/(0,react_namespaceObject.css)({
                 width: hookResult.triggerRef.current?.clientWidth,
                 boxShadow: `-4px 4px 14px 0px ${theme.colors.greyDarker14}`,