@ssa-ui-kit/core 2.22.0 → 2.23.0

package/dist/components/AccordionGroup/stories/helpers.d.ts

@@ -1,4 +1,4 @@
-import { Decorator } from '@storybook/react';
+import { Decorator } from '@storybook/react-webpack5';
 import { AccordionGroupProps } from '../types';
 export declare const AccordionGroupDecorator: Decorator;
 export declare const AccordionTemplate: (args: Pick<AccordionGroupProps, "size" | "accordionsStayOpen">) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Charts/BarGaugeChart/BarGaugeChart.d.ts

@@ -1,6 +1,3 @@
 import { BarGaugeChartProps } from './types';
-export declare const BarGaugeChartComponent: ({ title, widgetCardProps, bars, features, }: BarGaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const BarGaugeChart: {
-    (props: BarGaugeChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const BarGaugeChartComponent: ({ title, widgetCardProps, wrapperProps, bars, features, }: BarGaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BarGaugeChart: typeof BarGaugeChartComponent;

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

@@ -1,5 +1,6 @@
 import { MustInclude } from '@ssa-ui-kit/utils';
 import { WidgetCardProps } from '../../WidgetCard';
+import Wrapper from '../../Wrapper';
 export type BarGaugeChartFeature = 'header' | 'fullscreenMode';
 export type GaugeBarThreshold = {
     value: number;
@@ -24,4 +25,5 @@ export interface BarGaugeChartProps {
     widgetCardProps?: WidgetCardProps;
     bars?: GaugeBarProps[];
     features?: BarGaugeChartFeature[];
+    wrapperProps?: React.ComponentProps<typeof Wrapper>;
 }

package/dist/components/Charts/BarLineComplexChart/BarLineComplexChart.d.ts

@@ -1,5 +1,4 @@
 import { BarLineComplexChartProps } from './types';
-export declare const BarLineComplexChart: {
-    (props: BarLineComplexChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const BarLineComplexChartComponent: ({ data, lineShape, maxVisibleBars, maxVisibleLines, title, cardProps, features, isFullscreenModeInitial, onFullscreenModeChange, ...rest }: BarLineComplexChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BarLineComplexChart: typeof BarLineComplexChartComponent;
+export {};

package/dist/components/Charts/BigNumberChart/BigNumberChart.d.ts

@@ -12,7 +12,4 @@ export interface BigNumberChartProps {
     valueFormat?: (value: Datum) => React.ReactNode;
 }
 export declare const BigNumberChartComponent: ({ data, title, widgetCardProps, trendLineProps, interactive, features, valueFormat, }: BigNumberChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const BigNumberChart: {
-    (props: BigNumberChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const BigNumberChart: typeof BigNumberChartComponent;

package/dist/components/Charts/CandlestickChart/CandlestickChart.d.ts

@@ -10,7 +10,4 @@ export interface CandlestickChartProps extends Partial<Omit<PlotParams, 'data' |
     widgetCardProps?: WidgetCardProps;
 }
 export declare const CandlestickChartComponent: ({ title, data, features, widgetCardProps, style, ...plotParams }: CandlestickChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const CandlestickChart: {
-    (props: CandlestickChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const CandlestickChart: typeof CandlestickChartComponent;

package/dist/components/Charts/GaugeChart/GaugeChart.d.ts

@@ -18,8 +18,8 @@ export interface GaugeChartProps extends Pick<GaugeChartLabelsProps, 'maxLabel'
     trackProps?: Omit<GaugeChartBaseProps, 'data'>;
     features?: GaugeChartFeature[];
     widgetCardProps?: WidgetCardProps;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
 }
-export declare const GaugeChart: {
-    (props: GaugeChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const GaugeChartComponent: ({ minLabel, maxLabel, totalLabel, unitLabel, minValue, maxValue, value, title, chartProps, trackProps, widgetCardProps, containerProps, withLabels, withTrack, withNeedle, features, segments, ticks, }: GaugeChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const GaugeChart: typeof GaugeChartComponent;
+export {};

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

@@ -1,6 +1,3 @@
 import { PieChartProps } from './types';
 export declare const PieChartComponent: (props: PieChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const PieChart: {
-    (props: PieChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const PieChart: typeof PieChartComponent;

package/dist/components/Charts/RadarChart/RadarChart.d.ts

@@ -10,8 +10,5 @@ export interface RadarChartProps<D extends Record<string, unknown>> extends Omit
     widgetCardProps?: WidgetCardProps;
 }
 export declare const RadarChartComponent: <D extends Record<string, unknown>>({ title, widgetCardProps, features, ...radarProps }: RadarChartProps<D>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const RadarChart: {
-    (props: RadarChartProps<Record<string, unknown>>): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const RadarChart: typeof RadarChartComponent;
 export {};

package/dist/components/Charts/SegmentedPieChart/SegmentedPieChart.d.ts

@@ -1,6 +1,3 @@
 import { SegmentedPieChartProps } from './types';
 export declare const SegmentedPieChartComponent: ({ data, pieChartProps, pieChartLegendProps, legendBackgrounds, pieChartColors, currency, otherLabel, totalAmount, totalDimension, legendValueRoundingDigits, legendPercentageRoundingDigits, showDimensions, showPercentage, titleTooltipOptions, tooltipConfig, renderTitleTooltipContent, }: SegmentedPieChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const SegmentedPieChart: {
-    (props: SegmentedPieChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const SegmentedPieChart: typeof SegmentedPieChartComponent;

package/dist/components/Charts/TreeMapChart/TreeMapChart.d.ts

@@ -16,8 +16,5 @@ export interface TreeMapChartProps extends Omit<NivoTreeMapChartProps, 'data'> {
     widgetCardProps?: WidgetCardProps;
 }
 export declare const TreeMapChartComponent: ({ data, title, widgetCardProps, features, ...treeMapProps }: TreeMapChartProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const TreeMapChart: {
-    (props: TreeMapChartProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const TreeMapChart: typeof TreeMapChartComponent;
 export {};

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -1,3 +1,3 @@
 import { ProgressBarProps } from './types';
-export declare const ProgressBar: ({ percentage, color, vertical, bgColor, size, }: ProgressBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressBarProps & import("react").RefAttributes<HTMLDivElement>>;
 export default ProgressBar;

package/dist/components/TabBar/stories/helpers.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Decorator } from '@storybook/react';
+import { Decorator } from '@storybook/react-webpack5';
 import { TabProps } from '../types';
 export declare const TabBarWrapper: ({ children, selectedTabId, renderContent, }: {
     children: React.ReactNode;

package/dist/components/Table/stories/{NoControlOrders → StyledTable}/components/TableList.d.ts

@@ -1,2 +1,2 @@
-import { StyledTableProps } from '../../StyledTable/types';
+import { StyledTableProps } from '../types';
 export declare const TableList: ({ children, ...rest }: StyledTableProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Table/stories/StyledTable/components/index.d.ts

@@ -3,4 +3,5 @@ export * from './Trade';
 export * from './PNL';
 export * from './ROI';
 export * from './TableTag';
+export * from './TableList';
 export * from './Actions';

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

@@ -10,6 +10,7 @@ export interface TooltipProps extends CommonProps {
     placement?: Placement;
     enableHover?: boolean;
     enableClick?: boolean;
+    enableClientPoint?: boolean;
     offsetOptions?: OffsetOptions;
     size?: TooltipSize;
     hasArrow?: boolean;

package/dist/index.js

@@ -6274,6 +6274,7 @@ const bar = () => ProgressBar_styles_ref;
 
 
 
+
 const ProgressBar_mapColors = {
   pink: pink,
   yellow: yellow,
@@ -6284,13 +6285,13 @@ const ProgressBar_mapColors = {
   blueLight: blueLight,
   yellowWarm: yellowWarm
 };
-const ProgressBar = ({
+const ProgressBar = /*#__PURE__*/(0,external_react_namespaceObject.forwardRef)(function ProgressBar({
   percentage,
   color = 'green',
   vertical = false,
   bgColor = 'rgba(238, 241, 247, 1)',
   size = 12
-}) => {
+}, ref) {
   const mapBarWrapper = {
     horizontal: {
       height: size,
@@ -6312,6 +6313,7 @@ const ProgressBar = ({
     }
   };
   return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    ref: ref,
     css: [wrapper, {
       backgroundColor: bgColor
     },  true ? "" : 0,  true ? "" : 0],
@@ -6324,7 +6326,7 @@ const ProgressBar = ({
       style: mapBarContainer[vertical ? 'vertical' : 'horizontal']
     })
   });
-};
+});
 /* harmony default export */ const ProgressBar_ProgressBar = (ProgressBar);
 ;// ./src/components/ProgressCircle/ProgressCircleBase.tsx
 
@@ -8190,6 +8192,7 @@ const useTooltip = props => {
     placement,
     enableClick = true,
     enableHover = false,
+    enableClientPoint = false,
     offsetOptions = 12,
     size = 'small',
     hasArrow = true,
@@ -8219,7 +8222,10 @@ const useTooltip = props => {
   });
   const dismiss = (0,external_floating_ui_react_namespaceObject.useDismiss)(context);
   const role = (0,external_floating_ui_react_namespaceObject.useRole)(context);
-  const interactionsData = (0,external_floating_ui_react_namespaceObject.useInteractions)([hover, click, dismiss, role]);
+  const clientPoint = (0,external_floating_ui_react_namespaceObject.useClientPoint)(context, {
+    enabled: enableClientPoint
+  });
+  const interactionsData = (0,external_floating_ui_react_namespaceObject.useInteractions)([hover, click, dismiss, role, clientPoint]);
   return (0,external_react_namespaceObject.useMemo)(() => ({
     isOpen,
     setIsOpen,
@@ -10406,6 +10412,7 @@ const GaugeChartComponent = ({
   chartProps,
   trackProps,
   widgetCardProps,
+  containerProps,
   withLabels = true,
   withTrack = true,
   withNeedle = true,
@@ -10450,6 +10457,7 @@ const GaugeChartComponent = ({
   const pieOffset = centeredOffset(containerSize, pieSize);
   return (0,jsx_runtime_namespaceObject.jsx)("div", {
     css: GaugeChart_ref,
+    ...containerProps,
     children: (0,jsx_runtime_namespaceObject.jsx)(WithWidgetCard, {
       features: features,
       cardProps: {
@@ -10663,6 +10671,7 @@ var BarGaugeChart_ref =  true ? {
 const BarGaugeChartComponent = ({
   title,
   widgetCardProps,
+  wrapperProps,
   bars = [],
   features = []
 }) => (0,jsx_runtime_namespaceObject.jsx)(WithWidgetCard, {
@@ -10678,6 +10687,7 @@ const BarGaugeChartComponent = ({
     direction: "column",
     alignItems: "start",
     css: BarGaugeChart_ref,
+    ...wrapperProps,
     children: bars.map((barProps, index) => (0,jsx_runtime_namespaceObject.jsx)(GaugeBar, {
       ...barProps
     }, index))