h2o-library 1.7.1 → 2.0.0

package/dist/esm/components/src/icon.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-import { IconType, TooltipPosition } from "../../types";
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
-    icon: IconType;
-    size?: number;
-    tooltip?: string;
-    tooltipPosition?: TooltipPosition;
-}
-export declare const Icon: ({ icon, size, tooltip, tooltipPosition, ...props }: IconProps) => JSX.Element;

package/dist/esm/components/src/input.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { IconType, TooltipPosition } from "../../types";
-export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    leftIcon?: IconType;
-    rightIcon?: IconType;
-    onRightIconClick?: () => void;
-    showClear?: boolean;
-    note?: string;
-    error?: string;
-    containerClassName?: string;
-    tooltip?: string;
-    tooltipPosition?: TooltipPosition;
-}
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/components/src/legend.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-export type LegendStyle = 'line' | 'dashed-line' | 'rectangle' | 'circle';
-export type LegendItem = {
-    label: string;
-    color: string;
-    onClick?: () => void;
-    style?: LegendStyle;
-};
-export type LegendProps = {
-    items: LegendItem[];
-    itemStyle?: LegendStyle;
-    className?: string;
-    itemClassName?: string;
-    labelClassName?: string;
-    colorClassName?: string;
-};
-export declare const Legend: ({ items, itemStyle, className, itemClassName, labelClassName, colorClassName, }: LegendProps) => React.JSX.Element;

package/dist/esm/components/src/loader.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-declare const Loader: ({ className }: {
-    className?: string | undefined;
-}) => React.JSX.Element;
-export { Loader };

package/dist/esm/components/src/logo.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export declare function Logo({ className, size, }: {
-    className?: string;
-    size?: number;
-}): React.JSX.Element;

package/dist/esm/components/src/message.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-export type MessageVariant = "info" | "muted" | "error" | "warning" | "success";
-interface MessageProps {
-    variant: MessageVariant;
-    className?: string;
-    iconSize?: number;
-    iconStrokeWidth?: number;
-    iconClassName?: string;
-    message?: string | null;
-}
-export declare const Message: ({ variant, className, iconSize, iconStrokeWidth, iconClassName, message, }: MessageProps) => React.JSX.Element | null;
-export {};

package/dist/esm/components/src/modal.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-export interface ModalProps {
-    isOpen: boolean;
-    onClose?: () => void;
-    title?: string;
-    description?: string;
-    children: React.ReactNode;
-    className?: string;
-    titleContainerClassName?: string;
-    titleClassName?: string;
-    descriptionClassName?: string;
-    closeButtonClassName?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-}
-export declare const Modal: ({ isOpen, onClose, title, description, children, className, titleContainerClassName, titleClassName, descriptionClassName, closeButtonClassName, headerClassName, contentClassName, }: ModalProps) => React.ReactPortal | null;

package/dist/esm/components/src/month-calendar.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-interface MonthCalendarProps {
-    value?: Date;
-    onChange?: (value: Date) => void;
-    minDate?: Date;
-    maxDate?: Date;
-    disabledDates?: Date[];
-}
-declare const MonthCalendar: ({ value, onChange, minDate, maxDate, disabledDates, }: MonthCalendarProps) => JSX.Element;
-export { MonthCalendar };

package/dist/esm/components/src/multi-menu.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-export interface MultiMenuItem {
-    label: string;
-    value: string;
-    onClick?: () => void;
-    disabled?: boolean;
-    subItems?: MultiMenuItem[];
-}
-export interface MultiMenuProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> {
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    note?: string;
-    error?: string;
-    containerClassName?: string;
-    items: MultiMenuItem[];
-    placeholder?: string;
-}
-export declare const MultiMenu: React.ForwardRefExoticComponent<MultiMenuProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/src/multi-select.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-interface Option {
-    label: string;
-    value: string;
-}
-interface MultiSelectProps {
-    options: Option[];
-    selectedOptions: Option[];
-    setSelectedOptions: (options: Option[]) => void;
-    optionsType: string;
-    maxSelectedOptions?: number;
-    toggleLabel?: string;
-    onToggle?: (checked: boolean) => void;
-    showSearch?: boolean;
-    showSelectAll?: boolean;
-}
-declare const MultiSelect: ({ options, selectedOptions, setSelectedOptions, optionsType, maxSelectedOptions, toggleLabel, onToggle, showSearch, showSelectAll, }: MultiSelectProps) => React.JSX.Element;
-export { MultiSelect };

package/dist/esm/components/src/pagination.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export interface PaginationProps {
-    currentPage: number;
-    totalPages: number;
-    perPage: number;
-    perPageOptions?: {
-        label: string;
-        value: string;
-    }[];
-    onPageChange: (page: number) => void;
-    onPerPageChange: (perPage: string) => void;
-    className?: string;
-}
-export declare const Pagination: React.FC<PaginationProps>;

package/dist/esm/components/src/popover.d.ts

@@ -1,16 +0,0 @@
-import React, { ReactNode } from "react";
-interface PopOverProps {
-    isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
-    children: React.ReactNode;
-    alignment?: "left" | "right";
-    className?: string;
-}
-export declare const PopOver: ({ children, isOpen, setIsOpen, alignment, className, }: PopOverProps) => React.JSX.Element;
-export declare const PopOverTrigger: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;
-export declare const PopOverContent: ({ children, }: {
-    children: ReactNode;
-}) => JSX.Element | null;
-export {};

package/dist/esm/components/src/radio-group.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import { IconType } from "../../types";
-interface RadioOption {
-    label: string;
-    value: string;
-    icon?: IconType;
-    dot?: "active" | "inactive";
-}
-interface RadioGroupProps {
-    options: RadioOption[];
-    selected: string;
-    onSelect: (value: string) => void;
-    className?: string;
-    optionClassName?: string;
-}
-export declare const RadioGroup: ({ options, selected, onSelect, className, optionClassName, }: RadioGroupProps) => React.JSX.Element;
-export {};

package/dist/esm/components/src/radio.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
-    label?: string;
-    className?: string;
-}
-export declare const Radio: ({ label, className, ...props }: RadioProps) => JSX.Element;

package/dist/esm/components/src/segmented-toggle.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { IconType } from "../../types";
-import type { IconProps as IconPropsType } from "./icon";
-export type SegmentedToggleOption = {
-    label: string;
-    value: string;
-    icon?: IconType;
-    iconProps?: Omit<IconPropsType, "icon">;
-    labelProps?: React.HTMLAttributes<HTMLSpanElement>;
-};
-export interface SegmentedToggleProps {
-    options: SegmentedToggleOption[];
-    size?: "sm" | "md" | "lg";
-    className?: string;
-    optionClassName?: string;
-    selected: string;
-    onChange: (value: string) => void;
-    disabled?: boolean;
-}
-export declare function SegmentedToggle({ options, size, className, optionClassName, selected, onChange, disabled, }: SegmentedToggleProps): React.JSX.Element;

package/dist/esm/components/src/side-panel.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-export interface SidePanelProps {
-    isOpen: boolean;
-    onClose: () => void;
-    position?: "left" | "right";
-    title?: string;
-    description?: string;
-    children: React.ReactNode;
-    className?: string;
-    titleClassName?: string;
-    descriptionClassName?: string;
-    closeButtonClassName?: string;
-    headerClassName?: string;
-    contentClassName?: string;
-}
-export declare const SidePanel: ({ isOpen, onClose, position, title, description, children, className, titleClassName, descriptionClassName, closeButtonClassName, headerClassName, contentClassName, }: SidePanelProps) => JSX.Element | null;

package/dist/esm/components/src/status.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface StatusProps {
-    variant: "active" | "muted" | "destructive";
-    className?: string;
-    label?: string;
-}
-export declare const Status: ({ variant, className, label, }: StatusProps) => React.JSX.Element;
-export {};

package/dist/esm/components/src/table.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-export type SortDirection = "asc" | "desc" | null;
-export interface TableColumn<T> {
-    key: string;
-    label: string;
-    sortable?: boolean;
-    minWidth?: string;
-    maxWidth?: string;
-    width?: string;
-    render?: (value: any, row: T) => React.ReactNode;
-}
-export interface TableProps<T extends Record<string, any>> {
-    columns: TableColumn<T>[];
-    data: T[];
-    isLoading?: boolean;
-    className?: string;
-    containerClassName?: string;
-    rowHeight?: string;
-    sortKey?: string;
-    sortDirection?: SortDirection;
-    columnsEditable?: boolean;
-    currentPage?: number;
-    totalPages?: number;
-    perPage?: number;
-    perPageOptions?: {
-        label: string;
-        value: string;
-    }[];
-    onSort?: (key: string, direction: SortDirection) => void;
-    onPageChange?: (page: number) => void;
-    onPerPageChange?: (perPage: string) => void;
-    onVisibleColumnsChange?: (keys: string[]) => void;
-    maxHeight?: string;
-    visibleColumns?: string[];
-    maxVisibleColumns?: number;
-    defaultVisibleColumns?: string[];
-    pinnedColumns?: string[];
-    selectedRows?: T[];
-    setSelectedRows?: (rows: T[]) => void;
-    rowKey?: keyof T;
-    onRowClick?: (row: T, rowIndex: number) => void;
-}
-export declare function Table<T extends Record<string, any>>({ columns, data, isLoading, className, rowHeight, sortKey, sortDirection, onSort, currentPage, totalPages, perPage, perPageOptions, onPageChange, onPerPageChange, maxHeight, columnsEditable, containerClassName, visibleColumns, onVisibleColumnsChange, maxVisibleColumns, defaultVisibleColumns, pinnedColumns, selectedRows, setSelectedRows, rowKey, onRowClick, }: TableProps<T>): React.JSX.Element;

package/dist/esm/components/src/tabs.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface TabsProps {
-    tabs: string[];
-    selectedTab: string;
-    onSelectTab: (tab: string) => void;
-    tabClassName?: string;
-    className?: string;
-}
-export declare const Tabs: ({ tabs, selectedTab, onSelectTab, tabClassName, className, }: TabsProps) => React.JSX.Element;
-export {};

package/dist/esm/components/src/tag.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-type TagProps = {
-    label: string;
-    variant?: "primary" | "secondary";
-    onRemove: () => void;
-    className?: string;
-};
-export declare const Tag: ({ label, variant, onRemove, className, }: TagProps) => React.JSX.Element;
-export {};

package/dist/esm/components/src/textarea.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { TooltipPosition } from "../../types";
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
-    size?: "sm" | "md" | "lg";
-    label?: string;
-    showClear?: boolean;
-    note?: string;
-    error?: string;
-    containerClassName?: string;
-    tooltip?: string;
-    tooltipPosition?: TooltipPosition;
-    maxLength?: number;
-    enableResize?: boolean;
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/src/toast.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-export type ToastVariant = "info" | "error" | "warning" | "success";
-interface ToastAction {
-    label: string;
-    action: () => void;
-}
-export interface ToastProps {
-    id: string;
-    variant: ToastVariant;
-    title: string;
-    description: string;
-    primaryAction?: ToastAction;
-    secondaryAction?: ToastAction;
-    onClose: () => void;
-}
-export declare const ToastProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const useToast: () => (props: Omit<ToastProps, "id" | "onClose">) => void;
-export {};

package/dist/esm/components/src/toggle.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
-    label?: string;
-    description?: string;
-    className?: string;
-    isCard?: boolean;
-    isDraggable?: boolean;
-}
-export declare const Toggle: ({ label, description, className, isCard, isDraggable, ...props }: ToggleProps) => JSX.Element;

package/dist/esm/components/src/tooltip.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-import { TooltipPosition } from "../../types";
-type BaseProps = {
-    position?: TooltipPosition;
-    className?: string;
-    children: React.ReactNode;
-};
-type TextTooltip = BaseProps & {
-    text: string;
-    content?: never;
-};
-type ContentTooltip = BaseProps & {
-    content: React.ReactNode;
-    text?: never;
-};
-export type TooltipProps = TextTooltip | ContentTooltip;
-export declare const Tooltip: React.FC<TooltipProps>;
-export {};

package/dist/esm/css/index.css

@@ -1 +0,0 @@
-:root{--primary-disabled:225 100% 88%;--primary-muted:221 100% 95%;--primary:225 91% 59%;--primary-200:225 100% 43%;--primary-300:225 91% 40%;--primary-400:225 91% 18%;--success-bg:143 26% 86%;--success:130 35% 46%;--success-200:130 76% 26%;--success-300:130 100% 18%;--warning-bg:45 100% 84%;--warning:45 100% 61%;--warning-200:45 100% 45%;--warning-300:45 100% 32%;--destructive-bg:357 100% 92%;--destructive:0 83% 60%;--destructive-200:0 100% 42%;--destructive-300:0 100% 29%;--muted-25:0 0 98%;--muted-50:0 0 96%;--muted:0 0 80%;--muted-200:0 0 67%;--secondary-bg:0 0% 98%;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-full:9999px}@import "./src/accordion.css";@import "./src/button.css";@import "./src/calendar.css";@import "./src/checkbox.css";@import "./src/content-switch.css";@import "./src/date-range-picker.css";@import "./src/dropdown.css";@import "./src/input.css";@import "./src/modal.css";@import "./src/multi-select.css";@import "./src/compact-multi-select.css";@import "./src/popover.css";@import "./src/radio.css";@import "./src/search.css";@import "./src/side-panel.css";@import "./src/status.css";@import "./src/tabs.css";@import "./src/tag.css";@import "./src/textarea.css";@import "./src/toggle.css";@import "./src/tooltip.css";@import "./src/pagination.css";@import "./src/table.css";@import "./src/toast.css";@import "./src/month-calendar.css";@import "./src/loader.css";@import "./src/message.css";@import "./src/multi-menu.css";@import "./src/charts.css";@import "./src/chart.css";@import "./src/legend.css";@import "./src/expandable-table.css";@import "./src/chip.css";@import "./src/segmented-toggle.css";