@eztrak/shared 0.15.1 → 0.16.0

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { ReactNode, InputHTMLAttributes, HTMLAttributes, CSSProperties } from 'react';
+import react__default, { ReactNode, InputHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ComponentType, CSSProperties } from 'react';
 import { Props, StylesConfig } from 'react-select';
 import { PlacesType } from 'react-tooltip';
 import { IconType } from 'react-icons';
@@ -194,6 +194,102 @@ interface LoaderProps {
 
 declare const Loader: react__default.FC<LoaderProps>;
 
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: string;
+    size?: string;
+}
+
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface CardProps {
+    title: string;
+    content?: string | null;
+    icon: ReactNode;
+    onClick?: () => void;
+    containerClassName?: string;
+    iconClassName?: string;
+    titleClassName?: string;
+    contentClassName?: string;
+    cardBodyClassName?: string;
+}
+
+declare function Card({ title, content, icon, onClick, containerClassName, iconClassName, titleClassName, contentClassName, cardBodyClassName, }: CardProps): react.JSX.Element;
+
+interface HeaderProps {
+    title?: string;
+    children?: ReactNode;
+    breadcrumbs?: ReactNode;
+    className?: string;
+    containerClass?: string;
+    titleStyle?: string;
+    breadcrumbsStyle?: string;
+}
+
+declare function Header({ title, className, containerClass, breadcrumbs, titleStyle, breadcrumbsStyle, children, }: HeaderProps): react.JSX.Element;
+
+interface BreadcrumbRoute {
+    path: string;
+    title?: string;
+    children?: BreadcrumbRoute[];
+}
+interface BreadcrumbsProps {
+    routes?: BreadcrumbRoute[];
+    containerClassName?: string;
+    linkClassName?: string;
+    separatorClassName?: string;
+    separator?: ReactNode;
+    activeClassName?: string;
+    customTitles?: Record<string, string> | string;
+    customIcons?: Record<string, ReactNode>;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    nonClickablePaths?: string[];
+}
+
+declare function Breadcrumbs({ routes, containerClassName, linkClassName, separatorClassName, separator, activeClassName, customTitles, customIcons, prefix, suffix, nonClickablePaths, }: BreadcrumbsProps): react.JSX.Element;
+
+interface SidebarItem {
+    name: string;
+    link?: string;
+    icon?: ReactNode;
+    subItems?: SidebarItem[];
+    component?: ComponentType;
+    tooltip?: string;
+    tooltipPlacement?: "top" | "right" | "bottom" | "left";
+    itemClassName?: string;
+}
+interface SidebarProps extends HTMLAttributes<HTMLDivElement> {
+    header?: ReactNode;
+    children?: ReactNode;
+    footer?: ReactNode;
+    items?: SidebarItem[];
+    logoUrl?: string;
+    logoAltText?: string;
+    collapseButtonText?: ReactNode;
+    expandButtonText?: ReactNode;
+    sideCollapseWidth?: string;
+    sidebarWidth?: string;
+    location?: {
+        pathname?: string;
+    };
+    classNames?: {
+        logoSection?: string;
+        navSection?: string;
+        groupItem?: string;
+        subItem?: string;
+        collapseButton?: string;
+        navItemText?: string;
+        footer?: string;
+        navItem?: string;
+        itemDropdown?: string;
+    };
+    itemDropdownIcon?: ReactNode;
+    onCollapseChange?: (collapsed: boolean) => void;
+    isCollapsed?: boolean;
+}
+
+declare function Sidebar({ className, sideCollapseWidth, sidebarWidth, header, children, footer, items, logoUrl, logoAltText, collapseButtonText, expandButtonText, location: _location, classNames, onCollapseChange, isCollapsed, itemDropdownIcon, ...rest }: SidebarProps): react.JSX.Element;
+
 type CardSkeletonVariant = "profile" | "image" | "content";
 interface CardSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     variant?: CardSkeletonVariant;
@@ -319,6 +415,11 @@ interface PopupCellRendererProps<TRow = unknown> {
     placement?: TippyProps["placement"];
     /** Default `"Row actions"`. */
     ariaLabel?: string;
+    /**
+     * When true, the menu opens on hover and closes on leave.
+     * Default `false` (click to open).
+     */
+    openOnHover?: boolean;
     tippyProps?: Omit<Partial<TippyProps>, "children" | "content" | "visible" | "placement">;
 }
 
@@ -329,7 +430,7 @@ interface PopupCellRendererProps<TRow = unknown> {
  * `import "tippy.js/dist/tippy.css"`
  * `import "tippy.js/themes/light.css"`
  */
-declare function PopupCellRenderer<TRow = unknown>({ dropDownContent, actionIcon: ActionIcon, title, className, hideTitle, params, onAction, placement, tippyProps, ariaLabel, }: PopupCellRendererProps<TRow>): react.JSX.Element;
+declare function PopupCellRenderer<TRow = unknown>({ dropDownContent, actionIcon: ActionIcon, title, className, hideTitle, params, onAction, placement, tippyProps, ariaLabel, openOnHover, }: PopupCellRendererProps<TRow>): react.JSX.Element;
 
 type RowActionPresetName = "edit" | "delete" | "view" | "notes" | "history" | "download" | "archive" | "resolve";
 type RowActionsMode = "menu" | "inline";
@@ -405,6 +506,11 @@ interface RowActionsProps<TRow = unknown> {
     triggerAriaLabel?: string;
     hasPermission?: (permission: string) => boolean;
     placement?: TippyProps["placement"];
+    /**
+     * When true, the menu opens on hover and closes on leave.
+     * Default `false` (click to open).
+     */
+    openOnHover?: boolean;
     tippyProps?: PopupCellRendererProps<TRow>["tippyProps"];
     /** Override default `Fa*` preset icons/labels for this instance. */
     presets?: Partial<Record<RowActionPresetName, Partial<RowActionPreset>>>;
@@ -469,7 +575,7 @@ interface RowActionPreset {
     iconClassName?: string;
 }
 
-declare function RowActions<TRow = unknown>({ actions, data, mode, actionIcon, className, menuClassName, itemClassName, itemIconClassName, itemLabelClassName, iconSize, triggerTooltip, triggerAriaLabel, hasPermission, placement, tippyProps, presets, confirmFn, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, renderItem, renderMenu, renderTrigger, }: RowActionsProps<TRow>): react.JSX.Element | null;
+declare function RowActions<TRow = unknown>({ actions, data, mode, actionIcon, className, menuClassName, itemClassName, itemIconClassName, itemLabelClassName, iconSize, triggerTooltip, triggerAriaLabel, hasPermission, placement, openOnHover, tippyProps, presets, confirmFn, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, renderItem, renderMenu, renderTrigger, }: RowActionsProps<TRow>): react.JSX.Element | null;
 
 declare function ActionMenuItem({ label, icon: Icon, iconSize, iconClassName, labelClassName, tooltip, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, disabled, danger, highlight, showLabel, className, onClick, }: ActionMenuItemProps): react.JSX.Element;
 
@@ -496,4 +602,4 @@ type TableErrorBoundaryProps = {
 
 declare const TableErrorBoundary: react__default.FC<TableErrorBoundaryProps>;
 
-export { ActionMenuItem, type ActionMenuItemProps, CardSkeleton, type CardSkeletonProps, type CardSkeletonVariant, type CellEditPayload, type CellEditorInputType, CustomCellEditor, type CustomCellEditorProps, type CustomCellEditorRef, CustomPagination, type CustomPaginationClassNames, type CustomPaginationProps, DropdownFilter, type DropdownFilterProps, type DropdownOption, type EztrakTab, EztrakTabs, type EztrakTabsClassNames, type EztrakTabsProps, type LayoutStatus, Loader, type LoaderProps, Modal, type ModalProps, type PaginationData, type PopupActionHandler, PopupCellRenderer, type PopupCellRendererParams, type PopupCellRendererProps, type PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, type ResetColumnsButtonProps, ResetFiltersButton, type ResetFiltersButtonProps, type ResetFiltersButtonVariant, type ResolvedRowAction, type RowAction, type RowActionConfirmFn, type RowActionFlag, type RowActionItemRenderContext, type RowActionItemType, type RowActionPreset, type RowActionPresetName, RowActions, type RowActionsList, type RowActionsMode, type RowActionsProps, type RowActionsRenderContext, SearchInput, type SearchInputProps, TableErrorBoundary, type TableErrorBoundaryProps, TableLayoutToolbarControls, type TableLayoutToolbarControlsProps, ToolTip, type ToolTipProps, TooltipText, type TooltipTextProps, dropdownStyles, resolveActions };
+export { ActionMenuItem, type ActionMenuItemProps, type BreadcrumbRoute, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, Card, type CardProps, CardSkeleton, type CardSkeletonProps, type CardSkeletonVariant, type CellEditPayload, type CellEditorInputType, CustomCellEditor, type CustomCellEditorProps, type CustomCellEditorRef, CustomPagination, type CustomPaginationClassNames, type CustomPaginationProps, DropdownFilter, type DropdownFilterProps, type DropdownOption, type EztrakTab, EztrakTabs, type EztrakTabsClassNames, type EztrakTabsProps, Header, type HeaderProps, type LayoutStatus, Loader, type LoaderProps, Modal, type ModalProps, type PaginationData, type PopupActionHandler, PopupCellRenderer, type PopupCellRendererParams, type PopupCellRendererProps, type PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, type ResetColumnsButtonProps, ResetFiltersButton, type ResetFiltersButtonProps, type ResetFiltersButtonVariant, type ResolvedRowAction, type RowAction, type RowActionConfirmFn, type RowActionFlag, type RowActionItemRenderContext, type RowActionItemType, type RowActionPreset, type RowActionPresetName, RowActions, type RowActionsList, type RowActionsMode, type RowActionsProps, type RowActionsRenderContext, SearchInput, type SearchInputProps, Sidebar, type SidebarItem, type SidebarProps, TableErrorBoundary, type TableErrorBoundaryProps, TableLayoutToolbarControls, type TableLayoutToolbarControlsProps, ToolTip, type ToolTipProps, TooltipText, type TooltipTextProps, dropdownStyles, resolveActions };