@rafal.lemieszewski/tide-ui 0.87.8 → 0.88.0

package/dist/types/components/fundamental/chart.d.cts

@@ -37,6 +37,8 @@ export interface ReferenceMarkerDataPoint {
     fill?: string;
     stroke?: string;
     strokeWidth?: number;
+    yAxisId?: string;
+    pulsing?: boolean;
 }
 export interface ReferenceMarker {
     xValue: string | number;
@@ -46,8 +48,13 @@ export interface ReferenceMarker {
         strokeWidth?: number;
         strokeDasharray?: string;
     };
+    lineLabel?: string;
     tooltipLabel?: string;
-    dataPoints: ReferenceMarkerDataPoint[];
+    dataPoints?: ReferenceMarkerDataPoint[];
+}
+export interface TodayMarker {
+    xValue: string | number;
+    label?: string;
 }
 export interface ChartProps {
     type: ChartType;
@@ -89,7 +96,10 @@ export interface ChartProps {
     legendOrder?: string[];
     legendPosition?: 'bottom';
     referenceMarkers?: ReferenceMarker[];
+    todayMarker?: TodayMarker;
+    scrollable?: boolean;
+    scrollableWidth?: number;
 }
-export declare function Chart({ type, data, config, className, height, width, minWidth, onDataPointClick, onDataPointHover, highlightedIndex, showGrid, showLegend, showTooltip, colorScheme, responsive, maintainAspectRatio, legendHeight, margin, yAxisWidth, yAxisTickCount, xAxisTickFormatter, yAxisTickFormatter, showRightYAxis, rightYAxisWidth, rightYAxisTickCount, rightYAxisDomain, rightYAxisTickFormatter, title, description, showDataTable, tooltipMaxWidth, tooltipAllowEscapeViewBox, legendOrder, legendPosition, referenceMarkers, yAxisDomain, ...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, legendHeight, margin, yAxisWidth, yAxisTickCount, xAxisTickFormatter, yAxisTickFormatter, showRightYAxis, rightYAxisWidth, rightYAxisTickCount, rightYAxisDomain, rightYAxisTickFormatter, title, description, showDataTable, tooltipMaxWidth, tooltipAllowEscapeViewBox, legendOrder, legendPosition, referenceMarkers, todayMarker, yAxisDomain, scrollable, scrollableWidth, ...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/types/components/fundamental/chart.d.ts

@@ -37,6 +37,8 @@ export interface ReferenceMarkerDataPoint {
     fill?: string;
     stroke?: string;
     strokeWidth?: number;
+    yAxisId?: string;
+    pulsing?: boolean;
 }
 export interface ReferenceMarker {
     xValue: string | number;
@@ -46,8 +48,13 @@ export interface ReferenceMarker {
         strokeWidth?: number;
         strokeDasharray?: string;
     };
+    lineLabel?: string;
     tooltipLabel?: string;
-    dataPoints: ReferenceMarkerDataPoint[];
+    dataPoints?: ReferenceMarkerDataPoint[];
+}
+export interface TodayMarker {
+    xValue: string | number;
+    label?: string;
 }
 export interface ChartProps {
     type: ChartType;
@@ -89,7 +96,10 @@ export interface ChartProps {
     legendOrder?: string[];
     legendPosition?: 'bottom';
     referenceMarkers?: ReferenceMarker[];
+    todayMarker?: TodayMarker;
+    scrollable?: boolean;
+    scrollableWidth?: number;
 }
-export declare function Chart({ type, data, config, className, height, width, minWidth, onDataPointClick, onDataPointHover, highlightedIndex, showGrid, showLegend, showTooltip, colorScheme, responsive, maintainAspectRatio, legendHeight, margin, yAxisWidth, yAxisTickCount, xAxisTickFormatter, yAxisTickFormatter, showRightYAxis, rightYAxisWidth, rightYAxisTickCount, rightYAxisDomain, rightYAxisTickFormatter, title, description, showDataTable, tooltipMaxWidth, tooltipAllowEscapeViewBox, legendOrder, legendPosition, referenceMarkers, yAxisDomain, ...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, legendHeight, margin, yAxisWidth, yAxisTickCount, xAxisTickFormatter, yAxisTickFormatter, showRightYAxis, rightYAxisWidth, rightYAxisTickCount, rightYAxisDomain, rightYAxisTickFormatter, title, description, showDataTable, tooltipMaxWidth, tooltipAllowEscapeViewBox, legendOrder, legendPosition, referenceMarkers, todayMarker, yAxisDomain, scrollable, scrollableWidth, ...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/types/components/fundamental/separator.d.ts

@@ -1,8 +1,7 @@
 import * as React from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-export interface SeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
-    type?: "line" | "dot";
-    layout?: "horizontal" | "vertical";
+export interface SeparatorProps extends Omit<React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, "orientation"> {
+    type?: "horizontal-line" | "vertical-line" | "dot";
 }
 declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
 export { Separator };

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

@@ -1,7 +1,7 @@
 export { Alert, AlertDescription, AlertTitle } from './fundamental/alert.js';
 export type { AlertProps } from './fundamental/alert.js';
 export { Chart, generateChartColors, createChartConfig, chartColorSchemes } from './fundamental/chart.js';
-export type { ChartProps, ChartConfig, ChartDataPoint, ChartType, ChartColorScheme } from './fundamental/chart.js';
+export type { ChartProps, ChartConfig, ChartDataPoint, ChartType, ChartColorScheme, ReferenceMarker, ReferenceMarkerDataPoint, TodayMarker } from './fundamental/chart.js';
 export { Avatar, AvatarImage, AvatarFallback, avatarVariants, avatarFallbackVariants } from './fundamental/avatar.js';
 export type { AvatarProps, AvatarFallbackProps } from './fundamental/avatar.js';
 export { AvatarGroup } from './fundamental/avatar-group.js';

package/dist/types/components/product/data-table.d.cts

@@ -485,6 +485,8 @@ export interface DataTableProps<TData, TValue> {
      * }}
      */
     onRowClick?: (row: any, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    onRowMouseEnter?: (row: TData, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    onRowMouseLeave?: (row: TData, event: React.MouseEvent<HTMLTableRowElement>) => void;
     /**
      * Filter which rows should be clickable.
      * Return false to prevent row from being clickable.
@@ -796,7 +798,7 @@ export interface DataTableProps<TData, TValue> {
      */
     onExpandError?: (row: any, error: Error, type: 'children' | 'subComponent') => void;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, caption, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, minTableWidth, isLoading, loadingBehavior, loadingRowCount, borderStyle, defaultVerticalAlign, enableGlobalSearch, globalSearchPlaceholder, enableAutocomplete, globalSearchColumns, autocompleteMinCharacters, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, enablePaginationPersistence, storageKey, enableExpanding, getSubRows, expandingRowColors, nestedRowStyling, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, paginationVariant, pageSizeOptions, footerLabel, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, pagination: controlledPagination, onPaginationChange: onControlledPaginationChange, expanded: controlledExpanded, onExpandedChange: onControlledExpandedChange, renderSectionHeaderRow, renderSubComponent, getRowCanExpand, autoExpandChildren, onRowClick, isRowClickable, clickableRowClassName, groupPreservingSearch, activeRowId, activeRowClassName, getRowId, onActiveRowChange, onRowSelectionChange, onNextPageHover, onPreviousPageHover, onRowUpdate, onLoadMore, hasMoreData, isLoadingMore, error, onRetry, errorComponent, emptyState, emptyStateTitle, emptyStateDescription, emptyStateAction, noResultsState, noResultsTitle, noResultsDescription, noResultsAction, isRefetching, manualSorting, manualFiltering, manualPagination, rowCount, manualExpanding, onLoadChildren, expandingRowsLoading, subComponentLoading, onSubComponentLoad, expandingRowsError, subComponentError, onExpandError, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, caption, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, minTableWidth, isLoading, loadingBehavior, loadingRowCount, borderStyle, defaultVerticalAlign, enableGlobalSearch, globalSearchPlaceholder, enableAutocomplete, globalSearchColumns, autocompleteMinCharacters, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, enablePaginationPersistence, storageKey, enableExpanding, getSubRows, expandingRowColors, nestedRowStyling, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, paginationVariant, pageSizeOptions, footerLabel, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, pagination: controlledPagination, onPaginationChange: onControlledPaginationChange, expanded: controlledExpanded, onExpandedChange: onControlledExpandedChange, renderSectionHeaderRow, renderSubComponent, getRowCanExpand, autoExpandChildren, onRowClick, onRowMouseEnter, onRowMouseLeave, isRowClickable, clickableRowClassName, groupPreservingSearch, activeRowId, activeRowClassName, getRowId, onActiveRowChange, onRowSelectionChange, onNextPageHover, onPreviousPageHover, onRowUpdate, onLoadMore, hasMoreData, isLoadingMore, error, onRetry, errorComponent, emptyState, emptyStateTitle, emptyStateDescription, emptyStateAction, noResultsState, noResultsTitle, noResultsDescription, noResultsAction, isRefetching, manualSorting, manualFiltering, manualPagination, rowCount, manualExpanding, onLoadChildren, expandingRowsLoading, subComponentLoading, onSubComponentLoad, expandingRowsError, subComponentError, onExpandError, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter, groupPreservingGlobalFilter };
 export { useReactTable } from '@tanstack/react-table';
 export type { SortingState, ColumnFiltersState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode, } from '@tanstack/react-table';

package/dist/types/components/product/data-table.d.ts

@@ -485,6 +485,8 @@ export interface DataTableProps<TData, TValue> {
      * }}
      */
     onRowClick?: (row: any, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    onRowMouseEnter?: (row: TData, event: React.MouseEvent<HTMLTableRowElement>) => void;
+    onRowMouseLeave?: (row: TData, event: React.MouseEvent<HTMLTableRowElement>) => void;
     /**
      * Filter which rows should be clickable.
      * Return false to prevent row from being clickable.
@@ -796,7 +798,7 @@ export interface DataTableProps<TData, TValue> {
      */
     onExpandError?: (row: any, error: Error, type: 'children' | 'subComponent') => void;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, caption, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, minTableWidth, isLoading, loadingBehavior, loadingRowCount, borderStyle, defaultVerticalAlign, enableGlobalSearch, globalSearchPlaceholder, enableAutocomplete, globalSearchColumns, autocompleteMinCharacters, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, enablePaginationPersistence, storageKey, enableExpanding, getSubRows, expandingRowColors, nestedRowStyling, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, paginationVariant, pageSizeOptions, footerLabel, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, pagination: controlledPagination, onPaginationChange: onControlledPaginationChange, expanded: controlledExpanded, onExpandedChange: onControlledExpandedChange, renderSectionHeaderRow, renderSubComponent, getRowCanExpand, autoExpandChildren, onRowClick, isRowClickable, clickableRowClassName, groupPreservingSearch, activeRowId, activeRowClassName, getRowId, onActiveRowChange, onRowSelectionChange, onNextPageHover, onPreviousPageHover, onRowUpdate, onLoadMore, hasMoreData, isLoadingMore, error, onRetry, errorComponent, emptyState, emptyStateTitle, emptyStateDescription, emptyStateAction, noResultsState, noResultsTitle, noResultsDescription, noResultsAction, isRefetching, manualSorting, manualFiltering, manualPagination, rowCount, manualExpanding, onLoadChildren, expandingRowsLoading, subComponentLoading, onSubComponentLoad, expandingRowsError, subComponentError, onExpandError, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, title, caption, className, stickyHeader, stickyFirstColumn, stickyLeftColumns, stickyRightColumns, enableResponsiveWrapper, showScrollIndicators, minTableWidth, isLoading, loadingBehavior, loadingRowCount, borderStyle, defaultVerticalAlign, enableGlobalSearch, globalSearchPlaceholder, enableAutocomplete, globalSearchColumns, autocompleteMinCharacters, enableGlobalFaceting, enableColumnResizing, columnResizeMode, enableColumnResizePersistence, enablePaginationPersistence, storageKey, enableExpanding, getSubRows, expandingRowColors, nestedRowStyling, enableGrouping, groupedColumnMode, enableManualGrouping, groupDisplayColumn, hideChildrenForSingleItemGroups, hideExpanderForSingleItemGroups, enableRowPinning, keepPinnedRows, enableVirtualization, nestedHeaders, enableNestedHeaders, enableColumnOrdering, enableRowSelection, showHeader, showPagination, paginationVariant, pageSizeOptions, footerLabel, onTableReady, initialState, sorting: controlledSorting, onSortingChange: onControlledSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange: onControlledColumnVisibilityChange, grouping: controlledGrouping, onGroupingChange: onControlledGroupingChange, columnOrder: controlledColumnOrder, onColumnOrderChange: onControlledColumnOrderChange, columnSizing: controlledColumnSizing, onColumnSizingChange: onControlledColumnSizingChange, pagination: controlledPagination, onPaginationChange: onControlledPaginationChange, expanded: controlledExpanded, onExpandedChange: onControlledExpandedChange, renderSectionHeaderRow, renderSubComponent, getRowCanExpand, autoExpandChildren, onRowClick, onRowMouseEnter, onRowMouseLeave, isRowClickable, clickableRowClassName, groupPreservingSearch, activeRowId, activeRowClassName, getRowId, onActiveRowChange, onRowSelectionChange, onNextPageHover, onPreviousPageHover, onRowUpdate, onLoadMore, hasMoreData, isLoadingMore, error, onRetry, errorComponent, emptyState, emptyStateTitle, emptyStateDescription, emptyStateAction, noResultsState, noResultsTitle, noResultsDescription, noResultsAction, isRefetching, manualSorting, manualFiltering, manualPagination, rowCount, manualExpanding, onLoadChildren, expandingRowsLoading, subComponentLoading, onSubComponentLoad, expandingRowsError, subComponentError, onExpandError, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
 export { DataTableColumnHeader, DataTableFilter, DataTableToolbar, DataTablePagination, DataTableSkeleton, fuzzyFilter, multiSelectFilter, groupPreservingGlobalFilter };
 export { useReactTable } from '@tanstack/react-table';
 export type { SortingState, ColumnFiltersState, VisibilityState, ExpandedState, GroupingState, ColumnOrderState, FilterFn, ColumnResizeMode, } from '@tanstack/react-table';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rafal.lemieszewski/tide-ui",
-  "version": "0.87.8",
+  "version": "0.88.0",
   "description": "A comprehensive React component library built with Tailwind CSS and Radix UI primitives",
   "type": "module",
   "main": "./dist/cjs/lib/index.cjs",