@onewelcome/react-lib-components 4.3.0 → 5.0.0

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

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

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

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.d.ts

@@ -0,0 +1,12 @@
+import 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 SnackbarContainer: ({ placement, children, zIndex, className, ...rest }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarContainer/SnackbarContainer.test.d.ts

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

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { Variant, Actions } from "../interfaces";
+export interface Props {
+    id: string;
+    title?: string;
+    duration: number;
+    variant: Variant;
+    className?: string;
+    onClose: (key: string) => void;
+    closeButtonTitle: string;
+    content?: string;
+    actions?: Actions;
+}
+export declare const SnackbarItem: ({ id, title, duration, variant, content, className, actions, onClose, closeButtonTitle }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarItem/SnackbarItem.test.d.ts

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

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.d.ts

@@ -0,0 +1,30 @@
+import React, { ReactNode } from "react";
+import { Actions, Variant } from "../interfaces";
+import { Placement } from "../SnackbarContainer/SnackbarContainer";
+/** 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 interface Item {
+    id: string;
+    title?: string;
+    duration: number;
+    className?: string;
+    height: number;
+    variant: Variant;
+    content?: string;
+    actions?: Actions;
+    onClose?: () => void;
+}
+export declare const SnackbarProvider: ({ closeButtonTitle, placement, autoHideDuration, stackSize, domRoot, children, className }?: Props) => React.JSX.Element;
+export {};

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider.test.d.ts

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

package/dist/cjs/src/components/Notifications/Snackbar/SnackbarProvider/SnackbarStateProvider.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { SnackbarOptionsProps } from "../interfaces";
+import { Item } from "./SnackbarProvider";
+interface SnackbarContextProps {
+    enqueueSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    enqueueSuccessSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    enqueueWarningSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    enqueueErrorSnackbar: (title?: string, content?: string, options?: SnackbarOptionsProps) => void;
+    setSnackbarHeight: (id: string, height: number) => void;
+    snackbars: Item[];
+}
+declare const SnackbarContext: React.Context<SnackbarContextProps>;
+interface Props {
+    initialState: SnackbarContextProps;
+    children?: React.ReactNode;
+}
+declare const SnackbarContextProvider: ({ children, initialState }: Props) => React.JSX.Element;
+export { SnackbarContextProvider, SnackbarContext, SnackbarContextProps };

package/dist/cjs/src/components/Notifications/Snackbar/interfaces.d.ts

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes } from "react";
+export type Variant = "info" | "success" | "error" | "warning";
+export type Actions = (ButtonHTMLAttributes<HTMLButtonElement> & {
+    label: string;
+})[];
+export interface SnackbarOptionsProps {
+    actions?: Actions;
+    className?: string;
+    variant?: Variant;
+    duration?: number;
+    onClose?: () => void;
+}

package/dist/cjs/src/components/Notifications/Snackbar/useSnackbar.d.ts

@@ -0,0 +1,6 @@
+export declare const useSnackbar: () => {
+    enqueueWarningSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+    enqueueErrorSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+    enqueueSuccessSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+    enqueueSnackbar: (title?: string | undefined, content?: string | undefined, options?: import("./interfaces").SnackbarOptionsProps | undefined) => void;
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { Props as TypographyProps } from "../Typography/Typography";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: ReactNode;
+    status: "active" | "error" | "neutral" | "warning";
+    badgeProps?: ComponentPropsWithRef<"div">;
+    typographyProps?: TypographyProps;
+}
+export declare const StatusIndicator: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/StatusIndicator/StatusIndicator.test.d.ts

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

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

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef, ForwardRefRenderFunction } from "react";
+export type StepStatus = "waiting" | "current" | "done" | "error";
+export interface Props extends ComponentPropsWithRef<"button"> {
+    status: StepStatus;
+    label: string;
+    caption?: string;
+    index?: number;
+    lastStep?: boolean;
+    disabled?: boolean;
+    direction?: "horizontal" | "vertical";
+}
+export declare const StepComponent: ForwardRefRenderFunction<HTMLButtonElement, Props>;
+export declare const Step: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import 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/cjs/src/components/Tabs/TabButton.test.d.ts

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React, { HTMLAttributes } from "react";
+import { Icons } from "../Icon/Icon";
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    variant?: "enabled" | "disabled";
+    icon?: Icons;
+    backgroundColor?: string;
+    color?: string;
+    children?: string;
+}
+export declare const Tag: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import 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/cjs/src/components/Tiles/Tile.test.d.ts

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    label: ReactNode;
+    title?: string;
+    children: string;
+    domRoot?: HTMLElement;
+    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/cjs/src/components/Tooltip/Tooltip.test.d.ts

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

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

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

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

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

package/dist/cjs/src/components/Wizard/BaseWizardSteps/BaseWizardSteps.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Step {
+    label: string;
+    disabled?: boolean;
+}
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onClick"> {
+    steps: Step[];
+    currentStepNo: number;
+    onClick?: (stepNo: number) => void;
+    futureStepsClickable?: boolean;
+}
+export declare const BaseWizardSteps: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Wizard/BaseWizardSteps/BaseWizardSteps.test.d.ts

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { Step } from "./BaseWizardSteps/BaseWizardSteps";
+export type WizardMode = "add" | "edit";
+export interface Props {
+    steps: Step[];
+    mode: WizardMode;
+    initialStepNo?: number;
+    onStepChange: (stepNo: number) => void;
+    children: React.ReactNode;
+}
+export declare const Wizard: (props: Props) => React.JSX.Element;

package/dist/cjs/src/components/Wizard/Wizard.test.d.ts

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

package/dist/cjs/src/components/Wizard/WizardActions/WizardActions.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import { Props as ButtonProps } from "../../Button/Button";
+export interface Props extends React.HTMLProps<HTMLDivElement> {
+    actions: {
+        previous: {
+            label: string;
+            onClick: () => void;
+            previousButtonProps?: ButtonProps;
+        };
+        next: {
+            label: string;
+            onClick: (currentStepNo: number) => boolean;
+            nextButtonProps?: ButtonProps;
+        };
+        saveAndClose: {
+            label: string;
+            onClick: (currentStepNo: number) => void;
+            saveAndCloseButtonProps?: ButtonProps;
+        };
+    };
+}
+export declare const WizardActions: ({ actions }: Props) => React.JSX.Element;

package/dist/cjs/src/components/Wizard/WizardActions/WizardActions.test.d.ts

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

package/dist/cjs/src/components/Wizard/WizardStateProvider.d.ts

@@ -0,0 +1,12 @@
+import React, { Dispatch } from "react";
+import { WizardActions, WizardStateType } from "./wizardStateReducer";
+declare const WizardStateContext: React.Context<{
+    state: WizardStateType;
+    dispatch: Dispatch<WizardActions>;
+}>;
+export interface Props {
+    initialState: WizardStateType;
+    children?: React.ReactNode;
+}
+declare const WizardStateProvider: ({ children, initialState }: Props) => React.JSX.Element;
+export { WizardStateProvider, WizardStateContext };

package/dist/cjs/src/components/Wizard/WizardSteps/WizardSteps.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    onStepClick: (currentStepNo: number, selectedStepNo: number) => boolean;
+}
+export declare const WizardSteps: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Wizard/WizardSteps/WizardSteps.test.d.ts

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

package/dist/cjs/src/components/Wizard/wizardStateReducer.d.ts

@@ -0,0 +1,24 @@
+import { Reducer } from "react";
+import { Step } from "./BaseWizardSteps/BaseWizardSteps";
+import { WizardMode } from "./Wizard";
+type WizardStateType = {
+    steps: Step[];
+    currentStepNo: number;
+    mode: WizardMode;
+};
+interface SetWizardStateAction {
+    type: "SET_STATE";
+    payload: {
+        steps: Step[];
+        mode: WizardMode;
+    };
+}
+interface ChangeCurrentStepNoAction {
+    type: "CHANGE_CURRENT_STEP_NO";
+    payload: number;
+}
+declare const setWizardState: (steps: Step[], mode: WizardMode) => SetWizardStateAction;
+declare const changeCurrentStepNo: (currentStepNo: number) => ChangeCurrentStepNoAction;
+type WizardActions = SetWizardStateAction | ChangeCurrentStepNoAction;
+declare const reducer: Reducer<WizardStateType, WizardActions>;
+export { setWizardState, changeCurrentStepNo, reducer, WizardActions, WizardStateType };