dibk-design 9.3.6 → 10.0.0

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { default as default_2 } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { JSX as JSX_2 } from 'react';
 import { ReactNode } from 'react';
+import { ReactPortal } from 'react';
 
 export declare const Accordion: ({ title, color, expanded: expandedProp, onToggleExpand, buttonProps, noMargin, initialized: initializedProp, children, ...rest }: AccordionProps) => JSX.Element;
 
@@ -24,7 +25,7 @@ declare type ArrowDirection = "none" | "left" | "right";
 
 export declare const Button: ({ content, color, size, arrow, disabled, inputType, defaultChecked, hasErrors, noHover, rounded, noMargin, href, children, iconLeft, iconRight, ...rest }: ButtonProps) => JSX.Element;
 
-declare type ButtonColor = "primary" | "secondary";
+declare type ButtonColor = "primary" | "secondary" | "ghost";
 
 declare interface ButtonProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
     content?: string;
@@ -155,7 +156,7 @@ declare interface DescriptionTermProps {
     children?: default_2.ReactNode;
 }
 
-export declare const Dialog: ({ maxWidth, noPadding, closeButton, onClickOutside, modal, attachTo, hidden, children, }: DialogProps) => JSX.Element;
+export declare const Dialog: ({ maxWidth, noPadding, closeButton, onClickOutside, modal, attachTo, hidden, children, }: DialogProps) => ReactPortal | null;
 
 declare interface DialogProps {
     maxWidth?: string;
@@ -189,12 +190,10 @@ declare interface DragAndDropFileInputProps {
     "data-transaction-name"?: string;
 }
 
-export declare const ErrorBox: React.FC<ErrorBoxProps>;
+export declare const ErrorBox: ({ type, children, ...rest }: ErrorBoxProps) => JSX.Element;
 
-declare interface ErrorBoxProps {
+declare interface ErrorBoxProps extends Omit<InfoBoxProps, "variant" | "hideIcon"> {
     type?: "warning" | "error";
-    fullScreen?: boolean;
-    children?: React.ReactNode;
 }
 
 export declare const ErrorMessage: ({ id, content }: ErrorMessageProps) => JSX.Element | null;
@@ -223,18 +222,27 @@ declare interface HeaderProps {
     children?: default_2.ReactNode;
 }
 
-export declare const InfoBox: ({ children }: InfoBoxProps) => JSX.Element;
+export declare const InfoBox: ({ title, children, variant, fullScreen, hideIcon, icon, className, }: InfoBoxProps) => JSX.Element;
 
 declare interface InfoBoxProps {
+    title?: default_2.ReactNode;
     children?: default_2.ReactNode;
+    variant?: InfoBoxVariant;
+    fullScreen?: boolean;
+    hideIcon?: boolean;
+    icon?: default_2.ReactNode;
+    className?: string;
 }
 
-export declare const InputField: ({ id, onChange, onBlur, name, type, disabled, required, readOnly, width, value, defaultValue, elementKey, label, contentOnly, buttonColor, buttonContent, selectedFileName, placeholder, defaultContent, min, max, role, "aria-describedby": ariaDescribedBy, "aria-autocomplete": ariaAutocomplete, hasErrors, errorMessage, noMargin, }: InputFieldProps) => JSX.Element;
+declare type InfoBoxVariant = "info" | "warning" | "error" | "tip";
+
+export declare const InputField: ({ id, onChange, onBlur, onFocus, name, type, disabled, required, readOnly, width, value, defaultValue, elementKey, label, contentOnly, buttonColor, buttonContent, selectedFileName, placeholder, defaultContent, min, max, role, "aria-describedby": ariaDescribedBy, "aria-autocomplete": ariaAutocomplete, hasErrors, errorMessage, noMargin, }: InputFieldProps) => JSX.Element;
 
 declare interface InputFieldProps {
     id: string;
     onChange?: (e: default_2.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: default_2.FocusEvent<HTMLInputElement>) => void;
     name?: string;
     type?: string;
     disabled?: boolean;
@@ -592,6 +600,12 @@ declare interface ListProps {
 
 export declare const LoadingAnimation: ({ fixed, message, }: LoadingAnimationProps) => JSX.Element;
 
+export declare const LoadingAnimation2: ({ ariaLabel, }: LoadingAnimation2Props) => JSX.Element;
+
+declare interface LoadingAnimation2Props {
+    ariaLabel?: string;
+}
+
 declare interface LoadingAnimationProps {
     fixed?: boolean;
     message?: string;
@@ -723,6 +737,7 @@ declare interface SelectPropsBase {
     "aria-describedby"?: string;
     hasErrors?: boolean;
     errorMessage?: default_2.ReactNode;
+    size?: "small" | "medium";
 }
 
 declare interface SingleSelectProps extends SelectPropsBase {
@@ -752,7 +767,7 @@ declare interface StepProps {
     direction?: 'vertical' | 'horizontal';
 }
 
-export declare const Table: <T extends object>({ columns, data, caption, getRowId, }: TableProps<T>) => JSX.Element;
+export declare const Table: <T extends object>({ columns, data, caption, getRowId, selectionType, selectionLabel, selectedRowId, onSelect, selectedRowIds, onSelectMany, onRowClick, pageSize, page, defaultPage, onPageChange, pageSizeOptions, defaultPageSize, onPageSizeChange, }: TableProps<T>) => JSX.Element;
 
 declare type TableColumn<T> = {
     key: string;
@@ -769,6 +784,64 @@ declare interface TableProps<T> {
     data: T[];
     caption?: string;
     getRowId?: (row: T, index: number) => default_2.Key;
+    selectionType?: "single" | "multiple";
+    selectionLabel?: string;
+    selectedRowId?: default_2.Key;
+    onSelect?: (row: T) => void;
+    selectedRowIds?: default_2.Key[];
+    onSelectMany?: (rows: T[]) => void;
+    onRowClick?: (row: T) => void;
+    pageSize?: number;
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    pageSizeOptions?: number[];
+    defaultPageSize?: number;
+    onPageSizeChange?: (size: number) => void;
+}
+
+declare interface TabPanelProps {
+    children?: ReactNode;
+    isActive?: boolean;
+    tabId?: string;
+    panelId?: string;
+}
+
+declare interface TabProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+    amount?: number;
+    isActive?: boolean;
+    tabId?: string;
+    panelId?: string;
+    onSelect?: () => void;
+}
+
+export declare const Tabs: {
+    ({ children, defaultIndex, onChange, className, }: TabsProps): JSX.Element;
+    List: ({ children, activeIndex, setActiveIndex, baseId, }: TabsListProps) => JSX.Element;
+    Tab: ({ children, amount, isActive, onSelect, onClick, onKeyDown, tabId, panelId, className, ...rest }: TabProps) => JSX.Element;
+    Panels: ({ children, activeIndex, baseId }: TabsPanelsProps) => JSX.Element;
+    Panel: ({ children, isActive, tabId, panelId }: TabPanelProps) => JSX.Element;
+};
+
+declare interface TabsListProps {
+    children?: ReactNode;
+    activeIndex?: number;
+    setActiveIndex?: (index: number) => void;
+    baseId?: string;
+}
+
+declare interface TabsPanelsProps {
+    children?: ReactNode;
+    activeIndex?: number;
+    baseId?: string;
+}
+
+declare interface TabsProps {
+    children?: ReactNode;
+    defaultIndex?: number;
+    onChange?: (nextIndex: number) => void;
+    className?: string;
 }
 
 export declare const Textarea: ({ id, onChange, onBlur, name, required, readOnly, disabled, width, resize, value, defaultValue, elementKey, rows, label, contentOnly, placeholder, defaultContent, "aria-describedby": ariaDescribedBy, hasErrors, errorMessage, }: TextareaProps) => JSX.Element;