@ssa-ui-kit/widgets 2.30.0 → 2.32.0-canary-b64be64-20251219

package/dist/components/AccountKeys/useAccountKeys.d.ts

@@ -1,8 +1,8 @@
 export type UseAccountKeysOptions = {
-    title?: string | JSX.Element;
+    title?: string | React.JSX.Element;
     apiKey: string;
     secretKey: string;
-    placeholder?: string | JSX.Element;
+    placeholder?: string | React.JSX.Element;
     visible?: boolean;
     defaultVisible?: boolean;
     onDelete?: () => void;
@@ -10,7 +10,7 @@ export type UseAccountKeysOptions = {
     isDisabled?: boolean;
 };
 export declare const useAccountKeys: ({ title, apiKey, secretKey, placeholder: controlledPlaceholder, isDisabled, visible, defaultVisible, onDelete, onVisibilityChange, }: UseAccountKeysOptions) => {
-    title: string | JSX.Element | undefined;
+    title: string | import("react").JSX.Element | undefined;
     apiKey: string;
     secretKey: string;
     placeholder: string | import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/HeartRate/HeartRateLineChart.d.ts

@@ -1,2 +1,5 @@
-import { LineSvgProps } from '@nivo/line';
-export declare const HeartRateLineChart: ({ data, ...props }: LineSvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { LineSvgProps, LineSeries } from '@nivo/line';
+import { ResponsiveProps } from '@nivo/core';
+type LineProps = ResponsiveProps<LineSvgProps<LineSeries>>;
+export declare const HeartRateLineChart: ({ data, ...props }: LineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,6 +1,6 @@
-import { Serie } from '@nivo/line';
+import { LineSeries } from '@nivo/line';
 export interface HeartRateProps {
-    data: Serie;
+    data: LineSeries;
     caption?: string;
     color?: string;
 }

package/dist/components/MarginInfo/MarginInfo.d.ts

@@ -1,2 +1,2 @@
 import { MarginInfoProps } from './types';
-export declare const MarginInfo: ({ title, base, quote, baseBorrowed, baseInterestRate, baseTotalInterest, quoteBorrowed, quoteInterestRate, quoteTotalInterest, showInterestRate, disableBorrow, disableRepay, onBorrow, onRepay, className, wrapperClassName, headerClassName, contentClassName, }: MarginInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MarginInfo: ({ title, base, quote, baseBorrowed, baseInterestRate, baseTotalInterest, quoteBorrowed, quoteInterestRate, quoteTotalInterest, borrowedLabel, interestRateLabel, totalInterestLabel, showInterestRate, disableBorrow, disableRepay, onBorrow, onRepay, className, wrapperClassName, headerClassName, contentClassName, }: MarginInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/MarginInfo/styles.d.ts

@@ -41,7 +41,6 @@ export declare const ButtonsWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    avatarSize?: number;
     direction?: string;
     alignItems?: string;
     fade?: boolean;

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

@@ -7,6 +7,9 @@ export interface MarginInfoProps {
     quoteBorrowed: ReactNode;
     baseTotalInterest: ReactNode;
     quoteTotalInterest: ReactNode;
+    borrowedLabel?: string;
+    interestRateLabel?: string;
+    totalInterestLabel?: string;
     showInterestRate?: boolean;
     baseInterestRate?: ReactNode;
     quoteInterestRate?: ReactNode;

package/dist/components/MealNutrients/MealNutrientsLineChart.d.ts

@@ -1,2 +1,5 @@
-import { LineSvgProps } from '@nivo/line';
-export declare const MealNutrientsLineChart: ({ data, ...props }: LineSvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+import { LineSvgProps, LineSeries } from '@nivo/line';
+import { ResponsiveProps } from '@nivo/core';
+type LineProps = ResponsiveProps<LineSvgProps<LineSeries>>;
+export declare const MealNutrientsLineChart: ({ data, ...props }: LineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/MealNutrients/chartDefaultConfig.d.ts

@@ -1,2 +1,5 @@
-import { LineProps } from '@nivo/line';
+import { LineSeries, LineSvgProps } from '@nivo/line';
+import { ResponsiveProps } from '@nivo/core';
+type LineProps = ResponsiveProps<LineSvgProps<LineSeries>>;
 export declare const defaults: Omit<LineProps, 'data'>;
+export {};

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

@@ -1,4 +1,4 @@
-import { Point, LineSvgProps, CustomLayerProps } from '@nivo/line';
+import { Point, LineSvgProps, LineCustomSvgLayerProps, LineSeries } from '@nivo/line';
 import { ScaleTimeSpec } from '@nivo/scales';
 import { MainColors, DropdownOptionProps } from '@ssa-ui-kit/core';
 export interface OptionType extends DropdownOptionProps {
@@ -9,20 +9,20 @@ export interface OptionType extends DropdownOptionProps {
 export interface MealNutrientsProps {
     caption?: string;
     options: OptionType[];
-    data: LineSvgProps['data'];
+    data: LineSvgProps<LineSeries>['data'];
     onOptionChange?: (option: OptionType) => void;
 }
 export interface MealNutrientsTooltipProps {
     colorName: keyof MainColors;
-    point: Exclude<Point, 'data'> & {
-        data: Point['data'] & {
+    point: Exclude<Point<LineSeries>, 'data'> & {
+        data: Point<LineSeries>['data'] & {
             comp?: number;
             unit?: string;
         };
     };
 }
-export type UseChartConfig = (ref: React.RefObject<HTMLElement>, data: LineSvgProps['data'], precision: ScaleTimeSpec['precision'] | 'week') => Pick<LineSvgProps, 'xScale' | 'axisBottom'>;
-export type ScaleSpec = LineSvgProps['xScale'];
-export type CustomPointLayerProps = CustomLayerProps & {
-    currentPoint?: Point;
+export type UseChartConfig = (ref: React.RefObject<HTMLElement | null>, data: LineSvgProps<LineSeries>['data'], precision: ScaleTimeSpec['precision'] | 'week') => Pick<LineSvgProps<LineSeries>, 'xScale' | 'axisBottom'>;
+export type ScaleSpec = LineSvgProps<LineSeries>['xScale'];
+export type CustomPointLayerProps = LineCustomSvgLayerProps<LineSeries> & {
+    currentPoint: Point<LineSeries> | null;
 };

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

@@ -12,6 +12,6 @@ export type TradingInfoCardWrapperProps = Pick<TradingInfoCardProps, 'onClick' |
     children?: React.ReactNode;
 };
 export interface TradingInfoCardTooltipProps {
-    trigger: string | number | JSX.Element;
+    trigger: string | number | React.JSX.Element;
     children: React.ReactNode;
 }

package/dist/index.js

@@ -300,6 +300,8 @@ const getTime = (date, options) => date.toLocaleTimeString('en-US', options || {
 
 
 
+const ResponsiveLine = (0,core_namespaceObject.wrapNivoResponsiveComponent)(line_namespaceObject.ResponsiveLine, 'ResponsiveLine');
+
 // ScaleSpec is not exported from @nivo/line
 
 const defaults = {
@@ -323,7 +325,7 @@ const defaults = {
     from: 'serieColor'
   },
   legends: [],
-  xFormat: yVal => getTime(new Date(yVal)),
+  xFormat: yVal => getTime(new Date(String(yVal))),
   yFormat: xVal => `${xVal} bpm`,
   tooltip: args => (0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.SimpleChartTooltip, {
     ...args
@@ -333,7 +335,7 @@ const HeartRateLineChart = ({
   data,
   ...props
 }) => {
-  return (0,jsx_runtime_namespaceObject.jsx)(line_namespaceObject.ResponsiveLine, {
+  return (0,jsx_runtime_namespaceObject.jsx)(ResponsiveLine, {
     data: data,
     curve: "linear",
     axisTop: null,
@@ -403,6 +405,7 @@ function HeartRate_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to
 
 
 
+
 const gradientId = 'HeartRateGradient';
 const chartFill = [{
   match: '*',
@@ -431,7 +434,11 @@ const HeartRate = ({
   color
 }) => {
   const [bpmValue, setBpmValue] = (0,external_react_namespaceObject.useState)(data?.data?.[0]?.y);
-  const [onBpmValueChange, cancelTimer] = (0,external_react_namespaceObject.useMemo)(() => (0,utils_namespaceObject.throttle)(point => setBpmValue(point?.data?.y), 100), []);
+  const [onBpmValueChange, cancelTimer] = (0,external_react_namespaceObject.useMemo)(() => (0,utils_namespaceObject.throttle)(point => {
+    if ((0,line_namespaceObject.isPoint)(point)) {
+      setBpmValue(point?.data?.y);
+    }
+  }, 100), []);
   const theme = (0,react_namespaceObject.useTheme)();
   const chartColor = color || theme.colors.purpleDark;
   (0,external_react_namespaceObject.useEffect)(() => () => cancelTimer(), []);
@@ -499,7 +506,6 @@ const CustomPointLayer = ({
   pointBorderWidth,
   ...props
 }) => {
-  const theme = (0,external_nivo_core_namespaceObject.useTheme)();
   if (!currentPoint) {
     return;
   }
@@ -511,7 +517,6 @@ const CustomPointLayer = ({
       color: point.color,
       borderColor: point.borderColor,
       datum: point.data,
-      theme: theme,
       size: pointSize || 0,
       borderWidth: pointBorderWidth || 0,
       ...props
@@ -575,7 +580,7 @@ const MealNutrientsTooltip = ({
   colorName,
   point
 }) => {
-  const caption = capitalize(String(point.serieId));
+  const caption = capitalize(String(point.seriesId));
   const {
     data: {
       y,
@@ -601,6 +606,8 @@ const MealNutrientsTooltip = ({
 
 
 
+
+const MealNutrientsLineChart_ResponsiveLine = (0,core_namespaceObject.wrapNivoResponsiveComponent)(line_namespaceObject.ResponsiveLine, 'ResponsiveLine');
 const colorPalette = ['pink', 'purple', 'turquoise', 'yellow', 'green', 'blue'];
 const MealNutrientsLineChart = ({
   data,
@@ -645,7 +652,7 @@ const MealNutrientsLineChart = ({
       }
     }
   }), [theme.colors, defaultColorMapping]);
-  return (0,jsx_runtime_namespaceObject.jsx)(line_namespaceObject.ResponsiveLine, {
+  return (0,jsx_runtime_namespaceObject.jsx)(MealNutrientsLineChart_ResponsiveLine, {
     data: data,
     curve: "catmullRom",
     axisTop: null,
@@ -1263,7 +1270,6 @@ const ListGoalsCard = ({
     noShadow: true,
     children: (0,jsx_runtime_namespaceObject.jsxs)(core_namespaceObject.Wrapper, {
       direction: "row",
-      avatarSize: 42,
       children: [(0,jsx_runtime_namespaceObject.jsx)(core_namespaceObject.Avatar, {
         size: 42,
         image: image,
@@ -2730,6 +2736,9 @@ const MarginInfo = ({
   quoteBorrowed,
   quoteInterestRate,
   quoteTotalInterest,
+  borrowedLabel = 'Borrowed',
+  interestRateLabel = 'Interest Rate',
+  totalInterestLabel = 'Total Interest',
   showInterestRate = true,
   disableBorrow = false,
   disableRepay = false,
@@ -2759,15 +2768,15 @@ const MarginInfo = ({
         })
       }), (0,jsx_runtime_namespaceObject.jsxs)(TableBody, {
         children: [(0,jsx_runtime_namespaceObject.jsx)(MarginInfoTableRow, {
-          label: "Borrowed",
+          label: borrowedLabel,
           baseValue: baseBorrowed,
           quoteValue: quoteBorrowed
         }), showInterestRate && (0,jsx_runtime_namespaceObject.jsx)(MarginInfoTableRow, {
-          label: "Interest Rate",
+          label: interestRateLabel,
           baseValue: baseInterestRate,
           quoteValue: quoteInterestRate
         }), (0,jsx_runtime_namespaceObject.jsx)(MarginInfoTableRow, {
-          label: "Total Interest",
+          label: totalInterestLabel,
           baseValue: baseTotalInterest,
           quoteValue: quoteTotalInterest
         })]