@blockscout/ui-toolkit 2.7.3 → 2.8.0-alpha.0

package/README.md

@@ -20,8 +20,8 @@ Install the package using your preferred package manager:
 # Using npm
 npm install @blockscout/ui-toolkit
 
-# Using yarn
-yarn add @blockscout/ui-toolkit
+# Using pnpm
+pnpm add @blockscout/ui-toolkit
 ```
 
 ### Required Dependencies
@@ -39,7 +39,7 @@ Ensure you have the following peer dependencies installed:
     "dayjs": ">=1.11.5",
     "dom-to-image": ">=2.6.0",
     "es-toolkit": ">=1.39.10",
-    "next": ">=15.2.3",
+    "next": ">=16.2.4",
     "next-themes": ">=0.4.4",
     "react": ">=18.3.1",
     "react-dom": ">=18.3.1",
@@ -125,17 +125,17 @@ Add the following script to your `package.json` to generate Chakra UI type defin
 
 1. Clone the repository and install dependencies:
 ```bash
-yarn
+pnpm
 ```
 
 2. Start the development server:
 ```bash
-yarn dev
+pnpm dev
 ```
 
 3. Build the package:
 ```bash
-yarn build
+pnpm build
 ```
 
 ### Publishing

package/dist/chakra/checkbox.d.ts

@@ -1,5 +1,4 @@
-import { Checkbox as ArkCheckbox } from '@ark-ui/react/checkbox';
-import { HTMLChakraProps, Checkbox as ChakraCheckbox } from '@chakra-ui/react';
+import { CheckboxGroupProps as ChakraCheckboxGroupProps, Checkbox as ChakraCheckbox } from '@chakra-ui/react';
 import * as React from 'react';
 export interface CheckboxProps extends ChakraCheckbox.RootProps {
     icon?: React.ReactNode;
@@ -7,7 +6,7 @@ export interface CheckboxProps extends ChakraCheckbox.RootProps {
     rootRef?: React.Ref<HTMLLabelElement>;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
-export interface CheckboxGroupProps extends HTMLChakraProps<'div', ArkCheckbox.GroupProps> {
+export interface CheckboxGroupProps extends ChakraCheckboxGroupProps {
     orientation?: 'vertical' | 'horizontal';
 }
 export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/chakra/select.d.ts

@@ -1,6 +1,9 @@
 import { ListCollection, Select as ChakraSelect } from '@chakra-ui/react';
 import * as React from 'react';
 export type ViewMode = 'default' | 'compact';
+export type OnValueChangeHandler = (details: {
+    value: Array<string>;
+}) => void;
 export interface SelectOption<Value extends string = string> {
     label: string;
     renderLabel?: (place: 'item' | 'value-text') => React.ReactNode;
@@ -31,6 +34,10 @@ interface SelectValueTextProps extends Omit<ChakraSelect.ValueTextProps, 'childr
     invalid?: boolean;
     errorText?: string;
     mode?: ViewMode;
+    multipleConfig?: {
+        term?: string;
+        icon?: React.ReactNode;
+    };
 }
 export declare const SelectValueText: React.ForwardRefExoticComponent<SelectValueTextProps & React.RefAttributes<HTMLSpanElement>>;
 export interface SelectRootProps extends ChakraSelect.RootProps {
@@ -50,6 +57,7 @@ export interface SelectProps extends SelectRootProps {
     errorText?: string;
     contentProps?: SelectContentProps;
     contentHeader?: React.ReactNode;
+    multipleConfig?: SelectValueTextProps['multipleConfig'];
     itemFilter?: (item: SelectOption) => boolean;
     mode?: ViewMode;
 }

package/dist/chakra/status.d.ts

@@ -0,0 +1,5 @@
+import { Status as ChakraStatus } from '@chakra-ui/react';
+import * as React from 'react';
+export interface StatusProps extends ChakraStatus.RootProps {
+}
+export declare const Status: React.ForwardRefExoticComponent<StatusProps & React.RefAttributes<HTMLDivElement>>;

package/dist/chakra/toaster.d.ts

@@ -1,2 +1,3 @@
-export declare const toaster: import('@zag-js/toast').Store<any>;
+import { CreateToasterReturn } from '@chakra-ui/react';
+export declare const toaster: CreateToasterReturn;
 export declare const Toaster: () => import("react").JSX.Element;

package/dist/components/AdaptiveTabs/AdaptiveTabsList.d.ts

@@ -1,7 +1,7 @@
 import { HTMLChakraProps } from '@chakra-ui/react';
 import { default as React } from 'react';
 import { TabItemRegular } from './types';
-import { TabsProps } from '../../chakra/tabs';
+import { TabsProps, TabsTriggerProps } from '../../chakra/tabs';
 export interface SlotProps extends HTMLChakraProps<'div'> {
     widthAllocation?: 'available' | 'fixed';
 }
@@ -11,6 +11,10 @@ export interface BaseProps {
         isSticky: boolean;
         activeTab: string;
     }) => HTMLChakraProps<'div'>);
+    listItemProps?: TabsTriggerProps | (({ index, isActive }: {
+        index: number;
+        isActive: boolean;
+    }) => TabsTriggerProps);
     rightSlot?: React.ReactNode;
     rightSlotProps?: SlotProps;
     leftSlot?: React.ReactNode;

package/dist/components/charts/components/ChartContent.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ChartContentProps {
+    isError?: boolean;
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    emptyText?: string;
+    noWatermark?: boolean;
+    children: React.ReactNode;
+}
+export declare const ChartContent: ({ isError, isLoading, isEmpty, emptyText, noWatermark, children }: ChartContentProps) => React.JSX.Element;

package/dist/components/charts/components/ChartDialog.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { OnOpenChangeHandler } from '../../../hooks/useDisclosure';
+export interface ChartDialogProps {
+    open: boolean;
+    onOpenChange: OnOpenChangeHandler;
+    title: string;
+    description?: string;
+    headerRightSlot?: React.ReactNode;
+    children: React.ReactNode;
+}
+export declare const ChartDialog: ({ open, onOpenChange, title, description, headerRightSlot, children }: ChartDialogProps) => React.JSX.Element;

package/dist/components/charts/components/ChartMenu.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export declare const CHART_MENU_ITEMS_IDS: ("share" | "fullscreen" | "save_png" | "save_csv")[];
+export type ChartMenuItemId = (typeof CHART_MENU_ITEMS_IDS)[number];
+export interface ChartMenuProps {
+    title: string;
+    description?: string;
+    items?: Array<ChartMenuItemId>;
+    csvData: Array<Array<string>>;
+    chartUrl?: string;
+    isLoading?: boolean;
+    chartRef: React.RefObject<HTMLDivElement | null>;
+    onShare?: () => void;
+    onFullscreenOpen?: () => void;
+}
+export declare const ChartMenu: ({ title, description, items, csvData, chartUrl, isLoading, chartRef, onShare, onFullscreenOpen, }: ChartMenuProps) => React.JSX.Element;

package/dist/components/charts/components/ChartResetZoomButton.d.ts

@@ -0,0 +1,5 @@
+import { IconButtonProps } from '../../../chakra/icon-button';
+export interface ChartResetZoomButtonProps extends IconButtonProps {
+    range?: unknown;
+}
+export declare const ChartResetZoomButton: ({ range, ...props }: ChartResetZoomButtonProps) => import("react").JSX.Element;

package/dist/components/charts/components/ChartWidget.d.ts

@@ -0,0 +1,12 @@
+import { FlexProps } from '@chakra-ui/react';
+import { default as React } from 'react';
+export interface ChartWidgetRootProps extends FlexProps {
+}
+export declare const ChartWidgetRoot: React.ForwardRefExoticComponent<ChartWidgetRootProps & React.RefAttributes<HTMLDivElement>>;
+export interface ChartWidgetHeaderProps extends FlexProps {
+    title: string;
+    description?: string;
+    href?: string;
+    isLoading?: boolean;
+}
+export declare const ChartWidgetHeader: ({ title, description, href, isLoading, ...rest }: ChartWidgetHeaderProps) => React.JSX.Element;

package/dist/components/charts/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ChartWatermark';
+export * from './ChartMenu';
+export * from './ChartWidget';
+export * from './ChartContent';
+export * from './ChartDialog';
+export * from './ChartResetZoomButton';

package/dist/components/charts/index.d.ts

@@ -1,18 +1,4 @@
-export * from './Chart';
-export * from './ChartWidget';
-export * from './ChartWidgetContent';
-export * from './parts/ChartArea';
-export * from './parts/ChartAxis';
-export * from './parts/ChartGridLine';
-export * from './parts/ChartLegend';
-export * from './parts/ChartLine';
-export * from './parts/ChartMenu';
-export * from './parts/ChartOverlay';
-export * from './parts/ChartSelectionX';
-export * from './parts/ChartTooltip';
-export * from './parts/ChartWatermark';
-export * from './utils/useChartBrushX';
-export * from './utils/useChartZoom';
-export * from './utils/useChartLegend';
-export * from './utils/useTimeChartController';
 export * from './types';
+export * from './components';
+export * from './line';
+export * from './sankey';

package/dist/components/charts/line/LineChart.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ChartMargin, ChartResolution } from '../types';
+import { LineChartAxesConfigFn, LineChartData } from './types';
+export interface LineChartProps {
+    charts: LineChartData;
+    zoomRange?: [Date, Date];
+    onZoom: (range: [Date, Date]) => void;
+    margin?: ChartMargin;
+    noAnimation?: boolean;
+    resolution?: ChartResolution;
+    axesConfig?: LineChartAxesConfigFn;
+    isEnlarged?: boolean;
+}
+export declare const LineChart: React.MemoExoticComponent<({ isEnlarged, charts, onZoom, margin: marginProps, noAnimation, resolution, zoomRange, axesConfig: axesConfigProps, }: LineChartProps) => React.JSX.Element>;

package/dist/components/charts/line/LineChartContent.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { ChartContentProps } from '../components/ChartContent';
+import { LineChartProps } from './LineChart';
+export interface LineChartContentProps extends Omit<ChartContentProps, 'children'>, LineChartProps {
+}
+export declare const LineChartContent: React.MemoExoticComponent<({ isLoading, isError, isEmpty, emptyText, noWatermark, ...rest }: LineChartContentProps) => React.JSX.Element>;

package/dist/components/charts/line/LineChartModal.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ChartResolution } from '../types';
+import { LineChartData } from './types';
+import { ChartDialogProps } from '../components/ChartDialog';
+interface Props extends Omit<ChartDialogProps, 'children' | 'headerRightSlot'> {
+    charts: LineChartData;
+    resolution?: ChartResolution;
+    zoomRange?: [Date, Date];
+    handleZoom: (range: [Date, Date]) => void;
+    handleZoomReset: () => void;
+}
+declare const LineChartModal: ({ charts, open, onOpenChange, title, description, resolution, zoomRange, handleZoom, handleZoomReset, }: Props) => React.JSX.Element;
+export default LineChartModal;

package/dist/components/charts/line/LineChartWidget.d.ts

@@ -0,0 +1,19 @@
+import { FlexProps } from '@chakra-ui/react';
+import { default as React } from 'react';
+import { LineChartAxesConfigFn, LineChartData } from './types';
+import { ChartMenuItemId } from '../components/ChartMenu';
+export interface LineChartWidgetProps extends FlexProps {
+    charts: LineChartData;
+    title: string;
+    description?: string;
+    isLoading: boolean;
+    isError: boolean;
+    emptyText?: string;
+    noAnimation?: boolean;
+    href?: string;
+    chartUrl?: string;
+    axesConfig?: LineChartAxesConfigFn;
+    menuItems?: Array<ChartMenuItemId>;
+    noWatermark?: boolean;
+}
+export declare const LineChartWidget: React.MemoExoticComponent<({ charts, title, description, isLoading, isError, emptyText, noAnimation, href, chartUrl, axesConfig, menuItems, noWatermark, ...rest }: LineChartWidgetProps) => React.JSX.Element>;

package/dist/components/charts/line/index.d.ts

@@ -0,0 +1,17 @@
+export * from './LineChart';
+export * from './LineChartWidget';
+export * from './LineChartContent';
+export * from './parts/LineChartArea';
+export * from './parts/LineChartAxis';
+export * from './parts/LineChartGridLine';
+export * from './parts/LineChartLegend';
+export * from './parts/LineChartLine';
+export * from './parts/LineChartMenu';
+export * from './parts/LineChartOverlay';
+export * from './parts/LineChartSelectionX';
+export * from './parts/LineChartTooltip';
+export * from './utils/useLineChartBrushX';
+export * from './utils/useLineChartZoom';
+export * from './utils/useLineChartLegend';
+export * from './utils/useLineChartController';
+export * from './types';

package/dist/components/charts/{parts/ChartArea.d.ts → line/parts/LineChartArea.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { TimeChartItem } from '../types';
+import { LineChartItem } from '../types';
 import * as d3 from 'd3';
-export interface ChartAreaProps extends React.SVGProps<SVGPathElement> {
+export interface LineChartAreaProps extends React.SVGProps<SVGPathElement> {
     id: string;
     xScale: d3.ScaleTime<number, number> | d3.ScaleLinear<number, number>;
     yScale: d3.ScaleTime<number, number> | d3.ScaleLinear<number, number>;
@@ -9,7 +9,7 @@ export interface ChartAreaProps extends React.SVGProps<SVGPathElement> {
         startColor: string;
         stopColor: string;
     };
-    data: Array<TimeChartItem>;
+    data: Array<LineChartItem>;
     noAnimation?: boolean;
 }
-export declare const ChartArea: React.MemoExoticComponent<({ id, xScale, yScale, gradient, data, noAnimation, ...props }: ChartAreaProps) => React.JSX.Element>;
+export declare const LineChartArea: React.MemoExoticComponent<({ id, xScale, yScale, gradient, data, noAnimation, ...props }: LineChartAreaProps) => React.JSX.Element>;

package/dist/components/charts/{parts/ChartAxis.d.ts → line/parts/LineChartAxis.d.ts}

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import * as d3 from 'd3';
-export interface ChartAxisProps extends Omit<React.SVGProps<SVGGElement>, 'scale'> {
+export interface LineChartAxisProps extends Omit<React.SVGProps<SVGGElement>, 'scale'> {
     type: 'left' | 'bottom';
     scale: d3.ScaleTime<number, number> | d3.ScaleLinear<number, number>;
     noAnimation?: boolean;
@@ -8,4 +8,4 @@ export interface ChartAxisProps extends Omit<React.SVGProps<SVGGElement>, 'scale
     tickFormatGenerator?: (axis: d3.Axis<d3.NumberValue>) => (domainValue: d3.AxisDomain, index: number) => string;
     anchorEl?: SVGRectElement | null;
 }
-export declare const ChartAxis: React.MemoExoticComponent<({ type, scale, ticks, tickFormatGenerator, noAnimation, anchorEl, ...props }: ChartAxisProps) => React.JSX.Element>;
+export declare const LineChartAxis: React.MemoExoticComponent<({ type, scale, ticks, tickFormatGenerator, noAnimation, anchorEl, ...props }: LineChartAxisProps) => React.JSX.Element>;

package/dist/components/charts/line/parts/LineChartGridLine.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import * as d3 from 'd3';
+export interface LineChartGridLineProps extends Omit<React.SVGProps<SVGGElement>, 'scale'> {
+    type: 'vertical' | 'horizontal';
+    scale: d3.ScaleTime<number, number> | d3.ScaleLinear<number, number>;
+    noAnimation?: boolean;
+    size: number;
+    ticks: number;
+}
+export declare const LineChartGridLine: React.MemoExoticComponent<({ type, scale, ticks, size, noAnimation, ...props }: LineChartGridLineProps) => React.JSX.Element>;

package/dist/components/charts/line/parts/LineChartLegend.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@chakra-ui/react';
+import { default as React } from 'react';
+import { LineChartData } from '../types';
+export interface LineChartLegendProps extends BoxProps {
+    data: LineChartData;
+    selectedIndexes?: Array<number>;
+    onItemClick?: (index: number) => void;
+}
+export declare const LineChartLegend: React.MemoExoticComponent<({ data, selectedIndexes, onItemClick, ...props }: LineChartLegendProps) => React.JSX.Element>;

package/dist/components/charts/line/parts/LineChartLine.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { LineChartItem } from '../types';
+import { AnimationType } from '../utils/animations';
+import * as d3 from 'd3';
+export interface LineChartLineProps extends React.SVGProps<SVGPathElement> {
+    xScale: d3.ScaleTime<number, number> | d3.ScaleLinear<number, number>;
+    yScale: d3.ScaleTime<number, number> | d3.ScaleLinear<number, number>;
+    data: Array<LineChartItem>;
+    animation: AnimationType;
+}
+export declare const LineChartLine: React.MemoExoticComponent<({ xScale, yScale, data, animation, strokeDasharray, ...props }: LineChartLineProps) => React.JSX.Element>;

package/dist/components/charts/line/parts/LineChartMenu.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { ChartResolution } from '../../types';
+import { LineChartData } from '../types';
+import { ChartMenuProps } from '../../components/ChartMenu';
+export interface Props extends Omit<ChartMenuProps, 'csvData' | 'onFullscreenOpen'> {
+    charts: LineChartData;
+    resolution?: ChartResolution;
+    zoomRange?: [Date, Date];
+    handleZoom: (range: [Date, Date]) => void;
+    handleZoomReset: () => void;
+}
+declare const LineChartMenu: ({ items, charts, title, description, isLoading, chartRef, chartUrl, resolution, zoomRange, handleZoom, handleZoomReset, onShare, }: Props) => React.JSX.Element;
+export default LineChartMenu;

package/dist/components/charts/line/parts/LineChartOverlay.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface LineChartOverlayProps {
+    width: number;
+    height: number;
+    children: React.ReactNode;
+}
+export declare const LineChartOverlay: React.ForwardRefExoticComponent<LineChartOverlayProps & React.RefAttributes<SVGRectElement>>;

package/dist/components/charts/line/parts/LineChartSelectionX.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { LineChartData } from '../types';
+import * as d3 from 'd3';
+export interface LineChartSelectionXProps {
+    height: number;
+    anchorEl?: SVGRectElement | null;
+    scale: d3.ScaleTime<number, number>;
+    data: LineChartData;
+    onSelect: (range: [Date, Date]) => void;
+}
+export declare const LineChartSelectionX: React.MemoExoticComponent<({ anchorEl, height, scale, data, onSelect }: LineChartSelectionXProps) => React.JSX.Element>;

package/dist/components/charts/line/parts/LineChartTooltip.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { ChartResolution } from '../../types';
+import { LineChartData } from '../types';
+import * as d3 from 'd3';
+export interface LineChartTooltipProps {
+    width?: number;
+    tooltipWidth?: number;
+    height?: number;
+    data: LineChartData;
+    xScale: d3.ScaleTime<number, number>;
+    yScale: d3.ScaleLinear<number, number>;
+    anchorEl: SVGRectElement | null;
+    noAnimation?: boolean;
+    resolution?: ChartResolution;
+}
+export declare const LineChartTooltip: React.MemoExoticComponent<({ xScale, yScale, width, tooltipWidth, height, data, anchorEl, noAnimation, resolution, ...props }: LineChartTooltipProps) => React.JSX.Element>;

package/dist/components/charts/{parts/tooltip/ChartTooltipPoint.d.ts → line/parts/tooltip/LineChartTooltipPoint.d.ts}

@@ -1,16 +1,16 @@
 import { default as React } from 'react';
-import { TimeChartData, TimeChartItem } from '../../types';
+import { LineChartData, LineChartItem } from '../../types';
 import * as d3 from 'd3';
 declare const _default: React.MemoExoticComponent<() => React.JSX.Element>;
 export default _default;
 interface UseRenderPointsParams {
-    data: TimeChartData;
+    data: LineChartData;
     xScale: d3.ScaleTime<number, number>;
     yScale: d3.ScaleLinear<number, number>;
 }
 export interface CurrentPoint {
     datumIndex: number;
-    item: TimeChartItem;
+    item: LineChartItem;
 }
 interface RenderPointsReturnType {
     x: number;

package/dist/components/charts/{parts/tooltip/ChartTooltipRow.d.ts → line/parts/tooltip/LineChartTooltipRow.d.ts}

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
-import { TimeChartData } from '../../types';
-import { CurrentPoint } from './ChartTooltipPoint';
+import { LineChartData } from '../../types';
+import { CurrentPoint } from './LineChartTooltipPoint';
 import * as d3 from 'd3';
 type Props = {
     lineNum: number;
@@ -14,7 +14,7 @@ type Props = {
 declare const _default: React.MemoExoticComponent<({ label, lineNum, children }: Props) => React.JSX.Element>;
 export default _default;
 interface UseRenderRowsParams {
-    data: TimeChartData;
+    data: LineChartData;
     xScale: d3.ScaleTime<number, number>;
     minWidth: number;
 }

package/dist/components/charts/{parts/tooltip/ChartTooltipTitle.d.ts → line/parts/tooltip/LineChartTooltipTitle.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { Resolution } from '../../types';
+import { ChartResolution } from '../../../types';
 declare const _default: React.MemoExoticComponent<({ resolution }: {
-    resolution?: Resolution;
+    resolution?: ChartResolution;
 }) => React.JSX.Element>;
 export default _default;
 export declare function useRenderTitle(ref: React.RefObject<SVGGElement | null>): (isVisible: boolean) => void;

package/dist/components/charts/line/types.d.ts

@@ -0,0 +1,51 @@
+import type * as d3 from 'd3';
+export interface LineChartItemRaw {
+    date: Date;
+    dateLabel?: string;
+    value: number | string | null;
+}
+export interface LineChartItem {
+    date: Date;
+    date_to?: Date;
+    dateLabel?: string;
+    value: number;
+    isApproximate?: boolean;
+}
+export type LineChartConfig = {
+    type: 'line';
+    color: string;
+    strokeWidth?: number;
+    strokeDasharray?: string;
+} | {
+    type: 'area';
+    gradient: {
+        startColor: string;
+        stopColor: string;
+    };
+};
+export interface LineChartDataItem {
+    id: string;
+    name: string;
+    items: Array<LineChartItem>;
+    charts: Array<LineChartConfig>;
+    units?: string;
+    valueFormatter?: (value: number) => string;
+}
+export type LineChartData = Array<LineChartDataItem>;
+export interface LineChartAxisConfig {
+    ticks?: number;
+    nice?: boolean;
+    noLabel?: boolean;
+    scale?: {
+        min?: number;
+    };
+    tickFormatter?: () => (d: d3.AxisDomain) => string;
+}
+export interface LineChartAxesConfig {
+    x?: LineChartAxisConfig;
+    y?: LineChartAxisConfig;
+}
+export type LineChartAxesConfigFn = (props: {
+    isEnlarged?: boolean;
+    isMobile?: boolean;
+}) => LineChartAxesConfig;

package/dist/components/charts/line/utils/formatters.d.ts

@@ -0,0 +1,2 @@
+import { LineChartItem } from '../types';
+export declare const getIncompleteDataLineSource: (data: Array<LineChartItem>) => Array<LineChartItem>;

package/dist/components/charts/line/utils/getDateLabel.d.ts

@@ -0,0 +1,2 @@
+import { ChartResolution } from '../../types';
+export declare function getDateLabel(date: Date, dateTo?: Date, resolution?: ChartResolution): string;

package/dist/components/charts/{utils/timeChartAxis.d.ts → line/utils/lineChartAxis.d.ts}

@@ -1,4 +1,4 @@
-import { AxesConfig, TimeChartData } from '../types';
+import { LineChartAxesConfig, LineChartData } from '../types';
 import * as d3 from 'd3';
 export declare const DEFAULT_MAXIMUM_SIGNIFICANT_DIGITS = 2;
 export declare const DEFAULT_MAXIMUM_FRACTION_DIGITS = 3;
@@ -7,8 +7,8 @@ export declare const DEFAULT_LABEL_LENGTH = 5;
 export interface LabelFormatParams extends Intl.NumberFormatOptions {
     maxLabelLength: number;
 }
-type Data = TimeChartData;
-export declare function getAxesParams(data: Data, axesConfig?: AxesConfig): {
+type Data = LineChartData;
+export declare function getAxesParams(data: Data, axesConfig?: LineChartAxesConfig): {
     x: {
         scale: d3.ScaleTime<number, number, never>;
         tickFormatter: (axis: d3.Axis<d3.NumberValue>) => (d: d3.AxisDomain) => string;

package/dist/components/charts/{utils/useChartBrushX.d.ts → line/utils/useLineChartBrushX.d.ts}

@@ -3,5 +3,5 @@ interface Props {
     anchor: SVGSVGElement | null;
     setRange: (range: [number, number]) => void;
 }
-export declare function useChartBrushX({ limits, anchor, setRange }: Props): void;
+export declare function useLineChartBrushX({ limits, anchor, setRange }: Props): void;
 export {};

package/dist/components/charts/{utils/useTimeChartController.d.ts → line/utils/useLineChartController.d.ts}

@@ -1,11 +1,12 @@
 import { default as React } from 'react';
-import { AxesConfig, ChartMargin, TimeChartData } from '../types';
+import { ChartMargin } from '../../types';
+import { LineChartAxesConfig, LineChartData } from '../types';
 interface Props {
-    data: TimeChartData;
+    data: LineChartData;
     margin?: ChartMargin;
-    axesConfig?: AxesConfig;
+    axesConfig?: LineChartAxesConfig;
 }
-export declare function useTimeChartController({ data, margin, axesConfig }: Props): {
+export declare function useLineChartController({ data, margin, axesConfig }: Props): {
     rect: DOMRect | null;
     ref: React.LegacyRef<SVGSVGElement> | undefined;
     chartMargin: {
@@ -19,11 +20,11 @@ export declare function useTimeChartController({ data, margin, axesConfig }: Pro
     axes: {
         x: {
             tickFormatter: (axis: d3.Axis<d3.NumberValue>) => (d: d3.AxisDomain) => string;
-            scale: import('d3-scale').ScaleTime<number, number, never>;
+            scale: import('d3').ScaleTime<number, number, never>;
         };
         y: {
             tickFormatter: () => (d: d3.AxisDomain) => string;
-            scale: import('d3-scale').ScaleLinear<number, number, never>;
+            scale: import('d3').ScaleLinear<number, number, never>;
         };
     };
 };

package/dist/components/charts/{utils/useChartLegend.d.ts → line/utils/useLineChartLegend.d.ts}

@@ -1,4 +1,4 @@
-export declare function useChartLegend(dataLength: number): {
+export declare function useLineChartLegend(dataLength: number): {
     selectedLines: number[];
     handleLegendItemClick: (index: number) => void;
 };

package/dist/components/charts/{utils/useChartZoom.d.ts → line/utils/useLineChartZoom.d.ts}

@@ -1,4 +1,4 @@
-export declare function useChartZoom(): {
+export declare function useLineChartZoom(): {
     isZoomResetInitial: boolean;
     zoomRange: [Date, Date] | undefined;
     handleZoom: (range: [Date, Date]) => void;

package/dist/components/charts/sankey/SankeyChart.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
 import { ChartMargin } from '../types';
-import { SankeyData } from './types';
+import { SankeyChartData } from './types';
 export type SankeyLinkColorMode = 'source' | 'target';
 export interface SankeyChartProps {
-    data: SankeyData;
+    data: SankeyChartData;
     margin?: ChartMargin;
     nodeWidth?: number;
     nodePadding?: number;

package/dist/components/charts/sankey/SankeyChartContent.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SankeyChartData } from './types';
+import { ChartContentProps } from '../components/ChartContent';
+import { SankeyChartProps } from './SankeyChart';
+export interface SankeyChartContentProps extends Omit<ChartContentProps, 'children'>, Omit<SankeyChartProps, 'data'> {
+    data?: SankeyChartData;
+}
+export declare const SankeyChartContent: React.MemoExoticComponent<({ data, isError, isLoading, isEmpty, emptyText, noWatermark, ...rest }: SankeyChartContentProps) => React.JSX.Element>;

package/dist/components/charts/sankey/SankeyChartModal.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { ChartDialogProps } from '../components/ChartDialog';
+import { SankeyChartContentProps } from './SankeyChartContent';
+interface Props extends Omit<ChartDialogProps, 'children' | 'headerRightSlot'>, SankeyChartContentProps {
+}
+export declare const SankeyChartModal: React.MemoExoticComponent<({ open, onOpenChange, title, description, ...rest }: Props) => React.JSX.Element>;
+export {};