Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@tremor/react

Package Overview
Dependencies
Maintainers
3
Versions
561
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tremor/react - npm Package Compare versions

Comparing version 0.0.87 to 0.0.88

2

dist/cjs/types/components/chart-elements/AreaChart/AreaChart.d.ts
/// <reference types="react" />
import BaseChartProps from '../common/BaseChartProps';
declare const AreaChart: ({ data, categories, dataKey, colors, valueFormater, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
declare const AreaChart: ({ data, categories, dataKey, colors, valueFormatter, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
export default AreaChart;

@@ -8,3 +8,3 @@ /// <reference types="react" />

}
declare const BarChart: ({ data, categories, dataKey, colors, valueFormater, layout, stack, relative, startEndOnly, showAnimation, showXAxis, showYAxis, yAxisWidth, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BarChartProps) => JSX.Element;
declare const BarChart: ({ data, categories, dataKey, colors, valueFormatter, layout, stack, relative, startEndOnly, showAnimation, showXAxis, showYAxis, yAxisWidth, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BarChartProps) => JSX.Element;
export default BarChart;

@@ -1,2 +0,2 @@

import { Color, Height, MarginTop, PaddingBottom, PaddingLeft, PaddingRight, PaddingTop, ValueFormater, Width } from '../../../lib';
import { Color, Height, MarginTop, PaddingBottom, PaddingLeft, PaddingRight, PaddingTop, ValueFormatter, Width } from '../../../lib';
interface BaseChartProps {

@@ -7,3 +7,3 @@ data: any[];

colors?: Color[];
valueFormater?: ValueFormater;
valueFormatter?: ValueFormatter;
startEndOnly?: boolean;

@@ -10,0 +10,0 @@ showXAxis?: boolean;

/// <reference types="react" />
import { Color, ValueFormater } from '../../../lib';
import { Color, ValueFormatter } from '../../../lib';
export interface ChartTooltipRowProps {

@@ -13,5 +13,5 @@ value: string;

colors?: Color[];
valueFormater: ValueFormater;
valueFormatter: ValueFormatter;
}
declare const ChartTooltip: ({ active, payload, label, colors, valueFormater }: ChartTooltipProps) => JSX.Element | null;
declare const ChartTooltip: ({ active, payload, label, colors, valueFormatter }: ChartTooltipProps) => JSX.Element | null;
export default ChartTooltip;
/// <reference types="react" />
import BaseChartProps from '../common/BaseChartProps';
declare const LineChart: ({ data, categories, dataKey, colors, valueFormater, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
declare const LineChart: ({ data, categories, dataKey, colors, valueFormatter, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
export default LineChart;
import React from 'react';
export interface DropdownItemProps {
value: any;
name: string;
text: string;
Icon?: React.ElementType;

@@ -11,3 +11,3 @@ privateProps?: {

}
declare const DropdownItem: ({ value, name, Icon, privateProps, }: DropdownItemProps) => JSX.Element;
declare const DropdownItem: ({ value, text, Icon, privateProps, }: DropdownItemProps) => JSX.Element;
export default DropdownItem;
/// <reference types="react" />
export interface MultiSelectBoxItemProps {
value: any;
name: string;
text: string;
privateProps?: {

@@ -10,3 +10,3 @@ handleMultiSelectBoxItemClick: (value: any) => void;

}
declare const MultiSelectBoxItem: ({ value, name, privateProps, }: MultiSelectBoxItemProps) => JSX.Element;
declare const MultiSelectBoxItem: ({ value, text, privateProps, }: MultiSelectBoxItemProps) => JSX.Element;
export default MultiSelectBoxItem;
import React from 'react';
export interface SelectBoxItemProps {
value: any;
name: string;
text: string;
Icon?: React.ElementType;

@@ -11,3 +11,3 @@ privateProps?: {

}
declare const SelectBoxItem: ({ value, name, Icon, privateProps, }: SelectBoxItemProps) => JSX.Element;
declare const SelectBoxItem: ({ value, text, Icon, privateProps, }: SelectBoxItemProps) => JSX.Element;
export default SelectBoxItem;
import React from 'react';
import { Color } from '../../../lib';
export interface TabProps {
name: string;
text: string;
value: any;

@@ -12,3 +12,3 @@ privateProps?: {

}
declare const Tab: ({ name, value, privateProps, }: TabProps) => JSX.Element;
declare const Tab: ({ text, value, privateProps, }: TabProps) => JSX.Element;
export default Tab;
/// <reference types="react" />
import { Color, MarginTop, ValueFormater } from '../../../lib';
import { Color, MarginTop, ValueFormatter } from '../../../lib';
declare type BarListData = {

@@ -9,3 +9,3 @@ name: string;

data: BarListData[];
valueFormater?: ValueFormater;
valueFormatter?: ValueFormatter;
color?: Color;

@@ -15,3 +15,3 @@ showAnimation?: boolean;

}
declare const BarList: ({ data, color, valueFormater, showAnimation, marginTop, }: BarListProps) => JSX.Element;
declare const BarList: ({ data, color, valueFormatter, showAnimation, marginTop, }: BarListProps) => JSX.Element;
export default BarList;

@@ -6,4 +6,4 @@ /// <reference types="react" />

percentageValue: number;
minRangeValue: number;
maxRangeValue: number;
minPercentageValue: number;
maxPercentageValue: number;
markerTooltip?: string;

@@ -15,3 +15,3 @@ rangeTooltip?: string;

}
declare const RangeBar: ({ percentageValue, minRangeValue, maxRangeValue, markerTooltip, rangeTooltip, showAnimation, color, marginTop, }: RangeBarProps) => JSX.Element;
declare const RangeBar: ({ percentageValue, minPercentageValue, maxPercentageValue, markerTooltip, rangeTooltip, showAnimation, color, marginTop, }: RangeBarProps) => JSX.Element;
export default RangeBar;

@@ -1,2 +0,2 @@

export declare type ValueFormater = {
export declare type ValueFormatter = {
(value: number): string;

@@ -3,0 +3,0 @@ };

import React from 'react';
import { BaseColorTheme } from './colors';
import { Color, DeltaType, Importance, Size, ValueFormater } from './inputTypes';
import { Color, DeltaType, Importance, Size, ValueFormatter } from './inputTypes';
export declare const isBaseColor: (baseColor: Color) => boolean;

@@ -10,3 +10,3 @@ export declare const getColorTheme: (baseColor: Color, defaultColor?: Color) => BaseColorTheme;

export declare const mapInputsToDeltaType: (deltaType: string, isIncreasePositive: boolean) => string;
export declare const defaultValueFormater: ValueFormater;
export declare const defaultValueFormatter: ValueFormatter;
export declare const useOnClickOutside: (ref: React.RefObject<HTMLDivElement>, handler: (event: any) => void) => void;

@@ -13,0 +13,0 @@ export declare const removeValueFromArray: (value: any, array: any[]) => any[];

/// <reference types="react" />
import BaseChartProps from '../common/BaseChartProps';
declare const AreaChart: ({ data, categories, dataKey, colors, valueFormater, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
declare const AreaChart: ({ data, categories, dataKey, colors, valueFormatter, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
export default AreaChart;

@@ -8,3 +8,3 @@ /// <reference types="react" />

}
declare const BarChart: ({ data, categories, dataKey, colors, valueFormater, layout, stack, relative, startEndOnly, showAnimation, showXAxis, showYAxis, yAxisWidth, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BarChartProps) => JSX.Element;
declare const BarChart: ({ data, categories, dataKey, colors, valueFormatter, layout, stack, relative, startEndOnly, showAnimation, showXAxis, showYAxis, yAxisWidth, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BarChartProps) => JSX.Element;
export default BarChart;

@@ -1,2 +0,2 @@

import { Color, Height, MarginTop, PaddingBottom, PaddingLeft, PaddingRight, PaddingTop, ValueFormater, Width } from '../../../lib';
import { Color, Height, MarginTop, PaddingBottom, PaddingLeft, PaddingRight, PaddingTop, ValueFormatter, Width } from '../../../lib';
interface BaseChartProps {

@@ -7,3 +7,3 @@ data: any[];

colors?: Color[];
valueFormater?: ValueFormater;
valueFormatter?: ValueFormatter;
startEndOnly?: boolean;

@@ -10,0 +10,0 @@ showXAxis?: boolean;

/// <reference types="react" />
import { Color, ValueFormater } from '../../../lib';
import { Color, ValueFormatter } from '../../../lib';
export interface ChartTooltipRowProps {

@@ -13,5 +13,5 @@ value: string;

colors?: Color[];
valueFormater: ValueFormater;
valueFormatter: ValueFormatter;
}
declare const ChartTooltip: ({ active, payload, label, colors, valueFormater }: ChartTooltipProps) => JSX.Element | null;
declare const ChartTooltip: ({ active, payload, label, colors, valueFormatter }: ChartTooltipProps) => JSX.Element | null;
export default ChartTooltip;
/// <reference types="react" />
import BaseChartProps from '../common/BaseChartProps';
declare const LineChart: ({ data, categories, dataKey, colors, valueFormater, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
declare const LineChart: ({ data, categories, dataKey, colors, valueFormatter, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
export default LineChart;
import React from 'react';
export interface DropdownItemProps {
value: any;
name: string;
text: string;
Icon?: React.ElementType;

@@ -11,3 +11,3 @@ privateProps?: {

}
declare const DropdownItem: ({ value, name, Icon, privateProps, }: DropdownItemProps) => JSX.Element;
declare const DropdownItem: ({ value, text, Icon, privateProps, }: DropdownItemProps) => JSX.Element;
export default DropdownItem;
/// <reference types="react" />
export interface MultiSelectBoxItemProps {
value: any;
name: string;
text: string;
privateProps?: {

@@ -10,3 +10,3 @@ handleMultiSelectBoxItemClick: (value: any) => void;

}
declare const MultiSelectBoxItem: ({ value, name, privateProps, }: MultiSelectBoxItemProps) => JSX.Element;
declare const MultiSelectBoxItem: ({ value, text, privateProps, }: MultiSelectBoxItemProps) => JSX.Element;
export default MultiSelectBoxItem;
import React from 'react';
export interface SelectBoxItemProps {
value: any;
name: string;
text: string;
Icon?: React.ElementType;

@@ -11,3 +11,3 @@ privateProps?: {

}
declare const SelectBoxItem: ({ value, name, Icon, privateProps, }: SelectBoxItemProps) => JSX.Element;
declare const SelectBoxItem: ({ value, text, Icon, privateProps, }: SelectBoxItemProps) => JSX.Element;
export default SelectBoxItem;
import React from 'react';
import { Color } from '../../../lib';
export interface TabProps {
name: string;
text: string;
value: any;

@@ -12,3 +12,3 @@ privateProps?: {

}
declare const Tab: ({ name, value, privateProps, }: TabProps) => JSX.Element;
declare const Tab: ({ text, value, privateProps, }: TabProps) => JSX.Element;
export default Tab;
/// <reference types="react" />
import { Color, MarginTop, ValueFormater } from '../../../lib';
import { Color, MarginTop, ValueFormatter } from '../../../lib';
declare type BarListData = {

@@ -9,3 +9,3 @@ name: string;

data: BarListData[];
valueFormater?: ValueFormater;
valueFormatter?: ValueFormatter;
color?: Color;

@@ -15,3 +15,3 @@ showAnimation?: boolean;

}
declare const BarList: ({ data, color, valueFormater, showAnimation, marginTop, }: BarListProps) => JSX.Element;
declare const BarList: ({ data, color, valueFormatter, showAnimation, marginTop, }: BarListProps) => JSX.Element;
export default BarList;

@@ -6,4 +6,4 @@ /// <reference types="react" />

percentageValue: number;
minRangeValue: number;
maxRangeValue: number;
minPercentageValue: number;
maxPercentageValue: number;
markerTooltip?: string;

@@ -15,3 +15,3 @@ rangeTooltip?: string;

}
declare const RangeBar: ({ percentageValue, minRangeValue, maxRangeValue, markerTooltip, rangeTooltip, showAnimation, color, marginTop, }: RangeBarProps) => JSX.Element;
declare const RangeBar: ({ percentageValue, minPercentageValue, maxPercentageValue, markerTooltip, rangeTooltip, showAnimation, color, marginTop, }: RangeBarProps) => JSX.Element;
export default RangeBar;

@@ -1,2 +0,2 @@

export declare type ValueFormater = {
export declare type ValueFormatter = {
(value: number): string;

@@ -3,0 +3,0 @@ };

import React from 'react';
import { BaseColorTheme } from './colors';
import { Color, DeltaType, Importance, Size, ValueFormater } from './inputTypes';
import { Color, DeltaType, Importance, Size, ValueFormatter } from './inputTypes';
export declare const isBaseColor: (baseColor: Color) => boolean;

@@ -10,3 +10,3 @@ export declare const getColorTheme: (baseColor: Color, defaultColor?: Color) => BaseColorTheme;

export declare const mapInputsToDeltaType: (deltaType: string, isIncreasePositive: boolean) => string;
export declare const defaultValueFormater: ValueFormater;
export declare const defaultValueFormatter: ValueFormatter;
export declare const useOnClickOutside: (ref: React.RefObject<HTMLDivElement>, handler: (event: any) => void) => void;

@@ -13,0 +13,0 @@ export declare const removeValueFromArray: (value: any, array: any[]) => any[];

/// <reference types="react" />
import React from 'react';
declare type ValueFormater = {
declare type ValueFormatter = {
(value: number): string;

@@ -54,3 +54,3 @@ };

colors?: Color[];
valueFormater?: ValueFormater;
valueFormatter?: ValueFormatter;
startEndOnly?: boolean;

@@ -72,3 +72,3 @@ showXAxis?: boolean;

declare const AreaChart: ({ data, categories, dataKey, colors, valueFormater, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
declare const AreaChart: ({ data, categories, dataKey, colors, valueFormatter, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;

@@ -80,5 +80,5 @@ interface BarChartProps extends BaseChartProps {

}
declare const BarChart: ({ data, categories, dataKey, colors, valueFormater, layout, stack, relative, startEndOnly, showAnimation, showXAxis, showYAxis, yAxisWidth, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BarChartProps) => JSX.Element;
declare const BarChart: ({ data, categories, dataKey, colors, valueFormatter, layout, stack, relative, startEndOnly, showAnimation, showXAxis, showYAxis, yAxisWidth, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BarChartProps) => JSX.Element;
declare const LineChart: ({ data, categories, dataKey, colors, valueFormater, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;
declare const LineChart: ({ data, categories, dataKey, colors, valueFormatter, startEndOnly, showXAxis, showYAxis, yAxisWidth, showAnimation, showTooltip, showLegend, showGridLines, height, paddingTop, paddingRight, paddingBottom, paddingLeft, marginTop, }: BaseChartProps) => JSX.Element;

@@ -265,3 +265,3 @@ interface BadgeProps {

value: any;
name: string;
text: string;
Icon?: React.ElementType;

@@ -273,3 +273,3 @@ privateProps?: {

}
declare const DropdownItem: ({ value, name, Icon, privateProps, }: DropdownItemProps) => JSX.Element;
declare const DropdownItem: ({ value, text, Icon, privateProps, }: DropdownItemProps) => JSX.Element;

@@ -290,3 +290,3 @@ interface MultiSelectBoxProps {

value: any;
name: string;
text: string;
privateProps?: {

@@ -297,3 +297,3 @@ handleMultiSelectBoxItemClick: (value: any) => void;

}
declare const MultiSelectBoxItem: ({ value, name, privateProps, }: MultiSelectBoxItemProps) => JSX.Element;
declare const MultiSelectBoxItem: ({ value, text, privateProps, }: MultiSelectBoxItemProps) => JSX.Element;

@@ -314,3 +314,3 @@ interface SelectBoxProps {

value: any;
name: string;
text: string;
Icon?: React.ElementType;

@@ -322,6 +322,6 @@ privateProps?: {

}
declare const SelectBoxItem: ({ value, name, Icon, privateProps, }: SelectBoxItemProps) => JSX.Element;
declare const SelectBoxItem: ({ value, text, Icon, privateProps, }: SelectBoxItemProps) => JSX.Element;
interface TabProps {
name: string;
text: string;
value: any;

@@ -334,3 +334,3 @@ privateProps?: {

}
declare const Tab: ({ name, value, privateProps, }: TabProps) => JSX.Element;
declare const Tab: ({ text, value, privateProps, }: TabProps) => JSX.Element;

@@ -514,4 +514,4 @@ interface TabListProps {

percentageValue: number;
minRangeValue: number;
maxRangeValue: number;
minPercentageValue: number;
maxPercentageValue: number;
markerTooltip?: string;

@@ -523,3 +523,3 @@ rangeTooltip?: string;

}
declare const RangeBar: ({ percentageValue, minRangeValue, maxRangeValue, markerTooltip, rangeTooltip, showAnimation, color, marginTop, }: RangeBarProps) => JSX.Element;
declare const RangeBar: ({ percentageValue, minPercentageValue, maxPercentageValue, markerTooltip, rangeTooltip, showAnimation, color, marginTop, }: RangeBarProps) => JSX.Element;

@@ -532,3 +532,3 @@ declare type BarListData = {

data: BarListData[];
valueFormater?: ValueFormater;
valueFormatter?: ValueFormatter;
color?: Color;

@@ -538,3 +538,3 @@ showAnimation?: boolean;

}
declare const BarList: ({ data, color, valueFormater, showAnimation, marginTop, }: BarListProps) => JSX.Element;
declare const BarList: ({ data, color, valueFormatter, showAnimation, marginTop, }: BarListProps) => JSX.Element;

@@ -554,2 +554,2 @@ interface TrackingProps {

export { Accordion, AccordionBody, AccordionHeader, AccordionList, AlignItems, AreaChart, Badge, BadgeDelta, BarChart, BarList, Block, Bold, Button, ButtonInline, Callout, Card, CategoryBar, Col, ColGrid, Color, Datepicker, DeltaBar, DeltaType, Divider, Dropwdown as Dropdown, DropdownItem, Flex, Footer, GapX, GapY, Height, HorizontalPosition, Icon, IconVariant, Importance, Italic, JustifyContent, Legend, LineChart, List, ListItem, MarginTop, MarkerBar, MaxWidth, Metric, MultiSelectBox, MultiSelectBoxItem, PaddingBottom, PaddingLeft, PaddingRight, PaddingTop, ProgressBar, RangeBar, SelectBox, SelectBoxItem, Size, SpaceX, SpaceY, Subtitle, Tab, TabList, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow, Text, TextAlignment, Title, Toggle, ToggleItem, Tracking, TrackingBlock, ValueFormater, VerticalPosition, Width };
export { Accordion, AccordionBody, AccordionHeader, AccordionList, AlignItems, AreaChart, Badge, BadgeDelta, BarChart, BarList, Block, Bold, Button, ButtonInline, Callout, Card, CategoryBar, Col, ColGrid, Color, Datepicker, DeltaBar, DeltaType, Divider, Dropwdown as Dropdown, DropdownItem, Flex, Footer, GapX, GapY, Height, HorizontalPosition, Icon, IconVariant, Importance, Italic, JustifyContent, Legend, LineChart, List, ListItem, MarginTop, MarkerBar, MaxWidth, Metric, MultiSelectBox, MultiSelectBoxItem, PaddingBottom, PaddingLeft, PaddingRight, PaddingTop, ProgressBar, RangeBar, SelectBox, SelectBoxItem, Size, SpaceX, SpaceY, Subtitle, Tab, TabList, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow, Text, TextAlignment, Title, Toggle, ToggleItem, Tracking, TrackingBlock, ValueFormatter, VerticalPosition, Width };
{
"name": "@tremor/react",
"version": "0.0.87",
"version": "0.0.88",
"description": "",

@@ -5,0 +5,0 @@ "scripts": {

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc