@ssa-ui-kit/core 2.21.3 → 2.22.1

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 BarGaugeChart: typeof BarGaugeChartComponent;

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

@@ -19,7 +19,6 @@ export interface GaugeChartProps extends Pick<GaugeChartLabelsProps, 'maxLabel'
     features?: GaugeChartFeature[];
     widgetCardProps?: WidgetCardProps;
 }
-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, 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/ProgressCircle/ProgressCircle.d.ts

@@ -1,3 +1,3 @@
 import { ProgressCircleProps } from './types';
-declare const ProgressCircle: ({ max, currentValue, color, size, infoContent, }: ProgressCircleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ProgressCircle: ({ max, currentValue, color, size, infoContent, mode, classnames, }: ProgressCircleProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ProgressCircle;

package/dist/components/ProgressCircle/ProgressCircleBase.d.ts

@@ -7,4 +7,5 @@ export declare const ProgressCircleBase: import("@emotion/styled").StyledCompone
     svgOffset: number;
     color: string;
     size: number;
+    mode: "default" | "infinite";
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -4,4 +4,12 @@ export interface ProgressCircleProps {
     size?: number;
     color?: keyof MainColors;
     infoContent?: React.ReactNode | string;
+    mode?: 'default' | 'infinite';
+    classnames?: {
+        root?: string;
+        outer?: string;
+        inner?: string;
+        svg?: string;
+        svgCircle?: string;
+    };
 }

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
 
@@ -6334,13 +6336,23 @@ const generateGradient = svgOffset => (0,react_namespaceObject.keyframes)`
     stroke-dashoffset: ${svgOffset};
   }
 `;
+const generateInfinite = () => (0,react_namespaceObject.keyframes)`
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+`;
 const ProgressCircleBase = /*#__PURE__*/base_default()("div",  true ? {
   target: "eok4i9s0"
 } : 0)("width:", ({
   size
 }) => size, "px;height:", ({
   size
-}) => size, "px;position:relative;svg{position:absolute;top:0;left:0;filter:", ({
+}) => size, "px;position:relative;animation:", () => generateInfinite(), " 2s linear infinite forwards;animation:", ({
+  mode
+}) => mode === 'default' && 'none', ";svg{position:absolute;top:0;left:0;filter:", ({
   theme,
   color
 }) => `drop-shadow(3px 5px 10px ${theme.colors[`${color}Lighter40`] || theme.colors[color]})`, ";}circle{fill:none;stroke:url(#", ({
@@ -6353,7 +6365,11 @@ const ProgressCircleBase = /*#__PURE__*/base_default()("div",  true ? {
   fullStroke
 }) => fullStroke, ";animation:", ({
   svgOffset
-}) => generateGradient(svgOffset), " 1s linear forwards;}" + ( true ? "" : 0));
+}) => generateGradient(svgOffset), " 1s linear forwards;animation-direction:", ({
+  mode
+}) => mode === 'infinite' && 'reverse !important', ";animation-play-state:", ({
+  mode
+}) => mode === 'infinite' && 'paused !important', ";}" + ( true ? "" : 0));
 ;// ./src/components/ProgressCircle/ProgressCircleOuter.tsx
 
 const ProgressCircleOuter = /*#__PURE__*/base_default()("div",  true ? {
@@ -6388,7 +6404,9 @@ const ProgressCircle = ({
   currentValue,
   color = 'green',
   size = 160,
-  infoContent
+  infoContent,
+  mode = 'default',
+  classnames
 }) => {
   const theme = (0,react_namespaceObject.useTheme)();
   const gradientId = (0,external_react_namespaceObject.useId)();
@@ -6405,10 +6423,14 @@ const ProgressCircle = ({
     svgOffset: svgOffset,
     color: color,
     size: size,
+    mode: mode,
+    className: classnames?.root,
     children: [(0,jsx_runtime_namespaceObject.jsx)(ProgressCircleOuter, {
       size: size,
+      className: classnames?.outer,
       children: (0,jsx_runtime_namespaceObject.jsx)(ProgressCircleInner, {
         size: size,
+        className: classnames?.inner,
         children: infoContent
       })
     }), (0,jsx_runtime_namespaceObject.jsxs)("svg", {
@@ -6418,6 +6440,7 @@ const ProgressCircle = ({
       preserveAspectRatio: "xMinYMin slice",
       width: "100%",
       height: "100%",
+      className: classnames?.svg,
       children: [(0,jsx_runtime_namespaceObject.jsx)("defs", {
         children: (0,jsx_runtime_namespaceObject.jsxs)("linearGradient", {
           id: gradientId,
@@ -6432,7 +6455,8 @@ const ProgressCircle = ({
       }), (0,jsx_runtime_namespaceObject.jsx)("circle", {
         cx: size / 2,
         cy: size / 2,
-        r: size / 2 - barStroke
+        r: size / 2 - barStroke,
+        className: classnames?.svgCircle
       })]
     })]
   });
@@ -8168,6 +8192,7 @@ const useTooltip = props => {
     placement,
     enableClick = true,
     enableHover = false,
+    enableClientPoint = false,
     offsetOptions = 12,
     size = 'small',
     hasArrow = true,
@@ -8197,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,