@onewelcome/react-lib-components 0.0.0-experimental-8e3a0fd

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { Type, Props as InputProps } from '../../Input/Input';
+import { WrapperProps } from '../Wrapper/Wrapper';
+interface PartialInputProps extends Partial<InputProps> {
+}
+export interface Props extends ComponentPropsWithRef<"div">, WrapperProps {
+    label: string;
+    type: Type;
+    name: string;
+    inputProps?: PartialInputProps;
+    value: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    success?: boolean;
+}
+export declare const InputWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
+export {};

package/dist/components/Form/Wrapper/InputWrapper/InputWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ComponentPropsWithRef, ReactElement } from 'react';
+import { WrapperProps } from '../Wrapper/Wrapper';
+import { MultiSelectProps } from '../../Select/Select.interfaces';
+interface PartialSelectProps extends Partial<MultiSelectProps> {
+}
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange">, Omit<WrapperProps, "onChange" | "error"> {
+    children: ReactElement[] | ReactElement | number[];
+    placeholder?: string;
+    value: string[];
+    error?: boolean;
+    selectProps?: PartialSelectProps;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    success?: boolean;
+}
+export declare const MultiSelectWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
+export {};

package/dist/components/Form/Wrapper/MultiSelectWrapper/MultiSelectWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ComponentPropsWithRef, ReactElement } from 'react';
+import { WrapperProps } from '../Wrapper/Wrapper';
+import { Props as FieldsetProps } from '../../../Form/Fieldset/Fieldset';
+export interface Props extends ComponentPropsWithRef<"div">, WrapperProps {
+    children: ReactElement | ReactElement[];
+    fieldsetProps: FieldsetProps;
+    value: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const RadioWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Wrapper/RadioWrapper/RadioWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ComponentPropsWithRef, ReactElement } from 'react';
+import { WrapperProps } from '../Wrapper/Wrapper';
+import { SingleSelectProps } from '../../Select/Select.interfaces';
+interface PartialSelectProps extends Partial<SingleSelectProps> {
+}
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange">, Omit<WrapperProps, "onChange" | "error"> {
+    children: ReactElement[] | ReactElement | number[];
+    placeholder?: string;
+    value: string;
+    error?: boolean;
+    selectProps?: PartialSelectProps;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
+    success?: boolean;
+}
+export declare const SelectWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;
+export {};

package/dist/components/Form/Wrapper/SelectWrapper/SelectWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { WrapperProps } from '../Wrapper/Wrapper';
+import { Props as TextareaProps } from '../../Textarea/Textarea';
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onFocus" | "onChange" | "onBlur" | "onMouseEnter" | "onMouseLeave">, Omit<WrapperProps, "onFocus" | "onChange" | "onBlur" | "onMouseEnter" | "onMouseLeave"> {
+    placeholder?: string;
+    textareaProps?: TextareaProps;
+    value: string;
+    onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onMouseEnter?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
+    onMouseLeave?: (event: React.MouseEvent<HTMLTextAreaElement>) => void;
+    success?: boolean;
+    readOnlyView?: boolean;
+}
+export declare const TextareaWrapper: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement> & import('../../../withReadOnly').WithReadOnlyProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/components/Form/Wrapper/TextareaWrapper/TextareaWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/Wrapper/Wrapper/Wrapper.d.ts

@@ -0,0 +1,27 @@
+import { default as React, ComponentPropsWithRef, ReactElement } from 'react';
+import { Props as FormGroupProps } from '../../FormGroup/FormGroup';
+import { Props as LabelProps } from '../../Label/Label';
+import { Props as HelperProps } from '../../FormHelperText/FormHelperText';
+import { FormElement } from '../../form.interfaces';
+export interface Props extends ComponentPropsWithRef<"div">, FormGroupProps {
+    children: ReactElement | ReactElement[];
+    helperIndent?: number;
+    label?: string;
+    labelProps?: LabelProps;
+    name: string;
+    /** This does NOT add validation! It simply adds an asterix on the Label! */
+    required?: boolean;
+    innerClassName?: string;
+}
+/** For components that extend this component we create an interface (InputWrapper, SelectWrapper, etc.) */
+export interface WrapperProps extends Omit<FormElement, "success"> {
+    errorMessage?: string;
+    helperText?: string;
+    helperProps?: HelperProps;
+    errorMessageProps?: ComponentPropsWithRef<"span">;
+    label?: string;
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare const Wrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Form/Wrapper/Wrapper/Wrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/form.interfaces.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithRef } from 'react';
+import { DataAttributeKey } from '../../interfaces';
+/** Radios */
+export interface FormSelector extends FormElement {
+    helperText?: string;
+    errorMessage?: string;
+    errorMessageProps?: ComponentPropsWithRef<"span">;
+    parentHelperId?: string;
+    parentErrorId?: string;
+}
+/** Default form elements */
+export interface FormElement {
+    error?: boolean;
+    success?: boolean;
+    [dataAttribute: DataAttributeKey]: unknown;
+}

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,114 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export declare enum Icons {
+    Bell = "bell",
+    BellAlt = "bell-alt",
+    Bookmark = "bookmark",
+    BookmarkAlt = "bookmark-alt",
+    Build = "build",
+    Calendar = "calendar",
+    Change = "change",
+    Checkmark = "checkmark",
+    CheckmarkCircle = "checkmark-circle",
+    CheckmarkCircleAlt = "checkmark-circle-alt",
+    CheckmarkCircleBreakout = "checkmark-circle-breakout",
+    CheckmarkSquare = "checkmark-square",
+    ChevronUp = "chevron-up",
+    ChevronDown = "chevron-down",
+    ChevronLeft = "chevron-left",
+    ChevronRight = "chevron-right",
+    Circle = "circle",
+    Clock = "clock",
+    Copy = "copy",
+    Edit = "edit",
+    Ellipsis = "ellipsis",
+    EllipsisAlt = "ellipsis-alt",
+    Equal = "equal",
+    Error = "error-circle",
+    ErrorAlt = "error-circle-alt",
+    Eye = "eye",
+    EyeBlocked = "eye-blocked",
+    Filter = "filter",
+    FilterAlt = "filter-alt",
+    FilterAltArrow = "filter-alt-arrow",
+    FilterAltTimes = "filter-alt-times",
+    Forbidden = "forbidden",
+    Fullscreen = "fullscreen",
+    FullscreenExit = "fullscreen-exit",
+    Gearwheel = "gearwheel",
+    Grid = "grid",
+    Hamburger = "hamburger",
+    HomeFilled = "home-filled",
+    Heart = "heart",
+    Image = "image",
+    InfoBell = "info-bell",
+    InfoCircle = "info-circle",
+    Link = "link",
+    MinusSquare = "minus-square",
+    NavigationFirst = "navigation-first",
+    NavigationLast = "navigation-last",
+    Plus = "plus",
+    Radio = "radio",
+    Refresh = "refresh",
+    Search = "search",
+    Share = "share",
+    Square = "square",
+    Star = "star",
+    StarAlt = "star-alt",
+    TableSearch = "table-search",
+    Times = "times",
+    TimesCircle = "times-circle",
+    TimesCircleAlt = "times-circle-alt",
+    TimesThin = "times-thin",
+    Trash = "trash",
+    TriangleDown = "triangle-down",
+    TriangleDownCircle = "triangle-down-circle",
+    TriangleLeft = "triangle-left",
+    TriangleRight = "triangle-right",
+    TriangleUp = "triangle-up",
+    Undo = "undo",
+    Warning = "warning",
+    WarningFilled = "warning-filled",
+    FileOutline = "file-outline",
+    FileUpload = "file-upload-outline",
+    FileDownload = "file-download-outline",
+    UploadOutline = "upload-outline",
+    ReplyOutline = "reply-outline",
+    SaveOutline = "save-outline",
+    DownloadFile = "download-file-outline",
+    RetryFile = "retry",
+    AbortFile = "cancel",
+    FileAltIcon = "file-alt",
+    AddCircle = "add-circle",
+    ZoomIn = "zoom-in",
+    ZoomOut = "zoom-out",
+    ArrowUp = "arrow-up",
+    ArrowLeft = "arrow-left",
+    ExternalLink = "external-link",
+    SideSheetHandle = "sidesheet-handle",
+    PendingCircle = "pending-circle",
+    MinusCircle = "minus-circle",
+    ArrowRight = "arrow-right",
+    PermIdentity = "perm-identity",
+    Cable = "cable",
+    Dashboard = "dashboard",
+    FidoDevice = "fido-device",
+    Security = "security",
+    Switch = "switch",
+    Group = "group",
+    Devices = "devices",
+    DownloadCircle = "download-circle",
+    Key = "key",
+    Password = "password",
+    Phone = "phone",
+    Envelope = "envelope",
+    Badge = "badge"
+}
+type Tag = "span" | "div" | "i";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    icon: Icons;
+    color?: string;
+    size?: string;
+    tag?: Tag;
+}
+export declare const Icon: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Icon/Icon.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/InlineEditing/InlineCheckbox/InlineCheckbox.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { CheckboxProps } from '../../..';
+export interface InlineCheckboxProps extends CheckboxProps {
+    tooltipText?: string;
+}
+export declare const InlineCheckbox: (props: InlineCheckboxProps) => React.JSX.Element;

package/dist/components/InlineEditing/InlineEditingContext.d.ts

@@ -0,0 +1,10 @@
+export interface InlineEditingInterface {
+    enabled: boolean;
+    required?: boolean;
+    error?: boolean;
+    success?: boolean;
+    tooltipText?: string;
+    inlineClassNames?: string;
+}
+export declare const InlineEditingProvider: import('react').Provider<InlineEditingInterface>;
+export declare const useInlineEditing: () => InlineEditingInterface;

package/dist/components/InlineEditing/InlineEditingSelect/InlineSelect.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { SingleSelectProps } from '../../Form/Select/Select.interfaces';
+export interface InlineSelectProps extends SingleSelectProps {
+    tooltipText?: string;
+}
+export declare const InlineSelect: (props: InlineSelectProps) => React.JSX.Element;

package/dist/components/Layout/Card/Card.d.ts

@@ -0,0 +1,16 @@
+import { default as React, HTMLAttributes, ReactElement } from 'react';
+export interface CardHeaderInfo {
+}
+export type CardStyle = "default" | "white";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    titleHeadingLevel?: number;
+    description?: string;
+    action?: ReactElement;
+    wrapHeaderText?: boolean;
+    headerContent?: ReactElement;
+    cardStyle?: CardStyle;
+    collapsed?: boolean;
+}
+export declare const CardComponent: ({ title, titleHeadingLevel, description, action, wrapHeaderText, headerContent, cardStyle, collapsed, children, ...rest }: CardProps) => React.JSX.Element;
+export declare const Card: ({ title, titleHeadingLevel, description, action, wrapHeaderText, headerContent, cardStyle, collapsed, children, ...rest }: CardProps) => React.JSX.Element;

package/dist/components/Layout/ContentHeader/ContentHeader.d.ts

@@ -0,0 +1,24 @@
+import { default as React, HTMLAttributes, ReactElement } from 'react';
+import { Button, Props as ButtonProps } from '../../Button/Button';
+import { NavigateFunction } from 'react-router-dom';
+import { Tag, Props as TagProps } from '../../Tag/Tag';
+export interface ContentHeaderNavigationProps {
+    displayText?: string;
+    navigateFN: NavigateFunction;
+}
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    title: string;
+    /**
+     * @deprecated pass text as children
+     */
+    subtitle?: string;
+    buttons?: ReactElement<ButtonProps, typeof Button> | ReactElement<ButtonProps, typeof Button>[];
+    collapsed?: boolean;
+    navigation?: ContentHeaderNavigationProps;
+    tags?: ReactElement<TagProps, typeof Tag>[];
+    error?: boolean;
+    errorMessage?: string;
+    errorTagText?: string;
+}
+export declare const ContentHeaderComponent: ({ title, children, buttons, collapsed, subtitle, navigation, tags, error, errorMessage, errorTagText, ...rest }: Props) => React.JSX.Element;
+export declare const ContentHeader: ({ title, children, buttons, collapsed, subtitle, navigation, tags, error, errorMessage, errorTagText, ...rest }: Props) => React.JSX.Element;

package/dist/components/Layout/ContentHeader/ContentHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ComponentPropsWithRef, ForwardRefRenderFunction } from 'react';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    header?: string;
+    subtext?: string;
+}
+export declare const FormSectionComponent: ForwardRefRenderFunction<HTMLDivElement, Props>;
+export declare const FormSection: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Layout/FormPage/FormWithStepper/FormSection/FormSection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Props as StepperProps } from '../../../../Stepper/Stepper';
+import { Props as StepProps } from '../../../../Stepper/Step';
+export interface FormStepProps extends StepProps {
+    targetScrollViewId?: string;
+}
+export interface Props extends StepperProps {
+    steps: FormStepProps[];
+}
+export declare const FormStepper: ({ steps, direction, textPosition, ...rest }: Props) => React.JSX.Element;

package/dist/components/Layout/FormPage/FormWithStepper/FormStepper/FormStepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.d.ts

@@ -0,0 +1,6 @@
+import { default as React, HTMLAttributes, ReactElement } from 'react';
+import { Props as FormStepperProps, FormStepper } from './FormStepper/FormStepper';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    stepper?: ReactElement<FormStepperProps, typeof FormStepper>;
+}
+export declare const FormWithStepper: ({ children, stepper, ...rest }: Props) => React.JSX.Element;

package/dist/components/Layout/FormPage/FormWithStepper/FormWithStepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ComponentPropsWithRef, ForwardRefExoticComponent, ReactElement } from 'react';
+import { IconProps, Icon } from '../../index';
+export type AnchorType = "external" | "internal" | "download";
+export interface Props extends ComponentPropsWithRef<"a"> {
+    prefixIcon?: ReactElement<IconProps, typeof Icon>;
+    color?: "primary" | "success" | "danger" | "warning";
+    display?: "link" | "button";
+    buttonVariant?: "outline" | "text" | "fill";
+    type?: AnchorType;
+    to: string;
+    disabled?: boolean;
+    component?: ForwardRefExoticComponent<any>;
+}
+export declare const Link: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface Placement {
+    vertical: "top" | "bottom";
+    horizontal: "start" | "center" | "end";
+}
+export interface Props {
+    placement: Placement;
+    children?: React.ReactNode;
+    zIndex?: number;
+    className?: string;
+}
+export declare const AlertContainer: ({ placement, children, zIndex, className, ...rest }: Props) => React.JSX.Element;

package/dist/components/Notifications/Alert/AlertContainer/AlertContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/Alert/AlertContainer/useAlertContainerHeightAnimation.d.ts

@@ -0,0 +1,4 @@
+export declare function useAlertContainerHeightAnimation(): {
+    height: number;
+    justifyContent: "flex-end" | "flex-start";
+};

package/dist/components/Notifications/Alert/AlertItem/AlertItem.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ButtonHTMLAttributes } from 'react';
+export declare const EMPHASES: readonly ["low", "medium", "high"];
+export type Emphasis = (typeof EMPHASES)[keyof typeof EMPHASES];
+export declare const VARIANTS: readonly ["neutral", "informative", "success", "warning", "error"];
+export type Variant = (typeof VARIANTS)[keyof typeof VARIANTS];
+export type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+})[];
+export interface Props {
+    id: string;
+    title?: string | React.ReactNode;
+    content?: string | React.ReactNode;
+    duration?: number;
+    emphasis?: Emphasis;
+    variant?: Variant;
+    className?: string;
+    onClose?: () => void;
+    closeButtonTitle?: string;
+    actions?: Actions;
+    wasShown?: boolean;
+}
+export declare const AlertItem: ({ id, title, duration, variant, emphasis, content, className, actions, onClose, closeButtonTitle, wasShown }: Props) => React.JSX.Element;

package/dist/components/Notifications/Alert/AlertItem/AlertItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/Alert/AlertProvider/AlertContext.d.ts

@@ -0,0 +1,13 @@
+import { AlertEntry } from './AlertProvider';
+export type AlertQueue = Omit<AlertEntry, "id">;
+export interface AlertContextValue {
+    enqueueAlert: (entry: AlertQueue) => void;
+    enqueueInfoAlert: (entry: AlertQueue) => void;
+    enqueueSuccessAlert: (entry: AlertQueue) => void;
+    enqueueWarningAlert: (entry: AlertQueue) => void;
+    enqueueErrorAlert: (entry: AlertQueue) => void;
+    setAlertHeight: (id: string, height: number) => void;
+    alerts: AlertEntry[];
+}
+declare const AlertContext: import('react').Context<AlertContextValue>;
+export default AlertContext;

package/dist/components/Notifications/Alert/AlertProvider/AlertProvider.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ReactNode } from 'react';
+import { Placement } from '../AlertContainer/AlertContainer';
+import { Props as AlertComponentProps } from '../AlertItem/AlertItem';
+/** Short msg is when only title is provided. Long one when content or/and actions are provided (or type is error). */
+interface Duration {
+    long: number;
+    short: number;
+}
+export interface Props {
+    closeButtonTitle: string;
+    children?: ReactNode;
+    placement?: Placement;
+    stackSize?: number;
+    domRoot?: HTMLElement;
+    autoHideDuration?: Duration;
+    className?: string;
+}
+export type AlertEntry = AlertComponentProps & {
+    height?: number;
+};
+export declare const AlertProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className }: Props) => React.JSX.Element;
+export {};

package/dist/components/Notifications/Alert/AlertProvider/AlertProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/Alert/useAlert.d.ts

@@ -0,0 +1,7 @@
+export declare const useAlert: () => {
+    enqueueAlert: (entry: import('./AlertProvider/AlertContext').AlertQueue) => void;
+    enqueueInfoAlert: (entry: import('./AlertProvider/AlertContext').AlertQueue) => void;
+    enqueueSuccessAlert: (entry: import('./AlertProvider/AlertContext').AlertQueue) => void;
+    enqueueWarningAlert: (entry: import('./AlertProvider/AlertContext').AlertQueue) => void;
+    enqueueErrorAlert: (entry: import('./AlertProvider/AlertContext').AlertQueue) => void;
+};

package/dist/components/Notifications/Alert/useAlert.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/Banner/Banner.d.ts

@@ -0,0 +1,11 @@
+import { default as React, AriaAttributes, AriaRole, ComponentPropsWithRef } from 'react';
+export type BannerType = "error" | "warning" | "info";
+export interface Props extends ComponentPropsWithRef<"section"> {
+    children: string;
+    ariaRole?: AriaRole;
+    ariaLive?: AriaAttributes["aria-live"];
+    ariaLabel?: AriaAttributes["aria-label"];
+    type: BannerType;
+    title: string;
+}
+export declare const Banner: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;

package/dist/components/Notifications/Banner/Banner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/BaseModal/BaseModal.d.ts

@@ -0,0 +1,21 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    id: string;
+    children: React.ReactNode;
+    open: boolean;
+    onClose?: (event?: React.MouseEvent<HTMLElement>) => unknown;
+    className?: string;
+    containerProps?: ComponentPropsWithRef<"div">;
+    backdropProps?: ComponentPropsWithRef<"div">;
+    labelledby?: string;
+    describedby?: string;
+    disableEscapeKeyDown?: boolean;
+    disableBackdrop?: boolean;
+    disableContentAutoFocus?: boolean;
+    hideBackdrop?: boolean;
+    forceContainerOpen?: boolean;
+    zIndex?: number;
+    domRoot?: HTMLElement;
+}
+export declare const useSetBodyScroll: (open: boolean) => void;
+export declare const BaseModal: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Notifications/BaseModal/BaseModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/BaseModal/BaseModalActions/BaseModalActions.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { Props as ButtonProps } from '../../../Button/Button';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: React.ReactNode;
+    onClose?: () => void;
+    cancelAction?: CancelAction;
+    cancelActionsClassName?: string;
+}
+export interface CancelAction {
+    label: string;
+    cancelButtonProps?: ButtonProps;
+}
+export declare const BaseModalActions: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Notifications/BaseModal/BaseModalActions/BaseModalActions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/BaseModal/BaseModalContent/BaseModalContent.d.ts

@@ -0,0 +1,8 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    id?: string;
+    children: React.ReactNode;
+    className?: string;
+    disableAutoFocus?: boolean;
+}
+export declare const BaseModalContent: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Notifications/BaseModal/BaseModalContent/BaseModalContent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/BaseModal/BaseModalContext.d.ts

@@ -0,0 +1,2 @@
+export declare const labelId: (id: string) => string;
+export declare const descriptionId: (id: string) => string;

package/dist/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    id: string;
+    title: string;
+    description?: string;
+    children?: React.ReactNode;
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const BaseModalHeader: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/Dialog/Dialog.d.ts

@@ -0,0 +1,22 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { Props as ButtonProps } from '../../Button/Button';
+import { CancelAction } from '../BaseModal/BaseModalActions/BaseModalActions';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    id?: string;
+    open: boolean;
+    children: React.ReactNode;
+    onClose?: () => void;
+    title: string;
+    primaryAction: Action;
+    secondaryAction?: Action;
+    cancelAction?: CancelAction;
+    zIndex?: number;
+    disableEscapeKeyDown?: boolean;
+    titleIcon?: React.ReactNode;
+    caption?: string;
+}
+export interface Action extends Omit<ButtonProps, "variant" | "ref"> {
+    label: string;
+    onClick: (event?: React.MouseEvent<HTMLButtonElement>) => unknown;
+}
+export declare const Dialog: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Notifications/Dialog/Dialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Notifications/Dialog/DialogActions/DialogActions.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { Props as BaseModalActionsProps, CancelAction } from '../../BaseModal/BaseModalActions/BaseModalActions';
+export interface Props extends ComponentPropsWithRef<any>, BaseModalActionsProps {
+    cancelAction?: CancelAction;
+}
+export declare const DialogActions: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;