@rafal.lemieszewski/tide-ui 0.16.0 → 0.18.0

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" | "right" | "left" | "only" | null | undefined;
+    iconPosition?: "none" | "left" | "right" | "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

@@ -19,6 +19,7 @@ export interface ChartConfig {
         fill?: string;
         showDots?: boolean;
         strokeStyle?: "solid" | "dashed" | "dotted";
+        yAxisId?: "left" | "right";
     };
 }
 export interface ChartMargin {
@@ -51,6 +52,10 @@ export interface ChartProps {
     yAxisTickCount?: number;
     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;
@@ -58,6 +63,6 @@ export interface ChartProps {
     legendOrder?: string[];
     legendPosition?: 'bottom' | 'top' | 'right';
 }
-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, 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, 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 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

@@ -14,6 +14,11 @@ export interface ColumnMeta {
 }
 declare const fuzzyFilter: FilterFn<any>;
 declare const multiSelectFilter: FilterFn<any>;
+interface DataTableSkeletonProps {
+    columns: number;
+    rows: number;
+}
+declare function DataTableSkeleton({ columns, rows }: DataTableSkeletonProps): import("react/jsx-runtime").JSX.Element;
 interface DataTableToolbarProps<_TData = any> {
     table: any;
     searchKey?: string;
@@ -41,6 +46,14 @@ export interface DataTableProps<TData, TValue> {
     searchPlaceholder?: string;
     title?: string;
     className?: string;
+    stickyHeader?: boolean;
+    stickyFirstColumn?: boolean;
+    stickyLeftColumns?: number;
+    stickyRightColumns?: number;
+    enableResponsiveWrapper?: boolean;
+    showScrollIndicators?: boolean;
+    isLoading?: boolean;
+    loadingRowCount?: number;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, fuzzyFilter, multiSelectFilter };
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, isLoading, loadingRowCount, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter };

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?: "bottom" | "top" | "right" | "left" | null | undefined;
+    side?: "left" | "right" | "bottom" | "top" | 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/table.d.ts

@@ -8,12 +8,12 @@ declare const tableRowVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableCellVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    align?: "right" | "center" | "left" | null | undefined;
+    align?: "left" | "right" | "center" | null | undefined;
     numeric?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const tableHeaderVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    align?: "right" | "center" | "left" | null | undefined;
+    align?: "left" | "right" | "center" | null | undefined;
     numeric?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {