cr-ui-lib 1.0.0 → 1.0.2

package/dist/index.d.mts

@@ -1,3 +1,405 @@
+import React$1, { ChangeEvent } from 'react';
+
+interface PlainButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const PlainButton: ({ className, children, ...rest }: PlainButtonProps) => JSX.Element;
+
+interface Props$1 extends React.HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    mainClass?: string;
+    paragraphClass?: string;
+    paragraphContent: string;
+    title: string;
+    titleClass?: string;
+}
+declare const CollapseButton: ({ isOpen, mainClass, paragraphClass, paragraphContent, title, titleClass, ...rest }: Props$1) => JSX.Element;
+
+interface ButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const Button: ({ className, children, ...rest }: ButtonProps) => JSX.Element;
+
+interface GraphedCardProps {
+    className?: string;
+    title: string;
+    tooltip_text: string;
+    subText?: string;
+    value: string;
+    unit?: string;
+    image?: React.ReactNode;
+    lineData: number[];
+    lineLabel: string[];
+    gradientColor0?: string;
+    gradientColor1?: string;
+    pointLabelColor?: string;
+    labelPopupTitle?: string;
+    isCustomTitle?: boolean;
+    customTitle?: React.ReactNode;
+    lineColor?: string;
+    isLoading: boolean;
+    isError: boolean;
+    handleRefresh?: () => void;
+}
+declare const GraphedCard: ({ className, title, value, subText, unit, tooltip_text, image, gradientColor0, gradientColor1, pointLabelColor, labelPopupTitle, lineData, lineLabel, isCustomTitle, customTitle, lineColor, isLoading, isError, handleRefresh, }: GraphedCardProps) => JSX.Element;
+
+interface SimpleCardProps {
+    title: string;
+    value: string;
+    unit?: string;
+    tooltip_text: string;
+    subText?: string;
+    footerText?: string;
+    hasDaysOption?: boolean;
+    hasTillDateDayOption?: boolean;
+    onDayChange?: (days: string) => void;
+    image?: React$1.ReactNode;
+    hasfooterDesign?: boolean;
+    footerDesign?: React$1.ReactNode;
+    className?: string;
+    isLoading: boolean;
+    isError: boolean;
+    handleRefresh?: () => void;
+    isCustomTitle?: boolean;
+    customTitle?: React$1.ReactNode;
+}
+declare const SimpleCard: ({ title, value, image, unit, tooltip_text, subText, footerText, hasfooterDesign, footerDesign, hasDaysOption, hasTillDateDayOption, onDayChange, className, handleRefresh, isLoading, isError, isCustomTitle, customTitle, }: SimpleCardProps) => JSX.Element;
+
+interface Props {
+    title: string;
+    classNames?: string;
+}
+declare const Label: ({ title, classNames }: Props) => JSX.Element;
+
+interface DataSet {
+    data: number[];
+    label: string;
+    lineColor?: string;
+    pointLabelColor?: string;
+}
+interface MultiLineGraphProps {
+    datasets: DataSet[];
+    xAxisLabels: string[];
+    className?: string;
+}
+declare const MultiLineGraph: ({ datasets, xAxisLabels, className, }: MultiLineGraphProps) => JSX.Element;
+
+interface SingleLineGraphProps {
+    data: number[];
+    label: string[];
+    gradientColor0?: string;
+    gradientColor1?: string;
+    pointLabelColor?: string;
+    labelPopupTitle?: string;
+    lineColor?: string;
+    className?: string;
+}
+declare const SingleLineGraph: ({ data, label, lineColor, gradientColor1, gradientColor0, pointLabelColor, labelPopupTitle, className, }: SingleLineGraphProps) => JSX.Element;
+
+interface CommonInputProps extends React$1.HTMLAttributes<HTMLInputElement | HTMLTextAreaElement> {
+    label?: string;
+    hasDollar?: boolean;
+    value: string;
+    onChange: (e: React$1.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    placeholder?: string;
+    type?: string;
+    height?: string;
+    isTextarea?: boolean;
+    className?: string;
+    maxLength?: number;
+    hasIcon?: boolean;
+    icon?: React$1.ReactNode;
+    labelColor?: string;
+    borderWeight?: string;
+    error?: string;
+    dollarClass?: string;
+}
+declare const CommonInput: React$1.FC<CommonInputProps>;
+
+interface DateRangePickerProps {
+    bgColor?: string;
+    dateFunc: (startDate: string, endDate: string) => void;
+    start_date?: string;
+    end_date?: string;
+    yearsBack?: number;
+    title?: string;
+    titleClass?: string;
+    autoOpen?: boolean;
+    isDateRangeOnly?: boolean;
+    dateRangeClass?: string;
+    setIsShowDateRange?: () => void;
+    datePopupOnly?: boolean;
+    handleExport?: (start_date: string, end_date: string) => Promise<void>;
+    setIsExporting?: (value: boolean) => void;
+    isExporting?: boolean;
+    className?: string;
+}
+declare const DateRangePicker: React$1.FC<DateRangePickerProps>;
+
+interface MultipleAutoSuggestionInputProps {
+    label?: string;
+    options: {
+        key: string;
+        name: string;
+    }[];
+    selectedItems: string[] | string;
+    isMulti?: boolean;
+    enableTypingSingle?: boolean;
+    onSelect: (key: string) => void;
+    onRemove?: (key: string) => void;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    keyDown: (e: React$1.KeyboardEvent<HTMLInputElement>) => void;
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    isDropdownAutoOpen?: boolean;
+    labelClass?: string;
+    buttonClass?: string;
+    dropdownOpenClass?: string;
+    selectedItemsClass?: string;
+    removeIconClass?: string;
+}
+declare const MultipleAutoSuggestionInput: React$1.FC<MultipleAutoSuggestionInputProps>;
+
+interface SingleListInputProps {
+    formValues: string[];
+    handleRemove: (value: string) => void;
+    inputValue: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    keyDown: (e: React$1.KeyboardEvent<HTMLInputElement>) => void;
+    label?: string;
+    buttonClass?: string;
+    labelClass?: string;
+}
+declare const SingleListInput: React$1.FC<SingleListInputProps>;
+
+type Option = {
+    id: string;
+    name: string;
+};
+type SingleSelectDropdownProps = {
+    label?: string;
+    value: string | null;
+    onChange: (value: string) => void;
+    options: Option[];
+    placeholder?: string;
+    onScrollToEnd?: () => void;
+    onSearch?: (searchTerm: string) => void;
+    hasMore?: boolean;
+    isLoading?: boolean;
+    searchable?: boolean;
+    searchDebounceMs?: number;
+    requiresSearch?: boolean;
+    minSearchLength?: number;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    searchPlaceholder?: string;
+    disabled?: boolean;
+    allOptions?: Option[];
+    hasIcon?: boolean;
+    buttonClass?: string;
+    labelClass?: string;
+    displayMainClass?: string;
+    displayItemClass?: string;
+    hasSearchIcon?: boolean;
+    searchInputClass?: string;
+    placeholderSearchClass?: string;
+};
+declare function SingleSelectDropdown({ label, value, onChange, options, placeholder, onScrollToEnd, onSearch, hasMore, isLoading, searchable, searchDebounceMs, requiresSearch, minSearchLength, emptyMessage, loadingMessage, searchPlaceholder, disabled, hasIcon, buttonClass, labelClass, displayItemClass, displayMainClass, hasSearchIcon, searchInputClass, placeholderSearchClass, }: SingleSelectDropdownProps): JSX.Element;
+
+interface SelectionButton {
+    data: string[];
+    className?: string;
+    buttonClass?: string;
+    currentValue: string;
+    onClick: (value: string) => void;
+}
+declare const SelectionButton: ({ data, currentValue, className, buttonClass, onClick, }: SelectionButton) => JSX.Element;
+
+interface DynamicDateProps {
+    label?: string;
+    hasCalendarIcon?: boolean;
+    value: string;
+    onChange: (e: string) => void;
+    placeholder?: string;
+    disableFuture?: boolean;
+    labelColor?: string;
+    borderWeight?: string;
+    bgColor?: string;
+    height?: string;
+    placeholderColor?: string;
+    labelClass?: string;
+    className?: string;
+    customIcon?: string;
+    iconSize?: number;
+    iconClass?: string;
+}
+declare const SingleDateInput: ({ label, hasCalendarIcon, value, onChange, placeholder, disableFuture, labelColor, borderWeight, bgColor, height, placeholderColor, labelClass, className, customIcon, iconSize, iconClass, }: DynamicDateProps) => JSX.Element;
+
+interface TimeInputProps {
+    label?: string;
+    hasTimeIcon?: boolean;
+    value: string;
+    onChange: (e: string) => void;
+    placeholder?: string;
+    disableFuture?: boolean;
+    selectedDate?: string;
+    className?: string;
+    labelClassName?: string;
+    customIcon?: React$1.ReactNode;
+    iconSize?: number;
+    iconClass?: string;
+}
+declare const TimeInput: ({ label, hasTimeIcon, value, onChange, placeholder, disableFuture, selectedDate, className, labelClassName, customIcon, iconSize, iconClass, }: TimeInputProps) => JSX.Element;
+
+interface Column {
+    name: string;
+    selector: string;
+    width: string;
+    sortable?: boolean;
+    isJustifyBetween?: boolean;
+    isLineHeight?: boolean;
+    isCenteredText?: boolean;
+    className?: string;
+    iconClassName?: string;
+    tableHeaderFontSize?: string;
+}
+interface TableHeaderProps {
+    toggleFilterPanel?: () => void;
+    isFilterPanelVisible?: boolean;
+    iconHeader?: React$1.ReactNode;
+    title?: string;
+    isExport?: boolean;
+    handleExport?: () => void;
+    isExporting?: boolean | undefined;
+    hasTooltip?: boolean;
+    tooltipMessage?: string;
+    isSimpleMode?: boolean;
+    isButtonAvailable?: boolean;
+    isFilterVisible?: boolean;
+    isUseDateRange?: boolean;
+    isShowDateRange?: boolean;
+    setIsShowDateRange?: () => void;
+    dateRangeApplyFunc?: (start_date: string, end_date: string) => void;
+    exportTooltipMessage?: string;
+    exportTooltipClass?: string;
+    hasMiddleHeaderCustomComponent?: boolean;
+    middleHeaderCustomComponent?: React$1.ReactElement;
+    rightHeaderClass?: string;
+    dateRangeClass?: string;
+    customClass?: string;
+}
+interface TableHeaderCustom$1 {
+    tableHeaderHeight?: string;
+}
+interface TableData$1 {
+    id?: string | number;
+    [key: string]: any;
+}
+interface PaginationProps$2 {
+    totalPage: number;
+    currentPage: number;
+    handlePageChange: (page: number) => void;
+    handleRowsPerPageChange: (page: number) => void;
+    page: number;
+    per_page: number;
+    totalItems: number;
+}
+interface DynamicTableProps {
+    columns: Column[];
+    tableData: TableData$1[];
+    handleSort: (selector: string) => void;
+    pagination: PaginationProps$2;
+    mainTableHeader: TableHeaderProps;
+    tableHeaderCustom?: TableHeaderCustom$1;
+    isLoading: boolean;
+    isError: boolean;
+    tableHeader?: (column: Column, columnIndex: number, sortData: (selector: string) => void) => React$1.ReactNode;
+    tableBody?: (item: TableData$1, column: Column, columnIndex: number) => any;
+    noDataMessage?: string;
+}
+declare const DynamicTable: React$1.FC<DynamicTableProps>;
+
+interface TableBodyDesign {
+    className?: string;
+}
+interface TableHeaderCustom {
+    tableHeaderHeight?: string;
+    px?: string;
+    toggleAll?: () => void;
+    isIndeterminate?: boolean;
+    isAllSelected?: boolean;
+}
+interface TableData {
+    id?: string | number;
+    [key: string]: any;
+}
+interface PaginationProps$1 {
+    totalPage: number;
+    currentPage: number;
+    handlePageChange: (page: number) => void;
+    handleRowsPerPageChange: (page: number) => void;
+    page: number;
+    per_page: number;
+    totalItems: number;
+    pageRangeDisplayed?: number;
+}
+interface DynamicTableV2Props {
+    columns: Column[];
+    tableData: TableData[];
+    handleSort: (selector: string) => void;
+    pagination: PaginationProps$1;
+    mainTableHeader: TableHeaderProps;
+    tableHeaderCustom?: TableHeaderCustom;
+    isLoading: boolean;
+    isError: boolean;
+    tableHeader?: (column: Column, columnIndex: number, sortData: (selector: string) => void) => React$1.ReactNode;
+    tableBody?: (item: TableData, column: Column, columnIndex: number) => any;
+    tableRow?: (item: TableData, index: number) => React$1.HTMLAttributes<HTMLTableRowElement>;
+    noDataMessage?: string;
+    noDataMessageHeader?: string;
+    noDataMessageImage?: React$1.ReactNode;
+    noDataMessageImageSize?: number;
+    tableBodyDesign?: TableBodyDesign;
+    hasAnotherScreen?: boolean;
+    anotherScreenComponent?: any;
+    isSimpleMode?: boolean;
+    loadAndErrorHeight?: string;
+    isDisableTableHeader?: boolean;
+    isShowDateRange?: boolean;
+    tableClass?: string;
+}
+declare const DynamicTableV2: React$1.FC<DynamicTableV2Props>;
+
+interface PaginationProps {
+    totalPages: number;
+    currentPage: number;
+    onPageChange: (selectedPage: number) => void;
+    pageRangeDisplayed?: number;
+}
+declare const Pagination: React$1.FC<PaginationProps>;
+
+declare const TableHeader: React.FC<TableHeaderProps>;
+
+interface ErrorToastProps {
+    message?: string;
+    onClose?: () => void;
+    autoClose?: boolean;
+    autoCloseDelay?: number;
+    isVisible?: boolean;
+}
+declare const ErrorToast: ({ message, onClose, autoClose, autoCloseDelay, isVisible: externalIsVisible, }: ErrorToastProps) => JSX.Element | null;
+
+interface SuccessToastProps {
+    message?: string;
+    onClose?: () => void;
+    autoClose?: boolean;
+    autoCloseDelay?: number;
+    isVisible?: boolean;
+}
+declare const SuccessToast: ({ message, onClose, autoClose, autoCloseDelay, isVisible: externalIsVisible, }: SuccessToastProps) => JSX.Element | null;
+
 type NavBarProps = {
     children?: React.ReactNode;
     wrapperClassName?: string;
@@ -22,8 +424,8 @@ type PopupWrapperProps = {
     className?: string;
     isOpen: boolean;
     stayMounted?: boolean;
-};
-declare const PopupWrapper: ({ children, className, isOpen, stayMounted, }: PopupWrapperProps) => JSX.Element | null;
+} & React.HTMLAttributes<HTMLElement>;
+declare const PopupWrapper: ({ children, className, isOpen, stayMounted, ...rest }: PopupWrapperProps) => JSX.Element | null;
 
 type LayoutProps = {
     children: React.ReactNode;
@@ -33,4 +435,39 @@ type LayoutProps = {
 } & React.HTMLAttributes<HTMLDivElement>;
 declare const SideNav: ({ children, wrapperClassName, navClassName, navProps, ...rest }: LayoutProps) => JSX.Element;
 
-export { Modal, NavBar, type NavBarProps, PopupWrapper, SideNav, type LayoutProps as SideNavProps };
+interface BoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React$1.ReactNode;
+}
+declare const Box: React$1.FC<BoxProps>;
+
+interface BoxHeaderProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React$1.ReactNode;
+}
+declare const BoxHeader: React$1.FC<BoxHeaderProps>;
+
+interface BoxBodyProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: React$1.ReactNode;
+}
+declare const BoxBody: React$1.FC<BoxBodyProps>;
+
+interface DateValidationOptions {
+    enableYearRange?: boolean;
+    yearsBack?: number;
+    allowFutureDates?: boolean;
+}
+declare const validateAndFormatInput: (rawInput: string, options?: DateValidationOptions) => string;
+declare const validateDate: (dateString: string, allowFutureDates?: boolean) => boolean;
+declare const validateDateRange: (dateString: string, options?: {
+    allowFutureDates?: boolean;
+    minDate?: Date;
+    maxDate?: Date;
+    yearsBack?: number;
+}) => boolean;
+declare function toEndOfDay(date: Date): Date;
+declare function toMidnight(date: Date): Date;
+declare function isSameDateMDY(date1: Date, date2: Date): boolean;
+
+export { Box, BoxBody, BoxHeader, Button, CollapseButton, CommonInput, DateRangePicker, DynamicTable, DynamicTableV2, ErrorToast, GraphedCard, Label, Modal, MultiLineGraph, MultipleAutoSuggestionInput, NavBar, type NavBarProps, Pagination, PlainButton, PopupWrapper, SelectionButton, SideNav, type LayoutProps as SideNavProps, SimpleCard, SingleDateInput, SingleLineGraph, SingleListInput, SingleSelectDropdown, SuccessToast, TableHeader, TimeInput, isSameDateMDY, toEndOfDay, toMidnight, validateAndFormatInput, validateDate, validateDateRange };