@dbcdk/react-components 0.0.95 → 0.0.97

package/dist/components/alert/Alert.d.ts

@@ -0,0 +1,13 @@
+import type { JSX, ReactNode } from 'react';
+import type { Severity } from '../../constants/severity.types';
+export interface AlertProps {
+    children: ReactNode;
+    title?: ReactNode;
+    severity?: Severity;
+    customIcon?: ReactNode;
+    disableIcon?: boolean;
+    fullWidth?: boolean;
+    maxWidth?: string | number;
+    role?: 'status' | 'alert';
+}
+export declare function Alert({ children, title, severity, customIcon, disableIcon, fullWidth, maxWidth, role, }: AlertProps): JSX.Element;

package/dist/components/forms/input/Input.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import type { Size } from '../../../types/sizes.types';
 import type { InputContainerProps } from '../input-container/InputContainer';
 export type InputVariant = 'outlined' | 'surface' | 'subtle' | 'standalone' | 'embedded';
-export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'> & Omit<InputContainerProps, 'children' | 'htmlFor' | 'tooltip' | 'tooltipPlacement'> & {
+export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'> & Omit<InputContainerProps, 'children' | 'htmlFor' | 'tooltip' | 'tooltipPlacement' | 'size'> & {
     icon?: React.ReactNode;
     autoFocus?: boolean;
     minWidth?: string | number;
@@ -12,6 +12,7 @@ export type InputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size
     variant?: InputVariant;
     onClear?: (event?: React.MouseEvent | React.KeyboardEvent) => void;
     onButtonClick?: () => void;
+    buttonDisabled?: boolean;
     buttonLabel?: string;
     buttonIcon?: React.ReactNode;
     trailingLabel?: string;

package/dist/components/forms/input-container/InputContainer.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 export interface InputContainerProps {
     label?: string;
+    labelAction?: React.ReactNode;
     htmlFor?: string;
     error?: string;
     helpText?: string;
@@ -9,8 +10,9 @@ export interface InputContainerProps {
     required?: boolean;
     children: React.ReactNode;
     orientation?: 'vertical' | 'horizontal';
+    size?: 'sm' | 'md' | 'lg';
     labelWidth?: string;
     labelAlignment?: 'top' | 'center';
     modified?: boolean;
 }
-export declare function InputContainer({ label, htmlFor, error, helpText, helpTextAddition, fullWidth, required, children, orientation, labelWidth, modified, }: InputContainerProps): React.ReactElement;
+export declare function InputContainer({ label, labelAction, htmlFor, error, helpText, helpTextAddition, fullWidth, required, children, orientation, size, labelWidth, modified, }: InputContainerProps): React.ReactElement;

package/dist/components/forms/text-area/Textarea.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { InputContainerProps } from '../input-container/InputContainer';
-export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'disabled'> & Omit<InputContainerProps, 'children' | 'htmlFor' | 'tooltip' | 'tooltipPlacement'> & {
+export type TextareaProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange' | 'disabled'> & Omit<InputContainerProps, 'children' | 'htmlFor' | 'tooltip' | 'tooltipPlacement' | 'size'> & {
     value: string;
     inputChanged: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
     disabled?: boolean;

package/dist/components/stack/Stack.d.ts

@@ -1,12 +1,20 @@
 import React, { ElementType } from 'react';
 type GapSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
+type StackDirection = 'row' | 'column';
+type StackAlign = 'start' | 'center' | 'end';
+type StackJustify = 'start' | 'center' | 'end' | 'between';
 type StackOwnProps = {
-    direction?: 'row' | 'column';
+    direction?: StackDirection;
     gap?: GapSize;
-    align?: 'start' | 'center' | 'end';
-    justify?: 'start' | 'center' | 'end' | 'between';
+    align?: StackAlign;
+    justify?: StackJustify;
     grow?: boolean;
     wrap?: boolean;
+    mobileDirection?: StackDirection;
+    mobileGap?: GapSize;
+    mobileAlign?: StackAlign;
+    mobileJustify?: StackJustify;
+    mobileWrap?: boolean;
 };
 export type StackProps<C extends ElementType = 'div'> = StackOwnProps & {
     as?: C;

package/dist/components/table/Table.d.ts

@@ -1,4 +1,4 @@
 import type { JSX } from 'react';
 import type { TableProps } from './Table.types';
-export declare function Table<T extends Record<string, any>>({ data, dataKey, columns, selectedRows, selectionMode, allRowsSelected, sortById, sortDirection, loading, emptyConfig, variant, size, viewMode, striped, fillViewport, fillViewportBottomOffset, tableWidth, tableRootRef, measuringLayout, toolbar, headerExtras, take, skip, totalItemsCount, paginationPlacement, showFirstLast, pageSizeOptions, getRowSeverity, onRowClick, onRowMouseEnter, onRowSelect, onSelectAllRows, onSortChange, onPageChange, ...rest }: TableProps<T>): JSX.Element;
+export declare function Table<T extends Record<string, any>>({ data, dataKey, columns, selectedRows, selectionMode, allRowsSelected, sortById, sortDirection, loading, emptyConfig, variant, size, viewMode, striped, fillViewport, fillViewportBottomOffset, containScrolling, stickyHeader, tableWidth, tableRootRef, measuringLayout, toolbar, headerExtras, take, skip, totalItemsCount, paginationPlacement, showFirstLast, pageSizeOptions, getRowSeverity, onRowClick, onRowMouseEnter, onRowSelect, onSelectAllRows, onSortChange, onPageChange, ...rest }: TableProps<T>): JSX.Element;
 export type { ColumnItem } from './Table.types';

package/dist/components/table/Table.types.d.ts

@@ -24,6 +24,7 @@ export type HeaderExtrasArgs<T> = {
     column: ColumnItem<T>;
     index: number;
 };
+export type StickyHeader = false | 'app-header' | number;
 export type TableVariant = 'primary' | 'embedded';
 export type SortDirection = 'asc' | 'desc' | null;
 export type TableProps<T extends Record<string, any>> = Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseEnter'> & {
@@ -43,6 +44,8 @@ export type TableProps<T extends Record<string, any>> = Omit<HTMLAttributes<HTML
     striped?: boolean;
     fillViewport?: boolean;
     fillViewportBottomOffset?: number;
+    containScrolling?: boolean;
+    stickyHeader?: StickyHeader;
     tableWidth?: number;
     tableRootRef?: Ref<HTMLDivElement>;
     measuringLayout?: boolean;

package/dist/components/table/components/TableHeader.d.ts

@@ -10,6 +10,7 @@ type Props<T> = {
     sortDirection?: SortDirection;
     onSortChange?: (column: ColumnItem<T>, direction: SortDirection) => void;
     headerExtras?: (args: HeaderExtrasArgs<T>) => ReactNode;
+    stickyTop?: string;
 };
-export declare function TableHeader<T>({ columns, hasSelection, selectionMode, allRowsSelected, onSelectAllRows, sortById, sortDirection, onSortChange, headerExtras, }: Props<T>): React.ReactNode;
+export declare function TableHeader<T>({ columns, hasSelection, selectionMode, allRowsSelected, onSelectAllRows, sortById, sortDirection, onSortChange, headerExtras, stickyTop, }: Props<T>): React.ReactNode;
 export {};