@onewelcome/react-lib-components 4.2.0 → 5.0.0

package/dist/cjs/src/components/Form/Select/Select.d.ts

@@ -0,0 +1,23 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Props as InputProps } from "../Input/Input";
+import { FormElement } from "../form.interfaces";
+type PartialInputProps = Partial<InputProps>;
+export interface Props extends ComponentPropsWithRef<"select">, FormElement {
+    children: ReactElement[];
+    name?: string;
+    labeledBy?: string;
+    describedBy?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    searchInputProps?: PartialInputProps & {
+        reset?: boolean;
+    };
+    selectButtonProps?: ComponentPropsWithRef<"button">;
+    className?: string;
+    value: string;
+    clearLabel?: string;
+    noResultsLabel?: string;
+    onChange?: (event: React.ChangeEvent<HTMLSelectElement>, child?: ReactElement) => void;
+}
+export declare const Select: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export {};

package/dist/cjs/src/components/Form/Select/Select.interfaces.d.ts

@@ -0,0 +1,21 @@
+export type Position = {
+    top: number | `${number}rem` | "initial";
+    bottom: number | `${number}rem` | "initial";
+};
+export interface UseArrowNavigationParams {
+    expanded: boolean;
+    setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    isSearching: boolean;
+    setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
+    setFocusedSelectItem: React.Dispatch<React.SetStateAction<number>>;
+    childrenCount: number;
+    setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;
+    onOptionChangeHandler: (optionElement: HTMLElement | null) => void;
+    searchInputRef: React.RefObject<HTMLInputElement>;
+    renderSearchCondition: number;
+}
+export interface UseSelectPositionListParams {
+    expanded: boolean;
+    optionListReference: React.RefObject<HTMLDivElement>;
+    containerReference: React.RefObject<HTMLDivElement>;
+}

package/dist/cjs/src/components/Form/Select/Select.test.d.ts

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

package/dist/cjs/src/components/Form/Select/SelectService.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { Position, UseArrowNavigationParams, UseSelectPositionListParams } from "./Select.interfaces";
+export declare const useArrowNavigation: ({ expanded, setExpanded, isSearching, setIsSearching, setFocusedSelectItem, onOptionChangeHandler, childrenCount, setShouldClick, searchInputRef, renderSearchCondition }: UseArrowNavigationParams) => {
+    onArrowNavigation: (event: React.KeyboardEvent) => void;
+};
+export declare const useSelectPositionList: ({ expanded, optionListReference, containerReference }: UseSelectPositionListParams) => {
+    optionsListMaxHeight: string;
+    opacity: number;
+    setOpacity: React.Dispatch<React.SetStateAction<number>>;
+    listPosition: Partial<Position>;
+    setListPosition: React.Dispatch<React.SetStateAction<Partial<Position>>>;
+};

package/dist/cjs/src/components/Form/Textarea/Textarea.d.ts

@@ -0,0 +1,6 @@
+import React, { ComponentPropsWithRef } from "react";
+import { FormElement } from "../form.interfaces";
+export interface Props extends ComponentPropsWithRef<"textarea">, FormElement {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+}
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/src/components/Form/Textarea/Textarea.test.d.ts

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

package/dist/cjs/src/components/Form/Toggle/Toggle.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as CheckboxProps } from "../Checkbox/Checkbox";
+export interface Props extends ComponentPropsWithRef<"input">, Omit<CheckboxProps, "indeterminate" | "errorMessage" | "error" | "label"> {
+    label?: string | React.ReactElement;
+    labelPosition?: "left" | "right";
+    hideLabel?: boolean;
+    labelOverflow?: "wrap" | "nowrap";
+    version?: "emphasis" | "neutral";
+    spacing?: "packed" | "between";
+}
+export declare const Toggle: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/src/components/Form/Toggle/Toggle.test.d.ts

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

package/dist/cjs/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { WrapperProps } from "../Wrapper/Wrapper";
+import { Props as FieldsetProps } from "../../../Form/Fieldset/Fieldset";
+export interface Props extends ComponentPropsWithRef<"div">, Omit<WrapperProps, "success"> {
+    children: ReactElement[] | ReactElement;
+    fieldsetProps: FieldsetProps;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+/**
+ * @deprecated
+ */
+export declare const CheckboxWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper.test.d.ts

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

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

@@ -0,0 +1,18 @@
+import 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<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

@@ -0,0 +1,10 @@
+import 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<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,16 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { WrapperProps } from "../Wrapper/Wrapper";
+import { Props as SelectProps } from "../../Select/Select";
+interface PartialSelectProps extends Partial<SelectProps> {
+}
+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<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

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

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

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

@@ -0,0 +1,15 @@
+import 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;
+}
+export declare const TextareaWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,26 @@
+import 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;
+    label?: string;
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+}
+export declare const Wrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -0,0 +1,82 @@
+import 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",
+    FileOutline = "file-outline",
+    FileUpload = "file-upload-outline",
+    FileDownload = "file-download-outline"
+}
+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/cjs/src/components/Icon/Icon.test.d.ts

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

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

@@ -0,0 +1,14 @@
+import 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" | "secondary" | "tertiary";
+    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/cjs/src/components/Link/Link.test.d.ts

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

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

@@ -0,0 +1,11 @@
+import 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/cjs/src/components/Notifications/Banner/Banner.test.d.ts

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

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

@@ -0,0 +1,19 @@
+import 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;
+    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/cjs/src/components/Notifications/BaseModal/BaseModal.test.d.ts

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

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

@@ -0,0 +1,13 @@
+import 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/cjs/src/components/Notifications/BaseModal/BaseModalActions/BaseModalActions.test.d.ts

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

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

@@ -0,0 +1,8 @@
+import 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/cjs/src/components/Notifications/BaseModal/BaseModalContent/BaseModalContent.test.d.ts

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

package/dist/cjs/src/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/cjs/src/components/Notifications/BaseModal/BaseModalHeader/BaseModalHeader.d.ts

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

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

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

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

@@ -0,0 +1,22 @@
+import 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/cjs/src/components/Notifications/Dialog/Dialog.test.d.ts

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

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

@@ -0,0 +1,6 @@
+import 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>>;

package/dist/cjs/src/components/Notifications/Dialog/DialogActions/DialogActions.test.d.ts

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

package/dist/cjs/src/components/Notifications/Dialog/DialogTitle/DialogTitle.d.ts

@@ -0,0 +1,8 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    id: string;
+    title: string;
+    titleIcon?: React.ReactNode;
+    caption?: string;
+}
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Notifications/Dialog/DialogTitle/DialogTitle.test.d.ts

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

package/dist/cjs/src/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef } from "react";
+import { DataAttributeKey } from "../../../../interfaces";
+import { CancelAction } from "../../BaseModal/BaseModalActions/BaseModalActions";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    open: boolean;
+    discardChangesButtonLabel: string;
+    keepEditingButtonLabel: string;
+    cancelAction?: CancelAction;
+    contentLabel: string;
+    titleLabel: string;
+    [dataAttribute: DataAttributeKey]: any;
+    onKeepEditing: () => void;
+    onDiscardChanges: () => void;
+}
+export declare const DiscardChangesDialog: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.test.d.ts

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

package/dist/cjs/src/components/Notifications/DiscardChangesModal/DiscardChangesModal.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Props as ModalProps } from "../Modal/Modal";
+import { Props as ModalHeaderProps } from "../Modal/ModalHeader/ModalHeader";
+import { Props as DiscardChangesDialogProps } from "./DiscardChangesDialog/DiscardChangesDialog";
+export interface Props extends Omit<ModalProps, "onClose"> {
+    hasUnsavedChanges: () => boolean;
+    onClose: (event?: React.MouseEvent<HTMLElement>) => unknown;
+    headerProps: Omit<ModalHeaderProps, "onClose" | "id">;
+    discardChangedDialogProps: Omit<DiscardChangesDialogProps, "open" | "onKeepEditing" | "onDiscardChanges">;
+    modalRef?: React.RefObject<HTMLDivElement>;
+    dialogRef?: React.RefObject<HTMLDivElement>;
+}
+export declare const DiscardChangesModal: ({ id, children, headerProps, discardChangedDialogProps, modalRef, dialogRef, onClose, hasUnsavedChanges, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Notifications/DiscardChangesModal/DiscardChangesModal.test.d.ts

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

package/dist/cjs/src/components/Notifications/Modal/Modal.d.ts

@@ -0,0 +1,2 @@
+export { BaseModal as Modal } from "../BaseModal/BaseModal";
+export type { Props } from "../BaseModal/BaseModal";

package/dist/cjs/src/components/Notifications/Modal/Modal.test.d.ts

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

package/dist/cjs/src/components/Notifications/Modal/ModalActions/ModalActions.d.ts

@@ -0,0 +1,2 @@
+export { BaseModalActions as ModalActions } from "../../BaseModal/BaseModalActions/BaseModalActions";
+export type { Props } from "../../BaseModal/BaseModalActions/BaseModalActions";

package/dist/cjs/src/components/Notifications/Modal/ModalContent/ModalContent.d.ts

@@ -0,0 +1,2 @@
+export { BaseModalContent as ModalContent } from "../../BaseModal/BaseModalContent/BaseModalContent";
+export type { Props } from "../../BaseModal/BaseModalContent/BaseModalContent";

package/dist/cjs/src/components/Notifications/Modal/ModalHeader/ModalHeader.d.ts

@@ -0,0 +1,2 @@
+export { BaseModalHeader as ModalHeader } from "../../BaseModal/BaseModalHeader/BaseModalHeader";
+export type { Props } from "../../BaseModal/BaseModalHeader/BaseModalHeader";

package/dist/cjs/src/components/Notifications/NotificationProvider/NotificationContext.d.ts

@@ -0,0 +1,35 @@
+import React, { ReactNode } from "react";
+import { Notification, ErrorNotification, SuccessNotification, Translations, AddNotification } from "./notification.interfaces";
+import { DeepPartial } from "../../../interfaces";
+interface NotificationState {
+    notifications: Notification<ErrorNotification | SuccessNotification>[];
+}
+export interface NotificationAction {
+    type: "add" | "remove" | "handled" | "reset";
+    payload?: Notification<ErrorNotification | SuccessNotification> & {
+        id?: string;
+        handled?: boolean;
+    };
+}
+export interface NotificationHandlerProps {
+    translations?: DeepPartial<Translations>;
+    dispatchFn: React.Dispatch<NotificationAction>;
+}
+export declare const NotificationHandler: ({ translations, dispatchFn }: NotificationHandlerProps) => null;
+export declare const NotificationContext: React.Context<{
+    state: NotificationState;
+    dispatch: React.Dispatch<NotificationAction>;
+}>;
+export interface Props {
+    children?: ReactNode;
+    translations?: DeepPartial<Translations>;
+}
+export declare const NotificationProvider: ({ children, translations }: Props) => React.JSX.Element;
+export declare const useNotificationContext: () => {
+    state: NotificationState;
+    addNotification: (notification: AddNotification) => void;
+    removeNotification: (id: string) => void;
+    resetNotifications: () => void;
+};
+export declare const notificationReducer: (state: NotificationState, action: NotificationAction) => NotificationState;
+export {};

package/dist/cjs/src/components/Notifications/NotificationProvider/NotificationContext.test.d.ts

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

package/dist/cjs/src/components/Notifications/NotificationProvider/NotificationService.d.ts

@@ -0,0 +1,2 @@
+import { Translations } from "./notification.interfaces";
+export declare const defaultTranslations: Translations;

package/dist/cjs/src/components/Notifications/NotificationProvider/notification.interfaces.d.ts

@@ -0,0 +1,46 @@
+export interface ErrorNotification extends NotificationType {
+    response?: string;
+    type: "error";
+}
+export interface SuccessNotification extends NotificationType {
+    response?: string;
+    type: "success";
+}
+interface NotificationType {
+    type: "error" | "success";
+    status: HttpStatuses;
+}
+export type HttpStatuses = 200 | 500 | 400 | 401 | 403 | 404 | 501 | 502 | 503 | 504;
+export interface AddNotification {
+    type: "error" | "success";
+    status: HttpStatuses;
+    title?: string;
+    message?: string;
+}
+export interface RemoveNotification {
+    id: string;
+}
+export interface Notification<T extends NotificationType> {
+    id?: string;
+    type?: T["type"];
+    status?: HttpStatuses;
+    title?: string;
+    message?: string;
+    handled?: boolean;
+}
+export interface Translations {
+    general: {
+        error: string;
+        success: string;
+    };
+    messages: {
+        general: string;
+        badRequest: string;
+        unauthorized: string;
+        forbidden: string;
+        notFound: string;
+        timeout: string;
+        unavailable: string;
+    };
+}
+export {};