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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { default as 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/components/Notifications/DiscardChangesModal/DiscardChangesDialog/DiscardChangesDialog.test.d.ts

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

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

@@ -0,0 +1,13 @@
+import { default as 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/components/Notifications/DiscardChangesModal/DiscardChangesModal.test.d.ts

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

package/dist/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/components/Notifications/Modal/Modal.test.d.ts

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

package/dist/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/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/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/components/Notifications/NotificationProvider/NotificationContext.d.ts

@@ -0,0 +1,35 @@
+import { default as 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/components/Notifications/NotificationProvider/NotificationContext.test.d.ts

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

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

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

package/dist/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 {};

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Props as ModalProps } from '../Modal/Modal';
+export interface Props extends Omit<ModalProps, "hideBackdrop" | "disableBackdrop"> {
+    handleButtonProps?: {
+        onOpen: () => void;
+        onClose: () => void;
+        title?: string;
+    };
+}
+export declare const SideSheet: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Notifications/SideSheet/SideSheetActions/SideSheetActions.d.ts

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

package/dist/components/Notifications/SideSheet/SideSheetContent/SideSheetContent.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { Props } from '../../BaseModal/BaseModalContent/BaseModalContent';
+export declare const SideSheetContent: React.FC<Props>;
+export type { Props } from '../../BaseModal/BaseModalContent/BaseModalContent';

package/dist/components/Notifications/SideSheet/SideSheetHeader/SideSheetHeader.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { Props } from '../../BaseModal/BaseModalHeader/BaseModalHeader';
+export declare const SideSheetHeader: React.FC<Props>;
+export type { Props } from '../../BaseModal/BaseModalHeader/BaseModalHeader';

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

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { Props as ModalProps } from '../Modal/Modal';
+export type { Props } from '../Modal/Modal';
+export declare const SlideInModal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export type PaginationTranslations = {
+    totalItems: string;
+    itemsPerPage: string;
+    itemsPerPageLabel: string;
+    currentPage: string;
+    currentPageLabel: string;
+};
+export type PageChangeLabels = "next" | "previous" | "first" | "last";
+export type PageSize = 10 | 25 | 50;
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "translate"> {
+    currentPage: number;
+    totalElements?: number;
+    pageSize?: PageSize;
+    translate?: PaginationTranslations;
+    onPageChange: (pageToGoTo: number) => void;
+    onPageSizeChange: (pageSize: PageSize) => void;
+}
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ComponentPropsWithRef, ReactNode, RefObject } from 'react';
+import { Offset, Placement } from '../../hooks/usePosition';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: ReactNode;
+    show?: boolean;
+    anchorEl?: RefObject<HTMLOrSVGElement>;
+    placement?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+    transformOrigin?: Placement;
+    onAnchorOutOfView?: () => void;
+}
+export declare const Popover: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    label?: string;
+    caption?: string;
+    completed?: number;
+    percentage?: number;
+    accessibilityTitle?: string;
+}
+export declare const ProgressBar: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

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

package/dist/components/RequiredSign/RequiredSign.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+export interface Props {
+    className: string;
+}
+export declare const RequiredSign: React.FC<Props>;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "children"> {
+    variant?: "circular" | "rectangle" | "text";
+    height?: number | string;
+    width?: number | string;
+}
+export declare const Skeleton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface SpinnerProps extends React.SVGProps<SVGSVGElement> {
+    size?: number;
+    thickness?: number;
+}
+export declare const Spinner: React.FC<SpinnerProps>;

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

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

package/dist/components/Stepper/Step.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ComponentPropsWithRef, ForwardRefRenderFunction } from 'react';
+export type StepStatus = "waiting" | "current" | "done" | "error";
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onClick"> {
+    status: StepStatus;
+    label: string;
+    caption?: string;
+    index?: number;
+    lastStep?: boolean;
+    disabled?: boolean;
+    direction?: "horizontal" | "vertical";
+    textPosition?: "bottom" | "right";
+    onClick?: (event: React.MouseEvent<HTMLButtonElement | HTMLDivElement>) => void;
+}
+export declare const StepComponent: ForwardRefRenderFunction<HTMLDivElement, Props>;
+export declare const Step: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,8 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { Props as StepProps } from './Step';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    steps: StepProps[];
+    direction: "horizontal" | "vertical";
+    textPosition?: "bottom" | "right";
+}
+export declare const Stepper: ({ steps, direction, textPosition, className, ...rest }: Props) => React.JSX.Element;

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

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

package/dist/components/Tabs/Tab.d.ts

@@ -0,0 +1,8 @@
+import { default as React, HTMLProps } from 'react';
+export interface Props extends Omit<HTMLProps<HTMLDivElement>, "children"> {
+    title: string;
+    children?: any;
+    tabActive?: boolean;
+    icon?: React.ReactNode;
+}
+export declare const Tab: ({ children, tabActive, ...rest }: Props) => React.JSX.Element;

package/dist/components/Tabs/Tab.test.d.ts

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

package/dist/components/Tabs/TabButton.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends ComponentPropsWithRef<"button"> {
+    tabActive?: boolean;
+    focused?: boolean;
+    fluid?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "left" | "right" | "top" | "bottom";
+}
+export declare const TabButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Tabs/TabButton.test.d.ts

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

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ComponentPropsWithRef, ReactElement } from 'react';
+import { Props as TabProps } from './Tab';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children: ReactElement<TabProps>[];
+    selected?: number;
+    onTabChange?: (index: number) => void;
+    tabChanging?: (newIndex: number, oldIndex: number) => Promise<boolean> | boolean;
+    fluid?: boolean;
+    align?: "left" | "center" | "right";
+    tabListClassName?: string;
+    iconsPosition?: "left" | "right" | "top" | "bottom";
+}
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Tag/RemoveButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface Props extends HTMLAttributes<HTMLButtonElement> {
+    removeLabel?: string;
+    label?: string;
+    onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+export declare const RemoveButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,13 @@
+import { default as React, HTMLAttributes } from 'react';
+import { Icons } from '../Icon/Icon';
+import { Props as RemoveButtonProps } from './RemoveButton';
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    variant?: "enabled" | "disabled";
+    icon?: Icons;
+    backgroundColor?: string;
+    color?: string;
+    children?: string;
+    shape?: "rounded" | "sharp";
+    removeButton?: RemoveButtonProps;
+}
+export declare const Tag: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/TextEllipsis/TextEllipsis.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: string;
+    popoverClassName?: string;
+}
+export declare const TextEllipsis: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Tiles/Tile.d.ts

@@ -0,0 +1,15 @@
+import { default as React, ComponentPropsWithoutRef, ComponentPropsWithRef, ReactElement } from 'react';
+import { Props as ContextMenuProps } from '../ContextMenu/ContextMenu';
+import { Props as IconButtonProps } from '../Button/IconButton';
+interface ImageProps extends ComponentPropsWithoutRef<"img"> {
+    src: string;
+}
+export interface Props extends ComponentPropsWithRef<"div"> {
+    title: string;
+    imageProps?: ImageProps;
+    enabled?: boolean;
+    loading?: boolean;
+    tileAction?: ReactElement<ContextMenuProps> | ReactElement<IconButtonProps>;
+}
+export declare const Tile: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/Tiles/Tile.test.d.ts

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

package/dist/components/Tiles/Tiles.d.ts

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

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

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

package/dist/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,13 @@
+import { default as React, ComponentPropsWithRef, ReactNode } from 'react';
+import { Icons } from '../Icon/Icon';
+export interface Props extends ComponentPropsWithRef<"div"> {
+    label: ReactNode;
+    title?: string;
+    children: ReactNode;
+    domRoot?: HTMLElement;
+    icon?: Icons;
+    location?: "left" | "right" | "top" | "bottom";
+    color?: "black" | "blue";
+    position?: "start" | "center" | "end";
+}
+export declare const Tooltip: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,14 @@
+import { default as React, ComponentPropsWithRef, ReactNode } from 'react';
+import { Spacing } from '../../hooks/useSpacing';
+export declare const validVariants: readonly ["h1", "h2", "h3", "h4", "body", "body-bold", "sub-text", "code"];
+export type Variant = (typeof validVariants)[number];
+type Tags = "h1" | "h2" | "h3" | "h4" | "p" | "div" | "code" | "span" | "sup" | "sub" | "strong" | "em" | "small" | "mark" | "del" | "ins" | "blockquote";
+export interface Props extends ComponentPropsWithRef<any> {
+    children: ReactNode;
+    variant: Variant;
+    tag?: Tags;
+    spacing?: Spacing;
+    align?: "left" | "center" | "right";
+}
+export declare const Typography: React.ForwardRefExoticComponent<Omit<Omit<Props, "ref">, "ref"> & React.RefAttributes<unknown>>;
+export {};

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

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