@rafal.lemieszewski/tide-ui 0.18.1 → 0.20.0

package/dist/components/ui/avatar.d.ts

@@ -2,11 +2,11 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 declare const avatarVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | null | undefined;
+    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     shape?: "circle" | "rounded" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const avatarFallbackVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | null | undefined;
+    size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     shape?: "circle" | "rounded" | null | undefined;
     variant?: "success" | "warning" | "magenta" | "violet" | "information" | "error" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ui/button.d.ts

@@ -4,7 +4,7 @@ import { IconType } from './icon';
 declare const buttonVariants: (props?: ({
     variant?: "default" | "success" | "destructive" | "secondary" | "primary" | "ghost" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
-    iconPosition?: "none" | "left" | "right" | "only" | null | undefined;
+    iconPosition?: "none" | "right" | "left" | "only" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     icon?: IconType;

package/dist/components/ui/chart.d.ts

@@ -1,3 +1,4 @@
+export declare const formatNumber: (value: number, decimals?: number) => string;
 export declare const chartColorSchemes: {
     readonly bar: readonly ["var(--color-chart-bar-1)", "var(--color-chart-bar-2)", "var(--color-chart-bar-3)", "var(--color-chart-bar-4)", "var(--color-chart-bar-5)", "var(--color-chart-bar-6)"];
     readonly line: readonly ["var(--color-chart-line-1)", "var(--color-chart-line-2)", "var(--color-chart-line-3)", "var(--color-chart-line-4)", "var(--color-chart-line-5)"];
@@ -19,7 +20,6 @@ export interface ChartConfig {
         fill?: string;
         showDots?: boolean;
         strokeStyle?: "solid" | "dashed" | "dotted";
-        yAxisId?: "left" | "right";
     };
 }
 export interface ChartMargin {
@@ -28,7 +28,26 @@ export interface ChartMargin {
     bottom: number;
     left: number;
 }
-export type ChartMarginSize = 'sm' | 'md' | 'lg' | 'auto';
+export interface ReferenceMarkerDataPoint {
+    yValue: number;
+    label?: string;
+    shape?: 'circle' | 'triangle' | 'square';
+    size?: number;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number;
+}
+export interface ReferenceMarker {
+    xValue: string | number;
+    showLine?: boolean;
+    lineStyle?: {
+        stroke?: string;
+        strokeWidth?: number;
+        strokeDasharray?: string;
+    };
+    tooltipLabel?: string;
+    dataPoints: ReferenceMarkerDataPoint[];
+}
 export interface ChartProps {
     type: ChartType;
     data: ChartDataPoint[];
@@ -47,22 +66,19 @@ export interface ChartProps {
     responsive?: boolean;
     maintainAspectRatio?: boolean;
     margin?: Partial<ChartMargin>;
-    marginSize?: ChartMarginSize;
     yAxisWidth?: number;
     yAxisTickCount?: number;
+    yAxisDomain?: [number | 'auto' | 'dataMin' | 'dataMax', number | 'auto' | 'dataMin' | 'dataMax'];
     xAxisTickFormatter?: (value: any, index: number) => string;
     yAxisTickFormatter?: (value: any, index: number) => string;
-    rightYAxisWidth?: number;
-    rightYAxisTickCount?: number;
-    rightYAxisTickFormatter?: (value: any, index: number) => string;
-    showRightYAxis?: boolean;
     title?: string;
     description?: string;
     showDataTable?: boolean;
     tooltipMaxWidth?: string;
     legendOrder?: string[];
-    legendPosition?: 'bottom' | 'top' | 'right';
+    legendPosition?: 'bottom';
+    referenceMarkers?: ReferenceMarker[];
 }
-export declare function Chart({ type, data, config, className, height, width, minWidth, onDataPointClick, onDataPointHover, highlightedIndex, showGrid, showLegend, showTooltip, colorScheme, responsive, maintainAspectRatio, margin, marginSize, yAxisWidth, yAxisTickCount, xAxisTickFormatter, yAxisTickFormatter, rightYAxisWidth, rightYAxisTickCount, rightYAxisTickFormatter, showRightYAxis, title, description, showDataTable, tooltipMaxWidth, legendOrder, legendPosition, ...props }: ChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function Chart({ type, data, config, className, height, width, minWidth, onDataPointClick, onDataPointHover, highlightedIndex, showGrid, showLegend, showTooltip, colorScheme, responsive, maintainAspectRatio, margin, yAxisWidth, yAxisTickCount, xAxisTickFormatter, yAxisTickFormatter, title, description, showDataTable, tooltipMaxWidth, legendOrder, legendPosition, referenceMarkers, yAxisDomain, ...props }: ChartProps): import("react/jsx-runtime").JSX.Element;
 export declare const generateChartColors: (count: number, scheme?: ChartColorScheme) => ("var(--color-chart-bar-1)" | "var(--color-chart-bar-2)" | "var(--color-chart-bar-3)" | "var(--color-chart-bar-4)" | "var(--color-chart-bar-5)" | "var(--color-chart-bar-6)" | "var(--color-chart-line-1)" | "var(--color-chart-line-2)" | "var(--color-chart-line-3)" | "var(--color-chart-line-4)" | "var(--color-chart-line-5)" | "var(--color-chart-scatter-1)" | "var(--color-chart-scatter-2)" | "var(--color-chart-scatter-3)" | "var(--color-chart-scatter-4)" | "var(--color-chart-scatter-5)" | "var(--color-chart-scatter-6)" | "var(--color-chart-area-1)" | "var(--color-chart-area-2)" | "var(--color-chart-area-3)" | "var(--color-chart-area-4)" | "var(--color-chart-area-5)" | "var(--color-chart-area-6)" | "#0066CC" | "#CC6600" | "#009966" | "#CC0066" | "#6600CC" | "#CC9900" | "#006666" | "#CC0000")[];
 export declare const createChartConfig: (input: ChartConfig | string[], labels?: string[], colors?: string[]) => ChartConfig;

package/dist/components/ui/data-table.d.ts

@@ -45,6 +45,10 @@ interface DataTableFilterProps {
     column: any;
 }
 declare function DataTableFilter({ column }: DataTableFilterProps): import("react/jsx-runtime").JSX.Element;
+interface DataTableViewOptionsProps<_TData = any> {
+    table: any;
+}
+declare function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): import("react/jsx-runtime").JSX.Element;
 interface DataTableColumnHeaderProps<_TData = any, _TValue = any> extends React.HTMLAttributes<HTMLDivElement> {
     column: any;
     title: string;
@@ -93,6 +97,9 @@ export interface DataTableProps<TData, TValue> {
     enableNestedHeaders?: boolean;
     enableColumnOrdering?: boolean;
     enableRowSelection?: boolean;
+    showHeader?: boolean;
+    showPagination?: boolean;
+    onTableReady?: (table: any) => void;
     initialState?: {
         grouping?: GroupingState;
         expanded?: ExpandedState;
@@ -103,5 +110,7 @@ export interface DataTableProps<TData, TValue> {
         };
     };
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, initialState, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter };
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, borderStyle, enableGlobalSearch, globalSearchPlaceholder, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, storageKey, enableExpanding, getSubRows, enableGrouping, groupedColumnMode, enableManualGrouping, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, onTableReady, initialState, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, DataTableViewOptions, fuzzyFilter, multiSelectFilter };
+export { useReactTable } from '@tanstack/react-table';
+export type { SortingState, ColumnFiltersState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode, } from '@tanstack/react-table';

package/dist/components/ui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "left" | "right" | "bottom" | "top" | null | undefined;
+    side?: "bottom" | "top" | "right" | "left" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     showClose?: boolean;

package/dist/components/ui/spinner.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const spinnerVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
     variant?: "default" | "success" | "warning" | "error" | "secondary" | "primary" | "tertiary" | "disabled" | "inverse" | null | undefined;
     speed?: "normal" | "slow" | "fast" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/ui/table.d.ts

@@ -9,14 +9,14 @@ declare const tableRowVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableCellVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    align?: "left" | "right" | "center" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
     numeric?: boolean | null | undefined;
     showBorder?: boolean | null | undefined;
     showRowBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableHeaderVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    align?: "left" | "right" | "center" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
     numeric?: boolean | null | undefined;
     showBorder?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;